\r\n
\r\n \r\n obj.field === c && obj.direction === 'asc') ? 'select' : null}>up \r\n obj.field === c && obj.direction === 'desc') ? 'select' : null}>down \r\n
\r\n \r\n obj.field === c && obj.direction === 'asc') ? 'select' : null}>up \r\n obj.field === c && obj.direction === 'desc') ? 'select' : null}>down \r\n
\r\n \r\n up \r\n down \r\n
\r\n \r\n up \r\n down \r\n
\r\n | \r\n | \r\n {tRow(data)}\r\n
| \r\n | \r\n {tRow(data)}\r\n
| \r\n | \r\n {tRow(props.data, snapshot.isDragging)}\r\n
\r\n {SelectableTable(\r\n \r\n
\r\n )}\r\n
\r\n )\r\n );\r\n};\r\nexport default Sheet;","export const Mapping = (screen, data) => {\r\n if (!data) {\r\n return screen;\r\n }\r\n if (!screen) {\r\n return screen;\r\n }\r\n if (screen.ScreenToolbar) {\r\n MappingScreenToolbar(screen.ScreenToolbar, data);\r\n }\r\n if (screen.Wrap) {\r\n MappingWrap(screen.Wrap, data);\r\n }\r\n if (screen.SectionGroups) {\r\n MappingSectionGroups(screen.SectionGroups, data);\r\n }\r\n if (screen.Tabstrip) {\r\n MappingTabstrip(screen.Tabstrip, data);\r\n }\r\n return screen;\r\n};\r\n\r\nexport const MappingTabstrip = (tabstrip, data) => {\r\n for (const ti in tabstrip) {\r\n const t = tabstrip[ti];\r\n if (t && t.Form && t.Form.SectionGroups) {\r\n MappingSectionGroups(t.Form.SectionGroups, data);\r\n }\r\n }\r\n};\r\n\r\nexport const MappingScreenToolbar = (screenToolbar, data) => {\r\n for (const st in screenToolbar) {\r\n MappingFields(screenToolbar[st].Fields, data);\r\n }\r\n MappingFields(screenToolbar.Fields, data);\r\n};\r\n\r\nexport const MappingWrap = (wrap, data) => {\r\n for (const st in wrap) {\r\n MappingFields(wrap[st].Fields, data);\r\n }\r\n MappingFields(wrap.Fields, data);\r\n};\r\n\r\nexport const MappingSectionGroups = (sectionGroups, data) => {\r\n if (!data) {\r\n return sectionGroups;\r\n }\r\n for (const sg in sectionGroups) {\r\n const secrionGroup = sectionGroups[sg];\r\n MappingSections(secrionGroup.Sections, data);\r\n }\r\n return sectionGroups;\r\n};\r\n\r\nexport const MappingSections = (sections, data) => {\r\n if (!data) {\r\n return sections;\r\n }\r\n for (const s in sections) {\r\n const section = sections[s];\r\n MappingFields(section.Fields, data);\r\n }\r\n return sections;\r\n};\r\n\r\nexport const MappingFields = (fields, data) => {\r\n if (!data) {\r\n return fields;\r\n }\r\n for (const f in fields) {\r\n if (Array.isArray(fields[f])) {\r\n for (const gf in fields[f]) {\r\n MappingFields(fields[f][gf].Fields, data);\r\n }\r\n }\r\n else if (fields[f].Data !== data[f]) {\r\n fields[f].Data = data[f];\r\n }\r\n }\r\n return fields;\r\n};","export const useFormValidation = (messageDispatch, data, mapping, validationMethod, config, componentRefs, messageIdentityPrefix, keyField, type, expandedRowKeys) => {\r\n let passValidation = true;\r\n let newExpandedRowKeys = expandedRowKeys ? [...expandedRowKeys] : null;\r\n\r\n const updateExpandedRowKeys = (value) => {\r\n if (newExpandedRowKeys) {\r\n newExpandedRowKeys = [...newExpandedRowKeys, value];\r\n }\r\n }\r\n\r\n const validateObject = (data, index) => {\r\n const sectionGroupsData = mapping(config, data);\r\n const identityPrefix = (index && type) ? (\r\n messageIdentityPrefix == null\r\n ? `${type}_${index}`\r\n : `${messageIdentityPrefix}_${type}_${index}`) : null;\r\n if (!validationMethod(sectionGroupsData, data, messageDispatch, identityPrefix)) {\r\n updateExpandedRowKeys(data[keyField]);\r\n return false;\r\n }\r\n return true;\r\n };\r\n\r\n const validate = newData => {\r\n const validationData = newData || data;\r\n \r\n if (validationData) {\r\n if (Array.isArray(validationData)) {\r\n for (let i in validationData) {\r\n if (validationData[i].deleted) {\r\n continue;\r\n }\r\n if (!validateObject(validationData[i], i)) {\r\n passValidation = false;\r\n }\r\n }\r\n }\r\n else {\r\n if (!validateObject(validationData)) {\r\n passValidation = false;\r\n }\r\n }\r\n }\r\n if (componentRefs) {\r\n for (let ci in componentRefs.current) {\r\n if (!componentRefs.current[ci].validate()) {\r\n const p = ci.split('.');\r\n if (p.length > 1) {\r\n const i = p.reverse()[1];\r\n updateExpandedRowKeys(validationData[i][keyField]);\r\n }\r\n passValidation = false;\r\n }\r\n }\r\n }\r\n return [passValidation, newExpandedRowKeys];\r\n }\r\n return validate;\r\n\r\n};\r\n\r\nexport const useFormStatus = (messageDispatch, data, mapping, validationMethod, config, componentRefs, messageIdentityPrefix, keyField, type, expandedRowKeys) => {\r\n let passValidation = true;\r\n let countCompNotValidElements = 0;\r\n const validateObject = (data, index) => {\r\n const sectionGroupsData = mapping(config, data);\r\n const identityPrefix = (index && type) ? (\r\n messageIdentityPrefix == null\r\n ? `${type}_${index}`\r\n : `${messageIdentityPrefix}_${type}_${index}`) : null;\r\n if (!validationMethod(sectionGroupsData, data, messageDispatch, identityPrefix)) {\r\n return false;\r\n }\r\n return true;\r\n };\r\n\r\n const validate = () => {\r\n if (data) {\r\n if (Array.isArray(data)) {\r\n for (let i in data) {\r\n if (data[i].deleted) {\r\n continue;\r\n }\r\n if (!validateObject(data[i], i)) {\r\n passValidation = false;\r\n }\r\n }\r\n }\r\n else {\r\n if (!validateObject(data)) {\r\n passValidation = false;\r\n }\r\n }\r\n }\r\n if (componentRefs) {\r\n for (let ci in componentRefs.current) {\r\n if (componentRefs.current[ci] && componentRefs.current[ci].check && typeof componentRefs.current[ci].check === 'function') {\r\n countCompNotValidElements = componentRefs.current[ci].check();\r\n if (countCompNotValidElements > 0) {\r\n passValidation = false;\r\n }\r\n }\r\n }\r\n }\r\n return [passValidation, countCompNotValidElements];\r\n }\r\n return validate;\r\n\r\n};\r\n\r\n","import { useEffect, useState } from 'react';\r\nimport { HubConnectionBuilder, LogLevel } from '@microsoft/signalr';\r\nimport store from '../../../store';\r\n\r\nexport const useClientHubOrder = (onNotificationReceive, event) => {\r\n const [connection, setConnection] = useState(null);\r\n\r\n useEffect(() => {\r\n const token = store.getState().auth.userToken;\r\n if (!connection) {\r\n const newConnection = new HubConnectionBuilder()\r\n .withUrl(`/OrderUpdateNotificationHub`, {\r\n accessTokenFactory: () => token\r\n })\r\n .configureLogging(LogLevel.Information)\r\n .withAutomaticReconnect()\r\n .build();\r\n setConnection(newConnection);\r\n }\r\n return () => {\r\n if (connection) {\r\n connection.stop();\r\n }\r\n };\r\n }, [connection]);\r\n\r\n useEffect(() => {\r\n let isMounted = true;\r\n const fetchConnection = () => {\r\n if (isMounted && connection) {\r\n if (connection.connectionState === 'Disconnected') {\r\n connection.start()\r\n .then(() => {\r\n console.log('Client HUB for Order Connected!');\r\n connection.on(event, message => {\r\n onNotificationReceive(message);\r\n });\r\n })\r\n .catch(e => console.error('Client HUB Connection failed: ', e));\r\n }\r\n }\r\n }\r\n fetchConnection();\r\n return () => {\r\n isMounted = false;\r\n };\r\n }, [connection, onNotificationReceive, event]);\r\n\r\n return null;\r\n};\r\n","import React, { useEffect, useRef, useState, useCallback } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport PropTypes from 'prop-types';\r\nimport ScrollContainer from 'react-indiana-drag-scroll';\r\n\r\nconst Scroll = props => {\r\n const [showButton, setShowButton] = useState(false);\r\n const [showLeftButton, setShowLeftButton] = useState(true);\r\n const [showRightButton, setShowRightButton] = useState(true);\r\n const allowScroll = useRef(true);\r\n const isMounted = useRef(true);\r\n\r\n const container = useRef(null);\r\n\r\n const resizeObserver = useRef(null);\r\n const {\r\n scrollSpeed,\r\n scrollSpeedOnWeel,\r\n isScrollOnWeel,\r\n leftButtonClass,\r\n rightButtonClass,\r\n useScrollButtons,\r\n scrollToElementClass\r\n } = props;\r\n\r\n const scrollToElement = useCallback(() => {\r\n if (!isMounted || !isMounted.current || !container) return;\r\n const domElement = ReactDOM.findDOMNode(container.current);\r\n if (domElement) {\r\n const element = domElement.getElementsByClassName(scrollToElementClass)[0];\r\n element && element.scrollIntoView();\r\n setButtons();\r\n }\r\n }, [container, scrollToElementClass]);\r\n\r\n const checkShowButton = useCallback(() => {\r\n if (!isMounted || !isMounted.current || !container) return;\r\n if (useScrollButtons) {\r\n const domElement = ReactDOM.findDOMNode(container.current);\r\n if (domElement) {\r\n setShowButton(domElement.offsetWidth < domElement.scrollWidth);\r\n setButtons();\r\n scrollToElementClass && scrollToElement();\r\n }\r\n }\r\n }, [useScrollButtons, container, scrollToElement, scrollToElementClass]);\r\n\r\n const scrollLeft = useCallback((speed) => {\r\n if (!isMounted || !isMounted.current || !container) return;\r\n ReactDOM.findDOMNode(container.current).scrollLeft -= (speed || scrollSpeed);\r\n setButtons()\r\n }, [container, scrollSpeed]);\r\n\r\n const scrollRight = useCallback((speed) => {\r\n if (!isMounted || !isMounted.current || !container) return;\r\n ReactDOM.findDOMNode(container.current).scrollLeft += (speed || scrollSpeed);\r\n setButtons()\r\n }, [container, scrollSpeed]);\r\n\r\n const scrollOnWeel = useCallback(() => {\r\n if (!isMounted || !isMounted.current || !container) return;\r\n const domElement = ReactDOM.findDOMNode(container.current);\r\n const wheelHandler = (e) => {\r\n e.deltaY < 0 ? scrollLeft(scrollSpeedOnWeel) : scrollRight(scrollSpeedOnWeel);\r\n }\r\n let supportsPassive = false;\r\n try {\r\n const opts = Object.defineProperty({}, 'passive', {\r\n get: () => {\r\n supportsPassive = true;\r\n return supportsPassive;\r\n }\r\n });\r\n window.addEventListener(\"testPassive\", null, opts);\r\n window.removeEventListener(\"testPassive\", null, opts);\r\n } catch (e) { }\r\n domElement.addEventListener('wheel', wheelHandler, supportsPassive ? { passive: true } : false);\r\n return () => {\r\n domElement.removeEventListener('wheel', wheelHandler, supportsPassive ? { passive: true } : false);\r\n };\r\n }, [container, scrollLeft, scrollRight, scrollSpeedOnWeel]);\r\n\r\n \r\n\r\n useEffect(() => {\r\n if (useScrollButtons && isMounted.current) {\r\n const domElement = ReactDOM.findDOMNode(container.current);\r\n if (resizeObserver && resizeObserver.curent) {\r\n resizeObserver.curent.unobserve(domElement);\r\n }\r\n \r\n if (checkShowButton) {\r\n const resizeObserverOrPolyfill = ResizeObserver;\r\n resizeObserver.current = new resizeObserverOrPolyfill(checkShowButton);\r\n if (domElement && resizeObserver && resizeObserver.current) {\r\n resizeObserver.current.observe(domElement);\r\n }\r\n }\r\n\r\n let cleanScrollOnWell;\r\n isScrollOnWeel && (cleanScrollOnWell = scrollOnWeel());\r\n return () => {\r\n resizeObserver.current.unobserve(domElement);\r\n isScrollOnWeel && cleanScrollOnWell();\r\n container.current = null;\r\n allowScroll.current = null;\r\n isMounted.current = false;\r\n resizeObserver.current = null;\r\n };\r\n }\r\n }, [checkShowButton, isScrollOnWeel, scrollOnWeel, useScrollButtons, props.showButtons]);\r\n\r\n const setButtons = () => {\r\n if (!isMounted || !isMounted.current || !container) return;\r\n const domElement = ReactDOM.findDOMNode(container.current);\r\n const _scrollLeft = domElement.scrollLeft;\r\n setShowLeftButton(domElement.scrollLeft > 0);\r\n allowScroll.current = false;\r\n domElement.scrollLeft += 1;\r\n if (_scrollLeft === domElement.scrollLeft) {\r\n setShowRightButton(false)\r\n } else {\r\n domElement.scrollLeft -= 1;\r\n setShowRightButton(true)\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n setButtons();\r\n }, [props.parentMenu]);\r\n\r\n const scrollHandler = (scroll) => {\r\n if (!isMounted || !isMounted.current || !container) return;\r\n let interval;\r\n const mouseUpHandler = () => {\r\n document.removeEventListener('mouseup', mouseUpHandler);\r\n clearInterval(interval)\r\n };\r\n document.addEventListener('mouseup', mouseUpHandler);\r\n interval = setInterval(() => scroll())\r\n };\r\n\r\n const onScroll = () => {\r\n if (!isMounted || !isMounted.current || !container) return;\r\n if (isMounted.current && allowScroll.current) {\r\n setButtons();\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n {props.children}\r\n \r\n \r\n \r\n { e.preventDefault(); props.onClearAll(); } }>\r\n \r\n {CommonLabels.Buttons.ClearAll}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {props.Title && {props.Title}}\r\n
\r\n);\r\n\r\nexport default FilterField;","import React from 'react';\r\n\r\nconst GroupFilterField = props => (\r\n \r\n {props.formFields\r\n ? props.children\r\n : \r\n \r\n \r\n }\r\n
\r\n\r\n \r\n {props.Title && {props.Title}}\r\n
\r\n );\r\n\r\nexport default GroupFilterField;","import React, { useState, useRef, useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { DatePicker } from \"antd\";\r\nimport { useHistory } from 'react-router-dom';\r\nimport moment from 'moment';\r\n\r\nimport Switchable from './switchable';\r\nimport FilterSettings from 'codeless/components/list/filterSettings';\r\nimport FilterContainer from './filterContainer';\r\nimport FilterField from './filterField/filterField';\r\nimport GroupFilterField from './filterField/groupFilterField';\r\nimport { FilterType } from '../../../config/list.config';\r\nimport {\r\n GenerateInput,\r\n GenerateSimpleCheckbox,\r\n GenerateRadioSwitcher,\r\n GenerateCheckBoxNoLabel\r\n} from '../../../helper/element';\r\nimport SelectElement from '../../../elements/selectElement';\r\nimport { ElementConditions } from '../../../config/condition.config';\r\n\r\nimport { CommonLabels, Defines } from '../../../../project/Defines';\r\nimport { getListFilter, buildListFilterQuery, getCriteriaQuery } from '../../../helper/list';\r\n\r\nconst Filter = props => {\r\n const [filter, setFilter] = useState(null);\r\n const refs = useRef({});\r\n const history = useHistory();\r\n const criteriaQuery = getCriteriaQuery(history);\r\n const saveColumnSettingsRef = useRef(null);\r\n const [region, setRegion] = useState(null);\r\n\r\n const applyFilter = (f) => {\r\n history.push({\r\n search: buildListFilterQuery(criteriaQuery, f || filter)\r\n });\r\n };\r\n\r\n const applyHandler = () => {\r\n let fieldResource = props.profileSettings && props.filtersConfig.dragDrop && props.profileSettings.screens[props.filtersConfig.dragDrop.FieldSortResource];\r\n //\r\n if (region || (region && !fieldResource)) {\r\n saveColumnSettingsRef.current.saveColumnSettingsHandler();\r\n }\r\n\r\n applyFilter();\r\n region && setRegion(null);\r\n };\r\n\r\n const applyHandlerForRegions = e => {\r\n setRegion(e);\r\n };\r\n\r\n const clearFilterHandler = () => {\r\n const newFilters = {};\r\n for (let fk in Object.keys(props.filtersConfig)) {\r\n\r\n const key = Object.keys(props.filtersConfig)[fk];\r\n const f = props.filtersConfig[key];\r\n switch (f.Type) {\r\n case FilterType.Text:\r\n newFilters[key] = '';\r\n if (f.includeEmpty) {\r\n newFilters[`${key}-empty`] = false;\r\n }\r\n break;\r\n case FilterType.Select:\r\n newFilters[key] = '';\r\n break;\r\n case FilterType.MultiSelect:\r\n newFilters[key] = '';\r\n break;\r\n case FilterType.Radio:\r\n newFilters[key] = '';\r\n break;\r\n case FilterType.Date:\r\n newFilters[key + '_from'] = '';\r\n newFilters[key + '_to'] = '';\r\n break;\r\n case FilterType.Checkbox:\r\n newFilters[key] = true;\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n const f = { ...filter, ...newFilters };\r\n setFilter(f);\r\n region && setRegion(null);\r\n applyFilter(f);\r\n };\r\n\r\n useEffect(() => {\r\n const filter = getListFilter(criteriaQuery);\r\n setFilter(filter);\r\n }, [criteriaQuery]);\r\n\r\n const filterFieldChangeHandler = event => {\r\n if (event) {\r\n const newFilter = { ...filter };\r\n const target = event.target;\r\n const type = target.type;\r\n switch (type) {\r\n case 'checkbox':\r\n newFilter[target.name] = target.checked;\r\n break;\r\n case 'multiple':\r\n newFilter[target.name] = target.value ? target.value.join(',') : '';\r\n break;\r\n default:\r\n newFilter[target.name] = target.value;\r\n break;\r\n }\r\n //newFilter[target.name] = target.type !== 'checkbox' ? target.value : target.checked;\r\n setFilter(newFilter);\r\n if (props.filtersConfig[target.name] && props.filtersConfig[target.name].ApplyOnChange) {\r\n applyFilter(newFilter);\r\n }\r\n }\r\n };\r\n\r\n const keyPressHandler = event => {\r\n if (event.key === \"Enter\") {\r\n event.preventDefault();\r\n applyFilter();\r\n }\r\n };\r\n\r\n return (props.filtersConfig &&\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {\r\n let text = f.caseSensitive ? option.text : option.text && option.text.toLowerCase();\r\n let searchInput = f.caseSensitive ? input : input && input.toLowerCase();\r\n return !searchInput || (text && (f.contains ? text.includes(searchInput) : text.startsWith(searchInput)));\r\n }}\r\n condition\r\n showSearch\r\n style={{ width: '100%' }}\r\n type=\"text\"\r\n dataSource={dataSource}\r\n classes={['line']}\r\n placeholder={f.Title}\r\n name={fk}\r\n {...(filter ? { data: filter[fk] } : { placeholder: f.Title })}\r\n action={(e) => filterFieldChangeHandler({ target: { name: fk, value: e.target.value } }, f.applyOnChange)}\r\n allowClear />\r\n
\r\n \r\n {\r\n let text = f.caseSensitive ? option.text : option.text && option.text.toLowerCase();\r\n let searchInput = f.caseSensitive ? input : input && input.toLowerCase();\r\n return !searchInput || (text && (f.contains ? text.includes(searchInput) : text.startsWith(searchInput)));\r\n }}\r\n condition\r\n showSearch\r\n style={{ width: '100%' }}\r\n type=\"text\"\r\n dataSource={dataSource}\r\n classes={['line']}\r\n placeholder={f.Title}\r\n name={fk}\r\n {...(filter ? { data: filter[fk] } : { placeholder: f.Title })}\r\n action={(e) => filterFieldChangeHandler({ target: { type: 'multiple', name: fk, value: e.target.value } }, f.applyOnChange)}\r\n allowClear />\r\n
\r\n \r\n filter && filter[fk + '_to'] && current > moment(filter[fk + '_to'])}\r\n placeholder={CommonLabels.Text.From}\r\n format={Defines.Format.PrintDate}\r\n value={filter && filter[fk + '_from'] ? moment(filter[fk + '_from']) : ''}\r\n onChange={(e, value) => filterFieldChangeHandler({ target: { name: fk + '_from', value: value } }, f.applyOnChange)}\r\n />\r\n
\r\n \r\n filter && filter[fk + '_from'] && current < moment(filter[fk + '_from'])}\r\n format={Defines.Format.PrintDate}\r\n value={filter && filter[fk + '_to'] ? moment(filter[fk + '_to']) : ''}\r\n onChange={(e, value) => filterFieldChangeHandler({ target: { name: fk + '_to', value: value } }, f.applyOnChange)}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n setCheckedBatch(!isIndividualPrice)} />\r\n
);\r\n\r\n return (\r\n Please note: The selected date does not match the calculated delivery date\r\n
\r\n \r\n {ArraySum(presentationData, 'palletCount')} \r\n
\r\n Pallet Count
\r\n \r\n {ArraySum(presentationData, 'weight')?.toLocaleString()} \r\n
\r\n {batchBlock}\r\n {isUseTotalPrice() && isIndividualPrice ? (Total Weight
\r\n \r\n
) :\r\n (Total Rate
\r\n \r\n ${ArraySum(presentationData, 'price')?.toLocaleString()} \r\n
)\r\n }\r\n Total Rate
\r\n \r\n \r\n \r\n
\r\n \r\n {props.object.created} \r\n
\r\n Created By
\r\n \r\n {props.object.createDate ? moment(new Date(props.object.createDate)).format(Defines.Format.PrintDate) : ''} \r\n
\r\n Create Date
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n \r\n | \r\n )}\r\n
|---|
| \r\n | \r\n );\r\n })}\r\n
\r\n {loading ?
\r\n );\r\n\r\n \r\n\r\n const onChange = result => {\r\n const newData = CloneObject(props.data);\r\n const mDate = moment(new Date());\r\n newData.push({\r\n isNew: true,\r\n guid: result.guId,\r\n fileName: result.originalName,\r\n originalFileName: result.originalName,\r\n fileType: result.fileType,\r\n size: result.size,\r\n createDate: mDate.format(),//moment(new Date()),//.format(Defines.Format.PrintDate),\r\n fullName: `${store.getState().auth.userFirstName} ${store.getState().auth.userLastName}`,\r\n comments: ''\r\n });\r\n props.dispatch({ type: props.type, value: newData });\r\n };\r\n\r\n const max = 5;\r\n const restriction = file => {\r\n const isLt = file.size / 1024 / 1024 < max;\r\n if (!isLt) {\r\n message.error(`Image must be smaller than ${max}MB!`);\r\n return false;\r\n }\r\n return true;\r\n };\r\n\r\n const sheetMessageIdentityPrefix = props.messageIdentityPrefix == null ? `${props.type}` : `${props.messageIdentityPrefix}_${props.type}`;\r\n\r\n const data = props.data;\r\n const uploader = (\r\n \r\n {title && }\r\n
);\r\n});\r\n\r\nexport default ManagedSheet;","import React from 'react';\r\nimport Company from './company';\r\nimport LoadInfo from './loadInfo';\r\nimport Carrier from './carrier';\r\nimport StopList from './stopList';\r\n\r\nexport default function RateConfirmationForm(props) {\r\n const stopListProps = {...props};\r\n stopListProps.type = 'stopList';\r\n\r\n return (\r\n \r\n \r\n {title}\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};","import React from \"react\";\r\n\r\nexport default (data) => (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n | \r\n {Company(props.data.company)}\r\n | \r\n\r\n {LoadInfo(props.data.loadInfo)}\r\n | \r\n
| \r\n | |
|---|---|
| \r\n {Carrier(props.data.carrierData)}\r\n | \r\n|
| \r\n |
\r\n
\r\n)","import React from \"react\";\r\n\r\nexport default (data) => (\r\n \r\n {data.name}\r\n
\r\n {data.address}
\r\n {data.addressLocation}
\r\n {data.phone}
\r\n {data.fax}
\r\n | \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n
|---|---|---|---|
| \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n
| \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n
| \r\n | \r\n \r\n | \r\n
| {locationData.name} | \r\n
|---|
| \r\n | \r\n
| Shipper Notes: | \r\n
| Date: | \r\n\r\n | \r\n Purchase Orders #: | \r\n\r\n | \r\n
|---|---|---|---|
| Time: | \r\n\r\n | \r\n Type: | \r\n\r\n | \r\n
| Pallets: | \r\n\r\n | \r\n Appointment: | \r\n\r\n | \r\n
| LBS: | \r\n\r\n | \r\n Load Sequences | \r\n\r\n | \r\n
| Notes: | \r\n {/*\r\n */}\r\n \r\n | */}\r\n ||
| \r\n | \r\n
\r\n
\r\n : null\r\n );\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n openPopup: (data) => dispatch(openPopup(data)),\r\n openConfirm: (data) => dispatch(openPopup(data)),\r\n closePopup: (key) => dispatch(closePopup(key)),\r\n closePopupAsync: (key) => dispatch(closePopupAsync(key))\r\n };\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(errorHandler(RateConfirmation, axios));","import React from 'react';\r\n// import { useCallback } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { message } from 'antd';\r\n\r\nimport axios from \"../../../axios/axios\";\r\nimport { openPopup, closePopup, closePopupAsync } from \"../../../../store/actions/popup/popup\";\r\nimport { PopupTypes } from \"../../custom/popup/popup\";\r\nimport { CloneObject } from \"../../../helper/common\";\r\nimport AuthenticatedLink from '../../../elements/authenticatedLink';\r\n\r\nimport errorHandler from '../../../error/errorHandler';\r\n\r\nimport SendMail from '../../../screens/RateConfirmation/send';\r\n\r\nfunction CarrierPackage(props) {\r\n const onSend = () => {\r\n const windowKey = 'Mail To';\r\n\r\n const config = CloneObject(SendMail);\r\n const title = `${config.Title}`;\r\n config.screen = config;\r\n config.screen.Form.DefaultId = props.data[props.keyFieldName];\r\n config.Resource = 'Carrier/sendpacket';\r\n\r\n const sectionData = {\r\n name: props.data.name,\r\n email: props.data.accountingEmail,\r\n ccAddresses: ''\r\n };\r\n\r\n props.openConfirm({\r\n windowKey: windowKey,\r\n fullScreen: false,\r\n title: title,\r\n type: PopupTypes.ConfigSection,\r\n bodyProps: { windowKey },\r\n data: sectionData,\r\n config: config.Form,\r\n onSave: (data, setUpdating, close) => {\r\n setUpdating && setUpdating(true);\r\n axios.put(config.Resource, data)\r\n .then(response => {\r\n if (response) {\r\n const result = response.data;\r\n if (result) {\r\n if (result.hasError) {\r\n message.error(result.message);\r\n\r\n return;\r\n }\r\n message.success(result.message);\r\n close && close();\r\n }\r\n }\r\n })\r\n .finally(() => {\r\n setUpdating && setUpdating(false);\r\n close && close();\r\n });\r\n }\r\n });\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n Rate Confirmation \r\n
\r\n \r\n \r\n \r\n file \r\n \r\n PDF \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Configure settings when and how You'll get notified for content changes
\r\n Edit
\r\n \r\n \r\n Download\r\n \r\n
\r\n { onSend() }}>Send
\r\n \r\n
\r\n );\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n openPopup: (data) => dispatch(openPopup(data)),\r\n openConfirm: (data) => dispatch(openPopup(data)),\r\n closePopup: (key) => dispatch(closePopup(key)),\r\n closePopupAsync: (key) => dispatch(closePopupAsync(key))\r\n };\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(errorHandler(CarrierPackage, axios));","import React, { useState } from 'react';\r\nimport { Checkbox } from 'antd';\r\n\r\nconst MultipleCheckbox = props => {\r\n const { data, type, dispatch } = props;\r\n const restrictionList = [\r\n { label: 'Straight', value: 1 }, \r\n { label: 'Chimney', value: 2 }, \r\n { label: 'Other', value: 3 }, \r\n { label: 'Sideways', value: 4 }\r\n ];\r\n const [checkedValue, setCheckedValue] = useState(data || 4);\r\n \r\n const onChange = value => {\r\n setCheckedValue(value);\r\n dispatch({ type: type, value: value });\r\n };\r\n\r\n return \r\n
\r\n \r\n Carrier Package \r\n
\r\n \r\n \r\n \r\n file \r\n \r\n PDF \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Configure settings when and how You'll get notified for content changes
\r\n \r\n \r\n Download\r\n \r\n
\r\n { onSend() }}>Send
\r\n \r\n onChange(e.target.value)}\r\n checked={item.value === checkedValue}\r\n value={item.value}\r\n >\r\n {item.label}\r\n \r\n )}\r\n
\r\n}\r\n\r\nexport default MultipleCheckbox;","export const colorStyles = {\r\n container: (base, state) => ({\r\n ...base,\r\n margin: '6px',\r\n }),\r\n control: (base, state) => ({\r\n ...base,\r\n borderColor: 'lightGray',\r\n borderRadius: '8px',\r\n boxShadow: 'none',\r\n minHeight: '28px',\r\n }),\r\n menu: (base, state) => ({\r\n ...base,\r\n zIndex: '200',\r\n }),\r\n valueContainer: (base, state) => ({\r\n display: 'flex',\r\n alignItems: 'self-end',\r\n paddingLeft: '5px',\r\n }),\r\n singleValue: (base, state) => ({\r\n }),\r\n indicatorsContainer: () => ({\r\n padding: '0 8px!important',\r\n }),\r\n dropdownIndicator: () => ({\r\n padding: '2px 0 0 0!important',\r\n }),\r\n input: () => ({\r\n padding: 0,\r\n margin: 0,\r\n }),\r\n};","import React, { useState, useEffect } from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport { getLocationsList } from '../../../../store/actions/customers/customers';\r\nimport Select from 'react-select';\r\nimport { colorStyles } from './css_ant-reset';\r\nimport Loading from '../../screen/loading';\r\nimport { CustomerSelectors } from '../../../../store/selectors/customerSelectors';\r\nimport './index.css';\r\n\r\nconst Locations = ({ type, data, dispatch: innerDispatch }) => {\r\n const dispatch = useDispatch();\r\n const { locations, loading } = CustomerSelectors();\r\n const resource = 'location';\r\n\r\n useEffect(() => {\r\n dispatch(getLocationsList(resource, data?.id));\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [dispatch, resource]);\r\n\r\n const defaultEmptyLocation = [\r\n {\r\n favLocationId: 0,\r\n },\r\n ];\r\n\r\n const activeLocationsIDsList = [];\r\n for (let i = 0; i < locations?.length; i++) {\r\n for (let j = 0; j < data?.favLocations.length; j++) {\r\n if (locations[i].value === data.favLocations[j].favLocationId) {\r\n activeLocationsIDsList.push(locations[i].value);\r\n };\r\n };\r\n };\r\n\r\n const defaultLocation = data?.favLocations?.length ? data?.favLocations?.filter(loc => activeLocationsIDsList.includes(loc.favLocationId)) : defaultEmptyLocation;\r\n const [selectedLocations, setSelectedLocations] = useState();\r\n const [showNewSelect, setShowNewSelect] = useState(false);\r\n const updatedLocations = locations?.map(loc => activeLocationsIDsList.includes(loc.value))\r\n\r\n useEffect(() => {\r\n setSelectedLocations(defaultLocation);\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [data.favLocations, locations]);\r\n\r\n updatedLocations?.length && updatedLocations[0].value !== '' && updatedLocations.unshift({ value: '', label: '' });\r\n locations?.length && locations[0].value !== '' && locations.unshift({ value: '', label: '' });\r\n\r\n const optionsFavoriteLocations =\r\n locations &&\r\n locations.map(item => {\r\n return { ...item, label: item.text };\r\n });\r\n\r\n const getTextFromValueFavoriteLocations = value => {\r\n return selectedLocations?.length ? selectedLocations?.filter(item => item.favLocationId === value)[0]?.favLocationName : [];\r\n };\r\n\r\n const onChangeHandle = (value, index) => {\r\n const selectedLocation = locations?.length && locations?.filter(item => item.value === value)[0];\r\n const updatedLocation = {\r\n favLocationId: selectedLocation.value,\r\n favLocationName: selectedLocation.text,\r\n };\r\n const updatedLocationsWithNewAdded = [...selectedLocations.slice(0, index), ...[updatedLocation], ...selectedLocations.slice(index + 1)];\r\n const updatedLocationsWithOutEmpty = updatedLocationsWithNewAdded.filter(location => location.favLocationId !== '');\r\n innerDispatch({ type: 'favLocations', value: updatedLocationsWithOutEmpty });\r\n };\r\n\r\n const showHideNewLocation = () => {\r\n setShowNewSelect(!showNewSelect);\r\n };\r\n\r\n const onAddNewLocation = value => {\r\n const selectedLocation = locations?.length && locations?.filter(item => item.value === value)[0];\r\n const newLocation = {\r\n favLocationId: selectedLocation.value,\r\n favLocationName: selectedLocation.text,\r\n };\r\n const updatedLocations = [...selectedLocations, newLocation];\r\n setShowNewSelect(!showNewSelect);\r\n innerDispatch({ type: 'favLocations', value: updatedLocations });\r\n };\r\n\r\n return ( \r\n loading ? Loading Restriction
\r\n {restrictionList.map(item => \r\n Locations
\r\n {selectedLocations?.map((location, index) => {\r\n return (\r\n \r\n {showNewSelect ? 'Remove empty row' : 'Add new location'}\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Locations;\r\n","import { useSelector } from \"react-redux\";\r\n\r\nexport const CustomerSelectors = () => {\r\n const state = useSelector(state => state);\r\n const locations = useSelector(state => state.customers.locationsList);\r\n const loading = useSelector(state => state.customers.loading);\r\n\r\n return { state, locations, loading };\r\n};","import React from 'react';\r\n\r\nimport Sheet from '../components/custom/sheet/sheet';\r\nimport Permission from '../components/project/permission/permission';\r\nimport Order from '../components/project/order/order';\r\nimport WorkingDays from '../components/project/workingDays/WorkingDays';\r\nimport Expandable from '../components/custom/table/expandable';\r\nimport Attachments from '../components/project/attachments/attachments';\r\nimport ManagedSheet from '../components/custom/managedSheet/managedSheet';\r\nimport RateConfirmationForm from '../components/project/rateConfirmation/form';\r\nimport RateConfirmation from '../components/project/rateConfirmation';\r\nimport CarrierPackage from '../components/project/carrierPackage';\r\nimport MultipleCheckbox from '../components/project/MultipleCheckbox';\r\nimport Locations from '../components/project/Locations';\r\n\r\nexport const GenerateSheet = (type, keyFieldName, columns, data, dispatch, messages, messageDispatch, classes) =>\r\n \r\n\t\t\t\t\r\n\t\t\t\t\t{this.props.children}\r\n\t\t\t\t \r\n\t\t\t\t//
\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\tSelectableItem.contextTypes = {\r\n\t\tselectable: PropTypes.object\r\n\t};\r\n\r\n\tSelectableItem.propTypes = {\r\n\t\tchildren: PropTypes.node,\r\n\t\tselectableKey: PropTypes.any.isRequired\r\n\t};\r\n\r\n\treturn SelectableItem;\r\n};\r\n\r\nexport default createSelectable;\r\n","export const SET_CUSTOMER_DASHBOARD_DATA = 'SET_CUSTOMER_DASHBOARD_DATA';\r\nexport const CUSTOMER_DASHBOARD_LOADING = 'CUSTOMER_DASHBOARD_LOADING';\r\nexport const ERROR = 'ERROR';\r\nexport const RESET_ERROR = 'RESET_ERROR';\r\n\r\nexport const getActionType = (recource, key) => {\r\n return CUSTOMER_DASHBOARD_BUILD[key]\r\n};\r\n\r\nexport const CUSTOMER_DASHBOARD_BUILD = {\r\n SET_CUSTOMER_DASHBOARD_DATA: 'SET_CUSTOMER_DASHBOARD_DATA',\r\n CUSTOMER_DASHBOARD_LOADING: 'CUSTOMER_DASHBOARD_LOADING',\r\n ERROR: 'ERROR',\r\n RESET_ERROR: 'RESET_ERROR'\r\n};\r\n","import React from 'react';\r\n\r\nimport ThumbnailImage from './thumbnailImage';\r\nimport AuthenticatedLink from './authenticatedLink';\r\nimport { ApiUrl } from '../../project/Pages';\r\n\r\nconst Download = props => {\r\n return \r\n {((props.title && props.title !== '') || props.titleClass) &&
;\r\n\r\nexport default FormField;","import React, { useRef } from 'react';\r\n\r\nimport FormField from '../formField';\r\nimport { ElementContent } from '../../../../../../helper/element';\r\nimport { useElementChange } from '../../../../../../hook/action/useElementChange';\r\nimport { useElementOut } from '../../../../../../hook/action/useElementOut';\r\nimport { useValidation } from '../../../../../../hook/data/useValidation';\r\nimport { useElementDefaultFocus, useElementValidationFocus } from '../../../../../../hook/action/useElementFocus';\r\n\r\nconst Element = props => {\r\n const ref = useRef();\r\n const title = props.Title;//`${props.Title} ${messageIdentity}`;\r\n const messageIdentity = props.messageIdentityPrefix ? `${props.messageIdentityPrefix}_${props.type}` : props.type;\r\n useElementValidationFocus(props.messages, ref, messageIdentity);\r\n useElementDefaultFocus(ref, props.Focus);\r\n const valudationMessages = props.messages[messageIdentity];\r\n const validate = useValidation(props.messageDispatch, props.Validations, props.Title, messageIdentity, props.data, props.Warnings);\r\n\r\n const change = (event, data, field) => {\r\n if (props.Check && !props.Check(event.source, data)) {\r\n return;\r\n }\r\n\r\n const type = field ? field : props.type;\r\n\r\n props.dispatch({ type: type, value: data, dependencies: props.Dependencies, outSource: event.source });\r\n };\r\n\r\n const fieldChangeHandler = useElementChange(validate, change);\r\n const fieldOutHandler = useElementOut(validate);\r\n\r\n const findValue = (data) => {\r\n const type = props.type.split('.');\r\n for (const p of type) {\r\n if (Array.isArray(data[p])) {\r\n data = data[p].find(i => i[props.keyField] === props.data[props.keyField]);\r\n } else {\r\n data = data[p];\r\n }\r\n }\r\n\r\n return data;\r\n };\r\n\r\n let value = '';\r\n if (props.data && props.type) {\r\n if (props.object && -1 !== props.type.indexOf('.')) {\r\n value = findValue(props.object);\r\n } else {\r\n if (props.data && props.data.hasOwnProperty(props.type)) {\r\n value = props.data[props.type];\r\n } else if (props.object && props.object.hasOwnProperty(props.type)) {\r\n value = props.object[props.type];\r\n }\r\n }\r\n }\r\n //if (props.Title === \"Customer\") {\r\n // return null;\r\n //}\r\n const field = ElementContent({\r\n ...props,\r\n val: value,\r\n object: props.data || '',\r\n fieldChange: fieldChangeHandler,\r\n fieldOut: fieldOutHandler,\r\n ref: ref,\r\n valudationMessages: valudationMessages,\r\n warningMessages: props.messages.warnings?.[messageIdentity] || [],\r\n clicked: props.clicked\r\n });\r\n\r\n return (field &&\r\n {props.title}
}\r\n {props.children}\r\n \r\n
}\r\n \r\n \r\n {props.title ? props.title : ''}\r\n {props.unitTitle ? <>({props.unitTitle}) : ''}\r\n \r\n
\r\n \r\n
\r\n \r\n {Object.keys(props.fields).map((e, i) => {\r\n return
\r\n {props.title}
}\r\n\r\n {props.fields && Object.keys(props.fields).map((e, i) => {\r\n let field = props.fields[e];\r\n if (Array.isArray(field)) {\r\n field = field[0];\r\n return field ? \r\n {field[c].Component(\r\n c,\r\n props.data.hasOwnProperty(c) ? props.data[c] : props.data,\r\n props.dispatch,\r\n props.messages,\r\n props.messageDispatch,\r\n props.componentRefs,\r\n props.messageIdentityPrefix,\r\n props.data,\r\n props.customEvents)}\r\n );\r\n }\r\n \r\n return \r\n {props.components[c].Component(\r\n c,\r\n props.data.hasOwnProperty(c) ? props.data[c] : props.data,\r\n props.dispatch,\r\n props.messages,\r\n props.messageDispatch,\r\n props.componentRefs,\r\n props.messageIdentityPrefix,\r\n props.data,\r\n props.customEvents)}\r\n )}\r\n
\r\n \r\n
;\r\n }\r\n\r\n if(e === 'Components') {\r\n return field\r\n && props.data\r\n && Object.keys(field).map((c, i) =>\r\n \r\n {props.sections && props.sections.map((s, i) =>\r\n \r\n {props.components[c].Component(\r\n c,\r\n props.data.hasOwnProperty(c) ? props.data[c] : props.data,\r\n props.dispatch,\r\n props.messages,\r\n props.messageDispatch,\r\n props.componentRefs, \r\n props.messageIdentityPrefix,\r\n props.data)}\r\n )}\r\n
);\r\n\r\nexport default SectionGroup;","import React from 'react';\r\n\r\nconst ToolBar = props => (\r\n
\r\n);\r\n\r\nexport default LoginField;","import React, { useRef } from 'react';\r\n\r\n\r\nimport LoginField from '../loginField';\r\nimport { ElementContent } from '../../../../../helper/element';\r\nimport { useElementChange } from '../../../../../hook/action/useElementChange';\r\nimport { useElementOut } from '../../../../../hook/action/useElementOut';\r\nimport { useElementKeyPress } from '../../../../../hook/action/useElementKeyPress';\r\nimport { useValidation } from '../../../../../hook/data/useValidation';\r\nimport { useElementDefaultFocus, useElementValidationFocus } from '../../../../../hook/action/useElementFocus';\r\n\r\nconst Element = props => {\r\n const ref = useRef();\r\n const title = props.Title;\r\n const messageIdentity = props.messageIdentityPrefix ? `${props.messageIdentityPrefix}_${props.type}` : props.type;\r\n useElementValidationFocus(props.messages, ref, messageIdentity);\r\n useElementDefaultFocus(ref, props.Focus);\r\n const valudationMessages = props.messages[messageIdentity];\r\n const validate = useValidation(props.messageDispatch, props.Validations, props.Title, messageIdentity, props.data);\r\n\r\n const change = (event, data) => {\r\n props.dispatch({ type: props.type, value: data, dependencies: props.Dependencies, outSource: event.source });\r\n };\r\n\r\n const fieldChangeHandler = useElementChange(validate, change);\r\n const fieldOutHandler = useElementOut(validate);\r\n const fieldKeyPress = useElementKeyPress(props.actionFromElement, props.type);\r\n\r\n const findValue = (data) => {\r\n const type = props.type.split('.');\r\n for (const p of type) {\r\n if (Array.isArray(data[p])) {\r\n data = data[p].find(i => i[props.keyField] === props.data[props.keyField]);\r\n } else {\r\n data = data[p];\r\n }\r\n }\r\n\r\n return data;\r\n };\r\n\r\n let value = '';\r\n if (props.data && props.type) {\r\n if (props.object && -1 !== props.type.indexOf('.')) {\r\n value = findValue(props.object);\r\n } else {\r\n if (props.data && props.data.hasOwnProperty(props.type)) {\r\n value = props.data[props.type];\r\n } else if (props.object && props.object.hasOwnProperty(props.type)) {\r\n value = props.object[props.type];\r\n }\r\n }\r\n }\r\n\r\n const field = ElementContent({\r\n ...props,\r\n val: value,\r\n object: props.data || '',\r\n fieldChange: fieldChangeHandler,\r\n fieldOut: fieldOutHandler,\r\n ref: ref,\r\n valudationMessages: valudationMessages,\r\n onKeyPress: fieldKeyPress\r\n });\r\n\r\n return (field &&\r\n \r\n {props.children}\r\n
\r\n \r\n {section.map((s, i) =>\r\n
);\r\n case 'Tabstrip':\r\n return {m}
)}\r\n \r\n
\r\n);\r\n\r\nexport const GenerateDecimalInput = (type, condition, ref, data, classes, action, out, valudationMessages, placeholder, onKeyPress, name, itemValue, style, title, symbol) => {\r\n const isCreatePage = window.location.pathname.split('/')[3] === 'create';\r\n\r\n return (\r\n \r\n
\r\n \r\n Rate Confirmation \r\n
\r\n \r\n \r\n \r\n file \r\n \r\n PDF \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Configure settings when and how You'll get notified for content changes
\r\n \r\n \r\n \r\n \r\n
\r\n);\r\n\r\nexport const GenerateDatePicker = (condition, date_format, ref, data, min, max, classes, action, out, valudationMessages, style, restprops, warningMessages) => {\r\n return \r\n \r\n {CommonLabels.Buttons.Download} \r\n \r\n\r\n
\r\n};\r\n\r\nexport default Download;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\n\r\nimport { GenerateInput } from '../../../helper/element';\r\nimport { ElementConditions } from '../../../config/condition.config';\r\nimport { getListFilter, buildListFilterQuery, getCriteriaQuery } from '../../../helper/list';\r\n\r\nexport const Search = props => {\r\n const timeOut = useRef(null);\r\n const history = useHistory();\r\n const criteriaQuery = getCriteriaQuery(history);\r\n\r\n const [searchValue, setSearchValue] = useState(null);\r\n \r\n useEffect(() => {\r\n return () => {\r\n clearTimeout(timeOut.current);\r\n }\r\n }, []);\r\n\r\n const onSearchHandelr = event => {\r\n if (timeOut.current) {\r\n clearTimeout(timeOut.current);\r\n }\r\n const val = event.target.value;\r\n setSearchValue(val);\r\n timeOut.current = setTimeout(() => {\r\n const filter = getListFilter(criteriaQuery) || {};\r\n filter[props.field] = val;\r\n history.push({\r\n search: buildListFilterQuery(criteriaQuery, filter)\r\n });\r\n }, 500);\r\n };\r\n\r\n useEffect(() => {\r\n const filter = getListFilter(criteriaQuery);\r\n filter && setSearchValue(filter[props.field]);\r\n }, [criteriaQuery, props.field]);\r\n\r\n return (\r\n \r\n {props.createGroupButtonText || CommonLabels.Buttons.CreateGroup} \r\n
\r\n \r\n close \r\n
\r\n toggleModal(true)}>{CommonLabels.Buttons.Import}
\r\n \r\n
: null}\r\n \r\n )\r\n\r\n\r\n};\r\n\r\nexport default ExportToGSheet;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { Link } from 'react-router-dom';\r\nimport { Tooltip } from 'antd';\r\n\r\nimport { getCustomerOrderAdmin } from '../../../../store/actions/customerOrderAdmin/customerOrderAdmin';\r\nimport { useClientHubNewRequest } from \"../../../../codeless/hook/hub/useClientHubNewRequest\";\r\nimport { CommonLabels } from '../../../../project/Defines';\r\nimport Download from '../../list/download/Download';\r\nimport Search from '../../list/filter/search';\r\nimport NewButton from '../../list/newButton';\r\nimport CreateGroupButton from '../../list/createGroupButton';\r\nimport Settings from '../../list/settings';\r\nimport HideShowMenuSwitch from '../../layout/hideShowMenuSwitch';\r\nimport ImportFromGSheet from '../../list/download/ImportFromGSheet';\r\nimport ExportToGSheet from '../../list/download/ExportToGSheet';\r\n\r\nconst ListView = props => {\r\n const pathname = window.location.pathname;\r\n const { total, getCustomerOrderAdmin } = props;\r\n const [newRequestCount, setNewRequestCount] = useState(total);\r\n const count = newRequestCount ? newRequestCount : total;\r\n\r\n useClientHubNewRequest((message) => setNewRequestCount(message.newRequestCount), 'notification');\r\n\r\n useEffect(() => {\r\n getCustomerOrderAdmin('customerOrderAdmin');\r\n }, [getCustomerOrderAdmin, newRequestCount, total]);\r\n\r\n return ({props.title}
}\r\n { props.columnConfig && !props.hideSettings &&\r\n New Request\r\n {count === 0 ? '' : count}\r\n \r\n Revision\r\n Canceled\r\n
}\r\n { props.showRefreshButton ? props.loadData()}>{CommonLabels.Buttons.Refresh}
\r\n \r\n {listView}\r\n
;\r\n\r\n const list = \r\n
\r\n \r\n {\r\n setTimeout(() => {\r\n setSubmitting(false);\r\n handleSubmitSave(values, submitAction);\r\n }, 400);\r\n }}>\r\n {({ isSubmitting, isValid, values, setFieldValue, errors, touched, handleSubmit }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n
\r\n Grouping Orders
\r\n \r\n \r\n {loadArea?.headers.map((header, ind) => {\r\n return
\r\n );\r\n};\r\n\r\nexport default connect(state => ({\r\n state: state\r\n}))(HeaderRow);","import React, { useState, useEffect } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport moment from 'moment';\r\nimport { Tooltip, Checkbox } from 'antd';\r\nimport { Defines } from '../../../../project/Defines';\r\nimport { GenerateMessages } from '../../../helper/element';\r\nimport './index.css';\r\n\r\nconst Cell = ({ \r\n state,\r\n cellData,\r\n itemSize,\r\n resource,\r\n setCheckedList,\r\n checked,\r\n rowState,\r\n }) => {\r\n const loadArea = state[resource];\r\n const header = loadArea.headers.find(h => h.key === cellData.key);\r\n const width = header.width;\r\n const [tempData, setTempData] = useState(null);\r\n const data = cellData.value;\r\n const cellStyle = cellData.cellStyle;\r\n const tooltip = cellData.tooltip;\r\n const color = '#101C1C';\r\n\r\n useEffect(() => {\r\n setTempData(data);\r\n }, [data]);\r\n\r\n const onChange = e => {\r\n let customerIdList = [];\r\n setCheckedList(oldArray => {\r\n if (!oldArray.includes(rowState.orderObjectId)) {\r\n customerIdList = [...oldArray, rowState.orderObjectId];\r\n return customerIdList;\r\n } else {\r\n customerIdList = oldArray.filter(item => item !== rowState.orderObjectId);\r\n return customerIdList;\r\n }\r\n }); \r\n };\r\n\r\n const getData = () => { \r\n if (tempData !== '') {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n return moment(tempData).format(Defines.Format.PrintDate)\r\n case 'text':\r\n return tempData;\r\n case 'checkbox':\r\n return \r\n {data.row.map(cellContent)}\r\n
: null;\r\n };\r\n\r\nexport default connect(state => ({\r\n state: state\r\n}), dispatch => ({\r\n}))(Row);","import React, { useState, useEffect, useCallback, useMemo } from 'react';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport Modal from 'react-modal';\r\nimport { connect } from 'react-redux';\r\nimport { VariableSizeList } from 'react-window';\r\nimport { message } from 'antd';\r\nimport { getOrdersByCustomer, resetError, createNewGroup } from '../../../../store/actions/orders/orders';\r\nimport Loading from '../../screen/loading';\r\nimport HeaderRow from './headerRow';\r\nimport Row from './row';\r\nimport './index.css';\r\n\r\nconst GroupOrdersListModal = ({\r\n setGroupOrdersListModalIsOpen,\r\n groupOrdersListModalIsOpen,\r\n setGroupOrdersModalIsOpen,\r\n loading,\r\n loadsAssignedOrders,\r\n getOrdersByCustomer,\r\n actionMessage,\r\n hasError,\r\n values,\r\n createNewGroup,\r\n batchType,\r\n newGroupCreated,\r\n resetError,\r\n newGroupId,\r\n}) => {\r\n const resource = 'orders';\r\n const defRowHeight = 20;\r\n const createGroupEndPoint = 'createnewgroup';\r\n const [orders, setOrders] = useState([]);\r\n const [data, setData] = useState();\r\n const [checkedList, setCheckedList] = useState([]);\r\n const history = useHistory();\r\n\r\n useEffect(() => {\r\n setData(values);\r\n }, [values]);\r\n\r\n useEffect(() => {\r\n if (data?.customer) getOrdersByCustomer('order', 'availableorderlist', data?.customer);\r\n }, [getOrdersByCustomer, data]);\r\n \r\n useEffect(() => {\r\n setGroupOrdersModalIsOpen(false);\r\n }, [setGroupOrdersModalIsOpen]);\r\n\r\n useEffect(()=>{\r\n if(loadsAssignedOrders){\r\n setOrders(loadsAssignedOrders)\r\n }\r\n },[loadsAssignedOrders])\r\n\r\n const closeModal = () => {\r\n setGroupOrdersListModalIsOpen(false);\r\n };\r\n\r\n const customStyle = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '800px',\r\n minHeight: '600px',\r\n maxWidth: '1000px',\r\n borderRadius: '8px',\r\n padding: loading ? '0 0 8px 0' : '0',\r\n },\r\n };\r\n\r\n const handleSubmit = () => {\r\n createNewGroup('order', createGroupEndPoint, checkedList, batchType);\r\n };\r\n\r\n useEffect(() => {\r\n if (hasError) {\r\n message.error(actionMessage);\r\n resetError(resource);\r\n }\r\n }, [hasError, actionMessage, resetError, resource]);\r\n\r\n useEffect(() => {\r\n if (newGroupCreated) {\r\n message.success(actionMessage, 3);\r\n resetError(resource);\r\n setGroupOrdersListModalIsOpen(false);\r\n const path = `orderdetails/${newGroupId}`; \r\n history.push(path);\r\n }\r\n }, [newGroupCreated, actionMessage, history, newGroupId, resetError, setGroupOrdersListModalIsOpen]);\r\n\r\n const header = useMemo(() =>\r\n \r\n \r\n
\r\n ,\r\n [resource]);\r\n\r\n const getAsignedItemSize = useCallback(() => {\r\n return index => orders[index] ? orders[index].rowState.height : defRowHeight;\r\n }, [orders]);\r\n\r\n const RenderAssignedRow = useCallback(({ data, index, style }) => {\r\n return (index !== undefined && data[index])\r\n ? \r\n
\r\n \r\n
\r\n Group Orders
\r\n {header}
\r\n {allOrdersList}
\r\n \r\n \r\n \r\n
\r\n \r\n left \r\n
\r\n \r\n {props.title || ''} \r\n
\r\n { !props.isHiddenSwitch && \r\n {props.isLoading ?
);\r\n\r\n\r\nexport default Popup;","import React from 'react';\r\nimport Draggable from 'react-draggable';\r\n\r\nimport FormView from './view/formView';\r\nimport Popup from './popup/popup';\r\n\r\nconst FormScreen = props =>\r\n props.showPopup ?\r\n \r\n {/* {props.showHeader && */}\r\n \r\n {props.fullScreen &&\r\n \r\n }\r\n \r\n {/* } */}\r\n
\r\n \r\n left \r\n
\r\n \r\n \r\n
\r\n {!props.fullScreen &&\r\n {props.title}
\r\n close \r\n
}\r\n \r\n \r\n {props.children}\r\n \r\n
\r\n \r\n \r\n More \r\n
\r\n \r\n \r\n ),\r\n CarrierPacket: props => {\r\n const attributes = {\r\n filled: '',\r\n [props.data ? 'accent' : 'error']: ''\r\n };\r\n\r\n return props.data === null || props.data === ''\r\n ? <>\r\n \r\n {props.data} \r\n
\r\n Actions will update form data
\r\n Approve
\r\n Deny
\r\n \r\n {loading ?
\r\n );\r\n\r\n const onDelete = () => {\r\n setGuid(null);\r\n setOriginalName('');\r\n action(null);\r\n };\r\n\r\n const action = result => {\r\n const outeSource = [];\r\n if (result) {\r\n outeSource.push({\r\n value: result.guId,\r\n originalName: result.originalName\r\n });\r\n }\r\n else {\r\n outeSource.push({\r\n value: '',\r\n originalName: ''\r\n });\r\n }\r\n props.action && typeof props.action === 'function' && props.action(\r\n {\r\n nativeEvent: null,\r\n source: outeSource,\r\n target: {\r\n value: result ? result.guId : ''\r\n }\r\n });\r\n };\r\n\r\n return (\r\n Upload
\r\n \r\n \r\n {guid ? \r\n \r\n delete \r\n
\r\n \r\n {props.addButtonText || CommonLabels.Buttons.Add} \r\n
\r\n \r\n we’ll send you instructions to reset your password.\r\n
\r\n and symbols in your password.\r\n
\r\n {props.children}\r\n
\r\n );\r\n};\r\n\r\nexport default Container;","import { useEffect } from 'react';\r\n\r\nexport const useOuterClickNotifier = (onOuterClick, innerRef, skipCloseClassNames, enable) => {\r\n useEffect(\r\n () => {\r\n \r\n\r\n const handleClick = (e) => {\r\n innerRef.current\r\n && (innerRef.current === e.target || !innerRef.current.contains(e.target))\r\n && !(document.getElementsByClassName(skipCloseClassNames)[0]\r\n && document.getElementsByClassName(skipCloseClassNames)[0].contains(e.target))\r\n && onOuterClick(e);\r\n }\r\n if (innerRef.current && enable) {\r\n document.addEventListener(\"click\", handleClick);\r\n }\r\n return () => document.removeEventListener(\"click\", handleClick);\r\n },\r\n [enable, innerRef, skipCloseClassNames, onOuterClick] // invoke again, if inputs have changed\r\n );\r\n};","import React from 'react';\r\n\r\nconst ActionBar = props => {\r\n\r\n const onYesButtonClick = event => {\r\n props.yesCallback && props.yesCallback(event);\r\n props.onClose();\r\n };\r\n\r\n const onNoButtonClick = event => {\r\n props.noCallback && props.noCallback(event);\r\n props.onClose();\r\n };\r\n\r\n return (\r\n
);\r\n\r\nConfirm.defaultProps = {\r\n title: '',\r\n text: '',\r\n html: ''\r\n};\r\n\r\nexport default Confirm;","import React, { useRef } from 'react';\r\nimport { connect } from \"react-redux\";\r\n\r\nimport FormScreen from '../../../../components/screen/formScreen';\r\nimport Content from '../../../../components/form/content';\r\nimport { Action } from '../../../../config/action.config';\r\nimport { Mapping } from '../../../../mapping/mapping';\r\nimport { ValidateScreen } from '../../../../helper/validation';\r\nimport { DefaultMessageTypes } from '../../../../hook/actions';\r\nimport { useData } from '../../../../hook/data/useData';\r\nimport { useMessage } from '../../../../hook/data/useMessage';\r\nimport { useFormValidation } from '../../../../hook/data/useFormValidation';\r\n\r\nimport { openPopup } from '../../../../../store/actions/popup/popup';\r\n\r\nconst Prompt = props => {\r\n const { config,\r\n sectionData,\r\n closeAction,\r\n saveAction } = props;\r\n //state\r\n const componentRefs = useRef({});\r\n const [data, dispatch] = useData(sectionData);\r\n const [messages, messageDispatch] = useMessage();\r\n const validate = useFormValidation(messageDispatch,\r\n data,\r\n Mapping,\r\n ValidateScreen,\r\n config,\r\n componentRefs);\r\n\r\n const sectionValidation = () => {\r\n messageDispatch({ type: DefaultMessageTypes.START_FOCUSE, messages: true });\r\n const [passValidation] = validate();\r\n return passValidation;\r\n };\r\n\r\n const dataAction = (action) => {\r\n switch (action) {\r\n case Action.Save:\r\n if (!sectionValidation()) {\r\n return;\r\n }\r\n\r\n saveAction && saveAction(data);\r\n\r\n break;\r\n case Action.SaveClose:\r\n if (!sectionValidation()) {\r\n return;\r\n }\r\n\r\n saveAction && saveAction(data);\r\n closeAction();\r\n\r\n break;\r\n case Action.Close:\r\n closeAction();\r\n\r\n break;\r\n default:\r\n break;\r\n }\r\n };\r\n\r\n return \r\n
\r\n \r\n
\r\n \r\n question \r\n
\r\n {props.title}
\r\n {props.text &&{props.text}
}\r\n {props.html && props.html}\r\n\r\n
);\r\n\r\nAlert.defaultProps = {\r\n title: '',\r\n text: ''\r\n};\r\n\r\nexport default Alert;","import React, { useRef, useState } from 'react';\r\nimport { connect } from \"react-redux\";\r\n\r\nimport FormScreen from '../components/screen/formScreen';\r\nimport Content from '../components/form/content';\r\nimport { Action } from '../config/action.config';\r\nimport { Mapping } from '../mapping/mapping';\r\nimport { ValidateScreen } from '../helper/validation';\r\nimport { DefaultMessageTypes } from '../hook/actions';\r\nimport { useData } from '../hook/data/useData';\r\nimport { useMessage } from '../hook/data/useMessage';\r\nimport { useFormValidation } from '../hook/data/useFormValidation';\r\n\r\nimport { openPopup } from '../../store/actions/popup/popup';\r\nimport { CommonLabels } from '../../project/Defines';\r\nimport { PopupTypes } from '../components/custom/popup/popup';\r\n\r\nconst Section = props => {\r\n const { config,\r\n sectionData,\r\n close,\r\n onSave,\r\n onCancel } = props;\r\n //state\r\n const componentRefs = useRef({});\r\n const [data, dispatch] = useData(sectionData);\r\n const [firstData, setFirstData] = useState(sectionData);\r\n const [isUpdating, setUpdating] = useState(false);\r\n const [messages, messageDispatch] = useMessage();\r\n const validate = useFormValidation(messageDispatch,\r\n data,\r\n Mapping,\r\n ValidateScreen,\r\n config,\r\n componentRefs);\r\n\r\n const sectionValidation = () => {\r\n messageDispatch({ type: DefaultMessageTypes.START_FOCUSE, messages: true });\r\n const [passValidation] = validate();\r\n return passValidation;\r\n };\r\n\r\n const confirmOptions = {\r\n windowKey: 'wndConfirmClose',\r\n type: PopupTypes.Confirm,\r\n title: 'Are you sure?',\r\n text: '',\r\n buttonYesText: CommonLabels.Buttons.Close,\r\n };\r\n\r\n const dataAction = (action, additionalData) => {\r\n switch (action) {\r\n case Action.Save:\r\n if (!sectionValidation()) {\r\n return;\r\n }\r\n\r\n if (!data.noteCheckBeforeSave && JSON.stringify(data) === JSON.stringify(firstData)) {\r\n props.openAlert({\r\n windowKey: 'wndConfirmClose',\r\n type: PopupTypes.Alert,\r\n title: \"You didn't make any changes\",\r\n text: '',\r\n buttonYesText: CommonLabels.Buttons.Close,\r\n });\r\n } else {\r\n onSave && onSave(data);\r\n setFirstData(data);\r\n }\r\n\r\n break;\r\n case Action.SaveClose:\r\n if (!sectionValidation()) {\r\n return;\r\n }\r\n\r\n if (!data.noteCheckBeforeSave && JSON.stringify(data) === JSON.stringify(firstData)) {\r\n confirmOptions.text = \"You didn't make any changes. Do you really want to leave the page?\";\r\n confirmOptions.yesCallback = () => {\r\n onCancel && onCancel();\r\n close();\r\n }\r\n\r\n props.openConfirm(confirmOptions);\r\n } else {\r\n onSave && onSave(data);\r\n close();\r\n }\r\n\r\n break;\r\n case Action.SaveSend:\r\n if (!sectionValidation()) {\r\n return;\r\n }\r\n\r\n onSave && onSave(data, setUpdating, close);\r\n break;\r\n case Action.Close:\r\n if (!data.noteCheckBeforeSave && JSON.stringify(data) !== JSON.stringify(firstData)) {\r\n confirmOptions.text = \"You made the changes and not save them. Do you really want to leave the page?\";\r\n confirmOptions.yesCallback = () => {\r\n onCancel && onCancel();\r\n close();\r\n }\r\n\r\n props.openConfirm(confirmOptions);\r\n } else {\r\n onCancel && onCancel();\r\n close();\r\n }\r\n\r\n break;\r\n default:\r\n break;\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {props.title}
\r\n {props.text &&{props.text}
}\r\n {props.html && props.html}\r\n 0) ? \"window_container open\" : \"window_container\"}>\r\n {\r\n ((props.popups && props.popups.filter(item => (item.fullScreen || false) === (props.fullScreen || false))) || []).map((item, i) => {\r\n const closeOutside = false;\r\n const { type, className, config, saveAction, closeAction, forgotAction, changeAction, beforeSaveAction } = item;\r\n let open_class = type + (item.fullScreen ? \" open fullscreen\" : \" open\");\r\n const onClose = () => {\r\n props.closePopup(item.windowKey);\r\n }\r\n const skipCloseClassNames = '';\r\n switch (type) {\r\n case PopupTypes.Confirm:\r\n return \r\n ;\r\n case PopupTypes.Prompt:\r\n return \r\n ;\r\n case PopupTypes.Alert:\r\n return \r\n ;\r\n //case PopupTypes.TemplateDetails:\r\n\r\n // break;\r\n case PopupTypes.ConfigSection:\r\n //Section\r\n return \r\n {/* */}\r\n {config ? : 'Config not found'}\r\n {/* */}\r\n ;\r\n case PopupTypes.ConfigForm:\r\n default:\r\n return \r\n {/* */}\r\n {config ? Details(config, null, true, saveAction, closeAction, forgotAction, changeAction, beforeSaveAction, item.id) : 'Config not found'}\r\n {/* */}\r\n ;\r\n }\r\n })\r\n }\r\n
\r\n )\r\n};\r\n\r\nexport default connect(state => ({\r\n popups: state.popup.popups\r\n}),\r\n dispatch => ({\r\n closePopup: (key) => dispatch(closePopup(key))\r\n })\r\n)(Popup);\r\n","import moment from 'moment';\r\n\r\nimport { Defines } from '../../project/Defines';\r\nimport { ColumnType } from '../config';\r\nimport { AddMonths, Compare } from './common';\r\n\r\nexport const RegExps = {\r\n Email: /^(([^<>()\\\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/,\r\n EmailList: /^(\\s?[^\\s,]+@[^\\s,]+\\.[^\\s,]+\\s?,)*(\\s?[^\\s,]+@[^\\s,]+\\.[^\\s,]+)$/, // TOTO Tatul: Restrict\r\n Time: /^([01]\\d|2[0-3]):([0-5]\\d)$/,\r\n Phone: /^\\(?([0-9]{3})\\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/,\r\n Other: ''\r\n};\r\n\r\nexport const RegexpTest = (regexp, data) => {\r\n if (!regexp.test(data)) {\r\n return false;\r\n }\r\n return true;\r\n};\r\n\r\nexport const EmailTest = (data) =>\r\n data.toLowerCase && typeof data.toLowerCase === 'function' && RegexpTest(RegExps.Email, data.toLowerCase());\r\n\r\nexport const EmailListTest = (data) =>\r\n data.toLowerCase && typeof data.toLowerCase === 'function' && RegexpTest(RegExps.EmailList, data.toLowerCase());\r\n\r\nexport const TimeTest = (data) =>\r\n data.toLowerCase && typeof data.toLowerCase === 'function' && RegexpTest(RegExps.Time, data.toLowerCase());\r\n\r\nexport const PhoneTest = (data) =>\r\n data.toLowerCase && typeof data.toLowerCase === 'function' && RegexpTest(RegExps.Phone, data.toLowerCase());\r\n\r\nexport const ValidationErrorClass = 'input-validation-error';\r\nexport const ValidationWarningClass = 'input-validation-warning';\r\n\r\nexport const ValidateElement = (validations, data, title, object) => {\r\n const invalMessages = [];\r\n validations.forEach(val => {\r\n const message = val(data, title, object);\r\n if (message) {\r\n invalMessages.push(message);\r\n }\r\n });\r\n return invalMessages;\r\n};\r\n\r\nexport const ValidateWrap = (wrap, data, messageDispatch, identity) => {\r\n let passValidation = true;\r\n for (const st in wrap) {\r\n if (!ValidateFields(wrap[st].Fields, data, messageDispatch, identity)) {\r\n passValidation = false;\r\n }\r\n }\r\n return passValidation;\r\n};\r\n\r\nexport const ValidateScreenToolbar = (sectionToolbar, data, messageDispatch, identity) => {\r\n let passValidation = true;\r\n for (const st in sectionToolbar) {\r\n if (!ValidateFields(sectionToolbar[st].Fields, data, messageDispatch, identity)) {\r\n passValidation = false;\r\n }\r\n }\r\n return passValidation;\r\n};\r\n\r\nexport const ValidateSection = (section, data, messageDispatch, identity) => {\r\n return ValidateFields(section.Fields, data, messageDispatch, identity);\r\n};\r\n\r\nexport const ValidateFields = (fields, data, messageDispatch, identity) => {\r\n let passValidation = true;\r\n for (const f in fields) {\r\n const field = fields[f];\r\n if (Array.isArray(field)) {\r\n for (const gf in field) {\r\n if (!ValidateFields(field[gf].Fields, data, messageDispatch, identity)) {\r\n passValidation = false;\r\n }\r\n }\r\n }\r\n else {\r\n const element = field.Field && typeof field.Field === 'function' && field.Field(field.Data, data)();\r\n if (element && field.Validations && field.Validations.length > 0) {\r\n //if (field.Validations && field.Validations.length > 0) {\r\n const invalMessages = ValidateElement(field.Validations, field.Data, field.Title, data);\r\n const messageType = identity ? `${identity}_${f}` : f;\r\n messageDispatch && messageDispatch({ type: messageType, messages: invalMessages });\r\n if (invalMessages.length > 0) {\r\n passValidation = false;\r\n }\r\n }\r\n if (element && field?.Warnings?.length) {\r\n const invalMessages = ValidateElement(field.Warnings, field.Data, field.Title, data);\r\n const messageType = identity ? `${identity}_${f}` : f;\r\n messageDispatch && messageDispatch({ type: messageType, messages: invalMessages, messageType: 'warning' });\r\n }\r\n }\r\n }\r\n return passValidation;\r\n};\r\n\r\nexport const ValidateSectionGroups = (sectionGroups, data, messageDispatch, identity) => {\r\n let passValidation = true;\r\n for (const sg in sectionGroups) {\r\n const secrionGroup = sectionGroups[sg];\r\n if(!ValidateSections(secrionGroup.Sections, data, messageDispatch, identity)) {\r\n passValidation = false;\r\n }\r\n }\r\n return passValidation;\r\n};\r\n\r\nexport const ValidateSections = (sections, data, messageDispatch, identity) => {\r\n let passValidation = true;\r\n for (const s in sections) {\r\n const section = sections[s];\r\n if (!ValidateSection(section, data, messageDispatch, identity)) {\r\n passValidation = false;\r\n }\r\n }\r\n return passValidation;\r\n};\r\n\r\nexport const ValidateTabstrip = (tabstrip, data, messageDispatch, identity) => {\r\n let passValidation = true;\r\n //for (const ti in tabstrip) {\r\n const t = tabstrip[0];\r\n if (t && t.Form && t.Form.SectionGroups) {\r\n if (!ValidateSectionGroups(t.Form.SectionGroups, data, messageDispatch, identity)) {\r\n passValidation = false;\r\n }\r\n }\r\n //}\r\n return passValidation;\r\n};\r\n\r\nexport const ValidateScreen = (screen, data, messageDispatch, identity) => {\r\n let passValidation = true;\r\n if (screen.ScreenToolbar && !ValidateScreenToolbar(screen.ScreenToolbar, data, messageDispatch, identity)) {\r\n passValidation = false;\r\n }\r\n if (screen.Wrap && !ValidateWrap(screen.Wrap, data, messageDispatch, identity)) {\r\n passValidation = false;\r\n }\r\n if (screen.SectionGroups && !ValidateSectionGroups(screen.SectionGroups, data, messageDispatch, identity)) {\r\n passValidation = false;\r\n }\r\n if (screen.Tabstrip && !ValidateTabstrip(screen.Tabstrip, data, messageDispatch, identity)) {\r\n passValidation = false;\r\n }\r\n return passValidation;\r\n};\r\n\r\nexport const ColumnMonthExpiration = (text, month, type, warningClass, errorClass) => {\r\n if (new Date(text) < new Date()) {\r\n return [type, [errorClass]];\r\n }\r\n if (new Date(text) < AddMonths(new Date(), month)) {\r\n return [type, [warningClass]];\r\n }\r\n return [type, null];\r\n};\r\n\r\nexport const ColumnValues = (type, message, data, condition, dependency, object, fieldType) => {\r\n // can use 'expr-eval' package for string condition evaluation\r\n \r\n let val1 = data,\r\n val2 = typeof(dependency) === 'string' ? object[dependency] : dependency;\r\n\r\n if(dependency === 'palletCount') {\r\n if(type === 'weight') {\r\n val2 *= 2750;\r\n }\r\n\r\n // if(type === 'space') {\r\n // if(+val1 === 0) {\r\n // if(val2 === 1) {\r\n // return;\r\n // } else {\r\n // return 'Spaces can\\'t be 0 if pallets greater then 1';\r\n // }\r\n // }\r\n // }\r\n }\r\n\r\n switch(fieldType) {\r\n case ColumnType.Date:\r\n if(moment(val2, [Defines.Format.PrintDate, Defines.Format.PrintDateTime, 'YYYY-MM-DDTHH:mm:ss']).isAfter(moment(val1, [Defines.Format.PrintDate, Defines.Format.PrintDateTime, 'YYYY-MM-DDTHH:mm:ss']))) {\r\n return message;\r\n }\r\n \r\n return;\r\n default:\r\n break;\r\n }\r\n\r\n if(Compare(val1, val2, condition)) {\r\n return message;\r\n }\r\n};","export const ERROR = 'ERROR';\r\nexport const RESET_ERROR = 'RESET_ERROR';\r\nexport const RELOAD_ON_ERROR = 'RELOAD_ON_ERROR';\r\nexport const SET_HEADER_WIDTH_FACTORING_COMPANY = 'SET_HEADER_WIDTH_FACTORING_COMPANY';\r\nexport const SET_DISPLAY_STATE = 'SET_DISPLAY_STATE';\r\nexport const GET_FACTORING_COMPANY_LIST = 'GET_FACTORING_COMPANY_LIST';\r\nexport const GET_FACTORING_COMPANY_LIST_LOADING = 'GET_FACTORING_COMPANY_LIST_LOADING';\r\nexport const SORT_FACTORING_COMPANY = 'SORT_FACTORING_COMPANY';\r\nexport const GET_FACTORING_COMPANY_DETAILS_LOADING = 'GET_FACTORING_COMPANY_DETAILS_LOADING';\r\nexport const GET_FACTORING_COMPANY_DETAILS = 'GET_FACTORING_COMPANY_DETAILS';\r\nexport const DELETE_FACTORING_COMPANY_LOADING = 'DELETE_FACTORING_COMPANY_LOADING';\r\nexport const ADD_FACTORING_COMPANY_LOADING = 'ADD_FACTORING_COMPANY_LOADING';\r\nexport const ADD_FACTORING_COMPANY = 'ADD_FACTORING_COMPANY';\r\nexport const UPDATE_FACTORING_COMPANY_LOADING = 'UPDATE_FACTORING_COMPANY_LOADING';\r\nexport const UPDATE_FACTORING_COMPANY = 'UPDATE_FACTORING_COMPANY';\r\nexport const GET_STATES_LIST = 'GET_STATES_LIST';\r\nexport const EMPTY_FACTORING_COMPANY_DETAILS = 'EMPTY_FACTORING_COMPANY_DETAILS';\r\n\r\nexport const getActionType = (recourse, key) => {\r\n return FACTORING_COMPANY_BUILD[key]\r\n};\r\n\r\nexport const FACTORING_COMPANY_BUILD = {\r\n ERROR: 'ERROR',\r\n RESET_ERROR: 'RESET_ERROR',\r\n RELOAD_ON_ERROR: 'RELOAD_ON_ERROR',\r\n SET_HEADER_WIDTH_FACTORING_COMPANY: 'SET_HEADER_WIDTH_FACTORING_COMPANY',\r\n GET_FACTORING_COMPANY_LIST: 'GET_FACTORING_COMPANY_LIST',\r\n GET_FACTORING_COMPANY_LIST_LOADING: 'GET_FACTORING_COMPANY_LIST_LOADING',\r\n SORT_FACTORING_COMPANY: 'SORT_FACTORING_COMPANY',\r\n GET_FACTORING_COMPANY_DETAILS_LOADING: 'GET_FACTORING_COMPANY_DETAILS_LOADING',\r\n GET_FACTORING_COMPANY_DETAILS: 'GET_FACTORING_COMPANY_DETAILS',\r\n DELETE_FACTORING_COMPANY_LOADING: 'DELETE_FACTORING_COMPANY_LOADING',\r\n ADD_FACTORING_COMPANY_LOADING: 'ADD_FACTORING_COMPANY_LOADING',\r\n ADD_FACTORING_COMPANY: 'ADD_FACTORING_COMPANY',\r\n GET_STATES_LIST: 'GET_STATES_LIST',\r\n EMPTY_FACTORING_COMPANY_DETAILS: 'EMPTY_FACTORING_COMPANY_DETAILS',\r\n UPDATE_FACTORING_COMPANY_LOADING: 'UPDATE_FACTORING_COMPANY_LOADING',\r\n UPDATE_FACTORING_COMPANY: 'UPDATE_FACTORING_COMPANY',\r\n};\r\n","import ResizableTitle from '../components/list/resizableTitle';\r\n\r\nexport const DefaultView = {\r\n AutoHeight: null,\r\n Small: null,\r\n AllowNewButton: true,\r\n AllowCreateGroupButton: false,\r\n HideSettings: false\r\n};\r\n\r\nexport const DefaultTable = {\r\n Style: {\r\n components: {\r\n header: {\r\n cell: ResizableTitle,\r\n },\r\n },\r\n tableLayout: null,\r\n showSorterTooltip: false,\r\n rowSelection: null,\r\n summary: null,\r\n rowClassName: null,\r\n // scroll: { y: 100 },\r\n size: 'small',\r\n bordered: false,\r\n title: undefined,\r\n showHeader: true ,\r\n footer: false,\r\n hasData: true,\r\n top: 'none',\r\n bottom: 'bottomRight'\r\n }\r\n};\r\n\r\n\r\n\r\nexport const DefaultSummaryTable = {\r\n Style: {\r\n components: {\r\n header: {\r\n cell: ResizableTitle,\r\n },\r\n },\r\n tableLayout: true,\r\n showSorterTooltip: false,\r\n rowSelection: null,\r\n rowClassName: null,\r\n size: 'small',\r\n bordered: true,\r\n footer: false,\r\n hasData: true,\r\n top: 'none',\r\n bottom: 'bottomRight'\r\n }\r\n};\r\n\r\nexport const InlineTable = {\r\n Style: {\r\n components: null,\r\n tableLayout: null,\r\n showSorterTooltip: false,\r\n rowSelection: null,\r\n summary: null,\r\n rowClassName: null,\r\n scroll: { y: 100 },\r\n size: 'small',\r\n bordered: false,\r\n title: undefined,\r\n showHeader: true,\r\n footer: false,\r\n hasData: true,\r\n top: 'none',\r\n bottom: 'bottomRight'\r\n }\r\n};\r\n\r\nexport const Defaults = {\r\n View: DefaultView,\r\n Table: DefaultTable,\r\n SummaryTable: DefaultSummaryTable\r\n};\r\n\r\nexport const DefaultPagination = {\r\n Current: 1,\r\n PageSize: 20,\r\n ShowSizeChanger: true,\r\n PageSizeOptions: ['5', '10', '20', '30', '40']\r\n};\r\n\r\nexport const ColumnType = {\r\n Text: 'Text',\r\n MultilineText: 'MultilineText',\r\n Date: 'Date',\r\n Time: 'Time',\r\n DateTime: 'Datetime',\r\n Number: 'Number',\r\n Currency: 'Currency',\r\n Phone: 'Phone',\r\n Bool: 'Bool',\r\n Radio: 'Radio',\r\n Label: 'Label',\r\n SimpleIndicator: 'SimpleIndicator',\r\n Indicator: 'Indicator',\r\n StatusIndicator: 'StatusIndicator',\r\n CommentIndicator: 'CommentIndicator',\r\n CancelIndicator: 'CancelIndicator',\r\n Badge: 'Badge',\r\n Empty: 'Empty',\r\n Button: 'Button',\r\n FileSize: 'FileSize',\r\n File: 'File'\r\n};\r\n\r\nexport const FilterType = {\r\n Text: 'Text',\r\n Select: 'Select',\r\n MultiSelect: 'MultiSelect',\r\n Date: 'Date',\r\n Checkbox: 'Checkbox',\r\n Radio: 'Radio',\r\n Draggable: 'Draggable'\r\n};\r\n\r\nexport const ValueListUrls = {\r\n Customer: '/api/customer/customerkeyvaluewithdefloclist',\r\n Location: '/api/location/locationlist/',\r\n LocationDoor: '/api/location/locationdoorlist/',\r\n LocationDoorListByParentId: '/api/location/locationdoorlistbyparentid/',\r\n\r\n};","Object.defineProperty(exports, \"__esModule\", {\r\n value: true\r\n});\r\n\r\nvar _react = require('react');\r\n\r\nvar _react2 = _interopRequireDefault(_react);\r\n\r\nvar _propTypes = require('prop-types');\r\n\r\nvar _propTypes2 = _interopRequireDefault(_propTypes);\r\n\r\nvar _color = require('./helpers/color');\r\n\r\nvar _color2 = _interopRequireDefault(_color);\r\n\r\nvar _Board = require('./Board');\r\n\r\nvar _Board2 = _interopRequireDefault(_Board);\r\n\r\nvar _Preview = require('./Preview');\r\n\r\nvar _Preview2 = _interopRequireDefault(_Preview);\r\n\r\nvar _Ribbon = require('./Ribbon');\r\n\r\nvar _Ribbon2 = _interopRequireDefault(_Ribbon);\r\n\r\nvar _Alpha = require('./Alpha');\r\n\r\nvar _Alpha2 = _interopRequireDefault(_Alpha);\r\n\r\nvar _Params = require('./Params');\r\n\r\nvar _Params2 = _interopRequireDefault(_Params);\r\n\r\nvar _classnames = require('classnames');\r\n\r\nvar _classnames2 = _interopRequireDefault(_classnames);\r\n\r\nvar _validationColor = require('./utils/validationColor');\r\n\r\nvar _validationColor2 = _interopRequireDefault(_validationColor);\r\n\r\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\r\n\r\nfunction _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }\r\n\r\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\r\n\r\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\r\n\r\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\r\n\r\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }\r\n\r\nfunction noop() {}\r\n\r\nvar Panel = function (_React$Component) {\r\n _inherits(Panel, _React$Component);\r\n\r\n function Panel(props) {\r\n _classCallCheck(this, Panel);\r\n\r\n var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));\r\n\r\n _initialiseProps.call(_this);\r\n\r\n var alpha = typeof props.alpha === 'undefined' ? props.defaultAlpha : Math.min(props.alpha, props.defaultAlpha);\r\n\r\n var color = new _color2[\"default\"](props.color || props.defaultColor);\r\n\r\n _this.state = {\r\n color: color,\r\n alpha: alpha\r\n };\r\n return _this;\r\n }\r\n\r\n Panel.prototype.componentDidMount = function componentDidMount() {\r\n this.props.onMount(this.ref);\r\n };\r\n\r\n Panel.prototype.UNSAFE_componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\r\n if (nextProps.color) {\r\n var color = new _color2[\"default\"](nextProps.color);\r\n this.setState({\r\n color: color\r\n });\r\n }\r\n if (nextProps.alpha !== undefined) {\r\n this.setState({\r\n alpha: nextProps.alpha\r\n });\r\n }\r\n };\r\n\r\n /**\r\n * 响应 alpha 的变更\r\n * @param {Number} alpha Range 0~100\r\n */\r\n\r\n\r\n /**\r\n * color change\r\n * @param {Object} color tinycolor instance\r\n * @param {Boolean} syncParams Sync to \r\n {data}\r\n
\r\n \r\n {field.name}\r\n
\r\n \r\n
;\r\n};\r\n\r\nexport default ColorElement;","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\n\r\nimport DropDownElement from './dropDownElement';\r\nimport { ElementConditions } from '../config/condition.config';\r\nimport { addValueList } from '../../store/actions/valueList/valueList';\r\nimport { useValueListWithCache } from '../hook/data/useValueList';\r\n\r\nconst SelectElementWithCache = props => {\r\n const { dataSource, classes,\r\n condition, data, action, valudationMessages,\r\n style, parentValue, selectedValue, reloadOnParentChange, mode,\r\n showSearch, name, allowClear, placeholder, filterOption,\r\n valueList, addValueList, selectedValueType } = props;\r\n const hash = require('object-hash');\r\n const valueKey = typeof dataSource === 'string' ? dataSource + (parentValue ? parentValue : '') : hash(dataSource);\r\n useValueListWithCache(data, dataSource, parentValue, addValueList, valueList, reloadOnParentChange, valueKey);\r\n return condition !== ElementConditions.Hidden ? //&& valueList[valueKey] ?\r\n \r\n \r\n {data ? moment(data).format(Defines.Format.PrintDate) : ''}\r\n \r\n
\r\n : null,\r\n ColumnDate: (displayability = Ability.Displayability,\r\n condition = ElementConditions.Enable) =>\r\n (data, object) => () =>\r\n condition !== ElementConditions.Hidden && displayability(object, data) ?\r\n GenerateColumnDateLabel(\r\n data)\r\n : null,\r\n\r\n ColumnDateTime: (displayability = Ability.Displayability,\r\n condition = ElementConditions.Enable) =>\r\n (data, object) => () =>\r\n condition !== ElementConditions.Hidden && displayability(object, data) ?\r\n GenerateColumnDateTimeLabel(\r\n data)\r\n : null,\r\n\r\n DateTimeLabel: (displayability = Ability.Displayability,\r\n condition = ElementConditions.Enable, classes = [], style = {}) =>\r\n (data, object) => () =>\r\n condition !== ElementConditions.Hidden && displayability(object, data) ?\r\n \r\n \r\n {data ? localDate(data, Defines.Format.PrintDateTime) : ''}\r\n \r\n
\r\n : null,\r\n\r\n ColumnTime: (displayability = Ability.Displayability,\r\n condition = ElementConditions.Enable) =>\r\n (data, object) => () =>\r\n condition !== ElementConditions.Hidden && displayability(object, data) ?\r\n GenerateColumnTimeLabel(\r\n data)\r\n : null,\r\n\r\n ColumnBool: (displayability = Ability.Displayability,\r\n condition = ElementConditions.Enable) =>\r\n (data, object) => () =>\r\n condition !== ElementConditions.Hidden && displayability(object, data) ?\r\n GenerateColumnBoolLabel(\r\n data)\r\n : null,\r\n\r\n //using in login page only\r\n PasswordField: (showHidePassword = false, displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n classes = [],\r\n style = {},\r\n condition = ElementConditions.Enable,\r\n placeholder) =>\r\n (data, object, action, out, ref, onKeyPress) => valudationMessages =>\r\n condition !== ElementConditions.Hidden && displayability(object, data) ? (\r\n showHidePassword ?\r\n \r\n \r\n {display && typeof display === 'function' ? display(object, data) : data}\r\n \r\n
\r\n : null,\r\n\r\n LabelDecimalField: (displayability = Ability.Displayability,\r\n condition = ElementConditions.Enable, classes = [], style = {}, display = null) =>\r\n (data, object) => () =>\r\n condition !== ElementConditions.Hidden && displayability(object, data) ?\r\n \r\n \r\n {display && typeof display === 'function' ? display(object, data) : data?.toLocaleString()}\r\n \r\n
\r\n : null,\r\n\r\n LabelFieldDate: (displayability = Ability.Displayability,\r\n condition = ElementConditions.Enable, classes = [], style = {}, display = null) =>\r\n (data, object) => () => {\r\n if (condition !== ElementConditions.Hidden && displayability(object, data)) {\r\n return \r\n \r\n {display && typeof display === 'function' ? display(object, data) : data ? moment(data).format(Defines.Format.PrintDate) : null}\r\n \r\n
;\r\n }\r\n\r\n return null;\r\n },\r\n\r\n LabelFieldCurrency: (displayability = Ability.Displayability,\r\n condition = ElementConditions.Enable, classes = [], style = {}, display = null) =>\r\n (data, object) => () =>\r\n condition !== ElementConditions.Hidden && displayability(object, data) ?\r\n \r\n \r\n {display && typeof display === 'function' ? display(object, data) : data ? data.toLocaleString('en-US', {\r\n style: 'currency',\r\n currency: 'USD',\r\n minimumFractionDigits: 0,\r\n maximumFractionDigits: 0\r\n }) : null}\r\n \r\n
\r\n : null,\r\n\r\n FileSizeLabelField: (displayability = Ability.Displayability,\r\n condition = ElementConditions.Enable, classes = [], style = {}) =>\r\n (data, object) => () =>\r\n condition !== ElementConditions.Hidden && displayability(object, data) ?\r\n \r\n \r\n {data ? bytesToSize(data) : '-'}\r\n \r\n
\r\n : null,\r\n\r\n LabelCountField: (array, item, displayability = Ability.Displayability,\r\n condition = ElementConditions.Enable, style, classes) =>\r\n (data, object) => () =>\r\n condition !== ElementConditions.Hidden && displayability(object, data) ?\r\n \r\n \r\n {object[array] && object[array].reduce((a, b) => {\r\n return a + (b[item] ? parseInt(b[item]) : 0);\r\n }, 0)}\r\n \r\n
\r\n : null,\r\n\r\n TextField: (displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n classes = [],\r\n style = {},\r\n condition = ElementConditions.Enable,\r\n placeholder,\r\n withTooltip,\r\n ) =>\r\n (data, object, action, out, ref, onKeyPress, attributes) => (valudationMessages, warningMessages) =>\r\n condition !== ElementConditions.Hidden && displayability(object, data) ?\r\n GenerateInput(\r\n 'text',\r\n editability(object),\r\n ref,\r\n data,\r\n ElementClassNames(object, data, classes),\r\n action,\r\n out,\r\n valudationMessages,\r\n placeholder,\r\n onKeyPress,\r\n null,\r\n null,\r\n typeof style === 'function' ? style(object, data) : style,\r\n '',\r\n warningMessages,\r\n attributes,\r\n withTooltip,\r\n )\r\n : null,\r\n\r\n File: (displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n classes = [],\r\n style = {},\r\n condition = ElementConditions.Enable,\r\n placeholder) =>\r\n (data, object, action, out, ref, onKeyPress, attributes) => (valudationMessages, warningMessages) =>\r\n condition !== ElementConditions.Hidden && displayability(object, data) ?\r\n GenerateFileInput('text',\r\n editability(object),\r\n ref,\r\n data,\r\n ElementClassNames(object, data, classes),\r\n action,\r\n out,\r\n valudationMessages,\r\n placeholder,\r\n onKeyPress,\r\n null,\r\n null,\r\n typeof style === 'function' ? style(object, data) : style,\r\n warningMessages,\r\n attributes)\r\n : null,\r\n\r\n IntField: (displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n classes = [],\r\n style = {},\r\n condition = ElementConditions.Enable,\r\n placeholder,\r\n tabIndex = '') =>\r\n (data, object, action, out, ref) => valudationMessages =>\r\n condition !== ElementConditions.Hidden && displayability(object, data) ?\r\n GenerateInput('number',\r\n editability(object),\r\n ref,\r\n data,\r\n ElementClassNames(object, data, classes),\r\n action,\r\n out,\r\n valudationMessages,\r\n placeholder,\r\n null,\r\n null,\r\n null,\r\n typeof style === 'function' ? style(object, data) : style,\r\n tabIndex)\r\n : null,\r\n\r\n Phone: (displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n classes = [],\r\n style = {},\r\n condition = ElementConditions.Enable,\r\n placeholder) =>\r\n (data, object, action, out) => valudationMessages =>\r\n condition !== ElementConditions.Hidden && displayability(object, data) ?\r\n GeneratePhoneInput('phone',\r\n editability(object),\r\n data,\r\n ElementClassNames(object, data, classes),\r\n action,\r\n out,\r\n valudationMessages,\r\n placeholder,\r\n null,\r\n null,\r\n null,\r\n typeof style === 'function' ? style(object, data) : style)\r\n : null,\r\n\r\n IntDecimalField: (displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n classes = [],\r\n style = { textAlign: 'center' },\r\n condition = ElementConditions.Enable,\r\n placeholder, \r\n title,\r\n ) =>\r\n (data, object, action, out, ref) => valudationMessages =>\r\n condition !== ElementConditions.Hidden && displayability(object, data) ?\r\n GenerateDecimalInput('number',\r\n editability(object),\r\n ref,\r\n data,\r\n ElementClassNames(object, data, classes),\r\n action,\r\n out,\r\n valudationMessages,\r\n placeholder,\r\n null,\r\n null,\r\n null,\r\n typeof style === 'function' ? style(object, data) : style,\r\n title,\r\n )\r\n : null,\r\n\r\n IntFieldViewOrEdit: (displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n classes = [],\r\n style = {},\r\n condition = ElementConditions.Enable,\r\n placeholder, display = null) =>\r\n (data, object, action, out, ref) => valudationMessages => {\r\n if (condition !== ElementConditions.Hidden && displayability(object, data)) {\r\n return condition(object)\r\n ? GenerateInput('number',\r\n editability(object),\r\n ref,\r\n data,\r\n ElementClassNames(object, data, classes),\r\n action,\r\n out,\r\n valudationMessages,\r\n placeholder,\r\n null,\r\n null,\r\n null,\r\n typeof style === 'function' ? style(object, data) : style)\r\n : \r\n \r\n {display && typeof display === 'function' ? display(object, data) : data}\r\n \r\n
;\r\n }\r\n },\r\n\r\n DecimalFieldViewOrEdit: (displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n classes = [],\r\n style = {},\r\n condition = ElementConditions.Enable,\r\n placeholder, display = null) =>\r\n (data, object, action, out, ref) => valudationMessages => {\r\n if (condition !== ElementConditions.Hidden && displayability(object, data)) {\r\n let customCondition = false;\r\n if (condition && typeof (condition) === 'function') {\r\n customCondition = condition(object);\r\n }\r\n\r\n return customCondition\r\n ? GenerateDecimalInput('number',\r\n editability(object),\r\n ref,\r\n data,\r\n ElementClassNames(object, data, classes),\r\n action,\r\n out,\r\n valudationMessages,\r\n placeholder,\r\n null,\r\n null,\r\n null,\r\n typeof style === 'function' ? style(object, data) : style)\r\n : \r\n \r\n {display && typeof display === 'function' ? display(object, data) : data?.toLocaleString()}\r\n \r\n
;\r\n }\r\n },\r\n\r\n CheckBox: (label,\r\n displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n classes = [],\r\n style = {},\r\n condition = ElementConditions.Enable) =>\r\n (data, object, action, out, ref) => valudationMessages =>\r\n condition !== ElementConditions.Hidden && displayability(object, data) ?\r\n GenerateCheckBox(label,\r\n editability(object),\r\n ref,\r\n data,\r\n ElementClassNames(object, data, classes),\r\n action,\r\n out,\r\n valudationMessages,\r\n typeof style === 'function' ? style(object, data) : style)\r\n : null,\r\n\r\n CheckBoxModern: (\r\n label,\r\n displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n classes = [],\r\n style = {},\r\n condition = ElementConditions.Enable) =>\r\n (data, object, action, out, ref, keyPress, attributes, onActionRecord, parentData) => valudationMessages => {\r\n const landingDayExist = parentData?.some(item => item.landing);\r\n const isSecondaryLanding = label === 'secondaryLanding';\r\n return condition !== ElementConditions.Hidden && displayability(object, data) ?\r\n GenerateCheckBoxModern(\r\n label,\r\n isSecondaryLanding ? landingDayExist : editability(object),\r\n ref,\r\n data,\r\n ElementClassNames(object, data, classes),\r\n action,\r\n out,\r\n valudationMessages,\r\n typeof style === 'function' ? style(object, data) : style,\r\n object,\r\n )\r\n : null },\r\n\r\n Radio: (label,\r\n name,\r\n displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n classes = [],\r\n style = {},\r\n condition = ElementConditions.Enable,\r\n field) =>\r\n (data, object, action, out, ref) => valudationMessages =>\r\n condition !== ElementConditions.Hidden && displayability(object, data) ?\r\n GenerateRadio(label,\r\n editability(object),\r\n ref,\r\n data,\r\n ElementClassNames(object, data, classes),\r\n action,\r\n out,\r\n valudationMessages,\r\n name,\r\n typeof style === 'function' ? style(object, data) : style,\r\n object,\r\n field)\r\n : null,\r\n\r\n DateField: (displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n min = null,\r\n max = null,\r\n date_format = Defines.Format.PrintDate,\r\n classes = ['centerText'],\r\n style = {},\r\n condition = ElementConditions.Enable,\r\n fieldName,\r\n ) =>\r\n (data, object, action, out, ref) => (valudationMessages, warningMessages) => {\r\n return condition !== ElementConditions.Hidden && displayability(object, data) ?\r\n GenerateDatePicker(editability(object),\r\n date_format,\r\n ref,\r\n data,\r\n typeof min === 'function' ? min(object.readyDate) : min,\r\n max,\r\n ElementClassNames(object, data, classes),\r\n action,\r\n out,\r\n valudationMessages,\r\n null,\r\n typeof style === 'function' ? style(object, data) : style,\r\n warningMessages,\r\n object,\r\n fieldName,\r\n )\r\n : null\r\n },\r\n\r\n DueDateField: (displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n min = null,\r\n max = null,\r\n date_format = Defines.Format.PrintDate,\r\n classes = ['centerText'],\r\n style = {},\r\n condition = ElementConditions.Enable,\r\n fieldName,\r\n hardFieldName\r\n ) =>\r\n (data, object, action, out, ref) => (valudationMessages, warningMessages) => {\r\n return condition !== ElementConditions.Hidden && displayability(object, data) ?\r\n GenerateDueDatePicker(editability(object),\r\n date_format,\r\n ref,\r\n data,\r\n typeof min === 'function' ? min(object.readyDate) : min,\r\n max,\r\n ElementClassNames(object, data, classes),\r\n action,\r\n out,\r\n valudationMessages,\r\n null,\r\n typeof style === 'function' ? style(object, data) : style,\r\n warningMessages,\r\n object,\r\n fieldName,\r\n hardFieldName\r\n )\r\n : null\r\n },\r\n\r\n TimeField: (displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n timeFormat = Defines.Format.MomentTime,\r\n minuteStep = 15,\r\n use12Hours = false,\r\n classes = [],\r\n style = {},\r\n condition = ElementConditions.Enable) =>\r\n (data, object, action, out, ref) => valudationMessages =>\r\n condition !== ElementConditions.Hidden && displayability(object, data) ?\r\n GenerateTimePicker(editability(object),\r\n timeFormat,\r\n minuteStep,\r\n use12Hours,\r\n ref,\r\n data,\r\n ElementClassNames(object, data, classes),\r\n action,\r\n out,\r\n valudationMessages,\r\n typeof style === 'function' ? style(object, data) : style)\r\n : null,\r\n\r\n DateFieldViewOrEdit: (displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n min = null,\r\n max = null,\r\n date_format = Defines.Format.PrintDate,\r\n classes = [],\r\n style = {},\r\n condition = ElementConditions.Enable) =>\r\n (data, object, action, out, ref) =>\r\n (valudationMessages, warningMessages) => {\r\n if (condition !== ElementConditions.Hidden && displayability(object, data)) {\r\n let customCondition = true;\r\n if (condition && typeof (condition) === 'function') {\r\n customCondition = condition(object);\r\n }\r\n\r\n return customCondition\r\n ? GenerateDatePicker(editability(object),\r\n date_format,\r\n ref,\r\n data,\r\n min,\r\n max,\r\n ElementClassNames(object, data, classes),\r\n action,\r\n out,\r\n valudationMessages,\r\n null,\r\n typeof style === 'function' ? style(object, data) : style,\r\n warningMessages\r\n )\r\n : \r\n \r\n {data ? moment(data).format(Defines.Format.PrintDate) : ''}\r\n \r\n
;\r\n }\r\n\r\n return null;\r\n },\r\n\r\n TimeFieldViewOrEdit: (displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n classes = [],\r\n style = {},\r\n condition = ElementConditions.Enable,\r\n placeholder) =>\r\n (data, object, action, out, ref, onKeyPress) => (valudationMessages, warningMessages) => {\r\n if (condition !== ElementConditions.Hidden && displayability(object, data)) {\r\n let customCondition = true;\r\n if (condition && typeof (condition) === 'function') {\r\n customCondition = condition(object);\r\n }\r\n\r\n return customCondition\r\n ? GenerateInput('text',\r\n editability(object),\r\n ref,\r\n data,\r\n ElementClassNames(object, data, classes),\r\n action,\r\n out,\r\n valudationMessages,\r\n placeholder,\r\n onKeyPress,\r\n null,\r\n null,\r\n typeof style === 'function' ? style(object, data) : style,\r\n warningMessages\r\n )\r\n : \r\n \r\n {data}\r\n \r\n
;\r\n }\r\n\r\n return null;\r\n },\r\n\r\n CurrencyField: (\r\n displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n classes = [],\r\n style = { textAlign: 'center' },\r\n condition = ElementConditions.Enable,\r\n placeholder,\r\n fieldName) =>\r\n (data, object, action, out, ref) => valudationMessages => {\r\n return condition !== ElementConditions.Hidden && displayability(object, data) ?\r\n GenerateInputCurrency(\r\n editability(object),\r\n ref,\r\n data,\r\n ElementClassNames(object, data, classes),\r\n action,\r\n out,\r\n valudationMessages,\r\n placeholder,\r\n null,\r\n null,\r\n null,\r\n typeof style === 'function' ? style(object, data) : style,\r\n object,\r\n fieldName,\r\n )\r\n : null\r\n },\r\n\r\n DateTimeField: null,\r\n\r\n DecimalField: null,\r\n\r\n CurrencyFieldViewOrEdit: (displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n classes = [],\r\n style = {},\r\n condition = ElementConditions.Enable,\r\n placeholder, display) =>\r\n (data, object, action, out, ref) => valudationMessages => {\r\n if (condition !== ElementConditions.Hidden && displayability(object, data)) {\r\n return condition(object)\r\n ? GenerateInputCurrency(\r\n editability(object),\r\n ref,\r\n data,\r\n ElementClassNames(object, data, classes),\r\n action,\r\n out,\r\n valudationMessages,\r\n placeholder,\r\n null,\r\n null,\r\n null,\r\n typeof style === 'function' ? style(object, data) : style)\r\n : \r\n \r\n {display && typeof display === 'function' ? display(object, data) : data ? data.toLocaleString('en-US', {\r\n style: 'currency',\r\n currency: 'USD',\r\n minimumFractionDigits: 0,\r\n maximumFractionDigits: 0\r\n }) : null}\r\n \r\n
;\r\n }\r\n },\r\n\r\n AddressField: (displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n classes = [],\r\n style = {},\r\n condition = ElementConditions.Enable) =>\r\n (data, object, action, out, ref, onKeyPress) => valudationMessages =>\r\n condition !== ElementConditions.Hidden && displayability(object, data) ?\r\n \r\n {data || ''}\r\n
\r\n : null,\r\n\r\n SectionTitle: (label,\r\n displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n classes = [],\r\n style = {},\r\n condition = ElementConditions.Enable,\r\n placeholder) =>\r\n (data, object, action, out, ref, keyPress, attributes) => valudationMessages =>\r\n condition !== ElementConditions.Hidden && displayability(object, data) ?\r\n \r\n
\r\n : null,\r\n\r\n Select: (dataSource,\r\n parentValueType,\r\n reloadOnParentChange,\r\n displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n classes = [],\r\n style = {},\r\n condition = ElementConditions.Enable,\r\n selectedValueType) =>\r\n (data, object, action) => valudationMessages =>\r\n condition !== ElementConditions.Hidden && displayability(object, data) &&\r\n \r\n {label} \r\n
\r\n \r\n \r\n \r\n {display && typeof display === 'function' ? display(object, data) : data}\r\n \r\n
;\r\n }\r\n },\r\n\r\n SelectWithCache: (dataSource,\r\n parentValueType,\r\n reloadOnParentChange,\r\n displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n classes = [],\r\n style = {},\r\n condition = ElementConditions.Enable,\r\n selectedValueType) =>\r\n (data, object, action) => valudationMessages =>\r\n condition !== ElementConditions.Hidden && displayability(object, data) &&\r\n \r\n \r\n {display && typeof display === 'function' ? display(object, data) : data}\r\n \r\n
;\r\n }\r\n },\r\n\r\n ComboAdd: (dataSource,\r\n addparams,\r\n parentValueType,\r\n reloadOnParentChange,\r\n displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n classes = [],\r\n style = {},\r\n condition = ElementConditions.Enable,\r\n defaultValue = false,\r\n selectedValueType,\r\n emptyOption,\r\n addNewElement = false,\r\n ) =>\r\n (data, object, action) => valudationMessages => {\r\n return condition !== ElementConditions.Hidden && displayability(object, data) &&\r\n \r\n \r\n {display && typeof display === 'function' ? display(object, data) : data}\r\n \r\n
;\r\n }\r\n },\r\n\r\n ComboAddViewOrEditWithCash: (dataSource,\r\n addparams,\r\n parentValueType,\r\n reloadOnParentChange,\r\n displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n classes = [],\r\n style = {},\r\n condition = ElementConditions.Enable,\r\n display = null,\r\n selectedValueType) =>\r\n (data, object, action) => valudationMessages => {\r\n if (condition !== ElementConditions.Hidden && displayability(object, data)) {\r\n return condition(object)\r\n ? \r\n \r\n {display && typeof display === 'function' ? display(object, data) : data}\r\n \r\n
;\r\n }\r\n },\r\n\r\n ComboAddWithCache: (dataSource,\r\n addparams,\r\n parentValueType,\r\n reloadOnParentChange,\r\n displayability = Ability.Displayability,\r\n editability = Ability.Editability,\r\n classes = [],\r\n style = {},\r\n condition = ElementConditions.Enable,\r\n selectedValueType) =>\r\n (data, object, action, _fieldOut, _ref, _onKeyPress, _attributes, _onActionRecord, _parentData, _clicked, firstTimeAction) => valudationMessages => {\r\n\r\n //const firstTimeAction = (action, selectedObject) => {\r\n // var landingValue = selectedObject[\"landing\"];\r\n // //action({\r\n // // nativeEvent: {},\r\n // // target: {\r\n // // value: landingValue,\r\n // // field: 'landing'\r\n // // }\r\n // //});\r\n // //alert(landingValue);\r\n //}\r\n\r\n return condition !== ElementConditions.Hidden && displayability(object, data) &&\r\n \r\n {GenerateColumnDate(data)}\r\n
\r\n : null\r\n};\r\n\r\nconst DefaultToolBars = (key, hasReference) => ({\r\n SaveBack: {\r\n Action: Action.SaveBack,\r\n Button: ElementTypes.ToolBarButton('Save & Back', 'save', Ability.Displayability, Ability.Editability, ['button accent'])\r\n },\r\n SaveNew: {\r\n Action: Action.SaveNew,\r\n Button: ElementTypes.ToolBarButton('Save & New', 'save', Ability.Displayability, Ability.Editability, ['button accent'])\r\n },\r\n Save: {\r\n Action: Action.Save,\r\n Button: ElementTypes.ToolBarButton('Save', 'save', o => o && !(o.orders?.length > 1 && o.orders.filter(o => o.batch === 3).length === o.orders?.length), Ability.Editability, ['button accent'])\r\n },\r\n Delete: {\r\n Action: Action.Delete,\r\n hasReference: hasReference,\r\n Button: ElementTypes.ToolBarButton('Delete', 'delete', o => o && o[key] > 0, Ability.Editability, ['button accent'])\r\n },\r\n\r\n});\r\n\r\nconst ToolBars = (key, hasReference) => ({\r\n ...DefaultToolBars(key, hasReference),\r\n SaveClose: {\r\n Action: Action.SaveClose,\r\n Button: ElementTypes.ToolBarButton('Save & Close', 'save', Ability.Displayability, Ability.Editability, ['button accent'])\r\n },\r\n Close: {\r\n Action: Action.Close,\r\n Button: ElementTypes.ToolBarButton('Close', '', Ability.Displayability, Ability.Editability, ['button accent'])\r\n },\r\n Cancel: {\r\n Action: Action.Close,\r\n Button: ElementTypes.ToolBarButton('Cancel', '', Ability.Displayability, Ability.Editability, ['button accent'])\r\n },\r\n CancelReason: {\r\n Action: Action.CancelReason,\r\n Button: ElementTypes.ToolBarButton('Cancel', 'cancel', o => o && o[key] > 0, Ability.Editability, ['button accent'])\r\n },\r\n Send: {\r\n Action: Action.SaveSend,\r\n Button: ElementTypes.ToolBarButton('Send', 'send', Ability.Displayability, Ability.Editability, ['button accent']),\r\n Value: { save: false }\r\n },\r\n SaveSend: {\r\n Action: Action.SaveSend,\r\n Button: ElementTypes.ToolBarButton('Save & Send', 'send', Ability.Displayability, Ability.Editability, ['button accent']),\r\n Value: { save: true }\r\n },\r\n Receive: {\r\n Action: Action.Save,\r\n Button: ElementTypes.ToolBarButton((o) => {\r\n return o.loadStatus !== 1 ? 'Update' : 'Receive'\r\n }, 'save', Ability.Displayability, Ability.Editability, ['button accent'])\r\n },\r\n ChangePassword: {\r\n Action: Action.ChangePassword,\r\n Button: ElementTypes.ToolBarButton('Change Password', 'edit', Ability.Displayability, Ability.Editability, ['button accent'])\r\n },\r\n\r\n RequestAction: {\r\n Action: Action.SaveClose,\r\n Button: ElementTypes.ToolBarButton('Request', 'save', Ability.Displayability, Ability.Editability, ['button accent'])\r\n },\r\n\r\n Approve: {\r\n Action: Action.SaveClose,\r\n Button: ElementTypes.ToolBarButton('Approve', 'save', Ability.Displayability, Ability.Editability, ['button accent'])\r\n },\r\n Clone: {\r\n Action: Action.Clone,\r\n hasReference: hasReference,\r\n Button: ElementTypes.ToolBarButton('Clone', '', o => o && o[key] > 0, Ability.Editability, ['button accent'])\r\n },\r\n Request: {\r\n Action: Action.BeforeSave,\r\n Button: ElementTypes.ToolBarButton('Request', '', Ability.Displayability, Ability.Editability, ['button accent']),\r\n Buttons: {\r\n Request: {\r\n Action: Action.BeforeSave,\r\n Button: ElementTypes.ToolBarButton('Request', '', o => o?.[key] < 2, Ability.Editability, ['button accent']),\r\n Value: { [key]: 2 }\r\n },\r\n Requested: {\r\n Action: Action.BeforeSave,\r\n Button: ElementTypes.ToolBarButton('Requested', '', o => o?.[key] === 2, Ability.Editability, ['button accent']),\r\n Value: { [key]: 3 }\r\n },\r\n Confirmed: {\r\n Action: Action.BeforeSave,\r\n Button: ElementTypes.ToolBarButton('Confirmed', '', o => o?.[key] > 0 && o?.[key] < 4, Ability.Editability, ['button accent']),\r\n Value: { [key]: 4 }\r\n },\r\n Reject: {\r\n Action: Action.BeforeSave,\r\n Button: ElementTypes.ToolBarButton('Alternative', '', o => o?.[key] > 1, Ability.Editability, ['button accent']),\r\n Value: { [key]: -1 }\r\n }\r\n }\r\n }\r\n});\r\n\r\n\r\n/**\r\n* @param toolbars string array, ToolBars object keys\r\n* @param key primary key for conditional items\r\n* @param title string, ToolBar title\r\n*/\r\nexport const GenerateToolBars = (toolbars = ['default'], key = 'id', title = null, hasReference = false) => {\r\n const ToolBarItems = ToolBars(key, hasReference);\r\n let items = {};\r\n for (const i of toolbars) {\r\n if (i === 'default') {\r\n items = {\r\n ...DefaultToolBars(key, hasReference),\r\n ...items\r\n }\r\n\r\n continue;\r\n }\r\n\r\n if (ToolBarItems[i].Button) {\r\n items[i] = ToolBarItems[i];\r\n }\r\n if (ToolBarItems[i].Buttons) {\r\n items = { ...items, ...ToolBarItems[i].Buttons }\r\n }\r\n }\r\n\r\n const toolbar = [\r\n {\r\n Title: title,\r\n Items: items\r\n }\r\n ];\r\n\r\n return toolbar;\r\n}","module.exports = require('./ColorPicker');\r\nmodule.exports.Panel = require('./Panel');","import React, { useCallback, useEffect, useState } from 'react';\r\nimport ReactDOM from 'react-dom'\r\nimport moment from 'moment';\r\nimport { DatePicker, message } from 'antd';\r\nimport axios from '../../../axios/axios';\r\nimport { Defines } from '../../../../project/Defines';\r\n\r\nconst statuses = [\"\", 'red', 'green', 'blue'];\r\n\r\nexport const ApptField = props => {\r\n const [value, setValue] = useState(null);\r\n const [locationInfo, setLocationInfo] = useState(null);\r\n const [node, setNode] = useState(null);\r\n const { data, setDataSource, dispatchAction } = props;\r\n\r\n const sendRequest = (e) => {\r\n if (!e.target.value) {\r\n return;\r\n }\r\n\r\n const pick = dispatchAction === 'PickAppointment' ? 'pick' : '';\r\n const drop = dispatchAction === 'DropAppointment' ? 'drop' : '';\r\n let url = data.isInbound ? `Load/${drop}loadcustomergroupitem/request` : `OutboundLoad/${pick}outboundloadcustomergroupitem/request`;\r\n\r\n axios({\r\n url: url,\r\n method: 'put',\r\n data: {\r\n id: data.id,\r\n appointment: e.target.value\r\n }\r\n })\r\n .then((response) => {\r\n if (typeof (setDataSource) === 'function') {\r\n if (response?.data) {\r\n const responseData = response.data;\r\n\r\n if (responseData.hasError) {\r\n message.error(responseData.message);\r\n\r\n return;\r\n }\r\n }\r\n\r\n setDataSource(response.data, dispatchAction);\r\n message.success(\"Appointment was successfully requested\");\r\n }\r\n });\r\n };\r\n\r\n const fillInfo = useCallback(() => {\r\n if(!node) {\r\n return;\r\n }\r\n \r\n setTimeout(() => {\r\n let holder = node.getElementsByTagName('holder')[1];\r\n if (holder) {\r\n ReactDOM.render(Average Wait Time: {locationInfo.avarageWaitTimeStr}
\r\n );\r\n }\r\n }}\r\n />;\r\n};\r\n\r\nconst ApptInfo = props => {\r\n const data = props.data;\r\n\r\n return (\r\n \r\n
\r\n );\r\n}","import React from 'react';\r\nimport { Link, useHistory } from 'react-router-dom';\r\nimport moment from 'moment';\r\nimport { Tooltip } from 'antd';\r\n\r\nimport { ColumnType } from '../config/list.config';\r\nimport { Project } from '../../project/Project';\r\nimport { AppPages } from '../../project/Pages';\r\nimport { CommonLabels, Defines, bytesToSize } from '../../project/Defines';\r\nimport { NullOrUndefined, ParseJson, InvertColor, CloneObject } from '../helper/common';\r\nimport { getNormalizedAttributes } from '../config/element.config';\r\nimport ButtonAction from '../components/list/buttonActions';\r\nimport { ApptField } from '../components/project/loadArea/apptField';\r\nimport Download from '../elements/download';\r\nimport { formatPhoneNumber } from \"../helper/common\";\r\n\r\nconst Column = (props) => {\r\n const history = useHistory();\r\n const attributes = props.attributes || {};\r\n return (\r\n {
\r\n \r\n
\r\n }\r\n \r\n {data.loactionName} \r\n
\r\n Warehouse Quick Glimpse
\r\n \r\n
\r\n
\r\n Previouse Dates
\r\n {data.locationPastInfoList?.length\r\n ? data.locationPastInfoList.map((i, index) =>\r\n Date: {moment(i.inboundPickAppointment, Defines.Format.MomentTime).format(Defines.Format.MomentDateTime)}
\r\n )\r\n : No Data
\r\n }\r\n \r\n
\r\n
\r\n {data.locationFutureInfoList?.length\r\n ? data.locationFutureInfoList.map((i, index) =>\r\n Upcoming Appointments Information
\r\n \r\n
\r\n )\r\n : \r\n Date: {moment(i.inboundPickAppointment, Defines.Format.MomentTime).format(Defines.Format.MomentDateTime)}\r\n
\r\n \r\n Status: {i.statusStr}\r\n
\r\n \r\n Totals: Pallet - {i.totalPalletCount} / Weight - {i.totalWeight}\r\n
\r\n \r\n
}\r\n No Data
\r\n \r\n
\r\n : null;\r\n\r\n return (\r\n data &&\r\n Receive By: {data.receiveUser}
\r\n Receive Date: {moment.utc(data.receiveDate).local().format(Defines.Format.PrintDateTime)}
\r\n Received: {data.received ? 'Yes' : 'No'}
\r\n \r\n
\r\n : null;\r\n\r\n return (\r\n data &&\r\n Cancel By: {data.cancelByStr}
\r\n Cancel Date: {moment.utc(data.cancelDate).local().format(Defines.Format.PrintDate)}
\r\n Cancel Time: {moment.utc(data.cancelDate).local().format(Defines.Format.MomentTime)}
\r\n Cancel Reason: {data.cancelReason}
\r\n \r\n
\r\n : null;\r\n\r\n return (\r\n data &&\r\n Comment By: {data.user}
\r\n Comment Date: {moment.utc(data.createDate).local().format(Defines.Format.PrintDate)}
\r\n Comment Time: {moment.utc(data.createDate).local().format(Defines.Format.MomentTime)}
\r\n Comment: {data.comment}
\r\n \r\n {GenerateColumnAction(record, [actions.Items[0]], resource, onAction, attributes, actions.hasReference)}\r\n
\r\n }\r\n });\r\n columns.push({\r\n title: GenerateColumnTitle(CommonLabels.Text.Title.Actions),\r\n width: actions.Width ? actions.Width : 80,\r\n key: Defines.DefaultActionKey,\r\n render: (record) => {\r\n const attributes = getNormalizedAttributes(actions.Attributes, record);\r\n return \r\n {GenerateColumnAction(record, [actions.Items[actions.Items.length - 1]], resource, onAction, attributes, actions.hasReference)}\r\n
\r\n }\r\n });\r\n } \r\n if (actions.Items.includes('CreateGroup')) {\r\n columns.unshift({\r\n key: Defines.DefaultActionKey,\r\n render: (record) => {\r\n const attributes = getNormalizedAttributes(actions.Attributes, record);\r\n return \r\n {GenerateColumnAction(record, [actions.Items[1]], resource, onAction, attributes, actions.hasReference)}\r\n
\r\n }\r\n });\r\n }\r\n }\r\n return [columns, defaultSorts];\r\n};\r\n\r\nexport const getCriteriaQuery = history => {\r\n return getCriteriaQueryFromLocation(history.location);\r\n //const search = history.location.search;\r\n //const searchCriteria = new URLSearchParams(search).get('criteria');\r\n //if (searchCriteria) {\r\n // const decodedSearchCriteria = decodeURI(searchCriteria);\r\n // return decodedSearchCriteria;\r\n //}\r\n //return null;\r\n};\r\n\r\nexport const getCriteriaQueryFromLocation = location => {\r\n const search = location.search;\r\n const searchCriteria = new URLSearchParams(search).get('criteria');\r\n if (searchCriteria) {\r\n const decodedSearchCriteria = decodeURI(searchCriteria);\r\n return decodedSearchCriteria;\r\n }\r\n return null;\r\n};\r\n\r\nexport const buildListFilterQuery = (searchCriteria, filter) => {\r\n const criteria = ParseJson(searchCriteria) || {};\r\n const newFilter = builFilterQueryParams(filter);\r\n criteria.filter = newFilter;\r\n if (!criteria.page && !criteria.pageSize && !criteria.sort && !criteria.filter) {\r\n return '';\r\n }\r\n criteria.current = 1;\r\n return `?criteria=${encodeURI(JSON.stringify(createNewCriteria(criteria)))}`;\r\n};\r\n\r\nexport const buildListSortPaginationQuery = (searchCriteria, sorts, current, pageSize, defaultPageSize) => {\r\n const criteria = ParseJson(searchCriteria) || {};\r\n const newSorts = builFilterQueryParams(sorts);\r\n criteria.sorts = newSorts;\r\n criteria.current = current;\r\n criteria.pageSize = pageSize;\r\n if (!criteria.page && !criteria.pageSize && !criteria.sorts && !criteria.filter) {\r\n return '';\r\n }\r\n return `?criteria=${encodeURI(JSON.stringify(createNewCriteria(criteria)))}`;\r\n};\r\n\r\nconst createNewCriteria = criteria => {\r\n const newCriteria = {};\r\n if (criteria.filter !== null) {\r\n newCriteria.filter = criteria.filter;\r\n }\r\n if (criteria.sorts !== null) {\r\n newCriteria.sorts = criteria.sorts;\r\n }\r\n if (criteria.current !== null) {\r\n newCriteria.current = criteria.current;\r\n }\r\n if (criteria.pageSize !== null) {\r\n newCriteria.pageSize = criteria.pageSize;\r\n }\r\n return newCriteria;\r\n};\r\n\r\nexport const getListCriteria = (searchCriteria) => {\r\n const criteria = ParseJson(searchCriteria);\r\n if (criteria === null) {\r\n return {\r\n current: null,\r\n pageSize: null,\r\n sorts: null,\r\n filter: {}\r\n };\r\n }\r\n if (criteria.current === undefined) {\r\n criteria.current = null;\r\n }\r\n if (criteria.pageSize === undefined) {\r\n criteria.pageSize = null;\r\n }\r\n if (criteria.sorts === undefined) {\r\n criteria.sorts = null;\r\n }\r\n if (criteria.filter === undefined) {\r\n criteria.filter = {};\r\n }\r\n\r\n return criteria;\r\n};\r\n\r\nexport const getListFilter = (searchCriteria) => {\r\n return getListCriteria(searchCriteria).filter;\r\n};\r\n\r\nconst builFilterQueryParams = inputO => {\r\n let outputO = null;\r\n if (Array.isArray(inputO)) {\r\n outputO = [];\r\n for (let i in inputO) {\r\n const r = builFilterQueryParams(inputO[i]);\r\n if (r !== null) {\r\n outputO.push(r);\r\n }\r\n }\r\n if (outputO.length === 0) {\r\n outputO = null;\r\n }\r\n }\r\n else if (typeof (inputO) === 'object') {\r\n if (inputO) {\r\n outputO = {};\r\n let replaceNull = true;\r\n for (let k in Object.keys(inputO)) {\r\n const ok = Object.keys(inputO)[k];\r\n const o = inputO[ok];\r\n const r = builFilterQueryParams(o);\r\n if (r !== null) {\r\n outputO[ok] = builFilterQueryParams(o);\r\n replaceNull = false;\r\n }\r\n }\r\n if (replaceNull) {\r\n outputO = null;\r\n }\r\n }\r\n }\r\n else {\r\n if (inputO !== null && String(inputO) !== '') {\r\n outputO = inputO;\r\n }\r\n }\r\n return outputO;\r\n};","export const GET_CALL_CHECK_LOADING = 'GET_CALL_CHECK_LOADING';\r\nexport const GET_CALL_CHECK = 'GET_CALL_CHECK';\r\nexport const FILTER_CALL_CHECKS = 'FILTER_CALL_CHECKS';\r\nexport const CALL_CHECK_ERROR = 'CALL_CHECK_ERROR';\r\nexport const RELOAD_ON_ERROR_CALL_CHECK = 'RELOAD_ON_ERROR_CALL_CHECK';\r\nexport const RESET_ERROR = 'RESET_ERROR';\r\nexport const SET_DISPLAY_STATE = 'SET_DISPLAY_STATE';\r\nexport const SET_HEADER_WIDTH_CALL_CHECK = 'SET_HEADER_WIDTH_CALL_CHECK';\r\nexport const REACTED_ASSIGNED = 'REACTED_ASSIGNED';\r\nexport const REACTED_ASSIGNEDS = 'REACTED_ASSIGNEDS';\r\nexport const SET_CALL_CHECK_DATA = 'SET_CALL_CHECK_DATA';\r\nexport const GET_HISTORY_CALL_CHECK = 'GET_HISTORY_CALL_CHECK';\r\nexport const GET_HISTORY_CALL_CHECK_LOADING = 'GET_HISTORY_CALL_CHECK_LOADING';\r\n\r\nexport const getActionType = (resource, key) => {\r\n return CALL_CHECK_BUILD[key];\r\n};\r\n\r\nexport const CALL_CHECK_BUILD = {\r\n GET_CALL_CHECK: 'GET_CALL_CHECK',\r\n GET_CALL_CHECK_LOADING: 'GET_CALL_CHECK_LOADING',\r\n FILTER_CALL_CHECKS: 'FILTER_CALL_CHECKS',\r\n CALL_CHECK_ERROR: 'CALL_CHECK_ERROR',\r\n RELOAD_ON_ERROR_CALL_CHECK: 'RELOAD_ON_ERROR_CALL_CHECK',\r\n SET_HEADER_WIDTH_CALL_CHECK: 'SET_HEADER_WIDTH_CALL_CHECK',\r\n SET_DISPLAY_STATE: 'SET_DISPLAY_STATE',\r\n REACTED_ASSIGNED: 'CALL_CHECK_REACTED_ASSIGNED',\r\n REACTED_ASSIGNEDS: 'CALL_CHECK_REACTED_ASSIGNEDS',\r\n SET_CALL_CHECK_DATA: 'SET_CALL_CHECK_DATA',\r\n RESET_ERROR: 'RESET_ERROR',\r\n GET_HISTORY_CALL_CHECK: 'GET_HISTORY_CALL_CHECK',\r\n GET_HISTORY_CALL_CHECK_LOADING: 'GET_HISTORY_CALL_CHECK_LOADING',\r\n};\r\n","import React from 'react';\r\nimport packageJson from '../package.json';\r\nglobal.appVersion = packageJson.version;\r\n\r\n// version from response - first param, local version second param\r\nconst semverGreaterThan = (versionA, versionB) => {\r\n const versionsA = versionA.split(/\\./g);\r\n\r\n const versionsB = versionB.split(/\\./g);\r\n while (versionsA.length || versionsB.length) {\r\n const a = Number(versionsA.shift());\r\n\r\n const b = Number(versionsB.shift());\r\n // eslint-disable-next-line no-continue\r\n if (a === b) continue;\r\n // eslint-disable-next-line no-restricted-globals\r\n return a > b || isNaN(b);\r\n }\r\n return false;\r\n //return false;\r\n};\r\n\r\nclass CacheBuster extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loadingApp: true,\r\n isLatestVersion: false,\r\n refreshCacheAndReload: () => {\r\n //console.log('Clearing cache and hard reloading...')\r\n if (caches) {\r\n // Service worker cache should be cleared with caches.delete()\r\n caches.keys().then(function (names) {\r\n for (let name of names) caches.delete(name);\r\n });\r\n }\r\n\r\n // delete browser cache and hard reload\r\n window.location.reload(true);\r\n }\r\n };\r\n }\r\n\r\n\r\n\r\n componentDidMount() {\r\n const myHeaders = new Headers();\r\n myHeaders.append('pragma', 'no-cache');\r\n myHeaders.append('cache-control', 'no-cache');\r\n\r\n const myRequest = new Request('/meta.json');\r\n\r\n var myInit = {\r\n method: 'GET',\r\n headers: myHeaders,\r\n };\r\n\r\n fetch(myRequest, myInit)\r\n .then((response) => response.json())\r\n .then((meta) => {\r\n const latestVersion = meta.version;\r\n const currentVersion = global.appVersion;\r\n\r\n const shouldForceRefresh = semverGreaterThan(latestVersion, currentVersion);\r\n if (shouldForceRefresh) {\r\n //console.log(`We have a new version - ${latestVersion}. Should force refresh`);\r\n this.setState({ loadingApp: false, isLatestVersion: false });\r\n } else {\r\n //console.log(`You already have the latest version - ${latestVersion}. No cache refresh needed.`);\r\n this.setState({ loadingApp: false, isLatestVersion: true });\r\n }\r\n });\r\n }\r\n render() {\r\n const { loadingApp, isLatestVersion, refreshCacheAndReload } = this.state;\r\n return this.props.children({ loadingApp, isLatestVersion, refreshCacheAndReload });\r\n }\r\n}\r\n\r\nexport default CacheBuster;","export const GET_DELIVERED_TRUCKS_LOADING = 'GET_DELIVERED_TRUCKS_LOADING';\r\nexport const GET_DELIVERED_TRUCKS = 'GET_DELIVERED_TRUCKS';\r\nexport const FILTER_DELIVERED_TRUCKS = 'FILTER_DELIVERED_TRUCKS';\r\nexport const DELIVERED_TRUCKS_ERROR = 'DELIVERED_TRUCKS_ERROR';\r\nexport const RELOAD_ON_ERROR_DELIVERED_TRUCKS = 'RELOAD_ON_ERROR_DELIVERED_TRUCKS';\r\nexport const RESET_ERROR = 'RESET_ERROR';\r\nexport const SET_DISPLAY_STATE_DELIVERED_TRUCKS = 'SET_DISPLAY_STATE_DELIVERED_TRUCKS';\r\nexport const SET_HEADER_WIDTH_DELIVERED_TRUCKS = 'SET_HEADER_WIDTH_DELIVERED_TRUCKS';\r\nexport const REACTED_ASSIGNED_DELIVERED_TRUCKS = 'REACTED_ASSIGNED_DELIVERED_TRUCKS';\r\nexport const SET_DELIVERED_TRUCKS_DATA = 'SET_DELIVERED_TRUCKS_DATA';\r\nexport const SORT_DELIVERED_TRUCKS = 'SORT_DELIVERED_TRUCKS';\r\nexport const GET_HISTORY_DELIVERED_TRUCKS_LOADING = 'GET_HISTORY_DELIVERED_TRUCKS_LOADING';\r\nexport const GET_HISTORY_DELIVERED_TRUCKS = 'GET_HISTORY_DELIVERED_TRUCKS';\r\n\r\nexport const getActionType = (resource, key) => {\r\n return DELIVERED_TRUCKS_BUILD[key];\r\n};\r\n\r\nexport const DELIVERED_TRUCKS_BUILD = {\r\n GET_DELIVERED_TRUCKS: 'GET_DELIVERED_TRUCKS',\r\n GET_DELIVERED_TRUCKS_LOADING: 'GET_DELIVERED_TRUCKS_LOADING',\r\n FILTER_DELIVERED_TRUCKS: 'FILTER_DELIVERED_TRUCKS',\r\n DELIVERED_TRUCKS_ERROR: 'DELIVERED_TRUCKS_ERROR',\r\n SORT_DELIVERED_TRUCKS: 'SORT_DELIVERED_TRUCKS',\r\n RELOAD_ON_ERROR_DELIVERED_TRUCKS: 'RELOAD_ON_ERROR_DELIVERED_TRUCKS',\r\n SET_HEADER_WIDTH_DELIVERED_TRUCKS: 'SET_HEADER_WIDTH_DELIVERED_TRUCKS',\r\n SET_DISPLAY_STATE_DELIVERED_TRUCKS: 'SET_DISPLAY_STATE_DELIVERED_TRUCKS',\r\n REACTED_ASSIGNED_DELIVERED_TRUCKS: 'REACTED_ASSIGNED_DELIVERED_TRUCKS',\r\n SET_DELIVERED_TRUCKS_DATA: 'SET_DELIVERED_TRUCKS_DATA',\r\n RESET_ERROR: 'RESET_ERROR',\r\n GET_HISTORY_DELIVERED_TRUCKS_LOADING: 'GET_HISTORY_DELIVERED_TRUCKS_LOADING',\r\n GET_HISTORY_DELIVERED_TRUCKS: 'GET_HISTORY_DELIVERED_TRUCKS',\r\n};\r\n","export const ERROR = 'ERROR';\r\nexport const SET_HEADER_WIDTH_NEW_ORDERS = 'SET_HEADER_WIDTH_NEW_ORDERS';\r\nexport const SET_IN_LOADING = 'SET_IN_LOADING';\r\nexport const RELOAD_ON_ERROR = 'RELOAD_ON_ERROR';\r\nexport const RESET_ERROR = 'RESET_ERROR';\r\nexport const SET_DISPLAY_STATE = 'SET_DISPLAY_STATE';\r\nexport const GET_CUSTOMER_ORDERS_NEW_ORDERS = 'GET_CUSTOMER_ORDERS_NEW_ORDERS';\r\nexport const CUSTOMER_ORDERS_LOADING = 'CUSTOMER_ORDERS_LOADING'; \r\nexport const SORT_ORDERS_NEW_ORDERS = 'SORT_ORDERS_NEW_ORDERS';\r\nexport const DELETE_CUSTOMER_ORDER_LOADING = 'DELETE_CUSTOMER_ORDER_LOADING';\r\nexport const DELETE_CUSTOMER_ORDER = 'DELETE_CUSTOMER_ORDER';\r\nexport const ADD_CUSTOMER_ORDER_LOADING = 'ADD_CUSTOMER_ORDER_LOADING';\r\nexport const ADD_CUSTOMER_ORDER = 'ADD_CUSTOMER_ORDER';\r\nexport const EDIT_CUSTOMER_ORDER_LOADING = 'EDIT_CUSTOMER_ORDER_LOADING';\r\nexport const EDIT_CUSTOMER_ORDER = 'EDIT_CUSTOMER_ORDER';\r\nexport const SET_FORM_VALUES = 'SET_FORM_VALUES';\r\nexport const RESET_ORDER_ADDED = 'RESET_ORDER_ADDED';\r\n\r\nexport const getActionType = (recource, key) => {\r\n return CUSTOMER_ORDERS_BUILD[key]\r\n};\r\n\r\nexport const CUSTOMER_ORDERS_BUILD = {\r\n RELOAD_ON_ERROR: 'RELOAD_ON_ERROR',\r\n ERROR: 'ERROR',\r\n SET_HEADER_WIDTH_NEW_ORDERS: 'SET_HEADER_WIDTH_NEW_ORDERS',\r\n RESET_ERROR: 'RESET_ERROR',\r\n GET_CUSTOMER_ORDERS_NEW_ORDERS: 'GET_CUSTOMER_ORDERS_NEW_ORDERS',\r\n CUSTOMER_ORDERS_LOADING: 'CUSTOMER_ORDERS_LOADING',\r\n SORT_ORDERS_NEW_ORDERS: 'SORT_ORDERS_NEW_ORDERS',\r\n DELETE_CUSTOMER_ORDER_LOADING: 'DELETE_CUSTOMER_ORDER_LOADING',\r\n DELETE_CUSTOMER_ORDER: 'DELETE_CUSTOMER_ORDER',\r\n ADD_CUSTOMER_ORDER_LOADING: 'ADD_CUSTOMER_ORDER_LOADING',\r\n ADD_CUSTOMER_ORDER: 'ADD_CUSTOMER_ORDER',\r\n EDIT_CUSTOMER_ORDER_LOADING: 'EDIT_CUSTOMER_ORDER_LOADING',\r\n EDIT_CUSTOMER_ORDER: 'EDIT_CUSTOMER_ORDER',\r\n SET_FORM_VALUES: 'SET_FORM_VALUES',\r\n RESET_ORDER_ADDED: 'RESET_ORDER_ADDED',\r\n};\r\n","import React, { useEffect } from 'react';\r\nimport { message } from 'antd';\r\n\r\nconst errorHandler = (OriginalComponent, axios) => {\r\n return props => {\r\n const reqInterceptor = axios.interceptors.request.use(req => {\r\n return req;\r\n });\r\n\r\n const resInterceptor = axios.interceptors.response.use(\r\n res => {\r\n if (res && res.data && res.data.hasError) {\r\n message.error(res.data.message);\r\n return null;\r\n }\r\n return res;\r\n },\r\n err => {\r\n let error = err;\r\n console.error(error);\r\n let errorMessage = 'Something go wrong!';\r\n if (err.response) {\r\n switch (err.response.status) {\r\n case 401:\r\n errorMessage = 'Unauthorized';\r\n break;\r\n case 403:\r\n errorMessage = 'Access denied!';\r\n break;\r\n default:\r\n errorMessage = 'Something go wrong!';\r\n break;\r\n }\r\n }\r\n message.error(errorMessage);\r\n }\r\n );\r\n\r\n useEffect(() => {\r\n return () => {\r\n axios.interceptors.request.eject(reqInterceptor);\r\n axios.interceptors.response.eject(resInterceptor);\r\n };\r\n }, [reqInterceptor, resInterceptor]);\r\n return \r\n \r\n
\r\n);\r\n\r\nexport default Logo;","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport Scroll from '../../scroll/scroll';\r\n\r\nconst MainNavigation = props => (\r\n \r\n);\r\n\r\nexport default MainNavigation;","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport store from '../../../../store';\r\n\r\nconst UserMenu = profiles => {\r\n const menuList = store.getState().auth.userMenu;\r\n const orgMenu = menuList.find(m => m.name === 'Organization');\r\n const userMenu = menuList.find(m => m.name === 'UserProfile');\r\n\r\n return \r\n
\r\n};\r\n\r\nexport default UserMenu;","import { useEffect, useState } from 'react';\r\nimport { HubConnectionBuilder } from '@microsoft/signalr';\r\n\r\nimport store from '../../../store';\r\n\r\nexport const useClientHub = (onNotificationReceive, event) => {\r\n const [connection, setConnection] = useState(null);\r\n\r\n useEffect(() => {\r\n const token = store.getState().auth.userToken;\r\n const parts = token.split('.');\r\n let clientId = null;\r\n if (parts.length > 1) {\r\n const part = parts[1];\r\n const jPart = JSON.parse(atob(part));\r\n const userData = JSON.parse(jPart[\"http://schemas.microsoft.com/ws/2008/06/identity/claims/userdata\"]);\r\n clientId = userData.CustomerId;\r\n }\r\n if (clientId) {\r\n const newConnection = new HubConnectionBuilder()\r\n .withUrl(`/NotificationHub?clientId=${clientId}`, {\r\n accessTokenFactory: () => store.getState().auth.userToken\r\n })\r\n .withAutomaticReconnect()\r\n .build();\r\n\r\n setConnection(newConnection);\r\n }\r\n else {\r\n console.error('Client HUB Connection not established');\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n let isMounted = true;\r\n const fetchConnection = async () => {\r\n if (isMounted && connection) {\r\n if (connection.connectionStarted) {\r\n //await connection.stop();\r\n connection.off(event);\r\n connection.on(event, message => {\r\n if (isMounted) {\r\n onNotificationReceive(message);\r\n }\r\n });\r\n } else if (connection.connectionState === 'Disconnected') {\r\n connection.start()\r\n .then(() => {\r\n console.log('Client HUB Connected!');\r\n connection.on(event, message => {\r\n if (isMounted) {\r\n onNotificationReceive(message);\r\n }\r\n });\r\n })\r\n .catch(e => console.error('Client HUB Connection failed: ', e));\r\n }\r\n }\r\n }\r\n fetchConnection();\r\n return () => {\r\n isMounted = false;\r\n };\r\n }, [connection, onNotificationReceive, event]);\r\n\r\n return null;\r\n};\r\n\r\nexport const useCacheHub = (onNotificationReceive, event) => {\r\n const [connection, setConnection] = useState(null);\r\n\r\n useEffect(() => {\r\n const token = store.getState().auth.userToken;\r\n const parts = token.split('.');\r\n let clientId = null;\r\n if (parts.length > 1) {\r\n const part = parts[1];\r\n const jPart = JSON.parse(atob(part));\r\n const userData = JSON.parse(jPart[\"http://schemas.microsoft.com/ws/2008/06/identity/claims/userdata\"]);\r\n clientId = userData.UserID;\r\n }\r\n if (clientId) {\r\n const newConnection = new HubConnectionBuilder()\r\n .withUrl(`/CacheUpdateHub?clientId=${clientId}`, {\r\n accessTokenFactory: () => token\r\n })\r\n .withAutomaticReconnect()\r\n .build();\r\n\r\n setConnection(newConnection);\r\n }\r\n else {\r\n console.error('Client HUB Connection not established');\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n let isMounted = true;\r\n const fetchConnection = async () => {\r\n if (isMounted && connection?.connectionState === 'Disconnected') {\r\n if (connection.connectionStarted) {\r\n //await connection.stop();\r\n connection.off(event);\r\n connection.on(event, message => {\r\n if (isMounted) {\r\n onNotificationReceive(message);\r\n }\r\n });\r\n }\r\n else {\r\n connection.start()\r\n .then(() => {\r\n console.log('Client HUB Connected!');\r\n connection.on(event, message => {\r\n if (isMounted) {\r\n onNotificationReceive(message);\r\n }\r\n });\r\n })\r\n .catch(e => console.error('Client HUB Connection failed: ', e));\r\n }\r\n }\r\n }\r\n fetchConnection();\r\n return () => {\r\n isMounted = false;\r\n };\r\n }, [connection, onNotificationReceive, event]);\r\n\r\n return null;\r\n};","import React, { useMemo } from 'react';\r\nimport { Dropdown, message } from 'antd';\r\nimport { connect } from \"react-redux\";\r\nimport store from '../../../../store';\r\nimport axios from '../../../axios/axios';\r\n\r\nimport Logo from '../logo';\r\nimport MainNavigation from '../navigation/mainNavigation';\r\nimport UserMenu from '../userMenu/userMenu';\r\nimport { PopupTypes } from '../../custom/popup/popup';\r\nimport Organization from '../../../screens/Organization/config';\r\nimport { Profile as UserProfile, ChangePassword } from '../../../screens/UserProfile/config';\r\nimport { openPopup, closePopup, closePopupAsync } from '../../../../store/actions/popup/popup';\r\nimport { updateProfile } from '../../../../store/actions/authentication/authentication';\r\nimport { removeValueList } from '../../../../store/actions/valueList/valueList';\r\nimport { CloneObject } from '../../../helper/common';\r\nimport { useCacheHub } from '../../../hook/hub/useClientHub';\r\nimport { ValueListUrls } from '../../../config/list.config';\r\n\r\nconst MainToolbar = props => {\r\n const openChangePassword = () => {\r\n const windowKey = \"wndChangePassword\";\r\n ChangePassword.Form.DefaultId = store.getState().auth.userId;\r\n props.openPopup({\r\n windowKey,\r\n fullScreen: false,\r\n title: \"Change Password\",\r\n type: PopupTypes.ConfigForm,\r\n bodyProps: { windowKey },\r\n config: ChangePassword,\r\n changeAction(model) {\r\n axios({\r\n url: `${ChangePassword.Resource}/changepassword`,\r\n method: 'POST',\r\n data: {\r\n id: model.id,\r\n oldPassword: model.oldPassword,\r\n password: model.password,\r\n confirmPassword: model.confirmPassword\r\n },\r\n })\r\n .then((response) => {\r\n response && message.success(response.data.message);\r\n }).finally(() => {\r\n props.closePopup(windowKey);\r\n })\r\n },\r\n closeAction: () => {\r\n props.closePopup(windowKey);\r\n }\r\n });\r\n };\r\n\r\n const profiles = {\r\n openOrgProfile() {\r\n const windowKey = \"wndOrgProfile\";\r\n props.openPopup({\r\n windowKey,\r\n fullScreen: false,\r\n title: \"Edit\",\r\n type: PopupTypes.ConfigForm,\r\n bodyProps: { windowKey },\r\n config: Organization,\r\n saveAction: () => {\r\n props.closePopup(windowKey);\r\n },\r\n closeAction: () => {\r\n props.closePopup(windowKey);\r\n }\r\n });\r\n },\r\n openUserProfile() {\r\n const windowKey = \"wndUserProfile\";\r\n const storeData = store.getState().auth;\r\n const ProfileConfig = CloneObject(UserProfile);\r\n ProfileConfig.Form.DefaultId = storeData.userId;\r\n if (storeData.userRole === 'Customer') {\r\n ProfileConfig.Form.SectionGroups.forEach(sg => {\r\n sg.Sections.forEach(s => {\r\n for (const propName in s.Fields) {\r\n if (propName === 'loginName' || propName === 'workPhone') {\r\n delete s.Fields[propName];\r\n }\r\n if (propName === 'email') {\r\n s.Fields[propName].Title = 'Login'\r\n }\r\n }\r\n });\r\n })\r\n }\r\n props.openPopup({\r\n windowKey,\r\n fullScreen: false,\r\n title: \"Profile\",\r\n type: PopupTypes.ConfigForm,\r\n bodyProps: { windowKey },\r\n config: ProfileConfig,\r\n saveAction: (data) => {\r\n props.closePopupAsync(windowKey);\r\n\r\n const newState = {\r\n loginName: data.loginName,\r\n firstName: data.firstName,\r\n lastName: data.lastName,\r\n email: data.email,\r\n };\r\n props.updateProfile(newState);\r\n },\r\n forgotAction() {\r\n openChangePassword();\r\n },\r\n closeAction: () => {\r\n props.closePopup(windowKey);\r\n }\r\n });\r\n }\r\n }\r\n \r\n useCacheHub((message) => {\r\n if(message?.cacheName) {\r\n props.removeValueList(ValueListUrls[message.cacheName]);\r\n }\r\n }, 'notification');\r\n\r\n return (\r\n - \r\n {/*
- \r\n \r\n
\r\n My Account \r\n \r\n \r\n */}\r\n {userMenu ? Profile : null}\r\n {orgMenu ? Organization : null}\r\n {(userMenu || orgMenu) && }\r\n - \r\n
info \r\nVersion \r\n\r\n \r\n\r\n {process.env.REACT_APP_VERSION}\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n - \r\n \r\n
\r\n Sign Out \r\n \r\n \r\n
\r\n
\r\n - \r\n {props.managedMenu?.map((item, i) => {\r\n let selectedMenu = false;\r\n const toItem = item.to.toLowerCase();\r\n selectedMenu = toItem === props.location;\r\n if ((props.location === '/loadplanning/revision' && toItem === '/loadplanning/changerequest') || \r\n (props.location === '/loadplanning/cancelorder' && toItem === '/loadplanning/changerequest')) {\r\n selectedMenu = true; \r\n }\r\n return
\r\n {managedMenu ?
, [managedMenu, location, props.closeAllPopups, props.parentMenu])\r\n }\r\n Not Found
);\r\n\r\nexport default NotFound","import React from 'react';\r\n\r\nimport Sheet from '../components/custom/sheet/sheet';\r\nimport { CloneObject } from '../helper/common';\r\nimport { ElementTypes } from '../config/element.config';\r\n\r\nconst DragableTable = () => {\r\n const [data, setData] = React.useState([\r\n {\r\n id: 1,\r\n column1: 'column11',\r\n column2: 'column21',\r\n column3: 'column31'\r\n },\r\n {\r\n id: 2,\r\n column1: 'column12',\r\n column2: 'column22',\r\n column3: 'column32'\r\n },\r\n {\r\n id: 3,\r\n column1: 'column13',\r\n column2: 'column23',\r\n column3: 'column33'\r\n },\r\n {\r\n id: 4,\r\n column1: 'column14',\r\n column2: 'column24',\r\n column3: 'column34'\r\n },\r\n {\r\n id: 5,\r\n column1: 'column15',\r\n column2: 'column25',\r\n column3: 'column35'\r\n }\r\n ]);\r\n\r\n const list = {\r\n Columns: {\r\n column1: {\r\n Title: 'Column 1',\r\n Field: ElementTypes.TableLabelField()\r\n },\r\n column2: {\r\n Title: 'Column 2',\r\n Field: ElementTypes.TableLabelField()\r\n },\r\n column3: {\r\n Title: 'Column 3',\r\n Field: ElementTypes.TableLabelField()\r\n }\r\n }\r\n };\r\n\r\n\r\n const moveRow = (dragIndex, hoverIndex) => {\r\n const dragRecord = data[dragIndex];\r\n const newData = CloneObject(data);\r\n newData.splice(dragIndex, 1);\r\n newData.splice(hoverIndex, 0, dragRecord);\r\n setData(newData);\r\n };\r\n\r\n return (<>\r\n Dragable Table
\r\nUploader
\r\n\r\n {loading ?
\r\n );\r\n\r\n const onChange = result => {\r\n const newData = CloneObject(data);\r\n newData.push({\r\n guId: result.guId,\r\n fileName: result.originalName,\r\n originalFileName: result.originalName\r\n });\r\n setData(newData);\r\n };\r\n\r\n return (<>\r\n Uploader Table
\r\nDraggable Between Table
\r\n\r\n \r\n {(provided, snapshot) => (\r\n \r\n \r\n \r\n Column 1 Column 2 Column 3 \r\n \r\n \r\n {droppable1Data.map((item, index) => (\r\n \r\n {(provided, snapshot) => (\r\n \r\n sort \r\n {item.column1} {item.column2} {item.column3} \r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n {(provided, snapshot) => (\r\n \r\n \r\n \r\n Column 1 Column 2 Column 3 \r\n \r\n \r\n {droppable2Data.map((item, index) => (\r\n \r\n {(provided, snapshot) => (\r\n \r\n sort {item.column1} {item.column2} {item.column3} \r\n \r\n )}\r\n \r\n
\r\n \r\n { debugger; return false; }} />\r\n
;\r\n};\r\n\r\nexport default ColorPicker;","import React from 'react';\r\nimport { Link, Switch, Route, Redirect } from 'react-router-dom';\r\n\r\nimport DragableTable from './dragableTable';\r\nimport Uploader from './uploader';\r\nimport UploaderTable from './uploaderTable';\r\nimport DragDrop from './dragDrop';\r\nimport ColorPicker from './colorPicker';\r\nimport { useClientHub } from '../hook/hub/useClientHub';\r\n\r\nconst Development = () => {\r\n useClientHub(message => {\r\n console.log(message);\r\n }, 'notification');\r\n\r\n return (\r\n\r\n \r\n \r\n \r\n
);\r\n};\r\n\r\nexport default Development;","import { ArraySum } from '../../../helper/common';\r\n\r\nexport class Stop {\r\n key = null;\r\n id = null;\r\n isFirst = true;\r\n isEmpty = false;\r\n loadId = null;\r\n loadNumber = null;//ned from backend + InboundLoadNumber +\r\n //totalPallets = 0; //calculate + \r\n //totalWeight = 0; //calculate\r\n\r\n\r\n\r\n loadTotalPallets = 0; //calculate\r\n loadTotalWeight = 0; //calculate\r\n\r\n truckNumber = null;//need from backend + TruckNumber\r\n driverName = null; //need from backend + DriverName\r\n driverPhone = null; //need from backend + DriverPhone\r\n rate = null; //need from backend + InboundRate +\r\n customer = null; // +\r\n customerId = null;\r\n customerTooltip = 'No Customer';\r\n pickLocationId = null;\r\n pickAppointment = null; //need from backend + InboundAppointment +\r\n pickStatus = null; //need from backend + InbioundAppointmentStatus +\r\n pickCity = null; //+\r\n pickState = null;\r\n pickWarehouse = null; //+\r\n dropLocationId = null;\r\n dropAppointment = null;//need from backend + DropInboundAppointment +\r\n dropStatus = null;//need from backend + DropInboundAppointmentStatus +\r\n dropCity = null;\r\n dropState = null;\r\n dropWarehouse = null; //+\r\n isWarehouse = true;\r\n warehouseId = 1;\r\n sequencesName = null;\r\n inboundStopNotes = null;\r\n outboundStopNotes = null;\r\n carrierName = null;\r\n trailer = null;\r\n color = null;\r\n readyToBook = false;\r\n truckId = null;\r\n carrierId = null;\r\n inTransit = false;\r\n isInbound = false;\r\n in = null;\r\n out = null;\r\n\r\n orders = [];\r\n\r\n\r\n get poNumbers() {\r\n return this.orders.reduce((r, a) => {\r\n if (r !== '') {\r\n if (a.poNumber !== '') {\r\n r = `${r}, ${a.poNumber}`;\r\n }\r\n }\r\n else {\r\n r = a.poNumber;\r\n }\r\n return r;\r\n }, '');\r\n };\r\n\r\n get poNumberCount() {\r\n return this.orders.length;\r\n };\r\n\r\n get totalPallets() {\r\n return ArraySum(this.orders, 'palletCount');\r\n };\r\n\r\n get totalWeight() {\r\n return ArraySum(this.orders, 'weight');\r\n };\r\n\r\n get gridKey() {\r\n if (this.isFirst) {\r\n return this.loadId;\r\n }\r\n return this.key;\r\n };\r\n}","export class BaseData {\r\n stops = [];\r\n list = [];\r\n group = [];\r\n static defaultKey = '0';\r\n\r\n}","import { Stop } from \"../stop\";\r\nimport { ArraySum } from '../../../../helper/common';\r\nimport { BaseData } from '../baseData';\r\n\r\nexport class Data extends BaseData {\r\n static createKey(order) {\r\n let createKey = Data.defaultKey;\r\n if (order.loadId) {\r\n createKey = `${order.loadId}_${order.customerId}_${order.pickLocationId}`;\r\n if (order.warehouse) {\r\n createKey = `${createKey}_0_${order.warehouseId}`;\r\n }\r\n else {\r\n createKey = `${createKey}_${order.dropLocationId}_0`;\r\n }\r\n }\r\n return createKey;\r\n };\r\n\r\n constructor(list, loads) {\r\n super();\r\n this.list = list;\r\n this.group = this.list.reduce((r, o) => {\r\n const groupBy = Data.createKey(o);\r\n r[groupBy] = [...r[groupBy] || [], o];\r\n return r;\r\n }, {});\r\n\r\n Object.keys(this.group).forEach(go => {\r\n const oG = this.group[go];\r\n const stop = new Stop();\r\n if (oG.length > 0) {\r\n const firstO = oG[0];\r\n\r\n const load = loads.find(l => l.id === firstO.loadId);\r\n if (!load) {\r\n //load not available\r\n return;\r\n }\r\n stop.id = stop.key = go;\r\n stop.isFirst = this.stops.find(s => s.loadId === firstO.loadId) === undefined;\r\n stop.customer = firstO.customerCodeOrName;\r\n stop.customerTooltip = firstO.customerCodeOrName;\r\n stop.loadNumber = firstO.inboundLoadNumber;\r\n stop.loadId = firstO.loadId;\r\n //stop.truckNumber = firstO.truckNumber;\r\n //stop.driverName = firstO.driverName;\r\n //stop.driverPhone = firstO.driverPhone;\r\n //stop.rate = firstO.inboundRate;\r\n stop.customerId = firstO.customerId;\r\n //stop.carrierName = firstO.carrierName;\r\n //stop.trailer = firstO.inboundTrailer;\r\n\r\n stop.puDate = firstO.puDate;\r\n stop.pickLocationId = firstO.pickLocationId;\r\n stop.pickAppointment = firstO.inboundAppointment;\r\n stop.pickStatus = firstO.inbioundAppointmentStatus;\r\n stop.pickWeek = firstO.pickWeek;\r\n stop.pickCity = firstO.pickCity;\r\n stop.pickState = firstO.pickState;\r\n stop.pickWarehouse = firstO.pickLocationName;\r\n\r\n stop.dropLocationId = firstO.dropLocationId;\r\n stop.dropAppointment = firstO.dropInboundAppointment;\r\n stop.dropStatus = firstO.dropInboundAppointmentStatus;\r\n stop.dropCity = firstO.warehouse ? firstO.drop1City : firstO.drop2City;\r\n stop.dropState = firstO.warehouse ? firstO.drop1State : firstO.drop2State;\r\n stop.dropWarehouse = firstO.warehouse ? firstO.drop1WH : firstO.drop2WH;\r\n\r\n stop.isWarehouse = firstO.warehouse;\r\n stop.warehouseId = firstO.warehouseId;\r\n stop.sequencesName = firstO.inboundLoadingSequenceName;\r\n stop.inboundStopNotes = firstO.inboundStopNotes;\r\n\r\n stop.in = firstO.in;\r\n stop.out = firstO.out;\r\n\r\n stop.color = load.color;\r\n stop.truckNumber = load.truckNumber;\r\n stop.driverName = load.driverName;\r\n stop.driverPhone = load.driverPhone;\r\n stop.rate = load.rate;\r\n stop.carrierName = load.carrierName;\r\n stop.trailer = load.trailer;\r\n stop.truckId = load.truckId;\r\n stop.carrierId = load.carrierId;\r\n\r\n stop.readyToBook = load.readyToBook;\r\n stop.inTransit = load.inTransit;\r\n stop.isInbound = true;\r\n\r\n stop.orders = oG;\r\n this.stops.push(stop);\r\n }\r\n });\r\n this.stops.forEach(s => {\r\n s.loadTotalPallets = ArraySum(this.stops.filter(si => si.loadId === s.loadId), 'totalPallets');\r\n s.loadTotalWeight = ArraySum(this.stops.filter(si => si.loadId === s.loadId), 'totalWeight');\r\n });\r\n\r\n const firstStops = this.stops.filter(s => s.isFirst);\r\n loads.forEach(l => {\r\n if (!firstStops.find(fs => fs.loadId === l.id)) {\r\n const newStop = new Stop();\r\n newStop.key = `${l.id}_empty`;\r\n newStop.isEmpty = true;\r\n newStop.isFirst = true;\r\n newStop.loadId = l.id;\r\n newStop.loadNumber = l.loadNumber;\r\n newStop.truckNumber = l.truckNumber;\r\n newStop.driverName = l.driverName;\r\n newStop.driverPhone = l.driverPhone;\r\n newStop.rate = l.inboundRate;\r\n newStop.carrierName = l.carrierName; //shoukld add in backend\r\n newStop.color = l.color;\r\n this.stops.push(newStop);\r\n }\r\n });\r\n }\r\n}","import axios from '../../../axios/axios';\r\n\r\n\r\nexport const useDragging = (\r\n defaultDroppableId,\r\n availableOrders,\r\n mainResource,\r\n getFilteredSortedOrders,\r\n getStops,\r\n updateSelectedOrders,\r\n stops,\r\n apiResource,\r\n load,\r\n setAvailableOrders,\r\n initStops,\r\n initOrderFromStop,\r\n getAllStopOrders,\r\n loads,\r\n setStops,\r\n assignApiPath,\r\n unassignApiPath,\r\n loadIdField,\r\n resetOrder\r\n) => {\r\n\r\n const getDragDropData = droppableId => {\r\n if (droppableId === defaultDroppableId) {\r\n return {\r\n type: droppableId,\r\n data: getFilteredSortedOrders(availableOrders, mainResource)\r\n };\r\n }\r\n else {\r\n const stop = getStops().find(s => s.key === droppableId);\r\n if (stops) {\r\n return {\r\n type: droppableId,\r\n data: stop.orders\r\n };\r\n }\r\n }\r\n };\r\n\r\n const createRequest = (stop, newOrders) => {\r\n const request = {\r\n orderIds: newOrders.reduce((r, o) => { r.push(o.id); return r }, [])\r\n };\r\n request[loadIdField] = stop.loadId;\r\n return request;\r\n };\r\n\r\n const apiUpdate = (stop, newOrders) => {\r\n axios.put(`${apiResource}/${assignApiPath}`,\r\n createRequest(stop, newOrders)).then(response => {\r\n const errors = response.data.filter(r => r.hasError);\r\n if (errors.length > 0) {\r\n //show error messages todo Emma\r\n load();\r\n }\r\n });\r\n };\r\n\r\n const updateDragDropData = data => {\r\n const type = data.type;\r\n updateSelectedOrders([], '');\r\n if (type === \"all\") { //we have drag drop from different locations\r\n const types = Object.keys(data).splice(1);\r\n const from = data[types[0]];\r\n const to = data[types[1]];\r\n const toData = to.data;\r\n if (from.type === defaultDroppableId || to.type === defaultDroppableId) {\r\n if (from.type === defaultDroppableId) {\r\n //from available to assigned\r\n const stop = stops.find(s => s.key === to.type);\r\n const newOrders = toData.filter(o => !o[loadIdField]);\r\n //call api\r\n apiUpdate(stop, newOrders);\r\n const newAvailableOrders = [...availableOrders];\r\n newOrders.forEach(o => {\r\n newAvailableOrders.splice(newAvailableOrders.indexOf(newAvailableOrders.find(ao => ao.id === o.id)), 1);\r\n initOrderFromStop(o, stop, stops);\r\n });\r\n setAvailableOrders(newAvailableOrders);\r\n initStops([...getAllStopOrders(stops), ...newOrders], loads);\r\n }\r\n else {\r\n //from assigned to available\r\n const dropAvailableOrders = toData.filter(o => o[loadIdField]);\r\n const newStops = [...stops];\r\n const stop = newStops.find(s => s.key === from.type);\r\n const newAvailableOrders = [...availableOrders];\r\n //call api\r\n axios.put(`${apiResource}/${unassignApiPath}`,\r\n {\r\n orderIds: dropAvailableOrders.reduce((r, o) => { r.push(o.id); return r }, [])\r\n }).then(response => {\r\n const errors = response.data.filter(r => r.hasError);\r\n if (errors.length > 0) {\r\n //show error messages todo Emma\r\n load();\r\n }\r\n });\r\n dropAvailableOrders.forEach(o => {\r\n resetOrder(o);\r\n newAvailableOrders.push(o);\r\n stop.orders.splice(stop.orders.indexOf(stop.orders.find(so => so.id === o.id)), 1);\r\n });\r\n setAvailableOrders(newAvailableOrders);\r\n initStops(getAllStopOrders(newStops), loads);\r\n }\r\n }\r\n else {\r\n //from assigned to assigned\r\n const newStops = [...stops];\r\n const stop = newStops.find(s => s.key === to.type);\r\n const oldStop = newStops.find(s => s.key === from.type);\r\n const newOrders = toData.filter(o => o[loadIdField] === oldStop.loadId);\r\n //call api\r\n apiUpdate(stop, newOrders);\r\n const currentOrders = getAllStopOrders(stops);\r\n newOrders.forEach(dropO => initOrderFromStop(currentOrders.find(order => order.id === dropO.id), stop, newStops));\r\n initStops(currentOrders, loads);\r\n }\r\n }\r\n else {\r\n //not called from drag drop, we can delete this in future\r\n const updatedData = data.value;\r\n if (type === defaultDroppableId) {\r\n setAvailableOrders(updatedData);\r\n }\r\n else {\r\n const newStop = [...stops];\r\n const stop = newStop.find(s => s.key === type);\r\n if (stop) {\r\n stop.orders = updatedData;\r\n setStops(newStop);\r\n }\r\n }\r\n }\r\n };\r\n\r\n return [getDragDropData, updateDragDropData];\r\n};","import { useEffect, useCallback, useState } from 'react';\r\nimport { useHistory, useLocation } from 'react-router-dom';\r\nimport { getListCriteria, getCriteriaQuery, getCriteriaQueryFromLocation, buildListFilterQuery } from '../../../helper/list';\r\nimport { CloneObject } from '../../../helper/common';\r\n// import { string } from 'prop-types';\r\n\r\nexport const useFiltering = (stops, availableOrders, filterConfig, mainResource, assignedOrders, subGroup, sortAppointment, profileSettings, typeGroup, availableOrdersType, loadType) => {\r\n const getFilterConfig = useCallback(() => CloneObject(filterConfig), [filterConfig]);\r\n const history = useHistory();\r\n const location = useLocation();\r\n const criteriaQuery = getCriteriaQuery(history);\r\n const criteria = useCallback(() => getListCriteria(criteriaQuery), [criteriaQuery]);\r\n const [applyFor, setApplyFor] = useState('');\r\n const [filter, setFilter] = useState({});\r\n\r\n const getOrders = (source, valueField, textField) => source.reduce((r, o) => {\r\n if ((r.length === 0 || !r.find(l => l.value === o[valueField])) && o[valueField] && o[textField] !== '') {\r\n r.push({\r\n value: o[valueField],\r\n text: o[textField]\r\n });\r\n }\r\n return r;\r\n }, []);\r\n\r\n const getStopsOrders = (source, valueField, textField) => source.reduce((sr, s) =>\r\n [...sr, ...getOrders(s.orders, valueField, textField).filter(no => !sr.find(o => o.value === no.value))]\r\n , []);\r\n\r\n const getFilterData = (valueField, textField) => {\r\n switch (applyFor) {\r\n case 'Available':\r\n return getOrders([...availableOrders], valueField, textField);\r\n case 'Assigned':\r\n return getStopsOrders(stops, valueField, textField);\r\n case 'Both':\r\n const availableOrdersLocations = getOrders(availableOrders, valueField, textField);\r\n const assignedOrders = getStopsOrders(stops, valueField, textField)\r\n .filter(o => !availableOrdersLocations.find(avO => avO.value === o.value));\r\n return [...availableOrdersLocations, ...assignedOrders];\r\n default:\r\n return stops.reduce((r, s) => {\r\n if ((r.length === 0 || !r.find(l => l.value === s[valueField])) && s[valueField] && s[textField] !== '') {\r\n r.push({\r\n value: s[valueField],\r\n text: s[textField]\r\n });\r\n }\r\n return r;\r\n }, []);\r\n }\r\n };\r\n\r\n const filterData = {\r\n pickLocation: () => getFilterData('pickLocationId', 'pickLocation'),\r\n pickRegion: () => getFilterData('pickRegionCode', 'pickRegionCode'),\r\n dropLocation: () => getFilterData('dropLocationId', 'dropLocation'),\r\n dropRegion: () => getFilterData('dropRegionCode', 'dropRegionCode'),\r\n drop2City: () => getFilterData('drop2City', 'drop2City'),\r\n drop2State: () => getFilterData('drop2State', 'drop2State'),\r\n drop2WH: () => getFilterData('drop2WH', 'drop2WH'),\r\n customer: () => getFilterData('customerId', 'customerCodeOrName'),\r\n truck: () => getFilterData('truckId', 'truckNumber'),\r\n carrier: () => getFilterData('carrierId', 'carrierName')\r\n };\r\n\r\n useEffect(() => {\r\n const filter = {};\r\n Object.keys(getFilterConfig()).forEach(fe => {\r\n if (getFilterConfig()[fe].DefaultValue) {\r\n filter[fe] = getFilterConfig()[fe].DefaultValue;\r\n }\r\n });\r\n const filterQuery = buildListFilterQuery(getCriteriaQueryFromLocation(location), filter);\r\n const c = criteria();\r\n if (Object.keys(filter).length > 0 && Object.keys(c.filter).length === 0) {\r\n history.push({\r\n search: filterQuery\r\n });\r\n return;\r\n }\r\n if (applyFor !== '' && applyFor !== c.filter['applyFor']) {\r\n const filter = {\r\n applyFor: c.filter['applyFor']\r\n };\r\n const filterQuery = buildListFilterQuery(getCriteriaQueryFromLocation(location), filter);\r\n history.push({\r\n search: filterQuery\r\n });\r\n }\r\n setApplyFor(c.filter['applyFor'] ? c.filter['applyFor'] : '');\r\n setFilter(Object.keys(c.filter).filter(ff => ff !== 'applyFor').reduce((r, f) => {\r\n r[f] = c.filter[f];\r\n return r;\r\n }, {}));\r\n }, [criteria, location, history, applyFor, getFilterConfig]);\r\n\r\n //const getFilteredSortedOrders = (orders, source, sorting) => {\r\n // return orders && orders.filter(o =>\r\n // Object.keys(filter).reduce((r, f) =>\r\n // r && (\r\n // (source === mainResource && 'Assigned' === applyFor) || (source === assignedOrders && 'Available' === applyFor)\r\n // || (typeof o[f] === 'string' && o[f].includes(filter[f]))\r\n // || (typeof filter[f] === 'string' && Array.isArray(filter[f].split(',')) && filter[f].split(',').indexOf(`${o[f]}`) > -1)\r\n // || (new Date(o[f.replace('_from', '')]) instanceof Date && f.indexOf('_from') > 0 && new Date(o[f.replace('_from', '')]) >= new Date(filter[f]))\r\n // || (new Date(o[f.replace('_to', '')]) instanceof Date && f.indexOf('_to') > 0 && new Date(o[f.replace('_to', '')]) <= new Date(filter[f]))\r\n // || o[f] === filter[f])\r\n // , true)\r\n // ).sort((o1, o2) => {\r\n // \r\n // if (sorting?.field) {\r\n // const field = sorting.field;\r\n\r\n // if(!o1[field]) {\r\n // return sorting.direction === 'asc' ? -1 : 1\r\n // }\r\n // if(!o2[field]) {\r\n // return sorting.direction === 'asc' ? 1 : -1;\r\n // }\r\n\r\n // if (sorting.direction === 'asc') {\r\n // switch (true) {\r\n // // case typeof (o1[field]) === 'object' || typeof (o2[field]) === 'object':\r\n // // return new Date(o1[field]) - new Date(o2[field]);\r\n // case typeof (o1[field]) === 'string' || typeof (o2[field]) === 'string':\r\n // return o1[field].localeCompare(o2[field]);\r\n // default:\r\n // return o1[field] - o2[field];\r\n // }\r\n // } else if(sorting.direction === 'desc') {\r\n // switch (true) {\r\n // // case typeof (o1[field]) === 'object' || typeof (o2[field]) === 'object':\r\n // // return new Date(o2[field]) - new Date(o1[field]);\r\n // case typeof (o1[field]) === 'string' || typeof (o2[field]) === 'string':\r\n // return o2[field].localeCompare(o1[field]);\r\n // default:\r\n // return o2[field] - o1[field];\r\n // }\r\n // }\r\n // }\r\n\r\n // return o1.id - o2.id;\r\n // }).sort((o1, o2) => o1[subGroup].localeCompare(o2[subGroup]))\r\n //};\r\n\r\n const getFilteredSortedOrders = (orders, source, sorting) => {\r\n const profileFilterSettings = profileSettings?.screens?.[loadType]?.list?.columns &&\r\n Object.keys(profileSettings.screens[loadType].list.columns);\r\n\r\n let filteredTypeGroupArr = availableOrdersType && availableOrdersType === source && (orders.filter((obj, index, ordersArr) => {\r\n let typeGroupIndex = ordersArr.findIndex(slot => slot[typeGroup] === obj[typeGroup]);\r\n\r\n return index === typeGroupIndex;\r\n }));\r\n\r\n const hasSameTypeGroup = filteredTypeGroupArr && profileFilterSettings && (filteredTypeGroupArr.length === profileFilterSettings.length) && filteredTypeGroupArr.every(obj => profileFilterSettings.includes(obj[typeGroup]));\r\n\r\n return orders && orders.filter(o =>\r\n Object.keys(filter).reduce((r, f) =>\r\n r && (\r\n (source === mainResource && 'Assigned' === applyFor) || (source === assignedOrders && 'Available' === applyFor)\r\n || (typeof o[f] === 'string' && o[f].includes(filter[f]))\r\n || (typeof filter[f] === 'string' && Array.isArray(filter[f].split(',')) && filter[f].split(',').indexOf(`${o[f]}`) > -1)\r\n || (new Date(o[f.replace('_from', '')]) instanceof Date && f.indexOf('_from') > 0 && new Date(o[f.replace('_from', '')]) >= new Date(filter[f]))\r\n || (new Date(o[f.replace('_to', '')]) instanceof Date && f.indexOf('_to') > 0 && new Date(o[f.replace('_to', '')]) <= new Date(filter[f]))\r\n || o[f] === filter[f])\r\n , true)\r\n ).sort((o1, o2) => {\r\n if (sorting && sorting.length > 0) {\r\n for (let item of sorting) {\r\n const multiplier = item.direction !== 'desc' ? -1 : 1;\r\n const firstValue = 'string' === typeof (o1[item.field]) ? o1[item.field].toLowerCase() : o1[item.field];\r\n const secondValue = 'string' === typeof (o2[item.field]) ? o2[item.field].toLowerCase() : o2[item.field];\r\n\r\n if (firstValue !== secondValue) {\r\n return multiplier * (firstValue > secondValue ? -1 : 1);\r\n }\r\n }\r\n }\r\n\r\n return 0;\r\n }).sort((o1, o2) => {\r\n if (availableOrdersType && availableOrdersType === source && hasSameTypeGroup) {\r\n return profileSettings.screens[loadType].list.columns[o1[typeGroup]].index - profileSettings.screens[loadType].list.columns[o2[typeGroup]].index;\r\n }\r\n\r\n if (availableOrdersType && availableOrdersType === source && hasSameTypeGroup === false) {\r\n const filterSettings0 = [];\r\n const filterSettings1 = [];\r\n\r\n filteredTypeGroupArr.forEach(slot => (profileFilterSettings.includes(slot[typeGroup]) ? filterSettings0 : filterSettings1).push(slot[typeGroup]));\r\n filterSettings0.sort((next, prev) => profileSettings?.screens?.[loadType]?.list?.columns?.[next && prev] &&\r\n profileSettings.screens[loadType].list.columns[next].index - profileSettings.screens[loadType].list.columns[prev].index);\r\n filterSettings1.sort((next, prev) => next.localeCompare(prev));\r\n\r\n const newFilteredSettings = filterSettings0.concat(filterSettings1);\r\n\r\n return newFilteredSettings.indexOf(o1[typeGroup]) - newFilteredSettings.indexOf(o2[typeGroup]);\r\n }\r\n\r\n return o1[subGroup].localeCompare(o2[subGroup]);\r\n });\r\n };\r\n\r\n const getFilteredStops = () => {\r\n let filteredStop;\r\n if (applyFor === '') {\r\n filteredStop = stops.filter(s =>\r\n Object.keys(filter).reduce((r, f) =>\r\n r && (\r\n (typeof s[f] === 'string' && s[f].includes(filter[f]))\r\n || s[f] === filter[f]\r\n )\r\n , true)\r\n );\r\n }\r\n else {\r\n filteredStop = stops && stops.reduce((r, s) => {\r\n if (s.orders.length === 0 || getFilteredSortedOrders(s.orders, assignedOrders).length > 0) {\r\n return [...r, s];\r\n }\r\n return r;\r\n }, []);\r\n }\r\n let loadId = 0;\r\n filteredStop = filteredStop.sort((s1, s2) => new Date(s1[sortAppointment]) - new Date(s2[sortAppointment])).sort((a, b) => {\r\n var nameA = a.loadNumber.toUpperCase();\r\n var nameB = b.loadNumber.toUpperCase();\r\n if (nameA < nameB) {\r\n return -1;\r\n }\r\n if (nameA > nameB) {\r\n return 1;\r\n }\r\n return 0;\r\n });\r\n filteredStop.forEach((s, i) => {\r\n if (i === 0) {\r\n s.isFirst = true;\r\n loadId = s.loadId;\r\n }\r\n else {\r\n if (s.loadId !== loadId) {\r\n s.isFirst = true;\r\n loadId = s.loadId;\r\n }\r\n else {\r\n s.isFirst = false;\r\n }\r\n }\r\n });\r\n return filteredStop;\r\n };\r\n\r\n return [filterData, getFilteredSortedOrders, getFilteredStops];\r\n};","import React, { useState } from 'react';\r\n\r\nimport { PopupTypes } from \"../../custom/popup/popup\";\r\nimport { CommonLabels } from \"../../../../project/Defines\";\r\n\r\nimport { BaseData } from \"./baseData\";\r\n\r\nconst MAX_PALLET = 30;\r\nconst MAX_WEIGHT = 42800;\r\n\r\nexport const useSelection = (stops, availableOrders, groupBy, groupType, groupTypeValue, openAlert, createKey) => {\r\n const [selectedOrders, setSelectedOrders] = useState([]);\r\n const [truckNotes, setTruckNotes] = useState();\r\n const [availableSelection, setAvailableSelection] = useState(false);\r\n\r\n const getStopOrdersByKey = orderKey => {\r\n const stop = stops.find(s => s.key === orderKey);\r\n if (!stop) {\r\n throw new Error(`Not found stop for key - ${orderKey}`);\r\n }\r\n return stop.orders;\r\n };\r\n\r\n const getOrderActiveState = orderKey => orderKey === BaseData.defaultKey ? availableOrders : getStopOrdersByKey(orderKey);\r\n\r\n const findOtherSameGroupHardBatchOrders = (orderKey, selectedOrder) => getOrderActiveState(orderKey).filter(o => o[groupBy] === selectedOrder[groupBy] && o.id !== selectedOrder.id);\r\n\r\n const removeOtherSameGroupHardBatchOrders = (orderKey, selectedOrder, addedOrders) => {\r\n const otherSameGroupHardBatchOrders = findOtherSameGroupHardBatchOrders(orderKey, selectedOrder);\r\n otherSameGroupHardBatchOrders && otherSameGroupHardBatchOrders.forEach(ho => {\r\n addedOrders.splice(addedOrders.indexOf(ho), 1);\r\n });\r\n };\r\n\r\n const updateSelectedOrders = (selectedData, orderKey) => {\r\n setSelectedOrders([...selectedData]);\r\n setAvailableSelection(orderKey === BaseData.defaultKey && selectedData && selectedData.length > 0);\r\n if (orderKey === BaseData.defaultKey) {\r\n updateTruckNotes(selectedData);\r\n }\r\n };\r\n\r\n const addSelected = (orderKey, order, addedOrders) => {\r\n if (!addedOrders.find(o => o.id === order.id)) {\r\n addedOrders.push(order);\r\n }\r\n if (order[groupType] === groupTypeValue) {\r\n const otherSameGroupHardBatchOrders = findOtherSameGroupHardBatchOrders(orderKey, order);//ordersState.filter(o => o['orderGroupIndex'] === order['orderGroupIndex'] && o.id !== order.id);\r\n otherSameGroupHardBatchOrders && otherSameGroupHardBatchOrders.forEach(ho => {\r\n if (!addedOrders.find(o => o.id === ho.id)) {\r\n addedOrders.push(ho);\r\n }\r\n });\r\n }\r\n return addedOrders;\r\n };\r\n\r\n const updateTruckNotes = (data) => {\r\n let totalSpace = 0;\r\n let totalPallet = 0;\r\n let totalWeight = 0;\r\n let avgPallet = 0;\r\n let avgWeight = 0;\r\n let stateList = [];\r\n\r\n for (const item of data) {\r\n totalSpace += item.space;\r\n totalPallet += item.palletCount;\r\n totalWeight += item.weight;\r\n item.pickStateName && !stateList.includes(item.pickStateName) && stateList.push(item.pickStateName);\r\n }\r\n\r\n avgPallet = Math.ceil(totalPallet / data.length);\r\n avgWeight = Math.ceil(totalWeight / data.length);\r\n\r\n setTruckNotes({\r\n totalSpace,\r\n totalPallet,\r\n totalWeight,\r\n stateList,\r\n avgPallet,\r\n avgWeight\r\n });\r\n };\r\n\r\n const handleCheck = (order) => {\r\n const orderKey = createKey(order);\r\n let addedOrders = [];\r\n if (selectedOrders.find(o => createKey(o) === orderKey)) {\r\n addedOrders = [...selectedOrders];\r\n }\r\n const selectedOrder = addedOrders.find(o => o.id === order.id);\r\n if (selectedOrder) {\r\n addedOrders.splice(addedOrders.indexOf(selectedOrder), 1);\r\n if (selectedOrder[groupType] === groupTypeValue) {\r\n removeOtherSameGroupHardBatchOrders(orderKey, selectedOrder, addedOrders);\r\n }\r\n }\r\n else {\r\n addedOrders = addSelected(orderKey, order, addedOrders);\r\n }\r\n updateSelectedOrders(addedOrders, orderKey);\r\n };\r\n\r\n const handleUncheck = () => {\r\n updateSelectedOrders([], '');\r\n };\r\n\r\n const onAfterMouseOrdersSelect = (orderData) => {\r\n if (orderData && orderData.length > 0) {\r\n const orderKey = createKey(orderData[0]);\r\n let addedOrders = [];\r\n if (selectedOrders.find(o => createKey(o) === orderKey)) {\r\n addedOrders = [...selectedOrders];\r\n }\r\n orderData.forEach(o => {\r\n addedOrders = addSelected(orderKey, o, addedOrders);\r\n });\r\n updateSelectedOrders(addedOrders, orderKey);\r\n }\r\n };\r\n\r\n const handleSuggest = () => {\r\n const trucksNeed = Math.max(\r\n Math.ceil(truckNotes.totalPallet / MAX_PALLET),\r\n Math.ceil(truckNotes.totalWeight / MAX_WEIGHT)\r\n );\r\n\r\n openAlert({\r\n windowKey: \"wndConfirmClose\",\r\n type: PopupTypes.Alert,\r\n title: 'Truck Notes',\r\n classes: 'truck',\r\n html: - \r\n
Dragable Table \r\n Uploader \r\n Uploader Table \r\n New Draggable \r\n Color Picker \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n Total Weight: {truckNotes.totalWeight?.toLocaleString()} \r\n Total Pallets: {truckNotes.totalPallet} \r\n Total Trucks: {trucksNeed} \r\n States: \r\n Average Weight: {truckNotes.avgWeight?.toLocaleString()} \r\n Average Pallet: {truckNotes.avgPallet} \r\n
,\r\n buttonYesText: CommonLabels.Buttons.Close,\r\n });\r\n };\r\n\r\n return [selectedOrders, truckNotes, availableSelection,\r\n handleCheck, handleUncheck, onAfterMouseOrdersSelect,\r\n handleSuggest, updateSelectedOrders];\r\n};","import React, { useEffect } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { message, Tooltip } from 'antd';\r\n\r\nimport HideShowMenuSwitch from '../../layout/hideShowMenuSwitch';\r\n\r\nimport axios from '../../../axios/axios';\r\nimport { openPopup } from \"../../../../store/actions/popup/popup\";\r\nimport { saveScreenSwap } from '../../../../store/actions/authentication/authentication';\r\nimport Scroll from \"../../scroll/scroll\";\r\nimport Settings from \"../../list/settings\";\r\nimport { CommonLabels } from \"../../../../project/Defines\";\r\nimport { PopupTypes } from \"../../custom/popup/popup\";\r\n\r\nconst LoadCreationToolbar = props => {\r\n const { mainResource,\r\n getOrderConfig,\r\n saveScreenSwap,\r\n screens,\r\n getLoadResource,\r\n load,\r\n availableSelection,\r\n truckNotes,\r\n handleUncheck,\r\n assignedOrders,\r\n handleSuggest,\r\n loads,\r\n initStops,\r\n getAllStopOrders,\r\n setLoads,\r\n stops,\r\n createLoad,\r\n disableAdd,\r\n setDisableAdd,\r\n loadAdded,\r\n setLoadAdded,\r\n openAlert\r\n } = props;\r\n\r\n const addLoad = () => {\r\n setDisableAdd(true);\r\n setLoadAdded(false);\r\n axios({\r\n url: getLoadResource().LoadResource,\r\n method: 'POST',\r\n data: {\r\n id: 0\r\n }\r\n })\r\n .then(result => {\r\n if (result?.data) {\r\n const newLoadList = [...loads, result.data];\r\n setLoads(newLoadList);\r\n initStops([...getAllStopOrders(stops)], newLoadList);\r\n\r\n openAlert({\r\n windowKey: \"wndConfirmClose\",\r\n type: PopupTypes.Alert,\r\n title: 'Load Added',\r\n classes: 'truck',\r\n text: `${result.data.loadNumber}`,\r\n buttonYesText: CommonLabels.Buttons.Close,\r\n });\r\n } else {\r\n props.openAlert({\r\n windowKey: \"wndConfirmClose\",\r\n type: PopupTypes.Alert,\r\n title: 'Error',\r\n text: 'No result for Update!',\r\n buttonYesText: CommonLabels.Buttons.Close,\r\n });\r\n }\r\n })\r\n .finally(() => {\r\n setDisableAdd(false);\r\n setLoadAdded(true);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n if(loadAdded && document?.getElementsByClassName) {\r\n const tableEl = document.getElementsByClassName('ant-table-body')[0];\r\n tableEl.scrollTop = tableEl.scrollHeight - tableEl.clientHeight;\r\n }\r\n }, [loadAdded]);\r\n\r\n const swap = screens && screens[mainResource] ? screens[mainResource].swap : false;\r\n\r\n useEffect(() => {\r\n if(!truckNotes) {\r\n return;\r\n }\r\n if(truckNotes.totalPallet > 30) {\r\n message.warning('The total pallet is greater than 30')\r\n }\r\n if(truckNotes.totalWeight > 42800) {\r\n message.warning('The total weight is greater than 42800')\r\n }\r\n }, [truckNotes])\r\n\r\n return (- {truckNotes.stateList.map((i, index) =>
- {i} )}
\r\n Create New Load \r\n
\r\n \r\n
\r\n Space Count
\r\n \r\n {truckNotes.totalSpace} \r\n
\r\n \r\n
\r\n Pallet Count
\r\n \r\n 30 ? '' : null}>{truckNotes.totalPallet} \r\n
\r\n \r\n
\r\n Total Weight
\r\n \r\n 42800 ? '' : null}>{truckNotes.totalWeight?.toLocaleString()} \r\n
\r\n \r\n Truck Notes \r\n
\r\n \r\n Uncheck Selected \r\n
\r\n )\r\n }\r\n \r\n {result.data.loadNumber} \r\n Total Pallets: {truckNotes.totalPallet} \r\n Total Weight: {truckNotes.totalWeight?.toLocaleString()} \r\n
,\r\n buttonYesText: CommonLabels.Buttons.Close,\r\n });\r\n }\r\n })\r\n .finally(() => {\r\n setDisableAdd(false);\r\n setLoadAdded(true);\r\n });\r\n };\r\n\r\n const stopsComponent = \r\n \r\n \r\n
\r\n
\r\n | \r\n | \r\n | \r\n | Actions |
|---|
\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n Sample Title
\r\n
\r\n Sample Title
\r\n Configure settings when and how You'll get notified for content changes
\r\n \r\n
\r\n Feed URL
\r\n \r\n \r\n
\r\n Durationssec
\r\n \r\n \r\n Download Truck \r\n
\r\n \r\n {result.data.loadNumber} \r\n Total Pallets: {truckNotes.totalPallet} \r\n Total Weight: {truckNotes.totalWeight?.toLocaleString()} \r\n
,\r\n buttonYesText: CommonLabels.Buttons.Close,\r\n });\r\n }\r\n })\r\n .finally(() => {\r\n setDisableAdd(false);\r\n setLoadAdded(true);\r\n });\r\n };\r\n\r\n const stopsComponent = \r\n \r\n \r\n \r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n }\r\n \r\n );\r\n};\r\n\r\n\r\nconst mapStateToProps = state => ({\r\n state: state,\r\n customerDashboard: state.customerDashboard,\r\n loading: state.customerDashboard.loading,\r\n haseError: state.customerDashboard.hasError,\r\n actionMessage: state.customerDashboard.message,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n setCustomerDashboard: (resource) => dispatch(setCustomerDashboard(resource)),\r\n resetError: resource => dispatch(resetError(resource)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CustomerDashBoard);","import axios from 'axios';\r\nimport store from '../..';\r\nimport * as actionTypes from './customerOrderActionTypes';\r\n\r\nconst buildUrl = (resource = 'CustomerOrder', endPoint) => `/api/${resource}/${endPoint}`;\r\nconst buildPutUrl = (resource = 'CustomerOrder', endPoint) => `/api/${resource}/${endPoint}`;\r\n\r\nconst axiosConfig = () => ({\r\n headers: {\r\n Authorization: 'Bearer ' + store.getState().auth.userToken,\r\n },\r\n});\r\n\r\nexport const customerOrderInProgress = (resource, endPoint) => dispatch => {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.CUSTOMER_ORDERS_LOADING) });\r\n axios\r\n .get(buildUrl(resource, endPoint), axiosConfig())\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.GET_CUSTOMER_ORDERS_IN_PROGRESS), data: responce }))\r\n .catch(err => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.ERROR) });\r\n });\r\n};\r\n\r\nexport const revisionCustomerOrder = (resource, data) => dispatch => {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.REVISION_CUSTOMER_ORDER_LOADING) });\r\n axios\r\n .put(buildPutUrl(resource, 'revision'), data, axiosConfig())\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.REVISION_CUSTOMER_ORDER), data: responce }))\r\n .catch(err => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.ERROR) });\r\n });\r\n};\r\n\r\nexport const sortBy = (resource, sortValue) => dispatch => {\r\n dispatch({\r\n type: actionTypes.getActionType(resource, actionTypes.SORT_ORDERS_IN_PROGRESS), data: sortValue\r\n });\r\n}\r\n\r\nexport const setHeaderWidth = (resource, ind, width) => ({\r\n type: actionTypes.getActionType(resource, actionTypes.SET_HEADER_WIDTH_ORDER_IN_PROGRESS),\r\n data: { ind, width },\r\n});\r\n\r\nexport const setItemDisplayState = (resource, rowState, header, enable) => ({\r\n type: actionTypes.getActionType(resource, actionTypes.SET_DISPLAY_STATE),\r\n data: {\r\n rowState,\r\n header,\r\n enable,\r\n },\r\n});\r\n\r\nexport const resetError = resource => ({ type: actionTypes.getActionType(resource, actionTypes.RESET_ERROR) });\r\n","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { Resizable } from 'react-resizable';\r\nimport { setHeaderWidth } from '../../../../store/actions/customerOrderInProgress/customerOrderInProgress';\r\n\r\nconst HeaderCell = (\r\n {\r\n state,\r\n ind,\r\n setHeaderWidth,\r\n resource,\r\n }) => {\r\n const customerOrder = state[resource];\r\n const data = customerOrder.headers[ind]\r\n let cellStyle = {\r\n maxWidth: `${data.width}px`,\r\n width: `${data.width}px`,\r\n minWidth: `${data.width}px`,\r\n backgroundColor: '#29CABA',\r\n color: '#FFFFFF',\r\n };\r\n\r\n const onResizeStart = (e, s) => {\r\n console.log('onResizeStart', e, s);\r\n };\r\n\r\n const onResize = s => {\r\n setHeaderWidth(resource, ind, s.size.width);\r\n };\r\n\r\n const onResizeStop = (e, s) => {\r\n console.log('onResizeStop', e, s);\r\n };\r\n\r\n const headerCall = (\r\n \r\n
\r\n Order Management System
\r\n \r\n Go To My Orders\r\n
\r\n \r\n \r\n
\r\n Year
\r\n getYear(e.target.value))} onChange={e => format(e.target.value, setYearNumber)} />\r\n \r\n
\r\n Week
\r\n getWeek(e.target.value))} onChange={e => format(e.target.value, setWeekNumber)} />\r\n \r\n
\r\n \r\n
\r\n \r\n Statistics Info
\r\n \r\n
\r\n \r\n
\r\n {+paletCount}
\r\nPallet
\r\n\r\n
\r\n {+paletWeigth}
\r\nWeight
\r\n\r\n
\r\n {+paletSpace}
\r\nSpace
\r\n\r\n \r\n
\r\n Contact Us
\r\n {organization?.email}
\r\n {formatPhoneNumber(organization?.mainPhone)}
\r\n {organization?.address}
\r\n {organization?.addressLocation}
\r\n MC#{organization?.mcNumber}
\r\n \r\n \r\n {headers.map((_, ind) => {\r\n return
\r\n );\r\n};\r\n\r\nexport default connect(state => ({\r\n state: state\r\n}))(HeaderRow);","import axios from 'axios';\r\nimport store from '../..';\r\nimport * as actionTypes from './trafficControlActionTypes';\r\n\r\nconst buildUrl = (resource = 'traffic', endPoint) => `/api/${resource}/${endPoint}`;\r\n\r\nconst axiosConfig = () => ({\r\n headers: {\r\n 'Authorization': 'Bearer ' + store.getState().auth.userToken\r\n }\r\n});\r\n\r\nexport const trafficControl = (resource, loadingType) => dispatch => {\r\n if (loadingType !== 'withoutLoading') {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.TRAFFIC_LOADING) });\r\n }\r\n axios.get(buildUrl(resource, 'GetTraffic'),\r\n axiosConfig())\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.GET_TRAFFIC_CONTROL), data: responce }))\r\n .catch((err) => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.ERROR) });\r\n });\r\n};\r\n\r\nexport const setHeaderWidthTraffic = (resource, ind, width) =>\r\n ({ type: actionTypes.getActionType(resource, actionTypes.SET_HEADER_WIDTH_TRAFFIC), data: { ind, width } });\r\n\r\nconst updateData = (dispatch, resource, url, value) => {\r\n axios.put(buildUrl(resource, url), value,\r\n axiosConfig())\r\n .then(response => {\r\n if (response.data.hasError) {\r\n dispatch(errorAction(resource, true));\r\n console.error(response.data.message);\r\n }\r\n }).catch(err => {\r\n dispatch(errorAction(resource, true));\r\n console.error(err);\r\n console.log(err.response);\r\n });\r\n};\r\n\r\nexport const setItemData = (resource, value, rowState, header, subType) => dispatch => {\r\n dispatch({\r\n type: actionTypes.getActionType(resource, actionTypes.SET_DATA), data: {\r\n value,\r\n rowState,\r\n header,\r\n subType,\r\n }\r\n });\r\n\r\n const createQueryParam = (param, query) => query ? `${param}?loadId=${rowState.loadId}&${query}=${value}` : `${param}?loadId=${rowState.loadId}`;\r\n\r\n switch (header.key) {\r\n case 'eta':\r\n updateData(dispatch, resource, createQueryParam('changewarehousedoors', 'doornumber'));\r\n break;\r\n case 'truckVerified':\r\n updateData(dispatch, resource, createQueryParam('trackverified', 'trackverifystatus'));\r\n break;\r\n case 'trafficNote':\r\n updateData(dispatch, resource, createQueryParam('addtrafficnote', 'note'));\r\n break;\r\n case 'status':\r\n if (subType === 'priority') {\r\n updateData(dispatch, resource, createQueryParam('priority'));\r\n }\r\n if (subType === 'delayed') {\r\n updateData(dispatch, resource, createQueryParam('delayed'));\r\n }\r\n break;\r\n case 'status2':\r\n const createQueryParamForStatus = () => `changestatus?loadId=${rowState.loadId}&status=${value}`;\r\n updateData(dispatch, resource, createQueryParamForStatus());\r\n break;\r\n default:\r\n break;\r\n }\r\n};\r\n\r\nexport const setItemDisplayState = (resource, rowState, header, enable) => ({\r\n type: actionTypes.getActionType(resource, actionTypes.SET_DISPLAY_STATE), data: {\r\n rowState,\r\n header,\r\n enable\r\n }\r\n});\r\n\r\nexport const updateLoadData = (resource, newData) => ({\r\n type: actionTypes.getActionType(resource, actionTypes.UPDATE_LOAD_DATA),\r\n data: newData\r\n});\r\n\r\nexport const setLoadNeedId = (resource, loadId) => ({\r\n type: actionTypes.getActionType(resource, actionTypes.SET_LOAD_NEED_ID),\r\n data: loadId,\r\n});\r\n\r\nexport const updateLoadStatus = (resource, newStatus, rowState, header, loadId) => dispatch => {\r\n dispatch({\r\n type: actionTypes.getActionType(resource, actionTypes.UPDATE_LOAD_STATUS), data: {\r\n newStatus,\r\n rowState,\r\n header,\r\n loadId,\r\n }\r\n });\r\n \r\n const createQueryParam = () => `changestatus?loadId=${loadId}&status=${newStatus}`;\r\n updateData(dispatch, resource, createQueryParam());\r\n};\r\n\r\nexport const reOrderLoadsByDragAndDrop = (resource, newList) => dispatch => {\r\n dispatch({\r\n type: actionTypes.getActionType(resource, actionTypes.RE_ORDER_LOADS), data: {\r\n newList,\r\n }\r\n });\r\n\r\n updateData(dispatch, resource, 'loadordering', newList);\r\n};\r\n\r\nexport const resetError = resource =>\r\n ({ type: actionTypes.getActionType(resource, actionTypes.RESET_ERROR) });\r\n\r\nconst errorAction = (resource, reload) => dispatch => {\r\n if (reload) {\r\n axios.get(buildUrl(resource, 'GetTraffic'),\r\n axiosConfig()\r\n )\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.RELOAD_ON_ERROR_TRAFFIC), data: responce }))\r\n .catch((err) => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.ERROR) });\r\n });\r\n }\r\n};","import axios from 'axios';\r\nimport store from '../..';\r\nimport * as actionTypes from './customerOrderLocationsActionTypes';\r\n\r\nconst buildUrl = (resource, endPoint, id) => (id ? `/api/${resource}/${endPoint}/${id}` : `/api/${resource}/${endPoint}`);\r\n\r\nconst axiosConfig = () => ({\r\n headers: {\r\n Authorization: 'Bearer ' + store.getState().auth.userToken,\r\n },\r\n});\r\n\r\nexport const getFavoriteLocationDoorList = (resource, endPoint, parentId) => dispatch => {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.GET_FAVORITE_LOCATION_DOORS_LOADING) });\r\n axios\r\n .get(buildUrl(resource, endPoint, parentId), axiosConfig())\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.GET_FAVORITE_LOCATION_DOORS), data: responce }))\r\n .catch(err => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.ERROR) });\r\n });\r\n};\r\n\r\nexport const getAllLocationDoorList = (resource, endPoint) => dispatch => {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.GET_ALL_LOCATION_DOORS_LOADING) });\r\n axios\r\n .get(buildUrl(resource, endPoint), axiosConfig())\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.GET_ALL_LOCATION_DOORS), data: responce }))\r\n .catch(err => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.ERROR) });\r\n });\r\n};\r\n","import axios from 'axios';\r\nimport store from '../..';\r\nimport * as actionTypes from './customerOrderActionTypes';\r\n\r\nconst buildUrl = (resource = 'CustomerOrder', endPoint) => `/api/${resource}/${endPoint}`;\r\nconst buildDeleteUrl = (resource = 'CustomerOrder', id) => `/api/${resource}?id=${id}`;\r\nconst buildPostUrl = (resource = 'CustomerOrder') => `/api/${resource}`;\r\nconst buildPutUrl = (resource = 'CustomerOrder') => `/api/${resource}`;\r\n\r\nconst axiosConfig = () => ({\r\n headers: {\r\n Authorization: 'Bearer ' + store.getState().auth.userToken,\r\n },\r\n});\r\n\r\nexport const customerOrderNewOrders = (resource, endPoint) => dispatch => {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.CUSTOMER_ORDERS_LOADING) });\r\n axios\r\n .get(buildUrl(resource, endPoint), axiosConfig())\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.GET_CUSTOMER_ORDERS_NEW_ORDERS), data: responce }))\r\n .catch(err => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.ERROR) });\r\n });\r\n};\r\n\r\nexport const deleteCustomerOrder = (resource, data) => dispatch => {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.DELETE_CUSTOMER_ORDER_LOADING) });\r\n axios\r\n .delete(buildDeleteUrl(resource, data), axiosConfig())\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.DELETE_CUSTOMER_ORDER), data: responce }))\r\n .catch(err => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.ERROR) });\r\n });\r\n};\r\n\r\nexport const addCustomerOrder = (resource, data) => dispatch => {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.ADD_CUSTOMER_ORDER_LOADING) });\r\n axios\r\n .post(buildPostUrl(resource), data, axiosConfig())\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.ADD_CUSTOMER_ORDER), data: responce }))\r\n .catch(err => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.ERROR) });\r\n });\r\n};\r\n\r\nexport const editCustomerOrder = (resource, data) => dispatch => {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.EDIT_CUSTOMER_ORDER_LOADING) });\r\n axios\r\n .put(buildPutUrl(resource), data, axiosConfig())\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.EDIT_CUSTOMER_ORDER), data: responce }))\r\n .catch(err => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.ERROR) });\r\n });\r\n};\r\n\r\nexport const setFormValues = (resource, formValues) => dispatch => {\r\n dispatch({\r\n type: actionTypes.getActionType(resource, actionTypes.SET_FORM_VALUES), data: formValues\r\n });\r\n}\r\n\r\nexport const sortBy = (resource, sortValue) => dispatch => {\r\n dispatch({\r\n type: actionTypes.getActionType(resource, actionTypes.SORT_ORDERS_NEW_ORDERS), data: sortValue\r\n });\r\n}\r\n\r\nexport const setHeaderWidth = (resource, ind, width) => ({\r\n type: actionTypes.getActionType(resource, actionTypes.SET_HEADER_WIDTH_NEW_ORDERS),\r\n data: { ind, width },\r\n});\r\n\r\nexport const setItemDisplayState = (resource, rowState, header, enable) => ({\r\n type: actionTypes.getActionType(resource, actionTypes.SET_DISPLAY_STATE),\r\n data: {\r\n rowState,\r\n header,\r\n enable,\r\n },\r\n});\r\n\r\nexport const resetError = resource => ({ type: actionTypes.getActionType(resource, actionTypes.RESET_ERROR) });\r\n\r\nexport const resetOrderAdded = resource => ({ type: actionTypes.getActionType(resource, actionTypes.RESET_ORDER_ADDED) });\r\n","import axios from 'axios';\r\nimport store from '../..';\r\nimport * as actionTypes from './customerRejectedOrdersActionTypes';\r\n\r\nconst buildUrl = (resource = 'CustomerOrder', endPoint) => `/api/${resource}/${endPoint}`;\r\n\r\nconst axiosConfig = () => ({\r\n headers: {\r\n Authorization: 'Bearer ' + store.getState().auth.userToken,\r\n },\r\n});\r\n\r\nexport const getCustomerOrderRejected = (resource, endPoint) => dispatch => {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.CUSTOMER_ORDERS_REJECTED_LOADING) });\r\n axios\r\n .get(buildUrl(resource, endPoint), axiosConfig())\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.GET_CUSTOMER_ORDERS_REJECTED), data: responce }))\r\n .catch(err => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.ERROR) });\r\n });\r\n};\r\n\r\nexport const sortBy = (resource, sortValue) => dispatch => {\r\n dispatch({\r\n type: actionTypes.getActionType(resource, actionTypes.SORT_ORDERS_REJECTED_ORDERS), data: sortValue\r\n });\r\n}\r\n\r\nexport const setHeaderWidth = (resource, ind, width) => ({\r\n type: actionTypes.getActionType(resource, actionTypes.SET_HEADER_WIDTH_REJECTED_ORDERS),\r\n data: { ind, width },\r\n});\r\n\r\nexport const setItemDisplayState = (resource, rowState, header, enable) => ({\r\n type: actionTypes.getActionType(resource, actionTypes.SET_DISPLAY_STATE),\r\n data: {\r\n rowState,\r\n header,\r\n enable,\r\n },\r\n});\r\n\r\nexport const resetError = resource => ({ type: actionTypes.getActionType(resource, actionTypes.RESET_ERROR) });\r\n","import React from 'react';\r\nimport Modal from 'react-modal';\r\n\r\nconst EditWarningModal = ({ \r\n errorModalText,\r\n setErrorModalText,\r\n message,\r\n resetError,\r\n resource,\r\n orderAdded,\r\n hasError,\r\n setIsOpen, \r\n setButtonDisabled,\r\n }) => {\r\n\r\n const closeModal = () => {\r\n hasError && !orderAdded && setIsOpen(true);\r\n setErrorModalText('');\r\n resetError && resetError(resource);\r\n setButtonDisabled && setButtonDisabled(false);\r\n };\r\n\r\n const customStyles = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '400px',\r\n minHeight: '200px', \r\n borderRadius: '8px',\r\n padding: '6px 12px',\r\n },\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default EditWarningModal;","import React, { useEffect, useState } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport Modal from 'react-modal';\r\nimport { Formik, Form, Field } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport { DatePicker, Dropdown, Menu, Space } from 'antd';\r\nimport moment from 'moment';\r\nimport Select from 'react-select'\r\nimport { getFavoriteLocationDoorList, getAllLocationDoorList } from '../../../../store/actions/customerOrderLocations/customerOrderLocations';\r\nimport { customerOrderNewOrders, addCustomerOrder, editCustomerOrder, setFormValues } from '../../../../store/actions/customerOrderNewOrders/customerOrderNewOrders';\r\nimport { revisionCustomerOrder } from '../../../../store/actions/customerOrderInProgress/customerOrderInProgress';\r\nimport { getCustomerOrderRejected } from '../../../../store/actions/customerRejectedOrders/customerRejectedOrders';\r\nimport { customerOrderInProgress } from '../../../../store/actions/customerOrderInProgress/customerOrderInProgress';\r\nimport Loading from '../../screen/loading';\r\nimport ErrorModal from './errorModal';\r\nimport store from '../../../../store';\r\n\r\nconst CustomModal = ({ \r\n modalIsOpen,\r\n totalOrders,\r\n totalOrdersRequested,\r\n setIsOpen,\r\n addCustomerOrder,\r\n editCustomerOrder,\r\n customerOrderNewOrders,\r\n customerOrderInProgress,\r\n getCustomerOrderRejected,\r\n editMode,\r\n revisionMode,\r\n revisionCustomerOrder,\r\n data,\r\n setEditWarningModaIsOpen, \r\n getFavoriteLocationDoorList,\r\n getAllLocationDoorList,\r\n favoriteLocationsDoorsList,\r\n allLocationsDoorsList,\r\n favoriteDoorsLocationsLoading,\r\n allDoorsLocationsLoading,\r\n setFormValues,\r\n formValues,\r\n setSaveBtnClicked,\r\n setSaveAndNewBtnClicked,\r\n setSaveAndCloneBtnClicked,\r\n }) => {\r\n\r\n const resource = \"CustomerOrder\";\r\n const [orderAdded, setOrderAdded] = useState(false);\r\n const [buttonDisabled, setButtonDisabled] = useState(false);\r\n const [dataChanged, setDataChanged] = useState(false);\r\n const [errorModalText, setErrorModalText] = useState('');\r\n let submitAction = '';\r\n\r\n // get customerId\r\n const token = store.getState().auth.userToken;\r\n const parts = token.split('.');\r\n let customerId = null;\r\n if (parts.length > 1) {\r\n const part = parts[1];\r\n const jPart = JSON.parse(atob(part));\r\n const userData = JSON.parse(jPart[\"http://schemas.microsoft.com/ws/2008/06/identity/claims/userdata\"]);\r\n customerId = userData.CustomerId;\r\n };\r\n\r\n useEffect(() => {\r\n getFavoriteLocationDoorList('location', 'locationdoorlistbyparentid', customerId);\r\n getAllLocationDoorList('location', 'locationdoorlist');\r\n }, [getFavoriteLocationDoorList, getAllLocationDoorList, customerId]);\r\n \r\n favoriteLocationsDoorsList?.length && favoriteLocationsDoorsList[0].value !== '' && favoriteLocationsDoorsList.unshift({value: '', text: ''});\r\n allLocationsDoorsList?.length && allLocationsDoorsList[0].value !== '' && allLocationsDoorsList.unshift({value: '', text: ''});\r\n\r\n const optionsFavoriteLocations = favoriteLocationsDoorsList && favoriteLocationsDoorsList.map(item => { \r\n return {...item, 'label': item.text }\r\n })\r\n\r\n const optionsAllLocations = allLocationsDoorsList && allLocationsDoorsList.map(item => { \r\n return {...item, 'label': item.text }\r\n })\r\n\r\n const getTextFromValueFavoriteLocations = value => {\r\n return favoriteLocationsDoorsList?.length ? favoriteLocationsDoorsList?.filter(item => item.value === value)[0].text : [];\r\n };\r\n\r\n const getTextFromValueAllLocations = value => {\r\n return allLocationsDoorsList?.length ? allLocationsDoorsList?.filter(item => item.value === value)[0].text : [];\r\n };\r\n \r\n const handleSubmitSave = submitAdd => {\r\n submitAdd();\r\n setButtonDisabled(false);\r\n };\r\n\r\n const handleSubmitClone = (submit) => {\r\n submit()\r\n openModal();\r\n };\r\n\r\n const handleEdit = (submitEdit) => {\r\n submitEdit();\r\n setButtonDisabled(false);\r\n }\r\n\r\n useEffect(() => {\r\n if (orderAdded && !editMode) {\r\n setTimeout(() => {\r\n customerOrderNewOrders('customerOrder', 'myorderorderlist');\r\n customerOrderInProgress('customerOrder', 'area');\r\n setIsOpen(false);\r\n }, 3000)\r\n }\r\n }, [totalOrders, dataChanged, orderAdded, editMode, customerOrderNewOrders, customerOrderInProgress, setIsOpen]);\r\n\r\n useEffect(() => {\r\n if (orderAdded && editMode) {\r\n setTimeout(() => {\r\n customerOrderInProgress('customerOrder', 'area');\r\n customerOrderNewOrders('customerOrder', 'myorderorderlist');\r\n getCustomerOrderRejected('CustomerOrder', 'myrejectedorderorderlist');\r\n setIsOpen(false);\r\n }, 3000)\r\n }\r\n }, [totalOrders, totalOrdersRequested, dataChanged, orderAdded, editMode, customerOrderInProgress, customerOrderNewOrders, getCustomerOrderRejected, setIsOpen]);\r\n\r\n const afterOpenModal = () => {\r\n // references are now sync'd and can be accessed.\r\n };\r\n\r\n const closeModal = () => {\r\n setIsOpen(false);\r\n if (!editMode) {\r\n setFormValues({});\r\n customerOrderNewOrders('customerOrder', 'myorderorderlist');\r\n customerOrderInProgress('customerOrder', 'area');\r\n }\r\n };\r\n\r\n const openModal = () => {\r\n setIsOpen(true);\r\n };\r\n\r\n const customStyles = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '580px',\r\n minHeight: '440px', \r\n borderRadius: '8px',\r\n padding: '6px 12px',\r\n },\r\n };\r\n\r\n const validationSchema = Yup.object().shape({\r\n pickLocationId: Yup.string().required('Required'),\r\n dropLocationId: Yup.string().required('Required'),\r\n readyDate: Yup.date().required('Required'),\r\n dueDate: Yup.date().required('Required'),\r\n palletCount: Yup.number().integer().required('Required'),\r\n space: Yup.number().integer().required('Required'),\r\n poNumber: Yup.string().required('Required'),\r\n soNumber: Yup.string(),\r\n weight: Yup.number().required('Required'),\r\n // freight: Yup.number().nullable(),\r\n temperature: Yup.number().required('Required'),\r\n });\r\n\r\n const temperatureObject = [\r\n { \r\n 'text': 'Frozen',\r\n 'value': 1,\r\n },\r\n {\r\n 'text': 'Chilled',\r\n 'value': 2,\r\n },\r\n {\r\n 'text': 'Dry',\r\n 'value': 3,\r\n },\r\n {\r\n 'text': 'C|F',\r\n 'value': 4,\r\n }\r\n ];\r\n\r\n const returnTextFromValue = (value, list) => {\r\n for(let i = 0; i < list?.length; i ++) {\r\n if (list[i].value === value) {\r\n return list[i].text;\r\n }\r\n }\r\n }\r\n\r\n const setDropLocation = (option, setFieldValue) => {\r\n setFieldValue('dropLocationId', option.value);\r\n setFieldValue('dropRegionId', option.outboundRegionId)\r\n }\r\n\r\n const colourStyles = {\r\n control: (base, state) => ({\r\n ...base,\r\n borderColor: state.isFocused ? \"lightGray\" : \"lightGray\",\r\n borderRadius: '8px',\r\n boxShadow: 'none',\r\n minHeight: '39px',\r\n }),\r\n menu: (base, state) => ({\r\n ...base,\r\n zIndex: '20',\r\n }),\r\n valueContainer: (base, state) => ({\r\n display: 'flex',\r\n alignItems: 'self-end',\r\n paddingLeft: '5px',\r\n maxWidth: '224px',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap',\r\n }),\r\n singleValue: (base, state) => ({\r\n maxWidth: '224px',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap',\r\n }),\r\n };\r\n\r\n if (favoriteDoorsLocationsLoading || allDoorsLocationsLoading || orderAdded) {\r\n return (\r\n {message}
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n };\r\n\r\n return (\r\n \r\n {\r\n setFormValues(resource ,values)\r\n if(revisionMode) {\r\n setButtonDisabled(true)\r\n setTimeout(() => {\r\n setSubmitting(false);\r\n if (\r\n values.palletCount !== data.revisionPalletCount ||\r\n values.weight !== data.revisionWeight ||\r\n values.space !== data.revisionSpace ||\r\n values.customerOrderNotes !== data.revisionNotes\r\n )\r\n {\r\n if (Number(values.space) > 30) {\r\n setFieldValue('space', '');\r\n setErrorModalText(`Space count can't be more than 30`);\r\n } else if (Number(values.weight) > Number(values.palletCount) * 2750) {\r\n setErrorModalText(`Maximum weight for 1 pallet can be 2750 pounds`);\r\n setFieldValue('weight', '');\r\n } else {\r\n revisionCustomerOrder('CustomerOrder', values);\r\n setOrderAdded(true);\r\n setDataChanged(true);\r\n }\r\n setFormValues({});\r\n } else {\r\n setIsOpen(false);\r\n setEditWarningModaIsOpen(true);\r\n }\r\n }, 400);\r\n } else if(editMode && !revisionMode) {\r\n setButtonDisabled(true)\r\n setTimeout(() => {\r\n setSubmitting(false);\r\n if (\r\n values.pickLocationId !== data.pickLocationId ||\r\n values.dropLocationId !== data.dropLocationId ||\r\n (\r\n new Date(values.readyDate._d).getDate() !== new Date(data.readyDate).getDate() ||\r\n new Date(values.readyDate._d).getMonth() !== new Date(data.readyDate).getMonth()\r\n ) ||\r\n (\r\n new Date(values.dueDate._d).getDate() !== new Date(data.dueDate).getDate() ||\r\n new Date(values.dueDate._d).getMonth() !== new Date(data.dueDate).getMonth()\r\n ) ||\r\n values.palletCount !== data.palletCount ||\r\n values.space !== data.space ||\r\n values.soNumber !== data.soNumber ||\r\n values.poNumber !== data.poNumber ||\r\n values.weight !== data.weight ||\r\n // values.freight !== data.freight ||\r\n values.temperature !== data.temperature ||\r\n values.customerOrderNotes !== data.customerOrderNotes\r\n )\r\n {\r\n if (Number(values.space) > 30) {\r\n setFieldValue('space', '');\r\n setErrorModalText(`Space count can't be more than 30`);\r\n } else if (Number(values.weight) > Number(values.palletCount) * 2750) {\r\n setErrorModalText(`Maximum weight for 1 pallet can be 2750 pounds`);\r\n setFieldValue('weight', '');\r\n } else {\r\n editCustomerOrder('CustomerOrder', values);\r\n setOrderAdded(true);\r\n setDataChanged(true);\r\n }\r\n } else {\r\n setIsOpen(false);\r\n setEditWarningModaIsOpen(true);\r\n }\r\n }, 400);\r\n } else {\r\n setButtonDisabled(true)\r\n setTimeout(() => {\r\n setSubmitting(false);\r\n setOrderAdded(false);\r\n if (\r\n values.pickLocationId === '' &&\r\n values.dropLocationId === '' &&\r\n values.readyDate === '' &&\r\n values.dueDate === '' &&\r\n values.palletCount === '' &&\r\n values.space === '' &&\r\n values.poNumber === '' &&\r\n values.weight === '' &&\r\n // values.freight === '' &&\r\n values.temperature === ''\r\n ) {\r\n setButtonDisabled(true);\r\n } else {\r\n values.space <= 30 && (values.weight <= values.palletCount * 2750) &&\r\n addCustomerOrder('CustomerOrder', values); \r\n\r\n if (submitAction === \"first\") {\r\n setSaveBtnClicked(true);\r\n setSaveAndNewBtnClicked(false);\r\n setSaveAndCloneBtnClicked(false);\r\n }\r\n if (submitAction === \"second\" ) {\r\n setSaveBtnClicked(false);\r\n setSaveAndNewBtnClicked(true);\r\n setSaveAndCloneBtnClicked(false);\r\n }\r\n if (submitAction === \"third\" ) {\r\n setSaveBtnClicked(false);\r\n setSaveAndNewBtnClicked(false);\r\n setSaveAndCloneBtnClicked(true);\r\n }\r\n values.space > 30 && setFieldValue('space', '');\r\n values.space > 30 && setErrorModalText(`Space count can't be more than 30`);\r\n values.weight > values.palletCount * 2750 && setErrorModalText(`Maximum weight for 1 pallet can be 2750 pounds`);\r\n values.weight > values.palletCount * 2750 && setFieldValue('weight', '');\r\n }\r\n }, 400);\r\n }}\r\n }\r\n >\r\n {({ isSubmitting, isValid, values, setFieldValue, errors, touched, handleSubmit }) => (\r\n \r\n )}\r\n \r\n
\r\n {!!errorModalText &&\r\n \r\n
\r\n {revisionMode ? 'Revision Order' : editMode ? 'Edit Order' : 'Add Order'}
\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default EditWarningModal;","import React, { useState, useRef, useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport moment from 'moment';\r\nimport { Tooltip, DatePicker } from 'antd';\r\nimport { enabled } from 'store/dist/store.legacy';\r\nimport { Defines } from '../../../../project/Defines';\r\nimport { setItemData, setItemDisplayState } from '../../../../store/actions/trafficControl/trafficControl';\r\nimport CustomModal from './modal';\r\nimport EditWarningModal from '../CustomerOrderNewOrders/modalEditWarning';\r\n\r\nconst Cell = ({\r\n state,\r\n cellData,\r\n itemSize,\r\n rowState,\r\n resource,\r\n startOnScroll,\r\n setItemData,\r\n setItemDisplayState,\r\n}) => {\r\n const traffic = state[resource];\r\n const redonly = 1;\r\n const editable = 2;\r\n const header = traffic.headers.find(h => h.key === cellData.key);\r\n // const headerIndex = traffic.headers.findIndex(h => h.key === cellData.key);\r\n const [modalIsOpen, setIsOpen] = useState(false);\r\n const [editWarningModaIsOpen, setEditWarningModaIsOpen] = useState(false);\r\n\r\n const width = header.width;\r\n// const offsetWidth = traffic.headers.reduce((r, h, index) => {\r\n// if (h.visible && index < (headerIndex - 3)) {\r\n// r += h.width;\r\n// }\r\n// return r;\r\n// }, 0);\r\n\r\nconst lastSelectId = traffic.lastSelected?.id;\r\nconst lastSelectHeaderKey = traffic.lastSelected?.headerKey;\r\nconst lastSelectenable = traffic.lastSelected?.enable;\r\nconst rowStateId = rowState.orderId;\r\nconst headerKey = header.key;\r\nconst [displayState, setDisplayState] = useState(redonly);\r\nconst [tempData, setTempData] = useState(null);\r\n\r\nuseEffect(() => {\r\n if (lastSelectId === rowStateId && lastSelectHeaderKey === headerKey && lastSelectenable) {\r\n setDisplayState(enabled);\r\n }\r\n}, [lastSelectId, lastSelectHeaderKey, lastSelectenable, rowStateId, headerKey]);\r\n\r\nconst cellStyle = cellData.cellStyle;\r\nlet data = (cellData.valueText && cellData.fieldType === 'text') ? cellData.valueText : cellData.value;\r\n useEffect(() => {\r\n setTempData(data);\r\n }, [data]);\r\n\r\n const inputReference = useRef(null);\r\n\r\n const handleEdit = () => {\r\n setIsOpen(true);\r\n };\r\n\r\n const dataCompare = (newData, data) => {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n case 'dateTime':\r\n if (newData instanceof Date && data instanceof Date) {\r\n return newData.getTime() === data.getTime();\r\n }\r\n return newData === data;\r\n default:\r\n return newData === data;\r\n }\r\n };\r\n\r\n const setData = (value, subType) => {\r\n onSetBlur();\r\n let newValue = value;\r\n if (value !== '') {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n newValue = new Date(value);\r\n break;\r\n case 'dateTime':\r\n newValue = new Date(value);\r\n break;\r\n case 'text':\r\n newValue = value;\r\n break;\r\n case 'textInput':\r\n newValue = value;\r\n break;\r\n case 'select':\r\n newValue = value;\r\n break;\r\n case 'checkbox':\r\n newValue = value;\r\n break;\r\n default:\r\n newValue = value;\r\n break;\r\n }\r\n }\r\n const valueForCompare = tempData;\r\n if (!dataCompare(newValue, valueForCompare)) {\r\n setTimeout(() => {\r\n setItemData(resource, newValue, rowState, header, subType);\r\n }, 100);\r\n setTimeout(() => {\r\n setTempData(newValue);\r\n }, 100);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (inputReference && inputReference.current) {\r\n inputReference.current.focus();\r\n }\r\n }, [displayState]);\r\n\r\n const getData = () => {\r\n if (tempData !== '' && tempData !== null) {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n return moment(tempData).format(Defines.Format.PrintDate);\r\n case 'dateTime':\r\n if (cellData.key === 'dueDate') {\r\n const indicator = rowState?.orderData?.orderIndicator;\r\n if (rowState?.orderData?.isHardDate) {\r\n return (\r\n You didn't make any changes
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n default:\r\n return tempData;\r\n }\r\n }\r\n return tempData;\r\n };\r\n\r\n const getInput = () => {\r\n switch (cellData.fieldType) {\r\n case 'dateTime':\r\n return (\r\n \r\n \r\n
\r\n onSetFocus()}\r\n onClick={() => { editableFunction(cellData)} }\r\n className='table-body-cell table-borders customer-order-row'\r\n style={{ ...cellDefaultStyle, ...cellStyle,\r\n }}\r\n tabIndex={displayState === redonly ? 0 : -1}>\r\n {dataDisplay()}\r\n
\r\n {modalIsOpen &&\r\n \r\n {data.row.map(cellContent)}\r\n
: null;\r\n };\r\n\r\nexport default connect(state => ({ state: state}))(Row);","export const getContentWidth = headers => {\r\n return ((headers && headers.length > 0) ?\r\n headers.reduce((a, b) => a + b.width, 0) :\r\n 0);\r\n};\r\n\r\nexport const getContentWidthExceptLeftAction = headers => {\r\n return ((headers && headers.length > 0) ?\r\n headers.reduce((a, b) => b.leftAction ? a + 0 : a + b.width, 0) :\r\n 0);\r\n};\r\n","import React, { useEffect, useRef, useCallback, useMemo, useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport AutoSizer from 'react-virtualized-auto-sizer';\r\nimport { VariableSizeList } from 'react-window';\r\nimport { Dropdown, Space, Menu, message } from 'antd';\r\nimport './index.css';\r\nimport HeaderRow from './headerRow';\r\nimport Row from './row';\r\nimport Loading from '../../screen/loading';\r\nimport { customerOrderInProgress, sortBy } from '../../../../store/actions/customerOrderInProgress/customerOrderInProgress';\r\nimport { resetError, setFormValues, resetOrderAdded } from '../../../../store/actions/customerOrderNewOrders/customerOrderNewOrders';\r\nimport { getContentWidth } from '../../../../store/reducers/customerOrderInProgress/helper/general';\r\nimport CustomModal from \"./modal\";\r\nimport ErrorModal from './errorModal';\r\n\r\nconst CustomerOrderInProgressSpreadsheet = props => {\r\n const { \r\n customerOrderInProgress, \r\n sortBy, \r\n loading, \r\n state, \r\n total, \r\n addCustomerOrderloading,\r\n hasError,\r\n resetError,\r\n actionMessage,\r\n orderAdded,\r\n setFormValues,\r\n formValues,\r\n resetOrderAdded,\r\n totalUpcomingOrders, \r\n } = props;\r\n const resource = 'customerOrderInProgress';\r\n const defRowHeight = 40;\r\n const scrollSize = 0;\r\n const customerOrderRef = useRef(null);\r\n const listReference = useRef(null);\r\n const listHeaderReference = useRef(null);\r\n const mainScroll = useRef(null);\r\n const startOnScroll = width => (mainScroll.current.scrollLeft = width);\r\n const headers = state[resource].headers;\r\n const width = getContentWidth(headers) + scrollSize;\r\n const [sortValue, setSortValue] = useState(null);\r\n const [modalIsOpen, setIsOpen] = useState(false);\r\n const [errorModalText, setErrorModalText] = useState('');\r\n const [saveBtnClicked, setSaveBtnClicked] = useState(false);\r\n const [saveAndNewBtnClicked, setSaveAndNewBtnClicked] = useState(false);\r\n const [saveAndCloneBtnClicked, setSaveAndCloneBtnClicked] = useState(false);\r\n\r\n const onScrollX = e => {\r\n if (listHeaderReference.current && listReference.current && e.target) {\r\n listHeaderReference.current.scrollLeft = listReference.current.scrollLeft = e.target.scrollLeft;\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (hasError) {\r\n setErrorModalText(actionMessage);\r\n }\r\n}, [hasError, actionMessage, resetError, resource]);\r\n\r\nuseEffect(() => {\r\n if (orderAdded) {\r\n message.success('Order successfully saved', 3);\r\n saveBtnClicked && setIsOpen(false);\r\n saveBtnClicked && resetError(resource);\r\n saveBtnClicked && setFormValues({});\r\n saveAndNewBtnClicked && setFormValues({});\r\n const updatedValues = {...formValues, poNumber: '', soNumber: ''};\r\n saveAndCloneBtnClicked && setFormValues(resource, updatedValues); \r\n setTimeout(() => resetOrderAdded(resource), 3000);\r\n }\r\n}, [formValues, orderAdded, resetError, resetOrderAdded, saveAndCloneBtnClicked, saveAndNewBtnClicked, saveBtnClicked, setFormValues]);\r\n\r\n useEffect(() => {\r\n customerOrderInProgress('customerOrder', 'area');\r\n }, [resource, customerOrderInProgress, totalUpcomingOrders]);\r\n\r\n let customerOrderList = [];\r\n\r\n if (sortValue) {\r\n customerOrderList = state[resource]?.sortedCustomerOrderInProgress;\r\n } else {\r\n customerOrderList = state[resource]?.customerOrderInProgress;\r\n };\r\n\r\n const header = useMemo(\r\n () => (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n e.preventDefault()}>\r\n Sort \r\n \r\n \r\n
\r\n \r\n In Transit Orders: {total}\r\n
\r\n \r\n PAST ORDERS\r\n \r\n
\r\n {header}
\r\n {allCustomerOrderList}
\r\n \r\n {headers.map((_, ind) => {\r\n return
\r\n );\r\n};\r\n\r\nexport default connect(state => ({\r\n state: state\r\n}))(HeaderRow);","import React, { useState, useEffect } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport Modal from 'react-modal';\r\nimport { customerOrderInProgress } from '../../../../store/actions/customerOrderInProgress/customerOrderInProgress';\r\nimport { customerOrderNewOrders, deleteCustomerOrder } from '../../../../store/actions/customerOrderNewOrders/customerOrderNewOrders';\r\nimport Loading from '../../screen/loading';\r\n\r\nconst CustomModal = ({ totalOrders, id, deleteModalIsOpen, setDeleteModalIsOpen, deleteCustomerOrder, customerOrderNewOrders, customerOrderInProgress }) => {\r\n const [orderDeleted, setOrderDeleted] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n\r\n const closeModal = () => {\r\n setDeleteModalIsOpen(false);\r\n };\r\n\r\n const handleDelete = () => {\r\n setLoading(true);\r\n deleteCustomerOrder('CustomerOrder', id);\r\n setOrderDeleted(true);\r\n }\r\n\r\n useEffect(() => {\r\n if (orderDeleted) {\r\n customerOrderNewOrders('customerOrder', 'myorderorderlist');\r\n customerOrderInProgress('customerOrder', 'area');\r\n setLoading(false);\r\n }\r\n }, [customerOrderInProgress, customerOrderNewOrders, orderDeleted, totalOrders]);\r\n\r\n const customStyles = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '400px',\r\n minHeight: '200px', \r\n borderRadius: '8px',\r\n padding: '6px 12px',\r\n },\r\n };\r\n\r\n if (loading) {\r\n return (\r\n \r\n
\r\n \r\n )\r\n };\r\n\r\n\r\n return (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n state: state,\r\n totalOrders: state.customerOrderNewOrders.totalOrders,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n deleteCustomerOrder: (resource, orderId) => dispatch(deleteCustomerOrder(resource, orderId)),\r\n customerOrderNewOrders: (resource, endPoint) => dispatch(customerOrderNewOrders(resource, endPoint)),\r\n customerOrderInProgress: (resource, endPoint) => dispatch(customerOrderInProgress(resource, endPoint)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CustomModal);","import React, { useState, useRef, useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport moment from 'moment';\r\nimport { DatePicker, Tooltip } from 'antd';\r\nimport { enabled } from 'store/dist/store.legacy';\r\nimport { Defines } from '../../../../project/Defines';\r\nimport { setItemData, setItemDisplayState } from '../../../../store/actions/trafficControl/trafficControl';\r\nimport CustomModal from \"../CustomerOrderInProgress/modal\";\r\nimport CustomModalDelete from \"./modalDelete\";\r\nimport EditWarningModal from './modalEditWarning';\r\n\r\nconst Cell = ({\r\n state,\r\n cellData,\r\n itemSize,\r\n rowState,\r\n resource,\r\n startOnScroll,\r\n setItemData,\r\n setItemDisplayState,\r\n}) => {\r\n const traffic = state[resource];\r\n const redonly = 1;\r\n const editable = 2;\r\n const header = traffic.headers.find(h => h.key === cellData.key);\r\n // const headerIndex = traffic.headers.findIndex(h => h.key === cellData.key);\r\n const [modalIsOpen, setIsOpen] = useState(false);\r\n const [deleteModalIsOpen, setDeleteModalIsOpen] = useState(false);\r\n const [editWarningModaIsOpen, setEditWarningModaIsOpen] = useState(false);\r\n\r\n const width = header.width;\r\n// const offsetWidth = traffic.headers.reduce((r, h, index) => {\r\n// if (h.visible && index < (headerIndex - 3)) {\r\n// r += h.width;\r\n// }\r\n// return r;\r\n// }, 0);\r\n\r\nconst lastSelectId = traffic.lastSelected?.id;\r\nconst lastSelectHeaderKey = traffic.lastSelected?.headerKey;\r\nconst lastSelectenable = traffic.lastSelected?.enable;\r\nconst rowStateId = rowState.orderId;\r\nconst headerKey = header.key;\r\nconst [displayState, setDisplayState] = useState(redonly);\r\nconst [tempData, setTempData] = useState(null);\r\n\r\nuseEffect(() => {\r\n if (lastSelectId === rowStateId && lastSelectHeaderKey === headerKey && lastSelectenable) {\r\n setDisplayState(enabled);\r\n }\r\n}, [lastSelectId, lastSelectHeaderKey, lastSelectenable, rowStateId, headerKey]);\r\n\r\nconst cellStyle = cellData.cellStyle;\r\nlet data = (cellData.valueText && cellData.fieldType === 'text') ? cellData.valueText : cellData.value;\r\n useEffect(() => {\r\n setTempData(data);\r\n }, [data]);\r\n\r\n const handleEdit = () => {\r\n setIsOpen(true);\r\n };\r\n\r\n const handleDelete = () => {\r\n setDeleteModalIsOpen(true);\r\n };\r\n\r\n const inputReference = useRef(null);\r\n\r\n const dataCompare = (newData, data) => {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n case 'dateTime':\r\n if (newData instanceof Date && data instanceof Date) {\r\n return newData.getTime() === data.getTime();\r\n }\r\n return newData === data;\r\n default:\r\n return newData === data;\r\n }\r\n };\r\n\r\n const setData = (value, subType) => {\r\n onSetBlur();\r\n let newValue = value;\r\n if (value !== '') {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n newValue = new Date(value);\r\n break;\r\n case 'dateTime':\r\n newValue = new Date(value);\r\n break;\r\n case 'text':\r\n newValue = value;\r\n break;\r\n case 'textInput':\r\n newValue = value;\r\n break;\r\n case 'select':\r\n newValue = value;\r\n break;\r\n case 'checkbox':\r\n newValue = value;\r\n break;\r\n default:\r\n newValue = value;\r\n break;\r\n }\r\n }\r\n const valueForCompare = tempData;\r\n if (!dataCompare(newValue, valueForCompare)) {\r\n setTimeout(() => {\r\n setItemData(resource, newValue, rowState, header, subType);\r\n }, 100);\r\n setTimeout(() => {\r\n setTempData(newValue);\r\n }, 100);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (inputReference && inputReference.current) {\r\n inputReference.current.focus();\r\n }\r\n }, [displayState]);\r\n\r\n const getData = () => {\r\n if (tempData !== '' && tempData !== null) {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n return moment(tempData).format(Defines.Format.PrintDate);\r\n case 'dateTime':\r\n if (cellData.key === 'dueDate') {\r\n const indicator = rowState?.orderData?.orderIndicator;\r\n if (rowState?.orderData?.isHardDate) {\r\n return (\r\n \r\n \r\n
\r\n This action cannot be undone. Are you sure you want to continue?
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n default:\r\n return tempData;\r\n }\r\n }\r\n return tempData;\r\n };\r\n\r\n const getInput = () => {\r\n switch (cellData.fieldType) {\r\n case 'dateTime':\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n onSetFocus()}\r\n onClick={() => { editableFunction(cellData)} }\r\n className='table-body-cell table-borders customer-order-row'\r\n style={{ ...cellDefaultStyle, ...cellStyle,\r\n }}\r\n tabIndex={displayState === redonly ? 0 : -1}>\r\n {dataDisplay()}\r\n
\r\n {modalIsOpen &&\r\n \r\n {data.row.map(cellContent)}\r\n
: null;\r\n };\r\n\r\nexport default connect(state => ({ state: state}))(Row);","export const getContentWidth = headers => {\r\n return ((headers && headers.length > 0) ?\r\n headers.reduce((a, b) => a + b.width, 0) :\r\n 0);\r\n};\r\n\r\nexport const getContentWidthExceptLeftAction = headers => {\r\n return ((headers && headers.length > 0) ?\r\n headers.reduce((a, b) => b.leftAction ? a + 0 : a + b.width, 0) :\r\n 0);\r\n};\r\n","import React, { useEffect, useRef, useCallback, useMemo, useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport AutoSizer from 'react-virtualized-auto-sizer';\r\nimport { VariableSizeList } from 'react-window';\r\nimport { Dropdown, Space, message, Menu } from 'antd';\r\nimport './index.css';\r\nimport HeaderRow from './headerRow';\r\nimport Row from './row';\r\nimport Loading from '../../screen/loading';\r\nimport { customerOrderNewOrders, sortBy, resetError, setFormValues } from '../../../../store/actions/customerOrderNewOrders/customerOrderNewOrders';\r\nimport { getContentWidth } from '../../../../store/reducers/customerOrderNewOrders/helper/general';\r\nimport { useTidioScript } from \"../../../hook/data/useTidioScript\";\r\n\r\nconst CustomerOrderNewOrdersSpreadsheet = props => {\r\n const {\r\n customerOrderNewOrders,\r\n sortBy,\r\n loading,\r\n resetError,\r\n state,\r\n totalOrders,\r\n orderUpdated,\r\n setFormValues,\r\n } = props;\r\n const resource = 'customerOrderNewOrders';\r\n const defRowHeight = 40;\r\n const scrollSize = 0;\r\n const customerOrderRef = useRef(null);\r\n const listReference = useRef(null);\r\n const listHeaderReference = useRef(null);\r\n const mainScroll = useRef(null);\r\n const startOnScroll = width => (mainScroll.current.scrollLeft = width);\r\n const headers = state[resource].headers;\r\n const width = getContentWidth(headers) + scrollSize;\r\n const innerWidth = window.innerWidth;\r\n const smallScreen = width > innerWidth;\r\n const [sortValue, setSortValue] = useState('');\r\n\r\n useTidioScript();\r\n\r\n const onScrollX = e => {\r\n if (listHeaderReference.current && listReference.current && e.target) {\r\n listHeaderReference.current.scrollLeft = listReference.current.scrollLeft = e.target.scrollLeft;\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n customerOrderNewOrders('customerOrder', 'myorderorderlist');\r\n }, [resource, customerOrderNewOrders, totalOrders]);\r\n\r\n useEffect(() => {\r\n if (orderUpdated) {\r\n message.success('Order successfully saved', 3);\r\n resetError(resource);\r\n setFormValues({});\r\n }\r\n }, [orderUpdated, resetError, setFormValues]);\r\n\r\n let customerOrderList = [];\r\n\r\n if (sortValue) {\r\n customerOrderList = state[resource]?.sortedCustomerOrderNewOrders;\r\n } else {\r\n customerOrderList = state[resource]?.customerOrderNewOrders;\r\n };\r\n\r\n const header = useMemo(\r\n () => (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n e.preventDefault()}>\r\n Sort \r\n \r\n \r\n
\r\n \r\n Upcoming Orders: {totalOrders}\r\n
\r\n {header}
\r\n {allCustomerOrderList}
\r\n \r\n \r\n
\r\n );\r\n return content;\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n state: state,\r\n loadingCustomerOrderNewOrders: state.customerOrderNewOrders.loading,\r\n loadingCustomerOrderInProgress: state.customerOrderInProgress.loading,\r\n});\r\n\r\nexport default connect(mapStateToProps)(CustomerOrders);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport CustomerOrders from '../../CustomerOrders/CustomerOrders';\r\nimport { getContentWidth } from '../../../../../store/reducers/customerOrderInProgress/helper/general';\r\n\r\nconst CustomerOrderBuild = props => {\r\n const { state } = props;\r\n const resource = 'customerOrderInProgress';\r\n const headers = state[resource].headers;\r\n const width = getContentWidth(headers);\r\n\r\n return (\r\n \r\n {headers.map((_, ind) => {\r\n return
\r\n );\r\n};\r\n\r\nexport default connect(state => ({\r\n state: state\r\n}))(HeaderRow);","import React, { useState, useRef, useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport moment from 'moment';\r\nimport { Tooltip, DatePicker } from 'antd';\r\nimport { enabled } from 'store/dist/store.legacy';\r\nimport { Defines } from '../../../../project/Defines';\r\nimport { setItemData, setItemDisplayState } from '../../../../store/actions/trafficControl/trafficControl';\r\nimport CustomModal from \"../CustomerOrderInProgress/modal\";\r\n\r\nconst Cell = ({\r\n state,\r\n cellData,\r\n itemSize,\r\n rowState,\r\n resource,\r\n startOnScroll,\r\n setItemData,\r\n setItemDataUpcoming,\r\n setItemDisplayState,\r\n}) => {\r\n const rejectedOrders = state[resource];\r\n const redonly = 1;\r\n const editable = 2;\r\n const header = rejectedOrders.headers.find(h => h.key === cellData.key);\r\n // const headerIndex = rejectedOrders.headers.findIndex(h => h.key === cellData.key);\r\n const [modalIsOpen, setIsOpen] = useState(false);\r\n\r\n const width = header.width;\r\n// const offsetWidth = rejectedOrders.headers.reduce((r, h, index) => {\r\n// if (h.visible && index < (headerIndex - 3)) {\r\n// r += h.width;\r\n// }\r\n// return r;\r\n// }, 0);\r\n\r\nconst lastSelectId = rejectedOrders.lastSelected?.id;\r\nconst lastSelectHeaderKey = rejectedOrders.lastSelected?.headerKey;\r\nconst lastSelectenable = rejectedOrders.lastSelected?.enable;\r\nconst rowStateId = rowState.orderId;\r\nconst headerKey = header.key;\r\nconst [displayState, setDisplayState] = useState(redonly);\r\nconst [tempData, setTempData] = useState(null);\r\n\r\nuseEffect(() => {\r\n if (lastSelectId === rowStateId && lastSelectHeaderKey === headerKey && lastSelectenable) {\r\n setDisplayState(enabled);\r\n }\r\n}, [lastSelectId, lastSelectHeaderKey, lastSelectenable, rowStateId, headerKey]);\r\n\r\nconst cellStyle = cellData.cellStyle;\r\nlet data = (cellData.valueText && cellData.fieldType === 'text') ? cellData.valueText : cellData.value;\r\n useEffect(() => {\r\n setTempData(data);\r\n }, [data, cellData.priorityValue, cellData.delayedValue, rowState.loadStatus]);\r\n\r\n const inputReference = useRef(null);\r\n\r\n const dataCompare = (newData, data) => {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n case 'dateTime':\r\n if (newData instanceof Date && data instanceof Date) {\r\n return newData.getTime() === data.getTime();\r\n }\r\n return newData === data;\r\n default:\r\n return newData === data;\r\n }\r\n };\r\n\r\n const setData = (value, subType) => {\r\n onSetBlur();\r\n let newValue = value;\r\n if (value !== '') {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n newValue = new Date(value);\r\n break;\r\n case 'dateTime':\r\n newValue = new Date(value);\r\n break;\r\n case 'text':\r\n newValue = value;\r\n break;\r\n case 'textInput':\r\n newValue = value;\r\n break;\r\n case 'select':\r\n newValue = value;\r\n break;\r\n case 'checkbox':\r\n newValue = value;\r\n break;\r\n default:\r\n newValue = value;\r\n break;\r\n }\r\n }\r\n const valueForCompare = subType === 'priority' ? cellData.priorityValue : subType === 'delayed' ? cellData.delayedValue : tempData;\r\n if (!dataCompare(newValue, valueForCompare)) {\r\n setTimeout(() => {\r\n if (resource === 'traffic') {\r\n setItemData(resource, newValue, rowState, header, subType);\r\n }\r\n if (resource === 'trafficUpcoming') {\r\n setItemDataUpcoming(resource, newValue, rowState, header, subType);\r\n }\r\n }, 100);\r\n setTimeout(() => {\r\n setTempData(newValue);\r\n }, 100);\r\n }\r\n };\r\n\r\n const handleEdit = () => {\r\n setIsOpen(true);\r\n };\r\n\r\n useEffect(() => {\r\n if (inputReference && inputReference.current) {\r\n inputReference.current.focus();\r\n }\r\n }, [displayState]);\r\n\r\n const getData = () => {\r\n if (tempData !== '' && tempData !== null) {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n return moment(tempData).format(Defines.Format.PrintDate);\r\n case 'dateTime':\r\n if (cellData.key === 'dueDate') {\r\n const indicator = rowState?.orderData?.orderIndicator;\r\n if (rowState?.orderData?.isHardDate) {\r\n return (\r\n \r\n
\r\n );\r\n default:\r\n return tempData;\r\n }\r\n }\r\n return tempData;\r\n };\r\n\r\n\r\n const getInput = () => {\r\n switch (cellData.fieldType) {\r\n case 'dateTime':\r\n return (\r\n \r\n \r\n
\r\n onSetFocus()}\r\n onClick={() => { editableFunction(cellData)} }\r\n className='table-body-cell table-borders customer-order-row'\r\n style={{ ...cellDefaultStyle, ...cellStyle }}\r\n tabIndex={displayState === redonly ? 0 : -1}>\r\n {dataDisplay()}\r\n
\r\n {modalIsOpen && \r\n \r\n {data.row.map(cellContent)}\r\n
: null;\r\n };\r\n\r\n export default connect(state => ({ state: state}))(Row);","export const getContentWidth = headers => {\r\n return ((headers && headers.length > 0) ?\r\n headers.reduce((a, b) => a + b.width, 0) :\r\n 0);\r\n};\r\n\r\nexport const getContentWidthExceptLeftAction = headers => {\r\n return ((headers && headers.length > 0) ?\r\n headers.reduce((a, b) => b.leftAction ? a + 0 : a + b.width, 0) :\r\n 0);\r\n};\r\n","import React, { useEffect, useRef, useCallback, useMemo, useState } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport AutoSizer from 'react-virtualized-auto-sizer';\r\nimport { VariableSizeList } from 'react-window';\r\nimport { Dropdown, Space, message, Menu } from 'antd';\r\nimport './index.css'\r\nimport HeaderRow from './headerRow';\r\nimport Row from './row';\r\nimport Loading from \"../../screen/loading\";\r\nimport { getLastOrders, sortBy } from '../../../../store/actions/customerLastOrders/customerLastOrders';\r\nimport { getContentWidth } from '../../../../store/reducers/customerLastOrders/helper/general';\r\nimport { useTidioScript } from \"../../../hook/data/useTidioScript\";\r\n\r\nconst CustomerLastOrders = props => {\r\n const { getLastOrders, loading, haseError, resetError, actionMessage, state, total, sortBy } = props;\r\n const resource = 'customerLastOrders';\r\n const defRowHeight = 40;\r\n const scrollSize = 0;\r\n const lastOrdersRef = useRef(null);\r\n const listReference = useRef(null);\r\n const listHeaderReference = useRef(null);\r\n const lastOrdersHeaderReference = useRef(null);\r\n const mainScroll = useRef(null);\r\n const startOnScroll = width => mainScroll.current.scrollLeft = width;\r\n const headers = state[resource].headers;\r\n const width = getContentWidth(headers) + scrollSize;\r\n const [sortValue, setSortValue] = useState('');\r\n\r\n useTidioScript();\r\n\r\n const onScrollX = e => {\r\n if (listHeaderReference.current && listReference.current && e.target) {\r\n listHeaderReference.current.scrollLeft =\r\n listReference.current.scrollLeft =\r\n e.target.scrollLeft;\r\n }\r\n if (lastOrdersHeaderReference.current && listReference.current && e.target) {\r\n lastOrdersHeaderReference.current.scrollLeft =\r\n listReference.current.scrollLeft =\r\n e.target.scrollLeft;\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n getLastOrders('customerOrder', 'mypastorderorderlist');\r\n }, [resource, getLastOrders]);\r\n\r\n useEffect(() => {\r\n if (haseError) {\r\n message.error(actionMessage);\r\n resetError(resource);\r\n }\r\n }, [haseError, actionMessage, resetError, resource]);\r\n\r\n let myCustomerLastOrders = [];\r\n\r\n if (sortValue) {\r\n myCustomerLastOrders = state[resource]?.sortedCustomerLastOrders;\r\n } else {\r\n myCustomerLastOrders = state[resource]?.customerLastOrders;\r\n };\r\n\r\n const header = useMemo(() => \r\n
, [resource]);\r\n\r\n const getMyCustomerLastOrdersItemSize = useCallback(\r\n index => myCustomerLastOrders?.[index] ? myCustomerLastOrders[index].rowState.height : defRowHeight,\r\n [myCustomerLastOrders]);\r\n\r\n const RenderLastOrdersRow = useCallback(({ data, index, style }) => (\r\n (index !== undefined && data[index])\r\n ? \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n e.preventDefault()}>\r\n Sort \r\n \r\n \r\n
\r\n \r\n Past Orders: {total}\r\n
\r\n {header}
\r\n {allMyCustomerLastOrders}
\r\n onScrollX(e)}>\r\n
\r\n );\r\n\r\n return <>{loading ? \r\n {headers.map((_, ind) => {\r\n return
\r\n );\r\n};\r\n\r\nexport default connect(state => ({\r\n state: state\r\n}))(HeaderRow);","import React, { useState, useRef, useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport moment from 'moment';\r\nimport { DatePicker, Tooltip } from 'antd';\r\nimport { enabled } from 'store/dist/store.legacy';\r\nimport { Defines } from '../../../../project/Defines';\r\nimport { setItemData, setItemDisplayState } from '../../../../store/actions/trafficControl/trafficControl';\r\nimport CustomModal from \"../CustomerOrderInProgress/modal\";\r\nimport EditWarningModal from '../CustomerOrderNewOrders/modalEditWarning';\r\n\r\nconst Cell = ({\r\n state,\r\n cellData,\r\n itemSize,\r\n rowState,\r\n resource,\r\n startOnScroll,\r\n setItemData,\r\n setItemDataUpcoming,\r\n setItemDisplayState,\r\n}) => {\r\n const rejectedOrders = state[resource];\r\n const redonly = 1;\r\n const editable = 2;\r\n const header = rejectedOrders.headers.find(h => h.key === cellData.key);\r\n // const headerIndex = rejectedOrders.headers.findIndex(h => h.key === cellData.key);\r\n const [modalIsOpen, setIsOpen] = useState(false);\r\n const [editWarningModaIsOpen, setEditWarningModaIsOpen] = useState(false);\r\n\r\n const width = header.width;\r\n// const offsetWidth = rejectedOrders.headers.reduce((r, h, index) => {\r\n// if (h.visible && index < (headerIndex - 3)) {\r\n// r += h.width;\r\n// }\r\n// return r;\r\n// }, 0);\r\n\r\nconst lastSelectId = rejectedOrders.lastSelected?.id;\r\nconst lastSelectHeaderKey = rejectedOrders.lastSelected?.headerKey;\r\nconst lastSelectenable = rejectedOrders.lastSelected?.enable;\r\nconst rowStateId = rowState.orderId;\r\nconst headerKey = header.key;\r\nconst [displayState, setDisplayState] = useState(redonly);\r\nconst [tempData, setTempData] = useState(null);\r\n\r\nuseEffect(() => {\r\n if (lastSelectId === rowStateId && lastSelectHeaderKey === headerKey && lastSelectenable) {\r\n setDisplayState(enabled);\r\n }\r\n}, [lastSelectId, lastSelectHeaderKey, lastSelectenable, rowStateId, headerKey]);\r\n\r\nconst cellStyle = cellData.cellStyle;\r\nlet data = (cellData.valueText && cellData.fieldType === 'text') ? cellData.valueText : cellData.value;\r\n useEffect(() => {\r\n setTempData(data);\r\n }, [data, cellData.priorityValue, cellData.delayedValue, rowState.loadStatus]);\r\n\r\n const inputReference = useRef(null);\r\n\r\n const dataCompare = (newData, data) => {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n case 'dateTime':\r\n if (newData instanceof Date && data instanceof Date) {\r\n return newData.getTime() === data.getTime();\r\n }\r\n return newData === data;\r\n default:\r\n return newData === data;\r\n }\r\n };\r\n\r\n const setData = (value, subType) => {\r\n onSetBlur();\r\n let newValue = value;\r\n if (value !== '') {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n newValue = new Date(value);\r\n break;\r\n case 'dateTime':\r\n newValue = new Date(value);\r\n break;\r\n case 'text':\r\n newValue = value;\r\n break;\r\n case 'textInput':\r\n newValue = value;\r\n break;\r\n case 'select':\r\n newValue = value;\r\n break;\r\n case 'checkbox':\r\n newValue = value;\r\n break;\r\n default:\r\n newValue = value;\r\n break;\r\n }\r\n }\r\n const valueForCompare = subType === 'priority' ? cellData.priorityValue : subType === 'delayed' ? cellData.delayedValue : tempData;\r\n if (!dataCompare(newValue, valueForCompare)) {\r\n setTimeout(() => {\r\n if (resource === 'traffic') {\r\n setItemData(resource, newValue, rowState, header, subType);\r\n }\r\n if (resource === 'trafficUpcoming') {\r\n setItemDataUpcoming(resource, newValue, rowState, header, subType);\r\n }\r\n }, 100);\r\n setTimeout(() => {\r\n setTempData(newValue);\r\n }, 100);\r\n }\r\n };\r\n\r\n const handleEdit = () => {\r\n setIsOpen(true);\r\n };\r\n\r\n useEffect(() => {\r\n if (inputReference && inputReference.current) {\r\n inputReference.current.focus();\r\n }\r\n }, [displayState]);\r\n\r\n const getData = () => {\r\n if (tempData !== '' && tempData !== null) {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n return moment(tempData).format(Defines.Format.PrintDate);\r\n case 'dateTime':\r\n if (cellData.key === 'dueDate') {\r\n const indicator = rowState?.orderData?.orderIndicator;\r\n if (rowState?.orderData?.isHardDate) {\r\n return (\r\n \r\n
\r\n );\r\n default:\r\n return tempData;\r\n }\r\n }\r\n return tempData;\r\n };\r\n\r\n\r\n const getInput = () => {\r\n switch (cellData.fieldType) {\r\n case 'dateTime':\r\n return (\r\n \r\n \r\n
\r\n onSetFocus()}\r\n onClick={() => { editableFunction(cellData)} }\r\n className='table-body-cell table-borders customer-order-row'\r\n style={{ ...cellDefaultStyle, ...cellStyle }}\r\n tabIndex={displayState === redonly ? 0 : -1}>\r\n {dataDisplay()}\r\n
\r\n {modalIsOpen && \r\n \r\n {data.row.map(cellContent)}\r\n
: null;\r\n };\r\n\r\n export default connect(state => ({ state: state}))(Row);","export const getContentWidth = headers => {\r\n return ((headers && headers.length > 0) ?\r\n headers.reduce((a, b) => a + b.width, 0) :\r\n 0);\r\n};\r\n\r\nexport const getContentWidthExceptLeftAction = headers => {\r\n return ((headers && headers.length > 0) ?\r\n headers.reduce((a, b) => b.leftAction ? a + 0 : a + b.width, 0) :\r\n 0);\r\n};\r\n","import React, { useEffect, useRef, useCallback, useMemo, useState } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { Link } from 'react-router-dom';\r\nimport AutoSizer from 'react-virtualized-auto-sizer';\r\nimport { VariableSizeList } from 'react-window';\r\nimport { Dropdown, Space, message, Menu } from 'antd';\r\nimport './index.css'\r\nimport HeaderRow from './headerRow';\r\nimport Row from './row';\r\nimport Loading from \"../../screen/loading\";\r\nimport { getCustomerOrderRejected, sortBy } from '../../../../store/actions/customerRejectedOrders/customerRejectedOrders';\r\nimport { getContentWidth } from '../../../../store/reducers/customerRejectedOrders/helper/general';\r\n\r\nconst CustomeRejectedOrders = props => {\r\n const { getCustomerOrderRejected, loading, haseError, resetError, actionMessage, state, total, sortBy } = props;\r\n const resource = 'customerRejectedOrders';\r\n const defRowHeight = 40;\r\n const scrollSize = 0;\r\n const rejectedOrdersRef = useRef(null);\r\n const listReference = useRef(null);\r\n const pallInSummaryReference = useRef(null);\r\n const listHeaderReference = useRef(null);\r\n const rejectedOrdersHeaderReference = useRef(null);\r\n const mainScroll = useRef(null);\r\n const startOnScroll = width => mainScroll.current.scrollLeft = width;\r\n const headers = state[resource].headers;\r\n const width = getContentWidth(headers) + scrollSize;\r\n const innerWidth = window.innerWidth;\r\n const smallScreen = width > innerWidth;\r\n const [sortValue, setSortValue] = useState('');\r\n\r\n const onScrollX = e => {\r\n if (listHeaderReference.current && listReference.current && e.target) {\r\n listHeaderReference.current.scrollLeft =\r\n listReference.current.scrollLeft =\r\n e.target.scrollLeft;\r\n }\r\n if (rejectedOrdersHeaderReference.current && listReference.current && e.target) {\r\n rejectedOrdersHeaderReference.current.scrollLeft =\r\n listReference.current.scrollLeft =\r\n e.target.scrollLeft;\r\n }\r\n if (pallInSummaryReference.current && listReference.current && e.target) {\r\n pallInSummaryReference.current.scrollLeft =\r\n listReference.current.scrollLeft =\r\n e.target.scrollLeft;\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n getCustomerOrderRejected('CustomerOrder', 'myrejectedorderorderlist');\r\n }, [resource, getCustomerOrderRejected]);\r\n\r\n useEffect(() => {\r\n if (haseError) {\r\n message.error(actionMessage);\r\n resetError(resource);\r\n }\r\n }, [haseError, actionMessage, resetError, resource]);\r\n\r\n let myCustomerRejectedOrders = [];\r\n\r\n if (sortValue) {\r\n myCustomerRejectedOrders = state[resource]?.sortedCustomerRejectedOrders;\r\n } else {\r\n myCustomerRejectedOrders = state[resource]?.customerRejectedOrders;\r\n };\r\n\r\n const header = useMemo(() => \r\n
, [resource]);\r\n\r\n const getMyCustomerRejectedOrdersItemSize = useCallback(\r\n index => myCustomerRejectedOrders?.[index] ? myCustomerRejectedOrders[index].rowState.height : defRowHeight,\r\n [myCustomerRejectedOrders]);\r\n\r\n const RenderRejectedOrdersRow = useCallback(({ data, index, style }) => (\r\n (index !== undefined && data[index])\r\n ? \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n e.preventDefault()}>\r\n Sort \r\n \r\n \r\n
\r\n \r\n Rejected Orders: {total}\r\n
\r\n \r\n ACTIVE ORDERS\r\n
\r\n {header}
\r\n {allMyCustomerRejectedOrders}
\r\n onScrollX(e)}>\r\n
\r\n );\r\n\r\n return <>{loading ? \r\n \r\n
\r\n );\r\n return content;\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n state: state,\r\n loadingRejectedOrders: state.customerRejectedOrders.loadingRejectedOrders,\r\n loadingLastOrders: state.customerLastOrders.loading,\r\n});\r\n\r\nexport default connect(mapStateToProps)(CustomerOrdersLastAndRejected);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport CustomerOrdersLastAndRejected from '../../CustomerOrdersLastAndRejected/CustomerOrdersLastAndRejected';\r\nimport { getContentWidth } from '../../../../../store/reducers/customerRejectedOrders/helper/general';\r\n\r\nconst CustomerOrderLastAndRejectedBuild = props => {\r\n const { state } = props;\r\n const resource = 'customerLastOrders';\r\n const headers = state[resource].headers;\r\n const width = getContentWidth(headers) ;\r\n\r\n return (\r\n \r\n {headers.map((_, ind) => {\r\n return
\r\n );\r\n};\r\n\r\nexport default connect(state => ({\r\n state: state\r\n}))(HeaderRow);","import React, { useState, useRef, useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport moment from 'moment';\r\nimport { Checkbox, Tooltip } from 'antd';\r\nimport { enabled } from 'store/dist/store.legacy';\r\nimport { Defines } from '../../../../project/Defines';\r\nimport { filterByCustomer, setItemDisplayState } from '../../../../store/actions/customerOrderAdmin/customerOrderAdmin';\r\nimport CustomModal from \"../CustomerOrderInProgress/modal\";\r\n\r\nconst Cell = ({\r\n state,\r\n cellData,\r\n itemSize,\r\n rowState,\r\n resource,\r\n startOnScroll,\r\n setItemData,\r\n setItemDisplayState,\r\n checked,\r\n setCheckedList,\r\n filterByCustomer,\r\n}) => {\r\n const customerOrderAdmin = state[resource];\r\n const redonly = 1;\r\n const editable = 2;\r\n const header = customerOrderAdmin.headers.find(h => h.key === cellData.key);\r\n // const headerIndex = customerOrderAdmin.headers.findIndex(h => h.key === cellData.key);\r\n const [modalIsOpen, setIsOpen] = useState(false);\r\n\r\n const width = header.width;\r\n// const offsetWidth = customerOrderAdmin.headers.reduce((r, h, index) => {\r\n// if (h.visible && index < (headerIndex - 3)) {\r\n// r += h.width;\r\n// }\r\n// return r;\r\n// }, 0);\r\n\r\nconst lastSelectId = customerOrderAdmin.lastSelected?.id;\r\nconst lastSelectHeaderKey = customerOrderAdmin.lastSelected?.headerKey;\r\nconst lastSelectenable = customerOrderAdmin.lastSelected?.enable;\r\nconst rowStateId = rowState.loadId;\r\nconst headerKey = header.key;\r\nconst [displayState, setDisplayState] = useState(redonly);\r\nconst [tempData, setTempData] = useState(null);\r\n\r\nuseEffect(() => {\r\n if (lastSelectId === rowStateId && lastSelectHeaderKey === headerKey && lastSelectenable) {\r\n setDisplayState(enabled);\r\n }\r\n}, [lastSelectId, lastSelectHeaderKey, lastSelectenable, rowStateId, headerKey]);\r\n\r\nconst cellStyle = cellData.cellStyle;\r\nlet data = (cellData.valueText && cellData.fieldType === 'text') ? cellData.valueText : cellData.value;\r\n useEffect(() => {\r\n setTempData(data);\r\n }, [data, cellData.priorityValue, cellData.delayedValue, rowState.loadStatus]);\r\n\r\n const inputReference = useRef(null);\r\n\r\n const dataCompare = (newData, data) => {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n case 'dateTime':\r\n if (newData instanceof Date && data instanceof Date) {\r\n return newData.getTime() === data.getTime();\r\n }\r\n return newData === data;\r\n default:\r\n return newData === data;\r\n }\r\n };\r\n\r\n const setData = (value, subType) => {\r\n onSetBlur();\r\n let newValue = value;\r\n if (value !== '') {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n newValue = new Date(value);\r\n break;\r\n case 'dateTime':\r\n newValue = new Date(value);\r\n break;\r\n case 'text':\r\n newValue = value;\r\n break;\r\n case 'textInput':\r\n newValue = value;\r\n break;\r\n case 'select':\r\n newValue = value;\r\n break;\r\n case 'checkbox':\r\n newValue = value;\r\n break;\r\n default:\r\n newValue = value;\r\n break;\r\n }\r\n }\r\n if (!dataCompare(newValue, tempData)) {\r\n setTimeout(() => {\r\n setItemData(resource, newValue, rowState, header, subType);\r\n }, 100);\r\n setTimeout(() => {\r\n setTempData(newValue);\r\n }, 100);\r\n }\r\n };\r\n\r\n const onChange = e => {\r\n let customerIdList = [];\r\n setCheckedList(oldArray => {\r\n if (!oldArray.includes(rowState.loadData.id)) {\r\n customerIdList = [...oldArray, rowState.loadData.id];\r\n return customerIdList;\r\n } else {\r\n customerIdList = oldArray.filter(item => item !== rowState.loadData.id);\r\n return customerIdList;\r\n }\r\n }); \r\n setTimeout(() => {\r\n if (customerIdList.length === 0) {\r\n filterByCustomer(resource, null);\r\n } else {\r\n filterByCustomer(resource, rowState.loadData.customerId);\r\n }\r\n }, 100);\r\n };\r\n\r\n useEffect(() => {\r\n if (inputReference && inputReference.current) {\r\n inputReference.current.focus();\r\n }\r\n }, [displayState]);\r\n\r\n const getData = () => {\r\n if (tempData !== '' && tempData !== null) {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n return moment(tempData).format(Defines.Format.PrintDate);\r\n case 'dateTime':\r\n if (cellData.key === 'dueDate') {\r\n const indicator = rowState?.loadData?.orderIndicator;\r\n if (rowState?.orderData?.isHardDate) {\r\n return (\r\n \r\n
\r\n default:\r\n return tempData;\r\n }\r\n }\r\n return tempData;\r\n };\r\n\r\n const getInput = () => {\r\n switch (cellData.fieldType) {\r\n case 'textInput':\r\n return (\r\n onSetFocus()}\r\n onClick={() => { editableFunction(cellData)} }\r\n className='table-body-cell table-borders last-order-row'\r\n style={{ ...cellDefaultStyle, ...cellStyle }}\r\n tabIndex={displayState === redonly ? 0 : -1}>\r\n {dataDisplay()}\r\n
\r\n {modalIsOpen && \r\n \r\n {data.row.map(cellContent)}\r\n
: null;\r\n };\r\n\r\n export default connect(state => ({ state: state}))(Row);","import React from 'react';\r\nimport Modal from 'react-modal';\r\n// import './index.css';\r\n// import '../CustomerOrderNewOrders/index.css';\r\n\r\nconst SpaceWarningModal = ({ setIsOpen, warningSpaceModalIsOpen, setWarningSpaceModalIsOpen }) => {\r\n \r\n const closeModal = () => {\r\n setWarningSpaceModalIsOpen(false);\r\n };\r\n\r\n const customStyles = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '400px',\r\n minHeight: '200px', \r\n borderRadius: '8px',\r\n padding: '6px 12px',\r\n },\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default SpaceWarningModal;","import React, { useEffect, useState } from 'react';\r\nimport Modal from 'react-modal';\r\nimport { Radio, Input } from 'antd';\r\nimport Loading from '../../screen/loading';\r\nimport SpaceWarningModal from \"./modalSpace\";\r\n\r\nconst { TextArea } = Input;\r\n\r\nconst AcceptModal = ({ \r\n setIsOpen,\r\n modalIsOpen,\r\n rejectModalIsOpen,\r\n generateCustomerOrder,\r\n resource,\r\n checkedList,\r\n generateCustomerOrderLoading,\r\n rejectCustomerOrderLoading,\r\n getCustomerOrderAdmin,\r\n total,\r\n orderGenerated,\r\n orderRejected,\r\n setCheckedList,\r\n filterByCustomer,\r\n rejectCustomerOrder,\r\n setRejectModalIsOpen,\r\n customerrderAdminList,\r\n }) => {\r\n\r\n const [batchValue, setBatchValue] = useState(3);\r\n const [rejectReasonText, setRejectReasonText] = useState('');\r\n\r\n const customStyles = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n width: checkedList.length === 1 || rejectModalIsOpen ? '372px' : '580px',\r\n minHeight: '244px',\r\n borderRadius: '18px',\r\n padding: '0',\r\n },\r\n };\r\n\r\n const [warningSpaceModalIsOpen, setWarningSpaceModalIsOpen] = useState(false);\r\n\r\n const closeModal = () => {\r\n setIsOpen(false);\r\n setRejectModalIsOpen(false);\r\n }\r\n \r\n const acceptedLoadList = customerrderAdminList.filter(row => checkedList.includes(row.rowState.loadData.id));\r\n const spaceCountIsOver30 = acceptedLoadList.reduce((acc, load) => acc + load.rowState.loadData.space, 0) > 30;\r\n\r\n const handleConfirm = () => {\r\n if (batchValue === 1 && spaceCountIsOver30) {\r\n setWarningSpaceModalIsOpen(true);\r\n } else {\r\n setCheckedList([]);\r\n generateCustomerOrder(resource, 'generateorderitem', { ids: checkedList, batchType: batchValue });\r\n setRejectModalIsOpen(false);\r\n }\r\n };\r\n\r\n const handleReject = () => {\r\n setCheckedList([]);\r\n rejectCustomerOrder(resource, 'declinerequestedorder', { ids: checkedList, rejectReason: rejectReasonText });\r\n };\r\n\r\n useEffect(() => {\r\n if (!rejectCustomerOrderLoading && orderRejected) {\r\n setCheckedList([]);\r\n filterByCustomer(resource, null);\r\n setIsOpen(false);\r\n setRejectModalIsOpen(false);\r\n getCustomerOrderAdmin(resource);\r\n }\r\n }, [filterByCustomer, rejectCustomerOrderLoading, getCustomerOrderAdmin, resource, orderRejected, setCheckedList, setIsOpen, total, setRejectModalIsOpen]);\r\n\r\n useEffect(() => {\r\n if (!generateCustomerOrderLoading && orderGenerated) {\r\n setCheckedList([]);\r\n filterByCustomer(resource, null);\r\n setIsOpen(false);\r\n setRejectModalIsOpen(false);\r\n getCustomerOrderAdmin(resource);\r\n }\r\n }, [filterByCustomer, generateCustomerOrderLoading, getCustomerOrderAdmin, resource, orderGenerated, setCheckedList, setIsOpen, total, setRejectModalIsOpen]);\r\n\r\n if (generateCustomerOrderLoading || rejectCustomerOrderLoading) {\r\n return (\r\n Total amount of Space can’t exceed 30 when grouping as a “Hard Batch”
\r\n Please choose either a soft batch or no batch.
\r\n Close
\r\n \r\n
\r\n \r\n )\r\n };\r\n\r\n if (warningSpaceModalIsOpen) {\r\n return (\r\n \r\n \r\n setRejectReasonText(e.target.value)}\r\n />\r\n
\r\n :\r\n checkedList.length === 1 && !rejectModalIsOpen\r\n ?\r\n {checkedList.length > 1 ? 'Reject Orders ?' : 'Reject Order ?'}
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n :\r\n Accept Order ?
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Soft Batch \r\n Hard Batch \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default AcceptModal;","import React, { useEffect, useRef, useCallback, useMemo, useState } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport AutoSizer from 'react-virtualized-auto-sizer';\r\nimport { VariableSizeList } from 'react-window';\r\nimport { Dropdown, Space, message, Menu } from 'antd';\r\nimport { orderBy } from \"lodash\";\r\nimport './index.css'\r\nimport HeaderRow from './headerRow';\r\nimport Row from './row';\r\nimport Loading from \"../../screen/loading\";\r\nimport { getCustomerOrderAdmin, sortBy, filterByCustomer, generateCustomerOrder, rejectCustomerOrder, resetError } from '../../../../store/actions/customerOrderAdmin/customerOrderAdmin';\r\nimport { getContentWidth } from '../../../../store/reducers/customerOrderAdmin/helper/general';\r\nimport AcceptModal from \"./modal\";\r\nimport { useClientHubNewRequest } from \"../../../hook/hub/useClientHubNewRequest\";\r\nimport { useClientHubOrder } from \"../../../hook/hub/useClientHubOrder\";\r\n\r\nconst CustomerOrderAdmin = props => {\r\n const { resource,\r\n getCustomerOrderAdmin,\r\n loading,\r\n hasError,\r\n state,\r\n total,\r\n sortBy,\r\n filterByCustomer,\r\n generateCustomerOrder,\r\n generateCustomerOrderLoading,\r\n rejectCustomerOrderLoading,\r\n rejectCustomerOrder,\r\n orderRejected,\r\n orderGenerated,\r\n messageText,\r\n resetError,\r\n userId,\r\n } = props;\r\n const defRowHeight = 40;\r\n const scrollSize = 0;\r\n const customerOrderAdminRef = useRef(null);\r\n const listReference = useRef(null);\r\n const listHeaderReference = useRef(null);\r\n const customerOrderAdminHeaderReference = useRef(null);\r\n const mainScroll = useRef(null);\r\n const startOnScroll = width => mainScroll.current.scrollLeft = width;\r\n const headers = state[resource].headers;\r\n const width = getContentWidth(headers) + scrollSize;\r\n const [sortValue, setSortValue] = useState('');\r\n const [checkedList, setCheckedList] = useState([]);\r\n const [modalIsOpen, setIsOpen] = useState(false);\r\n const [rejectModalIsOpen, setRejectModalIsOpen] = useState(false);\r\n\r\n const onScrollX = e => {\r\n if (listHeaderReference.current && listReference.current && e.target) {\r\n listHeaderReference.current.scrollLeft =\r\n listReference.current.scrollLeft =\r\n e.target.scrollLeft;\r\n }\r\n if (customerOrderAdminHeaderReference.current && listReference.current && e.target) {\r\n customerOrderAdminHeaderReference.current.scrollLeft =\r\n listReference.current.scrollLeft =\r\n e.target.scrollLeft;\r\n }\r\n }\r\n\r\n useClientHubNewRequest((message) => {\r\n if (userId !== message.byId) {\r\n getCustomerOrderAdmin(resource, 'withoutLoading')\r\n }\r\n }, 'notification');\r\n\r\n useClientHubOrder((message) => {\r\n if (userId !== message.byId) {\r\n getCustomerOrderAdmin(resource, 'withoutLoading')\r\n }\r\n }, 'notification');\r\n\r\n useEffect(() => {\r\n getCustomerOrderAdmin(resource);\r\n }, [resource, getCustomerOrderAdmin]);\r\n\r\n useEffect(() => {\r\n filterByCustomer(resource, null);\r\n }, [filterByCustomer, resource, total]);\r\n\r\n useEffect(() => {\r\n if (hasError) {\r\n message.error(messageText, 3);\r\n resetError(resource);\r\n setIsOpen(false);\r\n setRejectModalIsOpen(false);\r\n }\r\n }, [hasError, resource, messageText, resetError]);\r\n\r\n useEffect(() => {\r\n if (orderGenerated) {\r\n message.success('Order accepted successfully!', 3);\r\n resetError(resource);\r\n setIsOpen(false);\r\n setRejectModalIsOpen(false);\r\n}\r\n }, [orderGenerated, resetError, resource]);\r\n\r\n useEffect(() => {\r\n if (orderRejected) {\r\n message.success('Order rejected successfully!', 3);\r\n resetError(resource);\r\n setIsOpen(false);\r\n setRejectModalIsOpen(false);\r\n }\r\n }, [orderRejected, resetError, resource]);\r\n\r\n let customerOrderAdminList = [];\r\n\r\n const sortByValue = (customerOrderAdmin, value) => {\r\n let sortedList = [];\r\n if (value === 'byCustomer') {\r\n sortedList = orderBy(customerOrderAdmin, [c => c.row[0].value], [\"asc\"]);\r\n };\r\n if (value === 'byDate') {\r\n sortedList = orderBy(customerOrderAdmin, [c => c.row[1].value], [\"asc\"]);\r\n };\r\n if (value === 'byDirection') {\r\n sortedList = orderBy(customerOrderAdmin, [c => c.row[4].value], [\"asc\"]);\r\n };\r\n return sortedList;\r\n };\r\n\r\n if (!state[resource]?.filteredCustomerOrderAdmin?.length && !sortValue) {\r\n customerOrderAdminList = state[resource]?.customerOrderAdmin;\r\n } else if (!sortValue) {\r\n if (state[resource]?.filteredCustomerOrderAdmin?.length) {\r\n customerOrderAdminList = state[resource]?.filteredCustomerOrderAdmin;\r\n } else {\r\n customerOrderAdminList = state[resource]?.customerOrderAdmin;\r\n }\r\n } else if (sortValue) {\r\n if (state[resource]?.filteredCustomerOrderAdmin?.length) {\r\n customerOrderAdminList = sortByValue(state[resource]?.filteredCustomerOrderAdmin, sortValue) \r\n } else {\r\n customerOrderAdminList = state[resource]?.sortedCustomerOrderAdmin;\r\n }\r\n }\r\n\r\n const handleAcceptButton = () => {\r\n setIsOpen(true);\r\n };\r\n\r\n const handleRejectButton = () => {\r\n setRejectModalIsOpen(true);\r\n setIsOpen(true);\r\n };\r\n\r\n const handleDeSelectAllButton = () => {\r\n setCheckedList([]);\r\n filterByCustomer(resource, null);\r\n };\r\n\r\n const header = useMemo(() => Grouping Order
\r\n Choose batch type
\r\n \r\n \r\n \r\n
\r\n \r\n
, [resource]);\r\n\r\n const getCustomerOrderAdminListItemSize = useCallback(\r\n index => customerOrderAdminList?.[index] ? customerOrderAdminList[index].rowState.height : defRowHeight,\r\n [customerOrderAdminList]);\r\n\r\n const RenderCustomerOrderAdminListRow = useCallback(({ data, index, style }) => (\r\n (index !== undefined && data[index])\r\n ? \r\n \r\n \r\n
\r\n );\r\n\r\n const content = (<>\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n e.preventDefault()}>\r\n Sort \r\n \r\n \r\n
\r\n \r\n New Orders: {customerOrderAdminList?.length}\r\n
\r\n {header}
\r\n {allCustomerOrderAdminList}
\r\n {buttonsContainer}\r\n onScrollX(e)}>\r\n
\r\n {modalIsOpen &&\r\n \r\n \r\n NEW REQUEST\r\n {!loading && {count === 0 ? '' : count}}\r\n \r\n \r\n REVISION\r\n \r\n \r\n CANCELED\r\n \r\n
\r\n \r\n {headers.map((_, ind) => {\r\n return
\r\n );\r\n};\r\n\r\nexport default connect(state => ({\r\n state: state\r\n}))(HeaderRow);","import React, { useState, useEffect, useCallback } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport Modal from 'react-modal';\r\nimport { Input } from 'antd';\r\nimport Loading from '../../screen/loading';\r\nimport { getRevisionOrdersAdmin, rejectRevision } from '../../../../store/actions/revisionOrderAdmin/revisionOrderAdmin';\r\nconst { TextArea } = Input;\r\n\r\nconst RejectModal = ({ \r\n total, \r\n id, \r\n rejectModalIsOpen,\r\n setRejectModalIsOpen,\r\n rejectRevision,\r\n rejectRevisionOrderLoading,\r\n getRevisionOrdersAdmin,\r\n hasError,\r\n }) => {\r\n const [orderRejected, setOrderRejected] = useState(false);\r\n const [rejectReasonText, setRejectReasonText] = useState('');\r\n \r\n const closeModal = useCallback(() => {\r\n setRejectModalIsOpen(false);\r\n }, [setRejectModalIsOpen]);\r\n\r\n const handleReject = () => {\r\n rejectRevision('CustomerOrderRevisionAdmin', 'declinerevision', { ids: [id], rejectReason: rejectReasonText });\r\n setOrderRejected(true);\r\n }\r\n \r\n useEffect(() => {\r\n if (hasError) {\r\n closeModal();\r\n }\r\n}, [closeModal, hasError]);\r\n \r\n useEffect(() => {\r\n if (orderRejected) {\r\n getRevisionOrdersAdmin('CustomerOrderRevisionAdmin');\r\n }\r\n }, [getRevisionOrdersAdmin, orderRejected, total]);\r\n\r\n const customStyles = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '400px',\r\n minHeight: '200px', \r\n borderRadius: '8px',\r\n padding: 0,\r\n },\r\n };\r\n\r\n if (rejectRevisionOrderLoading) {\r\n return (\r\n \r\n
\r\n \r\n )\r\n };\r\n\r\n return (\r\n \r\n \r\n setRejectReasonText(e.target.value)}\r\n />\r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n state: state,\r\n total: state.revisionOrderAdmin.total,\r\n orderRejected: state.revisionOrderAdmin.orderRejected,\r\n rejectRevisionOrderLoading: state.revisionOrderAdmin.rejectRevisionOrderLoading,\r\n hasError: state.revisionOrderAdmin.hasError,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n rejectRevision: (resource, endPoint, data) => dispatch(rejectRevision(resource, endPoint, data)),\r\n getRevisionOrdersAdmin: (resource) => dispatch(getRevisionOrdersAdmin(resource)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(RejectModal);","import React, { useState, useRef, useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport moment from 'moment';\r\nimport { Tooltip } from 'antd';\r\nimport { enabled } from 'store/dist/store.legacy';\r\nimport { Defines } from '../../../../project/Defines';\r\nimport { getRevisionOrdersAdmin, acceptRevision, setItemDisplayState } from '../../../../store/actions/revisionOrderAdmin/revisionOrderAdmin';\r\nimport RejectModal from './rejectModal';\r\n\r\nconst Cell = ({ state, cellData, itemSize, rowState, resource, startOnScroll, setItemDisplayState, acceptRevision }) => {\r\n const customerOrderAdmin = state[resource];\r\n const redonly = 1;\r\n const editable = 2;\r\n const header = customerOrderAdmin.headers.find(h => h.key === cellData.key);\r\n // const headerIndex = customerOrderAdmin.headers.findIndex(h => h.key === cellData.key);\r\n const [rejectModalIsOpen, setRejectModalIsOpen] = useState(false);\r\n\r\n const width = header.width;\r\n // const offsetWidth = customerOrderAdmin.headers.reduce((r, h, index) => {\r\n // if (h.visible && index < (headerIndex - 3)) {\r\n // r += h.width;\r\n // }\r\n // return r;\r\n // }, 0);\r\n\r\n const lastSelectId = customerOrderAdmin.lastSelected?.id;\r\n const lastSelectHeaderKey = customerOrderAdmin.lastSelected?.headerKey;\r\n const lastSelectenable = customerOrderAdmin.lastSelected?.enable;\r\n const rowStateId = rowState.loadId;\r\n const headerKey = header.key;\r\n const [displayState, setDisplayState] = useState(redonly);\r\n const [tempData, setTempData] = useState(null);\r\n\r\n useEffect(() => {\r\n if (lastSelectId === rowStateId && lastSelectHeaderKey === headerKey && lastSelectenable) {\r\n setDisplayState(enabled);\r\n }\r\n }, [lastSelectId, lastSelectHeaderKey, lastSelectenable, rowStateId, headerKey]);\r\n\r\n const cellStyle = cellData.cellStyle;\r\n let data = cellData.valueText && cellData.fieldType === 'text' ? cellData.valueText : cellData.value;\r\n useEffect(() => {\r\n setTempData(data);\r\n }, [data, cellData.priorityValue, cellData.delayedValue, rowState.loadStatus]);\r\n\r\n const inputReference = useRef(null);\r\n\r\n useEffect(() => {\r\n if (inputReference && inputReference.current) {\r\n inputReference.current.focus();\r\n }\r\n }, [displayState]);\r\n\r\n const handleAccept = () => {\r\n acceptRevision('CustomerOrderRevisionAdmin', 'acceptrevision', { ids: [rowState.orderData.id] });\r\n };\r\n\r\n const handleReject = () => {\r\n setRejectModalIsOpen(true);\r\n };\r\n\r\n const getData = () => {\r\n if (tempData !== '' && tempData !== null) {\r\n switch (cellData.fieldType) {\r\n case 'dateTime':\r\n if (cellData.key === 'dueDate') {\r\n const indicator = rowState?.orderData?.orderIndicator;\r\n if (rowState?.orderData?.isHardDate) {\r\n return (\r\n Reject Revision ?
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n case 'link':\r\n return (\r\n \r\n {rowState.orderData.revisionOrderid}\r\n \r\n );\r\n default:\r\n return tempData;\r\n }\r\n }\r\n return tempData;\r\n };\r\n\r\n const dataDisplay = () => getData();\r\n\r\n const cellDefaultStyle = {\r\n maxWidth: `${width}px`,\r\n width: `${width}px`,\r\n minWidth: `${width}px`,\r\n height: `${itemSize}px`,\r\n color: cellData.color,\r\n padding: '4px 2px',\r\n };\r\n\r\n const onSetFocus = () => {\r\n // startOnScroll && startOnScroll(offsetWidth);\r\n if (cellData.editable) {\r\n setDisplayState(editable);\r\n }\r\n // setItemDisplayState(resource, rowState, header, cellData.editable);\r\n };\r\n\r\n const editableFunction = cellData => (cellData.editable ? setDisplayState(editable) : null);\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {data.row.map(cellContent)}\r\n
: null;\r\n };\r\n\r\n export default connect(state => ({ state: state}))(Row);","export const getContentWidth = headers => {\r\n return ((headers && headers.length > 0) ?\r\n headers.reduce((a, b) => a + b.width, 0) :\r\n 0);\r\n};\r\n\r\nexport const getContentWidthExceptLeftAction = headers => {\r\n return ((headers && headers.length > 0) ?\r\n headers.reduce((a, b) => b.leftAction ? a + 0 : a + b.width, 0) :\r\n 0);\r\n};\r\n","import React, { useEffect, useRef, useCallback, useMemo, useState } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport AutoSizer from 'react-virtualized-auto-sizer';\r\nimport { VariableSizeList } from 'react-window';\r\nimport { message } from 'antd';\r\nimport Modal from 'react-modal';\r\nimport './index.css'\r\nimport HeaderRow from './headerRow';\r\nimport Row from './row';\r\nimport Loading from \"../../screen/loading\";\r\nimport { getRevisionOrdersAdmin, resetError } from '../../../../store/actions/revisionOrderAdmin/revisionOrderAdmin';\r\nimport { getContentWidth } from '../../../../store/reducers/revisionOrderAdmin/helper/general';\r\nimport { useClientHubNewRequest } from \"../../../hook/hub/useClientHubNewRequest\";\r\nimport { useClientHubOrder } from \"../../../hook/hub/useClientHubOrder\";\r\nimport { getCustomerOrderAdmin } from '../../../../store/actions/customerOrderAdmin/customerOrderAdmin';\r\n\r\nconst RevisionOrderAdmin = props => {\r\n const { resource,\r\n getRevisionOrdersAdmin,\r\n loading,\r\n hasError,\r\n state,\r\n orderRejected,\r\n orderAccepted,\r\n messageText,\r\n resetError,\r\n acceptRevisionOrderLoading,\r\n total,\r\n getCustomerOrderAdmin,\r\n userId,\r\n } = props;\r\n const defRowHeight = 40;\r\n const scrollSize = 0;\r\n const customerOrderAdminRef = useRef(null);\r\n const listReference = useRef(null);\r\n const listHeaderReference = useRef(null);\r\n const customerOrderAdminHeaderReference = useRef(null);\r\n const mainScroll = useRef(null);\r\n const startOnScroll = width => mainScroll.current.scrollLeft = width;\r\n const headers = state[resource].headers;\r\n const width = getContentWidth(headers) + scrollSize;\r\n\r\n const onScrollX = e => {\r\n if (listHeaderReference.current && listReference.current && e.target) {\r\n listHeaderReference.current.scrollLeft =\r\n listReference.current.scrollLeft =\r\n e.target.scrollLeft;\r\n }\r\n if (customerOrderAdminHeaderReference.current && listReference.current && e.target) {\r\n customerOrderAdminHeaderReference.current.scrollLeft =\r\n listReference.current.scrollLeft =\r\n e.target.scrollLeft;\r\n }\r\n }\r\n\r\n const [newRequestCount, setNewRequestCount] = useState(props.total);\r\n useClientHubNewRequest((message) => setNewRequestCount(message.newRequestCount), 'notification');\r\n useClientHubOrder((message) => {\r\n if (userId !== message.byId) {\r\n getRevisionOrdersAdmin('CustomerOrderRevisionAdmin', 'withoutLoading')\r\n }\r\n }, 'notification');\r\n\r\n useEffect(() => {\r\n getRevisionOrdersAdmin('CustomerOrderRevisionAdmin');\r\n getCustomerOrderAdmin('customerOrderAdmin');\r\n }, [resource, getRevisionOrdersAdmin, getCustomerOrderAdmin, newRequestCount]);\r\n\r\n useEffect(() => {\r\n if (hasError) {\r\n message.error(messageText, 3);\r\n setTimeout(() => resetError(resource), 3000);\r\n }\r\n }, [hasError, resource, messageText, resetError]);\r\n\r\n useEffect(() => {\r\n if (orderAccepted) {\r\n message.success('Order Revision Accepted', 3);\r\n resetError(resource);\r\n }\r\n }, [orderAccepted, resetError, resource]);\r\n\r\n useEffect(() => {\r\n if (orderRejected) {\r\n message.success('Order Revision Rejected', 3);\r\n resetError(resource);\r\n }\r\n }, [orderRejected, resetError, resource]);\r\n\r\n useEffect(() => {\r\n if (orderAccepted) {\r\n getRevisionOrdersAdmin('CustomerOrderRevisionAdmin');\r\n }\r\n }, [getRevisionOrdersAdmin, orderAccepted, total]);\r\n\r\n let revisionOrderAdminList = state[resource]?.revisionOrderAdminList;;\r\n\r\n const header = useMemo(() => \r\n
, [resource]);\r\n\r\n const getRevisionOrderAdminListItemSize = useCallback(\r\n index => revisionOrderAdminList?.[index] ? revisionOrderAdminList[index].rowState.height : defRowHeight,\r\n [revisionOrderAdminList]);\r\n\r\n const RenderRevisionOrderAdminListRow = useCallback(({ data, index, style }) => (\r\n (index !== undefined && data[index])\r\n ? {header}
\r\n {allRevisionOrderAdminList}
\r\n onScrollX(e)}>\r\n
\r\n );\r\n\r\nconst customStyles = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '400px',\r\n minHeight: '200px',\r\n borderRadius: '8px',\r\n padding: 0,\r\n border: 0,\r\n },\r\n};\r\n\r\n if (acceptRevisionOrderLoading) {\r\n return (\r\n \r\n
\r\n \r\n )\r\n };\r\n\r\n return <>{loading? \r\n \r\n NEW REQUEST\r\n {count === 0 ? '' : count}\r\n \r\n \r\n REVISION\r\n \r\n \r\n CANCELED\r\n \r\n
}\r\n \r\n
\r\n );\r\n\r\n const fileName = rowState.loadData.loadType === 1 ? rowState.orderData.callCheckInAttachment?.fileName : rowState.loadData.loadType === 3 ? rowState.orderData.callCheckOutAttachment?.fileName : '';\r\n\r\n if (fileName) {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n
\r\n Upload\r\n \r\n {loading ? \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n state: state,\r\n comments: state.comments.comments,\r\n attachments: state.comments.attachments,\r\n loading: state.comments.loading,\r\n hasError: state.comments.hasError,\r\n actionMessage: state.comments.message,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n getComments: (resource, id) => dispatch(getComments(resource, id)),\r\n setComment: (resource, orderId, comment, attachment) => dispatch(setComment(resource, orderId, comment, attachment)),\r\n resetError: resource => dispatch(resetError(resource)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CommentsModal);\r\n","import axios from 'axios';\r\nimport store from '../..';\r\nimport * as actionTypes from './notesActionTypes';\r\n\r\nconst buildUrl = (resource, id) => `/api/${resource}/${id}`;\r\nconst buildUrlPut = resource => `/api/${resource}`;\r\n\r\nconst axiosConfig = () => ({\r\n headers: {\r\n 'Authorization': 'Bearer ' + store.getState().auth.userToken\r\n }\r\n});\r\n\r\nexport const getNotes = (resource, id) => dispatch => {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.NOTES_LOADING) });\r\n axios.get(buildUrl(resource, id),\r\n axiosConfig())\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.GET_NOTES), data: responce }))\r\n .catch((err) => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.NOTES_ERROR) });\r\n })\r\n};\r\n\r\nexport const setNotes = (resource, loadId, updatedLoad ) => dispatch => {\r\n // dispatch({\r\n // type: actionTypes.getActionType(resource, actionTypes.SET_NOTE), data: {\r\n // note\r\n // }\r\n // });\r\n\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.NOTES_LOADING) })\r\n axios.put(buildUrlPut(resource), updatedLoad,\r\n axiosConfig())\r\n .then(response => {\r\n if (response.data.hasError) {\r\n dispatch(errorAction(resource, true, response.data.message));\r\n console.error(response.data.message);\r\n }\r\n dispatch(reloadAfterUpdate(resource, loadId))\r\n }).catch(err => {\r\n dispatch(errorAction(resource, true));\r\n console.error(err);\r\n console.log(err.response);\r\n });\r\n};\r\n\r\nexport const resetError = resource =>\r\n ({ type: actionTypes.getActionType(resource, actionTypes.RESET_ERROR) });\r\n\r\nconst errorAction = (resource, reload, errorText) => dispatch => {\r\n if (reload) {\r\n axios.get(buildUrl(resource),\r\n axiosConfig()\r\n )\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.RELOAD_ON_ERROR_NOTES), data: {\r\n responce, \r\n errorText,\r\n }}))\r\n .catch((err) => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.NOTES_ERROR) });\r\n });\r\n }\r\n};\r\n\r\nconst reloadAfterUpdate = (resource, loadId) => dispatch => {\r\n axios.get(buildUrl(resource, loadId),\r\n axiosConfig()\r\n )\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.GET_NOTES), data: responce }))\r\n .catch((err) => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.NOTES_ERROR) });\r\n });\r\n};\r\n","import React, { useState, useEffect } from 'react';\r\nimport Modal from 'react-modal';\r\nimport { connect } from \"react-redux\";\r\nimport { Input, message } from 'antd';\r\nimport moment from 'moment';\r\nimport './index.css';\r\nimport { getNotes, setNotes, resetError } from '../../../../store/actions/notes/notes';\r\nimport { load } from '../../../../store/actions/callCheck/callCheck';\r\nimport Loading from \"../../screen/loading\";\r\n\r\nconst { TextArea } = Input;\r\n\r\nconst NotesModal = ({ \r\n setNotesModalIsOpen,\r\n notesModalIsOpen,\r\n rowState,\r\n hasError,\r\n actionMessage,\r\n getNotes,\r\n setNotes,\r\n notes,\r\n loading,\r\n resetError,\r\n loadData,\r\n load,\r\n }) => {\r\n\r\n const loadId = rowState?.loadData?.id;\r\n const resource = rowState?.loadData.loadType === 1 ? \"Load\" : 'outboundLoad';\r\n\r\n const closeModal = () => {\r\n setNotesModalIsOpen(false);\r\n load('callCheck');\r\n };\r\n\r\n useEffect(() => {\r\n getNotes(resource, loadId);\r\n }, [getNotes, loadId, resource]);\r\n\r\n useEffect(() => {\r\n if (hasError) {\r\n message.error(actionMessage);\r\n resetError(resource);\r\n }\r\n }, [hasError, actionMessage, resetError, resource]);\r\n\r\n const [notesList, setNotesList] = useState([]);\r\n const [newNote, setNewNote] = useState('');\r\n\r\n useEffect(() => {\r\n setNotesList(notes);\r\n }, [setNotesList, notes]);\r\n\r\n const customStyles = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '600px',\r\n minHeight: '300px',\r\n maxWidth: '600px',\r\n maxHeight: '400px', \r\n borderRadius: '8px',\r\n padding: loading ? '100px 0' : '6px 0',\r\n },\r\n };\r\n\r\n const saveNote = () => {\r\n const updatedLoad = { ...loadData, notes: newNote};\r\n setNotes(resource, loadId, updatedLoad);\r\n setNewNote('');\r\n };\r\n\r\n return (\r\n X
\r\n Uploads
\r\n | Download | \r\nFile name | \r\nDate and Time | \r\nCreated By | \r\n
|---|---|---|---|
| \r\n | \r\n {attachment.fileName} | \r\n{moment.utc(attachment.createDate).utcOffset(4).format(\"MM/DD/YY HH:mm\")} | \r\n{attachment.fullName} | \r\n
\r\n \r\n \r\n
\r\n Click to Upload
\r\n \r\n
Comments
\r\n | Date and Time | \r\nCreated By | \r\nComment | \r\n
|---|---|---|
| {moment.utc(comment.createDate).utcOffset(4).format(\"MM/DD/YY HH:mm\")} | \r\n{comment.user} | \r\n{comment.comment} | \r\n
\r\n setNewComment(e.target.value)}\r\n value={newComment}\r\n />\r\n
\r\n Add new comment
\r\n \r\n \r\n
\r\n }\r\n \r\n {loading ? \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n state: state,\r\n notes: state.notes.notes,\r\n loading: state.notes.loading,\r\n hasError: state.notes.hasError,\r\n actionMessage: state.notes.message,\r\n loadData: state.notes.loadData,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n getNotes: (resource, id) => dispatch(getNotes(resource, id)),\r\n setNotes: (resource, loadId, note, attachment) => dispatch(setNotes(resource, loadId, note, attachment)),\r\n resetError: resource => dispatch(resetError(resource)),\r\n load: (resource) => dispatch(load(resource)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(NotesModal);\r\n","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport Modal from 'react-modal';\r\n\r\nimport { setItemData, sendToDelivered } from '../../../../store/actions/callCheck/callCheck';\r\nimport './index.css';\r\n\r\nconst DeliveredModal = ({ resource, rowState, deliveredModalIsOpen, setDeliveredModalIsOpen, loadsAssignedOrders, sendToDelivered }) => {\r\n const closeModal = () => {\r\n setDeliveredModalIsOpen(false);\r\n };\r\n\r\n const handleConfirm = () => {\r\n sendToDelivered(resource, rowState.loadData.id);\r\n setDeliveredModalIsOpen(false);\r\n };\r\n\r\n const customStyles = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '360px',\r\n minHeight: '140px', \r\n borderRadius: '8px',\r\n padding: '6px 12px',\r\n },\r\n };\r\n\r\n return (\r\n X
\r\n <>\r\n Notes
\r\n | Date and Time | \r\nCreated By | \r\nNote | \r\n
|---|---|---|
| {moment.utc(note.createDate).utcOffset(4).format(\"MM/DD/YY HH:mm\")} | \r\n{note.user} | \r\n{note.comment} | \r\n
\r\n setNewNote(e.target.value)}\r\n value={newNote}\r\n />\r\n
\r\n Add new note
\r\n \r\n \r\n
\r\n \r\n }\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n state: state,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n setItemData: (resource, value, rowState, header) => dispatch(setItemData(resource, value, rowState, header)),\r\n sendToDelivered: (resource, loadId) => dispatch(sendToDelivered(resource, loadId)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DeliveredModal);\r\n","import axios from 'axios';\r\nimport store from '../../../store';\r\nimport * as actionTypes from './loadActionTypes';\r\n\r\nconst buildUrl = (resource, method = '') => `/api/${resource}${method ? `/${method}` : ''}`;\r\nconst buildSimpleUrl = endPoint => `/api/${endPoint}`;\r\n\r\nconst axiosConfig = () => ({\r\n headers: {\r\n 'Authorization': 'Bearer ' + store.getState().auth.userToken\r\n }\r\n});\r\n\r\nexport const load = (resource, loadingType) => dispatch => {\r\n if (loadingType !== 'withoutLoading') {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.SET_IN_LOADING) });\r\n };\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.SET_REFRESH_IN_PROCESS), data: true });\r\n axios.get(buildUrl(resource, 'area'),\r\n axiosConfig())\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.LOAD), data: responce }))\r\n .catch((err) => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.ERROR) });\r\n }).finally(() => {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.SET_REFRESH_IN_PROCESS), data: false });\r\n });\r\n};\r\n\r\nexport const manifestList = resource => dispatch => {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.SET_IN_LOADING) });\r\n axios.get(buildUrl('load', resource),\r\n axiosConfig())\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.GET_MANIFEST_LIST), data: responce }))\r\n .catch((err) => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.ERROR) });\r\n });\r\n};\r\n\r\nexport const reactOnAssignedItem = (resource, id, type) =>\r\n ({ type: actionTypes.getActionType(resource, actionTypes.REACTED_ASSIGNED), data: { id, type } });\r\n\r\nexport const reactOnAvailableItem = (resource, id, type) =>\r\n ({ type: actionTypes.getActionType(resource, actionTypes.REACTED_AVAILABLE), data: { id, type } });\r\n\r\nexport const reactOnAvailableItems = (resource, ids, type) =>\r\n ({ type: actionTypes.getActionType(resource, actionTypes.REACTED_AVAILABLES), data: { ids, type } });\r\n\r\nexport const reactOnAssignedItems = (resource, ids, type) =>\r\n ({ type: actionTypes.getActionType(resource, actionTypes.REACTED_ASSIGNEDS), data: { ids, type } });\r\n\r\nexport const unreactOrders = resource =>\r\n ({ type: actionTypes.getActionType(resource, actionTypes.UNREACT_ORDERS)});\r\n\r\nexport const setHeaderWidth = (resource, ind, width) =>\r\n ({ type: actionTypes.getActionType(resource, actionTypes.SET_HEADER_WIDTH), data: { ind, width } });\r\n\r\nexport const unAssignOrders = (resource, orders, allAvailableOrders) => dispatch => {\r\n const orderGroupIndex = orders[0]?.rowState?.orderData?.orderGroupIndex;\r\n const allHardBatchOrders = allAvailableOrders?.filter(order => order.orderGroupIndex === orderGroupIndex && order.batchType === 'Hard');\r\n const orderIds = allHardBatchOrders?.map(order => order.id);\r\n\r\n dispatch({\r\n type: actionTypes.getActionType(resource, actionTypes.UNASSIGN_ORDERS), \r\n data: allHardBatchOrders.length ? allHardBatchOrders : orders.map(o => o.rowState.orderData)\r\n });\r\n axios.put(buildUrl(resource, 'unassignorders'),\r\n {\r\n orderIds: orderIds.length ? orderIds : orders.map(i => i.rowState.orderData.id),\r\n },\r\n axiosConfig()\r\n ).then(response => {\r\n const errorList = response.data.filter(d => d.hasError);\r\n const errorMessage = response.data?.message || response.data[0]?.message;\r\n dispatch(errorAction(resource, errorList.length > 0, errorMessage));\r\n errorList.forEach(e => console.error(e.message));\r\n // dispatch(reloadAfterUpdate(resource, 'area'));\r\n }).catch(err => {\r\n dispatch(errorAction(resource, true));\r\n console.error(err);\r\n console.log(err.response);\r\n });\r\n};\r\n\r\nexport const addNewLoad = resource => dispatch => {\r\n\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.SET_ADD_NEW_IN_PROCESS), data: true });\r\n\r\n axios.post(buildUrl(resource),\r\n {\r\n id: 0\r\n },\r\n axiosConfig()\r\n )\r\n .then(response => {\r\n if (response.data.hasError) {\r\n dispatch(errorAction(resource, true));\r\n console.error(response.data.message);\r\n }\r\n else {\r\n dispatch(\r\n {\r\n type: actionTypes.getActionType(resource, actionTypes.ADD_NEW_LOAD),\r\n data: {\r\n loadData: response.data\r\n }\r\n });\r\n }\r\n })\r\n .catch(err => {\r\n dispatch(errorAction(resource, true));\r\n console.error(err);\r\n console.log(err.response);\r\n }).finally(() => {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.SET_ADD_NEW_IN_PROCESS), data: false });\r\n });\r\n};\r\n\r\nexport const assignOrdersToLoad = (resource, load, orders, allAvailableOrders, newLoad) => dispatch => {\r\n const pickAppointment = resource === 'load' ? 'inboundAppointment': 'outboundAppointment';\r\n const pickAppointmentStatus = resource === 'load' ? 'inboundAppointmentStatus': 'outboundAppointmentStatus';\r\n const location = resource === 'load' ? 'pickLocation': 'dropLocation';\r\n\r\n const hardBatchOrders = orders.filter(order => order.rowState.orderData.batchType === 'Hard');\r\n const notHardBatchStateOrders = orders.filter(order => order.rowState.orderData.batchType !== 'Hard');\r\n const notHardBatchOrders = notHardBatchStateOrders.map(order => order.rowState.orderData);\r\n const orderGroupIndexes = hardBatchOrders?.map(order => order.rowState?.orderData?.orderGroupIndex);\r\n\r\n let allHardBatchOrders = [];\r\n for (let i = 0; i < allAvailableOrders.length; i++) {\r\n for (let j = 0; j < orderGroupIndexes.length; j++) {\r\n if (allAvailableOrders[i].orderGroupIndex === orderGroupIndexes[j]) {\r\n allHardBatchOrders.push(allAvailableOrders[i])\r\n };\r\n };\r\n };\r\n\r\n const allSelectedOrders = [...allHardBatchOrders, ...notHardBatchOrders]\r\n const orderIds = allSelectedOrders?.map(order => order.id);\r\n const ordersLocationsList = [ ...new Set(orders.map(order => order.rowState.orderData[location]))];\r\n const locationGroupsList = [];\r\n const locationGroupsObjectList = [];\r\n\r\n for (const loc of ordersLocationsList) {\r\n locationGroupsList.push(orders.filter(order => order.rowState.orderData[location] === loc));\r\n }\r\n \r\n locationGroupsList.forEach(locationGroup => {\r\n const locationGroupsObject = {\r\n locationOfGroup: '',\r\n orders: [],\r\n showModal: false,\r\n };\r\n \r\n const locationOfGroup = locationGroup[0].rowState.orderData[location];\r\n locationGroupsObject.locationOfGroup = locationOfGroup;\r\n locationGroupsObject.orders = locationGroup;\r\n\r\n\r\n // START\r\n if (locationGroup.length > 1) {\r\n const haveAtLeastOneOrderWithAppt = locationGroup.filter(ord => ord.rowState.orderData[pickAppointment]).length;\r\n const haveAtLeastOneOrderWithOutAppt = locationGroup.filter(ord => !ord.rowState.orderData[pickAppointment]).length;\r\n const noNeedModal = haveAtLeastOneOrderWithAppt && haveAtLeastOneOrderWithOutAppt;\r\n if (noNeedModal) {\r\n if (([...new Set(locationGroup.map(order => order.rowState.orderData[pickAppointment]))].filter(order => order !== null).length > 1)) {\r\n locationGroupsObject.showModal = true;\r\n }\r\n } else if ( ([...new Set(locationGroup.map(order => order.rowState.orderData[pickAppointment]))].filter(order => order !== null).length > 1 \r\n || [...new Set(locationGroup.map(order => Number(order.rowState.orderData[pickAppointmentStatus])))].filter(order => order !== null).length > 1)) {\r\n locationGroupsObject.showModal = true;\r\n }\r\n }\r\n // END\r\n locationGroupsObjectList.push(locationGroupsObject);\r\n });\r\n\r\n let noAssignedLocation = false;\r\n load.ordersData.forEach(order => {\r\n if (!ordersLocationsList.includes(order.rowState.orderData?.[location]) && \r\n orders.length > 1 &&\r\n new Set(orders.map(order => order?.[location])).length > 1) {\r\n noAssignedLocation = true;\r\n }\r\n })\r\n \r\n // case when assigned orders are many and the locations are different\r\n const openModal = locationGroupsObjectList.filter(group => group.showModal).length > 0 || noAssignedLocation;\r\n\r\n let data = {\r\n orders: allSelectedOrders.length ? allSelectedOrders : orders.map(o => o.rowState.orderData),\r\n loadData: load,\r\n openModal: false,\r\n };\r\n\r\n if (openModal) {\r\n data.openModal = true;\r\n };\r\n\r\n dispatch({\r\n type: actionTypes.getActionType(resource, actionTypes.ASSIGN_ORDERS_TO_LOAD),\r\n data: data\r\n });\r\n\r\n if (!openModal) {\r\n axios.put(buildUrl(resource, 'assignorders'),\r\n {\r\n loadId: load.rowState.loadData.id,\r\n orderIds: orderIds.length ? orderIds : orders.map(i => i.rowState.orderData.id),\r\n },\r\n axiosConfig()\r\n )\r\n .then(response => {\r\n const hasError = response.data.hasError || response.data[0].hasError;\r\n const errorMessage = response.data.message || response.data[0].message;\r\n if (hasError) {\r\n dispatch(errorAction(resource, hasError, errorMessage));\r\n } else {\r\n dispatch(reloadAfterUpdate(resource, 'area'))\r\n }\r\n })\r\n .catch(err => {\r\n console.log(err)\r\n dispatch(errorAction(resource, true));\r\n console.error(err);\r\n console.log(err.response);\r\n });\r\n } \r\n};\r\n\r\nexport const assignOrdersToLoadAndUpdate = (resource, load, orders, allAvailableOrders, closeModal, locationObjects) => dispatch => {\r\n const hardBatchOrders = orders.filter(order => order.rowState.orderData.batchType === 'Hard');\r\n const notHardBatchStateOrders = orders.filter(order => order.rowState.orderData.batchType !== 'Hard');\r\n const notHardBatchOrders = notHardBatchStateOrders.map(order => order.rowState.orderData);\r\n const orderGroupIndexes = hardBatchOrders?.map(order => order.rowState?.orderData?.orderGroupIndex);\r\n const location = resource === 'load' ? 'pickLocation': 'dropLocation';\r\n\r\n let allHardBatchOrders = [];\r\n for (let i = 0; i < allAvailableOrders.length; i++) {\r\n for (let j = 0; j < orderGroupIndexes.length; j++) {\r\n if (allAvailableOrders[i].orderGroupIndex === orderGroupIndexes[j]) {\r\n allHardBatchOrders.push(allAvailableOrders[i])\r\n };\r\n };\r\n };\r\n \r\n const allSelectedOrders = [...allHardBatchOrders, ...notHardBatchOrders];\r\n const ordersLocationsList = [ ...new Set(orders.map(order => order.rowState.orderData?.[location]))];\r\n const locationGroups = [];\r\n\r\n for (const loc of ordersLocationsList) {\r\n locationGroups.push(orders.filter(order => order.rowState.orderData?.[location] === loc));\r\n }\r\n\r\n let data = {\r\n orders: allSelectedOrders.length ? allSelectedOrders : orders.map(o => o.rowState.orderData),\r\n loadData: load,\r\n openModal: false,\r\n locationObjects: locationObjects,\r\n };\r\n\r\n const getAllOrderIdsFromGroup = orderIds => {\r\n const orders = allAvailableOrders.filter(order => orderIds.includes(order.id));\r\n const hardBatchOrders = orders.filter(order => order.batchType === 'Hard');\r\n const notHardBatchStateOrders = orders.filter(order => order.batchType !== 'Hard');\r\n const orderGroupIndexes = hardBatchOrders?.map(order => order.orderGroupIndex);\r\n let allHardBatchOrders = [];\r\n for (let i = 0; i < allAvailableOrders.length; i++) {\r\n for (let j = 0; j < orderGroupIndexes.length; j++) {\r\n if (allAvailableOrders[i].orderGroupIndex === orderGroupIndexes[j]) {\r\n allHardBatchOrders.push(allAvailableOrders[i])\r\n };\r\n };\r\n };\r\n const allSelectedOrders = [...allHardBatchOrders, ...notHardBatchStateOrders];\r\n const allSelectedOrdersIds = allSelectedOrders.map(order => order?.id);\r\n return allSelectedOrdersIds;\r\n }\r\n\r\n if (closeModal) {\r\n data.openModal = false;\r\n };\r\n\r\n dispatch({\r\n type: actionTypes.getActionType(resource, actionTypes.ASSIGN_ORDERS_TO_LOAD),\r\n data: data\r\n });\r\n\r\n if (closeModal === 'cancelModal') {\r\n dispatch(unAssignOrders(resource, orders, allAvailableOrders))\r\n dispatch(reloadAfterUpdate(resource, 'area'));\r\n }\r\n\r\n if (!closeModal) {\r\n const items = locationObjects.map(locationGroup => {\r\n return {\r\n orderids: getAllOrderIdsFromGroup(locationGroup.orderIds),\r\n appointmentStatus: locationGroup.checkedStatus ? locationGroup.checkedStatus : 0,\r\n appointment: locationGroup.checkedAppointment,\r\n }\r\n });\r\n\r\n axios.put(buildUrl(resource, 'changeappointment'), {\r\n items: items,\r\n loadId: load.rowState.loadData.id,\r\n },\r\n axiosConfig()\r\n )\r\n .then(response => {\r\n const hasError = response.data?.hasError || response.data[0]?.hasError;\r\n const errorMessage = response.data?.message || response.data[0]?.message;\r\n if (hasError) {\r\n dispatch(errorAction(resource, hasError, errorMessage));\r\n } else {\r\n dispatch(reloadAfterUpdate(resource, 'area'))\r\n }\r\n })\r\n .catch(err => {\r\n dispatch(errorAction(resource, true));\r\n console.error(err);\r\n console.log(err.response);\r\n });\r\n }\r\n};\r\n\r\nexport const assignOrdersToLoadAndUpdateNewLoad = (resource, orders, allAvailableOrders, closeModal, locationObjects) => dispatch => {\r\n const hardBatchOrders = orders.filter(order => order.batchType === 'Hard');\r\n const notHardBatchStateOrders = orders.filter(order => order.batchType !== 'Hard');\r\n const orderGroupIndexes = hardBatchOrders?.map(order => order.orderGroupIndex);\r\n const location = resource === 'load' ? 'pickLocation': 'dropLocation';\r\n\r\n let allHardBatchOrders = [];\r\n for (let i = 0; i < allAvailableOrders.length; i++) {\r\n for (let j = 0; j < orderGroupIndexes.length; j++) {\r\n if (allAvailableOrders[i].orderGroupIndex === orderGroupIndexes[j]) {\r\n allHardBatchOrders.push(allAvailableOrders[i])\r\n };\r\n };\r\n };\r\n \r\n if (allHardBatchOrders.length) {\r\n for (let i = 0; i < locationObjects.length; i++) {\r\n locationObjects[i].orderIds.forEach(id => {\r\n const order = allAvailableOrders.find(o => o.id === id);\r\n const allHardBatchOrderIds = allHardBatchOrders.map(o => o.id);\r\n if (order && allHardBatchOrderIds.includes(id)) {\r\n const index = order.orderGroupIndex;\r\n const allOrdersByIndex = allAvailableOrders.filter(order => order.orderGroupIndex === index);\r\n locationObjects[i].orderIds = allOrdersByIndex.map(order => order.id);\r\n }\r\n })\r\n };\r\n };\r\n\r\n const allSelectedOrders = [...allHardBatchOrders, ...notHardBatchStateOrders];\r\n const ordersLocationsList = [ ...new Set(orders.map(order => order?.[location]))];\r\n const locationGroups = [];\r\n\r\n for (const loc of ordersLocationsList) {\r\n locationGroups.push(orders.filter(order => order?.[location] === loc));\r\n }\r\n\r\n let data = {\r\n orders: allSelectedOrders.length ? allSelectedOrders : orders.map(o => o.rowState.orderData),\r\n loadData: load,\r\n openModal: false,\r\n locationObjects: locationObjects,\r\n };\r\n\r\n if (closeModal) {\r\n data.openModalNewLoad = false;\r\n };\r\n\r\n // dispatch({\r\n // type: actionTypes.getActionType(resource, actionTypes.ASSIGN_ORDERS_TO_LOAD),\r\n // data: data\r\n // });\r\n\r\n if (closeModal === 'cancelModal') {\r\n // dispatch(unAssignOrders(resource, orders, allAvailableOrders))\r\n dispatch(reloadAfterUpdate(resource, 'area'));\r\n }\r\n\r\n if (!closeModal) {\r\n const items = locationObjects.map(locationGroup => {\r\n return {\r\n orderids: locationGroup.orderIds,\r\n appointmentStatus: locationGroup.checkedStatus ? locationGroup.checkedStatus : 0,\r\n appointment: locationGroup.checkedAppointment,\r\n }\r\n });\r\n\r\n axios.put(buildUrl(resource, 'changeappointment'), {\r\n items: items,\r\n loadId: 0,\r\n },\r\n axiosConfig()\r\n )\r\n .then(response => {\r\n const hasError = response.data.hasError;\r\n const error = response.data.message;\r\n if (hasError) {\r\n dispatch(errorAction(resource, hasError, error));\r\n } else {\r\n dispatch(reloadAfterUpdate(resource, 'area'))\r\n }\r\n })\r\n .catch(err => {\r\n dispatch(errorAction(resource, true));\r\n console.error(err);\r\n console.log(err.response);\r\n });\r\n }\r\n};\r\n\r\nexport const deleteLoad = (resource, rowState) => dispatch => {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.DELETE_LOAD), data: { rowState } });\r\n axios.delete(buildUrl(resource),\r\n {\r\n headers: axiosConfig().headers,\r\n params: {\r\n id: rowState.loadId,\r\n }\r\n })\r\n .then(response => {\r\n if (response.data.hasError) {\r\n dispatch(errorAction(resource, true));\r\n console.error(response.data.message);\r\n }\r\n if (rowState.isSub) {\r\n dispatch(reloadAfterUpdate(resource, 'area'));\r\n }\r\n }).catch(err => {\r\n dispatch(errorAction(resource, true));\r\n console.error(err);\r\n console.log(err.response);\r\n });\r\n};\r\n\r\nexport const createSubLoadAssignOrders = (resource, orders, dropLocationId) => dispatch => {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.SET_CREATE_SUB_IN_PROCESS), data: true });\r\n axios.put(buildUrl(resource, 'createsubloadassignorders'),\r\n {\r\n loadId: orders[0].rowState.loadData.id,\r\n dropLocationId,\r\n orderIds: orders.length > 0 ? orders.map(i => i.rowState.orderObjectId) : []\r\n },\r\n axiosConfig()\r\n )\r\n .then(response => {\r\n if (response.data.hasError) {\r\n dispatch(errorAction(resource, true));\r\n console.error(response.data.message);\r\n }\r\n else {\r\n //dispatch(\r\n // {\r\n // type: actionTypes.CREATE_SUB_LOAD_ASSIGN_ORDERS,\r\n // data: {\r\n // orders,\r\n // loadData: response.data,\r\n // dropLocationId\r\n // }\r\n // });\r\n dispatch(load(resource));\r\n }\r\n })\r\n .catch(err => {\r\n dispatch(errorAction(resource, true));\r\n console.error(err);\r\n console.log(err.response);\r\n }).finally(() => {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.SET_CREATE_SUB_IN_PROCESS), data: false });\r\n });\r\n};\r\n\r\nexport const assignOrdersToNewLoad = (resource, orders, index, allAvailableOrders) => dispatch => {\r\n const pickAppointment = resource === 'load' ? 'inboundPickAppointment': 'outboundAppointment';\r\n const pickAppointmentStatus = resource === 'load' ? 'inboundAppointmentStatus': 'outboundAppointmentStatus';\r\n const location = resource === 'load' ? 'pickLocation': 'dropLocation';\r\n\r\n const hardBatchOrders = orders.filter(order => order.rowState.orderData.batchType === 'Hard');\r\n const notHardBatchStateOrders = orders.filter(order => order.rowState.orderData.batchType !== 'Hard');\r\n const notHardBatchOrders = notHardBatchStateOrders.map(order => order.rowState.orderData);\r\n const orderGroupIndexes = hardBatchOrders?.map(order => order.rowState?.orderData?.orderGroupIndex);\r\n\r\n let allHardBatchOrders = [];\r\n for (let i = 0; i < allAvailableOrders.length; i++) {\r\n for (let j = 0; j < orderGroupIndexes.length; j++) {\r\n if (allAvailableOrders[i].orderGroupIndex === orderGroupIndexes[j]) {\r\n const assignedOrderWithHardType = orders.filter(order => order.rowState.orderData.id === allAvailableOrders[i].id)[0];\r\n if (assignedOrderWithHardType) {\r\n allHardBatchOrders.push(assignedOrderWithHardType.rowState.orderData)\r\n }\r\n };\r\n };\r\n };\r\n \r\n const allSelectedOrders = [...allHardBatchOrders, ...notHardBatchOrders]\r\n const ordersLocationsList = [ ...new Set(orders.map(order => order.rowState.orderData?.[location]))];\r\n const locationGroupsList = [];\r\n const locationGroupsObjectList = [];\r\n\r\n for (const loc of ordersLocationsList) {\r\n locationGroupsList.push(orders.filter(order => order.rowState.orderData?.[location] === loc));\r\n }\r\n\r\n locationGroupsList.forEach(locationGroup => {\r\n const locationGroupsObject = {\r\n locationOfGroup: '',\r\n orders: [],\r\n showModal: false,\r\n };\r\n \r\n const locationOfGroup = locationGroup[0].rowState.orderData?.[location];\r\n locationGroupsObject.locationOfGroup = locationOfGroup;\r\n locationGroupsObject.orders = locationGroup;\r\n\r\n if (locationGroup.length > 1) {\r\n const haveAtLeastOneOrderWithAppt = locationGroup.filter(ord => ord.rowState.orderData[pickAppointment]).length;\r\n const haveAtLeastOneOrderWithOutAppt = locationGroup.filter(ord => !ord.rowState.orderData[pickAppointment]).length;\r\n const noNeedModal = haveAtLeastOneOrderWithAppt && haveAtLeastOneOrderWithOutAppt;\r\n if (noNeedModal) {\r\n if (([...new Set(locationGroup.map(order => order.rowState.orderData[pickAppointment]))].filter(order => order !== null).length > 1)) {\r\n locationGroupsObject.showModal = true;\r\n }\r\n } else if ( ([...new Set(locationGroup.map(order => order.rowState.orderData[pickAppointment]))].filter(order => order !== null).length > 1 \r\n || [...new Set(locationGroup.map(order => Number(order.rowState.orderData[pickAppointmentStatus])))].filter(order => order !== null).length > 1)) {\r\n locationGroupsObject.showModal = true;\r\n }\r\n }\r\n\r\n locationGroupsObjectList.push(locationGroupsObject);\r\n });\r\n\r\n const openModalNewLoad = locationGroupsObjectList.filter(group => group.showModal).length > 0;\r\n\r\n let data = {\r\n orders: allSelectedOrders.length ? allSelectedOrders : orders.map(o => o.rowState.orderData),\r\n openModalNewLoad: false,\r\n };\r\n\r\n if (openModalNewLoad) {\r\n data.openModalNewLoad = true;\r\n };\r\n\r\n if (openModalNewLoad) {\r\n dispatch({\r\n type: actionTypes.getActionType(resource, actionTypes.ASSIGN_ORDERS_TO_NEW_LOAD_WITH_MODAL),\r\n data: data\r\n });\r\n }\r\n\r\n if (!openModalNewLoad) {\r\n const orderIds = [];\r\n const allOrders = [];\r\n for (let i = 0; i < orders.length; i++) {\r\n const orderGroupIndex = orders[i]?.rowState?.orderData?.orderGroupIndex;\r\n const hardBatchOrders = allAvailableOrders?.filter(order => order.orderGroupIndex === orderGroupIndex && order.batchType === 'Hard');\r\n if (!hardBatchOrders?.length) {\r\n orderIds.push(orders[i]?.rowState?.orderData?.id);\r\n allOrders.push(orders[i]?.rowState?.orderData);\r\n } else {\r\n const allHardBatchOrderIds = hardBatchOrders?.map(order => order.id);\r\n allHardBatchOrderIds.length && orderIds.push(...allHardBatchOrderIds);\r\n hardBatchOrders?.length && allOrders.push(...hardBatchOrders);\r\n }\r\n }\r\n\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.SET_CREATE_IN_PROCESS), data: true });\r\n axios.put(buildUrl(resource, 'createloadassignorders'),\r\n {\r\n loadId: 0,\r\n orderIds: orderIds?.length ? orderIds : orders.map(i => i.rowState.orderData.id),\r\n },\r\n axiosConfig())\r\n .then(response => {\r\n if (response.data.hasError) {\r\n dispatch(errorAction(resource, true));\r\n console.error(response.data.message);\r\n }\r\n else {\r\n dispatch(\r\n {\r\n type: actionTypes.getActionType(resource, actionTypes.ASSIGN_ORDERS_TO_NEW_LOAD),\r\n data: {\r\n orders: allOrders?.length ? allOrders : orders.map(o => o.rowState.orderData),\r\n index,\r\n loadData: response.data\r\n }\r\n });\r\n }\r\n })\r\n .catch(err => {\r\n dispatch(errorAction(resource, true));\r\n console.error(err);\r\n console.log(err.response);\r\n }).finally(() => {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.SET_CREATE_IN_PROCESS), data: false });\r\n });\r\n }\r\n};\r\n\r\nexport const setPopupItemData = (resource, value, rowState, header) => dispatch => {\r\n \r\n dispatch({\r\n type: actionTypes.getActionType(resource, actionTypes.UPDATE_EFS_DATA), data: {\r\n value,\r\n rowState,\r\n header\r\n }\r\n });\r\n};\r\n\r\nexport const setItemData = (resource, value, rowState, header) => dispatch => {\r\n if (rowState.type === 'load') {\r\n dispatch({\r\n type: actionTypes.getActionType(resource, actionTypes.SET_LOAD_DATA), data: {\r\n value,\r\n rowState,\r\n header\r\n }\r\n });\r\n if (header.key === 'wk') {\r\n rowState.loadData['pickWeek'] = value;\r\n }\r\n axios.put(buildUrl(resource, 'loadlintitem'), rowState.loadData,\r\n axiosConfig())\r\n .then(response => {\r\n if (response.data.hasError) {\r\n dispatch(errorAction(resource, true));\r\n console.error(response.data.message);\r\n }\r\n const headerForReload = [\"wk\"];\r\n const needReload = headerForReload.includes(header?.key);\r\n if (needReload) {\r\n dispatch(reloadAfterUpdate(resource, 'area'));\r\n }\r\n }).catch(err => {\r\n dispatch(errorAction(resource, true));\r\n console.error(err);\r\n console.log(err.response);\r\n });\r\n }\r\n else {\r\n dispatch({\r\n type: actionTypes.getActionType(resource, actionTypes.SET_DATA), data: {\r\n value: header?.key === 'outboundLumper' ? '' : value,\r\n rowState,\r\n header\r\n }\r\n });\r\n if (rowState.orderData && !(header?.key === 'outboundLumper' && value === '')) {\r\n const orderData = rowState.orderData;\r\n\r\n if (header?.key === 'wk') {\r\n orderData['pickWeek'] = value;\r\n };\r\n\r\n Array.isArray(value) && value.forEach(item => {\r\n orderData[item.header] = item.value;\r\n });\r\n\r\n if (header?.key === 'readyDate' && !value) {\r\n orderData['puDate'] = '';\r\n };\r\n\r\n if (value === 'unColor') {\r\n orderData['orderHistoryDict'][header?.key] = false;\r\n orderData['outOrderHistoryDict'][header?.key] = false;\r\n } else\r\n if (header?.key === 'dropLocation') {\r\n orderData['dropLocationId'] = value;\r\n } else {\r\n orderData[header?.key] = value;\r\n }\r\n\r\n if (rowState.isSub) {\r\n const subOrderData = {\r\n id: orderData.subOrderId,\r\n pickInDate: resource === 'load' ? orderData.inboundPickIn : orderData.outboundPickIn,\r\n pickOutDate: resource === 'load' ? orderData.inboundPickOut : orderData.outboundPickOut,\r\n pickAppointmenteDate: resource === 'load' ? orderData.inboundPickAppointment : orderData.outboundPickAppointment,\r\n pickAppointmentStatus: resource === 'load' ? orderData.inboundAppointmentStatus : orderData.pickOutboundAppointmentStatus,\r\n dropInDate: resource === 'load' ? orderData.inboundDropIn : orderData.outboundDropIn,\r\n pickWeek: resource === 'load' ? orderData.pickWeek : orderData.pickWeek,\r\n dropOutDate: resource === 'load' ? orderData.inboundDropOut : orderData.outboundDropOut,\r\n dropAppointmenteDate: resource === 'load' ? orderData.inboundDropAppointment : orderData.outboundDropAppointment,\r\n dropAppointmentStatus: resource === 'load' ? orderData.inboundDropAppointmentStatus : orderData.outboundAppointmentStatus,\r\n dueDate: orderData.dueDate,\r\n puDate: orderData.puDate,\r\n deliverDate: orderData.deliverDate,\r\n lumper: resource === 'load' ? orderData.inboundLumper : orderData.outboundLumper,\r\n dropRestriction: resource === 'load' ? orderData.pickRestriction : orderData.dropRestriction,\r\n palletCount: orderData.palletCount,\r\n cases: orderData.cases,\r\n space: orderData.space,\r\n weight: orderData.weight,\r\n poNumber: orderData.poNumber,\r\n stepCount: orderData.stepCount ? orderData.stepCount : 1,\r\n dropLocationId: orderData.dropLocationId,\r\n };\r\n axios.put(buildUrl('suborder', ''), subOrderData, // '/api/inboudsuborder'\r\n axiosConfig())\r\n .then(response => {\r\n if (response.data.hasError) {\r\n dispatch(errorAction(resource, true, response.data.message));\r\n console.error(response.data.message);\r\n }\r\n const headerForReload = [\"palletCount\", \"space\", \"weight\", \"outboundLumper\"];\r\n const needReload = headerForReload.includes(header?.key);\r\n if (Array.isArray(value) || needReload || !value) {\r\n dispatch(reloadAfterUpdate(resource, 'area'));\r\n }\r\n }).catch(err => {\r\n dispatch(errorAction(resource, true));\r\n console.error(err);\r\n console.log(err.response);\r\n });\r\n }\r\n else {\r\n const url = resource === \"load\" ? buildUrl('order', 'loadorderitem') : buildUrl('order', 'outboundloadorderitem') \r\n axios.put(url, orderData,\r\n axiosConfig())\r\n .then(response => {\r\n if (response.data.hasError) {\r\n dispatch(errorAction(resource, true, response.data.message));\r\n console.error(response.data.message);\r\n }\r\n const headerForReload = [\"palletCount\", \"space\", \"weight\", \"outboundLumper\", \"dropLocation\"];\r\n const needReload = headerForReload.includes(header?.key);\r\n if (Array.isArray(value) || needReload || !value) {\r\n dispatch(reloadAfterUpdate(resource, 'area'));\r\n }\r\n }).catch(err => {\r\n dispatch(errorAction(resource, true));\r\n console.error(err);\r\n console.log(err.response);\r\n });\r\n }\r\n }\r\n }\r\n};\r\n\r\nexport const setItemDisplayState = (resource, rowState, header, enable) => ({\r\n type: actionTypes.getActionType(resource, actionTypes.SET_DISPLAY_STATE), data: {\r\n rowState,\r\n header,\r\n enable\r\n }\r\n});\r\n\r\nexport const updateLoadData = (resource, newData) => ({\r\n type: actionTypes.getActionType(resource, actionTypes.UPDATE_LOAD_DATA),\r\n data: newData\r\n});\r\n\r\nexport const updateLoadDataEFS = (resource, value, rowState, header) => ({\r\n type: actionTypes.getActionType(resource, actionTypes.UPDATE_EFS_DATA), data: {\r\n value,\r\n rowState,\r\n header\r\n }\r\n});\r\n\r\nexport const setSortLoadsByCarriar = (resource, sort) => ({\r\n type: actionTypes.getActionType(resource, actionTypes.SET_SORT_LOAD_BY_CARRIER),\r\n data: sort\r\n});\r\n\r\nexport const setSortLoadsByPickAppts = (resource, sort) => ({\r\n type: actionTypes.getActionType(resource, actionTypes.SET_SORT_LOAD_BY_PICK_APPTS),\r\n data: sort\r\n});\r\n\r\nexport const setSortLoadsByPickLocation = (resource, sort) => ({\r\n type: actionTypes.getActionType(resource, actionTypes.SET_SORT_LOAD_BY_PICK_LOCATION),\r\n data: sort\r\n});\r\n\r\nexport const setSortLoadsByDropLocation = (resource, sort) => ({\r\n type: actionTypes.getActionType(resource, actionTypes.SET_SORT_LOAD_BY_DROP_LOCATION),\r\n data: sort\r\n});\r\n\r\nexport const setSortLoadsByDeliverNumber = (resource, sort) => ({\r\n type: actionTypes.getActionType(resource, actionTypes.SET_SORT_LOAD_BY_DELIVER_NUMBER),\r\n data: sort\r\n});\r\n\r\nexport const filterInOutOrders = (resource, filterType, option) => ({\r\n type: actionTypes.getActionType(resource, actionTypes.FILTER_IN_OUT_ORDERS),\r\n data: {\r\n filterType,\r\n option,\r\n }\r\n});\r\n\r\nexport const getHistoryList = (resource, url, orderId, field, isSub) => dispatch => {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.GET_HISTORY_LOADING) });\r\n const data = {\r\n params: {\r\n filterData: isSub ? {\r\n SubOrderId: orderId,\r\n field: field,\r\n } : \r\n {\r\n orderId: orderId,\r\n field: field,\r\n },\r\n },\r\n headers: axiosConfig().headers,\r\n };\r\n axios.get(buildUrl(url), data, axiosConfig())\r\n .then(response => dispatch({ type: actionTypes.getActionType(resource, actionTypes.GET_HISTORY), data: response }))\r\n .catch((err) => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.ERROR) });\r\n });\r\n};\r\n\r\nexport const setReOrderLoad = (resource, state, rowState, index) => dispatch => {\r\n const loadType = resource === 'load' ? 1 : 3;\r\n const firstOrderId = rowState.orderObjectId;\r\n const loadId = rowState.loadObjectId;\r\n const locationId = resource === 'load' ? 'pickLocationId' : 'dropLocationId';\r\n const orderLocationId = rowState.orderData?.[locationId];\r\n const loadOrders = state[resource].loadsAssignedOrders?.filter(item => item.rowState.loadObjectId === loadId);\r\n const ordersWithSameLocation = loadOrders.filter(order => order.rowState.orderData?.[locationId] === orderLocationId)\r\n const indexOfCurrentOrder = ordersWithSameLocation.findIndex(order => order.rowState.orderObjectId === firstOrderId);\r\n let secondOrderId = '';\r\n\r\n if (isNaN(index)) {\r\n if (index === 'up') {\r\n secondOrderId = ordersWithSameLocation[indexOfCurrentOrder-1].rowState.orderObjectId;\r\n } else {\r\n secondOrderId = ordersWithSameLocation[indexOfCurrentOrder+1].rowState.orderObjectId;\r\n }\r\n } else {\r\n secondOrderId = ordersWithSameLocation[index-1].rowState.orderObjectId;\r\n }\r\n\r\n dispatch({\r\n type: actionTypes.getActionType(resource, actionTypes.SET_RE_ORDER_LOAD), \r\n data: { firstOrderId, secondOrderId },\r\n });\r\n axios.put(buildSimpleUrl('load/swaporders'), { \r\n firstOrderId: firstOrderId,\r\n secondOrderId: secondOrderId,\r\n loadType: loadType,\r\n },\r\n axiosConfig()\r\n ).then(response => {\r\n const errorList = response?.data?.length ? response.data?.filter(d => d.hasError) : response?.data.hasError;\r\n const errorMessage = response.data.message || response.data[0].message;\r\n errorList.length && errorMessage && dispatch(errorAction(resource, errorList.length > 0, errorMessage));\r\n errorList.length && errorMessage && console.error(errorMessage);\r\n }).catch(err => {\r\n dispatch(errorAction(resource, true));\r\n console.error(err);\r\n console.log(err.response);\r\n });\r\n};\r\n\r\nexport const resetError = resource =>\r\n ({ type: actionTypes.getActionType(resource, actionTypes.RESET_ERROR) });\r\n\r\nconst errorAction = (resource, reload, errorText) => dispatch => {\r\n if (reload) {\r\n axios.get(buildUrl(resource, 'area'),\r\n axiosConfig()\r\n )\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.RELOAD_ON_ERROR), data: {\r\n responce, \r\n errorText,\r\n }}))\r\n .catch((err) => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.ERROR) });\r\n });\r\n }\r\n};\r\n\r\nconst reloadAfterUpdate = (resource, endpoint) => dispatch => {\r\n axios.get(buildUrl(resource, endpoint),\r\n axiosConfig())\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.LOAD), data: responce }))\r\n .catch((err) => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.ERROR) });\r\n });\r\n};\r\n\r\n","import axios from 'axios';\r\nimport moment from 'moment';\r\nimport store from '../..';\r\nimport * as actionTypes from './deliveredTrucksActionTypes';\r\n\r\nconst buildUrl = (resource, method = '') => `/api/${resource}/${method}`;\r\n\r\nconst axiosConfig = () => ({\r\n headers: {\r\n 'Authorization': 'Bearer ' + store.getState().auth.userToken\r\n }\r\n});\r\n\r\nexport const load = (resource, method, loadingType) => dispatch => {\r\n if (loadingType !== 'withoutLoading') {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.GET_DELIVERED_TRUCKS_LOADING) });\r\n }\r\n axios.get(buildUrl(resource, method),\r\n axiosConfig())\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.GET_DELIVERED_TRUCKS), data: responce }))\r\n .catch((err) => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.DELIVERED_TRUCKS_ERROR) });\r\n })\r\n};\r\n\r\nexport const reactOnAssignedItem = (resource, id, type) =>\r\n ({ type: actionTypes.getActionType(resource, actionTypes.REACTED_ASSIGNED_DELIVERED_TRUCKS), data: { id, type } });\r\n\r\nexport const setHeaderWidth = (resource, ind, width) =>\r\n ({ type: actionTypes.getActionType(resource, actionTypes.SET_HEADER_WIDTH_DELIVERED_TRUCKS), data: { ind, width } });\r\n\r\nexport const paidButtonAction = (resource, method, rowState) => dispatch =>{\r\n axios.put(buildUrl(resource, `${method}?loadId=${rowState.loadId}`), '',\r\n axiosConfig())\r\n .then(response => {\r\n if (response.data.hasError) {\r\n dispatch(errorAction(resource, true));\r\n console.error(response.data.message);\r\n } else {\r\n dispatch(load(resource, 'readytopay'))\r\n }\r\n }).catch(err => {\r\n dispatch(errorAction(resource, true));\r\n console.error(err);\r\n console.log(err.response);\r\n });\r\n}\r\nexport const setItemData = (resource, value, rowState, header, loadsAssignedOrders) => dispatch => {\r\n dispatch({\r\n type: actionTypes.getActionType(resource, actionTypes.SET_DELIVERED_TRUCKS_DATA), data: {\r\n value,\r\n rowState,\r\n header\r\n }\r\n });\r\n \r\n let requestData = {};\r\n let orderStatusByCall;\r\n let orderNotesByCall;\r\n let loadCallCheckNote;\r\n let podRequestStatus;\r\n let callCheckAttachment;\r\n let browserDateTime = moment.utc(new Date()).local().utc(true).format();\r\n\r\n const order = rowState.orderData;\r\n if (rowState.loadData.loadType === 3) {\r\n orderStatusByCall = order.outOrderStatusByCall;\r\n orderNotesByCall = order?.outNotes;\r\n podRequestStatus = order?.outPodRequestStatus || 0;\r\n callCheckAttachment = order.callCheckOutAttachment;\r\n loadCallCheckNote = order.outLoadCallCheckNote;\r\n } else if (rowState.loadData.loadType === 1) {\r\n orderStatusByCall = order.inOrderStatusByCall;\r\n orderNotesByCall = order.inNotes;\r\n podRequestStatus = order?.inPodRequestStatus;\r\n callCheckAttachment = order.callCheckInAttachment;\r\n loadCallCheckNote = order.inLoadCallCheckNote;\r\n }\r\n requestData = {\r\n orderId: rowState.isSub ? order.orderId : order.id,\r\n loadId: rowState.loadData?.id,\r\n subOrderId: rowState.isSub ? order.id : '',\r\n orderStatusByCall,\r\n orderNotesByCall,\r\n podRequestStatus,\r\n loadCallCheckNote,\r\n callCheckAttachment,\r\n browserDateTime,\r\n poNumber: rowState.poNumber,\r\n }\r\n\r\n if (header.key === 'orderStatusByCall') {\r\n requestData.orderStatusByCall = value;\r\n requestData.orderDelayedReasonByCall = null;\r\n } else if (header.key === 'orderNotesByCall') {\r\n requestData.orderNotesByCall = value;\r\n } else if (header.key === 'podRequestStatus') {\r\n requestData.podRequestStatus = value;\r\n } else if (header.key === 'podDoc') {\r\n requestData.callCheckAttachment = value;\r\n } else if (header.key === 'loadCallCheckNote') {\r\n requestData.loadCallCheckNote = value;\r\n } else {\r\n requestData[header.key] = value;\r\n }\r\n\r\n axios.put(buildUrl('AccountPayable', 'loadorderitem'), requestData,\r\n axiosConfig())\r\n .then(response => {\r\n if (response.data.hasError) {\r\n dispatch(errorAction(resource, true, response.data.message));\r\n console.error(response.data.message);\r\n } else if ((response.data.callCheckInAttachment || response.data.callCheckOutAttachment) && header.key === 'podDoc') {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.SET_DELIVERED_TRUCKS_DATA), data: {\r\n value: rowState.loadData.loadType === 1 ? response.data.callCheckInAttachment :\r\n rowState.loadData.loadType === 3 ? response.data.callCheckOutAttachment : '',\r\n rowState,\r\n header\r\n }\r\n })\r\n } else if (header.key === 'orderNotesByCall') {\r\n dispatch(reloadAfterUpdate(resource))\r\n }\r\n }).catch(err => {\r\n dispatch(errorAction(resource, true));\r\n console.error(err);\r\n console.log(err.response);\r\n });\r\n};\r\n\r\nexport const setItemDisplayState = (resource, rowState, header, enable) => ({\r\n type: actionTypes.getActionType(resource, actionTypes.SET_DISPLAY_STATE_DELIVERED_TRUCKS), data: {\r\n rowState,\r\n header,\r\n enable\r\n }\r\n});\r\n\r\nexport const filterDeliveredTrucks = (resource, key) => ({\r\n type: actionTypes.getActionType(resource, actionTypes.FILTER_DELIVERED_TRUCKS),\r\n data: key\r\n});\r\nexport const sortBy = (resource, sortValue) => dispatch => {\r\n dispatch({\r\n type: actionTypes.getActionType(resource, actionTypes.SORT_DELIVERED_TRUCKS), data: sortValue\r\n });\r\n}\r\n\r\nexport const getHistoryListDeliveredTrucks = (resource, url, orderId, field, isSub) => dispatch => {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.GET_HISTORY_DELIVERED_TRUCKS_LOADING) });\r\n const data = {\r\n params: {\r\n filterData: isSub ? {\r\n SubOrderId: orderId,\r\n field: field,\r\n } : \r\n {\r\n orderId: orderId,\r\n field: field,\r\n },\r\n },\r\n headers: axiosConfig().headers,\r\n };\r\n axios.get(buildUrl(url), data, axiosConfig())\r\n .then(response => dispatch({ type: actionTypes.getActionType(resource, actionTypes.GET_HISTORY_DELIVERED_TRUCKS), data: response }))\r\n .catch((err) => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.DELIVERED_TRUCKS_ERROR) });\r\n });\r\n};\r\n\r\n\r\nexport const resetError = resource =>\r\n ({ type: actionTypes.getActionType(resource, actionTypes.RESET_ERROR) });\r\n\r\nconst errorAction = (resource, reload, method) => dispatch => {\r\n if (reload) {\r\n axios.get(buildUrl(resource, method),\r\n axiosConfig()\r\n )\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.RELOAD_ON_ERROR_DELIVERED_TRUCKS), data: responce }))\r\n .catch((err) => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.DELIVERED_TRUCKS_ERROR) });\r\n });\r\n }\r\n};\r\n\r\nconst reloadAfterUpdate = (resource) => dispatch => {\r\n axios.get(buildUrl(resource, 'area'),\r\n axiosConfig()\r\n )\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.GET_DELIVERED_TRUCKS), data: responce }))\r\n .catch((err) => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.DELIVERED_TRUCKS_ERROR) });\r\n });\r\n};","export const customStyles = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '400px',\r\n minHeight: '200px',\r\n borderRadius: '8px',\r\n padding: 0,\r\n },\r\n};\r\n\r\nexport const customStyleLoadDetailsPage = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '968px',\r\n minHeight: '600px',\r\n borderRadius: '8px',\r\n padding: '0',\r\n width: '90%',\r\n maxWidth: '968px',\r\n height: '-webkit-fill-available',\r\n overflowY: 'scroll',\r\n },\r\n};\r\n\r\nexport const customStylesLoadDetailsPage = {\r\n control: (base, state) => ({\r\n ...base,\r\n borderColor: state.isFocused ? 'lightGray' : 'lightGray',\r\n borderRadius: '8px',\r\n boxShadow: 'none',\r\n minHeight: '37px',\r\n width: '100%',\r\n cursor: 'notAllowed',\r\n }),\r\n menu: (base, state) => ({\r\n ...base,\r\n zIndex: '20',\r\n }),\r\n menuList: () => ({\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: '100%',\r\n borderRadius: 'none!important',\r\n }),\r\n valueContainer: (base, state) => ({\r\n display: 'flex',\r\n alignItems: 'self-end',\r\n paddingLeft: '5px',\r\n maxWidth: '224px',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap',\r\n }),\r\n container: (base, state) => ({\r\n ...base,\r\n pointerEvents: 'auto',\r\n }),\r\n singleValue: (base, state) => ({\r\n maxWidth: '224px',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap',\r\n }),\r\n options: (base, state) => ({\r\n padding: '4px 8px',\r\n cursor: 'pointer',\r\n borderRadius: 'unset',\r\n }),\r\n};","export const translateIntoCamelCase = textInUnderScore => {\r\n if (textInUnderScore === 'inboundPickAppointment') {\r\n return 'inbound_pick_appointment';\r\n } else if (textInUnderScore === 'outboundPickAppointment') {\r\n return 'outbound_pick_appointment';\r\n } else if (textInUnderScore === 'inboundDropAppointment') {\r\n return 'inbound_drop_appointment';\r\n } else if (textInUnderScore === 'outboundDropAppointment') {\r\n return 'outbound_drop_appointment';\r\n } else if (textInUnderScore === 'poNumber') {\r\n return 'po_number';\r\n }\r\n};","import React, { useEffect } from 'react';\r\nimport Modal from 'react-modal';\r\nimport { useDispatch } from 'react-redux';\r\nimport moment from 'moment';\r\nimport { getHistoryList } from '../../../../store/actions/loadArea/loadArea';\r\nimport { getHistoryListCallCheck } from '../../../../store/actions/callCheck/callCheck';\r\nimport { getHistoryListDeliveredTrucks } from '../../../../store/actions/deliveredTrucksActions/deliveredTrucks';\r\nimport { HistorySelectors } from '../../../../store/selectors/historySelector';\r\nimport Loading from \"../../screen/loading\";\r\nimport { customStyles } from './styles';\r\nimport { translateIntoCamelCase } from './helper';\r\n\r\nconst HistoryModal = ({ isHistoryModalOpen, setHistoryModalOpen, inputRef, resource, rowState, cellDataKey, field }) => {\r\n const dispatch = useDispatch();\r\n const isSub = rowState.orderData.subOrderId;\r\n const orderId = isSub ? rowState.orderData.subOrderId : rowState.orderObjectId;\r\n const { historyList, loading } = HistorySelectors(resource);\r\n\r\n useEffect(() => {\r\n if (isSub) {\r\n if (resource === 'callCheck') {\r\n dispatch(getHistoryListCallCheck(resource, 'suborder/suborderchangeloginfo', orderId, translateIntoCamelCase(cellDataKey), isSub));\r\n } else if (resource === 'AccountPayable') {\r\n dispatch(getHistoryListDeliveredTrucks(resource, 'suborder/suborderchangeloginfo', orderId, translateIntoCamelCase(cellDataKey), isSub));\r\n } else {\r\n dispatch(getHistoryList(resource, 'suborder/suborderchangeloginfo', orderId, translateIntoCamelCase(cellDataKey), isSub));\r\n }\r\n } else {\r\n dispatch(getHistoryList(resource, 'order/orderchangeloginfo', orderId, translateIntoCamelCase(cellDataKey)));\r\n }\r\n }, [cellDataKey, dispatch, isSub, orderId, resource]);\r\n\r\n const closeModal = () => {\r\n setHistoryModalOpen(false);\r\n if (field === 'appt') {\r\n inputRef.current.focus();\r\n }\r\n };\r\n\r\n const getFromDataValue = (fromData, field) => {\r\n if (field === 'appt') {\r\n return moment.utc(fromData).utcOffset(4).format('MM/DD/YY HH:mm');\r\n } else if (cellDataKey === 'poNumber') {\r\n return fromData;\r\n }\r\n }\r\n\r\n if (loading) {\r\n return (\r\n This Load has PODs pending. Confirm Delivery?
\r\n \r\n \r\n
\r\n Close
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n {field === 'appt' ? 'Changes' : 'PO# Changes'}
\r\n | Created/Changed by | \r\nDate/Time | \r\n{field === 'appt' ? 'Old APPT Date' : 'Old PO#'} | \r\n{field === 'appt' ? 'NEW APPT Date' : 'New PO#'} | \r\n
|---|---|---|---|
| {item.updated} | \r\n{item.editDate ? moment.utc(item.editDate).utcOffset(4).format('MM/DD/YY HH:mm') : ''} | \r\n{item.fromData ? getFromDataValue(item.fromData, field) : ''} | \r\n{item.toData ? getFromDataValue(item.toData, field) : ''} | \r\n
\r\n
;\r\n case 'link':\r\n return {tempData}\r\n case 'text':\r\n if (header.key === 'loadPositionType') {\r\n return selectOptionsPalletTypes[tempData];\r\n } else if (header.key === 'carrierName' && rowState.type === 'load') {\r\n return (\r\n \r\n {tempData}\r\n )\r\n } else if (header.key === 'loadCallCheckNote' && rowState.type === 'load') {\r\n return (\r\n {tempData ? moment(tempData).format(Defines.Format.Date) : ''}
\r\n {tempData ? moment(tempData).format(Defines.Format.Time) : ''}
\r\n \r\n {tempData}\r\n
)\r\n } else if (header.key === 'lumper_efs' && rowState.type === 'stop') {\r\n const efsData = value2 === 2 ? 'EFS: NO' : value2 === 1 ? 'EFS: YES' : 'EFS: -';\r\n const lumperData = tempData === 2 ? 'YES' : tempData === 1 ? 'NO' : '-';\r\n return \r\n setHistoryModalOpen(true)}>\r\n {value2 ? asterisks : ''}\r\n }\r\n
\r\n case 'actions':\r\n return (\r\n \r\n
\r\n );\r\n case 'button':\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n default:\r\n return tempData;\r\n }\r\n }\r\n return tempData\r\n };\r\n\r\n const handleSelectChange = (value) => {\r\n if (header.key === 'orderNotesByCall') {\r\n setData(value);\r\n } else {\r\n setData(parseInt(value));\r\n }\r\n };\r\n\r\n const handleValidationForPickDropInOut = value => {\r\n let errorText;\r\n const pickIn = rowState.loadData?.loadType === 1 ? 'inboundPickIn' : 'outboundPickIn'; \r\n const pickOut = rowState.loadData?.loadType === 1 ? 'inboundPickOut' : 'outboundPickOut'; \r\n const dropIn = rowState.loadData?.loadType === 1 ? 'inboundDropIn' : 'outboundDropIn'; \r\n const dropOut = rowState.loadData?.loadType === 1 ? 'inboundDropOut' : 'outboundDropOut'; \r\n\r\n if (header?.key === 'pickInDate') {\r\n if (rowState.orderData[pickOut] && !value) {\r\n errorText = 'Error: Cannot remove Pick In with Pick Out set.'\r\n }\r\n } else if (header?.key === 'pickOutDate') {\r\n if (!rowState.orderData[pickIn] && value) {\r\n errorText = 'Error: Pick Out cannot be set without Pick In.'\r\n }\r\n if (rowState.orderData[dropIn] && !value) {\r\n errorText = 'Error: Cannot remove Pick Out with Drop In set.'\r\n }\r\n } else if (header?.key === 'dropInDate') {\r\n if (!rowState.orderData[pickOut] && value) {\r\n errorText = 'Error: Del In cannot be set without Pick In/Out'\r\n }\r\n if (rowState.orderData[dropOut] && !value) {\r\n errorText = 'Error: Cannot remove Drop In with Drop Out set.'\r\n }\r\n } else if (header?.key === 'dropOutDate') {\r\n if (!rowState.orderData[dropIn] && value) {\r\n errorText = 'Error: Del Out cannot be set without Del In.'\r\n }\r\n }\r\n return errorText;\r\n }\r\n\r\n let splittedData = [];\r\n if (header.key === 'orderNotesByCall' && podNotesHistory && podNotesHistory?.[0]) {\r\n splittedData = podNotesHistory?.split(',');\r\n };\r\n\r\n const content = splittedData.length ? (\r\n \r\n \r\n
\r\n
\r\n ) : | \r\n Created By Data Time Status note | \r\n
|---|
| {data} | \r\n
You don't have any notes
;\r\n\r\n const getInput = () => {\r\n switch (cellData.fieldType) {\r\n case 'dateTime':\r\n return \r\n {\r\n if (inputReference.current) {\r\n setDisplayState(redonly);\r\n }\r\n setData(value.currentTarget.value)\r\n }}\r\n />\r\n {value2 &&\r\n setHistoryModalOpen(true)}>\r\n {asterisks}\r\n \r\n }\r\n
\r\n case 'select':\r\n let selectOption;\r\n let selectNameOptions;\r\n if (header.key === 'orderStatusByCall') {\r\n selectOption = selectOptionsStatus;\r\n selectNameOptions = selectNameOptionsStatus;\r\n } else if (header.key === 'delayedReason') {\r\n selectOption = selectOptionsReason;\r\n selectNameOptions = selectNameOptionsReason;\r\n } else if (header.key === 'podRequestStatus') {\r\n selectOption = selectOptionsPOD;\r\n selectNameOptions = selectNameOptionsPOD;\r\n }\r\n const statusByCell = rowState.loadData.loadType === 1 ?\r\n rowState?.firstOrderData?.inOrderStatusByCall :\r\n rowState?.firstOrderData?.outOrderStatusByCall;\r\n return ;\r\n case 'select_and_popover':\r\n return (\r\n \r\n
;\r\n }\r\n default: return <>;\r\n }\r\n };\r\n\r\n const getDataWithTooltip = () => tooltip ? \r\n ( changeImage(rowState)} className='uploader-container'>\r\n \r\n \r\n
\r\n { onClickRow() }}\r\n className='table-body-cell'\r\n style={cellStyle}>\r\n {reacted ?
:\r\n { onClickRow() }}>\r\n {cellData.value}\r\n
\r\n }\r\n \r\n \r\n );\r\n};\r\nexport default connect(state => ({\r\n state: state\r\n}))(LeftActionCall);","import React, { useCallback, useRef, useEffect } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport Cell from './cell';\r\nimport LeftActionCall from './leftActionCall';\r\nimport { reactOnAssignedItem } from '../../../../store/actions/callCheck/callCheck';\r\n\r\nconst Row = (\r\n {\r\n data,\r\n style,\r\n itemSize,\r\n reactOnAssignedItem,\r\n state,\r\n listRef,\r\n startOnScroll,\r\n resource,\r\n uploadModalIsOpen,\r\n setUploadModalIsOpen,\r\n setUploadRowState,\r\n loadsAssignedOrders,\r\n }) => {\r\n const rowRef = useRef({});\r\n const loadArea = state[resource];\r\n const isSubOrder = loadsAssignedOrders.filter(order => order.rowState.isSub && \r\n order.rowState.id === data.rowState.loadId &&\r\n data.rowState.type === 'order')[0];\r\n const color = data.rowState.reacted ? 'lightgray' :\r\n isSubOrder ? '#b4d5bc' :\r\n data.rowState.type === 'load' ? '#65A7A5' :\r\n data.rowState.type === 'stop' ? '#D9EBEB' :\r\n 'white';\r\n\r\n const subOrdersOrderIDs = loadArea?.subOrders?.map(sub => sub.orderId);\r\n const hasSubOrder = data?.rowState.type === 'order' && subOrdersOrderIDs?.includes(data?.rowState.orderData?.id) && !isSubOrder;\r\n\r\n useEffect(() => {\r\n if (rowRef.current) {\r\n listRef.current.resetAfterIndex(0);\r\n }\r\n }, [rowRef, listRef]);\r\n\r\n const onClickRow = useCallback(() => {\r\n reactOnAssignedItem(resource, data.rowState.id, data.rowState.type);\r\n }, [reactOnAssignedItem, data, resource]);\r\n\r\n style.width = 'max-content';\r\n const rowStyle = { ...style, ...{ height: `${itemSize}px`, backgroundColor: color } };\r\n \r\n const cellContent = (i, ind) => {\r\n const header = loadArea.headers.find(h => h.key === i.key);\r\n\r\n if (header.leftAction) {\r\n return (\r\n {data.row.map(cellContent)}\r\n
: null;\r\n };\r\n\r\nexport default connect(state => ({\r\n state: state\r\n}), dispatch => ({\r\n reactOnAssignedItem: (resource, id, type) => dispatch(reactOnAssignedItem(resource, id, type)),\r\n}))(Row);","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { Resizable } from 'react-resizable';\r\nimport { setHeaderWidth } from '../../../../store/actions/callCheck/callCheck';\r\n\r\nconst HeaderCell = ({state, ind, setHeaderWidth, resource}) => {\r\n const loadArea = state[resource];\r\n const data = loadArea.headers[ind];\r\n let cellStyle = {\r\n maxWidth: `${data.width}px`,\r\n width: `${data.width}px`,\r\n minWidth: `${data.width}px`,\r\n };\r\n\r\n if (data.leftAction) {\r\n cellStyle = {\r\n ...cellStyle, ...{\r\n position: 'sticky',\r\n left: 0,\r\n maxWidth: `${data.width-1}px`,\r\n width: `${data.width-1}px`,\r\n minWidth: `${data.width-1}px`,\r\n }\r\n };\r\n }\r\n\r\n const onResizeStart = (e, s) => {\r\n console.log('onResizeStart', e, s);\r\n };\r\n\r\n const onResize = s => {\r\n setHeaderWidth(resource, ind, s.size.width);\r\n };\r\n\r\n const onResizeStop = (e, s) => {\r\n console.log('onResizeStop', e, s);\r\n };\r\n\r\n const headerCall = (\r\n \r\n {loadArea.headers.map((_, ind) => {\r\n return
\r\n );\r\n};\r\n\r\nexport default connect(state => ({\r\n state: state\r\n}))(HeaderRow);","export const createSeparator = (itemDefaultSize, headers, type, ind, loadId, regionId) => ({\r\n row: [{\r\n key: headers[0].key,\r\n value: '',\r\n editable: false,\r\n height: itemDefaultSize\r\n }],\r\n rowState: {\r\n type: 'separator',\r\n id: `${type}_separator_${ind}`,\r\n loadId,\r\n regionId,\r\n visible: true,\r\n reacted: false,\r\n available: true,\r\n height: 4\r\n }\r\n});","import React, { useState } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport Modal from 'react-modal';\r\nimport moment from 'moment';\r\nimport { Upload, message } from 'antd';\r\n\r\nimport axios from '../../../axios/axios';\r\nimport { setItemData } from '../../../../store/actions/callCheck/callCheck';\r\nimport { ApiUrl } from '../../../../project/Pages';\r\nimport store from '../../../../store';\r\nimport './index.css';\r\n\r\nconst UploadModal = ({ state, rowState, setItemData, uploadModalIsOpen, setUploadModalIsOpen }) => {\r\n const closeModal = () => {\r\n setUploadModalIsOpen(false);\r\n };\r\n\r\n const resource = 'callCheck';\r\n const loadArea = state[resource];\r\n const header = loadArea.headers.find(h => h.key === 'podDoc');\r\n\r\n const [fileCont, setFileCont] = useState(null);\r\n const orderGuid = rowState.loadData?.loadType === 1 ? rowState.orderData.callCheckInAttachment?.guid : rowState.loadData?.loadType === 3 ? rowState.orderData.callCheckOutAttachment?.guid : '';\r\n const [guid, setGuid] = useState(orderGuid);\r\n\r\n const max = 5;\r\n const restrictions = file => {\r\n const isLt = file.size / 1024 / 1024 < max;\r\n if (!isLt) {\r\n message.error(`Image must be smaller than ${max}MB!`);\r\n return false;\r\n }\r\n\r\n const extensions = ['jpeg', 'jpg', 'png', 'heif', 'pdf'];\r\n const dot = file.name.lastIndexOf(\".\") + 1;\r\n const fileExtension = file.name.substr(dot, file.name.length).toLowerCase();\r\n if (!extensions.includes(fileExtension)) {\r\n message.error(`Image must be in jpeg, png, pdf or heif format!`);\r\n return false;\r\n }\r\n return true;\r\n };\r\n\r\n const customStyles = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '360px',\r\n minHeight: '140px', \r\n borderRadius: '8px',\r\n padding: '6px 12px',\r\n },\r\n };\r\n\r\n const beforeUpload = file => {\r\n if (!restrictions(file)) {\r\n return false;\r\n }\r\n setFileCont(file);\r\n return true;\r\n };\r\n\r\n const handleUpload = () => {\r\n closeModal();\r\n const formData = new FormData();\r\n formData.append('file', fileCont);\r\n axios.post(ApiUrl.Upload, formData, { headers: { 'Content-Type': 'multipart/form-data' } }).then(response => {\r\n if (response && response.data) {\r\n const result = response.data;\r\n if (result.hasError) {\r\n message.error(result.message || 'File not uploaded!');\r\n return;\r\n }\r\n setGuid(result.guId);\r\n onChange(result);\r\n }\r\n });\r\n };\r\n\r\n const onChange = result => {\r\n const mDate = moment(new Date());\r\n let callCheckAttachment;\r\n if (result === null) {\r\n const imageId = rowState.loadData.loadType === 1 ? rowState.orderData.callCheckInAttachment.id : rowState.loadData.loadType === 3 ? rowState.orderData.callCheckOutAttachment.id : '';\r\n callCheckAttachment = {\r\n id: imageId,\r\n guid: guid,\r\n isNew: false,\r\n deleted: true,\r\n }\r\n } else {\r\n callCheckAttachment = {\r\n hasError: result.hasError,\r\n message: result.message,\r\n guid: result.guId,\r\n fileName: result.originalName,\r\n fileType: result.fileType,\r\n size: result.size,\r\n originalFileName: result.originalName,\r\n fullName: `${store.getState().auth.userFirstName} ${store.getState().auth.userLastName}`,\r\n createDate: mDate.format(),\r\n comments: '',\r\n isNew: true,\r\n deleted: false,\r\n external: true,\r\n };\r\n }\r\n setItemData(resource, callCheckAttachment, rowState, header);\r\n };\r\n \r\n return (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n state: state,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n setItemData: (resource, value, rowState, header) => dispatch(setItemData(resource, value, rowState, header)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(UploadModal);\r\n","import React, { useState, useMemo, useRef, useEffect, useCallback } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { VariableSizeList } from 'react-window';\r\nimport AutoSizer from 'react-virtualized-auto-sizer';\r\nimport { createSelectable, SelectableGroup } from '../../../components/custom/reactSelectable';\r\nimport { load, resetError, filterCallChecks, reactOnAssignedItems } from '../../../../store/actions/callCheck/callCheck';\r\nimport { getContentWidth } from '../../../../store/reducers/callCheck/helper/general';\r\nimport Row from './row';\r\nimport HeaderRow from './headerRow';\r\nimport { createSeparator } from '../../../../store/reducers/callCheck/helper/separator';\r\nimport { Dropdown, Space, message, Menu } from 'antd';\r\nimport Loading from \"../../screen/loading\";\r\nimport HideShowMenuSwitch from '../../layout/hideShowMenuSwitch';\r\nimport UploadModal from './UploadModal'; \r\nimport { useClientHubOrder } from \"../../../hook/hub/useClientHubOrder\";\r\n\r\nconst Spreadsheet = props => {\r\n const { \r\n state,\r\n loadsAssignedOrders,\r\n resetError,\r\n haseError,\r\n actionMessage,\r\n loading,\r\n load,\r\n resource,\r\n filterCallChecks,\r\n filterType,\r\n reactOnAssignedItems,\r\n selectable,\r\n userId,\r\n } = props;\r\n\r\n const [uploadModalIsOpen, setUploadModalIsOpen] = useState(false);\r\n const [uploadRowState, setUploadRowState] = useState('');\r\n const scrollSizeSmall = 18;\r\n const scrollSize = 16;\r\n const defRowHeight = 20;\r\n const assignedRef = useRef({});\r\n\r\n useClientHubOrder((message) => {\r\n if (userId !== message.byId) {\r\n load(resource, 'withoutLoading');\r\n }\r\n }, 'notification');\r\n\r\n useEffect(() => {\r\n load(resource);\r\n }, [load, resource]);\r\n\r\n useEffect(() => {\r\n filterCallChecks(resource, filterType)\r\n }, [filterCallChecks, filterType, resource])\r\n\r\n useEffect(() => {\r\n if (haseError) {\r\n message.error(actionMessage);\r\n resetError(resource);\r\n }\r\n }, [haseError, actionMessage, resetError, resource]);\r\n\r\n const listReference = useRef(null);\r\n const listHeaderReference = useRef(null);\r\n const mainScroll = useRef(null);\r\n const startOnScroll = width => mainScroll.current.scrollLeft = width;\r\n\r\n const onScrollX = e => {\r\n if (listHeaderReference.current && listReference.current && e.target) {\r\n listHeaderReference.current.scrollLeft =\r\n listReference.current.scrollLeft = e.target.scrollLeft;\r\n }\r\n };\r\n\r\n const header = useMemo(() =>\r\n Did you verify all case counts on this load?
\r\n \r\n \r\n \r\n
\r\n Verified
\r\n Close
\r\n \r\n \r\n
\r\n \r\n {header}\r\n \r\n
\r\n {allOrdersList}
\r\n onScrollX(e)}>\r\n
\r\n {uploadModalIsOpen && \r\n \r\n
\r\n \r\n
\r\n )\r\n\r\n return <>\r\n {subHeader}{loading ? \r\n \r\n \r\n e.preventDefault()}>\r\n Filter \r\n \r\n \r\n
\r\n Refresh
\r\n \r\n
\r\n \r\n {data.title}\r\n {data.sortable &&\r\n
;\r\n\r\n const resizableHeaderCall = (\r\n \r\n dispatch(sortBy(resource, 'asc'))} style={{ color: upArrowColor }} />\r\n dispatch(sortBy(resource, 'desc'))} style={{ color: downArrowColor }} />\r\n
\r\n }\r\n \r\n {headers.map((_, ind) => {\r\n return
\r\n );\r\n};\r\n\r\nexport default HeaderRow;","import React from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { FactoringCompanySelectors } from '../../../../store/selectors/factoringCompanySelectors';\r\n\r\nconst Cell = ({ cellData, itemSize, resource, rowState }) => {\r\n const history = useHistory();\r\n const { state } = FactoringCompanySelectors();\r\n const header = state[resource].headers.find(h => h.key === cellData.key);\r\n const width = header.width;\r\n let data = cellData.value;\r\n const id = rowState.factoringCompanyData.id;\r\n\r\n const getData = () => {\r\n if (data !== '' && data !== null) {\r\n switch (cellData.fieldType) {\r\n case 'text':\r\n return {data};\r\n case 'link':\r\n const path = `factoringDetails/${id}`; \r\n return (\r\n history.replace(path)} className='factoring__link-name'>{data}
\r\n );\r\n default:\r\n return data;\r\n }\r\n }\r\n return data;\r\n };\r\n\r\n const cellDefaultStyle = {\r\n maxWidth: `${width}px`,\r\n width: `${width}px`,\r\n minWidth: `${width}px`,\r\n height: `${itemSize}px`,\r\n backgroundColor: cellData.backgroundColor,\r\n };\r\n\r\n return (\r\n <>\r\n \r\n {data.row.map(cellContent)}\r\n
: null;\r\n };\r\n\r\n export default Row;","import React, { useEffect, useRef, useCallback, useMemo } from 'react';\r\nimport { useDispatch } from \"react-redux\";\r\nimport AutoSizer from 'react-virtualized-auto-sizer';\r\nimport { VariableSizeList } from 'react-window';\r\nimport { message } from 'antd';\r\nimport { FactoringCompanySelectors } from '../../../../store/selectors/factoringCompanySelectors';\r\nimport './index.css'\r\nimport HeaderRow from './headerRow';\r\nimport Row from './row';\r\nimport Loading from \"../../screen/loading\";\r\nimport { getFactoringCompanyList, resetError, sortBy } from '../../../../store/actions/factoringCompany/factoringCompany';\r\nimport { getContentWidth } from '../../../helper/common';\r\n\r\nconst FactoringCompany = ({ resource, filteredFactoringData }) => {\r\n const dispatch = useDispatch();\r\n const { state, loading, messageText, hasError } = FactoringCompanySelectors();\r\n const defRowHeight = 20;\r\n const scrollSmall = 18;\r\n const factoringCompanyRef = useRef(null);\r\n const listReference = useRef(null);\r\n const listHeaderReference = useRef(null);\r\n const factoringCompanyHeaderReference = useRef(null);\r\n const mainScroll = useRef(null);\r\n const headers = state[resource].headers;\r\n const width = getContentWidth(headers);\r\n\r\n const onScrollX = e => {\r\n if (listHeaderReference.current && listReference.current && e.target) {\r\n listHeaderReference.current.scrollLeft =\r\n listReference.current.scrollLeft =\r\n e.target.scrollLeft;\r\n }\r\n if (factoringCompanyHeaderReference.current && listReference.current && e.target) {\r\n factoringCompanyHeaderReference.current.scrollLeft =\r\n listReference.current.scrollLeft =\r\n e.target.scrollLeft;\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n dispatch(getFactoringCompanyList(resource));\r\n }, [dispatch, resource]);\r\n\r\n useEffect(() => {\r\n dispatch(sortBy(resource, 'asc'))\r\n }, [dispatch, resource]);\r\n \r\n useEffect(() => {\r\n if (hasError) {\r\n message.error(messageText, 3);\r\n setTimeout(() => dispatch(resetError(resource), 3000));\r\n }\r\n }, [hasError, resource, messageText, dispatch]);\r\n\r\n const header = useMemo(() => \r\n
, [resource]);\r\n\r\n const getFactoringCompanyListItemSize = useCallback(\r\n index => filteredFactoringData?.[index] ? filteredFactoringData[index].rowState.height : defRowHeight,\r\n [filteredFactoringData]);\r\n\r\n const RenderFactoryCompanyListRow = useCallback(({ data, index, style }) => (\r\n (index !== undefined && data[index])\r\n ? \r\n {header}\r\n \r\n
\r\n {allFactoringCompanyList}
\r\n onScrollX(e)}>\r\n
\r\n );\r\n\r\n return <>{loading ? \r\n
\r\n \r\n
\r\n )\r\n}","import React, { useState, useEffect, useRef } from 'react';\r\nimport { useDispatch } from \"react-redux\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport { Input } from 'antd';\r\nimport FactoringCompany from '../../FactoringCompany/spreadsheet';\r\nimport { getContentWidth } from '../../../../helper/common';\r\nimport HideShowMenuSwitch from '../../../layout/hideShowMenuSwitch';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { Formik, Form, Field, ErrorMessage } from 'formik';\r\nimport { getFactoringCompanyList } from '../../../../../store/actions/factoringCompany/factoringCompany';\r\nimport { getCSVData } from '../../../project/FactoringCompany/helper'\r\nimport { FactoringCompanySelectors } from '../../../../../store/selectors/factoringCompanySelectors';\r\n\r\nconst FactoringCompanyBuild = () => {\r\n const dispatch = useDispatch();\r\n const formikRef = useRef();\r\n const { state, factoringCompanyList } = FactoringCompanySelectors();\r\n const resource = 'factoringCompany';\r\n const headers = state[resource].headers;\r\n const width = getContentWidth(headers) + 18;\r\n const style = { maxWidth: width };\r\n const [open, setOpen] = useState(false);\r\n const history = useHistory();\r\n const [filteredFactoringData, setFilteredFactoringData] = useState(factoringCompanyList);\r\n\r\n const handleClearAll = setFieldValue => {\r\n setFieldValue('companyName', '');\r\n setFieldValue('email', '')\r\n };\r\n\r\n useEffect(() => {\r\n setFilteredFactoringData(factoringCompanyList);\r\n}, [factoringCompanyList]);\r\n\r\n const refreshPage = resetForm => {\r\n dispatch(getFactoringCompanyList(resource))\r\n resetForm()\r\n };\r\n\r\n const CSVHeaders = state[resource].headers.map(column => ({\r\n label: column.title,\r\n key: column.title,\r\n }));\r\n const CSVData = getCSVData(factoringCompanyList);\r\n\r\nconst search = e => {\r\n let newList = [...factoringCompanyList];\r\n if (e.target.value){\r\n newList = newList?.filter(factory => {\r\n const searchFactory = factory.row\r\n .filter(item => item.key === \"name\" || item.key === \"mailingAddress\" || item.key === \"zipCode\");\r\n const bool = searchFactory.filter(item1 => item1.value?.toLowerCase().search(e.target.value?.toLowerCase()) !== -1)\r\n return bool.length\r\n })\r\n setFilteredFactoringData(newList)\r\n } else {\r\n setFilteredFactoringData(newList)\r\n }\r\n};\r\n\r\n const subHeader = (<>\r\n {label}
\r\n {errors[name]}
}\r\n \r\n
\r\n );\r\n\r\n return (<>\r\n {subHeader}\r\n \r\n \r\n \r\n \r\n Download\r\n \r\n
\r\n refreshPage(formikRef.current.resetForm)}>Refresh
\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default FactoringCompanyBuild;\r\n","export const customStyles = {\r\n control: (base, state) => ({\r\n ...base,\r\n borderRadius: '0',\r\n boxShadow: 'none',\r\n width: '100%',\r\n cursor: 'notAllowed',\r\n background: 'rgba(136, 136, 136, 0.1)',\r\n border: 'none',\r\n minHeight: '20px',\r\n height: '20px',\r\n }),\r\n menu: (base, state) => ({\r\n ...base,\r\n marginTop: '4px',\r\n }),\r\n menuList: () => ({\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: '100%',\r\n borderRadius: 'none!important',\r\n overflowY: 'scroll',\r\n height: '200px',\r\n }),\r\n valueContainer: (base, state) => ({\r\n display: 'flex',\r\n alignItems: 'self-end',\r\n paddingLeft: '5px',\r\n maxWidth: '224px',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap',\r\n }),\r\n container: (base, state) => ({\r\n ...base,\r\n pointerEvents: 'auto',\r\n }),\r\n singleValue: (base, state) => ({\r\n maxWidth: '224px',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap',\r\n }),\r\n input: (base, state) => ({\r\n padding: 0,\r\n margin: 0,\r\n }),\r\n options: (base, state) => ({\r\n padding: '3px 12px',\r\n cursor: 'pointer',\r\n borderRadius: 'unset',\r\n }),\r\n indicatorsContainer: () => ({\r\n marginRight: '4px',\r\n }),\r\n indicatorContainer: () => ({\r\n padding: '0 4px 8px 0',\r\n }),\r\n};\r\n\r\nexport const customStylesForCountries = {\r\n ...customStyles,\r\n menuList: () => ({\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: '100%',\r\n borderRadius: 'none!important',\r\n height: '72px',\r\n }),\r\n};\r\n\r\nexport const warningModalStyles = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '400px',\r\n minHeight: '200px', \r\n borderRadius: '8px',\r\n padding: '6px 12px',\r\n },\r\n};","import React, { useState, useEffect } from 'react';\r\nimport { LoadingOutlined } from '@ant-design/icons';\r\nimport axios from '../../../axios/axios';\r\nimport errorHandler from '../../../error/errorHandler';\r\nimport { ApiUrl } from '../../../../project/Pages';\r\n\r\nconst ThumbnailImage = props => {\r\n const [loading, setLoading] = useState(false);\r\n const [imageUrl, setImageUrl] = useState(null);\r\n const { guid, width, height, originalName } = props;\r\n\r\n useEffect(() => {\r\n let isMounted = true;\r\n const fetchData = async () => {\r\n if (!guid) {\r\n return;\r\n }\r\n if (isMounted) {\r\n setLoading(true);\r\n }\r\n const response = await axios.get(`${ApiUrl.Thumbnail}/${width}/${height}/${guid}`, {\r\n responseType: 'blob',\r\n timeout: 30000,\r\n }).finally(() => {\r\n if (isMounted) {\r\n setLoading(false);\r\n }\r\n });\r\n if (isMounted) {\r\n const reader = new FileReader();\r\n reader.addEventListener(\"load\", function () {\r\n setImageUrl(reader.result);\r\n }, false);\r\n if (response) {\r\n reader.readAsDataURL(new File([response.data], originalName));\r\n }\r\n }\r\n };\r\n fetchData();\r\n return () => { isMounted = false };\r\n }, [width, height, guid, originalName]);\r\n\r\n if (loading)\r\n {\r\n return setOpen(true)}>\r\n Expande\r\n Filters\r\n grid \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {\r\n // setButtonDisabled(true);\r\n dispatch(getFactoringCompanyList(resource, values.companyName, values.email));\r\n }}>\r\n {({ isSubmitting, isValid, values, setFieldValue, setFieldTouched, errors, touched, handleSubmit }) => {\r\n return (\r\n \r\n )\r\n }}\r\n \r\n
\r\n setOpen(false)}>\r\n grid \r\n Filters \r\n \r\n .\r\n Collapse\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default WarningModal;","import React, { useEffect, useState, useCallback } from 'react';\r\nimport { useDispatch } from \"react-redux\";\r\nimport { withRouter, useHistory } from 'react-router-dom';\r\nimport { Formik, Form, Field } from 'formik';\r\nimport Select from 'react-select';\r\nimport InputMask from 'react-input-mask';\r\nimport { message, Upload, Checkbox } from 'antd';\r\nimport { DownOutlined } from '@ant-design/icons';\r\nimport axios from '../../../axios/axios';\r\nimport { ApiUrl } from '../../../../project/Pages';\r\nimport { getFactoringCompanyDetails, \r\n getFactoringCompanyList,\r\n addFactoringCompany, \r\n updateFactoringCompany,\r\n deleteFactoringCompany, \r\n resetError, \r\n getStatesListByCountryId,\r\n emptyFactoringCompanyDetails,\r\n} from '../../../../store/actions/factoringCompany/factoringCompany';\r\nimport { FactoringCompanySelectors } from '../../../../store/selectors/factoringCompanySelectors';\r\nimport { customStyles, customStylesForCountries } from './customStyles';\r\nimport ThumbnailImage from './thumbnailImage';\r\nimport AuthenticatedLink from './authenticatedLink';\r\nimport Loading from \"../../screen/loading\";\r\nimport WarningModal from './warningModal';\r\nimport { terms, countries, validationSchema, restrictions, countryStateListURL, countryIdUSA, countryIdCanada, InputField } from './helper';\r\n\r\nconst AddFactoringCompanyDetails = ({ location }) => {\r\n const dispatch = useDispatch();\r\n const { loading, factoringCompanyDetails, factoringCompanyList, messageText, hasError, statesList, newFactoryAdded, factoryCompanyUpdated, submitActinType } = FactoringCompanySelectors();\r\n const resource = 'factoringCompany';\r\n const id = location.pathname.split('/')[3];\r\n const history = useHistory();\r\n let submitAction = '';\r\n const [ buttonDisabled, setButtonDisabled ] = useState(false);\r\n const [ fileName, setFileName ] = useState(factoringCompanyDetails?.fileName || '');\r\n const [ guid, setGuid ] = useState(factoringCompanyDetails?.guid || '');\r\n const [ countryLocal, setCountry ] = useState('');\r\n const [ warningModalIsOpen, setWarningModalIsOpen ] = useState(false);\r\n const [ warningModalText, setWarningModalText ] = useState('');\r\n const [ fileCont, setFileCont ] = useState(null);\r\n\r\n useEffect(() => {\r\n if (Number(id) !== 0) dispatch(getFactoringCompanyDetails(resource, id));\r\n return () => dispatch(emptyFactoringCompanyDetails(resource));\r\n }, [resource, id, dispatch]);\r\n\r\n useEffect(() => {\r\n setGuid(factoringCompanyDetails?.guid);\r\n }, [factoringCompanyDetails]);\r\n\r\n useEffect(() => {\r\n dispatch(getFactoringCompanyList(resource));\r\n}, [dispatch, resource]);\r\n\r\n useEffect(() => {\r\n if (hasError) {\r\n message.error(messageText);\r\n dispatch(resetError(resource));\r\n }\r\n }, [dispatch, hasError, messageText, resource]);\r\n\r\n useEffect(() => {\r\n if (factoryCompanyUpdated && messageText) {\r\n message.success(messageText);\r\n dispatch(resetError(resource));\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [factoryCompanyUpdated]);\r\n \r\n\r\n useEffect(() => {\r\n if (newFactoryAdded && messageText) {\r\n message.success(messageText);\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [newFactoryAdded]);\r\n\r\n useEffect(() => {\r\n if (submitActinType === 'SAVE & NEW' && newFactoryAdded && factoringCompanyDetails?.id) {\r\n setTimeout(() => window.location.replace('/otr/factoringDetails/0'), 2500);\r\n } else if (submitActinType === 'SAVE & NEW' && factoryCompanyUpdated) {\r\n setTimeout(() => window.location.replace('/otr/factoringDetails/0'), 2500);\r\n } else if (newFactoryAdded && factoringCompanyDetails?.id) {\r\n setTimeout(() => history.replace(`/otr/factoringDetails/${factoringCompanyDetails.id}`), 2500);\r\n }\r\n }, [history, factoringCompanyDetails, submitActinType, dispatch, newFactoryAdded, factoryCompanyUpdated]);\r\n\r\n useEffect(() => {\r\n if (Number(factoringCompanyDetails?.countryId) === countryIdCanada) {\r\n dispatch(getStatesListByCountryId(countryStateListURL, countryIdCanada));\r\n } else if (Number(factoringCompanyDetails?.countryId) === countryIdUSA) {\r\n dispatch(getStatesListByCountryId(countryStateListURL, countryIdUSA));\r\n }\r\n }, [dispatch, factoringCompanyDetails]);\r\n\r\n useEffect(() => {\r\n if (Number(countryLocal) === countryIdCanada) {\r\n dispatch(getStatesListByCountryId(countryStateListURL, countryIdCanada));\r\n } else if (Number(countryLocal) === countryIdUSA) {\r\n dispatch(getStatesListByCountryId(countryStateListURL, countryIdUSA));\r\n }\r\n }, [dispatch, factoringCompanyDetails, countryLocal]);\r\n\r\n\r\n const beforeUpload = file => {\r\n if (!restrictions(file)) {\r\n return false;\r\n }\r\n setFileCont(file);\r\n return true;\r\n };\r\n\r\n const handleUpload = () => {\r\n const formData = new FormData();\r\n formData.append('file', fileCont);\r\n axios.post(ApiUrl.Upload, formData, { headers: { 'Content-Type': 'multipart/form-data' } }).then(response => {\r\n if (response && response.data) {\r\n const result = response.data;\r\n if (result.hasError) {\r\n message.error(result.message || 'File not uploaded!');\r\n return;\r\n }\r\n onChange(result);\r\n }\r\n });\r\n };\r\n\r\n const onChange = result => {\r\n setFileName(result.originalName);\r\n setGuid(result.guId);\r\n };\r\n\r\n const onDelete = (id) => {\r\n setGuid(null);\r\n setFileName(null);\r\n }\r\n\r\n const states = statesList?.map(state => ({ ...state, label: state.text }));\r\n\r\n const getTextFromValues = useCallback((value, list) => {\r\n return list?.length ? list?.filter(item => item.value === value)[0]?.text : [];\r\n }, []);\r\n\r\n const getIdFromValues = useCallback((value, list) => {\r\n return list?.length ? list?.filter(item => Number(item.value) === Number(value))[0]?.text : [];\r\n }, []);\r\n \r\n const handleSubmitSave = (values, submitAction) => {\r\n const updatedFactoringCompany = {\r\n ...factoringCompanyDetails,\r\n companyName: values.companyName,\r\n terms: values.terms,\r\n mailingAddress: values.mailingAddress,\r\n additionalAddress: values.additionalAddress,\r\n city: values.city,\r\n stateId: values.stateId,\r\n zipCode: values.zipCode,\r\n countryId: values.countryId,\r\n email: values.email,\r\n phone: values.phone,\r\n ext: values.ext,\r\n fileName: fileName,\r\n guid: guid,\r\n notes: values.notes,\r\n active: values.active,\r\n };\r\n\r\n let companyNameIsExist = false;\r\n let companyNameIsExistAndNotCurrent = false;\r\n if (factoringCompanyList?.filter(factory => factory.rowState.factoringCompanyData.companyName === values.companyName).length > 0) {\r\n companyNameIsExist = true;\r\n };\r\n if (factoringCompanyList?.filter(factory => \r\n factory.rowState.factoringCompanyData.companyName === values.companyName &&\r\n values.companyName !== factoringCompanyDetails?.companyName).length > 0) {\r\n companyNameIsExistAndNotCurrent = true;\r\n };\r\n\r\n // add FactoringCompany\r\n if (Number(id) === 0 && companyNameIsExist) {\r\n setWarningModalIsOpen(true);\r\n setWarningModalText(\"Company name should be unique\");\r\n } else if (Number(id) === 0 && !companyNameIsExist) {\r\n dispatch(addFactoringCompany(resource, updatedFactoringCompany, submitAction ))\r\n }\r\n\r\n // update FactoringCompany\r\n if (Number(id) !== 0 && companyNameIsExistAndNotCurrent) {\r\n setWarningModalIsOpen(true);\r\n setWarningModalText(\"Company name should be unique\");\r\n } else if (Number(id) !== 0 && !companyNameIsExistAndNotCurrent) {\r\n dispatch(updateFactoringCompany(resource, updatedFactoringCompany, submitAction));\r\n }\r\n\r\n setButtonDisabled(false);\r\n };\r\n\r\n const handleSetFieldValue = (fieldName, value, setFieldValue, setFieldTouched) => {\r\n setFieldValue(fieldName, value); \r\n setTimeout(() => setFieldTouched(fieldName, true));\r\n if (fieldName === 'countryId') {\r\n setCountry(value)\r\n }\r\n };\r\n\r\n const handleDelete = () => {\r\n dispatch(deleteFactoringCompany(resource, id));\r\n }\r\n\r\n if (loading) {\r\n return {text}
\r\n \r\n \r\n
\r\n \r\n {\r\n setButtonDisabled(true);\r\n setTimeout(() => {\r\n setSubmitting(false);\r\n if (\r\n factoringCompanyDetails?.companyName === values.companyName &&\r\n factoringCompanyDetails?.terms === values.terms &&\r\n factoringCompanyDetails?.mailingAddress === values.mailingAddress &&\r\n factoringCompanyDetails?.additionalAddress === values.additionalAddress &&\r\n factoringCompanyDetails?.city === values.city &&\r\n factoringCompanyDetails?.stateId === values.stateId &&\r\n factoringCompanyDetails?.zipCode === values.zipCode &&\r\n factoringCompanyDetails?.countryId === values.countryId &&\r\n factoringCompanyDetails?.email === values.email &&\r\n factoringCompanyDetails?.phone === values.phone &&\r\n factoringCompanyDetails?.ext === values.ext &&\r\n factoringCompanyDetails?.fileName === fileName &&\r\n factoringCompanyDetails?.guid === guid &&\r\n factoringCompanyDetails?.notes === values.notes &&\r\n factoringCompanyDetails?.active === values.active\r\n ) {\r\n setWarningModalIsOpen(true);\r\n setWarningModalText(\"You didn't make any changes\");\r\n setButtonDisabled(false);\r\n } else {\r\n handleSubmitSave(values, submitAction);\r\n }\r\n }, 400);\r\n }}>\r\n {({ isSubmitting, isValid, values, setFieldValue, setFieldTouched, errors, touched, handleSubmit }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n {warningModalIsOpen && \r\n
\r\n );\r\n};\r\n\r\nexport default withRouter(AddFactoringCompanyDetails);\r\n","import axios from 'axios';\r\nimport moment from 'moment';\r\nimport store from '../..';\r\nimport * as actionTypes from './deliveredLoadsActionTypes';\r\n\r\nconst buildUrl = (resource, endpoint = '') => `/api/${resource}/${endpoint}`;\r\n\r\nconst axiosConfig = () => ({\r\n headers: {\r\n 'Authorization': 'Bearer ' + store.getState().auth.userToken\r\n }\r\n});\r\n\r\nexport const load = (resource, loadingType) => dispatch => {\r\n if (loadingType !== 'withoutLoading') {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.GET_DELIVERED_LOADS_LOADING) });\r\n };\r\n axios.get(buildUrl(resource, 'area'),\r\n axiosConfig())\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.GET_DELIVERED_LOADS), data: responce }))\r\n .catch((err) => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.DELIVERED_LOADS_ERROR) });\r\n })\r\n};\r\n\r\nexport const reactOnAssignedItem = (resource, id, type) =>\r\n ({ type: actionTypes.getActionType(resource, actionTypes.REACTED_ASSIGNED_DELIVERED_LOADS), data: { id, type } });\r\n\r\nexport const setHeaderWidth = (resource, ind, width) =>\r\n ({ type: actionTypes.getActionType(resource, actionTypes.SET_HEADER_WIDTH_DELIVERED_LOADS), data: { ind, width } });\r\n\r\nexport const setItemData = (resource, value, rowState, header, loadsAssignedOrders) => dispatch => {\r\n dispatch({\r\n type: actionTypes.getActionType(resource, actionTypes.SET_DELIVERED_LOADS_DATA), data: {\r\n value,\r\n rowState,\r\n header\r\n }\r\n });\r\n\r\n let requestData = {};\r\n let orderDelayedReasonByCall;\r\n let orderStatusByCall;\r\n let orderNotesByCall;\r\n let loadCallCheckNote;\r\n let pickInDate;\r\n let pickOutDate;\r\n let dropInDate;\r\n let dropOutDate;\r\n let podRequestStatus;\r\n let callCheckAttachment;\r\n let browserDateTime = moment.utc(new Date()).local().utc(true).format();\r\n\r\n const order = rowState.orderData;\r\n if (rowState.loadData.loadType === 3) {\r\n orderDelayedReasonByCall = order.outDelayedReason;\r\n orderStatusByCall = order.outOrderStatusByCall;\r\n orderNotesByCall = order?.outNotes;\r\n podRequestStatus = order?.outPodRequestStatus\r\n pickInDate = order.outboundPickIn;\r\n pickOutDate = order.outboundPickOut;\r\n dropInDate = order.outboundDropIn;\r\n dropOutDate = order.outboundDropOut;\r\n callCheckAttachment = order.callCheckOutAttachment;\r\n loadCallCheckNote = order.outLoadCallCheckNote;\r\n } else if (rowState.loadData.loadType === 1) {\r\n orderDelayedReasonByCall = order.inDelayedReason;\r\n orderStatusByCall = order.inOrderStatusByCall;\r\n orderNotesByCall = order.inNotes;\r\n podRequestStatus = order?.inPodRequestStatus;\r\n pickInDate = order.inboundPickIn;\r\n pickOutDate = order.inboundPickOut;\r\n dropInDate = order.inboundDropIn;\r\n dropOutDate = order.inboundDropOut;\r\n callCheckAttachment = order.callCheckInAttachment;\r\n loadCallCheckNote = order.inLoadCallCheckNote;\r\n }\r\n requestData = {\r\n orderId: order.id,\r\n loadId: rowState.loadData?.id,\r\n orderStatusByCall,\r\n orderDelayedReasonByCall,\r\n orderNotesByCall,\r\n podRequestStatus,\r\n loadCallCheckNote,\r\n callCheckAttachment,\r\n pickInDate,\r\n pickOutDate,\r\n dropInDate,\r\n dropOutDate,\r\n browserDateTime,\r\n }\r\n\r\n if (header.key === 'orderStatusByCall') {\r\n requestData.orderStatusByCall = value;\r\n requestData.orderDelayedReasonByCall = null;\r\n } else if (header.key === 'delayedReason') {\r\n requestData.orderDelayedReasonByCall = value;\r\n } else if (header.key === 'orderNotesByCall') {\r\n requestData.orderNotesByCall = value;\r\n } else if (header.key === 'podRequestStatus') {\r\n requestData.podRequestStatus = value;\r\n } else if (header.key === 'podDoc') {\r\n requestData.callCheckAttachment = value;\r\n } else if (header.key === 'pickInDate') {\r\n requestData.pickInDate = value;\r\n } else if (header.key === 'pickOutDate') {\r\n requestData.pickOutDate = value;\r\n } else if (header.key === 'dropInDate') {\r\n requestData.dropInDate = value\r\n } else if (header.key === 'dropOutDate') {\r\n requestData.dropOutDate = value;\r\n } else if (header.key === 'loadCallCheckNote') {\r\n requestData.loadCallCheckNote = value;\r\n }\r\n\r\n axios.put(buildUrl('AccountPayable', 'loadorderitem'), requestData,\r\n axiosConfig())\r\n .then(response => {\r\n if (response.data.hasError) {\r\n dispatch(errorAction(resource, true, response.data.message));\r\n console.error(response.data.message);\r\n } else if ((response.data.callCheckInAttachment || response.data.callCheckOutAttachment) && header.key === 'podDoc') {\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.SET_DELIVERED_LOADS_DATA), data: {\r\n value: rowState.loadData.loadType === 1 ? response.data.callCheckInAttachment :\r\n rowState.loadData.loadType === 3 ? response.data.callCheckOutAttachment : '',\r\n rowState,\r\n header\r\n }\r\n })\r\n } else if (header.key === 'orderNotesByCall') {\r\n dispatch(reloadAfterUpdate(resource))\r\n }\r\n }).catch(err => {\r\n dispatch(errorAction(resource, true));\r\n console.error(err);\r\n console.log(err.response);\r\n });\r\n};\r\n\r\nexport const setItemDisplayState = (resource, rowState, header, enable) => ({\r\n type: actionTypes.getActionType(resource, actionTypes.SET_DISPLAY_STATE_DELIVERED_LOADS), data: {\r\n rowState,\r\n header,\r\n enable\r\n }\r\n});\r\n\r\nexport const filterDeliveredLoads = (resource, key) => ({\r\n type: actionTypes.getActionType(resource, actionTypes.FILTER_DELIVERED_LOADS),\r\n data: key\r\n});\r\nexport const sortBy = (resource, sortValue) => dispatch => {\r\n dispatch({\r\n type: actionTypes.getActionType(resource, actionTypes.SORT_DELIVERED_LOADS), data: sortValue\r\n });\r\n}\r\nexport const resetError = resource =>\r\n ({ type: actionTypes.getActionType(resource, actionTypes.RESET_ERROR) });\r\n\r\nconst errorAction = (resource, reload) => dispatch => {\r\n if (reload) {\r\n axios.get(buildUrl(resource),\r\n axiosConfig()\r\n )\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.RELOAD_ON_ERROR_DELIVERED_LOADS), data: responce }))\r\n .catch((err) => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.DELIVERED_LOADS_ERROR) });\r\n });\r\n }\r\n};\r\n\r\nconst reloadAfterUpdate = (resource) => dispatch => {\r\n axios.get(buildUrl(resource, 'area'),\r\n axiosConfig()\r\n )\r\n .then(responce => dispatch({ type: actionTypes.getActionType(resource, actionTypes.GET_DELIVERED_LOADS), data: responce }))\r\n .catch((err) => {\r\n console.error(err);\r\n console.log(err.response);\r\n dispatch({ type: actionTypes.getActionType(resource, actionTypes.DELIVERED_LOADS_ERROR) });\r\n });\r\n};","export const createSeparator = (itemDefaultSize, headers, type, ind, loadId, regionId) => ({\r\n row: [{\r\n key: headers[0].key,\r\n value: '',\r\n editable: false,\r\n height: itemDefaultSize\r\n }],\r\n rowState: {\r\n type: 'separator',\r\n id: `${type}_separator_${ind}`,\r\n loadId,\r\n regionId,\r\n visible: true,\r\n reacted: false,\r\n available: true,\r\n height: 4\r\n }\r\n});","import React, { useState, useRef, useEffect } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { Link } from 'react-router-dom';\r\nimport moment from 'moment';\r\nimport { Defines } from '../../../../project/Defines';\r\nimport { Tooltip, Popover } from 'antd';\r\nimport { setItemDisplayState } from '../../../../store/actions/deliveredLoads/deliveredLoads';\r\nimport { enabled } from 'store/dist/store.legacy';\r\nimport { GenerateMessages } from '../../../helper/element';\r\nimport './index.css';\r\n\r\nconst Cell = (\r\n {\r\n state,\r\n cellData,\r\n itemSize,\r\n rowState,\r\n setItemData,\r\n setItemDisplayState,\r\n resource,\r\n loadsAssignedOrders,\r\n }) => {\r\n const loadArea = state[resource];\r\n const redonly = 1;\r\n const header = loadArea.headers.find(h => h.key === cellData.key);\r\n const selectOptionsPalletTypes = { null: '', 1: 'Straight', 2: 'Chimney', 3: 'Other', 4: 'Sideways' };\r\n const width = header.width;\r\n const lastSelectId = loadArea.lastSelected.id;\r\n const lastSelectHeaderKey = loadArea.lastSelected.headerKey;\r\n const lastSelectenable = loadArea.lastSelected.enable;\r\n const rowStateId = rowState.id;\r\n const headerKey = header.key;\r\n const [displayState, setDisplayState] = useState(redonly);\r\n const [tempData, setTempData] = useState(null);\r\n\r\n const ordersAssignedToCurrentLoad = loadsAssignedOrders.filter(order => order.rowState.loadData.id === rowState.loadId && order.rowState.type === 'order');\r\n const poNumbers = ordersAssignedToCurrentLoad.map(order => order.rowState.orderData.poNumber).join(', ');\r\n const mailBodyText = `Please send POD for the bellow PO#s: ${poNumbers}`;\r\n const carrierEmail = rowState.loadData.carrierEmail;\r\n\r\n useEffect(() => {\r\n if (lastSelectId === rowStateId && lastSelectHeaderKey === headerKey && lastSelectenable) {\r\n setDisplayState(enabled);\r\n }\r\n }, [lastSelectId, lastSelectHeaderKey, lastSelectenable, rowStateId, headerKey]);\r\n\r\n const data = cellData.value;\r\n const podNotesHistory = cellData?.value2;\r\n const cellStyle = cellData.cellStyle;\r\n const tooltip = cellData.tooltip;\r\n const color = rowState.type === 'load' ? 'white' : '#101C1C';\r\n\r\n useEffect(() => {\r\n setTempData(data);\r\n }, [data]);\r\n\r\n const inputReference = useRef(null);\r\n\r\n const dataCompare = (newData, data) => {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n case 'dateTime':\r\n if (newData instanceof Date && data instanceof Date) {\r\n return newData.getTime() === data.getTime();\r\n }\r\n return newData === data;\r\n default:\r\n return newData === data;\r\n }\r\n }\r\n\r\n const setData = value => {\r\n onSetBlur();\r\n let newValue = value;\r\n if (value !== '') {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n newValue = new Date(value);\r\n break;\r\n case 'dateTime':\r\n newValue = new Date(value);\r\n break;\r\n case 'text':\r\n newValue = value;\r\n break;\r\n default:\r\n newValue = value;\r\n break;\r\n }\r\n }\r\n if (!dataCompare(newValue, tempData)) {\r\n setTempData(newValue); \r\n setTimeout(() => {\r\n setItemData(resource, newValue, rowState, header);\r\n }, 100);\r\n }\r\n };\r\n\r\n const getData = () => { \r\n if (tempData !== '') {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n return <>{tempData ? moment(tempData).format(Defines.Format.PrintDate) : ''}\r\n case 'dateTime':\r\n return \r\n
\r\n \r\n history.replace(`/otr/factoringCompany`)} className='factoring-company__header-back'>{'<'}\r\n \r\n {factoringCompanyDetails?.companyName ? factoringCompanyDetails?.companyName : 'New Factoring Company'}\r\n
\r\n \r\n
;\r\n case 'link':\r\n return {tempData}\r\n case 'text':\r\n if (header.key === 'loadPositionType') {\r\n return selectOptionsPalletTypes[tempData];\r\n } else if (header.key === 'carrierName' && rowState.type === 'load') {\r\n return (\r\n \r\n {tempData}\r\n )\r\n } else {\r\n return tempData;\r\n }\r\n case 'popover':\r\n return (\r\n {tempData ? moment(tempData).format(Defines.Format.Date) : ''}
\r\n {tempData ? moment(tempData).format(Defines.Format.Time) : ''}
\r\n \r\n \r\n
\r\n
\r\n ) : | \r\n Created By Data Time Status note | \r\n
|---|
| {data} | \r\n
You don't have any notes
;\r\n\r\n const getInput = () => {\r\n switch (cellData.fieldType) {\r\n case 'textInput':\r\n return { onClickRow() }}\r\n className='table-body-cell'\r\n style={cellStyle}>\r\n {reacted ?
:\r\n { onClickRow() }}>\r\n {cellData.value}\r\n
\r\n }\r\n \r\n \r\n );\r\n};\r\nexport default connect(state => ({\r\n state: state\r\n}))(LeftActionCall);","import React, { useCallback, useRef, useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport Cell from './cell';\r\nimport LeftActionCall from './leftActionCall';\r\nimport { reactOnAssignedItem } from '../../../../store/actions/deliveredLoads/deliveredLoads';\r\n\r\nconst Row = ({\r\n data,\r\n style,\r\n itemSize,\r\n reactOnAssignedItem,\r\n state,\r\n listRef,\r\n startOnScroll,\r\n resource,\r\n}) => {\r\n const rowRef = useRef({});\r\n const loadArea = state[resource];\r\n const color = data.rowState.type === 'load' ? '#65A7A5' : data.rowState.type === 'stop' ? '#D9EBEB' : 'white';\r\n\r\n useEffect(() => {\r\n if (rowRef.current) {\r\n listRef.current.resetAfterIndex(0);\r\n }\r\n }, [rowRef, listRef]);\r\n\r\n const onClickRow = useCallback(() => {\r\n reactOnAssignedItem(resource, data.rowState.id, data.rowState.type);\r\n }, [reactOnAssignedItem, data, resource]);\r\n\r\n style.width = 'max-content';\r\n const rowStyle = { ...style, ...{ height: `${itemSize}px`, backgroundColor: color } };\r\n\r\n const cellContent = (i, ind) => {\r\n const header = loadArea.headers.find(h => h.key === i.key);\r\n\r\n if (header.leftAction) {\r\n return (\r\n \r\n {data.row.map(cellContent)}\r\n
\r\n ) : null;\r\n };\r\n\r\nexport default connect(\r\n state => ({\r\n state: state,\r\n }),\r\n dispatch => ({\r\n reactOnAssignedItem: (resource, id, type) => dispatch(reactOnAssignedItem(resource, id, type)),\r\n }),\r\n)(Row);\r\n","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { Resizable } from 'react-resizable';\r\nimport {setHeaderWidth, sortBy} from '../../../../store/actions/deliveredLoads/deliveredLoads';\r\nimport { CaretUpOutlined , CaretDownOutlined} from '@ant-design/icons';\r\n\r\nconst HeaderCell = ({state, ind, setHeaderWidth, resource, sortBy}) => {\r\n const loadArea = state[resource];\r\n const data = loadArea.headers[ind];\r\n let cellStyle = {\r\n maxWidth: `${data.width}px`,\r\n width: `${data.width}px`,\r\n minWidth: `${data.width}px`,\r\n };\r\n\r\n if (data.leftAction) {\r\n cellStyle = {\r\n ...cellStyle, ...{\r\n position: 'sticky',\r\n left: 0,\r\n maxWidth: `${data.width-1}px`,\r\n width: `${data.width-1}px`,\r\n minWidth: `${data.width-1}px`,\r\n }\r\n };\r\n }\r\n\r\n const onResizeStart = (e, s) => {\r\n console.log('onResizeStart', e, s);\r\n };\r\n\r\n const onResize = s => {\r\n setHeaderWidth(resource, ind, s.size.width);\r\n };\r\n\r\n const onResizeStop = (e, s) => {\r\n console.log('onResizeStop', e, s);\r\n };\r\n const sortableClick = () => {\r\n if(state.deliveredLoads.sortType && state.deliveredLoads.sortType.sort && state.deliveredLoads.sortType.sort[0] === \"ask\"){\r\n sortBy(resource, {type: data.key, ind, sort: ['desc']})\r\n } else if(state.deliveredLoads.sortType && state.deliveredLoads.sortType.sort === null){\r\n sortBy(resource, {type: data.key, ind, sort: ['ask']})\r\n } else {\r\n sortBy(resource, {type: data.key, ind, sort: null})\r\n }\r\n }\r\n const headerCall = (\r\n \r\n {data.title}\r\n {data.sortable &&\r\n
\r\n \r\n );\r\n\r\n const resizableHeaderCall = (\r\n \r\n {state.deliveredLoads.sortType && state.deliveredLoads.sortType.sort && state.deliveredLoads.sortType.sort[0] === \"ask\" &&\r\n
\r\n }\r\n \r\n {loadArea.headers.map((_, ind) => {\r\n return
\r\n );\r\n};\r\n\r\nexport default connect(state => ({\r\n state: state\r\n}))(HeaderRow);","import React, { useMemo, useRef, useEffect, useCallback } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { VariableSizeList } from 'react-window';\r\nimport AutoSizer from 'react-virtualized-auto-sizer';\r\nimport { Dropdown, Space, message, Menu, Button } from 'antd';\r\nimport { orderBy } from 'lodash';\r\nimport { resetError, filterDeliveredLoads } from '../../../../store/actions/deliveredLoads/deliveredLoads';\r\nimport { load } from '../../../../store/actions/deliveredLoads/deliveredLoads';\r\nimport { getContentWidth } from '../../../../store/reducers/deliveredLoads/helper/general';\r\nimport { createSeparator } from '../../../../store/reducers/deliveredLoads/helper/separator';\r\nimport Row from './row';\r\nimport HeaderRow from './headerRow';\r\nimport Loading from '../../screen/loading';\r\nimport HideShowMenuSwitch from '../../layout/hideShowMenuSwitch';\r\nimport { useClientHubOrder } from \"../../../hook/hub/useClientHubOrder\";\r\n\r\nconst Spreadsheet = props => {\r\n const { state, \r\n loadsAssignedOrders,\r\n resetError,\r\n haseError,\r\n actionMessage,\r\n loading,\r\n load,\r\n resource, \r\n filterDeliveredLoads,\r\n filterType,\r\n sortType,\r\n userId,\r\n } = props;\r\n\r\n const scrollSizeSmall = 18;\r\n const scrollSize = 16;\r\n const defRowHeight = 20;\r\n const assignedRef = useRef({});\r\n\r\n useClientHubOrder((message) => {\r\n if (userId !== message.byId) {\r\n load('deliverdLoads', 'withoutLoading')\r\n }\r\n }, 'notification');\r\n\r\n useEffect(() => {\r\n load('deliverdLoads', '');\r\n }, [load, resource]);\r\n\r\n useEffect(() => {\r\n filterDeliveredLoads(resource, filterType);\r\n }, [filterDeliveredLoads, filterType, resource]);\r\n\r\n useEffect(() => {\r\n if (haseError) {\r\n message.error(actionMessage);\r\n resetError(resource);\r\n }\r\n }, [haseError, actionMessage, resetError, resource]);\r\n\r\n const listReference = useRef(null);\r\n const listHeaderReference = useRef(null);\r\n const mainScroll = useRef(null);\r\n const startOnScroll = width => (mainScroll.current.scrollLeft = width);\r\n\r\n const onScrollX = e => {\r\n if (listHeaderReference.current && listReference.current && e.target) {\r\n listHeaderReference.current.scrollLeft = listReference.current.scrollLeft = e.target.scrollLeft;\r\n }\r\n };\r\n\r\n const header = useMemo(\r\n () => (\r\n \r\n
\r\n \r\n {header}\r\n
\r\n {allOrdersList}
\r\n \r\n
\r\n \r\n \r\n );\r\n\r\n const handleSelectChange = e => {\r\n filterDeliveredLoads(resource, e.key);\r\n };\r\n\r\n const menu = (\r\n \r\n );\r\n\r\n const refreshPage = () => {\r\n load('deliverdLoads');\r\n };\r\n\r\n const subHeader = (\r\n \r\n \r\n \r\n e.preventDefault()}>\r\n Filter \r\n \r\n \r\n Refresh\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n return (<> \r\n {loading ? \r\n (\r\n {EFSLoading ? {\r\n setTimeout(() => {\r\n setSubmitting(false);\r\n handleSubmitSave(values, submitAction);\r\n }, 400);\r\n }}\r\n >\r\n {({ isSubmitting, isValid, values, setFieldValue, errors, touched, handleSubmit }) => {\r\n return (\r\n \r\n )}}\r\n \r\n }\r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n state: state,\r\n userRole: state.auth.userRole,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n setEFS: (resource, data) => dispatch(setEFS(resource, data)),\r\n updateEFS: (resource, data) => dispatch(updateEFS(resource, data)),\r\n getEFSList: (resource, id) => dispatch(getEFSList(resource, id)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EFSModal);\r\n","import React from 'react';\r\nimport Modal from 'react-modal';\r\nimport { connect } from \"react-redux\";\r\nimport { Formik, Form, Field } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport './index.css';\r\nimport { bytesToSize } from '../../../../project/Defines';\r\n\r\nconst UploadAttachmentEditModal = ({\r\n setAttachmentEditModalIsOpen,\r\n attachmentEditModalIsOpen,\r\n attachment,\r\n loadDetails,\r\n setLoadDetails,\r\n loadId,\r\n resource,\r\n }) => {\r\n const closeModal = () => {\r\n setAttachmentEditModalIsOpen(false);\r\n };\r\n\r\n const customStyle = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '300px',\r\n minHeight: '300px',\r\n maxWidth: '400px',\r\n maxHeight: '500px',\r\n borderRadius: '8px',\r\n padding: '0',\r\n },\r\n };\r\n\r\n const handleSubmitSave = (values) => { \r\n let updatedAttachment = {\r\n ...attachment, \r\n comments: values.comments,\r\n };\r\n const updatedList = loadDetails.attachments.filter(item => item.id !== attachment.id);\r\n updatedList.push(updatedAttachment);\r\n const updatedLoadDetails = {\r\n ...loadDetails,\r\n attachments: updatedList\r\n }\r\n setLoadDetails(resource, updatedLoadDetails, loadId);\r\n closeModal();\r\n };\r\n\r\n const validationSchema = Yup.object().shape({\r\n comments: Yup.string().required('Required'),\r\n });\r\n\r\n return (\r\n \r\n
\r\n X
\r\n {isEditMode ? 'EFS' : 'New EFS'}
\r\n \r\n {\r\n setTimeout(() => {\r\n setSubmitting(false);\r\n handleSubmitSave(values);\r\n }, 400);\r\n }}\r\n >\r\n {({ isSubmitting, isValid, values, setFieldValue, errors, touched, handleSubmit }) => {\r\n return (\r\n \r\n )}}\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n state: state,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(UploadAttachmentEditModal);\r\n","import React from 'react';\r\nimport Modal from 'react-modal';\r\n\r\nconst WarningModal = ({ warningModalIsOpen, setWarningModalIsOpen }) => {\r\n const closeModal = () => {\r\n setWarningModalIsOpen(false);\r\n };\r\n\r\n const customStyles = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '400px',\r\n minHeight: '200px', \r\n borderRadius: '8px',\r\n padding: '6px 12px',\r\n },\r\n };\r\n\r\n return (\r\n \r\n
\r\n X
\r\n Attachment Comment
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default WarningModal;","import React, { useEffect } from 'react';\r\nimport Modal from 'react-modal';\r\nimport { connect } from \"react-redux\";\r\nimport { Formik, Form, Field } from 'formik';\r\nimport moment from 'moment'\r\nimport './index.css';\r\nimport { getRateConfirmationData, sendRateConfirmationData } from '../../../../store/actions/rateConfirmation/rateConfirmation';\r\nimport { getLoadDetails } from '../../../../store/actions/loadDetails/loadDetails';\r\nimport Loading from \"../../screen/loading\";\r\n\r\nconst RateConfirmationModal = ({\r\n setRateModalIsOpen,\r\n rateModalIsOpen,\r\n loading,\r\n EFSData,\r\n EFSLoading,\r\n loadId,\r\n getRateConfirmationData,\r\n sendRateConfirmationData,\r\n rateData,\r\n getLoadDetails,\r\n }) => {\r\n \r\n const resource = 'PDFGenerator'; \r\n const closeModal = () => {\r\n setRateModalIsOpen(false);\r\n };\r\n\r\n useEffect(() => {\r\n getRateConfirmationData(resource, loadId);\r\n }, [getRateConfirmationData, loadId]);\r\n\r\n const customStyle = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '90%',\r\n minHeight: '300px',\r\n maxWidth: '600px',\r\n maxHeight: '600px', \r\n borderRadius: '8px',\r\n padding: loading ? '0 0 8px 0' : '0',\r\n },\r\n };\r\n\r\n const stops = rateData?.stopList?.map((stop, i) => (\r\n { notes: `notes_${i}` }\r\n ));\r\n const initialValuesList = stops && stops.map((note, index) => (\r\n { [Object.values(note)]: rateData?.stopList ? rateData?.stopList[index]?.stopData.notes : '' }\r\n ));\r\n const initialValues = initialValuesList?.reduce((prev, curr) => ({...prev, ...curr}) , {});\r\n \r\n const handleSubmitSave = values => {\r\n // eslint-disable-next-line no-unused-vars\r\n const updatedData = rateData?.stopList.map((stop, i) => {\r\n stop.stopData.notes = values[`notes_${i}`];\r\n\r\n const testDateUtc = moment.utc(stop.stopData.fullTime);\r\n const localDate = moment(testDateUtc).local();\r\n stop.stopData.time = stop.stopData.fullTime ? moment(localDate).format(\"HH:mm\") : '';\r\n stop.stopData.date = stop.stopData.fullTime ? moment(localDate).format(\"DD/MM/YY\"): '';\r\n });\r\n\r\n const updatedRateData = {\r\n hasError: rateData.hasError,\r\n message: rateData.message,\r\n loadId: rateData.loadId,\r\n rateConfirmationData: rateData,\r\n ccAddresses: rateData.carrierData?.accountingEmail,\r\n save: false,\r\n }\r\n\r\n closeModal();\r\n sendRateConfirmationData('PDFGenerator', rateData);\r\n sendRateConfirmationData('PDFGenerator', updatedRateData, 'sendPDF');\r\n setTimeout(() => {\r\n getLoadDetails('load', loadId, 'noLoading');\r\n }, 5000)\r\n };\r\n\r\n if (loading) {\r\n return (\r\n You didn't make any changes
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {EFSLoading ? {\r\n setTimeout(() => {\r\n setSubmitting(false);\r\n handleSubmitSave(values);\r\n }, 400);\r\n }}\r\n >\r\n {({ isSubmitting, isValid, values, setFieldValue, errors, touched, handleSubmit }) => {\r\n return (\r\n \r\n )}}\r\n \r\n }\r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n state: state,\r\n rateData: state.rateConfirmation.rateConfirmationData,\r\n loading: state.rateConfirmation.loading,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n getRateConfirmationData: (resource, id) => dispatch(getRateConfirmationData(resource, id)),\r\n sendRateConfirmationData: (resource, data, sendPDF) => dispatch(sendRateConfirmationData(resource, data, sendPDF)),\r\n getLoadDetails: (resource, id, noLoading) => dispatch(getLoadDetails(resource, id, noLoading)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(RateConfirmationModal);\r\n","import React, { useEffect, useState, useCallback } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport Modal from 'react-modal';\r\nimport { Formik, Form, Field } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport Select from 'react-select';\r\nimport InputMask from 'react-input-mask';\r\nimport moment from 'moment';\r\nimport { message, Upload, Checkbox } from 'antd';\r\nimport axios from '../../../axios/axios';\r\nimport { ApiUrl } from '../../../../project/Pages';\r\nimport store from '../../../../store';\r\nimport Download from '../../../elements/download';\r\nimport Loading from '../../screen/loading';\r\nimport {\r\n getLoadDetails,\r\n setLoadDetails,\r\n getCarrierList,\r\n getTrucksList,\r\n getTrailersList,\r\n getDriversList,\r\n clearLoadDetailsData,\r\n getEmptyEFS,\r\n getEFSList,\r\n getEFS,\r\n resetError,\r\n} from '../../../../store/actions/loadDetails/loadDetails';\r\nimport { getCarierRateConfirmation } from '../../../../store/actions/rateConfirmation/rateConfirmation';\r\nimport { Defines, bytesToSize } from '../../../../project/Defines';\r\nimport { load } from '../../../../store/actions/loadArea/loadArea';\r\nimport EFSModal from './EFSModal';\r\nimport UploadAttachmentEditModal from './UploadAttachmentEditModal';\r\nimport WarningModal from './modalWarning';\r\nimport RateConfirmationModal from './RateConfirmationModal';\r\nimport { customStyleLoadDetailsPage, customStylesLoadDetailsPage } from './styles';\r\n\r\nconst LoadDetailsModal = ({\r\n isDetailsModalOpen,\r\n setDetailsModalToOpen,\r\n loadId,\r\n getLoadDetails,\r\n loadDetails,\r\n loading,\r\n setLoadDetails,\r\n getCarrierList,\r\n carrierList,\r\n trucksList,\r\n trailersList,\r\n driversList,\r\n getTrucksList,\r\n getTrailersList,\r\n getDriversList,\r\n clearLoadDetailsData,\r\n getEmptyEFS,\r\n EFSData,\r\n EFSLoading,\r\n EFSList,\r\n getEFSList,\r\n getEFS,\r\n hasError,\r\n actionMessage,\r\n resetError,\r\n resource,\r\n load,\r\n getCarierRateConfirmation,\r\n rateConfirmationMessage,\r\n}) => {\r\n const closeModal = () => {\r\n setDetailsModalToOpen(false);\r\n clearLoadDetailsData(resource);\r\n load(resource);\r\n setIsUploadsListChanged(false);\r\n };\r\n\r\n useEffect(() => {\r\n if (hasError) {\r\n message.error(actionMessage);\r\n resetError(resource);\r\n }\r\n }, [hasError, actionMessage, resetError, resource]);\r\n\r\n useEffect(() => {\r\n if (rateConfirmationMessage) {\r\n message.success(rateConfirmationMessage, 3);\r\n resetError(resource);\r\n }\r\n }, [rateConfirmationMessage, resetError, resource]);\r\n\r\n let submitAction = '';\r\n const [buttonDisabled, setButtonDisabled] = useState(false);\r\n const [carrierSelected, setCarrierSelected] = useState(false);\r\n const [EFSModalIsOpen, setEFSModalIsOpen] = useState(false);\r\n const [warningModalIsOpen, setWarningModalIsOpen] = useState(false);\r\n const [isEditMode, setEditMode] = useState(false);\r\n const [attachmentsList, setAttachmentsList] = useState([]);\r\n const [isUploadsListChanged, setIsUploadsListChanged] = useState(false);\r\n const [isEFSListChanged, setEFSListChanged] = useState(false);\r\n const [attachmentEditModalIsOpen, setAttachmentEditModalIsOpen] = useState(false);\r\n const [attachment, setAttachment] = useState('');\r\n const [rateModalIsOpen, setRateModalIsOpen] = useState(false);\r\n const [additionalPayReason, setAdditionalPayReason] = useState(loadDetails?.additionalPay);\r\n\r\n useEffect(() => {\r\n setAttachmentsList(loadDetails?.attachments);\r\n }, [setAttachmentsList, loadDetails]);\r\n\r\n useEffect(() => {\r\n setAdditionalPayReason(loadDetails?.additionalPay);\r\n }, [loadDetails]);\r\n\r\n const [fileCont, setFileCont] = useState(null);\r\n const max = 5;\r\n const restrictions = file => {\r\n const isLt = file.size / 1024 / 1024 < max;\r\n if (!isLt) {\r\n message.error(`Image must be smaller than ${max}MB!`);\r\n return false;\r\n }\r\n\r\n const extensions = ['jpeg', 'jpg', 'png', 'heif', 'pdf'];\r\n const dot = file.name.lastIndexOf('.') + 1;\r\n const fileExtension = file.name.substr(dot, file.name.length).toLowerCase();\r\n if (!extensions.includes(fileExtension)) {\r\n message.error(`Image must be in jpeg, png, pdf or heif format!`);\r\n return false;\r\n }\r\n return true;\r\n };\r\n\r\n const beforeUpload = file => {\r\n if (!restrictions(file)) {\r\n return false;\r\n }\r\n setFileCont(file);\r\n return true;\r\n };\r\n\r\n const handleUpload = () => {\r\n const formData = new FormData();\r\n formData.append('file', fileCont);\r\n axios.post(ApiUrl.Upload, formData, { headers: { 'Content-Type': 'multipart/form-data' } }).then(response => {\r\n if (response && response.data) {\r\n const result = response.data;\r\n if (result.hasError) {\r\n message.error(result.message || 'File not uploaded!');\r\n return;\r\n }\r\n onChange(result);\r\n }\r\n });\r\n };\r\n\r\n const onChange = result => {\r\n const mDate = moment(new Date());\r\n const attachment = {\r\n hasError: result.hasError,\r\n message: result.message,\r\n guid: result.guId,\r\n fileName: result.originalName,\r\n fileType: result.fileType,\r\n size: result.size,\r\n originalFileName: result.originalName,\r\n fullName: `${store.getState().auth.userFirstName} ${store.getState().auth.userLastName}`,\r\n createDate: mDate.format(),\r\n isNew: true,\r\n comments: '',\r\n deleted: false,\r\n };\r\n attachmentsList.push(attachment);\r\n setAttachmentsList(attachmentsList);\r\n setIsUploadsListChanged(true);\r\n setTimeout(() => {\r\n getEFSList('LoadEFS', loadId); // for updating images list\r\n }, 2000);\r\n };\r\n\r\n const removeAttachment = id => {\r\n const removableAttachment = attachmentsList.filter(item => item.id === id)[0];\r\n const attachment = {\r\n ...removableAttachment,\r\n deleted: true,\r\n };\r\n const updatedList = attachmentsList.filter(item => item.id !== id);\r\n updatedList.push(attachment);\r\n setAttachmentsList(updatedList);\r\n setIsUploadsListChanged(true);\r\n setTimeout(() => {\r\n getEFSList('LoadEFS', loadId); // for updating images list\r\n }, 2000);\r\n };\r\n\r\n const editAttachment = attach => {\r\n setAttachmentEditModalIsOpen(true);\r\n setAttachment(attach);\r\n setIsUploadsListChanged(true);\r\n };\r\n\r\n useEffect(() => {\r\n getLoadDetails(resource, loadId);\r\n }, [getLoadDetails, loadId, resource]);\r\n\r\n useEffect(() => {\r\n getCarierRateConfirmation('CarrierRateConfirmation', loadDetails?.carrierId);\r\n }, [getCarierRateConfirmation, loadDetails]);\r\n\r\n useEffect(() => {\r\n getEFSList('LoadEFS', loadId);\r\n if (loadDetails && (carrierSelected || loadDetails?.carrierId)) {\r\n getCarrierList('carrier', carrierSelected || loadDetails?.carrierId);\r\n getTrucksList('truck', carrierSelected || loadDetails?.carrierId);\r\n getTrailersList('trailer', carrierSelected || loadDetails?.carrierId);\r\n getDriversList('driver', carrierSelected || loadDetails?.carrierId);\r\n } else if (loadDetails && !loadDetails.carrierId) {\r\n getCarrierList('carrier', null);\r\n }\r\n }, [carrierSelected, getCarrierList, getDriversList, getEFSList, getTrailersList, getTrucksList, loadDetails, loadId]);\r\n\r\n const carrierListWithoutExpiredCarriers = carrierList?.filter(carrier => !carrier.isPolicyExpired);\r\n const carrierOptionsList = carrierListWithoutExpiredCarriers?.map(item => {\r\n return { ...item, label: item.text };\r\n });\r\n const trucksOptionsList = trucksList?.map(item => {\r\n return { ...item, label: item.text };\r\n });\r\n const trailersOptionsList = trailersList?.map(item => {\r\n return { ...item, label: item.text };\r\n });\r\n const driversOptionsList = driversList?.map(item => {\r\n return { ...item, label: item.text };\r\n });\r\n\r\n const additionalPay = [\r\n { label: 'Detention', text: 'Detention', value: 'Detention' },\r\n { label: 'Late fee', text: 'Late fee', value: 'Late fee' },\r\n { label: 'Recovery', text: 'Recovery', value: 'Recovery' },\r\n { label: 'Deduction', text: 'Deduction', value: 'Deduction' },\r\n { label: 'Other', text: 'Other', value: 'Other' },\r\n ];\r\n\r\n carrierOptionsList?.length && carrierOptionsList[0].value !== '' && carrierOptionsList.unshift({ value: '', text: '', label: '' });\r\n trucksOptionsList?.length && trucksOptionsList[0].value !== '' && trucksOptionsList.unshift({ value: '', text: '', label: '' });\r\n trailersOptionsList?.length && trailersOptionsList[0].value !== '' && trailersOptionsList.unshift({ value: '', text: '', label: '' });\r\n driversOptionsList?.length && driversOptionsList[0].value !== '' && driversOptionsList.unshift({ value: '', text: '', label: '' });\r\n\r\n const getTextFromValues = useCallback((value, list) => {\r\n return list?.length ? list?.filter(item => item.value === value)[0]?.text : [];\r\n }, []);\r\n\r\n const handleEFSOpen = (editMode, efsId) => {\r\n if (editMode === 'editMode') {\r\n setEditMode(true);\r\n getEFS('loadEFS', efsId);\r\n } else {\r\n setEditMode(false);\r\n getEmptyEFS('loadEFS');\r\n }\r\n setEFSModalIsOpen(true);\r\n setEFSListChanged(true);\r\n };\r\n\r\n const getColorClass = status => {\r\n if (status === 1) {\r\n return 'efs-status-color__requested';\r\n }\r\n if (status === 2) {\r\n return 'efs-status-color__issued';\r\n }\r\n if (status === 3) {\r\n return 'efs-status-color__rejected';\r\n }\r\n if (status === 4) {\r\n return 'efs-status-color__sent';\r\n } else {\r\n return 'efs-status-color__rejected';\r\n }\r\n };\r\n\r\n const rateIsGenerated = loadDetails?.attachments?.filter(attachment => attachment.fileName.includes('Rate Confirmation_')).length > 0;\r\n\r\n const validationSchema = Yup.object().shape({\r\n rate: Yup.number().positive().min(0).required(),\r\n amount: additionalPayReason === 'Deduction' ? Yup.number().integer().nullable() : Yup.number().integer().positive().nullable(),\r\n additionalPay: Yup.string().nullable(),\r\n target: Yup.number().positive().min(0).required(),\r\n notes: Yup.string().nullable(),\r\n carrierId: Yup.number().nullable(),\r\n truckId: Yup.number().nullable(),\r\n trailerId: Yup.number().nullable(),\r\n trailerSize: Yup.string().nullable(),\r\n trailerTypeName: Yup.string().nullable(),\r\n driverId: Yup.number().nullable(),\r\n driverPhone: Yup.string().nullable(),\r\n rateConfirmed: Yup.boolean(),\r\n carrierInformed: Yup.boolean(),\r\n });\r\n\r\n const handleSetFieldValue = (value, setFieldValue, setFieldTouched) => {\r\n setFieldValue('additionalPay', value);\r\n setAdditionalPayReason(value);\r\n setTimeout(() => setFieldTouched('additionalPay', true));\r\n setTimeout(() => setFieldTouched('amount', true));\r\n };\r\n\r\n const handleSubmitSave = (values, submitAction) => {\r\n const updatedLoadDetails = {\r\n ...loadDetails,\r\n rate: values.rate,\r\n target: values.target,\r\n amount: values.amount,\r\n additionalPay: values.additionalPay,\r\n notes: values.notes,\r\n carrierId: values.carrierId,\r\n truckId: values.truckId,\r\n trailerId: values.trailerId,\r\n trailerSize: values.trailerSize,\r\n trailerTypeName: values.trailerTypeName,\r\n driverId: values.driverId,\r\n driverPhone: values.driverPhone,\r\n attachments: attachmentsList,\r\n rateConfirmed: values.rateConfirmed,\r\n carrierInformed: values.carrierInformed,\r\n };\r\n setLoadDetails(resource, updatedLoadDetails, loadId);\r\n if (submitAction === 'second') {\r\n load(resource);\r\n }\r\n setButtonDisabled(false);\r\n setIsUploadsListChanged(false);\r\n };\r\n\r\n if (loading) {\r\n return (\r\n \r\n
\r\n X
\r\n Rate & Load Confirmation
\r\n \r\n
\r\n \r\n {\r\n if (submitAction === 'rate') {\r\n setRateModalIsOpen(true);\r\n setSubmitting(false);\r\n } else {\r\n setButtonDisabled(true);\r\n setTimeout(() => {\r\n setSubmitting(false);\r\n if (\r\n loadDetails.rate === values.rate &&\r\n loadDetails.target === values.target &&\r\n loadDetails.amount === values.amount &&\r\n loadDetails.additionalPay === values.additionalPay &&\r\n loadDetails.carrierId === values.carrierId &&\r\n loadDetails.truckId === values.truckId &&\r\n loadDetails.trailerId === values.trailerId &&\r\n loadDetails.driverId === values.driverId &&\r\n loadDetails.driverPhone === values.driverPhone &&\r\n loadDetails.notes === values.notes &&\r\n loadDetails.rateConfirmed === values.rateConfirmed &&\r\n loadDetails.carrierInformed === values.carrierInformed &&\r\n !isUploadsListChanged &&\r\n !isEFSListChanged\r\n ) {\r\n setWarningModalIsOpen(true);\r\n setButtonDisabled(false);\r\n } else {\r\n handleSubmitSave(values, submitAction);\r\n if (submitAction === 'second') {\r\n closeModal();\r\n }\r\n }\r\n }, 400);\r\n }\r\n }}>\r\n {({ isSubmitting, isValid, values, setFieldValue, setFieldTouched, errors, touched, handleSubmit }) => {\r\n return (\r\n
\r\n\r\n \r\n
\r\n \r\n Load {loadDetails?.loadNumber}\r\n \r\n
\r\n \r\n {\r\n submitAction = 'first';\r\n handleSubmit();\r\n }}>\r\n SAVE\r\n \r\n {\r\n submitAction = 'second';\r\n handleSubmit();\r\n }}>\r\n SAVE & CLOSE\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n }}\r\n \r\n \r\n {EFSModalIsOpen && (\r\n e.stopPropagation()}>\r\n \r\n \r\n \r\n
\r\n )}\r\n />\r\n {isHistoryModalOpen &&\r\n \r\n \r\n
\r\n \r\n { setPickOrDelNumber(e.target.value) }}\r\n ref={extraInputRef} \r\n type=\"text\"\r\n placeholder={cellDataKey === 'inboundPickAppointment' || \r\n cellDataKey === 'outboundPickAppointment' ? 'Pick #' : 'Del #'}\r\n id=\"externalInput\"\r\n className='appts-selector__input'\r\n style={{ backgroundColor: delOrPickNumberColor ? delOrPickNumberColor : 'white' }}>\r\n \r\n
\r\n \r\n
: null;\r\n if ((workingDaysObject.Monday === workingDaysObject.Tuesday &&\r\n workingDaysObject.Monday === workingDaysObject.Wednesday &&\r\n workingDaysObject.Monday === workingDaysObject.Thursday &&\r\n workingDaysObject.Monday === workingDaysObject.Friday) &&\r\n (workingDaysObject.Saturday === workingDaysObject.Sunday) \r\n ) {\r\n tooltipData = workingDaysStr ? Working hours
\r\n Monday: {workingDaysObject.Monday}
\r\n Tuesday: {workingDaysObject.Tuesday}
\r\n Wednesday: {workingDaysObject.Wednesday}
\r\n Thursday: {workingDaysObject.Thursday}
\r\n Friday: {workingDaysObject.Friday}
\r\n Saturday: {workingDaysObject.Saturday}
\r\n Sunday: {workingDaysObject.Sunday}
\r\n \r\n
: null;\r\n }\r\n\r\n return Working hours
\r\n Monday-Friday: {workingDaysObject.Monday}
\r\n Saturday-Sunday: {workingDaysObject.Saturday}
\r\n \r\n {tempData}\r\n {orderHasSub && !isSub && isOrder ? \r\n message.error(\"It’s impossible to update the order location, as the order has an outbound suborder\")} \r\n /> : ''}\r\n
\r\n \r\n
\r\n {tempData ? moment(tempData).format(Defines.Format.Date) : ''}
\r\n {tempData ? moment(tempData).format(Defines.Format.Time) : ''}
\r\n \r\n
);\r\n }\r\n else\r\n {\r\n return tempData ? moment(tempData).format(Defines.Format.PrintDateTime) : '';\r\n }\r\n case 'text':\r\n if (header.key === 'notes') {\r\n return {tempData}\r\n }\r\n let colorClass = '';\r\n if (((header.key === 'palletCount' || header.key === 'space') && tempData > 30) ||\r\n (header.key === 'weight' && tempData > 40000)) {\r\n colorClass = 'dark-purple'\r\n }\r\n if ((header.key === 'palletCount' || \r\n header.key === 'space' || \r\n // header.key === 'cases' || \r\n header.key === 'weight') && !!Number(secondValue)) {\r\n return cellData.isBold ? {tempData} :\r\n \r\n {`${Number(tempData) - Number(secondValue)}/${tempData}`}\r\n ;\r\n }\r\n if (header.key === 'pickLocation' && resource === 'load') {\r\n return tooltipForLocation(rowState?.orderData?.pickWorkingDaysStr);\r\n }\r\n if (header.key === 'dropLocation' && resource === 'outboundload') {\r\n return tooltipForLocation(rowState?.orderData?.dropWorkingDaysStr);\r\n }\r\n if (header.key === 'loadNumber' && rowState.type === 'order' && rowState.loadId) {\r\n const loadId = rowState.loadData.id;\r\n let orderFromLoadIsUpdated = 'false';\r\n const onlyOrders = state[resource].loadsAssignedOrders.filter(order => !order.ordersData);\r\n const allOrdersForCurrentLoad = onlyOrders.filter(load => load.rowState.loadData.id === loadId);\r\n \r\n let minOneOrderIsUpdatedFromLoad = [];\r\n allOrdersForCurrentLoad.forEach(order => {\r\n if (resource === 'load' && !order.rowState.orderData.orderHistoryDict) {\r\n minOneOrderIsUpdatedFromLoad = allOrdersForCurrentLoad.filter(order => order.rowState.orderData.orderHistoryDict).length;\r\n } else if (resource === 'outboundload' && !order.rowState.orderData.outOrderHistoryDict) {\r\n minOneOrderIsUpdatedFromLoad = allOrdersForCurrentLoad.filter(order => order.rowState.orderData.outOrderHistoryDict).length;\r\n }\r\n\r\n if (minOneOrderIsUpdatedFromLoad > 0) {\r\n orderFromLoadIsUpdated = true;\r\n } else {\r\n orderFromLoadIsUpdated = false;\r\n }\r\n })\r\n\r\n const isUpdated = resource === 'load' ? \r\n rowState?.orderData?.orderHistoryDict && Object.values(rowState?.orderData?.orderHistoryDict)?.filter(item => item).length > 0 :\r\n rowState?.orderData?.outOrderHistoryDict && Object.values(rowState?.orderData?.outOrderHistoryDict)?.filter(item => item).length > 0;\r\n\r\n const isRateConfirmed = secondValue;\r\n const carrierInformed = thirdValue;\r\n\r\n let whiteBG = '';\r\n if (isRateConfirmed && carrierInformed) {\r\n whiteBG = true;\r\n } else if (!isRateConfirmed) {\r\n whiteBG = false;\r\n } else { \r\n if (isRateConfirmed && !carrierInformed && isUpdated) {\r\n whiteBG = false;\r\n } else if (isRateConfirmed && !carrierInformed && orderFromLoadIsUpdated) {\r\n whiteBG = false;\r\n } else {\r\n whiteBG = true;\r\n } \r\n } \r\n const updatedFields = resource === 'load' ? \r\n rowState?.orderData?.orderHistoryDict && \r\n Object.entries(rowState?.orderData?.orderHistoryDict).filter(([key, value]) => value).map(([key, value]) => key) :\r\n rowState?.orderData?.outOrderHistoryDict && \r\n Object.entries(rowState?.orderData?.outOrderHistoryDict).filter(([key, value]) => value).map(([key, value]) => key);\r\n \r\n let hoverText = [];\r\n if (!isRateConfirmed) {\r\n if (!hoverText.includes('Rate Confirmation is absent')) {\r\n hoverText.push('Rate Confirmation is absent')\r\n }\r\n }\r\n updatedFields && updatedFields.forEach(field => {\r\n if (field === 'inDropApp' || field === 'inPickApp' || field === 'outDropApp' || field === 'outPickApp') {\r\n if (!hoverText.includes('Appointment date was changed')) {\r\n hoverText.push('Appointment date was changed')\r\n }\r\n }\r\n if (field === 'palletCount') {\r\n hoverText.push('Pallet count was changed')\r\n }\r\n if (field === 'space') {\r\n hoverText.push('Space was changed')\r\n }\r\n if (field === 'weight') {\r\n hoverText.push('Weight was changed')\r\n }\r\n })\r\n\r\n const renderTooltip = hoverText => {\r\n return hoverText.map(item => {tempData ? moment(tempData).format(Defines.Format.Date) : ''}
\r\n {tempData ? moment(tempData).format(Defines.Format.Time) : ''}
\r\n {item}
)\r\n }\r\n\r\n if (hoverText.length && !whiteBG) {\r\n return {tempData}
\r\n {tempData}
\r\n }\r\n\r\n }\r\n return cellData.isBold ? {tempData} : tempData;\r\n case 'textInput':\r\n return cellData.isBold ? {tempData} : tempData;\r\n case 'textInputPO':\r\n let colorPO = '';\r\n let BGColorPO = '';\r\n let fontWeightPO = 'inherit';\r\n if (Number(rowState?.orderData.palletCount) !== Number(rowState?.orderData.space)) {\r\n colorPO = '#DA2FC9';\r\n fontWeightPO = 'bold';\r\n } \r\n if (selectedOrder && selectedOrder[0] && rowState?.orderObjectId === selectedOrder[0].rowState?.orderObjectId) {\r\n BGColorPO = 'lightGray'\r\n }\r\n let asterisks = '';\r\n for(let i = 0; i < secondValue; i++) {\r\n asterisks += '*';\r\n }\r\n return \r\n
\r\n case 'integer':\r\n if (header.key === 'temperature') {\r\n return temperatureNames[tempData]\r\n }\r\n if ((header.key === 'palletCount' || \r\n header.key === 'space' || \r\n // header.key === 'cases' || \r\n header.key === 'weight') && secondValue) {\r\n return cellData.isBold ? {tempData} : secondValue && tempData ? `${tempData - secondValue}/${tempData}` : tempData ;\r\n }\r\n if ((header.key === 'palletCount' || \r\n header.key === 'space' || \r\n // header.key === 'cases' || \r\n header.key === 'weight') && updatedValue === true) {\r\n return handleUnColor()} className='changed-value__BG'>{tempData};\r\n }\r\n return cellData.isBold ? {tempData} : tempData;\r\n case 'currency':\r\n const dollarUSLocale = Intl.NumberFormat('en-US');\r\n let formatedData = '';\r\n if (tempData) {\r\n formatedData = dollarUSLocale.format(tempData);\r\n }\r\n else {\r\n return '';\r\n }\r\n return cellData.isBold ? {'$' + formatedData} : formatedData === null ? formatedData : formatedData === undefined ? formatedData : '$' + formatedData;\r\n case 'decimal':\r\n return cellData.isBold ? parseFloat(tempData).toFixed(2) : parseFloat(tempData).toFixed(2);\r\n case 'select':\r\n let selectOptions;\r\n let selectNameOptions;\r\n if (header.key === 'pickRestriction' || header.key === 'dropRestriction') {\r\n selectOptions = selectOptionsPalletTypes;\r\n selectNameOptions = selectNameOptionsPalletTypes;\r\n } else {\r\n selectOptions = selectOption;\r\n selectNameOptions = selectNameOption;\r\n }\r\n return ;\r\n case 'selectLocations':\r\n return ;\r\n case 'selectManifest':\r\n return cellData.isBold ? {tempData} : tempData;\r\n default:\r\n return cellData.isBold ? {tempData} : tempData;\r\n }\r\n }\r\n if (tempData === '' && nummber && \r\n (cellData.key === 'inboundPickAppointment' || \r\n cellData.key === 'outboundPickAppointment' ||\r\n cellData.key === 'inboundDropAppointment' ||\r\n cellData.key === 'outboundDropAppointment'\r\n ) ) {\r\n return (\r\n Hidden Text
\r\n Hidden Text
\r\n \r\n
\r\n case 'textInputPO':\r\n let colorPO = '';\r\n let BGColorPO = '';\r\n let fontWeightPO = 'inherit';\r\n if (Number(rowState?.orderData.palletCount) !== Number(rowState?.orderData.space)) {\r\n colorPO = '#DA2FC9';\r\n fontWeightPO = 'bold';\r\n } \r\n if (selectedOrder && selectedOrder[0] && rowState?.orderObjectId === selectedOrder[0].rowState?.orderObjectId) {\r\n BGColorPO = 'lightGray'\r\n }\r\n let asterisks = '';\r\n for(let i = 0; i < secondValue; i++) {\r\n asterisks += '*';\r\n }\r\n return \r\n {\r\n if (inputReference.current) {\r\n setDisplayState(redonly);\r\n }\r\n setData(value.currentTarget.value)\r\n }}\r\n />\r\n {secondValue &&\r\n setHistoryModalOpen(true)}>\r\n {asterisks}\r\n \r\n }\r\n
\r\n case 'currency': return onSetFocus()} onClick={() => {\r\n editableFunction(cellData);\r\n }}\r\n className='table-body-cell'\r\n style={{ ...cellDefaultStyle, ...cellStyle, color: color }}\r\n tabIndex={displayState === redonly ? 0 : -1}>\r\n {dataDisplay()}\r\n
\r\n {isDetailsModalOpen &&\r\n { onClickRow() }}\r\n className='table-body-cell'\r\n style={cellStyle}>\r\n {reacted ?
:\r\n { onClickRow() }}>\r\n {cellData.value}\r\n
\r\n }\r\n \r\n );\r\n};\r\nexport default connect(state => ({\r\n state: state\r\n}))(LeftActionCall);","import React, { useCallback, useState } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { CaretDownOutlined, CaretUpOutlined} from '@ant-design/icons';\r\nimport { deleteLoad, updateLoadData } from '../../../../store/actions/loadArea/loadArea';\r\nimport { openPopup, closePopup, closePopupAsync } from \"../../../../store/actions/popup/popup\";\r\nimport { PopupTypes } from \"../../custom/popup/popup\";\r\nimport { CommonLabels } from \"../../../../project/Defines\";\r\nimport LoadDetailsModal from './loadDetailsModal';\r\nimport { setReOrderLoad } from '../../../../store/actions/loadArea/loadArea';\r\nimport { Select } from 'antd';\r\n\r\nconst RightActionCell = ({\r\n state,\r\n cellData,\r\n itemSize,\r\n rowState,\r\n deleteLoad,\r\n openConfirm,\r\n resource,\r\n setReOrderLoad,\r\n }) => {\r\n const loadArea = state[resource];\r\n const header = loadArea.headers.find(h => h.key === cellData.key);\r\n const width = header.width;\r\n\r\n const cellStyle = {\r\n maxWidth: `${width}px`,\r\n width: `${width}px`,\r\n minWidth: `${width}px`,\r\n height: `${itemSize}px`,\r\n position: 'sticky',\r\n backgroundColor: '#65A7A5',\r\n right: 0,\r\n borderLeft: '1px solid #000'\r\n };\r\n const [isDetailsModalOpen, setDetailsModalToOpen] = useState(false);\r\n\r\n const deleteConfirmLoad = useCallback(rowState => {\r\n openConfirm({\r\n windowKey: 'wndConfirmDelete',\r\n type: PopupTypes.Confirm,\r\n title: CommonLabels.Messages.ConfirmDeleteTitle('Inbound Load', rowState.loadData.loadNumber),\r\n text: CommonLabels.Messages.ConfirmDeleteText,\r\n buttonYesText: CommonLabels.Buttons.Delete,\r\n buttonNoText: CommonLabels.Buttons.Cancel,\r\n yesCallback: () => setTimeout(() => deleteLoad(resource, rowState), 10)\r\n });\r\n }, [openConfirm, deleteLoad, resource]);\r\n\r\n const editLoad = () => {\r\n setDetailsModalToOpen(true);\r\n };\r\n\r\n const subOrders_loadIds = state?.outboundload?.subOrders?.map(sub => sub.loadId);\r\n const loadWithSub = subOrders_loadIds?.includes(rowState?.subId?.id);\r\n\r\n const handleClickUp = () => {\r\n setReOrderLoad(resource, state, rowState, 'up');\r\n };\r\n\r\n const handleClickDown = () => {\r\n setReOrderLoad(resource, state, rowState, 'down');\r\n };\r\n\r\n const handleChangeSorting = e => {\r\n setOrderSortNumber(e);\r\n setReOrderLoad(resource, state, rowState, e);\r\n }\r\n\r\n const loadId = rowState.loadObjectId;\r\n const locationId = resource === 'load' ? 'pickLocationId' : 'dropLocationId';\r\n const orderPossitionIndex = resource === 'load' ? 'inOrderPossitionIndex' : 'outOrderPossitionIndex';\r\n const orderLocationId = rowState?.orderData?.[locationId];\r\n const loadOrders = state[resource].loadsAssignedOrders?.filter(item => item.rowState.loadObjectId === loadId);\r\n const ordersWithSameLocation = loadOrders.filter(order => order.rowState?.orderData?.[locationId] === orderLocationId);\r\n const ordersIndexesList = ordersWithSameLocation.map(order => order.rowState.orderData?.[orderPossitionIndex]);\r\n const index = ordersWithSameLocation.findIndex(order => order.rowState.orderObjectId === rowState?.orderObjectId);\r\n const firstArrowIsDisabled = index === 0;\r\n const lastArrowIsDisabled = index === ordersWithSameLocation.length-1;\r\n const [orderSortNumber, setOrderSortNumber] = useState(rowState?.orderData?.[orderPossitionIndex]);\r\n const orderHasPickOutData = resource === 'load' ? rowState?.orderData?.inboundPickOut : rowState?.orderData?.outboundPickOut;\r\n\r\n return (\r\n <>\r\n editLoad(rowState)}>\r\n \r\n
\r\n {rowState?.loadData?.carrierId ? null : \r\n deleteConfirmLoad(rowState)}>\r\n \r\n
}\r\n \r\n
: null\r\n }\r\n \r\n {isDetailsModalOpen &&\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {orderSortNumber}
\r\n \r\n onClickRow()}\r\n className='table-body-cell'\r\n style={cellStyle}>\r\n
\r\n );\r\n};\r\nexport default connect(state => ({\r\n state: state\r\n}))(RegionCell);","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\n\r\nconst RegionContentCell = (\r\n {\r\n state,\r\n cellData,\r\n itemSize,\r\n onClickRow,\r\n resource\r\n }) => {\r\n const loadArea = state[resource];\r\n const width = loadArea.regionHeaders.find(h => h.key === cellData.key).width(loadArea.headers);\r\n\r\n const dataDisplay = () => {\r\n return {cellData.value};\r\n };\r\n\r\n let cellStyle = {\r\n maxWidth: `${width}px`,\r\n width: `${width}px`,\r\n minWidth: `${width}px`,\r\n height: `${itemSize}px`,\r\n position: 'sticky',\r\n left: '20px',\r\n backgroundColor: '#65A7A5',\r\n color: '#FFFFFF'\r\n };\r\n\r\n return (\r\n onClickRow()}\r\n className='table-body-cell'\r\n style={cellStyle}>\r\n {dataDisplay()}\r\n
\r\n );\r\n};\r\nexport default connect(state => ({\r\n state: state\r\n}))(RegionContentCell);","import React, { useCallback, useRef, useEffect } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport Cell from './cell';\r\nimport LeftActionCall from './leftActionCall';\r\nimport RightActionCell from './rightActionCell';\r\nimport RegionCell from './regionCell';\r\nimport RegionContentCell from './regionContentCell';\r\nimport { reactOnAssignedItem, reactOnAvailableItem } from '../../../../store/actions/loadArea/loadArea';\r\nimport { getContentWidth } from '../../../../store/reducers/loadArea/helper/general';\r\nimport { Draggable } from \"react-beautiful-dnd\";\r\n\r\nconst Row = (\r\n {\r\n data,\r\n style,\r\n itemSize,\r\n reactOnAssignedItem,\r\n reactOnAvailableItem,\r\n state,\r\n listRef,\r\n dndRowIndex,\r\n startOnScroll,\r\n resource,\r\n onDrugStartMouseX,\r\n selectedOrder,\r\n }) => {\r\n const rowRef = useRef({});\r\n const id = window.location.search && window.location.search.substring(4);\r\n const loadArea = state[resource];\r\n let color = data.rowState.type === 'load' || data.rowState.type === 'separator' ? '#65A7A5' : \r\n id === data.rowState.orderObjectId ? 'lightGray' :\r\n data.rowState.reacted ? 'lightGray' :\r\n data.rowState.isSub ? '#b4d5bc'\r\n : 'inherit';\r\n\r\n const allOrders = loadArea.loadsAssignedOrders?.filter(order => !order.ordersData && order.rowState.type !== 'separator');\r\n const allLoads = loadArea.loadsAssignedOrders?.filter(order => order.ordersData && order.rowState.type !== 'separator')\r\n let loadId = data.rowState.loadObjectId;\r\n let load = allLoads.filter(load => load?.rowState.loadId === loadId)[0];\r\n let order = '';\r\n \r\n // Del validation\r\n let delOrPickNumberColor = '';\r\n const yellow = '#D4CE39';\r\n const black = 'white';\r\n if (data.rowState.type === 'order' && !data.rowState.available ) {\r\n order = data;\r\n let orderDeliverNumber = order.rowState.orderData.outDeliverNummber;\r\n let orderPickUpNumber = order.rowState.orderData.inPickNummber;\r\n let orderDeliverLocation = order.rowState.orderData.dropLocation;\r\n let orderPickLocation = order.rowState.orderData.pickLocation;\r\n const orderAppointment = resource === 'outboundload' ? order.rowState.orderData.outboundDropAppointment : order.rowState.orderData.inboundPickAppointment;\r\n const isSub = order.rowState.isSub === true;\r\n let parentOrder = '';\r\n let parentOrderLoad = '';\r\n let orderObjectId = '';\r\n if (isSub) {\r\n orderObjectId = order.rowState.orderObjectId;\r\n parentOrder = allOrders.filter(order => order.rowState.orderObjectId === orderObjectId && order.rowState.isSub === false)[0];\r\n parentOrderLoad = allLoads.filter(load => load?.rowState?.loadId === parentOrder?.rowState?.loadObjectId)[0];\r\n load = parentOrderLoad;\r\n orderDeliverNumber = parentOrder?.rowState?.orderData.outDeliverNummber;\r\n orderPickUpNumber = parentOrder?.rowState?.orderData.inPickNummber;\r\n loadId = parentOrderLoad?.rowState?.loadId;\r\n };\r\n\r\n let selectedOrdersByLoc = [];\r\n let selectedOrdersByDel = [];\r\n let selectedOrdersByAppt = [];\r\n let selectedOrdersByPickNum = [];\r\n\r\n if (resource === 'outboundload') {\r\n if (!isSub) {\r\n selectedOrdersByLoc = load?.ordersData.filter(order => order.rowState.orderData.dropLocation === orderDeliverLocation);\r\n selectedOrdersByDel = load?.ordersData.filter(order => order.rowState.orderData.outDeliverNummber === orderDeliverNumber);\r\n selectedOrdersByAppt = load?.ordersData.filter(order => order.rowState.orderData.outboundDropAppointment?.toString().substring(0, 16) === orderAppointment?.toString().substring(0, 16));\r\n } else {\r\n const parentOrder = parentOrderLoad?.ordersData.filter(order => order?.rowState.orderObjectId === orderObjectId)[0];\r\n orderDeliverLocation = parentOrder?.rowState?.orderData.dropLocation;\r\n\r\n selectedOrdersByLoc = load?.ordersData.filter(order => order?.rowState.orderData.dropLocation === orderDeliverLocation);\r\n selectedOrdersByDel = load?.ordersData.filter(order => order?.rowState.orderData.outDeliverNummber === orderDeliverNumber);\r\n selectedOrdersByAppt = load?.ordersData.filter(order => order?.rowState.orderData.outboundDropAppointment?.toString().substring(0, 16) === orderAppointment?.toString().substring(0, 16));\r\n }\r\n } else {\r\n if (!isSub) {\r\n selectedOrdersByLoc = load?.ordersData.filter(order => order.rowState.orderData.pickLocation === orderPickLocation);\r\n selectedOrdersByPickNum = load?.ordersData.filter(order => order.rowState.orderData.inPickNummber === orderPickUpNumber);\r\n selectedOrdersByAppt = load?.ordersData.filter(order => order.rowState.orderData.inboundPickAppointment?.toString().substring(0, 16) === orderAppointment?.toString().substring(0, 16));\r\n } else {\r\n const parentOrder = parentOrderLoad?.ordersData.filter(order => order.rowState.orderObjectId === orderObjectId)[0];\r\n orderPickLocation = parentOrder.rowState?.orderData.pickLocation;\r\n\r\n selectedOrdersByLoc = load?.ordersData.filter(order => order.rowState.orderData.pickLocation === orderPickLocation);\r\n selectedOrdersByPickNum = load?.ordersData.filter(order => order.rowState.orderData.inPickNummber === orderPickUpNumber);\r\n selectedOrdersByAppt = load?.ordersData.filter(order => order.rowState.orderData.inboundPickAppointment?.toString().substring(0, 16) === orderAppointment?.toString().substring(0, 16));\r\n }\r\n }\r\n\r\n if (resource === 'outboundload') {\r\n for (let i = 0; i < selectedOrdersByLoc?.length; i++) {\r\n if (selectedOrdersByLoc.length === 1 && selectedOrdersByDel.length === 1) {\r\n delOrPickNumberColor = black\r\n } else if ((selectedOrdersByLoc.length === 1 && selectedOrdersByDel.length !== 1) ||\r\n (selectedOrdersByLoc.length !== 1 && selectedOrdersByDel.length === 1)) {\r\n delOrPickNumberColor = yellow\r\n } else if (selectedOrdersByLoc[i]?.rowState.id === selectedOrdersByDel[i]?.rowState.id && \r\n selectedOrdersByAppt[i]?.rowState.id === selectedOrdersByDel[i]?.rowState.id &&\r\n (selectedOrdersByLoc.length === selectedOrdersByAppt.length)) {\r\n delOrPickNumberColor = black;\r\n } else {\r\n // delOrPickNumberColor = yellow;\r\n }\r\n };\r\n }\r\n\r\n if (resource === 'load') {\r\n for (let i = 0; i < selectedOrdersByLoc.length; i++) {\r\n if (selectedOrdersByLoc.length === 1 && selectedOrdersByPickNum.length === 1) {\r\n delOrPickNumberColor = black\r\n } else if ((selectedOrdersByLoc.length === 1 && selectedOrdersByPickNum.length !== 1) ||\r\n (selectedOrdersByLoc.length !== 1 && selectedOrdersByPickNum.length === 1)) {\r\n delOrPickNumberColor = yellow\r\n } else if (selectedOrdersByLoc[i]?.rowState.id === selectedOrdersByPickNum[i]?.rowState.id && \r\n selectedOrdersByAppt[i]?.rowState.id === selectedOrdersByPickNum[i]?.rowState.id &&\r\n (selectedOrdersByLoc.length === selectedOrdersByAppt.length)) {\r\n delOrPickNumberColor = black;\r\n } else {\r\n // delOrPickNumberColor = yellow;\r\n }\r\n };\r\n }\r\n\r\n if (resource === 'outboundload' && (orderDeliverNumber === null || orderDeliverNumber === '')) {\r\n delOrPickNumberColor = yellow;\r\n }\r\n if (resource === 'load' && (orderPickUpNumber === null || orderPickUpNumber === '')) {\r\n delOrPickNumberColor = yellow;\r\n }\r\n\r\n const orderDeliverNumberIsOnlyInOneLoad = [];\r\n for (let i = 0; i < allOrders.length; i++) {\r\n if (allOrders[i].rowState.orderData.outDeliverNummber === orderDeliverNumber \r\n && allOrders[i].rowState.loadObjectId !== loadId\r\n && allOrders[i].rowState.orderObjectId !== order.rowState.orderObjectId\r\n && allOrders[i].rowState.isSub === false\r\n ) {\r\n orderDeliverNumberIsOnlyInOneLoad.push(orderDeliverNumber)\r\n }\r\n }\r\n if (resource === 'outboundload' && orderDeliverNumberIsOnlyInOneLoad.length > 0) {\r\n delOrPickNumberColor = yellow;\r\n };\r\n\r\n const orderPickNumberIsOnlyInOneLoad = [];\r\n for (let i = 0; i < allOrders.length; i++) {\r\n if (allOrders[i].rowState.orderData.inPickNummber === orderPickUpNumber \r\n && allOrders[i].rowState.loadObjectId !== loadId\r\n && allOrders[i].rowState.orderObjectId !== order.rowState.orderObjectId\r\n && allOrders[i].rowState.isSub === false\r\n ) {\r\n orderPickNumberIsOnlyInOneLoad.push(orderPickUpNumber)\r\n }\r\n }\r\n if (resource === 'load' && orderPickNumberIsOnlyInOneLoad.length > 0) {\r\n delOrPickNumberColor = yellow;\r\n };\r\n\r\n const sameDelNumShouldHaveSameLocation = [];\r\n for (let i = 0; i < allOrders.length; i++) {\r\n if (allOrders[i].rowState.orderData.inPickNummber === orderPickUpNumber \r\n && allOrders[i].rowState.loadObjectId === loadId\r\n && allOrders[i].rowState.orderObjectId !== order.rowState.orderObjectId\r\n && allOrders[i].rowState.orderData.pickLocation !== order.rowState.orderData.pickLocation\r\n && allOrders[i].rowState.isSub === false\r\n ) {\r\n sameDelNumShouldHaveSameLocation.push(orderPickUpNumber)\r\n }\r\n }\r\n if (resource === 'load' && sameDelNumShouldHaveSameLocation.length > 0) {\r\n delOrPickNumberColor = yellow;\r\n };\r\n\r\n const samePickNumShouldHaveSameLocation = [];\r\n for (let i = 0; i < allOrders.length; i++) {\r\n if (allOrders[i].rowState.orderData.outDeliverNummber === orderDeliverNumber \r\n && allOrders[i].rowState.loadObjectId === loadId\r\n && allOrders[i].rowState.orderObjectId !== order.rowState.orderObjectId\r\n && allOrders[i].rowState.orderData.dropLocation !== order.rowState.orderData.dropLocation\r\n && allOrders[i].rowState.isSub === false\r\n ) {\r\n samePickNumShouldHaveSameLocation.push(orderDeliverNumber)\r\n }\r\n }\r\n if (resource === 'outboundload' && samePickNumShouldHaveSameLocation.length > 0) {\r\n delOrPickNumberColor = yellow;\r\n };\r\n\r\n }\r\n // end of del validation\r\n\r\n useEffect(() => {\r\n if (rowRef.current) {\r\n listRef.current.resetAfterIndex(0);\r\n }\r\n }, [rowRef, listRef]);\r\n\r\n const onClickRow = useCallback(() => {\r\n if (data.rowState.available) {\r\n reactOnAvailableItem(resource, data.rowState.id, data.rowState.type);\r\n }\r\n else {\r\n reactOnAssignedItem(resource, data.rowState.id, data.rowState.type);\r\n }\r\n }, [reactOnAssignedItem, reactOnAvailableItem, data, resource]);\r\n\r\n style.width = 'max-content';\r\n const rowStyle = { ...style, ...{ height: `${itemSize}px`, backgroundColor: color, fontSize: '10px' } };\r\n \r\n const cellContent = (i, ind) => {\r\n if (data.rowState.type === 'separator') {\r\n let contentWidth = getContentWidth(loadArea.headers, 'booking');\r\n return \r\n };\r\n\r\n const header = loadArea.headers.find(h => h.key === i.key) || loadArea.regionHeaders.find(h => h.key === i.key);\r\n let bgColor, reactedBgColor;\r\n\r\n if (header.leftAction) {\r\n if (data.rowState.type === 'order') {\r\n bgColor = 'inherit';\r\n reactedBgColor = 'inherit';\r\n }\r\n if (data.rowState.type === 'load') {\r\n bgColor = 'lightgrey';\r\n reactedBgColor = 'grey';\r\n }\r\n if (data.rowState.type === 'region') {\r\n bgColor = 'inherit';\r\n reactedBgColor = 'inherit';\r\n }\r\n if (id === data.rowState.orderObjectId) {\r\n bgColor = 'lightGray';\r\n reactedBgColor = 'lightGray';\r\n }\r\n bgColor = color;\r\n\r\n return (\r\n {loadArea.headers.map((header, ind) => {\r\n if (location.pathname.split('/')[1] === 'booking')\r\n {\r\n return
\r\n );\r\n};\r\n\r\nexport default connect(state => ({\r\n state: state\r\n}))(HeaderRow);","import React from 'react';\r\n\r\nconst LoaderSmall = () => (\r\n );\r\n\r\nexport default LoaderSmall;","import React from 'react';\r\nimport LoaderSmall from './loaderSmall';\r\nimport { Tooltip } from 'antd';\r\n\r\nconst ToolBarButton = ({\r\n primary,\r\n text,\r\n title,\r\n inProcess,\r\n onClick,\r\n clickParams,\r\n className,\r\n}) => {\r\n const buttonStyle = inProcess ? { paddingLeft: '5px' } : null;\r\n\r\n const tryToProcess = clickParams => {\r\n if (inProcess) {\r\n return;\r\n }\r\n onClick(clickParams);\r\n };\r\n\r\n if (primary) {\r\n return (\r\n );\r\n }\r\n return (\r\n \r\n setLumperCount(value) }\r\n disabled={!selectedAssignedOrders?.length || thereIsOrderWithOutDropIn || areOrderWithDiffDelLocations || areOrderWithDiffDelIndates}\r\n >\r\n : null\r\n }\r\n {!selectedAssignedOrders.length &&
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n state: state,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n setItemData: (resource, value, rowState, header) => dispatch(setItemData(resource, value, rowState, header)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(LumperModal);","import React, { useState, useEffect } from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport Modal from 'react-modal';\r\nimport moment from 'moment';\r\nimport { Checkbox } from 'antd';\r\nimport './index.css';\r\nimport { Defines } from '../../../../project/Defines';\r\nimport { assignOrdersToLoadAndUpdateNewLoad } from '../../../../store/actions/loadArea/loadArea';\r\nimport { customStyles } from './styles'\r\n\r\nconst AssignOrdersModalNewLoad = ({ \r\n setAssignOrdersModalIsOpen,\r\n assignOrdersModalIsOpen,\r\n resource,\r\n allAvailableOrders,\r\n state,\r\n }) => {\r\n const dispatch = useDispatch();\r\n const assignedOrders = state && resource && state[resource]?.assignedOrders;\r\n const appointmentByLoadType = resource === 'load' ? 'inboundPickAppointment': 'outboundDropAppointment';\r\n const appointmentStatusByLoadType = resource === 'load' ? 'inboundAppointmentStatus': 'outboundAppointmentStatus';\r\n const location = resource === 'load' ? 'pickLocation' : 'dropLocation';\r\n const [locationObjects, setLocationObjects] = useState([]);\r\n const [checkedAppointments, setCheckedAppointments] = useState([]);\r\n const closeModal = () => {\r\n setAssignOrdersModalIsOpen(false);\r\n dispatch(assignOrdersToLoadAndUpdateNewLoad(resource, assignedOrders, allAvailableOrders, 'cancelModal', locationObjects));\r\n };\r\n\r\n const handleOnSave = () => {\r\n setAssignOrdersModalIsOpen(false);\r\n dispatch(assignOrdersToLoadAndUpdateNewLoad(resource, assignedOrders, allAvailableOrders, false, locationObjects))\r\n };\r\n\r\n const listOfLocationsSet = new Set(assignedOrders.map(order => order[location]));\r\n const listOfLocations = [...listOfLocationsSet];\r\n const [allAreChecked, setAllAreChecked] = useState(false);\r\n \r\n useEffect(() => {\r\n const tempLocationObjects = [];\r\n let apptStatus = '';\r\n let currentApptointment = '';\r\n for (let i = 0; i < listOfLocations.length; i++) {\r\n let object = {};\r\n let appointments = assignedOrders\r\n .filter(order => order[location] === listOfLocations[i] && order[appointmentByLoadType])\r\n .map(order => order[appointmentByLoadType]);\r\n\r\n let status = assignedOrders\r\n .filter(order => order[location] === listOfLocations[i] && order[appointmentByLoadType])\r\n .map(order => Number(order[appointmentStatusByLoadType]));\r\n\r\n object.appointments = appointments;\r\n object.status = status;\r\n object.checkedAppointment = currentApptointment\r\n ? currentApptointment\r\n : appointments.length === 1 || appointments.every(item => item === appointments[0])\r\n ? appointments[0]\r\n : '';\r\n object.checkedStatus = apptStatus ? apptStatus : status.length === 1 || status.every(item => item === status[0]) ? status[0] : '';\r\n object[location] = listOfLocations[i];\r\n object.orderIds = assignedOrders\r\n .filter(order => order[location] === listOfLocations[i])\r\n .map(order => order.id);\r\n tempLocationObjects.push(object);\r\n }\r\n const tempCheckedAppointments = [];\r\n tempLocationObjects.forEach(object => {\r\n const appt = `${object.checkedAppointment}_${object.checkedStatus}_${object[location]}`;\r\n object.checkedAppointment && object.checkedStatus && tempCheckedAppointments.push(appt)\r\n });\r\n setCheckedAppointments(tempCheckedAppointments);\r\n setLocationObjects(tempLocationObjects);\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n useEffect(() => {\r\n // case when all location's appointments checks automatically (only one order or all orders have the same location)\r\n let checked = false;\r\n let tempObject = {};\r\n locationObjects.forEach((object, index) => {\r\n if ((object.checkedAppointment && object.checkedStatus) || object.orderIds.length === 1) {\r\n tempObject[index] = true;\r\n } else {\r\n tempObject[index] = false;\r\n }\r\n });\r\n if (Object.values(tempObject)?.every(value => value === true)) {\r\n checked = true\r\n }\r\n\r\n const checkedAppointment = locationObjects.filter(object => !object.checkedAppointment).length === 0;\r\n const checkedStatus = locationObjects.filter(object => !object.checkedStatus).length === 0;\r\n const apptAndStatusAreChecked = locationObjects.length && (checkedAppointment && checkedStatus);\r\n setAllAreChecked(checked && apptAndStatusAreChecked)\r\n if (allAreChecked) {\r\n dispatch(assignOrdersToLoadAndUpdateNewLoad(resource, assignedOrders, allAvailableOrders, false, locationObjects))\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [locationObjects, allAreChecked]);\r\n\r\n const handleOnChange = (e, status, selectedLocation) => {\r\n const clicked = `${e.target.value}_${status}_${selectedLocation}`;\r\n if (checkedAppointments.includes(clicked)) {\r\n const index = checkedAppointments.indexOf(clicked);\r\n checkedAppointments.splice(index, 1);\r\n setCheckedAppointments([...checkedAppointments]);\r\n } else {\r\n const test = checkedAppointments.filter(item => !item.includes(selectedLocation));\r\n setCheckedAppointments([...test, `${e.target.value}_${status}_${selectedLocation}`]);\r\n }\r\n\r\n locationObjects.forEach(object => {\r\n if (object?.[location] === selectedLocation) {\r\n object.checkedAppointment = e.target.value;\r\n object.checkedStatus = status;\r\n }\r\n });\r\n };\r\n\r\n const removeDuplicates = location => {\r\n const objectsList = [];\r\n for (let i = 0; i < location?.appointments?.length; i++) {\r\n const object = {\r\n appointment: location?.appointments[i],\r\n status: location?.status[i],\r\n };\r\n objectsList.push(object);\r\n }\r\n // return Unique by all properties in array\r\n const arrUniq = [...new Map(objectsList.map(v => [JSON.stringify(v), v])).values()];\r\n return arrUniq;\r\n };\r\n\r\n const locationObjectsOnlyChecked = locationObjects.filter(obj => obj.checkedAppointment !== undefined);\r\n const finalListOfLocationObjects = locationObjects;\r\n\r\n return (\r\n Lumper Amount
\r\n {selectedAssignedOrders.length &&\r\n !areOrdersFromDifferentLoads &&\r\n !thereIsOrderWithOutDropIn &&\r\n !areOrderWithDiffDelIndates &&\r\n !areOrderWithDiffDelLocations ?\r\n For Lumper adding, please choose an order
}\r\n {thereIsOrderWithOutDropIn && The order/orders should have delivery in date
}\r\n {areOrdersFromDifferentLoads && You can't add Lumper for orders with different loads
}\r\n {!thereIsOrderWithOutDropIn && areOrderWithDiffDelLocations ? You can't add Lumper for orders with different delivery locations
: ''}\r\n {!thereIsOrderWithOutDropIn && areOrderWithDiffDelIndates && !areOrderWithDiffDelLocations? You can't add Lumper for orders with different delivery dates
: ''}\r\n {isNegative ? You can't add negative value
: ''}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n X\r\n
\r\n \r\n
\r\n Attention:
\r\n {`The orders have different ${resource === 'load' ? 'pick' : 'drop'} appointments`}
\r\n Please choose the correct one
\r\n {finalListOfLocationObjects.length &&\r\n // eslint-disable-next-line array-callback-return\r\n finalListOfLocationObjects.map((locationObj, i) => {\r\n if (!locationObj.appointments.length === 1 || \r\n !locationObj.appointments.every(item => item === locationObj.appointments[0]) ||\r\n !locationObj.status.every(item => item === locationObj.status[0])\r\n ) {\r\n return (\r\n <>\r\n \r\n {locationObj.appointments.length && resource === 'load' ? locationObj?.pickLocation :\r\n locationObj.appointments.length && resource === 'outboundload' ? locationObj?.dropLocation : ''}\r\n
\r\n \r\n {removeDuplicates(locationObj).map((appointmentObject, i) => {\r\n return (\r\n handleOnChange(e, appointmentObject.status, locationObj[location])}>\r\n {moment.utc(appointmentObject.appointment).local().format(Defines.Format.PrintDateTime)}\r\n \r\n );\r\n })}\r\n
\r\n \r\n );\r\n }\r\n })}\r\n \r\n \r\n SAVE\r\n \r\n
\r\n \r\n CANCEL\r\n
\r\n \r\n
\r\n Space Count
\r\n \r\n 31 ? '' : null}>{totalSpace?.toLocaleString()} \r\n
\r\n \r\n
\r\n Pallet Count
\r\n \r\n 31 ? '' : null}>{totalPallet} \r\n
\r\n \r\n
\r\n Total Weight
\r\n \r\n 30000 ? '' : null}>{totalWeight?.toLocaleString()} \r\n
\r\n \r\n
\r\n \r\n null}\r\n onChange={option => handleChangePick(option)}\r\n styles={styles}\r\n components={{\r\n IndicatorSeparator: () => null\r\n }}\r\n />\r\n
\r\n FILTER
\r\n \r\n null}\r\n onChange={option => handleChangeDrop(option)}\r\n styles={styles}\r\n components={{\r\n IndicatorSeparator: () => null\r\n }}\r\n />\r\n
\r\n \r\n null}\r\n onChange={option => handleChangeDelNumber(option)}\r\n styles={stylesDel}\r\n components={{\r\n IndicatorSeparator: () => null\r\n }}\r\n />\r\n
\r\n {resource === 'outboundload' && \r\n null}\r\n onChange={option => handleChangeApptStatus(option)}\r\n styles={stylesDel}\r\n components={{\r\n IndicatorSeparator: () => null\r\n }}\r\n />\r\n
}\r\n \r\n null}\r\n onChange={option => handleChangeApptStatus(option)}\r\n styles={stylesDel}\r\n components={{\r\n IndicatorSeparator: () => null\r\n }}\r\n />\r\n
\r\n \r\n handleCheckboxSelected()} />\r\n {!checkboxSelected ? <>\r\n setSearchInput(e.target.value.toLowerCase())}\r\n placeholder=\"PO#\"\r\n type=\"text\"\r\n /> \r\n : null}\r\n {checkboxSelected ? <>\r\n setFilterInput(e.target.value.toLowerCase())}\r\n placeholder=\"PO#\"\r\n type=\"text\"\r\n /> \r\n : null}\r\n
\r\n Search
\r\n Filter
\r\n \r\n
\r\n \r\n X\r\n
\r\n \r\n
\r\n Attention:
\r\n {`The orders have different ${resource === 'load' ? 'pick' : 'drop'} appointments`}
\r\n Please choose the correct one
\r\n {finalListOfLocationObjects.length &&\r\n // eslint-disable-next-line array-callback-return\r\n finalListOfLocationObjects.map((locationObj, i) => {\r\n if (!locationObj.appointments.length === 1 || \r\n !locationObj.appointments.every(item => item === locationObj.appointments[0]) ||\r\n !locationObj.status.every(item => item === locationObj.status[0])\r\n ) {\r\n return (\r\n <>\r\n \r\n {locationObj.appointments.length && resource === 'load' ? locationObj?.pickLocation :\r\n locationObj.appointments.length && resource === 'outboundload' ? locationObj?.dropLocation : ''}\r\n
\r\n \r\n {removeDuplicates(locationObj).map((appointmentObject, i) => {\r\n return (\r\n handleOnChange(e, appointmentObject.status, locationObj[location])}>\r\n {moment.utc(appointmentObject.appointment).local().format(Defines.Format.PrintDateTime)}\r\n \r\n );\r\n })}\r\n
\r\n \r\n );\r\n }\r\n })}\r\n \r\n \r\n dispatch(assignOrdersToLoadAndUpdate(resource, draggableLoad, assignedOrders, allAvailableOrders, false, locationObjects))\r\n }>\r\n SAVE\r\n \r\n
\r\n \r\n CANCEL\r\n
\r\n \r\n
, [resource]);\r\n \r\n const width = location.pathname.split('/')[1] === 'booking' ? \r\n getContentWidth(state[resource].headers, 'booking') + 32 :\r\n getContentWidth(state[resource].headers.filter(header => header.hideForLoadPlanning !== true)) - 10;\r\n\r\n const history = useHistory();\r\n\r\n useEffect(() => {\r\n filterInOutOrders(resource, 'default');\r\n history.listen(() => {\r\n filterInOutOrders(resource, 'default');\r\n });\r\n return () => {\r\n filterInOutOrders(resource, 'default');\r\n };\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [resource, history]);\r\n\r\n const stateLoadsAssignedOrders = state[resource].loadsAssignedOrders;\r\n const stateFilterOptions = state[resource].filterOptions;\r\n\r\n let filteredData = stateLoadsAssignedOrders;\r\n if (JSON.stringify(stateFilterOptions) === JSON.stringify(defaultFilterOptions)) {\r\n filteredData = stateLoadsAssignedOrders;\r\n } else {\r\n const filterFunction = (item) => {\r\n // filter orders\r\n const pickQuery = stateFilterOptions['pick'] !== 'All' ?\r\n item?.rowState?.orderData?.pickLocation === stateFilterOptions['pick'] : true;\r\n\r\n const dropQuery = stateFilterOptions['drop'] !== 'All' ?\r\n item?.rowState?.orderData?.dropLocation === stateFilterOptions['drop'] : true;\r\n\r\n let delQuery;\r\n if (resource === 'load') {\r\n delQuery = stateFilterOptions['del'] !== 'All' ?\r\n item?.rowState?.orderData?.inDeliverNummber === stateFilterOptions['del'] : true;\r\n } else {\r\n delQuery = stateFilterOptions['del'] !== 'All' ?\r\n item?.rowState?.orderData?.outDeliverNummber === stateFilterOptions['del'] : true;\r\n }\r\n\r\n let apptsQuery;\r\n if (resource === 'load') {\r\n apptsQuery = stateFilterOptions['apptStatus'] !== 'All' ?\r\n +item?.rowState?.orderData?.inboundAppointmentStatus === stateFilterOptions['apptStatus'] && \r\n !!item?.rowState?.orderData?.inboundPickAppointment : true;\r\n } else {\r\n apptsQuery = stateFilterOptions['apptStatus'] !== 'All' ?\r\n +item?.rowState?.orderData?.outboundAppointmentStatus === stateFilterOptions['apptStatus'] &&\r\n !!item?.rowState?.orderData?.outboundDropAppointment : true;\r\n }\r\n\r\n const stateNameQuery = stateFilterOptions['stateName'] !== 'All' ?\r\n item?.rowState?.orderData?.dropStateName === stateFilterOptions['stateName'] : true;\r\n\r\n // filter loads\r\n let filteredOrders = filteredData;\r\n if (stateFilterOptions['pick'] !== 'All') {\r\n filteredOrders = filteredOrders.length ?\r\n filteredOrders.filter(item => item?.rowState?.orderData?.pickLocation === stateFilterOptions['pick']) :\r\n filteredOrders = []\r\n }\r\n\r\n if (stateFilterOptions['drop'] !== 'All') {\r\n filteredOrders = filteredOrders.length ?\r\n filteredOrders.filter(item => item?.rowState?.orderData?.dropLocation === stateFilterOptions['drop']) :\r\n filteredOrders = []\r\n }\r\n\r\n if (stateFilterOptions['stateName'] !== 'All') {\r\n filteredOrders = filteredOrders.length ?\r\n filteredOrders.filter(item => item?.rowState?.orderData?.dropStateName === stateFilterOptions['stateName']) :\r\n filteredOrders = []\r\n }\r\n\r\n if (resource === 'load' && stateFilterOptions['del'] !== 'All') {\r\n filteredOrders = filteredOrders.length ?\r\n filteredOrders.filter(item => item?.rowState?.orderData?.inDeliverNummber === stateFilterOptions['del']) :\r\n filteredOrders = []\r\n } else if (resource === 'outboundload' && stateFilterOptions['del'] !== 'All') {\r\n filteredOrders = filteredOrders.length ?\r\n filteredOrders.filter(item => item?.rowState?.orderData?.outDeliverNummber === stateFilterOptions['del']) :\r\n filteredOrders = []\r\n }\r\n\r\n if (resource === 'load' && stateFilterOptions['apptStatus'] !== 'All') {\r\n filteredOrders = filteredOrders.length ?\r\n filteredOrders.filter(item => +item?.rowState?.orderData?.inboundAppointmentStatus === stateFilterOptions['apptStatus']\r\n && item?.rowState?.orderData?.inboundPickAppointment)\r\n : filteredOrders = []\r\n } else if (resource === 'outboundload' && stateFilterOptions['apptStatus'] !== 'All') {\r\n filteredOrders = filteredOrders.length ?\r\n filteredOrders.filter(item => +item?.rowState?.orderData?.outboundAppointmentStatus === stateFilterOptions['apptStatus']\r\n && item?.rowState?.orderData?.outboundDropAppointment)\r\n : filteredOrders = []\r\n }\r\n\r\n const orderQuery = pickQuery && dropQuery && apptsQuery && delQuery && stateNameQuery;\r\n const onlyOrdersLoadIds = filteredOrders?.map(order => order.rowState.loadData.id);\r\n const loadQuery = item?.ordersData?.length && onlyOrdersLoadIds.includes(item.rowState.loadData.id);\r\n\r\n return loadQuery || orderQuery;\r\n };\r\n\r\n filteredData = filteredData?.filter(filterFunction);\r\n\r\n setTimeout(() => {\r\n if (listHeaderReference && listHeaderReference?.current && listHeaderReference?.current?.scrollLeft) {\r\n listFirstReference.current.scrollLeft = listHeaderReference?.current?.scrollLeft\r\n }\r\n }, 100)\r\n };\r\n\r\n const handleSelectChange = (option, filterType) => {\r\n filterInOutOrders(resource, filterType, option);\r\n };\r\n\r\n const displayLoadsAssignedOrders = useMemo(() =>\r\n !filteredData || filteredData === 0\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n ? [createSeparator(defRowHeight, state[resource].headers, 'load', 0)] : filteredData, [stateLoadsAssignedOrders, stateFilterOptions]);\r\n const displayRegionsAvailableOrders =\r\n !state[resource].regionsAvailableOrders || state[resource].regionsAvailableOrders.length === 0\r\n ? [createSeparator(defRowHeight, state[resource].headers, 'region', 0)] : state[resource].regionsAvailableOrders;\r\n \r\n const loadNumber = resource === 'load' ? 'inboundLoadNumber' : 'outboundLoadNumber';\r\n\r\n const loadsAssignedOrders = useMemo(() => displayLoadsAssignedOrders\r\n .filter(order => order.rowState.visible)\r\n .filter(order => (order?.ordersData?.filter(order => \r\n order.rowState?.orderData?.[loadNumber]?.toLowerCase().includes(filterInput) ||\r\n order.rowState?.orderData?.poNumber?.toLowerCase().includes(filterInput) ||\r\n order.rowState?.orderData?.soNumber?.toLowerCase().includes(filterInput)).length > 0) ||\r\n (order.ordersData?.length === 0 && !filterInput) ||\r\n (order.ordersData?.length === 0 && order.rowState?.loadData?.loadNumber?.toLowerCase().includes(filterInput)) ||\r\n order.rowState?.orderData?.[loadNumber]?.toLowerCase().includes(filterInput) ||\r\n order.rowState?.orderData?.poNumber?.toLowerCase().includes(filterInput) ||\r\n order.rowState?.orderData?.soNumber?.toLowerCase().includes(filterInput))\r\n ,[displayLoadsAssignedOrders, loadNumber, filterInput]\r\n );\r\n\r\n const regionsAvailableOrders = useMemo(() => displayRegionsAvailableOrders\r\n .filter(order => order.rowState.visible)\r\n .filter(order => (order?.ordersData?.filter(order => \r\n order.rowState?.orderData?.[loadNumber]?.toLowerCase().includes(filterInput) ||\r\n order.rowState?.orderData?.poNumber?.toLowerCase().includes(filterInput) ||\r\n order.rowState?.orderData?.soNumber?.toLowerCase().includes(filterInput)).length > 0) ||\r\n (order.ordersData?.length === 0 && !filterInput) ||\r\n (order.ordersData?.length === 0 && order.rowState?.loadData?.loadNumber?.toLowerCase().includes(filterInput)) ||\r\n order.rowState?.orderData?.[loadNumber]?.toLowerCase().includes(filterInput) ||\r\n order.rowState?.orderData?.poNumber?.toLowerCase().includes(filterInput) ||\r\n order.rowState?.orderData?.soNumber?.toLowerCase().includes(filterInput))\r\n ,[displayRegionsAvailableOrders, loadNumber, filterInput]\r\n );\r\n\r\n useEffect(() => {\r\n if (listHeaderReference && listHeaderReference?.current && listHeaderReference?.current?.scrollLeft) {\r\n listFirstReference.current.scrollLeft = listHeaderReference?.current?.scrollLeft\r\n }\r\n if (listHeaderReference && listHeaderReference?.current && listHeaderReference?.current?.scrollLeft) {\r\n listSecondReference.current.scrollLeft = listHeaderReference?.current?.scrollLeft\r\n }\r\n }, [filterInput]);\r\n\r\n useEffect(() => {\r\n if (listHeaderReference && listHeaderReference?.current && listHeaderReference?.current?.scrollLeft &&\r\n loadsAssignedOrders?.length < 3) {\r\n listHeaderReference.current.scrollLeft = listFirstReference.current.scrollLeft;\r\n mainScroll.current.scrollLeft = 0\r\n }\r\n }, [loadsAssignedOrders]);\r\n\r\n const getAsignedItemSize = useCallback(\r\n index => loadsAssignedOrders[index] ? loadsAssignedOrders[index].rowState.height : defRowHeight,\r\n [loadsAssignedOrders]);\r\n\r\n const getAvailableItemSize = useCallback(\r\n index => regionsAvailableOrders[index] ? regionsAvailableOrders[index].rowState.height : defRowHeight,\r\n [regionsAvailableOrders]);\r\n\r\n useEffect(() => {\r\n // assigned\r\n const selectedOrderAssigned = displayLoadsAssignedOrders.filter(order =>\r\n order.rowState?.orderData?.poNumber?.toLowerCase().includes(searchInput) &&\r\n searchInput !== ''\r\n );\r\n const selectedOrderAssignedIndex = displayLoadsAssignedOrders.map((order, index) => {\r\n if (order.rowState?.orderData?.poNumber?.toLowerCase().includes(searchInput) && searchInput !== '') {\r\n return index\r\n }\r\n }).filter(item => item !== undefined)[0];\r\n\r\n // available\r\n const selectedOrderAvailable = displayRegionsAvailableOrders.filter(order =>\r\n order.rowState?.orderData?.poNumber?.toLowerCase().includes(searchInput) &&\r\n searchInput !== ''\r\n );\r\n const selectedOrderAvailableIndex = displayRegionsAvailableOrders.map((order, index) => {\r\n if (order.rowState?.orderData?.poNumber?.toLowerCase().includes(searchInput) && searchInput !== '') {\r\n return index\r\n }\r\n }).filter(item => item !== undefined)[0];\r\n\r\n if (selectedOrderAssigned.length) {\r\n setSelectedOrder(selectedOrderAssigned) \r\n if (assignedRef?.current?.scrollToItem) {\r\n const loadsList = displayLoadsAssignedOrders.filter(order => order.rowState.type === 'load');\r\n const selectedOrderId = selectedOrderAssigned[0].rowState.orderObjectId;\r\n let selectedLoadIndex = 0;\r\n for (let i = 0; i < loadsList.length; i++) {\r\n for (let j = 0; j < loadsList[i].ordersData.length; j++) {\r\n if (loadsList[i].ordersData[j].rowState.orderObjectId === selectedOrderId) {\r\n selectedLoadIndex = i;\r\n }\r\n }\r\n }\r\n const finalIndex = Math.round(selectedOrderAssignedIndex && selectedOrderAssignedIndex + selectedLoadIndex );\r\n selectedOrderAssignedIndex && assignedRef.current.scrollToItem(finalIndex)\r\n };\r\n } else if (selectedOrderAvailable.length) {\r\n setSelectedOrder(selectedOrderAvailable) \r\n if (availableRef?.current?.scrollToItem) {\r\n const regionsList = displayRegionsAvailableOrders.filter(order => order.rowState.type === 'region');\r\n const selectedOrderId = selectedOrderAvailable[0].rowState.orderObjectId;\r\n let selectedRegionIndex = 0;\r\n for (let i = 0; i < regionsList.length; i++) {\r\n for (let j = 0; j < regionsList[i].ordersData.length; j++) {\r\n if (regionsList[i].ordersData[j].rowState.orderObjectId === selectedOrderId) {\r\n selectedRegionIndex = i;\r\n }\r\n }\r\n }\r\n const finalIndex = Math.round(selectedOrderAvailableIndex && selectedOrderAvailableIndex + selectedRegionIndex );\r\n selectedOrderAvailableIndex && availableRef.current.scrollToItem(finalIndex)\r\n };\r\n } else {\r\n setSelectedOrder('')\r\n // availableRef?.current && availableRef.current.scrollToItem && availableRef.current.scrollToItem(0);\r\n // assignedRef?.current && assignedRef.current.scrollToItem && assignedRef.current.scrollToItem(0)\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [assignedRef, availableRef, searchInput]);\r\n\r\n const RenderAssignedRow = useCallback(({ data, index, style }) => (\r\n (index !== undefined && data[index])\r\n ? No pending orders
\r\n ), [getAvailableItemSize, resource\r\n ]);\r\n\r\n const SelectableComponent = useMemo(() => createSelectable(Row), []);\r\n\r\n const SelectableAssignedRow = useCallback(({ data, index, style }) => {\r\n return index !== undefined && data[index]\r\n ? No pending orders
\r\n }, [getAvailableItemSize, resource, selectedOrder]);\r\n\r\n const handleMouseMoveSelectionAvailable = (itemData, isSelected) => {\r\n if (itemData.key.rowState.type === 'order') { \r\n isSelected ? \r\n itemData.domNode.style.backgroundColor = 'lightGray' :\r\n itemData.domNode.style.backgroundColor = 'inherit';\r\n }\r\n };\r\n\r\n const handleMouseEndSelectionAvailable = useCallback(selectedItems => {\r\n reactOnAvailableItems(resource, selectedItems.filter(i => i.rowState.type === 'order').map(i => i.rowState.id), 'order');\r\n }, [reactOnAvailableItems, resource]);\r\n\r\n const handleMouseEndSelectionAssigned = useCallback(selectedItems => {\r\n reactOnAssignedItems(resource, selectedItems.filter(i => i.rowState.type === 'order').map(i => i.rowState.id), 'order');\r\n }, [reactOnAssignedItems, resource]);\r\n\r\n const getSelectedOrders = useCallback(result => {\r\n const druggedOrder = result.source.droppableId === 'availableOrders'\r\n ?\r\n regionsAvailableOrders[result.source.index] :\r\n loadsAssignedOrders[result.source.index];\r\n\r\n return [...regionsAvailableOrders.filter(\r\n o => (o.rowState.type === 'order' && o.rowState.reacted) || o.rowState.id === druggedOrder.rowState.id),\r\n ...loadsAssignedOrders.filter(o => (o.rowState.type === 'order' && o.rowState.reacted) || o.rowState.id === druggedOrder.rowState.id)]\r\n .filter(o => !o.rowState.isSub && (!o.rowState.loadId || o.rowState.subId === undefined));\r\n\r\n }, [regionsAvailableOrders, loadsAssignedOrders]);\r\n\r\n const getCloneXPosition = cloneWidth => {\r\n let left = 0;\r\n const cloneHalfeWidth = cloneWidth / 2;\r\n if (onDrugStartMouseX.current) {\r\n left = onDrugStartMouseX.current - cloneHalfeWidth;\r\n }\r\n if (left < 0) {\r\n return 0;\r\n }\r\n return left;\r\n };\r\n\r\n const renderClone = useCallback((provided, snapshot, rubric) => {\r\n const cloneWidth = 400;\r\n provided.draggableProps.style = {\r\n ...provided.draggableProps.style, ...{\r\n backgroundColor: '#FFF',\r\n border: '1px solid #000',\r\n width: cloneWidth,\r\n height: '200px',\r\n color: '#000',\r\n fontSize: '14px',\r\n padding: '10px',\r\n left: getCloneXPosition(cloneWidth)\r\n\r\n }\r\n };\r\n const selectedOrders = getSelectedOrders(rubric);\r\n return (\r\n - \r\n
- \r\n Drop Status: \r\n \r\n
- \r\n Selected Orders Count: {selectedOrders.length}\r\n \r\n
- \r\n Selected Order POs: \r\n {selectedOrders.map(so => so.rowState.orderData.poNumber).join(',')}\r\n \r\n \r\n
\r\n {header}\r\n \r\n
\r\n \r\n \r\n \r\n {swapContainers()}\r\n \r\n \r\n
\r\n onScrollX(e)}>\r\n
\r\n {assignOrdersModalIsOpen && \r\n \r\n
);\r\n\r\n\r\nexport default InboundLoadBuld;","import React from 'react';\r\nimport Spreadsheet from '../../../custom/spreadsheet/spreadsheet';\r\n\r\nconst OutboundLoadBuld = () =>\r\n(\r\n
);\r\n\r\n\r\nexport default OutboundLoadBuld;","import React from 'react';\r\nimport moment from 'moment';\r\nimport { CSVLink } from \"react-csv\";\r\nimport { Select, Tabs, Tooltip, Button } from 'antd';\r\nimport { DownloadOutlined } from '@ant-design/icons';\r\nimport Scroll from \"../../scroll/scroll\";\r\nimport HideShowMenuSwitch from '../../layout/hideShowMenuSwitch';\r\n\r\nconst ManifestToolBar = ({ \r\n selectedWeek,\r\n setSelectedWeek,\r\n setTabsKey,\r\n handleExportWithMethod,\r\n isHiddenSwitch,\r\n columns,\r\n dataManifest\r\n }) => {\r\n\r\n const weekArray = Array.from(Array(moment().weeksInYear()), (_, x) => x);\r\n const weekList = weekArray.map(item => ({ \"value\": `${item + 1}`, \"text\": `${item + 1}` }))\r\n const handleSelectChange = (value) => {\r\n setSelectedWeek(value);\r\n };\r\n\r\n function callback(key) {\r\n setTabsKey(`${key}`)\r\n };\r\n\r\n const CSVHeaders = columns.map(column => ({\r\n label: column.title,\r\n key: column.title,\r\n }));\r\n\r\n let CSVData = [];\r\n for (let j = 0; j < dataManifest?.length; j++) { \r\n CSVData.push({ Cust: dataManifest[j].loadNumber});\r\n for (let i = 0; i < dataManifest[j].orders.length; i++) {\r\n let tempObject = {\r\n Cust: dataManifest[j].orders[i].customerName,\r\n Pick: dataManifest[j].orders[i].pickLocation,\r\n Delivery: dataManifest[j].orders[i].dropLocation,\r\n 'PO#': dataManifest[j].orders[i].poNumber,\r\n 'SO#': dataManifest[j].orders[i].soNumber,\r\n SPA: dataManifest[j].orders[i].space,\r\n PAL: dataManifest[j].orders[i].palletCount,\r\n CASE: dataManifest[j].orders[i].cases,\r\n LBS: dataManifest[j].orders[i].weight,\r\n WK: dataManifest[j].orders[i].pickWeek,\r\n IN: dataManifest[j].orders[i].loadNum,\r\n OUT: dataManifest[j].orders[i].outRefNum,\r\n }\r\n CSVData.push(tempObject);\r\n };\r\n CSVData.push({\r\n SPA: dataManifest[j].orders?.map(item => item.space).reduce((a, b) => a + b, 0), \r\n CASE: dataManifest[j].orders?.map(item => item.cases).reduce((a, b) => a + b, 0), \r\n });\r\n };\r\n\r\n return (\r\n
\r\n {dataManifest?.length ?\r\n {text}
\r\n };\r\n }\r\n },\r\n {\r\n title: 'PAL',\r\n dataIndex: 'palletCount',\r\n key: 'palletCount',\r\n width: 100,\r\n ellipsis: {\r\n showTitle: false,\r\n },\r\n id: 7,\r\n },\r\n {\r\n title: 'CASE',\r\n dataIndex: 'cases',\r\n key: 'cases',\r\n ellipsis: {\r\n showTitle: false,\r\n },\r\n width: 100,\r\n id: 8,\r\n },\r\n {\r\n title: 'LBS',\r\n dataIndex: 'weight',\r\n key: 'weight',\r\n ellipsis: {\r\n showTitle: false,\r\n },\r\n width: 100,\r\n id: 9,\r\n },\r\n {\r\n title: 'WK',\r\n dataIndex: 'pickWeek',\r\n key: 'pickWeek',\r\n ellipsis: {\r\n showTitle: false,\r\n },\r\n width: 100,\r\n id: 10,\r\n },\r\n {\r\n title: 'IN',\r\n dataIndex: 'loadNum',\r\n key: 'loadNum',\r\n width: 100,\r\n id: 11,\r\n },\r\n {\r\n title: 'OUT',\r\n dataIndex: 'outRefNum',\r\n key: 'outRefNum',\r\n id: 12,\r\n width: 100,\r\n },\r\n\r\n ];\r\n\r\n const handleExportWithMethod = () => {\r\n savePDF(contentArea.current, { paperSize: 'auto', fileName: 'Manifest' });\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n {dataManifest?.length ?\r\n \r\n {columns.map((item, index) => (
:\r\n
\r\n | {item.title} | ))}\r\n {dataManifest?.map((item, index) => (\r\n \r\n|||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| {item.loadNumber} | \r\n{item.loadArchiveDate ? 'Deleted' : ''} | \r\n\r\n | \r\n | \r\n | \r\n | \r\n | \r\n | \r\n | \r\n | \r\n | \r\n |
| {item1.customerName} | \r\n{item1.pickLocation} | \r\n{item1.dropLocation} | \r\n{item1.poNumber} | \r\n{item1.soNumber} | \r\n{item1.space} | \r\n{item1.palletCount} | \r\n{item1.cases} | \r\n{item1.weight} | \r\n{item1.pickWeek} | \r\n{item1.loadNum} | \r\n{item1.outRefNum} | \r\n
| \r\n | \r\n | \r\n | \r\n | \r\n | {item.orders.map(item => item.space).reduce((a, b) => a + b, 0)} | \r\n\r\n | {item.orders.map(item => item.cases).reduce((a, b) => a + b, 0)} | \r\n\r\n | \r\n | \r\n | \r\n |
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default WarningModal;","import React, { useState, useRef, useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport moment from 'moment';\r\nimport { DatePicker, InputNumber, Select, Tooltip } from 'antd';\r\nimport { CaretDownFilled } from '@ant-design/icons';\r\nimport { enabled } from 'store/dist/store.legacy';\r\nimport { Defines } from '../../../../project/Defines';\r\nimport { setItemData, setItemDisplayState, updateLoadStatus, setLoadNeedId } from '../../../../store/actions/trafficControl/trafficControl';\r\nimport { setItemDataUpcoming } from '../../../../store/actions/trafficControlUpcoming/trafficControlUpcoming';\r\nimport WarningModal from './warningModal'; \r\n\r\nconst Cell = ({\r\n state,\r\n cellData,\r\n itemSize,\r\n rowState,\r\n resource,\r\n startOnScroll,\r\n setItemData,\r\n setItemDataUpcoming,\r\n setItemDisplayState,\r\n updateLoadStatus,\r\n setLoadNeedId,\r\n doneTrafficList,\r\n currentAndNextTraffic,\r\n}) => {\r\n const traffic = state[resource];\r\n const redonly = 1;\r\n const editable = 2;\r\n const header = traffic.headers.find(h => h.key === cellData.key);\r\n // const headerIndex = traffic.headers.findIndex(h => h.key === cellData.key);\r\n\r\n const selectDoorsNameOptions = [ \r\n { name: 'DOOR 1', id: 1 },\r\n { name: 'DOOR 2', id: 2 },\r\n { name: 'DOOR 3', id: 3 },\r\n { name: 'DOOR 4', id: 4 },\r\n { name: 'DOOR 5', id: 5 }\r\n ];\r\n const selectDoorsOptions = { 1: 'DOOR 1', 2: 'DOOR 2', 3: 'DOOR 3', 4: 'DOOR 4', 5: 'DOOR 5' };\r\n \r\n const selectVerifiedNameOptions = [\r\n { name: '-', id: 1 },\r\n { name: 'YES', id: 2 },\r\n { name: 'NO', id: 3 },\r\n ];\r\n const selectVerifiedOptions = { 1: '-', 2: 'YES', 3: 'NO' };\r\n \r\n const statusListSmallOptions = { 6: 'REOPEN', 7: 'REOPEN', 5: 'CURRENTLY IN DOOR' };\r\n const statusListSmallNameOptions = [\r\n { name: 'REOPEN', id: 7 },\r\n { name: 'CURRENTLY IN DOOR', id: 5 },\r\n ];\r\n\r\n const statusTextList = {\r\n 'NEXT_UP': 'NEXT UP',\r\n 'CURRENTLY_IN_DOOR': 'CURRENTLY IN DOOR',\r\n 'DONE': 'DONE',\r\n 'REOPEN': 'REOPEN',\r\n // 'COMPLETED': 'COMPLETED',\r\n 'SEND_DONE': 'SEND DONE',\r\n };\r\n\r\n const width = header.width;\r\n// const offsetWidth = traffic.headers.reduce((r, h, index) => {\r\n// if (h.visible && index < (headerIndex - 3)) {\r\n// r += h.width;\r\n// }\r\n// return r;\r\n// }, 0);\r\n\r\nconst lastSelectId = traffic.lastSelected?.id;\r\nconst lastSelectHeaderKey = traffic.lastSelected?.headerKey;\r\nconst lastSelectenable = traffic.lastSelected?.enable;\r\nconst rowStateId = rowState.loadId;\r\nconst headerKey = header.key;\r\nconst [displayState, setDisplayState] = useState(redonly);\r\nconst [tempData, setTempData] = useState(null);\r\nconst [tempDataPriority, setTempDataPriority] = useState(null);\r\nconst [tempDataDelayed, setTempDataDelayed] = useState(null);\r\nconst [warningModalIsOpen, setWarningModalIsOpen] = useState(null);\r\n\r\nuseEffect(() => {\r\n if (lastSelectId === rowStateId && lastSelectHeaderKey === headerKey && lastSelectenable) {\r\n setDisplayState(enabled);\r\n }\r\n}, [lastSelectId, lastSelectHeaderKey, lastSelectenable, rowStateId, headerKey]);\r\n\r\nuseEffect(() => {\r\n if (cellData.key === 'status' && resource === 'trafficUpcoming') {\r\n setDisplayState(editable);\r\n } \r\n}, [cellData.key, resource]);\r\n\r\nuseEffect(() => {\r\n if (cellData.key === 'status' && resource === 'traffic' && (cellData.statusValue !== 6 || cellData.statusValue !== 7)) {\r\n setDisplayState(editable);\r\n } \r\n}, [cellData.key, cellData.statusValue, resource]);\r\n\r\nconst cellStyle = cellData.cellStyle;\r\nlet data = (cellData.valueText && cellData.fieldType === 'text') ? cellData.valueText : cellData.value;\r\n useEffect(() => {\r\n setTempData(data);\r\n setTempDataPriority(cellData.priorityValue);\r\n setTempDataDelayed(cellData.delayedValue);\r\n }, [data, cellData.priorityValue, cellData.delayedValue, rowState.loadStatus]);\r\n\r\n const inputReference = useRef(null);\r\n\r\n const dataCompare = (newData, data) => {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n case 'dateTime':\r\n if (newData instanceof Date && data instanceof Date) {\r\n return newData.getTime() === data.getTime();\r\n }\r\n return newData === data;\r\n default:\r\n return newData === data;\r\n }\r\n };\r\n\r\n const setData = (value, subType) => {\r\n onSetBlur();\r\n let newValue = value;\r\n if (value !== '') {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n newValue = new Date(value);\r\n break;\r\n case 'dateTime':\r\n newValue = new Date(value);\r\n break;\r\n case 'text':\r\n newValue = value;\r\n break;\r\n case 'textInput':\r\n newValue = value;\r\n break;\r\n case 'select':\r\n newValue = value;\r\n break;\r\n case 'checkbox':\r\n newValue = value;\r\n break;\r\n default:\r\n newValue = value;\r\n break;\r\n }\r\n }\r\n const valueForCompare = subType === 'priority' ? cellData.priorityValue : subType === 'delayed' ? cellData.delayedValue : tempData;\r\n if (!dataCompare(newValue, valueForCompare)) {\r\n setTimeout(() => {\r\n if (resource === 'traffic') {\r\n setItemData(resource, newValue, rowState, header, subType);\r\n }\r\n if (resource === 'trafficUpcoming') {\r\n setItemDataUpcoming(resource, newValue, rowState, header, subType);\r\n }\r\n }, 100);\r\n setTimeout(() => {\r\n setTempData(newValue);\r\n }, 100);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (inputReference && inputReference.current) {\r\n inputReference.current.focus();\r\n }\r\n }, [displayState]);\r\n\r\n const updateStatus = value => {\r\n let loadStatus = rowState.loadStatus;\r\n let dontSend = null;\r\n if (cellData.key === 'status') {\r\n dontSend = true;\r\n } else if (cellData.key === 'status2' && loadStatus === 1) {\r\n loadStatus = 5; // CURRENTLY IN DONE\r\n } else if (cellData.key === 'status2' && loadStatus === 5) {\r\n loadStatus = 6; // SEND DONE\r\n } else if (cellData.key === 'status2' && loadStatus === 6 && value === 5) {\r\n loadStatus = 5; // CURRENTLY IN DOOR\r\n } else if (cellData.key === 'status2' && loadStatus === 6) {\r\n loadStatus = 7; // REOPEN\r\n } else if (cellData.key === 'status2' && loadStatus === 7) {\r\n loadStatus = 6; // DONE\r\n } else if (cellData.key === 'status3' && loadStatus === 6) {\r\n loadStatus = 8; // COMPLETED FOR DONE\r\n } else if (cellData.key === 'status3' && loadStatus === 7) {\r\n dontSend = true; // COMPLETED FOR REOPEN\r\n } else if (cellData.key === 'status3' && loadStatus === 5) {\r\n loadStatus = 1; // NEXT_UP\r\n };\r\n \r\n if (!dontSend) updateLoadStatus(resource, loadStatus, rowState, header, rowStateId);\r\n };\r\n\r\n useEffect(() => {\r\n return () => {\r\n setLoadNeedId(resource, '');\r\n };\r\n }, [setLoadNeedId, resource]);\r\n\r\n const handleOnclickInLoadNeeds = (elem) => {\r\n const isLoadInDone = doneTrafficList?.filter(load => load?.rowState?.loadId === elem.inId).length > 0;\r\n const isLoadInCurrentAndNext = currentAndNextTraffic?.filter(load => load?.rowState?.loadId === elem.inId).length > 0;\r\n\r\n if (isLoadInDone || isLoadInCurrentAndNext) {\r\n setLoadNeedId(resource, elem.inId);\r\n } else {\r\n setWarningModalIsOpen(true);\r\n }\r\n };\r\n\r\n const getData = () => {\r\n if (tempData !== '' && tempData !== null) {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n let localTime\r\n if (cellData.key === 'day' || cellData.key === 'whDay') {\r\n localTime = moment.utc(tempData).toDate();\r\n localTime = moment(localTime).format('MM/DD');\r\n }\r\n if (cellData.key === 'time' || cellData.key === 'in' || cellData.key === 'out' || cellData.key === 'whTime' || cellData.key === 'checkOut' || cellData.key === 'checkIn') {\r\n localTime = moment.utc(tempData).toDate();\r\n localTime = moment(localTime).format('HH:mm');\r\n }\r\n return localTime;\r\n case 'dateTime':\r\n return tempData ? moment(tempData).format(Defines.Format.PrintDateTime) : '';\r\n case 'text':\r\n if (cellData.key === 'inboundsNeeded') {\r\n if (!tempData.length) {\r\n return The Load isn’t in the current week
\r\n \r\n \r\n
\r\n handleOnclickInLoadNeeds('')} style={{ cursor: \"pointer\"}}>
\r\n } else {\r\n return tempData.map(elem => {\r\n const color = elem.status === 1 ? '#008000' : elem.status === 5 ? '#080E0E' : elem.status === 6 ? '#FF0000' : '';\r\n return handleOnclickInLoadNeeds(elem)} key={elem.inLoadNum} style={{ color: color, cursor: \"pointer\"}}>In{elem.inLoadNum} \r\n });\r\n }\r\n } \r\n if (cellData.key === 'status') {\r\n let className = '';\r\n let style = {};\r\n if (tempData === 'DONE') {\r\n className = 'btnDone';\r\n style = {\r\n ...style,\r\n color: rowState.loadStatus === 6 ? 'black' : 'white',\r\n fontWeight: rowState.loadStatus === 6 ? '600' : '400',\r\n }\r\n };\r\n if (tempData === \"REOPEN\") {\r\n className = 'btnReopen';\r\n style = {\r\n ...style,\r\n backgroundColor: rowState.loadStatus === 7 ? '#FFF8EF' : '#FF0000',\r\n fontWeight: rowState.loadStatus === 7 ? '600' : '400',\r\n color: cellData.color,\r\n }\r\n }\r\n \r\n return cellData.isBold ? {statusTextList[`${tempData}`]} : ;\r\n };\r\n if (cellData.key === 'status2') {\r\n let className = '';\r\n let style = {};\r\n if (tempData === 'CURRENTLY_IN_DOOR') {\r\n style = {\r\n position: 'absolute',\r\n display: 'flex',\r\n padding: '0 16px',\r\n backgroundColor: '#D2D2D2',\r\n borderRadius: '4px',\r\n fontSize: '9px',\r\n color: '#ffffff',\r\n lineHeight: '12px',\r\n top: '4px',\r\n right: '24px',\r\n } \r\n };\r\n if (tempData === 'DONE') {\r\n className = 'btnDone';\r\n style = {\r\n ...style,\r\n color: '#FFF8EF',\r\n backgroundColor: '#29CABA',\r\n }\r\n };\r\n if (tempData === \"REOPEN\") {\r\n className = 'btnReopen';\r\n }\r\n if (tempData === 'SEND_DONE') {\r\n className = 'btnCompleted';\r\n };\r\n return cellData.isBold ? {statusTextList[`${tempData}`]} : ;\r\n };\r\n if (cellData.key === 'status3') {\r\n let className = '';\r\n let style = {};\r\n if (tempData === 'NEXT_UP') {\r\n className = 'btnCompleted';\r\n style = {\r\n ...style,\r\n backgroundColor: '#FF0000',\r\n };\r\n };\r\n if (tempData === 'COMPLETED') {\r\n className = 'btnCompleted';\r\n style = {\r\n ...style,\r\n backgroundColor: cellData.color,\r\n }\r\n };\r\n return cellData.isBold ? {statusTextList[`${tempData}`]} : ;\r\n };\r\n return cellData.isBold ? {tempData} : tempData;\r\n case 'textInput':\r\n function getTextLength(text) {\r\n const canvas = document.createElement('canvas');\r\n const context = canvas.getContext('2d');\r\n return context.measureText(text).width;\r\n }\r\n if (cellData.key === 'trafficNote' && getTextLength(tempData) > 70 ) {\r\n\r\n return \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n if (cellData.key === 'status' && resource === 'traffic') {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n } else {\r\n return <>;\r\n };\r\n case 'select':\r\n if (cellData.key === 'eta') {\r\n return (\r\n onSetFocus()}\r\n onClick={() => { editableFunction(cellData)} }\r\n className='table-body-cell'\r\n style={{ ...cellDefaultStyle, ...cellStyle }}\r\n tabIndex={displayState === redonly ? 0 : -1}>\r\n {dataDisplay()}\r\n
\r\n \r\n);\r\n};\r\nexport default connect(state => ({\r\n state: state\r\n }), dispatch => ({\r\n setItemData: (resource, value, rowState, header, subType) => dispatch(setItemData(resource, value, rowState, header, subType)),\r\n setItemDataUpcoming: (resource, value, rowState, header, subType) => dispatch(setItemDataUpcoming(resource, value, rowState, header, subType)),\r\n updateLoadStatus: (resource, newStatus, rowState, header, loadId) => dispatch(updateLoadStatus(resource, newStatus, rowState, header, loadId)),\r\n setItemDisplayState: (resource, rowState, header, enable) => dispatch(setItemDisplayState(resource, rowState, header, enable)),\r\n setLoadNeedId: (resource, id) => dispatch(setLoadNeedId(resource, id)),\r\n}))(Cell);\r\n","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\n\r\nconst CurrentAndNextContentCell = (\r\n {\r\n state,\r\n cellData,\r\n itemSize,\r\n onClickRow,\r\n resource\r\n }) => {\r\n const traffic = state[resource];\r\n const width = traffic.currentAndNextHeaders.find(h => h.key === cellData.key).width(traffic.headers);\r\n\r\n const dataDisplay = () => {\r\n return {cellData.value};\r\n };\r\n\r\n let cellStyle = {\r\n maxWidth: `${width}px`,\r\n width: `${width}px`,\r\n minWidth: `${width}px`,\r\n height: `${itemSize}px`,\r\n // position: 'sticky',\r\n left: '20px',\r\n backgroundColor: '#65A7A5',\r\n color: '#FFFFFF'\r\n };\r\n\r\n return (\r\n onClickRow()}\r\n className='table-body-cell'\r\n style={cellStyle}>\r\n {dataDisplay()}\r\n
\r\n );\r\n};\r\nexport default connect(state => ({\r\n state: state\r\n}))(CurrentAndNextContentCell);","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\n\r\nconst CurrentAndNextCell = (\r\n {\r\n state,\r\n cellData,\r\n itemSize,\r\n resource\r\n }) => {\r\n const traffic = state[resource];\r\n const width = traffic.currentAndNextHeaders.find(h => h.key === cellData.key).width(traffic.headers);\r\n\r\n let cellStyle = {\r\n maxWidth: `${width}px`,\r\n width: `${width}px`,\r\n minWidth: `${width}px`,\r\n height: `${itemSize}px`,\r\n backgroundColor: '#ffffff'\r\n };\r\n\r\n return (\r\n \r\n {data.row.map(cellContent)}\r\n
\r\n ) : data.rowState.loadStatus === 1 && resource === \"trafficUpcoming\"? (\r\n \r\n {data.row.map(cellContent)}\r\n
\r\n ) : setShowCalendar(true)}>FILTER BY DATE
:\r\n (ind === 0 && resource === 'trafficUpcoming' && trafficSubHeader && showCalendar) ? \r\n \r\n
:\r\n setShowCalendar(false)}>X
\r\n \r\n \r\n \r\n
\r\n \r\n {headers.map((_, ind) => {\r\n return
\r\n );\r\n};\r\n\r\nexport default connect(state => ({\r\n state: state\r\n}))(HeaderRow);","import React, { useState, useMemo, useRef, useEffect, useCallback } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { Link } from 'react-router-dom';\r\nimport { VariableSizeList } from 'react-window';\r\nimport Split from \"react-split-it\";\r\nimport AutoSizer from 'react-virtualized-auto-sizer';\r\nimport { DragDropContext, Droppable } from \"react-beautiful-dnd\";\r\nimport { trafficControl, resetError, reOrderLoadsByDragAndDrop } from '../../../../store/actions/trafficControl/trafficControl';\r\nimport { getContentWidth, getContentWidthSomePartOnly } from '../../../../store/reducers/trafficControl/helper/general';\r\nimport Row from './row';\r\nimport HeaderRow from './headerRow';\r\nimport { SelectableGroup } from '../reactSelectable';\r\nimport { message } from 'antd';\r\nimport Loading from \"../../screen/loading\";\r\nimport { useClientHub } from \"../../../hook/hub/useClientHubTrafficControl\";\r\nimport { useClientHubOrder } from \"../../../hook/hub/useClientHubOrder\";\r\n\r\nconst Spreadsheet = props => {\r\n const scrollSize = 15;\r\n const defRowHeight = 40;\r\n const doneTrafficRef = useRef({});\r\n const currentTrafficRef = useRef({});\r\n const { userId, trafficControl, loading, resource, haseError, resetError, actionMessage, state, reOrderLoadsByDragAndDrop, upcomingUrl } = props;\r\n const overIndex = useRef(null);\r\n const statusList = {\r\n currentlyInDoor: 5,\r\n nextUp: 1,\r\n };\r\n const onDrugStartMouseX = useRef(0);\r\n\r\n const [trafficUpdateFromSocket, setTrafficUpdatedFromSocket] = useState(0);\r\n useClientHub((message) => setTrafficUpdatedFromSocket(trafficUpdateFromSocket + 1), 'notification');\r\n useClientHubOrder((message) => {\r\n if (userId !== message.byId) {\r\n trafficControl(resource, 'withoutLoading');\r\n }\r\n }, 'notification');\r\n\r\n useEffect(() => {\r\n trafficControl(resource);\r\n }, [resource, trafficControl, trafficUpdateFromSocket]);\r\n\r\n useEffect(() => {\r\n if (haseError) {\r\n message.error(actionMessage);\r\n resetError(resource);\r\n }\r\n }, [haseError, actionMessage, resetError, resource]);\r\n\r\n const listFirstReference = useRef(null);\r\n const listSecondReference = useRef(null);\r\n const listHeaderReference = useRef(null);\r\n const listTrafficHeaderReference = useRef(null);\r\n const pallInSummaryReference = useRef(null);\r\n\r\n const mainScroll = useRef(null);\r\n const startOnScroll = width => mainScroll.current.scrollLeft = width;\r\n const onScrollX = e => { \r\n if (listHeaderReference.current && listFirstReference.current && listSecondReference.current && e.target) {\r\n listHeaderReference.current.scrollLeft =\r\n listFirstReference.current.scrollLeft =\r\n listSecondReference.current.scrollLeft =\r\n e.target.scrollLeft;\r\n }\r\n if (listTrafficHeaderReference.current && listFirstReference.current && e.target) {\r\n listTrafficHeaderReference.current.scrollLeft =\r\n listFirstReference.current.scrollLeft =\r\n e.target.scrollLeft;\r\n }\r\n if (pallInSummaryReference.current && listFirstReference.current && e.target) {\r\n pallInSummaryReference.current.scrollLeft =\r\n listFirstReference.current.scrollLeft =\r\n e.target.scrollLeft;\r\n }\r\n };\r\n \r\n if (listHeaderReference && listHeaderReference?.current && listHeaderReference?.current?.scrollLeft) {\r\n listFirstReference.current.scrollLeft = listHeaderReference?.current?.scrollLeft\r\n };\r\n\r\n const headers = state[resource].headers;\r\n const width = getContentWidth(headers) + scrollSize;\r\n const palletSummaryWidthBefore = getContentWidthSomePartOnly(headers, 5);\r\n const palletSummaryWidth = headers[5].width;\r\n\r\n const header = useMemo(() => \r\n
, [resource]);\r\n\r\n const headerTraffic = useMemo(() => \r\n
, [resource]);\r\n \r\n const doneTrafficList = state[resource]?.doneTrafficList;\r\n const currentAndNextTraffic = state[resource]?.currentAndNextTrafficList;\r\n\r\n const palletCountSummary = state[resource].palletCountSummary;\r\n const titleWidth = state[resource].subHeaders.reduce((acc, item) => acc + item.width, 0);\r\n\r\n const getDoneTrafficItemSize = useCallback(\r\n index => doneTrafficList[index] ? doneTrafficList[index].rowState.height : defRowHeight,\r\n [doneTrafficList]);\r\n\r\n const getCurrentAndNextTrafficItemSize = useCallback(\r\n index => currentAndNextTraffic[index] ? currentAndNextTraffic[index].rowState.height : defRowHeight,\r\n [currentAndNextTraffic]);\r\n\r\n const RenderDoneTrafficRow = useCallback(({ data, index, style }) => (\r\n (index !== undefined && data[index])\r\n ? Drop Status:
\r\n \r\n );\r\n }, []);\r\n\r\n const first = useMemo(() => doneTrafficList &&\r\n \r\n \r\n {palletCountSummary}\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n DONE
\r\n UPCOMING\r\n {headerTraffic}
\r\n {header}
\r\n \r\n \r\n \r\n {[first, second]}\r\n \r\n \r\n
\r\n onScrollX(e)}>\r\n
\r\n );\r\n\r\n return <>{loading ? innerWidth ? 'stretch': 'center'}`,\r\n margin: '0 12px',\r\n alignSelf: `${width < innerWidth ? \"center\" : \"normal\"}`,\r\n width: `${width > innerWidth ? `calc(100% - 35px)` : 'auto'}`,\r\n }}>\r\n
\r\n );\r\n}\r\nconst mapStateToProps = state => ({\r\n state: state,\r\n});\r\n\r\nexport default connect(mapStateToProps)(TrafficControlLoadBuld);","import React, { useEffect, useRef, useCallback, useMemo } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { Link } from 'react-router-dom';\r\nimport AutoSizer from 'react-virtualized-auto-sizer';\r\nimport { VariableSizeList } from 'react-window';\r\nimport { message } from 'antd';\r\nimport './index.css'\r\nimport HeaderRow from './headerRow';\r\nimport Row from './row';\r\nimport Loading from \"../../screen/loading\";\r\nimport { trafficControlUpcoming, resetError, } from '../../../../store/actions/trafficControlUpcoming/trafficControlUpcoming';\r\nimport { getContentWidth, getContentWidthSomePartOnly } from '../../../../store/reducers/trafficControl/helper/general';\r\nimport { useClientHubOrder } from \"../../../hook/hub/useClientHubOrder\";\r\n\r\nconst SpreadsheetUpcoming = props => {\r\n const { userId, trafficControlUpcoming, loading, resource, haseError, resetError, actionMessage, state, trafficUrl } = props;\r\n const defRowHeight = 40;\r\n const scrollSize = 0;\r\n const upcomingTrafficRef = useRef(null);\r\n const listReference = useRef(null);\r\n const pallInSummaryReference = useRef(null);\r\n const listHeaderReference = useRef(null);\r\n const listTrafficHeaderReference = useRef(null);\r\n const mainScroll = useRef(null);\r\n const startOnScroll = width => mainScroll.current.scrollLeft = width;\r\n\r\n const onScrollX = e => {\r\n if (listHeaderReference.current && listReference.current && e.target) {\r\n listHeaderReference.current.scrollLeft =\r\n listReference.current.scrollLeft =\r\n e.target.scrollLeft;\r\n }\r\n if (listTrafficHeaderReference.current && listReference.current && e.target) {\r\n listTrafficHeaderReference.current.scrollLeft =\r\n listReference.current.scrollLeft =\r\n e.target.scrollLeft;\r\n }\r\n if (pallInSummaryReference.current && listReference.current && e.target) {\r\n pallInSummaryReference.current.scrollLeft =\r\n listReference.current.scrollLeft =\r\n e.target.scrollLeft;\r\n }\r\n }\r\n\r\n useClientHubOrder((message) => {\r\n if (userId !== message.byId) {\r\n trafficControlUpcoming(resource, 'withoutLoading')\r\n }\r\n }, 'notification');\r\n\r\n useEffect(() => {\r\n trafficControlUpcoming(resource);\r\n }, [resource, trafficControlUpcoming]);\r\n\r\n useEffect(() => {\r\n if (haseError) {\r\n message.error(actionMessage);\r\n resetError(resource);\r\n }\r\n }, [haseError, actionMessage, resetError, resource]);\r\n\r\n const upcomingTrafficList = state[resource]?.filteredUpcomingTrafficList ? state[resource]?.filteredUpcomingTrafficList : state[resource]?.upcomingTrafficList;\r\n\r\n const headers = state[resource].headers;\r\n const width = getContentWidth(headers) + scrollSize;\r\n const palletSummaryWidthBefore = getContentWidthSomePartOnly(headers, 5);\r\n const palletSummaryWidth = headers[5].width;\r\n\r\n const header = useMemo(() => \r\n
, [resource]);\r\n\r\n const subHeader = useMemo(() => \r\n
, [resource]);\r\n\r\n const getUpcomingTrafficItemSize = useCallback(\r\n index => upcomingTrafficList?.[index] ? upcomingTrafficList[index].rowState.height : defRowHeight,\r\n [upcomingTrafficList]);\r\n\r\n const RenderUpcomingTrafficRow = useCallback(({ data, index, style }) => (\r\n (index !== undefined && data[index])\r\n ? \r\n \r\n {getPallInSummary}\r\n \r\n
\r\n )}\r\n \r\n
\r\n UPCOMING
\r\n DONE\r\n {subHeader}
\r\n {header}
\r\n {allUpcomingTrafficList}
\r\n onScrollX(e)}>\r\n
\r\n );\r\n\r\n return <>{loading ? innerWidth ? `calc(100% - 35px)` : 'auto'}`,\r\n }}>\r\n
\r\n );\r\n}\r\nconst mapStateToProps = state => ({\r\n state: state,\r\n});\r\n\r\nexport default connect(mapStateToProps)(TrafficControlLoadBuld);","export const getContentWidth = headers => {\r\n return ((headers && headers.length > 0) ?\r\n headers.reduce((a, b) => a + b.width, 0) :\r\n 0);\r\n};\r\n\r\nexport const getContentWidthExceptLeftAction = headers => {\r\n return ((headers && headers.length > 0) ?\r\n headers.reduce((a, b) => b.leftAction ? a + 0 : a + b.width, 0) :\r\n 0);\r\n};\r\n","import React from 'react';\r\nimport { Route } from 'react-router-dom';\r\nimport CacheBuster from './CacheBuster';\r\n\r\nconst CacheBusterRoute = ({ children, rKey, path, component, exact }) => {\r\n return (\r\n \r\n
\r\n );\r\n\r\n const fileName = rowState.loadData.loadType === 1 ? rowState.orderData.callCheckInAttachment?.fileName : rowState.loadData.loadType === 3 ? rowState.orderData.callCheckOutAttachment?.fileName : '';\r\n if(!onlyDownload){\r\n if (fileName) {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n
\r\n Upload\r\n setUploadModalIsOpen(true)} style={{ display: 'flex', justifyContent: 'center' }}>{uploadButton}
;\r\n }\r\n } else {\r\n if(fileName){\r\n return (\r\n \r\n
;\r\n case 'link':\r\n return {tempData}\r\n case 'text':\r\n if (header.key === 'carrierName' && rowState.type === 'load') {\r\n return (\r\n \r\n {tempData}\r\n )\r\n } else {\r\n return tempData;\r\n }\r\n case 'textInputPO':\r\n let asterisks = '';\r\n for(let i = 0; i < value2; i++) {\r\n asterisks += '*';\r\n }\r\n return {tempData ? moment(tempData).format(Defines.Format.Date): ''}
\r\n {tempData ? moment(tempData).format(Defines.Format.Time): ''}
\r\n \r\n setHistoryModalOpen(true)}>\r\n {value2 ? asterisks : ''}\r\n }\r\n
\r\n case 'download':\r\n const fileName = rowState.loadData.loadType === 1 ? rowState.orderData.callCheckInAttachment?.fileName : rowState.loadData.loadType === 3 ? rowState.orderData.callCheckOutAttachment?.fileName : '';\r\n return \r\n {fileName?\r\n \r\n {fileName}\r\n \r\n : ''}\r\n
\r\n case 'popover':\r\n return (\r\n \r\n
\r\n );\r\n default:\r\n return tempData;\r\n }\r\n }\r\n return tempData\r\n };\r\n\r\n const handleSelectChange = (value) => {\r\n if (header.key === 'orderNotesByCall') {\r\n setData(value);\r\n } else {\r\n setData(parseInt(value));\r\n }\r\n };\r\n\r\n let splittedData = [];\r\n if (header.key === 'orderNotesByCall' && podNotesHistory && podNotesHistory?.[0]) {\r\n splittedData = podNotesHistory?.split(',');\r\n };\r\n\r\n const content = splittedData.length ? (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n ) : | \r\n Created By Data Time Status note | \r\n
|---|
| {data} | \r\n
You don't have any notes
;\r\n\r\n const getInput = () => {\r\n switch (cellData.fieldType) {\r\n case 'integer':\r\n return \r\n {\r\n if (inputReference.current) {\r\n setDisplayState(redonly);\r\n }\r\n setData(value.currentTarget.value)\r\n }}\r\n />\r\n {value2 &&\r\n setHistoryModalOpen(true)}>\r\n {asterisks}\r\n \r\n }\r\n
\r\n case 'select':\r\n let selectOption;\r\n let selectNameOptions;\r\n if (header.key === 'podRequestStatus') {\r\n selectOption = selectOptionsPOD;\r\n selectNameOptions = selectNameOptionsPOD;\r\n }\r\n return \r\n
\r\n\r\n default: return <>;\r\n }\r\n };\r\n\r\n const getDataWithTooltip = () => tooltip ? ( changeImage(rowState)}\r\n >\r\n \r\n \r\n
\r\n { onClickRow() }}\r\n className='table-body-cell'\r\n style={cellStyle}>\r\n {reacted ?
:\r\n { onClickRow() }}>\r\n {cellData.value}\r\n
\r\n }\r\n \r\n \r\n );\r\n};\r\nexport default connect(state => ({\r\n state: state\r\n}))(LeftActionCall);","import React, { useCallback, useRef, useEffect } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport Cell from './cell';\r\nimport LeftActionCall from './leftActionCall';\r\nimport { reactOnAssignedItem } from '../../../../store/actions/deliveredTrucksActions/deliveredTrucks';\r\n\r\nconst Row = (\r\n {\r\n data,\r\n style,\r\n itemSize,\r\n reactOnAssignedItem,\r\n state,\r\n listRef,\r\n startOnScroll,\r\n resource,\r\n setUploadRowState,\r\n setUploadModalIsOpen,\r\n setCommentsModalIsOpen,\r\n }) => {\r\n const rowRef = useRef({});\r\n const loadArea = state[resource];\r\n const isSubOrder = data.rowState?.loadData?.parentLoadId && data.rowState?.type === 'order';\r\n\r\n const color = data.rowState.type === 'load' ? '#65A7A5' : isSubOrder ? '#b4d5bc' : 'white';\r\n\r\n useEffect(() => {\r\n if (rowRef.current) {\r\n listRef.current.resetAfterIndex(0);\r\n }\r\n }, [rowRef, listRef]);\r\n\r\n const onClickRow = useCallback(() => {\r\n reactOnAssignedItem(resource, data.rowState.id, data.rowState.type);\r\n }, [reactOnAssignedItem, data, resource]);\r\n\r\n style.width = 'max-content';\r\n const rowStyle = { ...style, ...{ height: `${itemSize}px`, backgroundColor: color } };\r\n \r\n const cellContent = (i, ind) => {\r\n const header = loadArea.headers.find(h => h.key === i.key);\r\n\r\n if (header.leftAction) {\r\n return (\r\n {data.row.map(cellContent)}\r\n
: null;\r\n };\r\n\r\nexport default connect(state => ({\r\n state: state\r\n}), dispatch => ({\r\n reactOnAssignedItem: (resource, id, type) => dispatch(reactOnAssignedItem(resource, id, type)),\r\n}))(Row);","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { Resizable } from 'react-resizable';\r\nimport {setHeaderWidth, sortBy} from '../../../../store/actions/deliveredTrucksActions/deliveredTrucks';\r\nimport { CaretUpOutlined , CaretDownOutlined} from '@ant-design/icons';\r\n\r\nconst HeaderCell = ({state, ind, setHeaderWidth, resource, sortBy}) => {\r\n const loadArea = state[resource];\r\n const data = loadArea.headers[ind];\r\n let cellStyle = {\r\n maxWidth: `${data.width}px`,\r\n width: `${data.width}px`,\r\n minWidth: `${data.width}px`,\r\n };\r\n\r\n if (data.leftAction) {\r\n cellStyle = {\r\n ...cellStyle, ...{\r\n position: 'sticky',\r\n left: 0,\r\n maxWidth: `${data.width-1}px`,\r\n width: `${data.width-1}px`,\r\n minWidth: `${data.width-1}px`,\r\n }\r\n };\r\n }\r\n\r\n const onResizeStart = (e, s) => {\r\n console.log('onResizeStart', e, s);\r\n };\r\n\r\n const onResize = s => {\r\n setHeaderWidth(resource, ind, s.size.width);\r\n };\r\n\r\n const onResizeStop = (e, s) => {\r\n console.log('onResizeStop', e, s);\r\n };\r\n const sortableClick = () => {\r\n if(state.AccountPayable.sortType && state.AccountPayable.sortType.sort && state.AccountPayable.sortType.sort[0] === \"ask\"){\r\n sortBy(resource, {type: data.key, ind, sort: ['desc']})\r\n } else if(state.AccountPayable.sortType && state.AccountPayable.sortType.sort === null){\r\n sortBy(resource, {type: data.key, ind, sort: ['ask']})\r\n } else {\r\n sortBy(resource, {type: data.key, ind, sort: null})\r\n }\r\n }\r\n const headerCall = (\r\n \r\n {data.title}\r\n {data.sortable &&\r\n
\r\n\r\n\r\n \r\n );\r\n\r\n const resizableHeaderCall = (\r\n \r\n {state.AccountPayable.sortType && state.AccountPayable.sortType.sort && state.AccountPayable.sortType.sort[0] === \"ask\" &&\r\n
\r\n\r\n }\r\n \r\n {loadArea.headers.map((_, ind) => {\r\n return
\r\n );\r\n};\r\n\r\nexport default connect(state => ({\r\n state: state\r\n}))(HeaderRow);","export const createSeparator = (itemDefaultSize, headers, type, ind, loadId, regionId) => ({\r\n row: [{\r\n key: headers[0].key,\r\n value: '',\r\n editable: false,\r\n height: itemDefaultSize\r\n }],\r\n rowState: {\r\n type: 'separator',\r\n id: `${type}_separator_${ind}`,\r\n loadId,\r\n regionId,\r\n visible: true,\r\n reacted: false,\r\n available: true,\r\n height: 4\r\n }\r\n});","import React, { useState } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport Modal from 'react-modal';\r\nimport moment from 'moment';\r\nimport { Upload, message } from 'antd';\r\n\r\nimport axios from '../../../axios/axios';\r\nimport { setItemData } from '../../../../store/actions/deliveredTrucksActions/deliveredTrucks';\r\n\r\nimport { ApiUrl } from '../../../../project/Pages';\r\nimport store from '../../../../store';\r\nimport './index.css';\r\n\r\nconst UploadModal = ({ state, rowState, setItemData, uploadModalIsOpen, setUploadModalIsOpen, setIsVerified, isVerified }) => {\r\n const closeModal = () => {\r\n setUploadModalIsOpen(false);\r\n };\r\n\r\n const resource = 'AccountPayable';\r\n const loadArea = state[resource];\r\n const header = loadArea.headers.find(h => h.key === 'podDoc');\r\n\r\n const [fileCont, setFileCont] = useState(null);\r\n const orderGuid = rowState.loadData?.loadType === 1 ? rowState.orderData.callCheckInAttachment?.guid : rowState.loadData?.loadType === 3 ? rowState.orderData.callCheckOutAttachment?.guid : '';\r\n const [guid, setGuid] = useState(orderGuid);\r\n\r\n const max = 5;\r\n const restrictions = file => {\r\n const isLt = file.size / 1024 / 1024 < max;\r\n if (!isLt) {\r\n message.error(`Image must be smaller than ${max}MB!`);\r\n return false;\r\n }\r\n\r\n const extensions = ['jpeg', 'jpg', 'png', 'heif', 'pdf'];\r\n const dot = file.name.lastIndexOf(\".\") + 1;\r\n const fileExtension = file.name.substr(dot, file.name.length).toLowerCase();\r\n if (!extensions.includes(fileExtension)) {\r\n message.error(`Image must be in jpeg, png, pdf or heif format!`);\r\n return false;\r\n }\r\n return true;\r\n };\r\n\r\n const customStyles = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '360px',\r\n minHeight: '140px', \r\n borderRadius: '8px',\r\n padding: '6px 12px',\r\n },\r\n };\r\n\r\n const beforeUpload = file => {\r\n if (!restrictions(file)) {\r\n return false;\r\n }\r\n setFileCont(file);\r\n return true;\r\n };\r\n\r\n const handleUpload = () => {\r\n closeModal();\r\n const formData = new FormData();\r\n formData.append('file', fileCont);\r\n axios.post(ApiUrl.Upload, formData, { headers: { 'Content-Type': 'multipart/form-data' } }).then(response => {\r\n if (response && response.data) {\r\n const result = response.data;\r\n if (result.hasError) {\r\n message.error(result.message || 'File not uploaded!');\r\n return;\r\n }\r\n setGuid(result.guId);\r\n onChange(result);\r\n }\r\n });\r\n };\r\n\r\n const onChange = result => {\r\n const mDate = moment(new Date());\r\n let callCheckAttachment;\r\n if (result === null) {\r\n const imageId = rowState.loadData.loadType === 1 ? rowState.orderData.callCheckInAttachment.id : rowState.loadData.loadType === 3 ? rowState.orderData.callCheckOutAttachment.id : '';\r\n callCheckAttachment = {\r\n id: imageId,\r\n guid: guid,\r\n isNew: false,\r\n deleted: true,\r\n }\r\n } else {\r\n callCheckAttachment = {\r\n hasError: result.hasError,\r\n message: result.message,\r\n guid: result.guId,\r\n fileName: result.originalName,\r\n fileType: result.fileType,\r\n size: result.size,\r\n originalFileName: result.originalName,\r\n fullName: `${store.getState().auth.userFirstName} ${store.getState().auth.userLastName}`,\r\n createDate: mDate.format(),\r\n comments: '',\r\n isNew: true,\r\n deleted: false,\r\n external: true,\r\n };\r\n }\r\n setItemData(resource, callCheckAttachment, rowState, header);\r\n };\r\n \r\n return (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n state: state,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n setItemData: (resource, value, rowState, header) => dispatch(setItemData(resource, value, rowState, header)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(UploadModal);\r\n","import React, { useState, useEffect } from 'react';\r\nimport Modal from 'react-modal';\r\nimport { connect } from \"react-redux\";\r\nimport { Input, message, Upload } from 'antd';\r\nimport moment from 'moment';\r\nimport './index.css';\r\nimport { getComments, setComment, resetError } from '../../../../store/actions/comments/comments';\r\nimport Loading from \"../../screen/loading\";\r\nimport axios from '../../../axios/axios';\r\nimport { ApiUrl } from '../../../../project/Pages';\r\nimport store from '../../../../store';\r\nimport Download from '../../../elements/download';\r\n\r\nconst { TextArea } = Input;\r\n\r\nconst CommentsModal = ({ \r\n setCommentsModalIsOpen,\r\n commentsModalIsOpen,\r\n rowState,\r\n hasError,\r\n actionMessage,\r\n getComments,\r\n setComment,\r\n comments,\r\n loading,\r\n resetError,\r\n attachments,\r\n }) => {\r\n\r\nconst resource = \"OrderResources\";\r\nconst orderId = rowState?.orderData?.id;\r\n\r\n const closeModal = () => {\r\n setCommentsModalIsOpen(false);\r\n };\r\n\r\n useEffect(() => {\r\n getComments(resource, orderId);\r\n}, [getComments, resource, orderId]);\r\n\r\nuseEffect(() => {\r\n if (hasError) {\r\n message.error(actionMessage);\r\n resetError(resource);\r\n }\r\n}, [hasError, actionMessage, resetError, resource]);\r\n\r\n const [commentsList, setCommentsList] = useState([]);\r\n const [attachmentsList, setAttachmentsList] = useState([]);\r\n const [newComment, setNewComment] = useState('');\r\n\r\n useEffect(() => {\r\n setCommentsList(comments);\r\n setAttachmentsList(attachments);\r\n}, [setCommentsList, comments, attachments]);\r\n\r\n const customStyles = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '600px',\r\n minHeight: '300px',\r\n maxWidth: '600px',\r\n maxHeight: '400px', \r\n borderRadius: '8px',\r\n padding: loading ? '100px 0' : '6px 0',\r\n },\r\n };\r\n\r\n const saveComment = () => {\r\n setComment(resource, orderId, newComment);\r\n setNewComment('');\r\n };\r\n\r\n const [fileCont, setFileCont] = useState(null);\r\n const max = 5;\r\n const restrictions = file => {\r\n const isLt = file.size / 1024 / 1024 < max;\r\n if (!isLt) {\r\n message.error(`Image must be smaller than ${max}MB!`);\r\n return false;\r\n }\r\n\r\n const extensions = ['jpeg', 'jpg', 'png', 'heif', 'pdf'];\r\n const dot = file.name.lastIndexOf(\".\") + 1;\r\n const fileExtension = file.name.substr(dot, file.name.length).toLowerCase();\r\n if (!extensions.includes(fileExtension)) {\r\n message.error(`Image must be in jpeg, png, pdf or heif format!`);\r\n return false;\r\n }\r\n return true;\r\n };\r\n\r\n const beforeUpload = file => {\r\n if (!restrictions(file)) {\r\n return false;\r\n }\r\n setFileCont(file);\r\n return true;\r\n };\r\n\r\n const handleUpload = () => {\r\n const formData = new FormData();\r\n formData.append('file', fileCont);\r\n axios.post(ApiUrl.Upload, formData, { headers: { 'Content-Type': 'multipart/form-data' } }).then(response => {\r\n if (response && response.data) {\r\n const result = response.data;\r\n if (result.hasError) {\r\n message.error(result.message || 'File not uploaded!');\r\n return;\r\n }\r\n onChange(result);\r\n }\r\n });\r\n };\r\n\r\n const onChange = result => {\r\n const mDate = moment(new Date());\r\n const attachment = {\r\n hasError: result.hasError,\r\n message: result.message,\r\n guid: result.guId,\r\n fileName: result.originalName,\r\n fileType: result.fileType,\r\n size: result.size,\r\n originalFileName: result.originalName,\r\n fullName: `${store.getState().auth.userFirstName} ${store.getState().auth.userLastName}`,\r\n createDate: mDate.format(),\r\n isNew: true,\r\n };\r\n setComment(resource, orderId, '', [attachment]);\r\n };\r\n\r\n return (\r\n Did you verify all case counts on this load? {isVerified}
\r\n \r\n \r\n \r\n
\r\n Verified
\r\n Close
\r\n \r\n {loading ? \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n state: state,\r\n comments: state.comments.comments,\r\n attachments: state.comments.attachments,\r\n loading: state.comments.loading,\r\n hasError: state.comments.hasError,\r\n actionMessage: state.comments.message,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n getComments: (resource, id) => dispatch(getComments(resource, id)),\r\n setComment: (resource, orderId, comment, attachment) => dispatch(setComment(resource, orderId, comment, attachment)),\r\n resetError: resource => dispatch(resetError(resource)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CommentsModal);\r\n","import React, { useMemo, useRef, useEffect, useCallback, useState } from 'react';\r\nimport { useLocation} from 'react-router-dom';\r\nimport { connect } from \"react-redux\";\r\nimport { VariableSizeList } from 'react-window';\r\nimport AutoSizer from 'react-virtualized-auto-sizer';\r\nimport { CSVLink } from \"react-csv\";\r\nimport { orderBy } from \"lodash\";\r\nimport Select from 'react-select'\r\nimport { load, resetError, filterDeliveredTrucks } from '../../../../store/actions/deliveredTrucksActions/deliveredTrucks';\r\nimport { getContentWidth } from '../../../../store/reducers/deliveredTrucksReducer/helper/general';\r\nimport Row from './row';\r\nimport HeaderRow from './headerRow';\r\nimport { createSeparator } from '../../../../store/reducers/deliveredTrucksReducer/helper/separator';\r\nimport { Dropdown, Space, message, Menu, Input } from 'antd';\r\nimport Loading from \"../../screen/loading\";\r\nimport HideShowMenuSwitch from '../../layout/hideShowMenuSwitch';\r\nimport UploadModal from './UploadModal'; \r\nimport CommentsModal from './CommentsModal';\r\nimport { useClientHubOrder } from \"../../../hook/hub/useClientHubOrder\";\r\nimport { getCSVData } from './helper'\r\n\r\nconst Spreadsheet = props => {\r\n const { \r\n state,\r\n loadsAssignedOrders,\r\n resetError,\r\n haseError,\r\n actionMessage,\r\n loading,\r\n load,\r\n resource,\r\n filterDeliveredTrucks,\r\n filterType,\r\n sortType,\r\n userId\r\n } = props;\r\n\r\n const scrollSizeSmall = 18;\r\n const scrollSize = 16;\r\n const defRowHeight = 20;\r\n const assignedRef = useRef({});\r\n const [uploadRowState, setUploadRowState] = useState('');\r\n const [searchInput, setSearchInput] = useState('');\r\n const [uploadModalIsOpen, setUploadModalIsOpen] = useState(false);\r\n const [commentsModalIsOpen, setCommentsModalIsOpen] = useState(false);\r\n const { pathname } = useLocation();\r\n const [PONumber, setPONumber] = useState('All');\r\n const [loadNumberData, setLoadNumber] = useState('All');\r\n\r\n let method = pathname === '/ap/deliveredtrucks' ? 'area' : 'readytopay'\r\n if(pathname === '/ap/deliveredtrucks'){\r\n method = 'area';\r\n } else if(pathname === '/ap/readytopay'){\r\n method = 'readytopay'\r\n } else if(pathname === '/ap/paid'){\r\n method = 'payed'\r\n }\r\n\r\n useClientHubOrder((message) => {\r\n if (userId !== message.byId) {\r\n load(resource, method, 'withoutLoading');\r\n }\r\n }, 'notification');\r\n\r\n useEffect(() => {\r\n load(resource, method);\r\n }, [load, method, resource]);\r\n\r\n useEffect(() => {\r\n filterDeliveredTrucks(resource, filterType)\r\n }, [filterDeliveredTrucks, filterType, resource])\r\n\r\n useEffect(() => {\r\n if (haseError) {\r\n message.error(actionMessage);\r\n resetError(resource, method);\r\n }\r\n }, [haseError, actionMessage, resetError, resource, method]);\r\n\r\n const listReference = useRef(null);\r\n const listHeaderReference = useRef(null);\r\n const mainScroll = useRef(null);\r\n const startOnScroll = width => mainScroll.current.scrollLeft = width;\r\n\r\n const onScrollX = e => {\r\n if (listHeaderReference.current && listReference.current && e.target) {\r\n listHeaderReference.current.scrollLeft =\r\n listReference.current.scrollLeft = e.target.scrollLeft;\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (listHeaderReference && listHeaderReference?.current && listHeaderReference?.current?.scrollLeft) {\r\n listReference.current.scrollLeft = listHeaderReference?.current?.scrollLeft\r\n }\r\n }, [searchInput, PONumber, loadNumberData]);\r\n\r\n const header = useMemo(() =>\r\n X
\r\n Uploads
\r\n | Download | \r\nFile name | \r\nDate and Time | \r\nCreated By | \r\n
|---|---|---|---|
| \r\n | \r\n {attachment.fileName} | \r\n{moment.utc(attachment.createDate).utcOffset(4).format(\"MM/DD/YY HH:mm\")} | \r\n{attachment.fullName} | \r\n
\r\n \r\n \r\n
\r\n Click to Upload
\r\n \r\n
Comments
\r\n | Date and Time | \r\nCreated By | \r\nComment | \r\n
|---|---|---|
| {moment.utc(comment.createDate).utcOffset(4).format(\"MM/DD/YY HH:mm\")} | \r\n{comment.user} | \r\n{comment.comment} | \r\n
\r\n setNewComment(e.target.value)}\r\n value={newComment}\r\n />\r\n
\r\n Add new comment
\r\n \r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n \r\n {header}\r\n \r\n
\r\n {allOrdersList}
\r\n onScrollX(e)}>\r\n
\r\n );\r\n\r\n const handleSelectChange = e => {\r\n filterDeliveredTrucks(resource, e.key);\r\n };\r\n\r\n const menu = (\r\n \r\n );\r\n const refreshPage = e => {\r\n load(resource, method);\r\n };\r\n\r\n const CSVHeaders = state[resource].headers.map(column => ({\r\n label: column.title,\r\n key: column.title,\r\n }));\r\n const CSVData = getCSVData(myLoadsAssignedOrders);\r\n const styles = {\r\n control: (base, state) => ({\r\n ...base,\r\n borderRadius: '8px',\r\n boxShadow: 'none',\r\n minHeight: '22px',\r\n minWidth: '150px',\r\n paddingLeft: '10px',\r\n height: '24px',\r\n alignContent: 'center',\r\n }),\r\n menu: (base, state) => ({\r\n ...base,\r\n boxShadow: '0',\r\n top: 20,\r\n }),\r\n input: (base, state) => ({\r\n ...base,\r\n height: 0,\r\n position: 'absolute',\r\n top: '0',\r\n marginTop: '-2px',\r\n }),\r\n valueContainer: (base, state) => ({\r\n height: '-webkit-fill-available',\r\n }),\r\n singleValue: (base, state) => ({\r\n maxWidth: '170px',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap',\r\n }),\r\n // menuList: (base, state) => ({\r\n // position: 'fixed',\r\n // }),\r\n menuList: (base) => ({\r\n ...base,\r\n position: 'fixed',\r\n maxHeight: \"-webkit-fill-available\",\r\n padding: 0,\r\n \"::-webkit-scrollbar\": {\r\n width: \"4px\",\r\n height: \"0px\",\r\n },\r\n \"::-webkit-scrollbar-track\": {\r\n background: \"#f1f1f1\"\r\n },\r\n \"::-webkit-scrollbar-thumb\": {\r\n background: \"#888\"\r\n },\r\n \"::-webkit-scrollbar-thumb:hover\": {\r\n background: \"#555\"\r\n }\r\n }),\r\n option: (defaultStyles, state) => ({\r\n ...defaultStyles,\r\n color: state.isSelected ? \"#000\" : \"#000\",\r\n backgroundColor: state.isSelected ? \"lightGrey\" : \"#fff\",\r\n border: '1px solid lightGray'\r\n }),\r\n indicatorsContainer: () => ({\r\n height: 'max-content',\r\n }),\r\n indicatorContainer: () => ({\r\n padding: '0 8px!important',\r\n }),\r\n };\r\n\r\n const PONumbers = loadsAssignedOrders && loadsAssignedOrders.map(order => { \r\n return {value: order?.rowState?.type === 'order' ? order?.rowState?.orderData?.poNumber : '', 'label': order?.rowState?.type === 'order' ? order?.rowState?.orderData?.poNumber : '' }\r\n });\r\n\r\n const loadNumbers = loadsAssignedOrders && loadsAssignedOrders.map(order => {\r\n if (order?.rowState?.loadData?.loadType === 1) {\r\n return {value: order?.rowState?.type === 'order' ? order?.rowState?.orderData?.inboundLoadNumber : '', 'label': order?.rowState?.type === 'order' ? order?.rowState?.orderData?.inboundLoadNumber : '' }\r\n } else {\r\n return {value: order?.rowState?.type === 'order' ? order?.rowState?.orderData?.outboundLoadNumber : '', 'label': order?.rowState?.type === 'order' ? order?.rowState?.orderData?.outboundLoadNumber : '' }\r\n }\r\n }); \r\n \r\n const uniquePONumbers = PONumbers?.filter((order, index, self) =>\r\n index === self.findIndex((t) => t.label === order.label && t.value === order.value))\r\n .filter(order => order.value !== '')\r\n .concat( { value: 'All', label: 'All' });\r\n \r\n const uniqueLoadNumbers = loadNumbers?.filter((order, index, self) =>\r\n index === self.findIndex((t) => t.label === order.label && t.value === order.value))\r\n .filter(order => order.value !== '')\r\n .concat( { value: 'All', label: 'All' });\r\n \r\n const handleChangePoNumber = option => {\r\n setPONumber(option.value);\r\n };\r\n\r\n const handleChangeLoadNumber = option => {\r\n setLoadNumber(option.value);\r\n };\r\n\r\n const subHeader = (\r\n \r\n
\r\n \r\n
\r\n )\r\n return <>\r\n {subHeader}{loading ? \r\n \r\n \r\n e.preventDefault()}>\r\n Filter \r\n \r\n \r\n \r\n Download\r\n \r\n setSearchInput(e.target.value)}\r\n placeholder=\"Search\"\r\n type=\"text\"\r\n />\r\n
\r\n \r\n Refresh\r\n
\r\n \r\n
\r\n \r\n null}\r\n onChange={option => handleChangePoNumber(option)}\r\n styles={styles}\r\n components={{\r\n IndicatorSeparator: () => null\r\n }}\r\n />\r\n
\r\n FILTER
\r\n \r\n null}\r\n onChange={option => handleChangeLoadNumber(option)}\r\n styles={styles}\r\n components={{\r\n IndicatorSeparator: () => null\r\n }}\r\n />\r\n
\r\n \r\n
\r\n {uploadModalIsOpen && \r\n \r\n
\r\n );\r\n\r\n const fileName = rowState.orderData.callCheckOutAttachment?.fileName;\r\n\r\n if (fileName) {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n
\r\n Upload\r\n setUploadModalIsOpen(true)} style={{ display: 'flex', justifyContent: 'center' }}>{uploadButton}
;\r\n }\r\n};\r\n\r\nexport default Uploader;\r\n","import React, { useState, useRef, useEffect } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport {Link, useLocation} from 'react-router-dom';\r\nimport moment from 'moment';\r\nimport { Defines } from '../../../../project/Defines';\r\nimport { DatePicker, InputNumber, Select, Tooltip, Popover } from 'antd';\r\nimport { setItemData, setItemDisplayState, billButtonAction, getOrderChangeRequestData, setOrderId, setChecked } from '../../../../store/actions/accountReceivableActions/accountReceivableActions';\r\nimport { enabled } from 'store/dist/store.legacy';\r\nimport { GenerateMessages } from '../../../helper/element';\r\nimport Uploader from './Uploader';\r\nimport './index.css';\r\nimport AuthenticatedLink from './authenticatedLinkAcoountReceivable';\r\n\r\nconst Cell = ({\r\n state,\r\n cellData,\r\n itemSize,\r\n billButtonAction,\r\n rowState,\r\n setItemData,\r\n setItemDisplayState,\r\n resource,\r\n setUploadRowState,\r\n setUploadModalIsOpen,\r\n setCommentsModalIsOpen,\r\n setChangeRequestModalIsOpen,\r\n getOrderChangeRequestData,\r\n setChangeRequestAcceptModalIsOpen,\r\n setOrderId,\r\n setChecked,\r\n userRole,\r\n setPriceRecalculationModalIsOpen,\r\n priceIsCalculated,\r\n }) => {\r\n const loadArea = state[resource];\r\n const redonly = 1;\r\n const editable = 2;\r\n const header = loadArea.headers.find(h => h.key === cellData.key);\r\n // const headerIndex = loadArea.headers.findIndex(h => h.key === cellData.key);\r\n const selectNameOptionsStatus = [{ name: '-', id: 0 }, { name: 'On time', id: 1 }, { name: 'Delayed', id: 2 }];\r\n const selectNameOptionsReason = [{ name: '-', id: 0 }, { name: 'Mechanical', id: 1 }, { name: 'Delivery conflict', id: 2 }, { name: 'Internal reason', id: 3 }, { name: 'Weather', id: 4 }, { name: 'Other', id: 5 } ];\r\n const selectNameOptionsPOD = [{ name: '-', id: 0 }, { name: 'Received', id: 1 }, { name: 'Requested', id: 2 }, { name: 'Don’t Split', id: 3}];\r\n const selectNameOptionsPODStatus = [ { name: 'Delivered', id: 'Delivered' }, { name: 'Shortage', id: 'Shortage' }, { name: 'Overage', id: 'Overage' }, { name: 'Reject', id: 'Reject' }];\r\n const selectOptionsStatus = { 0: '-', 1: 'On time', 2: 'Delayed' };\r\n const selectOptionsReason = { null: '-', 0: '-', 1: 'Mechanical', 2: 'Delivery conflict', 3: 'Internal reason', 4: 'Weather', 5: 'Other' };\r\n const selectOptionsPOD = { null: '-', 0: '-', 1: 'Received', 2: 'Requested', 3: 'Don’t Split' };\r\n const selectOptionsPalletTypes = { null: '', 1: 'Straight', 2: 'Chimney', 3: 'Other', 4: 'Sideways' };\r\n const selectOptionsPODStatus = { 'Delivered': 'Delivered', 'Shortage': 'Shortage', 'Overage': 'Overage', 'Reject': 'Reject' };\r\n const orderGuid = rowState?.orderData?.callCheckOutAttachment?.guid;\r\n const isAdmin = userRole === 'Admin';\r\n\r\n const width = header.width;\r\n // const offsetWidth = loadArea.headers.reduce((r, h, index) => {\r\n // if (h.visible && index < (headerIndex - 3)) {\r\n // r += h.width;\r\n // }\r\n // return r;\r\n // }, 0);\r\n const lastSelectId = loadArea.lastSelected.id;\r\n const lastSelectHeaderKey = loadArea.lastSelected.headerKey;\r\n const lastSelectenable = loadArea.lastSelected.enable;\r\n const rowStateId = rowState.id;\r\n const headerKey = header.key;\r\n const [displayState, setDisplayState] = useState(redonly);\r\n const [tempData, setTempData] = useState(null);\r\n\r\n useEffect(() => {\r\n if (lastSelectId === rowStateId && lastSelectHeaderKey === headerKey && lastSelectenable) {\r\n setDisplayState(enabled);\r\n }\r\n }, [lastSelectId, lastSelectHeaderKey, lastSelectenable, rowStateId, headerKey]);\r\n const {pathname} = useLocation()\r\n\r\n useEffect(() => {\r\n if ((cellData.key === 'orderStatusByCall' ||\r\n cellData.key === 'delayedReason' ||\r\n cellData.key === 'loadCallCheckNote' ||\r\n cellData.key === 'podDoc' ||\r\n cellData.key === 'orderNotesByCall' ||\r\n cellData.key === 'podRequestStatus')\r\n &&\r\n resource === \"AccountReceivable\" && pathname === '/ar/deliverednopod') {\r\n setDisplayState(editable);\r\n }\r\n }, [cellData.key, pathname, resource]);\r\n\r\n const data = cellData.value;\r\n const podNotesHistory = cellData?.value2;\r\n const cellStyle = cellData.cellStyle;\r\n const tooltip = cellData.tooltip;\r\n const color = rowState.type === 'load' ? 'white' : '#101C1C';\r\n\r\n useEffect(() => {\r\n setTempData(data);\r\n }, [data]);\r\n\r\n const inputReference = useRef(null);\r\n const dataCompare = (newData, data) => {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n case 'dateTime':\r\n if (newData instanceof Date && data instanceof Date) {\r\n return newData.getTime() === data.getTime();\r\n }\r\n return newData === data;\r\n default:\r\n return newData === data;\r\n }\r\n }\r\n\r\n const setData = value => {\r\n onSetBlur();\r\n let newValue = value;\r\n if (value !== '') {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n newValue = new Date(value);\r\n break;\r\n case 'dateTime':\r\n newValue = new Date(value);\r\n break;\r\n case 'text':\r\n newValue = value;\r\n break;\r\n case 'checkbox':\r\n newValue = value;\r\n break;\r\n default:\r\n newValue = value;\r\n break;\r\n }\r\n }\r\n if (!dataCompare(newValue, tempData)) {\r\n setTempData(newValue); \r\n setTimeout(() => {\r\n setItemData(resource, newValue, rowState, header);\r\n }, 100);\r\n }\r\n };\r\n const changeImage = (data) => {\r\n setTimeout(() => {\r\n setUploadRowState(rowState);\r\n }, 100);\r\n }\r\n const billButtonClick = () => {\r\n billButtonAction(resource, \"bill\", rowState)\r\n }\r\n\r\n const handleEdit = () => {\r\n setTimeout(() => { \r\n setUploadRowState(rowState);\r\n setCommentsModalIsOpen(true);\r\n }, 100);\r\n };\r\n\r\n const handleChangeRequestModalOpen = () => {\r\n const orderId = rowState.orderObjectId;\r\n setTimeout(() => {\r\n setChangeRequestModalIsOpen(true);\r\n getOrderChangeRequestData(resource, orderId);\r\n }, 100);\r\n };\r\n\r\n const handleChangeRequestAcceptModalOpen = () => {\r\n const orderId = rowState.orderObjectId;\r\n setTimeout(() => {\r\n setChecked(resource, orderId);\r\n setOrderId(resource, orderId);\r\n setChangeRequestAcceptModalIsOpen(true);\r\n }, 100);\r\n };\r\n\r\n const handleRecalculation = () => {\r\n setPriceRecalculationModalIsOpen(true);\r\n };\r\n\r\n const getData = () => { \r\n if (tempData !== '') {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n return tempData ? moment(tempData).format(Defines.Format.PrintDate) : '';\r\n case 'button':\r\n if (header.key === 'changeHistory') {\r\n return ;\r\n } else if (header.key === 'recalculation') {\r\n return ;\r\n } else if (header.key === 'confirm') {\r\n return ;\r\n } else {\r\n return ;\r\n }\r\n case 'buttonText':\r\n return ;\r\n case 'dateTime':\r\n return \r\n
;\r\n case 'link':\r\n return {tempData}\r\n case 'text':\r\n if (header.key === 'loadPositionType') {\r\n return selectOptionsPalletTypes[tempData];\r\n } else if (header.key === 'price') {\r\n return {tempData}\r\n }\r\n else {\r\n return tempData;\r\n }\r\n case 'actions':\r\n return (\r\n {tempData ? moment(tempData).format(Defines.Format.Date) : ''}
\r\n {tempData ? moment(tempData).format(Defines.Format.Time) : ''}
\r\n \r\n
\r\n );\r\n case 'download':\r\n const fileName = rowState.orderData.callCheckOutAttachment?.fileName;\r\n return \r\n \r\n
\r\n \r\n {fileName?\r\n \r\n {fileName}\r\n \r\n : ''}\r\n
\r\n case 'popover':\r\n return (\r\n \r\n \r\n
\r\n
\r\n ) : | \r\n Created By Data Time Status note | \r\n
|---|
| {data} | \r\n
You don't have any notes
;\r\n\r\n const getInput = () => {\r\n switch (cellData.fieldType) {\r\n case 'dateTime':\r\n return \r\n
\r\n default: return <>;\r\n }\r\n };\r\n\r\n const getDataWithTooltip = () => tooltip ? ( changeImage(rowState)}\r\n >\r\n \r\n \r\n
\r\n { onClickRow() }}\r\n className='table-body-cell'\r\n style={cellStyle}>\r\n {reacted ?
:\r\n { onClickRow() }}>\r\n {cellData.value}\r\n
\r\n }\r\n \r\n \r\n );\r\n};\r\nexport default connect(state => ({\r\n state: state\r\n}))(LeftActionCall);","import React from 'react';\r\nimport { useDispatch } from \"react-redux\";\r\nimport Modal from 'react-modal';\r\nimport { Formik, Form, Field } from 'formik';\r\nimport Select from 'react-select';\r\nimport * as Yup from 'yup';\r\nimport axios from 'axios';\r\nimport store from '../../../../store';\r\nimport { reCalculatePrice, setPriceAsCalculated } from '../../../../store/actions/accountReceivableActions/accountReceivableActions';\r\n\r\nconst PriceRecalculationModal = ({ \r\n priceRecalculationModalIsOpen,\r\n setPriceRecalculationModalIsOpen,\r\n rowState,\r\n resource,\r\n }) => {\r\n\r\n const dispatch = useDispatch();\r\n\r\n const closeModal = () => {\r\n setPriceRecalculationModalIsOpen(false);\r\n };\r\n\r\n const customStyle = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '300px',\r\n maxWidth: '320px',\r\n minHeight: '180px', \r\n borderRadius: '8px',\r\n padding: '6px 12px',\r\n textAlign: 'center',\r\n },\r\n };\r\n\r\n const customStyles = {\r\n control: (base, state) => ({\r\n ...base,\r\n borderColor: state.isFocused ? 'lightGray' : 'lightGray',\r\n borderRadius: '8px',\r\n boxShadow: 'none',\r\n minHeight: '37px',\r\n width: '100%',\r\n cursor: 'notAllowed',\r\n }),\r\n menu: (base, state) => ({\r\n ...base,\r\n zIndex: '20',\r\n }),\r\n menuList: () => ({\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: '100%',\r\n borderRadius: 'none!important',\r\n }),\r\n valueContainer: (base, state) => ({\r\n display: 'flex',\r\n alignItems: 'self-end',\r\n paddingLeft: '10px',\r\n maxWidth: '224px',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap',\r\n }),\r\n container: (base, state) => ({\r\n ...base,\r\n pointerEvents: 'auto',\r\n }),\r\n singleValue: (base, state) => ({\r\n maxWidth: '224px',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap',\r\n margin: '4px 0',\r\n }),\r\n options: (base, state) => ({\r\n padding: '4px 8px',\r\n cursor: 'pointer',\r\n borderRadius: 'unset',\r\n }),\r\n };\r\n\r\n const validationSchema = Yup.object().shape({\r\n priceTemplateType: Yup.string().required('Required'),\r\n priceTemplateTypeId: Yup.number().required('Required'),\r\n price: Yup.number().required('Required'),\r\n priceTemplateId: Yup.number().required('Required'),\r\n });\r\n\r\n const handleSubmitSave = values => {\r\n dispatch(reCalculatePrice(resource, rowState.orderData.id, values, 'orderschangerequestslist'));\r\n dispatch(setPriceAsCalculated(resource, rowState.orderData.id));\r\n };\r\n\r\n const axiosConfig = () => ({\r\n headers: {\r\n 'Authorization': 'Bearer ' + store.getState().auth.userToken\r\n }\r\n });\r\n const buildPriceUrl = endpoint => `/api/${endpoint}`;\r\n\r\n const setResponceData = (responce, setFieldValue) => {\r\n setFieldValue('price', responce.price);\r\n setFieldValue('priceTemplateId', responce.priceTemplateId);\r\n setFieldValue('priceTemplateType', 'Price Template');\r\n setFieldValue('priceTemplateTypeId', responce.priceTemplateType);\r\n };\r\n\r\n const updatePriceByTemplate = (customerId, pickLockId, dropLockId, palletCount, weight, setFieldValue) => {\r\n const filterData = {\r\n params: {\r\n customerId: customerId,\r\n pickLockId: pickLockId,\r\n dropLockId: dropLockId,\r\n palletCount: palletCount,\r\n weight: weight,\r\n },\r\n headers: axiosConfig().headers,\r\n };\r\n axios.get(buildPriceUrl(`Order/pricebytemplate`), filterData, axiosConfig())\r\n .then(responce => setResponceData(responce.data, setFieldValue))\r\n };\r\n\r\n const handleSetFieldValue = (value, setFieldValue) => {\r\n if (value === 'Price Template') {\r\n const { customerId, pickLocationId, dropLocationId, palletCount, weight } = rowState.orderData; \r\n updatePriceByTemplate(customerId, pickLocationId, dropLocationId, palletCount, weight, setFieldValue);\r\n } else {\r\n setFieldValue('priceTemplateType', 'Spot');\r\n setFieldValue('priceTemplateTypeId', 1);\r\n setFieldValue('priceTemplateId', 0);\r\n setFieldValue('price', '');\r\n }\r\n }\r\n\r\n let options = [\r\n {\r\n value: 'Spot', \r\n label: 'Spot',\r\n },\r\n {\r\n value: 'Price Template', \r\n label: 'Price Template',\r\n }\r\n ];\r\n if (rowState.orderData.batch === 1) {\r\n options = [ { value: 'Spot', label: 'Spot' } ];\r\n };\r\n\r\n return (\r\n \r\n {\r\n setTimeout(() => {\r\n setSubmitting(false);\r\n handleSubmitSave(values);\r\n }, 400);\r\n }}>\r\n {({ isValid, values, setFieldValue, errors, touched, handleSubmit }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n
\r\n Select Price option
\r\n \r\n \r\n {data.row.map(cellContent)}\r\n {priceRecalculationModalIsOpen ?\r\n
: null;\r\n };\r\n\r\nexport default connect(state => ({\r\n state: state\r\n}), dispatch => ({\r\n reactOnAssignedItem: (resource, id, type) => dispatch(reactOnAssignedItem(resource, id, type)),\r\n}))(Row);","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { Resizable } from 'react-resizable';\r\nimport {setHeaderWidth, sortBy} from '../../../../store/actions/accountReceivableActions/accountReceivableActions';\r\nimport { CaretUpOutlined , CaretDownOutlined} from '@ant-design/icons';\r\n\r\nconst HeaderCell = ({state, ind, setHeaderWidth, resource, sortBy}) => {\r\n const loadArea = state[resource];\r\n const data = loadArea.headers[ind];\r\n let cellStyle = {\r\n maxWidth: `${data.width}px`,\r\n width: `${data.width}px`,\r\n minWidth: `${data.width}px`,\r\n };\r\n\r\n if (data.leftAction) {\r\n cellStyle = {\r\n ...cellStyle, ...{\r\n position: 'sticky',\r\n left: 0,\r\n maxWidth: `${data.width-1}px`,\r\n width: `${data.width-1}px`,\r\n minWidth: `${data.width-1}px`,\r\n }\r\n };\r\n }\r\n\r\n const onResizeStart = (e, s) => {\r\n console.log('onResizeStart', e, s);\r\n };\r\n\r\n const onResize = s => {\r\n setHeaderWidth(resource, ind, s.size.width);\r\n };\r\n\r\n const onResizeStop = (e, s) => {\r\n console.log('onResizeStop', e, s);\r\n };\r\n const sortableClick = () => {\r\n if(state.AccountReceivable.sortType && state.AccountReceivable.sortType.sort && state.AccountReceivable.sortType.sort[0] === \"ask\"){\r\n sortBy(resource, {type: data.key, ind, sort: ['desc']})\r\n } else if(state.AccountReceivable.sortType && state.AccountReceivable.sortType.sort === null){\r\n sortBy(resource, {type: data.key, ind, sort: ['ask']})\r\n } else {\r\n sortBy(resource, {type: data.key, ind, sort: null})\r\n }\r\n }\r\n const headerCall = (\r\n \r\n {data.title}\r\n {data.sortable &&\r\n
\r\n\r\n\r\n \r\n );\r\n\r\n const resizableHeaderCall = (\r\n \r\n {state.AccountReceivable.sortType && state.AccountReceivable.sortType.sort && state.AccountReceivable.sortType.sort[0] === \"ask\" &&\r\n
\r\n\r\n }\r\n \r\n {loadArea.headers.map((_, ind) => {\r\n return
\r\n );\r\n};\r\n\r\nexport default connect(state => ({\r\n state: state\r\n}))(HeaderRow);","import React, { useState } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport Modal from 'react-modal';\r\nimport moment from 'moment';\r\nimport { Upload, message } from 'antd';\r\n\r\nimport axios from '../../../axios/axios';\r\nimport { setItemData } from '../../../../store/actions/accountReceivableActions/accountReceivableActions';\r\n\r\nimport { ApiUrl } from '../../../../project/Pages';\r\nimport store from '../../../../store';\r\nimport './index.css';\r\n\r\nconst UploadModal = ({ state, rowState, setItemData, uploadModalIsOpen, setUploadModalIsOpen, setIsVerified, isVerified }) => {\r\n const closeModal = () => {\r\n setUploadModalIsOpen(false);\r\n };\r\n\r\n const resource = 'AccountReceivable';\r\n const loadArea = state[resource];\r\n const header = loadArea.headers.find(h => h.key === 'podDoc');\r\n\r\n const [fileCont, setFileCont] = useState(null);\r\n const orderGuid = rowState.loadData?.loadType === 1 ? rowState.orderData.callCheckInAttachment?.guid : rowState.loadData?.loadType === 3 ? rowState.orderData.callCheckOutAttachment?.guid : '';\r\n const [guid, setGuid] = useState(orderGuid);\r\n\r\n const max = 5;\r\n const restrictions = file => {\r\n const isLt = file.size / 1024 / 1024 < max;\r\n if (!isLt) {\r\n message.error(`Image must be smaller than ${max}MB!`);\r\n return false;\r\n }\r\n\r\n const extensions = ['jpeg', 'jpg', 'png', 'heif', 'pdf'];\r\n const dot = file.name.lastIndexOf(\".\") + 1;\r\n const fileExtension = file.name.substr(dot, file.name.length).toLowerCase();\r\n if (!extensions.includes(fileExtension)) {\r\n message.error(`Image must be in jpeg, png, pdf or heif format!`);\r\n return false;\r\n }\r\n return true;\r\n };\r\n\r\n const customStyles = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '360px',\r\n minHeight: '140px', \r\n borderRadius: '8px',\r\n padding: '6px 12px',\r\n },\r\n };\r\n\r\n const beforeUpload = file => {\r\n if (!restrictions(file)) {\r\n return false;\r\n }\r\n setFileCont(file);\r\n return true;\r\n };\r\n\r\n const handleUpload = () => {\r\n closeModal();\r\n const formData = new FormData();\r\n formData.append('file', fileCont);\r\n axios.post(ApiUrl.Upload, formData, { headers: { 'Content-Type': 'multipart/form-data' } }).then(response => {\r\n if (response && response.data) {\r\n const result = response.data;\r\n if (result.hasError) {\r\n message.error(result.message || 'File not uploaded!');\r\n return;\r\n }\r\n setGuid(result.guId);\r\n onChange(result);\r\n }\r\n });\r\n };\r\n\r\n const onChange = result => {\r\n const mDate = moment(new Date());\r\n let callCheckAttachment;\r\n if (result === null) {\r\n const imageId = rowState.loadData.loadType === 1 ? rowState.orderData.callCheckInAttachment.id : rowState.loadData.loadType === 3 ? rowState.orderData.callCheckOutAttachment.id : '';\r\n callCheckAttachment = {\r\n id: imageId,\r\n guid: guid,\r\n isNew: false,\r\n deleted: true,\r\n }\r\n } else {\r\n callCheckAttachment = {\r\n hasError: result.hasError,\r\n message: result.message,\r\n guid: result.guId,\r\n fileName: result.originalName,\r\n fileType: result.fileType,\r\n size: result.size,\r\n originalFileName: result.originalName,\r\n fullName: `${store.getState().auth.userFirstName} ${store.getState().auth.userLastName}`,\r\n createDate: mDate.format(),\r\n comments: '',\r\n isNew: true,\r\n deleted: false,\r\n external: true,\r\n };\r\n }\r\n setItemData(resource, callCheckAttachment, rowState, header);\r\n };\r\n \r\n return (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n state: state,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n setItemData: (resource, value, rowState, header) => dispatch(setItemData(resource, value, rowState, header)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(UploadModal);\r\n","import React, { useState, useEffect } from 'react';\r\nimport Modal from 'react-modal';\r\nimport { connect } from \"react-redux\";\r\nimport { Input, message, Upload } from 'antd';\r\nimport moment from 'moment';\r\nimport './index.css';\r\nimport { getComments, setComment, resetError } from '../../../../store/actions/comments/comments';\r\nimport Loading from \"../../screen/loading\";\r\nimport axios from '../../../axios/axios';\r\nimport { ApiUrl } from '../../../../project/Pages';\r\nimport store from '../../../../store';\r\nimport Download from '../../../elements/download';\r\n\r\nconst { TextArea } = Input;\r\n\r\nconst CommentsModal = ({ \r\n setCommentsModalIsOpen,\r\n commentsModalIsOpen,\r\n rowState,\r\n hasError,\r\n actionMessage,\r\n getComments,\r\n setComment,\r\n comments,\r\n loading,\r\n resetError,\r\n attachments,\r\n }) => {\r\n\r\nconst resource = \"OrderResources\";\r\nconst orderId = rowState?.orderData?.id;\r\n\r\n const closeModal = () => {\r\n setCommentsModalIsOpen(false);\r\n };\r\n\r\n useEffect(() => {\r\n getComments(resource, orderId);\r\n}, [getComments, resource, orderId]);\r\n\r\nuseEffect(() => {\r\n if (hasError) {\r\n message.error(actionMessage);\r\n resetError(resource);\r\n }\r\n}, [hasError, actionMessage, resetError, resource]);\r\n\r\n const [commentsList, setCommentsList] = useState([]);\r\n const [attachmentsList, setAttachmentsList] = useState([]);\r\n const [newComment, setNewComment] = useState('');\r\n\r\n useEffect(() => {\r\n setCommentsList(comments);\r\n setAttachmentsList(attachments);\r\n}, [setCommentsList, comments, attachments]);\r\n\r\n const customStyles = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '600px',\r\n minHeight: '300px',\r\n maxWidth: '600px',\r\n maxHeight: '400px', \r\n borderRadius: '8px',\r\n padding: loading ? '100px 0' : '6px 0',\r\n },\r\n };\r\n\r\n const saveComment = () => {\r\n setComment(resource, orderId, newComment);\r\n setNewComment('');\r\n };\r\n\r\n\r\n const [fileCont, setFileCont] = useState(null);\r\n const max = 5;\r\n const restrictions = file => {\r\n const isLt = file.size / 1024 / 1024 < max;\r\n if (!isLt) {\r\n message.error(`Image must be smaller than ${max}MB!`);\r\n return false;\r\n }\r\n\r\n const extensions = ['jpeg', 'jpg', 'png', 'heif', 'pdf'];\r\n const dot = file.name.lastIndexOf(\".\") + 1;\r\n const fileExtension = file.name.substr(dot, file.name.length).toLowerCase();\r\n if (!extensions.includes(fileExtension)) {\r\n message.error(`Image must be in jpeg, png, pdf or heif format!`);\r\n return false;\r\n }\r\n return true;\r\n };\r\n\r\n const beforeUpload = file => {\r\n if (!restrictions(file)) {\r\n return false;\r\n }\r\n setFileCont(file);\r\n return true;\r\n };\r\n\r\n const handleUpload = () => {\r\n const formData = new FormData();\r\n formData.append('file', fileCont);\r\n axios.post(ApiUrl.Upload, formData, { headers: { 'Content-Type': 'multipart/form-data' } }).then(response => {\r\n if (response && response.data) {\r\n const result = response.data;\r\n if (result.hasError) {\r\n message.error(result.message || 'File not uploaded!');\r\n return;\r\n }\r\n onChange(result);\r\n }\r\n });\r\n };\r\n\r\n const onChange = result => {\r\n const mDate = moment(new Date());\r\n const attachment = {\r\n hasError: result.hasError,\r\n message: result.message,\r\n guid: result.guId,\r\n fileName: result.originalName,\r\n fileType: result.fileType,\r\n size: result.size,\r\n originalFileName: result.originalName,\r\n fullName: `${store.getState().auth.userFirstName} ${store.getState().auth.userLastName}`,\r\n createDate: mDate.format(),\r\n isNew: true,\r\n };\r\n setComment(resource, orderId, '', [attachment]);\r\n };\r\n\r\n return (\r\n Did you verify all case counts on this load? {isVerified}
\r\n \r\n \r\n \r\n
\r\n Verified
\r\n Close
\r\n \r\n {loading ? \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n state: state,\r\n comments: state.comments.comments,\r\n attachments: state.comments.attachments,\r\n loading: state.comments.loading,\r\n hasError: state.comments.hasError,\r\n actionMessage: state.comments.message,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n getComments: (resource, id) => dispatch(getComments(resource, id)),\r\n setComment: (resource, orderId, comment, attachment) => dispatch(setComment(resource, orderId, comment, attachment)),\r\n resetError: resource => dispatch(resetError(resource)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CommentsModal);\r\n","import React, { useEffect } from 'react';\r\nimport Modal from 'react-modal';\r\nimport { connect } from \"react-redux\";\r\nimport { message } from 'antd';\r\nimport './index.css';\r\nimport { resetError } from '../../../../store/actions/accountReceivableActions/accountReceivableActions';\r\nimport Loading from \"../../screen/loading\";\r\nimport { Defines } from '../../../../project/Defines';\r\nimport { localDate } from '../../../helper/common';\r\n\r\nconst ChangeRequestModal = ({ \r\n setChangeRequestModalIsOpen,\r\n changeRequestModalIsOpen,\r\n hasError,\r\n actionMessage,\r\n changeRequestData,\r\n loading,\r\n resetError,\r\n resource,\r\n }) => {\r\n\r\n const closeModal = () => {\r\n setChangeRequestModalIsOpen(false);\r\n };\r\n\r\nuseEffect(() => {\r\n if (hasError) {\r\n message.error(actionMessage);\r\n resetError(resource);\r\n }\r\n}, [hasError, actionMessage, resetError, resource]);\r\n\r\n const customStyles = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '300px',\r\n minHeight: '180px',\r\n maxWidth: '550px',\r\n borderRadius: '8px',\r\n padding: loading ? '100px 0' : '6px 0',\r\n },\r\n };\r\n\r\n const headersList = ['Change by', 'Pal Old', 'Pal New', 'S Old', 'S New', 'LBS Old', 'LBS New', 'Price Old', 'Price New', 'Date'];\r\n\r\n return (\r\n X
\r\n Uploads
\r\n | Download | \r\nFile name | \r\nDate and Time | \r\nCreated By | \r\n
|---|---|---|---|
| \r\n | \r\n {attachment.fileName} | \r\n{moment.utc(attachment.createDate).utcOffset(4).format(\"MM/DD/YY HH:mm\")} | \r\n{attachment.fullName} | \r\n
\r\n \r\n \r\n
\r\n Click to Upload
\r\n \r\n
Comments
\r\n | Date and Time | \r\nCreated By | \r\nComment | \r\n
|---|---|---|
| {moment.utc(comment.createDate).utcOffset(4).format(\"MM/DD/YY HH:mm\")} | \r\n{comment.user} | \r\n{comment.comment} | \r\n
\r\n setNewComment(e.target.value)}\r\n value={newComment}\r\n />\r\n
\r\n Add new comment
\r\n \r\n \r\n
\r\n }\r\n \r\n {loading ?
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n state: state,\r\n changeRequestData: state.AccountReceivable.changeRequestData?.data,\r\n loading: state.AccountReceivable.loading,\r\n hasError: state.AccountReceivable.hasError,\r\n actionMessage: state.AccountReceivable.message,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n resetError: resource => dispatch(resetError(resource)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ChangeRequestModal);\r\n","import React, { useEffect } from 'react';\r\nimport Modal from 'react-modal';\r\nimport { connect } from \"react-redux\";\r\nimport { message } from 'antd';\r\nimport './index.css';\r\nimport { resetError, acceptChangeRequest, setChecked } from '../../../../store/actions/accountReceivableActions/accountReceivableActions';\r\nimport Loading from \"../../screen/loading\";\r\n\r\nconst ChangeRequestAcceptModal = ({ \r\n changeRequestAcceptModalIsOpen,\r\n setChangeRequestAcceptModalIsOpen,\r\n hasError,\r\n actionMessage,\r\n loading,\r\n resetError,\r\n resource,\r\n acceptChangeRequest,\r\n orderId,\r\n setAllIsChecked,\r\n setChecked,\r\n }) => {\r\n\r\nconst closeModal = () => {\r\n setChangeRequestAcceptModalIsOpen(false);\r\n setAllIsChecked(false);\r\n setChecked(resource, []);\r\n};\r\n\r\nuseEffect(() => {\r\n if (hasError) {\r\n message.error(actionMessage);\r\n resetError(resource);\r\n\r\n }\r\n}, [hasError, actionMessage, resetError, resource]);\r\n\r\nconst handleAccept = () => {\r\n acceptChangeRequest(resource, 'inform', orderId);\r\n setChangeRequestAcceptModalIsOpen(false);\r\n setAllIsChecked(false);\r\n};\r\n\r\n const customStyles = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '450px',\r\n minHeight: '150px',\r\n maxWidth: '400px',\r\n borderRadius: '8px',\r\n padding: loading ? '100px 0' : '6px 0',\r\n },\r\n };\r\n\r\n return (\r\n Changes
\r\n \r\n
\r\n }\r\n \r\n {headersList.map(item =>
\r\n {changeRequestData?.map(data => {\r\n return (\r\n {item}
)}\r\n \r\n
\r\n )\r\n })}\r\n {data.updated}
\r\n {data.fromData && data.field === 'pallet_count' ? parseFloat(data.fromData) : ''}
\r\n {data.toData && data.field === 'pallet_count' ? parseFloat(data.toData) : ''}
\r\n {data.fromData && data.field === 'space' ? parseFloat(data.fromData) : ''}
\r\n {data.toData && data.field === 'space' ? parseFloat(data.toData) : ''}
\r\n {data.fromData && data.field === 'weight' ? parseFloat(data.fromData) : ''}
\r\n {data.toData && data.field === 'weight' ? parseFloat(data.toData) : ''}
\r\n {data.fromData && data.field === 'price' ? parseFloat(data.fromData) : ''}
\r\n {data.toData && data.field === 'price' ? parseFloat(data.toData) : ''}
\r\n {localDate(data.editDate, Defines.Format.PrintDateTime)}
\r\n \r\n {loading ?
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n state: state,\r\n orderId: state.AccountReceivable.orderId,\r\n loading: state.AccountReceivable.loading,\r\n hasError: state.AccountReceivable.hasError,\r\n actionMessage: state.AccountReceivable.message,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n resetError: resource => dispatch(resetError(resource)),\r\n acceptChangeRequest: (resource, endPoint, orderId) => dispatch(acceptChangeRequest(resource, endPoint, orderId)),\r\n setChecked: (resource, orderId) => dispatch(setChecked(resource, orderId)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ChangeRequestAcceptModal);\r\n","import React, { useMemo, useRef, useEffect, useCallback, useState } from 'react';\r\nimport { useLocation} from 'react-router-dom';\r\nimport { connect } from \"react-redux\";\r\nimport { VariableSizeList } from 'react-window';\r\nimport AutoSizer from 'react-virtualized-auto-sizer';\r\nimport { message, Input, Checkbox } from 'antd';\r\nimport { orderBy } from \"lodash\";\r\nimport { load, resetError, filterDeliveredTrucks, setOrderId, setChecked } from '../../../../store/actions/accountReceivableActions/accountReceivableActions';\r\nimport { getContentWidth } from '../../../../store/reducers/accountReceivableReducer/helper/general';\r\nimport Row from './row';\r\nimport HeaderRow from './headerRow';\r\nimport Loading from \"../../screen/loading\";\r\nimport HideShowMenuSwitch from '../../layout/hideShowMenuSwitch';\r\nimport UploadModal from './UploadModal';\r\nimport CommentsModal from './CommentsModal';\r\nimport ChangeRequestModal from './ChangeRequestModal';\r\nimport ChangeRequestAcceptModal from './ChangeRequestAcceptModal';\r\nimport { useClientHubOrder } from '../../../hook/hub/useClientHubOrder';\r\n\r\nconst Spreadsheet = props => {\r\n const { \r\n state,\r\n loadsAssignedOrders,\r\n resetError,\r\n haseError,\r\n actionMessage,\r\n loading,\r\n load,\r\n resource,\r\n filterDeliveredTrucks,\r\n filterType,\r\n sortType,\r\n setOrderId,\r\n setChecked,\r\n userRole,\r\n openOrdersLoading,\r\n changeRequestListLoading,\r\n userId,\r\n } = props;\r\n\r\n const scrollSizeSmall = 18;\r\n const scrollSize = 16;\r\n const defRowHeight = 20;\r\n const assignedRef = useRef({});\r\n const [uploadRowState, setUploadRowState] = useState('');\r\n const [uploadModalIsOpen, setUploadModalIsOpen] = useState(false);\r\n const [commentsModalIsOpen, setCommentsModalIsOpen] = useState(false);\r\n const [changeRequestModalIsOpen, setChangeRequestModalIsOpen] = useState(false);\r\n const [changeRequestAcceptModalIsOpen, setChangeRequestAcceptModalIsOpen] = useState(false);\r\n const [allIsChecked, setAllIsChecked] = useState(false);\r\n const isAdmin = userRole === 'Admin';\r\n\r\n const { pathname } = useLocation()\r\n let endpoint;\r\n let method;\r\n\r\n if(pathname === '/ar/deliverednopod') {\r\n method = '{\"isReadyToBill\": false, \"isBilled\": false}';\r\n } else if(pathname === '/ar/readytobill') {\r\n method = '{\"isReadyToBill\": true, \"isBilled\": false}';\r\n } else if(pathname === '/ar/alreadybilled') {\r\n method = '{\"isReadyToBill\": false, \"isBilled\": true}';\r\n } else if (pathname === '/ar/openorders'){\r\n endpoint = 'availableorderlist';\r\n } else if (pathname === '/ar/changerequestsar') {\r\n endpoint = 'orderschangerequestslist';\r\n };\r\n\r\n useClientHubOrder((message) => {\r\n if (userId !== message.byId) {\r\n load(resource, method, endpoint, 'withoutLoading');\r\n }\r\n }, 'notification');\r\n\r\n useEffect(() => {\r\n load(resource, method, endpoint);\r\n }, [load, resource, endpoint, method]);\r\n\r\n useEffect(() => {\r\n filterDeliveredTrucks(resource, filterType)\r\n }, [filterDeliveredTrucks, filterType, resource])\r\n\r\n useEffect(() => {\r\n if (haseError) {\r\n message.error(actionMessage);\r\n resetError(resource, method);\r\n }\r\n }, [haseError, actionMessage, resetError, resource, method]);\r\n\r\n const listReference = useRef(null);\r\n const listHeaderReference = useRef(null);\r\n const mainScroll = useRef(null);\r\n const startOnScroll = width => mainScroll.current.scrollLeft = width;\r\n\r\n const onScrollX = e => {\r\n if (listHeaderReference.current && listReference.current && e.target) {\r\n listHeaderReference.current.scrollLeft =\r\n listReference.current.scrollLeft = e.target.scrollLeft;\r\n }\r\n };\r\n\r\n const header = useMemo(() =>\r\n Change request accepted?
\r\n \r\n \r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n ,\r\n [resource]);\r\n \r\n const width = getContentWidth(state[resource].headers) + scrollSize;\r\n const extraScrollVisibility = window.innerWidth > width ? 'none' : 'flex';\r\n const [filteredData, setFilteredData] = useState([])\r\n\r\n useEffect(()=>{\r\n if(loadsAssignedOrders){\r\n setFilteredData(loadsAssignedOrders)\r\n }\r\n },[loadsAssignedOrders])\r\n\r\n useEffect(()=>{\r\n if(sortType && sortType.sort !== null){\r\n let newList;\r\n newList = [...orderBy(loadsAssignedOrders, [c => c.row[sortType.ind].value], sortType.sort)];\r\n setFilteredData(newList);\r\n } else{\r\n setFilteredData(loadsAssignedOrders)\r\n }\r\n }, [loadsAssignedOrders, sortType])\r\n const search = e => {\r\n let newList = [...loadsAssignedOrders];\r\n if(e.target.value){\r\n newList = newList?.filter(item => {\r\n const searchCell = item.row.filter(item1 => item1.key === \"poNumber\"\r\n || item1.key === \"soNumber\"\r\n || item1.key === \"pickLocationName\"\r\n || item1.key === \"drop2WH\"\r\n || item1.key === \"customerName\"\r\n )\r\n const bool = searchCell.filter(item1 => item1.value.toLowerCase().search(e.target.value.toLowerCase()) !== -1)\r\n return bool.length\r\n })\r\n setFilteredData(newList)\r\n } else {\r\n setFilteredData(newList)\r\n }\r\n };\r\n\r\n const myLoadsAssignedOrders = filteredData?.filter(d => d?.rowState?.visible);\r\n\r\n const getAsignedItemSize = useCallback(\r\n index => myLoadsAssignedOrders[index] ? myLoadsAssignedOrders[index].rowState.height : defRowHeight,\r\n [myLoadsAssignedOrders]);\r\n\r\n const RenderAssignedRow = useCallback(({ data, index, style }) => (\r\n (index !== undefined && data[index])\r\n ? \r\n {header}\r\n \r\n
\r\n {allOrdersList}
\r\n onScrollX(e)}>\r\n
\r\n );\r\n\r\n const refreshPage = e => {\r\n if (pathname === '/ar/openorders') {\r\n load(resource, method, 'availableorderlist');\r\n } else if (pathname === '/ar/changerequestsar') {\r\n load(resource, method, 'orderschangerequestslist');\r\n } else {\r\n load(resource, method);\r\n };\r\n };\r\n\r\n const markAllAsChecked = () => {\r\n const orderIds = myLoadsAssignedOrders?.map(order => order.rowState.orderObjectId);\r\n if (orderIds.length) {\r\n setAllIsChecked(true);\r\n setChecked(resource, orderIds);\r\n setOrderId(resource, orderIds);\r\n setChangeRequestAcceptModalIsOpen(true);\r\n }\r\n };\r\n\r\n const subHeader = (\r\n \r\n
\r\n \r\n
\r\n )\r\n\r\n const pageLoading = (pathname === '/ar/changerequestsar' && changeRequestListLoading) || \r\n (pathname === '/ar/openorders' && openOrdersLoading) || \r\n loading;\r\n\r\n return <>\r\n {subHeader}\r\n {pageLoading ? \r\n
\r\n {pathname === '/ar/changerequestsar' && isAdmin ?\r\n \r\n
\r\n Refresh
\r\n \r\n
\r\n {uploadModalIsOpen && \r\n \r\n
: null\r\n }\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default DeletePriceTemplateModal;","export const SelectPriceStyles = (isDuplicate) => ({\r\n control: (base, state) => ({\r\n ...base,\r\n borderStyle: 'none',\r\n minWidth: 'unset',\r\n minHeight: '22px',\r\n paddingLeft: '4px',\r\n height: '16px',\r\n boxShadow: '0 0 0 0 #ffffff',\r\n alignContent: 'center',\r\n }),\r\n menu: (base, state) => ({\r\n ...base,\r\n }),\r\n menuList: () => ({\r\n position: 'fixed',\r\n height: '350px!important',\r\n overflowY: 'auto',\r\n }),\r\n input: (base, state) => ({\r\n ...base,\r\n height: 0,\r\n position: 'absolute',\r\n top: '0',\r\n marginTop: '-2px',\r\n }),\r\n valueContainer: (base, state) => ({\r\n display: 'flex',\r\n alignItems: 'self-end',\r\n paddingLeft: '0',\r\n maxWidth: '144px',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap',\r\n color: isDuplicate ? 'red' : 'inherit'\r\n }),\r\n container: (base, state) => ({\r\n ...base,\r\n pointerEvents: 'auto',\r\n }),\r\n singleValue: (base, state) => ({\r\n maxWidth: '144px',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap',\r\n margin: '4px 0',\r\n fontWeight: 'bold',\r\n }),\r\n option: (defaultStyles, state) => ({\r\n ...defaultStyles,\r\n backgroundColor: state.isSelected ? \"lightGrey\" : \"#fff\",\r\n border: '1px solid lightGray',\r\n borderRadius: '3px',\r\n padding: '4px',\r\n minHeight: '24px',\r\n }),\r\n indicatorsContainer: () => ({\r\n height: 'max-content',\r\n }),\r\n dropdownIndicator: (defaultStyles) => ({\r\n ...defaultStyles,\r\n padding: '0 2px 0 0!important',\r\n }),\r\n});","import React, { useState, useRef, useEffect, useCallback } from 'react';\r\nimport { useDispatch } from \"react-redux\";\r\nimport { InputNumber, Tooltip } from 'antd';\r\nimport { SearchOutlined, CaretDownOutlined } from '@ant-design/icons';\r\nimport Select, { components } from 'react-select';\r\nimport { setItemData, setItemDisplayState } from '../../../../store/actions/customers/customers';\r\nimport { CustomerPriceSelectors } from '../../../../store/selectors/customerPriceSelectors';\r\nimport { enabled } from 'store/dist/store.legacy';\r\nimport { GenerateMessages } from '../../../helper/element';\r\nimport DeletePriceTemplateModal from './DeletePriceTemplateModal';\r\nimport { SelectPriceStyles } from './SelectPriceStyle'\r\nimport './index.css';\r\n\r\nconst Cell = ({\r\n cellData,\r\n itemSize,\r\n rowState,\r\n resource,\r\n priceTemplateType,\r\n customerId,\r\n mainScroll,\r\n }) => {\r\n const dispatch = useDispatch();\r\n const { state, customersPriceList, allLocationsDoorsList, favoriteLocationsDoorsList, perPalletType } = CustomerPriceSelectors();\r\n const loadArea = state[resource];\r\n const redonly = 1;\r\n const editable = 2;\r\n const header = loadArea.headers.find(h => h.key === cellData.key);\r\n const width = header.width;\r\n const lastSelectId = loadArea.lastSelected.id;\r\n const lastSelectHeaderKey = loadArea.lastSelected.headerKey;\r\n const lastSelectenable = loadArea.lastSelected.enable;\r\n const rowStateId = rowState.id;\r\n const headerKey = header.key;\r\n const [displayState, setDisplayState] = useState(redonly);\r\n const [tempData, setTempData] = useState(null);\r\n const [deletePriceTemplateModalIsOpen, setDeletePriceTemplateModalIsOpen] = useState(false);\r\n const [pickLocation, setPickLocation] = useState('');\r\n const [dropLocation, setDropLocation] = useState('');\r\n\r\n useEffect(() => {\r\n if (lastSelectId === rowStateId && lastSelectHeaderKey === headerKey && lastSelectenable) {\r\n setDisplayState(enabled);\r\n }\r\n }, [lastSelectId, lastSelectHeaderKey, lastSelectenable, rowStateId, headerKey]);\r\n\r\n const data = cellData.value;\r\n const cellStyle = cellData.cellStyle;\r\n const color = rowState.type === 'load' ? 'white' : '#101C1C';\r\n\r\n const priceRange = {\r\n '1': 1,\r\n '2-4': 4,\r\n '5-8': 8,\r\n '9-12': 12,\r\n '13-16': 16,\r\n '17-21': 21,\r\n };\r\n\r\n const pricePall = {\r\n '1': 0,\r\n '2': 1,\r\n '3': 2,\r\n '4': 3,\r\n '5': 4,\r\n '6': 5,\r\n '7': 6,\r\n '8': 7,\r\n '9': 8,\r\n '10': 9,\r\n '11': 10,\r\n '12': 11,\r\n '13': 12,\r\n '14': 13,\r\n '15': 14,\r\n '16': 15,\r\n '17': 16,\r\n '18': 17,\r\n '19': 18,\r\n '20': 19,\r\n '21': 20,\r\n };\r\n\r\n const isPricePerPall = Object.keys(pricePall).includes(header.key);\r\n const priceHeader = isPricePerPall ? pricePall[headerKey] + 1 : priceRange[headerKey]\r\n\r\n const priceOverToMax = Number(tempData) * priceHeader > Number(rowState.data?.maxPrice) && \r\n headerKey !== 'pickLocation' && headerKey !== 'dropLocation';\r\n\r\n const backgroundColor = priceOverToMax ? '#DDC1C1' : headerKey === 'delete' ? '#449996' : 'inherit';\r\n\r\n let tooltip = '';\r\n if (priceTemplateType === 'PricePerPall' && !perPalletType) {\r\n tooltip = `Total $${Math.round(Number(tempData) * Number(header.key))}`;\r\n } else if (priceTemplateType === 'PricePerPall' && !!perPalletType) {\r\n tooltip = `$${Math.round(Number(tempData))}/pallet`;\r\n }\r\n if (priceTemplateType === 'PricePerPall' && (header.key === 'tl' || header.key === 'delete')) {\r\n tooltip = tempData && Math.round(Number(tempData));\r\n }\r\n if (priceTemplateType !== 'PricePerPall') {\r\n tooltip = tempData && Math.round(Number(tempData));\r\n }\r\n if (priceTemplateType === 'PricePerRange' && header.key !== 'tl' && header.key !== 'delete' && tempData) {\r\n tooltip = tempData && `$ ${Math.round(Number(tempData))}/pallet`;\r\n }\r\n if (priceTemplateType === 'PricePerPound' && header.key === 'perWeight') {\r\n tooltip = tempData && `$ ${tempData}/pound`;\r\n }\r\n if (priceTemplateType === 'PricePerPound' && (header.key === 'tl' || header.key === 'minPrice')) {\r\n tooltip = tempData && `$ ${tempData}`;\r\n }\r\n if (header.key === 'tl' && priceTemplateType !== 'PricePerPound') {\r\n tooltip = tempData && `$ ${Math.round(Number(tempData))}`;\r\n }\r\n if (priceOverToMax) {\r\n tooltip = 'LTL price exceeds TL price';\r\n }\r\n if (header.key === 'pickLocation' || header.key === 'dropLocation') {\r\n tooltip = '';\r\n }\r\n\r\n useEffect(() => {\r\n setTempData(data);\r\n }, [data]);\r\n\r\n useEffect(() => {\r\n if (rowState.id === 0) {\r\n setDisplayState(editable);\r\n }\r\n }, [cellData.key, resource, rowState.id]);\r\n\r\n const allLocationsDoorsListOptions = allLocationsDoorsList?.map(item => {\r\n return { ...item, 'label': item.text };\r\n });\r\n const favoriteLocationsDoorsListOptions = favoriteLocationsDoorsList?.map(item => {\r\n return { ...item, 'label': item.text };\r\n });\r\n \r\n const getTextFromValueAllLocations = useCallback(value => {\r\n return allLocationsDoorsListOptions?.length ? allLocationsDoorsListOptions?.filter(item => item.value === value)[0]?.text : [];\r\n }, [allLocationsDoorsListOptions]);\r\n\r\n const getTextFromValueFavoriteLocations = useCallback(value => {\r\n return favoriteLocationsDoorsListOptions?.length ? favoriteLocationsDoorsListOptions?.filter(item => item.value === value)[0]?.text : [];\r\n }, [favoriteLocationsDoorsListOptions]);\r\n\r\n const inputReference = useRef(null);\r\n const dataCompare = (newData, data) => {\r\n switch (cellData.fieldType) {\r\n case 'date':\r\n case 'dateTime':\r\n if (newData instanceof Date && data instanceof Date) {\r\n return newData.getTime() === data.getTime();\r\n }\r\n return newData === data;\r\n default:\r\n return newData === data;\r\n }\r\n }\r\n\r\n const tlIsEmpty = cellData.key === 'tl' && !cellData.value;\r\n\r\n const bothSameLocation = customersPriceList && (customersPriceList[0].rowState.data.pickLocationId === customersPriceList[0].rowState.data.dropLocationId) &&\r\n (customersPriceList[0].rowState.data.pickLocationId !== '' ||\r\n customersPriceList[0].rowState.data.dropLocationId !== '');\r\n\r\n const firstPickId = customersPriceList && customersPriceList[0].rowState.data.pickLocationId\r\n const pickLocationsIndexes = customersPriceList.map((item, index) => item.rowState.data.pickLocationId === firstPickId && index).filter(item => item !== false);\r\n const correspondingDropLocations = customersPriceList.filter((item, index) => pickLocationsIndexes.includes(index));\r\n const correspondingDropLocationsIds = correspondingDropLocations.map(item => item.rowState.data.dropLocationId);\r\n const isDuplicate = new Set(correspondingDropLocationsIds).size !== correspondingDropLocationsIds.length;\r\n\r\n const setData = value => {\r\n onSetBlur();\r\n if (!dataCompare(value, tempData)) {\r\n setTempData(value);\r\n setTimeout(() => {\r\n dispatch(setItemData(resource, Number(value), rowState, header, priceTemplateType));\r\n }, 100);\r\n }\r\n };\r\n\r\n const handleChangePick = (option) => {\r\n setPickLocation(option.label);\r\n setData(option.value);\r\n };\r\n\r\n const handleChangeDrop = (option) => {\r\n setDropLocation(option.label);\r\n setData(option.value);\r\n };\r\n\r\n const handleDelete = () => {\r\n setDeletePriceTemplateModalIsOpen(true);\r\n };\r\n\r\n const getData = () => {\r\n if (tempData !== '') {\r\n switch (cellData.fieldType) {\r\n case 'integer':\r\n if (priceTemplateType === 'PricePerPall' && perPalletType === true && header.key !== 'tl') {\r\n return tempData ? `$ ${Math.round(Number(tempData) * Number(header.key))}` : '$';\r\n } else if (priceTemplateType === 'PricePerPound') {\r\n return tempData ? `$ ${Number(tempData)}` : '$';\r\n } else {\r\n return tempData ? `$ ${Math.round(Number(tempData))}` : '$';\r\n }\r\n case 'selectPickLocation':\r\n return typeof tempData === 'number' ? getTextFromValueFavoriteLocations(tempData) : tempData;\r\n case 'selectDropLocation':\r\n return typeof tempData === 'number' ? getTextFromValueAllLocations(tempData) : tempData;\r\n case 'delete':\r\n return (\r\n This action can't be undone. Do you want to continue?
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n default:\r\n return tempData;\r\n }\r\n } else if (tempData === '' && headerKey !== 'pickLocation' && headerKey !== 'dropLocation') {\r\n return '$';\r\n }\r\n return tempData\r\n };\r\n\r\n const DropdownIndicator = props => {\r\n return (\r\n components.DropdownIndicator && (\r\n \r\n {data.row.map(cellContent)}\r\n
: null;\r\n };\r\n\r\nexport default Row;","import React from 'react';\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { sortBy } from '../../../../store/actions/accountReceivableActions/accountReceivableActions';\r\n\r\nconst HeaderCell = ({ ind, resource }) => {\r\n const dispatch = useDispatch();\r\n const state = useSelector((state) => state);\r\n\r\n const loadArea = state[resource];\r\n const data = loadArea.headers[ind];\r\n\r\n let cellStyle = {\r\n maxWidth: `${data.width}px`,\r\n width: `${data.width}px`,\r\n minWidth: `${data.width}px`,\r\n };\r\n\r\n if (data.leftAction) {\r\n cellStyle = {\r\n ...cellStyle, ...{\r\n position: 'sticky',\r\n left: 0,\r\n maxWidth: `${data.width-1}px`,\r\n width: `${data.width-1}px`,\r\n minWidth: `${data.width-1}px`,\r\n }\r\n };\r\n }\r\n\r\n const sortableClick = () => {\r\n if(state.AccountReceivable.sortType && state.AccountReceivable.sortType.sort && state.AccountReceivable.sortType.sort[0] === \"ask\"){\r\n dispatch(sortBy(resource, {type: data.key, ind, sort: ['desc']}))\r\n } else if(state.AccountReceivable.sortType && state.AccountReceivable.sortType.sort === null){\r\n dispatch(sortBy(resource, {type: data.key, ind, sort: ['ask']}))\r\n } else {\r\n dispatch(sortBy(resource, {type: data.key, ind, sort: null}))\r\n }\r\n }\r\n const headerCall = (\r\n \r\n {data.title}\r\n
\r\n \r\n );\r\n\r\n return headerCall;\r\n};\r\n\r\nexport default HeaderCell;","import React from 'react';\r\nimport HeaderCell from './headerCell';\r\nimport { CustomerPriceSelectors } from '../../../../store/selectors/customerPriceSelectors';\r\n\r\nconst HeaderRow = ({ resource }) => {\r\n const { state } = CustomerPriceSelectors();\r\n const loadArea = state[resource];\r\n \r\n return (\r\n \r\n {loadArea.headers.map((_, ind) => {\r\n return
\r\n );\r\n};\r\n\r\nexport default HeaderRow;","import React from 'react';\r\nimport { useDispatch } from \"react-redux\";\r\nimport Modal from 'react-modal';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { setCustomerPriceType } from '../../../../store/actions/customers/customers';\r\n\r\nconst ChangePriceTemplateModal = ({ \r\n changePriceTemplateModalIsOpen,\r\n setChangePriceTemplateModalIsOpen,\r\n customerId,\r\n priceTemplateType,\r\n setPriceTemplateType,\r\n prevPrice,\r\n }) => {\r\n\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n\r\n const priceType = {\r\n SPOT: 1,\r\n PricePerPall: 2,\r\n PricePerRange: 3,\r\n PricePerPound: 4,\r\n spot: 1,\r\n priceperpall: 2,\r\n priceperrange: 3,\r\n priceperpound: 4,\r\n };\r\n\r\n const closeModal = () => {\r\n setChangePriceTemplateModalIsOpen(false);\r\n setPriceTemplateType(prevPrice);\r\n dispatch(setCustomerPriceType('customer', 'customerpricetype', customerId, priceType[prevPrice]));\r\n };\r\n\r\n const customStyles = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '250px',\r\n maxWidth: '320px',\r\n minHeight: '180px', \r\n borderRadius: '8px',\r\n padding: '6px 12px',\r\n textAlign: 'center',\r\n },\r\n };\r\n\r\n const confirm = () => { \r\n dispatch(setCustomerPriceType('customer', 'customerpricetype', customerId, priceType[priceTemplateType]));\r\n history.replace(`/loadplanning/customer_price/${priceTemplateType.toLowerCase()}?id=${customerId}`);\r\n setPriceTemplateType(priceTemplateType);\r\n setChangePriceTemplateModalIsOpen(false);\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ChangePriceTemplateModal;","import React from 'react';\r\nimport Modal from 'react-modal';\r\n\r\nconst DuplicateLocationsModal = ({ \r\n duplicateLocationsModalIsOpen,\r\n setDuplicateLocationsModalIsOpen,\r\n }) => {\r\n\r\n const closeModal = () => {\r\n setDuplicateLocationsModalIsOpen(false);\r\n };\r\n\r\n const customStyles = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n minWidth: '250px',\r\n maxWidth: '320px',\r\n minHeight: '180px', \r\n borderRadius: '8px',\r\n padding: '6px 12px',\r\n textAlign: 'center',\r\n },\r\n };\r\n\r\n return (\r\n Are you sure you want to activate selected template?
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default DuplicateLocationsModal;","import React, { useMemo, useRef, useEffect, useCallback, useState } from 'react';\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useHistory } from 'react-router-dom';\r\nimport { VariableSizeList } from 'react-window';\r\nimport AutoSizer from 'react-virtualized-auto-sizer';\r\nimport { Radio, Switch, message } from 'antd';\r\nimport { getCustomerPrice, addEmptyLineOnPriceList, addCustomerPrice, removeEmptyLinesOnPriceList, resetError, setPerPalletType } from '../../../../store/actions/customers/customers';\r\nimport { getAllLocationDoorList, getFavoriteLocationDoorList } from '../../../../store/actions/customerOrderLocations/customerOrderLocations';\r\nimport { getContentWidth } from '../../../../store/reducers/accountReceivableReducer/helper/general';\r\nimport { CustomerPriceSelectors } from '../../../../store/selectors/customerPriceSelectors';\r\nimport Row from './row';\r\nimport HeaderRow from './headerRow';\r\nimport Loading from \"../../screen/loading\";\r\nimport ChangePriceTemplateModal from './ChangePriceTemplateModal';\r\nimport DuplicateLocationsModal from './DuplicateLocationsModal';\r\n\r\nconst CustomerPriceSpreadsheet = ( { customerId } ) => {\r\n const dispatch = useDispatch();\r\n const { state, customersPriceList, hasError, loading, actionMessage, customersList, favoriteDoorsLocationsLoading, allDoorsLocationsLoading } = CustomerPriceSelectors();\r\n\r\n const customerPriceTemplateType = customersList?.data?.filter(customer => Number(customer.id) === Number(customerId))[0]?.priceTemplateType;\r\n const priceType = customerPriceTemplateType ? customerPriceTemplateType : customersList?.priceTemplateType;\r\n const [priceTemplateType, setPriceTemplateType] = useState(null);\r\n const [prevPrice, setPrevPrice] = useState(null);\r\n const [duplicateLocationsModalIsOpen, setDuplicateLocationsModalIsOpen] = useState(false);\r\n const [changePriceTemplateModalIsOpen, setChangePriceTemplateModalIsOpen] = useState(false);\r\n const assignedRef = useRef({});\r\n const history = useHistory();\r\n const resource = 'customers';\r\n const scrollSize = 16;\r\n const defRowHeight = 20;\r\n\r\n let customerPriceTemplateTypeText = '';\r\n if (priceType === 1 || !priceType) {\r\n customerPriceTemplateTypeText = 'SPOT'\r\n } else if (priceType === 2) {\r\n customerPriceTemplateTypeText = 'PricePerPall'\r\n } else if (priceType === 3) {\r\n customerPriceTemplateTypeText = 'PricePerRange'\r\n } else if (priceType === 4) {\r\n customerPriceTemplateTypeText = 'PricePerPound'\r\n }\r\n\r\n let noTemplateSelected = null;\r\n if ((priceType === 1 || !priceType) && !loading) {\r\n noTemplateSelected = The Pick Location and The Drop Locations can't be the same
\r\n \r\n \r\n
\r\n No template selected
;\r\n };\r\n\r\n useEffect(() => {\r\n priceTemplateType && history.replace(`/loadplanning/customer_price/${priceTemplateType?.toLowerCase()}?id=${customerId}`);\r\n }, [customerId, history, priceTemplateType]);\r\n\r\n useEffect(() => {\r\n setPriceTemplateType(customerPriceTemplateTypeText)\r\n }, [customerPriceTemplateType, customerPriceTemplateTypeText, customersList]);\r\n\r\n useEffect(() => {\r\n if (customerPriceTemplateTypeText && customerPriceTemplateTypeText !== 'SPOT') {\r\n dispatch(getCustomerPrice(customerPriceTemplateTypeText, customerId));\r\n }\r\n }, [resource, customersList, hasError, customerPriceTemplateTypeText, dispatch, customerId]);\r\n\r\n useEffect(() => {\r\n if (hasError) {\r\n message.error(actionMessage);\r\n dispatch(resetError(resource));\r\n }\r\n }, [hasError, actionMessage, resource, dispatch]);\r\n\r\n useEffect(() => {\r\n dispatch(getAllLocationDoorList('location', 'locationdoorlist'));\r\n dispatch(getFavoriteLocationDoorList('location', 'locationdoorlistbyparentid', customerId));\r\n }, [customerId, dispatch]);\r\n\r\n const addEmptyRow = () => {\r\n dispatch(addEmptyLineOnPriceList(resource, customerId));\r\n };\r\n\r\n const listReference = useRef(null);\r\n const listHeaderReference = useRef(null);\r\n const mainScroll = useRef(null);\r\n const startOnScroll = width => mainScroll.current.scrollLeft = width;\r\n\r\n const onScrollX = e => {\r\n if (listHeaderReference.current && listReference.current && e.target) {\r\n listHeaderReference.current.scrollLeft =\r\n listReference.current.scrollLeft = e.target.scrollLeft;\r\n }\r\n };\r\n\r\n const width = getContentWidth(state[resource].headers) + scrollSize;\r\n \r\n const header = useMemo(() =>\r\n \r\n \r\n
\r\n ,\r\n [resource]);\r\n \r\n const getAsignedItemSize = useCallback(\r\n index => customersPriceList[index] ? customersPriceList[index].rowState?.height : defRowHeight,\r\n [customersPriceList]);\r\n\r\n const RenderAssignedRow = useCallback(({ data, index, style }) => (\r\n (index !== undefined && data[index])\r\n ? \r\n \r\n \r\n
\r\n );\r\n\r\n const content = (<>\r\n {header}
\r\n {allOrdersList}
\r\n {buttonsContainer}\r\n onScrollX(e)}>\r\n
\r\n );\r\n\r\n const onChange = (e) => {\r\n const pathArray = window.location.pathname.split('/');\r\n const secondLevelLocation = pathArray[3];\r\n setPrevPrice(secondLevelLocation);\r\n setChangePriceTemplateModalIsOpen(true);\r\n setPriceTemplateType(e.target.value);\r\n };\r\n\r\n const radioGroup = \r\n (\r\n \r\n
\r\n );\r\n\r\n const handleSwitchChange = e => {\r\n if (e) {\r\n dispatch(setPerPalletType(resource, false));\r\n } else {\r\n dispatch(setPerPalletType(resource, true));\r\n }\r\n };\r\n\r\n const switchTypeContainer = (\r\n GROSS\r\n
\r\n );\r\n\r\n return <>\r\n {(loading || allDoorsLocationsLoading || favoriteDoorsLocationsLoading) && !noTemplateSelected ? \r\n {priceTemplateType !== 'SPOT' ? addPriceButton : ''}\r\n {priceType === 2 ? switchTypeContainer : ''}\r\n
\r\n {changePriceTemplateModalIsOpen ? \r\n \r\n \r\n \r\n left \r\n \r\n \r\n {customerName ? Customer {customerName} : ''}\r\n \r\n
\r\n \r\n Customer Details\r\n Price\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n {userRole}\r\n
\r\n } */}\r\n { !props.isHiddenMenu && (\r\n \r\n