\r\n
\r\n }\r\n \r\n
\r\n );\r\n }\r\n\r\n}\r\nWmsButton.propTypes = {\r\n id: PropTypes.string, // this should write the id to the button\r\n buttonType: PropTypes.string, // ['green', 'yellow', 'red', 'black', 'blue']\r\n wmsSelector: PropTypes.string.isRequired, // this should set up a selector on the input\r\n label: PropTypes.string.isRequired,// thi should set label on button\r\n icon: PropTypes.string,// set icon in button\r\n disabled: PropTypes.bool, // disable button\r\n showToolTip: PropTypes.bool, // set tooltip show or not\r\n tooltipText: PropTypes.string, // show text on hover as tooltip\r\n loading: PropTypes.bool, // this pass loading true/false base on process runing or complete\r\n onClickFunc: PropTypes.func.isRequired, // this should control the onClick event and anything we need to determine before we send it up\r\n}\r\nWmsButton.defaultProps = {\r\n buttonType: 'primary',\r\n loading: false,\r\n showToolTip: false,\r\n disabled: false,\r\n tooltipText: 'set tooltip text',\r\n icon: '',\r\n parentClassName: ''\r\n}\r\nexport default WmsButton;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport style from './WmsDateTimePicker.scss';\r\n\r\nclass WmsDateTimePicker extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.windowId = this.props.windowId ? \".\" + this.props.windowId : \"\";\r\n this.jquerySelector = this.windowId + \" #\" + this.props.id;\r\n this.kendoDateTimePicker = \"\";\r\n this.viewtype = \"\";\r\n this.datePickerOptions = \"\";\r\n }\r\n\r\n componentDidMount() {\r\n var that = this;\r\n this.datePickerOptions = {\r\n open: function (event) {\r\n that.viewtype = event.view;\r\n },\r\n change: function (event) {\r\n var value = this.value();\r\n if (value != null && value.getHours() == 0 && that.viewtype !== \"time\") {\r\n let formatArr = that.props.defaultTime.split(':');\r\n value.setHours(formatArr[0]);\r\n value.setMinutes(formatArr[1]);\r\n value.setSeconds(formatArr[2]);\r\n this.value(value);\r\n }\r\n that.onChangeFunc();\r\n },\r\n close: function (event) {\r\n that.viewtype = \"\";\r\n },\r\n format: that.props.format,\r\n parseFormats: [that.props.format]\r\n }\r\n\r\n if (this.props.maxDateTime !== \"\") {\r\n this.datePickerOptions.max = this.props.maxDateTime;\r\n }\r\n if (this.props.minDateTime !== \"\") {\r\n this.datePickerOptions.min = this.props.minDateTime;\r\n }\r\n\r\n $(this.jquerySelector).kendoDateTimePicker(this.datePickerOptions);\r\n this.kendoDateTimePicker = $(this.jquerySelector).data(\"kendoDateTimePicker\")\r\n\r\n $(this.jquerySelector).bind(\"focus\", (e) => {\r\n setTimeout(() => {\r\n if (that.viewtype != \"time\") {\r\n this.kendoDateTimePicker.open();\r\n }\r\n }, 100);\r\n });\r\n\r\n var addClasses = (((that.props.required) ? 'wms_required_datepicker' : ''));\r\n $(this.jquerySelector).parents(\".k-datetimepicker\").addClass(addClasses);\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.maxDateTime != prevProps.maxDateTime && this.props.maxDateTime !== \"\") {\r\n this.kendoDateTimePicker.setOptions({\r\n max: this.props.maxDateTime\r\n });\r\n }\r\n if (this.props.minDateTime != prevProps.minDateTime && this.props.minDateTime !== \"\") {\r\n this.kendoDateTimePicker.setOptions({\r\n min: this.props.minDateTime\r\n });\r\n }\r\n if (this.props.required != prevProps.required) {\r\n var addClasses = this.props.required ? 'wms_required_datepicker' : '';\r\n var removeClasses = !this.props.required ? 'wms_required_datepicker' : '';\r\n\r\n $(this.jquerySelector).parents(\".k-datetimepicker\").addClass(addClasses).removeClass(removeClasses);\r\n }\r\n this.kendoDateTimePicker.enable(!this.props.disabled);\r\n }\r\n\r\n onChangeFunc = () => {\r\n var datePicker = $(this.jquerySelector).data(\"kendoDateTimePicker\");\r\n var tmpDateVal = datePicker.value();\r\n if (this.props.isDateParseInCustomFormat) {\r\n tmpDateVal = kendo.toString(kendo.parseDate(tmpDateVal), 'yyyy-MM-ddTHH:mm:ss');\r\n }\r\n let event = {\r\n target: {\r\n name: this.props.name,\r\n value: tmpDateVal\r\n }\r\n }\r\n if (datePicker.element) {\r\n datePicker.element[0].blur();\r\n }\r\n this.props.onChangeFunc(event);\r\n }\r\n\r\n clearDateTimePicker = () => {\r\n let event = {\r\n target: {\r\n name: this.props.name,\r\n value: ''\r\n }\r\n }\r\n if (this.props.value) {\r\n this.props.onChangeFunc(event);\r\n }\r\n var datePicker = $(this.jquerySelector).data(\"kendoDateTimePicker\");\r\n datePicker.value(\"\");\r\n }\r\n render() {\r\n let renderValue = (typeof this.props.value == 'undefined' ||\r\n this.props.value === '' ||\r\n this.props.value === null) ?\r\n '' :\r\n kendo.toString(kendo.parseDate(this.props.value), this.props.format);\r\n return (\r\n \r\n \r\n {this.props.loading ?\r\n :\r\n this.props.icon != '' && ()}\r\n
\r\n {this.props.label}
\r\n \r\n\r\n {\r\n this.props.disabled == true &&\r\n this.props.showToolTip == true &&\r\n this.props.loading == false &&\r\n (\r\n \r\n {this.state.isHovering == true && (
)\r\n }\r\n {this.props.tooltipText}
)}\r\n \r\n \r\n \r\n\r\n null}\r\n required={this.props.required}\r\n disabled={this.props.disabled}\r\n />\r\n\r\n
\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\n\r\nWmsDateTimePicker.propTypes = {\r\n id: PropTypes.string.isRequired, // this should write the id to the input\r\n name: PropTypes.string.isRequired, //this should set the name of datepicker input\r\n label: PropTypes.string.isRequired, // this should write the label of the menu\r\n windowId: PropTypes.string, // this should be used to get window id\r\n format: PropTypes.string, // this shiuld set date formate\r\n value: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.instanceOf(Date)\r\n ]),// this should control the value of datepicker\r\n maxDateTime: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.instanceOf(Date)\r\n ]),\r\n minDateTime: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.instanceOf(Date)\r\n ]),\r\n defaultTime: PropTypes.string, // this is used for set default time of datetimepicker\r\n onChangeFunc: PropTypes.func.isRequired, // this sould manage datepicker change and clear select value\r\n parentClassName: PropTypes.string, // this should parent tag class default parent class is form-group\r\n onlyDate: PropTypes.bool, // hide time icon for only show date\r\n extraWrapperClass: PropTypes.string, // extra wrapper class if needed\r\n disabled: PropTypes.bool, // hide time icon for only show date\r\n wmsSelector: PropTypes.string, // this should set up a selector on the date\r\n isDateParseInCustomFormat: PropTypes.bool, // set true to parse date in custom format\r\n\r\n}\r\n\r\nWmsDateTimePicker.defaultProps = {\r\n format: \"M/d/yyyy h:mm tt\",\r\n defaultTime: '12:00:00',\r\n parentClassName: \"form_group\",\r\n extraWrapperClass: \"\",\r\n windowId: \"\",\r\n onlyDate: false,\r\n disabled: false,\r\n wmsSelector: '',\r\n isDateParseInCustomFormat: false,\r\n maxDateTime: \"\",\r\n minDateTime: \"\",\r\n}\r\n\r\nexport default WmsDateTimePicker;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport style from './WmsMultiDropdown.scss';\r\n\r\nclass WmsMultiDropdown extends React.PureComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n value: props.value,\r\n isHovering: false,\r\n options: props.options,\r\n dataSourceObj: props.dataSourceObj\r\n }\r\n }\r\n componentDidMount() {\r\n if (typeof $(\"#\" + this.props.id).data('kendoMultiSelect') == \"undefined\" && (this.props.options.length !== 0 || this.props.isVirtualOptions)) {\r\n this.bindKendoMultiSelect();\r\n }\r\n }\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n if (nextProps.value != prevState.value) {\r\n if (typeof $(\"#\" + nextProps.id).data(\"kendoMultiSelect\") != \"undefined\") {\r\n $(\"#\" + nextProps.id).data(\"kendoMultiSelect\").value(nextProps.value);\r\n return { value: nextProps.value };\r\n }\r\n }\r\n\r\n if (nextProps.isVirtualOptions &&\r\n typeof nextProps.dataSourceObj.transport != \"undefined\" &&\r\n JSON.stringify(nextProps.dataSourceObj.transport.read.data) != JSON.stringify(prevState.dataSourceObj.transport.read.data)\r\n ) {\r\n var multiselect = $(\"#\" + nextProps.id).data(\"kendoMultiSelect\");\r\n if (typeof multiselect != \"undefined\" && multiselect.dataSource.transport.options) {\r\n multiselect.value('');\r\n multiselect.dataSource.transport.options.read.data = nextProps.dataSourceObj.transport.read.data;\r\n multiselect.dataSource.read();\r\n }\r\n }\r\n if (!nextProps.isVirtualOptions && nextProps.options != prevState.options) {\r\n if (typeof $(\"#\" + nextProps.id).data(\"kendoMultiSelect\") != \"undefined\") {\r\n var multiselect = $(\"#\" + nextProps.id).data(\"kendoMultiSelect\");\r\n var newDataSource = new kendo.data.DataSource({\r\n data: nextProps.options\r\n });\r\n multiselect.setDataSource(newDataSource);\r\n $(\"#\" + nextProps.id).data(\"kendoMultiSelect\").setDataSource(nextProps.options);\r\n return { options: nextProps.options };\r\n }\r\n }\r\n return null;\r\n }\r\n componentDidUpdate(prevProps, prevState) {\r\n var that = this;\r\n if (typeof $(\"#\" + this.props.id).data('kendoMultiSelect') == \"undefined\") {\r\n this.bindKendoMultiSelect();\r\n }\r\n }\r\n bindKendoMultiSelect() {\r\n var that = this;\r\n let obj = {\r\n dataSource: this.props.options,\r\n dataTextField: this.props.textField,\r\n dataValueField: this.props.valueField,\r\n value: this.props.value,\r\n tagTemplate: this.props.tagTemplate,\r\n tagMode: 'single',\r\n change: function (e) {\r\n that.props.onChangeFunc($(\"#\" + that.props.id).val());\r\n },\r\n dataBound: function (event) {\r\n that.props.onDataBound(event);\r\n }\r\n }\r\n if (this.props.isVirtualOptions) {\r\n obj.dataSource = this.props.dataSourceObj;\r\n obj.virtual = this.props.virtualObj;\r\n }\r\n $(\"#\" + this.props.id).kendoMultiSelect(obj);\r\n }\r\n handleMouseHover = () => {\r\n this.setState({ isHovering: true });\r\n }\r\n handleMouseLeave = () => {\r\n this.setState({ isHovering: false });\r\n }\r\n render() {\r\n return (\r\n \r\n {this.props.label != \"\" && (\r\n \r\n )}\r\n \r\n {\r\n this.props.showToolTip == true &&\r\n (
\r\n );\r\n }\r\n\r\n}\r\nWmsMultiDropdown.propTypes = {\r\n id: PropTypes.string.isRequired, // this should write the id to the input\r\n name: PropTypes.string.isRequired, // this should write the name to the input\r\n wmsSelector: PropTypes.string.isRequired, // this should set up a selector on the input\r\n value: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.number,\r\n PropTypes.array\r\n ]), // this should control the value of multiSelect Dropdown\r\n parentClassName: PropTypes.string, // this should parent tag class\r\n options: PropTypes.array,// this should a option of dropdown\r\n onChangeFunc: PropTypes.func.isRequired, // this should control the onchange event and anything we need to determine before we send it up\r\n disabled: PropTypes.bool,//this should set dropdown disable\r\n isVirtualOptions: PropTypes.bool,// this should be true when option from virtual api\r\n dataSourceObj: PropTypes.object,// this contain transport object\r\n virtualObj: PropTypes.object,// this contain value mapper object\r\n template: PropTypes.string,// this should conatin customer display structure in dropdown\r\n onDataBound: PropTypes.func,// fire event on data bound,\r\n label: PropTypes.string,\r\n showToolTip: PropTypes.bool,\r\n tooltipText: PropTypes.string,\r\n tagTemplate: PropTypes.string // set the custom template for selected value, it's default template is '1 item(s) selected'\r\n}\r\n\r\nWmsMultiDropdown.defaultProps = {\r\n disabled: false,\r\n options: [],\r\n parentClassName: \"form-group\",\r\n isVirtualOptions: false,\r\n showToolTip: false,\r\n tooltipText: '',\r\n template: '',\r\n label: '',\r\n onDataBound: (e) => function () { },\r\n tagTemplate: ''\r\n}\r\nexport default WmsMultiDropdown;","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport style from \"./WmsCustomDateTimePicker.scss\";\r\n\r\nimport { StringWms } from '../../../../assets/ts/StringWms.ts';\r\n\r\nclass WmsCustomDateTimePicker extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.windowId = this.props.windowId == \"\" ? \"\" : \".\" + this.props.windowId;\r\n this.years = _.range(2011,2041);\r\n\r\n let commonOptions = StringWms.getCommonOptionsForDateTimePicker();\r\n this.defaultDateOption = commonOptions.defaultDateOption;\r\n this.defaultTimeFormat = commonOptions.timeFormat;\r\n this.defaultDateTime = moment(this.props.defaultTime, 'HH:mm:ss');\r\n\r\n this.state = {\r\n extraOptions: commonOptions.extraOptions,\r\n monthOptions: moment.months(),\r\n dayOptions: [],\r\n yearOptions: this.years,\r\n timeOptions: [],\r\n filterString: this.props.value,\r\n isSelectExtraOption: false,\r\n selectedDateOptions: this.defaultDateOption,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n if (!this.props.onlyDate) {\r\n this.setOptionsForTime(this.props.stepsTime);\r\n }\r\n this.setDateTimePickerValue(this.props.value);\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if (JSON.stringify(prevProps) != JSON.stringify(this.props)) {\r\n if (this.props.value != prevProps.value) {\r\n this.setDateTimePickerValue(this.props.value);\r\n }\r\n }\r\n }\r\n\r\n setDateTimePickerValue = (filterString) => {\r\n let convertedData = StringWms.convertFilterStringToISODate(filterString, null, this.props.onlyDate,this.props.isDateParseInCustomFormat);\r\n\r\n let dateOptions = convertedData.dateOptions;\r\n let dayDropdownOptions = this.getOptionsForDayDropdown(dateOptions);\r\n dateOptions.day = dayDropdownOptions.selectedDay;\r\n\r\n this.setState({\r\n dayOptions: dayDropdownOptions.options,\r\n isSelectExtraOption: convertedData.isFromExtraOptions,\r\n filterString: convertedData.filterString,\r\n selectedDateOptions: dateOptions\r\n });\r\n }\r\n\r\n changeMonth = (event) => {\r\n let value = event.target.value;\r\n\r\n let dateOptions = Object.assign({}, this.state.selectedDateOptions);\r\n dateOptions.month = value;\r\n dateOptions.time = (dateOptions.time) ? dateOptions.time : this.defaultDateTime.format(this.defaultTimeFormat);\r\n\r\n let isSelectExtraOption = this.state.isSelectExtraOption;\r\n if (_.has(this.state.monthOptions, (value-1))) {\r\n dateOptions.day = dateOptions.day ? dateOptions.day : this.defaultDateTime.date();\r\n dateOptions.year = dateOptions.year ? dateOptions.year : this.defaultDateTime.year();\r\n isSelectExtraOption = false;\r\n } else {\r\n dateOptions.day = '';\r\n dateOptions.year = '';\r\n isSelectExtraOption = true;\r\n }\r\n\r\n let dayDropdownOptions = this.getOptionsForDayDropdown(dateOptions);\r\n dateOptions.day = dayDropdownOptions.selectedDay;\r\n\r\n this.setState({\r\n dayOptions: dayDropdownOptions.options,\r\n isSelectExtraOption: isSelectExtraOption,\r\n selectedDateOptions: dateOptions\r\n }, () => {\r\n this.changeDateTimeAndEmit();\r\n });\r\n }\r\n\r\n changeDay = (event) => {\r\n let day = event.target.value;\r\n this.changeSelectedDateOptions({ day: day});\r\n }\r\n\r\n changeYear = (event) => {\r\n let value = event.target.value;\r\n\r\n let dateOptions = Object.assign({}, this.state.selectedDateOptions);\r\n\r\n dateOptions.year = value;\r\n dateOptions.day = (dateOptions.day) ? dateOptions.day : this.defaultDateTime.date();\r\n dateOptions.month = (dateOptions.month) ? dateOptions.month : this.defaultDateTime.format('M');\r\n dateOptions.time = (dateOptions.time) ? dateOptions.time : this.defaultDateTime.format(this.defaultTimeFormat);\r\n\r\n let dayDropdownOptions = this.getOptionsForDayDropdown(dateOptions);\r\n dateOptions.day = dayDropdownOptions.selectedDay;\r\n\r\n this.setState({\r\n dayOptions: dayDropdownOptions.options,\r\n selectedDateOptions: dateOptions\r\n }, () => {\r\n this.changeDateTimeAndEmit();\r\n });\r\n }\r\n\r\n changeTime = (event) => {\r\n let time = event.target.value;\r\n this.changeSelectedDateOptions({ time: time});\r\n }\r\n\r\n changeSelectedDateOptions = (updateObj) => {\r\n let selectedOptions = Object.assign({}, this.state.selectedDateOptions, updateObj);\r\n\r\n selectedOptions.time = (selectedOptions.time) ? selectedOptions.time : this.defaultDateTime.format(this.defaultTimeFormat);\r\n\r\n if (!this.state.isSelectExtraOption) {\r\n selectedOptions.day = (selectedOptions.day) ? selectedOptions.day : this.defaultDateTime.date();\r\n selectedOptions.month = (selectedOptions.month) ? selectedOptions.month : this.defaultDateTime.format('M');\r\n selectedOptions.year = (selectedOptions.year) ? selectedOptions.year : this.defaultDateTime.year();\r\n }\r\n\r\n this.setState({\r\n selectedDateOptions: selectedOptions,\r\n }, () => {\r\n this.changeDateTimeAndEmit();\r\n });\r\n }\r\n\r\n changeDateTimeAndEmit = () => {\r\n let {year, month, day, time} = this.state.selectedDateOptions;\r\n let filterString = '';\r\n\r\n if (month) {\r\n let momentDate = moment();\r\n\r\n if (this.state.isSelectExtraOption) {\r\n let opt = _.find(this.state.extraOptions, { value: month });\r\n momentDate = momentDate.subtract(opt.number, opt.name);\r\n } else {\r\n momentDate = moment([year, (month - 1), day]);\r\n }\r\n\r\n if (time) {\r\n let dateTime = moment(time, this.defaultTimeFormat);\r\n if (dateTime.isValid()) {\r\n momentDate.set({\r\n hour: dateTime.get('hours'),\r\n minute: dateTime.get('minute'),\r\n second:0,\r\n millisecond:0\r\n });\r\n }\r\n }\r\n if(!this.props.isDateParseInCustomFormat){\r\n momentDate = momentDate.utc();\r\n }\r\n if (this.state.isSelectExtraOption) {\r\n filterString = `${month}~${momentDate.format('HH:mm:ss')}`;\r\n } else {\r\n filterString = (this.props.isDateParseInCustomFormat) ?\r\n momentDate.format('YYYY-MM-DDTHH:mm:ss') :\r\n momentDate.toISOString();\r\n }\r\n }\r\n\r\n this.setState({\r\n filterString: filterString\r\n });\r\n\r\n let eventObj = {\r\n target:{\r\n name: this.props.name,\r\n // value_dup: momentDate.toISOString(),\r\n value: filterString,\r\n // filterString: filterString\r\n }\r\n }\r\n this.props.onChangeFunc(eventObj);\r\n }\r\n\r\n getOptionsForDayDropdown = (selectedOptions) => {\r\n let {year, month, day} = selectedOptions;\r\n let daysInMonth = 31;\r\n\r\n if (year && month) {\r\n let momentDate = moment([year, (month - 1)]);\r\n daysInMonth = momentDate.daysInMonth();\r\n }\r\n\r\n let dayOptions = _.range(1, (daysInMonth + 1));\r\n\r\n if(!dayOptions.includes(parseInt(day))) {\r\n day = '';\r\n }\r\n\r\n return {\r\n options: dayOptions,\r\n selectedDay: day\r\n }\r\n }\r\n\r\n setOptionsForTime = (step = 60) => {\r\n let timeArray = [];\r\n let minute = 0;\r\n let totMinutes = moment.duration(1, \"day\").asMinutes();\r\n\r\n while (minute <= totMinutes) {\r\n let time = moment.utc(moment.duration(minute, \"minutes\").asMilliseconds()).format(this.defaultTimeFormat);\r\n timeArray.push(time);\r\n if (minute == (totMinutes - step)) {\r\n step--;\r\n }\r\n minute += step;\r\n }\r\n this.setState({\r\n timeOptions: timeArray,\r\n });\r\n }\r\n\r\n clearDatePicker = () => {\r\n if (this.props.value) {\r\n let dateOptions = this.defaultDateOption\r\n\r\n let dayDropdownOptions = this.getOptionsForDayDropdown(dateOptions);\r\n dateOptions.day = dayDropdownOptions.selectedDay;\r\n\r\n this.setState({\r\n dayOptions: dayDropdownOptions.options,\r\n isSelectExtraOption: false,\r\n selectedDateOptions: dateOptions\r\n }, () => {\r\n this.changeDateTimeAndEmit();\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.state.isHovering == true &&
)\r\n }\r\n {this.props.tooltipText}
}\r\n \r\n
\r\n \r\n \r\n {(this.state.selectedDateOptions.month == '') &&\r\n \r\n }\r\n {this.state.extraOptions.map((opt, key) => (\r\n \r\n ))}\r\n\r\n \r\n {/* */}\r\n\r\n {this.state.monthOptions.map((month, key) => (\r\n \r\n ))}\r\n \r\n \r\n
\r\n\r\n \r\n \r\n {(this.state.selectedDateOptions.day == '') &&\r\n \r\n }\r\n {this.state.dayOptions.map((day, key) => (\r\n \r\n ))}\r\n \r\n \r\n
\r\n\r\n \r\n \r\n {(this.state.selectedDateOptions.year == '') &&\r\n \r\n }\r\n {this.state.yearOptions.map((year, key) => (\r\n \r\n ))}\r\n \r\n \r\n
\r\n\r\n {!this.props.onlyDate && (\r\n \r\n \r\n {(this.state.selectedDateOptions.time == '') &&\r\n \r\n }\r\n {this.state.timeOptions.map((time, key) => (\r\n \r\n ))}\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nWmsCustomDateTimePicker.propTypes = {\r\n id: PropTypes.string.isRequired, // this should write the id to the input\r\n name: PropTypes.string.isRequired, //this should set the name of datepicker input\r\n label: PropTypes.string.isRequired, // this should write the label of the menu\r\n windowId: PropTypes.string, // this should be used to get window id\r\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(Date)]), // this should control the value of datepicker\r\n defaultTime: PropTypes.string, // this is used for set default time of datetimepicker\r\n stepsTime: PropTypes.number, // this is used for set steps in times dropdown\r\n onChangeFunc: PropTypes.func.isRequired, // this sould manage datepicker change and clear select value\r\n parentClassName: PropTypes.string, // this should parent tag class default parent class is form-group\r\n onlyDate: PropTypes.bool, // hide time icon for only show date\r\n wmsSelector: PropTypes.string, // this should set up a selector on the date\r\n disabled: PropTypes.bool, // default will be false\r\n isDateParseInCustomFormat: PropTypes.bool, // set true to parse date in custom format not in ISO\r\n defaultOptionMonth: PropTypes.string // set default first option by default is '----'\r\n};\r\n\r\nWmsCustomDateTimePicker.defaultProps = {\r\n defaultTime: \"00:00:00\",\r\n stepsTime: 30,\r\n parentClassName: \"\",\r\n windowId: \"\",\r\n onlyDate: false,\r\n disabled: false,\r\n wmsSelector: \"\",\r\n isDateParseInCustomFormat:false,\r\n defaultOptionMonth: '-----'\r\n};\r\n\r\nexport default WmsCustomDateTimePicker;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport style from './WmsDropdown.scss';\r\n\r\nclass WmsDropdown extends React.PureComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.windowId = props.windowId == \"\" ? \"\" : \".\" + props.windowId;\r\n this.dropdownId = this.windowId + \" #\" + this.props.id;\r\n this.state = {\r\n isSetRequiredBorder: false,\r\n value: props.value || \"\"\r\n }\r\n // console.log('Parent',this.props.parentClassName);\r\n }\r\n componentDidMount() {\r\n if (this.props.setKendoDropdown) {\r\n $(this.dropdownId).kendoDropDownList({\r\n dataTextField: this.props.textField,\r\n dataValueField: this.props.valueField,\r\n index: 0,\r\n change: (e) => {\r\n this.props.onChangeFunc({\r\n target: {\r\n value: e.sender.dataItem()[this.props.valueField],\r\n name: this.props.name,\r\n selectedIndex: e.sender.selectedIndex\r\n }\r\n });\r\n },\r\n });\r\n this.dropdownListData = $(this.dropdownId).data(\"kendoDropDownList\");\r\n\r\n // var ddl = this.dropdownListData;\r\n var that = this;\r\n this.dropdownListData.wrapper.keydown(function (e) {\r\n if (e.keyCode == 13) {\r\n that.props.nextFocus();\r\n }\r\n });\r\n }\r\n }\r\n static getDerivedStateFromProps (nextProps, prevState) {\r\n if (typeof nextProps.value != \"undefined\" && nextProps.value !== prevState.value) {\r\n return { value: nextProps.value };\r\n }\r\n return null;\r\n }\r\n onChangeFunc(e) {\r\n this.setState({\r\n value: e.target.value\r\n })\r\n this.props.onChangeFunc(e);\r\n }\r\n handleMouseHover = () => {\r\n this.setState({ isHovering: true });\r\n }\r\n\r\n handleMouseLeave = () => {\r\n this.setState({ isHovering: false });\r\n }\r\n onBlurFunc = (e) => {\r\n if(this.props.required) {\r\n var isSetRequiredBorder = false;\r\n if(!e.target.value) {\r\n isSetRequiredBorder = true;\r\n }\r\n this.setState({ isSetRequiredBorder: isSetRequiredBorder });\r\n }\r\n }\r\n render() {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nWmsDropdown.propTypes = {\r\n id: PropTypes.string, // this should write the id to the input,\r\n name: PropTypes.string, // this should write the id to the input,\r\n required: PropTypes.bool, // this determines if the input is required and shows in red\r\n disabled: PropTypes.bool, // default will be false\r\n wmsSelector: PropTypes.string.isRequired, // this should set up a selector on the input\r\n parentClassName: PropTypes.string, // this should parent tag class default parent class is form-group\r\n extraWrapperClass: PropTypes.string, // extra wrapper class if needed\r\n value: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.number,\r\n PropTypes.bool\r\n ]), // this should control the value ,it`s string or number\r\n // options: PropTypes.array.isRequired, // dropdown option and it mus be require\r\n options: PropTypes.oneOfType([\r\n PropTypes.array,\r\n PropTypes.object\r\n ]).isRequired,\r\n valueField: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.number\r\n ]),// dropdown option value and it mus be require\r\n textField: PropTypes.string,// dropdown option text and it mus be require\r\n label: PropTypes.string.isRequired,// dropdown title\r\n onChangeFunc: PropTypes.func.isRequired, // this should control the onchange event and anything we need to determine before we send it up\r\n applyIndex: PropTypes.bool,\r\n blankFirstOption: PropTypes.bool,\r\n setKendoDropdown: PropTypes.bool,\r\n blankFirstOptionText: PropTypes.string,\r\n showToolTip: PropTypes.bool, // set tooltip show or not\r\n tooltipText: PropTypes.string, // show text on hover as tooltip\r\n nextFocus: PropTypes.func\r\n}\r\nWmsDropdown.defaultProps = {\r\n required: false,\r\n disabled: false,\r\n blankFirstOption: false,\r\n blankFirstOptionText: \"\",\r\n parentClassName: \"form_group\",\r\n extraWrapperClass: '',\r\n tooltipText: 'add tooltip text',\r\n showToolTip: false,\r\n nestedValueField: '',\r\n applyIndex: false,\r\n setKendoDropdown: false,\r\n textField: '',\r\n windowId: '',\r\n nextFocus: (e) => () => { },\r\n}\r\nexport default WmsDropdown;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport style from './WmsDropdownList.scss';\r\n\r\nclass WmsDropdownList extends React.PureComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.windowId = this.props.windowId == \"\" ? \"\" : \".\" + this.props.windowId;\r\n this.dropdownListId = this.windowId + \" #\" + this.props.id;\r\n this.dropdownListData = \"\";\r\n this.state = {\r\n value: props.value || \"\"\r\n }\r\n }\r\n componentDidMount() {\r\n var componentProps = this.props;\r\n $(this.dropdownListId).kendoDropDownList({\r\n dataTextField: this.props.textField,\r\n dataValueField: this.props.valueField,\r\n optionLabel: this.props.optionsLabel,\r\n filter: this.props.filterType,\r\n valueTemplate: this.props.valueTemplate,\r\n value: this.state.value != null ? this.state.value : '',\r\n template: this.props.template,\r\n height: this.props.height,\r\n virtual: (this.props.isVirtualOptions ? this.props.virtualObj : null),\r\n dataSource: (this.props.isVirtualOptions ? this.props.dataSourceObj : this.props.staticOptions),\r\n filtering: this.props.filteringObj,\r\n suggest: this.props.suggest,\r\n minLength: this.props.minLength,\r\n autoBind: this.props.autoBind,\r\n enable: (this.props.disabled == false),\r\n change: (e) => {\r\n this.setState({\r\n value: e.sender.dataItem()[this.props.valueField]\r\n });\r\n this.props.onChangeFunc({\r\n target: {\r\n value: (this.props.isValuePrimitive) ? e.sender.dataItem()[this.props.valueField] : e.sender.dataItem(),\r\n name: this.props.name,\r\n selectedIndex: e.sender.selectedIndex\r\n }\r\n });\r\n },\r\n dataBound: (e) => {\r\n this.props.onDataBound(e);\r\n },\r\n select: (e) => {\r\n this.props.onSelect(e);\r\n },\r\n open: function(e) {\r\n e.sender.popup.element.addClass(componentProps.popupClassName);\r\n }\r\n });\r\n\r\n this.dropdownListData = $(this.dropdownListId).data(\"kendoDropDownList\");\r\n\r\n this.props.onDropdownBound(this.dropdownListData);\r\n\r\n\r\n\r\n var that = this;\r\n this.dropdownListData.wrapper.keydown(function (e) {\r\n if (that.dropdownListData.value() != \"\") {\r\n if (e.keyCode == 13) {\r\n that.props.onEnterPress();\r\n }\r\n }\r\n });\r\n this.dropdownListData.wrapper.blur((e) => {\r\n if (this.props.required && (!this.dropdownListData.text() || !this.state.value)) {\r\n $(this.dropdownListId).parents('.k-dropdown').addClass(\"wms_required_input\");\r\n } else {\r\n $(this.dropdownListId).parents('.k-dropdown').removeClass(\"wms_required_input\");\r\n }\r\n\r\n });\r\n\r\n var txtContainsId = this.props.id + \"_listbox\";\r\n $(\"input[aria-owns*='\" + txtContainsId + \"']\").on(\"keydown\", function (el, e) {\r\n if (e.keyCode == 9 || e.keyCode == 13) {\r\n that.props.nextFocus();\r\n }\r\n }.bind(null, this.dropdownListData));\r\n // bind tooltip for show more description\r\n if (this.props.showDetailsTooltip) {\r\n $('body').kendoTooltip({\r\n filter: \"#\" + txtContainsId + '>li.k-item',\r\n position: 'right',\r\n content: function (e) {\r\n var item = that.dropdownListData.dataItem($(e.target));\r\n if (item) {\r\n var result = '\r\n \r\n {this.props.blankFirstOption == true && ()}\r\n {this.props.applyIndex === true && (\r\n this.props.options.map((Option, index) => (\r\n (this.props.textField == '') ?\r\n \r\n :\r\n \r\n\r\n ))\r\n )}\r\n {this.props.applyIndex === false && (\r\n this.props.options.map((Option, index) => (\r\n !Option.isSeparator ?\r\n \r\n : \r\n\r\n ))\r\n )}\r\n \r\n {\r\n this.props.disabled == true &&\r\n this.props.showToolTip == true &&\r\n (
\r\n \r\n \r\n {this.state.isHovering == true &&
)\r\n }\r\n \r\n {this.props.tooltipText}
}\r\n SKU : ' + item.Sku + '
' +\r\n 'Description : ' + item.Description + '
';\r\n return result;\r\n }\r\n },\r\n // height:100,\r\n // width:100\r\n });\r\n }\r\n }\r\n componentWillUnmount() {\r\n console.log(\"WmsDropdownList componentWillUnmount call\");\r\n if ($(this.dropdownListId).data(\"kendoDropDownList\")) {\r\n $(this.dropdownListId).data(\"kendoDropDownList\").destroy();\r\n }\r\n $(this.dropdownListId).remove();\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.isVirtualOptions &&\r\n typeof nextProps.dataSourceObj.transport != \"undefined\" &&\r\n JSON.stringify(nextProps.dataSourceObj.transport.read.data) != JSON.stringify(this.props.dataSourceObj.transport.read.data)\r\n ) {\r\n var objKendoDropDownList = this.dropdownListData;\r\n if (typeof objKendoDropDownList != \"undefined\" && objKendoDropDownList.dataSource.transport.options) {\r\n objKendoDropDownList.setDataSource(nextProps.dataSourceObj);\r\n // grid.value('');\r\n // grid.dataSource.transport.options.read.data = nextProps.dataSourceObj.transport.read.data;\r\n // grid.dataSource.read();\r\n }\r\n }\r\n\r\n if (typeof nextProps.value != \"undefined\" && nextProps.value !== this.state.value) {\r\n this.setState({ value: nextProps.value });\r\n if (!nextProps.value) {\r\n this.dropdownListData.value(null);\r\n } else {\r\n this.dropdownListData.value(nextProps.value);\r\n }\r\n }\r\n\r\n if (!nextProps.isVirtualOptions &&\r\n typeof nextProps.staticOptions != \"undefined\" &&\r\n nextProps.staticOptions != this.props.staticOptions\r\n ) {\r\n this.dropdownListData.setDataSource(nextProps.staticOptions);\r\n }\r\n\r\n this.dropdownListData.enable((nextProps.disabled == false));\r\n if (!nextProps.disabled) {\r\n var wrapper = this.dropdownListData.wrapper;\r\n wrapper.attr({ tabindex: 0 });\r\n }\r\n }\r\n\r\n onClickClearBtn = (e) => {\r\n this.setState({\r\n value: \"\"\r\n });\r\n\r\n this.dropdownListData.value(null);\r\n this.dropdownListData.trigger(\"change\");\r\n\r\n }\r\n render() {\r\n return (\r\n\r\n {this.props.label != '' &&\r\n \r\n }\r\n {/* */}\r\n \r\n {this.props.showClearBtn && this.state.value ? (\r\n
\r\n );\r\n }\r\n\r\n}\r\nWmsDropdownList.propTypes = {\r\n id: PropTypes.string, // this should write the id to the input,\r\n name: PropTypes.string, // this should write the id to the input,\r\n required: PropTypes.bool, // this determines if the input is required and shows in red\r\n disabled: PropTypes.bool, // default will be false\r\n windowId: PropTypes.string, // this should be used to get window id\r\n wmsSelector: PropTypes.string.isRequired, // this should set up a selector on the input\r\n extraWrapperClass: PropTypes.string,\r\n parentClassName: PropTypes.string, // this should parent tag class default parent class is form-group\r\n filterType: PropTypes.string,\r\n value: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.object,\r\n PropTypes.number\r\n ]), // this should control the value ,it`s string or number\r\n valueField: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.number\r\n ]),// dropdown option value and it mus be require\r\n textField: PropTypes.string.isRequired,// dropdown option text and it mus be require\r\n label: PropTypes.string.isRequired,// dropdown title\r\n onChangeFunc: PropTypes.func.isRequired, // this should control the onchange event and anything we need to determine before we send it up\r\n isVirtualOptions: PropTypes.bool,// this should be true when option from virtual api\r\n isValuePrimitive: PropTypes.bool,// this should be true when need to return object property on change otherwise return object\r\n staticOptions: PropTypes.array, // dropdown option and it's not containe virtual api\r\n onSelect: PropTypes.func, // function call when select in dropdown option\r\n onEnterPress: PropTypes.func,\r\n nextFocus: PropTypes.func,\r\n showClearBtn: PropTypes.bool,\r\n showDetailsTooltip: PropTypes.bool, // this is used for show tooltip for more details on hover over sku\r\n valueTemplate: PropTypes.string,\r\n popupClassName: PropTypes.string\r\n\r\n}\r\nWmsDropdownList.defaultProps = {\r\n height: 260,\r\n required: false,\r\n disabled: false,\r\n virtualObj: null,\r\n parentClassName: \"form_group\",\r\n filterType: \"contains\", // \"contains\" ,\"startswith\"\r\n extraWrapperClass: '',\r\n nestedValueField: '',\r\n label: '',\r\n isVirtualOptions: true,\r\n isValuePrimitive: false,\r\n windowId: '',\r\n suggest: false,\r\n minLength: 1,\r\n autoBind: true,\r\n showClearBtn: false,\r\n showDetailsTooltip: false,\r\n onDataBound: (e) => () => { },\r\n nextFocus: (e) => () => { },\r\n onSelect: (e) => () => { },\r\n onEnterPress: (e) => () => { },\r\n onDropdownBound: (e) => () => { },\r\n valueTemplate: '',\r\n popupClassName: ''\r\n}\r\nexport default WmsDropdownList;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport WmsButton from '../WmsButton/WmsButton.jsx';\r\nimport style from './WmsUpdateDropdownList.scss';\r\n\r\nclass WmsUpdateDropdownList extends React.PureComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.windowId = this.props.windowId == \"\" ? \"\" : \".\" + this.props.windowId;\r\n this.dropdownListId = this.windowId + \" #\" + this.props.id;\r\n this.dropdownListData = \"\";\r\n this.state = {\r\n value: props.value || \"\",\r\n selectItemObj:[],\r\n isListValueInitialise: false\r\n }\r\n }\r\n componentDidMount() {\r\n this._ismounted = true;\r\n var componentProps = this.props;\r\n $(this.dropdownListId).kendoDropDownList({\r\n dataTextField: this.props.textField,\r\n dataValueField: this.props.valueField,\r\n optionLabel: this.props.optionsLabel,\r\n filter: \"contains\",\r\n valueTemplate: this.props.valueTemplate,\r\n template: this.props.template,\r\n height: this.props.height,\r\n virtual: (this.props.isVirtualOptions ? this.props.virtualObj : null),\r\n dataSource: (this.props.isVirtualOptions ? this.props.dataSourceObj : this.props.staticOptions),\r\n suggest: this.props.suggest,\r\n minLength: this.props.minLength,\r\n autoBind: this.props.autoBind,\r\n enable: (this.props.disabled == false),\r\n change: (e) => {\r\n that.setSelectItemObj($(\"#\" + that.props.id).val());\r\n $(\"#\" + this.props.id).data('kendoDropDownList').value(null);\r\n },\r\n dataBound: (e) => {\r\n this.props.onDataBound(e);\r\n var that = this;\r\n if(this.state.isListValueInitialise == false) {\r\n var itemObj = _.filter(this.props.staticOptions, function(objCust){\r\n return that.props.valueArray.includes(objCust[that.props.valueField]);\r\n });\r\n if (this._ismounted) {\r\n this.setState({\r\n selectItemObj: itemObj,\r\n isListValueInitialise: true\r\n });\r\n }\r\n }\r\n },\r\n select: (e) => {\r\n this.props.onSelect(e);\r\n },\r\n open: function(e) {\r\n e.sender.popup.element.addClass(componentProps.popupClassName);\r\n }\r\n });\r\n\r\n this.dropdownListData = $(this.dropdownListId).data(\"kendoDropDownList\");\r\n\r\n\r\n this.props.onDropdownBound(this.dropdownListData);\r\n\r\n var addClasses = (((this.props.required) ? \"wms_required_input\" : ''));\r\n $(this.dropdownListId).parents('.k-dropdown').addClass(addClasses);\r\n\r\n var that = this;\r\n this.dropdownListData.wrapper.keydown(function(e) {\r\n if(that.dropdownListData.value() != \"\") {\r\n if(e.keyCode == 13){\r\n that.props.onEnterPress();\r\n }\r\n }\r\n });\r\n\r\n var txtContainsId = this.props.id + \"_listbox\";\r\n $(\"input[aria-owns*='\"+txtContainsId+\"']\").on(\"keydown\", function (el, e) {\r\n if (e.keyCode == 9 || e.keyCode == 13) {\r\n that.props.nextFocus();\r\n }\r\n }.bind(null, this.dropdownListData));\r\n // bind tooltip for show more description\r\n if(this.props.showDetailsTooltip){\r\n $('body').kendoTooltip({\r\n filter: \"#\" + txtContainsId + '>li.k-item',\r\n position: 'right',\r\n content: function (e) {\r\n var item = that.dropdownListData.dataItem($(e.target));\r\n if(item){\r\n var result = '\r\n \r\n
) : ''\r\n }\r\n SKU : ' + item.Sku + '
' +\r\n 'Description : ' + item.Description + '
';\r\n return result;\r\n }\r\n },\r\n // height:100,\r\n // width:100\r\n });\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.isVirtualOptions &&\r\n typeof nextProps.dataSourceObj.transport != \"undefined\" &&\r\n JSON.stringify(nextProps.dataSourceObj.transport.read.data) != JSON.stringify(this.props.dataSourceObj.transport.read.data)\r\n ) {\r\n var objKendoDropDownList = this.dropdownListData;\r\n if (typeof objKendoDropDownList != \"undefined\" && objKendoDropDownList.dataSource.transport.options) {\r\n objKendoDropDownList.setDataSource(nextProps.dataSourceObj);\r\n // grid.value('');\r\n // grid.dataSource.transport.options.read.data = nextProps.dataSourceObj.transport.read.data;\r\n // grid.dataSource.read();\r\n }\r\n }\r\n\r\n if (!nextProps.isVirtualOptions && nextProps.valueArray != this.props.valueArray) {\r\n\r\n this.setState({\r\n isListValueInitialise: false\r\n });\r\n let tmpCustomerOptions = Object.assign([], this.props.staticOptions);\r\n _.remove(tmpCustomerOptions, obj => nextProps.valueArray.includes(obj[this.props.valueField]));\r\n setTimeout(() => {\r\n if($(this.dropdownListId).data(\"kendoDropDownList\")){\r\n this.dropdownListData.setDataSource(tmpCustomerOptions);\r\n }\r\n }, 100);\r\n }\r\n\r\n this.dropdownListData.enable((nextProps.disabled == false));\r\n if (!nextProps.disabled) {\r\n var wrapper = this.dropdownListData.wrapper;\r\n wrapper.attr({ tabindex: 0 });\r\n }\r\n var addClasses = (((nextProps.required) ? \"wms_required_input\" : ''));\r\n var removeClasses = (((!nextProps.required) ? \"wms_required_input\" : ''));\r\n\r\n $(this.dropdownListId).parents('.k-dropdown').addClass(addClasses).removeClass(removeClasses);\r\n }\r\n\r\n componentWillUnmount() {\r\n this._ismounted = false;\r\n }\r\n\r\n componentDidUpdate() {\r\n\r\n }\r\n\r\n onClickClearBtn = (e) => {\r\n this.setState({\r\n value: \"\"\r\n });\r\n\r\n this.dropdownListData.value(null);\r\n this.dropdownListData.trigger(\"change\");\r\n\r\n }\r\n setSelectItemObj = (param_value) => {\r\n var data = $(\"#\" + this.props.id).data('kendoDropDownList').dataSource._data;\r\n var that=this;\r\n var selectItemObj = this.state.selectItemObj;\r\n var itemObj = _.filter(data, function(p){\r\n return (param_value == p[that.props.valueField]);\r\n });\r\n selectItemObj.push(itemObj);\r\n selectItemObj = _.flatten(selectItemObj);\r\n\r\n this.setState({\r\n selectItemObj: selectItemObj\r\n });\r\n\r\n that.props.onChangeFunc(_.map(selectItemObj, this.props.valueField));\r\n\r\n }\r\n\r\n removeSelectedItem = (param_id) => (e) => {\r\n\r\n var selectItemObj = this.state.selectItemObj;\r\n var that=this;\r\n _.remove(selectItemObj, function (e) {\r\n return e[that.props.valueField] == param_id;\r\n });\r\n this.setState({\r\n selectItemObj: selectItemObj\r\n });\r\n that.props.onChangeFunc(_.map(selectItemObj, this.props.valueField));\r\n }\r\n render() {\r\n return (\r\n\r\n {this.props.label != '' &&\r\n \r\n }\r\n \r\n {this.props.showClearBtn && this.state.value &&\r\n
\r\n );\r\n }\r\n\r\n}\r\nWmsUpdateDropdownList.propTypes = {\r\n id: PropTypes.string, // this should write the id to the input,\r\n name: PropTypes.string, // this should write the id to the input,\r\n required: PropTypes.bool, // this determines if the input is required and shows in red\r\n disabled: PropTypes.bool, // default will be false\r\n windowId: PropTypes.string, // this should be used to get window id\r\n wmsSelector: PropTypes.string.isRequired, // this should set up a selector on the input\r\n extraWrapperClass: PropTypes.string,\r\n parentClassName: PropTypes.string, // this should parent tag class default parent class is form-group\r\n valueArray: PropTypes.array, // this should control the value ,it`s string or number\r\n valueField: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.number\r\n ]),// dropdown option value and it mus be require\r\n textField: PropTypes.string.isRequired,// dropdown option text and it mus be require\r\n label: PropTypes.string.isRequired,// dropdown title\r\n onChangeFunc: PropTypes.func.isRequired, // this should control the onchange event and anything we need to determine before we send it up\r\n isVirtualOptions: PropTypes.bool,// this should be true when option from virtual api\r\n isValuePrimitive: PropTypes.bool,// this should be true when need to return object property on change otherwise return object\r\n staticOptions: PropTypes.array, // dropdown option and it's not containe virtual api\r\n onSelect: PropTypes.func, // function call when select in dropdown option\r\n onEnterPress: PropTypes.func,\r\n nextFocus: PropTypes.func,\r\n showClearBtn: PropTypes.bool,\r\n showDetailsTooltip: PropTypes.bool, // this is used for show tooltip for more details on hover over sku\r\n valueTemplate: PropTypes.string,\r\n popupClassName: PropTypes.string\r\n\r\n}\r\nWmsUpdateDropdownList.defaultProps = {\r\n height: 260,\r\n required: false,\r\n disabled: false,\r\n virtualObj: null,\r\n parentClassName: \"form_group\",\r\n extraWrapperClass: '',\r\n nestedValueField: '',\r\n label: '',\r\n isVirtualOptions: true,\r\n isValuePrimitive: false,\r\n windowId: '',\r\n suggest: false,\r\n minLength: 1,\r\n autoBind: true,\r\n showClearBtn: false,\r\n showDetailsTooltip: false,\r\n onDataBound: (e) => () => { },\r\n nextFocus: (e) => () => { },\r\n onSelect: (e) => () => { },\r\n onEnterPress: (e) => () => { },\r\n onDropdownBound: (e) => () => { },\r\n valueTemplate: '',\r\n popupClassName: ''\r\n}\r\nexport default WmsUpdateDropdownList;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport style from './WmsInput.scss';\r\nclass WmsInput extends React.PureComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isHovering: false,\r\n isSetRequiredBorder: false,\r\n value: props.value || props.value === 0 ? props.value : \"\"\r\n }\r\n this.regExpArray = {\r\n 'number': /(^[0-9]+$|^$)/,\r\n 'negativeNumber': /(^[-]?[0-9]*[.]?[0-9]*$|^$)/,\r\n // 'letters': /^[A-z]+$/,\r\n 'letters': /^(?!\\s*$).+/,\r\n 'alphanumeric': /^[ A-Za-z0-9_@.]*$/,\r\n // 'float': /^[+-]?([0-9]+([.][0-9]*)?|[.][0-9]+)$/\r\n 'regularExp': this.props.regularExp\r\n };\r\n this.handleMouseHover = this.handleMouseHover.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.isAutoFocus) {\r\n setTimeout(() => {\r\n if(this.refs.myinput){\r\n this.refs.myinput.focus();\r\n }\r\n }, 1000);\r\n }\r\n }\r\n static getDerivedStateFromProps (nextProps, prevState) {\r\n if(nextProps.zeroBasedCondition === 2 || nextProps.zeroBasedCondition === 3) {\r\n return {\r\n value: (nextProps.value !== '' && nextProps.value !== null && nextProps.value !== undefined) ? nextProps.value : \"\"\r\n };\r\n } else {\r\n return {\r\n value: nextProps.value || nextProps.value === 0 ? nextProps.value : \"\"\r\n };\r\n }\r\n }\r\n onChangeFunc(e) {\r\n\r\n var testValueType = this.props.regularExp == '' ? this.props.valueType : 'regularExp';\r\n var valueTypeMatch = testValueType != '' ? this.regExpArray[testValueType].test(e.target.value) : true;\r\n\r\n if (e.target.value === '' || valueTypeMatch) {\r\n this.setState({\r\n value: e.target.value\r\n })\r\n this.props.onChangeFunc(e);\r\n }\r\n }\r\n handleMouseHover = () => {\r\n this.setState({ isHovering: true });\r\n this.props.onMouseEnterFunc();\r\n }\r\n handleMouseLeave = () => {\r\n this.setState({ isHovering: false });\r\n this.props.onMouseLeaveFunc();\r\n }\r\n onBlurFunc = (e) => {\r\n if(this.props.required) {\r\n var isSetRequiredBorder = false;\r\n if(!e.target.value) {\r\n isSetRequiredBorder = true;\r\n }\r\n this.setState({ isSetRequiredBorder: isSetRequiredBorder });\r\n }\r\n this.props.onBlurFunc(e);\r\n }\r\n render() {\r\n var isRequiredClass = '';\r\n if(this.props.zeroBasedCondition === 1) {\r\n isRequiredClass = (!this.props.value && this.props.required && this.state.isSetRequiredBorder) ? \"wms_required_input\" : '';\r\n } else if(this.props.zeroBasedCondition === 2) {\r\n isRequiredClass = (!(this.props.value !== '' && this.props.value !== null && this.props.value !== undefined) && this.props.required && this.state.isSetRequiredBorder) ? \"wms_required_input\" : ''\r\n } else if(this.props.zeroBasedCondition === 3) {\r\n isRequiredClass = (!(this.props.value !== \"0\" &&this.props.value !== 0 && this.props.value !== '' && this.props.value !== null && this.props.value !== undefined) && this.props.required && this.state.isSetRequiredBorder) ? \"wms_required_input\" : ''\r\n }\r\n return (\r\n \r\n \r\n
\r\n }\r\n \r\n {this.state.selectItemObj.map((items, index) => (\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n}\r\nWmsInput.propTypes = {\r\n id: PropTypes.string, // this should write the id to the input\r\n label: PropTypes.string.isRequired,// this should be the label that default shows and floats up to the top\r\n readOnly: PropTypes.bool, // default will be false\r\n disabled: PropTypes.bool, // default will be false\r\n maxLength: PropTypes.number, // this is the maxLength of the input\r\n required: PropTypes.bool, // this determines if the input is required and shows in red\r\n wmsSelector: PropTypes.string.isRequired, // this should set up a selector on the input\r\n parentClassName: PropTypes.string, // this should parent tag class\r\n extraWrapperClass:PropTypes.string, // extra wrapper class if needed\r\n valueType: PropTypes.string, // alphanumeric, number, letters\r\n value: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.number\r\n ]), // this should control the value of\r\n zeroBasedCondition: PropTypes.number, // Allowed values 1,2,3\r\n // 1 ==> Normal Input Field\r\n // 2 ==> Allowed Zero\r\n // 3 ==> Allowed Zero and Required Zero Validation\r\n onChangeFunc: PropTypes.func.isRequired, // this should control the onchange event and anything we need to determine before we send it up\r\n //theme??: PropTypes.string, // this should control the theme of the input,\r\n showToolTip: PropTypes.bool, // set tooltip show or not\r\n tooltipText: PropTypes.string, // show text on hover as tooltip\r\n extraSignBeforeValue: PropTypes.string, // show extra sign before value like $\r\n icon: PropTypes.string,\r\n isAutoFocus: PropTypes.bool,\r\n autoComplete: PropTypes.string,\r\n onIconClick: PropTypes.func,\r\n onBlurFunc: PropTypes.func,\r\n onKeyPressFunc: PropTypes.func,\r\n onMouseEnterFunc: PropTypes.func,\r\n onMouseLeaveFunc: PropTypes.func\r\n\r\n}\r\n\r\nWmsInput.defaultProps = {\r\n readOnly: false,\r\n disabled: false,\r\n maxLength: 255,\r\n required: false,\r\n showToolTip: false,\r\n showIconAfterInput: false,\r\n tooltipText: 'add tooltip text',\r\n extraSignBeforeValue: '',\r\n valueType: \"\",\r\n zeroBasedCondition: 1,\r\n parentClassName: \"form_group\",\r\n extraWrapperClass: \"\",\r\n inputType: 'text',\r\n regularExp: '',\r\n placeholder: '',\r\n isAutoFocus: false,\r\n autoComplete: '',\r\n onBlurFunc: () => void (0),\r\n onKeyPressFunc: () => void (0),\r\n onMouseEnterFunc: () => void (0),\r\n onMouseLeaveFunc: () => void (0)\r\n}\r\n\r\n\r\nexport default WmsInput;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport styles from './WmsModel.scss';\r\nimport * as GlobalService from \"../../global_services\";\r\n\r\nvar $rootScope;\r\n\r\nclass WmsModel extends React.PureComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n $rootScope = window;\r\n this.state = {\r\n jQueryModel: null,\r\n isModalOpenFirstTime:true,\r\n modelLeftPos: 0,\r\n isModelMinimised: false,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n // console.log(\"WmsModel componentDidMount called : \" + this.props.id);\r\n this.getJqueryModel();\r\n // NOTE: Code For unmount model\r\n if (this.props.isOpen == true) {\r\n this.initModelAndOpen();\r\n }\r\n window.addEventListener(\"resize\", this.reCenterOpenModel);\r\n }\r\n\r\n //for remove old reference of this model from dom\r\n UNSAFE_componentWillMount() {\r\n // console.log(\"WmsModel componentWillMount called : \" + this.props.id);\r\n if ($(\"#\" + this.props.id).length > 0) {\r\n $(\"#\" + this.props.id).parent('.k-window').remove();\r\n }\r\n }\r\n // NOTE: Code For unmount model\r\n componentWillUnmount() {\r\n console.log(\"WmsModel componentWillUnmount called : \" + this.props.id);\r\n if (typeof $(\"#\" + this.props.id).data(\"kendoWindow\") != \"undefined\") {\r\n $(\"#\" + this.props.id).data(\"kendoWindow\").close();\r\n $(\"#\" + this.props.id).data(\"kendoWindow\").destroy();\r\n }\r\n window.removeEventListener(\"resize\", this.reCenterOpenModel);\r\n }\r\n\r\n UNSAFE_componentWillReceiveProps(nextprops) {\r\n if ((nextprops.isOpen == true && this.props.isOpen == false) || nextprops.title != this.props.title) {\r\n this.initModelAndOpen();\r\n } else if (nextprops.isOpen == false && this.props.isOpen == true) {\r\n this.closeModelIfFound();\r\n }\r\n }\r\n\r\n reCenterOpenModel = () => {\r\n console.log(\"On resize call => this.state.isModelMinimised\", this.state.isModelMinimised );\r\n var modelObj = $(\"#\" + this.props.id).data(\"kendoWindow\");\r\n if(modelObj && !this.state.isModelMinimised){\r\n\r\n modelObj.setOptions({\r\n position: {\r\n top: this.props.appendTo != '' ? 10 : 50,\r\n left: this.leftCalculateBasedOnModelWidth()\r\n },\r\n maxHeight: this.heightResizeAsWindowScreen()\r\n });\r\n modelObj.refresh();\r\n\r\n }\r\n }\r\n\r\n getJqueryModel = () => {\r\n if (typeof $(\"#\" + this.props.id).data(\"kendoWindow\") == \"undefined\") {\r\n var maxHeight = this.heightResizeAsWindowScreen();\r\n var draggableVal = this.props.appendTo != '' ? { containment: this.props.appendTo } : true;\r\n this.state.jQueryModel = $(\"#\" + this.props.id).kendoWindow({\r\n appendTo: this.props.appendTo != '' ? this.props.appendTo : undefined,\r\n title: {\r\n text: this.props.title,\r\n encoded: false\r\n },\r\n visible: false,\r\n cache: false,\r\n modal: true,\r\n width: this.props.width.toString() + \"px\",\r\n draggable:draggableVal,\r\n position: {\r\n top: this.props.appendTo != '' ? 10 : 50,\r\n left: this.leftCalculateBasedOnModelWidth(),\r\n },\r\n resizable: false,\r\n actions: this.props.actions,\r\n minHeight: this.props.minHeight + \"px\", // Minimum content area height is 150px. 150 + 80 header + 95 footer = 325\r\n maxHeight: maxHeight + \"px\",\r\n maximize: this.onModelMaximize,\r\n minimize: this.onModelMinimize,\r\n dragend: this.onModelDragend,\r\n restore: () => {\r\n console.log(\" restore Direct function 2222\");\r\n },\r\n resize: this.onModelResize\r\n // refresh: function(){this.center();},\r\n });\r\n if(this.props.removeCloseAnimation){\r\n var GetWindow = $(\"#\" + this.props.id).data(\"kendoWindow\");\r\n GetWindow.setOptions({\r\n animation: {\r\n close: false\r\n }\r\n });\r\n }\r\n if(this.props.removeOpenAnimation){\r\n var GetWindow = $(\"#\" + this.props.id).data(\"kendoWindow\");\r\n GetWindow.setOptions({\r\n animation: {\r\n open: false\r\n }\r\n });\r\n }\r\n this.state.jQueryModel.css({ transition: \"top 2s\" });\r\n }\r\n };\r\n onModelMaximize = () => {\r\n console.log(\"onMaximize\");\r\n var modelObj = $(\"#\" + this.props.id).data(\"kendoWindow\");\r\n if (modelObj) {\r\n modelObj.wrapper.css({ top: this.props.appendTo != '' ? 10 : 50, right: 5});\r\n }\r\n };\r\n onModelRestore = () => {\r\n console.log(\"onModelRestore\");\r\n var modelObj = $(\"#\" + this.props.id).data(\"kendoWindow\");\r\n if (modelObj) {\r\n modelObj.wrapper.css({ top: this.props.appendTo != '' ? 10 : 50});\r\n }\r\n };\r\n onModelResize = () => {\r\n console.log(\"onModelResize\");\r\n };\r\n onRestore = (e) => {\r\n var modelObj = $(\"#\" + this.props.id).data(\"kendoWindow\");\r\n if (modelObj) {\r\n if( this.props.appendTo != ''){\r\n $(this.props.appendTo + \" .k-overlay\").show();\r\n } else {\r\n $(\".k-overlay\").show();\r\n }\r\n modelObj.wrapper.css({\r\n top: this.props.appendTo != '' ? 10 : 50,\r\n left: this.leftCalculateBasedOnModelWidth(),\r\n width: this.props.width.toString() + \"px\"\r\n });\r\n GlobalService.updateModelMinimisePlace(this.props.id, this.props.windowId, false);\r\n this.setState({isModelMinimised: false})\r\n setTimeout(() => {\r\n modelObj.wrapper.css({ transition: 'none'});\r\n }, 500);\r\n }\r\n };\r\n onModelMinimize = () => {\r\n console.log(\"onModelMinimize\");\r\n var ModelLeftPos = GlobalService.minimiseModelAsCurrentWindow(this.props.id, this.props.windowId);\r\n $('.'+this.props.id + \"_model_wrapper\"+' [aria-label=\"window-restore\"]').on(\"click\", this.onRestore);\r\n $(\".k-overlay\").hide();\r\n this.setState({\r\n modelLeftPos: ModelLeftPos,\r\n isModelMinimised: true\r\n })\r\n\r\n // var curMinimizePlace = GlobalService.getModelMinimiseEmptyPlace(this.props.windowId);\r\n // this.setState({minimizePlace: curMinimizePlace})\r\n // if (modelObj) {\r\n // modelObj.wrapper.css({\r\n // transition: 'top 0.2s',\r\n // left: this.leftCalculateBasedOnModelWidth(curMinimizePlace),\r\n // top: $(\"#\"+this.props.windowId).innerHeight() - 80,\r\n // width: 350,\r\n // });\r\n // $(\".k-overlay\").hide();\r\n // $('.'+this.props.id + \"_model_wrapper\"+' [aria-label=\"window-restore\"]').on(\"click\", this.onRestore);\r\n // GlobalService.updateModelMinimisePlace(this.props.windowId, curMinimizePlace, true);\r\n // }\r\n };\r\n onModelDragend = () => {\r\n console.log(\"onModelDragend\");\r\n var modelObj = $(\"#\" + this.props.id).data(\"kendoWindow\");\r\n if (modelObj && modelObj.isMinimized()) {\r\n modelObj.wrapper.css({\r\n left: this.state.modelLeftPos,\r\n top: $(\"#\"+this.props.windowId).innerHeight() - 80\r\n });\r\n }\r\n };\r\n\r\n\r\n heightResizeAsWindowScreen = () => {\r\n // var properModalHeight = window.innerHeight - 100; // we need to remove header footer height and extra padding for proper modal showing\r\n // if(this.props.height > properModalHeight){\r\n // return properModalHeight;\r\n // }else{\r\n // return this.props.height;\r\n // }\r\n // calculation for maximum height of modal\r\n return window.innerHeight - 200; // 100px top padding + 100px bottom padding\r\n }\r\n\r\n leftCalculateBasedOnModelWidth = () => {\r\n var mainscreenInnerWith = this.props.appendTo != '' ? $(this.props.appendTo).innerWidth() : window.innerWidth;\r\n console.log(\"leftCalculateBasedOnModelWidth\", mainscreenInnerWith);\r\n return (mainscreenInnerWith - this.props.width)/2;\r\n }\r\n\r\n initModelAndOpen = () => {\r\n this.getJqueryModel();\r\n setTimeout(() => {\r\n var GetWindow = $(\"#\" + this.props.id).data(\"kendoWindow\");\r\n var maxHeight = this.heightResizeAsWindowScreen();\r\n var draggableVal = this.props.appendTo != '' ? { containment: this.props.appendTo } : true;\r\n if (GetWindow) {\r\n GetWindow.setOptions({\r\n appendTo: this.props.appendTo != '' ? this.props.appendTo : undefined,\r\n title: {\r\n text: this.props.title,\r\n encoded: false\r\n },\r\n modal: true,\r\n width: this.props.width.toString() + \"px\",\r\n draggable: draggableVal,\r\n resizable: false,\r\n actions: this.props.actions,\r\n minHeight: this.props.minHeight + \"px\",\r\n maxHeight: maxHeight + \"px\",\r\n position: {\r\n top: this.props.appendTo != '' ? 10 : 50,\r\n left: this.leftCalculateBasedOnModelWidth(),\r\n },\r\n open: (e) => {\r\n var winObject = $(\"#\" + this.props.id).data(\"kendoWindow\");\r\n if (this.props.overlayHide) {\r\n winObject.wrapper.addClass(\"Modal1CustomWindow border-modal \");\r\n setTimeout(() => {\r\n winObject.wrapper.prev().css('opacity', '0');\r\n }, 100);\r\n } else if (this.props.areyousure) {\r\n winObject.wrapper.addClass(\"k-window-titleless areYouSureZindex\");\r\n } else if (this.props.customClass) {\r\n winObject.wrapper.addClass(\"Modal1CustomWindow \" + this.props.customClass);\r\n } else if (this.props.confirmationModal) {\r\n winObject.wrapper.addClass(\"areYouSureZindex\");\r\n } else if (this.props.warningModal) {\r\n winObject.wrapper.addClass(\"areYouSureZindex\");\r\n } else {\r\n winObject.wrapper.addClass(\"Modal1CustomWindow\");\r\n }\r\n if (this.state.isModalOpenFirstTime == true && this.props.customClass == 'wms-model-new-ui-wrapper') {\r\n let height = winObject.wrapper.height() + 80;\r\n winObject.wrapper.css('height', height);\r\n this.state.isModalOpenFirstTime = false;\r\n }\r\n\r\n if (!this.props.actions.includes(\"Minimize\")) {\r\n winObject.wrapper.addClass(\"change-maximize-icon\");\r\n }\r\n winObject.wrapper.addClass(this.props.id + \"_model_wrapper\");\r\n },\r\n close: (e) => {\r\n if (this.props.isAnotherModelOpen == false) {\r\n if (typeof $rootScope.currentWindow != \"undefined\") {\r\n setTimeout(() => {\r\n // $rootScope.currentWindow.toFront();\r\n }, 500);\r\n }\r\n setTimeout(() => {\r\n $rootScope.adjustZIndexOfSidebar('close');\r\n GetWindow.wrapper.removeClass(\"areYouSureZindex\");\r\n }, 500);\r\n }\r\n },\r\n deactivate: () => {\r\n // the closing animation is about to finish\r\n this.props.onCloseFunc();\r\n },\r\n maximize: this.onModelMaximize,\r\n minimize: this.onModelMinimize,\r\n dragend: this.onModelDragend,\r\n restore: () => {\r\n console.log(\" restore Direct function\");\r\n },\r\n resize: this.onModelResize,\r\n // refresh: function(){this.center();}\r\n });\r\n\r\n if (this.props.removeCloseAnimation) {\r\n GetWindow.setOptions({\r\n animation: {\r\n close: false\r\n }\r\n });\r\n }\r\n if (this.props.removeOpenAnimation) {\r\n GetWindow.setOptions({\r\n animation: {\r\n open: false\r\n }\r\n });\r\n }\r\n GetWindow.open();\r\n }\r\n // GetWindow.refresh();\r\n }, 0);\r\n $rootScope.adjustZIndexOfSidebar('open');\r\n\r\n\r\n if(this.props.isShowTooltipOnTitle){\r\n setTimeout(() => {\r\n $(\".tooltipfortitle\").kendoTooltip({\r\n // width: 300,\r\n position: \"bottom\",\r\n content: function(e) {\r\n var target = e.target; // the element for which the tooltip is shown\r\n return '\r\n \r\n {this.props.extraSignBeforeValue != \"\" && (\r\n \r\n {this.props.extraSignBeforeValue}\r\n \r\n )}\r\n
\r\n\r\n {this.props.showIconAfterInput && (\r\n \r\n \r\n \r\n )}\r\n \r\n {this.state.isHovering == true &&
)\r\n }\r\n {this.props.tooltipText}
}\r\n ' + target.data(\"tooltip-text\") + '
';\r\n },\r\n animation: {\r\n open: {\r\n effects: \"zoom\",\r\n duration: 150\r\n }\r\n }\r\n }).data(\"kendoTooltip\");\r\n\r\n }, 0);\r\n\r\n }\r\n }\r\n\r\n closeModelIfFound = () => {\r\n if (typeof $(\"#\" + this.props.id).data(\"kendoWindow\") != \"undefined\") {\r\n $(\"#\" + this.props.id).data(\"kendoWindow\").close();\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nWmsModel.propTypes = {\r\n isOpen: PropTypes.bool.isRequired, // open and close modal\r\n id: PropTypes.string.isRequired, // this should write the id to the button\r\n title: PropTypes.string.isRequired, // title of the modal\r\n width: PropTypes.number,// width of the modal\r\n height: PropTypes.number.isRequired,// height of the modal\r\n onCloseFunc: PropTypes.func.isRequired, // function to specify when close modal\r\n overlayHide: PropTypes.bool, // Specify true if overlay hide\r\n areyousure: PropTypes.bool, // Specify true if areyousure modal and class based on condition\r\n customClass: PropTypes.string, // Specify classes if you want to add\r\n actions: PropTypes.array, // Specify actions if you want to add\r\n confirmationModal: PropTypes.bool, // Specify true if confirmation modal and class based on condition\r\n warningModal: PropTypes.bool, // Specify true if warning modal and class based on condition\r\n isShowTooltipOnTitle: PropTypes.bool, // Specify true if you want to show tooltip on title\r\n removeCloseAnimation: PropTypes.bool, // Specify true if you want remove modal close animation\r\n removeOpenAnimation: PropTypes.bool, // Specify true if you want remove modal open animation\r\n currentWindow: PropTypes.object,\r\n minHeight: PropTypes.number,\r\n appendTo: PropTypes.string\r\n};\r\n\r\nWmsModel.defaultProps = {\r\n overlayHide: false,\r\n areyousure: false,\r\n customClass: '',\r\n confirmationModal: false,\r\n warningModal: false,\r\n isAnotherModelOpen: false,\r\n isShowTooltipOnTitle: false,\r\n class: '',\r\n windowId: '',\r\n actions: [\"Maximize\"],\r\n removeCloseAnimation:false,\r\n removeOpenAnimation:false,\r\n minHeight: 325,\r\n appendTo: ''\r\n};\r\n\r\nexport default WmsModel;\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport style from './WmsCheckBox.scss';\r\nfunction WmsCheckBox(props) {\r\n\tconst [isHovering, setIsHovering] = useState(false);\r\n\r\n\tconst handleMouseHover = () => {\r\n\t\tconst chkElement = document.querySelector(`#${props.id}_chk`).parentElement.getBoundingClientRect();\r\n\t\tconst tooltipElement = document.querySelector(`#${props.id}_chk .tooltip-wrapper`);\r\n\t\tvar bottom = chkElement.bottom;\r\n\t\tvar left = chkElement.left;\r\n\t\tif (tooltipElement.closest('.wms-model-new-ui-wrapper')) {\r\n\t\t\tvar modalPosition = tooltipElement.closest('.wms-model-new-ui-wrapper').getBoundingClientRect();\r\n\t\t\tbottom = bottom - (modalPosition && modalPosition.top ? modalPosition.top : 100);\r\n\t\t\tleft = left - (modalPosition && modalPosition.left ? (modalPosition.left + 50) : 192.5);\r\n\t\t}\r\n\t\ttooltipElement.style.top = `${bottom}px`;\r\n\t\ttooltipElement.style.left = `${left}px`;\r\n\r\n\t\ttooltipElement.style.transitionDelay = `${props.tooltipShowAfter}ms`;\r\n\t\tsetIsHovering(true);\r\n\t}\r\n\r\n\tconst handleMouseLeave = () => {\r\n\t\tsetIsHovering(false);\r\n\t}\r\n\treturn (\r\n\t\t\r\n {this.props.children}\r\n
\r\n \r\n\t\t\t\r\n\t\t
\r\n\t);\r\n}\r\n\r\nWmsCheckBox.propTypes = {\r\n\tid: PropTypes.string, // this should write the id to the checkbox\r\n\tlabel: PropTypes.string.isRequired,// this should be the label that shows after checkbox button\r\n\tname: PropTypes.string.isRequired,// this should be the name of the checkbox\r\n\twmsSelector: PropTypes.string.isRequired, // this should set up a selector on the input\r\n\tonChangeFunc: PropTypes.func.isRequired, // this should control the onchange event and anything we need to determine before we send it up\r\n\tparentClassName: PropTypes.string, // this should parent tag class\r\n\tchecked: PropTypes.bool, // this should disable checkbox\r\n\tisRounded: PropTypes.bool, // this is use for rounded and square checkbox shown\r\n\tshowToolTip: PropTypes.bool, // set tooltip show or not\r\n\tisSwitchCheckbox: PropTypes.bool, // set tooltip show or not\r\n\ttooltipText: PropTypes.string // show text on hover as tooltip\r\n}\r\n\r\nWmsCheckBox.defaultProps = {\r\n\tchecked: false,\r\n\tdisabled: false,\r\n\tparentClassName: \"\",\r\n\tisRounded: false,\r\n\tshowToolTip: false,\r\n\tisSwitchCheckbox: false,\r\n\ttooltipShowAfter: 800,\r\n\ttooltipText: 'add tooltip text'\r\n}\r\nconst areEqual = (prevProps, nextProps) => {\r\n\tlet isChangeFuncEqual = _.isEqual(_.omit(nextProps, ['onChangeFunc']), _.omit(prevProps, ['onChangeFunc']));\r\n\treturn isChangeFuncEqual;\r\n};\r\n\r\n\r\nexport default React.memo(WmsCheckBox, areEqual);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport styles from './WmsConfirmModel.scss';\r\n\r\nimport WmsButton from '../WmsButton/WmsButton.jsx';\r\nimport WmsCheckBox from '../WmsCheckBox/WmsCheckBox.jsx';\r\n\r\nclass WmsConfirmModel extends React.PureComponent {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n \r\n this.$rootScope = window\r\n this.isCallToFront = this.props.isCallToFront\r\n this.state = {\r\n isOpen: false,\r\n checkbox: false,\r\n isLoading: false\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n $(\"#\" + this.props.id).kendoWindow({\r\n visible: false,\r\n cache: false,\r\n modal: true, \r\n width: \"800\",\r\n height: 'auto',\r\n position: {\r\n top: 100,\r\n left: \"calc((100% - 800px)/2)\"\r\n }\r\n });\r\n }\r\n\r\n componentWillUnmount() {\r\n $(\"#\" + this.props.id).parent().remove();\r\n }\r\n\r\n //for remove old reference of this model from dom\r\n componentWillMount() {\r\n if ($(\"#\" + this.props.id).length > 0) {\r\n $(\"#\" + this.props.id).parent('.k-window').remove();\r\n }\r\n }\r\n componentWillReceiveProps(nextprops) {\r\n\r\n if (nextprops.isOpen == true && this.state.isOpen == false) {\r\n\r\n this.setState({\r\n isOpen: true,\r\n checkbox: false\r\n });\r\n\r\n let GetWindow = $(\"#\" + this.props.id).data(\"kendoWindow\");\r\n if (GetWindow) {\r\n GetWindow.setOptions({\r\n title: false,\r\n width: \"800\",\r\n height: 'auto',\r\n position: {\r\n top: 100,\r\n left: \"calc((100% - 800px)/2)\"\r\n },\r\n open: (e) => {\r\n let winObject = $(\"#\" + this.props.id).data(\"kendoWindow\");\r\n winObject.wrapper.addClass(\"areYouSureZindex confirmation-wrapper\");\r\n },\r\n close: (e) => {\r\n this.setState({ isOpen: false });\r\n if (this.isCallToFront == true) {\r\n if (typeof this.$rootScope.currentWindow != \"undefined\") {\r\n setTimeout(() => {\r\n // this.$rootScope.currentWindow.toFront();\r\n }, 500);\r\n }\r\n setTimeout(() => {\r\n this.$rootScope.adjustZIndexOfSidebar('close');\r\n GetWindow.wrapper.removeClass(\"areYouSureZindex confirmation-wrapper\");\r\n }, 500);\r\n }\r\n nextprops.onCloseFunc();\r\n }\r\n });\r\n GetWindow.open();\r\n GetWindow.refresh();\r\n this.$rootScope.adjustZIndexOfSidebar('open');\r\n }\r\n } else if (nextprops.isOpen == false && this.state.isOpen == true) {\r\n this.setState({ isLoading: false });\r\n $(\"#\" + this.props.id).data('kendoWindow').close();\r\n }\r\n if (nextprops.isLoadingStop == true) {\r\n this.setState({ isLoading: false });\r\n }\r\n }\r\n\r\n handleChange = () => {\r\n this.setState({ checkbox: !this.state.checkbox });\r\n }\r\n\r\n firstFunctionClick = () => {\r\n // $(\"#\"+this.props.id).data('kendoWindow').close();\r\n this.setState({ isLoading: true });\r\n if (this.props.isCallToFront == false) {\r\n this.isCallToFront = false;\r\n }\r\n this.props.firstBtnOnClickFunc();\r\n }\r\n\r\n secondFunctionClick = () => {\r\n // $(\"#\"+this.props.id).data('kendoWindow').close();\r\n if (this.props.isCallToFront == false) {\r\n this.isCallToFront = false;\r\n }\r\n this.props.secondFunctionClick();\r\n }\r\n\r\n closeModel = () => {\r\n\r\n if (this.props.isCallToFront == false) {\r\n this.isCallToFront = false;\r\n $(\"#\" + this.props.id).data('kendoWindow').close('pass_param');\r\n } else {\r\n $(\"#\" + this.props.id).data('kendoWindow').close();\r\n }\r\n this.setState({ isLoading: false });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nWmsConfirmModel.propTypes = {\r\n id: PropTypes.string.isRequired, // this should write the id to the input\r\n isOpen: PropTypes.bool.isRequired, // open and close modal\r\n isFirstBtnSaw: PropTypes.bool.isRequired,//hide & saw first button\r\n isSecondBtnSaw: PropTypes.bool.isRequired,//hide & saw second button\r\n isThirdBtnSaw: PropTypes.bool.isRequired,//hide & saw third button\r\n sawCheckBox: PropTypes.bool.isRequired,// to set true to check box for getting confirmation\r\n firstButtonType: PropTypes.string.isRequired,//set color of button using its type\r\n secondButtonType: PropTypes.string,//set color of button using its type\r\n thirdButtonType: PropTypes.string.isRequired,//set color of button using its type\r\n onCloseFunc: PropTypes.func.isRequired, // function to specify when close modal\r\n firstBtnLabel: PropTypes.string.isRequired, // first button label\r\n firstBtnOnClickFunc: PropTypes.func.isRequired, // first button click function\r\n secondFunctionClick: PropTypes.func.isRequired, // second button click function\r\n secondBtnLabel: PropTypes.string, // second button label\r\n thirdBtnLabel: PropTypes.string.isRequired, // second button label\r\n conFormModelText: PropTypes.string.isRequired, // first button click function\r\n checkboxLabel: PropTypes.string, // checkbox label\r\n firstBtnIcon: PropTypes.string,// first button icon\r\n secondBtnIcon: PropTypes.string,// second button icon\r\n thirdBtnIcon: PropTypes.string,// second button icon\r\n extraWrapperClass: PropTypes.string,// second button icon\r\n type: PropTypes.string,// second button icon\r\n isLoadingStop: PropTypes.bool //for hide loading button when open multiple warning modal\r\n}\r\n\r\nWmsConfirmModel.defaultProps = {\r\n id: \"WmsConfirmModel\",\r\n type: 'Warning',\r\n firstButtonType: 'green',\r\n secondBtnLabel: '',\r\n secondButtonType: 'yellow',\r\n thirdButtonType: 'orange',\r\n firstBtnSelector:'confirmationbutton1',\r\n secondBtnSelector:'confirmationbutton2',\r\n thirdBtnSelector:'confirmationbutton3',\r\n extraWrapperClass:'',\r\n secondFunctionClick: (e) => function () { },\r\n isFirstBtnSaw: true,\r\n isSecondBtnSaw: false,\r\n isThirdBtnSaw: true,\r\n sawCheckBox: true,\r\n isCallToFront: true\r\n}\r\n\r\nexport default WmsConfirmModel;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport style from './WmsContainer.scss';\r\n\r\nclass WmsContainer extends React.PureComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n }\r\n componentDidMount() {\r\n if(this.props.isShawHeaderInfoIcon){\r\n setTimeout(() => {\r\n $(\"#\"+this.props.id+\"_headerinfo\").kendoTooltip({\r\n width: 240,\r\n showAfter: 500,\r\n position: \"bottom\",\r\n content: (e) => {\r\n return '{this.props.type}
\r\n \r\n {!this.props.children && (\r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n )}\r\n {this.props.children && (\r\n this.props.children\r\n )}\r\n {this.props.sawCheckBox == true &&\r\n \r\n {this.props.isThirdBtnSaw == true &&\r\n
\r\n \r\n
\r\n }\r\n {this.props.isSecondBtnSaw == true &&\r\n \r\n
\r\n }\r\n {this.props.isFirstBtnSaw == true &&\r\n \r\n
\r\n }\r\n '+this.props.headerInfoTooltipText+'
';\r\n },\r\n animation: {\r\n open: {\r\n effects: \"zoom\",\r\n duration: 150\r\n }\r\n }\r\n }).data(\"kendoTooltip\");\r\n }, 100);\r\n }\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nWmsContainer.propTypes = {\r\n title: PropTypes.string, // this should write the title on conatiner default blank\r\n showWarningText: PropTypes.string, // this should set warning label after title\r\n areYouSureTitle: PropTypes.string, // this should set warning label after title\r\n className: PropTypes.string, // this should set warning label after title\r\n id: PropTypes.string, // this should set warning label after title\r\n wmsSelector: PropTypes.string, // this should set up a selector on the input\r\n isShawHeaderInfoIcon: PropTypes.bool\r\n}\r\n\r\nWmsContainer.defaultProps = {\r\n title: '',\r\n showWarningText: '',\r\n areYouSureTitle: '',\r\n className: '',\r\n id: '',\r\n isShawHeaderInfoIcon: false,\r\n headerInfoTooltipText: '',\r\n}\r\n\r\nexport default WmsContainer;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport style from './WmsCollapse.scss';\r\n\r\nclass WmsCollapse extends React.PureComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isExpanded: props.isExpanded,\r\n windowId: props.windowId != \"\" ? \".\" + props.windowId + \" \" : \"\"\r\n }\r\n }\r\n componentDidMount() {\r\n if (this.props.isShowTooltip) {\r\n setTimeout(() => {\r\n $(\"#\" + this.props.id + \"_main\").kendoTooltip({\r\n width: 240,\r\n position: \"bottom\",\r\n content: (e) => {\r\n return '\r\n {this.props.title != '' &&\r\n
\r\n \r\n \r\n
\r\n }\r\n {this.props.isShawHeaderInfoIcon && (\r\n \r\n )}\r\n {this.props.showWarningText != '' && (\r\n \r\n )}\r\n \r\n {this.props.children}\r\n
\r\n ' + this.props.tooltipText + '
';\r\n },\r\n animation: {\r\n open: {\r\n effects: \"zoom\",\r\n duration: 150\r\n }\r\n }\r\n }).data(\"kendoTooltip\");\r\n }, 100);\r\n }\r\n if (this.props.isShawHeaderInfoIcon) {\r\n setTimeout(() => {\r\n $(\"#\" + this.props.id + \"_headerinfo\").kendoTooltip({\r\n width: 240,\r\n showAfter: 500,\r\n position: \"bottom\",\r\n content: (e) => {\r\n return '' + this.props.headerInfoTooltipText + '
';\r\n },\r\n animation: {\r\n open: {\r\n effects: \"zoom\",\r\n duration: 150\r\n }\r\n }\r\n }).data(\"kendoTooltip\");\r\n }, 100);\r\n }\r\n }\r\n onClickEvent(e) {\r\n if (this.props.showCollapseText == false && this.props.showCollapseIcon == false) {\r\n return;\r\n }\r\n var id = this.props.id;\r\n // var subheader = $(\"#\" + id + \" .\" + style.text_update);\r\n // Getting the next element\r\n var content = $(this.state.windowId + \"#\" + id).next();\r\n content.slideToggle(500, () => {\r\n this.setState({\r\n isExpanded: !this.state.isExpanded\r\n });\r\n });\r\n this.props.setCollapseMetaData(this.state.isExpanded);\r\n }\r\n\r\n render() {\r\n return (\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nWmsCollapse.propTypes = {\r\n id: PropTypes.string.isRequired, // this should write the id to the input\r\n windowId: PropTypes.string, // this should window id\r\n headerLabel: PropTypes.string.isRequired, // this should be the label that default shows whether it is collapse or expand,\r\n showDragIcon: PropTypes.bool, // set true to saw drag icon on header left side by default is true\r\n showCollapseIcon: PropTypes.bool,\r\n isExpanded: PropTypes.bool,\r\n isDisabled: PropTypes.bool,\r\n isShawHeaderInfoIcon: PropTypes.bool,\r\n ref: PropTypes.any\r\n}\r\nWmsCollapse.defaultProps = {\r\n isExpanded: true,\r\n isDisabled: false,\r\n showCollapseText: true,\r\n showDragIcon: false,\r\n showCollapseIcon: true,\r\n isShowTooltip: false,\r\n tooltipText: '',\r\n isShawHeaderInfoIcon: false,\r\n headerInfoTooltipText: '',\r\n ref: '',\r\n setCollapseMetaData: (e) => function () { },\r\n windowId: \"\"\r\n}\r\nexport default WmsCollapse;","import * as GlobalService from '../global_services';\r\nvar isFirstTimeOpen = true;\r\nvar keyName = \"Orders\";\r\nvar metaDataOrderObject = {\r\n \"Orders\": {\r\n \"FindOrders\": {\r\n \"filterData\": {\r\n\r\n },\r\n \"gridConfig\": {\r\n \"findOrderGrid\": {\r\n\r\n }\r\n },\r\n \"saveFilter\": [],\r\n \"sorableSection\": \"\",\r\n \"collapseData\": {\r\n\r\n },\r\n },\r\n \"ManageOrders\": {\r\n \"collapseData\": {\r\n\r\n },\r\n \"filterData\": {\r\n \"editAllocation\": {\r\n\r\n },\r\n \"massAdd\": {\r\n\r\n }\r\n },\r\n \"saveFilter\": {\r\n \"editAllocation\": [],\r\n \"massAdd\": []\r\n },\r\n \"gridConfig\": {\r\n \"addLineItemGrid\": {\r\n\r\n },\r\n \"lineItemCustomFields\": {\r\n\r\n },\r\n \"appliedChargesGrid\": {\r\n\r\n },\r\n \"advancedContactLookupGrid\": {\r\n\r\n },\r\n \"customOrderInfo\": {\r\n\r\n },\r\n \"editAllocation\": {\r\n\r\n },\r\n \"massAdd\": {\r\n\r\n },\r\n \"OrderLineItem\":{\r\n\r\n },\r\n \"OrderLineItemBeta\":{\r\n\r\n },\r\n \"OrderLineItemBetaFulFillment\":{\r\n\r\n }\r\n }\r\n }\r\n }\r\n};\r\n\r\n\r\n// call api for get metaData of order is it's open first time\r\nexport const getUserClientMetaData = function () {\r\n if (isFirstTimeOpen) {\r\n return GlobalService.getUserClientMetaData(keyName).then(\r\n function successCallBack(response) {\r\n if (response != \"\") {\r\n Object.assign(metaDataOrderObject[keyName], JSON.parse(response));\r\n }\r\n console.log(\"response metaDataOrderObject :\", metaDataOrderObject);\r\n isFirstTimeOpen = false;\r\n return true;\r\n },\r\n function errorCallBack(response) {\r\n console.log(response);\r\n return false;\r\n }\r\n );\r\n }\r\n}\r\n\r\nexport const setFindOrderCollapseMetaData = function (collapseId, value) {\r\n if (!metaDataOrderObject[keyName]['FindOrders']['collapseData']) {\r\n metaDataOrderObject[keyName]['FindOrders']['collapseData'] = {}\r\n }\r\n metaDataOrderObject[keyName]['FindOrders']['collapseData'][collapseId] = value;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\nexport const getFindOrderCollapseMetaData = function () {\r\n return metaDataOrderObject[keyName]['FindOrders']['collapseData'];\r\n}\r\n\r\nexport const setManageOrderCollapseMetaData = function (collapseId, value) {\r\n metaDataOrderObject[keyName]['ManageOrders']['collapseData'][collapseId] = value;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\n\r\nexport const getManageOrderCollapseMetaData = function () {\r\n return metaDataOrderObject[keyName]['ManageOrders']['collapseData'];\r\n}\r\n\r\nexport const setFindOrderSortSectionMetaData = function (sortArray) {\r\n metaDataOrderObject[keyName]['FindOrders']['sorableSection'] = sortArray;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getFindOrderSortSectionMetaData = function () {\r\n return metaDataOrderObject[keyName]['FindOrders']['sorableSection'];\r\n}\r\n\r\nexport const setFindOrderFilterMetaData = function (filterData) {\r\n metaDataOrderObject[keyName]['FindOrders']['filterData'] = filterData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getFindOrderFilterMetaData = function () {\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['FindOrders']['filterData'])) {\r\n return metaDataOrderObject[keyName]['FindOrders']['filterData'];\r\n } else {\r\n return \"\";\r\n }\r\n\r\n}\r\n\r\n// save filter of find order in meta data\r\nexport const saveFindOrderFilterMetaData = function (title, filterObj, columnObj) {\r\n var setData = {\r\n title: title,\r\n filterData: filterObj,\r\n columnData: columnObj.optionsData\r\n };\r\n if (typeof metaDataOrderObject[keyName]['FindOrders']['saveFilter'] == \"undefined\") {\r\n metaDataOrderObject[keyName]['FindOrders']['saveFilter'] = [];\r\n }\r\n (metaDataOrderObject[keyName]['FindOrders']['saveFilter']).push(setData);\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n\r\n}\r\nexport const updateFindOrderFilterMetaData = function (index, filterObj, columnObj) {\r\n\r\n if (typeof metaDataOrderObject[keyName]['FindOrders']['saveFilter'][index] != \"undefined\") {\r\n metaDataOrderObject[keyName]['FindOrders']['saveFilter'][index].filterData = filterObj;\r\n metaDataOrderObject[keyName]['FindOrders']['saveFilter'][index].columnData = columnObj.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n }\r\n\r\n}\r\nexport const getSaveFindOrderFilterListMetaData = function (objName) {\r\n if (typeof metaDataOrderObject[keyName]['FindOrders']['saveFilter'] == \"undefined\") {\r\n metaDataOrderObject[keyName]['FindOrders']['saveFilter'] = [];\r\n }\r\n return metaDataOrderObject[keyName]['FindOrders']['saveFilter'];\r\n}\r\n\r\nexport const clearSaveFindOrderFilterListMetaData = function (index) {\r\n metaDataOrderObject[keyName]['FindOrders']['saveFilter'].splice(index, 1);\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const applySavedFilterDataToFindOrderGrid = function (gridConfig, filterData) {\r\n metaDataOrderObject[keyName]['FindOrders']['gridConfig']['findOrderGrid'] = gridConfig.optionsData;\r\n metaDataOrderObject[keyName]['FindOrders']['filterData'] = filterData;\r\n\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const clearFindOrderFilterMetaData = function (objName) {\r\n metaDataOrderObject[keyName]['FindOrders']['filterData'] = {};\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const setFindOrderGridOptionInMetaData = function (gridConfig) {\r\n metaDataOrderObject[keyName]['FindOrders']['gridConfig']['findOrderGrid'] = gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getFindOrderGridOptionInMetaData = function () {\r\n\r\n if (typeof metaDataOrderObject[keyName]['FindOrders']['gridConfig'] == \"undefined\") {\r\n metaDataOrderObject[keyName]['FindOrders']['gridConfig'] = { };\r\n }\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['FindOrders']['gridConfig']['findOrderGrid'])) {\r\n return metaDataOrderObject[keyName]['FindOrders']['gridConfig']['findOrderGrid'];\r\n } else {\r\n return \"\";\r\n }\r\n}\r\n\r\nexport const setManageOrdersOrderItemsGridOptionInMetaData = function (gridConfig) {\r\n metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['addLineItemGrid'] = gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getManageOrdersOrderItemsGridOptionInMetaData = function () {\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['addLineItemGrid'])) {\r\n return metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['addLineItemGrid'];\r\n } else {\r\n return \"\";\r\n }\r\n}\r\n\r\nexport const setManageOrdersOrderLineItemCustomFieldInMetaData = function (gridConfig) {\r\n metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['lineItemCustomFields'] = gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getManageOrdersOrderLineItemCustomFieldInMetaData = function () {\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['lineItemCustomFields'])) {\r\n return metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['lineItemCustomFields'];\r\n } else {\r\n return \"\";\r\n }\r\n}\r\n// For custom order info set and get\r\nexport const setManageOrdersCustomOrderInfoInMetaData = function (gridConfig) {\r\n metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['customOrderInfo'] = gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getManageOrdersCustomOrderInfoInMetaData = function () {\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['customOrderInfo'])) {\r\n return metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['customOrderInfo'];\r\n } else {\r\n return \"\";\r\n }\r\n}\r\n\r\n\r\nexport const setManageOrdersAppliedChargesGridOptionInMetaData = function (gridConfig) {\r\n metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['appliedChargesGrid'] = gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getManageOrdersAppliedChargesGridOptionInMetaData = function () {\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['appliedChargesGrid'])) {\r\n return metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['appliedChargesGrid'];\r\n } else {\r\n return \"\";\r\n }\r\n}\r\n\r\nexport const setManageOrdersContactLookupGridOptionInMetaData = function (gridConfig) {\r\n metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['advancedContactLookupGrid'] = gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getManageOrdersContactLookupGridOptionInMetaData = function () {\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['advancedContactLookupGrid'])) {\r\n return metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['advancedContactLookupGrid'];\r\n } else {\r\n return \"\";\r\n }\r\n}\r\n\r\nexport const setManageOrdersMassAddGridOptionInMetaData = function (gridConfig) {\r\n metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['massAdd'] = gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getManageOrdersMassAddGridOptionInMetaData = function () {\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['massAdd'])) {\r\n return metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['massAdd'];\r\n } else {\r\n return \"\";\r\n }\r\n}\r\n\r\nexport const setManageOrdersEditAllocationGridOptionInMetaData = function (gridConfig) {\r\n metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['editAllocation'] = gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getManageOrdersEditAllocationGridOptionInMetaData = function () {\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['editAllocation'])) {\r\n return metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['editAllocation'];\r\n } else {\r\n return \"\";\r\n }\r\n}\r\n\r\nexport const setManageOrdersMassAddFilterMetaData = function (filterData) {\r\n metaDataOrderObject[keyName]['ManageOrders']['filterData']['massAdd'] = filterData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getManageOrdersMassAddFilterMetaData = function () {\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['ManageOrders']['filterData']['massAdd'])) {\r\n return metaDataOrderObject[keyName]['ManageOrders']['filterData']['massAdd'];\r\n } else {\r\n return \"\";\r\n }\r\n}\r\n\r\nexport const setManageOrdersEditAllocationFilterMetaData = function (filterData) {\r\n metaDataOrderObject[keyName]['ManageOrders']['filterData']['editAllocation'] = filterData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getManageOrdersEditAllocationFilterMetaData = function () {\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['ManageOrders']['filterData']['editAllocation'])) {\r\n return metaDataOrderObject[keyName]['ManageOrders']['filterData']['editAllocation'];\r\n } else {\r\n return \"\";\r\n }\r\n}\r\n\r\n// save filter of massAdd in meta data\r\nexport const saveManageOrdersMassAddFilterMetaData = function (title, filterObj, columnObj) {\r\n var setData = {\r\n title: title,\r\n filterData: filterObj,\r\n columnData: columnObj.optionsData\r\n };\r\n if (typeof metaDataOrderObject[keyName]['ManageOrders']['saveFilter'] == \"undefined\") {\r\n metaDataOrderObject[keyName]['ManageOrders']['saveFilter'] = {};\r\n }\r\n if (typeof metaDataOrderObject[keyName]['ManageOrders']['saveFilter']['massAdd'] == \"undefined\") {\r\n metaDataOrderObject[keyName]['ManageOrders']['saveFilter']['massAdd'] = [];\r\n }\r\n (metaDataOrderObject[keyName]['ManageOrders']['saveFilter']['massAdd']).push(setData);\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\nexport const getSavedManageOrdersMassAddFilterMetaData = function () {\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['ManageOrders']['saveFilter']['massAdd'])) {\r\n return metaDataOrderObject[keyName]['ManageOrders']['saveFilter']['massAdd'];\r\n } else {\r\n return [];\r\n }\r\n}\r\nexport const removeSavedManageOrdersMassAddFilterMetaData = function (index) {\r\n metaDataOrderObject[keyName]['ManageOrders']['saveFilter']['massAdd'].splice(index, 1);\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\nexport const applySavedFilterDataToMassAddGrid = function (gridConfig, filterData) {\r\n metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['massAdd'] = gridConfig.optionsData;\r\n metaDataOrderObject[keyName]['ManageOrders']['filterData']['massAdd'] = filterData;\r\n\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\n// save filter of editAllocation in meta data\r\nexport const saveManageOrdersEditAllocationFilterMetaData = function (title, filterObj, columnObj) {\r\n var setData = {\r\n title: title,\r\n filterData: filterObj,\r\n columnData: columnObj.optionsData\r\n };\r\n if (typeof metaDataOrderObject[keyName]['ManageOrders']['saveFilter'] == \"undefined\") {\r\n metaDataOrderObject[keyName]['ManageOrders']['saveFilter'] = {};\r\n }\r\n if (typeof metaDataOrderObject[keyName]['ManageOrders']['saveFilter']['editAllocation'] == \"undefined\") {\r\n metaDataOrderObject[keyName]['ManageOrders']['saveFilter']['editAllocation'] = [];\r\n }\r\n\r\n (metaDataOrderObject[keyName]['ManageOrders']['saveFilter']['editAllocation']).push(setData);\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\nexport const getSavedManageOrdersEditAllocationFilterMetaData = function () {\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['ManageOrders']['saveFilter']['editAllocation'])) {\r\n return metaDataOrderObject[keyName]['ManageOrders']['saveFilter']['editAllocation'];\r\n } else {\r\n return [];\r\n }\r\n}\r\nexport const removeSavedManageOrdersEditAllocationFilterMetaData = function (index) {\r\n metaDataOrderObject[keyName]['ManageOrders']['saveFilter']['editAllocation'].splice(index, 1);\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\nexport const applySavedFilterDataToEditAllocationGrid = function (gridConfig, filterData) {\r\n metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['editAllocation'] = gridConfig.optionsData;\r\n metaDataOrderObject[keyName]['ManageOrders']['filterData']['editAllocation'] = filterData;\r\n\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const setManageOrdersLineItemGridOptionInMetaData = function (gridConfig) {\r\n metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['OrderLineItem'] = gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getManageOrdersLineItemGridOptionInMetaData = function () {\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['OrderLineItem'])) {\r\n return metaDataOrderObject[keyName]['ManageOrders']['gridConfig']['OrderLineItem'];\r\n } else {\r\n return \"\";\r\n }\r\n}\r\n\r\nexport const setManageOrdersLineItemBetaGridOptionInMetaData = function (gridConfig,isFulFillmentEnable) {\r\n var metaTitle = isFulFillmentEnable ? 'OrderLineItemBetaFulFillment' : 'OrderLineItemBeta';\r\n metaDataOrderObject[keyName]['ManageOrders']['gridConfig'][metaTitle] = gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getManageOrdersLineItemBetaGridOptionInMetaData = function (isFulFillmentEnable) {\r\n var metaTitle = isFulFillmentEnable ? 'OrderLineItemBetaFulFillment' : 'OrderLineItemBeta';\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['ManageOrders']['gridConfig'][metaTitle])) {\r\n return metaDataOrderObject[keyName]['ManageOrders']['gridConfig'][metaTitle];\r\n } else {\r\n return \"\";\r\n }\r\n}","import React from 'react';\r\n\r\nexport const getGridDemoColumns = (FindOrders_GridHeaders, CustomLabels) => {\r\n \r\n var translate = window.translate;\r\n return ({\r\n\r\n columns: [{\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n width: 60,\r\n wmsid: 49,\r\n locked: true,\r\n lockable: false,\r\n resizable:false,\r\n sortable: false,\r\n reorderable: false,\r\n filterable: false,\r\n attributes: { style: \"text-align:center;\" },\r\n headerAttributes: { style: \"text-align:center;\" }\r\n }, {\r\n field: \"Customer\",\r\n title: CustomLabels.Label_Customer,\r\n width: 120,\r\n wmsid: 1,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridGridCustomer'\r\n }\r\n },\r\n {\r\n field: \"Warehouse\",\r\n title: CustomLabels.Label_Warehouse,\r\n width: 120,\r\n wmsid: 2,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridGridWarehouse'\r\n }\r\n }, {\r\n field: \"OrderId\",\r\n title: FindOrders_GridHeaders[2].description,\r\n width: 120,\r\n wmsid: 3,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridGridOrderId'\r\n },\r\n filterable: {\r\n ui:function(element){\r\n element.kendoNumericTextBox({\r\n format:'{0:0}'\r\n })\r\n }\r\n }\r\n }, {\r\n field: \"ReferenceNum\",\r\n title: FindOrders_GridHeaders[3].description,\r\n width: 120,\r\n wmsid: 4,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridGridReferenceNum'\r\n }\r\n }, {\r\n field: \"CreationDate\",\r\n title: FindOrders_GridHeaders[4].description,\r\n width: 120,\r\n wmsid: 5,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridGridCreationDate'\r\n },\r\n template: \"#= (typeof CreationDate != 'undefined' && CreationDate != null) ? kendo.toString(kendo.parseDate(CreationDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\"\r\n\r\n }, {\r\n field: \"Status\",\r\n title: FindOrders_GridHeaders[5].description,\r\n width: 120,\r\n wmsid: 6,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridGridStatus'\r\n },\r\n }\r\n ]\r\n })\r\n}\r\n\r\nexport const getAllColumnList = (FindOrders_GridHeaders, CustomLabels) => {\r\n \r\n var translate = window.translate;\r\n\r\n return ([{\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n width: 60,\r\n wmsid: 49,\r\n locked: true,\r\n lockable: false,\r\n sortable: false,\r\n resizable:false,\r\n reorderable: false,\r\n filterable: false,\r\n isShawRowNumberColumnInList: true, \r\n attributes: { style: \"text-align:center;\" },\r\n headerAttributes: { style: \"text-align:center;\" }\r\n },{\r\n field: \"Customer\",\r\n title: CustomLabels.Label_Customer,\r\n width: 120,\r\n wmsid: 1,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridGridCustomer'\r\n }\r\n },\r\n {\r\n field: \"Warehouse\",\r\n title: CustomLabels.Label_Warehouse,\r\n width: 120,\r\n wmsid: 2,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridGridWarehouse'\r\n }\r\n }, {\r\n field: \"OrderId\",\r\n title: FindOrders_GridHeaders[2].description,\r\n width: 120,\r\n wmsid: 3,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridGridOrderId'\r\n },\r\n filterable: {\r\n ui:function(element){\r\n element.kendoNumericTextBox({\r\n format:'{0:0}'\r\n })\r\n }\r\n }\r\n }, {\r\n field: \"ReferenceNum\",\r\n title: FindOrders_GridHeaders[3].description,\r\n width: 120,\r\n wmsid: 4,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridGridReferenceNum'\r\n }\r\n }, {\r\n field: \"CreationDate\",\r\n title: FindOrders_GridHeaders[4].description,\r\n width: 120,\r\n wmsid: 5,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridGridCreationDate'\r\n },\r\n template: \"#= (typeof CreationDate != 'undefined' && CreationDate != null) ? kendo.toString(kendo.parseDate(CreationDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\"\r\n\r\n }, {\r\n field: \"Status\",\r\n title: FindOrders_GridHeaders[5].description,\r\n width: 120,\r\n wmsid: 6,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridGridStatus'\r\n },\r\n }\r\n , {\r\n field: \"ParcelLabelType\",\r\n title: FindOrders_GridHeaders[44].description,\r\n width: 120,\r\n wmsid: 43,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridGridParcelLabelType'\r\n },\r\n\r\n template: \"# if(typeof ParcelLabelType != 'undefined' && ParcelLabelType === 0){# \" + translate('Label_parcel_type_none') + \" #}else if(typeof ParcelLabelType != 'undefined' && ParcelLabelType === 1){# \" + translate('Label_parcel_type_pdf') + \" #}else{# \" + translate('Label_parcel_type_zpl') + \" #} # \"\r\n }, {\r\n field: \"AsnSentDate\",\r\n title: FindOrders_GridHeaders[20].description,\r\n width: 120,\r\n wmsid: 7,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridGridAsnSentDate'\r\n },\r\n\r\n template: \"#= (typeof AsnSentDate != 'undefined' && AsnSentDate != null) ? kendo.toString(kendo.parseDate(AsnSentDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\"\r\n }, {\r\n field: \"BatchName\",\r\n title: FindOrders_GridHeaders[43].description,\r\n width: 120,\r\n wmsid: 51,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridGridBatchName'\r\n },\r\n\r\n }, {\r\n field: \"BatchOrderId\",\r\n title: FindOrders_GridHeaders[6].description,\r\n width: 120,\r\n wmsid: 8,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridGridBatchOrderId'\r\n },\r\n\r\n }, {\r\n field: \"BillOfLading\",\r\n title: FindOrders_GridHeaders[32].description,\r\n width: 120,\r\n wmsid: 9,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridBillOfLading'\r\n },\r\n\r\n }, {\r\n field: \"BillingCode\",\r\n title: FindOrders_GridHeaders[29].description,\r\n width: 120,\r\n wmsid: 10,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridBillingCode'\r\n },\r\n\r\n }, {\r\n field: \"ShipCancelDate\",\r\n title: FindOrders_GridHeaders[16].description,\r\n width: 120,\r\n wmsid: 11,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridShipCancelDate'\r\n },\r\n\r\n template: \"#= (typeof ShipCancelDate != 'undefined' && ShipCancelDate != null) ? kendo.toString(kendo.parseDate(ShipCancelDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\"\r\n }, {\r\n field: \"Carrier\",\r\n title: FindOrders_GridHeaders[27].description,\r\n width: 120,\r\n wmsid: 12,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridCarrier'\r\n },\r\n template: function (dataItem) {\r\n return dataItem.Carrier == \"PitneyBowesStd\" ? \"Pitney Bowes Standard\" : ( dataItem.Carrier != null ? dataItem.Carrier : '');\r\n },\r\n }, {\r\n field: \"ProcessDate\",\r\n title: FindOrders_GridHeaders[19].description,\r\n width: 120,\r\n wmsid: 13,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridProcessDate'\r\n },\r\n\r\n template: \"#= (typeof ProcessDate != 'undefined' && ProcessDate != null) ? kendo.toString(kendo.parseDate(ProcessDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\"\r\n }, {\r\n field: \"ConfirmAsnSentDate\",\r\n title: FindOrders_GridHeaders[21].description,\r\n width: 120,\r\n wmsid: 14,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridConfirmAsnSentDate'\r\n },\r\n template: \"#= (typeof ConfirmAsnSentDate != 'undefined' && ConfirmAsnSentDate != null) ? kendo.toString(kendo.parseDate(ConfirmAsnSentDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\"\r\n }, {\r\n field: \"TransactionSource\",\r\n title: FindOrders_GridHeaders[40].description,\r\n width: 120,\r\n wmsid: 15,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridTransactionSource'\r\n },\r\n\r\n }, {\r\n field: \"EarliestShipDate\",\r\n title: FindOrders_GridHeaders[15].description,\r\n width: 120,\r\n wmsid: 16,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridEarliestShipDate'\r\n },\r\n\r\n template: \"#= (typeof EarliestShipDate != 'undefined' && EarliestShipDate != null ) ? kendo.toString(kendo.parseDate(EarliestShipDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\"\r\n }, {\r\n field: \"EndOfDayDate\",\r\n title: FindOrders_GridHeaders[22].description,\r\n width: 120,\r\n wmsid: 17,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridEndOfDayDate'\r\n },\r\n\r\n template: \"#= (typeof EndOfDayDate != 'undefined' && EndOfDayDate != null) ? kendo.toString(kendo.parseDate(EndOfDayDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\"\r\n }, {\r\n field: \"LoadNumber\",\r\n title: FindOrders_GridHeaders[31].description,\r\n width: 120,\r\n wmsid: 18,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridLoadNumber'\r\n },\r\n\r\n }, {\r\n field: \"LoadOutDoneDate\",\r\n title: FindOrders_GridHeaders[23].description,\r\n width: 120,\r\n wmsid: 19,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridLoadOutDoneDate'\r\n },\r\n\r\n template: \"#= (typeof LoadOutDoneDate != 'undefined' && LoadOutDoneDate != null) ? kendo.toString(kendo.parseDate(LoadOutDoneDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\"\r\n }, {\r\n field: \"MasterBillOfLadingId\",\r\n title: FindOrders_GridHeaders[33].description,\r\n width: 120,\r\n wmsid: 20,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridMasterBillOfLadingId'\r\n },\r\n\r\n }, {\r\n field: \"PackDoneDate\",\r\n title: FindOrders_GridHeaders[25].description,\r\n width: 120,\r\n wmsid: 21,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridPackDoneDate'\r\n },\r\n\r\n template: \"#= (typeof PackDoneDate != 'undefined' && PackDoneDate != null) ? kendo.toString(kendo.parseDate(PackDoneDate), 'MMM dd yyyy, hh:mm:ss tt'): '' #\"\r\n }, {\r\n field: \"TotPackages\",\r\n title: FindOrders_GridHeaders[38].description,\r\n width: 120,\r\n wmsid: 22,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridTotPackages'\r\n },\r\n\r\n }, {\r\n field: \"PickJobId\",\r\n title: FindOrders_GridHeaders[45].description,\r\n width: 120,\r\n wmsid: 44,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridPickJobId'\r\n }\r\n }, {\r\n field: \"PickTicketPrintDate\",\r\n title: \"Pick Ticket Print Date\",\r\n width: 120,\r\n wmsid: 45,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridPickTicketPrintDate'\r\n },\r\n\r\n template: \"#= (typeof PickTicketPrintDate != 'undefined' && PickTicketPrintDate != null) ? kendo.toString(kendo.parseDate(PickTicketPrintDate), 'MMM dd yyyy, hh:mm:ss tt'): '' #\"\r\n }, {\r\n field: \"PickDoneDate\",\r\n title: FindOrders_GridHeaders[24].description,\r\n width: 120,\r\n wmsid: 23,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridPickDoneDate'\r\n },\r\n\r\n template: \"#= (typeof PickDoneDate != 'undefined' && PickDoneDate != null) ? kendo.toString(kendo.parseDate(PickDoneDate), 'MMM dd yyyy, hh:mm:ss tt'): '' #\"\r\n },\r\n {\r\n field: \"PickupDate\",\r\n title: FindOrders_GridHeaders[17].description,\r\n width: 120,\r\n wmsid: 24,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridPickupDate'\r\n },\r\n\r\n template: \"#= (typeof PickupDate != 'undefined' && PickupDate != null) ? kendo.toString(kendo.parseDate(PickupDate), 'MMM dd yyyy, hh:mm:ss tt'): '' #\"\r\n },\r\n {\r\n field: \"PoNum\",\r\n title: FindOrders_GridHeaders[7].description,\r\n width: 120,\r\n wmsid: 25,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridPoNum'\r\n },\r\n\r\n }, {\r\n field: \"RetailerId\",\r\n title: FindOrders_GridHeaders[14].description,\r\n width: 120,\r\n wmsid: 26,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridRetailerId'\r\n },\r\n\r\n }, {\r\n field: \"SkuAndQty\",\r\n title: CustomLabels.Label_Sku + FindOrders_GridHeaders[41].description,\r\n width: 120,\r\n wmsid: 27,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridSkuAndQty'\r\n },\r\n\r\n template: \"\"\r\n }, {\r\n field: \"ShipService\",\r\n title: FindOrders_GridHeaders[28].description,\r\n width: 120,\r\n wmsid: 28,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridShipService'\r\n }\r\n }, {\r\n field: \"ShipToAddress\",\r\n title: FindOrders_GridHeaders[9].description,\r\n width: 120,\r\n wmsid: 29,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridShipToAddress'\r\n },\r\n\r\n }, {\r\n field: \"ShipToCity\",\r\n title: FindOrders_GridHeaders[10].description,\r\n width: 120,\r\n wmsid: 30,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridShipToCity'\r\n },\r\n\r\n }, {\r\n field: \"ShipToCompany\",\r\n title: FindOrders_GridHeaders[42].description,\r\n width: 120,\r\n wmsid: 50,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridShipToCompany'\r\n },\r\n\r\n }, {\r\n field: \"ShipToCountry\",\r\n title: FindOrders_GridHeaders[12].description,\r\n width: 120,\r\n wmsid: 31,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridShipToCountry'\r\n },\r\n\r\n }, {\r\n field: \"ShipToName\",\r\n title: FindOrders_GridHeaders[8].description,\r\n width: 120,\r\n wmsid: 32,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridShipToName'\r\n },\r\n\r\n }, {\r\n field: \"ShipToState\",\r\n title: FindOrders_GridHeaders[13].description,\r\n width: 120,\r\n wmsid: 33,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridShipToState'\r\n },\r\n\r\n }, {\r\n field: \"ShipToZip\",\r\n title: FindOrders_GridHeaders[11].description,\r\n width: 120,\r\n wmsid: 34,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridShipToZip'\r\n },\r\n\r\n }, {\r\n field: \"SmallParcelShipDate\",\r\n title: FindOrders_GridHeaders[18].description,\r\n width: 120,\r\n wmsid: 35,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridSmallParcelShipDate'\r\n },\r\n template: \"#= (typeof SmallParcelShipDate != 'undefined' && SmallParcelShipDate != null) ? kendo.toString(kendo.parseDate(SmallParcelShipDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\"\r\n }, {\r\n field: \"Timezone\",\r\n title: FindOrders_GridHeaders[26].description,\r\n width: 120,\r\n wmsid: 36,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridTimezone'\r\n },\r\n\r\n }, {\r\n field: \"TrackingNumber\",\r\n title: FindOrders_GridHeaders[30].description,\r\n width: 120,\r\n wmsid: 37,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridTrackingNumber'\r\n },\r\n\r\n }, {\r\n field: \"TotVolumeImperial\",\r\n title: FindOrders_GridHeaders[35].description,\r\n width: 120,\r\n wmsid: 38,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridTotVolumeImperial'\r\n },\r\n\r\n }, {\r\n field: \"TotVolumeMetric\",\r\n title: FindOrders_GridHeaders[37].description,\r\n width: 120,\r\n wmsid: 39,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridTotVolumeMetric'\r\n },\r\n\r\n }, {\r\n field: \"Notes\",\r\n title: FindOrders_GridHeaders[39].description,\r\n width: 120,\r\n wmsid: 40,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridNotes'\r\n },\r\n\r\n }, {\r\n field: \"TotWeightMetric\",\r\n title: FindOrders_GridHeaders[36].description,\r\n width: 120,\r\n wmsid: 41,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridTotWeightMetric'\r\n },\r\n\r\n }, {\r\n field: \"TotWeightImperial\",\r\n title: FindOrders_GridHeaders[34].description,\r\n width: 120,\r\n wmsid: 42,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridTotWeightImperial'\r\n },\r\n\r\n }, {\r\n field: \"TotalItemQty\",\r\n title: FindOrders_GridHeaders[46].description,\r\n width: 120,\r\n wmsid: 46,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridTotalItemQty'\r\n },\r\n }, {\r\n field: \"OrderCreator\",\r\n title: FindOrders_GridHeaders[47].description,\r\n width: 120,\r\n wmsid: 47,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridOrderCreator'\r\n },\r\n }, {\r\n field: \"TotalLines\",\r\n title: FindOrders_GridHeaders[48].description,\r\n width: 120,\r\n wmsid: 48,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridTotalLines'\r\n },\r\n },{\r\n field: \"MarkForLists\",\r\n title: \"MarkFor Lists\",\r\n width: 120,\r\n wmsid: 52,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridMarkForId'\r\n }\r\n }, {\r\n field: \"MarkForIdAndName\",\r\n title: \"MarkFor Name/ID\",\r\n width: 120,\r\n wmsid: 53,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridMarkForName'\r\n }\r\n },{\r\n field: \"AllocationStatus\",\r\n title: FindOrders_GridHeaders[49].description,\r\n width: 120,\r\n wmsid: 54,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridAllocationStatus'\r\n }\r\n },{\r\n field: \"LoadOutPercentage\",\r\n title: FindOrders_GridHeaders[50].description,\r\n width: 120,\r\n wmsid: 55,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridLoadOutPercentage'\r\n }\r\n },{\r\n field: \"ShipToAddress2\",\r\n title: FindOrders_GridHeaders[51].description,\r\n width: 120,\r\n wmsid: 55,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridShipToAddress2'\r\n }\r\n },{\r\n field: \"ShipToEmailAddress\",\r\n title: FindOrders_GridHeaders[52].description,\r\n width: 120,\r\n wmsid: 55,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridShipToEmailAddress'\r\n }\r\n },{\r\n field: \"ShipToPhone\",\r\n title: FindOrders_GridHeaders[53].description,\r\n width: 120,\r\n wmsid: 55,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridShipToPhone'\r\n }\r\n },{\r\n field: \"PickJobAssignee\",\r\n title: FindOrders_GridHeaders[54].description,\r\n width: 120,\r\n wmsid: 55,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridPickJobAssignee'\r\n }\r\n },{\r\n field: \"CustomFields\",\r\n title: FindOrders_GridHeaders[55].description,\r\n width: 120,\r\n wmsid: 55,\r\n lockable: false,\r\n attributes: {class: \"wms-custom-field-tooltips\"},\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGridCustomFields'\r\n }\r\n\r\n }]\r\n )\r\n}\r\n\r\nexport const getGridDemoSchema = () => {\r\n return ({\r\n model: {\r\n id: \"OrderId\",\r\n fields: {\r\n OrderId: { type: \"number\" },\r\n Customer: { type: \"string\" },\r\n Warehouse: { type: \"string\" },\r\n ReferenceNum: { type: \"string\" },\r\n CreationDate: { type: \"date\" },\r\n AsnSentDate: { type: \"date\" },\r\n ShipCancelDate: { type: \"date\" },\r\n ProcessDate: { type: \"date\" },\r\n ConfirmAsnSentDate: { type: \"date\" },\r\n EarliestShipDate: { type: \"date\" },\r\n EndOfDayDate: { type: \"date\" },\r\n LoadOutDoneDate: { type: \"date\" },\r\n PackDoneDate: { type: \"date\" },\r\n PickTicketPrintDate: { type: \"date\" },\r\n PickDoneDate: { type: \"date\" },\r\n PickupDate: { type: \"date\" },\r\n SmallParcelShipDate: { type: \"date\" },\r\n Status: { type: \"string\" },\r\n MarkForId: {\r\n type: \"string\"\r\n },\r\n MarkForName: {\r\n type: \"string\"\r\n },\r\n AllocationStatus:{ type: \"string\" },\r\n LoadOutPercentage:{ type: \"string\" },\r\n ShipToAddress2:{ type: \"string\" },\r\n ShipToEmailAddress:{ type: \"string\" },\r\n ShipToPhone:{ type: \"string\" },\r\n PickJobAssignee:{ type: \"string\" },\r\n TotWeightImperial: { type: \"number\"},\r\n TotWeightMetric: { type: \"number\"},\r\n TotVolumeImperial: { type: \"number\"},\r\n TotVolumeMetric: { type: \"number\"},\r\n CustomFields: { type: \"string\" },\r\n }\r\n }\r\n })\r\n}\r\n\r\nexport const getGridDemoTransport = () => {\r\n return ({\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Shipping/FindOrders/OrdersGridRead\",\r\n type: \"POST\",\r\n dataType: 'json'\r\n },\r\n destroy: {\r\n url: \"/WebUI/Shipping/FindOrders/OrdersGridRead\",\r\n type: \"POST\",\r\n dataType: \"JSON\"\r\n },\r\n\r\n parameterMap: function (options, operation) {\r\n if (operation !== \"read\" && options.models) {\r\n return {\r\n models: JSON.stringify(options.models)\r\n };\r\n }\r\n },\r\n }\r\n })\r\n}\r\n\r\nexport const exportGridBaseArray = () => {\r\n return [\r\n { 'Customer': 'Customer' },\r\n { 'Warehouse': 'Warehouse' },\r\n { 'OrderId': 'OrderId' },\r\n { 'ReferenceNum': 'ReferenceNum' },\r\n { 'CreationDate': 'CreationDate' },\r\n { 'Status': 'Status' },\r\n { 'AsnSentDate': 'AsnSentDate' },\r\n { 'BatchOrderId': 'BatchOrderId' },\r\n { 'BatchName': 'BatchName' },\r\n { 'BillingCode': 'BillingCode' },\r\n { 'BillOfLading': 'BillOfLading' },\r\n { 'Carrier': 'Carrier' },\r\n { 'EarliestShipDate': 'EarliestShipDate' },\r\n { 'EndOfDayDate': 'EndOfDayDate' },\r\n { 'Timezone': 'Timezone' },\r\n { 'LoadNumber': 'LoadNumber' },\r\n { 'MasterBillOfLadingId': 'MasterBillOfLadingId' },\r\n { 'Notes': 'Notes' },\r\n { 'PickJobId': 'PickJobId' },\r\n { 'PickDoneDate': 'PickDoneDate' },\r\n { 'PackDoneDate': 'PackDoneDate' },\r\n { 'PickTicketPrintDate': 'PickTicketPrintDate' },\r\n { 'PickupDate': 'PickupDate' },\r\n { 'PoNum': 'PoNum' },\r\n { 'ProcessDate': 'ProcessDate' },\r\n { 'ShipCancelDate': 'ShipCancelDate' },\r\n { 'SmallParcelShipDate': 'SmallParcelShipDate' },\r\n { 'ParcelLabelType': 'ParcelLabelType' },\r\n { 'ShipService': 'ShipService' },\r\n { 'ShipToCity': 'ShipToCity' },\r\n { 'ShipToCompany': 'ShipToCompany' },\r\n { 'ShipToCountry': 'ShipToCountry' },\r\n { 'ShipToName': 'ShipToName' },\r\n { 'ShipToZip': 'ShipToZip' },\r\n { 'ShipToAddress': 'ShipToAddress' },\r\n { 'ShipToState': 'ShipToState' },\r\n { 'ScacCode': 'ScacCode' },\r\n { 'TotVolumeMetric': 'TotVolumeMetric' },\r\n { 'TotWeightMetric': 'TotWeightMetric' },\r\n { 'TotPackages': 'TotPackages' },\r\n { 'TotVolumeImperial': 'TotVolumeImperial' },\r\n { 'TotWeightImperial': 'TotWeightImperial' },\r\n { 'TrackingNumber': 'TrackingNumber' },\r\n { 'RetailerId': 'RetailerId' },\r\n { 'ConfirmAsnSentDate': 'ConfirmAsnSentDate' },\r\n { 'LoadOutDoneDate': 'LoadOutDoneDate' },\r\n { 'TransactionSource': 'TransactionSource' },\r\n { 'IsPickDone': 'IsPickDone' },\r\n { 'SkuAndQty': 'SkuAndQty' }];\r\n}","import React from 'react';\r\nimport { StringWms } from '../../../../assets/ts/StringWms.ts';\r\nimport { ObjectWms } from '../../../../assets/ts/ObjectWms.ts';\r\nimport { default as WmsButton } from './../../components/WmsButton/WmsButton.jsx';\r\nimport { default as WmsDateTimePicker } from './../../components/WmsDateTimePicker/WmsDateTimePicker.jsx';\r\nimport { default as WmsMultiDropdown } from './../../components/WmsMultiDropdown/WmsMultiDropdown.jsx';\r\nimport { default as WmsCustomDateTimePicker } from './../../components/WmsCustomDateTimePicker/WmsCustomDateTimePicker.jsx';\r\nimport { default as WmsDropdown } from './../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport { default as WmsDropdownList } from './../../components/WmsDropdownList/WmsDropdownList.jsx';\r\nimport { default as WmsUpdateDropdownList } from './../../components/WmsUpdateDropdownList/WmsUpdateDropdownList.jsx';\r\nimport { default as WmsInput } from './../../components/WmsInput/WmsInput.jsx';\r\nimport { default as WmsModel } from './../../components/WmsModel/WmsModel.jsx';\r\nimport { default as WmsConfirmModel } from './../../components/WmsConfirmModel/WmsConfirmModel.jsx';\r\nimport { default as WmsContainer } from './../../components/WmsContainer/WmsContainer.jsx';\r\nimport { default as WmsCollapse } from '../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport * as metaDataService from '../meta-data.service';\r\nimport * as GridConfig from './grid_configuration.virtual.jsx';\r\n\r\n//services\r\nimport * as GlobalService from './../../global_services';\r\n\r\nexport class FindOrdersSearchVirtual extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n this.customLabels = GlobalService.getCustomLabels();\r\n this.findOrderGridId = \"grid_with_remote_data\";\r\n let Orders_FindOrders_GridHeaders = StringWms.convertSringToOption(this.translate('Orders_FindOrders_GridHeaders'));\r\n\r\n this.state = {\r\n Selector: 'Order',\r\n noBatchesForCustomer: false,\r\n showTooltip: false,\r\n showSearchTargetTooltip: false,\r\n optionsSearchBy: StringWms.convertSringToOption(this.translate('Orders_FindOrders_SearchOrderFilters')),\r\n optionsReferenceNumber: StringWms.convertSringToOption(this.translate('Orders_FindOrders_SearchFilters')),\r\n optionsShipTo: StringWms.convertSringToOption(this.translate('Orders_FindOrders_SearchFilters')),\r\n optionsOrderNote: StringWms.convertSringToOption(this.translate('Orders_FindOrders_SearchFilters')),\r\n optionsInventoryAllocated: StringWms.convertSringToOption(this.translate('Orders_FindOrders_SearchByInventoryAllocated')),\r\n optionsStatus: StringWms.convertSringToOption(this.translate('Orders_FindOrders_SearchByStatus').replace(new RegExp('{' + 'customCompleteLabel' + '}', 'gi'), this.customLabels.Label_Complete)),\r\n optionsASN: StringWms.convertSringToOption(this.translate('Orders_FindOrders_SearchByASNAndRouteRequest')),\r\n OptionsRouteRequest: StringWms.convertSringToOption(this.translate('Orders_FindOrders_SearchByASNAndRouteRequest')),\r\n optionsCustomer: GlobalService.getCustomerList(true),\r\n optionsFacility: GlobalService.getFacilityList(true),\r\n Rights: GlobalService.GetRights(),\r\n isOpenSaveFilterModel: false,\r\n isOpenConfirmModel: false,\r\n isOpenUpdateConfirmModel: false,\r\n newFilterTitle: \"\",\r\n savedFilterList: metaDataService.getSaveFindOrderFilterListMetaData(),\r\n gridDomSelector: () => this.props.windowId ? '.' + this.props.windowId + ' #' + this.findOrderGridId : '#' + this.findOrderGridId,\r\n searchTxt: \"\",\r\n allColumnList: GridConfig.getAllColumnList(Orders_FindOrders_GridHeaders, GlobalService.getCustomLabels()),\r\n isExpandedCollapse: (!$.isEmptyObject(metaDataService.getFindOrderCollapseMetaData()) ? metaDataService.getFindOrderCollapseMetaData() : []),\r\n filterNameExist: false,\r\n isClickSearchFilterToggle: false,\r\n sharedFindOrderFilter: Object.assign({}, props.defaultFilterValue)\r\n };\r\n this.onFilterDataSetdebounce = GlobalService.debounce(this.onFilterDataSetdebounce, 700);\r\n }\r\n componentDidMount() {\r\n var sortable = $('#sortable-section');\r\n var sortData = metaDataService.getFindOrderSortSectionMetaData();\r\n // set saved sort data if any in meta data\r\n if (sortData) {\r\n var pos = JSON.parse(sortData);\r\n if (pos) {\r\n $.each(pos, function (i, position) {\r\n if(position !=\"\"){\r\n var $target = sortable.find('#' + position);\r\n $target.appendTo(sortable); // or prependTo\r\n }\r\n });\r\n }\r\n }\r\n sortable.sortable({\r\n update: this.onSectionSort,\r\n cancel: \"label.icon_label,.wms-collapsible-content\",\r\n handle: \".wms-sort\",\r\n distance: 5,\r\n start: function (e, ui) {\r\n var height = ui.item.height();\r\n if (height > 100) {\r\n height = 100;\r\n }\r\n ui.placeholder.height(height);\r\n }\r\n });\r\n var filterData = metaDataService.getFindOrderFilterMetaData();\r\n if (filterData != \"\") {\r\n // temporary remove batch name from metaData,\r\n // remove code after pass batchId in filter\r\n delete filterData.BatchName;\r\n this.setState({\r\n sharedFindOrderFilter: filterData\r\n });\r\n } \r\n }\r\n onSectionSort = () => {\r\n var sortArray = JSON.stringify($('#sortable-section').sortable(\"toArray\"));\r\n metaDataService.setFindOrderSortSectionMetaData(sortArray);\r\n }\r\n handleFilterChange = (event) => {\r\n let propFilter = this.state.sharedFindOrderFilter;\r\n\r\n let objFilter = Object.assign(\r\n propFilter,\r\n { [event.target.name]: event.target.value }\r\n );\r\n if (event.target.name == \"Skus\") {\r\n if (event.target.value == \"\") {\r\n objFilter[event.target.name] = [];\r\n }\r\n }\r\n this.onFilterDataSet(objFilter);\r\n }\r\n\r\n\r\n handleCustomerChange = (event) => {\r\n let propFilter = this.state.sharedFindOrderFilter;\r\n let objFilter = Object.assign(\r\n {},\r\n propFilter,\r\n { [event.target.name]: event.target.value }\r\n );\r\n\r\n if (event.target.name == 'IndexOptionsCustomerId') {\r\n\r\n let customerIndex = ObjectWms.FindIndexByProperty(this.state.optionsCustomer, \"id\", parseInt(event.target.value));\r\n let custFacility = this.state.optionsCustomer[customerIndex].facilities;\r\n let allFacilities = GlobalService.getFacilityList(false);\r\n let selFacilityOption = [];\r\n for (let i = 0; i < custFacility.length; i++) {\r\n let facilityIndex = ObjectWms.FindIndexByProperty(allFacilities, \"id\", parseInt(custFacility[i]));\r\n if(allFacilities[facilityIndex]) {\r\n selFacilityOption.push(allFacilities[facilityIndex]);\r\n }\r\n }\r\n selFacilityOption.unshift({\r\n \"id\": 0,\r\n \"name\": \"Unspecified\",\r\n \"uri\": \"\",\r\n \"FacilitySimpleUri\": \"\",\r\n \"UpsAccountNumber\": \"\",\r\n \"FedExAccountNumber\": \"\"\r\n });\r\n objFilter['IndexOptionsFacilityId'] = selFacilityOption.find(f => f.id === this.state.optionsCustomer[customerIndex].defaultFacility) === undefined ? 0 :this.state.optionsCustomer[customerIndex].defaultFacility;\r\n objFilter['BatchOrderid'] = '';\r\n delete objFilter['Skus'];\r\n this.setState({\r\n optionsFacility: selFacilityOption,\r\n noBatchesForCustomer: false\r\n });\r\n }\r\n\r\n this.onFilterDataSet(objFilter);\r\n }\r\n\r\n multiDropdownChangeEvent = (param_value) => {\r\n\r\n if (param_value == null) { param_value = []; }\r\n let propFilter = this.state.sharedFindOrderFilter;\r\n let objFilter = Object.assign(\r\n {},\r\n propFilter,\r\n { 'Skus': param_value }\r\n );\r\n this.onFilterDataSet(objFilter);\r\n\r\n }\r\n setFilter = (objFilter) => {\r\n this.setState({\r\n sharedFindOrderFilter:objFilter\r\n });\r\n }\r\n onFilterDataSet = (objFilter) => {\r\n this.setState({\r\n sharedFindOrderFilter:objFilter\r\n });\r\n this.onFilterDataSetdebounce(objFilter);\r\n }\r\n onFilterDataSetdebounce = (objFilter) => {\r\n this.props.onFilterDataSet(objFilter);\r\n }\r\n batchOptionBound = (event) => {\r\n let noBatchesForCustomer = false;\r\n if (event.sender.dataSource._data.length <= 0) {\r\n noBatchesForCustomer = true;\r\n }\r\n this.setState({ noBatchesForCustomer: noBatchesForCustomer });\r\n }\r\n\r\n batchDropdownBound = (batchDropDown) => {\r\n batchDropDown.bind(\"filtering\", this.batchOptionFilter(batchDropDown));\r\n }\r\n\r\n batchOptionFilter = (batchDropDown) => (ev) => {\r\n var filterValue = ev.filter != undefined ? ev.filter.value : \"\";\r\n\r\n ev.preventDefault();\r\n\r\n if (filterValue == \"\" || filterValue.length >= 2) {\r\n let filtersObj = [{\r\n field: \"Description\",\r\n operator: \"contains\",\r\n value: filterValue\r\n }];\r\n\r\n if (!isNaN(filterValue) && filterValue != \"\") {\r\n filtersObj.push({\r\n field: \"BatchOrderId\",\r\n operator: \"eq\",\r\n value: parseInt(filterValue)\r\n });\r\n }\r\n\r\n batchDropDown.dataSource.filter({\r\n logic: \"or\",\r\n filters: filtersObj\r\n });\r\n }\r\n }\r\n showFilterTooltip = () => {\r\n this.setState({ showTooltip: true });\r\n }\r\n hideFilterTooltip = () => {\r\n this.setState({ showTooltip: false });\r\n }\r\n onSaveFilter = () => {\r\n if (!this.state.filterNameExist) {\r\n this.props.onManageFilter('saveFilter',this.state.newFilterTitle);\r\n this.exitSaveFilterModel();\r\n }\r\n }\r\n onUpdateFilter = () =>{\r\n this.setState({ isOpenUpdateConfirmModel:false });\r\n this.props.onManageFilter('updateFilter',this.state.currentFilterIndex);\r\n }\r\n onOpenUpdateConfirmModel = (param_index) =>{\r\n this.setState({\r\n isOpenUpdateConfirmModel:true,\r\n currentFilterIndex:param_index\r\n });\r\n }\r\n onCloseUpdateConfirmModel = () =>{\r\n this.setState({isOpenUpdateConfirmModel:false});\r\n }\r\n exitSaveFilterModel = () => {\r\n this.setState({\r\n isOpenSaveFilterModel: false\r\n });\r\n }\r\n onOpenSaveFilterModel = () => {\r\n this.setState({\r\n isOpenSaveFilterModel: true,\r\n newFilterTitle: \"\",\r\n filterNameExist: false\r\n });\r\n }\r\n\r\n handleFilterTitleChange = (e) => {\r\n let value = e.target.value;\r\n if (value.Description == '') {\r\n value = '';\r\n }\r\n\r\n var nameExists = false;\r\n // check dublicate title for case sensitive\r\n var exists = this.state.savedFilterList.findIndex(function (item) {\r\n return value.toLowerCase() === item.title.toLowerCase();\r\n });\r\n if (exists != -1) {\r\n nameExists = true;\r\n }\r\n this.setState({\r\n newFilterTitle: value,\r\n filterNameExist: nameExists\r\n });\r\n }\r\n onUseSaveFilter = (index) => {\r\n var objFilter = JSON.parse(JSON.stringify(this.state.savedFilterList[index]));\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var gridConfig = JSON.parse(objFilter.columnData, JSON.dateParser);\r\n var tempObject = \"\";\r\n\r\n if (gridConfig.columns) {\r\n var fieldArray = gridConfig.columns.map(el => el.field);\r\n var updateColumn = [];\r\n this.state.allColumnList.filter((column) => {\r\n if (fieldArray.indexOf(column.field) !== -1) {\r\n updateColumn.push(column);\r\n }\r\n });\r\n tempObject = ObjectWms.alignIndexesByProperty(gridConfig.columns, updateColumn, \"field\");\r\n } else {\r\n tempObject = ObjectWms.alignIndexesByProperty(gridConfig.columns, this.props.defaultColumns, \"field\");\r\n }\r\n\r\n if(grid) {\r\n grid.setOptions({\r\n columns: tempObject\r\n });\r\n grid.dataSource.sort(gridConfig.sorts);\r\n grid.dataSource.filter(gridConfig.filters);\r\n this.setState({\r\n sharedFindOrderFilter:objFilter.filterData\r\n });\r\n this.props.onApplySavedFilter(objFilter.filterData);\r\n }\r\n }\r\n onYesRemoveSavedFilter = () => {\r\n metaDataService.clearSaveFindOrderFilterListMetaData(this.state.savedFilterIndex);\r\n this.setState({\r\n isOpenConfirmModel: false,\r\n savedFilterList: metaDataService.getSaveFindOrderFilterListMetaData()\r\n });\r\n }\r\n ClickExit = () => {\r\n this.setState({\r\n isOpenConfirmModel: false\r\n });\r\n }\r\n onClearSaveFilter = (index) => {\r\n this.setState({\r\n isOpenConfirmModel: true,\r\n savedFilterIndex: index\r\n });\r\n }\r\n\r\n updateSearchTxt = (event) => {\r\n this.setState({\r\n searchTxt: event.target.value\r\n });\r\n }\r\n\r\n setCollapseMetaData = (isExpanded, collapseId) => {\r\n metaDataService.setFindOrderCollapseMetaData(collapseId, isExpanded);\r\n }\r\n\r\n clickForFilterToggle = () =>{\r\n this.setState({ isClickSearchFilterToggle : true });\r\n this.props.onClickForFilterToggle();\r\n }\r\n onClearSearch = () => {\r\n this.setState({ \r\n sharedFindOrderFilter: Object.assign({}, this.props.defaultFilterValue) \r\n });\r\n this.props.onClearSearch();\r\n }\r\n \r\n render() {\r\n const renderFilter = this.state.sharedFindOrderFilter;\r\n return (\r\n \r\n
\r\n \r\n \r\n {this.props.isShawHeaderInfoIcon && (\r\n \r\n )}\r\n
\r\n {this.props.showDragIcon && (\r\n \r\n )}\r\n {!this.props.showCollapseText && this.props.showCollapseIcon &&\r\n \r\n }\r\n {this.props.showCollapseText &&\r\n \r\n }\r\n \r\n {this.props.children}\r\n
\r\n \r\n {((this.props.sharedSelectOrder && this.state.showTooltip) ?\r\n { }\r\n }>\r\n \r\n search filters\r\n
\r\n {this.translate(\"Order_filter_section_disabled_tooltip\")}
\r\n : \"\"\r\n )}\r\n \r\n
\r\n \r\n
\r\n {this.props.sharedSearchOn == true &&\r\n \r\n {this.translate('Label_NOTE')}: \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n {this.state.savedFilterList.length !== 0 && (\r\n this.setCollapseMetaData(e, 'search_collapse0')}>\r\n \r\n )}\r\n\r\n this.setCollapseMetaData(e, 'search_collapse1')}>\r\n {\r\n this.setState({ showSearchTargetTooltip: true });\r\n }}\r\n onMouseLeaveFunc={() => {\r\n this.setState({ showSearchTargetTooltip: false });\r\n }}\r\n isAutoFocus={true}\r\n />\r\n {this.state.showSearchTargetTooltip &&\r\n {this.translate('Label_Filter_Multi_Search_Tooltip')}\r\n }\r\n \r\n\r\n this.setCollapseMetaData(e, 'search_collapse2')}>\r\n \r\n\r\n this.setCollapseMetaData(e, 'search_collapse3')}>\r\n \r\n this.setCollapseMetaData(e, 'search_collapse6')}>\r\n \r\n this.setCollapseMetaData(e, 'search_collapse4')}>\r\n {(this.state.Rights.hasOwnProperty('orders.manage.batch') && renderFilter.IndexOptionsCustomerId) ?\r\n function () { }}\r\n options={this.state.OptionsRouteRequest}\r\n valueField='value'\r\n textField='description'\r\n parentClassName=\"select_box\"\r\n /> */}\r\n \r\n\r\n this.setCollapseMetaData(e, 'search_collapse5')}>\r\n \r\n
\r\n - \r\n {this.state.savedFilterList.map((data, index) => (\r\n
- \r\n {data.title}\r\n \r\n\r\n this.onClearSaveFilter(index)}>\r\n \r\n ))}\r\n
\r\n (${ BatchOrderId }) ${ (Description != null) ? Description : '' }\"}\r\n valueTemplate={\"\"}\r\n onDataBound={this.batchOptionBound}\r\n onDropdownBound={this.batchDropdownBound}\r\n isValuePrimitive={true}\r\n virtualObj={{\r\n itemHeight: 26,\r\n valueMapper: function (options) {\r\n var that = options;\r\n $.ajax({\r\n url: \"/WebUI/Shipping/FindOrders/BatchListForCustomerIndexRead\",\r\n type: \"POST\",\r\n dataType: \"json\",\r\n data: {\r\n batchOrderId: that.value || 0,\r\n customerId: parseInt(renderFilter.IndexOptionsCustomerId)\r\n },\r\n success: function (data) {\r\n // data = [0];\r\n options.success(data);\r\n }\r\n });\r\n }\r\n }}\r\n dataSourceObj={{\r\n pageSize: 40,\r\n serverPaging: true,\r\n serverFiltering: true,\r\n type: \"aspnetmvc-ajax\",\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Shipping/FindOrders/BatchListForCustomerRead\",\r\n type: \"POST\",\r\n data: {\r\n customerId: parseInt(renderFilter.IndexOptionsCustomerId)\r\n }\r\n },\r\n },\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\"\r\n }\r\n }}\r\n />\r\n
\r\n : ''\r\n\r\n }\r\n \r\n
\r\n \r\n
\r\n {renderFilter.ShowSku && (\r\n \r\n {renderFilter.IndexOptionsCustomerId < 1 ? (\r\n
\r\n )}\r\n \r\n {/*
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n {this.state.isOpenSaveFilterModel && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nWmsButtonDropdown.propTypes = {\r\n id: PropTypes.string.isRequired, // this should write the id to the input\r\n buttonType: PropTypes.string, // ['green', 'yellow', 'red', 'black']\r\n windowId: PropTypes.string.isRequired, // this should be used to get window id\r\n label: PropTypes.string.isRequired, // this should write the label of the menu\r\n menuIcon: PropTypes.string.isRequired, // this should write icon of menu\r\n disabled: PropTypes.bool, // default will be false\r\n isHidden: PropTypes.bool, // for hiddent button dropdown menu\r\n wmsSelector: PropTypes.string, // this should set up a selector on the mwnu\r\n onOpenKendoMenu: PropTypes.func, // This function call on open of button dropdown\r\n};\r\n\r\nWmsButtonDropdown.defaultProps = {\r\n buttonType: \"green\",\r\n wmsSelector: \"\",\r\n isHidden: false,\r\n onOpenKendoMenu: (e) => function () {},\r\n};\r\n\r\nexport default WmsButtonDropdown;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport style from './WmsMenuItem.scss';\r\n\r\nclass WmsMenuItem extends React.PureComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n - \r\n
- \r\n \r\n {this.props.label}\r\n\r\n {/*
- */}\r\n {this.props.children}\r\n {/*
\r\n
- \r\n {this.props.items.map((item, index) =>\r\n (typeof item.isButtonMenu == \"undefined\" || item.isButtonMenu == true) ?\r\n
- \r\n
- \r\n {this.props.items.map((item, index) =>\r\n (typeof item.isContextMenu == \"undefined\" || item.isContextMenu == true) ?\r\n
- \r\n
\r\n\r\n
\r\n )\r\n}\r\nclass WmsContextMenu extends React.PureComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n uniqueId: \"random\" + Math.floor((Math.random() * 1000) + 1) + \"\" + Date.now(),\r\n isOpen: false,\r\n clipBoardText: '',\r\n clipBoardTextRow: ''\r\n\r\n }\r\n this.eventClickContextMenu = this.eventClickContextMenu.bind(this);\r\n this.createConatinerElement();\r\n };\r\n createConatinerElement() {\r\n if (!textarea) {\r\n container = document.createElement('div');\r\n container.id = 'simulate-clipboard-container';\r\n container.setAttribute('style', ['opacity: 0;height: 0;width: 0;'].join(''));\r\n document.body.appendChild(container);\r\n textarea = document.createElement('textarea');\r\n textarea.id = 'simulate-clipboard';\r\n textarea = textarea;\r\n container.appendChild(textarea);\r\n }\r\n }\r\n componentDidMount() {\r\n $(\"#\" + this.state.uniqueId).hide();\r\n setTimeout(() => {\r\n $(\"#\" + this.state.uniqueId).show();\r\n this.loadKendoMenu();\r\n },10);\r\n }\r\n\r\n loadKendoMenu() {\r\n var that = this;\r\n $(\"#\" + this.state.uniqueId).kendoContextMenu({\r\n target: this.props.attachTo,\r\n animation: {\r\n open: { effects: \"slideIn:right\" },\r\n duration: 500\r\n },\r\n orientation: \"vertical\",\r\n open: function (e) {\r\n if($(e.item).hasClass('mydisabled')){\r\n e.preventDefault();\r\n }\r\n let itemRole = $(e.item).attr('role');\r\n if (itemRole == \"menubar\") {\r\n that.setState({\r\n isOpen: true\r\n });\r\n }\r\n that.props.onBeforeOpen(e);\r\n },\r\n close: function(e) {\r\n let itemRole = $(e.item).attr('role');\r\n if (itemRole == \"menubar\") {\r\n that.setState({\r\n isOpen: false\r\n });\r\n }\r\n },\r\n filter: this.props.contextMenuFilter\r\n\r\n });\r\n\r\n $(that.props.attachTo).on(\"contextmenu\", \"tr>td\", function (e) {\r\n that.setState({ clipBoardText: e.target.innerText == '' ? ' ' : e.target.innerText });\r\n setTimeout(() => {\r\n\r\n var grid = $(that.props.attachTo).data(\"kendoGrid\");\r\n if(!grid){\r\n return;\r\n }\r\n var selectedRow = grid.dataItem(grid.select());\r\n if (selectedRow) {\r\n var filterdata = [];\r\n var visibleColumns = grid.columns.filter(item => !item.hidden).map(item => item.field);\r\n (selectedRow).forEach((value, key) => {\r\n if (visibleColumns.includes(key)){\r\n if(value !== null && value !== '' && typeof value !== 'object') {\r\n filterdata.push(value);\r\n } else if(value instanceof Date) {\r\n filterdata.push(kendo.toString(kendo.parseDate(value), 'MMM dd yyyy, hh:mm:ss tt'));\r\n }\r\n }\r\n });\r\n that.setState({ clipBoardTextRow: filterdata.toString() });\r\n } else {\r\n that.setState({ clipBoardTextRow: \"Something wrong please try again\" });\r\n }\r\n\r\n }, 0);\r\n\r\n });\r\n }\r\n\r\n onChangeFunc() { }\r\n\r\n eventClickContextMenu(obj,e) {\r\n var that = this;\r\n if (obj.disabled) {\r\n return;\r\n }\r\n\r\n if (obj.wmsid == 'copyField' || obj.wmsid == 'copyRow') {\r\n var copyText = obj.wmsid == 'copyField' ? that.state.clipBoardText : that.state.clipBoardTextRow;\r\n var copyTextarea = document.querySelector('#simulate-clipboard');\r\n var node = document.createTextNode(copyText);\r\n copyTextarea.appendChild(document.createTextNode(copyText));\r\n copyTextarea.select();\r\n var msg = document.execCommand('copy');\r\n $('#simulate-clipboard').text('');\r\n } else {\r\n this.props.eventClickContextMenu(obj,e);\r\n }\r\n var contextMenu = $(\"#\" + this.state.uniqueId).data(\"kendoContextMenu\");\r\n // close the ContextMenu\r\n contextMenu.close(100, 100);\r\n }\r\n\r\n // close context menu on hover of button dropdown\r\n closeWmsContextMenu = () => {\r\n var contextMenu = $(\"#\" + this.state.uniqueId).data(\"kendoContextMenu\");\r\n // close the ContextMenu\r\n contextMenu.close(100, 100);\r\n }\r\n\r\n eventMouseEnter = (obj) => {\r\n this.props.eventMouseEnter(obj.disabledText);\r\n }\r\n\r\n eventMouseLeave = (obj) => {\r\n this.props.eventMouseLeave();\r\n }\r\n\r\n render() {\r\n return (\r\n - \r\n {this.props.menu.map((obj, index) =>\r\n (typeof obj.isContextMenu == \"undefined\" || obj.isContextMenu == true) ?\r\n obj.value.length <= 1 ?\r\n
- \r\n {obj.name}\r\n
\r\n\r\n {/* - \r\n {obj.value.map((obj2, index) =>\r\n (typeof obj2.isContextMenu == \"undefined\" || obj2.isContextMenu == true) ?\r\n
: \"\"\r\n )}\r\n
\r\n {props.showToolTip === true && (\r\n
)}\r\n \r\n );\r\n\r\n};\r\n\r\nWmsToolTip.propTypes = {\r\n showToolTip: PropTypes.bool, // set tooltip show or not\r\n tooltipText: PropTypes.string, // show text on hover as tooltip\r\n}\r\nWmsToolTip.defaultProps = {\r\n showToolTip: true,\r\n tooltipText: 'set tooltip text',\r\n}\r\n\r\nexport default React.memo(WmsToolTip);","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport WmsToolTip from '../WmsToolTip/WmsToolTip';\r\nimport './WmsRadio.scss';\r\nimport _ from \"lodash\";\r\n\r\ninterface RadioProps {\r\n id?: string, // this should write the id to the radio\r\n label?: string,// this should be the label that shows after radio button\r\n disabled?: boolean, // default will be false\r\n name?: string,// this should be the name of the radio\r\n required?: boolean, // this determines if the radio is required and shows in red\r\n wmsSelector?: string, // this should set up a selector on the input\r\n onChangeFunc?: any, // this should control the onchange event and anything we need to determine before we send it up\r\n showToolTip?: boolean, // set tooltip show or not\r\n tooltipText?: string, // show text on hover as tooltip\r\n checked?: boolean, // this should checked radio button,\r\n parentClassName?: string,\r\n classes?: string\r\n}\r\n\r\nconst WmsRadio: React.FC{props.tooltipText}
\r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nWmsRadio.propTypes = {\r\n id: PropTypes.string, // this should write the id to the radio\r\n label: PropTypes.string.isRequired,// this should be the label that shows after radio button\r\n disabled: PropTypes.bool, // default will be false\r\n name: PropTypes.string.isRequired,// this should be the name of the radio\r\n required: PropTypes.bool, // this determines if the radio is required and shows in red\r\n wmsSelector: PropTypes.string.isRequired, // this should set up a selector on the input\r\n onChangeFunc: PropTypes.func.isRequired, // this should control the onchange event and anything we need to determine before we send it up\r\n showToolTip: PropTypes.bool, // set tooltip show or not\r\n tooltipText: PropTypes.string, // show text on hover as tooltip\r\n checked: PropTypes.bool // this should checked radio button\r\n}\r\n\r\nWmsRadio.defaultProps = {\r\n disabled: false,\r\n checked: false,\r\n required: false,\r\n showToolTip: false,\r\n tooltipText: 'add tooltip text',\r\n parentClassName: \"\",\r\n classes: \"\",\r\n}\r\n\r\nconst areEqual: any = (prevProps: any, nextProps: any): any => {\r\n return _.isEqual(_.omit(nextProps, ['onChangeFunc']), _.omit(prevProps, ['onChangeFunc']));\r\n};\r\nexport default React.memo(WmsRadio, areEqual);","\r\nimport KeyedCollectionWms from './KeyedCollectionWms';\r\nimport { DictionaryWms } from './DictionaryWms';\r\ndeclare var $: any;\r\ndeclare var kendo: any;\r\ndeclare var _: any;\r\nexport class KendoGridWmsVirtual {\r\n _quantityCollection: object;\r\n _quantityArray: any;\r\n _selections: any;\r\n _lastSelection: any;\r\n _lastSelectedUpdated: boolean;\r\n _maximumDifference: number;\r\n _currentPageRows: any;\r\n _currentSelections: any;\r\n _clickNumber: number;\r\n _gridId: any;\r\n _windowId: any;\r\n _selectAllCheckBox: boolean;\r\n _this: any;\r\n _uniqueKey: any;\r\n _pageSize: number;\r\n _shiftSelectUrl: any;\r\n _isGroupGrid: boolean;\r\n constructor(gridId, window, key, shiftSelect = undefined, isGroupGrid = undefined) {\r\n this._quantityCollection = {};\r\n this._quantityArray = [];\r\n this._selections = [];\r\n this._lastSelection = {\r\n \"calculatedRow\": 1,\r\n \"page\": 1,\r\n \"length\": 100,\r\n \"row\": -1,\r\n \"column\": 1,\r\n \"id\": -1\r\n };\r\n this._lastSelectedUpdated = false;\r\n this._maximumDifference = 2500;\r\n this._currentPageRows = [];\r\n this._currentSelections = new KeyedCollectionWms();\r\n this._clickNumber = 0;\r\n this._gridId = gridId;\r\n this._windowId = window;\r\n this._selectAllCheckBox = false;\r\n this._this = this;\r\n this._uniqueKey = key;\r\n this._pageSize = 50;\r\n this._shiftSelectUrl = shiftSelect;\r\n this._isGroupGrid = isGroupGrid;\r\n }\r\n\r\n public getGridOptions = function (columnsObj, optionsObj, gridOptionsStr) {\r\n // For remove old object refence we do this things\r\n var columnsObjStr = JSON.stringify(columnsObj);\r\n var columnsObjTemp = JSON.parse(columnsObjStr);\r\n if (gridOptionsStr == null || gridOptionsStr == \"\" || gridOptionsStr == \" \" || !gridOptionsStr || _.isEqual(JSON.parse(gridOptionsStr), {})) {\r\n // if we did not get any options back from the service we need to create our object with default columns\r\n // create columns on our make options obj and set it to the value of our columns obj\r\n optionsObj.columns = columnsObjTemp.columns;\r\n return optionsObj;\r\n } else {\r\n\r\n // we should have savedoptions here because we checked above\r\n var savedOptions = JSON.parse(gridOptionsStr);\r\n var _tempArr = [];\r\n // we are going to be assigning a wmsid, to be a unique identifier\r\n // it is just a madeup term but don't want to use uid in case there is some logic in kendo for this\r\n\r\n\r\n\r\n if (!(savedOptions.hasOwnProperty(\"columns\"))) {\r\n // options should have columns but if it doesnt just give the defaults\r\n optionsObj.columns = columnsObjTemp.columns;\r\n return optionsObj;\r\n } else if (savedOptions.columns.length > 0) {\r\n // ok we got something back correctly, however\r\n // lets loop through saved elements and if there is no wmsid on ANY column well, they are going to get the default columns\r\n // just to be safe\r\n for (var x = 0; x < savedOptions.columns.length; x++) {\r\n if (!(savedOptions.columns[x].hasOwnProperty(\"wmsid\"))) {\r\n optionsObj.columns = columnsObjTemp.columns;\r\n return optionsObj;\r\n }\r\n }\r\n\r\n // ok if we are getting here we know that we have a valid response that has been parsed, has at least 1 element and all elements have a wmsid\r\n // var tempColumnArray = [];\r\n var currentColumnDict = this.createDictionaryFromArrayProperty(columnsObjTemp.columns, \"wmsid\");\r\n // we have to respect the order of savedOptions so we need to use that as a template and bring everything else in and attach it to that\r\n // These are different column options\r\n // field: The field could change so we don't want to save the field\r\n // title: Title can change so we don't want to change this\r\n // width: Width is custom to user so we do want to save this\r\n // hidden: This is custom to user so we do want to save this\r\n // sortable: Hmmm, we want save the sorted column but whether or not something could sort could change\r\n // filterable: This can change so we don't want to save\r\n // wmsid: This cannot change so we want to save it\r\n // template : This can change so we do not want to save it\r\n\r\n for (var y = 0; y < savedOptions.columns.length; y++) {\r\n if (currentColumnDict.hasOwnProperty(savedOptions.columns[y].wmsid)) {\r\n // so we copy over all the parameters from the the currentcolumn\r\n // now we need to change the ones that could have been from the saved element which is\r\n // width and hidden, note position is being set by looping through the saved array\r\n var _tempobj = currentColumnDict[savedOptions.columns[y].wmsid];\r\n if (savedOptions.columns[y].hasOwnProperty(\"width\")) {\r\n _tempobj.width = savedOptions.columns[y].width;\r\n }\r\n if (savedOptions.columns[y].hasOwnProperty(\"hidden\")) {\r\n _tempobj.hidden = savedOptions.columns[y].hidden;\r\n }\r\n _tempArr.push(_tempobj);\r\n\r\n // we are going to remove used entries from the currentcolumndict so at the end we can add back in anything that was left over\r\n // This solves the problem where savedColumns might be less then codeColumns because we added a new column in code\r\n // currentColumnDict.Remove(savedOptions.columns[y].wmsid);\r\n delete currentColumnDict[savedOptions.columns[y].wmsid];\r\n }\r\n }\r\n\r\n for (var key in currentColumnDict) {\r\n // skip loop if the property is from prototype\r\n if (!currentColumnDict.hasOwnProperty(key)) continue;\r\n\r\n _tempArr.unshift(currentColumnDict[key]);\r\n }\r\n\r\n } else {\r\n optionsObj.columns = columnsObjTemp.columns;\r\n return optionsObj;\r\n }\r\n\r\n var combineOptions = optionsObj;\r\n combineOptions.columns = _tempArr;\r\n\r\n if (savedOptions.sorts && savedOptions.sorts.length) {\r\n combineOptions.dataSource.sort = savedOptions.sorts;\r\n }\r\n return combineOptions;\r\n }\r\n };\r\n\r\n public createDictionaryFromArrayProperty = function (arr, field) {\r\n var returnobj = {};\r\n for (var x = 0; x < arr.length; x++) {\r\n returnobj[arr[x][field]] = arr[x];\r\n }\r\n return returnobj;\r\n };\r\n\r\n public repaintSelections = function (override = undefined) {\r\n //console.log(\"my windowID\" + this._windowId);\r\n var selections = this.getSelections();\r\n var gridId = (typeof this._windowId != 'undefined') ?\r\n \".\" + this._windowId + ' #' + this._gridId :\r\n '#' + this._gridId;\r\n var grid = $(gridId).data('kendoGrid');\r\n if (typeof grid == 'undefined') {\r\n return;\r\n }\r\n //console.log(grid);\r\n var gridData = grid.dataSource.view();\r\n var tempDict = new KeyedCollectionWms();\r\n //console.log(JSON.stringify(gridData));\r\n if(!this._isGroupGrid){\r\n for (var i = 0; i < gridData.length; i++) {\r\n grid.table.find(\"tr[data-uid='\" + gridData[i].uid + \"']\").removeClass(\"k-state-selected\");\r\n if(grid.lockedTable) {\r\n grid.lockedTable.find(\"tr[data-uid='\" + gridData[i].uid + \"']\").removeClass(\"k-state-selected\");\r\n }\r\n grid.table.find(\"tr[data-uid='\" + gridData[i].uid + \"']\").removeClass(\"wms-selection-group\");\r\n tempDict.Add(gridData[i][this._uniqueKey], gridData[i]);\r\n }\r\n }else {\r\n for (var i = 0; i < gridData.length; i++) {\r\n for (var j = 0; j < gridData[i].items.length; j++) {\r\n grid.table.find(\"tr[data-uid='\" + gridData[i].items[j].uid + \"']\").removeClass(\"k-state-selected\");\r\n if(grid.lockedTable) {\r\n grid.lockedTable.find(\"tr[data-uid='\" + gridData[i].items[j].uid + \"']\").removeClass(\"k-state-selected\");\r\n }\r\n grid.table.find(\"tr[data-uid='\" + gridData[i].items[j].uid + \"']\").removeClass(\"wms-selection-group\");\r\n tempDict.Add(gridData[i].items[j][this._uniqueKey], gridData[i].items[j]);\r\n }\r\n }\r\n }\r\n for (var i = 0; i < selections.length; i++) {\r\n var tempData = this._currentSelections.Item(selections[i]);\r\n var id = tempData[this._uniqueKey];\r\n //console.log(id);\r\n var exists = tempDict.ContainsKey(id);\r\n if (exists) {\r\n var value = tempDict.Item(id);\r\n var tempUid = value.uid;\r\n //console.log(id + \"exists with UID of \" + tempUid);\r\n grid.table.find(\"tr[data-uid='\" + tempUid + \"']\").addClass(\"k-state-selected\");\r\n if(grid.lockedTable) {\r\n grid.lockedTable.find(\"tr[data-uid='\" + tempUid + \"']\").addClass(\"k-state-selected\");\r\n }\r\n if (selections.length > 1) {\r\n grid.table.find(\"tr[data-uid='\" + tempUid + \"']\").addClass(\"wms-selection-group\");\r\n }\r\n } else { }\r\n }\r\n tempDict = null; // to garbage collect this temporary instance\r\n };\r\n\r\n public getSelections = function () {\r\n return this._currentSelections.Keys();\r\n };\r\n\r\n public clearSelections = function (callback) {\r\n this._selections = [];\r\n this._currentSelections.Clear();\r\n this._quantityCollection = {};\r\n this._quantityArray = [];\r\n if (callback) {\r\n callback();\r\n }\r\n };\r\n\r\n /**\r\n * give the number of occurences of all values of a keyword\r\n * @params key\r\n * @return obj\r\n */\r\n public sumKeywordValues = function (key) {\r\n var obj = {};\r\n var myarr = this._currentSelections.Values();\r\n for (var x = 0; x < myarr.length; x++) {\r\n if (obj.hasOwnProperty(myarr[x][key])) {\r\n obj[myarr[x][key]]++;\r\n } else {\r\n obj[myarr[x][key]] = 1;\r\n }\r\n }\r\n return obj;\r\n };\r\n\r\n public clickEventHandleSelection = function (e, page, length, row, col, dataItem, dataPage, uniqueKey, isVirtualGrid, callback) {\r\n if(!dataItem) {\r\n return false;\r\n }\r\n this._uniqueKey = uniqueKey;\r\n this._clickNumber++;\r\n let calculatedRow = (((page - 1) * length) + row); // this gives us the index of the total we clicked\r\n this.setCurrentPageRows(dataPage);\r\n let differenceBetweenSelections; // get the absolute value of the difference between selections\r\n if (this.getLastSelectionUpdated() == true) {\r\n differenceBetweenSelections = Math.abs(this.getLastSelection().calculatedRow - calculatedRow);\r\n } else {\r\n differenceBetweenSelections = -1;\r\n }\r\n if (e.shiftKey && (e.ctrlKey || e.metaKey) && (this._currentSelections.Count() == 0 || this._currentSelections.Count() == 1)) {\r\n this.repaintSelections();\r\n } else if (e.shiftKey && (e.ctrlKey || e.metaKey)) {\r\n var isClickInSelection = this._currentSelections.ContainsKey(dataItem[uniqueKey]);\r\n if (isClickInSelection == true && this._currentSelections.Count() == 1) {\r\n\r\n } else {\r\n this.showLoadingAnimation();\r\n if (differenceBetweenSelections > this._maximumDifference) {\r\n // if the amount of selections saved in local memory plus the amount of new requested local rows is too much we stop\r\n this.hideLoadingAnimation();\r\n } else {\r\n var myPageData = this.getCurrentPageRows();\r\n if (this._clickNumber <= 1) {\r\n this._currentSelections.Add(myPageData[0][uniqueKey], myPageData[0]);\r\n }\r\n var lastpage = this.getLastSelection().page;\r\n var newpage = page;\r\n var pages = [];\r\n var ids = [];\r\n pages.push(lastpage);\r\n pages.push(newpage);\r\n var startId;\r\n var endId;\r\n if (((this.getLastSelection().page * this._pageSize) + this.getLastSelection().row) < ((page * this._pageSize) + row)) {\r\n startId = this.getLastSelection().id;\r\n endId = dataItem[uniqueKey];\r\n } else {\r\n startId = dataItem[uniqueKey];\r\n endId = this.getLastSelection().id;\r\n }\r\n ids.push(dataItem[uniqueKey]);\r\n pages.sort(function (a, b) {\r\n return a - b;\r\n });\r\n ids.sort(function (a, b) {\r\n return a - b;\r\n });\r\n var thisGrid = $('#' + this._gridId).data('kendoGrid');\r\n var filterObject = thisGrid.dataSource.filter();\r\n var sortObject = thisGrid.dataSource.sort();\r\n var transformedFilter = \"[]\";\r\n var transformedSort = \"[]\";\r\n if (filterObject != undefined) {\r\n transformedFilter = JSON.stringify(this.transformFilterForService(filterObject));\r\n }\r\n if (sortObject != undefined) {\r\n transformedSort = JSON.stringify(this.transformSortForService(sortObject));\r\n }\r\n var postData: any;\r\n postData = {\r\n \"sorts\": \"\",\r\n \"filters\": \"\",\r\n \"pageSize\": 0,\r\n \"startId\": 0,\r\n \"endId\": 0\r\n\r\n };\r\n postData.sorts = transformedSort;\r\n postData.filters = transformedFilter;\r\n postData.pageSize = this._pageSize;\r\n postData.startId = startId;\r\n postData.endId = endId;\r\n var that = this;\r\n $.ajax({\r\n type: \"GET\",\r\n url: that._shiftSelectUrl,\r\n data: postData,\r\n success: function (response) {\r\n if (response.Code == 0) {\r\n that.addMassToSelection(response.Result);\r\n that.hideLoadingAnimation();\r\n callback();\r\n } else {\r\n // console.log(\"ErrorCode: \" + response.Code);\r\n // console.log(JSON.stringify(postData));\r\n callback();\r\n that.hideLoadingAnimation();\r\n alert(\"There was an error selecting these orders, please try again\");\r\n }\r\n },\r\n dataType: \"JSON\"\r\n });\r\n }\r\n this.logSelections();\r\n }\r\n } else if (e.shiftKey) {\r\n // console.log(\"SHIFT CLICKED\");\r\n // console.log(\"Selections: \" + this.getSelections().length);\r\n var isClickInSelection = this._currentSelections.ContainsKey(dataItem[uniqueKey]);\r\n if (isClickInSelection == true && this._currentSelections.Count() == 1) { } else {\r\n this.showLoadingAnimation();\r\n // if (differenceBetweenSelections > this._maximumDifference) {\r\n // // if the amount of selections saved in local memory plus the amount of new requested local rows is too much we stop\r\n // alert(\"too many selections try again\");\r\n // this.hideLoadingAnimation();\r\n // } else {\r\n var myPageData = this.getCurrentPageRows();\r\n if (this._clickNumber <= 1) {\r\n this._currentSelections.Add(myPageData[0][uniqueKey], myPageData[0]);\r\n // console.log(\"click Number is less than or equal to 1\");\r\n }\r\n //kendo.ui.progress($(\"#findOrdersGrid\"), true);\r\n var lastpage = this.getLastSelection().page;\r\n var newpage = page;\r\n var pages = [];\r\n var ids = [];\r\n pages.push(lastpage);\r\n pages.push(newpage);\r\n var startId;\r\n var endId;\r\n if (((this.getLastSelection().page * this._pageSize) + this.getLastSelection().row) < ((page * this._pageSize) + row)) {\r\n startId = this.getLastSelection().id;\r\n endId = dataItem[uniqueKey];\r\n } else {\r\n startId = dataItem[uniqueKey];\r\n endId = this.getLastSelection().id;\r\n }\r\n ids.push(dataItem[uniqueKey]);\r\n pages.sort(function (a, b) {\r\n return a - b;\r\n });\r\n ids.sort(function (a, b) {\r\n return a - b;\r\n });\r\n var thisGrid = $('#' + this._gridId).data('kendoGrid');\r\n var filterObject = thisGrid.dataSource.filter();\r\n var sortObject = thisGrid.dataSource.sort();\r\n var transformedFilter = \"[]\";\r\n var transformedSort = \"[]\";\r\n if (filterObject != undefined) {\r\n transformedFilter = JSON.stringify(this.transformFilterForService(filterObject));\r\n }\r\n if (sortObject != undefined) {\r\n transformedSort = JSON.stringify(this.transformSortForService(sortObject));\r\n }\r\n var postData: any;\r\n postData = {\r\n \"sorts\": \"\",\r\n \"filters\": \"\",\r\n \"pageSize\": 0,\r\n \"startId\": 0,\r\n \"endId\": 0\r\n };\r\n postData.sorts = transformedSort;\r\n postData.filters = transformedFilter;\r\n postData.pageSize = this._pageSize;\r\n postData.startId = startId;\r\n postData.endId = endId;\r\n var that = this;\r\n\r\n if (typeof that._shiftSelectUrl !== 'undefined' && that._shiftSelectUrl !== '') {\r\n\r\n if (that._shiftSelectUrl == \"/WebUI/Inventory/EditAudits/AuditLocationsGridSelections\") {\r\n let indexOptionsWarehouse: any = document.querySelector('#indexOptionsWarehouse');\r\n postData.facilityId = indexOptionsWarehouse.value;\r\n }\r\n var readData = thisGrid.dataSource.transport.options.read.data;\r\n if (readData && readData.customParamsInShiftSelection) {\r\n for (var key in readData) {\r\n if (key != \"customParamsInShiftSelection\") {\r\n postData[key] = readData[key];\r\n }\r\n }\r\n }\r\n\r\n if (that._shiftSelectUrl == \"/WebUI/Items/Items/GetItemsGridSelections\") {\r\n let indexOptionsWarehouse: any = document.querySelector('#itemHolderIndexOptionsCustomer');\r\n postData.customerId = indexOptionsWarehouse.value;\r\n }\r\n var reqType = \"POST\";\r\n\r\n if (that._shiftSelectUrl.indexOf(\".json\") >= 0) {\r\n reqType = \"GET\";\r\n } else if (that._shiftSelectUrl.indexOf(\"/WebUI/Facilities/ManageLocations/GridSelections\") >= 0) {\r\n reqType = \"GET\";\r\n } else if (that._shiftSelectUrl == \"/WebUI/Customers/ManageCustomers/GridSelections\") {\r\n reqType = \"GET\";\r\n } else if (that._shiftSelectUrl == \"/WebUI/Inventory/EditAudits/AuditLocationsGridSelections\") {\r\n reqType = \"GET\";\r\n } else if (that._shiftSelectUrl == \"/WebUI/inventory/ManageInventory/GridSelections\") {\r\n reqType = \"GET\";\r\n }\r\n\r\n $.ajax({\r\n type: reqType,\r\n url: that._shiftSelectUrl,\r\n data: postData,\r\n success: function (response) {\r\n if (response.hasOwnProperty(\"Code\")) {\r\n if (response.Code == 0) {\r\n that.clearSelections();\r\n that.addMassToSelection(response.Result);\r\n that.hideLoadingAnimation();\r\n callback();\r\n } else {\r\n callback();\r\n that.hideLoadingAnimation();\r\n }\r\n } else if (typeof response.Code == 'undefined' && response.length != 0) {\r\n that.clearSelections();\r\n that.addMassToSelection(response);\r\n that.hideLoadingAnimation();\r\n callback();\r\n } else {\r\n that.clearSelections();\r\n that.addMassToSelection(response);\r\n that.hideLoadingAnimation();\r\n }\r\n\r\n },\r\n error: function (XMLHttpRequest, textStatus, errorThrown) {\r\n console.log(\"Status: \", textStatus);\r\n console.log(\"Error: \", errorThrown);\r\n that.hideLoadingAnimation();\r\n },\r\n dataType: \"JSON\"\r\n });\r\n } else if (isVirtualGrid) {\r\n var gridId = (typeof this._windowId != 'undefined') ?\r\n \".\" + this._windowId + ' #' + this._gridId :\r\n '#' + this._gridId;\r\n var dataSource = $(gridId).data(\"kendoGrid\").dataSource;\r\n var filteredDataSource = new kendo.data.DataSource({\r\n data: dataSource.data(),\r\n filter: dataSource.filter(),\r\n sort: dataSource.sort()\r\n });\r\n filteredDataSource.read();\r\n var data = filteredDataSource.view();\r\n\r\n var selectedData = [];\r\n var startSelecting = false\r\n for (var i = 0; i < data.length; i++) {\r\n if (data[i][uniqueKey] == startId) {\r\n startSelecting = true;\r\n }\r\n if (startSelecting) {\r\n selectedData.push(data[i]);\r\n }\r\n if (data[i][uniqueKey] == endId) {\r\n startSelecting = false;\r\n break;\r\n }\r\n }\r\n that.clearSelections();\r\n that.addMassToSelection(selectedData);\r\n that.hideLoadingAnimation();\r\n callback();\r\n } else {\r\n that.hideLoadingAnimation();\r\n callback();\r\n }\r\n // }\r\n this.logSelections();\r\n }\r\n } else if (e.ctrlKey || e.metaKey) {\r\n this.addSelections(dataItem[uniqueKey], dataItem, \"remove\");\r\n this.setLastSelection({\r\n \"calculatedRow\": calculatedRow,\r\n \"page\": page,\r\n \"length\": length,\r\n \"row\": row,\r\n \"column\": col,\r\n \"id\": dataItem[uniqueKey]\r\n }); // set our last clicked element\r\n this.logSelections();\r\n // console.log(dataItem);\r\n this.repaintSelections();\r\n callback();\r\n } else {\r\n // litte bit convoluted here as we need to clear all selections when normal is clicked however we need select normal as well, or we need to deselect normal is its selected and normal clicked\r\n if (typeof dataItem == 'undefined' || dataItem == null) {\r\n return\r\n }\r\n if (this._currentSelections.ContainsKey(dataItem[uniqueKey])) {\r\n if (this._currentSelections.Count() > 1) {\r\n this.clearSelections();\r\n this.addSelections(dataItem[uniqueKey], dataItem, \"remove\");\r\n this.logSelections();\r\n this.setLastSelection({\r\n \"calculatedRow\": calculatedRow,\r\n \"page\": page,\r\n \"length\": length,\r\n \"row\": row,\r\n \"column\": col,\r\n \"id\": dataItem[uniqueKey]\r\n }); // set our last clicked element\r\n // console.log(dataItem);\r\n this.repaintSelections();\r\n } else if (this._currentSelections.Count() <= 1) {\r\n this.addSelections(dataItem[uniqueKey], dataItem, \"remove\");\r\n this.logSelections();\r\n this.setLastSelection({\r\n \"calculatedRow\": calculatedRow,\r\n \"page\": page,\r\n \"length\": length,\r\n \"row\": row,\r\n \"column\": col,\r\n \"id\": dataItem[uniqueKey]\r\n }); // set our last clicked element\r\n this.repaintSelections();\r\n }\r\n } else {\r\n this.clearSelections();\r\n this.addSelections(dataItem[uniqueKey], dataItem, \"remove\");\r\n this.logSelections();\r\n this.setLastSelection({\r\n \"calculatedRow\": calculatedRow,\r\n \"page\": page,\r\n \"length\": length,\r\n \"row\": row,\r\n \"column\": col,\r\n \"id\": dataItem[uniqueKey]\r\n }); // set our last clicked element\r\n // console.log(dataItem);\r\n this.repaintSelections();\r\n }\r\n callback();\r\n }\r\n };\r\n\r\n public setCurrentPageRows = function (array) {\r\n this._currentPageRows = array;\r\n };\r\n public getLastSelectionUpdated = function () {\r\n return this._lastSelectedUpdated;\r\n };\r\n public getLastSelection = function () {\r\n return this._lastSelection;\r\n };\r\n public showLoadingAnimation = function () {\r\n kendo.ui.progress($(\"#\" + this._gridId), true);\r\n }\r\n public hideLoadingAnimation = function () {\r\n kendo.ui.progress($(\"#\" + this._gridId), false);\r\n };\r\n public getCurrentPageRows = function () {\r\n return this._currentPageRows;\r\n };\r\n public transformFilterForService = function (filter) {\r\n var myreturn = [];\r\n for (var x = 0; x < filter.filters.length; x++) {\r\n var tempObj = {\r\n \"member\": filter.filters[x].field,\r\n \"operator\": this.transformKendoFilterNames(filter.filters[x].operator),\r\n \"value\": filter.filters[x].value\r\n };\r\n myreturn.push(tempObj);\r\n }\r\n return myreturn;\r\n //IsLessThan,\r\n //IsLessThanOrEqualTo, lte\r\n //IsEqualTo, eq\r\n //IsNotEqualTo, neq\r\n //IsGreaterThanOrEqualTo, gte\r\n //IsGreaterThan, gt\r\n //StartsWith, startswith\r\n //EndsWith, endswith\r\n //Contains, contains\r\n //IsContainedIn,\r\n //DoesNotContain, doesnotcontain\r\n };\r\n\r\n public transformKendoFilterNames = function (name) {\r\n\r\n var myreturn = \"\";\r\n if (name == \"lte\") {\r\n myreturn = \"IsLessThanOrEqualTo\";\r\n } else if (name == \"eq\") {\r\n myreturn = \"IsEqualTo\";\r\n } else if (name == \"lt\") {\r\n myreturn = \"IsLessThan\";\r\n } else if (name == \"neq\") {\r\n myreturn = \"IsNotEqualTo\";\r\n } else if (name == \"gte\") {\r\n myreturn = \"IsGreaterThanOrEqualTo\";\r\n } else if (name == \"gt\") {\r\n myreturn = \"IsGreaterThan\";\r\n } else if (name == \"startswith\") {\r\n myreturn = \"StartsWith\";\r\n } else if (name == \"endswith\") {\r\n myreturn = \"EndsWith\";\r\n } else if (name == \"contains\") {\r\n myreturn = \"Contains\";\r\n } else if (name == \"doesnotcontain\") {\r\n myreturn = \"DoesNotContain\";\r\n } else {\r\n myreturn = name;\r\n }\r\n return myreturn;\r\n }\r\n\r\n public transformSortForService = function (sort) {\r\n if (sort.length == 0) {\r\n return ([]);\r\n } else {\r\n var myreturn = {\r\n \"member\": \"\",\r\n \"sortdirection\": \"\"\r\n };\r\n myreturn.member = sort[0].field;\r\n var sortdirection;\r\n if (sort[0].dir == 'asc') {\r\n sortdirection = \"ascending\";\r\n } else {\r\n sortdirection = \"descending\";\r\n }\r\n myreturn.sortdirection = sortdirection;\r\n return new Array(myreturn);\r\n }\r\n };\r\n public logSelections = function () {\r\n // console.log(\"Number of Selections: \" + this._currentSelections.Count());\r\n };\r\n public addSelections = function (key, selection, param) {\r\n this._currentSelections.Add(key, selection, param);\r\n };\r\n public setLastSelection = function (selection) {\r\n this._lastSelection = selection;\r\n this._lastSelectedUpdated = true;\r\n };\r\n public addMassToSelection = function (data) {\r\n for (var x = 0; x < data.length; x++) {\r\n this.addSelections(data[x][this._uniqueKey], data[x]);\r\n }\r\n this.logSelections();\r\n this.repaintSelections();\r\n };\r\n\r\n public getNumberOfSelections = function () {\r\n return this._currentSelections.Count();\r\n };\r\n\r\n public setSelectAllCheckBox = function (mybool, clear, paint) {\r\n this._selectAllCheckBox = mybool;\r\n if (clear) {\r\n this.clearSelections();\r\n }\r\n if (paint) {\r\n this.repaintSelections();\r\n }\r\n };\r\n\r\n public onRightClick = function (e, page, length, row, col, dataItem, dataPage, uniqueKey, callback) {\r\n if(!dataItem) {\r\n return;\r\n }\r\n if (this._currentSelections.ContainsKey(dataItem[uniqueKey])) {\r\n callback();\r\n } else {\r\n var calculatedRow = (((page - 1) * length) + row);\r\n this.clearSelections();\r\n this._currentSelections.Add(dataItem[uniqueKey], dataItem);\r\n this.logSelections();\r\n this.setLastSelection({\r\n \"calculatedRow\": calculatedRow,\r\n \"page\": page,\r\n \"length\": length,\r\n \"row\": row,\r\n \"column\": col,\r\n \"id\": dataItem[uniqueKey]\r\n });\r\n this.repaintSelections();\r\n callback();\r\n }\r\n };\r\n\r\n /**\r\n * Simple Test Method to test correct configuration\r\n * @params Kendo Get Options Object\r\n * @return Object of style {\"optionsData\": stringified(object)}\r\n */\r\n public prepareGridOptionsForStorage = function (passedObj, sortArr, filterArr) {\r\n var reducedObj;\r\n reducedObj = {\r\n \"columns\": [],\r\n \"sorts\": []\r\n };\r\n for (var x = 0; x < passedObj.length; x++) {\r\n if (passedObj[x].hasOwnProperty(\"field\")) {\r\n reducedObj.columns[x] = {\r\n \"field\": passedObj[x].field\r\n };\r\n }\r\n if (passedObj[x].hasOwnProperty(\"width\")) {\r\n reducedObj.columns[x].width = passedObj[x].width;\r\n }\r\n if (passedObj[x].hasOwnProperty(\"wmsid\")) {\r\n reducedObj.columns[x].wmsid = passedObj[x].wmsid;\r\n }\r\n if (passedObj[x].hasOwnProperty(\"hidden\")) {\r\n reducedObj.columns[x].hidden = passedObj[x].hidden;\r\n }\r\n }\r\n\r\n reducedObj.sorts = sortArr;\r\n reducedObj.filter = filterArr;\r\n\r\n var finalreturn = {\r\n \"optionsData\": JSON.stringify(reducedObj)\r\n };\r\n return (finalreturn);\r\n };\r\n public getKeys = function () {\r\n return this._currentSelections.Keys();\r\n };\r\n public getItem = function (key) {\r\n return this._currentSelections.Item(key);\r\n };\r\n\r\n /*\r\n * See if a certain value exists in selected keys\r\n * @params key, value\r\n * @return boolean\r\n */\r\n public valueExists = function (key, value) {\r\n var myarr = this._currentSelections.Values();\r\n var returnboolean = false;\r\n for (var x = 0; x < myarr.length; x++) {\r\n if (myarr[x][key] == value) {\r\n returnboolean = true;\r\n }\r\n }\r\n return returnboolean;\r\n };\r\n\r\n public getAllRecordsFromApi = function (callback) {\r\n this.showLoadingAnimation();\r\n var thisGrid = $('#' + this._gridId).data('kendoGrid');\r\n var filterObject = thisGrid.dataSource.filter();\r\n var sortObject = thisGrid.dataSource.sort();\r\n var transformedFilter = \"[]\";\r\n var transformedSort = \"[]\";\r\n if (filterObject != undefined) {\r\n transformedFilter = JSON.stringify(this.transformFilterForService(filterObject));\r\n }\r\n if (sortObject != undefined) {\r\n transformedSort = JSON.stringify(this.transformSortForService(sortObject));\r\n }\r\n\r\n var postData: any = {\r\n \"sorts\": \"\",\r\n \"filters\": \"\",\r\n \"pageSize\": 0,\r\n \"startId\": 0,\r\n \"endId\": 0\r\n };\r\n postData.sorts = transformedSort;\r\n postData.filters = transformedFilter;\r\n postData.pageSize = 200;\r\n postData.startId = -1;\r\n postData.endId = -1;\r\n\r\n var that = this;\r\n\r\n var readData = thisGrid.dataSource.transport.options.read.data;\r\n if (readData && readData.customParamsInShiftSelection) {\r\n for (var key in readData) {\r\n if (key != \"customParamsInShiftSelection\") {\r\n postData[key] = readData[key];\r\n }\r\n }\r\n }\r\n // Pass extra parameter customerId only for item shift selection\r\n if (that._shiftSelectUrl == \"/WebUI/Items/Items/GetItemsGridSelections\") {\r\n\r\n let indexOptionsWarehouse: any = document.querySelector('#itemHolderIndexOptionsCustomer');\r\n postData.customerId = indexOptionsWarehouse.value;\r\n\r\n\r\n }\r\n var reqType = \"POST\";\r\n if (that._shiftSelectUrl.indexOf(\".json\") >= 0) {\r\n reqType = \"GET\";\r\n }\r\n // Pass extra parameter facilityId and set type GET only for location\r\n if (that._shiftSelectUrl.indexOf(\"/WebUI/Facilities/ManageLocations/GridSelections\") >= 0) {\r\n reqType = \"GET\";\r\n }\r\n if (that._shiftSelectUrl.indexOf(\"/WebUI/Customers/ManageCustomers/GridSelections\") >= 0) {\r\n reqType = \"GET\";\r\n }\r\n $.ajax({\r\n type: reqType,\r\n url: that._shiftSelectUrl,\r\n data: postData,\r\n success: function (response) {\r\n if (response.Code == 0) {\r\n that.clearSelections();\r\n that.addMassToSelection(response.Result);\r\n // set our last clicked element\r\n that.hideLoadingAnimation();\r\n callback();\r\n } else if (typeof response.Code == 'undefined' && response.length != 0) {\r\n that.clearSelections();\r\n that.addMassToSelection(response);\r\n // set our last clicked element\r\n that.hideLoadingAnimation();\r\n callback();\r\n } else {\r\n that.clearSelections();\r\n callback();\r\n }\r\n },\r\n dataType: \"JSON\"\r\n });\r\n }\r\n\r\n public prepareGetOptionsForStorage = function (passedObj, sortObj) {\r\n var reducedObj;\r\n reducedObj = {\r\n \"columns\": [],\r\n \"sorts\": []\r\n };\r\n for (var x = 0; x < passedObj.length; x++) {\r\n if (passedObj[x].hasOwnProperty(\"field\")) {\r\n reducedObj.columns[x] = {\r\n \"field\": passedObj[x].field\r\n };\r\n }\r\n if (passedObj[x].hasOwnProperty(\"width\")) {\r\n reducedObj.columns[x].width = passedObj[x].width;\r\n }\r\n if (passedObj[x].hasOwnProperty(\"wmsid\")) {\r\n reducedObj.columns[x].wmsid = passedObj[x].wmsid;\r\n }\r\n if (passedObj[x].hasOwnProperty(\"hidden\")) {\r\n reducedObj.columns[x].hidden = passedObj[x].hidden;\r\n }\r\n }\r\n if (sortObj) {\r\n reducedObj.sorts[0] = sortObj;\r\n }\r\n var finalreturn = {\r\n \"optionsData\": JSON.stringify(reducedObj)\r\n };\r\n return (finalreturn);\r\n }\r\n public getDataItemFromSingleRecordDictionary = function () {\r\n if (this.getNumberOfSelections() != 1) {\r\n throw Error(\"too many selections\");\r\n } else {\r\n var keys = this.getKeys();\r\n return (this.getItem(keys));\r\n }\r\n };\r\n public updateValue = function (key, value) {\r\n this._currentSelections.Remove(key);\r\n this._currentSelections.Add(key, value);\r\n };\r\n\r\n public getDictionary = function () {\r\n return this._currentSelections;\r\n };\r\n\r\n public attachGridOptions = function (columnsObj, optionsObj, gridOptionsStr) {\r\n var retrievedOptions = null;\r\n if (gridOptionsStr == null || gridOptionsStr == \"\" || gridOptionsStr == \" \" || !gridOptionsStr || _.isEqual(JSON.parse(gridOptionsStr), {})) {\r\n // if we did not get any options back from the service we need to create our object with default columns\r\n // create columns on our make options obj and set it to the value of our columns obj\r\n optionsObj.columns = columnsObj.columns;\r\n return optionsObj;\r\n } else {\r\n //hmm\r\n // if we DID get something back for options we need to create our object, including the sort on the datasource\r\n // first thing we need to do is parse the string into an object\r\n retrievedOptions = JSON.parse(gridOptionsStr);\r\n var tempObj = {};\r\n // var myobj = new MyObject();\r\n var currentColumnDict = this.createDictionaryFromArrayProperty(columnsObj.columns, \"field\");\r\n var tempColumns = [];\r\n for (var x = 0; x < retrievedOptions.columns.length; x++) {\r\n if (currentColumnDict.hasOwnProperty(retrievedOptions.columns[x].field)) {\r\n //Set Title which is defined in grid\r\n retrievedOptions.columns[x].title = currentColumnDict[retrievedOptions.columns[x].field].title;\r\n tempColumns.push(retrievedOptions.columns[x]);\r\n if (retrievedOptions.columns[x].field == \"Status\") {\r\n retrievedOptions.columns[x].template = currentColumnDict['Status'].template;\r\n retrievedOptions.columns[x].sortable = currentColumnDict['Status'].sortable;\r\n retrievedOptions.columns[x].filterable = currentColumnDict['Status'].filterable;\r\n }\r\n }\r\n }\r\n // we need the order of retrievedOptions however we need to remove the any columns that aren't in columnsObj\r\n //for (var x = 0; x < columnsObj.columns.length; x++) {\r\n //\tif (previousColumnDict.hasOwnProperty(columnsObj.columns[x].field)) {\r\n //\t\tcolumnsObj.columns[x] = previousColumnDict[columnsObj.columns[x].field];\r\n //\t}\r\n //}\r\n //var currentColumnKeys = columnsObj.columns.map((x) => x.field);\r\n // creating a dictionary to prevent having to loop through the array multiple times\r\n //var currentColumnDict = this.createDictionaryFromArrayProperty(columnsObj.columns, \"field\");\r\n // cases when we start with least column\r\n // we need everything that is in currentColumnDict but then we need to still get the options for each of these from the retrieved Options and still make sure extra columns from retrieved are removed, or rather not introduced\r\n //var modifiedSavedColumnOptions = retrievedOptions.columns.filter((x) => currentColumnDict.hasOwnProperty(x.field) );\r\n // our saved columns are in the correct order however there might be some elements in our default columns like templates that are not saved into the clientMetaData, so we need to reattach those elements from the default columns to the returned order of columns from save method\r\n //tempObj = myobj.alignIndexesByProperty(modifiedSavedColumnOptions, columnsObj.columns, \"field\");\r\n var combineOptions = optionsObj;\r\n combineOptions.columns = tempColumns;\r\n // attach new columns obj to our options\r\n //combineOptions.columns = modifiedSavedColumnOptions;\r\n // change the dataSource sort to the sort we get from the clientMetaDAta\r\n if (retrievedOptions.sorts.length) {\r\n combineOptions.dataSource.sort = retrievedOptions.sorts;\r\n }\r\n return combineOptions;\r\n }\r\n };\r\n\r\n /**\r\n * Only for local memory Grids to sum integers\r\n * @params value: string[]\r\n * @return number[]\r\n */\r\n public sumByLocalMemoryGridContents = function (value) {\r\n var grid = $('.' + this._windowId + ' #' + this._gridId).data('kendoGrid');\r\n var gridData = grid.dataSource.view();\r\n var resultArray = new Array(value.length);\r\n for (var z = 0; z < resultArray.length; z++) {\r\n resultArray[z] = 0;\r\n }\r\n\r\n for (var x = 0; x < gridData.length; x++) {\r\n var dataItem = gridData[x];\r\n for (var i = 0; i < value.length; i++) {\r\n resultArray[i] += dataItem[value[i]];\r\n }\r\n }\r\n\r\n return resultArray;\r\n };\r\n\r\n /**\r\n * prepare my options to submit to backend\r\n * @params firstObj, secondObj, keysArray\r\n * @return [{}]\r\n */\r\n public prepareGridOptions = function (passedObj, origGrid, sortObj) {\r\n var reducedObj, origObj;\r\n reducedObj = {\r\n \"columns\": [],\r\n \"sorts\": []\r\n };\r\n // only add the field, width and hidden attributes of the columns, we must strip off extra kendo attributes that we dont want to save such as template\r\n for (var x = 0; x < passedObj.length; x++) {\r\n if (passedObj[x].hasOwnProperty(\"field\")) {\r\n reducedObj.columns[x] = {\r\n \"field\": passedObj[x].field\r\n };\r\n }\r\n if (passedObj[x].hasOwnProperty(\"width\")) {\r\n reducedObj.columns[x].width = passedObj[x].width;\r\n }\r\n if (passedObj[x].hasOwnProperty(\"hidden\")) {\r\n reducedObj.columns[x].hidden = passedObj[x].hidden;\r\n }\r\n // had to store template because some columns have templates on columns like volume/length/height and we need to remember it\r\n if (passedObj[x].hasOwnProperty(\"template\")) {\r\n reducedObj.columns[x].template = passedObj[x].template;\r\n }\r\n if (passedObj[x].hasOwnProperty(\"title\")) {\r\n reducedObj.columns[x].title = passedObj[x].title;\r\n }\r\n }\r\n // if there is a sort add a sort\r\n if (sortObj) {\r\n reducedObj.sorts[0] = sortObj;\r\n }\r\n if (origGrid) {\r\n origObj = JSON.parse(origGrid);\r\n // if the original stored element has more columns then the current display, pass the original elements over to be saved again for when that user needs them\r\n if (origObj.columns.length > reducedObj.columns.length) {\r\n // we want to keep the order of the original layout, we just need to attach to that one any of the elements or layout of the current one\r\n var currentDict = this.createDictionaryFromArrayProperty(reducedObj.columns, \"field\");\r\n var finalColumns = origObj.columns.map(function (x) {\r\n if (currentDict.hasOwnProperty(x.field)) {\r\n return currentDict[x.field];\r\n } else {\r\n return x;\r\n }\r\n });\r\n var finalArea = {\r\n \"columns\": finalColumns,\r\n \"sorts\": []\r\n };\r\n if (sortObj) {\r\n finalArea.sorts[0] = sortObj;\r\n }\r\n var finalreturn = {\r\n \"optionsData\": JSON.stringify(finalArea)\r\n };\r\n return (finalreturn);\r\n } else if (origObj.columns.length < reducedObj.columns.length) {\r\n throw Error(\"the saved element had less columns than the current, this should not be possible to reach, try shift refreshing, else there is a bug\");\r\n } else {\r\n var finalreturn = {\r\n \"optionsData\": JSON.stringify(reducedObj)\r\n };\r\n return (finalreturn);\r\n }\r\n } else {\r\n var finalreturn = {\r\n \"optionsData\": JSON.stringify(reducedObj)\r\n };\r\n return (finalreturn);\r\n }\r\n };\r\n public addMassToDictionary = function (data) {\r\n for (var x = 0; x < data.length; x++) {\r\n this.addSelections(data[x][this._uniqueKey], data[x]);\r\n }\r\n this.logSelections();\r\n };\r\n public sumDictionaryParameter = function (parameter) {\r\n var keys = this.getKeys();\r\n var dict = this.getDictionary();\r\n var myreturn = 0;\r\n for (var x = 0; x < keys.length; x++) {\r\n myreturn = parseFloat((myreturn + dict.items[keys[x]][parameter]).toFixed(4));\r\n // myreturn = myreturn + parseFloat(dict.items[keys[x]][parameter]);\r\n }\r\n return myreturn;\r\n };\r\n public sumByValue = function (value) {\r\n var keyArrays = this._currentSelections.Keys();\r\n var resultArray = new Array(value.length);\r\n for (var z = 0; z < resultArray.length; z++) {\r\n resultArray[z] = 0;\r\n }\r\n \r\n for (var x = 0; x < keyArrays.length; x++) {\r\n var dataItem = this._currentSelections.Item(keyArrays[x]);\r\n for (var i = 0; i < value.length; i++) {\r\n resultArray[i] += dataItem[value[i]];\r\n }\r\n }\r\n\r\n return resultArray;\r\n };\r\n public valuesIdentical = function (key) {\r\n var myreturn = true;\r\n var myarr = this._currentSelections.Values();\r\n var firstValue = \"\";\r\n for (var x = 0; x < myarr.length; x++) {\r\n if (x == 0) {\r\n firstValue = myarr[x][key];\r\n }\r\n if (myarr[x][key] !== firstValue) {\r\n myreturn = false;\r\n }\r\n }\r\n return myreturn;\r\n };\r\n\r\n public valueGreaterThanZero = function (key) {\r\n var returnboolean = true;\r\n var myarr = this._currentSelections.Values();\r\n for (var x = 0; x < myarr.length; x++) {\r\n if (myarr[x][key] <= 0) {\r\n returnboolean = false\r\n }\r\n }\r\n return returnboolean;\r\n }\r\n\r\n /**\r\n * True if at least one dictionary value is not equal to 'value'\r\n * example: myarr[x][key].Any(x => x != value)\r\n * @params key, value\r\n * @return boolean\r\n */\r\n public theNotValueDoesExist = function (key, value) {\r\n var myarr = this._currentSelections.Values();\r\n var returnboolean = false;\r\n for (var x = 0; x < myarr.length; x++) {\r\n if (myarr[x][key] != value) {\r\n returnboolean = true;\r\n }\r\n }\r\n return returnboolean;\r\n };\r\n\r\n /**\r\n * True if all dictionary values are not equal to 'value'\r\n * example: !myarr[x][key].Any(x => x == value)\r\n * @params key, value\r\n * @return boolean\r\n */\r\n public valueDoesNotExist = function (key, value) {\r\n var myarr = this._currentSelections.Values();\r\n for (var x = 0; x < myarr.length; x++) {\r\n if (myarr[x][key] == value) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n };\r\n\r\n public identicalValuesInSelectedSet = function (key, value){\r\n var retVal = true;\r\n var myarr = this._currentSelections.Values();\r\n for(var x = 0; x < myarr.length; x++){\r\n if(myarr[x][key] != value){\r\n retVal = false;\r\n return retVal;\r\n }\r\n }\r\n return retVal;\r\n };\r\n\r\n public valuesNullOrEmpty = function (key) {\r\n var myarr = this._currentSelections.Values();\r\n for (var x = 0; x < myarr.length; x++) {\r\n if (myarr[x][key] == null || myarr[x][key] == undefined || myarr[x][key] == \"\") {\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n public getSelectedCustomerData = function (arr, key) {\r\n for(var x = 0; x <= arr.length; x++)\r\n {\r\n if(arr[x] && key == arr[x].id){\r\n return arr[x];\r\n }\r\n }\r\n }\r\n\r\n public getSelectedOrderIdsByValue(key, value){\r\n var retArr = [];\r\n var myarr = this._currentSelections.Values();\r\n for (var x = 0; x < myarr.length; x++) {\r\n if (myarr[x][key] == value) {\r\n retArr.push(myarr[x].OrderId)\r\n }\r\n }\r\n return retArr;\r\n }\r\n\r\n public getValues = function () {\r\n return this._currentSelections.Values();\r\n };\r\n public getQuantityCollection = function () {\r\n return this._quantityCollection;\r\n };\r\n public getQuantityArray = function () {\r\n return this._quantityArray;\r\n };\r\n public setQuantityCollection = function (parameter, quantity, obj) {\r\n this._quantityCollection[parameter] = quantity;\r\n };\r\n public setQuantityArray = function (obj) {\r\n this._quantityArray.push(obj);\r\n };\r\n public clear = function () {\r\n this._quantityCollection = {};\r\n this._quantityArray = [];\r\n };\r\n\r\n public getDirtyValues = function () {\r\n var thisGrid = $('#' + this._gridId).data('kendoGrid');\r\n\r\n var data = thisGrid.dataSource.data();\r\n var dirtyData = $.grep(data, function(item) {\r\n return item.dirty\r\n });\r\n\r\n return dirtyData;\r\n };\r\n}","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { default as WmsButton } from '../../components/WmsButton/WmsButton.jsx';\r\nimport { default as WmsInput } from '../../components/WmsInput/WmsInput.jsx';\r\nimport { default as WmsButtonDropdown } from '../../components/WmsButtonDropdown/WmsButtonDropdown.jsx';\r\nimport { default as WmsMenuItem } from '../../components/WmsMenuItem/WmsMenuItem.jsx';\r\nimport { default as WmsContextMenu } from '../../components/WmsContextMenu/WmsContextMenu.jsx';\r\nimport { default as WmsRadio } from '../../components/WmsRadio/WmsRadio.tsx';\r\n\r\nimport * as GlobalService from '../../global_services';\r\nimport { ObjectWms } from '../../../../assets/ts/ObjectWms.ts';\r\n\r\nimport { KendoGridWmsVirtual } from '../../../../assets/ts/KendoGridWmsVirtual.ts';\r\nimport style from \"./VirtualGridComponent.scss\";\r\n\r\nclass VirtualGridComponent extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n gridDomSelector: () => this.props.windowId ? '.' + this.props.windowId + ' #' + this.props.id : '#' + this.props.id,\r\n sortArrayGrid: [], // default set of sorts on the grid\r\n dataBindingInitial: 0,\r\n intialiseKeyDown: 0,\r\n totalResult: 0,\r\n filterResult: 0,\r\n sortColums: '',\r\n layoutData: this.props.layoutData,\r\n disabledText: \"\",\r\n selectedOrders: 0,\r\n scanGridKey: \"\",\r\n selectAll: false,\r\n isCombineRows: false,\r\n isHovering: false,\r\n KendoGrid: new KendoGridWmsVirtual(this.props.id, this.props.windowId, this.props.gridKeySelection, this.props.getGridSelectionUrl),\r\n staticGridData: props.staticGridData ? props.staticGridData : [],\r\n filterObject: props.filterObject,\r\n transportData: {},\r\n gridExpandIndex: null,\r\n scrollPos: 0,\r\n columns: props.defaultColumns,\r\n schema: props.schema,\r\n sorts: [],\r\n filter: [],\r\n tooltipShow: false,\r\n isLegendTooltipShow: false,\r\n isAllDataLoad: false,\r\n isImperial: true,\r\n volumeType:\"FT³\",\r\n weightType:\"LBS\",\r\n orderSummary:{\r\n \"TotVolume\":0,\r\n \"TotWeight\":0,\r\n \"TotPackages\":0,\r\n \"TotPrimaryUnit\":0\r\n },\r\n inventorySummary: {\r\n \"TotPrimaryAvailable\": 0,\r\n \"TotPrimaryAllocated\": 0,\r\n \"TotPrimaryOnHold\": 0,\r\n \"TotPrimaryOnHand\": 0,\r\n \"TotMovableUnits\": 0\r\n },\r\n isExpandOrderSummary:false\r\n }\r\n\r\n\r\n this.$rootScope = window;\r\n this.translate = window.translate\r\n\r\n }\r\n\r\n componentDidMount() {\r\n var that = this;\r\n // clear grid menu dropdown\r\n $(this.state.gridDomSelector() + \"menu\").kendoMenu();\r\n\r\n // prevent columns sorting when resize columns\r\n var isResizeHandler = false;\r\n $(this.state.gridDomSelector()).on('mousedown', '.k-grid-header-wrap', (event) => {\r\n isResizeHandler = $(event.target).hasClass(\"k-resize-handle\");\r\n });\r\n\r\n $(this.state.gridDomSelector()).on(\"mouseup\", \"th>a.k-link\", function (e) {\r\n var sortArr = $(that.state.gridDomSelector()).data(\"kendoGrid\").dataSource.sort();\r\n if (!(e.ctrlKey || e.metaKey) && !isResizeHandler) {\r\n that.setState({\r\n sortArrayGrid: []\r\n });\r\n if (sortArr && sortArr.length > 1) {\r\n $(that.state.gridDomSelector()).data(\"kendoGrid\").dataSource.sort({});\r\n }\r\n }\r\n\r\n });\r\n\r\n // grid column config set\r\n if (this.props.metaGridConfig != \"\") {\r\n var gridOptions = JSON.parse(this.props.metaGridConfig, JSON.dateParser);\r\n var tempObject = this.props.defaultColumns;\r\n if (gridOptions.columns) {\r\n var fieldArray = gridOptions.columns.map(el => el.field);\r\n var updateColumn = [];\r\n this.props.allColumns.filter((column) => {\r\n if (fieldArray.indexOf(column.field) !== -1) {\r\n updateColumn.push(column);\r\n } else if (column.locked && column.isShawRowNumberColumnInList != true) {\r\n updateColumn.push(column);\r\n }\r\n });\r\n tempObject = ObjectWms.alignIndexesByPropertyVirtual(gridOptions.columns, updateColumn, \"field\");\r\n } else {\r\n tempObject = ObjectWms.alignIndexesByPropertyVirtual(gridOptions.columns, this.props.defaultColumns, \"field\")\r\n }\r\n\r\n this.setState({\r\n columns: tempObject,\r\n sorts: gridOptions.sorts,\r\n filter: (gridOptions.filter) ? gridOptions.filter: [],\r\n sortArrayGrid: gridOptions.sorts\r\n }, this.loadGrid);\r\n } else {\r\n this.loadGrid();\r\n }\r\n\r\n $('#' + this.props.wmsSelector + 'scanGridKey').keydown((e) => {\r\n if (e.keyCode == 13) {\r\n this.onScanValueEnter();\r\n }\r\n });\r\n }\r\n\r\n onScanValueEnter = () => {\r\n this.props.OnScanValueEnter(this.state.scanGridKey);\r\n // call summary function to set select order number in grid top header\r\n setTimeout(() => {\r\n this.updateGridSummary();\r\n }, 300);\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (typeof nextProps.staticGridData != \"undefined\" && nextProps.staticGridData != this.state.staticGridData) {\r\n var scrollPos = $(this.state.gridDomSelector() + \" .k-scrollbar\").scrollTop();\r\n if (typeof $(this.state.gridDomSelector()).data(\"kendoGrid\") != \"undefined\") {\r\n $(this.state.gridDomSelector()).data(\"kendoGrid\").dataSource.page(1);\r\n }\r\n this.state.dataBindingInitial = 0;\r\n kendo.ui.progress($(this.state.gridDomSelector()), true);\r\n var mygrid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n if (typeof mygrid != \"undefined\") {\r\n this.eventSelectAll(\"deselect\");\r\n }\r\n this.setState({\r\n staticGridData: nextProps.staticGridData,\r\n scrollPos: scrollPos\r\n }, this.readNewDataCall);\r\n }\r\n if(typeof nextProps.isAllDataLoad != \"undefined\" && nextProps.isAllDataLoad != this.state.isAllDataLoad){\r\n this.setState({\r\n isAllDataLoad:nextProps.isAllDataLoad\r\n })\r\n }\r\n\r\n // Update columns for inventory combine\r\n if(this.state.schema != nextProps.schema){\r\n this.state.dataBindingInitial = 0;\r\n this.setState({\r\n columns:nextProps.defaultColumns,\r\n // dataBindingInitial:0,\r\n intialiseKeyDown:0,\r\n schema:nextProps.schema\r\n }, () => {\r\n this.loadGridAgain(nextProps);\r\n })\r\n }\r\n // update find order grid summary\r\n if(this.props.isFindOrderSummary && nextProps.orderSummary != this.props.orderSummary){\r\n // Set find order grid summary data according radio button from data\r\n this.setStateOfOrderSummary(nextProps.orderSummary);\r\n }\r\n if (this.props.isInventorySummary && nextProps.inventorySummary != this.props.inventorySummary) {\r\n // Set find order grid summary data according radio button from data\r\n this.setStateOfInventorySummary(nextProps.inventorySummary);\r\n }\r\n }\r\n setStateOfOrderSummary = (data) =>{\r\n this.setState({\r\n orderSummary: {\r\n \"TotVolume\": this.state.isImperial ? data.TotVolumeImperial : data.TotVolumeMetric,\r\n \"TotWeight\": this.state.isImperial ? data.TotWeightImperial : data.TotWeightMetric,\r\n \"TotPackages\": data.TotPackages,\r\n \"TotPrimaryUnit\":data.TotPrimaryUnit\r\n },\r\n volumeType:this.state.isImperial ? \"FT³\" : \"M³\",\r\n weightType:this.state.isImperial ? \"LBS\" : \"KG\",\r\n })\r\n }\r\n setStateOfInventorySummary = (data) => {\r\n this.setState({\r\n inventorySummary: data\r\n })\r\n }\r\n loadGridAgain = (nextProps) =>{\r\n if($(this.state.gridDomSelector()).data('kendoGrid')){\r\n $(this.state.gridDomSelector()).kendoGrid('destroy').empty();\r\n if (nextProps.metaGridConfig != \"\") {\r\n var gridOptions = JSON.parse(nextProps.metaGridConfig);\r\n var tempObject = nextProps.defaultColumns;\r\n if (gridOptions.columns) {\r\n var fieldArray = gridOptions.columns.map(el => el.field);\r\n var updateColumn = [];\r\n nextProps.allColumns.filter((column) => {\r\n if (fieldArray.indexOf(column.field) !== -1) {\r\n updateColumn.push(column);\r\n } else if (column.locked) {\r\n updateColumn.push(column);\r\n }\r\n });\r\n tempObject = ObjectWms.alignIndexesByPropertyVirtual(gridOptions.columns, updateColumn, \"field\");\r\n } else {\r\n tempObject = ObjectWms.alignIndexesByPropertyVirtual(gridOptions.columns,nextProps.defaultColumns, \"field\")\r\n }\r\n\r\n this.setState({\r\n columns: tempObject,\r\n sorts: gridOptions.sorts,\r\n filter: (gridOptions.filter) ? gridOptions.filter: [],\r\n sortArrayGrid: gridOptions.sorts\r\n }, () => {\r\n this.loadGrid();\r\n setTimeout(() => {\r\n this.rowNumberUpdate();\r\n this.eventSelectAll(\"deselect\");\r\n }, 100);\r\n });\r\n }else{\r\n this.loadGrid();\r\n setTimeout(() => {\r\n this.rowNumberUpdate();\r\n }, 100);\r\n }\r\n\r\n }\r\n\r\n // $(this.state.gridDomSelector()).data('kendoGrid').refresh();\r\n }\r\n readNewDataCall = () => {\r\n $(this.state.gridDomSelector()).data(\"kendoGrid\").dataSource.read();\r\n setTimeout(() => {\r\n $(this.state.gridDomSelector() + \" .k-scrollbar\").scrollTop(this.state.scrollPos);\r\n this.updateGridSummary();\r\n this.filterDataCount();\r\n kendo.ui.progress($(this.state.gridDomSelector()), false);\r\n }, 200);\r\n }\r\n\r\n loadGrid = () => {\r\n var that = this;\r\n var gridObj = {\r\n dataSource: {\r\n pageSize: 40,\r\n transport: {\r\n read: function (e) {\r\n e.success(that.state.staticGridData);\r\n }\r\n },\r\n schema: this.state.schema,\r\n sort: this.state.sorts,\r\n filter:this.state.filter\r\n },\r\n excel: this.props.exportExcelObj,\r\n excelExport: (e) =>{\r\n var sheet = e.workbook.sheets[0];\r\n var grid = e.sender;\r\n var fields = grid.dataSource.options.fields;\r\n var fieldsModels = grid.dataSource.options.schema.model.fields;\r\n var columns = grid.columns;\r\n var dateCells = [];\r\n\r\n for (var i = 0; i < fields.length; i++) {\r\n var currentField = fields[i].field;\r\n var currentModel = fieldsModels[currentField];\r\n if (currentModel && currentModel.type === \"date\") {\r\n for (var j = 0; j < columns.length; j++) {\r\n if (currentField === columns[j].field) {\r\n dateCells.push(j);\r\n break;\r\n };\r\n };\r\n };\r\n };\r\n\r\n for (var rowIndex = 1; rowIndex < sheet.rows.length; rowIndex++) {\r\n var row = sheet.rows[rowIndex];\r\n\r\n for (var q = 0; q < dateCells.length; q++) {\r\n var cellIndex = dateCells[q];\r\n var value = row.cells[cellIndex].value;\r\n var newValue = kendo.toString(kendo.parseDate(value), 'yyyy-MM-dd HH:mm:ss');\r\n row.cells[cellIndex].value = newValue;\r\n };\r\n };\r\n },\r\n scrollable: {\r\n virtual: true\r\n },\r\n height: this.props.gridHeight,\r\n sortable: {\r\n mode: \"multiple\",\r\n allowUnsort: true,\r\n showIndexes: true\r\n },\r\n selectable: \"multiple\",\r\n navigatable: true,\r\n filterable: true,\r\n inPlaceSort: true,\r\n batch: this.props.isAddBatchProperty,\r\n columnMenu: {\r\n sortable: false,\r\n columns: false,\r\n messages: {\r\n settings: this.translate('Label_Column_Filter')\r\n }\r\n },\r\n editable: this.props.gridEditable,\r\n sort: (e) => {\r\n e.preventDefault();\r\n GlobalService.sortDataset(that.state.sortArrayGrid, e.sort);\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\")\r\n grid.dataSource.sort(that.state.sortArrayGrid);\r\n this.props.onSort(e);\r\n this.rowNumberUpdate();\r\n },\r\n dataBound: (e) => {\r\n that.closeContextMenu();\r\n\r\n var sortArr = [];\r\n var grid = $(that.state.gridDomSelector()).data(\"kendoGrid\");\r\n if (grid) {\r\n sortArr = $(that.state.gridDomSelector()).data(\"kendoGrid\").dataSource.sort();\r\n }\r\n // update sortArrayGrid state when change grid sort outside of grid like from saved filter and sort\r\n if (sortArr.length && JSON.stringify(that.state.sortArrayGrid) !== JSON.stringify(sortArr)) {\r\n that.setState({\r\n sortArrayGrid: sortArr\r\n });\r\n }\r\n this.state.KendoGrid.repaintSelections();\r\n if (this.state.dataBindingInitial == 0) {\r\n setTimeout(() => {\r\n this.gridClickEventHandler();\r\n this.rowNumberUpdate();\r\n }, 10);\r\n }\r\n this.props.onDataBound(e, this.state.KendoGrid);\r\n\r\n if (that.state.intialiseKeyDown == 0) {\r\n var grid = $(this.state.gridDomSelector()).data('kendoGrid');\r\n grid.table.on(\"keydown\", function (e) {\r\n if (e.keyCode == 38 || e.keyCode == 40) {\r\n var dataItem = grid.dataItem($(\"#\" + that.props.id + \"_active_cell\").closest(\"tr\"));\r\n var currentPage = grid.dataSource.page();\r\n var currentNumberOfItems = grid.dataSource.view().length;\r\n var row = $(\"#\" + that.props.id + \"_active_cell\").closest(\"tr\").index();\r\n var col = grid.cellIndex($(e.target).closest('td'));\r\n let isVirtualGrid = true;\r\n that.state.KendoGrid.clickEventHandleSelection(e, currentPage, currentNumberOfItems, row, col, dataItem, grid.dataSource.data(), that.props.gridKeySelection, isVirtualGrid, function () {\r\n that.updateGridSummary();\r\n\r\n that.props.onSelection(that.state.KendoGrid);\r\n });\r\n }\r\n });\r\n that.props.onLockedTableBindKeyEvent();\r\n that.state.intialiseKeyDown = 1;\r\n }\r\n that.setState({\r\n sortColums: GlobalService.getSortedColumnName(that.state.sortArrayGrid, this.props.allColumns),\r\n });\r\n },\r\n // columnMenu: {\r\n // messages: {\r\n // settings: this.translate('Label_Column_Filter')\r\n // }\r\n // },\r\n columnShow: (e) => {\r\n this.props.callForGetNewData();\r\n },\r\n filter: (e) => {\r\n that.state.KendoGrid.clearSelections(function () {\r\n that.updateGridSummary();\r\n that.state.KendoGrid.repaintSelections();\r\n });\r\n that.props.onSelection(that.state.KendoGrid);\r\n\r\n this.props.onGridFilterApplied(e.filter);\r\n this.filterDataCount();\r\n setTimeout(() => {\r\n this.rowNumberUpdate();\r\n }, 0);\r\n },\r\n columnReorder: (e) => {\r\n this.props.onColumnReorder(e);\r\n },\r\n columnResize: (e) => {\r\n this.props.onColumnResize(e);\r\n },\r\n save: function (data) {\r\n that.props.onGridSave(data);\r\n },\r\n edit: function(data) {\r\n that.props.onEdit(data);\r\n },\r\n resizable: true,\r\n reorderable: true,\r\n columns: this.state.columns\r\n };\r\n if(this.props.emptyRecoredText) {\r\n gridObj.noRecords = {\r\n template: this.props.emptyRecoredText\r\n }\r\n }\r\n $(this.state.gridDomSelector()).kendoGrid(gridObj);\r\n\r\n\r\n if (this.state.filter && this.state.filter.filters && this.state.filter.filters.length > 0) {\r\n this.props.onGridFilterApplied(this.state.filter);\r\n }\r\n }\r\n rowNumberUpdate = () => {\r\n\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n if(grid) {\r\n var dataSource = grid.dataSource;\r\n var data = dataSource.data();\r\n var sort = dataSource.sort();\r\n var query = new kendo.data.Query(data);\r\n var filter = dataSource.filter();\r\n var sortedData = query.sort(sort).filter(filter).data;\r\n var index = 0;\r\n for (var i = 0; i < sortedData.length; i++) {\r\n //access record using for loop - here i is value from loop\r\n var firstItem = sortedData[i];\r\n index ++;\r\n firstItem[\"RowNumber\"] = index;\r\n }\r\n $(this.state.gridDomSelector()).data('kendoGrid').refresh();\r\n }\r\n }\r\n filterDataCount = () => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n if(grid){\r\n var dataSource = grid.dataSource;\r\n setTimeout(() => {\r\n this.setState({\r\n filterResult: dataSource.total()\r\n });\r\n }, 100);\r\n }\r\n }\r\n gridClickEventHandler = () => {\r\n\r\n var grid = $(this.state.gridDomSelector()).data('kendoGrid');\r\n if(grid) {\r\n grid.table.unbind('click');\r\n }\r\n var that = this;\r\n if(grid) {\r\n\r\n var lockedTableSelector = '';\r\n if (grid.lockedTable) {\r\n grid.lockedTable.unbind('click');\r\n lockedTableSelector = grid.lockedTable;\r\n }\r\n\r\n $(grid.table).add(lockedTableSelector).on('click', function (e) {\r\n // Hack: prevent parent grid row selection when click on child grid row\r\n if ($(e.target).parents('.k-detail-row').length > 0) {\r\n return;\r\n }\r\n // if it is a regular click or shift click we want to deselect everything if selectall is selection, $scope.EventSelectAll checks if this is\r\n // on or not so calling it doesn't guarantee execution it just checks and does it if it needs it\r\n // ctrl click we don't want to do it because it can add or deselect\r\n if (e.ctrlKey || e.metaKey) {\r\n that.eventSelectAll(\"deselect\", \"dontclearselection\");\r\n } else {\r\n that.eventSelectAll(\"deselect\");\r\n }\r\n that.state.KendoGrid.setSelectAllCheckBox(that.state.selectAll);\r\n\r\n var dataItem = grid.dataItem($(e.target).closest('tr'));\r\n var currentPage = grid.dataSource.page();\r\n var currentNumberOfItems = grid.dataSource.view().length;\r\n var row = $(e.target).closest('tr').index();\r\n var col = grid.cellIndex($(e.target).closest('td'));\r\n let isVirtualGrid = true;\r\n that.state.KendoGrid.clickEventHandleSelection(e, currentPage, currentNumberOfItems, row, col, dataItem, grid.dataSource.data(), that.props.gridKeySelection, isVirtualGrid, function () {\r\n that.updateGridSummary();\r\n that.props.onSelection(that.state.KendoGrid);\r\n });\r\n });\r\n }\r\n\r\n\r\n this.state.dataBindingInitial = 1;\r\n }\r\n\r\n\r\n onChangeFunc(event) {\r\n var that = this;\r\n this.setState({\r\n selectAll: event.target.checked\r\n });\r\n setTimeout(function () {\r\n that.eventSelectAll();\r\n }, 0);\r\n }\r\n\r\n onCheckCombine = (event) => {\r\n this.setState({\r\n isCombineRows: event.target.checked\r\n });\r\n this.props.onCheckCombine(event.target.checked);\r\n }\r\n\r\n eventSelectAll(pass, dontclearselection) {\r\n var that = this;\r\n if (pass == \"deselect\") {\r\n if (that.state.selectAll == true) {\r\n that.setState({ selectAll: false }); // clear select all checkbox\r\n if (dontclearselection == \"dontclearselection\") {\r\n // we just want to clear the select box above here\r\n } else {\r\n that.state.KendoGrid.clearSelections(function () {\r\n that.updateGridSummary();\r\n that.state.KendoGrid.repaintSelections();\r\n });\r\n }\r\n }\r\n } else {\r\n if (that.state.selectAll == false) {\r\n that.state.KendoGrid.clearSelections(function () {\r\n that.updateGridSummary();\r\n that.state.KendoGrid.repaintSelections();\r\n });\r\n } else if (that.state.selectAll == true) {\r\n if (this.props.inlineSelectAll) {\r\n var mygrid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n if (typeof mygrid != \"undefined\") {\r\n mygrid.select(\"tr\");\r\n }\r\n } else {\r\n that.state.KendoGrid.clearSelections(function () {\r\n var dataSource = $(that.state.gridDomSelector()).data(\"kendoGrid\").dataSource;\r\n var filteredDataSource = new kendo.data.DataSource({\r\n data: dataSource.data(),\r\n filter: dataSource.filter(),\r\n sort: dataSource.sort()\r\n });\r\n filteredDataSource.read();\r\n var data = filteredDataSource.view();\r\n that.state.KendoGrid.addMassToSelection(data);\r\n that.updateGridSummary();\r\n });\r\n }\r\n }\r\n that.props.onSelection(that.state.KendoGrid);\r\n }\r\n if (this.props.inlineSelectAll) {\r\n this.props.onSelectAllChange();\r\n }\r\n }\r\n\r\n updateGridSummary = () => {\r\n this.setState({ selectedOrders: this.state.KendoGrid.getNumberOfSelections() });\r\n }\r\n\r\n\r\n eventClickColumns = () => {\r\n // set dataBindingInitial 0 for bind click event on dataBound:\r\n this.state.dataBindingInitial = 0;\r\n this.props.eventClickColumns();\r\n }\r\n\r\n EventClickResetGrid = () => {\r\n var that = this;\r\n kendo.ui.progress($(this.state.gridDomSelector()), true);\r\n this.state.dataBindingInitial = 0;\r\n this.state.intialiseKeyDown = 0;\r\n var column = {\r\n columns: this.props.defaultColumns\r\n };\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n grid.setOptions(column);\r\n grid.dataSource.sort({});\r\n this.state.sortColums = '';\r\n this.state.sortArrayGrid = [];\r\n this.state.KendoGrid.clearSelections(function () {\r\n that.state.KendoGrid.repaintSelections();\r\n });\r\n kendo.ui.progress($(this.state.gridDomSelector()), false);\r\n this.updateGridSummary();\r\n this.props.callForGetNewData();\r\n this.props.onSelection(this.state.KendoGrid);\r\n this.props.onClickResetGrid();\r\n\r\n }\r\n\r\n onOpenKendoMenu = () => {\r\n this.closeContextMenu();\r\n }\r\n\r\n closeContextMenu = () => {\r\n if (this.refs.VirtualGridWmsContextMenu && this.refs.VirtualGridWmsContextMenu.state.isOpen) {\r\n this.refs.VirtualGridWmsContextMenu.closeWmsContextMenu();\r\n }\r\n }\r\n\r\n EventClickClearFilters = () => {\r\n var that = this;\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n grid.dataSource.filter({});\r\n this.eventSelectAll(\"deselect\");\r\n that.state.KendoGrid.clearSelections(function () {\r\n that.updateGridSummary();\r\n that.state.KendoGrid.repaintSelections();\r\n that.props.onSelection(that.state.KendoGrid);\r\n });\r\n\r\n this.props.onGridFilterApplied();\r\n this.rowNumberUpdate();\r\n }\r\n\r\n EventClickClearSorts = () => {\r\n var gridData = $(this.state.gridDomSelector()).data('kendoGrid');\r\n gridData.dataSource.sort({});\r\n this.setState({\r\n sortColums: '',\r\n sortArrayGrid: []\r\n });\r\n this.props.onClickClearSorts();\r\n }\r\n\r\n eventClickContextMenu = (obj,e) => {\r\n // prevent click of parent menu in context menu\r\n if($(e.target).parent().attr('has-child-menu') == 'true'){\r\n return true;\r\n }\r\n this.props.clickEventOfContextMenu(obj,e);\r\n }\r\n\r\n eventMouseEnter = (text,baseCall) => {\r\n if (text == \"You cannot auto batch order. Please contact your administrator.\") {\r\n\r\n }\r\n else if (this.state.selectedOrders == 0 && baseCall != 'FromResetGridOptions') {\r\n return;\r\n }\r\n this.setState({\r\n disabledText: text\r\n });\r\n }\r\n\r\n eventMouseLeave = () => {\r\n this.setState({\r\n disabledText: \"\"\r\n })\r\n }\r\n // method for context menu right click\r\n beforeContextMenuOpen = (e) => {\r\n //Hack: prevent context menu when click on row detail section\r\n if ($(e.target).parents('.k-detail-row').length > 0 || $(e.target).hasClass('k-detail-row')) {\r\n e.preventDefault();\r\n return;\r\n }\r\n\r\n var grid = $(this.state.gridDomSelector()).data('kendoGrid');\r\n var dataItem = grid.dataItem($(e.target).closest('tr'));\r\n\r\n var page = grid.dataSource.page();\r\n var length = grid.dataSource.view().length;\r\n var col = grid.cellIndex($(e.target).closest('td'));\r\n\r\n var row2 = $(e.target).closest('tr').index();\r\n var that = this;\r\n this.state.KendoGrid.onRightClick(e, page, length, row2, col, dataItem, grid.dataSource.data(), this.props.gridKeySelection, function () {\r\n that.updateGridSummary();\r\n that.props.onSelection(that.state.KendoGrid, 'contextMenuClick');\r\n });\r\n\r\n }\r\n handleMouseHover = () => {\r\n this.setState({ isHovering: true });\r\n }\r\n\r\n handleMouseLeave = () => {\r\n this.setState({ isHovering: false });\r\n }\r\n exportGridToCsv = () => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n var data = dataSource.data();\r\n var sort = dataSource.sort();\r\n var query = new kendo.data.Query(data);\r\n var filter = dataSource.filter();\r\n var sortedData = query.sort(sort).filter(filter).data;\r\n GlobalService.exportGridtoCSV(sortedData, this.state.gridDomSelector(),this.props.csvExportFileName);\r\n }\r\n\r\n changeSummaryType = (event) =>{\r\n // change type\r\n this.setState({\r\n isImperial:!this.state.isImperial\r\n },() =>{\r\n this.setStateOfOrderSummary(this.props.orderSummary)\r\n })\r\n }\r\n orderSummaryExpand = (param_flag)=> (event) =>{\r\n var content = $(\".\" + this.props.wmsSelector + \"_wms-grid-summery-details\");\r\n content.slideToggle(500, () => {\r\n this.setState({ isExpandOrderSummary: param_flag });\r\n });\r\n }\r\n handleScanGridKeyChange = (e) => {\r\n this.setState({ scanGridKey: e.target.value });\r\n }\r\n\r\n handleScanGridClick = (e) => {\r\n this.onScanValueEnter();\r\n }\r\n setFocusOnScanInput = (e) => {\r\n this.refs.scanGridKey.refs.myinput.focus();\r\n }\r\n cleanScanInput = (e) => {\r\n this.setState({ scanGridKey: '' })\r\n }\r\n\r\n\r\n render() {\r\n var grid = $(this.state.gridDomSelector()).data('kendoGrid');\r\n var currentNumberOfItems = 0;\r\n if(grid){\r\n currentNumberOfItems = grid.dataSource.view().length;\r\n }\r\n return (\r\n \r\n \r\n {\r\n props.disabled === true &&\r\n props.showToolTip === true && (\r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n};\r\nVirtualGridComponent.propTypes = {\r\n defaultColumns: PropTypes.array.isRequired,\r\n allColumns: PropTypes.array.isRequired,\r\n config: PropTypes.object,\r\n staticGridData: PropTypes.array,\r\n exportable: PropTypes.bool,\r\n exportDisable: PropTypes.bool,\r\n exportGridDisabledText: PropTypes.string,\r\n eventClickExportGrid: PropTypes.func, // this should control export of grid\r\n gridName: PropTypes.string.isRequired,\r\n virtual: PropTypes.bool.isRequired,\r\n id: PropTypes.string.isRequired, // this should write the id to the input\r\n wmsSelector: PropTypes.string.isRequired, // this should set up a selector on the input\r\n languageHeaders: PropTypes.array,\r\n windowId: PropTypes.string,\r\n shawCheckbox: PropTypes.bool,\r\n showCombineCheckbox: PropTypes.bool,\r\n shawScanKeyInput: PropTypes.bool,\r\n shawScanKeyTooltip: PropTypes.bool,\r\n scanKeyTooltipText: PropTypes.string,\r\n disableScanKeyInput: PropTypes.bool,\r\n scanInputLoading: PropTypes.bool,\r\n OnScanValueEnter: PropTypes.func,\r\n isScanKeyNotAvailable: PropTypes.bool,\r\n onSelection: PropTypes.func.isRequired, // this should control the selection of row event\r\n clickEventOfContextMenu: PropTypes.func, // this should control the selection of row event\r\n filterObject: PropTypes.oneOfType([\r\n PropTypes.array,\r\n PropTypes.object\r\n ]), // Object for filter grid\r\n getGridSelectionUrl: PropTypes.string, // url of get selection list of records\r\n inlineFilter: PropTypes.bool, // this should control inline filter of grid or call api,\r\n inlineSelectAll: PropTypes.bool, // this should control inline all record selection of grid or call api,\r\n onSelectAllChange: PropTypes.func, // this function call when selectall chane for inline selection,\r\n searchUrl: PropTypes.string,\r\n gridEditable: PropTypes.oneOfType([\r\n PropTypes.bool,\r\n PropTypes.object\r\n ]), // set true or multiple edit column object to make grid columns editable\r\n showSortColumns: PropTypes.bool, // set true to shaw sotable columns in grid\r\n showColumnFilter: PropTypes.bool, // set true to shaw clear column filter in grid\r\n gridHeight: PropTypes.string, // number for set grid height in px\r\n onLoadGrid: PropTypes.func,\r\n onDataBound: PropTypes.func,\r\n onGridFilterApplied: PropTypes.func,\r\n loadAllRecords: PropTypes.func,\r\n callForGetNewData: PropTypes.func,\r\n eventClickColumns: PropTypes.func,\r\n onEdit: PropTypes.func,// this function call when grid column's edit\r\n onSort: PropTypes.func,// this function call when grid column's sort\r\n onColumnReorder: PropTypes.func,// this function call when grid column's order change\r\n onColumnResize: PropTypes.func,// this function call when grid column's size change\r\n onClickClearSorts: PropTypes.func,// this function call when click on clear sort button\r\n onClickResetGrid: PropTypes.func,// this function call when click on reset default grid layout menu\r\n onCheckCombine: PropTypes.func,// this function call when Check combine row checkbox\r\n virtualGridpageSize: PropTypes.number,// set page size in virtual grid read api call\r\n isColumnFilterenable: PropTypes.bool, // set false to hide column filter option from in grid menu\r\n isColumnShowenable: PropTypes.bool, // set false to hide column display option from in grid menu\r\n exportExcelObj: PropTypes.object, // set export excel config\r\n metaGridConfig: PropTypes.string, // grid config meta data\r\n isAddBatchProperty: PropTypes.bool, // set true to add Batch property in grid data source obj\r\n isAlignIndexesByProperty: PropTypes.bool, // set true to execute AlignIndexesByProperty() on default columns layout set\r\n metaDataFieldsName: PropTypes.string.isRequired, // it's use for save column data in meta data\r\n isNewColumnAdded: PropTypes.bool, // it's use for save column data in meta data\r\n isLegendSet: PropTypes.bool, // show legend for order allocation status\r\n isFindOrderSummary: PropTypes.bool, // show summary for find order\r\n isInventorySummary: PropTypes.bool, // show summary for inventory\r\n csvExportFileName: PropTypes.string, // it's use for save column data in meta data\r\n virtualGridDataLimit: PropTypes.number, // set virtualGrigData limit default value is define in global service,\r\n showLoadingError: PropTypes.bool\r\n\r\n}\r\n\r\nVirtualGridComponent.defaultProps = {\r\n exportable: false,\r\n exportDisable: false,\r\n exportGridDisabledText: '',\r\n shawCheckbox: true,\r\n showCombineCheckbox: false,\r\n shawScanKeyInput: false,\r\n shawScanKeyTooltip: false,\r\n scanKeyTooltipText: '',\r\n disableScanKeyInput: false,\r\n isScanKeyNotAvailable: false,\r\n scanInputLoading: false,\r\n OnScanValueEnter: (e) => function () { },\r\n inlineFilter: false,\r\n inlineSelectAll: false,\r\n gridEditable: false,\r\n showResetButton: true,\r\n showGridResult: true,\r\n gifLoaderText: '',\r\n showSortColumns: true,\r\n showColumnFilter: true,\r\n gridHeight: '99%',\r\n onLoadGrid: (e) => function () { },\r\n onGridBinding: (e) => function () { },\r\n onGridChange: (e) => function () { },\r\n onGridSave: (e) => function () { },\r\n onDataBound: (e) => function () { },\r\n onEdit: (e) => function () { },\r\n onSort: (e) => function () { },\r\n onColumnReorder: (e) => function () { },\r\n onColumnResize: (e) => function () { },\r\n onClickClearSorts: (e) => function () { },\r\n onClickResetGrid: (e) => function () { },\r\n onSelectAllChange: (e) => function () { },\r\n onGridFilterApplied: (e) => function () { },\r\n loadAllRecords: (e) => function () { },\r\n callForGetNewData: (e) => function () { },\r\n eventClickColumns: (e) => function () { },\r\n onCheckCombine: (e) => function () { },\r\n onLockedTableBindKeyEvent: (e) => function () { },\r\n virtualGridpageSize: 50,\r\n isColumnFilterenable: true,\r\n isColumnShowenable: true,\r\n exportExcelObj: {},\r\n metaGridConfig: \"\",\r\n isAlignIndexesByProperty: false,\r\n isAddBatchProperty: false,\r\n isNewColumnAdded:false,\r\n isLegendSet:false,\r\n isFindOrderSummary:false,\r\n isInventorySummary: false,\r\n csvExportFileName:'orderGridExport',\r\n virtualGridDataLimit:GlobalService.constants.virtualGridDataLimit,\r\n emptyRecoredText: \"\",\r\n showLoadingError: false\r\n}\r\n\r\nexport default VirtualGridComponent;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport WmsButton from '../WmsButton/WmsButton.jsx';\r\nvar _URL = window.URL || window.webkitURL;\r\nimport style from './WmsFile.scss';\r\nimport Resizer from \"react-image-file-resizer\";\r\nimport * as GlobalService from './../../global_services';\r\n\r\nclass WmsFile extends React.PureComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n }\r\n\r\n onChangeFunc = (event) => {\r\n if (event.target.files.length == 0) { return }\r\n let reader = new FileReader();\r\n let inputName = event.target.id;\r\n let fileType = event.target.files[0].type;\r\n let fileName = event.target.files[0].name;\r\n let fileSize = event.target.files[0].size;\r\n let fileExtension = fileName.split('.').pop();\r\n\r\n if (this.props.fileProcessType == 'FileRead') {\r\n\r\n let fileread = '';\r\n\r\n reader.onloadend = (loadEvent) => {\r\n\r\n if (fileExtension == 'xlsx' || fileExtension == 'xls') {\r\n var workbook = XLSX.read(loadEvent.target.result, { type: 'binary' });\r\n postMessage({t:\"xlsx\", d:JSON.stringify(workbook)});\r\n var result = [];\r\n workbook.SheetNames.forEach(function(sheetName) {\r\n var csv = XLSX.utils.sheet_to_csv(workbook.Sheets[sheetName], {FS:\"\\t\"});\r\n if(csv.length){\r\n result.push(csv);\r\n }\r\n });\r\n fileread = result.join(\"\\n\");\r\n } else {\r\n fileread = loadEvent.target.result;\r\n if (fileType !== 'text/xml') {\r\n let fileStart = fileread.slice(0, 3);\r\n fileType = fileStart === 'ISA' ? 'edi' : 'other';\r\n }\r\n }\r\n this.props.onChangeFunc({\r\n 'inputName': inputName,\r\n 'fileType': fileType,\r\n 'fileName': fileName,\r\n 'fileread': fileread,\r\n 'fileSize':fileSize,\r\n 'fileExtension': fileExtension\r\n });\r\n }\r\n if (fileExtension == 'xlsx' || fileExtension == 'xls') {\r\n reader.readAsBinaryString(event.target.files[0]);\r\n } else {\r\n reader.readAsText(event.target.files[0]);\r\n }\r\n\r\n } else if (this.props.fileProcessType == 'FileSelect') {\r\n\r\n reader.onloadend = (loadEvent) => {\r\n var file = loadEvent.target.result;\r\n var bytes = new Uint8Array(file);\r\n this.props.onChangeFunc({\r\n 'inputName': inputName,\r\n 'fileName': fileName,\r\n 'FileContents': bytes,\r\n 'ContentType': fileType,\r\n 'FileSize': bytes.length,\r\n 'fileExtension': fileExtension\r\n });\r\n };\r\n reader.readAsArrayBuffer(event.target.files[0]);\r\n } else if (this.props.fileProcessType == \"FileSelectReadAsDataUrl\") {\r\n reader.onloadend = (loadEvent) => {\r\n var fileResult = loadEvent.target.result;\r\n // var bytes = new Uint8Array(file);\r\n this.props.onChangeFunc({\r\n inputName: inputName,\r\n fileName: fileName,\r\n // FileContents: bytes,\r\n ContentType: fileType,\r\n FileSize: fileSize,\r\n fileExtension: fileExtension,\r\n // file: event.target.files[0],\r\n base64Image: fileResult,\r\n base64: fileResult.replace('data:', '')\r\n .replace(/^.+,/, '')\r\n });\r\n };\r\n reader.readAsDataURL(event.target.files[0]);\r\n } else if (this.props.fileProcessType == \"ImageSelect\") {\r\n if (this.props.maxWidth !== 0 || this.props.maxHeight !== 0) {\r\n try {\r\n Resizer.imageFileResizer(\r\n event.target.files[0], // file\r\n this.props.maxWidth, // maxWidth\r\n this.props.maxHeight, // maxHeight\r\n fileExtension.toUpperCase() === \"PNG\" ? \"PNG\" : \"JPEG\", // compressFormat\r\n 100, // quality 100 for no compress\r\n 0, // rotation 0 for no rotation\r\n (uri) => {\r\n let fileResolution = {width: 0, height: 0};\r\n let img = new Image();\r\n img.onload = function() {\r\n fileResolution = {width: this.width, height: this.height};\r\n };\r\n img.src = uri;\r\n setTimeout(() => {\r\n this.props.onChangeFunc({\r\n 'inputName': inputName,\r\n 'fileName': fileName,\r\n 'FileContents': uri,\r\n 'ContentType': fileType,\r\n 'FileSize': GlobalService.getFileSizeOfBase64(uri),\r\n 'fileExtension': fileExtension.toUpperCase() === \"PNG\" ? \"png\" : \"jpg\",\r\n 'previewUrl': uri,\r\n 'fileResolution': fileResolution\r\n });\r\n }, 500);\r\n },\r\n \"base64\", // outputType\r\n null, // minWidth\r\n null // minHeight\r\n );\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n } else {\r\n reader.onloadend = (loadEvent) => {\r\n let fileResolution = {width: 0, height: 0};\r\n let img = new Image();\r\n img.onload = function() {\r\n fileResolution = {width: this.width, height: this.height};\r\n };\r\n img.src = _URL.createObjectURL(loadEvent);\r\n var file = loadEvent.target.result;\r\n var bytes = new Uint8Array(file);\r\n setTimeout(() => {\r\n this.props.onChangeFunc({\r\n 'inputName': inputName,\r\n 'file': loadEvent,\r\n 'fileName': fileName,\r\n 'FileContents': bytes,\r\n 'ContentType': fileType,\r\n 'FileSize': fileSize,\r\n 'fileExtension': fileExtension,\r\n 'previewUrl': previewUrl,\r\n 'fileResolution': fileResolution\r\n });\r\n }, 50);\r\n };\r\n reader.readAsArrayBuffer(event.target.files[0]);\r\n }\r\n }\r\n }\r\n\r\n onClickFunc = () => {\r\n if (this.props.clearInputOnClick) {\r\n $(\"#\" + this.props.id).val('');\r\n }\r\n }\r\n\r\n onDragStart = (e) => {\r\n this.props.onDragOver(e, this.props.id)\r\n }\r\n onDragEnd = (e) => {\r\n this.props.onDragStop(e, this.props.id)\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.props.totalResult > this.props.virtualGridDataLimit && !this.state.isAllDataLoad && !this.props.loadAllMessageFirst &&\r\n \r\n {this.translate('Label_Grid_Filter_Message').replace(new RegExp('{' + 'dynamicAmount' + '}', 'gi'), this.props.virtualGridDataLimit)}\r\n {this.translate('Label_Grid_Filter_Message_Click_Here')}\r\n {this.translate('Label_Grid_Filter_Message_2').replace(new RegExp('{' + 'totalOrders' + '}', 'gi'), this.props.totalResult)}\r\n \r\n }\r\n {/* Dynamic message set */}\r\n {this.props.totalResult > this.props.virtualGridDataLimit && !this.state.isAllDataLoad && this.props.loadAllMessageFirst &&\r\n \r\n {this.props.loadAllMessageFirst.replace(new RegExp('{' + 'dynamicAmount' + '}', 'gi'), this.props.virtualGridDataLimit)}\r\n {this.translate('Label_Grid_Filter_Message_Click_Here')}\r\n {this.props.loadAllMessageSecond.replace(new RegExp('{' + 'totalOrders' + '}', 'gi'), this.props.totalResult)}\r\n \r\n }\r\n {this.props.totalResult > this.props.virtualGridDataLimit && this.state.isAllDataLoad && this.props.isNewColumnAdded &&\r\n \r\n {this.translate('Label_Grid_Filter_Message_New_Column')}\r\n {this.translate('Label_Grid_Filter_Message_Click_Here')}\r\n {this.translate('Label_Grid_Filter_Message_2').replace(new RegExp('{' + 'totalOrders' + '}', 'gi'), this.props.totalResult)}\r\n \r\n }\r\n {this.props.showLoadingError &&\r\n {this.translate('Label_Virtual_Grid_Error_Reload')}\r\n }\r\n {this.props.loading && (\r\n
\r\n Loading... ![](\"assets/images/Spinner-1s-35px.gif\")
\r\n )}\r\n\r\n {this.state.disabledText != '' &&\r\n \r\n }\r\n\r\n {this.props.gifLoaderText != '' &&\r\n \r\n \r\n {this.props.gifLoaderText} in progress\r\n
\r\n }\r\n\r\n \r\n {this.props.gifLoaderText} in progress\r\n \r\n
\r\n\r\n \r\n {this.props.shawCheckbox && (\r\n this.beforeContextMenuOpen(e)}\r\n contextMenuFilter={this.props.contextMenuFilter} />\r\n
\r\n\r\n \r\n
\r\n )}\r\n {this.props.shawScanKeyInput && (\r\n \r\n
\r\n \r\n \r\n {/* {this.props.totalResult >= GlobalService.constants.virtualizedGridLimit && (
\r\n \r\n \r\n {this.state.isHovering == true && (
)} */}\r\n To enable, click less than {GlobalService.constants.virtualizedGridLimit}
)}\r\n \r\n
\r\n )}\r\n {this.props.showCombineCheckbox && (\r\n { this.translate('Label_Costomer_Record_Not_Found') }
\r\n )}\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {this.props.menu.map((obj, index) =>\r\n (typeof obj.isButtonMenu == \"undefined\" || obj.isButtonMenu == true) ?\r\n obj.value.length != 0 ?\r\n \r\n
\r\n \r\n \r\n \r\n Options\r\n \r\n ) : null}\r\n {this.props.exportable ? (\r\n function () { }\r\n }\r\n onMouseEnter={\r\n this.props.exportDisable == true ?\r\n () => this.eventMouseEnter(this.props.exportGridDisabledText,'FromResetGridOptions') :\r\n () => function () { }\r\n }\r\n test=\"Helloooo\"\r\n onClick={this.props.exportDisable ? () => function () { } : this.exportGridToCsv}\r\n data-wms-selector={this.props.wmsSelector + '_exportCsvGrid'}\r\n className={(this.props.exportDisable ? 'wms-disabled-look' : 'k-state-default') + ' k-item ExportGrid'}\r\n >\r\n {this.translate(\"Label_Export_CSV_Grid\")}\r\n \r\n ) : null}\r\n \r\n \r\n \r\n
)\r\n }\r\n - \r\n
- \r\n {this.translate(\"Label_Columns\")}\r\n \r\n
- \r\n {this.translate(\"Label_Reset_Grid\")}\r\n \r\n {this.props.showColumnFilter && (\r\n
- \r\n {this.translate(\"Label_Clear_Column_Filters\")}\r\n )\r\n }\r\n {this.props.showSortColumns && (\r\n
- \r\n {this.translate(\"Label_Clear_Sort\")}\r\n )\r\n }\r\n {this.props.exportable ? (\r\n
\r\n {this.props.showGridResult == true &&\r\n \r\n }\r\n\r\n {this.props.showGridSummary &&\r\n \r\n }\r\n\r\n {this.state.sortColums != \"\" && this.props.showSortColumns && (\r\n \r\n )}\r\n\r\n {this.props.filterText != '' && (\r\n \r\n {this.state.filterResult} Results With \r\n {this.props.filterText}\r\n
\r\n {this.props.isFindOrderSummary && (\r\n \r\n this.setState({ tooltipShow: true })}\r\n onMouseOut={() => this.setState({ tooltipShow: false })}\r\n >\r\n {this.state.tooltipShow && (\r\n
\r\n \r\n )}\r\n \r\n \r\n
\r\n )}\r\n \r\n {this.props.isLegendSet && (\r\n
\r\n \r\n this.setState({ isLegendTooltipShow: true })}\r\n onMouseOut={() => this.setState({ isLegendTooltipShow: false })}\r\n >\r\n {this.state.isLegendTooltipShow && (\r\n
\r\n )}\r\n {(this.props.isFindOrderSummary || this.props.isInventorySummary) && (\r\n \r\n
\r\n )}\r\n - \r\n
- No Line Items \r\n
- Unallocated \r\n
- Partially Allocated \r\n
\r\n {this.state.isExpandOrderSummary == false ? (\r\n \r\n ):(\r\n \r\n )}\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n {this.props.inventorySummary && (\r\n \r\n
\r\n {this.state.orderSummary.TotVolume ? this.state.orderSummary.TotVolume.toFixed(4) : \"0.0000\"}
\r\nTotal Volume ({this.state.volumeType})
\r\n\r\n
\r\n {this.state.orderSummary.TotWeight ? this.state.orderSummary.TotWeight.toFixed(4) : \"0.0000\"}
\r\nTotal Weight ({this.state.weightType})
\r\n\r\n
\r\n {this.state.orderSummary.TotPackages}
\r\nTotal Packages
\r\n\r\n
\r\n {this.state.orderSummary.TotPrimaryUnit}
\r\nTotal Primary Units
\r\n\r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n {this.state.inventorySummary.TotPrimaryAvailable ? this.state.inventorySummary.TotPrimaryAvailable.toFixed(2) : \"0\"}
\r\nPrimary Available
\r\n\r\n
\r\n {this.state.inventorySummary.TotPrimaryAllocated ? this.state.inventorySummary.TotPrimaryAllocated.toFixed(2) : \"0\"}
\r\nPrimary Allocated
\r\n\r\n
\r\n {this.state.inventorySummary.TotPrimaryOnHold ? this.state.inventorySummary.TotPrimaryOnHold.toFixed(2) : \"0\"}
\r\nPrimary On Hold
\r\n\r\n
\r\n {this.state.inventorySummary.TotPrimaryOnHand ? this.state.inventorySummary.TotPrimaryOnHand.toFixed(2) : \"0\"}
\r\nPrimary On Hand
\r\n\r\n
\r\n\r\n {this.state.inventorySummary.TotMovableUnits ? this.state.inventorySummary.TotMovableUnits : \"0\"}
\r\nMovable Units
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n}\r\nWmsFile.propTypes = {\r\n id: PropTypes.string, // this should write the id to the file\r\n disabled: PropTypes.bool, // default will be false\r\n maxLength: PropTypes.number, // this is the maxLength of the file\r\n wmsSelector: PropTypes.string.isRequired, // this should set up a selector on the file\r\n parentClassName: PropTypes.string, // this should parent tag class\r\n value: PropTypes.string, // this should control the value of\r\n onChangeFunc: PropTypes.func.isRequired, // this should control the onchange event and anything we need to determine before we send it up\r\n clearInputOnClick: PropTypes.bool, // set true for clear file input before click\r\n loading: PropTypes.bool, // this pass loading true/false base on process runing or complete\r\n accept: PropTypes.string, // set file type space saperator list, this are only selectable - like(\" image/png image/jpg\")\r\n icon: PropTypes.string, // browse button icon\r\n maxWidth: PropTypes.number,\r\n maxHeight: PropTypes.number\r\n}\r\n\r\nWmsFile.defaultProps = {\r\n disabled: false,\r\n required: false,\r\n loading: false,\r\n showToolTip: false,\r\n parentClassName: \"\",\r\n fileProcessType: 'FileRead',\r\n icon: 'fa-check',\r\n clearInputOnClick: false,\r\n onDragOver: () => { },\r\n onDragStop: () => { },\r\n accept: '',\r\n maxWidth: 0,\r\n maxHeight: 0\r\n}\r\n\r\n\r\nexport default WmsFile;","\r\nimport KeyedCollectionWms from './KeyedCollectionWms';\r\nimport { DictionaryWms } from './DictionaryWms';\r\ndeclare var $: any;\r\ndeclare var kendo: any;\r\ndeclare var _: any;\r\nexport class KendoGridWms {\r\n _quantityCollection: object;\r\n _quantityArray: any;\r\n _selections: any;\r\n _lastSelection: any;\r\n _lastSelectedUpdated: boolean;\r\n _maximumDifference: number;\r\n _currentPageRows: any;\r\n _currentSelections: any;\r\n _clickNumber: number;\r\n _gridId: any;\r\n _windowId: any;\r\n _selectAllCheckBox: boolean;\r\n _this: any;\r\n _uniqueKey: any;\r\n _pageSize: number;\r\n _shiftSelectUrl: any;\r\n _shiftSelectAjaxCall: any;\r\n constructor(gridId, window, key, shiftSelect) {\r\n this._quantityCollection = {};\r\n this._quantityArray = [];\r\n this._selections = [];\r\n this._lastSelection = {\r\n \"calculatedRow\": 1,\r\n \"page\": 1,\r\n \"length\": 100,\r\n \"row\": -1,\r\n \"column\": 1,\r\n \"id\": -1\r\n };\r\n this._lastSelectedUpdated = false;\r\n this._maximumDifference = 2500;\r\n this._currentPageRows = [];\r\n this._currentSelections = new KeyedCollectionWms();\r\n this._clickNumber = 0;\r\n this._gridId = gridId;\r\n this._windowId = window;\r\n this._selectAllCheckBox = false;\r\n this._this = this;\r\n this._uniqueKey = key;\r\n this._pageSize = 50;\r\n this._shiftSelectUrl = shiftSelect;\r\n }\r\n\r\n public getGridOptions = function (columnsObj, optionsObj, gridOptionsStr) {\r\n // For remove old object refence we do this things\r\n var columnsObjTemp = _.cloneDeep(columnsObj);\r\n\r\n if (gridOptionsStr == null || gridOptionsStr == \"\" || gridOptionsStr == \" \" || !gridOptionsStr || _.isEqual(JSON.parse(gridOptionsStr), {})) {\r\n // if we did not get any options back from the service we need to create our object with default columns\r\n // create columns on our make options obj and set it to the value of our columns obj\r\n optionsObj.columns = columnsObjTemp.columns;\r\n return optionsObj;\r\n } else {\r\n\r\n // we should have savedoptions here because we checked above\r\n var savedOptions = JSON.parse(gridOptionsStr);\r\n var _tempArr = [];\r\n // we are going to be assigning a wmsid, to be a unique identifier\r\n // it is just a madeup term but don't want to use uid in case there is some logic in kendo for this\r\n\r\n\r\n\r\n if (!(savedOptions.hasOwnProperty(\"columns\"))) {\r\n // options should have columns but if it doesnt just give the defaults\r\n optionsObj.columns = columnsObjTemp.columns;\r\n return optionsObj;\r\n } else if (savedOptions.columns.length > 0) {\r\n // ok we got something back correctly, however\r\n // lets loop through saved elements and if there is no wmsid on ANY column well, they are going to get the default columns\r\n // just to be safe\r\n for (var x = 0; x < savedOptions.columns.length; x++) {\r\n if (!(savedOptions.columns[x].hasOwnProperty(\"wmsid\"))) {\r\n optionsObj.columns = columnsObjTemp.columns;\r\n return optionsObj;\r\n }\r\n }\r\n\r\n // ok if we are getting here we know that we have a valid response that has been parsed, has at least 1 element and all elements have a wmsid\r\n // var tempColumnArray = [];\r\n var currentColumnDict = this.createDictionaryFromArrayProperty(columnsObjTemp.columns, \"wmsid\");\r\n // we have to respect the order of savedOptions so we need to use that as a template and bring everything else in and attach it to that\r\n // These are different column options\r\n // field: The field could change so we don't want to save the field\r\n // title: Title can change so we don't want to change this\r\n // width: Width is custom to user so we do want to save this\r\n // hidden: This is custom to user so we do want to save this\r\n // sortable: Hmmm, we want save the sorted column but whether or not something could sort could change\r\n // filterable: This can change so we don't want to save\r\n // wmsid: This cannot change so we want to save it\r\n // template : This can change so we do not want to save it\r\n\r\n for (var y = 0; y < savedOptions.columns.length; y++) {\r\n if (currentColumnDict.hasOwnProperty(savedOptions.columns[y].wmsid)) {\r\n // so we copy over all the parameters from the the currentcolumn\r\n // now we need to change the ones that could have been from the saved element which is\r\n // width and hidden, note position is being set by looping through the saved array\r\n var _tempobj = currentColumnDict[savedOptions.columns[y].wmsid];\r\n if (savedOptions.columns[y].hasOwnProperty(\"width\")) {\r\n _tempobj.width = savedOptions.columns[y].width;\r\n }\r\n if (savedOptions.columns[y].hasOwnProperty(\"hidden\")) {\r\n _tempobj.hidden = savedOptions.columns[y].hidden;\r\n }\r\n _tempArr.push(_tempobj);\r\n\r\n // we are going to remove used entries from the currentcolumndict so at the end we can add back in anything that was left over\r\n // This solves the problem where savedColumns might be less then codeColumns because we added a new column in code\r\n // currentColumnDict.Remove(savedOptions.columns[y].wmsid);\r\n delete currentColumnDict[savedOptions.columns[y].wmsid];\r\n }\r\n }\r\n\r\n for (var key in currentColumnDict) {\r\n // skip loop if the property is from prototype\r\n if (!currentColumnDict.hasOwnProperty(key)) continue;\r\n\r\n _tempArr.unshift(currentColumnDict[key]);\r\n }\r\n\r\n } else {\r\n optionsObj.columns = columnsObjTemp.columns;\r\n return optionsObj;\r\n }\r\n\r\n var combineOptions = optionsObj;\r\n combineOptions.columns = _tempArr;\r\n\r\n if (savedOptions.sorts && savedOptions.sorts.length) {\r\n combineOptions.dataSource.sort = savedOptions.sorts;\r\n }\r\n return combineOptions;\r\n }\r\n };\r\n\r\n public createDictionaryFromArrayProperty = function (arr, field) {\r\n var returnobj = {};\r\n for (var x = 0; x < arr.length; x++) {\r\n returnobj[arr[x][field]] = arr[x];\r\n }\r\n return returnobj;\r\n };\r\n\r\n public repaintSelections = function (override) {\r\n //console.log(\"my windowID\" + this._windowId);\r\n var selections = this.getSelections();\r\n var gridId = (typeof this._windowId != 'undefined') ?\r\n \".\" + this._windowId + ' #' + this._gridId :\r\n '#' + this._gridId;\r\n var grid = $(gridId).data('kendoGrid');\r\n if (typeof grid == \"undefined\"){\r\n return true;\r\n }\r\n //console.log(grid);\r\n var gridData = grid.dataSource.view();\r\n var tempDict = new KeyedCollectionWms();\r\n //console.log(JSON.stringify(gridData));\r\n for (var i = 0; i < gridData.length; i++) {\r\n grid.table.find(\"tr[data-uid='\" + gridData[i].uid + \"']\").removeClass(\"k-state-selected\");\r\n grid.table.find(\"tr[data-uid='\" + gridData[i].uid + \"']\").removeClass(\"wms-selection-group\");\r\n tempDict.Add(gridData[i][this._uniqueKey], gridData[i]);\r\n }\r\n for (var i = 0; i < selections.length; i++) {\r\n var tempData = this._currentSelections.Item(selections[i]);\r\n var id = tempData[this._uniqueKey];\r\n //console.log(id);\r\n var exists = tempDict.ContainsKey(id);\r\n if (exists) {\r\n var value = tempDict.Item(id);\r\n var tempUid = value.uid;\r\n //console.log(id + \"exists with UID of \" + tempUid);\r\n grid.table.find(\"tr[data-uid='\" + tempUid + \"']\").addClass(\"k-state-selected\");\r\n if (selections.length > 1) {\r\n grid.table.find(\"tr[data-uid='\" + tempUid + \"']\").addClass(\"wms-selection-group\");\r\n }\r\n } else { }\r\n }\r\n tempDict = null; // to garbage collect this temporary instance\r\n };\r\n\r\n public getSelections = function () {\r\n return this._currentSelections.Keys();\r\n };\r\n\r\n public clearSelections = function (callback) {\r\n this._selections = [];\r\n this._currentSelections.Clear();\r\n this._quantityCollection = {};\r\n this._quantityArray = [];\r\n if (callback) {\r\n callback();\r\n }\r\n };\r\n\r\n /**\r\n * give the number of occurences of all values of a keyword\r\n * @params key\r\n * @return obj\r\n */\r\n public sumKeywordValues = function (key) {\r\n var obj = {};\r\n var myarr = this._currentSelections.Values();\r\n for (var x = 0; x < myarr.length; x++) {\r\n if (obj.hasOwnProperty(myarr[x][key])) {\r\n obj[myarr[x][key]]++;\r\n } else {\r\n obj[myarr[x][key]] = 1;\r\n }\r\n }\r\n return obj;\r\n };\r\n\r\n public clickEventHandleSelection = function (e, page, length, row, col, dataItem, dataPage, uniqueKey, callback) {\r\n if(!dataItem) {\r\n return false;\r\n }\r\n this._uniqueKey = uniqueKey;\r\n this._clickNumber++;\r\n let calculatedRow = (((page - 1) * length) + row); // this gives us the index of the total we clicked\r\n this.setCurrentPageRows(dataPage);\r\n let differenceBetweenSelections; // get the absolute value of the difference between selections\r\n if (this.getLastSelectionUpdated() == true) {\r\n differenceBetweenSelections = Math.abs(this.getLastSelection().calculatedRow - calculatedRow);\r\n } else {\r\n differenceBetweenSelections = -1;\r\n }\r\n if (e.shiftKey && (e.ctrlKey || e.metaKey) && (this._currentSelections.Count() == 0 || this._currentSelections.Count() == 1)) {\r\n this.repaintSelections();\r\n } else if (e.shiftKey && (e.ctrlKey || e.metaKey)) {\r\n var isClickInSelection = this._currentSelections.ContainsKey(dataItem[uniqueKey]);\r\n if (isClickInSelection == true && this._currentSelections.Count() == 1) {\r\n\r\n } else {\r\n this.showLoadingAnimation();\r\n if (differenceBetweenSelections > this._maximumDifference) {\r\n // if the amount of selections saved in local memory plus the amount of new requested local rows is too much we stop\r\n this.hideLoadingAnimation();\r\n } else {\r\n var myPageData = this.getCurrentPageRows();\r\n if (this._clickNumber <= 1) {\r\n this._currentSelections.Add(myPageData[0][uniqueKey], myPageData[0]);\r\n }\r\n var lastpage = this.getLastSelection().page;\r\n var newpage = page;\r\n var pages = [];\r\n var ids = [];\r\n pages.push(lastpage);\r\n pages.push(newpage);\r\n var startId;\r\n var endId;\r\n if (((this.getLastSelection().page * this._pageSize) + this.getLastSelection().row) < ((page * this._pageSize) + row)) {\r\n startId = this.getLastSelection().id;\r\n endId = dataItem[uniqueKey];\r\n } else {\r\n startId = dataItem[uniqueKey];\r\n endId = this.getLastSelection().id;\r\n }\r\n ids.push(dataItem[uniqueKey]);\r\n pages.sort(function (a, b) {\r\n return a - b;\r\n });\r\n ids.sort(function (a, b) {\r\n return a - b;\r\n });\r\n var thisGrid = $('#' + this._gridId).data('kendoGrid');\r\n var filterObject = thisGrid.dataSource.filter();\r\n var sortObject = thisGrid.dataSource.sort();\r\n var transformedFilter = \"[]\";\r\n var transformedSort = \"[]\";\r\n if (filterObject != undefined) {\r\n transformedFilter = JSON.stringify(this.transformFilterForService(filterObject));\r\n }\r\n if (sortObject != undefined) {\r\n transformedSort = JSON.stringify(this.transformSortForService(sortObject));\r\n }\r\n var postData: any;\r\n postData = {\r\n \"sorts\": \"\",\r\n \"filters\": \"\",\r\n \"pageSize\": 0,\r\n \"startId\": 0,\r\n \"endId\": 0\r\n\r\n };\r\n postData.sorts = transformedSort;\r\n postData.filters = transformedFilter;\r\n postData.pageSize = this._pageSize;\r\n postData.startId = startId;\r\n postData.endId = endId;\r\n var that = this;\r\n if (this._shiftSelectAjaxCall) {\r\n this._shiftSelectAjaxCall.abort();\r\n }\r\n this._shiftSelectAjaxCall = $.ajax({\r\n type: \"GET\",\r\n url: that._shiftSelectUrl,\r\n data: postData,\r\n success: function (response) {\r\n if (response.Code == 0) {\r\n that.addMassToSelection(response.Result);\r\n that.hideLoadingAnimation();\r\n callback();\r\n } else {\r\n // console.log(\"ErrorCode: \" + response.Code);\r\n // console.log(JSON.stringify(postData));\r\n callback();\r\n that.hideLoadingAnimation();\r\n alert(\"There was an error selecting these orders, please try again\");\r\n }\r\n },\r\n error: function (XMLHttpRequest, textStatus, errorThrown) {\r\n if(textStatus !== \"abort\"){\r\n that.hideLoadingAnimation();\r\n }\r\n },\r\n dataType: \"JSON\"\r\n }).always(function () {\r\n this._shiftSelectAjaxCall = undefined;\r\n });\r\n }\r\n this.logSelections();\r\n }\r\n } else if (e.shiftKey) {\r\n // console.log(\"SHIFT CLICKED\");\r\n // console.log(\"Selections: \" + this.getSelections().length);\r\n var isClickInSelection = this._currentSelections.ContainsKey(dataItem[uniqueKey]);\r\n if (isClickInSelection == true && this._currentSelections.Count() == 1) { } else {\r\n this.showLoadingAnimation();\r\n if (differenceBetweenSelections > this._maximumDifference) {\r\n // if the amount of selections saved in local memory plus the amount of new requested local rows is too much we stop\r\n alert(\"too many selections try again\");\r\n this.hideLoadingAnimation();\r\n } else {\r\n var myPageData = this.getCurrentPageRows();\r\n if (this._clickNumber <= 1) {\r\n this._currentSelections.Add(myPageData[0][uniqueKey], myPageData[0]);\r\n // console.log(\"click Number is less than or equal to 1\");\r\n }\r\n //kendo.ui.progress($(\"#findOrdersGrid\"), true);\r\n var lastpage = this.getLastSelection().page;\r\n var newpage = page;\r\n var pages = [];\r\n var ids = [];\r\n pages.push(lastpage);\r\n pages.push(newpage);\r\n var startId;\r\n var endId;\r\n if (((this.getLastSelection().page * this._pageSize) + this.getLastSelection().row) < ((page * this._pageSize) + row)) {\r\n startId = this.getLastSelection().id;\r\n endId = dataItem[uniqueKey];\r\n } else {\r\n startId = dataItem[uniqueKey];\r\n endId = this.getLastSelection().id;\r\n }\r\n ids.push(dataItem[uniqueKey]);\r\n pages.sort(function (a, b) {\r\n return a - b;\r\n });\r\n ids.sort(function (a, b) {\r\n return a - b;\r\n });\r\n var thisGrid = $('#' + this._gridId).data('kendoGrid');\r\n var filterObject = thisGrid.dataSource.filter();\r\n var sortObject = thisGrid.dataSource.sort();\r\n var transformedFilter = \"[]\";\r\n var transformedSort = \"[]\";\r\n if (filterObject != undefined) {\r\n transformedFilter = JSON.stringify(this.transformFilterForService(filterObject));\r\n }\r\n if (sortObject != undefined) {\r\n transformedSort = JSON.stringify(this.transformSortForService(sortObject));\r\n }\r\n var postData: any;\r\n postData = {\r\n \"sorts\": \"\",\r\n \"filters\": \"\",\r\n \"pageSize\": 0,\r\n \"startId\": 0,\r\n \"endId\": 0\r\n };\r\n postData.sorts = transformedSort;\r\n postData.filters = transformedFilter;\r\n postData.pageSize = this._pageSize;\r\n postData.startId = startId;\r\n postData.endId = endId;\r\n var that = this;\r\n\r\n if (typeof that._shiftSelectUrl !== 'undefined' && that._shiftSelectUrl !== '') {\r\n\r\n if (that._shiftSelectUrl == \"/WebUI/Inventory/EditAudits/AuditLocationsGridSelections\") {\r\n let indexOptionsWarehouse: any = document.querySelector('#indexOptionsWarehouse');\r\n postData.facilityId = indexOptionsWarehouse.value;\r\n }\r\n var readData = thisGrid.dataSource.transport.options.read.data;\r\n if (readData && readData.customParamsInShiftSelection) {\r\n for (var key in readData) {\r\n if (key != \"customParamsInShiftSelection\") {\r\n postData[key] = readData[key];\r\n }\r\n }\r\n }\r\n\r\n if (that._shiftSelectUrl == \"/WebUI/Items/Items/GetItemsGridSelections\") {\r\n let indexOptionsWarehouse: any = document.querySelector('#itemHolderIndexOptionsCustomer');\r\n postData.customerId = indexOptionsWarehouse.value;\r\n }\r\n var reqType = \"POST\";\r\n\r\n if (that._shiftSelectUrl.indexOf(\".json\") >= 0) {\r\n reqType = \"GET\";\r\n } else if (that._shiftSelectUrl.indexOf(\"/WebUI/Facilities/ManageLocations/GridSelections\") >= 0) {\r\n reqType = \"GET\";\r\n } else if (that._shiftSelectUrl == \"/WebUI/Customers/ManageCustomers/GridSelections\") {\r\n reqType = \"GET\";\r\n } else if (that._shiftSelectUrl == \"/WebUI/Inventory/EditAudits/AuditLocationsGridSelections\") {\r\n reqType = \"GET\";\r\n } else if (that._shiftSelectUrl == \"/WebUI/inventory/ManageInventory/GridSelections\") {\r\n reqType = \"GET\";\r\n }\r\n\r\n if (this._shiftSelectAjaxCall) {\r\n this._shiftSelectAjaxCall.abort();\r\n }\r\n this._shiftSelectAjaxCall = $.ajax({\r\n type: reqType,\r\n url: that._shiftSelectUrl,\r\n data: postData,\r\n success: function (response) {\r\n if (response.hasOwnProperty(\"Code\")) {\r\n if (response.Code == 0) {\r\n that.clearSelections();\r\n that.addMassToSelection(response.Result);\r\n that.hideLoadingAnimation();\r\n callback();\r\n } else {\r\n callback();\r\n that.hideLoadingAnimation();\r\n }\r\n } else if (typeof response.Code == 'undefined' && response.length != 0) {\r\n that.clearSelections();\r\n that.addMassToSelection(response);\r\n that.hideLoadingAnimation();\r\n callback();\r\n } else {\r\n that.clearSelections();\r\n that.addMassToSelection(response);\r\n that.hideLoadingAnimation();\r\n }\r\n\r\n },\r\n error: function (XMLHttpRequest, textStatus, errorThrown) {\r\n console.log(\"Status: \", textStatus);\r\n console.log(\"Error: \", errorThrown);\r\n if(textStatus !== \"abort\"){\r\n that.hideLoadingAnimation();\r\n }\r\n },\r\n dataType: \"JSON\"\r\n }).always(function () {\r\n this._shiftSelectAjaxCall = undefined;\r\n });\r\n } else {\r\n var gridId = (typeof this._windowId != 'undefined') ?\r\n \".\" + this._windowId + ' #' + this._gridId :\r\n '#' + this._gridId;\r\n var dataSource = $(gridId).data(\"kendoGrid\");\r\n var rows = dataSource.select();\r\n var selectedData = [];\r\n $.map(rows,function(row) {\r\n selectedData.push(dataSource.dataItem(row));\r\n });\r\n that.addMassToSelection(selectedData);\r\n that.hideLoadingAnimation();\r\n callback();\r\n }\r\n }\r\n this.logSelections();\r\n }\r\n } else if (e.ctrlKey || e.metaKey) {\r\n this.addSelections(dataItem[uniqueKey], dataItem, \"remove\");\r\n this.setLastSelection({\r\n \"calculatedRow\": calculatedRow,\r\n \"page\": page,\r\n \"length\": length,\r\n \"row\": row,\r\n \"column\": col,\r\n \"id\": dataItem[uniqueKey]\r\n }); // set our last clicked element\r\n this.logSelections();\r\n // console.log(dataItem);\r\n this.repaintSelections();\r\n callback();\r\n } else {\r\n // litte bit convoluted here as we need to clear all selections when normal is clicked however we need select normal as well, or we need to deselect normal is its selected and normal clicked\r\n if (typeof dataItem == 'undefined' || dataItem == null) {\r\n return\r\n }\r\n if (this._currentSelections.ContainsKey(dataItem[uniqueKey])) {\r\n if (this._currentSelections.Count() > 1) {\r\n this.clearSelections();\r\n this.addSelections(dataItem[uniqueKey], dataItem, \"remove\");\r\n this.logSelections();\r\n this.setLastSelection({\r\n \"calculatedRow\": calculatedRow,\r\n \"page\": page,\r\n \"length\": length,\r\n \"row\": row,\r\n \"column\": col,\r\n \"id\": dataItem[uniqueKey]\r\n }); // set our last clicked element\r\n // console.log(dataItem);\r\n this.repaintSelections();\r\n } else if (this._currentSelections.Count() <= 1) {\r\n this.addSelections(dataItem[uniqueKey], dataItem, \"remove\");\r\n this.logSelections();\r\n this.setLastSelection({\r\n \"calculatedRow\": calculatedRow,\r\n \"page\": page,\r\n \"length\": length,\r\n \"row\": row,\r\n \"column\": col,\r\n \"id\": dataItem[uniqueKey]\r\n }); // set our last clicked element\r\n this.repaintSelections();\r\n }\r\n } else {\r\n this.clearSelections();\r\n this.addSelections(dataItem[uniqueKey], dataItem, \"remove\");\r\n this.logSelections();\r\n this.setLastSelection({\r\n \"calculatedRow\": calculatedRow,\r\n \"page\": page,\r\n \"length\": length,\r\n \"row\": row,\r\n \"column\": col,\r\n \"id\": dataItem[uniqueKey]\r\n }); // set our last clicked element\r\n // console.log(dataItem);\r\n this.repaintSelections();\r\n }\r\n callback();\r\n }\r\n };\r\n\r\n public setCurrentPageRows = function (array) {\r\n this._currentPageRows = array;\r\n };\r\n public getLastSelectionUpdated = function () {\r\n return this._lastSelectedUpdated;\r\n };\r\n public getLastSelection = function () {\r\n return this._lastSelection;\r\n };\r\n public showLoadingAnimation = function () {\r\n kendo.ui.progress($(\"#\" + this._gridId), true);\r\n }\r\n public hideLoadingAnimation = function () {\r\n kendo.ui.progress($(\"#\" + this._gridId), false);\r\n };\r\n public getCurrentPageRows = function () {\r\n return this._currentPageRows;\r\n };\r\n public transformFilterForService = function (filter) {\r\n var myreturn = [];\r\n for (var x = 0; x < filter.filters.length; x++) {\r\n var tempObj = {\r\n \"member\": filter.filters[x].field,\r\n \"operator\": this.transformKendoFilterNames(filter.filters[x].operator),\r\n \"value\": filter.filters[x].value\r\n };\r\n myreturn.push(tempObj);\r\n }\r\n return myreturn;\r\n //IsLessThan,\r\n //IsLessThanOrEqualTo, lte\r\n //IsEqualTo, eq\r\n //IsNotEqualTo, neq\r\n //IsGreaterThanOrEqualTo, gte\r\n //IsGreaterThan, gt\r\n //StartsWith, startswith\r\n //EndsWith, endswith\r\n //Contains, contains\r\n //IsContainedIn,\r\n //DoesNotContain, doesnotcontain\r\n };\r\n\r\n public transformKendoFilterNames = function (name) {\r\n\r\n var myreturn = \"\";\r\n if (name == \"lte\") {\r\n myreturn = \"IsLessThanOrEqualTo\";\r\n } else if (name == \"eq\") {\r\n myreturn = \"IsEqualTo\";\r\n } else if (name == \"lt\") {\r\n myreturn = \"IsLessThan\";\r\n } else if (name == \"neq\") {\r\n myreturn = \"IsNotEqualTo\";\r\n } else if (name == \"gte\") {\r\n myreturn = \"IsGreaterThanOrEqualTo\";\r\n } else if (name == \"gt\") {\r\n myreturn = \"IsGreaterThan\";\r\n } else if (name == \"startswith\") {\r\n myreturn = \"StartsWith\";\r\n } else if (name == \"endswith\") {\r\n myreturn = \"EndsWith\";\r\n } else if (name == \"contains\") {\r\n myreturn = \"Contains\";\r\n } else if (name == \"doesnotcontain\") {\r\n myreturn = \"DoesNotContain\";\r\n } else {\r\n myreturn = name;\r\n }\r\n return myreturn;\r\n }\r\n public transformSortForService = function (sort) {\r\n if (sort.length == 0) {\r\n return ([]);\r\n } else {\r\n var myreturn = {\r\n \"member\": \"\",\r\n \"sortdirection\": \"\"\r\n };\r\n myreturn.member = sort[0].field;\r\n var sortdirection;\r\n if (sort[0].dir == 'asc') {\r\n sortdirection = \"ascending\";\r\n } else {\r\n sortdirection = \"descending\";\r\n }\r\n myreturn.sortdirection = sortdirection;\r\n return new Array(myreturn);\r\n }\r\n };\r\n public logSelections = function () {\r\n // console.log(\"Number of Selections: \" + this._currentSelections.Count());\r\n };\r\n public addSelections = function (key, selection, param) {\r\n this._currentSelections.Add(key, selection, param);\r\n };\r\n public setLastSelection = function (selection) {\r\n this._lastSelection = selection;\r\n this._lastSelectedUpdated = true;\r\n };\r\n public addMassToSelection = function (data) {\r\n for (var x = 0; x < data.length; x++) {\r\n this.addSelections(data[x][this._uniqueKey], data[x]);\r\n }\r\n this.logSelections();\r\n this.repaintSelections();\r\n };\r\n\r\n public getNumberOfSelections = function () {\r\n return this._currentSelections.Count();\r\n };\r\n\r\n public setSelectAllCheckBox = function (mybool, clear, paint) {\r\n this._selectAllCheckBox = mybool;\r\n if (clear) {\r\n this.clearSelections();\r\n }\r\n if (paint) {\r\n this.repaintSelections();\r\n }\r\n };\r\n\r\n public onRightClick = function (e, page, length, row, col, dataItem, dataPage, uniqueKey, callback) {\r\n if(!dataItem) {\r\n return;\r\n }\r\n if (this._currentSelections.ContainsKey(dataItem[uniqueKey])) {\r\n callback();\r\n } else {\r\n var calculatedRow = (((page - 1) * length) + row);\r\n this.clearSelections();\r\n this._currentSelections.Add(dataItem[uniqueKey], dataItem);\r\n this.logSelections();\r\n this.setLastSelection({\r\n \"calculatedRow\": calculatedRow,\r\n \"page\": page,\r\n \"length\": length,\r\n \"row\": row,\r\n \"column\": col,\r\n \"id\": dataItem[uniqueKey]\r\n });\r\n this.repaintSelections();\r\n callback();\r\n }\r\n };\r\n\r\n /**\r\n * Simple Test Method to test correct configuration\r\n * @params Kendo Get Options Object\r\n * @return Object of style {\"optionsData\": stringified(object)}\r\n */\r\n public prepareGridOptionsForStorage = function (passedObj, sortArr) {\r\n var reducedObj;\r\n reducedObj = {\r\n \"columns\": [],\r\n \"sorts\": []\r\n };\r\n for (var x = 0; x < passedObj.length; x++) {\r\n if (passedObj[x].hasOwnProperty(\"field\")) {\r\n reducedObj.columns[x] = {\r\n \"field\": passedObj[x].field\r\n };\r\n }\r\n if (passedObj[x].hasOwnProperty(\"width\")) {\r\n reducedObj.columns[x].width = passedObj[x].width;\r\n }\r\n if (passedObj[x].hasOwnProperty(\"wmsid\")) {\r\n reducedObj.columns[x].wmsid = passedObj[x].wmsid;\r\n }\r\n if (passedObj[x].hasOwnProperty(\"hidden\")) {\r\n reducedObj.columns[x].hidden = passedObj[x].hidden;\r\n }\r\n }\r\n\r\n reducedObj.sorts = sortArr;\r\n\r\n var finalreturn = {\r\n \"optionsData\": JSON.stringify(reducedObj)\r\n };\r\n return (finalreturn);\r\n };\r\n public getKeys = function () {\r\n return this._currentSelections.Keys();\r\n };\r\n public getItem = function (key) {\r\n return this._currentSelections.Item(key);\r\n };\r\n\r\n /*\r\n * See if a certain value exists in selected keys\r\n * @params key, value\r\n * @return boolean\r\n */\r\n public valueExists = function (key, value) {\r\n var myarr = this._currentSelections.Values();\r\n var returnboolean = false;\r\n for (var x = 0; x < myarr.length; x++) {\r\n if (myarr[x][key] == value) {\r\n returnboolean = true;\r\n }\r\n }\r\n return returnboolean;\r\n };\r\n\r\n public getAllRecordsFromApi = function (callback) {\r\n this.showLoadingAnimation();\r\n var thisGrid = $('#' + this._gridId).data('kendoGrid');\r\n var filterObject = thisGrid.dataSource.filter();\r\n var sortObject = thisGrid.dataSource.sort();\r\n var transformedFilter = \"[]\";\r\n var transformedSort = \"[]\";\r\n if (filterObject != undefined) {\r\n transformedFilter = JSON.stringify(this.transformFilterForService(filterObject));\r\n }\r\n if (sortObject != undefined) {\r\n transformedSort = JSON.stringify(this.transformSortForService(sortObject));\r\n }\r\n\r\n var postData: any = {\r\n \"sorts\": \"\",\r\n \"filters\": \"\",\r\n \"pageSize\": 0,\r\n \"startId\": 0,\r\n \"endId\": 0\r\n };\r\n postData.sorts = transformedSort;\r\n postData.filters = transformedFilter;\r\n postData.pageSize = 200;\r\n postData.startId = -1;\r\n postData.endId = -1;\r\n\r\n var that = this;\r\n\r\n var readData = thisGrid.dataSource.transport.options.read.data;\r\n if (readData && readData.customParamsInShiftSelection) {\r\n for (var key in readData) {\r\n if (key != \"customParamsInShiftSelection\") {\r\n postData[key] = readData[key];\r\n }\r\n }\r\n }\r\n // Pass extra parameter customerId only for item shift selection\r\n if (that._shiftSelectUrl == \"/WebUI/Items/Items/GetItemsGridSelections\") {\r\n\r\n let indexOptionsWarehouse: any = document.querySelector('#itemHolderIndexOptionsCustomer');\r\n postData.customerId = indexOptionsWarehouse.value;\r\n\r\n\r\n }\r\n var reqType = \"POST\";\r\n if (that._shiftSelectUrl.indexOf(\".json\") >= 0) {\r\n reqType = \"GET\";\r\n }\r\n // Pass extra parameter facilityId and set type GET only for location\r\n if (that._shiftSelectUrl.indexOf(\"/WebUI/Facilities/ManageLocations/GridSelections\") >= 0) {\r\n reqType = \"GET\";\r\n }\r\n if (that._shiftSelectUrl.indexOf(\"/WebUI/Customers/ManageCustomers/GridSelections\") >= 0) {\r\n reqType = \"GET\";\r\n }\r\n if (this._shiftSelectAjaxCall) {\r\n this._shiftSelectAjaxCall.abort();\r\n }\r\n this._shiftSelectAjaxCall = $.ajax({\r\n type: reqType,\r\n url: that._shiftSelectUrl,\r\n data: postData,\r\n success: function (response) {\r\n if (response.Code == 0) {\r\n that.clearSelections();\r\n that.addMassToSelection(response.Result);\r\n // set our last clicked element\r\n that.hideLoadingAnimation();\r\n callback();\r\n } else if (typeof response.Code == 'undefined' && response.length != 0) {\r\n that.clearSelections();\r\n that.addMassToSelection(response);\r\n // set our last clicked element\r\n that.hideLoadingAnimation();\r\n callback();\r\n } else {\r\n that.clearSelections();\r\n callback();\r\n }\r\n },\r\n error: function (XMLHttpRequest, textStatus, errorThrown) {\r\n if(textStatus !== \"abort\"){\r\n that.hideLoadingAnimation();\r\n }\r\n },\r\n dataType: \"JSON\"\r\n }).always(function () {\r\n this._shiftSelectAjaxCall = undefined;\r\n });\r\n }\r\n\r\n public prepareGetOptionsForStorage = function (passedObj, sortObj) {\r\n var reducedObj;\r\n reducedObj = {\r\n \"columns\": [],\r\n \"sorts\": []\r\n };\r\n for (var x = 0; x < passedObj.length; x++) {\r\n if (passedObj[x].hasOwnProperty(\"field\")) {\r\n reducedObj.columns[x] = {\r\n \"field\": passedObj[x].field\r\n };\r\n }\r\n if (passedObj[x].hasOwnProperty(\"width\")) {\r\n reducedObj.columns[x].width = passedObj[x].width;\r\n }\r\n if (passedObj[x].hasOwnProperty(\"wmsid\")) {\r\n reducedObj.columns[x].wmsid = passedObj[x].wmsid;\r\n }\r\n if (passedObj[x].hasOwnProperty(\"hidden\")) {\r\n reducedObj.columns[x].hidden = passedObj[x].hidden;\r\n }\r\n }\r\n if (sortObj) {\r\n reducedObj.sorts[0] = sortObj;\r\n }\r\n var finalreturn = {\r\n \"optionsData\": JSON.stringify(reducedObj)\r\n };\r\n return (finalreturn);\r\n }\r\n public getDataItemFromSingleRecordDictionary = function () {\r\n if (this.getNumberOfSelections() != 1) {\r\n throw Error(\"too many selections\");\r\n } else {\r\n var keys = this.getKeys();\r\n return (this.getItem(keys));\r\n }\r\n };\r\n public updateValue = function (key, value) {\r\n this._currentSelections.Remove(key);\r\n this._currentSelections.Add(key, value);\r\n };\r\n\r\n public getDictionary = function () {\r\n return this._currentSelections;\r\n };\r\n\r\n public attachGridOptions = function (columnsObj, optionsObj, gridOptionsStr) {\r\n var retrievedOptions = null;\r\n if (gridOptionsStr == null || gridOptionsStr == \"\" || gridOptionsStr == \" \" || !gridOptionsStr || _.isEqual(JSON.parse(gridOptionsStr), {})) {\r\n // if we did not get any options back from the service we need to create our object with default columns\r\n // create columns on our make options obj and set it to the value of our columns obj\r\n optionsObj.columns = columnsObj.columns;\r\n return optionsObj;\r\n } else {\r\n //hmm\r\n // if we DID get something back for options we need to create our object, including the sort on the datasource\r\n // first thing we need to do is parse the string into an object\r\n retrievedOptions = JSON.parse(gridOptionsStr);\r\n var tempObj = {};\r\n // var myobj = new MyObject();\r\n var currentColumnDict = this.createDictionaryFromArrayProperty(columnsObj.columns, \"field\");\r\n var tempColumns = [];\r\n for (var x = 0; x < retrievedOptions.columns.length; x++) {\r\n if (currentColumnDict.hasOwnProperty(retrievedOptions.columns[x].field)) {\r\n //Set Title which is defined in grid\r\n retrievedOptions.columns[x].title = currentColumnDict[retrievedOptions.columns[x].field].title;\r\n tempColumns.push(retrievedOptions.columns[x]);\r\n if (retrievedOptions.columns[x].field == \"Status\") {\r\n retrievedOptions.columns[x].template = currentColumnDict['Status'].template;\r\n retrievedOptions.columns[x].sortable = currentColumnDict['Status'].sortable;\r\n retrievedOptions.columns[x].filterable = currentColumnDict['Status'].filterable;\r\n }\r\n }\r\n }\r\n // we need the order of retrievedOptions however we need to remove the any columns that aren't in columnsObj\r\n //for (var x = 0; x < columnsObj.columns.length; x++) {\r\n //\tif (previousColumnDict.hasOwnProperty(columnsObj.columns[x].field)) {\r\n //\t\tcolumnsObj.columns[x] = previousColumnDict[columnsObj.columns[x].field];\r\n //\t}\r\n //}\r\n //var currentColumnKeys = columnsObj.columns.map((x) => x.field);\r\n // creating a dictionary to prevent having to loop through the array multiple times\r\n //var currentColumnDict = this.createDictionaryFromArrayProperty(columnsObj.columns, \"field\");\r\n // cases when we start with least column\r\n // we need everything that is in currentColumnDict but then we need to still get the options for each of these from the retrieved Options and still make sure extra columns from retrieved are removed, or rather not introduced\r\n //var modifiedSavedColumnOptions = retrievedOptions.columns.filter((x) => currentColumnDict.hasOwnProperty(x.field) );\r\n // our saved columns are in the correct order however there might be some elements in our default columns like templates that are not saved into the clientMetaData, so we need to reattach those elements from the default columns to the returned order of columns from save method\r\n //tempObj = myobj.alignIndexesByProperty(modifiedSavedColumnOptions, columnsObj.columns, \"field\");\r\n var combineOptions = optionsObj;\r\n combineOptions.columns = tempColumns;\r\n // attach new columns obj to our options\r\n //combineOptions.columns = modifiedSavedColumnOptions;\r\n // change the dataSource sort to the sort we get from the clientMetaDAta\r\n if (retrievedOptions.sorts.length) {\r\n combineOptions.dataSource.sort = retrievedOptions.sorts;\r\n }\r\n return combineOptions;\r\n }\r\n };\r\n\r\n /**\r\n * Only for local memory Grids to sum integers\r\n * @params value: string[]\r\n * @return number[]\r\n */\r\n public sumByLocalMemoryGridContents = function (value) {\r\n var grid = $('.' + this._windowId + ' #' + this._gridId).data('kendoGrid');\r\n var gridData = grid.dataSource.view();\r\n var resultArray = new Array(value.length);\r\n for (var z = 0; z < resultArray.length; z++) {\r\n resultArray[z] = 0;\r\n }\r\n\r\n for (var x = 0; x < gridData.length; x++) {\r\n var dataItem = gridData[x];\r\n for (var i = 0; i < value.length; i++) {\r\n resultArray[i] += dataItem[value[i]];\r\n }\r\n }\r\n\r\n return resultArray;\r\n };\r\n\r\n /**\r\n * prepare my options to submit to backend\r\n * @params firstObj, secondObj, keysArray\r\n * @return [{}]\r\n */\r\n public prepareGridOptions = function (passedObj, origGrid, sortObj) {\r\n var reducedObj, origObj;\r\n reducedObj = {\r\n \"columns\": [],\r\n \"sorts\": []\r\n };\r\n // only add the field, width and hidden attributes of the columns, we must strip off extra kendo attributes that we dont want to save such as template\r\n for (var x = 0; x < passedObj.length; x++) {\r\n if (passedObj[x].hasOwnProperty(\"field\")) {\r\n reducedObj.columns[x] = {\r\n \"field\": passedObj[x].field\r\n };\r\n }\r\n if (passedObj[x].hasOwnProperty(\"width\")) {\r\n reducedObj.columns[x].width = passedObj[x].width;\r\n }\r\n if (passedObj[x].hasOwnProperty(\"hidden\")) {\r\n reducedObj.columns[x].hidden = passedObj[x].hidden;\r\n }\r\n // had to store template because some columns have templates on columns like volume/length/height and we need to remember it\r\n if (passedObj[x].hasOwnProperty(\"template\")) {\r\n reducedObj.columns[x].template = passedObj[x].template;\r\n }\r\n if (passedObj[x].hasOwnProperty(\"title\")) {\r\n reducedObj.columns[x].title = passedObj[x].title;\r\n }\r\n }\r\n // if there is a sort add a sort\r\n if (sortObj) {\r\n reducedObj.sorts[0] = sortObj;\r\n }\r\n if (origGrid) {\r\n origObj = JSON.parse(origGrid);\r\n // if the original stored element has more columns then the current display, pass the original elements over to be saved again for when that user needs them\r\n if (origObj.columns.length > reducedObj.columns.length) {\r\n // we want to keep the order of the original layout, we just need to attach to that one any of the elements or layout of the current one\r\n var currentDict = this.createDictionaryFromArrayProperty(reducedObj.columns, \"field\");\r\n var finalColumns = origObj.columns.map(function (x) {\r\n if (currentDict.hasOwnProperty(x.field)) {\r\n return currentDict[x.field];\r\n } else {\r\n return x;\r\n }\r\n });\r\n var finalArea = {\r\n \"columns\": finalColumns,\r\n \"sorts\": []\r\n };\r\n if (sortObj) {\r\n finalArea.sorts[0] = sortObj;\r\n }\r\n var finalreturn = {\r\n \"optionsData\": JSON.stringify(finalArea)\r\n };\r\n return (finalreturn);\r\n } else if (origObj.columns.length < reducedObj.columns.length) {\r\n throw Error(\"the saved element had less columns than the current, this should not be possible to reach, try shift refreshing, else there is a bug\");\r\n } else {\r\n var finalreturn = {\r\n \"optionsData\": JSON.stringify(reducedObj)\r\n };\r\n return (finalreturn);\r\n }\r\n } else {\r\n var finalreturn = {\r\n \"optionsData\": JSON.stringify(reducedObj)\r\n };\r\n return (finalreturn);\r\n }\r\n };\r\n public addMassToDictionary = function (data) {\r\n for (var x = 0; x < data.length; x++) {\r\n this.addSelections(data[x][this._uniqueKey], data[x]);\r\n }\r\n this.logSelections();\r\n };\r\n public sumDictionaryParameter = function (parameter) {\r\n var keys = this.getKeys();\r\n var dict = this.getDictionary();\r\n var myreturn = 0;\r\n for (var x = 0; x < keys.length; x++) {\r\n myreturn = parseFloat((myreturn + dict.items[keys[x]][parameter]).toFixed(4));\r\n }\r\n return myreturn;\r\n };\r\n public sumByValue = function (value) {\r\n var keyArrays = this._currentSelections.Keys();\r\n var resultArray = new Array(value.length);\r\n for (var z = 0; z < resultArray.length; z++) {\r\n resultArray[z] = 0;\r\n }\r\n\r\n for (var x = 0; x < keyArrays.length; x++) {\r\n var dataItem = this._currentSelections.Item(keyArrays[x]);\r\n for (var i = 0; i < value.length; i++) {\r\n resultArray[i] += dataItem[value[i]];\r\n }\r\n }\r\n\r\n return resultArray;\r\n };\r\n public valuesIdentical = function (key) {\r\n var myreturn = true;\r\n var myarr = this._currentSelections.Values();\r\n var firstValue = \"\";\r\n for (var x = 0; x < myarr.length; x++) {\r\n if (x == 0) {\r\n firstValue = myarr[x][key];\r\n }\r\n if (myarr[x][key] !== firstValue) {\r\n myreturn = false;\r\n }\r\n }\r\n return myreturn;\r\n };\r\n\r\n public valueGreaterThanZero = function (key) {\r\n var returnboolean = true;\r\n var myarr = this._currentSelections.Values();\r\n for(var x = 0; x < myarr.length; x++){\r\n if(myarr[x][key] <= 0){\r\n returnboolean = false\r\n }\r\n }\r\n return returnboolean;\r\n }\r\n\r\n /**\r\n * See if at least one value of dictionary is not equal to this\r\n * @params key, value\r\n * @return boolean\r\n */\r\n public valueDoesNotExist = function (key, value) {\r\n var myarr = this._currentSelections.Values();\r\n var returnboolean = false;\r\n for (var x = 0; x < myarr.length; x++) {\r\n if (myarr[x][key] != value) {\r\n returnboolean = true;\r\n }\r\n }\r\n return returnboolean;\r\n };\r\n\r\n public identicalValuesInSelectedSet = function (key, value){\r\n var retVal = true;\r\n var myarr = this._currentSelections.Values();\r\n for(var x = 0; x < myarr.length; x++){\r\n if(myarr[x][key] != value){\r\n retVal = false;\r\n return retVal;\r\n }\r\n }\r\n return retVal;\r\n }\r\n\r\n public getValues = function () {\r\n return this._currentSelections.Values();\r\n };\r\n public getQuantityCollection = function () {\r\n return this._quantityCollection;\r\n };\r\n public getQuantityArray = function () {\r\n return this._quantityArray;\r\n };\r\n public setQuantityCollection = function (parameter, quantity, obj) {\r\n this._quantityCollection[parameter] = quantity;\r\n };\r\n public setQuantityArray = function (obj) {\r\n this._quantityArray.push(obj);\r\n };\r\n public clear = function () {\r\n this._quantityCollection = {};\r\n this._quantityArray = [];\r\n };\r\n}","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport WmsContextMenu from '../WmsContextMenu/WmsContextMenu.jsx';\r\nimport WmsCheckBox from '../WmsCheckBox/WmsCheckBox.jsx';\r\nimport { KendoGridWms } from '../../../../assets/ts/KendoGridWms.ts';\r\nimport { ObjectWms } from '../../../../assets/ts/ObjectWms.ts';\r\nimport style from './WmsFormGrid.scss';\r\n\r\nclass WmsFormGrid extends React.PureComponent {\r\n\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.isFireChangeEvent = true;\r\n this.isFireChangeEventEveryTime = props.isFireChangeEventEveryTime;\r\n\r\n \r\n this.translate = window.translate;\r\n this.windowId = this.props.windowId == \"\" ? \"\" : \".\" + this.props.windowId;\r\n this.state = {\r\n KendoGrid: new KendoGridWms(this.props.id, this.props.windowId, this.props.gridKeySelection),\r\n staticGridData: this.props.staticGridData,\r\n dataBindingInitial: 0,\r\n selectionCounter: 0,\r\n facilityCheckbox: false,\r\n isExpandGridSummary: true\r\n }\r\n this.beforeContextMenuOpen = this.beforeContextMenuOpen.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n $(this.windowId + \" #\" + this.props.id).kendoGrid({\r\n columns: this.props.columns,\r\n schema: this.props.schema,\r\n resizable: this.props.isColumnsResizable,\r\n reorderable: this.props.isColumnsReorderable,\r\n filterable: this.props.isColumnsFilterable,\r\n sortable: this.props.isColumnsSortable,\r\n editable: this.props.isEditable,\r\n columnMenu: (this.props.isColumnMenuenable) ? { sortable: false } : false,\r\n selectable: this.props.IsMultipleSelectable == true ? \"multiple\" : this.props.IsSelectable,\r\n edit: (e) => {\r\n this.props.onEdit(e);\r\n },\r\n save: (e) => {\r\n this.props.onGridSave(e);\r\n },\r\n remove: (e) => {\r\n this.props.onRemove(e);\r\n },\r\n columnMenuInit: (e) => {\r\n if (this.props.isColumnMenuenable) {\r\n var filterMenu = e.container.find(\".k-filter-menu\");\r\n // Set class to filter form of grit to reset specific grid column\r\n if (!filterMenu.hasClass(this.props.id + 'FilterForm')) {\r\n filterMenu.addClass(this.props.id + 'FilterForm');\r\n }\r\n }\r\n },\r\n dataSource: {\r\n data: this.props.staticGridData\r\n },\r\n change: this.onSelection,\r\n dataBound: (e) => {\r\n this.props.onDataBound(e);\r\n }\r\n });\r\n\r\n if (this.props.gridDefaultSelections != null) {\r\n this.setGridDefaultSelction(this.props.gridDefaultSelections);\r\n }\r\n\r\n $(this.windowId + \" #\" + this.props.id + \"_resetMenu\").kendoMenu();\r\n\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n\r\n if (typeof nextProps.staticGridData != \"undefined\" &&\r\n nextProps.staticGridData != this.props.staticGridData) {\r\n var dataSource = new kendo.data.DataSource({ data: nextProps.staticGridData });\r\n if (typeof $(this.windowId + ' #' + this.props.id).data('kendoGrid') != 'undefined') {\r\n $(this.windowId + ' #' + this.props.id).data('kendoGrid').setDataSource(dataSource);\r\n }\r\n this.setState({\r\n staticGridData: nextProps.staticGridData,\r\n selectionCounter: 0,\r\n facilityCheckbox: false\r\n },()=>{\r\n if (nextProps.gridDefaultSelections != null) {\r\n setTimeout(() => {\r\n this.isFireChangeEvent = false;\r\n this.setGridDefaultSelction(nextProps.gridDefaultSelections);\r\n }, 100);\r\n }\r\n });\r\n }\r\n\r\n\r\n }\r\n\r\n setGridDefaultSelction = (param_selectionID_arr) => {\r\n let grid = $(this.windowId + ' #' + this.props.id).data(\"kendoGrid\");\r\n let models = grid.dataSource.data();\r\n let uidSelectionString = [];\r\n for (let i = 0; i < param_selectionID_arr.length; i++) {\r\n let columnIndex = ObjectWms.FindIndexByProperty(\r\n models,\r\n \"Id\",\r\n param_selectionID_arr[i]\r\n );\r\n if (columnIndex != -1) {\r\n uidSelectionString.push(\"[data-uid='\" + models[columnIndex].uid + \"']\")\r\n }\r\n\r\n }\r\n grid.select(uidSelectionString.join(\", \"));\r\n\r\n this.setState({\r\n selectionCounter: uidSelectionString.length,\r\n facilityCheckbox: (grid.dataSource.data().length != 0 && grid.dataSource.data().length === grid.select().length) ? true : false\r\n });\r\n }\r\n\r\n onSelection = () => {\r\n let grid = $(this.windowId + ' #' + this.props.id).data(\"kendoGrid\");\r\n setTimeout(() => {\r\n this.setState({ selectionCounter: grid.select().length });\r\n }, 100);\r\n if(this.isFireChangeEvent || this.isFireChangeEventEveryTime) {\r\n this.props.onSelection();\r\n this.isFireChangeEventEveryTime = false;\r\n } else {\r\n this.isFireChangeEvent = true;\r\n }\r\n }\r\n\r\n beforeContextMenuOpen(e) {\r\n var that = this;\r\n var grid = $(this.windowId + ' #' + this.props.id).data('kendoGrid');\r\n var dataItem = grid.dataItem($(e.target).closest('tr'));\r\n\r\n var page = grid.dataSource.page();\r\n var length = grid.dataSource.view().length;\r\n var col = grid.cellIndex($(e.target).closest('td'));\r\n\r\n var row2 = $(e.target).closest('tr').index();\r\n this.state.KendoGrid.onRightClick(e, page, length, row2, col, dataItem, grid.dataSource.data(), this.props.gridKeySelection, function () {\r\n // that.props.onSelection(that.state.KendoGrid);\r\n });\r\n\r\n }\r\n\r\n eventClickContextMenu = (obj) => {\r\n this.props.clickEventOfContextMenu(obj, this.state.KendoGrid);\r\n }\r\n\r\n checkboxChangeEvent = () => {\r\n\r\n this.setState({ facilityCheckbox: !this.state.facilityCheckbox });\r\n let grid = $(this.windowId + ' #' + this.props.id).data(\"kendoGrid\");\r\n if (grid.dataSource.data().length === grid.select().length) {\r\n grid.clearSelection();\r\n } else {\r\n grid.select(\"tr\");\r\n };\r\n this.onSelection();\r\n }\r\n\r\n resetGrid = () => {\r\n var grid = $(this.windowId + \" #\" + this.props.id).data(\"kendoGrid\");\r\n grid.dataSource.sort({});\r\n grid.setOptions({ columns: this.props.columns });\r\n }\r\n clearColumnFilters = () => {\r\n var grid = $(this.windowId + \" #\" + this.props.id).data(\"kendoGrid\");\r\n grid.dataSource.filter({});\r\n }\r\n\r\n orderSummaryExpand = (param_flag)=> (event) =>{\r\n\r\n var content = $(\".wms-grid-summary\");\r\n content.slideToggle(500, () => {\r\n this.setState({ isExpandGridSummary: param_flag });\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n function () { }}\r\n icon={this.props.icon}\r\n disabled={this.props.disabled}\r\n loading={this.props.loading} />\r\n\r\n \r\n
\r\n \r\n {this.props.menu != null && (\r\n this.beforeContextMenuOpen(e)}\r\n eventMouseEnter={(e) => function () { }}\r\n eventMouseLeave={(e) => function () { }}\r\n contextMenuFilter='tbody tr:not(.k-grid-edit-row):not(.wms-selection-group)' />\r\n )}\r\n\r\n {this.props.showCheckbox == true && (\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n}\r\nWmsFormGrid.propTypes = {\r\n id: PropTypes.string, // this should write the id to the grid\r\n wmsSelector: PropTypes.string.isRequired, // this should set up a selector on the grid\r\n columns: PropTypes.array.isRequired,\r\n staticGridData: PropTypes.oneOfType([\r\n PropTypes.array,\r\n PropTypes.object\r\n ]),\r\n windowId: PropTypes.string.isRequired,\r\n parentClassName: PropTypes.string,\r\n IsSelectable: PropTypes.bool,\r\n IsMultipleSelectable: PropTypes.bool,\r\n gridDefaultSelections: PropTypes.array,\r\n onSelection: PropTypes.func, // this function call on grid change\r\n selectionString: PropTypes.string,\r\n showCheckbox: PropTypes.bool,\r\n onEdit: PropTypes.func, // this function call after edit column\r\n onGridSave: PropTypes.func, // this function call after save column\r\n onRemove: PropTypes.func,// this function call when grid column's remove\r\n onDataBound: PropTypes.func,\r\n isFireChangeEventEveryTime:PropTypes.bool\r\n}\r\n\r\nWmsFormGrid.defaultProps = {\r\n\r\n menu: null,\r\n gridKeySelection: '',\r\n parentClassName: 'hidden-header',\r\n isColumnsResizable: false,\r\n isColumnsReorderable: false,\r\n isColumnMenuenable: false,\r\n IsSelectable: false,\r\n IsMultipleSelectable: false,\r\n isColumnsSortable: false,\r\n showResetMenu: false,\r\n gridDefaultSelections: null,\r\n onSelection: (e) => function () { },\r\n showCheckbox: false,\r\n showResult: false,\r\n isColumnsFilterable: false,\r\n windowId: '',\r\n isEditable: false,\r\n onEdit: (e) => function () { },\r\n onGridSave: (e) => function () { },\r\n onRemove: (e) => function () { },\r\n onDataBound: (e) => function () { },\r\n isFireChangeEventEveryTime:false,\r\n isShowGridSummary:false\r\n}\r\n\r\n\r\nexport default WmsFormGrid;","var axios = require('axios');\r\nimport * as GlobalService from '../../global_services';\r\nexport const getAttachedDocsInfo = function(method, getAttachedDocsInfoUrl, data) {\r\n return axios({\r\n method: method ? method : 'POST',\r\n url: getAttachedDocsInfoUrl,\r\n data\r\n })\r\n .then(function(response) {\r\n return response;\r\n });\r\n}\r\n\r\n\r\nexport const attachDocument = function(attachdocumentUrl, fileContents, contentType) {\r\n return axios.post(attachdocumentUrl, fileContents, {\r\n \"Content-Type\": contentType\r\n }).then(function(response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const removeAttachedDoc = function(removeAttachDocUrl, payloadData) {\r\n return axios.post(removeAttachDocUrl, payloadData)\r\n .then(function(response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const getAttachedDoc = function (getAttachDocUrl, fileUri) {\r\n return axios.post(getAttachDocUrl, { fileUri: fileUri},{\r\n responseType: \"arraybuffer\"\r\n }).then(function(response) {\r\n return response;\r\n });\r\n}","\r\nexport var _ = window._ ;\r\n\r\nexport var pendo = window.pendo;\r\n\r\nexport var kendo = window.kendo;\r\n\r\nexport var Big = window.Big ;\r\n// export window.kendo;\r\n\r\nexport var smallParcelPackNShipTransactionIds = window.smallParcelPackNShipTransactionIds = [];\r\n//WMS-19253 - convert date string to actual date object, for grid inline filter\r\nif (window.JSON && !window.JSON.dateParser) {\r\n var reISO = /^(\\d{4})-(\\d{2})-(\\d{2})T(\\d{2}):(\\d{2}):(\\d{2}(?:\\.\\d*))(?:Z|(\\+|-)([\\d|:]*))?$/;\r\n JSON.dateParser = function (key, value) {\r\n if (typeof value === 'string') {\r\n var a = reISO.exec(value);\r\n if (a)\r\n return new Date(value);\r\n }\r\n return value;\r\n };\r\n\r\n}","import React from 'react';\r\nimport { StringWms } from '../../../../assets/ts/StringWms.ts';\r\n\r\n//component\r\nimport WmsButton from '../WmsButton/WmsButton.jsx';\r\nimport WmsCollapse from '../WmsCollapse/WmsCollapse.jsx';\r\nimport WmsFile from '../WmsFile/WmsFile.jsx';\r\nimport WmsFormGrid from '../WmsFormGrid/WmsFormGrid.jsx';\r\nimport WmsModel from '../WmsModel/WmsModel.jsx';\r\nimport WmsDropdown from '../WmsDropdown/WmsDropdown.jsx';\r\nimport WmsDropdownList from '../WmsDropdownList/WmsDropdownList.jsx';\r\nimport './AttachDocuments.scss';\r\n\r\nimport * as GlobalService from '../../global_services';\r\nimport * as attachDocumentsServices from './attachDocuments.service.jsx';\r\nimport { kendo } from \"./../../global_variable_service.jsx\";\r\n\r\nexport class AttachDocuments extends React.PureComponent {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.customLabels = GlobalService.getCustomLabels();\r\n let gridHeaders = StringWms.convertSringToOption(this.translate('AttachFile_GridHeaders'));\r\n let customers = GlobalService.getCustomerList(false);\r\n this.state = {\r\n selector: \"attachDocument\",\r\n optionsCustomer: GlobalService.getCustomerList(false),\r\n selectedCustomerId: (customers.length ? customers[0].id : 0),\r\n batchOrderid: 0,\r\n batchOrderOptions: [],\r\n atttachGridData: null,\r\n selectedAttachItem: null,\r\n selectedFileData: {},\r\n selectedFile: 0,\r\n gifAttachFile: false,\r\n gifRemoveFile: false,\r\n acticveDoc: false,\r\n gridColumns: [\r\n {\r\n field: \"Class\",\r\n title: gridHeaders[0].description,\r\n groupHeaderTemplate: \"#=value#\",\r\n width: 70\r\n }, {\r\n field: \"DocName\",\r\n title: gridHeaders[1].description,\r\n template: '#if(DownloadUri != null) {# #=DocName# #} else{# #=DocName# #}#',\r\n width: 100\r\n }, {\r\n field: \"DocLength\",\r\n title: gridHeaders[2].description,\r\n template: \"#= DocLength != null ? (DocLength > 1048576 ? (DocLength / 1048576).toFixed(2) + ' MB' : (DocLength / 1024).toFixed(2) + ' KB' ): ''#\",\r\n width: 100\r\n }, {\r\n field: \"AttachedDate\",\r\n title: gridHeaders[3].description,\r\n template: \"#= AttachedDate != null ? kendo.toString(kendo.parseDate(AttachedDate), 'MM/dd/yyyy hh:mm:ss tt') : '' # #= AttachedBy ? ' by ' + AttachedBy : ''#\",\r\n width: 200\r\n }, {\r\n field: \"RemovedDate\",\r\n title: gridHeaders[4].description,\r\n template: \"#= RemovedDate != null ? kendo.toString(kendo.parseDate(RemovedDate), 'MM/dd/yyyy hh:mm:ss tt') : '' # #= RemovedBy ? ' by ' + RemovedBy : ''#\",\r\n width: 200\r\n }\r\n ],\r\n gridSchema: {\r\n data: [],\r\n schema: {\r\n model: {\r\n fields: {\r\n Class: {\r\n type: \"string\"\r\n },\r\n DocName: {\r\n type: \"string\"\r\n },\r\n DocLength: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n AttachedDate: {\r\n type: \"date\"\r\n },\r\n RemovedDate: {\r\n type: \"date\"\r\n }\r\n }\r\n }\r\n }\r\n }\r\n };\r\n }\r\n UNSAFE_componentWillMount() {\r\n let self = this;\r\n $(document).off(\"click\", \".download-file\");\r\n }\r\n componentDidMount() {\r\n let self = this;\r\n // $(\".download-file\").off(\"click\");\r\n $(document).on(\"click\", \".download-file\", attachDownloadEvent);\r\n function attachDownloadEvent() {\r\n self.downloadFile($(this).attr('download-uri'), $(this).attr('doc-name'));\r\n }\r\n if (this.props.isOpenAttachDoc == true && !this.props.sharedAttachObj.isOrderAttachBatch) {\r\n this.getAttachDocsInfo(this.props.sharedAttachObj.getAttachedDocsInfoMethod, this.props.sharedAttachObj.getAttachedDocsInfoUrl, this.props.sharedAttachObj.getAttachedDocsInfoPayload);\r\n }\r\n // document.addEventListener(\"EventOrderChangedRemove\", function handler(e) {\r\n // console.log(\"Remove lister call React AttachDocument\");\r\n // // alert(\"remove from attach file\");\r\n // $(document).off(\"click\", \".download-file\", self.attachDownloadEvent);\r\n // e.currentTarget.removeEventListener(e.type, handler);\r\n // /* whatever */\r\n // });\r\n\r\n }\r\n\r\n\r\n getAttachDocsInfo = (method, param_url, param_payload) => {\r\n this.setState({\r\n atttachGridData: [],\r\n selectedFileData: {}\r\n });\r\n kendo.ui.progress($('#' + this.props.windowId + 'attachDocuments'), true);\r\n attachDocumentsServices.getAttachedDocsInfo(method, param_url, param_payload).then((response) => {\r\n if (typeof response != 'undefined' && (response.status == 200 || response.status == 204)) {\r\n this.setState({ atttachGridData: this.addActiveRemoveClass(response.data) }, () => {\r\n });\r\n }\r\n }).finally(() => {\r\n kendo.ui.progress($('#' + this.props.windowId + 'attachDocuments'), false);\r\n });\r\n }\r\n\r\n eventAttachClicked = () => {\r\n this.setState({ gifAttachFile: true });\r\n\r\n if (this.state.selectedFileData.FileSize >= 8388608) {\r\n\r\n GlobalService.notification('warning', this.translate('Label_LargeFileUpload_Error'));\r\n this.setState({ gifAttachFile: false });\r\n } else {\r\n\r\n let attachdocumentUrl = '';\r\n if(this.props.sharedAttachObj.isOrderAttachBatch){\r\n var selectedBatchObj =this.state.batchOrderOptions.find( obj => obj.BatchOrderId == this.state.batchOrderid);\r\n attachdocumentUrl = this.props.sharedAttachObj.attachdocumentUrl + selectedBatchObj.BatchUri+'/filesummaries' + '&fileName=' + this.state.selectedFileData.fileName;\r\n\r\n }else{\r\n attachdocumentUrl = this.props.sharedAttachObj.attachdocumentUrl + '&fileName=' + this.state.selectedFileData.fileName;\r\n }\r\n\r\n attachDocumentsServices.attachDocument(\r\n attachdocumentUrl,\r\n this.state.selectedFileData.FileContents,\r\n this.state.selectedFileData.ContentType\r\n ).then((response) => {\r\n if(this.props.sharedAttachObj.isOrderAttachBatch){\r\n var selectedBatchObj =this.state.batchOrderOptions.find( obj => obj.BatchOrderId == this.state.batchOrderid);\r\n var url = this.props.sharedAttachObj.getAttachedDocsInfoUrl + selectedBatchObj.BatchUri\r\n this.getAttachDocsInfo(this.props.sharedAttachObj.getAttachedDocsInfoMethod, url, {});\r\n }else{\r\n this.getAttachDocsInfo(this.props.sharedAttachObj.getAttachedDocsInfoMethod, this.props.sharedAttachObj.getAttachedDocsInfoUrl, this.props.sharedAttachObj.getAttachedDocsInfoPayload);\r\n }\r\n\r\n }).finally(() => {\r\n this.setState({ gifAttachFile: false });\r\n });\r\n }\r\n }\r\n\r\n downloadFile = (uri, fileName) => {\r\n uri = uri.replace(/%27%27/g, \"'\");\r\n var getAttachDocUrl = '/WebUI/Shared/GlobalServices/GetAttachedDoc';\r\n if (this.props.sharedAttachObj.isReceipt == true){\r\n getAttachDocUrl = '/WebUI/Shared/GlobalServices/GetReceiptAttachedDoc';\r\n }else if (this.props.sharedAttachObj.isOrder == true){\r\n getAttachDocUrl = '/WebUI/Shared/GlobalServices/GetOrderAttachedDoc';\r\n }\r\n attachDocumentsServices.getAttachedDoc(getAttachDocUrl, uri).then((response) => {\r\n var headers = response.headers;\r\n GlobalService.downloadFileBaseOnContentType(response.data, headers['content-type'], fileName, true);\r\n }).finally(() => {\r\n // this.setState({ gifAttachFile: false });\r\n });\r\n\r\n }\r\n\r\n addActiveRemoveClass = (param_attachedDocsData) => {\r\n let combinedArray = [];\r\n for (let x = 0; x < param_attachedDocsData.length; x++) {\r\n if (param_attachedDocsData[x].RemovedBy != \"\" && param_attachedDocsData[x].RemovedDate != null) {\r\n param_attachedDocsData[x].Class = \"Removed\";\r\n } else {\r\n param_attachedDocsData[x].Class = \"Active\";\r\n }\r\n combinedArray.push(param_attachedDocsData[x]);\r\n }\r\n return combinedArray;\r\n }\r\n\r\n handleFileChange = (param_fileobj) => {\r\n if (param_fileobj.fileName) {\r\n param_fileobj.fileName = param_fileobj.fileName.replace(/[`~!@#$%^&*()_|+\\-=?;:'\",<>\\{\\}\\[\\]\\\\\\/]/gi, \"-\");\r\n }\r\n this.setState({ selectedFileData: param_fileobj }, () => {\r\n this.eventAttachClicked();\r\n });\r\n }\r\n handleOptionsChange = (e) => {\r\n\r\n this.setState({ [e.target.name]: e.target.value });\r\n if(e.target.name == \"batchOrderid\" && e.target.value){\r\n var selectedBatchObj =this.state.batchOrderOptions.find( obj => obj.BatchOrderId == e.target.value);\r\n var url = this.props.sharedAttachObj.getAttachedDocsInfoUrl + selectedBatchObj.BatchUri\r\n this.getAttachDocsInfo(this.props.sharedAttachObj.getAttachedDocsInfoMethod, url, {});\r\n }else{\r\n this.setState({\r\n atttachGridData: [],\r\n selectedFileData: {},\r\n BatchOrderId: 0\r\n });\r\n }\r\n }\r\n\r\n selectAttachGrid = () => {\r\n\r\n let grid = $(\"#\" + this.props.windowId + \"gridAttachedDocs\").data(\"kendoGrid\");\r\n let selected = [];\r\n let acticveDoc = false;\r\n $.map(grid.select(), (item) => {\r\n let selectItem = grid.dataItem(item);\r\n if (selectItem.RemovedDate == null && selectItem.RemovedBy == \"\") {\r\n acticveDoc = true;\r\n } else {\r\n acticveDoc = false;\r\n }\r\n selected.push(selectItem);\r\n });\r\n\r\n this.setState({\r\n acticveDoc: acticveDoc,\r\n selectedAttachItem: selected[0],\r\n selectedFile: selected.length\r\n });\r\n }\r\n\r\n eventClickRemoveDoc = () => {\r\n\r\n this.setState({ gifRemoveFile: true });\r\n\r\n var uri = this.state.selectedAttachItem.DownloadUri;\r\n var removeAttachDocUrl = this.props.sharedAttachObj.removeAttachDocUrl;\r\n var payloadData;\r\n if (this.props.sharedAttachObj.isAssembly){\r\n payloadData = {\r\n assemblyFileUri: uri,\r\n receiverUri: this.props.sharedAttachObj.uri\r\n };\r\n }\r\n else if (this.props.sharedAttachObj.isReceipt == true) {\r\n payloadData = {\r\n receiverFileUri: uri,\r\n receiverUri: this.props.sharedAttachObj.uri\r\n };\r\n } else if(this.props.sharedAttachObj.isOrderAttachBatch){\r\n var selectedBatchObj =this.state.batchOrderOptions.find( obj => obj.BatchOrderId == this.state.batchOrderid);\r\n // “/WebUI/Shipping/Orders/DeleteBatchAttachedDoc?batchFileUri={batchFileUri}&batchUri={batchUri}”\r\n removeAttachDocUrl = removeAttachDocUrl + uri + '&batchUri='+selectedBatchObj.BatchUri;\r\n }else {\r\n payloadData = {\r\n orderFileUri: uri,\r\n orderUri: this.props.sharedAttachObj.uri\r\n };\r\n }\r\n\r\n attachDocumentsServices.removeAttachedDoc(\r\n removeAttachDocUrl,\r\n payloadData\r\n ).then((response) => {\r\n if (typeof response != 'undefined' && response.status == 200) {\r\n\r\n this.setState({\r\n atttachGridData: this.addActiveRemoveClass(response.data),\r\n selectedFile: 0,\r\n acticveDoc: false\r\n });\r\n GlobalService.notification('success', this.translate('Label_AttachedDoc_Removed_Success'));\r\n\r\n }\r\n\r\n }).finally(() => {\r\n this.setState({ gifRemoveFile: false });\r\n });\r\n }\r\n batchOptionBound = (event) => {\r\n this.setState({ batchOrderOptions: event.sender.dataSource._data });\r\n }\r\n\r\n render() {\r\n var selectedCustomerId = this.state.selectedCustomerId;\r\n return (\r\n \r\n
\r\n )}\r\n {this.props.showResult && this.props.isShowGridSummary == false &&\r\n \r\n {this.props.staticGridData.length}Results\r\n
\r\n }\r\n {this.props.showResetMenu &&\r\n \r\n
\r\n }\r\n {this.props.isShowGridSummary && (\r\n - \r\n
- \r\n \r\n
- \r\n
- \r\n {this.translate('Label_Reset_Grid')}\r\n \r\n {this.props.isColumnsFilterable &&\r\n
- \r\n {this.translate('Label_Clear_Column_Filters')}\r\n \r\n }\r\n
\r\n
\r\n
\r\n )}\r\n \r\n {this.props.showResult == true &&\r\n \r\n }\r\n
\r\n \r\n
\r\n \r\n {this.state.isExpandGridSummary == false ? (\r\n \r\n ):(\r\n \r\n )}\r\n
\r\n \r\n {this.props.sharedGridSummary.map((Option, index) => ( \r\n
\r\n \r\n
\r\n ))}\r\n \r\n {Option.value}
\r\n{Option.label}
\r\n\r\n {(this.props.sharedAttachObj.isReceipt || this.props.sharedAttachObj.isOrder || this.props.sharedAttachObj.isAssembly) && (\r\n \r\n {this.props.sharedAttachObj.isOrderAttachBatch && (\r\n
\r\n\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {this.props.sharedAttachObj.customer}\r\n \r\n \r\n {this.props.sharedAttachObj.transactionId}\r\n \r\n
\r\n \r\n (${ BatchOrderId }) ${ (Description != null) ? Description : '' }\"}\r\n valueTemplate={\"\"}\r\n onDataBound={this.batchOptionBound}\r\n isValuePrimitive={true}\r\n virtualObj={{\r\n itemHeight: 26,\r\n valueMapper: (options) => {\r\n var that = options;\r\n\r\n $.ajax({\r\n url: \"/WebUI/Shipping/FindOrders/BatchListForCustomerIndexRead\",\r\n type: \"POST\",\r\n dataType: \"json\",\r\n data: {\r\n batchOrderId: that.value || 0,\r\n customerId: parseInt(selectedCustomerId)\r\n },\r\n success: function (data) {\r\n console.log('dropdownlist', data);\r\n options.success(data);\r\n }\r\n });\r\n }\r\n }}\r\n dataSourceObj={{\r\n pageSize: 40,\r\n serverPaging: true,\r\n serverFiltering: true,\r\n type: \"aspnetmvc-ajax\",\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Shipping/FindOrders/BatchListForCustomerRead\",\r\n type: \"POST\",\r\n data: {\r\n customerId: parseInt(selectedCustomerId)\r\n }\r\n },\r\n },\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\"\r\n }\r\n }}\r\n />\r\n
\r\n )}\r\n \r\n 1 || this.state.acticveDoc == false || (this.props.sharedAttachObj.isOrder && this.props.sharedAttachObj.selectedOrderData.IsClosed)}\r\n loading={this.state.gifRemoveFile}\r\n showToolTip={this.state.selectedFile == 0 || this.state.selectedFile > 1 || this.state.acticveDoc == false || (this.props.sharedAttachObj.isOrder && this.props.sharedAttachObj.selectedOrderData.IsClosed)}\r\n tooltipText={\r\n this.state.selectedFile == 0 ?\r\n this.translate('Label_Select_Attach_Files') :\r\n (this.state.selectedFile > 1 ?\r\n this.translate('Label_Multiple_Files_Tooltip') :\r\n (\r\n this.state.acticveDoc == false ?\r\n this.translate('Label_Select_Removed_Files') :\r\n this.translate('Label_Remove_Attach_Files_From_Closed_Order')\r\n )\r\n )\r\n }\r\n icon={'fa-trash'}\r\n buttonType=\"red\"\r\n />\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n );\r\n }\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsButton from '../WmsButton/WmsButton.jsx';\r\nimport WmsModel from '../WmsModel/WmsModel.jsx';\r\nimport './LoadingModel.scss';\r\n\r\n\r\nexport class LoadingModel extends React.PureComponent {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n this.state = {\r\n Selector: \"loadingModel\",\r\n progressCompletePercentage: 0,\r\n }\r\n }\r\n\r\n componentDidMount(){\r\n\r\n document.addEventListener(\"responseHandler\", this.listenResponseHandler);\r\n\r\n // load progress controller\r\n var pb = $(\"#loadProgressBar\").kendoProgressBar({\r\n min: 0,\r\n max: 100,\r\n animation: {\r\n duration: 0\r\n },\r\n change: function (e) {\r\n this.progressStatus.text(\"\");\r\n }\r\n }).data(\"kendoProgressBar\");\r\n this.setState({\r\n progressCompletePercentage: 0\r\n })\r\n pb.progressStatus.text(\"\");\r\n pb.value(0);\r\n }\r\n\r\n\r\n // Listen response handler for concurrency requests\r\n listenResponseHandler = (e) => {\r\n\r\n var queueTotal = e.detail.instance.queue.length;\r\n var runningTotal = e.detail.instance.running.length;\r\n var completeTotal = this.props.sharedTotalRequest - queueTotal - runningTotal + 1;\r\n var newPercentage = Math.ceil((completeTotal * 100) / this.props.sharedTotalRequest);\r\n console.log(\"listenResponseHandler \", newPercentage);\r\n if(this.refs.loadingProgressRefs){\r\n this.setState({\r\n progressCompletePercentage: newPercentage\r\n },()=>{\r\n $(\"#loadProgressBar\").data(\"kendoProgressBar\").value(newPercentage)\r\n });\r\n }\r\n }\r\n cancelLoadAllData = () => {\r\n this.setState({\r\n progressCompletePercentage: 0,\r\n },()=>{\r\n $(\"#loadProgressBar\").data(\"kendoProgressBar\").value(0);\r\n this.props.onCancelLoadAllData();\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.translate('Label_waiting_message_for_grid')}\r\n
\r\n \r\n \r\n {this.state.progressCompletePercentage}% Complete \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n}","\r\nimport { BaseRequirements } from './BaseRequirements';\r\nexport class NumberWms {\r\n\t/**\r\n\t* Simple contains method for Dictionary\r\n\t* @params key:string\r\n\t* @return void\r\n\t*/\r\n public static testing(message: string) {\r\n console.log(message);\r\n return message;\r\n }\r\n\r\n public test(message: string) {\r\n console.log('4 : ', message);\r\n return message;\r\n }\r\n\r\n public jasMineExample(mynum: number): number {\r\n return mynum;\r\n }\r\n\r\n public truncateNumber(mynum: number, endnum: number): any {\r\n // we first check to see if the input number is greater than our maximum number\r\n if (mynum > endnum) {\r\n // convert numbers to strings to get their length\r\n var convertmynumToString = mynum.toString();\r\n // In the case where the input number is greater than the possible number and it is only 1 character we have to revert it to null\r\n if (convertmynumToString.length == 1) {\r\n return null;\r\n }\r\n // case where we have more than 1 digit we are just going to strip the last digit off and return it\r\n else {\r\n return parseInt(convertmynumToString.slice(0, -1));\r\n }\r\n }\r\n // this would be used if we don't get valid numbers or everything is correct\r\n else {\r\n return mynum\r\n }\r\n }\r\n\r\n /**\r\n * Determines if something is in fact a positive number\r\n * @params any\r\n * @return boolean\r\n */\r\n public static isPositiveNumber(elementInQuestion, allowStringNumbers) {\r\n if (allowStringNumbers === true) {\r\n elementInQuestion = parseFloat(elementInQuestion);\r\n }\r\n if (this.isNumber(elementInQuestion, allowStringNumbers)) {\r\n if (elementInQuestion >= 0) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n /**\r\n * Determines if something is in fact a number\r\n * @params any\r\n * @return boolean\r\n */\r\n public static isNumber(elementInQuestion, allowStringNumbers) {\r\n if (allowStringNumbers === true) {\r\n elementInQuestion = parseFloat(elementInQuestion);\r\n }\r\n if (typeof elementInQuestion === 'string') {\r\n return false;\r\n } else {\r\n return !isNaN(parseFloat(elementInQuestion)) && isFinite(elementInQuestion);\r\n }\r\n }\r\n\r\n /* Use isNaN() instead\r\n public static isNumber(num: number): Boolean {}\r\n */\r\n}\r\n\r\n","\r\nimport { BaseRequirements } from './BaseRequirements';\r\nimport { NumberWms } from './NumberWms';\r\nimport { StringWms } from './StringWms';\r\nexport class KendoWms implements BaseRequirements {\r\n\t/**\r\n\t* Simple contains method for Dictionary\r\n\t* @params key:string\r\n\t* @return void\r\n\t*/\r\n public static test(message: string): void {\r\n console.log(message);\r\n }\r\n\r\n public test(message: string): void {\r\n console.log(message);\r\n }\r\n\r\n public testWithNumberWms(message: string) {\r\n let numberObj = new NumberWms();\r\n numberObj.test(\"NumberWma.ts test method call from KendoWms.ts file\");\r\n }\r\n\r\n public testWithNumberWmsStatic(message: string) {\r\n return NumberWms.testing(message);\r\n }\r\n\r\n public testWithStringWmsStatic(message: string) {\r\n return StringWms.test(message);\r\n }\r\n\r\n public static transformFilterForService(filter) {\r\n\r\n let myreturn = [];\r\n console.log('filter', filter);\r\n if (typeof filter != 'undefined' && typeof filter != null && filter != null) {\r\n for (let x = 0; x < filter.filters.length; x++) {\r\n let tempObj = {\r\n \"member\": filter.filters[x].field,\r\n \"operator\": this.transformKendoFilterNames(filter.filters[x].operator),\r\n \"value\": filter.filters[x].value\r\n };\r\n myreturn.push(tempObj);\r\n }\r\n }\r\n return JSON.stringify(myreturn);\r\n }\r\n\r\n public static transformFilterForWebUI(filterobj){\r\n\r\n\r\n if(filterobj) {\r\n\r\n\r\n Object.keys(filterobj).forEach(function (key) {\r\n\r\n if (key == \"logic\") {\r\n filterobj[\"LogicalOperator\"] = filterobj[key];\r\n delete(filterobj[key]);\r\n if (typeof filterobj[\"LogicalOperator\"] == \"object\" && filterobj[\"LogicalOperator\"] !== null && Object.prototype.toString.call(filterobj[\"LogicalOperator\"]) != '[object String]') {\r\n this.transformFilterForWebUI(filterobj[\"LogicalOperator\"]);\r\n }\r\n\r\n\r\n }\r\n else if (key == \"filters\") {\r\n filterobj[\"FilterDescriptors\"] = filterobj[key];\r\n delete(filterobj[key]);\r\n if (Array.isArray(filterobj[\"FilterDescriptors\"])) {\r\n filterobj[\"FilterDescriptors\"].forEach(function (obj) {\r\n this.transformFilterForWebUI(obj);\r\n }, this);\r\n }\r\n\r\n }\r\n else if (key == \"field\") {\r\n filterobj[\"member\"] = filterobj[key];\r\n delete(filterobj[key]);\r\n\r\n }\r\n else {\r\n if (Array.isArray(filterobj[key])) {\r\n filterobj[key].forEach(function (obj) {\r\n this.transformFilterForWebUI(obj);\r\n }, this);\r\n }\r\n else if (typeof key == \"object\" && key !== null) {\r\n this.transformFilterForWebUI(key);\r\n }\r\n else if (key == \"operator\") {\r\n filterobj[key] = this.transformKendoFilterNames(filterobj[key]);\r\n }\r\n }\r\n\r\n\r\n /*\r\n if(Array.isArray(filterobj[key])){\r\n filterobj[key].forEach(function(obj){\r\n this.transformFilterForWebUI(obj);\r\n },this);\r\n }\r\n else if (typeof key == \"object\" && key !== null){\r\n this.transformFilterForWebUI(key);\r\n }\r\n else{\r\n if(key == \"logic\"){\r\n filterobj[\"LogicalOperator\"] = filterobj[key];\r\n delete(filterobj[key]);\r\n\r\n }\r\n else if(key == \"filters\"){\r\n filterobj[\"FilterDescriptors\"] = filterobj[key];\r\n delete(filterobj[key]);\r\n\r\n }\r\n else if(key == \"field\"){\r\n filterobj[\"member\"] = filterobj[key];\r\n delete(filterobj[key]);\r\n\r\n }\r\n }\r\n */\r\n }, this);\r\n\r\n return filterobj;\r\n }\r\n else{\r\n return filterobj;\r\n }\r\n\r\n }\r\n\r\n public static getFilterOperatorByIndex(index:number) : string {\r\n var myreturn = \"\";\r\n if(index == 0) {\r\n myreturn = \"contains\";\r\n } else if(index == 1){\r\n myreturn = \"doesnotcontain\";\r\n } else if(index == 2) {\r\n myreturn = \"eq\";\r\n } else if(index == 3) {\r\n myreturn = \"neq\";\r\n } else if(index == 4) {\r\n myreturn = \"startswith\";\r\n } else if(index == 5) {\r\n myreturn = \"endswith\";\r\n }\r\n return myreturn;\r\n }\r\n\r\n\r\n public static transformKendoFilterNames = function (name) {\r\n\r\n var myreturn = \"\";\r\n if (name == \"lte\") {\r\n myreturn = \"IsLessThanOrEqualTo\";\r\n } else if (name == \"eq\") {\r\n myreturn = \"IsEqualTo\";\r\n } else if (name == \"lt\") {\r\n myreturn = \"IsLessThan\";\r\n } else if (name == \"neq\") {\r\n myreturn = \"IsNotEqualTo\";\r\n } else if (name == \"gte\") {\r\n myreturn = \"IsGreaterThanOrEqualTo\";\r\n } else if (name == \"gt\") {\r\n myreturn = \"IsGreaterThan\";\r\n } else if (name == \"startswith\") {\r\n myreturn = \"StartsWith\";\r\n } else if (name == \"endswith\") {\r\n myreturn = \"EndsWith\";\r\n } else if (name == \"contains\") {\r\n myreturn = \"Contains\";\r\n } else if (name == \"doesnotcontain\") {\r\n myreturn = \"DoesNotContain\";\r\n } else {\r\n myreturn = name;\r\n }\r\n return myreturn;\r\n }\r\n\r\n public static transformSortForService(sort) {\r\n\r\n if(sort == undefined || sort == \"undefined\"){\r\n return JSON.stringify([]);\r\n }\r\n else{\r\n if (sort.length == 0) {\r\n return JSON.stringify([]);\r\n } else {\r\n var myreturn = [];\r\n var sortdirection;\r\n for (let x = 0; x < sort.length; x++) {\r\n if (sort[x].dir == 'asc') {\r\n sortdirection = \"ascending\";\r\n } else {\r\n sortdirection = \"descending\";\r\n }\r\n myreturn.push({\r\n \"member\": sort[x].field,\r\n \"sortdirection\": sortdirection\r\n });\r\n }\r\n return JSON.stringify(myreturn);\r\n }\r\n }\r\n\r\n };\r\n\r\n public static getLengthOffFilters(filters){\r\n if(!filters){\r\n return 0;\r\n }\r\n else{\r\n return filters.filters.length;\r\n }\r\n }\r\n\r\n public static getListFromSelectedGridRows(grid: any, key:string) :any{\r\n\r\n // instantiate array to hold selected row indexes\r\n let _selectedIndexs = [];\r\n // get the selected row indexes from grid\r\n var selectedRows = grid.select();\r\n // populate selectedIndexs with rowIndex\r\n for (var x = 0; x < selectedRows.length; x++) {\r\n _selectedIndexs.push(selectedRows[x].rowIndex);\r\n }\r\n // instantiate array to hold the returnable list\r\n var selectedList = [];\r\n // pull out the key value in the grids datasource using the selected indexes\r\n for (var x = 0; x < _selectedIndexs.length; x++) {\r\n\r\n selectedList.push(grid._data[_selectedIndexs[x]][key]);\r\n }\r\n // return list\r\n return selectedList;\r\n }\r\n\r\n\r\n\r\n\r\n}","import React from 'react';\r\nvar axios = require('axios');\r\nvar UtcOffset = new Date().getTimezoneOffset() / 60 * -1;\r\n\r\nimport * as GlobalService from './../../global_services';\r\n\r\nexport const initialFindOrders = function () {\r\n return axios.all([\r\n axios.get('/WebUI/Shipping/FindOrders/SearchInfoGet')\r\n ]).then(axios.spread(function (FindOrderSearchInfo) {\r\n return { FindOrderSearchInfo: FindOrderSearchInfo.data.Data };\r\n }));\r\n}\r\n\r\n\r\n// carrier and routing model services\r\nexport const initialiseBulkEditModel = function (param_orderIds, param_customerId) {\r\n return axios.post('/WebUI/Shipping/FindOrders/GetMassEditRoutingData',\r\n {\"ids\": param_orderIds,\r\n \"customerId\": param_customerId\r\n }).then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\n\r\n// carrier and routing model services\r\nexport const initialiseBulkEditModelProto = function (param_orderIds, param_customerId, param_facilityId) {\r\n let editRoutingInfoDataParam = {\r\n orderIds: param_orderIds,\r\n customerId: param_customerId\r\n }\r\n\r\n return axios.all([\r\n axios.put('/WebUI/Shipping/FindOrders/MassEditRoutingData',editRoutingInfoDataParam),\r\n axios.get('/WebUI/Shipping/FindOrders/CarriersAndCapacityTypes?customerId='+param_customerId+'&facilityId='+param_facilityId),\r\n ]).then(axios.spread(function (editRoutingInfoDataResponse,carriersAndCapacityTypesResponse) {\r\n return {\r\n editRoutingInfoDataResponse: editRoutingInfoDataResponse.data,\r\n carriersAndCapacityTypesResponse: carriersAndCapacityTypesResponse.data\r\n };\r\n }));\r\n}\r\n\r\nexport const bulkUpdateCarrierRouting = function (param_rouingdata) {\r\n return axios.post('/WebUI/Shipping/FindOrders/MassCarrierAndRoutingSave', param_rouingdata)\r\n}\r\n\r\nexport const bulkUpdateCarrierRoutingProto = function (param_rouingdata) {\r\n return axios.put('/WebUI/Shipping/FindOrders/MassEditRoutingDataUpdater', param_rouingdata)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\n// create pick job model services\r\nexport const initialiseCreatePickJobModel = function (orderIds) {\r\n return axios.all([\r\n\r\n axios.get('/WebUI/Shipping/FindOrders/PickJobCandidatUsers'),\r\n\r\n ]).then(axios.spread(function (pickJobCandidatUsersResponse) {\r\n\r\n return {\r\n pickJobCandidatUsersResponse: pickJobCandidatUsersResponse.data\r\n };\r\n\r\n }));\r\n}\r\n\r\nexport const createPickJob = function (orderIds) {\r\n return axios.post('/WebUI/Shipping/FindOrders/PickJobs', orderIds)\r\n .then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const removeFromPickJob = function (orderIds) {\r\n return axios.put('/WebUI/Shipping/FindOrders/PickJobOrderRemover', orderIds)\r\n .then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const deletePickJob = function (pickJobId) {\r\n return axios.delete('/WebUI/Shipping/FindOrders/PickJob?pickJobId=' + pickJobId)\r\n .then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const recalcPackages = function(orderIds) {\r\n return axios.put('/WebUI/FindOrders/PackagesGenerator', orderIds)\r\n .then(function(response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const ordersWithoutPackages = function(orderIds) {\r\n return axios.put('/WebUI/Shipping/FindOrders/OrdersWithoutPackages', {orderIds: orderIds })\r\n .then(function(response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const consolidatePackages = function(orderIds,packageDefId) {\r\n return axios.put('/WebUI/Shipping/FindOrders/PackagesConsolidator?packageDefId='+packageDefId, orderIds)\r\n .then(function(response) {\r\n return response.data;\r\n });\r\n}\r\n\r\n// Used for CustomDimension\r\nexport const customDimensionConsolidatePackages = function(customDimPkg) {\r\n return axios.put('/WebUI/Shipping/FindOrders/PackagesConsolidatorByCustomDims', customDimPkg)\r\n .then(function(response) {\r\n return response.data;\r\n });\r\n}\r\n\r\n\r\n// Mass and close model services\r\nexport const initialiseMassShipAndCloseModel = function (param_customerId, param_orderIds, param_facilityId) {\r\n return axios.all([\r\n\r\n axios.post('/WebUI/Shipping/FindOrders/GetMassShipOrderCharges', { orderId: param_orderIds[0], customerId: param_customerId, facilityId: param_facilityId }),\r\n axios.get('/WebUI/Shipping/Orders/GetChargeCategories'),\r\n axios.post('/WebUI/Shipping/FindOrders/GetMassShipAndCloseData', param_orderIds),\r\n\r\n ]).then(axios.spread(function (getMassShipOrderChargesResponse, getChargeCategoriesResponse, getMassShipAndCloseDataResponse) {\r\n\r\n return {\r\n massShipChargesGridData: getMassShipOrderChargesResponse,\r\n chargesCategoryResponse: getChargeCategoriesResponse,\r\n massShipAndCloseResponse: getMassShipAndCloseDataResponse\r\n };\r\n\r\n }));\r\n}\r\n//END Mass and close model services\r\n\r\nexport const reopenOrders = function (ids) {\r\n return axios.post('/WebUI/Shipping/FindOrders/ReopenOrders', ids)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\n// Send to tmw service\r\nexport const tmwExporter = function (orderIds) {\r\n return axios.post('/WebUI/Shipping/FindOrders/TmwExporter', {\r\n 'orderIds': orderIds\r\n }).then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const unallocateOrders = function (ids) {\r\n return axios.post('/WebUI/Shipping/FindOrders/UnallocateOrders', ids)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const splitOrders = function (ids) {\r\n return axios.post('/WebUI/Shipping/FindOrders/SplitOrders', ids)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const shorterShipOrders = function (ids) {\r\n return axios.post('/WebUI/Shipping/ShortOrders/Shorter', {\"orderIds\" : ids})\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\n// Pick Tickets Services\r\nexport const GetPickTicketReports = function (data) {\r\n return axios.post('/WebUI/Shipping/FindOrders/GetPickTicketReports', data)\r\n .then(function (response) {\r\n if (response.status == 200) {\r\n // sort report in alphabatic order and\r\n // move default template in last position\r\n return sortReports(response);\r\n // return response;\r\n }\r\n return null;\r\n });\r\n}\r\nconst sortReports = function (param_response) {\r\n $.map(param_response.data, (item,index) => {\r\n\r\n if(item.Reports){\r\n var tmpOpt = [];\r\n tmpOpt = item.Reports.sort(function(first, second) {\r\n // set default value at last in sorting\r\n if(first.Name == 'Default' || second.Name == 'Default'){ return -1; }\r\n var firstReport = first.Name.toUpperCase(); // ignore upper and lowercase\r\n var secondReport = second.Name.toUpperCase(); // ignore upper and lowercase\r\n\r\n if (firstReport < secondReport) { return -1; }\r\n\r\n if (firstReport > secondReport) { return 1; }\r\n // names must be equal\r\n return 0;\r\n });\r\n param_response.data[index].Reports = tmpOpt;\r\n }\r\n\r\n });\r\n\r\n return param_response;\r\n}\r\n\r\nexport const GeneratePickTicket = function (url, data) {\r\n return axios.post(url, data)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\n// Batch models services\r\n\r\nexport const createBatch = function (batchData) {\r\n return axios.post('/WebUI/Shipping/FindOrders/CreateBatch', batchData).then(function success(response) {\r\n return response;\r\n });\r\n}\r\nexport const addToExistingBatch = function (batchData) {\r\n return axios.post('/WebUI/Shipping/FindOrders/AddToExistingBatch', batchData).then(function success(response) {\r\n return response;\r\n });\r\n}\r\nexport const removeFromBatch = function (batchData) {\r\n return axios.post('/WebUI/Shipping/FindOrders/RemoveFromBatch', batchData).then(function success(response) {\r\n return response;\r\n });\r\n}\r\nexport const autoBatch = function () {\r\n return axios.put('/WebUI/Shipping/FindOrders/AutoBatchOrders').then(function success(response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const dynamicServiceForDynamicMenu = function (urlName, uri, ids, outputType, flowType) {\r\n var fileType = outputType ? outputType : 'application/pdf';\r\n var myReturn = {};\r\n myReturn.FileType = fileType;\r\n\r\n var _url = \"\";\r\n var data = {\r\n requestBody: {\r\n RunnerUriTemplate: uri,\r\n TransactionIds: ids,\r\n IgnoreDuplicates: true,\r\n UtcOffset: UtcOffset,\r\n outputType: fileType\r\n }\r\n }\r\n\r\n if (urlName === \"RunBOLReport\") {\r\n _url = '/WebUI/Shipping/' + flowType + '/RunBOLReport';\r\n data.requestBody.BolNumAsTransNum = false;\r\n } else if (urlName === \"RunMasterBOLReport\") {\r\n _url = '/WebUI/Shipping/' + flowType + '/RunMasterBOLReport';\r\n data.requestBody.BolNumAsTransNum = false;\r\n } else if (urlName === \"RunReportViewTransaction\") {\r\n _url = '/WebUI/Shipping/' + flowType + '/RunViewTransactionReport';\r\n data.requestBody.IgnoreDuplicates = false;\r\n data.requestBody.ShowCharges = GlobalService.GetRights().hasOwnProperty(\"admin.viewbilling\") ? true : false\r\n }\r\n\r\n return axios.post(_url, data)\r\n .then(function (response) {\r\n myReturn.Data = response.data;\r\n return myReturn;\r\n });\r\n}\r\n/* Packing Slip model services */\r\nexport const generateShippingLabel = function (param_payload) {\r\n return axios.post('/WebUI/Shipping/FindOrders/RunShippingLabelsReport',{'requestBody':param_payload}).then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n/* Packing Slip model services */\r\nexport const initialPackingSlips = function (params_customerid, param_orderIds) {\r\n return axios.post('/WebUI/Shipping/FindOrders/GetPackingSlipReports', {\r\n customerId: params_customerid,\r\n orderIds: param_orderIds\r\n }).then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const PackingSlipReportStarter = function (param_body) {\r\n\r\n return axios.post('/WebUI/Shipping/FindOrders/PackingSlipReportStarter', param_body\r\n ).then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\n// send asn model services\r\nexport const intialSendAsn = function (param_customerUri) {\r\n return axios.get('/WebUI/Settings/SendAsnPreferences/Preferences?customerUri=' + param_customerUri).then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const checkAsnPreChecker = function (orderids) {\r\n return axios.put('/WebUI/Shipping/FindOrders/AsnPreChecker', orderids)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const getPackageDefs = function () {\r\n return axios.get('/WebUI/Shipping/FindOrders/GetPackageDefs').then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const downloadSendAsn = function (param_downloadData) {\r\n return axios.get('/WebUI/Shipping/FindOrders/DownloadAsn', { params:param_downloadData})\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const sendAsn = function (param_asndata) {\r\n return axios.post('/WebUI/Shipping/FindOrders/QueueAsnToSend', param_asndata)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\n//Smart parcel services\r\n\r\nexport const parcelPreShip = function (orderids) {\r\n return axios.put('/WebUI/V1/PreSmartParcelShip', orderids)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const parcelCanceler = function (ids) {\r\n return axios.put('/WebUI/Shipping/FindOrders/ParcelCancelerStarter', ids)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const parcelFinalizer = function (ids) {\r\n return axios.put('/WebUI/Shipping/FindOrders/ParcelFinalizer', ids)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const parcelVoidCanceler = function (ids) {\r\n return axios.post('/WebUI/Shipping/FindOrders/ParcelVoidCanceler',ids)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const parcelReseter = function (ids) {\r\n return axios.post('/WebUI/Shipping/FindOrders/ParcelReseter',ids)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const parcelAutoRateShopper = function (ids) {\r\n return axios.post('/WebUI/Shipping/FindOrders/ParcelAutoRateShopper',ids)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\n//print zpl secives\r\n\r\nexport const reprintOrReturnZpl = function (uri, ids) {\r\n return axios.post(uri,{ OrderIds: ids })\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const reprintOrReturnPdf = function (uri) {\r\n return axios.get(uri,{ responseType: 'blob' })\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const searchInfoClear = function () {\r\n return axios.post('/WebUI/Shipping/UpdateSession/SearchInfoClear')\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const getBOLTemplates = function (param_customerID) {\r\n return axios.post('/WebUI/Shipping/Orders/BOLTemplates?customerId=' +param_customerID).then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const OrdersTranfer = function (data) {\r\n return axios.post('/WebUI/Shipping/FindOrders/OrdersTransferStarter', data)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const getSmallParcelBatches = function () {\r\n return axios.get('/WebUI/Shipping/FindOrders/GetSmallParcelBatches')\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const getSmallParcelBatchPdfContents = function (pdfUri) {\r\n return axios.get('/WebUI/Shipping/SmartParcel/ShippingPdfLabelsHighVolumeBatch?batchurl=' + pdfUri, { responseType: 'blob' })\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const getSmallParcelBatchZplContents = function (zplUri) {\r\n let url = \"/WebUI/Shipping/FindOrders/GetSmallParcelBatchZplContents?batchlabelszpluri=\" + zplUri;\r\n return axios.get(url)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const putSmallParcelBatchLabels = function (param_args) {\r\n return axios.put('/WebUI/Shipping/FindOrders/PutSmallParcelBatchLabels' + param_args)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const getSmallParcelBatchErrors = function (batcherrorsuri, batchshipmentsuri) {\r\n return axios.get('/WebUI/Shipping/FindOrders/GetSmallParcelBatchErrors?batcherrorsuri=' + batcherrorsuri + '&batchshipmentsuri=' + batchshipmentsuri)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const markOrdersComplete = function (orderIds) {\r\n return axios.post('/WebUI/Shipping/FindOrders/CompleteOrders',orderIds)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const manifestList = function () {\r\n return axios.put('/WebUI/Shipping/FindOrders/ManifestList').then(function success(response) {\r\n return response;\r\n });\r\n}","export const getInitialPrintMenu = (initialPrintMenuResponse, params, menuClickEvent, callFrom) => {\r\n\r\n var translate = window.translate;\r\n\r\n var updatedPrintMenu = {\r\n PrintData: [],\r\n SmartParcelData: [],\r\n }\r\n\r\n if (initialPrintMenuResponse.length > 0 || initialPrintMenuResponse != null || typeof initialPrintMenuResponse != undefined) {\r\n var TempParcelData = [];\r\n\r\n initialPrintMenuResponse.forEach((item, i) => {\r\n var fnName = params.fnNames[i];\r\n var tempObj = {};\r\n\r\n if (item.RdlName === \"MasterBOL\" && callFrom == \"manageOrder\") {\r\n return; // skipping MasterBOL menu for manageOrder\r\n }\r\n\r\n tempObj = {\r\n \"name\": item.CategoryName,\r\n \"value\": [],\r\n \"disabled\": (params.SelectedOrders < 1) || !params.Rights.hasOwnProperty('orders.docs'),\r\n \"disabledText\": translate(\"order_Document_Permission_note\"),\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": params.Selector + item.RdlName,\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': item.RdlName\r\n };\r\n\r\n if (item.RdlName === \"BOL\") {\r\n tempObj.name = translate(\"Label_Generate_BOL\");\r\n tempObj.disabled = ((params.SelectedOrders < 1) || !params.SameFacility || !params.SameCustomer || !params.Rights.hasOwnProperty('orders.docs'));\r\n tempObj.disabledText = !params.Rights.hasOwnProperty('orders.docs') ? translate(\"order_Document_Permission_note\") : translate(\"note_bill_of_lading\");\r\n // if (params.SelectedOrders != 1) {\r\n // tempObj.disabled = true;\r\n // tempObj.disabledText = translate(\"note_bill_of_lading_multipleOrder\");\r\n // }\r\n // else if(!params.SameFacility || !params.SameCustomer) {\r\n // tempObj.disabled = true;\r\n // tempObj.disabledText = translate(\"note_bill_of_lading\");\r\n // }\r\n\r\n } else if (item.RdlName === \"MasterBOL\") {\r\n tempObj.name = translate(\"Label_Generate_MasterBOL\");\r\n if (callFrom == \"findOrder\") {\r\n tempObj.disabled = ((params.SelectedOrders <= 1) || !params.SameFacility || !params.SameCustomer || !params.FullyAllocated || !params.Rights.hasOwnProperty('orders.docs'));\r\n tempObj.disabledText = params.SelectedOrders <= 1 ? translate(\"note_master_bill_of_lading\") : translate(\"Label_Tooltip_OverAllocatedOrders_EditMasterBOL\") + params.SelectedOrderIds;\r\n tempObj.disabledText = !params.Rights.hasOwnProperty('orders.docs') ? translate(\"order_Document_Permission_note\") : tempObj.disabledText;\r\n } else {\r\n tempObj.disabled = (params.SelectedOrders < 1 || !params.Rights.hasOwnProperty('orders.docs'));\r\n }\r\n }\r\n if (item.RdlName !== \"SmallParcel\") {\r\n // && item.RdlName !== \"BOL\"\r\n if (item.hasOwnProperty('Reports') && item.RdlName !== \"ShippingLabel\") {\r\n item.Reports.forEach((report, i) => {\r\n tempObj.onClickFunc = () => null;\r\n tempObj.value.push({\r\n \"name\": report.Name,\r\n \"value\": [],\r\n \"disabled\": (tempObj.disabled == true || !params.Rights.hasOwnProperty('orders.docs')) ? true : false,\r\n \"disabledText\": translate(\"order_Document_Permission_note\"),\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": params.Selector + fnName + (i + 1),\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': fnName,\r\n 'runReport': report.TemplatedRunner,\r\n 'rdlName': item.RdlName,\r\n });\r\n });\r\n }\r\n\r\n updatedPrintMenu.PrintData.push(tempObj);\r\n\r\n // Add new option for edit bill of lading\r\n if (item.RdlName == \"BOL\") {\r\n\r\n let appnedEditBolOpt = {\r\n \"name\": translate('Label_Edit_Bill_of_Lading'),\r\n \"value\": [],\r\n \"disabled\": (params.SelectedOrders != 1 || !params.Rights.hasOwnProperty('orders.docs')),\r\n \"disabledText\": !params.Rights.hasOwnProperty('orders.docs') ? translate(\"order_Document_Permission_note\") : translate(\"note_edit_bill_of_lading\"),\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": params.Selector + item.RdlName,\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': 'EditBol'\r\n }\r\n updatedPrintMenu.PrintData.push(appnedEditBolOpt);\r\n\r\n }\r\n } else {\r\n\r\n if (item.CategoryName == \"Reprint Shipping Label\") {\r\n tempObj.value = [],\r\n tempObj.disabled = (params.ParcelLabelType == 0 || !params.isSamePrintedFormat),\r\n tempObj.disabledText = translate(\"note_reprint_shipping_label\");\r\n tempObj.isContextMenu =true,\r\n tempObj.isButtonMenu =true,\r\n tempObj.wmsSelector = params.Selector + \"reprintShippingLabel\",\r\n tempObj.onClickFunc = menuClickEvent,\r\n tempObj.wmsid = \"reprintShippingLabel\"\r\n // tempObj.isContextMenu = (params.ParcelLabelType != 0);\r\n // tempObj.isButtonMenu = (params.ParcelLabelType != 0);\r\n // tempObj.disabled = (params.ParcelLabelType == 0 || !params.isSamePrintedFormat);\r\n // tempObj.disabledText = translate(\"note_reprint_shipping_label\");\r\n // if (params.ParcelLabelType == 2) {\r\n // tempObj.value.push({\r\n // \"name\": \"Reprint (Zpl)\",\r\n // \"value\": [],\r\n // \"disabled\": (params.ParcelLabelType == 2) ? false : true,\r\n // // 'isContextMenu': (params.ParcelLabelType != 1),\r\n // // 'isButtonMenu': (params.ParcelLabelType != 1),\r\n // \"wmsSelector\": params.Selector + \"ReprintZpl\",\r\n // \"onClickFunc\": menuClickEvent,\r\n // 'wmsid': \"reprintZpl\",\r\n // 'runReport': \"/WebUI/Shipping/FindOrders/ParcelReprintZplContents\",\r\n // 'runnerKey': item.hasOwnProperty('Reports') ? item.Reports[0].TemplatedRunnerKey : ''\r\n // });\r\n\r\n // } else {\r\n // tempObj.onClickFunc = () => null;\r\n // tempObj.value.push({\r\n // \"name\": \"Reprint (Pdf)\",\r\n // \"value\": [],\r\n // \"disabled\": (tempObj.disabled == true) ? true : false,\r\n // \"disabledText\": translate(\"order_Document_Permission_note\"),\r\n // 'isContextMenu': true,\r\n // 'isButtonMenu': true,\r\n // \"wmsSelector\": params.Selector + fnName + (i + 1),\r\n // \"onClickFunc\": menuClickEvent,\r\n // 'wmsid': \"reprintPdf\",\r\n // });\r\n // }\r\n\r\n } else if (item.CategoryName == \"Return Label\") {\r\n\r\n tempObj.onClickFunc = () => null;\r\n tempObj.isButtonMenu = params.Rights.hasOwnProperty('Shipping.SmallParcelReturnLabelEnabled')\r\n // tempObj.isContextMenu = (params.ParcelLabelType != 0);\r\n // tempObj.isButtonMenu = (params.ParcelLabelType != 0);\r\n tempObj.disabled = (params.ParcelLabelType == 0);\r\n tempObj.disabledText = translate(\"note_return_label\");\r\n\r\n tempObj.value.push({\r\n \"name\": \"Return (Zpl)\",\r\n \"value\": [],\r\n \"disabled\": tempObj.disabled ? true : (params.ParcelLabelType != 1 && params.ParcelLabelType != 2),\r\n // 'isContextMenu': (params.ParcelLabelType != 1),\r\n // 'isButtonMenu': (params.ParcelLabelType != 1),\r\n \"wmsSelector\": params.Selector + \"ReturnZpl\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"returnZpl\",\r\n 'runReport': \"/WebUI/Shipping/FindOrders/ParcelReturnZplContents\",\r\n 'runnerKey': item.hasOwnProperty('Reports') ? item.Reports[0].TemplatedRunnerKey : ''\r\n });\r\n\r\n tempObj.value.push({\r\n \"name\": \"Return (Pdf)\",\r\n \"value\": [],\r\n \"disabled\": tempObj.disabled ? true : (params.ParcelLabelType != 1 && params.ParcelLabelType != 2),\r\n // 'isContextMenu': (params.ParcelLabelType != 2),\r\n // 'isButtonMenu': (params.ParcelLabelType != 2),\r\n \"wmsSelector\": params.Selector + \"ReturnPdf\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"returnPdf\",\r\n 'runReport': \"/WebUI/Shipping/FindOrders/ParcelReturnPdfContent\",\r\n 'runnerKey': item.hasOwnProperty('Reports') ? item.Reports[0].TemplatedRunnerKey : ''\r\n });\r\n }\r\n\r\n TempParcelData.push(tempObj);\r\n }\r\n });\r\n\r\n updatedPrintMenu.PrintData.unshift({\r\n \"name\": translate('Label_Attach_Files'),\r\n \"value\": [],\r\n \"disabled\": (params.SelectedOrders != 1),\r\n \"disabledText\": translate(\"note_attach_files\"),\r\n 'isContextMenu': params.Rights.hasOwnProperty('orders.attachdocs') && params.Rights.hasOwnProperty('Shipping.AttachedDocsEnabled'),\r\n 'isButtonMenu': params.Rights.hasOwnProperty('orders.attachdocs') && params.Rights.hasOwnProperty('Shipping.AttachedDocsEnabled'),\r\n \"wmsSelector\": params.Selector + \"AttachFiles\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"attachFiles\"\r\n });\r\n updatedPrintMenu.PrintData.splice(1, 0, {\r\n \"name\": translate('Label_Pick_Ticket'),\r\n \"value\": [],\r\n \"disabled\": ((params.SelectedOrders < 1) || !params.EnablePickOption || !params.Rights.hasOwnProperty('orders.docs')),\r\n \"disabledText\": !params.Rights.hasOwnProperty('orders.docs') ? translate(\"order_Document_Permission_note\") : translate(\"Tooltip_FullyAllocated_TplSettingPrintOverAllocOrders\"),\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": params.Selector + \"PickTicket\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"pickTicket\"\r\n });\r\n if (callFrom == \"findOrder\") {\r\n updatedPrintMenu.PrintData.splice(1, 0, {\r\n \"name\": translate('Label_Master_Pick_Ticket'),\r\n \"value\": [],\r\n \"disabled\": ((params.SelectedOrders <= 1) || !params.SameFacility || !params.SameCustomer || !params.SameBatchId || !params.Rights.hasOwnProperty('orders.docs')),\r\n \"disabledText\": !params.Rights.hasOwnProperty('orders.docs') ? translate(\"order_Document_Permission_note\") : translate(\"note_Master_Pick_Ticket\"),\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": params.Selector + \"MasterPickTicket\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"masterPickTicket\"\r\n });\r\n updatedPrintMenu.PrintData.splice(6, 0, {\r\n \"name\": translate('Label_Edit_Master_BOL'),\r\n \"value\": [],\r\n \"disabled\": ((params.SelectedOrders <= 1) || !params.SameFacility || !params.SameCustomer || !params.FullyAllocated || !params.Rights.hasOwnProperty('orders.docs')),\r\n \"disabledText\": !params.Rights.hasOwnProperty('orders.docs') ?\r\n translate(\"order_Document_Permission_note\") :\r\n (\r\n params.SelectedOrders <= 1 ? translate(\"note_Edit_Master_BOL\") : translate(\"Label_Tooltip_OverAllocatedOrders_EditMasterBOL\") + params.SelectedOrderIds\r\n ),\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": params.Selector + \"EditMasterBOL\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"editMasterBol\"\r\n });\r\n }\r\n updatedPrintMenu.PrintData.splice(1, 0, {\r\n \"name\": translate('Label_Attach_Files_To_Batch'),\r\n \"value\": [],\r\n \"disabled\": !params.Rights.hasOwnProperty('admin.attachfiles'),\r\n 'isContextMenu': params.Rights.hasOwnProperty('orders.attachdocs') && params.Rights.hasOwnProperty('Shipping.AttachedDocsEnabled'),\r\n 'isButtonMenu': params.Rights.hasOwnProperty('orders.attachdocs') && params.Rights.hasOwnProperty('Shipping.AttachedDocsEnabled'),\r\n \"wmsSelector\": params.Selector + \"AttachFilesToBatch\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"attachFilesToBatch\"\r\n });\r\n updatedPrintMenu.PrintData.push({\r\n \"name\": \"Packing Slips\",\r\n \"value\": [],\r\n \"disabled\": (params.SelectedOrders < 1 || !params.Rights.hasOwnProperty('orders.docs')),\r\n \"disabledText\": translate(\"order_Document_Permission_note\"),\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": params.Selector + \"RunReportPackingSlips\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"runReportPackingSlips\"\r\n });\r\n if (callFrom == \"findOrder\") {\r\n updatedPrintMenu.PrintData.push({\r\n \"name\": translate('Label_Shipping_Manifest'),\r\n \"value\": [],\r\n \"disabled\": ((params.SelectedOrders < 1) || !params.FullyAllocated || !params.Rights.hasOwnProperty('orders.docs')),\r\n \"disabledText\": !params.Rights.hasOwnProperty('orders.docs') ? translate(\"order_Document_Permission_note\") : translate(\"note_Shipping_Manifest\") + params.SelectedOrderIds,\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": params.Selector + \"ShippingManifest\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"shippingManifest\"\r\n });\r\n }\r\n updatedPrintMenu.PrintData.push({\r\n \"name\": \"Send ASN\",\r\n \"value\": [],\r\n \"disabled\": ((params.SelectedOrders < 1) || !params.SameFacility || !params.SameCustomer || !params.FullyAllocated || !params.TplSettings.Integrations.EdiEnabled || !params.Rights.hasOwnProperty('orders.docs')),\r\n \"disabledText\": !params.Rights.hasOwnProperty('orders.docs') ? translate(\"order_Document_Permission_note\") : translate(\"note_Send_Asn\"),\r\n 'isContextMenu': true,\r\n 'isButtonMenu': params.Rights.hasOwnProperty('orders.manage.sendasn'),\r\n \"wmsSelector\": params.Selector + \"SendASN\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"sendASN\"\r\n });\r\n\r\n\r\n updatedPrintMenu.SmartParcelData.push({\r\n \"name\": translate('Label_Smart_Parcel'),\r\n \"value\": [],\r\n \"disabled\": params.SelectedOrders < 1 || params.isSmartParcelDisable,\r\n \"disabledText\": translate('note_smart_parcel'),\r\n 'isContextMenu': params.Rights.hasOwnProperty('orders.manage.smartparcel'),\r\n 'isButtonMenu': params.Rights.hasOwnProperty('orders.manage.smartparcel'),\r\n \"wmsSelector\": params.Selector + \"SmartParcelSubMenu\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"smartParcel\"\r\n });\r\n updatedPrintMenu.SmartParcelData.push({\r\n \"name\": translate('Label_Recreate_IntlDocs'),\r\n \"value\": [],\r\n \"disabled\": params.SelectedOrders < 1,\r\n 'isContextMenu': params.Rights.hasOwnProperty('orders.manage.smartparcel'),\r\n 'isButtonMenu': params.Rights.hasOwnProperty('orders.manage.smartparcel'),\r\n \"wmsSelector\": params.Selector + \"RecreateIntlDocs\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"recreateIntlDocs\"\r\n });\r\n updatedPrintMenu.SmartParcelData.push({\r\n \"name\": translate('Label_Void_Shipping_Label'),\r\n \"value\": [],\r\n \"disabled\": params.SelectedOrders < 1,\r\n 'isContextMenu': params.Rights.hasOwnProperty('orders.manage.smartparcel'),\r\n 'isButtonMenu': params.Rights.hasOwnProperty('orders.manage.smartparcel'),\r\n \"wmsSelector\": params.Selector + \"VoidShippingLabel\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"voidShippingLabel\"\r\n });\r\n updatedPrintMenu.SmartParcelData.push({\r\n \"name\": translate('Label_End_of_Day_Request'),\r\n \"value\": [{\r\n \"name\": translate('Label_Create_End_of_Day_Request'),\r\n \"value\": [],\r\n \"disabled\": params.SelectedOrders < 1,\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": params.Selector + \"createEndofDayRequest\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"createEndofDayRequest\"\r\n }, {\r\n \"name\": translate('Label_Reprint_End_of_Day_Request'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": params.Selector + \"reprintEndofDayRequest\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"reprintEndofDayRequest\"\r\n }],\r\n \"disabled\": false,\r\n 'isContextMenu': params.Rights.hasOwnProperty('orders.manage.smartparcel'),\r\n 'isButtonMenu': params.Rights.hasOwnProperty('orders.manage.smartparcel'),\r\n \"wmsSelector\": params.Selector + \"EndofDayRequest\",\r\n \"onClickFunc\": () => { },\r\n 'wmsid': \"endofDayRequest\"\r\n });\r\n updatedPrintMenu.SmartParcelData.push({\r\n \"name\": translate('Label_Cancel_and_Void_Shipping_Labels'),\r\n \"value\": [],\r\n \"disabled\": params.SelectedOrders < 1,\r\n 'isContextMenu': (params.Rights.hasOwnProperty('orders.manage.smartparcel') && params.Rights.hasOwnProperty('orders.manage.cancel')),\r\n 'isButtonMenu': (params.Rights.hasOwnProperty('orders.manage.smartparcel') && params.Rights.hasOwnProperty('orders.manage.cancel')),\r\n \"wmsSelector\": params.Selector + \"CancelandVoidShippingLabel\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"cancelandVoidShippingLabel\"\r\n });\r\n updatedPrintMenu.SmartParcelData.push({\r\n \"name\": translate('Label_Print_Hvp_Batches'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n 'isContextMenu': params.Rights.hasOwnProperty('Shipping.SmallParcelShipEngineHighVolumeBatches'),\r\n 'isButtonMenu': params.Rights.hasOwnProperty('Shipping.SmallParcelShipEngineHighVolumeBatches'),\r\n \"wmsSelector\": params.Selector + \"PrintBatchedShippingLabel\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"printBatchedShippingLabel\"\r\n });\r\n updatedPrintMenu.SmartParcelData.push({\r\n \"name\": translate('Reset_Failed_Hvp'),\r\n \"value\": [],\r\n \"disabled\": params.SelectedOrders < 1,\r\n 'isContextMenu': params.Rights.hasOwnProperty('Shipping.SmallParcelShipEngineHighVolumeBatches'),\r\n 'isButtonMenu': params.Rights.hasOwnProperty('Shipping.SmallParcelShipEngineHighVolumeBatches'),\r\n \"wmsSelector\": params.Selector + \"ResetFailedHvp\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"resetFailedHvp\"\r\n });\r\n updatedPrintMenu.SmartParcelData.push({\r\n \"name\": translate('Label_Auto_Rate_Shop'),\r\n \"value\": [],\r\n \"disabled\": params.SelectedOrders < 1,\r\n 'isContextMenu': params.Rights.hasOwnProperty('orders.manage.smartparcel'),\r\n 'isButtonMenu': (params.Rights.hasOwnProperty('orders.manage.smartparcel') && params.Rights.hasOwnProperty('Shipping.SmallParcelRateShoppingEnabled')),\r\n \"wmsSelector\": params.Selector + \"AutoRateShop\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"autoRateShop\"\r\n });\r\n\r\n updatedPrintMenu.SmartParcelData = updatedPrintMenu.SmartParcelData.concat(TempParcelData);\r\n }\r\n\r\n return updatedPrintMenu;\r\n}","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport style from './WmsComboBox.scss';\r\n\r\nclass WmsComboBox extends React.PureComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n options: props.options,\r\n value:props.value\r\n }\r\n }\r\n componentDidMount() {\r\n this.bindKendoComboBox();\r\n }\r\n static getDerivedStateFromProps (nextProps, prevState) { \r\n if (nextProps.options !== prevState.options) {\r\n if (typeof $(\"#\" + nextProps.id).data(\"kendoComboBox\") != \"undefined\") {\r\n var multiselect = $(\"#\" + nextProps.id).data(\"kendoComboBox\");\r\n var newDataSource = new kendo.data.DataSource({\r\n data: nextProps.options\r\n });\r\n multiselect.setDataSource(newDataSource);\r\n return { options: nextProps.options };\r\n }\r\n }\r\n if (nextProps.value !== prevState.value) {\r\n if (typeof $(\"#\" + nextProps.id).data(\"kendoComboBox\") != \"undefined\") {\r\n $(\"#\" + nextProps.id).data(\"kendoComboBox\").value(nextProps.value);\r\n }\r\n return { value: nextProps.value };\r\n }\r\n\r\n var addClasses = (((nextProps.required) ? \"wms_required_input\" : ''));\r\n var removeClasses = (((!nextProps.required) ? \"wms_required_input\" : ''));\r\n\r\n $(\" #\" + nextProps.id).parents('.k-combobox').addClass(addClasses).removeClass(removeClasses);\r\n return null;\r\n }\r\n componentDidUpdate() {\r\n if (typeof $(\"#\" + this.props.id).data('kendoComboBox') == \"undefined\") {\r\n this.bindKendoComboBox();\r\n }\r\n }\r\n componentWillUnmount(){\r\n $(\"#\" + this.props.id).val();\r\n }\r\n bindKendoComboBox() {\r\n var that = this;\r\n $(\"#\" + this.props.id).kendoComboBox({\r\n dataTextField: this.props.textField,\r\n dataValueField: this.props.valueField,\r\n filter: \"contains\",\r\n value: this.props.value != null ? this.props.value : '',\r\n noDataTemplate:this.props.noDataTemplate,\r\n placeholder: this.props.placeholder,\r\n virtual: (this.props.isVirtualOptions ? this.props.virtualObj : null),\r\n dataSource: (this.props.isVirtualOptions ? this.props.dataSourceObj : this.props.options),\r\n change: (e) => {\r\n that.props.onChangeFunc({\r\n target: {\r\n value: $(\"#\" + that.props.id).val(),\r\n name: this.props.name,\r\n selectedIndex: e.sender.selectedIndex\r\n }\r\n });\r\n }\r\n });\r\n\r\n var addClasses = (((this.props.required) ? \"wms_required_input\" : ''));\r\n $(\" #\" + this.props.id).parents('.k-combobox').addClass(addClasses);\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n {/* */}\r\n null}\r\n disabled={this.props.disabled}\r\n required={this.props.required} />\r\n
\r\n );\r\n }\r\n\r\n}\r\nWmsComboBox.propTypes = {\r\n id: PropTypes.string.isRequired, // this should write the id to the input\r\n name: PropTypes.string.isRequired, // this should write the name to the input\r\n wmsSelector: PropTypes.string.isRequired, // this should set up a selector on the input\r\n value: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.number\r\n ]), // this should control the value of multiSelect Dropdown\r\n parentClassName: PropTypes.string, // this should parent tag class\r\n options: PropTypes.array,// this should a option of dropdown\r\n onChangeFunc: PropTypes.func.isRequired, // this should control the onchange event and anything we need to determine before we send it up\r\n disabled: PropTypes.bool,//this should set dropdown disable\r\n placeholder: PropTypes.string,//this should set combobox placeholder\r\n required: PropTypes.bool, // this determines if the input is required and shows in red\r\n isVirtualOptions:PropTypes.bool,\r\n noDataTemplate:PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.bool\r\n ]) // set false to disapear filter options box when no recored found\r\n}\r\n\r\nWmsComboBox.defaultProps = {\r\n disabled: false,\r\n required: false,\r\n parentClassName: \"form-group\",\r\n placeholder:'Please Select',\r\n label:'',\r\n autoBind:true,\r\n isVirtualOptions:false,\r\n noDataTemplate:'NO DATA FOUND'\r\n}\r\nexport default WmsComboBox;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport style from './WmsTextArea.scss';\r\n\r\nclass WmsTextArea extends React.PureComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isSetRequiredBorder: false,\r\n value: props.value || \"\"\r\n }\r\n this.regExpArray = {\r\n 'number': /^[0-9\\b]+$/,\r\n 'letters': /^(?!\\s*$).+/,\r\n 'alphanumeric': /^[ A-Za-z0-9_@.]*$/,\r\n 'regularExp': this.props.regularExp\r\n };\r\n }\r\n static getDerivedStateFromProps (nextProps, prevState) {\r\n if(nextProps.value != prevState.value){\r\n return { value: nextProps.value || \"\" };\r\n }\r\n return null;\r\n }\r\n onChangeFunc = (e) => {\r\n\r\n var testValueType = this.props.regularExp == '' ? this.props.valueType : 'regularExp';\r\n var valueTypeMatch = testValueType != '' ? this.regExpArray[testValueType].test(e.target.value) : true;\r\n\r\n if (e.target.value === '' || valueTypeMatch) {\r\n this.setState({ value: e.target.value });\r\n this.props.onChangeFunc(e);\r\n }\r\n }\r\n onBlurFunc = (e) => {\r\n if(this.props.required) {\r\n var isSetRequiredBorder = false;\r\n if(!e.target.value) {\r\n isSetRequiredBorder = true;\r\n }\r\n this.setState({ isSetRequiredBorder: isSetRequiredBorder });\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nWmsTextArea.propTypes = {\r\n id: PropTypes.string, // this should write the id to the textArea\r\n name: PropTypes.string, // this should write the name to the textArea\r\n disabled: PropTypes.bool, // default will be false\r\n maxLength: PropTypes.number, // this is the maxLength of the textArea\r\n rows: PropTypes.number, // this is the row of the textarea\r\n cols: PropTypes.number, // this is the column of the textarea\r\n required: PropTypes.bool, // this determines if the textArea is required and shows in red\r\n wmsSelector: PropTypes.string.isRequired, // this should set up a selector on the textArea\r\n parentClassName: PropTypes.string, // this should parent tag class\r\n value: PropTypes.string, // this should control the value of\r\n valueType: PropTypes.string, // alphanumeric, number, letters\r\n label: PropTypes.string.isRequired, // this should be the label that display on box\r\n onChangeFunc: PropTypes.func.isRequired, // this should control the onchange event and anything we need to determine before we send it up\r\n}\r\n\r\nWmsTextArea.defaultProps = {\r\n disabled: false,\r\n required: false,\r\n rows: 10,\r\n cols: 10,\r\n maxLength: 255,\r\n parentClassName: 'textarea-listing',\r\n valueType: \"\",\r\n regularExp: ''\r\n}\r\n\r\nexport default WmsTextArea;","import React from 'react';\r\n\r\n//component\r\nimport WmsButton from '../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsCollapse from '../../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsDropdown from '../../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsComboBox from '../../../components/WmsComboBox/WmsComboBox.jsx';\r\nimport WmsInput from '../../../components/WmsInput/WmsInput.jsx';\r\nimport WmsCheckBox from '../../../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsCustomDateTimePicker from '../../../components/WmsCustomDateTimePicker/WmsCustomDateTimePicker.jsx';\r\nimport WmsTextArea from '../../../components/WmsTextArea/WmsTextArea.jsx';\r\nimport WmsModel from '../../../components/WmsModel/WmsModel.jsx';\r\nimport * as findOrdersService from '../findOrders.services.jsx';\r\nimport * as GlobalService from '../../../global_services';\r\nimport { StringWms } from '../../../../../assets/ts/StringWms.ts';\r\nimport './carrier-routing-model-proto.scss';\r\nimport { kendo } from \"../../../global_variable_service.jsx\";\r\n\r\nexport class CarrierRoutingModelProto extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.formInputs = [\"Carrier\", \"Service\", \"ScacCode\", \"AccountNumber\", \"AccountZip\", \"WarehouseInstructions\", \"CarrierInstructions\", \"LoadNumber\", \"BolNumber\", \"TrackingNumber\", \"TrailerNumber\", \"SealNumber\", \"DoorNumber\", \"Carrier\", \"Service\", \"InsuranceAmount\", \"DryIceWeight\"];\r\n this.checkboxInputs = [\"IsCod\", \"IsInsured\", \"RequiresReturnReceipt\", \"SaturdayDelivery\", \"ResidentialDelivery\"];\r\n this.dateInputs = [\"PickupDate\"];\r\n this.selectInputs = [\"BillingCode\", \"CapacityType\", \"DeliveryConfirmationType\", \"InsuranceType\", \"IntlContentsType\", \"IntlNonDelivery\"];\r\n\r\n this.Rights = GlobalService.GetRights();\r\n this.isEnableProvider = this.Rights.hasOwnProperty('Shipping.SmallParcelEnabled') && this.Rights['Integrations.SmallParcelPartner'] == 'ParcelApi';\r\n\r\n this.state = {\r\n selector: \"OrderEditCarrierRouting\",\r\n editOrderMultipleValues: this.translate('Label_Various_Values'),\r\n customLabels: GlobalService.getCustomLabels(),\r\n Rights: this.Rights,\r\n isDatepickerSetVariousLabel: false,\r\n showScac: false,\r\n optionsCarrier: [],\r\n optionsCarrierService: [],\r\n oldServiceName: '',\r\n defaultCarriersAndRoutingOptions: [],\r\n optionsCapacityTypes: [],\r\n optionsBillingType: [],\r\n optionsDeliveryConfirmationType: [\r\n { description: 'None', value: 'none' },\r\n { description: 'Delivery', value: 'delivery' },\r\n { description: 'Signature', value: 'signature' },\r\n { description: 'Adult Signature', value: 'adult_signature' },\r\n { description: 'Direct Signature', value: 'direct_signature' }\r\n ],\r\n optionsInsuranceType: [\r\n { description: 'None', value: 0 },\r\n { description: 'Carrier', value: 106 },\r\n { description: 'Third-party', value: 107 }\r\n ],\r\n optionsCODType: [\r\n { description: 'None', value: 0 },\r\n { description: 'Any', value: 100 },\r\n { description: 'Cash', value: 103 },\r\n { description: 'Cash Equivalent', value: 'Cash Equivalent' }\r\n ],\r\n optionsInitalContentType: [\r\n { description: 'None', value: \"\" },\r\n { description: 'Documents', value: 'documents' },\r\n { description: 'Gift', value: 'gift' },\r\n { description: 'Merchandise', value: 'merchandise' },\r\n { description: 'Returned Goods', value: 'returned_goods' },\r\n { description: 'Sample', value: 'sample' }\r\n ],\r\n optionsInitalNoneDelivery: [\r\n { description: 'None', value: \"\" },\r\n { description: 'Treat as Abandoned', value: 'treat_as_abandoned' },\r\n { description: 'Return to Sender', value: 'return_to_sender' }\r\n ],\r\n carrierRoutingFormData: null,\r\n custFacUPSFedExInfo: {},\r\n origFormData: null,\r\n gifSaveChangesAndExit: false,\r\n checkbox: {},\r\n concatInputs: this.formInputs.concat(this.checkboxInputs, this.dateInputs, this.selectInputs)\r\n\r\n };\r\n }\r\n componentDidMount() {\r\n\r\n kendo.ui.progress($('#WindowBulkEditCarrierProto'), true);\r\n\r\n findOrdersService.initialiseBulkEditModelProto(this.props.sharedSelectedOrderIds, this.props.customerId, this.props.facilityId).then((response) => {\r\n\r\n let tempObject = [];\r\n let tempOptionsCarrier = response.carriersAndCapacityTypesResponse.Carriers.Carriers;\r\n\r\n tempObject = tempOptionsCarrier.filter(function (el) {\r\n return el.Carrier === response.editRoutingInfoDataResponse.Carrier.Value;\r\n })[0];\r\n\r\n let shipmentServices = [];\r\n let optionsShipmentServices = [];\r\n if (typeof tempObject != 'undefined' && tempObject.hasOwnProperty('ShipmentServices')) {\r\n optionsShipmentServices = tempObject['ShipmentServices'];\r\n } else {\r\n optionsShipmentServices = response.carriersAndCapacityTypesResponse.Carriers.DefaultShipmentServices;\r\n }\r\n\r\n shipmentServices = GlobalService.hideDeactivatedShipmentServices(response.editRoutingInfoDataResponse.Carrier.Value, optionsShipmentServices,response.editRoutingInfoDataResponse.Service.Value);\r\n\r\n let tmpShipEngineCarrierResponse = response.carriersAndCapacityTypesResponse.Carriers.Carriers;\r\n tmpShipEngineCarrierResponse = tmpShipEngineCarrierResponse.filter((obj) => {\r\n return obj.Carrier != \"Buku\" && obj.Carrier != \"PitneyBowesExp\";\r\n });\r\n if (!this.isEnableProvider) {\r\n tmpShipEngineCarrierResponse = tmpShipEngineCarrierResponse.filter((obj) => {\r\n return obj.Carrier != \"PitneyBowesStd\";\r\n });\r\n }\r\n\r\n this.setState({\r\n defaultCarriersAndRoutingOptions: response.carriersAndCapacityTypesResponse.Carriers,\r\n optionsCarrier: tmpShipEngineCarrierResponse,\r\n optionsBillingType: (typeof tempObject != 'undefined' && tempObject.hasOwnProperty('BillingCodes')) ? tempObject['BillingCodes'] : response.carriersAndCapacityTypesResponse.Carriers.DefaultBillingCodes,\r\n optionsCarrierService: shipmentServices.shipmentServices,\r\n oldServiceName: shipmentServices.valueCode ? shipmentServices.valueCode.Description : response.editRoutingInfoDataResponse.Service.Value,\r\n optionsCapacityTypes: response.carriersAndCapacityTypesResponse.CapacityTypes,\r\n custFacUPSFedExInfo: response.carriersAndCapacityTypesResponse.CustFacCarrierInfo\r\n }, () => {\r\n this.translateFormData(response.editRoutingInfoDataResponse)\r\n });\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#WindowBulkEditCarrierProto'), false);\r\n setTimeout(() => {\r\n if (this.state.carrierRoutingFormData == null) {\r\n this.props.onEditCarrierRoutingClose();\r\n }\r\n }, 300);\r\n });\r\n }\r\n\r\n translateFormData = (param_formdata) => {\r\n\r\n let showScac = false;\r\n let concatInputs = this.state.concatInputs;\r\n let checkbox = {};\r\n let optionsBillingType = this.state.optionsBillingType;\r\n let optionsCapacityTypes = this.state.optionsCapacityTypes;\r\n let optionsInsuranceType = this.state.optionsInsuranceType;\r\n let optionsCODType = this.state.optionsCODType;\r\n let optionsInitalContentType = this.state.optionsInitalContentType;\r\n let optionsInitalNoneDelivery = this.state.optionsInitalNoneDelivery;\r\n let isDatepickerSetVariousLabel = false;\r\n let optionsDeliveryConfirmationType = this.state.optionsDeliveryConfirmationType;\r\n\r\n // SCAC state is dependent on carrier state so if it is Multiples\r\n if (param_formdata.Carrier.State === 1) {\r\n showScac = true;\r\n }\r\n for (var x = 0; x < concatInputs.length; x++) {\r\n if (this.formInputs.indexOf(concatInputs[x]) !== -1) { // these are form inputs\r\n\r\n if (param_formdata[concatInputs[x]].State === 1 && (\r\n concatInputs[x] != 'WarehouseInstructions' &&\r\n concatInputs[x] != 'CarrierInstructions'\r\n )) {\r\n param_formdata[concatInputs[x]].Value = this.state.editOrderMultipleValues;\r\n } else if (param_formdata[concatInputs[x]].State === 0) {\r\n param_formdata[concatInputs[x]].Value = \"\";\r\n } else if (this.props.sharedSelectedOrderIds.length > 1 && (\r\n concatInputs[x] == 'WarehouseInstructions' ||\r\n concatInputs[x] == 'CarrierInstructions')\r\n ) {\r\n param_formdata[concatInputs[x]].Value = \"\";\r\n }\r\n }\r\n\r\n if (this.checkboxInputs.indexOf(concatInputs[x]) !== -1) { // these are checkbox inputs\r\n if (param_formdata[concatInputs[x]].State === 1) {\r\n $(\"#\" + concatInputs[x]).prop(\"indeterminate\", true);\r\n checkbox[concatInputs[x]] = true;\r\n\r\n } else {\r\n $(\"#\" + concatInputs[x]).prop(\"indeterminate\", false);\r\n checkbox[concatInputs[x]] = false;\r\n }\r\n }\r\n\r\n if (this.selectInputs.indexOf(concatInputs[x]) !== -1) { // these are checkbox inputs\r\n if (param_formdata[concatInputs[x]].State === 1) {\r\n\r\n if (concatInputs[x] == 'BillingCode') {\r\n\r\n optionsBillingType.push({\r\n \"CodeTypeId\": -1,\r\n \"Code\": this.state.editOrderMultipleValues\r\n });\r\n param_formdata.BillingCode.Value = this.state.editOrderMultipleValues;\r\n\r\n } else if (concatInputs[x] == 'CapacityType') {\r\n\r\n optionsCapacityTypes.push({\r\n \"CapacityTypeId\": -1,\r\n \"Description\": this.state.editOrderMultipleValues\r\n });\r\n param_formdata.CapacityType.Value = this.state.editOrderMultipleValues;\r\n\r\n } else if (concatInputs[x] == \"InsuranceType\") {\r\n\r\n optionsInsuranceType.push({\r\n description: this.state.editOrderMultipleValues,\r\n value: -1\r\n });\r\n param_formdata.InsuranceType.Value = -1;\r\n\r\n } else if (concatInputs[x] == \"CODPayType\") {\r\n\r\n optionsCODType.push({\r\n description: this.state.editOrderMultipleValues,\r\n value: -1\r\n });\r\n param_formdata.CODPayType.Value = -1;\r\n\r\n } else if (concatInputs[x] == \"IntlContentsType\") {\r\n\r\n optionsInitalContentType.push({\r\n description: this.state.editOrderMultipleValues,\r\n value: -1\r\n });\r\n param_formdata.IntlContentsType.Value = -1;\r\n\r\n } else if (concatInputs[x] == \"IntlNonDelivery\") {\r\n\r\n optionsInitalNoneDelivery.push({\r\n description: this.state.editOrderMultipleValues,\r\n value: -1\r\n });\r\n param_formdata.IntlNonDelivery.Value = -1;\r\n\r\n } else if (concatInputs[x] == \"DeliveryConfirmationType\") {\r\n\r\n optionsDeliveryConfirmationType.push({\r\n description: this.state.editOrderMultipleValues,\r\n value: -1\r\n });\r\n param_formdata.DeliveryConfirmationType.Value = -1;\r\n }\r\n\r\n }\r\n }\r\n\r\n if (this.dateInputs.indexOf(concatInputs[x]) !== -1) { // these are date inputs\r\n if (param_formdata[concatInputs[x]].State === 1) {\r\n isDatepickerSetVariousLabel = true;\r\n }\r\n }\r\n }\r\n\r\n if (param_formdata.PickupDate.Value) {\r\n param_formdata.PickupDate.Value = StringWms.convertFilterStringToISODate(param_formdata.PickupDate.Value, '', false, true).isoStringUTC\r\n }\r\n\r\n var tmpOrigFormData = _.cloneDeep(param_formdata);\r\n\r\n if (param_formdata.Carrier.Value == 'FedEx') {\r\n if(param_formdata.BillingCode.Value == 'BillThirdParty') {\r\n param_formdata.BillingCode.Value = 'third party';\r\n }\r\n } else {\r\n if(param_formdata.BillingCode.Value == 'third party') {\r\n param_formdata.BillingCode.Value = 'BillThirdParty';\r\n }\r\n }\r\n\r\n this.setState({\r\n showScac: showScac,\r\n checkbox: checkbox,\r\n carrierRoutingFormData: param_formdata,\r\n optionsCapacityTypes: optionsCapacityTypes,\r\n optionsBillingType: optionsBillingType,\r\n optionsDeliveryConfirmationType: optionsDeliveryConfirmationType,\r\n optionsInsuranceType: optionsInsuranceType,\r\n optionsCODType: optionsCODType,\r\n optionsInitalContentType: optionsInitalContentType,\r\n optionsInitalNoneDelivery: optionsInitalNoneDelivery,\r\n isDatepickerSetVariousLabel: isDatepickerSetVariousLabel,\r\n origFormData: tmpOrigFormData\r\n });\r\n\r\n }\r\n\r\n handleCarrierChange = (e) => {\r\n\r\n let showScac = false;\r\n let carrierRoutingFormData = this.state.carrierRoutingFormData;\r\n\r\n if (e.target.value == null || e.target.value == \"\" || e.target.value == \" \" || e.target.value == this.state.editOrderMultipleValues) {\r\n showScac = true;\r\n }\r\n\r\n carrierRoutingFormData.Service.Value = '';\r\n carrierRoutingFormData.BillingCode.Value = '';\r\n carrierRoutingFormData.AccountNumber.Value = '';\r\n carrierRoutingFormData.AccountZip.Value = '';\r\n carrierRoutingFormData.Carrier.Value = e.target.value;\r\n\r\n let tempObject = this.state.optionsCarrier.filter(function (el) {\r\n return el.Carrier === e.target.value;\r\n })[0];\r\n\r\n carrierRoutingFormData.ScacCode.Value = (typeof tempObject != 'undefined' && tempObject.hasOwnProperty('ScacCode')) ? tempObject['ScacCode'] : '';\r\n this.setAccountNumberAndZip(e.target.value, null, carrierRoutingFormData);\r\n\r\n let shipmentServices = [];\r\n let optionsShipmentServices = [];\r\n if (typeof tempObject != 'undefined' && tempObject.hasOwnProperty('ShipmentServices')) {\r\n optionsShipmentServices = tempObject['ShipmentServices'];\r\n } else {\r\n optionsShipmentServices = this.state.defaultCarriersAndRoutingOptions.DefaultShipmentServices;\r\n }\r\n shipmentServices = GlobalService.hideDeactivatedShipmentServices(e.target.value, optionsShipmentServices);\r\n\r\n this.setState({\r\n optionsCarrierService: shipmentServices.shipmentServices,\r\n oldServiceName: shipmentServices.valueCode?.Description,\r\n optionsBillingType: (typeof tempObject != 'undefined' && tempObject.hasOwnProperty('BillingCodes')) ? tempObject['BillingCodes'] : this.state.defaultCarriersAndRoutingOptions.DefaultBillingCodes,\r\n showScac: showScac,\r\n carrierRoutingFormData: carrierRoutingFormData\r\n });\r\n }\r\n\r\n\r\n setAccountNumberAndZip = (param_current_carrier, param_billing_code, param_carrierFormData) => {\r\n //var selectedCarrierDetails = this.props.sharedOptions.Carriers.Carriers[param_current_carrier_index];\r\n if (param_current_carrier != null) {\r\n var accountSelectedText = '';\r\n\r\n if (param_current_carrier == 'UPS' || param_current_carrier == 'FedEx') {\r\n var Account = '';\r\n var ShipPointZip = '';\r\n\r\n\r\n if (param_current_carrier == 'UPS') {\r\n if (param_billing_code == 'Prepaid') {\r\n if (this.state.custFacUPSFedExInfo.CustCarrierInfo == 2 || this.state.custFacUPSFedExInfo.CustCarrierInfo == 1) {\r\n Account = this.state.custFacUPSFedExInfo.CustUPSAccount;\r\n ShipPointZip = this.state.custFacUPSFedExInfo.CustUPSAccountZip;\r\n accountSelectedText = 'UPS Account of ' + this.state.custFacUPSFedExInfo.CustName;\r\n } else if(this.state.custFacUPSFedExInfo.CustCarrierInfo == 3 || this.state.custFacUPSFedExInfo.CustCarrierInfo == 0){\r\n Account = this.state.custFacUPSFedExInfo.FacUPSAccount;\r\n ShipPointZip = this.state.custFacUPSFedExInfo.FacZip;\r\n accountSelectedText = 'UPS Account of ' + this.state.custFacUPSFedExInfo.FacName;\r\n }\r\n\r\n } else if (param_billing_code == 'BillThirdParty') {\r\n if (this.state.custFacUPSFedExInfo.CustCarrierInfo == 3 || this.state.custFacUPSFedExInfo.CustCarrierInfo == 1) {\r\n Account = this.state.custFacUPSFedExInfo.CustUPSAccount;\r\n ShipPointZip = this.state.custFacUPSFedExInfo.CustUPSAccountZip;\r\n accountSelectedText = 'UPS Account of ' + this.state.custFacUPSFedExInfo.CustName;\r\n }\r\n }\r\n else {\r\n Account = '';\r\n ShipPointZip = '';\r\n accountSelectedText = '';\r\n }\r\n\r\n } else if (param_current_carrier == 'FedEx') {\r\n if (param_billing_code == 'sender') {\r\n if (this.state.custFacUPSFedExInfo.CustCarrierInfo == 2 || this.state.custFacUPSFedExInfo.CustCarrierInfo == 1) {\r\n Account = this.state.custFacUPSFedExInfo.CustFedexAccount;\r\n ShipPointZip = this.state.custFacUPSFedExInfo.CustUPSAccountZip;\r\n accountSelectedText = 'Fedex Account of ' + this.state.custFacUPSFedExInfo.CustName;\r\n } else if (this.state.custFacUPSFedExInfo.CustCarrierInfo == 0 || this.state.custFacUPSFedExInfo.CustCarrierInfo == 3) {\r\n Account = this.state.custFacUPSFedExInfo.FacFedexAccount;\r\n ShipPointZip = this.state.custFacUPSFedExInfo.FacZip;\r\n accountSelectedText = 'Fedex Account of ' + this.state.custFacUPSFedExInfo.FacName;\r\n }\r\n\r\n } else if (param_billing_code == 'third party') {\r\n if (this.state.custFacUPSFedExInfo.CustCarrierInfo == 3 || this.state.custFacUPSFedExInfo.CustCarrierInfo == 1) {\r\n Account = this.state.custFacUPSFedExInfo.CustFedexAccount;\r\n ShipPointZip = this.state.custFacUPSFedExInfo.CustUPSAccountZip;\r\n accountSelectedText = 'Fedex Account of ' + this.state.custFacUPSFedExInfo.CustName;\r\n }\r\n // else {\r\n // Account = this.state.custFacUPSFedExInfo.FacFedexAccount;\r\n // ShipPointZip = this.state.custFacUPSFedExInfo.FacZip;\r\n // accountSelectedText = 'Fedex Account of ' + this.state.custFacUPSFedExInfo.FacName;\r\n // }\r\n\r\n } else {\r\n Account = '';\r\n ShipPointZip = '';\r\n accountSelectedText = '';\r\n }\r\n }\r\n\r\n param_carrierFormData[\"AccountNumber\"].Value = Account;\r\n param_carrierFormData[\"AccountZip\"].Value = ShipPointZip;\r\n\r\n this.setState({\r\n carrierRoutingFormData: param_carrierFormData,\r\n accountSelectedText: accountSelectedText,\r\n });\r\n\r\n } else {\r\n param_carrierFormData[\"Carrier\"].Value = param_current_carrier;\r\n\r\n this.setState({\r\n carrierRoutingFormData: param_carrierFormData,\r\n });\r\n }\r\n }\r\n }\r\n\r\n handleChangeEvent = (event) => {\r\n let routingFormObj = this.state.carrierRoutingFormData;\r\n let checkbox = this.state.checkbox;\r\n\r\n if (event.target.type == 'checkbox') {\r\n checkbox[event.target.name] = false;\r\n routingFormObj[event.target.name].Value = !routingFormObj[event.target.name].Value;\r\n\r\n } else if (event.target.type == 'select-one' && event.target.id == \"BillingCode\") {\r\n this.setAccountNumberAndZip(this.state.carrierRoutingFormData.Carrier.Value, event.target.value, routingFormObj);\r\n routingFormObj[event.target.name].Value = event.target.value;\r\n\r\n } else {\r\n routingFormObj[event.target.name].Value = event.target.value;\r\n }\r\n\r\n var oldServiceName = this.state.oldServiceName;\r\n if (event.target.name == \"Service\") {\r\n oldServiceName = event.target.value;\r\n if (this.state.carrierRoutingFormData.Carrier.Value) {\r\n var carrier = this.state.carrierRoutingFormData.Carrier.Value;\r\n let shipmentServices = [];\r\n let optionsShipmentServices = [];\r\n let tempObject = this.state.optionsCarrier.filter(function (el) {\r\n return el.Carrier === carrier;\r\n })[0];\r\n if (typeof tempObject != 'undefined' && tempObject.hasOwnProperty('ShipmentServices')) {\r\n optionsShipmentServices = tempObject['ShipmentServices'];\r\n } else {\r\n optionsShipmentServices = this.state.defaultCarriersAndRoutingOptions.DefaultShipmentServices;\r\n }\r\n shipmentServices = GlobalService.hideDeactivatedShipmentServices(carrier, optionsShipmentServices, event.target.value);\r\n oldServiceName = shipmentServices.valueCode?.Description;\r\n }\r\n }\r\n\r\n if (\r\n event.target.name == 'InsuranceType' ||\r\n event.target.name == 'CODPayType'\r\n ) {\r\n routingFormObj[event.target.name].Value = parseInt(event.target.value);\r\n }\r\n\r\n if (event.target.name == 'IsInsured' && event.target.checked == false) {\r\n routingFormObj.InsuranceType.Value = 0;\r\n routingFormObj.InsuranceType.HasChanged = true;\r\n routingFormObj.InsuranceAmount.Value = 0;\r\n routingFormObj.InsuranceAmount.HasChanged = true;\r\n }\r\n\r\n this.setState({\r\n checkbox: checkbox,\r\n oldServiceName: oldServiceName,\r\n carrierRoutingFormData: routingFormObj\r\n });\r\n\r\n\r\n }\r\n\r\n eventClickSaveChangesAndExit = () => {\r\n this.setState({ gifSaveChangesAndExit: true });\r\n let routingFormObj = this.detectChangesFromOrig();\r\n findOrdersService.bulkUpdateCarrierRoutingProto({\r\n 'massRoutingData': routingFormObj,\r\n 'orderIds': this.props.sharedSelectedOrderIds\r\n }).then((response) => {\r\n\r\n\r\n if (response) {\r\n if (response.status == 200 || response.status == 204) {\r\n GlobalService.notification('success', this.translate('Label_Bulk_Edit_Success'));\r\n\r\n\r\n //EventNewOrderData for reload find order grid\r\n this.orderGridRead({ \"action\": \"update\" });\r\n setTimeout(() => {\r\n this.props.onEditCarrierRoutingClose();\r\n }, 100);\r\n }\r\n }\r\n }).finally(() => {\r\n this.setState({ gifSaveChangesAndExit: false });\r\n kendo.ui.progress($('#WindowBulkEditCarrierProto'), false);\r\n });\r\n\r\n }\r\n\r\n orderGridRead = (param_event_data) => {\r\n param_event_data.source = 'react';\r\n var eventItem = new CustomEvent(\"EventNewOrderData\", {\r\n detail: param_event_data\r\n });\r\n document.dispatchEvent(eventItem);\r\n }\r\n\r\n detectChangesFromOrig = () => {\r\n let concatInputs = this.state.concatInputs;\r\n let routingObj = this.state.carrierRoutingFormData;\r\n\r\n for (var x = 0; x < concatInputs.length; x++) {\r\n if (concatInputs[x] == \"PickupDate\") {\r\n if (new Date(routingObj[concatInputs[x]].Value).getTime() !== new Date(this.state.origFormData[concatInputs[x]].Value).getTime()) {\r\n routingObj[concatInputs[x]].HasChanged = true;\r\n if (routingObj[concatInputs[x]].Value == null) {\r\n routingObj[concatInputs[x]].Value = \"\";\r\n } else {\r\n routingObj[concatInputs[x]].Value = StringWms.convertFilterStringToISODate(routingObj[concatInputs[x]].Value, '', false, true).isoStringUTC\r\n }\r\n }\r\n } else {\r\n if (routingObj[concatInputs[x]].Value !== this.state.origFormData[concatInputs[x]].Value) {\r\n routingObj[concatInputs[x]].HasChanged = true;\r\n if (routingObj[concatInputs[x]].Value == null) {\r\n routingObj[concatInputs[x]].Value = \"\";\r\n }\r\n if (this.props.sharedSelectedOrderIds.length > 1 && (routingObj[concatInputs[x]].State == 1 || routingObj[concatInputs[x]].State == 2) &&\r\n (\r\n concatInputs[x] == 'WarehouseInstructions' ||\r\n concatInputs[x] == 'CarrierInstructions'\r\n ) && (routingObj[concatInputs[x]].Value != \"\")\r\n ) {\r\n var formVal = routingObj[concatInputs[x]].Value;\r\n routingObj[concatInputs[x]].Value = kendo.toString(kendo.parseDate(new Date()), 'yyyy/MM/dd HH:mm - ') + formVal;\r\n }\r\n }\r\n }\r\n }\r\n\r\n return routingObj;\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n\r\n
\r\n\r\n \r\n\r\n
\r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n\r\n
\r\n\r\n \r\n\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n );\r\n }\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsButton from '../WmsButton/WmsButton.jsx';\r\nimport WmsCheckBox from '../WmsCheckBox/WmsCheckBox.jsx';\r\n\r\nimport WmsContainer from '../WmsContainer/WmsContainer.jsx';\r\nimport WmsModel from '../WmsModel/WmsModel.jsx';\r\nimport './add-edit-columns.scss';\r\n\r\nexport class AddEditColumnModel extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n Selector: \"AddEditColumn\",\r\n gridDomSelector: () => this.props.windowId ? '.' + this.props.windowId + ' #' + this.props.id : '#' + this.props.id,\r\n enableColumns: [],\r\n isOpenColumnModel: true,\r\n onOpenColumnList: [],\r\n };\r\n }\r\n\r\n componentDidMount(){\r\n this.getShowColumnList();\r\n }\r\n getShowColumnList = () => {\r\n let enableColumns = [];\r\n let grid = $('.' + this.props.windowId + ' #' + this.props.gridId).data('kendoGrid');\r\n let columnList = grid.columns;\r\n\r\n columnList.filter((item) => {\r\n if (item.hidden !== true) {\r\n enableColumns.push(item.field);\r\n }\r\n });\r\n this.setState({\r\n enableColumns: enableColumns,\r\n onOpenColumnList: JSON.parse(JSON.stringify(enableColumns))\r\n });\r\n }\r\n exitBatchModel = () => {\r\n this.onCloseColumnModel();\r\n }\r\n onCloseColumnModel = () => {\r\n this.setState({\r\n isOpenColumnModel: false\r\n });\r\n this.props.onCloseColumnModel();\r\n }\r\n eventSave = () => {\r\n // set isReload true if any new column add for show\r\n var isReload = false;\r\n var onOpenColumnList = this.state.onOpenColumnList;\r\n var substractionArr = this.state.enableColumns.filter(n => !onOpenColumnList.includes(n));\r\n if (substractionArr.length > 0) {\r\n isReload = true;\r\n }\r\n let grid = $('.' + this.props.windowId + ' #' + this.props.gridId).data('kendoGrid');\r\n\r\n var updateColumn = [];\r\n var enableColumns = this.state.enableColumns;\r\n var gridActionObject = null;\r\n grid.columns.filter((column) => {\r\n if(column.field == 'grid-action'){\r\n gridActionObject = column;\r\n var index = enableColumns.indexOf(column.field);\r\n delete enableColumns[index];\r\n }\r\n var enableColumnindex = enableColumns.indexOf(column.field);\r\n if (enableColumnindex !== -1) {\r\n updateColumn.push(column);\r\n delete enableColumns[enableColumnindex];\r\n }\r\n });\r\n this.props.allSortColumnList.filter((column) => {\r\n if (enableColumns.indexOf(column.field) !== -1) {\r\n updateColumn.push(column);\r\n }\r\n });\r\n if(gridActionObject){\r\n updateColumn.push(gridActionObject);\r\n }\r\n grid.setOptions({\r\n columns: updateColumn\r\n });\r\n this.onCloseColumnModel();\r\n\r\n if (isReload) {\r\n this.props.updateGridData();\r\n }\r\n this.props.saveChangesInMetaData();\r\n\r\n };\r\n toggleColumnChange = (id) => (event) => {\r\n var enableColumns = this.state.enableColumns;\r\n\r\n var idx = this.state.enableColumns.indexOf(id);\r\n\r\n (idx === -1) ? enableColumns.push(id) : enableColumns.splice(idx, 1);\r\n\r\n this.setState({\r\n enableColumns: enableColumns\r\n });\r\n\r\n }\r\n\r\n render() {\r\n let hideColumnsList = '';\r\n if(this.props.hideColumns){ // get comma saperated column list for hide in list\r\n hideColumnsList = this.props.hideColumns;\r\n }\r\n return (\r\n \r\n \r\n {this.props.allSortColumnList.map((obj, index) => (\r\n (obj.field != (this.props.isShawRowNumberColumnInList ? '' : 'RowNumber') && hideColumnsList.indexOf(obj.field) == -1) &&\r\n \r\n\r\n
\r\n \r\n
\r\n ))}\r\n \r\n
\r\n \r\n );\r\n }\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsButton from '../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsInput from '../../../components/WmsInput/WmsInput.jsx';\r\nimport WmsDropdown from '../../../components/WmsDropdown/WmsDropdown.jsx';\r\n\r\nimport WmsCollapse from './../../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsModel from './../../../components/WmsModel/WmsModel.jsx';\r\nimport WmsTextArea from \"./../../../components/WmsTextArea/WmsTextArea.jsx\";\r\n\r\nimport { ObjectWms } from '../../../../../assets/ts/ObjectWms.ts';\r\nimport { ArrayWms } from '../../../../../assets/ts/ArrayWms.ts';\r\nimport * as GlobalService from '../../../global_services';\r\n\r\nvar UtcOffset = new Date().getTimezoneOffset() / 60 * -1;\r\n\r\nimport './bill-of-lading.scss';\r\nvar axios = require('axios');\r\nexport class BillOfLadingModel extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n this.defaultFormData = {\r\n \"OrderId\": props.OrderId,\r\n \"ReferenceNum\": \"picktest025\",\r\n \"Carrier\": {\r\n \"Value\": \"\",\r\n \"State\": 2,\r\n \"HasChanged\": false\r\n },\r\n \"ScacCode\": {\r\n \"Value\": \"\",\r\n \"State\": 2,\r\n \"HasChanged\": false\r\n },\r\n \"Service\": {\r\n \"Value\": \"\",\r\n \"State\": 2,\r\n \"HasChanged\": false\r\n },\r\n \"BillingCode\": {\r\n \"Value\": \"\",\r\n \"State\": 2,\r\n \"HasChanged\": false\r\n },\r\n \"BolNumber\": {\r\n \"Value\": \"\",\r\n \"State\": 2,\r\n \"HasChanged\": false\r\n },\r\n \"TrackingNumber\": {\r\n \"Value\": \"\",\r\n \"State\": 2,\r\n \"HasChanged\": false\r\n },\r\n \"TrailerNumber\": {\r\n \"Value\": \"\",\r\n \"State\": 2,\r\n \"HasChanged\": false\r\n },\r\n \"SealNumber\": {\r\n \"Value\": \"\",\r\n \"State\": 2,\r\n \"HasChanged\": false\r\n },\r\n \"ShippingNotes\": {\r\n \"Value\": \"\",\r\n \"State\": 2,\r\n \"HasChanged\": false\r\n },\r\n \"PackageCount\": {\r\n \"Value\": 0,\r\n \"State\": 2,\r\n \"HasChanged\": false\r\n },\r\n \"PackagingUOM\": {\r\n \"Value\": \"\",\r\n \"State\": 2,\r\n \"HasChanged\": false\r\n },\r\n \"HandlingUnitQuantity\": {\r\n \"Value\": 0,\r\n \"State\": 2,\r\n \"HasChanged\": false\r\n },\r\n \"HandlingUnitType\": {\r\n \"Value\": \"\",\r\n \"State\": 2,\r\n \"HasChanged\": false\r\n },\r\n \"TotalWeight\": {\r\n \"Value\": 0,\r\n \"State\": 0,\r\n \"HasChanged\": false\r\n }\r\n };\r\n this.state = {\r\n Selector: \"BillOfLading\",\r\n generateGif: false,\r\n isOpenLadingModel: props.isOpenLadingModel,\r\n carrierOptions: [],\r\n bolOptions: [],\r\n billingTypeOptions: [],\r\n serviceLevelOptions: [],\r\n UnitofMeasureTypesOptions: [],\r\n formData: this.defaultFormData,\r\n carrierIndex: \"\"\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.isOpenLadingModel && !this.state.isOpenLadingModel) {\r\n this.setState({\r\n isOpenLadingModel: true\r\n });\r\n }\r\n }\r\n componentDidMount() {\r\n let uri = \"orderId=\" + this.props.orderId + \"&customerId=\" + this.props.customerId + \"&bolGeneratorUri=/orders/\" + this.props.orderId + \"/bolidgenerator?bolnumastransnum=false\"\r\n console.log(\"uri :\", uri);\r\n kendo.ui.progress($('#billoflading'), true);\r\n axios.get('/WebUI/Shipping/FindOrders/GetBOLData?' + uri)\r\n .then((response) => {\r\n var bolOptions = this.sortBolOptions(response.data.ReportTemplates[0].Reports);\r\n let columnIndex = ObjectWms.FindIndexByProperty(\r\n response.data.Carriers.Carriers,\r\n \"Carrier\",\r\n response.data.FormData.Carrier.Value\r\n );\r\n\r\n var billingTypeOptions = response.data.Carriers.DefaultBillingCodes;\r\n var serviceLevelOptions = response.data.Carriers.DefaultShipmentServices;\r\n\r\n if (columnIndex !== -1) {\r\n var carrierObj = response.data.Carriers.Carriers[columnIndex];\r\n billingTypeOptions = carrierObj.BillingCodes;\r\n serviceLevelOptions = carrierObj.ShipmentServices;\r\n }\r\n\r\n this.setState({\r\n carrierOptions: response.data.Carriers.Carriers,\r\n billingTypeOptions: billingTypeOptions,\r\n serviceLevelOptions: serviceLevelOptions,\r\n UnitofMeasureTypesOptions: response.data.UnitofMeasureTypes,\r\n bolOptions: bolOptions,\r\n\r\n billOfLadingTemplate: bolOptions[0].TemplatedRunner,\r\n formData: response.data.FormData,\r\n carrierIndex: columnIndex\r\n });\r\n\r\n // if bill of landing only one option than select first and move focus on bill of landing number\r\n if (bolOptions.length == 1) {\r\n setTimeout(() => {\r\n $(\"#billOfLadingNumber\").focus();\r\n }, 300);\r\n }\r\n kendo.ui.progress($('#billoflading'), false);\r\n }).finally(() => { \r\n kendo.ui.progress($('#billoflading'), false);\r\n });\r\n }\r\n\r\n sortBolOptions = (param_response) => {\r\n var sortOptions = [];\r\n sortOptions = param_response.sort(function (first, second) {\r\n if (first.Name == 'Default' || second.Name == 'Default') { return -1; }\r\n var firstReport = first.Name.toUpperCase(); // ignore upper and lowercase\r\n var secondReport = second.Name.toUpperCase(); // ignore upper and lowercase\r\n\r\n if (firstReport < secondReport) { return -1; }\r\n\r\n if (firstReport > secondReport) { return 1; }\r\n // names must be equal\r\n return 0;\r\n });\r\n return sortOptions;\r\n }\r\n templateHandleChange = (e) => {\r\n var name = e.target.name;\r\n this.setState({ [name]: e.target.value });\r\n }\r\n handleChange = (e) => {\r\n var name = e.target.name;\r\n\r\n if (name == \"HandlingUnitType\" || name == \"PackagingUOM\") {\r\n this.setState({\r\n formData: Object.assign(\r\n this.state.formData,\r\n {\r\n [e.target.name]: {\r\n \"Name\": e.target.value,\r\n \"Id\": 0 // find id from option using name and attach here if it's present in option\r\n }\r\n }\r\n )\r\n });\r\n } else {\r\n this.setState({\r\n formData: Object.assign(\r\n this.state.formData,\r\n {\r\n [e.target.name]: {\r\n \"Value\": e.target.value,\r\n \"State\": 2,\r\n \"HasChanged\": true,\r\n }\r\n }\r\n )\r\n });\r\n }\r\n\r\n }\r\n onCarrierChange = (e) => {\r\n var valueObj = this.state.carrierOptions[e.target.value]\r\n this.setState({\r\n formData: Object.assign(\r\n this.state.formData,\r\n {\r\n \"Carrier\": {\r\n \"Value\": valueObj.Carrier,\r\n \"State\": 2,\r\n \"HasChanged\": true,\r\n },\r\n \"ScacCode\": {\r\n \"Value\": valueObj.ScacCode,\r\n \"State\": 2,\r\n \"HasChanged\": true,\r\n },\r\n }\r\n ),\r\n billingTypeOptions: valueObj.BillingCodes,\r\n serviceLevelOptions: valueObj.ShipmentServices,\r\n [e.target.name]: e.target.value,\r\n });\r\n }\r\n\r\n generateBillOfLading = (e) => {\r\n this.setState({\r\n generateGif: true\r\n })\r\n var finalObject = {\r\n \"formData\": this.state.formData,\r\n \"BOLRequestBodyModel\": {\r\n \"RunnerUriTemplate\": this.state.billOfLadingTemplate,\r\n \"TransactionIds\": [this.props.orderId],\r\n \"BolNumAsTransNum\": false,\r\n \"IgnoreDuplicates\": true,\r\n \"UtcOffset\": UtcOffset,\r\n \"OutputType\": \"application/pdf\"\r\n }\r\n }\r\n console.log(\"generateBillOfLading call finalObject:\", finalObject);\r\n axios.put('/WebUI/Shipping/FindOrders/SaveOrderAndBOLReport', finalObject)\r\n .then((response) => {\r\n this.handleResponseMenuPrint(response.data);\r\n })\r\n .finally(() => {\r\n this.setState({\r\n generateGif: false,\r\n isOpenLadingModel: false\r\n })\r\n });\r\n\r\n }\r\n handleResponseMenuPrint = (data) => {\r\n var blob = ArrayWms.convertBase64ToByteArray(data, 'application/pdf');\r\n ArrayWms.displayBlobInWindow(blob, 'report.pdf');\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n )\r\n }\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsModel from '../../../../components/WmsModel/WmsModel.jsx';\r\nimport WmsCollapse from '../../../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsButton from '../../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsDropdown from '../../../../components/WmsDropdown/WmsDropdown.jsx';\r\n\r\n\r\n//services\r\nimport * as GlobalService from './../../../../global_services';\r\nimport * as findOrdersService from '../../findOrders.services.jsx';\r\n\r\nimport './transfer-order.scss';\r\nexport class TransferOrderModel extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n selector: \"TransferOrder\",\r\n transferOrdeGif:false,\r\n facilityOptions:[],\r\n selectedFacilityId:'',\r\n selectedFacilityName:'',\r\n }\r\n }\r\n\r\n componentWillMount() {\r\n this.getFacilityCustomerById();\r\n }\r\n\r\n getFacilityCustomerById() {\r\n this.setState({\r\n facilityOptions: this.props.transferFacilityOptions,\r\n selectedFacilityName: this.props.transferFacilityName\r\n });\r\n }\r\n handleFacilityChange = (e) =>{\r\n this.setState({selectedFacilityId:e.target.value});\r\n console.log(\"handleFacilityChange call:\",e.target.value);\r\n }\r\n transferOrder =()=>{\r\n var payload = {\r\n OrderIds: this.props.sharedSelectedOrderIds,\r\n FacilityId: this.state.selectedFacilityId\r\n }\r\n\r\n findOrdersService.OrdersTranfer(payload).then((response) => {\r\n if (typeof response != 'undefined' && response.status === 200) {\r\n // showing moving icon animation start\r\n\r\n this.$rootScope.animationMoveIcon($('#transferOrderAsync'));\r\n this.$rootScope.taskStarted();\r\n // this.$rootScope.$broadcast(\"EventProgressOrdersTransfer\", {\r\n // \"ordersTransfer\": { uri: response.data.StatusRelativeUri },\r\n // \"callBackFunc\": this.ordersTransfer,\r\n // 'numSelectedOrders': this.props.sharedSelectedOrderIds.length\r\n // });\r\n var transferOrderObj = {\r\n \"type\":\"ordersTransfer\",\r\n \"ordersTransfer\": { uri: response.data.StatusRelativeUri },\r\n \"callBackFunc\": this.ordersTransfer,\r\n 'numSelectedOrders': this.props.sharedSelectedOrderIds.length\r\n }\r\n var event = new CustomEvent(\"showProgressModal\", {\r\n detail: transferOrderObj\r\n });\r\n document.dispatchEvent(event);\r\n }\r\n }).finally(() => {\r\n\r\n this.props.onCloseTransferOrderModel();\r\n });\r\n\r\n }\r\n\r\n ordersTransfer = (data) => {\r\n console.log(\"ordersTransfer data\", data);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {this.translate(this.props.sharedSelectedOrderIds.length > 1 ? \"Teansfer_Orders_Summary\" : \"Teansfer_Order_Summary\").replace(new RegExp('{' + 'amount' + '}', 'gi'), this.props.sharedSelectedOrderIds.length).replace(new RegExp('{' + 'facility' + '}', 'gi'), this.state.selectedFacilityName)}\r\n \r\n
\r\n \r\n 1 ? \"s\" : \"\")) }\r\n wmsSelector={this.state.selector + \"transferORder\"}\r\n onClickFunc={this.transferOrder}\r\n disabled={!this.state.selectedFacilityId || this.state.facilityOptions.length == 0}\r\n showToolTip={this.state.facilityOptions.length == 0}\r\n tooltipText={this.translate('Label_Cannot_TransferOrders')}\r\n loading={this.state.transferOrdeGif}\r\n icon={'fa-exchange'}\r\n />\r\n
\r\n \r\n )\r\n }\r\n}","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport PropTypes from 'prop-types';\r\nimport WmsButton from '../WmsButton/WmsButton.jsx'\r\nimport WmsCheckBox from '../WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsButtonDropdown from '../WmsButtonDropdown/WmsButtonDropdown.jsx'\r\nimport WmsMenuItem from '../WmsMenuItem/WmsMenuItem.jsx'\r\nimport * as GlobalService from '../../global_services';\r\nimport { KendoGridWms } from '../../../../assets/ts/KendoGridWms.ts';\r\nimport { ObjectWms } from '../../../../assets/ts/ObjectWms.ts';\r\nimport { ArrayWms } from '../../../../assets/ts/ArrayWms.ts';\r\nimport { StringWms } from '../../../../assets/ts/StringWms.ts';\r\nimport WmsContextMenu from '../WmsContextMenu/WmsContextMenu.jsx';\r\nvar axios = require('axios');\r\nimport style from \"./WmsGrid.scss\";\r\n\r\nclass WmsGrid extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this._ismounted = false;\r\n this.state = {\r\n gridDomSelector: () => this.props.windowId ? '.' + this.props.windowId + ' #' + this.props.id : '#' + this.props.id,\r\n sortArrayGrid: [], // default set of sorts on the grid\r\n dataBindingInitial: 0,\r\n totalResult: 0,\r\n sortColums: '',\r\n layoutData: this.props.layoutData,\r\n disabledText: \"\",\r\n selectedRows: 0,\r\n currentSelectionRowsArr: [],\r\n selectAll: false,\r\n isHovering: false,\r\n KendoGrid: new KendoGridWms(this.props.id, this.props.windowId, this.props.gridKeySelection, this.props.getGridSelectionUrl),\r\n staticGridData: props.staticGridData,\r\n filterObject: props.filterObject,\r\n transportData: {},\r\n gridExpandIndex: null,\r\n columns: props.columns\r\n }\r\n\r\n this.EventClickResetGrid = this.EventClickResetGrid.bind(this);\r\n this.EventClickClearFilters = this.EventClickClearFilters.bind(this);\r\n this.EventClickClearSorts = this.EventClickClearSorts.bind(this);\r\n this.assembleGridObjectForKendoConsumption = this.assembleGridObjectForKendoConsumption.bind(this);\r\n this.eventMouseEnter = this.eventMouseEnter.bind(this);\r\n this.eventMouseLeave = this.eventMouseLeave.bind(this);\r\n this.beforeContextMenuOpen = this.beforeContextMenuOpen.bind(this);\r\n this.initGrid = this.initGrid.bind(this);\r\n this.updateGridSummary = this.updateGridSummary.bind(this);\r\n this.handleMouseHover = this.handleMouseHover.bind(this);\r\n this.handleMouseLeave = this.handleMouseLeave.bind(this);\r\n this.eventClickContextMenu = this.eventClickContextMenu.bind(this);\r\n\r\n // this.state = {\r\n // facilityId: props.facilityId,\r\n // gridSchema: props.gridSchema,\r\n // gridColumn: props.gridColumn,\r\n // KendoGrid: props.KendoGrid,\r\n // GridOptions: props.GridOptions\r\n\r\n // }\r\n\r\n this.$rootScope = window;\r\n this.translate = window.translate\r\n // this.initGrid();\r\n\r\n }\r\n\r\n componentDidMount() {\r\n this._ismounted = true;\r\n // clear grid menu dropdown\r\n $(this.state.gridDomSelector() + \"menu\").kendoMenu();\r\n\r\n var that = this;\r\n if (this.props.virtual == true && typeof this.props.transport.read.data != \"undefined\") {\r\n this.setState({\r\n transportData: JSON.parse(JSON.stringify(this.props.transport.read.data))\r\n });\r\n }\r\n\r\n // prevent columns sorting when resize columns\r\n var isResizeHandler = false;\r\n $(this.state.gridDomSelector()).on('mousedown', '.k-grid-header-wrap', (event) => {\r\n isResizeHandler = $(event.target).hasClass(\"k-resize-handle\");\r\n });\r\n\r\n // restring multiple sorting direct click on header\r\n $(this.state.gridDomSelector()).on(\"mouseup\", \"th>a.k-link\", function (e) {\r\n if (!(e.ctrlKey || e.metaKey) && !isResizeHandler) {\r\n that.setState({\r\n sortArrayGrid: []\r\n });\r\n }\r\n console.log(\"sortArrayGrid \", that.state.sortArrayGrid);\r\n });\r\n\r\n // lets get our grid options\r\n if ((this.props.layoutData === null || typeof (this.props.layoutData) === \"undefined\") && that.state.dataBindingInitial === 0) {\r\n axios.get('/WebUI/Shared/GridOptions/GetGridOptions?name=' + this.props.gridName).then(function (response) {\r\n that.initGrid(response.data);\r\n\r\n });\r\n }\r\n else {\r\n that.initGrid(this.props.layoutData);\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n var that = this;\r\n if (typeof nextProps.staticGridData != \"undefined\" && nextProps.staticGridData != this.state.staticGridData) {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n if (typeof grid != \"undefined\") {\r\n grid.dataSource.data(nextProps.staticGridData);\r\n\r\n that.state.KendoGrid.clearSelections(function () {\r\n that.state.KendoGrid.repaintSelections();\r\n });\r\n }\r\n this.eventSelectAll(\"deselect\");\r\n this.setState({\r\n staticGridData: nextProps.staticGridData\r\n })\r\n }\r\n\r\n if (typeof nextProps.filterObject != \"undefined\" && nextProps.filterObject != this.state.filterObject) {\r\n console.log(\"nextProps.filterObject \", nextProps.filterObject);\r\n if (this.props.inlineFilter) {\r\n var dataSource = $(this.state.gridDomSelector()).data(\"kendoGrid\").dataSource;\r\n dataSource.filter(nextProps.filterObject);\r\n this.setState({\r\n filterObject: nextProps.filterObject\r\n });\r\n this.eventSelectAll(\"deselect\");\r\n } else {\r\n console.log(\"nextProps.filterObject : \", nextProps.filterObject[0]);\r\n GlobalService.GridSearchInfoSend(this.props.searchUrl, nextProps.filterObject[0]).then(\r\n function successCallBack(response) {\r\n if(!that._ismounted) {\r\n // --- used only in Manage Item when reset customer\r\n // --- Returning to avoid memory-leak on reset of item grid\r\n return;\r\n }\r\n var grid = $(that.state.gridDomSelector()).data('kendoGrid');\r\n GlobalService.refreshGridForChangedNumberOfRows(grid);\r\n that.setState({\r\n SelectAll: false\r\n })\r\n that.state.KendoGrid.setSelectAllCheckBox(that.state.SelectAll);\r\n that.state.KendoGrid.clearSelections(function () {\r\n that.state.KendoGrid.repaintSelections();\r\n });\r\n that.eventSelectAll(\"deselect\");\r\n // $scope.currentSelections = KendoGrid.getNumberOfSelections();\r\n },\r\n function errorCallBack(response) {\r\n console.log(response);\r\n }\r\n );\r\n this.setState({\r\n filterObject: nextProps.filterObject\r\n });\r\n }\r\n }\r\n\r\n //when update transport facility Id for location\r\n if (typeof nextProps.transport != \"undefined\" && nextProps.transport.read && nextProps.transport.read.data && JSON.stringify(nextProps.transport.read.data) != JSON.stringify(this.state.transportData)) {\r\n var grid = $(this.state.gridDomSelector()).data('kendoGrid');\r\n this.eventSelectAll(\"deselect\");\r\n this.setState({\r\n transportData: JSON.parse(JSON.stringify(nextProps.transport.read.data))\r\n })\r\n if (typeof grid != \"undefined\" && grid.dataSource.transport.options) {\r\n grid.dataSource.transport.options.read.data = nextProps.transport.read.data;\r\n grid.dataSource.read();\r\n }\r\n }\r\n if(nextProps.isUpdateGridSummary == true && nextProps.isUpdateGridSummary != this.props.isUpdateGridSummary){\r\n this.updateGridSummary();\r\n }\r\n if(nextProps.emptyRecoredText != this.props.emptyRecoredText){\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n let tmpOption = grid.options;\r\n tmpOption.noRecords={ template: nextProps.emptyRecoredText };\r\n console.log(\"tmpOption\",tmpOption);\r\n grid.setOptions(tmpOption);\r\n }\r\n }\r\n componentWillUnmount() {\r\n this._ismounted = false;\r\n }\r\n\r\n initGrid(layoutData) {\r\n\r\n var tempObject = this.props.columns;\r\n if(this.props.isAlignIndexesByProperty && layoutData){\r\n var parsingReturn = JSON.parse(layoutData);\r\n tempObject = ObjectWms.alignIndexesByProperty(parsingReturn.columns, this.props.columns, \"field\");\r\n this.setState({columns: tempObject});\r\n }\r\n\r\n const finalObj = this.state.KendoGrid.getGridOptions({ columns: tempObject }, this.assembleGridObjectForKendoConsumption(this.props), layoutData);\r\n // If we have a window id we need to use this when we initialize the grid\r\n $(this.state.gridDomSelector()).kendoGrid(finalObj);\r\n let grid = $(this.state.gridDomSelector()).data('kendoGrid');\r\n if (typeof grid == \"undefined\") {\r\n return true;\r\n }\r\n var sortArr = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n if (sortArr.length >= 1) {\r\n this.setState({ sortArrayGrid: sortArr });\r\n }\r\n this.props.onLoadGrid();\r\n }\r\n\r\n assembleGridObjectForKendoConsumption(obj) {\r\n let ok = obj;\r\n var that = this;\r\n // DEFAULT SETUP FOR THE OBJECT, WE WILL DO CONDITIONALLY SETUP AFTERWORDS\r\n let returnobj = {\r\n scrollable: {\r\n virtual: true\r\n },\r\n columnMenu: {\r\n sortable: false\r\n },\r\n height: \"99%\",\r\n columnMenuInit: function (e) {\r\n if (that.props.isBindFilterColumnHoverEvent) {\r\n var menu = e.container.find(\".k-menu\");\r\n menu.on('mouseenter', function () {\r\n window.setHigherElementsOnGridColumnInit(false)\r\n });\r\n menu.on('mouseleave', function () {\r\n setTimeout(function () {\r\n window.setHigherElementsOnGridColumnInit(true)\r\n }, 100);\r\n });\r\n }\r\n if (that.props.isColumnFilterenable) {\r\n var filterMenu = e.container.find(\".k-filter-menu\");\r\n // Set class to filter form of grit to reset specific grid column\r\n if (!filterMenu.hasClass(that.props.id + 'FilterForm')) {\r\n filterMenu.addClass(that.props.id + 'FilterForm');\r\n }\r\n }\r\n\r\n if (!that.props.isColumnShowenable) {\r\n var item = e.container.find(\".k-columns-item\");\r\n item.prev(\".k-separator\").remove();\r\n item.remove();\r\n }\r\n // let switchedArray = ArrayWms.switchIndexByField(\r\n // obj.columns,\r\n // e.newIndex,\r\n // e.oldIndex\r\n // );\r\n // console.log(\"switchedArray : \",obj.columns);\r\n // console.log(\"switchedArray : \",switchedArray);\r\n // let finalSubmission = that.prepareGridOptionsForStorage(\r\n // obj.columns,\r\n // that.state.sortArrayGrid\r\n // );\r\n // GlobalService.setGridOptions(that.props.gridName, finalSubmission).then(\r\n // function successCallBack(response) { },\r\n // function errorCallBack(response) {\r\n // console.log(response);\r\n // }\r\n // );\r\n },\r\n filterable: this.props.showColumnFilter,\r\n sortable: {\r\n mode: \"multiple\",\r\n allowUnsort: true,\r\n showIndexes: true\r\n },\r\n resizable: true,\r\n reorderable: true,\r\n selectable: \"multiple, row\",\r\n navigatable: this.props.gridNavigatable,\r\n editable: this.props.gridEditable,\r\n remove: function(e) {\r\n // e.preventDefault();\r\n that.props.onRemove(e);\r\n },\r\n sort: function (e) {\r\n e.preventDefault();\r\n GlobalService.sortDataset(that.state.sortArrayGrid, e.sort);\r\n this.dataSource.sort(that.state.sortArrayGrid);\r\n var gridColumn = $(that.state.gridDomSelector()).data(\"kendoGrid\").getOptions().columns;\r\n var finalSubmission = that.state.KendoGrid.prepareGridOptionsForStorage(gridColumn, that.state.sortArrayGrid);\r\n if (that.props.layoutData === null || typeof (that.props.layoutData) === \"undefined\"){\r\n GlobalService.setGridOptions(that.props.gridName, finalSubmission)\r\n .then(function successCallBack(response) {\r\n\r\n }, function errorCallBack(response) {\r\n console.log(\"Grid w sort \", response);\r\n });\r\n }else{\r\n that.props.onSort(finalSubmission);\r\n }\r\n\r\n },\r\n save: function (data) {\r\n that.props.onGridSave(data);\r\n },\r\n columnShow: function (e) {\r\n let gridData = $(that.state.gridDomSelector()).data(\"kendoGrid\");\r\n let columnIndex = ObjectWms.FindIndexByProperty(\r\n gridData.columns,\r\n \"field\",\r\n e.column.field\r\n );\r\n\r\n gridData.columns[columnIndex].hidden = false;\r\n\r\n let finalSubmission = that.prepareGridOptionsForStorage(\r\n gridData.columns,\r\n that.state.sortArrayGrid\r\n );\r\n if (that.props.layoutData === null || typeof (that.props.layoutData) === \"undefined\"){\r\n GlobalService.setGridOptions(that.props.gridName, finalSubmission).then(\r\n function successCallBack(response) { },\r\n function errorCallBack(response) {\r\n console.log(response);\r\n }\r\n );\r\n }else{\r\n that.props.onColumnShow(finalSubmission);\r\n }\r\n },\r\n columnHide: function (e) {\r\n let gridData = $(that.state.gridDomSelector()).data(\"kendoGrid\");\r\n let columnIndex = ObjectWms.FindIndexByProperty(\r\n gridData.columns,\r\n \"field\",\r\n e.column.field\r\n );\r\n\r\n gridData.columns[columnIndex].hidden = true;\r\n\r\n let finalSubmission = that.prepareGridOptionsForStorage(\r\n gridData.columns,\r\n that.state.sortArrayGrid\r\n );\r\n if (that.props.layoutData === null || typeof (that.props.layoutData) === \"undefined\"){\r\n GlobalService.setGridOptions(that.props.gridName, finalSubmission).then(\r\n function successCallBack(response) { },\r\n function errorCallBack(response) {\r\n console.log(response);\r\n }\r\n );\r\n }else{\r\n that.props.onColumnHide(finalSubmission);\r\n }\r\n },\r\n columnReorder: function (e) {\r\n let gridColumn = $(that.state.gridDomSelector()).data(\"kendoGrid\").getOptions().columns;\r\n let switchedArray = ArrayWms.switchIndexByField(gridColumn, e.newIndex, e.oldIndex);\r\n let finalSubmission = that.state.KendoGrid.prepareGridOptionsForStorage(switchedArray, that.state.sortArrayGrid);\r\n if (that.props.layoutData === null || typeof (that.props.layoutData) === \"undefined\"){\r\n GlobalService.setGridOptions(that.props.gridName, finalSubmission).then(\r\n function successCallBack(response) { },\r\n function errorCallBack(response) {\r\n console.log(response);\r\n }\r\n );\r\n }else{\r\n that.props.onColumnReorder(finalSubmission);\r\n }\r\n },\r\n\r\n columnResize: function (e) {\r\n let gridData = $(that.state.gridDomSelector()).data(\"kendoGrid\");\r\n let columnIndex = ObjectWms.FindIndexByProperty(\r\n gridData.columns,\r\n \"field\",\r\n e.column.field\r\n );\r\n gridData.columns[columnIndex].width = e.newWidth;\r\n\r\n let finalSubmission = that.prepareGridOptionsForStorage(\r\n gridData.columns,\r\n that.state.sortArrayGrid\r\n );\r\n if (that.props.layoutData === null || typeof (that.props.layoutData) === \"undefined\"){\r\n GlobalService.setGridOptions(that.props.gridName, finalSubmission).then(\r\n function successCallBack(response) { },\r\n function errorCallBack(response) {\r\n console.log(response);\r\n }\r\n );\r\n }else{\r\n that.props.onColumnResize(finalSubmission);\r\n }\r\n },\r\n dataBinding: function (e) {\r\n that.state.KendoGrid.repaintSelections();\r\n if (that.state.dataBindingInitial == 0) {\r\n let grid = $(that.state.gridDomSelector()).data('kendoGrid');\r\n // var sortArr = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n // that.setState({\r\n // sortArrayGrid: sortArr\r\n // });\r\n if (typeof grid == \"undefined\") {\r\n return true;\r\n }\r\n grid.table.on('click', function (e) {\r\n // Hack: prevent parent grid row selection when click on child grid row\r\n if ($(e.target).parents('.k-detail-row').length > 0) {\r\n return;\r\n }\r\n\r\n var col = grid.cellIndex($(e.target).closest('td'));\r\n // grid selection remain when click on edit cell\r\n if (\r\n that.props.isRemainSelectionForEditCell &&\r\n grid.dataSource.options.schema &&\r\n grid.dataSource.options.schema.model &&\r\n col != -1 &&\r\n grid.dataSource.options.schema.model.fields[grid.columns[col].field].editable\r\n ) {\r\n that.onReSelectRow();\r\n return;\r\n }\r\n\r\n // if it is a regular click or shift click we want to deselect everything if selectall is selection, $scope.EventSelectAll checks if this is\r\n // on or not so calling it doesn't guarantee execution it just checks and does it if it needs it\r\n // ctrl click we don't want to do it because it can add or deselect\r\n\r\n if (e.ctrlKey || e.metaKey) {\r\n that.eventSelectAll(\"deselect\", \"dontclearselection\");\r\n } else {\r\n that.eventSelectAll(\"deselect\");\r\n }\r\n that.state.KendoGrid.setSelectAllCheckBox(that.state.selectAll);\r\n\r\n var gridData = grid.dataSource.view();\r\n var dataItem = grid.dataItem($(e.target).closest('tr'));\r\n var currentPage = grid.dataSource.page();\r\n var currentNumberOfItems = grid.dataSource.view().length;\r\n var row = $(e.target).closest('tr').index();\r\n var col = grid.cellIndex($(e.target).closest('td'));\r\n that.state.KendoGrid.clickEventHandleSelection(e, currentPage, currentNumberOfItems, row, col, dataItem, grid.dataSource.data(), that.props.gridKeySelection, function () {\r\n that.updateGridSummary();\r\n that.props.onSelection(that.state.KendoGrid);\r\n // once we removed the synchronous call this gets called before the end of the of the element\r\n /*\r\n\r\n var currentSelections = KendoGridFO.getNumberOfSelections();\r\n if (currentSelections == 1) {\r\n if (dataItem.IsClosed == true) {\r\n // $scope.IsClosed = true;\r\n } else {\r\n // $scope.IsClosed = false;\r\n }\r\n if (dataItem.CanComplete == true) {\r\n // $scope.ReadyToShip = false;\r\n } else {\r\n // $scope.ReadyToShip = true;\r\n }\r\n // $scope.contextMenuSelection();\r\n }\r\n // $scope.$apply();\r\n */\r\n });\r\n });\r\n grid.table.on(\"keydown\", function (e) {\r\n if(e.keyCode == 38 || e.keyCode == 40){\r\n var dataItem = grid.dataItem($(\"#\"+that.props.id+\"_active_cell\").closest(\"tr\"));\r\n var currentPage = grid.dataSource.page();\r\n var currentNumberOfItems = grid.dataSource.view().length;\r\n var row = $(\"#\"+that.props.id+\"_active_cell\").closest(\"tr\").index();\r\n var col = grid.cellIndex($(e.target).closest('td'));\r\n that.state.KendoGrid.repaintSelections();\r\n that.state.KendoGrid.clickEventHandleSelection(e, currentPage, currentNumberOfItems, row, col, dataItem, grid.dataSource.data(), that.props.gridKeySelection, function () {\r\n that.updateGridSummary();\r\n that.props.onSelection(that.state.KendoGrid);\r\n });\r\n }\r\n });\r\n // set selection in currentSelectionRowsArr and its used to reselect row on click\r\n if (that.props.isRemainSelectionForEditCell) {\r\n $(that.state.gridDomSelector() + \" tbody\").on(\"click\", \"tr\", (e) => {\r\n that.state.currentSelectionRowsArr = Object.assign([], $(that.state.gridDomSelector()).find(\"tbody tr.k-state-selected\"));\r\n });\r\n }\r\n that.state.dataBindingInitial = 1;\r\n // $(that.state.gridDomSelector()).data(\"kendoGrid\").dataSource.sort(that.state.sortArrayGrid);\r\n }\r\n that.setState({\r\n sortColums: GlobalService.getSortedColumnName(that.state.sortArrayGrid, that.props.columns),\r\n totalResult: this.dataSource.total()\r\n });\r\n that.props.onGridBinding();\r\n\r\n /*\r\n KendoGridFO.repaintSelections();\r\n if ($scope.InitialFindOrdersGrid == 0) {\r\n var grid = $('#findOrdersGrid').data('kendoGrid');\r\n grid.table.on('click', function (e) {\r\n // if it is a regular click or shift click we want to deselect everything if selectall is selection, $scope.EventSelectAll checks if this is\r\n // on or not so calling it doesn't guarantee execution it just checks and does it if it needs it\r\n // ctrl click we don't want to do it because it can add or deselect\r\n if (e.ctrlKey) {\r\n $scope.EventSelectAll(\"deselect\", \"dontclearselection\");\r\n } else {\r\n $scope.EventSelectAll(\"deselect\");\r\n }\r\n KendoGridFO.setSelectAllCheckBox($scope.FindOrders.SelectAll);\r\n var gridData = grid.dataSource.view();\r\n var dataItem = grid.dataItem($(e.target).closest('tr'));\r\n var currentPage = grid.dataSource.page();\r\n var currentNumberOfItems = grid.dataSource.view().length;\r\n var row = $(e.target).closest('tr').index();\r\n var col = grid.cellIndex($(e.target).closest('td'));\r\n\r\n KendoGridFO.clickEventHandleSelection(e, currentPage, currentNumberOfItems, row, col, dataItem, grid.dataSource.data(), 'OrderId', function () {\r\n // once we removed the synchronous call this gets called before the end of the of the element\r\n UpdateGridSummary();\r\n var currentSelections = KendoGridFO.getNumberOfSelections();\r\n if (currentSelections == 1) {\r\n if (dataItem.IsClosed == true) {\r\n $scope.IsClosed = true;\r\n } else {\r\n $scope.IsClosed = false;\r\n }\r\n if (dataItem.CanComplete == true) {\r\n $scope.ReadyToShip = false;\r\n } else {\r\n $scope.ReadyToShip = true;\r\n }\r\n $scope.contextMenuSelection();\r\n }\r\n $scope.$apply();\r\n });\r\n });\r\n $scope.InitialFindOrdersGrid = 1;\r\n }\r\n\r\n var TotalOrders = this.dataSource.total();\r\n\r\n $timeout(function () {\r\n $scope.TotalOrders = TotalOrders;\r\n $scope.enableExportGrid = false;\r\n var grid = $('#findOrdersGrid').data('kendoGrid');\r\n $scope.TotalInLineColumnFilters = KendoWms.getLengthOffFilters(grid.dataSource.filter());\r\n }, 0);\r\n\r\n var grid = $('#findOrdersGrid').data('kendoGrid');\r\n var gridData = grid.dataSource.view();\r\n for (var i = 0; i < gridData.length; i++) {\r\n if (gridData[i].FullyAllocated == false) {\r\n grid.table.find(\"tr[data-uid='\" + gridData[i].uid + \"']\").addClass(\"wms-over-allocated\");\r\n }\r\n }\r\n */\r\n if (that.props.gridName == \"GridMassAdd\") {\r\n var grid = $(that.state.gridDomSelector()).data('kendoGrid');\r\n var gridData = grid.dataSource.view();\r\n var myCol = that.state.KendoGrid.getQuantityCollection();\r\n var myCollection = that.state.KendoGrid.getDictionary().items;\r\n\r\n for (var i = 0; i < gridData.length; i++) {\r\n var key = gridData[i].Key;\r\n if (myCollection.hasOwnProperty(key)) {\r\n $('.k-grid-content-locked table tr[data-uid=\"' + gridData[i].uid + '\"] td').children(\"input\").val(myCol[key]);\r\n }\r\n }\r\n }\r\n },\r\n edit: (e) => {\r\n this.props.onEdit(e);\r\n },\r\n // save: (e) => {\r\n // this.props.onSave(e);\r\n // },\r\n change: (e) => {\r\n this.props.onChange(e);\r\n },\r\n dataBound: function (e) {\r\n that.state.KendoGrid.repaintSelections();\r\n that.closeContextMenu();\r\n\r\n if (that.props.gridName == \"GridCustomOrderInfo\") {\r\n var grid = $(that.state.gridDomSelector()).data('kendoGrid');\r\n var gridData = grid.dataSource.view();\r\n var nameColumnIndex = this.wrapper.find(\".k-grid-header [data-field=\" + \"Name\" + \"]\").index();\r\n var valueColumnIndex = this.wrapper.find(\".k-grid-header [data-field=\" + \"Value\" + \"]\").index();\r\n\r\n for (var i = 0; i < gridData.length; i++) {\r\n var row = grid.table.find(\"[data-uid='\" + gridData[i].uid + \"']\");\r\n var nameCell = row.children().eq(nameColumnIndex);\r\n var valueCell = row.children().eq(valueColumnIndex);\r\n if (gridData[i].Required) {\r\n console.log('gridData[' + i + '].Required', gridData[i].Required);\r\n row.addClass(\"wms-required-grid-row\");\r\n nameCell.addClass(\"wms-required-grid\");\r\n valueCell.addClass(\"wms-required-grid-cell\");\r\n row.css('font-style', 'italic');\r\n }\r\n\r\n if (gridData[i].Required && !gridData[i].Value) {\r\n nameCell.addClass(\"wms-required-grid-border\");\r\n }\r\n }\r\n } else if (that.props.gridName == \"GridMassAdd\") {\r\n var grid = $(that.state.gridDomSelector()).data('kendoGrid');\r\n grid.table.on('keydown', function (e) {\r\n if (e.keyCode === kendo.keys.TAB && $($(e.target).closest('.k-edit-cell'))[0]) {\r\n e.preventDefault();\r\n var currentNumberOfItems = grid.dataSource.view().length;\r\n var row = $(e.target).closest('tr').index();\r\n var col = grid.cellIndex($(e.target).closest('td'));\r\n var dataItem = grid.dataItem($(e.target).closest('tr'));\r\n var field = grid.columns[col].field;\r\n var value = $(e.target).val();\r\n\r\n if (StringWms.exists(value)) {\r\n dataItem.set(field, value);\r\n }\r\n if (row >= 0 && row < currentNumberOfItems && col >= 0 && col < grid.columns.length) {\r\n var nextCellRow;\r\n var nextCellCol = 0;\r\n if (e.shiftKey) {\r\n nextCellRow = row - 1;\r\n } else {\r\n nextCellRow = row + 1;\r\n }\r\n if (nextCellRow >= currentNumberOfItems || nextCellRow < 0) {\r\n return;\r\n }\r\n // wait for cell to close and Grid to rebind when changes have been made\r\n setTimeout(function () {\r\n grid.editCell(grid.tbody.find(\"tr:eq(\" + nextCellRow + \") td:eq(\" + nextCellCol + \")\"));\r\n });\r\n }\r\n }\r\n });\r\n } else if (that.props.gridName == \"OrderItemsGrid\") {\r\n //order Item grid pass grid index for expand particular row after child element save\r\n that.props.onDataBound(e, that.state.gridExpandIndex);\r\n that.setState({ gridExpandIndex: null });\r\n } else if (that.props.gridName == \"GridAppliedCharges\") {\r\n that.props.onDataBound(e, that.state.KendoGrid);\r\n } else {\r\n that.props.onDataBound(e);\r\n }\r\n }\r\n };\r\n if (obj.gridHeight) {\r\n returnobj.height = obj.gridHeight;\r\n }\r\n if (obj.detailTemplate) {\r\n returnobj.detailTemplate = \"Test
\";\r\n returnobj.detailInit = that.detailInit;\r\n returnobj.detailExpand= function(e) {\r\n setTimeout(() => {\r\n $(that.state.gridDomSelector()).data('kendoGrid').resize(true);\r\n }, 5);\r\n };\r\n returnobj.detailCollapse= function(e) {\r\n setTimeout(() => {\r\n $(that.state.gridDomSelector()).data('kendoGrid').resize(true);\r\n }, 5);\r\n }\r\n }\r\n if (obj.emptyRecoredText) {\r\n returnobj.noRecords = {\r\n template: obj.emptyRecoredText\r\n }\r\n }\r\n // LETS START WITH VIRTUALIZED GRID OR NOT\r\n if (obj.virtual == true) {\r\n returnobj.dataSource = {\r\n pageSize: this.props.virtualGridpageSize,\r\n serverPaging: true,\r\n serverSorting: this.props.isServerSorting,\r\n serverFiltering: this.props.isServerFiltering,\r\n type: \"aspnetmvc-ajax\",\r\n change: (data) => {\r\n // console.log(\"success\");\r\n this.props.onGridChange(data)\r\n },\r\n error: function (xhr, error) { }\r\n }\r\n returnobj.dataSource.schema = obj.schema;\r\n // lets attach the transport layer of the dataSrouce\r\n returnobj.dataSource.transport = obj.transport;\r\n return returnobj;\r\n } else if (obj.staticDataVirtualization == true) {\r\n returnobj.dataSource = {\r\n pageSize: 40,\r\n transport: {\r\n read: function (e) {\r\n e.success(that.state.staticGridData);\r\n }\r\n },\r\n schema: obj.schema,\r\n change: (data) => {\r\n // console.log(\"success\");\r\n this.props.onGridChange(data)\r\n },\r\n }\r\n return returnobj;\r\n } else {\r\n returnobj.dataSource = {\r\n data: obj.staticGridData,\r\n schema: obj.schema,\r\n change: (data) => {\r\n this.props.onGridChange(data)\r\n },\r\n }\r\n returnobj.dataSource.transport = obj.transport;\r\n if(this.props.isAddBatchProperty){\r\n returnobj.dataSource.batch= this.props.isAddBatchProperty;\r\n }\r\n return returnobj;\r\n }\r\n }\r\n\r\n onReSelectRow = () => {\r\n if (this.state.currentSelectionRowsArr.length > 1) {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n grid.select(this.state.currentSelectionRowsArr);\r\n }\r\n }\r\n\r\n detailInit = (e) => {\r\n if (this.props.detailTemplate) {\r\n var detailTemplate = React.createFactory(this.props.detailTemplate);\r\n let propsForDetailGrid = {\r\n dataItem: e.data,\r\n gridId: e.data.uid,\r\n windowId: this.props.windowId,\r\n onSetExpandGridData: this.onSetExpandGridData,\r\n onSelection: this.props.onSubGridSelection,\r\n parentGridColumnOption: this.state.columns,\r\n };\r\n ReactDOM.render(detailTemplate(propsForDetailGrid), $(e.detailRow[0]).find('.detailTemplate')[0])\r\n }\r\n }\r\n // order line item grid set expand grid index after line item info saved\r\n onSetExpandGridData = (param_expandIndex) => {\r\n this.setState({\r\n gridExpandIndex: param_expandIndex\r\n }, () => {\r\n let orderLineItemsGrid = $(this.state.gridDomSelector()).data('kendoGrid');\r\n orderLineItemsGrid.dataSource.read();\r\n })\r\n }\r\n prepareGridOptionsForStorage(passedObj, sortArr) {\r\n var reducedObj;\r\n reducedObj = {\r\n columns: [],\r\n sorts: []\r\n };\r\n for (var x = 0; x < passedObj.length; x++) {\r\n if (passedObj[x].hasOwnProperty(\"field\")) {\r\n reducedObj.columns[x] = {\r\n field: passedObj[x].field\r\n };\r\n }\r\n if (passedObj[x].hasOwnProperty(\"width\")) {\r\n reducedObj.columns[x].width = passedObj[x].width;\r\n }\r\n if (passedObj[x].hasOwnProperty(\"wmsid\")) {\r\n reducedObj.columns[x].wmsid = passedObj[x].wmsid;\r\n }\r\n if (passedObj[x].hasOwnProperty(\"hidden\")) {\r\n reducedObj.columns[x].hidden = passedObj[x].hidden;\r\n }\r\n }\r\n\r\n reducedObj.sorts = sortArr;\r\n\r\n var finalreturn = {\r\n optionsData: JSON.stringify(reducedObj)\r\n };\r\n return finalreturn;\r\n }\r\n\r\n onChangeFunc(event) {\r\n var that = this;\r\n this.setState({\r\n selectAll: event.target.checked\r\n });\r\n setTimeout(function () {\r\n that.eventSelectAll();\r\n }, 0);\r\n }\r\n\r\n eventSelectAll(pass, dontclearselection) {\r\n var that = this;\r\n if (pass == \"deselect\") {\r\n if (that.state.selectAll == true) {\r\n that.setState({ selectAll: false }); // clear select all checkbox\r\n if (dontclearselection == \"dontclearselection\") {\r\n // we just want to clear the select box above here\r\n } else {\r\n that.state.KendoGrid.clearSelections(function () {\r\n that.updateGridSummary();\r\n that.state.KendoGrid.repaintSelections();\r\n });\r\n }\r\n }\r\n } else {\r\n if (that.state.selectAll == false) {\r\n that.state.KendoGrid.clearSelections(function () {\r\n that.updateGridSummary();\r\n that.state.KendoGrid.repaintSelections();\r\n });\r\n that.props.onSelection(that.state.KendoGrid);\r\n } else if (that.state.selectAll == true) {\r\n if (this.props.inlineSelectAll) {\r\n var mygrid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n if (typeof mygrid != \"undefined\") {\r\n mygrid.select(\"tr\");\r\n }\r\n this.setState({ selectedRows: mygrid.select().length }); // For Inline select all set selection row state\r\n that.props.onSelection(that.state.KendoGrid);\r\n } else {\r\n that.state.KendoGrid.getAllRecordsFromApi(function () {\r\n that.updateGridSummary();\r\n that.props.onSelection(that.state.KendoGrid);\r\n });\r\n }\r\n }\r\n\r\n }\r\n if (this.props.inlineSelectAll) {\r\n this.props.onSelectAllChange();\r\n }\r\n\r\n }\r\n\r\n updateGridSummary() {\r\n this.setState({ selectedRows: this.state.KendoGrid.getNumberOfSelections() });\r\n this.props.onUpdateGridSummary();\r\n }\r\n\r\n EventClickResetGrid() {\r\n var that = this;\r\n kendo.ui.progress($(this.state.gridDomSelector()), true);\r\n that.state.dataBindingInitial = 0;\r\n if (that.props.layoutData === null || typeof (that.props.layoutData) === \"undefined\"){\r\n GlobalService.resetGrid(that.props.gridName).then(function successCallBack(response) {\r\n that.clearGridConfig();\r\n }).finally(() => {\r\n kendo.ui.progress($(this.state.gridDomSelector()), false);\r\n });\r\n }else{\r\n that.clearGridConfig();\r\n that.props.onResetGrid();\r\n }\r\n\r\n }\r\n clearGridConfig = () =>{\r\n var column = {\r\n columns: this.props.columns\r\n };\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n grid.setOptions(column);\r\n grid.dataSource.sort({});\r\n this.state.sortColums = '';\r\n this.state.sortArrayGrid = [];\r\n this.state.KendoGrid.clearSelections( () => {\r\n this.state.KendoGrid.repaintSelections();\r\n });\r\n kendo.ui.progress($(this.state.gridDomSelector()), false);\r\n this.updateGridSummary();\r\n }\r\n EventClickClearFilters() {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n grid.dataSource.filter({});\r\n this.eventSelectAll(\"deselect\");\r\n }\r\n\r\n EventClickClearSorts() {\r\n var gridData = $(this.state.gridDomSelector()).data('kendoGrid');\r\n gridData.dataSource.sort({});\r\n this.setState({\r\n sortColums: '',\r\n sortArrayGrid: []\r\n });\r\n var finalSubmission = this.prepareGridOptionsForStorage(gridData.columns, []);\r\n GlobalService.setGridOptions(this.props.gridName, finalSubmission).then(function successCallBack(response) {\r\n }, function errorCallBack(response) {\r\n console.log(response);\r\n });\r\n }\r\n\r\n eventClickContextMenu(obj) {\r\n this.props.clickEventOfContextMenu(obj);\r\n }\r\n\r\n eventMouseEnter(text) {\r\n this.setState({\r\n disabledText: text\r\n })\r\n }\r\n\r\n eventMouseLeave() {\r\n this.setState({\r\n disabledText: \"\"\r\n })\r\n }\r\n // method for context menu right click\r\n beforeContextMenuOpen(e) {\r\n //Hack: prevent context menu when click on row detail section\r\n if ($(e.target).parents('.k-detail-row').length > 0 || $(e.target).hasClass('k-detail-row')) {\r\n e.preventDefault();\r\n return;\r\n }\r\n\r\n var grid = $(this.state.gridDomSelector()).data('kendoGrid');\r\n var dataItem = grid.dataItem($(e.target).closest('tr'));\r\n\r\n var page = grid.dataSource.page();\r\n var length = grid.dataSource.view().length;\r\n var col = grid.cellIndex($(e.target).closest('td'));\r\n\r\n var row2 = $(e.target).closest('tr').index();\r\n var that = this;\r\n this.state.KendoGrid.onRightClick(e, page, length, row2, col, dataItem, grid.dataSource.data(), this.props.gridKeySelection, function () {\r\n that.updateGridSummary();\r\n that.props.onSelection(that.state.KendoGrid);\r\n });\r\n\r\n }\r\n handleMouseHover() {\r\n this.setState({ isHovering: true });\r\n }\r\n\r\n handleMouseLeave() {\r\n this.setState({ isHovering: false });\r\n }\r\n\r\n closeContextMenu = () => {\r\n if (this.refs.GridWmsContextMenu && this.refs.GridWmsContextMenu.state.isOpen) {\r\n this.refs.GridWmsContextMenu.closeWmsContextMenu();\r\n }\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n \r\n this.beforeContextMenuOpen(e)}\r\n contextMenuFilter={this.props.contextMenuFilter} />\r\n {this.props.showErrorMessageSection && (\r\n
\r\n );\r\n }\r\n};\r\nWmsGrid.propTypes = {\r\n columns: PropTypes.array.isRequired,\r\n config: PropTypes.object,\r\n staticGridData: PropTypes.array,\r\n exportable: PropTypes.bool,\r\n exportDisable: PropTypes.bool,\r\n exportGridDisabledText: PropTypes.string,\r\n eventClickExportGrid: PropTypes.func, // this should control export of grid\r\n gridName: PropTypes.string.isRequired,\r\n virtual: PropTypes.bool.isRequired,\r\n staticDataVirtualization: PropTypes.bool,\r\n id: PropTypes.string.isRequired, // this should write the id to the input\r\n wmsSelector: PropTypes.string.isRequired, // this should set up a selector on the input\r\n languageHeaders: PropTypes.array,\r\n windowId: PropTypes.string,\r\n shawCheckbox: PropTypes.bool,\r\n onSelection: PropTypes.func.isRequired, // this should control the selection of row event\r\n onSubGridSelection: PropTypes.func,\r\n clickEventOfContextMenu: PropTypes.func, // this should control the selection of row event\r\n filterObject: PropTypes.oneOfType([\r\n PropTypes.array,\r\n PropTypes.object\r\n ]), // Object for filter grid\r\n getGridSelectionUrl: PropTypes.string, // url of get selection list of records\r\n inlineFilter: PropTypes.bool, // this should control inline filter of grid or call api,\r\n inlineSelectAll: PropTypes.bool, // this should control inline all record selection of grid or call api,\r\n onSelectAllChange: PropTypes.func, // this function call when selectall chane for inline selection,\r\n searchUrl: PropTypes.string,\r\n gridEditable: PropTypes.oneOfType([\r\n PropTypes.bool,\r\n PropTypes.object\r\n ]), // set true or multiple edit column object to make grid columns editable\r\n showSortColumns: PropTypes.bool, // set true to shaw sotable columns in grid\r\n showColumnFilter: PropTypes.bool, // set true to shaw clear column filter in grid\r\n gridHeight: PropTypes.number, // number for set grid height in px\r\n onLoadGrid: PropTypes.func,\r\n onDataBound: PropTypes.func,\r\n onEdit: PropTypes.func,// this function call when grid column's edit\r\n onRemove: PropTypes.func,// this function call when grid column's remove\r\n onChange: PropTypes.func,// this function call when grid column's changed\r\n virtualGridpageSize: PropTypes.number,// set page size in virtual grid read api call\r\n isColumnFilterenable: PropTypes.bool, // set false to hide column filter option from in grid menu\r\n isColumnShowenable: PropTypes.bool, // set false to hide column display option from in grid menu\r\n isUpdateGridSummary: PropTypes.bool, // to reset selection counter\r\n onUpdateGridSummary:PropTypes.func, // call props method on selection counter update for maintain isUpdateGridSummary flag\r\n isAddBatchProperty:PropTypes.bool, // set true to add Batch property in grid data source obj\r\n isAlignIndexesByProperty:PropTypes.bool, // set true to execute AlignIndexesByProperty() on default columns layout set\r\n selectRowsSummaryPlaceHolder: PropTypes.string, // Place holder for Input in bottom of grid\r\n isBindFilterColumnHoverEvent:PropTypes.bool, // Set true to bind mouse events on filter columns list to manage z-index of header when columns list is large\r\n isServerSorting:PropTypes.bool, // set true for sorting from server when grid is virtual\r\n isServerFiltering:PropTypes.bool, // set true for filter from server when grid is virtual\r\n onSort:PropTypes.func, // this function call on grid sort\r\n onColumnShow:PropTypes.func, // this function call on grid column show\r\n onColumnHide:PropTypes.func, // this function call on grid column hide\r\n onColumnReorder:PropTypes.func, // this function call on grid column order change\r\n onColumnResize:PropTypes.func, // this function call on grid column resize\r\n onResetGrid:PropTypes.func, // this function call on grid reset\r\n isRemainSelectionForEditCell:PropTypes.bool, // set true for grid not deselect row when click on edit cell\r\n showErrorMessageSection:PropTypes.bool, // set true for grid not deselect row when click on edit cell\r\n showGridSummary: PropTypes.bool, // set true to saw grid total result and selected recored at grid top\r\n emptyRecoredText: PropTypes.string, // Display empty message when grid data is empty\r\n gridNavigatable:PropTypes.bool, //set true to apply focus on grid default is false\r\n resetButtonLabel:PropTypes.string, // set label for filter option default is blank\r\n resetButtonIcon:PropTypes.string // set icon for filter option default is fa-filter\r\n}\r\n\r\nWmsGrid.defaultProps = {\r\n exportable: false,\r\n exportDisable: false,\r\n exportGridDisabledText: '',\r\n shawCheckbox: true,\r\n inlineFilter: false,\r\n inlineSelectAll: false,\r\n gridEditable: false,\r\n showResetButton: true,\r\n showGridResult: true,\r\n gifLoaderText: '',\r\n showSortColumns: true,\r\n showColumnFilter: true,\r\n onLoadGrid: (e) => function () { },\r\n onGridBinding: (e) => function () { },\r\n onGridChange: (e) => function () { },\r\n onGridSave: (e) => function () { },\r\n onDataBound: (e) => function () { },\r\n onEdit: (e) => function () { },\r\n onRemove: (e) => function () { },\r\n onChange: (e) => function () { },\r\n onSelectAllChange: (e) => function () { },\r\n onSubGridSelection: (e) => function () { },\r\n onSort: (e) => function () { },\r\n onColumnShow: (e) => function () { },\r\n onColumnHide: (e) => function () { },\r\n onColumnReorder: (e) => function () { },\r\n onColumnResize: (e) => function () { },\r\n onResetGrid: (e) => function () { },\r\n virtualGridpageSize: 50,\r\n isColumnFilterenable: true,\r\n isColumnShowenable: true,\r\n isUpdateGridSummary:false,\r\n isAlignIndexesByProperty:false,\r\n onUpdateGridSummary: (e) => function () { },\r\n isAddBatchProperty:false,\r\n selectRowsSummaryPlaceHolder: \"Selected Orders\",\r\n isBindFilterColumnHoverEvent:false,\r\n isServerSorting:true,\r\n isServerFiltering:true,\r\n isRemainSelectionForEditCell:false,\r\n showErrorMessageSection: false,\r\n showGridSummary: false,\r\n emptyRecoredText: '',\r\n gridNavigatable:false,\r\n resetButtonLabel:'',\r\n resetButtonIcon: 'fa-sliders',\r\n staticDataVirtualization: false\r\n}\r\n\r\nexport default WmsGrid;\r\n","import React from 'react';\r\n\r\n//component\r\nimport WmsModel from '../../../../components/WmsModel/WmsModel.jsx';\r\nimport WmsGrid from '../../../../components/WmsGrid/WmsGrid.jsx';\r\nimport WmsButton from '../../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsDropdown from '../../../../components/WmsDropdown/WmsDropdown.jsx';\r\n\r\nimport './reprint-end-of-day-reoprt.scss';\r\nimport * as GlobalService from './../../../../global_services';\r\nimport * as findOrdersService from './../../findOrders.services.jsx';\r\nimport axios from 'axios';\r\n\r\nexport class ReprintEODReport extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n selector: \"reprintEndOfDay\",\r\n faciltyOptions: GlobalService.getFacilityList(),\r\n endOfDayNickName: \"\",\r\n selectedFacilityId: \"\",\r\n selectedWarehouse: \"\",\r\n carrierData: [],\r\n nickNameOption: [],\r\n gridResourceList: [],\r\n selectedPrintedItem: 0,\r\n isRefreshLoading: false,\r\n }\r\n }\r\n\r\n componentWillMount() {\r\n kendo.ui.progress($('#reprintEndOfDayReport'), true);\r\n axios.get('/WebUI/Settings/CarrierAccount/GetCarrierAccounts?customerUri=all')\r\n .then((response) => {\r\n kendo.ui.progress($('#reprintEndOfDayReport'), false);\r\n var removeNullArray = response.data.filter((item) => { return item.NickName });\r\n var uniqNickName = _.uniqBy(removeNullArray, function (elem) { return [elem.NickName, elem.ShipEngineId].join(); });\r\n uniqNickName.push({\r\n NickName: \"All\",\r\n ShipEngineId: \"all\"\r\n });\r\n var ShipEngineId = \"\";\r\n if (uniqNickName.length > 0) {\r\n ShipEngineId = uniqNickName[0].ShipEngineId;\r\n } else {\r\n ShipEngineId = \"\";\r\n }\r\n this.setState({\r\n nickNameOption: uniqNickName,\r\n endOfDayNickName: ShipEngineId\r\n })\r\n }).finally(() => {\r\n kendo.ui.progress($('#reprintEndOfDayReport'), false);\r\n });\r\n\r\n }\r\n\r\n getIdByName = (name) => {\r\n return this.state.faciltyOptions.find((element) => {\r\n if (element.name == name) {\r\n return element.id;\r\n }\r\n });\r\n }\r\n getOptionsByName = (name) => {\r\n var returnResponse = [];\r\n this.state.carrierData.map((element) => {\r\n if (element.Owner == name) {\r\n returnResponse.push(element);\r\n }\r\n });\r\n return returnResponse;\r\n }\r\n changeWarehouse = (event) => {\r\n this.setState({\r\n selectedWarehouse: event.target.value\r\n });\r\n var selectedFacilityObj = this.getIdByName(event.target.value);\r\n var selectedFacilityId = \"\";\r\n var ShipEngineId = \"\";\r\n if (selectedFacilityObj) {\r\n selectedFacilityId = selectedFacilityObj.id;\r\n }\r\n this.setState({\r\n selectedFacilityId: selectedFacilityId,\r\n }, this.getGridData);\r\n }\r\n changeNickName = (e) => {\r\n this.setState({\r\n endOfDayNickName: e.target.value\r\n }, this.getGridData);\r\n }\r\n\r\n refreshReprintManifest = () => {\r\n this.setState({ isRefreshLoading: true });\r\n findOrdersService.manifestList().then((response) => {\r\n if(response.status == 200) {\r\n this.getGridData();\r\n }\r\n this.setState({ isRefreshLoading: false });\r\n });\r\n }\r\n\r\n listGrid_dataBind = (allData) => {\r\n let count = 0;\r\n for (let i = 0; i < allData.length; i++) {\r\n allData[i].RowNumber = (i+1);\r\n }\r\n return allData;\r\n };\r\n\r\n getGridData = () => {\r\n if (this.state.endOfDayNickName && this.state.selectedFacilityId) {\r\n kendo.ui.progress($('#endOfDayReportGrid'), true);\r\n axios.get('/WebUI/Shipping/FindOrders/ManifestReprinter?externalId=' + this.state.endOfDayNickName + '&facilityId=' + this.state.selectedFacilityId)\r\n .then((response) => {\r\n kendo.ui.progress($('#endOfDayReportGrid'), false);\r\n let gridResourceList = this.listGrid_dataBind(response.data.ResourceList);\r\n this.setState({\r\n gridResourceList: gridResourceList,\r\n selectedPrintedItem:0\r\n });\r\n })\r\n .catch((error) => {\r\n kendo.ui.progress($('#endOfDayReportGrid'), false);\r\n console.log(error);\r\n this.setState({\r\n gridResourceList: [],\r\n selectedPrintedItem:0\r\n });\r\n });\r\n } else {\r\n this.setState({\r\n gridResourceList: [],\r\n selectedPrintedItem:0\r\n });\r\n }\r\n }\r\n onPrintSelected = () => {\r\n var reportGrid = $('#endOfDayReportGrid').data('kendoGrid');\r\n var rows = reportGrid.select();\r\n\r\n rows.each(function (index, row) {\r\n var selectedItem = reportGrid.dataItem(row);\r\n console.log(\"selectedItem.ManifestDownloadLink :\",selectedItem.ManifestDownloadLink.split('/').pop());\r\n var a = $(\"\")\r\n .attr(\"href\", selectedItem.ManifestDownloadLink)\r\n .attr(\"target\", \"_blank\")\r\n .attr(\"download\", selectedItem.ManifestDownloadLink.split('/').pop())\r\n .appendTo(\"body\");\r\n a[0].click();\r\n a.remove();\r\n });\r\n }\r\n\r\n selectRow = (KendoGrid) => {\r\n let currentSelections = KendoGrid.getNumberOfSelections();\r\n this.setState({ selectedPrintedItem:currentSelections });\r\n }\r\n render() {\r\n return (\r\n \r\n {this.props.gifLoaderText != '' &&\r\n
\r\n )}\r\n \r\n \r\n {this.props.gifLoaderText} in progress\r\n
\r\n }\r\n \r\n \r\n {this.props.gifLoaderText} in progress\r\n \r\n {this.props.shawCheckbox && (\r\n
\r\n {this.props.showGridSummary &&\r\n \r\n = GlobalService.constants.virtualizedGridLimit}\r\n parentClassName={\r\n this.state.totalResult >= GlobalService.constants.virtualizedGridLimit\r\n ? \"k-state-disabled wms-grid-checkbox-input \"\r\n : \"wms-grid-checkbox-input \"\r\n }\r\n wmsSelector={this.props.wmsSelector + '_SelectAll'}\r\n isRounded={true} />\r\n {this.state.totalResult >= GlobalService.constants.virtualizedGridLimit && (
\r\n )}\r\n \r\n \r\n {this.state.isHovering == true && (
)}\r\n To enable, click less than {GlobalService.constants.virtualizedGridLimit}
)}\r\n \r\n {this.props.menu.map((obj, index) =>\r\n (typeof obj.isButtonMenu == \"undefined\" || obj.isButtonMenu == true) ?\r\n obj.value.length != 0 ?\r\n \r\n
\r\n\r\n \r\n \r\n \r\n {this.props.resetButtonLabel}\r\n \r\n ) : null}\r\n \r\n \r\n \r\n
)\r\n }\r\n - \r\n
- \r\n {this.translate(\"Label_Reset_Grid\")}\r\n \r\n {this.props.showColumnFilter && (\r\n
- \r\n {this.translate(\"Label_Clear_Column_Filters\")}\r\n )\r\n }\r\n {this.props.showSortColumns && (\r\n
- \r\n {this.translate(\"Label_Clear_Sort\")}\r\n )\r\n }\r\n {this.props.exportable ? (\r\n
\r\n {this.props.showGridResult == true &&\r\n \r\n }\r\n \r\n {this.state.sortColums != \"\" && this.props.showSortColumns && (\r\n \r\n )}\r\n
\r\n }\r\n \r\n
\r\n \r\n null}\r\n clickEventOfContextMenu={() => { }}\r\n emptyRecoredText={this.translate('Label_Reprint_EOD_Grid_Empty_Text')}\r\n menu={[]}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsButton from '../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsCollapse from '../../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsDropdown from '../../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsTextArea from '../../../components/WmsTextArea/WmsTextArea.jsx';\r\nimport WmsModel from '../../../components/WmsModel/WmsModel.jsx';\r\nimport * as findOrdersService from '../findOrders.services.jsx';\r\nimport * as GlobalService from '../../../global_services';\r\nimport './create-pick-job-model.scss';\r\n\r\nexport class CreatePickJobModel extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n this.state = {\r\n selector: \"order\",\r\n optionsPriority: [\r\n {Name: '1', Value: 1},\r\n {Name: '2', Value: 2},\r\n {Name: '3', Value: 3},\r\n {Name: '4', Value: 4},\r\n {Name: '5', Value: 5},\r\n {Name: '6', Value: 6},\r\n {Name: '7', Value: 7},\r\n {Name: '8', Value: 8},\r\n {Name: '9', Value: 9},\r\n {Name: '10', Value: 10}],\r\n optionsOwner: [],\r\n createPickJobFormData: {},\r\n gifSaveChangesAndExit: false,\r\n }\r\n }\r\n componentDidMount() {\r\n kendo.ui.progress($('#WindowCreatePickJob'), true);\r\n\r\n findOrdersService.initialiseCreatePickJobModel(this.props.sharedSelectedOrderIds).then((response) => {\r\n\r\n let optionsOwner = [];\r\n let createPickJobFormData = {\r\n Ids: null,\r\n Instructions: null,\r\n Priority: 8,\r\n UserId: null,\r\n }\r\n\r\n optionsOwner = response.pickJobCandidatUsersResponse;\r\n\r\n this.setState({\r\n optionsOwner: optionsOwner,\r\n createPickJobFormData: createPickJobFormData\r\n }, null);\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#WindowCreatePickJob'), false);\r\n });\r\n\r\n }\r\n\r\n\r\n\r\n handleChangeEvent = (event) => {\r\n let formObj = this.state.createPickJobFormData;\r\n\r\n let propertyName = event.target.name;\r\n if (event.target.name == \"User\")\r\n propertyName = \"UserId\";\r\n formObj[propertyName] = event.target.value;\r\n this.setState({createPickJobFormData: formObj});\r\n }\r\n\r\n eventClickSaveChangesAndExit = () => {\r\n\r\n this.setState({ gifSaveChangesAndExit: true });\r\n let formObj = this.state.createPickJobFormData;\r\n findOrdersService.createPickJob({\r\n 'Instructions': formObj.Instructions,\r\n 'Priority': formObj.Priority,\r\n 'UserId': formObj.UserId,\r\n 'Ids': this.props.sharedSelectedOrderIds\r\n }).then((response) => {\r\n GlobalService.notification('success', this.translate('Label_Create_Pick_Job_Success'));\r\n this.props.onResetGridSelection();\r\n this.setState({ gifSaveChangesAndExit: false });\r\n this.props.onCreatePickJobClose();\r\n }).catch((error) => {\r\n var errorMessage = error.response.data.Descriptions[0].ErrorCode;\r\n if (errorMessage.includes('OrderInDifferentPickJob'))\r\n errorMessage = this.translate('Label_Create_Pick_Job_OrderInDifferentPickJob_Error');\r\n else if (errorMessage.includes('OrderShipped'))\r\n errorMessage = this.translate('Label_Create_Pick_Job_OrderShipped_Error');\r\n else if (errorMessage.includes('OrderAlreadyPicked'))\r\n errorMessage = this.translate('Label_Create_Pick_Job_OrderAlreadyPicked_Error');\r\n else if (errorMessage.includes('MultipleCustomers'))\r\n errorMessage = this.translate('Label_Create_Pick_Job_MultipleCustomers_Error');\r\n else if (errorMessage.includes('MultipleFacilities'))\r\n errorMessage = this.translate('Label_Create_Pick_Job_MultipleFacilities_Error');\r\n\r\n GlobalService.notification('error', errorMessage);\r\n }).finally(() => {\r\n this.setState({ gifSaveChangesAndExit: false });\r\n kendo.ui.progress($('#WindowCreatePickJob'), false);\r\n });\r\n\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {this.props.sharedSelectedOrderIds.length <= 250 &&\r\n
\r\n \r\n {this.translate('Orders_FindOrders_CreatePickJob_Summary').replace(new RegExp('{' + 'amount' + '}', 'gi'), this.props.sharedSelectedOrderIds.length)}\r\n
\r\n }\r\n {this.props.sharedSelectedOrderIds.length > 250 &&\r\n 250\">\r\n {this.translate('Orders_FindOrders_EditOrder_Summary_Large').replace(new RegExp('{' + 'amount' + '}', 'gi'), this.props.sharedSelectedOrderIds.length)}\r\n
\r\n }\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n )\r\n }\r\n}","import React from 'react';\r\nimport { StringWms } from './../../../../../assets/ts/StringWms.ts';\r\nimport { ObjectWms } from './../../../../../assets/ts/ObjectWms.ts';\r\n\r\n//component\r\nimport WmsButton from './../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsGrid from './../../../components/WmsGrid/WmsGrid.jsx';\r\nimport WmsCollapse from './../../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsDropdown from './../../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsInput from './../../../components/WmsInput/WmsInput.jsx';\r\nimport WmsDateTimePicker from './../../../components/WmsDateTimePicker/WmsDateTimePicker.jsx';\r\nimport WmsModel from './../../../components/WmsModel/WmsModel.jsx';\r\n\r\nimport * as GlobalService from './../../../global_services';\r\nimport * as findOrdersService from '../findOrders.services.jsx';\r\nimport './mass-ship-and-close-model.scss';\r\n\r\nexport class MassShipAndCloseModel extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n let GridTitlesAggregate = StringWms.convertSringToOption(this.translate('Massship_Andclose_Grid_Headers'));\r\n this.defauleManualCharge = {\r\n indexChargeCategory: 0,\r\n UnitDescription: '',\r\n ChargePerUnit: 0,\r\n NumberOfUnits: 0,\r\n total: '0',\r\n GeneralLedgerAccount: '',\r\n ExternalAccountsReceivable: '',\r\n ExternalItemIdentifier: '',\r\n ExternalItemDescription: ''\r\n };\r\n this.state = {\r\n Rights: GlobalService.GetRights(),\r\n selector: \"Order\",\r\n indexChargeType: 0,\r\n shipAndCloseGridData: [],\r\n chargeTypeOption: [],\r\n originalChargeTypeOption: [],\r\n shipAndCloseFormData: null,\r\n sharedIsOpenManualChargeModal: false,\r\n chargeOperationMsg: '',\r\n sharedManualChargeOptions: [],\r\n closeOrderShipDate: kendo.toString(kendo.parseDate(new Date()), 'yyyy-MM-ddTHH:mm:ss'),\r\n gridMassShipChargesTotal: 0,\r\n currentRowIndex: 0,\r\n applyChargeOpt: [{\r\n name: this.translate(\"Label_Order_Apply_Charge\"),\r\n value: '0'\r\n }, {\r\n name: this.translate(\"Label_Order_Divide_charges\"),\r\n value: '1'\r\n }],\r\n rowNumberSet: false,\r\n manualCharges: Object.assign({}, this.defauleManualCharge),\r\n shipAndCloseGridColumns: [{\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n hidden: true,\r\n menu: false,\r\n width: \"100%\"\r\n }, {\r\n field: \"ChargeOrigin\",\r\n title: GridTitlesAggregate[0].description,\r\n lockable: false,\r\n filterable: false,\r\n width: 100,\r\n template: \"# if( ChargeOrigin== 1) {# \" + this.translate('Label_Billing_Script') + \" #} else if( ChargeOrigin== 2) {# \" + this.translate('Label_Manual_Charge') + \" #} else if( ChargeOrigin== 3 || ChargeOrigin == 0) {# \" + this.translate('Label_Predefined') + \" #} #\"\r\n }, {\r\n field: \"ChargeType\",\r\n title: GridTitlesAggregate[1].description,\r\n width: 100,\r\n lockable: false\r\n }, {\r\n field: \"ChargeLabel\",\r\n title: GridTitlesAggregate[2].description,\r\n width: 150,\r\n lockable: false\r\n }, {\r\n field: \"UnitDescription\",\r\n title: GridTitlesAggregate[3].description,\r\n width: 180,\r\n lockable: false,\r\n hidden: true\r\n }, {\r\n field: \"ChargePerUnit\",\r\n title: GridTitlesAggregate[4].description,\r\n width: 90,\r\n lockable: false\r\n }, {\r\n field: \"NumberOfUnits\",\r\n title: GridTitlesAggregate[5].description,\r\n width: 80,\r\n attributes: {\r\n \"class\": \"editable-cell\"\r\n },\r\n lockable: false\r\n }, {\r\n field: \"TotalCharges\",\r\n title: GridTitlesAggregate[6].description,\r\n width: 100,\r\n lockable: false\r\n }, {\r\n field: \"GeneralLedgerAccount\",\r\n title: GridTitlesAggregate[7].description,\r\n width: 180,\r\n lockable: false,\r\n hidden: true\r\n }, {\r\n field: \"ExternalAccountsReceivable\",\r\n title: GridTitlesAggregate[8].description,\r\n width: 180,\r\n lockable: false,\r\n hidden: true\r\n }, {\r\n field: \"ExternalItemIdentifier\",\r\n title: GridTitlesAggregate[9].description,\r\n width: 180,\r\n lockable: false,\r\n hidden: true\r\n }, {\r\n field: \"ExternalItemDescription\",\r\n title: GridTitlesAggregate[10].description,\r\n width: 180,\r\n lockable: false,\r\n hidden: true\r\n }, {\r\n field: 'cmdRemove',\r\n menu: false,\r\n command: [{\r\n name: \"destroy\",\r\n text: \" \",\r\n className: \"charge-delete\"\r\n }],\r\n title: \" \",\r\n width: 32,\r\n }],\r\n schema: {\r\n model: {\r\n fields: {\r\n RowNumber: {\r\n type: 'number'\r\n },\r\n ChargeOrigin: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n ChargeTypeId: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ChargeType: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ChargeLabel: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n UnitDescription: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ChargePerUnit: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n NumberOfUnits: {\r\n type: \"number\",\r\n editable: true\r\n },\r\n TotalCharges: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n GeneralLedgerAccount: {\r\n type: \"float\",\r\n editable: false\r\n },\r\n ExternalAccountsReceivable: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ExternalItemIdentifier: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ExternalItemDescription: {\r\n type: \"string\",\r\n editable: false\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n componentDidMount() {\r\n kendo.ui.progress($('#massShipAndClose'), true);\r\n\r\n findOrdersService.initialiseMassShipAndCloseModel(\r\n this.props.sharedSelectedOrderData.CustomerId,\r\n this.props.sharedSelectedOrderIds,\r\n this.props.sharedSelectedOrderData.FacilityId\r\n ).then((response) => {\r\n\r\n let shipAndCloseFormData = [];\r\n let chargeTypeOption = [];\r\n let manualChargesOptions = [];\r\n\r\n chargeTypeOption.unshift({ \"ChargeLabel\": \"Custom Manual Charge\" });\r\n var gridCharges = [];\r\n if (response.massShipChargesGridData != 'undefined' && response.massShipChargesGridData.status == 200) {\r\n gridCharges = response.massShipChargesGridData.data;\r\n // var index = 0;\r\n // for (var i = 0; i < chargeTypeOption.length; i++) {\r\n // var firstItem = chargeTypeOption[i];\r\n // index++;\r\n // firstItem[\"uniqueId\"] = index;\r\n // }\r\n }\r\n\r\n if (response.chargesCategoryResponse != 'undefined' && response.chargesCategoryResponse.status == 200) {\r\n manualChargesOptions = response.chargesCategoryResponse.data;\r\n }\r\n\r\n if (response.massShipAndCloseResponse != 'undefined' && response.massShipAndCloseResponse.status == 200) {\r\n shipAndCloseFormData = this.translateFormData(response.massShipAndCloseResponse.data.FormData);\r\n }\r\n\r\n this.setState({\r\n shipAndCloseFormData: shipAndCloseFormData,\r\n chargeTypeOption: chargeTypeOption,\r\n originalChargeTypeOption: chargeTypeOption,\r\n sharedManualChargeOptions: manualChargesOptions,\r\n rowNumberSet: false,\r\n shipAndCloseGridData: gridCharges,\r\n gridMassShipChargesTotal: 0,\r\n manualCharges: this.defauleManualCharge\r\n }, () => {\r\n this.rowNumberUpdate();\r\n });\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#massShipAndClose'), false);\r\n });\r\n }\r\n\r\n translateFormData = (param_shipandclose_formdata) => {\r\n\r\n for (let prop in param_shipandclose_formdata) {\r\n if (param_shipandclose_formdata[prop].State === 1) {\r\n let multiplesText = this.translate('Label_Multiples_Text');\r\n param_shipandclose_formdata[prop].Value = multiplesText;\r\n if (prop == 'PickupDate') {\r\n $(\"#massShipPickUpDate\").attr('placeholder', multiplesText);\r\n }\r\n } else if (param_shipandclose_formdata[prop].State === 0) {\r\n param_shipandclose_formdata[prop].Value = '';\r\n }\r\n }\r\n this.setState({ origFormData: JSON.parse(JSON.stringify(param_shipandclose_formdata)) });\r\n return param_shipandclose_formdata;\r\n\r\n }\r\n\r\n handleChangeEvent = (event) => {\r\n\r\n let shipAndCloseFormObj = this.state.shipAndCloseFormData;\r\n\r\n if (event.target.name == 'ApplyChargesToEachOrder') {\r\n shipAndCloseFormObj[event.target.name] = (event.target.value == '0') ? true : false;\r\n } else {\r\n shipAndCloseFormObj[event.target.name].Value = event.target.value;\r\n }\r\n\r\n this.setState({ shipAndCloseFormData: shipAndCloseFormObj });\r\n\r\n }\r\n\r\n onChangeChargeType = (event) => {\r\n let manualChargeObj = Object.assign({}, this.defauleManualCharge);\r\n if (event.target.value != 0) {\r\n manualChargeObj = this.state.chargeTypeOption[event.target.value];\r\n var getIndex = ObjectWms.FindIndexByProperty(this.state.sharedManualChargeOptions, \"Id\", manualChargeObj.ChargeTypeId);\r\n manualChargeObj.indexChargeCategory = getIndex;\r\n }\r\n this.setState({\r\n 'indexChargeType': event.target.value,\r\n manualCharges: manualChargeObj\r\n });\r\n }\r\n changeAdditaionalCharge = (event) => {\r\n let manualCharges = Object.assign({}, this.state.manualCharges);\r\n manualCharges[event.target.name] = event.target.value\r\n\r\n //calculate total charges\r\n if (event.target.name == 'ChargePerUnit' || event.target.name == 'NumberOfUnits') {\r\n\r\n let param_chargePerUnit = (event.target.name == 'ChargePerUnit') ?\r\n event.target.value :\r\n this.state.manualCharges.ChargePerUnit;\r\n\r\n let param_numberOfUnits = (event.target.name == 'NumberOfUnits') ?\r\n event.target.value :\r\n this.state.manualCharges.NumberOfUnits;\r\n if (\r\n !isNaN(parseFloat(param_chargePerUnit)) &&\r\n !isNaN(parseFloat(param_numberOfUnits))\r\n ) {\r\n manualCharges['total'] = parseFloat((new Big(param_chargePerUnit || 0)).times(param_numberOfUnits || 0).toFixed(4));\r\n }\r\n }\r\n\r\n this.setState({ 'manualCharges': manualCharges });\r\n }\r\n\r\n changeCloseShipDate = (event) => {\r\n this.setState({ 'closeOrderShipDate': event.target.value });\r\n }\r\n\r\n openAddManualChargeModel = () => {\r\n this.setState({ sharedIsOpenManualChargeModal: true });\r\n }\r\n\r\n onCloseAddManualChargeModel = () => {\r\n this.setState({ sharedIsOpenManualChargeModal: false });\r\n }\r\n\r\n addShipAndCloseGridData = () => {\r\n var gridObj = {\r\n 'ChargeOrigin': (this.state.indexChargeType == 0) ? 2 : 3,\r\n 'ChargeTypeId': this.state.sharedManualChargeOptions[this.state.manualCharges.indexChargeCategory].Id,\r\n 'ChargeType': this.state.sharedManualChargeOptions[this.state.manualCharges.indexChargeCategory].Description,\r\n 'ChargeLabel': this.state.manualCharges.ChargeLabel,\r\n 'Description': this.state.manualCharges.UnitDescription,\r\n 'ChargePerUnit': this.state.manualCharges.ChargePerUnit,\r\n 'NumberOfUnits': this.state.manualCharges.NumberOfUnits,\r\n 'TotalCharges': this.state.manualCharges.total,\r\n 'GeneralLedgerAccount': this.state.manualCharges.GeneralLedgerAccount,\r\n 'ExternalAccountsReceivable': this.state.manualCharges.ExternalAccountsReceivable,\r\n 'ExternalItemIdentifier': this.state.manualCharges.ExternalItemIdentifier,\r\n 'ExternalItemDescription': this.state.manualCharges.ExternalItemDescription,\r\n 'uniqueId': this.state.chargeTypeOption[this.state.indexChargeType].uniqueId\r\n };\r\n\r\n let shipAndCloseGridData = _.cloneDeep(this.state.shipAndCloseGridData);\r\n shipAndCloseGridData.push(gridObj);\r\n\r\n let tmpUniqueId = this.state.chargeTypeOption[this.state.indexChargeType].uniqueId;\r\n let cahrgeTypeOpt = this.state.chargeTypeOption;\r\n if (tmpUniqueId != 1) {\r\n cahrgeTypeOpt = ObjectWms.removeObjFromListOnParameterValue(this.state.chargeTypeOption, \"uniqueId\", tmpUniqueId);\r\n }\r\n\r\n this.setState({\r\n shipAndCloseGridData: Object.assign([], shipAndCloseGridData),\r\n rowNumberSet: false,\r\n manualCharges: Object.assign({}, this.defauleManualCharge),\r\n chargeOperationMsg: this.translate('Oders_FindOrders_MassShip_Charge_Add_Success'),\r\n chargeTypeOption: cahrgeTypeOpt\r\n }, () => {\r\n\r\n this.rowNumberUpdate();\r\n this.onChangeChargeType({ target: { value: 0 } });\r\n setTimeout(() => {\r\n this.setState({ chargeOperationMsg: '' });\r\n }, 5000);\r\n\r\n });\r\n\r\n this.sumOfTotalChargesColumn(shipAndCloseGridData);\r\n\r\n }\r\n onRemove = (e) => {\r\n // use time out to reflect he grid datasource changes\r\n setTimeout(() => {\r\n var grid = $('#GridMassShipCharges').data(\"kendoGrid\");\r\n\r\n // Passing test here to remove default propery from data\r\n var data = ObjectWms.removeObjFromListOnParameterValue(grid.dataSource.data(), \"test\", null);\r\n let tmpChargeTypeOption = Object.assign([], this.state.chargeTypeOption);\r\n\r\n if (e.model.uniqueId != 1) {\r\n var getIndex = ObjectWms.FindIndexByProperty(this.state.originalChargeTypeOption, \"uniqueId\", e.model.uniqueId);\r\n let tmpRemovedChargeObj = this.state.originalChargeTypeOption[getIndex];\r\n tmpChargeTypeOption.push(tmpRemovedChargeObj);\r\n }\r\n\r\n this.sumOfTotalChargesColumn(data);\r\n this.setState({\r\n shipAndCloseGridData: data,\r\n chargeOperationMsg: this.translate('Oders_FindOrders_MassShip_Charge_Remove_Success'),\r\n chargeTypeOption: tmpChargeTypeOption\r\n }, () => {\r\n setTimeout(() => { this.setState({ chargeOperationMsg: '' }); }, 5000);\r\n });\r\n }, 100);\r\n\r\n }\r\n sumOfTotalChargesColumn = (param_gridData) => {\r\n\r\n let toatalOfCharge = 0;\r\n for (let x = 0; x < param_gridData.length; x++) {\r\n let dataItem = param_gridData[x];\r\n toatalOfCharge += dataItem['TotalCharges'];\r\n }\r\n this.setState({ gridMassShipChargesTotal: toatalOfCharge });\r\n }\r\n\r\n\r\n clickShipAndClose = () => {\r\n\r\n let shipAndCloseFormObj = {\r\n 'FormData': this.detectChangesFromOrig(),\r\n 'ApplyChargesToEachOrder': this.state.shipAndCloseFormData.ApplyChargesToEachOrder,\r\n 'CloseDate': this.state.closeOrderShipDate,\r\n 'OrigFormData': this.state.origFormData,\r\n 'ids': this.props.sharedSelectedOrderIds,\r\n 'SelectedCustomerId': this.props.sharedSelectedOrderData.CustomerId,\r\n 'SelectedCustomerUri': this.props.sharedSelectedOrderData.CustomerUri,\r\n }\r\n this.props.onCloseShipAndClose()\r\n this.$rootScope.animationMoveIcon($('#shipAndCloseSAve'));\r\n this.$rootScope.taskStarted();\r\n // this.$rootScope.$broadcast(\"EventProgressMassShipAndClose\", {\r\n // \"MassShip\": shipAndCloseFormObj,\r\n // \"callBackFunc\": this.props.onResetGridSelection\r\n // });\r\n\r\n var event = new CustomEvent(\"showProgressModal\", {\r\n detail: {\r\n \"MassShip\": shipAndCloseFormObj,\r\n \"callBackFunc\": this.props.onResetGridSelection,\r\n \"type\": \"massship\"\r\n }\r\n });\r\n document.dispatchEvent(event);\r\n\r\n }\r\n detectChangesFromOrig = () => {\r\n\r\n let shipAndCloseFormObj = this.state.shipAndCloseFormData;\r\n for (let objProperty in shipAndCloseFormObj) {\r\n if (shipAndCloseFormObj[objProperty].Value !== this.state.origFormData[objProperty].Value) {\r\n shipAndCloseFormObj[objProperty].HasChanged = true;\r\n }\r\n }\r\n var currentGridData = Object.assign([], this.state.shipAndCloseGridData);\r\n // Remove if currentGridData is 0 or null\r\n _.remove(currentGridData, function (n) {\r\n return (n.NumberOfUnits == 0 || n.NumberOfUnits == null);\r\n });\r\n if (shipAndCloseFormObj) {\r\n shipAndCloseFormObj['Charges'] = currentGridData;\r\n }\r\n return shipAndCloseFormObj;\r\n\r\n }\r\n saveMassShipCharges = (e) => {\r\n var grid = $('#GridMassShipCharges').data('kendoGrid');\r\n\r\n var numberOfUnits = StringWms.isEmpty(e.values.NumberOfUnits) ? 0 : e.values.NumberOfUnits;\r\n var chargePerUnit = StringWms.isEmpty(e.model.ChargePerUnit) ? 0 : e.model.ChargePerUnit;\r\n\r\n var total = parseFloat((new Big(numberOfUnits)).times(chargePerUnit).round(4));\r\n\r\n e.model.set(\"TotalCharges\", total);\r\n e.model.TotalCharges = total;\r\n // grid.saveChanges();\r\n\r\n // Setting a timeout so that NumberOfUnits gets updated by gridSaveChanges\r\n setTimeout(() => {\r\n let shipChargesData = grid._data;\r\n shipChargesData = ObjectWms.removeObjFromListOnParameterValue(shipChargesData, \"test\", null);\r\n\r\n this.setState({ shipAndCloseGridData: shipChargesData });\r\n this.sumOfTotalChargesColumn(shipChargesData);\r\n }, 50);\r\n }\r\n onGridEdit = (e) => {\r\n var rowindex = $(e.container).closest(\"tr\").index();\r\n this.state.currentRowIndex = rowindex;\r\n }\r\n onDataBound = (e) => {\r\n if (this.state.rowNumberSet == false) {\r\n this.rowNumberUpdate();\r\n }\r\n var that = this;\r\n $(document).off('keyup', '#GridMassShipCharges .k-grid-content table');\r\n $(document).on('keyup', '#GridMassShipCharges .k-grid-content table', function (e) {\r\n if (e.keyCode === kendo.keys.TAB || e.keyCode === kendo.keys.ENTER) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n var grid = $(\"#GridMassShipCharges\").data('kendoGrid');\r\n setTimeout(() => {\r\n var nextCell;\r\n var destinationRow;\r\n\r\n if (e.shiftKey) {\r\n destinationRow = that.state.currentRowIndex - 1;\r\n } else {\r\n destinationRow = that.state.currentRowIndex + 1;\r\n }\r\n\r\n var indexRow = destinationRow;\r\n nextCell = $(\"#GridMassShipCharges .k-grid-content tbody tr:eq(\" + indexRow + \")\").children(\".editable-cell:first\");\r\n grid.current(nextCell);\r\n grid.editCell(nextCell[0]);\r\n }, 100);\r\n }\r\n });\r\n\r\n var grid = $(\"#GridMassShipCharges\").data('kendoGrid');\r\n\r\n var gridData = grid.dataSource.view();\r\n for (var i = 0; i < gridData.length; i++) {\r\n if (gridData[i].ChargeOrigin != 2) {\r\n grid.table.find(\"tr[data-uid='\" + gridData[i].uid + \"']\").addClass(\"hide-close-button\");\r\n }\r\n }\r\n }\r\n rowNumberUpdate = () => {\r\n var grid = $('#GridMassShipCharges').data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n var data = dataSource.data();\r\n var sort = dataSource.sort();\r\n var query = new kendo.data.Query(data);\r\n var sortedData = query.data;\r\n var index = 0;\r\n for (var i = 0; i < sortedData.length; i++) {\r\n var firstItem = sortedData[i];\r\n index++;\r\n firstItem[\"RowNumber\"] = index;\r\n }\r\n this.state.rowNumberSet = true;\r\n $('#GridMassShipCharges').data(\"kendoGrid\").refresh();\r\n }\r\n onCollapseIconClick = (param_collapse) => {\r\n if (!param_collapse) {\r\n // use setTimeout to wait until tab expand animation complete, then scrooll div to top\r\n setTimeout(() => {\r\n $(\".model-content-wrapper\").animate({\r\n scrollTop: $(\"#additonalChargesRoutingInfo_main\").position().top\r\n }, 'slow');\r\n $('#GridMassShipCharges').data(\"kendoGrid\").resize(true);\r\n }, 500);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.props.callFrom != 'SmallParcelSuit' && (\r\n \r\n \r\n
\r\n\r\n }\r\n {this.props.sharedIsOpenMassShipAndCloseModel &&\r\n \r\n \r\n {this.translate('Oders_FindOrders_MassShip_Summary').replace(new RegExp('{' + 'amount' + '}', 'gi'), this.props.sharedSelectedOrderIds.length)}\r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n {this.state.chargeOperationMsg != '' && (\r\n \r\n \r\n {this.state.chargeOperationMsg}\r\n
\r\n )}\r\n \r\n function () { }}\r\n onGridSave={this.saveMassShipCharges}\r\n layoutData={''}\r\n getGridSelectionUrl={''}\r\n searchUrl={''}\r\n gridNoteText={this.translate('MassShip_AdnClose_Grid_Note')}\r\n menu={[]}\r\n gridEditable={{ confirmation: false }}\r\n onRemove={this.onRemove}\r\n shawCheckbox={false}\r\n showResetButton={false}\r\n showColumnFilter={false}\r\n showSortColumns={false}\r\n gridNavigatable={true}\r\n onEdit={this.onGridEdit} />\r\n }\r\n
\r\n \r\n NOTE: \r\n \r\n
\r\n {this.props.sharedIsOpenMassShipAndCloseModel == true &&\r\n \r\n function () { }}\r\n disabled={true}\r\n label={this.translate('Label_Order_Total_Charges')} />\r\n\r\n
\r\n \r\n
\r\n }\r\n\r\n \r\n )\r\n }\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsButton from '../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsContainer from './../../../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsDropdownList from './../../../components/WmsDropdownList/WmsDropdownList.jsx';\r\nimport WmsInput from './../../../components/WmsInput/WmsInput.jsx';\r\nimport WmsModel from './../../../components/WmsModel/WmsModel.jsx';\r\nimport * as findOrdersService from '../findOrders.services.jsx';\r\nimport * as GlobalService from './../../../global_services';\r\nimport './batching-model.scss';\r\n\r\nexport class BatchingModel extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n Selector: \"OrderBatch\",\r\n batchDescription: \"\",\r\n savingGifBatch: false,\r\n batchOptions: []\r\n };\r\n }\r\n\r\n // componentWillReceiveProps(nextProps) {\r\n // this.setState({ batchDescription: '' });\r\n // }\r\n\r\n exitBatchModel = () => {\r\n // $(\"#addToNewBatch\").data('kendoWindow').close();\r\n this.props.onCloseBatchingModel();\r\n }\r\n\r\n handleBatchChange = (e) => {\r\n let value = e.target.value;\r\n if(typeof value == \"object\" && !value.BatchOrderId){\r\n value = '';\r\n }\r\n this.setState({ batchDescription: value });\r\n }\r\n\r\n handleOnEnterPress = (e) => {\r\n this.eventClickCreateAndAdd();\r\n }\r\n\r\n handleKeyPress = (e) => {\r\n // && this.state.batchDescription !== ''\r\n if (e.key === 'Enter') {\r\n this.eventClickCreateAndAdd();\r\n }\r\n }\r\n eventClickCreateAndAdd = () => {\r\n this.setState({ savingGifBatch: true });\r\n\r\n if (this.props.sharedBatchProcess == 'addToNew') {\r\n let batchData = {\r\n 'Ids': this.props.sharedSelectedOrderIds,\r\n \"CustomerId\": this.props.sharedSelectedOrderData.CustomerId,\r\n \"Description\": this.state.batchDescription\r\n };\r\n findOrdersService.createBatch(batchData).then((response) => {\r\n\r\n if (response != 'undefined' && (response.status == 200 || response.status == 204)) {\r\n console.log(\"eventClickCreateAndAdd \", response.data);\r\n GlobalService.notification('success', this.translate('Label_BatchCreate_Success'));\r\n this.props.autoFilterWithBatch(response.data);\r\n this.exitBatchModel();\r\n\r\n } /*else {\r\n let errorMessage = this.translate('Label_SystemError');\r\n if (response.Error) {\r\n errorMessage = response.Error;\r\n }\r\n GlobalService.apiSystemError(this.injector.get('$rootScope'), { response: {} }, errorMessage);\r\n\r\n }*/\r\n // this.setState({ savingGifBatch: false });\r\n }).finally(() => {\r\n this.setState({ savingGifBatch: false });\r\n });\r\n\r\n } else {\r\n let batchData = {};\r\n if (typeof this.state.batchDescription == \"object\") {\r\n batchData = this.state.batchDescription;\r\n } \r\n batchData['Ids'] = this.props.sharedSelectedOrderIds;\r\n findOrdersService.addToExistingBatch(batchData).then((response) => {\r\n\r\n if (response != 'undefined' && (response.status == 200 || response.status == 204)) {\r\n\r\n GlobalService.notification('success', this.translate('Label_BatchExisting_Success'));\r\n this.props.onResetGridSelection();\r\n this.exitBatchModel();\r\n\r\n } /*else {\r\n\r\n let errorMessage = this.translate('Label_SystemError');\r\n if (response.Error) {\r\n errorMessage = response.Error;\r\n }\r\n GlobalService.apiSystemError(this.injector.get('$rootScope'), { response: {} }, errorMessage);\r\n\r\n }*/\r\n // this.setState({ savingGifBatch: false });\r\n }).finally(() => { \r\n this.setState({ savingGifBatch: false });\r\n });\r\n\r\n }\r\n };\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n {(this.props.sharedBatchProcess == 'addToNew') && (\r\n ${ CustomerName } \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsButton from '../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsContainer from '../../../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsInput from '../../../components/WmsInput/WmsInput.jsx';\r\nimport WmsModel from '../../../components/WmsModel/WmsModel.jsx';\r\nimport WmsDropdown from '../../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport { ArrayWms } from '../../../../../assets/ts/ArrayWms.ts';\r\nimport './shipping-label-model.scss';\r\nimport * as findOrdersService from '../../../orders/findOrders/findOrders.services.jsx';\r\n\r\nexport class ShippingLabel extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n Selector: \"OrderShippingLabel\",\r\n generateGif: false,\r\n labelsToPrint: 1,\r\n reportListSelectedIndex: 0\r\n }\r\n }\r\n handleChange = (e) => {\r\n this.setState({ [e.target.name]: e.target.value });\r\n }\r\n\r\n generateShippingLabel = () => {\r\n this.setState({ generateGif: true });\r\n let tmpUri = this.props.sharedShippingLabelOption.Reports[this.state.reportListSelectedIndex].TemplatedRunner;\r\n let param_obj = {\r\n \"RunnerUriTemplate\": tmpUri,\r\n \"TotalLabelsRequested\":parseInt(this.state.labelsToPrint),\r\n \"TransactionIds\": this.props.sharedSelectedOrderIds,\r\n \"IgnoreDuplicates\": false,\r\n \"UtcOffset\": new Date().getTimezoneOffset() / 60 * -1,\r\n \"outputType\": \"application/pdf\"\r\n }\r\n findOrdersService.generateShippingLabel(param_obj).then((response) => {\r\n this.setState({ generateGif: false });\r\n if(response){\r\n var blob = ArrayWms.convertBase64ToByteArray(response, 'application/pdf');\r\n ArrayWms.displayBlobInWindow(blob, 'report.pdf');\r\n this.props.onCloseShippingLabelModel();\r\n }\r\n }).finally(() => { \r\n this.setState({ generateGif: false });\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n}","\r\nimport React from 'react';\r\nimport WmsConfirmModel from '../../../components/WmsConfirmModel/WmsConfirmModel.jsx';\r\nimport * as findOrdersService from '../findOrders.services.jsx';\r\nimport * as GlobalService from './../../../global_services';\r\nexport class ConfirmationModal extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window\r\n var splitOverallocateHtmlText = '' +\r\n '' +\r\n '' + this.translate('Label_Split_Selected_Warning_One') + '' +\r\n '
' +\r\n '' + this.translate('Label_Split_Selected_Warning_Two') + ''\r\n '
Note: '+ this.translate('Label_Short_Ship_Orders_Cofirm_Msg_Note') + '
';\r\n this.state = {\r\n splitOverallocateText: splitOverallocateHtmlText,\r\n shortSlipOrderText: shortSlipOrderText\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n\r\n }\r\n\r\n reOpenClickContinue = () => {\r\n findOrdersService.reopenOrders(this.props.SharedSelectedOrderIds).then((response) => {\r\n if (response ) {\r\n GlobalService.notification('success', this.translate('Label_Reopen_Success'));\r\n this.props.onResetGridSelection();\r\n }\r\n this.onCloseReopenModal();\r\n });\r\n }\r\n onCloseReopenModal = () => {\r\n this.props.onCloseReopenModal();\r\n }\r\n\r\n\r\n unAllocateClickContinue = () => {\r\n findOrdersService.unallocateOrders(this.props.SharedSelectedOrderIds).then((response) => {\r\n if (response && (response.status == 200 || response.status == 204)) {\r\n GlobalService.notification('success', this.translate('Label_Unallocate_Success'));\r\n this.props.onResetGridSelection();\r\n }\r\n this.onCloseUnallocateModal();\r\n });\r\n }\r\n\r\n onCloseUnallocateModal = () => {\r\n this.props.onCloseUnallocateModal();\r\n }\r\n\r\n\r\n reAllocateClickContinue = () => {\r\n this.props.closeReallocateConfirmationModal(true);\r\n this.$rootScope.animationMoveIcon('[data-wms-selector=\"OrderReallocateContinueButton\"]');\r\n this.$rootScope.taskStarted();\r\n\r\n var transferOrderObj = {\r\n \"type\":\"reallocation\",\r\n \"reallocation\": { orderIds: this.props.SharedSelectedOrderIds, facilityId: this.props.SameFacilityId },\r\n \"callBackFunc\": this.reallocateOrders,\r\n 'numSelectedOrders': this.props.SharedSelectedOrderIds.length\r\n }\r\n var event = new CustomEvent(\"showProgressModal\", {\r\n detail: transferOrderObj\r\n });\r\n document.dispatchEvent(event);\r\n }\r\n\r\n reallocateOrders = (response) => {\r\n if (\r\n response.data.TotalOrdersNotReallocated == 0 &&\r\n (\r\n response.data.FaultedOrders == null ||\r\n (\r\n response.data.FaultedOrders &&\r\n response.data.FaultedOrders.Faults &&\r\n response.data.FaultedOrders.Faults.length == 0\r\n )\r\n )\r\n ) {\r\n GlobalService.notification('success', this.translate('Label_Reallocate_Success'));\r\n this.props.onResetGridSelection();\r\n this.onCloseReallocateModal();\r\n } else {\r\n if(response.data.TotalOrdersNotReallocated != response.data.TotalOrders){\r\n this.props.onResetGridSelection();\r\n }\r\n this.onCloseReallocateModal(response.data);\r\n }\r\n }\r\n\r\n onCloseReallocateModal = (param_result_msg) => {\r\n this.props.onCloseReallocateModal(param_result_msg);\r\n }\r\n\r\n splitOverallocateClickContinue = () => {\r\n findOrdersService.splitOrders(this.props.SharedSelectedOrderIds).then((response) => {\r\n if (response) {\r\n GlobalService.notification('success', this.translate('Label_Split_Success'));\r\n this.props.onResetGridSelection();\r\n }\r\n this.onCloseSplitOverallocateModal();\r\n });\r\n }\r\n\r\n shortShipOrdersClickContinue = () => {\r\n findOrdersService.shorterShipOrders(this.props.SharedSelectedOrderIds).then((response) => {\r\n if (response) {\r\n GlobalService.notification('success', this.translate('Label_Short_Ship_Success'));\r\n this.props.onResetGridSelection();\r\n }\r\n this.props.onCloseShipOrders();\r\n });\r\n }\r\n\r\n onCloseSplitOverallocateModal = () => {\r\n this.props.onCloseSplitOverallocateModal();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {/* Reopen order model code */}\r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\n\r\n// Services\r\nimport * as findOrdersService from './../findOrders.services.jsx';\r\n\r\nimport './pick-ticket-model.scss';\r\nimport { ArrayWms } from '../../../../../assets/ts/ArrayWms.ts';\r\n\r\n// Component\r\nimport WmsModel from '../../../components/WmsModel/WmsModel.jsx';\r\nimport WmsButton from '../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsContainer from '../../../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsDropdown from '../../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsCheckBox from '../../../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsRadio from '../../../components/WmsRadio/WmsRadio.tsx';\r\n\r\nexport class PickTicketModel extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n\r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n this.modalId = this.props.windowId + this.props.id;\r\n\r\n this.defaultPickTicket = {\r\n options: [],\r\n Template: \"\",\r\n SelectedTemplateIndex: 0,\r\n SortLocation: false,\r\n IsDisable: false,\r\n TicketOption: \"\",\r\n }\r\n this.radioBtnLabels = {\r\n 'PickTicketExt': this.translate(\"Label_Pick_Ticket_Default\"),\r\n 'PickTicketLocation': this.translate(\"Label_Pick_Ticket_Location\"),\r\n 'PickTicketExt_OverAllocOk': this.translate(\"Label_Pick_Ticket_Overallocated\"),\r\n 'PickTicketExt_ShortShip': this.translate(\"Label_Short_Ship_Ticket\")\r\n };\r\n\r\n this.state = {\r\n Selector: \"order\",\r\n gifGenerate: false,\r\n disableGenerateBtn: false,\r\n tooltipTextForGenerateBtn: \"\",\r\n pickTicket: this.defaultPickTicket,\r\n fullyAllocated: false,\r\n disableTemplatePickTicket: false,\r\n optionsTemplate: []\r\n }\r\n }\r\n componentDidMount() {\r\n kendo.ui.progress($('.WindowPickTicket'), true);\r\n\r\n this.setState({\r\n fullyAllocated: this.props.fullyAllocated\r\n });\r\n var payload = { customerId: this.props.customerId };\r\n if (this.props.flow === \"regular\") {\r\n if (this.props.sharedSelectedCustomerIds.length == 1) {\r\n payload = { customerId: this.props.sharedSelectedCustomerIds[0] }\r\n this.setState({\r\n disableTemplatePickTicket: false\r\n });\r\n } else {\r\n payload = \"\";\r\n this.setState({\r\n disableTemplatePickTicket: true\r\n });\r\n }\r\n }\r\n\r\n findOrdersService.GetPickTicketReports(payload).then((response) => {\r\n if (typeof response != 'undefined' && response.status == 200) {\r\n this.setState({ optionsTemplate: response.data });\r\n if (this.props.flow === \"regular\") {\r\n // We will have the dropdown load the first index's options for regular flow\r\n if (this.state.fullyAllocated) {\r\n if (response.data.length == 0) {\r\n this.setState({\r\n disableGenerateBtn: true,\r\n tooltipTextForGenerateBtn: this.translate(\"Label_Template_Options_Not_available\")\r\n });\r\n return;\r\n }\r\n this.eventChangeRegularPickTicket(0);\r\n } else {\r\n var overAllocatedIndex = response.data.map(function (o) { return o.RdlName; }).indexOf(\"PickTicketExt_OverAllocOk\");\r\n if (overAllocatedIndex == -1) {\r\n this.setState({\r\n disableGenerateBtn: true,\r\n tooltipTextForGenerateBtn: this.translate(\"Label_Template_Options_OverAlloc_Not_available\")\r\n });\r\n return;\r\n }\r\n this.eventChangeRegularPickTicket(overAllocatedIndex);\r\n }\r\n } else if (this.props.flow === \"master\") {\r\n this.eventChangeMasterPickTicket();\r\n }\r\n }\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('.WindowPickTicket'), false);\r\n });\r\n\r\n\r\n\r\n }\r\n\r\n eventChangeMasterPickTicket = () => {\r\n\r\n var masterPickTicketIndex = this.state.optionsTemplate.map(function (o) { return o.RdlName; }).indexOf(\"MasterPickTicket\");\r\n if (masterPickTicketIndex == -1) {\r\n this.setState({\r\n disableGenerateBtn: true,\r\n tooltipTextForGenerateBtn: this.translate(\"Label_Template_Options_MasterPick_Not_available\")\r\n });\r\n return;\r\n }\r\n var options = this.state.optionsTemplate[masterPickTicketIndex].Reports;\r\n this.setState({\r\n pickTicket: Object.assign({}, this.state.pickTicket, {\r\n options: options,\r\n Template: (options.length > 0) ? options[0] : \"\",\r\n }),\r\n });\r\n\r\n }\r\n\r\n eventChangeRegularPickTicket = (index = 0) => {\r\n var options = this.state.optionsTemplate[index].Reports;\r\n var defaultIndex = 0;\r\n\r\n if (this.state.disableTemplatePickTicket) {\r\n defaultIndex = options.map(function (o) { return o.Name; }).indexOf(\"Default\");\r\n }\r\n this.setState({\r\n pickTicket: Object.assign({}, this.state.pickTicket, {\r\n options: options,\r\n TicketOption: 'Location' + index,\r\n Template: (options.length > 0) ? options[defaultIndex] : \"\",\r\n SelectedTemplateIndex: defaultIndex,\r\n }),\r\n });\r\n }\r\n\r\n generateTicket = () => {\r\n\r\n var numSelectedOrders = [];\r\n this.props.sharedSelectedOrderIds.map(function (item) {\r\n numSelectedOrders.push(parseInt(item));\r\n });\r\n\r\n this.setState({ gifGenerate: true });\r\n\r\n var ticketUri = \"\";\r\n var data = {\r\n TransactionIds: numSelectedOrders,\r\n RunnerUriTemplate: typeof this.state.pickTicket.Template.TemplatedRunner != 'undefined' ? this.state.pickTicket.Template.TemplatedRunner : '',\r\n IgnoreDuplicates: this.state.pickTicket.IsDisable,\r\n UtcOffset: new Date().getTimezoneOffset() / 60 * -1,\r\n OutputType: 'application/pdf'\r\n };\r\n\r\n if (this.props.flow === \"regular\") {\r\n ticketUri = '/WebUI/Shipping/FindOrders/PickTicketReportStarter';\r\n } else if (this.props.flow === \"master\") {\r\n ticketUri = '/WebUI/Shipping/FindOrders/MasterPickTicketReportStarter';\r\n data = Object.assign({}, data, {\r\n BatchId: this.props.batchOrderId,\r\n SortByLocation: this.state.pickTicket.SortLocation\r\n });\r\n }\r\n\r\n findOrdersService.GeneratePickTicket(ticketUri, data).then((response) => {\r\n\r\n if (typeof response != 'undefined' && response.status === 200) {\r\n console.log(\"PickTicketReportStarter response\", response.data.StatusRelativeUri);\r\n // if (this.props.flow === \"regular\") {\r\n // showing moving icon animation start\r\n var targetElement = $('#PickTicketGenerate' + this.props.windowId);\r\n this.$rootScope.animationMoveIcon(targetElement);\r\n this.$rootScope.taskStarted();\r\n // this.$rootScope.$broadcast(\"EventProgressPickTicket\", {\r\n // \"pickticket\": { uri: response.data.StatusRelativeUri },\r\n // \"callBackFunc\": this.generatePickTicket,\r\n // 'numSelectedOrders': numSelectedOrders.length\r\n // });\r\n var transferOrderObj = {\r\n \"type\": \"generatePickTicket\",\r\n \"pickticket\": { uri: response.data.StatusRelativeUri, ticketType: this.props.flow },\r\n \"callBackFunc\": this.generatePickTicket,\r\n 'numSelectedOrders': numSelectedOrders.length\r\n }\r\n var event = new CustomEvent(\"showProgressModal\", {\r\n detail: transferOrderObj\r\n });\r\n document.dispatchEvent(event);\r\n // }\r\n // else {\r\n // var blob = ArrayWms.convertBase64ToByteArray(response.data, 'application/pdf');\r\n // ArrayWms.displayBlobInWindow(blob, 'GeneratePickTicket.pdf');\r\n // }\r\n }\r\n\r\n }).finally(() => {\r\n this.setState({ gifGenerate: false });\r\n this.closePickTicketModel();\r\n });\r\n }\r\n generatePickTicket = (data) => {\r\n console.log(\"generatePickTicket data\", data);\r\n }\r\n\r\n closePickTicketModel = (e) => {\r\n this.setState({\r\n pickTicket: this.defaultPickTicket,\r\n optionsTemplate: []\r\n }, () => {\r\n this.props.onClose();\r\n });\r\n }\r\n\r\n handleChangeEvent = (event) => {\r\n var stateKey = event.target.name;\r\n var type = event.target.type;\r\n\r\n if (type === 'checkbox') {\r\n this.setState({\r\n pickTicket: Object.assign({}, this.state.pickTicket, {\r\n [stateKey]: event.target.checked\r\n }),\r\n });\r\n } else if (type === \"select-one\") {\r\n this.setState({\r\n pickTicket: Object.assign({}, this.state.pickTicket, {\r\n [stateKey]: this.state.pickTicket.options[event.target.value],\r\n SelectedTemplateIndex: event.target.value,\r\n }),\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.props.flow === 'regular' &&\r\n\r\n \r\n \r\n }\r\n {this.props.flow === 'master' &&\r\n \r\n \r\n }\r\n
\r\n \r\n {this.state.optionsTemplate.map((option, index) =>\r\n (option.RdlName != 'MasterPickTicket') && (\r\n
\r\n\r\n \r\n this.eventChangeRegularPickTicket(index)}\r\n checked={this.state.pickTicket.TicketOption === (\"Location\" + index)}\r\n disabled={option.RdlName == 'PickTicketExt_OverAllocOk' ? false : !this.state.fullyAllocated}\r\n />\r\n
\r\n )\r\n )}\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}","import React from 'react';\r\nimport { ArrayWms } from '../../../../../assets/ts/ArrayWms.ts';\r\n\r\n//component\r\nimport WmsButton from './../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsDropdown from './../../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsContainer from './../../../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsModel from './../../../components/WmsModel/WmsModel.jsx';\r\n\r\nimport * as findOrdersService from '../findOrders.services.jsx';\r\nimport * as GlobalService from './../../../global_services';\r\nimport './packing-slips-model.scss';\r\n\r\nexport class PackingSlipsModel extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n this.modalId = \"#\" + this.props.windowId + \"shipSlipsModel\";\r\n this.state = {\r\n selector: \"order\",\r\n gifPackageSlips: false,\r\n optionsPackingReports: [],\r\n optionsTemplateReports: [],\r\n optionsOutputTypes: [],\r\n indexOptionsPackingReports: 0,\r\n indexOptionsTemplateReports: 0,\r\n indexOptionsOutputTypes: 0\r\n }\r\n }\r\n componentDidMount() {\r\n\r\n kendo.ui.progress($(this.modalId), true);\r\n\r\n findOrdersService.initialPackingSlips(\r\n this.props.sharedSelectedOrderData.CustomerId,\r\n this.props.sharedSelectedOrderIds\r\n ).then((response) => {\r\n\r\n if (response) {\r\n let _combinedPackingShortShipArray = [];\r\n let _templateReports = [];\r\n let _outputTypes = [];\r\n\r\n // DETECT IF THE PACKING SLIPS ARRAY IS PRESENT AND ADD IT IF IT IS\r\n if (response.length >= 1) {\r\n let packingShip = response[0];\r\n for (let x = 0; x < packingShip.Reports.length; x++) {\r\n _combinedPackingShortShipArray.push(packingShip.Reports[x]);\r\n }\r\n _templateReports = packingShip.Templates;\r\n _outputTypes = packingShip.FileTypes;\r\n }\r\n // DETECT IF THE SHORT SHIP ARRAY IS PRESENT AND ADD IT IF IT IS\r\n if (response.length >= 2) {\r\n let shortShip = response[1];\r\n for (let y = 0; y < shortShip.Reports.length; y++) {\r\n shortShip.Reports[y].Name = shortShip.Reports[y].Name + this.translate('Label_Append_Short_Ship');\r\n _combinedPackingShortShipArray.push(shortShip.Reports[y]);\r\n }\r\n }\r\n\r\n let indexOptionsTemplateReports = _templateReports.length >= 1 ? _templateReports[0].Id : 0;\r\n\r\n let indexOptionsOutputTypes = _outputTypes.length >= 1 ? _outputTypes[0].Value : 0;\r\n\r\n // sort report in alphabatic order and\r\n // move default template in last position\r\n let tmpOpt = _combinedPackingShortShipArray.sort(function(first, second) {\r\n // set default value at last in sorting\r\n if(first.Name == 'Default' || second.Name == 'Default'){ return -1; }\r\n var firstReport = first.Name.toUpperCase(); // ignore upper and lowercase\r\n var secondReport = second.Name.toUpperCase(); // ignore upper and lowercase\r\n\r\n if (firstReport < secondReport) { return -1; }\r\n\r\n if (firstReport > secondReport) { return 1; }\r\n // names must be equal\r\n return 0;\r\n });\r\n let indexOptionsPackingReports = tmpOpt.length >= 1 ? tmpOpt[0].TemplatedRunner : 0;\r\n this.setState({\r\n optionsPackingReports: tmpOpt,\r\n optionsTemplateReports: _templateReports,\r\n optionsOutputTypes: _outputTypes,\r\n indexOptionsPackingReports: indexOptionsPackingReports,\r\n indexOptionsTemplateReports: indexOptionsTemplateReports,\r\n indexOptionsOutputTypes: indexOptionsOutputTypes\r\n });\r\n }\r\n }).finally(() => {\r\n kendo.ui.progress($(this.modalId), false);\r\n });\r\n }\r\n\r\n handleChangeEvent = (e) => {\r\n this.setState({ [e.target.name]: e.target.value });\r\n }\r\n\r\n clickExportReport = () => {\r\n\r\n this.setState({ gifPackageSlips: true });\r\n\r\n let payload_runReportObj = {\r\n \"TemplatedRunner\": this.state.indexOptionsPackingReports,\r\n \"TransactionIds\": this.props.sharedSelectedOrderIds,\r\n \"CustomerId\": this.props.sharedSelectedOrderData.CustomerId,\r\n \"TemplateId\": this.state.indexOptionsTemplateReports,\r\n \"OutputType\": this.state.indexOptionsOutputTypes\r\n }\r\n findOrdersService.PackingSlipReportStarter(payload_runReportObj).then((response) => {\r\n\r\n this.setState({ gifPackageSlips: false });\r\n console.log(\"PackingSlipReportStarter response\",response);\r\n if(response && response.status == 200){\r\n let outputType = 'pdf';\r\n if (this.state.indexOptionsOutputTypes.indexOf('csv') != -1) {\r\n outputType = 'csv';\r\n } else if (this.state.indexOptionsOutputTypes.indexOf('excel') != -1) {\r\n outputType = 'xls';\r\n } else if (this.state.indexOptionsOutputTypes.indexOf('xml') != -1) {\r\n outputType = 'xml';\r\n } else if (this.state.indexOptionsOutputTypes.indexOf('msword') != -1) {\r\n outputType = 'doc';\r\n }\r\n response.data.outputType = outputType;\r\n // showing moving icon animation start\r\n var targetElement = $('#generateSlip'+this.props.windowId);\r\n this.$rootScope.animationMoveIcon(targetElement);\r\n this.$rootScope.taskStarted();\r\n // this.$rootScope.$broadcast(\"EventProgressPackingSlips\", response.data);\r\n response.data.type = \"packingslips\";\r\n var event = new CustomEvent(\"showProgressModal\", {\r\n detail: response.data\r\n });\r\n document.dispatchEvent(event);\r\n\r\n }\r\n\r\n // let date = new Date();\r\n // let day = date.getDate();\r\n // let month = date.getMonth();\r\n // let year = date.getFullYear();\r\n\r\n // if (this.state.indexOptionsOutputTypes.indexOf('pdf') != -1) {\r\n\r\n // let blob = ArrayWms.convertBase64ToByteArray(response, this.state.indexOptionsOutputTypes);\r\n // ArrayWms.displayBlobInWindow(blob, 'report.pdf');\r\n\r\n // } else if (this.state.indexOptionsOutputTypes.indexOf('csv') != -1) {\r\n\r\n // let blob = ArrayWms.convertBase64ToByteArray(response, this.state.indexOptionsOutputTypes);\r\n // saveAs(blob, \"PackingSlips\" + month + \"_\" + day + \"_\" + year + \".csv\");\r\n\r\n // } else if (this.state.indexOptionsOutputTypes.indexOf('excel') != -1) {\r\n\r\n // let blob = ArrayWms.convertBase64ToByteArray(response, this.state.indexOptionsOutputTypes);\r\n // saveAs(blob, \"PackingSlips\" + month + \"_\" + day + \"_\" + year + \".xls\");\r\n\r\n // } else if (this.state.indexOptionsOutputTypes.indexOf('xml') != -1) {\r\n\r\n // let blob = ArrayWms.convertBase64ToByteArray(response, this.state.indexOptionsOutputTypes);\r\n // saveAs(blob, \"PackingSlips\" + month + \"_\" + day + \"_\" + year + \".xml\");\r\n\r\n // } else if (this.state.indexOptionsOutputTypes.indexOf('msword') != -1) {\r\n\r\n // let blob = ArrayWms.convertBase64ToByteArray(response, this.state.indexOptionsOutputTypes);\r\n // saveAs(blob, \"PackingSlips\" + month + \"_\" + day + \"_\" + year + \".doc\");\r\n\r\n // }\r\n }).finally(() => {\r\n this.setState({ gifPackageSlips: false });\r\n kendo.ui.progress($(this.modalId), false);\r\n this.props.onClose();\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n )\r\n }\r\n}","import React from 'react';\r\nimport { ObjectWms } from '../../../../../assets/ts/ObjectWms.ts';\r\n\r\n//component\r\nimport WmsCheckBox from './../../../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsGrid from './../../../components/WmsGrid/WmsGrid.jsx';\r\nimport WmsButton from './../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsDropdown from './../../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsContainer from './../../../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsModel from './../../../components/WmsModel/WmsModel.jsx';\r\n\r\nimport * as findOrdersService from '../findOrders.services.jsx';\r\nimport * as GlobalService from './../../../global_services';\r\nimport './send-asn-model.scss';\r\nimport { kendo } from \"../../../global_variable_service.jsx\";\r\nvar _ = window._;\r\n\r\nexport class SendAsnModel extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n selector: \"order\",\r\n chkConsolidate: false,\r\n gifDownload: false,\r\n gifSend: false,\r\n dataLoaded: false,\r\n transformId: '',\r\n ftpId: '',\r\n transformsOptions: [],\r\n modalTitle:this.translate('Label_send_ASN_Title'),\r\n channelsOptions: [],\r\n tplSettings: GlobalService.getTplSettings(),\r\n modelId: 'sendAsnModel' + this.props.windowId,\r\n isShowAsnErrorDetailGrid:false, // flag for show violates of settings message in grid\r\n errorStaticGridData:[],\r\n isShowStandardMessage:false, // flag for show standard message\r\n isShowSendAsnSections:false, // show send asn buttons \r\n sendAsnOrderIds:props.sharedSelectedOrderIds\r\n };\r\n }\r\n componentDidMount () {\r\n this.setState({ dataLoaded: false }); \r\n kendo.ui.progress($('#' + this.state.modelId), true);\r\n this.intialSendAsn(this.props.sharedSelectedOrderData.CustomerUri);\r\n }\r\n\r\n intialSendAsn = (param_uri) => {\r\n\r\n findOrdersService.intialSendAsn(param_uri).then((response) => {\r\n\r\n if (response) {\r\n console.log(\"intialSendAsn \", response);\r\n\r\n let channels = response.Channels;\r\n let transforms = response.Transforms;\r\n var modalTitle = this.translate('Label_send_ASN_Title');\r\n\r\n if(transforms.length == 0 && channels.length == 0) {\r\n modalTitle = this.translate('Label_cannot_send_ASN_Title');\r\n this.setState({\r\n isShowStandardMessage:true,\r\n isShowAsnErrorDetailGrid:false,\r\n isShowSendAsnSections:false,\r\n dataLoaded: true,\r\n });\r\n // Set dynamic title from here\r\n if($('#' + this.state.modelId).data(\"kendoWindow\")){\r\n $('#' + this.state.modelId).data(\"kendoWindow\").title(modalTitle);\r\n }\r\n kendo.ui.progress($('#' + this.state.modelId), false);\r\n } else {\r\n this.callAsnPreChecker(channels,transforms);\r\n }\r\n \r\n }\r\n\r\n }).finally(() => {\r\n\r\n });\r\n }\r\n\r\n callAsnPreChecker = (channels,transforms) => {\r\n findOrdersService.checkAsnPreChecker(this.props.sharedSelectedOrderIds).then((response) => {\r\n var responsData = response.data;\r\n this.checkForNextProcess(response.data);\r\n // let tmpAsnPreCheckOptions = GlobalService.setAsnPrechekOptionsData(param_val);\r\n }).finally(() => {\r\n this.setState({\r\n dataLoaded: true,\r\n transformsOptions: transforms,\r\n channelsOptions: channels,\r\n transformId: transforms.length == 1 ? transforms[0].TransformId : '',\r\n ftpId: channels.length == 1 ? channels[0].Id : '', \r\n chkConsolidate: false,\r\n });\r\n });\r\n }\r\n checkForNextProcess = (data) => {\r\n let asnErrorDetailGridData = [];\r\n for (var i = 0; i < data.length; i++) {\r\n if(data[i].HasMissingPackageContent){\r\n asnErrorDetailGridData.push({\r\n \"OrderId\": data[i].OrderIdentifier.Id,\r\n \"Error\":this.translate('Label_Asn_Details_Require_missing_package_content')\r\n });\r\n }\r\n if(data[i].AsnPreCheck.RequireScacForAsn){\r\n asnErrorDetailGridData.push({\r\n \"OrderId\": data[i].OrderIdentifier.Id,\r\n \"Error\":this.translate('Label_Asn_Details_Require_SCAC')\r\n });\r\n }\r\n if(data[i].AsnPreCheck.RequireAttachedDocuments){\r\n asnErrorDetailGridData.push({\r\n \"OrderId\": data[i].OrderIdentifier.Id,\r\n \"Error\":this.translate('Label_Asn_Details_Require_Attach_File')\r\n });\r\n }\r\n if(data[i].AsnPreCheck.OrderLevelFlexFields !== null){\r\n asnErrorDetailGridData.push({\r\n \"OrderId\": data[i].OrderIdentifier.Id,\r\n \"Error\":this.translate('Label_Asn_Details_Require_order_level_custom_fields') + ' ( ' + data[i].AsnPreCheck.OrderLevelFlexFields + ' )'\r\n });\r\n }\r\n if(data[i].AsnPreCheck.OrderItemLevelFlexFields !== null){\r\n asnErrorDetailGridData.push({\r\n \"OrderId\": data[i].OrderIdentifier.Id,\r\n \"Error\":this.translate('Label_Asn_Details_Require_line_item_level_custom_fields') + ' ( ' + data[i].AsnPreCheck.OrderItemLevelFlexFields + ' )'\r\n });\r\n }\r\n let tmpAsnPreCheckOptions = GlobalService.setAsnPrechekOptionsData(data[i].AsnPreCheck.AsnPreCheckOptions);\r\n if(tmpAsnPreCheckOptions.HasWeight) {\r\n asnErrorDetailGridData.push({\r\n \"OrderId\": data[i].OrderIdentifier.Id,\r\n \"Error\":this.translate('Label_Asn_Details_Require_HasWeight')\r\n });\r\n } if(tmpAsnPreCheckOptions.HasVolume) {\r\n asnErrorDetailGridData.push({\r\n \"OrderId\": data[i].OrderIdentifier.Id,\r\n \"Error\":this.translate('Label_Asn_Details_Require_HasVolume')\r\n });\r\n } if(tmpAsnPreCheckOptions.HasPackages) {\r\n asnErrorDetailGridData.push({\r\n \"OrderId\": data[i].OrderIdentifier.Id,\r\n \"Error\":this.translate('Label_Asn_Details_Require_HasPackages')\r\n });\r\n } if(tmpAsnPreCheckOptions.HasCarrier) {\r\n asnErrorDetailGridData.push({\r\n \"OrderId\": data[i].OrderIdentifier.Id,\r\n \"Error\":this.translate('Label_Asn_Details_Require_HasCarrier')\r\n });\r\n } if(tmpAsnPreCheckOptions.HasBillOfLading) {\r\n asnErrorDetailGridData.push({\r\n \"OrderId\": data[i].OrderIdentifier.Id,\r\n \"Error\":this.translate('Label_Asn_Details_Require_HasBillOfLading')\r\n });\r\n } if(tmpAsnPreCheckOptions.HasLoadNumber) {\r\n asnErrorDetailGridData.push({\r\n \"OrderId\": data[i].OrderIdentifier.Id,\r\n \"Error\":this.translate('Label_Asn_Details_Require_HasLoadNumber')\r\n });\r\n } if(tmpAsnPreCheckOptions.HasPoNumber) {\r\n asnErrorDetailGridData.push({\r\n \"OrderId\": data[i].OrderIdentifier.Id,\r\n \"Error\":this.translate('Label_Asn_Details_Require_HasPoNumber')\r\n });\r\n } if(tmpAsnPreCheckOptions.IsClosed) {\r\n asnErrorDetailGridData.push({\r\n \"OrderId\": data[i].OrderIdentifier.Id,\r\n \"Error\":this.translate('Label_Asn_Details_Require_IsClosed')\r\n });\r\n }\r\n }\r\n if(asnErrorDetailGridData.length > 0){\r\n this.setState({\r\n isShowStandardMessage:false,\r\n isShowAsnErrorDetailGrid:true,\r\n isShowSendAsnSections:false,\r\n errorStaticGridData : asnErrorDetailGridData\r\n });\r\n var orderIdsWithoutErrors = _.xor($.map(this.props.sharedSelectedOrderIds,Number),_.uniq(_.map(asnErrorDetailGridData,\"OrderId\")));\r\n this.setState({\r\n sendAsnOrderIds : orderIdsWithoutErrors\r\n });\r\n // Set dynamic title from here\r\n if($('#' + this.state.modelId).data(\"kendoWindow\")){\r\n $('#' + this.state.modelId).data(\"kendoWindow\").title(this.translate('Label_send_ASN_Error_Title'));\r\n }\r\n \r\n } else {\r\n this.setState({\r\n isShowStandardMessage:false,\r\n isShowAsnErrorDetailGrid:false,\r\n isShowSendAsnSections:true\r\n });\r\n // Set dynamic title from here\r\n if($('#' + this.state.modelId).data(\"kendoWindow\")){\r\n $('#' + this.state.modelId).data(\"kendoWindow\").title(this.translate('Label_send_ASN_Title'));\r\n }\r\n kendo.ui.progress($('#' + this.state.modelId), false);\r\n } \r\n }\r\n onDetailsGridDataBound = () => {\r\n // Intialize tooltip for error details grid error message\r\n $(\"#asnErrorDetailGrid\").kendoTooltip({\r\n filter: \"td:nth-child(2)\", //this filter selects the second column's cells\r\n content: function(e){\r\n var dataItem = $(\"#asnErrorDetailGrid\").data(\"kendoGrid\").dataItem(e.target.closest(\"tr\"));\r\n var content = dataItem.Error;\r\n return content;\r\n }\r\n }).data(\"kendoTooltip\");\r\n kendo.ui.progress($('#' + this.state.modelId), false);\r\n }\r\n handleChangeEvent = (e) => {\r\n if (e.target.type == 'checkbox') {\r\n this.setState({ 'chkConsolidate': !this.state.chkConsolidate });\r\n } else {\r\n this.setState({ [e.target.name]: e.target.value });\r\n }\r\n }\r\n\r\n eventClickDownload = () => {\r\n // check for Packages\r\n var commaSeparatedOrderIds = (this.state.sendAsnOrderIds.length > 1) ? this.state.sendAsnOrderIds.join(',') : this.state.sendAsnOrderIds[0];\r\n\r\n this.setState({ gifDownload: true });\r\n let downloadPayload = {\r\n \"transformId\": this.state.transformId,\r\n \"orderIdsCommaSeparated\": commaSeparatedOrderIds,\r\n \"consolidate\": this.state.chkConsolidate\r\n };\r\n\r\n findOrdersService.ordersWithoutPackages(commaSeparatedOrderIds).then((response1) => {\r\n // if no Packages : call method Generate (if we don't need to stop, this is fine.\r\n if (response1.length > 0) {\r\n findOrdersService.recalcPackages(response1).then((response2) => {\r\n\r\n findOrdersService.downloadSendAsn(downloadPayload).then((response) => {\r\n\r\n this.setState({ gifDownload: false });\r\n if (typeof response.data != 'undefined' && response.status == 200) {\r\n\r\n console.log(\"response.headers\", response.headers);\r\n GlobalService.downloadFileBaseOnContentType(response.data, response.headers['content-type'], 'sendAsn');\r\n\r\n if (this.state.channelsOptions.length == 0) {\r\n this.props.onResetGridSelection();\r\n this.props.onClose();\r\n }\r\n }\r\n\r\n }).finally(() => {\r\n this.setState({ gifDownload: false });\r\n });\r\n }).finally(() => {\r\n this.setState({ gifDownload: false });\r\n });\r\n }\r\n else {\r\n // Then do the rest of this on the whole list.\r\n findOrdersService.downloadSendAsn(downloadPayload).then((response) => {\r\n\r\n this.setState({ gifDownload: false });\r\n if (typeof response.data != 'undefined' && response.status == 200) {\r\n\r\n console.log(\"response.headers\", response.headers);\r\n GlobalService.downloadFileBaseOnContentType(response.data, response.headers['content-type'], 'sendAsn');\r\n\r\n if (this.state.channelsOptions.length == 0) {\r\n this.props.onResetGridSelection();\r\n this.props.onClose();\r\n }\r\n }\r\n\r\n }).finally(() => {\r\n this.setState({ gifDownload: false });\r\n });\r\n }\r\n }).finally(() => {\r\n this.setState({ gifDownload: false });\r\n });\r\n }\r\n\r\n eventClickSend = () => {\r\n this.setState({ gifSend: true });\r\n let ftpObj = this.state.channelsOptions[ObjectWms.getIndexBasedUponKeyValuePair(this.state.channelsOptions, \"Id\", this.state.ftpId)];\r\n var commaSeparatedOrderIds = (this.state.sendAsnOrderIds.length > 1) ? this.state.sendAsnOrderIds.join(',') : this.state.sendAsnOrderIds[0];\r\n\r\n var sendObj = {\r\n \"transformId\": this.state.transformId,\r\n \"channelIdentifier\": ftpObj,\r\n \"orderIds\": this.state.sendAsnOrderIds,\r\n \"consolidate\": this.state.chkConsolidate\r\n };\r\n\r\n findOrdersService.ordersWithoutPackages(commaSeparatedOrderIds).then((response1) => {\r\n // if no Packages on any order, call method Generate on the Orders without Packages\r\n if (response1.length > 0) {\r\n findOrdersService.recalcPackages(response1).then((response2) => {\r\n findOrdersService.sendAsn(sendObj).then((response) => {\r\n this.setState({ gifSend: false });\r\n if (response) {\r\n if (typeof response.data != 'undefined' && response.status == 200 || response.status == 204) {\r\n GlobalService.notification('success', this.translate('Label_SendASN_Success'));\r\n this.props.onResetGridSelection();\r\n this.props.onClose();\r\n }\r\n }\r\n }).finally(() => {\r\n this.setState({ gifSend: false });\r\n });\r\n }).finally(() => {\r\n this.setState({ gifSend: false });\r\n });\r\n }\r\n else {\r\n // If we don't generate packages, still send ASN.\r\n findOrdersService.sendAsn(sendObj).then((response) => {\r\n this.setState({ gifSend: false });\r\n if (response) {\r\n if (typeof response.data != 'undefined' && response.status == 200 || response.status == 204) {\r\n GlobalService.notification('success', this.translate('Label_SendASN_Success'));\r\n this.props.onResetGridSelection();\r\n this.props.onClose();\r\n }\r\n }\r\n }).finally(() => {\r\n this.setState({ gifSend: false });\r\n });\r\n }\r\n }).finally(() => {\r\n this.setState({ gifSend: false });\r\n });\r\n\r\n }\r\n sendAsnForOrderWithoutErrors = () => {\r\n this.setState({\r\n isShowStandardMessage:false,\r\n isShowAsnErrorDetailGrid:false,\r\n isShowSendAsnSections:true\r\n });\r\n // Set dynamic title from here\r\n if($('#' + this.state.modelId).data(\"kendoWindow\")){\r\n $('#' + this.state.modelId).data(\"kendoWindow\").title(this.translate('Label_send_ASN_Title'));\r\n }\r\n }\r\n render() {\r\n return (\r\n \r\n { this.state.isShowSendAsnSections &&\r\n \r\n \r\n }\r\n\r\n { this.state.isShowStandardMessage &&\r\n { }}\r\n gridHeight={260}\r\n columns={[{\r\n field: \"OrderId\",\r\n title: \"Order ID\",\r\n width: \"170px\"\r\n }, {\r\n field: \"Error\",\r\n title: \"Error Description\",\r\n width: \"100%\"\r\n }]}\r\n schema={{\r\n model: {\r\n fields: {\r\n OrderId: { type: \"number\" },\r\n Error: { type: \"string\" }\r\n }\r\n }\r\n }}\r\n clickEventOfContextMenu={() => { }}\r\n menu={[]} />\r\n )\r\n }\r\n
\r\n }\r\n {this.state.dataLoaded == true &&\r\n {this.state.sendAsnOrderIds.length} {this.translate('Label_Selected_Order')}
\r\n\r\n {this.state.transformsOptions.length > 1 &&\r\n
\r\n \r\n
\r\n }\r\n\r\n {(this.state.transformsOptions.length != 0) &&\r\n Formats {this.state.transformsOptions[0].Description}\r\n
\r\n\r\n {this.state.channelsOptions.length > 1 &&\r\n
\r\n\r\n {(this.state.sendAsnOrderIds.length >= 2 && this.state.tplSettings.Receiving.ConsolidateAsnEnabled) &&\r\n \r\n
\r\n }\r\n\r\n {(this.state.channelsOptions.length != 0) &&\r\n \r\n {this.translate('Label_Send_To_Ftp')}\r\n {this.state.channelsOptions[0].Name}\r\n
\r\n\r\n
\r\n }\r\n {\r\n this.state.isShowAsnErrorDetailGrid && (\r\n {this.translate('Label_Send_ASN_Data_Not_Available')}
\r\n\r\n
\r\n }\r\n \r\n );\r\n }\r\n}","import React, { Component } from 'react';\r\n\r\n\r\nimport './edit-bol-option-model.scss';\r\n\r\n// Component\r\nimport WmsModel from '../../../components/WmsModel/WmsModel.jsx';\r\nimport WmsButton from '../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsContainer from '../../../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsDropdown from '../../../components/WmsDropdown/WmsDropdown.jsx';\r\n\r\nexport class EditBolOptionModel extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n \r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n selectedTemplateId: this.props.sharedTemplateOption[0].BolTemplateId\r\n }\r\n }\r\n clickEditBol = () => {\r\n this.props.onCloseEditBolOptionsModel();\r\n setTimeout(() => {\r\n this.props.onOpenEditBolClassicPage(this.state.selectedTemplateId);\r\n }, 550);\r\n }\r\n\r\n handleChangeEvent = (e) => {\r\n this.setState({ selectedTemplateId: e.target.value });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsModel from '../../../../components/WmsModel/WmsModel.jsx';\r\nimport WmsContainer from '../../../../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsButton from '../../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsDropdown from '../../../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport * as findOrdersService from '../../findOrders.services.jsx';\r\nimport * as GlobalService from '../../../../global_services';\r\nimport style from './consolidate-packages.scss';\r\nimport WmsCollapse from '../../../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsInput from '../../../../components/WmsInput/WmsInput.jsx';\r\nimport WmsComboBox from '../../../../components/WmsComboBox/WmsComboBox.jsx';\r\n\r\nexport class ConsolidatePackages extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n\r\n this.pkgCustomOption = {\r\n \"PackageDefId\": 0,\r\n \"PackageId\": 0,\r\n \"Name\": this.translate('Label_Custom_Dimensions'),\r\n \"Description\": this.translate('Label_Custom_Dimensions'),\r\n \"Barcode\": \"\",\r\n \"IsDefault\": false,\r\n \"LengthImperial\": 0,\r\n \"WidthImperial\": 0,\r\n \"HeightImperial\": 0,\r\n \"WeightImperial\": 0,\r\n \"LengthMetric\": 0,\r\n \"WidthMetric\": 0,\r\n \"HeightMetric\": 0,\r\n \"WeightMetric\": 0,\r\n \"AssignedCustomers\": []\r\n };\r\n\r\n this.state = {\r\n selector: \"FindOrderConsolidatePackage\",\r\n packageDefsOptions: [],\r\n packageDefsSaveGif: false,\r\n selectedPackeId: '',\r\n currentMeasurementStandardIsImperial: GlobalService.getMeasurementStandardFlag(this.props.facilityId),\r\n customPackageObj: {},\r\n isCustomDimension: false,\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n kendo.ui.progress($('#ConsolidatePackages'), true);\r\n findOrdersService.getPackageDefs().then((response) => {\r\n if (response && response.PackageDefs.length) {\r\n response.PackageDefs.push(this.pkgCustomOption);\r\n let packageOptions = response.PackageDefs;\r\n packageOptions = packageOptions.slice().sort((a,b) => a.Name.localeCompare(b.Name, undefined, {numeric: true}));\r\n this.setState({\r\n packageDefsOptions: packageOptions,\r\n // selectedPackeId: response.PackageDefs[0].PackageDefId\r\n });\r\n }\r\n }).finally(() => {\r\n kendo.ui.progress($('#ConsolidatePackages'), false);\r\n setTimeout(() => {\r\n $(\"#packageOption\").data(\"kendoComboBox\")?.focus();\r\n }, 500);\r\n });\r\n }\r\n\r\n handleChangePackages = (e) => {\r\n let selectedPackedId = e.target.value;\r\n let packageDefId = \"\";\r\n var packAndShipCombobox = $(\"#packageOption\").data(\"kendoComboBox\");\r\n let tmpIsCustomDimension = false;\r\n if (selectedPackedId != '' && (selectedPackedId == 0 || selectedPackedId == 'Custom Dimensions')) {\r\n tmpIsCustomDimension = true\r\n }\r\n\r\n if (selectedPackedId && e.target.selectedIndex == -1) {\r\n packAndShipCombobox.select(function (dataItem) {\r\n return (dataItem.Name == selectedPackedId || dataItem.Barcode == selectedPackedId);\r\n });\r\n packageDefId = packAndShipCombobox.value();\r\n } else {\r\n packageDefId = selectedPackedId;\r\n }\r\n\r\n this.setState({\r\n selectedPackeId: packageDefId,\r\n isCustomDimension: tmpIsCustomDimension,\r\n customPackageObj: {}\r\n });\r\n\r\n if (packageDefId) {\r\n if (e.target.selectedIndex == -1 && selectedPackedId != 'Custom Dimensions') {\r\n this.packageDefsSave();\r\n }\r\n } else if (e.target.value) {\r\n if (packAndShipCombobox) {\r\n packAndShipCombobox.value(\"\");\r\n }\r\n GlobalService.notification(\"error\", \"Scanned package not found\");\r\n }\r\n }\r\n\r\n packageDefsSave = () => {\r\n this.setState({ packageDefsSaveGif: true });\r\n if (this.state.isCustomDimension) {\r\n let customDimensionObj = {};\r\n customDimensionObj.OrderIdentifiers = this.props.SharedSelectedOrderIds.map((element, index) => {\r\n return { Id: element };\r\n });\r\n customDimensionObj.PackageByCustomDims = this.state.customPackageObj;\r\n findOrdersService.customDimensionConsolidatePackages(customDimensionObj).then((response) => {\r\n this.setState({ packageDefsSaveGif: false });\r\n GlobalService.notification('success', this.translate('Label_Consolidate_Packages_Success'));\r\n this.props.onResetGridSelection();\r\n this.props.onCloseConsolidatePackages();\r\n }).finally(() => {\r\n this.setState({ packageDefsSaveGif: false });\r\n });\r\n\r\n } else {\r\n findOrdersService.consolidatePackages(this.props.SharedSelectedOrderIds, this.state.selectedPackeId).then((response) => {\r\n this.setState({ packageDefsSaveGif: false });\r\n GlobalService.notification('success', this.translate('Label_Consolidate_Packages_Success'));\r\n this.props.onResetGridSelection();\r\n this.props.onCloseConsolidatePackages();\r\n }).finally(() => {\r\n this.setState({ packageDefsSaveGif: false });\r\n });\r\n }\r\n }\r\n\r\n handleCustomPackageChange = (e) => {\r\n let tmpCustomPkgObj = Object.assign({}, this.state.customPackageObj, { [e.target.name]: e.target.value });\r\n this.setState({\r\n customPackageObj: tmpCustomPkgObj\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsModel from '../../../../components/WmsModel/WmsModel.jsx';\r\nimport WmsContainer from '../../../../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsButton from '../../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsDropdown from '../../../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport style from './reprint-shipping-label.scss';\r\nimport { ObjectWms } from '../../../../../../assets/ts/ObjectWms.ts';\r\nimport * as GlobalService from './../../../../global_services';\r\nvar axios = require('axios');\r\n\r\nexport class ReprintShippingLabel extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n selector: \"FindOrderReprintShippingLabel\",\r\n shippingLabelOptions:[],\r\n shippingLabelGenerateGif:false,\r\n shippingLabelSelectedIndex:0\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n var shippinglabelindex = ObjectWms.FindIndexByProperty(this.props.SharedReprintLabelsReport, \"CategoryName\", \"Reprint Shipping Label\");\r\n if(shippinglabelindex != -1){\r\n var labelReports = this.props.SharedReprintLabelsReport[shippinglabelindex].Reports;\r\n var customerId = this.props.sharedSelectedOrderData.CustomerId;\r\n var tmpShippingLabelOptions = [];\r\n labelReports.filter((report) => {\r\n if(report.TemplatedRunner.indexOf('customerid=') === -1) {\r\n tmpShippingLabelOptions.push(report);\r\n } else if( this.props.sharedIsSameCustomer && report.TemplatedRunner.indexOf('customerid='+customerId) != -1) {\r\n tmpShippingLabelOptions.push(report);\r\n }\r\n });\r\n this.setState({ shippingLabelOptions:tmpShippingLabelOptions});\r\n }\r\n }\r\n\r\n handleChangeShippingLabel = (e) => {\r\n this.setState({ \"shippingLabelSelectedIndex\":e.target.value });\r\n }\r\n\r\n generatePDF = () => {\r\n var selectReportLabel = this.state.shippingLabelOptions[this.state.shippingLabelSelectedIndex];\r\n var pdfDownloadLink = '/WebUI/Shipping/FindOrders/ParcelReprintPdfContent?customerId=' + this.props.sharedSelectedOrderData.CustomerId + '&orderIds=' +\r\n this.props.SharedSelectedOrderIds.toString() + '&templatedRunnerKey=' + selectReportLabel.TemplatedRunnerKey;\r\n console.log(\"pdfDownloadLink :\",pdfDownloadLink);\r\n axios.get(pdfDownloadLink,{ responseType: 'blob' }).then((response) => {\r\n GlobalService.downloadFileBaseOnContentType(response.data, 'application/pdf', \"ShippingLabel-\" + kendo.toString(kendo.parseDate(new Date()), \"yyyyMMddhhmmss\") + \".pdf\", false, 'pdfViewer');\r\n this.props.onCloseReprintShippingLabel();\r\n }).finally(() => { });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsModel from '../../../../components/WmsModel/WmsModel.jsx';\r\nimport WmsCustomDateTimePicker from '../../../../components/WmsCustomDateTimePicker/WmsCustomDateTimePicker.jsx';\r\nimport WmsDropdown from '../../../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsCollapse from '../../../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsButton from '../../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsRadio from '../../../../components/WmsRadio/WmsRadio.tsx';\r\nimport WmsGrid from '../../../../components/WmsGrid/WmsGrid.jsx';\r\nimport { AddEditColumnModel } from '../../../../components/AddEditColumn/add-edit-columns.component.jsx';\r\nimport VirtualGridComponent from '../../../../components_proto/VirtualGridComponent/VirtualGridComponent.jsx';\r\nimport { StringWms } from '../../../../../../assets/ts/StringWms.ts';\r\nimport * as findOrdersService from '../../findOrders.services.jsx';\r\nimport * as GlobalService from '../../../../global_services';\r\nimport style from './processed-batched-shipping-labels.scss';\r\nimport { ArrayWms } from '../../../../../../assets/ts/ArrayWms.ts';\r\nexport class ProcessedBatchedShippingLabels extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n this.translate = window.translate;\r\n this.rights = GlobalService.GetRights();\r\n\r\n this.state = {\r\n selector: \"processedBatched\",\r\n printDocumentsSaveGif:false,\r\n printLabelsSaveGif:false,\r\n isPrintLabelsDisable:true,\r\n isPrintDocumetnsDisable:true,\r\n currentGridObj:{},\r\n appliedFilter: null,\r\n isSawErrorSection:false,\r\n isFilterAppliedInGrid:false,\r\n loadingPutSmalParcelBatch: false,\r\n isOpenColumnModel: false,\r\n numberOfSelection:0,\r\n selectedPrintLabel:'pdf',\r\n isExpand: 'expanded',\r\n staticGridData:[],\r\n errorStaticGridData:[],\r\n filter:{\r\n selectedCustomer:'All Customers',\r\n selectedFacility:'All Warehouses',\r\n status:'',\r\n startDate:'',\r\n endDate:'',\r\n },\r\n optionsCustomer: [],\r\n optionsFacility: [],\r\n optionsStatus:[\r\n { name:'Any', value:'' },\r\n { name:'Complete', value:'Complete' },\r\n { name:'Processing', value:'Processing' },\r\n { name:'Open', value:'Open' }\r\n ],\r\n columns:[{\r\n field: \"BatchId\",\r\n title: \"ShipEngine ID\",\r\n width: \"140px\"\r\n },{\r\n field: \"ExternalBatchId\",\r\n title: \"Batch Name\",\r\n width: \"125px\"\r\n },{\r\n field: \"Customer\",\r\n title: \"Customer\",\r\n width: \"120px\"\r\n }, {\r\n field: \"Facility\",\r\n title: \"Warehouse\",\r\n width: \"130px\"\r\n },\r\n {\r\n field: \"CreatedAt\",\r\n title: \"Date\",\r\n width: \"135px\",\r\n template: \"#= (typeof CreatedAt != 'undefined' && CreatedAt != null) ? kendo.toString(kendo.parseDate(CreatedAt), 'M/dd/yyyy hh:mm tt') : '' #\"\r\n },\r\n {\r\n field: \"Count\",\r\n title: \"Totals\",\r\n headerTemplate: 'Totals ( / )',\r\n width: \"135px\",\r\n template: \"#= kendo.toString(Count,'n0') # (#= kendo.toString(Completed,'n0') #/#= Errors #)\"\r\n },\r\n {\r\n field: \"Status\",\r\n title: \"Status\",\r\n width: \"110px\",\r\n template: '#if(Status == \"open\") {# #= \"Open\" # #} else if(Status == \"queued\" || Status == \"processing\") {# #= \"Processing\" # #} else if(Status == \"completed\") {# #= \"Complete\" # #} else if(Status == \"completed_with_errors\" && Errors > 0) {# #} else if(Status == \"completed_with_errors\") {# #= \"Complete\" # #} else{# #=Status # #}#'\r\n }],\r\n schema:{\r\n model: {\r\n fields: {\r\n BatchId: { type: 'string' },\r\n Customer: { type: \"string\" },\r\n Facility: { type: \"string\" },\r\n ExternalBatchId: { type: \"string\" },\r\n BatchNotes: { type: \"string\" },\r\n CreatedAt: { type: \"datetime\" },\r\n Count: { type: \"number\" },\r\n Status: { type: \"string\" }\r\n }\r\n }\r\n },\r\n tmpKendogrid:null\r\n }\r\n }\r\n componentDidMount() {\r\n var tmpCustOpt = GlobalService.getCustomerList(false);\r\n tmpCustOpt.unshift({\r\n \"id\": 0,\r\n \"name\": \"All Customers\",\r\n });\r\n var tmpFacOpt = GlobalService.getFacilityList(false);\r\n tmpFacOpt.unshift({\r\n \"id\": 0,\r\n \"name\": \"All Warehouses\",\r\n });\r\n this.setState({\r\n optionsCustomer: tmpCustOpt,\r\n optionsFacility: tmpFacOpt,\r\n })\r\n var that = this;\r\n $(document).off(\"click\", \".error-icon-status\");\r\n $(document).on(\"click\", \".error-icon-status\", errorDetailShaw);\r\n function errorDetailShaw(){\r\n if( $(this).attr('batch-name')){\r\n var dialog = $(\"#PrintBatchedShippingModel\").data(\"kendoWindow\");\r\n dialog.title('Errors for \"' + $(this).attr('batch-name') + '\"');\r\n var grid = $(\"#processedBatchedShippingGrid\").data(\"kendoGrid\");\r\n var tmpAppliedFilter = null\r\n if (typeof grid != \"undefined\") {\r\n tmpAppliedFilter = grid.dataSource.filter();\r\n }\r\n if(that.state.tmpKendogrid) {\r\n that.state.tmpKendogrid.clearSelections(function () {\r\n that.state.tmpKendogrid.repaintSelections();\r\n });\r\n }\r\n that.setState({\r\n isSawErrorSection: true,\r\n appliedFilter:tmpAppliedFilter\r\n });\r\n that.getSmallParcelBatchErrors($(this).attr('batch-errors-url'), $(this).attr('batch-shipments-url'));\r\n }\r\n }\r\n this.getSmallParcelBatchesData();\r\n setTimeout(() => {\r\n var eventStartDate = {\r\n target : {\r\n name:'startDate',\r\n value:'today~00:00:01'\r\n }\r\n }\r\n this.handleFilterChange(eventStartDate);\r\n var eventEndDate = {\r\n target : {\r\n name:'endDate',\r\n value:'today~23:59:01'\r\n }\r\n }\r\n this.handleFilterChange(eventEndDate);\r\n let grid = $('#processedBatchedShippingGrid').data('kendoGrid');\r\n if(grid){\r\n grid.dataSource.sort({field: \"CreatedAt\", dir: \"desc\"});\r\n }\r\n }, 2000);\r\n }\r\n getSmallParcelBatchesData = () => {\r\n kendo.ui.progress($('#PrintBatchedShippingModel'), true);\r\n findOrdersService.getSmallParcelBatches().then((response) => {\r\n if(response && response.status == 200){\r\n var data = response.data.ParcelBatches;\r\n _.remove(data, function(element) {\r\n return (element.Status == 'archived' || element.Status == 'invalid');\r\n });\r\n this.setState({ staticGridData:data });\r\n }\r\n }).finally(() => {\r\n kendo.ui.progress($('#PrintBatchedShippingModel'), false);\r\n });\r\n }\r\n onSelectRow = (kendogrid) =>{\r\n var tmpPrintLabelsDisable = true;\r\n var tmpPrintDocumetnsDisable = true;\r\n var tmpCurrentGridObj = {};\r\n if (kendogrid.getKeys().length == 1) {\r\n tmpCurrentGridObj = kendogrid.getItem(kendogrid.getKeys());\r\n if(tmpCurrentGridObj.Completed > 0 ){\r\n tmpPrintLabelsDisable = false;\r\n }\r\n if(tmpCurrentGridObj.Forms > 0 && (tmpCurrentGridObj.Status == \"completed_with_errors\" || tmpCurrentGridObj.Status == \"completed\") ){\r\n tmpPrintDocumetnsDisable = false;\r\n }\r\n }\r\n\r\n this.setState({\r\n numberOfSelection: kendogrid.getNumberOfSelections(),\r\n isPrintLabelsDisable:tmpPrintLabelsDisable,\r\n isPrintDocumetnsDisable:tmpPrintDocumetnsDisable,\r\n currentGridObj:tmpCurrentGridObj,\r\n tmpKendogrid:kendogrid\r\n });\r\n\r\n }\r\n radioBtnChange = (param_type) => (e) => {\r\n this.setState({ selectedPrintLabel : param_type });\r\n }\r\n hideErrorSection = () => {\r\n kendo.ui.progress($('#PrintBatchedShippingModel'), true);\r\n this.setState({ isSawErrorSection: false,isFilterAppliedInGrid: false,isErrorDetailOpened:false });\r\n var dialog = $(\"#PrintBatchedShippingModel\").data(\"kendoWindow\");\r\n dialog.title(this.translate('Label_High_Volume_Batches'));\r\n setTimeout(() => {\r\n kendo.ui.progress($('#PrintBatchedShippingModel'), false);\r\n var grid = $('#processedBatchedShippingGrid').data('kendoGrid');\r\n if (typeof grid != 'undefined') {\r\n grid.dataSource.data(this.state.staticGridData);\r\n if (this.state.appliedFilter) {\r\n grid.dataSource.filter(this.state.appliedFilter);\r\n }\r\n grid.refresh();\r\n }\r\n }, 900);\r\n }\r\n clickPrintLabel = () => {\r\n if (this.rights['Integrations.SmallParcelPartner'] == 'ParcelApi') {\r\n if (this.state.currentGridObj.LabelFormat == \"Pdf\" || this.state.currentGridObj.LabelFormat == \"Png\") {\r\n var a = $(\"\")\r\n .attr(\"href\", this.state.currentGridObj.LabelDownloadPdf)\r\n .attr(\"target\", \"_blank\")\r\n .appendTo(\"body\");\r\n a[0].click();\r\n a.remove();\r\n /* this.setState({ printLabelsSaveGif: true });\r\n findOrdersService.getSmallParcelBatchPdfContents(this.state.currentGridObj.BatchLabelsUrl).then((response) => {\r\n if(response && response.status == 200) {\r\n GlobalService.downloadFileBaseOnContentType(response.data, 'application/pdf', this.state.currentGridObj.BatchId + this.state.currentGridObj.ExternalBatchId, false, 'pdfViewer');\r\n }\r\n }).finally(() => {\r\n this.setState({ printLabelsSaveGif:false });\r\n }); */\r\n } else {\r\n this.setState({ printLabelsSaveGif: true });\r\n findOrdersService.getSmallParcelBatchZplContents(this.state.currentGridObj.LabelDownloadZpl).then((response) => {\r\n if(response && response.status == 200){\r\n GlobalService.printDataInZplPrinter(response.data);\r\n }\r\n }).finally(() => {\r\n this.setState({ printLabelsSaveGif:false });\r\n });\r\n }\r\n } else {\r\n if(this.state.selectedPrintLabel == 'pdf') {\r\n var a = $(\"\")\r\n .attr(\"href\", this.state.currentGridObj.LabelDownloadPdf)\r\n .attr(\"target\", \"_blank\")\r\n .appendTo(\"body\");\r\n a[0].click();\r\n a.remove();\r\n } else {\r\n this.setState({ printLabelsSaveGif:true });\r\n findOrdersService.getSmallParcelBatchZplContents(this.state.currentGridObj.LabelDownloadZpl).then((response) => {\r\n if(response && response.status == 200) {\r\n GlobalService.printDataInZplPrinter(response.data);\r\n }\r\n }).finally(() => {\r\n this.setState({ printLabelsSaveGif:false });\r\n });\r\n }\r\n }\r\n }\r\n clickPrintDocument = () => {\r\n var a = $(\"\")\r\n .attr(\"href\", this.state.currentGridObj.FormDownload)\r\n .attr(\"target\", \"_blank\")\r\n .appendTo(\"body\");\r\n a[0].click();\r\n a.remove();\r\n }\r\n putSmallParcelBatchLabels = () => {\r\n this.setState({ loadingPutSmalParcelBatch : true });\r\n var param = '?batchlabelsuri=' + this.state.currentGridObj.BatchLabelsUrl +\r\n ( this.state.currentGridObj.Errors ? '&batcherrorsuri='+ this.state.currentGridObj.BatchErrorsUrl + '&batchshipmentsuri=' + this.state.currentGridObj.BatchShipmentsUrl: '' );\r\n\r\n findOrdersService.putSmallParcelBatchLabels(param).then((response) => {\r\n GlobalService.notification('success', this.translate('High_Volume_Processing_Update'));\r\n }).finally(() => {\r\n this.setState({ loadingPutSmalParcelBatch : false });\r\n });\r\n }\r\n getSmallParcelBatchErrors = (batchErrorsUrl, batchShipmentsUrl) => {\r\n kendo.ui.progress($('#PrintBatchedShippingModel'), true);\r\n findOrdersService.getSmallParcelBatchErrors(batchErrorsUrl, batchShipmentsUrl).then((response) => {\r\n if(response && response.status == 200){\r\n var data = response.data.ParcelBatchErrors;\r\n this.setState({ errorStaticGridData:data });\r\n }\r\n }).finally(() => {\r\n kendo.ui.progress($('#PrintBatchedShippingModel'), false);\r\n });\r\n }\r\n handleFilterChange = (event) => {\r\n\r\n let propFilter = this.state.filter;\r\n let objFilter = Object.assign(\r\n {},\r\n propFilter,\r\n { [event.target.name]: event.target.value }\r\n )\r\n var dataArr = [];\r\n if(objFilter.selectedCustomer != \"All Customers\") {\r\n dataArr.push({\r\n field: \"Customer\",\r\n operator: \"contains\",\r\n value: objFilter.selectedCustomer\r\n });\r\n }\r\n if (objFilter.selectedFacility != \"All Warehouses\") {\r\n dataArr.push({\r\n field: \"Facility\",\r\n operator: \"contains\",\r\n value: objFilter.selectedFacility\r\n });\r\n }\r\n if(objFilter.status) {\r\n dataArr.push({\r\n field: \"Status\",\r\n operator: \"contains\",\r\n value: objFilter.status\r\n });\r\n }\r\n if(objFilter.startDate || objFilter.endDate) {\r\n if(objFilter.startDate){\r\n var tmpStartDate = StringWms.convertFilterStringToISODate(objFilter.startDate,'',false, true).isoStringUTC;\r\n dataArr.push({ field: \"CreatedAt\", operator: \"gte\", value: tmpStartDate });\r\n }\r\n if(objFilter.endDate){\r\n var tmpEndDate = StringWms.convertFilterStringToISODate(objFilter.endDate,'',false, true).isoStringUTC;\r\n dataArr.push({ field: \"CreatedAt\", operator: \"lte\", value: tmpEndDate });\r\n }\r\n }\r\n this.setState({ filter: objFilter, isFilterAppliedInGrid:true });\r\n var grid = $(\"#processedBatchedShippingGrid\").data(\"kendoGrid\");\r\n if(grid) {\r\n grid.dataSource.filter(dataArr);\r\n }\r\n }\r\n collapseExpand = (iscollapse) => {\r\n this.setState({\r\n isExpand : iscollapse ? 'callapse' : 'expanded'\r\n })\r\n setTimeout(() => {\r\n\r\n $(\"#processedBatchedShippingGrid\").data(\"kendoGrid\").refresh();\r\n }, 500);\r\n }\r\n eventClickExportGrid = () => {\r\n $(\"#processedBatchedShippingGrid\").getKendoGrid().saveAsExcel();\r\n }\r\n exportErrorGrid = () => {\r\n $(\"#batchedErrorDetailGrid\").getKendoGrid().saveAsExcel();\r\n }\r\n eventClickColumns = () => {\r\n this.setState({ isOpenColumnModel: true });\r\n }\r\n onCloseColumnModel = (e) => {\r\n this.setState({ isOpenColumnModel: false });\r\n }\r\n gridFilterApplied = (e) => {\r\n if (e == undefined || !e) {\r\n this.setState({\r\n filter: {\r\n selectedCustomer: 'All Customers',\r\n selectedFacility: 'All Warehouses',\r\n status: '',\r\n startDate: '',\r\n endDate: '',\r\n }\r\n });\r\n }\r\n }\r\n render() {\r\n return (\r\n \r\n this.collapseExpand(e)}>\r\n {}}\r\n saveChangesInMetaData={() => {}}\r\n />\r\n )}\r\n
\r\n ) : (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n { this.rights['Integrations.SmallParcelPartner'] != 'ParcelApi' ?\r\n { }}\r\n exportable={true}\r\n eventClickColumns={this.eventClickColumns}\r\n eventClickExportGrid={this.eventClickExportGrid}\r\n menu={[{\r\n \"name\": '',\r\n \"wmsSelector\": this.state.selector + 'RefreshGrid',\r\n \"value\": [],\r\n \"clickFunc\": this.getSmallParcelBatchesData,\r\n \"disabled\": false,\r\n \"icon\": \"fa-sync-alt\",\r\n \"color\": \"blue\",\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true,\r\n 'parentClassName': 'processedBatchedRefreshBtn'\r\n }]}\r\n resetButtonLabel={this.translate('Label_Costomer_Options')}\r\n resetButtonIcon={'fa-sliders'}\r\n metaDataFieldsName={''}\r\n onGridFilterApplied={this.gridFilterApplied}\r\n />\r\n
\r\n {this.state.isOpenColumnModel && (\r\n \r\n
\r\n : '' }\r\n \r\n { }}\r\n columns={[{\r\n field: \"OrderId\",\r\n title: \"Transaction ID\",\r\n width: \"100%\"\r\n }, {\r\n field: \"Error\",\r\n title: \"Error\",\r\n width: \"100%\"\r\n }]}\r\n schema={{\r\n model: {\r\n fields: {\r\n OrderId: { type: \"number\" },\r\n Error: { type: \"string\" }\r\n }\r\n }\r\n }}\r\n clickEventOfContextMenu={() => { }}\r\n menu={[]} />\r\n
\r\n )}\r\n { this.state.isSawErrorSection == false ? (\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n )\r\n }\r\n}","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport style from \"./WmsCustomDateTimePickerProto.scss\";\r\n\r\nclass WmsCustomDateTimePickerProto extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.windowId = this.props.windowId == \"\" ? \"\" : \".\" + this.props.windowId;\r\n\r\n this.defaultDateOption = {\r\n date: '',\r\n time: ''\r\n };\r\n this.defaultTimeFormat = 'h:mma';\r\n this.defaultDateTime = moment(this.props.defaultTime, 'HH:mm:ss');\r\n\r\n this.state = {\r\n timeOptions: [],\r\n filterString: this.props.value,\r\n selectedDateOptions: this.defaultDateOption,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n\r\n $(`${this.windowId} #${this.props.id}-date-input`).kendoDatePicker({\r\n change: this.changeDate,\r\n });\r\n $(`${this.windowId} #${this.props.id}-date-input`).bind(\"focus\", (e) => {\r\n let datePicker = $(`${this.windowId} #${this.props.id}-date-input`).data(\"kendoDatePicker\");\r\n datePicker.open();\r\n });\r\n if (!this.props.onlyDate) {\r\n this.setOptionsForTime(this.props.stepsTime);\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if (this.props.value != prevProps.value) {\r\n this.setDateTimePickerValue(this.props.value);\r\n }\r\n }\r\n\r\n setDateTimePickerValue = (filterString) => {\r\n let momentDate = moment(filterString);\r\n if (momentDate.isValid()) {\r\n let propsDate = momentDate.format();\r\n let propsTime = momentDate.format(this.defaultTimeFormat);\r\n\r\n this.changeSelectedDateOptions({\r\n date: propsDate,\r\n time: propsTime\r\n }, false);\r\n } else {\r\n this.changeSelectedDateOptions(this.defaultDateOption, false, true);\r\n }\r\n\r\n }\r\n\r\n changeDate = () => {\r\n let datepicker = $(`${this.windowId} #${this.props.id}-date-input`).data(\"kendoDatePicker\");\r\n this.changeSelectedDateOptions({ date: datepicker.value() });\r\n }\r\n\r\n changeTime = (event) => {\r\n let time = event.target.value;\r\n let selectedOpt = { time: time };\r\n if (this.state.selectedDateOptions.date == \"\") {\r\n selectedOpt.date = moment().format();\r\n }\r\n this.changeSelectedDateOptions(selectedOpt);\r\n }\r\n\r\n changeSelectedDateOptions = (updateObj, emitAfterUpdate = true, clearTime = false) => {\r\n let selectedOptions = Object.assign({}, this.state.selectedDateOptions, updateObj);\r\n if(!clearTime) {\r\n selectedOptions.time = (selectedOptions.time) ? selectedOptions.time : this.defaultDateTime.format(this.defaultTimeFormat);\r\n }\r\n\r\n let datepicker = $(`${this.windowId} #${this.props.id}-date-input`).data(\"kendoDatePicker\");\r\n datepicker.value(selectedOptions.date);\r\n\r\n this.setState({\r\n selectedDateOptions: selectedOptions,\r\n }, () => {\r\n if (emitAfterUpdate) {\r\n this.changeDateTimeAndEmit();\r\n }\r\n });\r\n }\r\n\r\n changeDateTimeAndEmit = () => {\r\n let {date, time} = this.state.selectedDateOptions;\r\n let filterString = '';\r\n\r\n let momentDate = moment(date);\r\n\r\n if (momentDate.isValid()) {\r\n if (time) {\r\n let dateTime = moment(time, this.defaultTimeFormat);\r\n if (dateTime.isValid()) {\r\n momentDate.set({\r\n hour: dateTime.get('hours'),\r\n minute: dateTime.get('minute'),\r\n second:1,\r\n millisecond:0\r\n });\r\n }\r\n }\r\n if(!this.props.isDateParseInCustomFormat){\r\n momentDate = momentDate.utc();\r\n }\r\n\r\n filterString = (this.props.isDateParseInCustomFormat) ? momentDate.format('YYYY-MM-DDTHH:mm:ss') : momentDate.toISOString();\r\n }\r\n\r\n this.setState({\r\n filterString: filterString\r\n });\r\n\r\n let eventObj = {\r\n target:{\r\n name: this.props.name,\r\n value: filterString,\r\n }\r\n }\r\n\r\n this.props.onChangeFunc(eventObj);\r\n }\r\n\r\n setOptionsForTime = (step = 60) => {\r\n let timeArray = [];\r\n let minute = 0;\r\n let totMinutes = moment.duration(1, \"day\").asMinutes();\r\n\r\n while (minute <= totMinutes) {\r\n let time = moment.utc(moment.duration(minute, \"minutes\").asMilliseconds()).format(this.defaultTimeFormat);\r\n timeArray.push(time);\r\n if (minute == (totMinutes - step)) {\r\n step--;\r\n }\r\n minute += step;\r\n }\r\n this.setState({\r\n timeOptions: timeArray,\r\n });\r\n }\r\n\r\n clearDatePicker = () => {\r\n if (this.state.selectedDateOptions.date != \"\" || this.state.selectedDateOptions.time != \"\") {\r\n let dateOptions = this.defaultDateOption;\r\n this.changeSelectedDateOptions(dateOptions, true, true);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n {!this.props.onlyDate && (\r\n \r\n \r\n {(this.state.selectedDateOptions.time == '') &&\r\n \r\n }\r\n {this.state.timeOptions.map((time, key) => (\r\n \r\n ))}\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nWmsCustomDateTimePickerProto.propTypes = {\r\n id: PropTypes.string.isRequired, // this should write the id to the input\r\n name: PropTypes.string.isRequired, //this should set the name of datepicker input\r\n label: PropTypes.string.isRequired, // this should write the label of the menu\r\n windowId: PropTypes.string, // this should be used to get window id\r\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(Date)]), // this should control the value of datepicker\r\n defaultTime: PropTypes.string, // this is used for set default time of datetimepicker\r\n stepsTime: PropTypes.number, // this is used for set steps in times dropdown\r\n onChangeFunc: PropTypes.func.isRequired, // this sould manage datepicker change and clear select value\r\n parentClassName: PropTypes.string, // this should parent tag class default parent class is form-group\r\n onlyDate: PropTypes.bool, // hide time icon for only show date\r\n wmsSelector: PropTypes.string, // this should set up a selector on the date\r\n disabled: PropTypes.bool, // default will be false\r\n isDateParseInCustomFormat: PropTypes.bool, // set true to parse date in custom format not in ISO\r\n};\r\n\r\nWmsCustomDateTimePickerProto.defaultProps = {\r\n defaultTime: \"00:00:01\",\r\n stepsTime: 30,\r\n parentClassName: \"\",\r\n windowId: \"\",\r\n onlyDate: false,\r\n disabled: false,\r\n wmsSelector: \"\",\r\n isDateParseInCustomFormat:false,\r\n};\r\n\r\nexport default WmsCustomDateTimePickerProto;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport style from './WmsTab.scss';\r\n\r\nclass WmsTab extends React.PureComponent {\r\n\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.disableHandleScroll = false;\r\n\t\tthis.state = {\r\n\t\t\tvisibleSection: props.sectionRefs[0].section\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\t$(this.props.scrollAreaSelector).scroll(this.handleScroll);\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\t$(this.props.scrollAreaSelector).off(\"scroll\", this.handleScroll);\r\n\t}\r\n\r\n\tgetDimensions = (ele) => {\r\n\t\tif (!ele) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconst { height } = ele.getBoundingClientRect();\r\n\t\tconst offsetTop = ele.offsetTop;\r\n\t\tconst offsetBottom = offsetTop + height;\r\n\r\n\t\treturn {\r\n\t\t\theight,\r\n\t\t\toffsetTop,\r\n\t\t\toffsetBottom\r\n\t\t};\r\n\t}\r\n\r\n\thandleScroll = () => {\r\n\t\tif (this.disableHandleScroll) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tvar windowId = this.props.windowId;\r\n\t\tconst { height: headerHeight } = this.getDimensions(this.props.tabHeaderRef.current);\r\n\t\tconst scrollPosition = $(this.props.scrollAreaSelector).scrollTop() + (headerHeight + this.props.extraTopPadding);\r\n\t\tconst selected = this.props.sectionRefs.find(({ section, ref }) => {\r\n\t\t\tconst ele = $('.' + windowId).find(ref.current).get(0);\r\n\t\t\tif (ele) {\r\n\t\t\t\tconst { offsetBottom, offsetTop } = this.getDimensions(ele);\r\n\t\t\t\treturn (scrollPosition >= offsetTop && scrollPosition < offsetBottom);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tif (selected && selected.section !== this.state.visibleSection) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tvisibleSection: selected.section\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tscrollTo = (ele) => (event) => {\r\n\t\tvar windowId = this.props.windowId;\r\n\r\n\t\tif (\r\n\t\t\t!$('.' + windowId).find(ele.ref.current) ||\r\n\t\t\t!$('.' + windowId).find(ele.ref.current).offset() ||\r\n\t\t\t!$(this.props.scrollAreaSelector)\r\n\t\t) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tvar maxScrollTop = $(this.props.scrollAreaSelector)[0].scrollHeight - $(this.props.scrollAreaSelector).outerHeight();\r\n\t\tvar scrollSelectorTop = $(this.props.scrollAreaSelector).scrollTop();\r\n\t\tvar elementOffset = $(this.props.scrollAreaSelector).offset().top - 1;\r\n\t\tlet scrollTop = scrollSelectorTop + ($('.' + windowId).find(ele.ref.current).offset().top - elementOffset);\r\n\r\n\t\tthis.setState({\r\n\t\t\tvisibleSection: ele.section\r\n\t\t});\r\n\r\n\t\t// console.log(\"scrollTop : \" + scrollTop + \" maxScrollTop: \" + maxScrollTop + \" elementOffset: \"+ elementOffset + \" scrollSelectorTop: \" + scrollSelectorTop);\r\n\t\tif (scrollTop > maxScrollTop && scrollSelectorTop >= maxScrollTop) {\r\n\t\t\tconsole.log(\"returning\")\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis.disableHandleScroll = true;\r\n\r\n\t\t$(this.props.scrollAreaSelector).animate({\r\n\t\t\tscrollTop: scrollTop\r\n\t\t}, 1000, () => {\r\n\t\t\tthis.disableHandleScroll = false;\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nWmsTab.propTypes = {\r\n\twindowId: PropTypes.string.isRequired, // this should be the id of the scroll box div\r\n\textraTopPadding: PropTypes.number\r\n}\r\n\r\nWmsTab.defaultProps = {\r\n\textraTopPadding: 0\r\n}\r\n\r\nexport default WmsTab;","import React from 'react';\r\nimport * as GlobalService from './../../../../global_services';\r\n\r\nexport const getGridDemoColumns = (ManageInventory_GridHeaders,selectedFacilityObj) => {\r\n \r\n var translate = window.translate;\r\n var customLabels = GlobalService.getCustomLabels();\r\n return ({\r\n\r\n columns: [{\r\n field: \"PrimaryUnitsToAdd\",\r\n title: \"Primary Qty to Add\",\r\n attributes: {\r\n \"class\": \"editable-cell\"\r\n },\r\n width: 140,\r\n wmsid: 49,\r\n locked: true,\r\n lockable: false,\r\n resizable:false,\r\n sortable: false,\r\n reorderable: false,\r\n filterable: false,\r\n headerAttributes: { style: \"text-align:center;\" }\r\n }, {\r\n field: \"Available\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[6].description,\r\n width: 120,\r\n // template: function (dataItem) {\r\n // return dataItem.Available + ((dataItem.PrimaryUnitType) ? +\" \"+ dataItem.PrimaryUnitType : '');\r\n // },\r\n sortable: false,\r\n filterable: false,\r\n wmsid: 9\r\n }, {\r\n field: \"SKU\",\r\n lockable: false,\r\n title: customLabels.Label_Sku,\r\n width: 120,\r\n wmsid: 3\r\n }, {\r\n field: \"ReceiverId\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[15].description,\r\n width: 120,\r\n wmsid: 2\r\n },\r\n {\r\n field: \"Key\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[0].description,\r\n width: 120,\r\n wmsid: 1\r\n },\r\n {\r\n field: \"ReceivedDate\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[17].description,\r\n width: 120,\r\n filterable: true,\r\n template: \"#= ReceivedDate != null ? kendo.toString(kendo.parseDate(ReceivedDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\",\r\n wmsid: 20\r\n },\r\n {\r\n field: \"Qualifier\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[2].description,\r\n width: 120,\r\n wmsid: 4\r\n },\r\n {\r\n field: \"ExpirationDate\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[20].description,\r\n width: 120,\r\n template: \"#= ExpirationDate != null ? kendo.toString(kendo.parseDate(ExpirationDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\",\r\n wmsid: 23\r\n },\r\n {\r\n field: \"LotNumber\",\r\n lockable: false,\r\n title: customLabels.Label_Lot_Number,\r\n width: 120,\r\n wmsid: 21\r\n },\r\n {\r\n field: \"SerialNumber\",\r\n lockable: false,\r\n title: customLabels.Label_Serial_Number,\r\n width: 120,\r\n wmsid: 22\r\n },\r\n {\r\n field: \"Cost\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[22].description,\r\n width: 120,\r\n wmsid: 24\r\n },\r\n {\r\n field: \"LocationName\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[24].description,\r\n width: 120,\r\n sortable: true,\r\n filterable: false,\r\n wmsid: 27\r\n },\r\n {\r\n field: \"PrimaryUnitType\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[11].description,\r\n width: 120,\r\n wmsid: 14\r\n }]\r\n });\r\n}\r\n\r\n\r\nexport const getAllColumnList = (ManageInventory_GridHeaders,selectedFacilityObj) => {\r\n \r\n var translate = window.translate;\r\n var customLabels = GlobalService.getCustomLabels();\r\n return ({\r\n\r\n columns: [{\r\n field: \"PrimaryUnitsToAdd\",\r\n title: \"Primary Qty to Add\",\r\n attributes: {\r\n \"class\": \"editable-cell\"\r\n },\r\n width: 140,\r\n wmsid: 49,\r\n locked: true,\r\n lockable: false,\r\n resizable:false,\r\n sortable: false,\r\n reorderable: false,\r\n filterable: false,\r\n headerAttributes: { style: \"text-align:center;\" }\r\n },{\r\n field: \"Key\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[0].description,\r\n width: 120,\r\n wmsid: 1\r\n }, {\r\n field: \"SKU\",\r\n lockable: false,\r\n title: customLabels.Label_Sku,\r\n width: 120,\r\n wmsid: 3\r\n }, {\r\n field: \"Qualifier\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[2].description,\r\n width: 120,\r\n wmsid: 4\r\n }, {\r\n field: \"Upc\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[3].description,\r\n width: 120,\r\n wmsid: 5\r\n },{\r\n field: \"Description\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[4].description,\r\n width: 120,\r\n wmsid: 6\r\n },{\r\n field: \"Received\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[5].description,\r\n width: 120,\r\n wmsid: 8\r\n },{\r\n field: \"Available\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[6].description,\r\n width: 120,\r\n // template: function (dataItem) {\r\n // return dataItem.Available + ((dataItem.PrimaryUnitType) ? +\" \"+ dataItem.PrimaryUnitType : '');\r\n // },\r\n sortable: false,\r\n filterable: false,\r\n wmsid: 9\r\n },{\r\n field: \"OnHand\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[7].description,\r\n width: 120,\r\n wmsid: 10\r\n },{\r\n field: \"OnHold\",\r\n lockable: false,\r\n title: \"OnHold\",\r\n width: 120,\r\n wmsid: 11,\r\n // template: \"# if(OnHold === true){# \" + translate('Label_On_Hold') + \" #}else if(OnHold === false){# \" + translate('Label_Available') + \" #}else{# \" + translate('Label_Available') + \" #} # \"\r\n },{\r\n field: \"SecondaryReceived\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[9].description,\r\n width: 120,\r\n sortable: false,\r\n filterable: false,\r\n wmsid: 12\r\n },{\r\n field: \"SecondaryAvailable\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[10].description,\r\n width: 120,\r\n template: function (dataItem) {\r\n return (dataItem.SecondaryAvailable ? dataItem.SecondaryAvailable : 0) + \" \" + (dataItem.SecondaryUom ? dataItem.SecondaryUom : \"\");\r\n },\r\n sortable: false,\r\n filterable: false,\r\n wmsid: 13\r\n },{\r\n field: \"PrimaryUnitType\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[11].description,\r\n width: 120,\r\n wmsid: 14\r\n },{\r\n field: \"SecondaryUnitType\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[12].description,\r\n width: 120,\r\n wmsid: 15\r\n },{\r\n field: \"Description2\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[13].description,\r\n width: 120,\r\n wmsid: 16\r\n },{\r\n field: \"PalletLabel\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[14].description,\r\n width: 120,\r\n wmsid: 17\r\n },{\r\n field: \"ReceiverId\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[15].description,\r\n width: 120,\r\n wmsid: 18\r\n },{\r\n field: \"ReceiverReferenceNum\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[16].description,\r\n width: 120,\r\n wmsid: 19\r\n },{\r\n field: \"ReceivedDate\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[17].description,\r\n width: 120,\r\n filterable: true,\r\n template: \"#= ReceivedDate != null ? kendo.toString(kendo.parseDate(ReceivedDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\",\r\n wmsid: 20\r\n }, {\r\n field: \"LotNumber\",\r\n lockable: false,\r\n title: customLabels.Label_Lot_Number,\r\n width: 120,\r\n wmsid: 21\r\n }, {\r\n field: \"SerialNumber\",\r\n lockable: false,\r\n title: customLabels.Label_Serial_Number,\r\n width: 120,\r\n wmsid: 22\r\n },{\r\n field: \"ExpirationDate\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[20].description,\r\n width: 120,\r\n template: \"#= ExpirationDate != null ? kendo.toString(kendo.parseDate(ExpirationDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\",\r\n wmsid: 23\r\n },{\r\n field: \"Cost\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[21].description,\r\n width: 120,\r\n wmsid: 24\r\n },{\r\n field: \"PurchaseOrderNumber\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[22].description,\r\n width: 120,\r\n wmsid: 25\r\n },{\r\n field: \"TrailerNumber\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[23].description,\r\n width: 120,\r\n wmsid: 26\r\n },{\r\n field: \"LocationName\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[24].description,\r\n width: 120,\r\n sortable: true,\r\n filterable: false,\r\n wmsid: 27\r\n },{\r\n field: \"SupplierName\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[25].description,\r\n width: 120,\r\n wmsid: 28\r\n },{\r\n field: \"CustomFields\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[26].description,\r\n width: 120,\r\n wmsid: 29\r\n },\r\n {\r\n field: \"WeightImperial\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[28].description,\r\n width: 120,\r\n wmsid: 30\r\n },{\r\n field: \"WeightMetric\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[29].description,\r\n width: 120,\r\n wmsid: 31\r\n },{\r\n field: \"IsOnHold\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[8].description,\r\n width: 120,\r\n wmsid: 11,\r\n template: \"# if(IsOnHold === true){# \" + translate('Label_On_Hold') + \" #}else if(IsOnHold === false){# \" + translate('Label_Available') + \" #}else{# \" + translate('Label_Available') + \" #} # \"\r\n }]\r\n });\r\n}\r\n\r\nexport const getGridDemoSchema = (GlobalService) => {\r\n return ({\r\n schema: {\r\n model: {\r\n id: \"Key\",\r\n fields: {\r\n Key: { type: \"number\" , editable: false },\r\n Varies: { type: \"boolean\", editable: false },\r\n SKU: { type: \"string\" , editable: false },\r\n Qualifier: { type: \"string\" , editable: false },\r\n Upc: { type: \"string\" , editable: false },\r\n Description: { type: \"string\" , editable: false },\r\n Description2: { type: \"string\" , editable: false },\r\n Received: { type: \"number\" , editable: false },\r\n Available: { type: \"number\" , editable: false },\r\n PrimaryUnitsToAdd: { type: \"string\",\r\n validation: {\r\n productnamevalidation: function (input,extra) {\r\n if (input.is(\"[name='PrimaryUnitsToAdd']\") && input.val() != \"\") {\r\n var grid = $(\"#GridManageInventory\").data(\"kendoGrid\");\r\n var dataItem = grid.dataItem($(input).closest('tr'));\r\n var isIntegral = GlobalService.getIsIntegeralFlagByType(dataItem.PrimaryUnitType);\r\n if(isIntegral){\r\n input.attr(\"data-productnamevalidation-msg\", \"Only Number allowed\");\r\n return /^[0-9]*$/.test(input.val());\r\n }else{\r\n input.attr(\"data-productnamevalidation-msg\", \"Number and Decimal allowed\");\r\n return /^(\\d*\\.)?\\d+$/.test(input.val());\r\n }\r\n }\r\n\r\n return true;\r\n }\r\n }\r\n },\r\n OnHand: { type: \"number\" , editable: false },\r\n OnHold: { type: \"number\" , editable: false },\r\n SecondaryReceived: { type: \"number\" , editable: false },\r\n SecondaryAvailable: { type: \"string\" , editable: false },\r\n PrimaryUnitType: { type: \"string\" , editable: false },\r\n SecondaryUnitType: { type: \"string\" , editable: false },\r\n InventoryUnitsPerSecondaryUnit: { type: \"string\" , editable: false },\r\n PalletLabel: { type: \"string\" , editable: false },\r\n ReceiverId: { type: \"number\" , editable: false },\r\n ReceiverReferenceNum: { type: \"string\" , editable: false },\r\n ReceivedDate: { type: \"date\" , editable: false },\r\n LotNumber: { type: \"string\" , editable: false },\r\n SerialNumber: { type: \"string\" , editable: false },\r\n ExpirationDate: { type: \"date\" , editable: false },\r\n Cost: { type: \"number\" , editable: false },\r\n PurchaseOrderNumber: { type: \"string\" , editable: false },\r\n TrailerNumber: { type: \"string\" , editable: false },\r\n LocationName: { type: \"string\" , editable: false },\r\n IsOnHold: { type: \"boolean\" , editable: false },\r\n SupplierName: { type: \"string\" , editable: false },\r\n CustomFields: { type: \"string\" , editable: false },\r\n WeightImperial: { type: \"number\", editable: false},\r\n WeightMetric: { type: \"number\", editable: false}\r\n }\r\n }\r\n }\r\n })\r\n}\r\n// Add special configurations for combine row\r\n\r\nexport const getCombineGridColumns = (ManageInventory_GridHeaders,selectedFacilityObj) => {\r\n \r\n var translate = window.translate;\r\n var customLabels = GlobalService.getCustomLabels();\r\n return ({\r\n\r\n columns: [{\r\n field: \"PrimaryUnitsToAdd\",\r\n title: \"Primary Qty to Add\",\r\n attributes: {\r\n \"class\": \"editable-cell\"\r\n },\r\n width: 140,\r\n wmsid: 49,\r\n locked: true,\r\n lockable: false,\r\n resizable:false,\r\n sortable: false,\r\n reorderable: false,\r\n filterable: false,\r\n headerAttributes: { style: \"text-align:center;\" }\r\n }, {\r\n field: \"Available\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[6].description,\r\n width: 120,\r\n // template: function (dataItem) {\r\n // return dataItem.Available + ((dataItem.PrimaryUnitType) ? +\" \"+ dataItem.PrimaryUnitType : '');\r\n // },\r\n sortable: false,\r\n filterable: false,\r\n wmsid: 9\r\n }, {\r\n field: \"SKU\",\r\n lockable: false,\r\n title: customLabels.Label_Sku,\r\n width: 120,\r\n wmsid: 3\r\n }, {\r\n field: \"ReceiverId\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[15].description,\r\n width: 120,\r\n wmsid: 2\r\n }, {\r\n field: \"Key\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[0].description,\r\n width: 120,\r\n wmsid: 1\r\n },\r\n {\r\n field: \"ReceivedDate\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[17].description,\r\n width: 120,\r\n filterable: true,\r\n template: \"#= ReceivedDate != null ? kendo.toString(kendo.parseDate(ReceivedDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\",\r\n wmsid: 20\r\n },\r\n {\r\n field: \"Qualifier\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[2].description,\r\n width: 120,\r\n wmsid: 4\r\n },\r\n {\r\n field: \"ExpirationDate\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[20].description,\r\n width: 120,\r\n // template: \"#= ExpirationDate != null ? kendo.toString(kendo.parseDate(ExpirationDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\",\r\n wmsid: 23\r\n },\r\n {\r\n field: \"LotNumber\",\r\n lockable: false,\r\n title: customLabels.Label_Lot_Number,\r\n width: 120,\r\n wmsid: 21\r\n },\r\n {\r\n field: \"SerialNumber\",\r\n lockable: false,\r\n title: customLabels.Label_Serial_Number,\r\n width: 120,\r\n wmsid: 22\r\n },\r\n {\r\n field: \"Cost\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[22].description,\r\n width: 120,\r\n wmsid: 24\r\n },\r\n {\r\n field: \"LocationName\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[24].description,\r\n width: 120,\r\n sortable: true,\r\n filterable: false,\r\n wmsid: 27\r\n },\r\n {\r\n field: \"PrimaryUnitType\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[11].description,\r\n width: 120,\r\n wmsid: 14\r\n }]\r\n });\r\n}\r\n\r\nexport const getCombineAllColumnList = (ManageInventory_GridHeaders,selectedFacilityObj) => {\r\n \r\n var translate = window.translate;\r\n var customLabels = GlobalService.getCustomLabels();\r\n return ({\r\n\r\n columns:[{\r\n field: \"PrimaryUnitsToAdd\",\r\n attributes: {\r\n \"class\": \"editable-cell\"\r\n },\r\n title: \"Primary Qty to Add\",\r\n width: 140,\r\n wmsid: 49,\r\n locked: true,\r\n lockable: false,\r\n resizable:false,\r\n sortable: false,\r\n reorderable: false,\r\n filterable: false,\r\n headerAttributes: { style: \"text-align:center;\" }\r\n },{\r\n field: \"Key\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[0].description,\r\n width: 120,\r\n wmsid: 1\r\n }, {\r\n field: \"SKU\",\r\n lockable: false,\r\n title: customLabels.Label_Sku,\r\n width: 120,\r\n wmsid: 3\r\n }, {\r\n field: \"Qualifier\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[2].description,\r\n width: 120,\r\n wmsid: 4\r\n }, {\r\n field: \"Upc\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[3].description,\r\n width: 120,\r\n wmsid: 5\r\n },{\r\n field: \"Description\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[4].description,\r\n width: 120,\r\n wmsid: 6\r\n },{\r\n field: \"Received\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[5].description,\r\n width: 120,\r\n wmsid: 8\r\n },{\r\n field: \"Available\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[6].description,\r\n width: 120,\r\n // template: function (dataItem) {\r\n // return dataItem.Available + ((dataItem.PrimaryUnitType) ? +\" \"+ dataItem.PrimaryUnitType : '');\r\n // },\r\n sortable: false,\r\n filterable: false,\r\n wmsid: 9\r\n },{\r\n field: \"OnHand\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[7].description,\r\n width: 120,\r\n wmsid: 10\r\n },{\r\n field: \"OnHold\",\r\n lockable: false,\r\n title: \"OnHold\",\r\n width: 120,\r\n wmsid: 11,\r\n // template: \"# if(OnHold === true){# \" + translate('Label_On_Hold') + \" #}else if(OnHold === false){# \" + translate('Label_Available') + \" #}else{# \" + translate('Label_Available') + \" #} # \"\r\n },{\r\n field: \"SecondaryReceived\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[9].description,\r\n width: 120,\r\n sortable: false,\r\n filterable: false,\r\n wmsid: 12\r\n },{\r\n field: \"SecondaryAvailable\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[10].description,\r\n width: 120,\r\n template: function (dataItem) {\r\n return (dataItem.SecondaryAvailable ? dataItem.SecondaryAvailable : 0) + \" \" + (dataItem.SecondaryUom ? dataItem.SecondaryUom : \"\");\r\n },\r\n sortable: false,\r\n filterable: false,\r\n wmsid: 13\r\n },{\r\n field: \"PrimaryUnitType\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[11].description,\r\n width: 120,\r\n wmsid: 14\r\n },{\r\n field: \"SecondaryUnitType\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[12].description,\r\n width: 120,\r\n wmsid: 15\r\n },{\r\n field: \"Description2\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[13].description,\r\n width: 120,\r\n wmsid: 16\r\n },{\r\n field: \"PalletLabel\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[14].description,\r\n width: 120,\r\n wmsid: 17\r\n },{\r\n field: \"ReceiverId\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[15].description,\r\n width: 120,\r\n wmsid: 18\r\n },{\r\n field: \"ReceiverReferenceNum\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[16].description,\r\n width: 120,\r\n wmsid: 19\r\n },{\r\n field: \"ReceivedDate\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[17].description,\r\n width: 120,\r\n filterable: true,\r\n // template: \"#= ReceivedDate != null ? kendo.toString(kendo.parseDate(ReceivedDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\",\r\n wmsid: 20\r\n }, {\r\n field: \"LotNumber\",\r\n lockable: false,\r\n title: customLabels.Label_Lot_Number,\r\n width: 120,\r\n wmsid: 21\r\n }, {\r\n field: \"SerialNumber\",\r\n lockable: false,\r\n title: customLabels.Label_Serial_Number,\r\n width: 120,\r\n wmsid: 22\r\n },{\r\n field: \"ExpirationDate\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[20].description,\r\n width: 120,\r\n // template: \"#= ExpirationDate != null ? kendo.toString(kendo.parseDate(ExpirationDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\",\r\n wmsid: 23\r\n },{\r\n field: \"Cost\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[22].description,\r\n width: 120,\r\n wmsid: 24\r\n },{\r\n field: \"PurchaseOrderNumber\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[22].description,\r\n width: 120,\r\n wmsid: 25\r\n },{\r\n field: \"TrailerNumber\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[23].description,\r\n width: 120,\r\n wmsid: 26\r\n },{\r\n field: \"LocationName\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[24].description,\r\n width: 120,\r\n sortable: true,\r\n filterable: false,\r\n wmsid: 27\r\n },{\r\n field: \"SupplierName\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[25].description,\r\n width: 120,\r\n wmsid: 28\r\n },{\r\n field: \"CustomFields\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[26].description,\r\n width: 120,\r\n wmsid: 29\r\n },{\r\n field: \"WeightImperial\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[28].description,\r\n width: 120,\r\n wmsid: 30\r\n },{\r\n field: \"WeightMetric\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[29].description,\r\n width: 120,\r\n wmsid: 31\r\n },{\r\n field: \"IsOnHold\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[8].description,\r\n width: 120,\r\n wmsid: 11,\r\n template: \"# if(Varies){# \"+ translate('Varies') + \" #} else if(IsOnHold === true){# \" + translate('Label_On_Hold') + \" #}else if(IsOnHold === false){# \" + translate('Label_Available') + \" #}else{# \" + translate('Label_Available') + \" #} # \"\r\n // template: \"# if(IsOnHold === true){# \" + translate('Label_On_Hold') + \" #}else if(IsOnHold === false){# \" + translate('Label_Available') + \" #}else{# \" + translate('Label_Available') + \" #} # \"\r\n }]\r\n });\r\n}\r\n\r\nexport const getGridCombineSchema = () => {\r\n return ({\r\n schema: {\r\n model: {\r\n id: \"Key\",\r\n fields: {\r\n Key: { type: \"string\" , editable: false },\r\n Varies: { type: \"boolean\" , editable: false},\r\n SKU: { type: \"string\" , editable: false },\r\n Qualifier: { type: \"string\" , editable: false },\r\n Upc: { type: \"string\" , editable: false },\r\n Description: { type: \"string\" , editable: false },\r\n Description2: { type: \"string\" , editable: false },\r\n Received: { type: \"number\" , editable: false },\r\n Available: { type: \"string\" , editable: false },\r\n PrimaryUnitsToAdd: { type: \"string\",\r\n validation: {\r\n productnamevalidation: function (input) {\r\n if (input.is(\"[name='PrimaryUnitsToAdd']\") && input.val() != \"\") {\r\n var grid = $(\"#GridManageInventory\").data(\"kendoGrid\");\r\n var dataItem = grid.dataItem($(input).closest('tr'));\r\n var isIntegral = GlobalService.getIsIntegeralFlagByType(dataItem.PrimaryUnitType);\r\n if(isIntegral){\r\n input.attr(\"data-productnamevalidation-msg\", \"Only Number allowed\");\r\n return /^[0-9]*$/.test(input.val());\r\n }else{\r\n input.attr(\"data-productnamevalidation-msg\", \"Number and Decimal allowed\");\r\n return /^(\\d*\\.)?\\d+$/.test(input.val());\r\n }\r\n }\r\n return true;\r\n }\r\n }\r\n },\r\n OnHand: { type: \"number\" , editable: false },\r\n OnHold: { type: \"number\" , editable: false },\r\n SecondaryReceived: { type: \"number\" , editable: false },\r\n SecondaryAvailable: { type: \"string\" , editable: false },\r\n PrimaryUnitType: { type: \"string\" , editable: false },\r\n SecondaryUnitType: { type: \"string\" , editable: false },\r\n InventoryUnitsPerSecondaryUnit: { type: \"string\" , editable: false },\r\n PalletLabel: { type: \"string\" , editable: false },\r\n ReceiverId: { type: \"string\" , editable: false },\r\n ReceiverReferenceNum: { type: \"string\" , editable: false },\r\n ReceivedDate: { type: \"string\" , editable: false },\r\n LotNumber: { type: \"string\" , editable: false },\r\n SerialNumber: { type: \"string\" , editable: false },\r\n ExpirationDate: { type: \"string\" , editable: false },\r\n Cost: { type: \"number\" , editable: false },\r\n PurchaseOrderNumber: { type: \"string\" , editable: false },\r\n TrailerNumber: { type: \"string\" , editable: false },\r\n LocationName: { type: \"string\" , editable: false },\r\n SupplierName: { type: \"string\" , editable: false },\r\n IsOnHold: { type: \"boolean\" , editable: false },\r\n CustomFields: { type: \"string\" , editable: false },\r\n WeightImperial: { type: \"number\" , editable: false },\r\n WeightMetric: { type: \"number\" , editable: false }\r\n }\r\n }\r\n }\r\n })\r\n}","import * as GlobalService from \"./../../../../global_services\";\r\nvar isFirstTimeOpen = true;\r\nvar keyName = \"MassAdd\";\r\nvar metaDataOrderObject = {\r\n MassAdd: {\r\n ManageMassAdd: {\r\n filterData: {},\r\n gridConfig: {},\r\n collapseData: {},\r\n sorableSection: \"\",\r\n saveFilter: [],\r\n }\r\n }\r\n};\r\n\r\n// call api for get metaData of order is it's open first time\r\nexport const getUserClientMetaData = function() {\r\n if (isFirstTimeOpen) {\r\n return GlobalService.getUserClientMetaData(keyName).then(\r\n function successCallBack(response) {\r\n if (response != \"\") {\r\n Object.assign(metaDataOrderObject[keyName], JSON.parse(response));\r\n }\r\n console.log(\"response metaDataOrderObject :\", metaDataOrderObject);\r\n isFirstTimeOpen = false;\r\n return true;\r\n },\r\n function errorCallBack(response) {\r\n console.log(response);\r\n return false;\r\n }\r\n );\r\n }\r\n};\r\n\r\nexport const clearInventoryFilterMetaData = function(objName) {\r\n metaDataOrderObject[keyName][\"ManageMassAdd\"][\"filterData\"] = {};\r\n GlobalService.setUserClientMetaData(\r\n keyName,\r\n JSON.stringify(metaDataOrderObject[keyName])\r\n );\r\n};\r\n\r\nexport const setMassAddFilterMetaData = function (filterData) {\r\n metaDataOrderObject[keyName]['ManageMassAdd']['filterData'] = filterData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\nexport const getMassAddFilterMetaData = function () {\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['ManageMassAdd']['filterData'])) {\r\n return metaDataOrderObject[keyName]['ManageMassAdd']['filterData'];\r\n } else {\r\n return \"\";\r\n }\r\n\r\n}\r\n\r\nexport const setMassAddGridOptionInMetaData = function(\r\n gridConfig\r\n) {\r\n metaDataOrderObject[keyName][\"ManageMassAdd\"][\"gridConfig\"] =\r\n gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(\r\n keyName,\r\n JSON.stringify(metaDataOrderObject[keyName])\r\n );\r\n};\r\nexport const getMassAddGridOptionInMetaData = function() {\r\n if (\r\n !$.isEmptyObject(\r\n metaDataOrderObject[keyName][\"ManageMassAdd\"][\"gridConfig\"]\r\n )\r\n ) {\r\n return metaDataOrderObject[keyName][\"ManageMassAdd\"][\"gridConfig\"];\r\n } else {\r\n return \"\";\r\n }\r\n};\r\n\r\nexport const setMassAddCollapseMetaData = function (collapseId, value) {\r\n if (!metaDataOrderObject[keyName]['ManageMassAdd']['collapseData']) {\r\n metaDataOrderObject[keyName]['ManageMassAdd']['collapseData'] = {}\r\n }\r\n metaDataOrderObject[keyName]['ManageMassAdd']['collapseData'][collapseId] = value;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\nexport const getMassAddCollapseMetaData = function () {\r\n return metaDataOrderObject[keyName]['ManageMassAdd']['collapseData'];\r\n}\r\n\r\nexport const setMassAddSortSectionMetaData = function (sortArray) {\r\n metaDataOrderObject[keyName]['ManageMassAdd']['sorableSection'] = sortArray;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\nexport const getMassAddSortSectionMetaData = function () {\r\n return metaDataOrderObject[keyName]['ManageMassAdd']['sorableSection'];\r\n}\r\n\r\n// save filter of find order in meta data\r\nexport const saveMassAddFilterMetaData = function (title, filterObj, columnObj) {\r\n var setData = {\r\n title: title,\r\n filterData: filterObj,\r\n columnData: columnObj.optionsData\r\n };\r\n\r\n if (typeof metaDataOrderObject[keyName]['ManageMassAdd']['saveFilter'] == \"undefined\") {\r\n metaDataOrderObject[keyName]['ManageMassAdd']['saveFilter'] = [];\r\n }\r\n (metaDataOrderObject[keyName]['ManageMassAdd']['saveFilter']).push(setData);\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n\r\n}\r\nexport const updateMassAddFilterMetaData = function (index, filterObj, columnObj) {\r\n\r\n if (typeof metaDataOrderObject[keyName]['ManageMassAdd']['saveFilter'][index] != \"undefined\") {\r\n metaDataOrderObject[keyName]['ManageMassAdd']['saveFilter'][index].filterData = filterObj;\r\n metaDataOrderObject[keyName]['ManageMassAdd']['saveFilter'][index].columnData = columnObj.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n }\r\n\r\n}\r\nexport const getSaveMassAddFilterListMetaData = function () {\r\n if (metaDataOrderObject[keyName]['ManageMassAdd']['saveFilter']) {\r\n return metaDataOrderObject[keyName]['ManageMassAdd']['saveFilter'];\r\n }\r\n\r\n return [];\r\n}\r\n\r\nexport const clearSaveMassAddFilterListMetaData = function (index) {\r\n metaDataOrderObject[keyName]['ManageMassAdd']['saveFilter'].splice(index, 1);\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}","import React from 'react';\r\nvar axios = require('axios');\r\nvar UtcOffset = new Date().getTimezoneOffset() / 60 * -1;\r\n\r\nimport * as GlobalService from '../../global_services';\r\n\r\nvar _manageOrdersEditData = {};\r\n\r\nexport const startManageOrders = function () {\r\n\r\n return axios.all([\r\n GlobalService.GetCustomersAndFacility()\r\n ]).then(axios.spread(function (GetCustomerFacilityList) {\r\n return GetCustomerFacilityList;\r\n }));\r\n};\r\n\r\nexport const getManageOrdersData = function () {\r\n return _manageOrdersEditData;\r\n};\r\nexport const setManageOrdersData = function (obj) {\r\n _manageOrdersEditData = obj;\r\n};\r\nexport const saveOrder = function (orderData, isCustomerUser) {\r\n let params = {\r\n \"orderData\": orderData,\r\n \"isCustomerUser\": isCustomerUser\r\n };\r\n return axios.post('/WebUI/Shipping/Orders/Order', params)\r\n .then(function (response) {\r\n return response;\r\n });\r\n};\r\nexport const cloneOrder = function (orderData, sourceOrderId, isCustomerUser) {\r\n let params = {\r\n \"orderData\": orderData,\r\n \"sourceOrderId\": sourceOrderId,\r\n \"isCustomerUser\": isCustomerUser\r\n };\r\n return axios.post('/WebUI/Shipping/Orders/CloneOrder', params)\r\n .then(function (response) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const updateOrder = function (oldOrderData, updatedOrderData) {\r\n let params = {\r\n \"oldOrderData\": oldOrderData,\r\n \"updatedOrderData\": updatedOrderData\r\n };\r\n // if(GlobalService.GetRights().hasOwnProperty(\"Shipping.SmallParcelEnabled\")) {\r\n params.updateParcelOptions = true;\r\n // }\r\n return axios.put('/WebUI/Shipping/Orders/Order', params)\r\n .then(function (response) {\r\n response.data.TotalWeight = response.data.TotalWeight ? response.data.TotalWeight.toFixed(4) : \"0.0000\";\r\n response.data.TotalVolume = response.data.TotalVolume ? response.data.TotalVolume.toFixed(4) : \"0.0000\";\r\n\r\n return response;\r\n });\r\n};\r\n\r\nexport const setFacility = function (facility) {\r\n let params = {\r\n \"facility\": facility\r\n };\r\n return axios.post('/WebUI/Shared/GlobalServices/SetFacility', params)\r\n .then(function (response) {\r\n return response.data;\r\n });\r\n};\r\nexport const setCustomer = function (customer) {\r\n let params = {\r\n \"customer\": customer\r\n };\r\n return axios.post('/WebUI/Shared/GlobalServices/SetCustomer', params)\r\n .then(function (response) {\r\n return response.data;\r\n });\r\n};\r\nexport const ManageOrdersEditData = function (orderId, gridName) {\r\n let params = {\r\n \"orderId\": orderId,\r\n \"getProposedBilling\": true\r\n };\r\n // if(GlobalService.GetRights().hasOwnProperty(\"Shipping.SmallParcelEnabled\")) {\r\n params.getParcelOptions = true;\r\n // }\r\n return axios.post('/WebUI/Shipping/Orders/OrderOptions', params)\r\n .then(function (response) {\r\n response.data.Order.TotalWeight = response.data.Order.TotalWeight ? response.data.Order.TotalWeight.toFixed(4) : \"0.0000\";\r\n response.data.Order.TotalVolume = response.data.Order.TotalVolume ? response.data.Order.TotalVolume.toFixed(4) : \"0.0000\";\r\n\r\n return response.data;\r\n });\r\n};\r\n\r\nexport const GetOrderSummary = function (orderId) {\r\n return axios.get('/WebUI/Shipping/Orders/GetOrderSummary?orderId='+orderId)\r\n .then(function (response) {\r\n return response.data;\r\n });\r\n};\r\n\r\n// contact detail section services\r\nexport const getContactFromUri = function (uri) {\r\n\r\n return axios.post('/WebUI/Shipping/Orders/GetContactFromUri', { uri: uri })\r\n .then(function (response) {\r\n return response;\r\n });\r\n};\r\n\r\n// contact detail section services\r\nexport const GetChargeCategories = function () {\r\n return axios.get('/WebUI/Shipping/Orders/GetChargeCategories').then(function (response) {\r\n return response.data;\r\n });\r\n};\r\n\r\n// line item section service\r\nexport const deleteMultipleOrderLineItems = function (param_obj) {\r\n\r\n return axios.post('/WebUI/Shipping/Orders/DeleteMultipleOrderLineItems', param_obj, { dataType: \"JSON\" }\r\n ).then(function (response) { });\r\n};\r\nexport const deleteSingleOrderLineItems = function (param_uri,param_orderid) {\r\n\r\n return axios.delete('/WebUI/Shipping/Orders/OrderItem?editUri='+param_uri+\"&orderId=\"+param_orderid).then(function (response) { });\r\n};\r\nexport const initialEditAllocations = function (param_obj) {\r\n return axios.post('/WebUI/Shipping/Orders/GetLineItemAllocations', {\r\n \"orderId\": param_obj.orderId,\r\n \"orderItemUri\": param_obj.EditWithAllocationDetailsUri\r\n }).then(function (response) {\r\n return response.data;\r\n });\r\n};\r\n\r\nexport const editOrderLineItemAllocations = function (obj) {\r\n return axios.post('/WebUI/Shipping/Orders/EditOrderLineItemAllocations', obj, {\r\n dataType: \"JSON\"\r\n }).then(function (response) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const recalculateOrderCharges = function (orderId) {\r\n return axios.get('/WebUI/Shipping/Orders/OrderCharges?orderId=' + orderId).then(function (response) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const initialMassAdd = function () {\r\n return axios.post('/WebUI/Shipping/UpdateSession/MassAddSearchInfoClear').then(function (response) {\r\n\r\n });\r\n};\r\nexport const massOrderLineItemsAdd = function (obj) {\r\n return axios.post('/WebUI/Shipping/Orders/MassOrderLineItemsAdd', obj, { dataType: \"JSON\" }).then(function (response) {\r\n return response;\r\n });\r\n};\r\nexport const massOrderLineItems = function (obj) {\r\n return axios.post('/WebUI/Shipping/Orders/MassOrderLineItems', obj, { dataType: \"JSON\" }).then(function (response) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const editOrderLineItemData = function (orderId, inventorySummaryUri, lineItemData) {\r\n return axios.post('/WebUI/Shipping/Orders/EditOrderLineItem', {\r\n orderId: orderId,\r\n inventorySummaryUri: inventorySummaryUri,\r\n models: lineItemData\r\n }).then(function (response) {\r\n return response;\r\n });\r\n};\r\nexport const getOrderChargeSummary = function (param_orderid) {\r\n return axios.post('/WebUI/Shipping/Orders/GetOrderChargeSummary?id=' + param_orderid).then(function (response) {\r\n return response;\r\n });\r\n};\r\nexport const shipAndCloseOrder = function (param_payload_obj) {\r\n return axios.post('/WebUI/Shipping/Orders/ShipAndCloseOrder',param_payload_obj).then(function (response) {\r\n return response;\r\n });\r\n};\r\nexport const finalizeOrder = function (param_payload_obj) {\r\n return axios.post('/WebUI/Shipping/Orders/Complete',param_payload_obj).then(function (response) {\r\n return response;\r\n });\r\n};\r\n\r\n","\r\n\r\nimport React from 'react';\r\n\r\n//component\r\nimport { ArrayWms } from '../../../../../../assets/ts/ArrayWms.ts'\r\nimport { StringWms } from '../../../../../../assets/ts/StringWms.ts';\r\nimport VirtualGridComponent from '../../../../components_proto/VirtualGridComponent/VirtualGridComponent.jsx';\r\nimport { LoadingModel } from '../../../../components/LoadingModel/LoadingModel.jsx';\r\nimport { AddEditColumnModel } from '../../../../components/AddEditColumn/add-edit-columns.component.jsx';\r\nimport { ConcurrencyManager } from '../../../../../../assets/vendor/concurrencyManager/concurrencyManager.js';\r\n\r\nimport axios from 'axios';\r\nimport * as GridConfig from './grid_configuration.jsx';\r\nimport * as metaDataService from './meta-data.service';\r\nimport style from './proto-mass-add.scss';\r\n\r\n//services\r\nimport * as GlobalService from './../../../../global_services';\r\nimport * as manageOrderServices from '../../../manageOrders/manage-orders.services.jsx';\r\n\r\n\r\nexport class ProtoMassAddGrid extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n this.firstFiftyAxiosSource = null;\r\n this.axiosSource = null;\r\n this.inventoryGridData = null;\r\n this.inventory_GridHeaders = StringWms.convertSringToOption(this.translate('Mass_Add_GridHeaders'));\r\n this.manageInventoryGridId = \"GridManageInventory\";\r\n this.receiveItemIdsGroup = [];\r\n this.isApiCanceled = false;\r\n this.state = {\r\n gridDomSelector: () => this.props.windowId ? '.' + this.props.windowId + ' #' + this.manageInventoryGridId : '#' + this.manageInventoryGridId,\r\n selector: 'Inventory',\r\n localKendoGrid: null,\r\n allColumnList: GridConfig.getAllColumnList(this.inventory_GridHeaders).columns,\r\n allSortColumnList: [],\r\n defaultColumns: GridConfig.getGridDemoColumns(this.inventory_GridHeaders).columns,\r\n schema: GridConfig.getGridDemoSchema(GlobalService).schema,\r\n totalInventory: 0,\r\n gridData: [],\r\n gridExportLimit: GlobalService.constants.gridExportLimit,\r\n manageInventoryGridConfig: metaDataService.getMassAddGridOptionInMetaData(),\r\n Rights: GlobalService.GetRights(),\r\n isFilterRowCountLoading: false,\r\n isMassGridDataLoading: false,\r\n isOpenColumnModel: false,\r\n filterText: \"\",\r\n fullFilterText: \"\",\r\n totalRequest: 0,\r\n selectedOrders: 0,\r\n disabledAddAllSelected: true,\r\n overlayScreenShow: false,\r\n gridPageSize: 500,\r\n isNewColumnAdded: false,\r\n isCombineRow: false,\r\n massAddLoading: false,\r\n massAddAllLoading: false,\r\n invalidQty: true,\r\n addBtnValidationText : this.translate('Label_You_May_Add_Atleast_One'),\r\n addAllSelectedText : this.translate('Label_Add_All_Selected_Validation'),\r\n firstLoadLimit: 4000,\r\n massAddSearchInfo: null,\r\n showLoadingError: false\r\n }\r\n\r\n }\r\n\r\n componentDidMount() {\r\n let allSortColumnList = this.state.allColumnList.sort(function (first, second) {\r\n\r\n var columnTitle1 = first.title.trim().toUpperCase(); // ignore upper and lowercase\r\n var columnTitle2 = second.title.trim().toUpperCase(); // ignore upper and lowercase\r\n\r\n if (columnTitle1 < columnTitle2) { return -1; }\r\n\r\n if (columnTitle1 > columnTitle2) { return 1; }\r\n // names must be equal\r\n return 0;\r\n });\r\n\r\n this.setState({ allSortColumnList: allSortColumnList });\r\n this.loadGridData();\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if (JSON.stringify(prevProps) != JSON.stringify(this.props)) {\r\n if (JSON.stringify(this.props.sharedInventoryFilterObj) != JSON.stringify(prevProps.sharedInventoryFilterObj)) {\r\n let massAddSearchInfo = Object.assign({}, this.props.sharedInventoryFilterObj);\r\n massAddSearchInfo.ReceiptBeginDate = StringWms.convertFilterStringToISODate(massAddSearchInfo.ReceiptBeginDate).isoStringUTC;\r\n massAddSearchInfo.ReceiptEndDate = StringWms.convertFilterStringToISODate(massAddSearchInfo.ReceiptEndDate).isoStringUTC;\r\n massAddSearchInfo.ExpDateBegin = StringWms.convertFilterStringToISODate(massAddSearchInfo.ExpDateBegin).isoStringUTC;\r\n massAddSearchInfo.ExpDateEnd = StringWms.convertFilterStringToISODate(massAddSearchInfo.ExpDateEnd).isoStringUTC;\r\n\r\n this.setState({\r\n massAddSearchInfo: massAddSearchInfo\r\n });\r\n }\r\n }\r\n }\r\n\r\n loadGridData = (clearData = true) => {\r\n\r\n kendo.ui.progress($('#proto-mass-add'), false);\r\n this.setState({\r\n isFilterRowCountLoading: true,\r\n showLoadingError: false\r\n });\r\n let tmpGridData = this.state.gridData;\r\n if (clearData == true) {\r\n tmpGridData = []\r\n }\r\n\r\n let massAddSearchInfo = Object.assign({}, this.props.sharedInventoryFilterObj);\r\n massAddSearchInfo.ReceiptBeginDate = StringWms.convertFilterStringToISODate(massAddSearchInfo.ReceiptBeginDate).isoStringUTC;\r\n massAddSearchInfo.ReceiptEndDate = StringWms.convertFilterStringToISODate(massAddSearchInfo.ReceiptEndDate).isoStringUTC;\r\n massAddSearchInfo.ExpDateBegin = StringWms.convertFilterStringToISODate(massAddSearchInfo.ExpDateBegin).isoStringUTC;\r\n massAddSearchInfo.ExpDateEnd = StringWms.convertFilterStringToISODate(massAddSearchInfo.ExpDateEnd).isoStringUTC;\r\n // on filter update cancel orderDataAxios call if any running\r\n this.cancelLoadAllData();\r\n axios.put('/WebUI/Shipping/Orders/MassAddRowCount', {\r\n customerId:this.props.sharedEditAllocationData.CustomerId,\r\n facilityId: this.props.sharedEditAllocationData.FacilityId,\r\n massAddSearchInfo: massAddSearchInfo,\r\n }).then((response) => {\r\n this.setState({\r\n totalInventory: response.data,\r\n isAllDataLoad: false,\r\n gridData: tmpGridData,\r\n invalidQty:true,\r\n massAddSearchInfo: massAddSearchInfo\r\n }, () => {\r\n if(response.data > 0){\r\n this.callForGetNewData();\r\n }\r\n });\r\n }).finally(() => {\r\n this.setState({ isFilterRowCountLoading: false });\r\n });\r\n }\r\n\r\n callForGetNewData = () => {\r\n if (this.state.totalInventory > 0 && this.state.totalInventory <= this.state.firstLoadLimit) {\r\n this.loadAllRecords(false);\r\n } else {\r\n // reset selection of grid on filter data change\r\n // this.setState({ staticGridData: [] });\r\n // console.log(\"resetGridAllMessage : call\");\r\n this.resetGridAllMessage();\r\n }\r\n\r\n }\r\n resetGridAllMessage = () => {\r\n if (this.state.isAllDataLoad) {\r\n this.setState({\r\n isNewColumnAdded: true\r\n });\r\n }\r\n }\r\n\r\n onClickLoadAllRecords = () => {\r\n this.setState({\r\n overlayScreenShow: true,\r\n });\r\n let enableColumns = this.getEnableColumns();\r\n if (this.firstFiftyAxiosSource) {\r\n this.firstFiftyAxiosSource.cancel();\r\n this.firstFiftyAxiosSource = null;\r\n }\r\n this.firstFiftyAxiosSource = axios.CancelToken.source();\r\n axios.post('/WebUI/Shipping/Orders/MassAddData?sorts=[]&filters=[]&pgnum=1&pgsiz=50', {\r\n massAddSearchInfo: this.state.massAddSearchInfo,\r\n customerId:this.props.sharedEditAllocationData.CustomerId,\r\n facilityId: this.props.sharedEditAllocationData.FacilityId,\r\n columns: enableColumns\r\n }, { cancelToken: this.firstFiftyAxiosSource.token }).then((response) => {\r\n this.firstFiftyAxiosSource = \"\";\r\n this.setState({\r\n gridData: response.data.Data\r\n },this.loadAllRecords);\r\n });\r\n }\r\n\r\n getEnableColumns = () => {\r\n var defaultParam = ['Key', 'OnHold', 'Available', 'ItemId', 'Qualifier', 'LotNumber','SKU','ExpirationDate','PrimaryUnitType','Received','OnHand','ReceiverId','IsOnHold'];\r\n let columnList = [];\r\n\r\n let grid = $(this.state.gridDomSelector()).data('kendoGrid');\r\n // if grid already defined than we get columns from grid\r\n if (typeof grid != \"undefined\") {\r\n columnList = grid.columns;\r\n } else { // else get column list from metadataObject or default columns\r\n columnList = GridConfig.getGridDemoColumns(this.inventory_GridHeaders).columns;\r\n }\r\n\r\n var enableColumns = columnList.map(el => el.field);\r\n // merge defaultParam and enableColumns without dublicate value\r\n return [...new Set([...defaultParam, ...enableColumns])];\r\n }\r\n\r\n setFilterAppliedText = (filterObj) => {\r\n if (!filterObj) {\r\n this.setState({\r\n filterText: \"\",\r\n fullFilterText: \"\"\r\n })\r\n return;\r\n }\r\n var filterConditionTitle = {\r\n \"lte\": \"Is Less Than Or Equal To\",\r\n \"eq\": \"Is Equal To\",\r\n \"lt\": \"Is Less Than\",\r\n \"neq\": \"Is Not Equal To\",\r\n \"gte\": \"Is Greater Than Or Equal To\",\r\n \"gt\": \"Is Greater Than\",\r\n \"startswith\": \"Starts With\",\r\n \"endswith\": \"Ends With\",\r\n \"contains\": \"Contains\",\r\n \"doesnotcontain\": \"Does Not Contain\",\r\n \"isnull\": \"Is Null\",\r\n \"isnotnull\": \"Is Not Null\",\r\n \"isempty\": \"Is Empty\",\r\n \"isnotempty\": \"Is Not Empty\",\r\n \"isnullorempty\": \"Has No Value\",\r\n \"isnotnullorempty\": \"Has Value\",\r\n }\r\n\r\n var filterText = \"\";\r\n var fullFilterText = \"\";\r\n var filterList = filterObj.filters;\r\n var self = this;\r\n filterList.map((item) => {\r\n var columnObj = self.state.allColumnList.find(x => x.field === item.field);\r\n if(columnObj) {\r\n var title = columnObj.title;\r\n filterText += title + \" : \" + item.value + ',';\r\n fullFilterText += title + \" \" + filterConditionTitle[item.operator] + \" : \" + item.value + \"- \r\n\t\t\t\t\t{this.props.sectionRefs.map((obj, index) => (\r\n\t\t\t\t\t\tobj.isTabShow && (\r\n\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t))}\r\n\t\t\t\t
\";\r\n }\r\n });\r\n filterText = filterText.slice(0, -1);\r\n\r\n this.setState({\r\n filterText: filterText,\r\n fullFilterText: fullFilterText,\r\n })\r\n }\r\n\r\n // Load all records of inventory\r\n loadAllRecords = (isLoaderPopupShow) => {\r\n this.isApiCanceled = false;\r\n const sequence = n => {\r\n let seq = [];\r\n for (let i = 0; i < n; i++) {\r\n seq.push(i);\r\n }\r\n return seq;\r\n };\r\n if (isLoaderPopupShow == false) {\r\n this.setState({\r\n isMassGridDataLoading: true,\r\n gridData: []\r\n });\r\n }\r\n this.axiosSource = axios.CancelToken.source();\r\n let api = axios.create({\r\n baseURL: \"/WebUI/Shipping\",\r\n headers: { 'Access-Control-Allow-Origin': '*' },\r\n cancelToken: this.axiosSource.token\r\n });\r\n\r\n const MAX_CONCURRENT_REQUESTS = 3;\r\n\r\n let totalRequest = Math.ceil(this.state.totalInventory / this.state.gridPageSize);\r\n\r\n this.setState({\r\n totalRequest: totalRequest,\r\n });\r\n // init your manager.\r\n var manager = ConcurrencyManager(api, MAX_CONCURRENT_REQUESTS,GlobalService);\r\n let enableColumns = this.getEnableColumns();\r\n\r\n Promise.all(sequence(totalRequest).map(i => api.post(\"/Orders/MassAddData?sorts=[]&filters=[]&pgnum=\" + (i + 1) + '&pgsiz=' + this.state.gridPageSize, {\r\n massAddSearchInfo: this.state.massAddSearchInfo,\r\n customerId: this.props.sharedEditAllocationData.CustomerId,\r\n facilityId: this.props.sharedEditAllocationData.FacilityId,\r\n columns: enableColumns\r\n }))).then(responses => {\r\n let protoMassData = responses.map(r => r.data);\r\n this.getAllResponseData(protoMassData);\r\n }).catch((error) => {\r\n console.log(\"Promise.all catch\", error);\r\n this.setState({\r\n showLoadingError: true\r\n });\r\n this.cancelLoadAllData();\r\n }).then(() => {\r\n if(manager) {\r\n manager.detach();\r\n }\r\n });\r\n }\r\n\r\n getAllResponseData = (data) => {\r\n if (!this.isApiCanceled) {\r\n let allData = [];\r\n data.forEach(obj => {\r\n allData = [...obj.Data, ...allData];\r\n });\r\n this.inventoryGridData = allData;\r\n this.setState({\r\n gridData: allData,\r\n overlayScreenShow: false,\r\n isAllDataLoad: true,\r\n isNewColumnAdded: false,\r\n isMassGridDataLoading:false\r\n })\r\n } else {\r\n this.setState({\r\n isMassGridDataLoading: false\r\n });\r\n }\r\n }\r\n\r\n cancelLoadAllData = () => {\r\n if (this.firstFiftyAxiosSource) {\r\n this.firstFiftyAxiosSource.cancel();\r\n this.firstFiftyAxiosSource = null;\r\n }\r\n if(this.axiosSource){\r\n this.axiosSource.cancel();\r\n this.axiosSource = null;\r\n }\r\n this.isApiCanceled = true;\r\n this.setState({\r\n overlayScreenShow: false,\r\n gridData: [],\r\n isAllDataLoad: false,\r\n isMassGridDataLoading: false\r\n });\r\n }\r\n\r\n //On grid row selection\r\n selectRow = (param_kendoGrid) => {\r\n var SelectedOrders = param_kendoGrid.getNumberOfSelections();\r\n this.setState({\r\n disabledAddAllSelected:false\r\n });\r\n var checkAvailableZero = param_kendoGrid.valueExists(\"Available\", 0);\r\n var IsOnHold = param_kendoGrid.valueExists(\"IsOnHold\", true);\r\n if(SelectedOrders >= 1 && checkAvailableZero){\r\n this.setState({\r\n disabledAddAllSelected:true,\r\n addAllSelectedText : this.translate('Label_Add_All_Selected_Validation'),\r\n });\r\n }\r\n if(IsOnHold){\r\n this.setState({\r\n disabledAddAllSelected:true,\r\n addAllSelectedText : this.translate('Label_Add_All_Selected_Hold_Status_Validataion'),\r\n });\r\n }\r\n if(SelectedOrders == 0){\r\n this.setState({\r\n disabledAddAllSelected:true\r\n });\r\n }\r\n this.setState({\r\n localKendoGrid: param_kendoGrid,\r\n selectedOrders:SelectedOrders\r\n });\r\n\r\n }\r\n onGridDataBound = (e, kendoGrid) => {\r\n this.setState({\r\n localKendoGrid: kendoGrid\r\n })\r\n }\r\n\r\n // on grid column sort save changes in meta data object\r\n onSort = (event) => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n GlobalService.sortDataset(sortArray, event.sort);\r\n var gridColumn = grid.getOptions().columns;\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(gridColumn, sortArray, grid.dataSource.filter());\r\n metaDataService.setMassAddGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on grid column reorder save changes in meta data object\r\n onColumnReorder = (event) => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let gridColumn = grid.getOptions().columns;\r\n let switchedArray = ArrayWms.switchIndexByField(gridColumn, event.newIndex, event.oldIndex);\r\n let finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(switchedArray, sortArray, grid.dataSource.filter());\r\n metaDataService.setMassAddGridOptionInMetaData(finalSubmission);\r\n\r\n }\r\n\r\n // on grid column resize save changes in meta data object\r\n onColumnResize = (event) => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n metaDataService.setMassAddGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on click grid clear sort menu\r\n onClickClearSorts = () => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(grid.columns, [], grid.dataSource.filter());\r\n metaDataService.setMassAddGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on click grid reset default grid layout menu\r\n onClickResetGrid = () => {\r\n var finalSubmission = {\r\n \"optionsData\": {}\r\n }\r\n metaDataService.setMassAddGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on grid filter selection\r\n onGridFilterApplied = () => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n setTimeout(() => {\r\n this.setFilterAppliedText(dataSource.filter());\r\n\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(grid.columns, sortArray, dataSource.filter());\r\n\r\n metaDataService.setMassAddGridOptionInMetaData(finalSubmission);\r\n\r\n }, 100);\r\n\r\n }\r\n\r\n // save column hide/show data in meta data\r\n saveChangesInMetaData = () => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sort = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sort,\r\n grid.dataSource.filter()\r\n );\r\n metaDataService.setMassAddGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n\r\n eventClickExportGrid = () => {\r\n $(this.state.gridDomSelector()).getKendoGrid().saveAsExcel();\r\n }\r\n\r\n eventClickColumns = () => {\r\n this.setState({\r\n isOpenColumnModel: true\r\n })\r\n }\r\n onCloseColumnModel = (e) => {\r\n this.setState({\r\n isOpenColumnModel: false\r\n })\r\n }\r\n onCheckCombine = (isChecked) => {\r\n this.setState({\r\n isCombineRow : isChecked\r\n })\r\n if(isChecked){\r\n\r\n this.setState({\r\n defaultColumns:GridConfig.getCombineGridColumns(this.inventory_GridHeaders).columns,\r\n schema: GridConfig.getGridCombineSchema().schema,\r\n allColumnList: GridConfig.getCombineAllColumnList(this.inventory_GridHeaders).columns,\r\n manageInventoryGridConfig: metaDataService.getMassAddGridOptionInMetaData(),\r\n invalidQty:true,\r\n },this.combineRowUsingGridData);\r\n }else{\r\n this.setState({\r\n gridData:this.inventoryGridData,\r\n totalInventory:this.inventoryGridData.length,\r\n defaultColumns:GridConfig.getGridDemoColumns(this.inventory_GridHeaders).columns,\r\n schema: GridConfig.getGridDemoSchema(GlobalService).schema,\r\n allColumnList: GridConfig.getAllColumnList(this.inventory_GridHeaders).columns,\r\n invalidQty:true,\r\n manageInventoryGridConfig: metaDataService.getMassAddGridOptionInMetaData(),\r\n });\r\n }\r\n this.state.localKendoGrid.clearSelections(() => {\r\n this.state.localKendoGrid.repaintSelections();\r\n });\r\n }\r\n\r\n onGridEdit = (event) => {\r\n var validator = event.container.data('kendoValidator');\r\n validator.options.messages.custom = \"
\"+this.translate('Label_Greater_Allocation_Warning')+\"
\";\r\n let inputName = 'PrimaryUnitsToAdd';\r\n var that = this;\r\n var input = event.container.find(\"[name=PrimaryUnitsToAdd]\");\r\n\r\n input.keyup(function(){\r\n setTimeout(() => {\r\n if($(input).hasClass('k-invalid')){\r\n that.setState({\r\n invalidQty:true\r\n })\r\n }\r\n }, 0);\r\n input.trigger(\"change\");\r\n });\r\n validator.options.rules.custom = function (input) {\r\n if (input.is('[name=\"' + inputName + '\"]')) {\r\n if (parseFloat(input.val()) > parseFloat(event.model.Available)) {\r\n that.setState({\r\n invalidQty:true\r\n });\r\n validator.options.messages.custom = \"\"+that.translate('Label_Greater_Allocation_Warning')+\"
\";\r\n return false;\r\n }else if(parseFloat(input.val()) === 0){\r\n that.setState({\r\n invalidQty:true\r\n })\r\n validator.options.messages.custom = \"\"+that.translate('Label_Greater_Allocation_Warning_Not_Zero')+\"
\";\r\n return false;\r\n }else if(input.val() && event.model.IsOnHold){\r\n that.setState({\r\n invalidQty:true\r\n })\r\n validator.options.messages.custom = \"\"+that.translate('Label_validation_for_on_hold')+\"
\";\r\n return false;\r\n } else{\r\n that.setState({\r\n invalidQty:false\r\n });\r\n }\r\n return true;\r\n }\r\n return true;\r\n }\r\n }\r\n enableDisableAddButton = (e) => {\r\n this.setState({\r\n addBtnValidationText : this.translate('Label_You_May_Not_Add')\r\n });\r\n var field = Object.keys(e.values)[0];\r\n var newVal = e.values[field];\r\n if(!newVal){\r\n delete e.model.dirtyFields[field];\r\n if (Object.keys(e.model.dirtyFields).length === 0) {\r\n e.model.dirty = false;\r\n }\r\n }\r\n var invalidQty = true;\r\n var passing = this.state.localKendoGrid.getDirtyValues();\r\n setTimeout(() => {\r\n passing.forEach(value => {\r\n var PrimaryUnitsToAdd = parseFloat(value.PrimaryUnitsToAdd);\r\n if(PrimaryUnitsToAdd > value.Available){\r\n invalidQty = true;\r\n return true;\r\n }else{\r\n if(PrimaryUnitsToAdd){\r\n invalidQty = false;\r\n }\r\n }\r\n });\r\n this.setState({\r\n invalidQty:invalidQty\r\n });\r\n }, 0);\r\n }\r\n combineRowUsingGridData = () => {\r\n\r\n let list = _.cloneDeep(this.inventoryGridData);\r\n var groups = _.groupBy(list, function (value) {\r\n return value.SKU + '#' + value.Qualifier + '#' + value.LotNumber + '#' + value.ExpirationDate ;\r\n });\r\n\r\n var data = _.map(groups, function (group) {\r\n var Varies = false;\r\n var IsOnHoldMerge = _.uniqBy(Array.prototype.map.call(group, s => s.IsOnHold));\r\n var IsOnHold = false;\r\n if(IsOnHoldMerge.length > 1){\r\n Varies = true;\r\n IsOnHold = true;\r\n }else{\r\n IsOnHold = IsOnHoldMerge[0];\r\n }\r\n _.each(group, function (item) {\r\n item.Available = parseInt(item.Available);\r\n if(item.SecondaryAvailable){\r\n item.SecondaryAvailable = parseInt(item.SecondaryAvailable)\r\n } else{\r\n item.SecondaryAvailable = 0;\r\n }\r\n });\r\n return {\r\n Key: Array.prototype.map.call(group, s => s.Key).toString(),\r\n ItemId: group[0].ItemId,\r\n SKU: group[0].SKU,\r\n Qualifier: group[0].Qualifier,\r\n Upc: group[0].Upc,\r\n Description: group[0].Description,\r\n Description2: group[0].Description2,\r\n Received: _.sumBy(group, 'Received'),\r\n Available: _.sumBy(group, 'Available'),\r\n OnHand: _.sumBy(group, 'OnHand'),\r\n OnHold: group[0].OnHold,\r\n SecondaryReceived: _.sumBy(group, 'SecondaryReceived') ? _.sumBy(group, 'SecondaryReceived').toFixed(4) : 0,\r\n SecondaryAvailable: _.sumBy(group, 'SecondaryAvailable') ? _.sumBy(group, 'SecondaryAvailable') : 0 + ' ' + (group[0].SecondaryUom ? group[0].SecondaryUom : \"\"),\r\n PrimaryUnitType: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.PrimaryUnitType))).toString(),\r\n SecondaryUnitType: group[0].SecondaryUnitType,\r\n InventoryUnitsPerSecondaryUnit: group[0].InventoryUnitsPerSecondaryUnit,\r\n PalletLabel: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.PalletLabel))).toString(),\r\n ReceiverId: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.ReceiverId))).toString(),\r\n ReceiverReferenceNum: group[0].ReceiverReferenceNum,\r\n ReceivedDate: _.uniqBy(_.compact(Array.prototype.map.call(group, s => kendo.toString(kendo.parseDate(s.ReceivedDate), 'MMM dd yyyy, hh:mm:ss tt')))).toString(),\r\n LotNumber: group[0].LotNumber,\r\n SerialNumber: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.SerialNumber))).toString(),\r\n ExpirationDate: group[0].ExpirationDate,\r\n Cost: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.Cost))).toString(),\r\n PurchaseOrderNumber: group[0].PurchaseOrderNumber,\r\n TrailerNumber: group[0].TrailerNumber,\r\n LocationName: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.LocationName))).toString(),\r\n SupplierName: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.SupplierName))).toString(),\r\n CustomFields: group[0].CustomFields,\r\n IsOnHold: IsOnHold,\r\n Varies:Varies,\r\n WeightImperial: _.sumBy(group, 'WeightImperial'),\r\n WeightMetric: _.sumBy(group, 'WeightMetric')\r\n }\r\n\r\n });\r\n this.setState({\r\n gridData: data,\r\n totalInventory:data.length\r\n });\r\n }\r\n saveProtoAddSelectedAllMass = (event) => {\r\n var selectedItemIds = this.state.localKendoGrid.getSelections();\r\n\r\n var findItemList = [];\r\n selectedItemIds.forEach(itemId => {\r\n var itemIds = itemId.split(',');\r\n if(itemIds.length > 1){\r\n itemIds.forEach(value => {\r\n var item = this.inventoryGridData.find(function(el){\r\n return el.Key == value;\r\n });\r\n if(item && item.Available > 0){\r\n item.PrimaryUnitsToAdd = item.Available;\r\n item.PrimaryQuantity = item.PrimaryUnitsToAdd;\r\n item.ReceiveItemDetail=[{\r\n \"ReceiveItemId\": item.Key,\r\n \"Available\": item.Available\r\n }]\r\n findItemList.push(item);\r\n }\r\n })\r\n }else{\r\n\r\n var item = this.inventoryGridData.find(function(el){\r\n return el.Key == itemIds;\r\n });\r\n if(item && item.Available > 0){\r\n item.PrimaryUnitsToAdd = item.Available;\r\n item.PrimaryQuantity = item.PrimaryUnitsToAdd;\r\n item.ReceiveItemDetail=[{\r\n \"ReceiveItemId\": item.Key,\r\n \"Available\": item.Available\r\n }]\r\n findItemList.push(item);\r\n }\r\n }\r\n });\r\n this.setState({\r\n massAddAllLoading:true\r\n });\r\n this.saveMassAddData(findItemList,true);\r\n }\r\n saveProtoAddMass = (event) => {\r\n var passing = this.state.localKendoGrid.getDirtyValues();\r\n var findItemList = [];\r\n if(this.state.isCombineRow){\r\n passing.forEach(value => {\r\n var tmpIds = value.Key.split(',');\r\n var PrimaryUnitsToAdd = parseInt(value.PrimaryUnitsToAdd);\r\n // if(tmpIds.length > 1){\r\n tmpIds.forEach(id => {\r\n var item = this.inventoryGridData.find(function(el){\r\n return el.Key == id;\r\n });\r\n if(item.Available > 0 && PrimaryUnitsToAdd > 0){\r\n if(item.Available > PrimaryUnitsToAdd){\r\n item.PrimaryUnitsToAdd = PrimaryUnitsToAdd;\r\n PrimaryUnitsToAdd = 0;\r\n }else{\r\n item.PrimaryUnitsToAdd = item.Available;\r\n PrimaryUnitsToAdd = PrimaryUnitsToAdd - item.Available;\r\n }\r\n item.PrimaryQuantity = item.PrimaryUnitsToAdd;\r\n item.ReceiveItemDetail=[{\r\n \"ReceiveItemId\": item.Key,\r\n \"Available\": item.Available\r\n }]\r\n if(item.PrimaryQuantity){\r\n findItemList.push(item);\r\n }\r\n }\r\n });\r\n // }\r\n });\r\n }else{\r\n passing.forEach(value => {\r\n value.PrimaryQuantity = value.PrimaryUnitsToAdd;\r\n value.ReceiveItemDetail=[{\r\n \"ReceiveItemId\": value.Key,\r\n \"Available\": value.Available\r\n }];\r\n if(value.PrimaryQuantity){\r\n findItemList.push(value);\r\n }\r\n });\r\n }\r\n this.setState({\r\n massAddLoading:true\r\n });\r\n this.saveMassAddData(findItemList,false);\r\n }\r\n saveMassAddData = (findItemList,isAll) =>{\r\n manageOrderServices.massOrderLineItems({\r\n orderId: this.props.sharedEditAllocationData.OrderId,\r\n itemsUri: this.props.sharedEditAllocationData.OrderItemsUri,\r\n details: findItemList\r\n }).then((response) => {\r\n if (response && (response.status == 200 || response.status == 204)) {\r\n GlobalService.notification('success', this.translate('Label_Line_Item_Save_Success'));\r\n this.loadGridData();\r\n // method call to set discard button for react old order version\r\n if(this.props.onGridItemChange){\r\n this.props.onGridItemChange(true);\r\n }\r\n this.props.onResetGridAndSelection();\r\n }\r\n\r\n }).finally(() => {\r\n if(isAll){\r\n this.setState({\r\n massAddAllLoading:false\r\n });\r\n }else{\r\n this.setState({\r\n massAddLoading:false\r\n });\r\n }\r\n });\r\n }\r\n\r\n onLockedTableBindKeyEvent = (e) =>{\r\n var that = this;\r\n $(document).off('keyup', this.state.gridDomSelector()+' .k-grid-content-locked table, '+this.state.gridDomSelector()+' .k-grid-content table');\r\n $(document).on('keyup', this.state.gridDomSelector()+' .k-grid-content-locked table, '+this.state.gridDomSelector()+' .k-grid-content table', function (e) {\r\n if (e.keyCode === kendo.keys.TAB || e.keyCode === kendo.keys.ENTER) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n var grid = $(that.state.gridDomSelector()).data('kendoGrid');\r\n var current = grid.current();\r\n if (!current.hasClass(\"editable-cell\")) {\r\n var nextCell;\r\n if (e.shiftKey) {\r\n nextCell = current.prevAll(\".editable-cell\");\r\n if (!nextCell[0]) {\r\n //search the next row\r\n var prevRow = current.parent();\r\n var indexRow = $(\"tr\", $(that.state.gridDomSelector()).find('.k-grid-content tbody')).index(prevRow);\r\n var nextCell = $(\"#GridManageInventory .k-grid-content-locked tbody tr:eq(\" + indexRow + \")\").children(\".editable-cell:first\");\r\n }\r\n } else {\r\n nextCell = current.nextAll(\".editable-cell\");\r\n if (!nextCell[0]) {\r\n //search the next row\r\n var nextRow = current.parent().next();\r\n\r\n var indexRow = $(\"tr\", $(that.state.gridDomSelector()).find('.k-grid-content tbody')).index(nextRow);\r\n // var nextCell = nextRow.children(\".editable-cell:first\");\r\n var nextCell = $(\"#GridManageInventory .k-grid-content-locked tbody tr:eq(\" + indexRow + \")\").children(\".editable-cell:first\");\r\n }\r\n }\r\n grid.current(nextCell);\r\n grid.editCell(nextCell[0]);\r\n } else if (e.keyCode === kendo.keys.ENTER){\r\n var nextCell = current.nextAll(\".editable-cell\");\r\n if(!$(e.target).hasClass('k-invalid')){\r\n if (!nextCell[0]) {\r\n var nextRow = current.parent().next();\r\n var indexRow = $(\"tr\", $(that.state.gridDomSelector()).find('.k-grid-content-locked tbody')).index(nextRow);\r\n var nextCell = $(\"#GridManageInventory .k-grid-content-locked tbody tr:eq(\" + indexRow + \")\").children(\".editable-cell:first\");\r\n }\r\n grid.current(nextCell);\r\n grid.editCell(nextCell[0]);\r\n }\r\n }\r\n }\r\n });\r\n }\r\n render() {\r\n return (\r\n\r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsButton from '../../../../components/WmsButton/WmsButton.jsx';\r\nimport { StringWms } from '../../../../../../assets/ts/StringWms.ts';\r\nimport { ObjectWms } from '../../../../../../assets/ts/ObjectWms.ts';\r\nimport WmsInput from '../../../../components/WmsInput/WmsInput.jsx';\r\nimport WmsDropdown from '../../../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsDateTimePicker from '../../../../components/WmsDateTimePicker/WmsDateTimePicker.jsx';\r\nimport WmsCustomDateTimePicker from '../../../../components/WmsCustomDateTimePicker/WmsCustomDateTimePicker.jsx';\r\nimport WmsCollapse from '../../../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsModel from '../../../../components/WmsModel/WmsModel.jsx';\r\nimport WmsContainer from '../../../../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsConfirmModel from '../../../../components/WmsConfirmModel/WmsConfirmModel.jsx';\r\n\r\nimport style from './proto-mass-add.scss';\r\n\r\n//services\r\nimport * as GridConfig from './grid_configuration.jsx';\r\nimport * as GlobalService from '../../../../global_services';\r\nimport * as metaDataService from './meta-data.service.js';\r\n\r\nexport class ProtoMassAddSearch extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n this.manageInventoryGridId = \"GridManageInventory\";\r\n this.inventory_GridHeaders = StringWms.convertSringToOption(this.translate('Mass_Add_GridHeaders'));\r\n\r\n this.defaultFilter = {\r\n IndexOptionsSkuOrUpc:0,\r\n IndexOptionsQualifier:0,\r\n IndexOptionsCustomField:0,\r\n IndexOptionsSerialNumber:0,\r\n IndexOptionsSupplier:0,\r\n IndexOptionsLotNumber:0,\r\n IndexOptionsLocation:0,\r\n IndexOptionsSkuDescOrSecondaryDesc:0,\r\n IndexOptionsReceived:0,\r\n IndexOptionsAvailable:0,\r\n IndexOptionsOnHand:0,\r\n IndexOptionsSecondaryReceived:0,\r\n IndexOptionsSecondaryAvailable:0,\r\n IndexOptionsPrimaryUnitType:0,\r\n IndexOptionsSecondaryUnitType:0,\r\n IndexOptionsPallet:0,\r\n IndexOptionsTrailerContainerNumber:0,\r\n IndexOptionsCost:0,\r\n IndexOptionsReceiptRefId:0,\r\n IndexOptionsPoNumber:0\r\n };\r\n\r\n this.state = {\r\n gridDomSelector: () => this.props.windowId ? '.' + this.props.windowId + ' #' + this.manageInventoryGridId : '#' + this.manageInventoryGridId,\r\n CustomLabels: GlobalService.getCustomLabels(),\r\n searchOn: false,\r\n Selector: 'ProtoMassAdd',\r\n optionConatins: GlobalService.getFilterOptions('string'),\r\n numericOptionConatins: GlobalService.getFilterOptions('number'),\r\n booleanOption: StringWms.convertSringToOption(this.translate('Options_Bool')),\r\n optionsSearchBy: StringWms.convertSringToOption(this.translate('Options_Inventory_Date')),\r\n filter: this.defaultFilter,\r\n isExpandedCollapse: (!$.isEmptyObject(metaDataService.getMassAddCollapseMetaData()) ? metaDataService.getMassAddCollapseMetaData() : []),\r\n isOpenSaveFilterModel: false,\r\n newFilterTitle: \"\",\r\n filterNameExist: false,\r\n allColumnList: GridConfig.getAllColumnList(this.inventory_GridHeaders).columns,\r\n savedFilterList: metaDataService.getSaveMassAddFilterListMetaData(),\r\n savedFilterIndex: null,\r\n isOpenConfirmModel: false,\r\n sectionToggled: false,\r\n showTooltip: false\r\n };\r\n this.onFilterDataSet = GlobalService.debounce(this.onFilterDataSet, 700);\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.sharedInventoryFilterObj && (JSON.stringify(this.defaultFilter) != JSON.stringify(this.props.sharedInventoryFilterObj))) {\r\n this.setState({\r\n filter: this.props.sharedInventoryFilterObj,\r\n searchOn: true\r\n });\r\n }\r\n\r\n var sortable = $('#mass-add-filter-section-sortable');\r\n\r\n if(sortable.length && !sortable.hasClass('ui-sortable')){\r\n var sortData = metaDataService.getMassAddSortSectionMetaData();\r\n // set saved sort data if any in meta data\r\n if (sortData) {\r\n var pos = JSON.parse(sortData);\r\n if (pos) {\r\n $.each(pos, function (i, position) {\r\n if(position !=\"\"){\r\n var $target = sortable.find('#' + position);\r\n $target.appendTo(sortable); // or prependTo\r\n }\r\n });\r\n }\r\n }\r\n\r\n sortable.sortable({\r\n update: this.onSectionSort,\r\n cancel: \"label.icon_label,.wms-collapsible-content\",\r\n handle: \".wms-sort\",\r\n distance: 5,\r\n start: function (e, ui) {\r\n var height = ui.item.height();\r\n if (height > 100) {\r\n height = 100;\r\n }\r\n ui.placeholder.height(height);\r\n }\r\n });\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n\r\n }\r\n\r\n filterHandleChange = (event,isConvertToNum) => {\r\n let filterData = Object.assign({}, this.state.filter);\r\n let filterKey = event.target.name;\r\n let filterVal = event.target.value;\r\n if(isConvertToNum){\r\n filterVal = parseInt(filterVal);\r\n }\r\n // if (filterKey == \"StartDate\" || filterKey == \"EndDate\") {\r\n // filterVal = kendo.toString(kendo.parseDate(filterVal), \"M/d/yyyy h:mm tt\");\r\n // }\r\n\r\n if (filterVal) {\r\n filterData[filterKey] = filterVal;\r\n } else {\r\n delete filterData[filterKey];\r\n }\r\n\r\n this.setState({\r\n filter: filterData,\r\n }, () => {\r\n this.onFilterDataSet();\r\n });\r\n }\r\n\r\n onFilterDataSet = () => {\r\n let filterObj = Object.assign({}, this.state.filter);\r\n let isSearchOn = false;\r\n\r\n if ((JSON.stringify(this.defaultFilter) != JSON.stringify(filterObj))) {\r\n isSearchOn = true;\r\n }\r\n\r\n this.setState({\r\n searchOn: isSearchOn\r\n });\r\n this.props.onInventoryFilterObjChange(filterObj);\r\n }\r\n\r\n clearFilters = () => {\r\n this.setState({\r\n filter: this.defaultFilter,\r\n searchOn: false\r\n });\r\n this.props.onInventoryFilterObjChange(this.defaultFilter);\r\n }\r\n\r\n setCollapseMetaData = (collapseId) => (isExpanded) => {\r\n metaDataService.setMassAddCollapseMetaData(collapseId, isExpanded);\r\n }\r\n\r\n onSectionSort = () => {\r\n var sortArray = JSON.stringify($('#mass-add-filter-section-sortable').sortable(\"toArray\"));\r\n metaDataService.setMassAddSortSectionMetaData(sortArray);\r\n }\r\n\r\n onOpenSaveFilterModel = () => {\r\n this.setState({\r\n isOpenSaveFilterModel: true,\r\n newFilterTitle: \"\",\r\n filterNameExist: false\r\n });\r\n }\r\n exitSaveFilterModel = () => {\r\n this.setState({\r\n isOpenSaveFilterModel: false\r\n });\r\n }\r\n onSaveFilter = (indexForUpdate = null) => {\r\n let filterObj = Object.assign({}, this.state.filter);\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n var filterArray = grid.dataSource.filter() ? grid.dataSource.filter() : [];\r\n var gridColumn = grid.getOptions().columns;\r\n var finalSubmission = GlobalService.prepareGridOptionsForStorage(gridColumn, sortArray, filterArray);\r\n\r\n if (indexForUpdate != null) {\r\n metaDataService.updateMassAddFilterMetaData(indexForUpdate, filterObj, finalSubmission);\r\n GlobalService.notification('success',this.translate('Order_Filter_Update_success'));\r\n } else {\r\n if (!this.state.filterNameExist) {\r\n metaDataService.saveMassAddFilterMetaData(this.state.newFilterTitle, filterObj, finalSubmission);\r\n this.exitSaveFilterModel();\r\n }\r\n }\r\n }\r\n\r\n handleFilterTitleChange = (e) => {\r\n let value = e.target.value;\r\n if (value.Description == '') {\r\n value = '';\r\n }\r\n\r\n var nameExists = false;\r\n // check dublicate title for case sensitive\r\n var exists = this.state.savedFilterList.findIndex(function (item) {\r\n return value.toLowerCase() === item.title.toLowerCase();\r\n });\r\n if (exists != -1) {\r\n nameExists = true;\r\n }\r\n this.setState({\r\n newFilterTitle: value,\r\n filterNameExist: nameExists\r\n });\r\n }\r\n\r\n onClearSaveFilter = (index) => {\r\n this.setState({\r\n isOpenConfirmModel: true,\r\n savedFilterIndex: index\r\n });\r\n }\r\n onYesRemoveSavedFilter = () => {\r\n metaDataService.clearSaveMassAddFilterListMetaData(this.state.savedFilterIndex);\r\n this.setState({\r\n isOpenConfirmModel: false,\r\n savedFilterList: metaDataService.getSaveMassAddFilterListMetaData()\r\n });\r\n }\r\n ClickExit = () => {\r\n this.setState({\r\n isOpenConfirmModel: false\r\n });\r\n }\r\n\r\n onUseSaveFilter = (index) => {\r\n var objFilter = Object.assign({}, this.state.savedFilterList[index]);\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var gridConfig = JSON.parse(objFilter.columnData, JSON.dateParser);\r\n var tempObject = \"\";\r\n\r\n if (gridConfig.columns) {\r\n var fieldArray = gridConfig.columns.map(el => el.field);\r\n var updateColumn = [];\r\n this.state.allColumnList.filter((column) => {\r\n if (fieldArray.indexOf(column.field) !== -1) {\r\n updateColumn.push(column);\r\n }\r\n });\r\n tempObject = ObjectWms.alignIndexesByProperty(gridConfig.columns, updateColumn, \"field\");\r\n } else {\r\n tempObject = ObjectWms.alignIndexesByProperty(gridConfig.columns, this.props.defaultColumns, \"field\");\r\n }\r\n grid.setOptions({\r\n columns: tempObject\r\n });\r\n grid.dataSource.sort(gridConfig.sorts);\r\n grid.dataSource.filter(gridConfig.filters);\r\n\r\n this.setState({\r\n filter: objFilter.filterData\r\n }, () => {\r\n this.onFilterDataSet();\r\n });\r\n }\r\n\r\n onClickSectionHandle = () => {\r\n this.setState(\r\n {\r\n sectionToggled: true\r\n },\r\n this.props.onClickForFilterToggle\r\n );\r\n };\r\n\r\n showFilterTooltip = () => {\r\n this.setState({ showTooltip: true });\r\n }\r\n hideFilterTooltip = () => {\r\n this.setState({ showTooltip: false });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n\r\n\r\n\r\n {this.state.isOpenColumnModel && (\r\n \r\n \r\n \r\n {this.translate('Label_warning_for_total_weight_and_volume_add_edit')}\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}","\r\nimport React from 'react';\r\nimport { ProtoMassAddGrid } from './proto-mass-add-grid.component.jsx';\r\nimport { ProtoMassAddSearch } from './proto-mass-add-search.component.jsx';\r\n\r\nimport style from './proto-mass-add.scss';\r\n\r\nimport * as GlobalService from '../../../../global_services';\r\nimport * as metaDataService from './meta-data.service.js';\r\n\r\nexport class ProtoMassAddHolder extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n Selector: \"ProtoMassAdd\",\r\n windowId: 'proto-mass-add',\r\n customLabels: GlobalService.getCustomLabels(),\r\n sharedInventoryFilterObj: null,\r\n loadConfig: false,\r\n sharedFilterAreaToggle: false\r\n }\r\n }\r\n\r\n async componentDidMount() {\r\n\r\n kendo.ui.progress($('#proto-mass-add'), true);\r\n $('#proto-mass-add-holder-react').closest('.k-window-content').css( \"padding\", \"0\" );\r\n\r\n await metaDataService.getUserClientMetaData();\r\n\r\n // var filterData = metaDataService.getMassAddFilterMetaData();\r\n\r\n this.setState({\r\n // sharedInventoryFilterObj: filterData,\r\n loadConfig:true\r\n });\r\n\r\n }\r\n\r\n componentWillUnmount(){\r\n $('#proto-mass-add-holder-react').closest('.k-window-content').css( \"padding\", \"26\" );\r\n }\r\n\r\n onInventoryFilterObjChange = (param_inventoryFilterObj) => {\r\n this.setState({\r\n sharedInventoryFilterObj: Object.assign({}, param_inventoryFilterObj)\r\n }, () => {\r\n // metaDataService.setMassAddFilterMetaData(param_inventoryFilterObj);\r\n this.gridComponent.loadGridData();\r\n });\r\n }\r\n\r\n onRefreshGrid = () => {\r\n this.gridComponent.loadGridData();\r\n }\r\n\r\n clickForFilterToggle = () => {\r\n this.setState({\r\n filterAreaToggle: !this.state.filterAreaToggle\r\n });\r\n this.resizeWindow();\r\n }\r\n\r\n resizeWindow =() =>{\r\n $(window).trigger('resize');\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n search filters\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {this.state.searchOn == true &&\r\n
\r\n\r\n {this.translate('Label_NOTE')}:
\r\n }\r\n \r\n
\r\n\r\n \r\n {this.state.savedFilterList.length !== 0 && (\r\n \r\n \r\n )}\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n this.filterHandleChange(e,true)}\r\n label={this.translate('Label_First_Trans')} />\r\n this.filterHandleChange(e,true)}\r\n label={this.translate('Label_Last_Trans')} />\r\n \r\n\r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n - \r\n {this.state.savedFilterList.map((data, index) => (\r\n
- \r\n {data.title}\r\n this.onClearSaveFilter(index)}>\r\n\r\n \r\n\r\n \r\n ))}\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n this.filterHandleChange(e,true)}\r\n options={this.state.numericOptionConatins}\r\n valueField='value'\r\n textField='description'\r\n parentClassName=\"select_box\"\r\n />\r\n
\r\n \r\n this.filterHandleChange(e,true)}\r\n options={this.state.numericOptionConatins}\r\n valueField='value'\r\n textField='description'\r\n parentClassName=\"select_box\"\r\n />\r\n
\r\n \r\n this.filterHandleChange(e,true)}\r\n options={this.state.numericOptionConatins}\r\n valueField='value'\r\n textField='description'\r\n parentClassName=\"select_box\"\r\n />\r\n
\r\n \r\n this.filterHandleChange(e,true)}\r\n options={this.state.numericOptionConatins}\r\n valueField='value'\r\n textField='description'\r\n parentClassName=\"select_box\"\r\n />\r\n
\r\n \r\n this.filterHandleChange(e,true)}\r\n options={this.state.numericOptionConatins}\r\n valueField='value'\r\n textField='description'\r\n parentClassName=\"select_box\"\r\n />\r\n
\r\n \r\n {this.state.isOpenSaveFilterModel && (\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n this.onSaveFilter()}\r\n disabled={this.state.newFilterTitle == '' || this.state.filterNameExist}\r\n icon={'fa-plus'}\r\n showToolTip={this.state.filterNameExist}\r\n tooltipText={this.translate('Label_Filter_Name_Exist_Message')}\r\n />\r\n
\r\n \r\n \r\n )}\r\n \r\n {this.state.loadConfig && (\r\n { this.gridComponent = instance; }}\r\n windowId={this.state.windowId}\r\n sharedInventoryFilterObj={this.state.sharedInventoryFilterObj}\r\n onResetGridAndSelection={this.props.onResetGridAndSelection}\r\n onGridItemChange={this.props.onGridItemChange}\r\n />\r\n )}\r\n
\r\n )\r\n\r\n }\r\n}","import React from 'react';\r\n\r\nimport WmsButton from '../../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsModel from '../../../../components/WmsModel/WmsModel.jsx';\r\nimport { ProtoMassAddHolder } from './proto-mass-add-holder.component.jsx';\r\nimport './proto-mass-add.component.scss';\r\nvar axios = require('axios');\r\nexport class ProtoMassAddModel extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n isOpenLadingModel: props.isOpenLadingModel,\r\n Selector:\"protoMassAdd\"\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.isOpenLadingModel && !this.state.isOpenLadingModel) {\r\n this.setState({\r\n isOpenLadingModel: true\r\n });\r\n }\r\n }\r\n componentDidMount() {\r\n\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n}","var axios = require('axios');\r\nimport * as GlobalService from '../../../../global_services';\r\n\r\nexport const SkuInfo = function (param_customerid, param_item_id) {\r\n return axios.get('/WebUI/Shipping/Orders/SkuInfo?customerId='+param_customerid+\"&itemId=\"+param_item_id).then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const addLineItem = function (params) {\r\n return axios.post('/WebUI/Shipping/Orders/OrderItem',params).then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const editLineItem = function (params) {\r\n return axios.put('/WebUI/Shipping/Orders/OrderItem',params).then(function (response) {\r\n return response;\r\n });\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsModel from '../../../../components/WmsModel/WmsModel.jsx';\r\nimport WmsCollapse from '../../../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsButton from '../../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsInput from '../../../../components/WmsInput/WmsInput.jsx';\r\nimport WmsDropdown from '../../../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsDropdownList from '../../../../components/WmsDropdownList/WmsDropdownList.jsx';\r\nimport WmsComboBox from '../../../../components/WmsComboBox/WmsComboBox.jsx';\r\nimport { ArrayWms } from '../../../../../../assets/ts/ArrayWms.ts';\r\nimport { StringWms } from '../../../../../../assets/ts/StringWms.ts';\r\nimport { ObjectWms } from '../../../../../../assets/ts/ObjectWms.ts';\r\n\r\nimport style from './add-edit-line-item.scss';\r\n\r\nimport * as addEditLineItemServices from './add-edit-line-item.services.jsx';\r\nimport * as GlobalService from '../../../../global_services';\r\nvar axios = require('axios');\r\nexport class AddEditLineItemModal extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n this.isCalcForWeight = true;\r\n this.defaultItemSummary = {\r\n \"ItemId\": '',\r\n \"Sku\": null,\r\n \"Qualifier\": null,\r\n \"LotNumber\": null,\r\n \"SerialNumber\": null,\r\n \"ExpirationDate\": null,\r\n \"Notes\": null,\r\n \"FulfillInvSalePrice\": 0,\r\n \"FulfillInvDiscountPct\": 0,\r\n \"FulfillInvDiscountAmt\": 0,\r\n \"FulfillInvLineTotal\": '',\r\n \"FulfillInvLineDiscountTotal\": 0,\r\n \"FulfillInvNote\": null,\r\n \"Qty\": 0,\r\n \"PrimaryUnits\": null,\r\n \"SecondaryQty\": 0,\r\n \"SecondaryUnits\": null,\r\n \"IsPrimaryEstimate\": \"False\",\r\n \"IsSecondaryEstimate\": \"False\",\r\n \"FullyAllocated\": \"True\",\r\n \"CatchWeight\": null,\r\n \"Volume\": 0,\r\n \"AvailableQty\": 0,\r\n \"ItemDescription\": null,\r\n \"SavedElements\": [],\r\n \"ProposedAllocations\": []\r\n };\r\n\r\n // Calculating height for modal\r\n\r\n let rightsArray = GlobalService.GetRights()\r\n let height = 720;\r\n if (!props.sharedSelectedCustomer.options.flexFields) {\r\n height = 460;\r\n }\r\n if (!(rightsArray.hasOwnProperty('Shipping.FulfillInvEnabled') && props.sharedSelectedCustomer.options.fulfillmentInvoicing == 1)) {\r\n height = height - 40;\r\n }\r\n\r\n this.state = {\r\n selector: \"AddlineItem\",\r\n Rights: rightsArray,\r\n customLabels: GlobalService.getCustomLabels(),\r\n itemSummary: props.sharedSelectedItemObj ? JSON.parse(JSON.stringify(props.sharedSelectedItemObj)) : this.defaultItemSummary,\r\n selectedSkuDropDown: { Id: 0 },\r\n showQualifier: false,\r\n labelSecondaryRec: \"\",\r\n labelPrimaryRec: \"\",\r\n modalFlowType: (props.sharedSelectedItemObj) ? \"edit\" : \"create\",\r\n lineItemSavedElementsData: (props.sharedSelectedItemObj) ?\r\n Object.assign([], props.sharedSelectedItemObj.SavedElements) :\r\n JSON.parse(JSON.stringify(props.sharedOptions.OrderLineItemPredefinedOnlySE))\r\n ,\r\n isSavedElementsDuplicatedValue: false,\r\n lineItemsRequiredFieldsValid: false,\r\n saveLineItemGrif: false,\r\n qualSummariesOptions: [],\r\n PrimaryUnitsPerSecondaryUnit:0,\r\n InventoryUnitsPerUnit:0,\r\n isAliasSku:false,\r\n currentMeasurementStandardIsImperial:GlobalService.getMeasurementStandardFlag(this.props.sharedSelectedFacility),\r\n height: height,\r\n isSkuImageZoome:false,\r\n imageSrc:\"assets/images/no-image.jpg\",\r\n imgLoading:false,\r\n currentCatchWeight: 0\r\n }\r\n }\r\n componentDidMount() {\r\n\r\n if (this.state.modalFlowType == \"edit\") {\r\n this.isCalcForWeight = false;\r\n this.getSkuInfo(this.state.itemSummary.ItemId);\r\n // set required validation from OrderLineItemPredefinedOnlySE\r\n var OrderLineItemPredefinedOnlySE = _.cloneDeep(this.props.sharedOptions.OrderLineItemPredefinedOnlySE);\r\n var savedElementsData = _.cloneDeep(this.state.lineItemSavedElementsData);\r\n var savedElementArr = [];\r\n if(savedElementsData.length == 0){\r\n savedElementArr = OrderLineItemPredefinedOnlySE;\r\n }else {\r\n savedElementArr = _.unionBy(savedElementsData, OrderLineItemPredefinedOnlySE, \"Name\");\r\n savedElementArr.filter((element) => {\r\n var indexArr = _.keys(_.pickBy(OrderLineItemPredefinedOnlySE, {Name: element.Name}));\r\n if(indexArr.length != 0 && OrderLineItemPredefinedOnlySE[indexArr[0]].Required){\r\n element.Required = true;\r\n }\r\n });\r\n }\r\n this.setState({lineItemSavedElementsData:savedElementArr})\r\n }\r\n\r\n if (typeof this.props.sharedOptions.OrderLineItemPredefinedOnlySE != 'undefined') {\r\n\r\n this.checkForSavedElementesRequired();\r\n }\r\n\r\n }\r\n\r\n checkForSavedElementesRequired = () => {\r\n let lineItemSavedElement = (\r\n (this.state.modalFlowType == 'create') ? this.props.sharedOptions.OrderLineItemPredefinedOnlySE :\r\n this.state.itemSummary.SavedElements);\r\n\r\n let lineItemsRequiredFieldsValid = false;\r\n\r\n if (!ArrayWms.isEmpty(lineItemSavedElement)) {\r\n for (var i = 0; i < lineItemSavedElement.length; i++) {\r\n if (lineItemSavedElement[i].Required == true && StringWms.isEmpty(lineItemSavedElement[i].Value)) {\r\n lineItemsRequiredFieldsValid = true;\r\n break;\r\n }\r\n }\r\n }\r\n\r\n this.setState({\r\n lineItemsRequiredFieldsValid: lineItemsRequiredFieldsValid,\r\n showTplSavedElements: (\r\n this.props.sharedOptions.ThreePlSettings != null &&\r\n this.props.sharedOptions.ThreePlSettings.OtherUserFeatures != null\r\n ) ?\r\n this.props.sharedOptions.ThreePlSettings.OtherUserFeatures.SavedElementsEnabled :\r\n false,\r\n });\r\n }\r\n\r\n getSkuInfo = (e) => {\r\n var tempItemId = e;\r\n let itemSummaryObj = Object.assign({}, this.state.itemSummary);\r\n\r\n if (e.target) {\r\n tempItemId = e.target.value.Id;\r\n if (e.target.value.Id < 0 || e.target.value.Id == \"\") {\r\n itemSummaryObj.ItemId = e.target.value.Id;\r\n itemSummaryObj.Sku = e.target.value.Sku;\r\n this.setState({\r\n itemSummary: Object.assign(\r\n {},\r\n this.state.itemSummary,\r\n itemSummaryObj\r\n ),\r\n selectedSkuDropDown: e.target.value,\r\n isAliasSku: true,\r\n showQualifier: false,\r\n imageSrc: \"\"\r\n },this.nextFocusAfterSkuSelect);\r\n return;\r\n }\r\n }\r\n kendo.ui.progress($('#addEditLineItemModal'), true);\r\n addEditLineItemServices.SkuInfo(this.props.sharedSelectedCustomer.id, tempItemId).then((response) => {\r\n if (response && response.status == 200) {\r\n response.data.Id = response.data.ItemId;\r\n this.handleSkuChange(response.data);\r\n if(response.data._links && response.data._links[0].Href){\r\n this.setState({\r\n imgLoading:true,\r\n imageSrc:\"/WebUI/Shipping/Orders/ItemImage?itemUri=\"+response.data._links[0].Href\r\n });\r\n }\r\n }\r\n }).finally(() => {\r\n kendo.ui.progress($('#addEditLineItemModal'), false);\r\n });\r\n }\r\n handleSkuChange = (skuValue) => {\r\n this.setState({\r\n showQualifier:false\r\n }); // hack for issue of break code when qualifier options changes\r\n let showQualifier = false;\r\n let itemSummaryObj = Object.assign({}, this.state.itemSummary);\r\n let PrimaryUnitsPerSecondaryUnit = 0;\r\n let InventoryUnitsPerUnit = 0;\r\n let currentCatchWeight = 0;\r\n let currentVolume = 0;\r\n\r\n if(skuValue.Options && skuValue.Options.PackageUnit){\r\n if(this.state.currentMeasurementStandardIsImperial && skuValue.Options.PackageUnit.Imperial){\r\n let imperial = skuValue.Options.PackageUnit.Imperial;\r\n currentCatchWeight = imperial.Weight;\r\n currentVolume = (imperial.Length ? imperial.Length : 0) * (imperial.Height ? imperial.Height : 0) * (imperial.Width ? imperial.Width : 0);\r\n }\r\n if(!this.state.currentMeasurementStandardIsImperial && skuValue.Options.PackageUnit.Metric){\r\n let metric = skuValue.Options.PackageUnit.Metric;\r\n currentCatchWeight = metric.Weight;\r\n currentVolume = (metric.Length ? metric.Length : 0) * (metric.Height ? metric.Height : 0) * (metric.Width ? metric.Width : 0);\r\n }\r\n InventoryUnitsPerUnit = skuValue.Options.PackageUnit.InventoryUnitsPerUnit;\r\n } \r\n\r\n if (this.state.modalFlowType == 'create') {\r\n // itemSummaryObj = Object.assign({}, skuValue);\r\n itemSummaryObj.ItemId = skuValue.ItemId;\r\n itemSummaryObj.Sku = skuValue.Sku;\r\n itemSummaryObj.ItemDescription = skuValue.Description;\r\n itemSummaryObj.FulfillInvSalePrice = skuValue.Price;\r\n itemSummaryObj.Qualifier = \"\";\r\n itemSummaryObj.SecondaryQty = null;\r\n itemSummaryObj.PrimaryUnits = null;\r\n itemSummaryObj.SecondaryUnits = null;\r\n itemSummaryObj.CatchWeight = null;\r\n itemSummaryObj.Volume = null;\r\n\r\n if (skuValue.Options && skuValue.Options.InventoryUnit) {\r\n itemSummaryObj.PrimaryUnits = skuValue.Options.InventoryUnit.UnitIdentifier.Name;\r\n }\r\n if (skuValue.Options && skuValue.Options.SecondaryUnit) {\r\n itemSummaryObj.SecondaryUnits = skuValue.Options.SecondaryUnit.UnitIdentifier.Name;\r\n }\r\n // Pending: line total on sku change also\r\n itemSummaryObj.FulfillInvLineTotal = this.lineItemTotalMath(itemSummaryObj);\r\n // Pending: get data of weight and volumne\r\n // Pending: PrimaryIsIntegral flag set using sku read\r\n itemSummaryObj.Volume = currentVolume;\r\n }\r\n itemSummaryObj.FulfillInvSalePrice = itemSummaryObj.FulfillInvSalePrice ? itemSummaryObj.FulfillInvSalePrice.toFixed(2) : itemSummaryObj.FulfillInvSalePrice;\r\n currentCatchWeight = currentCatchWeight ? currentCatchWeight.toFixed(4) : currentCatchWeight;\r\n if (this.isCalcForWeight) {\r\n //--- When coming for editing we don't need to calculate it, so preventing it for one time by making it false in componentDidMount\r\n itemSummaryObj.CatchWeight = this.calcForWeight(itemSummaryObj, currentCatchWeight, InventoryUnitsPerUnit);\r\n }\r\n this.isCalcForWeight = true;\r\n\r\n itemSummaryObj.Volume = itemSummaryObj.Volume ? itemSummaryObj.Volume.toFixed(4) : itemSummaryObj.Volume;\r\n itemSummaryObj.Cost = skuValue.Cost;\r\n if (skuValue.Options && skuValue.Options.SecondaryUnit) {\r\n PrimaryUnitsPerSecondaryUnit = skuValue.Options.SecondaryUnit.InventoryUnitsPerUnit;\r\n }\r\n\r\n /**For set hide/show ,options and value set of qualifiers start */\r\n\r\n if (skuValue.Qualifiers != null &&\r\n skuValue.Qualifiers.length == 1 &&\r\n skuValue.Qualifiers[0].Qailifier == \"\"\r\n ) {\r\n itemSummaryObj.Qualifier = skuValue.Qualifiers[0].Qailifier;\r\n }\r\n \r\n if (skuValue.Id > 0 &&\r\n ObjectWms.doesKeyContainValidValue(skuValue.Qualifiers, \"Qualifier\")\r\n ) {\r\n showQualifier = true;\r\n if (this.state.modalFlowType == 'create')\r\n itemSummaryObj.Qualifier = skuValue.Qualifiers[0].Qualifier;\r\n }\r\n\r\n /**For set hide/show ,options and value set of qualifiers end */\r\n\r\n this.setState({\r\n selectedSkuDropDown: skuValue,\r\n showQualifier: showQualifier,\r\n itemSummary: Object.assign(\r\n {},\r\n this.state.itemSummary,\r\n itemSummaryObj\r\n ),\r\n qualSummariesOptions: skuValue.Qualifiers ? skuValue.Qualifiers : [],\r\n PrimaryUnitsPerSecondaryUnit: PrimaryUnitsPerSecondaryUnit,\r\n InventoryUnitsPerUnit: InventoryUnitsPerUnit,\r\n isAliasSku: false,\r\n currentCatchWeight:currentCatchWeight\r\n },this.nextFocusAfterSkuSelect);\r\n }\r\n // Focus next element after sku select\r\n nextFocusAfterSkuSelect = () => {\r\n if (this.state.showQualifier) {\r\n $(\"#QualifierDropDown\").data(\"kendoDropDownList\").focus();\r\n } else {\r\n $(\"#Qty\").focus();\r\n }\r\n }\r\n\r\n handleChangeQualifiers = (event) => {\r\n let value = event.target.value;\r\n this.setState({\r\n itemSummary: Object.assign(\r\n {},\r\n this.state.itemSummary,\r\n {\r\n Qualifier: value,\r\n }\r\n ),\r\n });\r\n }\r\n\r\n handleQtyChange = (event) => {\r\n\r\n var secondaryRec = \"\";\r\n var primaryRec = \"\";\r\n let value = event.target.value;\r\n var qty = (event.target.name == \"Qty\") ? value : this.state.itemSummary.Qty;\r\n var SecondaryQty = (event.target.name == \"SecondaryQty\") ? value : this.state.itemSummary.SecondaryQty;\r\n var tmpItemSummary = Object.assign({}, this.state.itemSummary);\r\n if (qty) {\r\n secondaryRec = qty / this.state.PrimaryUnitsPerSecondaryUnit;\r\n // if (secondaryRec % 1 != 0 && this.state.itemSummary.SecondaryIsIntegral) {\r\n if (secondaryRec % 1 != 0 && GlobalService.getIsIntegeralFlagByType(this.state.itemSummary.SecondaryUnits)) {\r\n secondaryRec = Math.ceil(secondaryRec);\r\n }\r\n }\r\n\r\n if (SecondaryQty) {\r\n primaryRec = SecondaryQty * this.state.PrimaryUnitsPerSecondaryUnit;\r\n // if (primaryRec % 1 != 0 && this.state.itemSummary.PrimaryIsIntegral) {\r\n if (primaryRec % 1 != 0 && GlobalService.getIsIntegeralFlagByType(this.state.itemSummary.PrimaryUnits)) {\r\n primaryRec = Math.ceil(primaryRec);;\r\n }\r\n }\r\n\r\n tmpItemSummary[event.target.name] = value;\r\n var passObj = Object.assign({}, tmpItemSummary);\r\n if (event.target.name == \"Qty\") {\r\n if (!passObj.Qty) {\r\n passObj.Qty = primaryRec;\r\n }\r\n tmpItemSummary.FulfillInvLineTotal = this.lineItemTotalMath(passObj);\r\n }\r\n if (event.target.name == \"SecondaryQty\") {\r\n if (!this.state.itemSummary.Qty) {\r\n passObj.Qty = primaryRec;\r\n }\r\n tmpItemSummary.FulfillInvLineTotal = this.lineItemTotalMath(passObj);\r\n }\r\n // Calculation for Weight\r\n tmpItemSummary.CatchWeight = this.calcForWeight(passObj, this.state.currentCatchWeight, this.state.InventoryUnitsPerUnit);\r\n this.setState({\r\n labelPrimaryRec: primaryRec,\r\n labelSecondaryRec: secondaryRec,\r\n itemSummary: tmpItemSummary\r\n });\r\n\r\n }\r\n calcForWeight = (param_itemobj, currentCatchWeight, InventoryUnitsPerUnit) => {\r\n console.log(\"calcForWeight: \", param_itemobj.Qty, currentCatchWeight, InventoryUnitsPerUnit);\r\n var weight = param_itemobj.Qty * (currentCatchWeight / InventoryUnitsPerUnit);\r\n return (weight ? weight.toFixed(4) : 0.0000);\r\n }\r\n lineItemTotalMath = (param_itemobj) => {\r\n var lineTotal = parseFloat(param_itemobj.Qty) * parseFloat(param_itemobj.FulfillInvSalePrice);\r\n if (param_itemobj.FulfillInvDiscountAmt) {\r\n lineTotal = lineTotal - parseFloat(param_itemobj.FulfillInvDiscountAmt);\r\n } else if (param_itemobj.FulfillInvDiscountPct) {\r\n lineTotal = (lineTotal - ((lineTotal * parseFloat(param_itemobj.FulfillInvDiscountPct)) / 100));\r\n }\r\n if(!lineTotal) {\r\n return \"0.00\";\r\n }\r\n return lineTotal.toFixed(2);\r\n }\r\n\r\n handleItemObjChange = (event) => {\r\n let tmpItemSummary = Object.assign({}, this.state.itemSummary);\r\n tmpItemSummary[event.target.name] = event.target.value;\r\n if (event.target.name == 'FulfillInvDiscountAmt') {\r\n let lineItemTotalTemp = parseFloat(tmpItemSummary.Qty) * parseFloat(tmpItemSummary.FulfillInvSalePrice);\r\n if(\r\n !tmpItemSummary.FulfillInvDiscountAmt ||\r\n // parseInt(tmpItemSummary.FulfillInvDiscountAmt) <= parseInt(tmpItemSummary.FulfillInvSalePrice)\r\n parseFloat(tmpItemSummary.FulfillInvDiscountAmt) <= parseFloat(lineItemTotalTemp)\r\n ){\r\n tmpItemSummary.FulfillInvDiscountPct = null;\r\n tmpItemSummary.FulfillInvLineTotal = this.lineItemTotalMath(tmpItemSummary);\r\n }else{\r\n tmpItemSummary.FulfillInvDiscountAmt = this.state.itemSummary.FulfillInvDiscountAmt;\r\n }\r\n } else if (event.target.name == 'FulfillInvDiscountPct') {\r\n if(tmpItemSummary.FulfillInvDiscountPct > 100){\r\n tmpItemSummary.FulfillInvDiscountPct = this.state.itemSummary.FulfillInvDiscountPct;\r\n }\r\n tmpItemSummary.FulfillInvDiscountAmt = null;\r\n tmpItemSummary.FulfillInvLineTotal = this.lineItemTotalMath(tmpItemSummary);\r\n } else if (event.target.name == \"FulfillInvSalePrice\" && event.target.value && tmpItemSummary.Qty) {\r\n tmpItemSummary.FulfillInvLineTotal = this.lineItemTotalMath(tmpItemSummary);\r\n }\r\n this.setState({\r\n itemSummary: tmpItemSummary\r\n });\r\n }\r\n\r\n handleSavedElementChange = (param_index) => (e) => {\r\n let savedElement = Object.assign([], this.state.lineItemSavedElementsData);\r\n savedElement[param_index][e.target.name] = e.target.value;\r\n let tmpIsDuplucatedValue = false;\r\n let lineItemsRequiredFieldsValid = false;\r\n\r\n _.map(savedElement, function (item) {\r\n if (_.filter(savedElement, { Name: item.Name }).length > 1 && item.Name) {\r\n tmpIsDuplucatedValue = true;\r\n }\r\n if (item.Required && !item.Value) {\r\n lineItemsRequiredFieldsValid = true;\r\n }\r\n });\r\n\r\n this.setState({\r\n lineItemSavedElementsData: savedElement,\r\n isSavedElementsDuplicatedValue: tmpIsDuplucatedValue,\r\n lineItemsRequiredFieldsValid: lineItemsRequiredFieldsValid\r\n });\r\n }\r\n manageSavedElement = (param_index) => (e) => {\r\n let savedElement = this.state.lineItemSavedElementsData;\r\n let tmpIsDuplucatedValue = false;\r\n\r\n if (typeof param_index != 'undefined') {\r\n savedElement.splice(param_index, 1);\r\n _.map(savedElement, function (item) {\r\n if (_.filter(savedElement, { Name: item.Name }).length > 1 && item.Name) {\r\n tmpIsDuplucatedValue = true;\r\n }\r\n });\r\n } else {\r\n savedElement.push({\r\n Name: \"\",\r\n Required: false,\r\n Value: null\r\n });\r\n tmpIsDuplucatedValue = this.state.isSavedElementsDuplicatedValue;\r\n }\r\n this.setState({\r\n lineItemSavedElementsData: savedElement,\r\n isSavedElementsDuplicatedValue: tmpIsDuplucatedValue\r\n });\r\n }\r\n // Focus next element after sku select\r\n nextFocusAfterCarrierSelect = () => {\r\n $(\"#Qty\").focus();\r\n }\r\n\r\n orderItemsGridInsert = () => {\r\n this.setState({\r\n saveLineItemGrif: true,\r\n });\r\n\r\n var tmpItemSummaryObj = Object.assign({}, this.state.itemSummary);\r\n var qty = this.state.itemSummary.Qty;\r\n var SecondaryQty = this.state.itemSummary.SecondaryQty;\r\n if (this.state.PrimaryUnitsPerSecondaryUnit) {\r\n if (this.state.itemSummary.Qty) {\r\n qty = this.state.itemSummary.Qty;\r\n } else {\r\n qty = this.state.itemSummary.SecondaryQty * this.state.PrimaryUnitsPerSecondaryUnit;\r\n if (qty % 1 != 0 && GlobalService.getIsIntegeralFlagByType(this.state.itemSummary.PrimaryUnits)) {\r\n qty = Math.ceil(qty);;\r\n }\r\n }\r\n if (this.state.itemSummary.SecondaryQty) {\r\n SecondaryQty = this.state.itemSummary.SecondaryQty;\r\n } else {\r\n SecondaryQty = this.state.itemSummary.Qty / this.state.PrimaryUnitsPerSecondaryUnit;\r\n if (SecondaryQty % 1 != 0 && GlobalService.getIsIntegeralFlagByType(this.state.itemSummary.SecondaryUnits)) {\r\n SecondaryQty = Math.ceil(SecondaryQty);;\r\n }\r\n }\r\n }\r\n tmpItemSummaryObj.Qty = qty;\r\n tmpItemSummaryObj.SecondaryQty = SecondaryQty;\r\n tmpItemSummaryObj.Qualifier = this.state.itemSummary.Qualifier;\r\n\r\n var savedElements = Object.assign([],this.state.lineItemSavedElementsData);\r\n // Remove if name anf value is blank\r\n _.remove(savedElements, function(n) {\r\n return (!n.Name || !n.Value);\r\n });\r\n tmpItemSummaryObj.SavedElements = savedElements;\r\n var params = {\r\n orderId: this.props.shareOrderData.OrderId,\r\n inventorySummaryUri: this.props.shareOrderData.InventorySummariesUri,\r\n }\r\n kendo.ui.progress($('.' + this.props.windowId + \"#OrderItemsGrid\"), true);\r\n if (this.state.modalFlowType == \"edit\") {\r\n delete tmpItemSummaryObj.FullfillInvTotalAfterDiscount;\r\n delete tmpItemSummaryObj.FullfillInvTotalPrice;\r\n delete tmpItemSummaryObj.OriginalQty;\r\n params.itemToUpdate = tmpItemSummaryObj;\r\n addEditLineItemServices.editLineItem(params).then((response) => {\r\n this.setState({ saveLineItemGrif: false });\r\n if (response != 'undefined' && (response.status == 200 || response.status == 204)) {\r\n this.afterAddEditLineItem();\r\n this.props.onGridItemChange();\r\n }\r\n }).finally(() => {\r\n this.setState({ saveLineItemGrif: false });\r\n });\r\n } else {\r\n params.itemToAdd = tmpItemSummaryObj;\r\n addEditLineItemServices.addLineItem(params).then((response) => {\r\n this.setState({ saveLineItemGrif: false });\r\n if (response != 'undefined' && (response.status == 200 || response.status == 204)) {\r\n this.afterAddEditLineItem();\r\n this.props.onGridItemChange();\r\n }\r\n }).finally(() => {\r\n this.setState({ saveLineItemGrif: false });\r\n });\r\n }\r\n }\r\n afterAddEditLineItem = () => {\r\n var grid = $('.' + this.props.windowId + ' #OrderItemsGrid').data('kendoGrid');\r\n var dataSource = grid.dataSource;\r\n dataSource.read();\r\n grid.refresh();\r\n let isFullyAllocated = true;\r\n this.setState({\r\n selectedLineItemsCount: 0,\r\n itemSummary: Object.assign(\r\n {},\r\n this.state.itemSummary,\r\n {\r\n Qty: null,\r\n SecondaryQty: null,\r\n PrimaryUnits: null,\r\n SecondaryUnits: null\r\n }\r\n ),\r\n selectedSkuDropDown: {\r\n Id: 0\r\n },\r\n });\r\n\r\n this.props.onResetGridAndSelection();\r\n\r\n var gridData = grid.dataSource.data();\r\n var allocatedSkuList = \"\";\r\n for (var i = 0; i < gridData.length; i++) {\r\n if (gridData[i].FullyAllocated == false) {\r\n isFullyAllocated = false;\r\n allocatedSkuList += \"\" + gridData[i].Sku + \"
\";\r\n }\r\n }\r\n this.props.onItemAllocationChanged({\r\n 'isFullyAllocated': isFullyAllocated,\r\n \"allocatedSkuList\": allocatedSkuList,\r\n 'sawDiscardbutton': true\r\n });\r\n kendo.ui.progress($('.' + this.props.windowId + \"#OrderItemsGrid\"), false);\r\n this.setState({\r\n isFullyAllocated: isFullyAllocated\r\n });\r\n let msg = (this.state.modalFlowType == \"edit\") ? this.translate('Label_Update_Line_Item_Success') : this.translate('Label_Add_Line_Item_Success');\r\n GlobalService.notification('success', msg);\r\n if (this.state.modalFlowType == \"edit\") {\r\n this.props.onCloseAddEditLineItemModal();\r\n } else {\r\n // Clear form and focus on sku fields\r\n this.setState({\r\n itemSummary: this.defaultItemSummary,\r\n lineItemSavedElementsData: JSON.parse(JSON.stringify(this.props.sharedOptions.OrderLineItemPredefinedOnlySE))\r\n });\r\n var SkuDropDownList = $('#SkuDropDownList').data(\"kendoDropDownList\");\r\n if (typeof SkuDropDownList != \"undefined\") {\r\n SkuDropDownList.select(0);\r\n SkuDropDownList.trigger(\"change\");\r\n this.checkForSavedElementesRequired();\r\n // Focus on first input\r\n $(\"#SkuDropDownList\").data(\"kendoDropDownList\").focus()\r\n }\r\n\r\n }\r\n }\r\n fixedPointOnBlur = (fixedNumber) => (e) => {\r\n if(e.target.value){\r\n let tmpItemSummary = Object.assign({}, this.state.itemSummary);\r\n tmpItemSummary[e.target.name] = parseFloat(e.target.value).toFixed(fixedNumber);\r\n this.setState({\r\n itemSummary: tmpItemSummary\r\n });\r\n }\r\n }\r\n openImageZommedModal = () =>{\r\n this.setState({ isSkuImageZoome: true });\r\n }\r\n closeImageZommedModal = () =>{\r\n this.setState({ isSkuImageZoome: false });\r\n }\r\n setDefaultImage = () => {\r\n this.setState({ imageSrc:\"assets/images/no-image.jpg\", imgLoading:false });\r\n }\r\n loadImage = () => {\r\n this.setState({imgLoading:false});\r\n }\r\n render() {\r\n return (\r\n\r\n \r\n \r\n\r\n {this.state.showTplSavedElements == true &&\r\n (\r\n
\r\n )}\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n {this.translate('Label_warning_for_total_weight_and_volume_add_edit')}\r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.sharedSelectedCustomer.options.flexFields && (\r\n \r\n \r\n
\r\n \r\n
\r\n {this.state.Rights.hasOwnProperty('Items.ItemImagesEnabled') && (\r\n \r\n {this.state.modalFlowType == \"create\" ?\r\n #if (Description == null) {# #: Sku# #}else{# #:Sku# - #:Description# #}#\"\r\n extraWrapperClass=\"width-35 sku-dropdown-wrapper\"\r\n dataSourceObj={{\r\n pageSize: 40,\r\n serverPaging: true,\r\n serverFiltering: true,\r\n type: \"aspnetmvc-ajax\",\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Shipping/Orders/SkuAndAliasDropdownRead\",\r\n type: \"POST\",\r\n data: {\r\n customerUri: this.props.sharedSelectedCustomer.uri\r\n }\r\n },\r\n },\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\"\r\n }\r\n }} /> :\r\n { }}\r\n disabled={true}\r\n label={this.state.customLabels.Label_Sku}\r\n value={this.state.itemSummary.Sku}\r\n extraWrapperClass=\"width-40\" />\r\n }\r\n\r\n {this.state.showQualifier == true &&\r\n \r\n }\r\n\r\n {this.state.itemSummary.SecondaryUnits != null &&\r\n
\r\n {/* */}\r\n {/*
*/}\r\n \r\n \r\n \r\n { }}\r\n extraSignBeforeValue={'$'}\r\n regularExp={/^[+]?([0-9]+([.]?)(\\d?\\d?)?)$/}\r\n disabled={true}\r\n extraWrapperClass=\"width-20\"\r\n zeroBasedCondition={2} />\r\n
\r\n )}\r\n {/* \r\n { }}\r\n label={this.translate('Label_Line_Item_Beta_Primary_Unit')}\r\n value={this.state.itemSummary.PrimaryUnits}\r\n disabled={true}\r\n extraWrapperClass=\"width-20\" />\r\n { }}\r\n label={this.translate('Label_Volume')+ ' (' + (\r\n this.state.currentMeasurementStandardIsImperial ?\r\n this.translate('Label_Line_Item_Beta_Imperial_Volume')\r\n :\r\n this.translate('Label_Line_Item_Beta_Metric_volume')\r\n )+')'\r\n }\r\n value={this.state.itemSummary.Volume}\r\n disabled={true}\r\n regularExp={/^[+]?([0-9]+([.]?)(\\d?\\d?\\d?\\d)?)$/}\r\n extraWrapperClass=\"width-15\"\r\n onBlurFunc={this.fixedPointOnBlur(4)} />\r\n {/* { }}\r\n label={this.translate('Label_Order_Unit')}\r\n value={this.state.itemSummary.SecondaryUnits}\r\n disabled={true}\r\n extraWrapperClass=\"width-20\" /> */}\r\n
\r\n \r\n {} :\r\n this.openImageZommedModal\r\n }\r\n onLoad={this.loadImage}\r\n onError={this.setDefaultImage}/>\r\n {this.state.imgLoading &&(\r\n \r\n )}\r\n
\r\n )}\r\n {this.state.isSkuImageZoome && (\r\n \r\n 
\r\n
\r\n \r\n )}\r\n \r\n { }}\r\n label={this.translate('Label_Description')}\r\n value={this.state.itemSummary.ItemDescription}\r\n disabled={true}\r\n extraWrapperClass=\"width-100\" />\r\n
\r\n \r\n
\r\n ))\r\n }\r\n \r\n {this.state.isSavedElementsDuplicatedValue && (\r\n
\r\n {this.state.lineItemSavedElementsData.map((Option, index) => (\r\n \r\n \r\n \r\n {this.translate(\"Label_Saved_Element_Diplicate_Tooltip\")}\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n}","import * as GlobalService from '../../global_services';\r\nvar isFirstTimeOpen = true;\r\nvar keyName = \"ManageOrderProto\";\r\nvar metaDataOrderObject = {\r\n \"ManageOrderProto\": {\r\n \"collapseData\": {\r\n\r\n },\r\n \"gridConfig\": {\r\n \"appliedChargesGrid\": {\r\n\r\n },\r\n \"customOrderInfo\": {\r\n\r\n },\r\n \"OrderLineItemBeta\":{\r\n\r\n },\r\n \"OrderLineItemBetaFulFillment\":{\r\n\r\n }\r\n }\r\n }\r\n};\r\n\r\n\r\n// call api for get metaData of order is it's open first time\r\nexport const getManageOrderProtoUserClientMetaData = function () {\r\n if (isFirstTimeOpen) {\r\n return GlobalService.getUserClientMetaData(keyName).then(\r\n function successCallBack(response) {\r\n if (response != \"\") {\r\n Object.assign(metaDataOrderObject[keyName], JSON.parse(response));\r\n }\r\n console.log(\"response metaDataOrderObject :\", metaDataOrderObject);\r\n isFirstTimeOpen = false;\r\n return true;\r\n },\r\n function errorCallBack(response) {\r\n console.log(response);\r\n return false;\r\n }\r\n );\r\n }\r\n}\r\n\r\nexport const setManageOrderProtoCollapseMetaData = function (collapseId, value) {\r\n metaDataOrderObject[keyName]['collapseData'][collapseId] = value;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getManageOrderProtoCollapseMetaData = function () {\r\n return metaDataOrderObject[keyName]['collapseData'];\r\n}\r\n\r\n// For custom order info set and get\r\nexport const setManageOrderProtoCustomOrderInfoMetaData = function (gridConfig) {\r\n metaDataOrderObject[keyName]['gridConfig']['customOrderInfo'] = gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getManageOrderProtoCustomOrderInfoMetaData = function () {\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['gridConfig']['customOrderInfo'])) {\r\n return metaDataOrderObject[keyName]['gridConfig']['customOrderInfo'];\r\n } else {\r\n return \"\";\r\n }\r\n}\r\n\r\nexport const setManageOrderProtoAppliedChargesGridOptionMetaData = function (gridConfig) {\r\n metaDataOrderObject[keyName]['gridConfig']['appliedChargesGrid'] = gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getManageOrderProtoAppliedChargesGridOptionMetaData = function () {\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['gridConfig']['appliedChargesGrid'])) {\r\n return metaDataOrderObject[keyName]['gridConfig']['appliedChargesGrid'];\r\n } else {\r\n return \"\";\r\n }\r\n}\r\n\r\nexport const setManageOrderProtoLineItemGridOptionMetaData = function (gridConfig,isFulFillmentEnable) {\r\n var metaTitle = isFulFillmentEnable ? 'OrderLineItemBetaFulFillment' : 'OrderLineItemBeta';\r\n metaDataOrderObject[keyName]['gridConfig'][metaTitle] = gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getManageOrderProtoLineItemGridOptionMetaData = function (isFulFillmentEnable) {\r\n var metaTitle = isFulFillmentEnable ? 'OrderLineItemBetaFulFillment' : 'OrderLineItemBeta';\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['gridConfig'][metaTitle])) {\r\n return metaDataOrderObject[keyName]['gridConfig'][metaTitle];\r\n } else {\r\n return \"\";\r\n }\r\n}\r\n","import React from 'react';\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsButton from '../../components/WmsButton/WmsButton.jsx';\r\nimport WmsInput from '../../components/WmsInput/WmsInput.jsx';\r\nimport WmsRadio from \"../../components/WmsRadio/WmsRadio.tsx\";\r\nimport WmsCheckBox from \"../../components/WmsCheckBox/WmsCheckBox.jsx\";\r\nimport WmsDropdown from '../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsContainer from '../../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsDropdownList from '../../components/WmsDropdownList/WmsDropdownList.jsx';\r\n\r\n//services\r\nimport * as manageOrderServices from './manage-orders.services.jsx';\r\nimport * as GlobalService from '../../global_services';\r\nimport * as manageOrderProtoMetaDataService from './manage-order-proto-meta-data.service';\r\n\r\nexport class ManageOrdersContactDetails extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n customLabels: GlobalService.getCustomLabels(),\r\n optionsCountry: GlobalService.GetCountries(),\r\n selector: 'OrderProtoTypeContactDetail',\r\n billToUseCustom: true,\r\n indexSoldToOption: 0,\r\n selectShipToFavorite: '',\r\n selectBillToFavorite: '',\r\n selectSoldToFavorite: '',\r\n manageOrdersEditData: manageOrderServices.getManageOrdersData(),\r\n isBillToFavoritesDropdownRender: false,\r\n isSoldToFavoritesDropdownRender: false,\r\n optionsSoldTo: [{\r\n \"description\": \"Enter custom sold to information\",\r\n \"value\": 0\r\n }, {\r\n \"description\": \"Use shipping information\",\r\n \"value\": 1\r\n }, {\r\n \"description\": \"Use billing information\",\r\n \"value\": 2\r\n }],\r\n isExpanded: props.isPrototypeComponent ? ((!$.isEmptyObject(props.metaDataList) && props.metaDataList.hasOwnProperty('collapse1')) ? !props.metaDataList['collapse1'] : true) : true\r\n };\r\n }\r\n\r\n setCollapseMetaData = (value) => {\r\n if (this.props.isPrototypeComponent) {\r\n manageOrderProtoMetaDataService.setManageOrderProtoCollapseMetaData(\"collapse1\", value);\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n $(\".\" + this.props.windowId + \" #contactTabStrip\").kendoTabStrip({\r\n select: this.onSelectTab\r\n });\r\n }\r\n\r\n onSelectTab = (e) => {\r\n\r\n if (e.item.textContent == this.translate('Label_Billing_Information')) {\r\n this.setState({\r\n isBillToFavoritesDropdownRender: true\r\n });\r\n }\r\n if (e.item.textContent == this.translate('Label_Sold_To_Information')) {\r\n this.setState({\r\n isSoldToFavoritesDropdownRender: true\r\n });\r\n }\r\n }\r\n\r\n handleChangeEvent = (parentObj_name, event) => {\r\n\r\n let propsOrderObj = this.props.shareOrderData;\r\n if (event.target.type == 'checkbox') {\r\n if (typeof propsOrderObj[parentObj_name]['IsQuickLookup'] == 'boolean') {\r\n propsOrderObj[parentObj_name]['IsQuickLookup'] = !propsOrderObj[parentObj_name]['IsQuickLookup'];\r\n } else {\r\n propsOrderObj[parentObj_name]['IsQuickLookup'] = propsOrderObj[parentObj_name]['IsQuickLookup'].toLowerCase() == 'true' ? false : true;\r\n }\r\n } else {\r\n propsOrderObj[parentObj_name][event.target.name] = event.target.value;\r\n }\r\n this.props.onOrderDataSet(propsOrderObj, true);\r\n }\r\n\r\n handleFavoriteContactChange = (param_selectOpt) => {\r\n\r\n let uri = param_selectOpt.target.value.ContactUri;\r\n let name = param_selectOpt.target.name;\r\n this.setState({ ['select' + name + 'Favorite']: param_selectOpt.target.value.Value });\r\n\r\n if (uri != \"\" && uri != null) {\r\n manageOrderServices.getContactFromUri(uri).then((response) => {\r\n if (response && response.status == 200) {\r\n let propsOrderObj = this.props.shareOrderData;\r\n propsOrderObj[name] = response.data;\r\n propsOrderObj[name].IsQuickLookup = false;\r\n this.props.onOrderDataSet(propsOrderObj, true);\r\n this.props.onRegisterContactSet(response.data,name);\r\n }\r\n }).finally(() => { });\r\n }\r\n }\r\n\r\n eventBillToUseChanged = (param_is_billto_use) => {\r\n\r\n let billToChangedObj = [];\r\n if (param_is_billto_use == false) {\r\n billToChangedObj = this.props.shareOrderData.ShipTo;\r\n } else {\r\n billToChangedObj = [{}];\r\n billToChangedObj['Country'] = null;\r\n }\r\n\r\n this.setState({ billToUseCustom: param_is_billto_use });\r\n let propsOrderObj = this.props.shareOrderData;\r\n propsOrderObj['BillTo'] = billToChangedObj;\r\n this.props.onRegisterContactSet(billToChangedObj,'BillTo');\r\n this.props.onOrderDataSet(propsOrderObj, true);\r\n\r\n }\r\n\r\n eventOptionsSoldToChange = (e) => {\r\n\r\n let soldToChangedObj = [];\r\n\r\n if (e.target.value == 0) {\r\n soldToChangedObj = [{}];\r\n soldToChangedObj['Country'] = null;\r\n } else if (e.target.value == 1) {\r\n soldToChangedObj = Object.assign({}, this.props.shareOrderData.ShipTo);\r\n } else if (e.target.value == 2) {\r\n soldToChangedObj = Object.assign({}, this.props.shareOrderData.BillTo);\r\n }\r\n\r\n this.setState({ 'indexSoldToOption': e.target.value });\r\n let propsOrderObj = this.props.shareOrderData;\r\n propsOrderObj['SoldTo'] = soldToChangedObj;\r\n this.props.onRegisterContactSet(soldToChangedObj,'SoldTo');\r\n this.props.onOrderDataSet(propsOrderObj, true);\r\n }\r\n\r\n render() {\r\n let renderOrderObj = _.cloneDeep(this.props.shareOrderData);\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n )\r\n }\r\n}","import React from 'react';\r\n\r\nimport WmsInput from './../components/WmsInput/WmsInput.jsx';\r\nimport WmsButton from './../components/WmsButton/WmsButton.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsModel from './../components/WmsModel/WmsModel.jsx';\r\nimport WmsGrid from './../components/WmsGrid/WmsGrid.jsx';\r\nimport style from './item-copy-rate-model.scss';\r\nimport * as GridConfig from './grid_configuration.jsx';\r\nimport * as GlobalService from './../global_services';\r\nimport { StringWms } from './../../../assets/ts/StringWms.ts';\r\n\r\n\r\nexport class ItemCopyRateModel extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n this.state = {\r\n selector: \"ItemCopyRate\",\r\n columns:GridConfig.getCopyItemGridColumns(GlobalService.getCustomLabels()).columns ,\r\n schema: GridConfig.getCopyItemGridSchema().schema,\r\n transport: GridConfig.getCopyItemGridTransport(this.props.sharedCurrentCustomerObj.uri).transport,\r\n CustomLabels: GlobalService.getCustomLabels(),\r\n optionsSearchBy: [\r\n { name: 'SKU', value: 'sku' },\r\n { name: 'Description', value: 'description' }\r\n ],\r\n selectItem: null,\r\n inputSearchFor: '',\r\n selectedSearchBy: 'sku'\r\n };\r\n\r\n this.filterCopyGrid = GlobalService.debounce(this.filterCopyGrid, 700);\r\n }\r\n\r\n selectRow = (KendoGrid) => {\r\n if (KendoGrid.getKeys().length == 1) {\r\n this.setState({ selectItem: KendoGrid.getItem(KendoGrid.getKeys()) });\r\n } else {\r\n this.setState({ selectItem: null });\r\n }\r\n }\r\n\r\n handleChangeEvent = (e) => {\r\n this.setState({ [e.target.name]: e.target.value }, () => {\r\n this.filterCopyGrid();\r\n });\r\n }\r\n\r\n filterCopyGrid = () => {\r\n var grid = $(\"#copyRateItemGrid\").data('kendoGrid');\r\n let data = { customerUri: this.props.sharedCurrentCustomerObj.uri };\r\n\r\n if (this.state.selectedSearchBy == 'sku' ) {\r\n data.sku = this.state.inputSearchFor;\r\n } else if (this.state.selectedSearchBy == 'description') {\r\n data.description = this.state.inputSearchFor;\r\n }\r\n\r\n grid.dataSource.transport.options.read.data = data;\r\n grid.dataSource.read();\r\n }\r\n\r\n\r\n\r\n render() {\r\n return (\r\n\r\n \r\n \r\n\r\n \r\n
\";\r\n } else {\r\n filterText += title + \" : \" + item.value + ',';\r\n fullFilterText += title + \" \" + filterConditionTitle[item.operator] + \" : \" + item.value + \"
\";\r\n }\r\n }\r\n });\r\n filterText = filterText.slice(0, -1);\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n var recordsOnCurrentView = dataSource.view().length;\r\n\r\n this.setState({\r\n filterText: filterText,\r\n fullFilterText: fullFilterText,\r\n inlineGridFilter: true,\r\n inlineGridFilterCount: recordsOnCurrentView\r\n });\r\n }\r\n\r\n updateInitialPrintMenu = (SelectedReceipts,IsClosedOrCanceled,isCanceled) => {\r\n var params = {\r\n Selector: this.props.selector,\r\n SelectedReceipts: SelectedReceipts,\r\n isClosedOrCanceled: IsClosedOrCanceled,\r\n isCanceled: isCanceled,\r\n Rights: this.state.Rights,\r\n fnNames: ['RunViewTransactionReport', 'RunMULabelReport', 'RunReceiptTicketReport']\r\n };\r\n return DynamicMenu.getInitialDynamicPrintMenu(this.InitialPrintMenuResponse, params, this.dynamicMenuClick);\r\n }\r\n\r\n UpdateGridSummary = () => {\r\n if (this.LocalKendoGrid != null) {\r\n var KendoGrid = this.LocalKendoGrid;\r\n var selectedSet = KendoGrid.getDictionary().items;\r\n var ClosedOrCanceled = false;\r\n var isCanceled = false;\r\n var tempItems = [];\r\n var NoLineItems = KendoGrid.valueExists(\"Skus\", \"\");\r\n var SameFacility = KendoGrid.valuesIdentical(\"FacilityId\");\r\n var SameCustomer = KendoGrid.valuesIdentical(\"CustomerId\");\r\n var confirmReceiptDisablrMsg = '';\r\n for (let [key, receipt] of Object.entries(selectedSet)) {\r\n tempItems.push(receipt);\r\n if (receipt.StatusEnum == 1 || receipt.StatusEnum == 2) {\r\n ClosedOrCanceled = true;\r\n confirmReceiptDisablrMsg = this.translate(\"Label_Disable_Confirm_Receipt_For_Close_Cancel\");\r\n if (ClosedOrCanceled && isCanceled) {\r\n break;\r\n }\r\n } else {\r\n ClosedOrCanceled = false;\r\n }\r\n if (receipt.StatusEnum == 2) {\r\n isCanceled = true;\r\n confirmReceiptDisablrMsg = this.translate(\"Label_Disable_Confirm_Receipt_For_Cancel\");\r\n }\r\n }\r\n var receiptNotConfirmObj = _.find(selectedSet, item => item.CanConfirm === false);\r\n if (receiptNotConfirmObj) {\r\n NoLineItems = true;\r\n }\r\n if(NoLineItems){\r\n confirmReceiptDisablrMsg = this.translate(\"Label_Disable_Confirm_Receipt_For_No_Line_Items\") ;\r\n }\r\n if((ClosedOrCanceled == false && isCanceled == false && !this.state.Rights.hasOwnProperty('isWarehouseUser'))){\r\n confirmReceiptDisablrMsg = this.translate(\"Label_Disable_Confirm_Receipt_For_Custoner_User\");\r\n }\r\n var updatedMenus = this.updateInitialPrintMenu(KendoGrid.getNumberOfSelections(),ClosedOrCanceled,isCanceled);\r\n var facilityId;\r\n if(KendoGrid.getNumberOfSelections() > 0 && SameFacility) {\r\n let grid = $('#' + this.state.GridName).data('kendoGrid');\r\n facilityId = grid.dataItem(grid.select()).FacilityId;\r\n }\r\n this.setState({\r\n SelectedReceipts: KendoGrid.getNumberOfSelections(),\r\n isUpdateGridSummary: true,\r\n SelectedReceiptIds: KendoGrid.getKeys(),\r\n SelectedReceiptItems: tempItems,\r\n IsClosedOrCanceled: ClosedOrCanceled,\r\n isCanceled: isCanceled,\r\n CanReopen: KendoGrid.valueExists(\"CanReopen\", true),\r\n NoLineItems: NoLineItems,\r\n SameFacility: SameFacility,\r\n SameCustomer: SameCustomer,\r\n confirmReceiptDisablrMsg:confirmReceiptDisablrMsg,\r\n MenuPrintData: updatedMenus.PrintData,\r\n facilityId: facilityId\r\n });\r\n }\r\n }\r\n\r\n selectRow = (KendoGrid) => {\r\n this.KendoGrid = KendoGrid;\r\n this.UpdateGridSummary();\r\n }\r\n\r\n eventClickCreate = () => {\r\n this.$rootScope.OpenWindow({\r\n url: '\r\n \r\n\r\n
\";\r\n });\r\n filterText = filterText.slice(0, -1);\r\n\r\n this.setState({\r\n filterText: filterText,\r\n fullFilterText: fullFilterText,\r\n })\r\n }\r\n\r\n // Load all records of inventory\r\n loadAllRecords = (isLoaderPopupShow) => {\r\n this.isApiCanceled = false;\r\n const sequence = n => {\r\n let seq = [];\r\n for (let i = 0; i < n; i++) {\r\n seq.push(i);\r\n }\r\n return seq;\r\n };\r\n if (isLoaderPopupShow == false) {\r\n this.setState({\r\n isInventoryGridDataLoading: true,\r\n gridData: []\r\n });\r\n }\r\n this.axiosSource = axios.CancelToken.source();\r\n let api = axios.create({\r\n baseURL: \"/WebUI/Inventory\",\r\n headers: { 'Access-Control-Allow-Origin': '*' },\r\n cancelToken: this.axiosSource.token\r\n });\r\n const MAX_CONCURRENT_REQUESTS = 3;\r\n\r\n let totalRequest = Math.ceil(this.state.totalInventory / this.state.gridPageSize);\r\n\r\n this.setState({\r\n totalRequest: totalRequest,\r\n });\r\n // init your manager.\r\n var manager = ConcurrencyManager(api, MAX_CONCURRENT_REQUESTS, GlobalService);\r\n let enableColumns = this.getEnableColumns();\r\n let inventorySearchInfo = Object.assign({}, this.props.sharedInventoryFilterObj);\r\n inventorySearchInfo.StartDate = StringWms.convertFilterStringToISODate(inventorySearchInfo.StartDate,'',false,true).isoStringUTC;\r\n inventorySearchInfo.EndDate = StringWms.convertFilterStringToISODate(inventorySearchInfo.EndDate,'',false,true).isoStringUTC;\r\n\r\n Promise.all(sequence(totalRequest).map(i => api.put(\"/InventoryUI/InventoryData?sorts=[]&filters=[]&pgnum=\" + (i + 1) + '&pgsiz=' + this.state.gridPageSize, {\r\n columns: enableColumns,\r\n inventorySearchInfo: inventorySearchInfo\r\n }))).then(responses => {\r\n let inventoryData = responses.map(r => r.data);\r\n this.getAllResponseData(inventoryData);\r\n }).catch((error) => {\r\n console.log(\"Promise.all catch\", error);\r\n this.setState({\r\n showLoadingError: true\r\n });\r\n this.cancelLoadAllData();\r\n }).then(() => {\r\n if(manager) {\r\n manager.detach();\r\n }\r\n });\r\n }\r\n\r\n getAllResponseData = (data) => {\r\n if (!this.isApiCanceled) {\r\n let allData = [];\r\n data.forEach(obj => {\r\n allData = [...obj.Data, ...allData];\r\n });\r\n this.inventoryGridData = allData;\r\n this.setState({\r\n gridData: allData,\r\n overlayScreenShow: false,\r\n isAllDataLoad: true,\r\n isNewColumnAdded: false,\r\n isInventoryGridDataLoading: false\r\n },() => {\r\n if(this.state.isCombineRow){\r\n this.combineRowUsingGridData();\r\n }\r\n });\r\n } else {\r\n this.setState({\r\n isInventoryGridDataLoading: false\r\n });\r\n }\r\n }\r\n\r\n cancelLoadAllData = () => {\r\n if (this.firstFiftyAxiosSource) {\r\n this.firstFiftyAxiosSource.cancel();\r\n }\r\n if(this.axiosSource){\r\n this.axiosSource.cancel();\r\n this.axiosSource = null;\r\n }\r\n this.isApiCanceled = true;\r\n this.setState({\r\n isInventoryGridDataLoading: false,\r\n overlayScreenShow: false,\r\n gridData: [],\r\n isAllDataLoad: false\r\n });\r\n }\r\n\r\n //On grid row selection\r\n selectRow = (param_kendoGrid) => {\r\n let enableHold = false;\r\n let enableReleaseHold = false;\r\n let enableTransfer = false;\r\n let enableTransferDisableCombineRowForAvaQtyZero = false;\r\n var SelectedOrders = param_kendoGrid.getNumberOfSelections();\r\n var isHold = param_kendoGrid.valueExists(\"OnHold\", true);\r\n var isRelease = param_kendoGrid.valueExists(\"OnHold\", false);\r\n var isVaries = param_kendoGrid.valueExists(\"Varies\", true);\r\n var c2cEnableForPrimaryAvailable = param_kendoGrid.valueExists(\"c2cEnableForPrimaryAvailable\", true);\r\n\r\n // for enable/disabled Transfer\r\n var isNotInQuarantineLocation = param_kendoGrid.valueExists(\"InQuarantineLocation\", false) && param_kendoGrid.valuesIdentical(\"InQuarantineLocation\");\r\n var availableQtyMoreThanZero = param_kendoGrid.valueGreaterThanZero('PrimaryAvailable');\r\n var sameItemIds = param_kendoGrid.valuesIdentical(\"ItemId\");\r\n var sameFaciltyIds = param_kendoGrid.valuesIdentical(\"FacilityId\");\r\n var sameQualifier = param_kendoGrid.valuesIdentical(\"Qualifier\");\r\n var sameLotNumber = param_kendoGrid.valuesIdentical(\"LotNumber\");\r\n\r\n if (SelectedOrders >= 1 && isNotInQuarantineLocation == true && availableQtyMoreThanZero == true && sameItemIds == true && isHold == false && sameLotNumber == true && sameQualifier == true && sameFaciltyIds == true) {\r\n enableTransfer = true;\r\n var itemIds = param_kendoGrid.getKeys()[0];\r\n var warehouseObj = {};\r\n var itemsObj = param_kendoGrid.getDictionary().items;\r\n let facilityIds = _.map(itemsObj, 'FacilityId');\r\n let FacilityNames = _.map(itemsObj, 'FacilityName');\r\n warehouseObj.id = facilityIds[0];\r\n warehouseObj.name = FacilityNames[0];\r\n this.setState({\r\n sharedSelectedFacilityObj: warehouseObj\r\n });\r\n // customerEditUri = param_kendoGrid.getItem(param_kendoGrid.getKeys()).EditUri;\r\n\r\n }\r\n if (isHold == true) {\r\n enableReleaseHold = true;\r\n }\r\n if (isRelease == true) {\r\n enableHold = true;\r\n }\r\n if(this.state.isCombineRow){\r\n if(isVaries == true){\r\n enableReleaseHold = true;\r\n enableHold = true;\r\n enableTransfer = false;\r\n }\r\n if (!c2cEnableForPrimaryAvailable && !isHold && !isVaries) {\r\n enableTransfer = false;\r\n enableTransferDisableCombineRowForAvaQtyZero = true;\r\n }\r\n }\r\n this.setState({\r\n enableHold: enableHold,\r\n enableReleaseHold: enableReleaseHold,\r\n enableTransfer: enableTransfer,\r\n isNotQuarantineLocation: isNotInQuarantineLocation,\r\n localKendoGrid: param_kendoGrid,\r\n enableTransferDisableCombineRowForAvaQtyZero: enableTransferDisableCombineRowForAvaQtyZero,\r\n selectedRowCount: SelectedOrders\r\n });\r\n if (param_kendoGrid != null && param_kendoGrid.getNumberOfSelections() >=1) {\r\n // Count only change if selected order is 1 or more\r\n var SelectedRow = param_kendoGrid.getDictionary();\r\n this.UpdateGridSummary(Object.values(SelectedRow.items));\r\n }else{\r\n this.UpdateGridSummary(this.inventoryGridData);\r\n }\r\n\r\n }\r\n\r\n UpdateGridSummary = (RowsArr) => {\r\n var PrimaryAvailable = 0;\r\n var PrimaryReceived = 0;\r\n var TotPrimaryOnHold = 0;\r\n var PrimaryOnHand = 0;\r\n var TotMovableUnits = 0;\r\n var PrimaryAllocated = 0;\r\n\r\n if(RowsArr && RowsArr.length >= 1){\r\n PrimaryAvailable = RowsArr.map(i => parseFloat(i.PrimaryAvailable)).reduce((prev, next) => prev + next);\r\n PrimaryReceived = RowsArr.map(i => parseFloat(i.PrimaryReceived)).reduce((prev, next) => prev + next);\r\n TotPrimaryOnHold = RowsArr.map(i => i.OnHold ? parseFloat(i.PrimaryOnHand) : 0).reduce((prev, next) => prev + next);\r\n PrimaryOnHand = RowsArr.map(i => parseFloat(i.PrimaryOnHand)).reduce((prev, next) => prev + next);\r\n var MovableUnitLabelArr = RowsArr.filter(i => i.MovableUnitLabel !== null ).map(i => i.MovableUnitLabel);\r\n TotMovableUnits = new Set(MovableUnitLabelArr).size;\r\n PrimaryAllocated = RowsArr.map(i => i.OnHold ? 0 : parseFloat(i.PrimaryOnHand) - parseFloat(i.PrimaryAvailable)).reduce((prev, next) => prev + next);\r\n }\r\n this.setState({\r\n inventorySummary: {\r\n \"TotPrimaryAvailable\": PrimaryAvailable,\r\n \"TotPrimaryAllocated\": PrimaryAllocated,\r\n \"TotPrimaryOnHold\": TotPrimaryOnHold,\r\n \"TotPrimaryOnHand\": PrimaryOnHand,\r\n \"TotMovableUnits\": TotMovableUnits\r\n }\r\n });\r\n }\r\n\r\n\r\n\r\n\r\n onGridDataBound = (e, kendoGrid) => {\r\n this.setState({\r\n localKendoGrid: kendoGrid\r\n });\r\n if(!(kendoGrid != null && kendoGrid.getNumberOfSelections() >=1)){\r\n this.UpdateGridSummary(this.inventoryGridData);\r\n }\r\n }\r\n\r\n // on grid column sort save changes in meta data object\r\n onSort = (event) => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n GlobalService.sortDataset(sortArray, event.sort);\r\n var gridColumn = grid.getOptions().columns;\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(gridColumn, sortArray, grid.dataSource.filter());\r\n metaDataService.setManageInventoryGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on apply saved filter data save changes in meta data object\r\n onApplySavedFilterData = (filterObj) => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n var gridColumn = grid.getOptions().columns;\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(gridColumn, sortArray, grid.dataSource.filter());\r\n\r\n metaDataService.applySavedFilterDataToInventoryGrid(finalSubmission, filterObj);\r\n }\r\n // on grid column reorder save changes in meta data object\r\n onColumnReorder = (event) => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let gridColumn = grid.getOptions().columns;\r\n let switchedArray = ArrayWms.switchIndexByField(gridColumn, event.newIndex, event.oldIndex);\r\n let finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(switchedArray, sortArray, grid.dataSource.filter());\r\n metaDataService.setManageInventoryGridOptionInMetaData(finalSubmission);\r\n\r\n }\r\n\r\n // on grid column resize save changes in meta data object\r\n onColumnResize = (event) => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n metaDataService.setManageInventoryGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on click grid clear sort menu\r\n onClickClearSorts = () => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(grid.columns, [], grid.dataSource.filter());\r\n metaDataService.setManageInventoryGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on click grid reset default grid layout menu\r\n onClickResetGrid = () => {\r\n var finalSubmission = {\r\n \"optionsData\": {}\r\n }\r\n metaDataService.setManageInventoryGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on grid filter selection\r\n onGridFilterApplied = () => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n setTimeout(() => {\r\n this.setFilterAppliedText(dataSource.filter());\r\n\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(grid.columns, sortArray, dataSource.filter());\r\n\r\n metaDataService.setManageInventoryGridOptionInMetaData(finalSubmission);\r\n\r\n }, 100);\r\n\r\n }\r\n\r\n // save column hide/show data in meta data\r\n saveChangesInMetaData = () => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sort = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sort,\r\n grid.dataSource.filter()\r\n );\r\n metaDataService.setManageInventoryGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n\r\n\r\n clickEventOfContextMenu = (obj) => {\r\n\r\n if (obj.wmsid == 'hold') {\r\n this.openHoldInventoryModal();\r\n } else if (obj.wmsid == 'releaseHold') {\r\n this.holdOrReleaseInventoryCheck();\r\n }\r\n }\r\n\r\n openHoldInventoryModal = () => {\r\n this.setState({ isHoldModelOpen: true });\r\n }\r\n\r\n closeHoldInventoryModal = () => {\r\n this.setState({ isHoldModelOpen: false });\r\n }\r\n openCustomerTransferModal = () => {\r\n this.setState({ isTransferModelOpen: true });\r\n }\r\n closeTransferInventoryModal = () => {\r\n this.setState({ isTransferModelOpen: false });\r\n }\r\n\r\n holdOrReleaseInventoryCheck = () => {\r\n if (!this.state.isNotQuarantineLocation) {\r\n this.setState({\r\n isOpenConfirmModel: true\r\n });\r\n }\r\n else {\r\n this.holdOrReleaseInventory();\r\n }\r\n }\r\n\r\n holdOrReleaseInventory = () => {\r\n let receiveItemIds = [];\r\n\r\n if(this.state.isCombineRow){\r\n let itemsObj = this.state.localKendoGrid.getDictionary().items;\r\n let getIdArray = _.map(itemsObj, 'receiveItemIdsOnHold');\r\n getIdArray.map(function(data){\r\n var array = data;\r\n array.map(function(rid){\r\n receiveItemIds.push(rid);\r\n });\r\n });\r\n } else {\r\n let itemsObj = this.state.localKendoGrid.getDictionary().items;\r\n let filterObject = _.filter(itemsObj, function(o) { return o.OnHold; });\r\n let getIdArray = _.map(filterObject, 'ReceiveItemId');\r\n getIdArray.map(function(data){\r\n receiveItemIds = _.concat(receiveItemIds,data);\r\n });\r\n }\r\n\r\n let releaseData = {\r\n 'Reason': 'release',\r\n 'putOnHold': false,\r\n 'receiveItemIds': receiveItemIds,\r\n }\r\n console.log(\"Realse itemIDs\",receiveItemIds);\r\n inventoryservices.holdOrReleaseInventory(releaseData).then((response) => {\r\n if (typeof response != 'undfined' && response.status == 200) {\r\n GlobalService.notification('success', this.translate('Label_Release_Hold_Inventory_Success'));\r\n this.onCloseConfirmModel();\r\n this.resetGridSelectionAndButton();\r\n }\r\n }).finally(() => { });\r\n }\r\n\r\n resetGridSelectionAndButton = () => {\r\n this.loadGridData(false);\r\n }\r\n eventClickExportGrid = () => {\r\n $(this.state.gridDomSelector()).getKendoGrid().saveAsExcel();\r\n }\r\n\r\n clickOnContinueButton = () => {\r\n this.setState({\r\n isLoadingStop: true\r\n });\r\n this.holdOrReleaseInventory();\r\n }\r\n\r\n onCloseConfirmModel = () => {\r\n this.setState({ isOpenConfirmModel: false });\r\n }\r\n onOpenHoldResultMsg = (param_hold_results) => {\r\n setTimeout(() => {\r\n this.setState({\r\n holdResultsObj: param_hold_results,\r\n isOpenHoldResultMsg: true\r\n });\r\n }, 100);\r\n }\r\n onCloseHoldResultMsg = () => {\r\n this.setState({ isOpenHoldResultMsg: false });\r\n }\r\n copyToClipboard = () => {\r\n var copyText = 'Title : ' + $('.result-list').eq(0).prev('p').text() + '\\n';\r\n copyText += $('.result-list').eq(0).find('div').eq(0).find('label').text() + '\\n';\r\n copyText += $('.result-list').eq(0).find('div').eq(0).find('label').next('div').text() + '\\n';\r\n copyText += $('.result-list').eq(0).find('div').eq(2).find('label').text() + '\\n';\r\n copyText += $('.result-list').eq(0).find('div').eq(2).find('label').next('div').text() + '\\n';\r\n if ($('.result-list').eq(1).text()) {\r\n copyText += '\\n' + 'Title : ' + $('.result-list').eq(1).prev('p').text() + '\\n';\r\n copyText += $('.result-list').eq(1).find('div').eq(0).find('label').text() + '\\n';\r\n copyText += $('.result-list').eq(1).find('div').eq(0).find('label').next('div').text() + '\\n';\r\n copyText += $('.result-list').eq(1).find('div').eq(2).find('label').text() + '\\n';\r\n copyText += $('.result-list').eq(1).find('div').eq(2).find('label').next('div').text() + '\\n';\r\n }\r\n var copyTextarea = document.querySelector('#simulate-clipboard');\r\n copyTextarea.appendChild(document.createTextNode(copyText));\r\n copyTextarea.select();\r\n document.execCommand('copy');\r\n $('#simulate-clipboard').text('');\r\n this.setState({ isLoadingStop: true });\r\n this.onCloseHoldResultMsg();\r\n }\r\n\r\n eventClickColumns = () => {\r\n this.setState({\r\n isOpenColumnModel: true\r\n })\r\n }\r\n onCloseColumnModel = (e) => {\r\n this.setState({\r\n isOpenColumnModel: false\r\n })\r\n }\r\n onCheckCombine = (isChecked) => {\r\n this.setState({\r\n isCombineRow : isChecked\r\n })\r\n if(isChecked){\r\n\r\n this.setState({\r\n defaultColumns:GridConfig.getCombineGridColumns(this.inventory_GridHeaders,'InventoryBeta').columns,\r\n schema: GridConfig.getGridCombineSchema().schema,\r\n allColumnList: GridConfig.getCombineAllColumnList(this.inventory_GridHeaders,'InventoryBeta').columns,\r\n manageInventoryGridConfig: metaDataService.getManageInventoryGridOptionInMetaData(),\r\n },this.combineRowUsingGridData);\r\n }else{\r\n this.setState({\r\n gridData:this.inventoryGridData,\r\n totalInventory:this.inventoryGridData.length,\r\n defaultColumns:GridConfig.getGridDemoColumns(this.inventory_GridHeaders,'InventoryBeta').columns,\r\n schema: GridConfig.getGridDemoSchema().schema,\r\n allColumnList: GridConfig.getAllColumnList(this.inventory_GridHeaders,'InventoryBeta').columns,\r\n manageInventoryGridConfig: metaDataService.getManageInventoryGridOptionInMetaData(),\r\n })\r\n }\r\n this.state.localKendoGrid.clearSelections(() => {\r\n this.state.localKendoGrid.repaintSelections();\r\n });\r\n }\r\n\r\n combineRowUsingGridData = () => {\r\n this.inventoryGridData = this.state.gridData; // set previous data for set in grid for uncheck\r\n let list = this.state.gridData;\r\n\r\n var groups = _.groupBy(list, function (value) {\r\n if(value.Qualifier == \"\" || value.Qualifier == null)\r\n {\r\n value.Qualifier = \"\";\r\n }\r\n if(value.LotNumber == \"\" || value.LotNumber == null)\r\n {\r\n value.LotNumber = \"\";\r\n }\r\n if(value.ExpirationDate == \"\" || value.ExpirationDate == null)\r\n {\r\n value.ExpirationDate = \"\";\r\n }\r\n return value.CustomerName + '#' + value.Sku + '#' + value.Qualifier + '#' + value.LotNumber + '#' + value.ExpirationDate;\r\n });\r\n\r\n var index = -1;\r\n var data = _.map(groups, function (group) {\r\n index++;\r\n let tmpAvailableItemIds = [];\r\n let tmpHoldItemIds = [];\r\n var InQuarantineLocation = false;\r\n\r\n var c2cEnableForPrimaryAvailable = true;\r\n _.each(group, function (item) {\r\n item.PrimaryAvailable = parseFloat(item.PrimaryAvailable);\r\n if(!item.PrimaryAvailable) {\r\n c2cEnableForPrimaryAvailable = false;\r\n }\r\n if(item.OnHold){\r\n tmpHoldItemIds.push(item.ReceiveItemId);\r\n } else{\r\n tmpAvailableItemIds.push(item.ReceiveItemId)\r\n }\r\n if(item.SecondaryAvailable){\r\n item.SecondaryAvailable = parseInt(item.SecondaryAvailable)\r\n } else{\r\n item.SecondaryAvailable = 0;\r\n }\r\n if(item.InQuarantineLocation){\r\n InQuarantineLocation = true;\r\n }\r\n });\r\n\r\n return {\r\n CustomerName: group[0].CustomerName,\r\n Sku: group[0].Sku,\r\n Qualifier: group[0].Qualifier,\r\n LotNumber: group[0].LotNumber,\r\n ExpirationDate: group[0].ExpirationDate,\r\n OnHold: group[0].OnHold,\r\n FacilityId: group[0].FacilityId,\r\n FacilityName: group[0].FacilityName,\r\n InQuarantineLocation: InQuarantineLocation,\r\n PrimaryAvailable: _.sumBy(group, 'PrimaryAvailable'),\r\n c2cEnableForPrimaryAvailable: c2cEnableForPrimaryAvailable,\r\n ReceiverId: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.ReceiverId))).toString(),\r\n ReceiveItemId: Array.prototype.map.call(group, s => s.ReceiveItemId).toString(),\r\n SerialNumber: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.SerialNumber))).toString(),\r\n Cost: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.Cost))).toString(),\r\n Upc: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.Upc))).toString(),\r\n SecondaryDescription: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.SecondaryDescription))).toString(),\r\n SkuDescription: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.SkuDescription))).toString(),\r\n LocationName: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.LocationName))).toString(),\r\n ImperialOnHandCatchWeight: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.ImperialOnHandCatchWeight))).toString(),\r\n MetricOnHandCatchWeight: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.MetricOnHandCatchWeight))).toString(),\r\n CatchWeight: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.CatchWeight))).toString(),\r\n SupplierName: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.SupplierName))).toString(),\r\n MovableUnitLabel: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.MovableUnitLabel))).toString(),\r\n CustomFields: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.CustomFields))).toString(),\r\n OnHoldReason: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.OnHoldReason))).toString(),\r\n ReferenceNum: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.ReferenceNum))).toString(),\r\n PONum: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.PONum))).toString(),\r\n TrailerNumber: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.TrailerNumber))).toString(),\r\n PrimaryUom: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.PrimaryUom))).toString(),\r\n PrimaryReceived: _.sumBy(group, 'PrimaryReceived'),\r\n PrimaryShipped: _.sumBy(group, 'PrimaryShipped'),\r\n PrimaryOnHand: _.sumBy(group, 'PrimaryOnHand'),\r\n SecondaryReceived: _.sumBy(group, 'SecondaryReceived') ? _.sumBy(group, 'SecondaryReceived').toFixed(4) : 0,\r\n SecondaryAvailable: _.sumBy(group, 'SecondaryAvailable') ? _.sumBy(group, 'SecondaryAvailable') : 0 + ' ' + (group[0].SecondaryUom ? group[0].SecondaryUom : \"\"),\r\n SecondaryShipped: _.sumBy(group, 'SecondaryShipped'),\r\n SecondaryUom: group[0].SecondaryUom ? group[0].SecondaryUom : '',\r\n SecondaryOnHand: _.sumBy(group, 'SecondaryOnHand') ? _.sumBy(group, 'SecondaryOnHand').toFixed(4) : 0,\r\n ReceiptDate: _.uniqBy(_.compact(Array.prototype.map.call(group, s => kendo.toString(new Date(s.ReceiptDate), \"MMM dd yyyy, hh:mm:ss tt\")))).toString(),\r\n Varies:(tmpHoldItemIds.length != 0 && tmpAvailableItemIds.length != 0),\r\n CurrentIndex:index,\r\n receiveItemIdsOnHold: tmpHoldItemIds,\r\n receiveItemIdsAvailable: tmpAvailableItemIds\r\n }\r\n\r\n });\r\n this.setState({\r\n gridData: data,\r\n totalInventory:data.length\r\n });\r\n }\r\n\r\n render() {\r\n let disableTransferMsg = this.translate('Label_Hold_Inventory_Message');\r\n if (this.state.enableTransferDisableCombineRowForAvaQtyZero) {\r\n disableTransferMsg = this.translate('Label_Available_One_ReceiveItemId_QtyIsZero_Inventory_Message');\r\n }\r\n return (\r\n = (props: Props): any => {\r\n const CustomLabels = GlobalService.getCustomLabels();\r\n const optionContains = StringWms.convertSringToOption(window.translate(\"Options_SearchBy_StringOptions\"));\r\n const [booleanOption, setBooleanOption] = useState([]);\r\n const [filter, setFilter] = useState(defaultFilterValue);\r\n const [userOption, setUserOption] = useState([]);\r\n const facilityOption = GlobalService.getFacilityList(false);\r\n const [selectedFacility, setSelectedFacilty] = useState(0);\r\n const facilityRef = useRef(false);\r\n\r\n useEffect(() => {\r\n initialsOptions();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n useEffect(() => {\r\n setUserOption(props.userOptions);\r\n }, [props.userOptions]);\r\n\r\n const initialsOptions = () => {\r\n let tmpBooleanOptions = StringWms.convertSringToOption(window.translate(\"Options_CycleCount_StatusOption\"));\r\n tmpBooleanOptions.unshift({\r\n \"value\": -1,\r\n \"description\": \"All\",\r\n });\r\n setBooleanOption(tmpBooleanOptions);\r\n auditInventoryServices.auditSearchInfo(filter).then((response) => {});\r\n };\r\n const clearFilters = () => {\r\n let resetFilterObj = defaultFilterValue;\r\n setSelectedFacilty(null);\r\n props.OnFacilitySelect(null);\r\n setFilter(resetFilterObj);\r\n };\r\n const onFilterApply = (filter: any) => {\r\n if (!facilityRef.current) {\r\n return;\r\n }\r\n if (filter.IndexOptionsUserName === 0) {\r\n filter.UserName = null;\r\n } else if (filter.IndexOptionsUserName > 0) {\r\n // eslint-disable-next-line array-callback-return\r\n userOption.filter((item) => {\r\n if (item.Id === filter.IndexOptionsUserName) {\r\n filter.UserName = item[\"Name\"];\r\n }\r\n });\r\n } else {\r\n filter.IndexOptionsUserName = -1;\r\n filter.UserName = null;\r\n }\r\n kendo.ui.progress($(\"#\" + props.selector + \"Grid\"), true);\r\n auditInventoryServices\r\n .auditSearchInfo(filter)\r\n .then((response) => {\r\n props.onApplyFilter();\r\n })\r\n .finally(() => {\r\n // kendo.ui.progress($(\"#\" + props.selector + \"Grid\"), false);\r\n });\r\n };\r\n\r\n const OnFacilityChange = (e) => {\r\n let facilityId = e.target.value;\r\n // eslint-disable-next-line eqeqeq\r\n var facObj = facilityOption.find((x) => x.id == facilityId);\r\n setSelectedFacilty(facilityId);\r\n props.OnFacilitySelect(facObj);\r\n if (facObj) {\r\n facilityRef.current = true;\r\n onFilterApply(filter);\r\n }\r\n };\r\n\r\n const debounceFilterApply = GlobalService.useFCDebounce(onFilterApply, 700);\r\n const onSearchFilterChange = (e) => {\r\n let name = e.target.name;\r\n let value = e.target.value;\r\n if (name === \"IndexOptionsUserName\") {\r\n value = parseInt(value);\r\n }\r\n if (name === \"TrackBys\") {\r\n value = e.target.checked;\r\n }\r\n setFilter((previousFilter) => {\r\n const tempFilter = {\r\n ...previousFilter,\r\n [name]: value,\r\n };\r\n debounceFilterApply(tempFilter);\r\n return tempFilter;\r\n });\r\n };\r\n\r\n return (\r\n = (props: GridProps): any => {\r\n var checkedIds = {};\r\n var rowCheckedIds = {};\r\n\r\n useEffect(() => {\r\n var kendoGrid = $(`#${props.id}`).data(\"kendoGrid\");\r\n if (!kendoGrid) {\r\n let dataSourceObj = null;\r\n if (props.transport) {\r\n dataSourceObj = new kendo.data.DataSource({\r\n transport: props.transport,\r\n pageSize: 100,\r\n serverPaging: true,\r\n serverSorting: true,\r\n schema: props.schema,\r\n type: \"aspnetmvc-ajax\",\r\n requestEnd: (e) => {\r\n props.onRequestEnd(e);\r\n },\r\n });\r\n } else {\r\n dataSourceObj = {\r\n data: props.staticGridData,\r\n schema: props.schema,\r\n };\r\n }\r\n let grid = $(`#${props.id}`)\r\n .kendoGrid({\r\n dataSource: dataSourceObj,\r\n // height: 430,\r\n columns: props.columns,\r\n columnMenu: {\r\n sortable: false,\r\n },\r\n sortable: true,\r\n filterable: true,\r\n })\r\n .data(\"kendoGrid\");\r\n //bind click event to the checkbox\r\n if (grid && grid.table) {\r\n grid.table.off(\"click\", checkBoxClass, selectRow);\r\n grid.table.on(\"click\", checkBoxClass, selectRow);\r\n if (props.bindSelectRow) {\r\n grid.table.off(\"click\", \"tr\", selectedTableRow);\r\n grid.table.on(\"click\", \"tr\", selectedTableRow);\r\n }\r\n }\r\n if (props.callMethodAfterInitialize) {\r\n props.callMethodAfterInitialize();\r\n }\r\n }\r\n });\r\n useEffect(() => {\r\n if (props.changeColumnsDynamic) {\r\n var column = {\r\n columns: props.columns,\r\n };\r\n var grid = $(`#${props.id}`).data(\"kendoGrid\");\r\n grid.setOptions(column);\r\n }\r\n }, [props.changeColumnsDynamic, props.columns, props.id]);\r\n useEffect(() => {\r\n if (props.changeRemoteGridColumn) {\r\n var column = {\r\n columns: props.columns,\r\n };\r\n var grid = $(`#${props.id}`).data(\"kendoGrid\");\r\n\r\n let newDS = new kendo.data.DataSource({\r\n transport: props.transport,\r\n pageSize: 100,\r\n serverPaging: true,\r\n serverSorting: true,\r\n schema: props.schema,\r\n type: \"aspnetmvc-ajax\",\r\n requestEnd: (e) => {\r\n props.onRequestEnd(e);\r\n },\r\n });\r\n grid.setOptions(column);\r\n grid.setDataSource(newDS);\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [props.changeRemoteGridColumn]);\r\n\r\n useEffect(() => {\r\n var grid = $(`#${props.id}`).data(\"kendoGrid\");\r\n if (typeof grid != \"undefined\") {\r\n grid.dataSource.data(props.staticGridData);\r\n }\r\n }, [props.id, props.staticGridData]);\r\n\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n function selectRow(e) {\r\n var checked = this.checked,\r\n row = $(this).closest(\"tr\"),\r\n grid = $($(`#${props.id}`)).data(\"kendoGrid\"),\r\n dataItem = grid.dataItem(row);\r\n\r\n checkedIds[dataItem[props.keyId]] = checked;\r\n if (props.combineSelectedRow) {\r\n rowCheckedIds = checkedIds;\r\n }\r\n\r\n if (checked) {\r\n //-select the row\r\n row.addClass(selectedClass);\r\n\r\n var checkHeader = true;\r\n\r\n $.each(grid.items(), function (_index, item) {\r\n if (!$(item).hasClass(selectedClass)) {\r\n checkHeader = false;\r\n }\r\n });\r\n\r\n $(\"th .k-checkbox\")[0][\"checked\"] = checkHeader;\r\n } else {\r\n //-remove selection\r\n row.removeClass(selectedClass);\r\n $(\"th .k-checkbox\")[0][\"checked\"] = false;\r\n }\r\n props.onSelectRow(checkedIds);\r\n }\r\n function selectedTableRow(e) {\r\n if ($(e.target).hasClass(\"k-checkbox-label\") || $(e.target).hasClass(\"k-checkbox\")) {\r\n return;\r\n }\r\n let row = $(e.target).closest(\"tr\");\r\n let grid = $($(`#${props.id}`)).data(\"kendoGrid\");\r\n let dataItem = grid.dataItem(row);\r\n\r\n if (row.hasClass(stateSelectedClass)) {\r\n row.removeClass(stateSelectedClass);\r\n row.addClass(selectedClass);\r\n row.find(checkBoxClass)[0][\"checked\"] = false;\r\n rowCheckedIds[dataItem[props.keyId]] = false;\r\n } else {\r\n row.addClass(stateSelectedClass);\r\n row.removeClass(selectedClass);\r\n row.find(checkBoxClass)[0][\"checked\"] = true;\r\n rowCheckedIds[dataItem[props.keyId]] = true;\r\n }\r\n\r\n if (props.combineSelectedRow) {\r\n checkedIds = rowCheckedIds;\r\n }\r\n\r\n props.onSelectRow(rowCheckedIds);\r\n }\r\n return (\r\n = (props: Props): any => {\r\n const CustomerOptions = GlobalService.filteredCustomerList(GlobalService.getCustomerList(true), props.facId);\r\n // const optionContains = StringWms.convertSringToOption(window.translate(\"Options_SearchBy_StringOptions\"));\r\n const defaultItemsColumns = GridConfig.itemsGridColumns();\r\n const defaultLocationsColumns = GridConfig.locationsGridColumns();\r\n const [schema] = useState(GridConfig.locationsGridSchema().schema);\r\n const [jobLocationsSchema] = useState(GridConfig.jobLocationsGridSchema().schema);\r\n const [assignedToOptions] = useState(props.userOptions);\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n const [locationNoOfSelection, setLocationNoOfSelection] = useState(0);\r\n const [jobLocationsGridData, setJobLocationsGridData] = useState([]);\r\n const [auditJobObj, setAuditJobObj] = useState(defaultAuditJobObject);\r\n const [locationGridKeyNumber, setLocationGridKeyNumber] = useState(0);\r\n const [filterObj, setFilterObj] = useState(defaultFilterObject);\r\n const [locationType, setLocationType] = useState(\"suggested\");\r\n const jobLocationColumns = GridConfig.jobLocationsGridColumns(auditJobObj.AuditType);\r\n const [locationTypes] = useState(props.locationTypes);\r\n const [isSaveAuditJobLoading, setIsSaveAuditJobLoading] = useState(false);\r\n const [itemSize] = useState([\r\n { text: \"60 Days\", value: 60 },\r\n { text: \"90 Days\", value: 90 },\r\n { text: \"120 Days\", value: 120 },\r\n { text: \"180 Days\", value: 180 },\r\n ]);\r\n const [auditTypeOptions] = useState([\r\n {\r\n name: \"Item\",\r\n value: \"Item\",\r\n },\r\n {\r\n name: \"Location\",\r\n value: \"Location\",\r\n },\r\n ]);\r\n const [jobPriorityOption] = useState([\r\n { value: 1, text: 1 },\r\n { value: 2, text: 2 },\r\n { value: 3, text: 3 },\r\n { value: 4, text: 4 },\r\n { value: 5, text: 5 },\r\n { value: 6, text: 6 },\r\n { value: 7, text: 7 },\r\n { value: 8, text: 8 },\r\n { value: 9, text: 9 },\r\n { value: 10, text: 10 },\r\n ]);\r\n const lastCountedDateFormat = \"MMM dd,yyyy\";\r\n\r\n useEffect(() => {\r\n if (props.auditType === \"Edit\") {\r\n var assignedTo = props.selectedRowData.AssignedTo?.Id !== 0 ? props.selectedRowData.AssignedTo : { Id: \"\" };\r\n setAuditJobObj({\r\n \"Name\": props.selectedRowData.Name,\r\n \"Notes\": props.selectedRowData.Notes,\r\n \"Priority\": props.selectedRowData.Priority,\r\n \"AuditType\": props.selectedRowData.AuditType,\r\n \"UseTrackBys\": props.selectedRowData.UseTrackBys,\r\n \"Locations\": props.selectedRowData.Locations,\r\n \"AssignedTo\": assignedTo,\r\n \"EditUri\": props.selectedRowData.EditUri,\r\n \"ItemId\": props.selectedRowData.ItemId,\r\n });\r\n setFilterObj((prevState: any) => ({\r\n ...prevState,\r\n customerId: props.selectedRowData.CustomerId,\r\n }));\r\n let tmpJobLocation = [];\r\n for (let i = 0; i < props.selectedRowData.Locations.length; i++) {\r\n // eslint-disable-next-line security/detect-object-injection\r\n const location = props.selectedRowData.Locations[i];\r\n location.IsRequired = false;\r\n tmpJobLocation.push(location);\r\n }\r\n setJobLocationsGridData(tmpJobLocation);\r\n setLocationGridKeyNumber((ps) => ps + 1);\r\n }\r\n }, [props.selectedRowData, props.auditType]);\r\n\r\n function selectRow(selectedIdObj) {\r\n setLocationNoOfSelection(Object.keys(selectedIdObj).length);\r\n }\r\n\r\n const onChangeJobFields = (e) => {\r\n let name = e.target.name;\r\n let value = e.target.value;\r\n if (name === \"AssignedTo\") {\r\n value = { Id: value.Id };\r\n } else if (name === \"UseTrackBys\") {\r\n value = e.target.checked;\r\n } else if (name === \"AuditType\") {\r\n resetGridsData(true);\r\n setFilterObj(defaultFilterObject);\r\n onFilterChangeDebounceCall();\r\n setLocationGridKeyNumber((ps) => ps + 1);\r\n }\r\n setAuditJobObj((prevState: any) => ({\r\n ...prevState,\r\n [name]: value,\r\n }));\r\n };\r\n const moveLocationToJob = () => {\r\n let grid = $(`#${props.wmsSelector}LocationGrid`).data(\"kendoGrid\");\r\n let selectedGridItem = grid.select();\r\n // eslint-disable-next-line sonarjs/no-unused-collection\r\n let selectionArr = [];\r\n for (let i = 0; i < selectedGridItem.length; i++) {\r\n // eslint-disable-next-line security/detect-object-injection\r\n let itemObj = selectedGridItem[i];\r\n if (itemObj) {\r\n const selectedItem = grid.dataItem(itemObj);\r\n if (selectedItem && !jobLocationsGridData.some((loc) => loc[\"Id\"] === selectedItem[\"Id\"])) {\r\n selectionArr.push(selectedItem);\r\n setTimeout(() => {\r\n grid.removeRow(itemObj);\r\n }, 100);\r\n }\r\n }\r\n }\r\n let tmpSelectedLocationsItem = _.cloneDeep(jobLocationsGridData);\r\n setJobLocationsGridData(_.concat(tmpSelectedLocationsItem, selectionArr));\r\n resetGridsData(false);\r\n setTimeout(() => {\r\n setLocationGridKeyNumber((ps) => ps + 1);\r\n }, 500);\r\n setLocationNoOfSelection(0);\r\n };\r\n const moveJobToLocation = () => {\r\n let auditJobLocationGrid = $(\"#\" + props.wmsSelector + \"AuditJobLocation\").data(\"kendoGrid\");\r\n let selectedAuditJobLocationGrid = auditJobLocationGrid.select();\r\n let locationIdsArr = [];\r\n if (selectedAuditJobLocationGrid.length > 0) {\r\n for (let i = 0; i < selectedAuditJobLocationGrid.length; i++) {\r\n // eslint-disable-next-line security/detect-object-injection\r\n let itemObj = selectedAuditJobLocationGrid[i];\r\n if (itemObj) {\r\n const selectedItem = auditJobLocationGrid.dataItem(itemObj);\r\n if (selectedItem) {\r\n locationIdsArr.push(selectedItem[\"Id\"]);\r\n setTimeout(() => {\r\n auditJobLocationGrid.removeRow(itemObj);\r\n }, 100);\r\n }\r\n }\r\n }\r\n let clonedJobLocationsGridData = _.cloneDeep(jobLocationsGridData);\r\n let tmpSelectedLocationsItem = clonedJobLocationsGridData.filter((x) => !locationIdsArr.includes(x.Id));\r\n setJobLocationsGridData(tmpSelectedLocationsItem);\r\n resetGridsData(false);\r\n setTimeout(() => {\r\n setLocationGridKeyNumber((ps) => ps + 1);\r\n }, 500);\r\n }\r\n };\r\n const onRequestEnd = (e) => {\r\n if (!props.isOpenManageAuditInventoryModal) {\r\n return;\r\n }\r\n // setIsChangeColumn(false);\r\n let locationData = [];\r\n if (auditJobObj.AuditType === \"Item\") {\r\n if (locationType === \"suggested\") {\r\n locationData = e.response.Data[0].RecentStockLocationList;\r\n locationData.map((location) => {\r\n location.IsSuggested = true;\r\n location.IsRequired = false;\r\n return location;\r\n });\r\n } else if (locationType === \"other\") {\r\n locationData = e.response.Data[0].OtherLocationList;\r\n locationData.map((location) => (location.IsRequired = false));\r\n }\r\n const requiredLocations = e.response.Data[0].AuditLocations;\r\n requiredLocations.map((location) => {\r\n location.IsRequired = true;\r\n locationData.map((l) => (l.IsRequired = location.Id === l.Id));\r\n return location;\r\n });\r\n locationData.unshift(...requiredLocations);\r\n } else {\r\n locationData = e.response.Data.map((location) => {\r\n location.IsRequired = false;\r\n return location;\r\n });\r\n }\r\n var gridData = loadRequiredAuditLocations(locationData);\r\n const locationIdsArr = _.map(gridData, \"Id\");\r\n let tempArr = locationData.filter((x) => locationIdsArr.indexOf(x.Id) === -1);\r\n _.forEach(tempArr, function (item) {\r\n item.LastCounted = kendo.toString(kendo.parseDate(item.LastCounted), lastCountedDateFormat);\r\n });\r\n e.response.Data = tempArr;\r\n setJobLocationsGridData(gridData);\r\n return e;\r\n };\r\n\r\n const resetGridsData = (clearJobLocationDataYn) => {\r\n let locationGrid = $(\"#\" + props.wmsSelector + \"LocationGrid\").data(\"kendoGrid\");\r\n // defaultLocationFilterObject.Location = \"\";\r\n // auditInventoryServices.locationGridSearchInfoSend(defaultLocationFilterObject);\r\n if (locationGrid) {\r\n if (clearJobLocationDataYn) {\r\n setJobLocationsGridData([]);\r\n }\r\n locationGrid.dataSource.data([]);\r\n }\r\n };\r\n\r\n const loadRequiredAuditLocations = (locationsData) => {\r\n if (locationsData) {\r\n let auditJobLocationData = [...jobLocationsGridData];\r\n let tmpAuditJobLocationData = _.cloneDeep(auditJobLocationData);\r\n let requiredLocations = [];\r\n if (auditJobObj.AuditType === \"Item\") {\r\n for (let locationIndex = 0; locationIndex < locationsData.length; locationIndex++) {\r\n // eslint-disable-next-line security/detect-object-injection\r\n let locationObj = locationsData[locationIndex];\r\n tmpAuditJobLocationData.map((l) => {\r\n if (l.Id === locationObj.Id) {\r\n l.IsRequired = locationObj.IsRequired;\r\n }\r\n return l;\r\n });\r\n if (\r\n locationObj &&\r\n locationObj.IsRequired &&\r\n !auditJobLocationData.some((loc) => loc[\"Id\"] === locationObj.Id)\r\n ) {\r\n requiredLocations.push(locationObj);\r\n }\r\n }\r\n }\r\n return _.concat(tmpAuditJobLocationData, requiredLocations);\r\n }\r\n return [];\r\n };\r\n\r\n const onItemFilterChange = (event) => {\r\n if (event.dataItem !== undefined && event.dataItem.Id !== \"\") {\r\n setAuditJobObj((prevState: any) => ({\r\n ...prevState,\r\n ItemId: event.dataItem.Id,\r\n }));\r\n resetGridsData(true);\r\n setLocationGridKeyNumber((ps) => ps + 1);\r\n }\r\n };\r\n const onFilterChange = (e) => {\r\n let name = e.target.name;\r\n let value = e.target.value;\r\n if (name === \"customerId\") {\r\n setAuditJobObj((prevState: any) => ({\r\n ...prevState,\r\n ItemId: \"\",\r\n }));\r\n value = parseInt(value);\r\n }\r\n setFilterObj((prevState: any) => ({\r\n ...prevState,\r\n [name]: value,\r\n }));\r\n\r\n resetGridsData(false);\r\n //onFilterChangeDebounceCall();\r\n setLocationGridKeyNumber((ps) => ps + 1);\r\n };\r\n const onChangeLocationType = (e) => {\r\n if (\r\n (locationType === \"suggested\" && e.target.name === \"isSuggestedLocation\") ||\r\n (locationType === \"other\" && e.target.name === \"isOtherLocation\")\r\n ) {\r\n setLocationType(\"\");\r\n } else if (e.target.name === \"isSuggestedLocation\") {\r\n setLocationType(\"suggested\");\r\n } else if (e.target.name === \"isOtherLocation\") {\r\n setLocationType(\"other\");\r\n }\r\n resetGridsData(false);\r\n setLocationGridKeyNumber((ps) => ps + 1);\r\n };\r\n const onFilterChangeDebounce = () => {\r\n auditInventoryServices\r\n .locationGridSearchInfoSend({\r\n \"IndexOptionsLocation\": 0,\r\n \"LocationType\": 0,\r\n \"Location\": filterObj.LocationName,\r\n \"LastCountedDate\": null,\r\n \"ShowLastCountedDate\": true,\r\n \"ShowLocationType\": true,\r\n \"ShowLocation\": true,\r\n })\r\n .then((response) => {\r\n let auditJobLocation = $(\"#\" + props.wmsSelector + \"LocationGrid\").data(\"kendoGrid\");\r\n let dataArr = [];\r\n\r\n if (filterObj.LastCounted) {\r\n dataArr.push({\r\n field: \"LastCounted\",\r\n operator: \"eq\",\r\n value: kendo.toString(kendo.parseDate(filterObj.LastCounted), lastCountedDateFormat),\r\n });\r\n }\r\n if (filterObj.LocationType && filterObj.LocationType !== \"All\") {\r\n dataArr.push({\r\n field: \"Type\",\r\n operator: \"eq\",\r\n value: filterObj.LocationType,\r\n });\r\n }\r\n if (auditJobLocation) {\r\n auditJobLocation.dataSource.filter(dataArr);\r\n }\r\n });\r\n };\r\n let onFilterChangeDebounceCall = GlobalService.useFCDebounce(onFilterChangeDebounce, 1000);\r\n const onSaveAuditJob = () => {\r\n setIsSaveAuditJobLoading(true);\r\n let locationsId = [];\r\n for (let i = 0; i < jobLocationsGridData.length; i++) {\r\n // eslint-disable-next-line security/detect-object-injection\r\n const location = jobLocationsGridData[i];\r\n locationsId.push({ \"Id\": location.Id });\r\n }\r\n let tmpAuditJob = auditJobObj;\r\n if (tmpAuditJob.AssignedTo && !tmpAuditJob.AssignedTo.Id) {\r\n delete tmpAuditJob.AssignedTo;\r\n }\r\n tmpAuditJob.Locations = locationsId;\r\n tmpAuditJob.ItemId = auditJobObj.ItemId;\r\n auditInventoryServices\r\n .auditJob(auditJobObj, props.facUri, props.auditType)\r\n .then((response) => {\r\n GlobalService.notification(\r\n \"success\",\r\n window.translate(\r\n props.auditType === \"Create\"\r\n ? \"Label_Job_Created_Successfully\"\r\n : \"Label_Job_Updated_Successfully\"\r\n )\r\n );\r\n props.getAuditOptions(props.facUri);\r\n props.onCloseManageAuditInventoryModal();\r\n })\r\n .finally(() => {\r\n setIsSaveAuditJobLoading(false);\r\n });\r\n };\r\n\r\n return (\r\n \r\n ): Array
\r\n );\r\n};\r\n\r\nAuditInventoryReviewAuditJobModal.propTypes = {\r\n selector: PropTypes.string.isRequired,\r\n auditCountsUris: PropTypes.arrayOf(PropTypes.string),\r\n selectedRowData: PropTypes.object,\r\n isOpen: PropTypes.bool.isRequired,\r\n onReviewAuditJobModalClose: PropTypes.func,\r\n facilityUri: PropTypes.string.isRequired,\r\n};\r\n\r\nAuditInventoryReviewAuditJobModal.defaultProps = {\r\n auditCountsUris: [],\r\n selectedRowData: {},\r\n isOpen: false,\r\n onReviewAuditJobModalClose: (): void => {},\r\n};\r\nexport default React.memo(AuditInventoryReviewAuditJobModal);\r\n","import React, { useState, useEffect } from \"react\";\r\nimport WmsGrid from \"../components/WmsGrid/WmsGrid\";\r\nimport * as GridConfig from \"./audit-inventory-grid-configuration\";\r\nimport ManageAuditInventoryModal from \"./manage-audit-inventory.modal.component\";\r\nimport { StringWms } from \"../../../assets/ts/StringWms\";\r\nimport AuditInventoryReviewAuditJobModal from \"./modals/audit-inventory-review-audit-job-modal.component\";\r\nimport { useFCDebounce } from \"../global_services\";\r\ninterface Props {\r\n selector: string;\r\n windowId: string;\r\n facId: number;\r\n facUri: string;\r\n auditGridData: any;\r\n userOptions: any;\r\n locationTypes: any;\r\n getAuditOptions: any;\r\n closeJob: any;\r\n closejobGif: any;\r\n onRefreshGrid(): void;\r\n}\r\n\r\ndeclare var window: any;\r\nconst AuditInventoryGrid: React.FC\r\n {/*TAB list */}\r\n
\";\r\n }\r\n });\r\n filterText = filterText.slice(0, -1);\r\n\r\n this.setState({\r\n filterText: filterText,\r\n fullFilterText: fullFilterText\r\n });\r\n }\r\n // on grid filter selection\r\n onGridFilterApplied = () => {\r\n var grid = $(\".\" + this.props.windowId + \" #OrderItemsGrid\").data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n setTimeout(() => {\r\n this.setFilterAppliedText(dataSource.filter());\r\n\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(grid.columns, sortArray, dataSource.filter());\r\n\r\n manageOrderProtoMetaDataService.setManageOrderProtoLineItemGridOptionMetaData(finalSubmission);\r\n\r\n }, 100);\r\n\r\n }\r\n\r\n onOrderItemsRefresh = () => {\r\n this.getGridData();\r\n }\r\n\r\n setCollapseMetaData = (value) => {\r\n if (this.props.isPrototypeComponent) {\r\n manageOrderProtoMetaDataService.setManageOrderProtoCollapseMetaData(\"collapse2\", value);\r\n }\r\n }\r\n handleChangeForOrderTotal = (param_parent_property, e) => {\r\n let orderObj = Object.assign(this.props.shareOrderData);\r\n if (param_parent_property == '') {\r\n orderObj[e.target.name] = e.target.value;\r\n } else {\r\n if (orderObj[param_parent_property] == null) {\r\n orderObj[param_parent_property] = { [e.target.name]: e.target.value };\r\n } else {\r\n orderObj[param_parent_property][e.target.name] = e.target.value;\r\n }\r\n }\r\n this.props.onOrderDataSet(orderObj);\r\n }\r\n fixedPointOnBlur = (fixedNumber) => (e) => {\r\n if(e.target.value) {\r\n let newValue = parseFloat(e.target.value).toFixed(fixedNumber);\r\n if (e.target.value.toString() === newValue.toString()) {\r\n return;\r\n }\r\n let orderObj = Object.assign({}, this.props.shareOrderData);\r\n orderObj.FulfillInv[e.target.name] = parseFloat(e.target.value).toFixed(fixedNumber);\r\n this.props.onOrderDataSet(orderObj);\r\n } else {\r\n let newValue = \"0.00\";\r\n let orderObj = Object.assign({}, this.props.shareOrderData);\r\n orderObj.FulfillInv[e.target.name] = newValue;\r\n this.props.onOrderDataSet(orderObj);\r\n }\r\n }\r\n handleChangeForFulFillInv = (e) => {\r\n let orderObj = Object.assign(this.props.shareOrderData);\r\n let IsLineItemInitialCallSet = this.state.IsLineItemInitialCallSet ;\r\n if(e){\r\n if (\r\n e.target.name == 'FulfillInvDiscountAmount'\r\n ) {\r\n let lineItemTotalTemp = this.state.lineItemSubTotal +\r\n parseFloat(orderObj.FulfillInv.FulfillInvTax) +\r\n parseFloat(orderObj.FulfillInv.FulfillInvShippingAndHandling);\r\n if(parseFloat(e.target.value) > parseFloat(lineItemTotalTemp)){\r\n this.props.onOrderDataSet(orderObj,true); // pass true to remain discard button enable\r\n return;\r\n }\r\n }\r\n\r\n if (orderObj.FulfillInv == null) {\r\n orderObj.FulfillInv = { [e.target.name]: e.target.value };\r\n } else {\r\n orderObj.FulfillInv[e.target.name] = e.target.value;\r\n }\r\n }else{\r\n if(IsLineItemInitialCallSet == false ){\r\n this.setState({IsLineItemInitialCallSet : true });\r\n }\r\n }\r\n\r\n if(this.state.lineItemSubTotal){\r\n var lineItemTotal =\r\n this.state.lineItemSubTotal +\r\n parseFloat(\r\n orderObj.FulfillInv.FulfillInvTax ?\r\n orderObj.FulfillInv.FulfillInvTax :\r\n 0\r\n ) +\r\n parseFloat(\r\n orderObj.FulfillInv.FulfillInvShippingAndHandling ? orderObj.FulfillInv.FulfillInvShippingAndHandling :\r\n 0\r\n ) -\r\n parseFloat(\r\n orderObj.FulfillInv.FulfillInvDiscountAmount ?\r\n orderObj.FulfillInv.FulfillInvDiscountAmount :\r\n 0\r\n );\r\n this.setState({lineItemTotal:lineItemTotal.toFixed(2)});\r\n }else{\r\n orderObj.FulfillInv.FulfillInvTax = '0.00';\r\n orderObj.FulfillInv.FulfillInvShippingAndHandling = '0.00';\r\n orderObj.FulfillInv.FulfillInvDiscountAmount = '0.00';\r\n this.setState({ lineItemTotal:'0.00'});\r\n }\r\n this.props.onOrderDataSet(orderObj,IsLineItemInitialCallSet);\r\n }\r\n openDeleteConfirmModel = (param_baseCall) => (e) => {\r\n let orderLineItemsGrid = $(\".\" + this.props.windowId + ' #OrderItemsGrid').data('kendoGrid');\r\n let tmpItemIds = [];\r\n let tmpItemName = [];\r\n var tmpDeleteClickFrom = '';\r\n var selectLineItemObj= {};\r\n if(param_baseCall == 'fromInline'){\r\n var dataItem = orderLineItemsGrid.dataItem($(e.currentTarget).closest('tr'));\r\n tmpItemIds = [dataItem.OrderItemId];\r\n tmpItemName = [dataItem.Sku];\r\n tmpDeleteClickFrom = 'fromInlineGrid';\r\n selectLineItemObj = dataItem;\r\n if(this.props.isCustomerUserAndOrderComplete){\r\n GlobalService.notification(\r\n \"warning\",\r\n this.translate('note_cant_delete_line_item_customer_user'),\r\n );\r\n return;\r\n }\r\n }else{\r\n let selectedIndexs = [];\r\n let selectedRows = orderLineItemsGrid.select();\r\n tmpItemIds = [];\r\n for (let x = 0; x < selectedRows.length; x++) {\r\n selectedIndexs.push(selectedRows[x].rowIndex);\r\n }\r\n\r\n for (let x = 0; x < selectedIndexs.length; x++) {\r\n tmpItemIds.push(orderLineItemsGrid._data[selectedIndexs[x]].OrderItemId);\r\n tmpItemName.push(orderLineItemsGrid._data[selectedIndexs[x]].Sku);\r\n }\r\n\r\n tmpItemIds = tmpItemIds;\r\n tmpItemName = tmpItemName;\r\n }\r\n\r\n this.setState({\r\n isOpenDeleteConfirmModel:true,\r\n selectedItemIds:tmpItemIds,\r\n selectedItemNames:tmpItemName,\r\n deleteClickFrom:tmpDeleteClickFrom,\r\n selectLineItemObj:selectLineItemObj\r\n });\r\n }\r\n closeDeleteconfirm = () => {\r\n this.setState({ isOpenDeleteConfirmModel:false });\r\n }\r\n orderItemsGridDelete = () => {\r\n\r\n this.setState({ gifDeleteLineItem: true });\r\n\r\n let orderLineItemsGrid = $(\".\" + this.props.windowId + ' #OrderItemsGrid').data('kendoGrid');\r\n\r\n manageOrderServices.deleteMultipleOrderLineItems({\r\n\r\n orderItemsListUri: this.props.shareOrderData.OrderItemsUri,\r\n ids: this.state.selectedItemIds\r\n\r\n }).then((response) => {\r\n\r\n GlobalService.notification('success', this.translate('Label_Deleted_Success'));\r\n this.resetGridAndSelection();\r\n\r\n let gridData = orderLineItemsGrid.dataSource.data();\r\n let isFullyAllocated = true;\r\n let allocatedSkuList = \"\";\r\n\r\n\r\n for (let i = 0; i < gridData.length; i++) {\r\n if (gridData[i].FullyAllocated == false) {\r\n isFullyAllocated = false;\r\n allocatedSkuList += \"\r\n \r\n \r\n \r\n \r\n \r\n
';\r\n for (var i = 0; i < requiredErrorArray.length; i++) {\r\n finalString += requiredErrorArray[i].Field + '
';\r\n }\r\n }\r\n\r\n if (invalidErrorArray.length > 0) {\r\n finalString += '' + InvalidValidationText + ':' + '
';\r\n for (var index = 0; index < invalidErrorArray.length; index++) {\r\n finalString += invalidErrorArray[index].Field + '
';\r\n }\r\n }\r\n GlobalService.notification('validation', finalString);\r\n\r\n }\r\n // start code for advance contact look up modal which used in conatct detail section\r\n onOpenAdvanceLookupModal = (param_contact_type) => {\r\n this.setState({\r\n sharedContactType: param_contact_type,\r\n sharedIsAdvanceContactModal: true\r\n });\r\n }\r\n onCloseLookUpModal = () => {\r\n this.setState({ sharedIsAdvanceContactModal: false });\r\n }\r\n\r\n onContactSelect = (param_contobj) => {\r\n this.onCloseLookUpModal();\r\n let propsOrderObj = Object.assign({},this.state.shareOrderData);\r\n propsOrderObj[param_contobj.contactType] = param_contobj.selectedContact;\r\n this.onRegisterContactSet(param_contobj.selectedContact,param_contobj.contactType);\r\n this.onOrderDataSet(propsOrderObj);\r\n }\r\n // End code for advance contact look up modal which used in conatct detail section\r\n\r\n // Start Code For create manual charge modal which used in ManageOrdersCalculateCharges section\r\n\r\n onOpenCreateManualChargeModal = (paran_modal_data) => {\r\n this.setState({\r\n manualChargeOptions: paran_modal_data.chargesOptions,\r\n isOpenManualChargeModal: true\r\n });\r\n }\r\n\r\n onCloseCreateManualChargeModal = () => {\r\n this.setState({\r\n isOpenManualChargeModal: false\r\n });\r\n }\r\n\r\n\r\n addOrderChargesGrid = (data) => {\r\n let billingChargesData = this.state.sharedOptions.BillingCharges == null ? [] : this.state.sharedOptions.BillingCharges;\r\n\r\n var ManualCharge = {\r\n \"Action\": \"a\",\r\n \"ChargeOrigin\": 2,\r\n \"ChargeLabel\": data.ChargeLabel,\r\n \"ChargeTypeId\": data.ChargeTypeId,\r\n \"ChargeTypeDescription\": data.ChargeType,\r\n \"UnitDescription\": data.Description,\r\n \"ChargePerUnit\": data.ChargePerUnit,\r\n \"NumberOfUnits\": data.NumberOfUnits,\r\n \"TotalCharges\": data.TotalCharges,\r\n \"GeneralLedgerAccount\": data.GeneralLedgerAccount,\r\n \"ExternalAccountsReceivable\": data.ExternalAccountsReceivable,\r\n \"ExternalItemIdentifier\": data.ExternalItemIdentifier,\r\n \"ExternalItemDescription\": data.ExternalItemDescription,\r\n \"SKU\": \"\",\r\n \"Notes\": \"\",\r\n \"UnsavedManualCharge\": true,\r\n \"SystemGenerated\": false\r\n };\r\n\r\n billingChargesData.push(ManualCharge);\r\n billingChargesData = ObjectWms.removeObjFromListOnParameterValue(billingChargesData, \"SystemGenerated\", true);\r\n\r\n this.setState({\r\n sharedOptions: Object.assign(\r\n {},\r\n this.state.sharedOptions,\r\n {\r\n BillingCharges: billingChargesData\r\n }\r\n ),\r\n showDiscard: true\r\n });\r\n\r\n }\r\n saveAndAddOrderCharges = () => {\r\n\r\n manageOrderServices.recalculateOrderCharges(this.state.shareOrderData.OrderId).then((response) => {\r\n if (response) {\r\n if (response.status == 200) {\r\n GlobalService.notification('success', this.translate('Label_Success_recalculateCharges'));\r\n\r\n // if ($scope.CreateOrderClicked == true) {\r\n // $scope.Nav.Notifications(\"success\", {\r\n // title: 'Success',\r\n // message: $scope.Label_Success_AddAutoCharges,\r\n // detail: ''\r\n // });\r\n // $scope.CreateOrderClicked = false;\r\n // } else {\r\n // $scope.Nav.Notifications(\"success\", {\r\n // title: 'Success',\r\n // message: $filter('translate')('Label_Success_recalculateCharges'),\r\n // detail: ''\r\n // });\r\n // }\r\n // $scope.ManageOrders.$setPristine();\r\n let billingChargesData = [];\r\n response.data.forEach((element, key) => {\r\n billingChargesData.push({\r\n \"Action\": \"a\",\r\n \"ChargeOrigin\": element.ChargeOrigin,\r\n \"ChargeLabel\": element.ChargeLabel,\r\n \"ChargeTypeId\": element.ChargeTypeId,\r\n \"ChargeTypeDescription\": element.ChargeTypeDescription,\r\n \"UnitDescription\": element.UnitDescription,\r\n \"ChargePerUnit\": element.ChargePerUnit,\r\n \"NumberOfUnits\": element.NumberOfUnits,\r\n \"TotalCharges\": element.TotalCharges,\r\n \"GeneralLedgerAccount\": element.GeneralLedgerAccount,\r\n \"ExternalAccountsReceivable\": element.ExternalAccountsReceivable,\r\n \"ExternalItemIdentifier\": element.ExternalItemIdentifier,\r\n \"ExternalItemDescription\": element.ExternalItemDescription,\r\n \"SKU\": element.SKU,\r\n \"Notes\": element.Notes,\r\n \"UnsavedManualCharge\": false,\r\n \"SystemGenerated\": element.SystemGenerated\r\n });\r\n\r\n });\r\n this.setState({\r\n sharedOptions: Object.assign(\r\n {},\r\n this.state.sharedOptions,\r\n {\r\n BillingCharges: billingChargesData\r\n }\r\n )\r\n });\r\n }\r\n }\r\n this.setState({ sharedRecalculateGif: false });\r\n }).finally(() => {\r\n this.setState({ sharedRecalculateGif: false });\r\n });\r\n }\r\n // End Code For create manual charge modal which used in ManageOrdersCalculateCharges section\r\n\r\n // Start code for custom order info modal which is used in ManageOrdersCustomOrderInfo\r\n onOpenModalAddCustomField = () => {\r\n this.setState({ sharedIsOpenAddCustomFieldModal: true });\r\n }\r\n\r\n onCloseAddCustomField = () => {\r\n this.setState({ sharedIsOpenAddCustomFieldModal: false });\r\n }\r\n // End code for custom order info modal which is used in ManageOrdersCustomOrderInfo\r\n\r\n // Start code for manage allocation modal which is used in ManageOrdersLineItem\r\n onOpenManageAllocationModal = (param_obj) => {\r\n this.setState({\r\n sharedIsOpenManageAllocation: param_obj.isModalOpen,\r\n sharedEditAllocationData: param_obj.modalSharedData\r\n });\r\n }\r\n onOpenProtoMassAddModal = (param_obj) => {\r\n this.setState({\r\n sharedIsOpenProtoMassAdd: param_obj.isModalOpen,\r\n sharedEditAllocationData: param_obj.modalSharedData\r\n });\r\n }\r\n onCloseProtoMassAdd = () => {\r\n this.setState({\r\n sharedIsOpenProtoMassAdd: false\r\n });\r\n }\r\n onCloseManageAllocationModal = () => {\r\n this.setState({ sharedIsOpenManageAllocation: false });\r\n }\r\n resetGridAndSelection = () => {\r\n this.setState({\r\n sharedIsResetLineItemGrid: !this.state.sharedIsResetLineItemGrid,\r\n });\r\n }\r\n // End code for manage allocation modal which is used in ManageOrdersLineItem\r\n\r\n //Start code for add line item model which is used in ManageOrdersLineItem\r\n\r\n onOpenAddEditLineItemModal = (param_obj) => (e) => {\r\n this.setState({\r\n sharedSelectedItemObj:param_obj,\r\n sharedIsOpenAddLineItem: true\r\n });\r\n }\r\n\r\n onCloseAddEditLineItemModal = () => {\r\n this.setState({ sharedIsOpenAddLineItem: false });\r\n }\r\n //End code for add line item model which is used in ManageOrdersLineItem\r\n handleKeyPress = (e) => {\r\n if (e.key === 'Enter') {\r\n this.saveOrderClicked();\r\n }\r\n }\r\n\r\n onClickExitForm = () => {\r\n GlobalService.closeWindow(this.windowId);\r\n }\r\n\r\n onDocumentMouseEnter = (text) => {\r\n this.setState({\r\n disabledText: text\r\n });\r\n }\r\n\r\n onDocumentMouseLeave = () => {\r\n this.setState({\r\n disabledText: \"\"\r\n });\r\n }\r\n // click on cancel button of bill of landing model\r\n onCloseBillOfLadingModel = () => {\r\n this.setState({\r\n isOpenBillOfLadingModel: false\r\n });\r\n }\r\n onRegisterContactSet = (contact_obj,contact_type) => {\r\n if(contact_type == 'ShipTo'){\r\n this.originalShipToContact = contact_obj;\r\n }else if(contact_type == 'BillTo'){\r\n this.originalBillToContact = contact_obj;\r\n }else if(contact_type == 'SoldTo'){\r\n this.originalSoldToContact = contact_obj;\r\n }\r\n }\r\n onSaveAndExit = () => {\r\n this.saveOrderClicked(\"FromAreYouSureModal\");\r\n }\r\n onDiscardAndExit = () => {\r\n this.setState({\r\n isOpenConfirmModel:false\r\n });\r\n setTimeout(() => {\r\n this.$rootScope.dirtyWindow[this.windowId] = false;\r\n this.onClickExitForm();\r\n // remove event listner on close window\r\n var eventName = \"onDirtyWindowCloseOrderPrototype\" + this.windowId;\r\n document.removeEventListener(eventName, this.openConfirmModal);\r\n }, 100);\r\n\r\n }\r\n onCloseFunc = () => {\r\n this.setState({\r\n isOpenConfirmModel:false\r\n });\r\n }\r\n onGridItemChange = () => {\r\n this.setState({\r\n isLineItemChanges : true\r\n });\r\n }\r\n trimRefNo = (e) => {\r\n let val = e.target.value;\r\n this.setState({\r\n shareOrderData: Object.assign(\r\n {}, this.state.shareOrderData,\r\n { ReferenceNum: val.trim() }\r\n )\r\n });\r\n }\r\n render() {\r\n if(this.windowId){\r\n this.$rootScope.dirtyWindow[this.windowId] = this.state.showDiscard;\r\n }\r\n var currentCustomerId = this.state.selectedCustomerId;\r\n let sharedDataObjCopy = _.cloneDeep(this.state.shareOrderData);\r\n\r\n return (\r\n\r\n
\";\r\n }\r\n });\r\n filterText = filterText.slice(0, -1);\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n var recordsOnCurrentView = dataSource.view().length;\r\n\r\n this.setState({\r\n filterText: filterText,\r\n fullFilterText: fullFilterText,\r\n inlineGridFilter: true,\r\n inlineGridFilterCount: recordsOnCurrentView\r\n });\r\n }\r\n eventOrderChanged = (e) => {\r\n if(e && e.detail.source && e.detail.source == \"pickTicketApiSuccess\"){\r\n this.resetGridSelectionAfterGridRefresh();\r\n } else {\r\n this.resetGridSelectionAndButton();\r\n }\r\n }\r\n\r\n\r\n getInitialPrintMenu() {\r\n //setting to the first customer in the list for now until we talk to Jeff and come to a resolution\r\n var customerId = GlobalService.GetCurrentUser().CustomerIds[0];\r\n\r\n GlobalService.initialPrintMenu(customerId).then((response) => {\r\n if (response) {\r\n this.setState({\r\n InitialPrintMenuResponse: response\r\n });\r\n this.updateInitialPrintMenu();\r\n }\r\n }).finally(() => { });\r\n }\r\n\r\n\r\n\r\n openTransferOrderModel = () =>{\r\n var customerIds = [];\r\n var FacilityId = '';\r\n let orderIds = this.state.LocalKendoGrid.getKeys();\r\n orderIds.forEach(key => {\r\n var selectedItem = this.state.LocalKendoGrid.getItem(key);\r\n if(!customerIds.includes(selectedItem.CustomerId)){\r\n customerIds.push(selectedItem.CustomerId);\r\n FacilityId = selectedItem.FacilityId;\r\n }\r\n });\r\n console.log(\"customerIds :\",customerIds);\r\n\r\n var optionsCustomer = GlobalService.getCustomerList(false);\r\n var optionsFacility = GlobalService.getFacilityList(false);\r\n var facilityObj = [];\r\n var facilityOptions = [];\r\n var facilityName = '';\r\n\r\n _.filter(optionsCustomer, function(objCust){\r\n if(customerIds.includes(objCust.id)){\r\n console.log(\"Customer facility options \",objCust.facilities);\r\n if(facilityObj.length > 0){\r\n facilityObj = _.intersection(facilityObj, objCust.facilities);\r\n }else{\r\n facilityObj = objCust.facilities;\r\n }\r\n }\r\n });\r\n\r\n _.filter(optionsFacility, function(objFac){\r\n if(facilityObj.includes(objFac.id) && FacilityId != objFac.id){\r\n facilityOptions.push(objFac);\r\n }\r\n\r\n if(FacilityId == objFac.id){\r\n facilityName = objFac.name;\r\n }\r\n });\r\n\r\n this.setState({\r\n sharedIsOpenTransferModel:true,\r\n transferFacilityOptions:facilityOptions,\r\n transferFacilityName:facilityName,\r\n });\r\n }\r\n closeTransferOrderModel = () =>{\r\n this.setState({ sharedIsOpenTransferModel:false });\r\n }\r\n updateInitialPrintMenu = () => {\r\n var params = {\r\n Selector: this.state.Selector,\r\n SelectedOrders: this.state.SelectedOrders,\r\n SameFacility: this.state.SameFacility,\r\n SameCustomer: this.state.SameCustomer,\r\n ParcelLabelType: this.state.ParcelLabelType,\r\n SameBatchId: this.state.SameBatchId,\r\n FullyAllocated: this.state.FullyAllocated,\r\n EnablePickOption: this.state.EnablePickOption,\r\n TplSettings: this.state.TplSettings,\r\n isSamePrintedFormat:this.state.isSamePrintedFormat,\r\n Rights: this.state.Rights,\r\n SelectedOrderIds: this.state.SharedSelectedOverAllocatedOrderIds,\r\n fnNames: ['RunBOLReport', 'RunMasterBOLReport', 'RunReportShippingLabels', 'RunReportViewTransaction'],\r\n isSmartParcelDisable:this.state.Selection.smartParcel.disabled\r\n };\r\n\r\n const updatedMenus = DynamicMenu.getInitialPrintMenu(this.state.InitialPrintMenuResponse, params, this.dynamicMenuClick, 'findOrder');\r\n\r\n this.setState({\r\n MenuPrintData: updatedMenus.PrintData,\r\n MenuSmartParcelData: updatedMenus.SmartParcelData,\r\n });\r\n }\r\n\r\n UpdateGridSummary = () => {\r\n if (this.state.LocalKendoGrid != null) {\r\n let KendoGrid = this.state.LocalKendoGrid;\r\n\r\n var selection = JSON.parse(JSON.stringify(this.defaultSelectionObj));\r\n\r\n var IsClosed = KendoGrid.valueExists(\"IsClosed\", true);\r\n var customCompletLabel = GlobalService.getCustomLabels().Label_Complete;\r\n var IsComplete = KendoGrid.valueExists(\"Status\", customCompletLabel);\r\n var IsOpen = KendoGrid.valueExists(\"Status\", \"Open\");\r\n var CanConfirm = KendoGrid.valueExists(\"CanConfirm\", false);\r\n var CanCancel = KendoGrid.valueExists(\"CanCancel\", false);\r\n var CanUnconfirm = KendoGrid.valueExists(\"CanUnconfirm\", false);\r\n var SelectedOrders = KendoGrid.getNumberOfSelections();\r\n var SameFacility = KendoGrid.valuesIdentical(\"FacilityId\");\r\n var isSamePrintedFormat = KendoGrid.valuesIdentical(\"ParcelLabelType\");\r\n var isIdenticalStatusOpen = KendoGrid.identicalValuesInSelectedSet(\"Status\",\"Open\");\r\n\r\n var SameCustomer = KendoGrid.valuesIdentical(\"CustomerId\");\r\n var SameBatchId = KendoGrid.valuesIdentical(\"BatchOrderId\");\r\n var CanSplit = KendoGrid.valueExists(\"CanSplit\", false);\r\n var CanAllocate = KendoGrid.valueExists(\"CanAllocate\", true);\r\n var OneOrMoreInPickJob = KendoGrid.theNotValueDoesExist(\"PickJobId\", null);\r\n var IsPickDone = KendoGrid.valueExists(\"IsPickDone\", true);\r\n var SamePickJobId = KendoGrid.valuesIdentical(\"PickJobId\");\r\n var CanDeallocate = KendoGrid.valueExists(\"CanDeallocate\", false);\r\n var orderPartOfBatch = KendoGrid.theNotValueDoesExist(\"BatchOrderId\", null);\r\n var CanExportTMW = KendoGrid.valueExists(\"CanExportToTmw\", false);\r\n var NoLineItems = KendoGrid.valueExists(\"TotalLines\", 0);\r\n var notFullyAllocated = KendoGrid.valueExists(\"FullyAllocated\", false);\r\n var hasAllocations = KendoGrid.valueDoesNotExist(\"HasAllocations\", false);\r\n var isFullyAllocate = KendoGrid.valueExists(\"FullyAllocated\", true);\r\n var IdenticalSetOfOrders = KendoGrid.valuesIdentical(\"FullyAllocated\");\r\n var CanRegenPkgs = KendoGrid.valueDoesNotExist(\"CanRegenPkgs\", false);\r\n var selectedOverAllocatedOrders = KendoGrid.getSelectedOrderIdsByValue(\"FullyAllocated\", false);\r\n\r\n var TrackingNumDoesNotExists;\r\n var TrackingNumRequired = false;\r\n\r\n if (SelectedOrders >= 1) {\r\n var orderData = this.state.LocalKendoGrid.getItem(KendoGrid.getKeys()[0]);\r\n var selectedCustomerData = KendoGrid.getSelectedCustomerData(this.state.customers, orderData.CustomerId);\r\n if (!selectedCustomerData) {\r\n this.setState({ isOpenCustomerNotFoundModel: true });\r\n return;\r\n }\r\n TrackingNumDoesNotExists = KendoGrid.valuesNullOrEmpty(\"TrackingNumber\");\r\n TrackingNumRequired = selectedCustomerData.options.requireTrackingNumber;\r\n\r\n // Count only change if selected order is 1 or more\r\n var TotVolumeMetric = KendoGrid.sumDictionaryParameter(\"TotVolumeMetric\");\r\n var TotVolumeImperial = KendoGrid.sumDictionaryParameter(\"TotVolumeImperial\");\r\n var TotWeightMetric = KendoGrid.sumDictionaryParameter(\"TotWeightMetric\");\r\n var TotWeightImperial = KendoGrid.sumDictionaryParameter(\"TotWeightImperial\");\r\n var TotPackages = KendoGrid.sumDictionaryParameter(\"TotPackages\");\r\n var TotPrimaryUnit = KendoGrid.sumDictionaryParameter(\"TotalItemQty\");\r\n this.setState({\r\n orderSummary:{\r\n \"TotVolumeMetric\":TotVolumeMetric,\r\n \"TotVolumeImperial\":TotVolumeImperial,\r\n \"TotWeightMetric\":TotWeightMetric,\r\n \"TotWeightImperial\":TotWeightImperial,\r\n \"TotPackages\":TotPackages,\r\n \"TotPrimaryUnit\":TotPrimaryUnit,\r\n }\r\n });\r\n } else {\r\n this.totalOrderSummary();\r\n }\r\n\r\n\r\n if (IsOpen){\r\n selection.createPickJob.disabled = true;\r\n selection.createPickJob.message = this.translate('note_create_pick_job_completeorder');\r\n }\r\n if (orderPartOfBatch == false) {\r\n selection.removeFromBatch.disabled = true;\r\n selection.removeFromBatch.message = this.translate('note_removeFromBatch_orderPartOfBatch');\r\n }\r\n if (CanSplit == true) {\r\n selection.splitOverallocated.disabled = true;\r\n selection.splitOverallocated.message = this.translate('note_split_order_fullyallocate');\r\n }\r\n\r\n // shortShipOrders only enable for partial orders\r\n selection.shortShipOrders.message = this.translate('Label_Short_Ship_Orders_Disabled_Note');\r\n if(!isFullyAllocate && hasAllocations) {\r\n // selection.shortShipOrders.disabled = true;\r\n } else {\r\n selection.shortShipOrders.disabled = true;\r\n }\r\n\r\n if (CanConfirm == true) {\r\n selection.shipAndClose.disabled = true;\r\n selection.shipAndClose.message = this.translate('note_ship_and_close_canConfirm');\r\n }\r\n if(TrackingNumRequired && TrackingNumDoesNotExists){\r\n selection.shipAndClose.disabled = true;\r\n selection.shipAndClose.message = this.translate('Label_Disabled_ShipAndClose');\r\n }\r\n if (CanCancel == true) {\r\n selection.cancel.disabled = true;\r\n selection.cancel.message = this.translate('note_cancel_closedorder');\r\n }\r\n if (CanUnconfirm == true) {\r\n selection.reopen.disabled = true;\r\n selection.reopen.message = this.translate('note_reopen_closedorder');\r\n }\r\n if (CanExportTMW == true) {\r\n selection.tmw.disabled = true;\r\n }\r\n if (CanAllocate == false) {\r\n selection.reallocate.disabled = true;\r\n selection.reallocate.message = this.translate('note_reallocate_closedorder');\r\n }\r\n else {\r\n selection.createPickJob.disabled = true;\r\n selection.createPickJob.message = this.translate('note_create_pick_job_underallocated');\r\n }\r\n if (OneOrMoreInPickJob == true) {\r\n selection.createPickJob.disabled = true;\r\n selection.createPickJob.message = this.translate('note_create_pick_job_inpickjob');\r\n }\r\n else {\r\n selection.removeFromPickJob.disabled = true;\r\n selection.removeFromPickJob.message = this.translate('note_removefrom_pick_job_inpickjob');\r\n selection.deletePickJob.disabled = true;\r\n selection.deletePickJob.message = this.translate('note_delete_pick_job_inpickjob');\r\n }\r\n if (IsPickDone == true) {\r\n selection.createPickJob.disabled = true;\r\n selection.createPickJob.message = this.translate('note_create_pick_job_ispickdone');\r\n }\r\n if (SamePickJobId == false) {\r\n selection.removeFromPickJob.disabled = true;\r\n selection.removeFromPickJob.message = this.translate('note_removefrom_pick_job_samepickjobid');\r\n selection.deletePickJob.disabled = true;\r\n selection.deletePickJob.message = this.translate('note_delete_pick_job_samepickjobid');\r\n }\r\n if (CanDeallocate == true) {\r\n selection.unallocate.disabled = true;\r\n selection.unallocate.message = this.translate('note_unallocate_closedorder');\r\n }\r\n if (NoLineItems == true) {\r\n selection.createPickJob.disabled = true;\r\n selection.createPickJob.message = this.translate('note_create_pick_job_underallocated');\r\n }\r\n if (CanRegenPkgs == false) {\r\n selection.recalcPkgs.disabled = true;\r\n selection.recalcPkgs.message = this.translate('note_cant_recalcpkgs');\r\n\r\n selection.consolidatePkgs.disabled = true;\r\n selection.consolidatePkgs.message = this.translate('note_cant_consolidatepkgs');\r\n }\r\n if (SameFacility !== true || IsClosed == true) {\r\n selection.transferOrder.disabled = true;\r\n selection.transferOrder.message = this.translate('note_Transfer_Order');\r\n }\r\n if (IsComplete == true && !this.state.Rights.hasOwnProperty('isWarehouseUser')) {\r\n selection.transferOrder.disabled = true;\r\n selection.transferOrder.message = this.translate('note_Transfer_Complete_Order_For_Cust_User');\r\n }\r\n if (SelectedOrders > 1) {\r\n selection.transferOrder.label = this.translate('Label_Transfer_Order') + 's';\r\n }\r\n if (SameCustomer !== true) {\r\n selection.createPickJob.disabled = true;\r\n selection.createPickJob.message = this.translate('note_create_pick_job_samecustomer');\r\n selection.shipAndClose.disabled = true;\r\n selection.shipAndClose.message = this.translate('note_ship_and_close_samecustomer');\r\n selection.reallocate.disabled = true;\r\n selection.reallocate.message = this.translate('note_reallocate_samecustomer');\r\n selection.addToNewBatch.disabled = true;\r\n selection.addToNewBatch.message = this.translate('note_addToNewBatch_samecustomer');\r\n selection.addToExistingBatch.disabled = true;\r\n selection.addToExistingBatch.message = this.translate('note_addToExistingBatch_samecustomer');\r\n }\r\n if (SameFacility !== true) {\r\n selection.carrierAndRouting.disabled = true;\r\n selection.carrierAndRouting.message = this.translate('note_edit_carrier_samefacility');\r\n selection.createPickJob.disabled = true;\r\n selection.createPickJob.message = this.translate('note_create_pick_job_samefacility');\r\n selection.shipAndClose.disabled = true;\r\n selection.shipAndClose.message = this.translate('note_ship_and_close_samefacility');\r\n selection.addToNewBatch.disabled = true;\r\n selection.addToNewBatch.message = this.translate('note_addToNewBatch_samefacility');\r\n selection.addToExistingBatch.disabled = true;\r\n selection.addToExistingBatch.message = this.translate('note_addToExistingBatch_samefacility');\r\n }\r\n\r\n\r\n if (IsClosed == true) {\r\n selection.carrierAndRouting.disabled = true;\r\n selection.carrierAndRouting.message = this.translate('note_edit_carrier_closedorder');\r\n selection.createPickJob.disabled = true;\r\n selection.createPickJob.message = this.translate('note_create_pick_job_closedorder');\r\n selection.removeFromPickJob.disabled = true;\r\n selection.removeFromPickJob.message = this.translate('note_removefrom_pick_job_closedorder');\r\n selection.deletePickJob.disabled = true;\r\n selection.deletePickJob.message = this.translate('note_delete_pick_job_closedorder');\r\n selection.editOrder.disabled = true;\r\n selection.editOrder.message = this.translate('note_edit_order');\r\n selection.smartParcel.disabled = true;\r\n }\r\n\r\n if(IsComplete && !this.state.Rights.hasOwnProperty('isWarehouseUser')){\r\n selection.editOrder.disabled = true;\r\n selection.editOrder.message = this.translate('note_Customer_User_Disable_Note');\r\n selection.carrierAndRouting.disabled = true;\r\n selection.carrierAndRouting.message = this.translate('note_edit_carrier_customer_user');\r\n }\r\n\r\n if (SelectedOrders != 1) {\r\n selection.editOrder.message = this.translate('note_edit_order');\r\n selection.attachFiles.disabled = true;\r\n selection.attachFiles.message = this.translate('note_attach_files');\r\n }\r\n\r\n if (isIdenticalStatusOpen == false) {\r\n selection.markOrdersComplete.disabled = true;\r\n selection.markOrdersComplete.message = this.translate('Label_Mark_Orders_Complete_Disable');\r\n }\r\n\r\n // Because of partial allocations, we are implementing a rule that you cannot allocate if you are not in the same warehouse\r\n // So this doesn't apply unless there is more than 1 selection obviously. We are including this here because it is\r\n // AFTER the normal check for allocations as we want to display to the user first if the normal rules for allocation apply\r\n // In other words the priority for displaying to users is this\r\n // First normal allocation message (You can't allocate on no line item orders etc)\r\n // Then would be you cannot allocate from 2 different facilities\r\n // So is there more than 1 order selected, are those orders allocatable and are then in different warehouses\r\n if (SelectedOrders >= 1 && CanAllocate === true && SameFacility !== true) {\r\n selection.reallocate.disabled = true;\r\n selection.reallocate.message = this.translate('Note_Allocate_Must_Be_Same_Facility');\r\n }\r\n\r\n // Condition for parcel type start\r\n var ParcelLabelType = 0;\r\n var ParcelLabelTypeArr = [];\r\n\r\n // We may need the currently selected Facility ID, we will instantiate a variable here although we will only\r\n // change or populate this ID, if the current selection contains only the same Facility ID\r\n // We will check this when we loop through the selection loop below\r\n var FacilityIdSelected = 0;\r\n\r\n // This appears to be looping through our selections.\r\n // Use this below if you need to get specific data out of the current selections\r\n // SELECTION LOOP\r\n KendoGrid.getKeys().forEach(key => {\r\n var selectedItem = KendoGrid.getItem(key);\r\n ParcelLabelTypeArr.push(selectedItem.ParcelLabelType);\r\n // We only want to select a facilityID if they are all the same facility. We don't want to assign it though\r\n // everytime through the loop though, so we will check to see if it is it's default setting. If it is still its\r\n // default setting then change it, if not (in other words it has already changed then just do nothing)\r\n if (SameFacility === true && FacilityIdSelected === 0){\r\n if(selectedItem.hasOwnProperty(\"FacilityId\")){\r\n FacilityIdSelected = selectedItem.FacilityId;\r\n } else {\r\n console.log(\"WE SHOULD NEVER REACH THIS STATE, SOMEHOW THE GRID DID NOT HAVE A FACILITYID PROPERTY IN ITS ROW\");\r\n }\r\n\r\n }\r\n });\r\n\r\n if (ParcelLabelTypeArr.includes(1)) {\r\n ParcelLabelType = 1;\r\n } else if (ParcelLabelTypeArr.includes(2)) {\r\n ParcelLabelType = 2;\r\n }\r\n // Condition for parcel type end\r\n\r\n // conditional enabling of the PickTicket option for overallocated and multiselected set of orders\r\n var enablePickTicketOption = true;\r\n if (SelectedOrders == 1 && notFullyAllocated && !this.state.TplSettings.Shipping.PrintOverAllocPickTickets) {\r\n enablePickTicketOption = false;\r\n } else if (SelectedOrders > 1 && !IdenticalSetOfOrders) {\r\n enablePickTicketOption = false;\r\n } else if (SelectedOrders > 1 && (notFullyAllocated && IdenticalSetOfOrders) && !this.state.TplSettings.Shipping.PrintOverAllocPickTickets) {\r\n enablePickTicketOption = false;\r\n }\r\n\r\n if(IsComplete && !this.state.Rights.hasOwnProperty('isWarehouseUser')){\r\n selection.unallocate.disabled = true;\r\n selection.unallocate.message = this.translate('note_unallocate_closedorder_customer_user');\r\n selection.reallocate.disabled = true;\r\n selection.reallocate.message = this.translate('note_reallocate_closedorder_customer_user');\r\n }\r\n\r\n if(!this.state.Rights.hasOwnProperty('isWarehouseUser')){\r\n selection.createPickJob.disabled = true;\r\n selection.removeFromPickJob.disabled = true;\r\n selection.deletePickJob.disabled = true;\r\n selection.createPickJob.message = this.translate('note_create_pick_job_completeorder_customer_user');\r\n selection.removeFromPickJob.message = this.translate('note_removefrom_pick_job_closedorder_customer_user');\r\n selection.deletePickJob.message = this.translate('note_delete_pick_job_closedorder_customer_user');\r\n }\r\n\r\n if (CanRegenPkgs == true && IsComplete && !this.state.Rights.hasOwnProperty('isWarehouseUser')) {\r\n selection.consolidatePkgs.disabled = true;\r\n selection.consolidatePkgs.message = this.translate('note_cant_consolidatepkgs_customer_user');\r\n\r\n selection.recalcPkgs.disabled = true;\r\n selection.recalcPkgs.message = this.translate('note_cant_recalculatepkgs_customer_user');\r\n }\r\n if (IsComplete && !this.state.Rights.hasOwnProperty('isWarehouseUser')) {\r\n selection.processPkgs.disabled = true;\r\n selection.processPkgs.message = this.translate('note_cant_processpackgs_customer_user');\r\n\t\t\t}\r\n\t\t\tif (IsComplete && !this.state.Rights.hasOwnProperty('isWarehouseUser')) {\r\n\t\t\t\tselection.cancel.disabled = true;\r\n\t\t\t\tselection.cancel.message = this.translate('note_cant_cancel_customer_user');\r\n\t\t\t}\r\n this.setState({\r\n Selection: selection,\r\n SelectedOrders: SelectedOrders,\r\n SameFacility: SameFacility,\r\n isSamePrintedFormat: isSamePrintedFormat,\r\n SameFacilityId: FacilityIdSelected,\r\n SameCustomer: SameCustomer,\r\n SameBatchId: SameBatchId,\r\n FullyAllocated: !notFullyAllocated,\r\n SharedSelectedOrderIds: KendoGrid.getKeys(),\r\n sharedSelectedOrderData: this.state.LocalKendoGrid.getItem(KendoGrid.getKeys()[0]),\r\n ParcelLabelType: ParcelLabelType,\r\n EnablePickOption: enablePickTicketOption,\r\n SharedSelectedOverAllocatedOrderIds: selectedOverAllocatedOrders\r\n });\r\n\r\n this.updateInitialPrintMenu();\r\n\r\n }\r\n }\r\n\r\n selectRow = (KendoGrid, isCallFrom) => {\r\n\r\n this.setState({\r\n LocalKendoGrid: KendoGrid\r\n });\r\n let tempkey = KendoGrid.getKeys();\r\n if (isCallFrom != 'contextMenuClick' && tempkey.length == 1) {\r\n let dataItem = {\r\n 'isGridSelectionUpdate': true,\r\n 'dataItem': KendoGrid.getItem(tempkey)\r\n };\r\n this.props.onViewSummary(dataItem);\r\n }\r\n this.UpdateGridSummary();\r\n }\r\n closeCustomerNotFoundModel = () => {\r\n this.setState({ isOpenCustomerNotFoundModel: false });\r\n }\r\n\r\n onCreateOrderProto = (e) => {\r\n this.props.onCreateOrderProto();\r\n }\r\n\r\n onCreateOrderProtoInNewTab = (e) => {\r\n this.$rootScope.OpenWindow({\r\n url: \"
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nvar axios = require('axios');\r\n\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport const getReports = function (customerId) {\r\n var custId = customerId === 0 ? null : customerId;\r\n\r\n return axios.get('/WebUI/Receiving/FindReceivings/GetReports?customerid=' + custId)\r\n .then(function (response) {\r\n var tempData = response.data;\r\n return tempData;\r\n });\r\n}\r\n\r\n","export const getInitialDynamicPrintMenu = (initialPrintMenuResponse, params, menuClickEvent) => {\r\n\r\n var translate = window.translate;\r\n var updatedPrintMenu = {\r\n PrintData: [],\r\n }\r\n\r\n if (initialPrintMenuResponse != null && typeof initialPrintMenuResponse != undefined && initialPrintMenuResponse.length > 0) {\r\n initialPrintMenuResponse.forEach((item, i) => {\r\n\r\n var fnName = params.fnNames[i];\r\n var isDisable = false;\r\n\r\n if (item.CategoryName != \"Transaction record\") {\r\n isDisable = (params.SelectedReceipts != 1);\r\n }\r\n\r\n var tempObj = {\r\n \"name\": item.CategoryName,\r\n \"value\": [],\r\n \"disabled\": isDisable || !params.Rights.hasOwnProperty('receipts.docs'),\r\n \"disabledText\": params.Rights.hasOwnProperty('receipts.docs') ? translate('Label_Disable_Edit_Receipt_On_Multiple_Select') : translate('Label_Receipt_GenerateDocs_Access_Note'),\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": params.Selector + item.RdlName,\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': item.RdlName\r\n };\r\n\r\n item.Reports.forEach((report, i) => {\r\n tempObj.onClickFunc = () => null;\r\n tempObj.value.push({\r\n \"name\": report.Name,\r\n \"value\": [],\r\n \"disableText\": translate('Label_Receipt_GenerateDocs_Access_Note'),\r\n \"disabled\": !params.Rights.hasOwnProperty('receipts.docs'),\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": params.Selector + fnName + (i + 1),\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': fnName,\r\n 'runReport': report.TemplatedRunner,\r\n 'rdlName': item.RdlName,\r\n });\r\n });\r\n\r\n updatedPrintMenu.PrintData.push(tempObj);\r\n });\r\n\r\n updatedPrintMenu.PrintData.unshift({\r\n \"name\": \"Attach Files\",\r\n \"value\": [],\r\n \"disabled\": (params.SelectedReceipts != 1 || params.isCanceled),\r\n \"disabledText\": (params.SelectedReceipts != 1) ? translate('Label_Disable_Edit_Receipt_On_Multiple_Select') : translate('Label_Disable_Attach_File_Receipt'),\r\n 'isContextMenu': params.Rights.hasOwnProperty('receipts.attachdocs') && params.Rights.hasOwnProperty('Shipping.AttachedDocsEnabled'),\r\n 'isButtonMenu': params.Rights.hasOwnProperty('receipts.attachdocs') && params.Rights.hasOwnProperty('Shipping.AttachedDocsEnabled'),\r\n \"wmsSelector\": params.Selector + \"AttachFiles\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"attachFiles\"\r\n });\r\n }\r\n\r\n return updatedPrintMenu;\r\n\r\n}","import React from 'react';\r\nvar axios = require('axios');\r\nvar UtcOffset = new Date().getTimezoneOffset() / 60 * -1;\r\n\r\nimport * as GlobalService from './../../global_services';\r\n\r\nexport const getReceivingOptions = function () {\r\n return axios.post('/WebUI/Receiving/FindReceivings/GetReceivingOptions', { name: 'GridFindReceivers' })\r\n .then(function (response) {\r\n var tempData = response.data;\r\n return tempData;\r\n });\r\n}\r\n\r\n\r\nexport const clearSearchInfo = function () {\r\n return axios.post('/WebUI/Receiving/UpdateSession/SearchInfoClear')\r\n .then(function (response) {\r\n return response.data.Result;\r\n });\r\n}\r\n\r\n\r\nexport const dynamicServiceForDynamicMenu = function (urlName, uri, ids, outputType, flowType) {\r\n var fileType = outputType ? outputType : 'application/pdf';\r\n var myReturn = {};\r\n myReturn.FileType = fileType;\r\n\r\n var _url = \"\";\r\n var data = {\r\n requestBody: {\r\n RunnerUriTemplate: uri,\r\n outputType: fileType\r\n }\r\n }\r\n\r\n if (urlName === \"RunViewTransactionReport\") {\r\n _url = '/WebUI/Receiving/' + flowType + '/RunViewTransactionReport';\r\n data.requestBody.UtcOffset = UtcOffset;\r\n data.requestBody.ShowCharges = true;\r\n data.requestBody.ShowPackages = false;\r\n data.requestBody.TransactionIds = ids;\r\n } else if (urlName === \"RunMULabelReport\") {\r\n _url = '/WebUI/Receiving/' + flowType + '/RunMULabelReport';\r\n data.requestBody.TransactionId = ids[0]; //.join(\",\");\r\n } else if (urlName === \"RunReceiptTicketReport\") {\r\n _url = '/WebUI/Receiving/' + flowType + '/RunReceiptTicketReport';\r\n data.requestBody.TransactionId = ids[0]; //.join(\",\");\r\n }\r\n\r\n return axios.post(_url, data)\r\n .then(function (response) {\r\n myReturn.Data = response.data;\r\n return myReturn;\r\n });\r\n}\r\n\r\nexport const sendReceiptAdviceOptions = function (custUri, facilityId) {\r\n var _url = \"customerUri=\" + custUri + \"&facilityId=\" + facilityId;\r\n return axios.get('/WebUI/Receiving/FindReceivings/SendReceiptAdviceOptions?' + _url)\r\n .then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const downloadReceiptAdvice = function (transformId, receiverIds) {\r\n var data = {\r\n transformId: transformId,\r\n receiverIds: receiverIds\r\n };\r\n return axios.post('/WebUI/Receiving/FindReceivings/DownloadReceiptAdvice', data)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const sendAsn = function (param_data) {\r\n return axios.post('/WebUI/Receiving/FindReceivings/SendReceiptAdvice', param_data)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const reopenReceiver = function (editUri) {\r\n var data = {\r\n \"editUri\": editUri\r\n };\r\n return axios.post('/WebUI/Receiving/FindReceivings/ReopenReceiver', data)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const intialConfirmReceipt = function (receiptIds) {\r\n var data = {\r\n \"ids\":receiptIds\r\n }\r\n return axios.all([\r\n\r\n axios.put('/WebUI/Receiving/FindReceivings/MassConfirmReceivingsData', data),\r\n axios.get('/WebUI/Shipping/Orders/GetChargeCategories')\r\n\r\n // ]).then(axios.spread(function (getChargeCategoriesResponse) {\r\n ]).then(axios.spread(function (getMassShipOrderChargesResponse, getChargeCategoriesResponse) {\r\n\r\n return {\r\n massShipChargesGridData: getMassShipOrderChargesResponse,\r\n chargesCategoryResponse: getChargeCategoriesResponse\r\n };\r\n\r\n }));\r\n}","import React, { Component } from 'react'\r\nimport WmsModel from '../../../components/WmsModel/WmsModel.jsx';\r\nimport WmsButton from '../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsCollapse from '../../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsInput from '../../../components/WmsInput/WmsInput.jsx';\r\nimport WmsDateTimePicker from '../../../components/WmsDateTimePicker/WmsDateTimePicker.jsx';\r\nimport WmsCheckBox from '../../../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsDropdown from '../../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsGrid from '../../../components/WmsGrid/WmsGrid.jsx';\r\nimport { StringWms } from './../../../../../assets/ts/StringWms.ts';\r\nimport { ObjectWms } from './../../../../../assets/ts/ObjectWms.ts';\r\n\r\n//services\r\nimport * as GlobalService from './../../../global_services';\r\nimport * as FindReceiptService from '../../findReceipt_proto/findReceipt.services.jsx';\r\nimport * as metaDataService from '../../findReceipt_proto/meta-data.service.js';\r\n\r\nimport \"./confirm-receipt-model.scss\";\r\n\r\nexport class ConfirmReceiptModel extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n let GridTitlesAggregate = StringWms.convertSringToOption(this.translate('Massship_Andclose_Grid_Headers'));\r\n this.defaultConfirmReceipt = {\r\n DoorNumber: null,\r\n ChargeType: null,\r\n ChargeCategory: 0,\r\n\r\n };\r\n this.state = {\r\n Rights: GlobalService.GetRights(),\r\n autoAllocateToOpenOrders: false,\r\n optionsChargeType: [],\r\n chargeOperationMsg: '',\r\n receiptLabel: (this.props.receiptIds.length > 1) ? 'receipts' : 'receipt',\r\n sharedManualChargeOptions: [],\r\n applyChargeOpt: [{\r\n name: this.translate(\"Label_Receipt_Apply_Charge\"),\r\n value: 0\r\n }, {\r\n name: this.translate(\"Label_Apply_only_first\"),\r\n value: 1\r\n }, {\r\n name: this.translate(\"Label_Receipt_Divide_charges\"),\r\n value: 2\r\n }],\r\n confirmFormData: null,\r\n confirmReceipt: this.defaultConfirmReceipt,\r\n GridConfirmReceiptChargesTotal: 0,\r\n shipAndCloseGridData: [],\r\n prefixForElementId:'ConfirmReceipt',\r\n warehouseMaxDateTime: '',\r\n shipAndCloseGridColumns: [{\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n hidden: true,\r\n menu: false,\r\n width: \"100%\"\r\n }, {\r\n field: \"ChargeOrigin\",\r\n title: GridTitlesAggregate[0].description,\r\n lockable: false,\r\n filterable: false,\r\n width: 100,\r\n template: \"# if( ChargeOrigin== 1) {# \" + this.translate('Label_Billing_Script') + \" #} else if( ChargeOrigin== 2) {# \" + this.translate('Label_Manual_Charge') + \" #} else if( ChargeOrigin== 3 || ChargeOrigin == 0) {# \" + this.translate('Label_Predefined') + \" #} #\"\r\n }, {\r\n field: \"ChargeType\",\r\n title: GridTitlesAggregate[1].description,\r\n width: 100,\r\n lockable: false\r\n }, {\r\n field: \"ChargeLabel\",\r\n title: GridTitlesAggregate[2].description,\r\n width: 150,\r\n lockable: false\r\n }, {\r\n field: \"Description\",\r\n title: GridTitlesAggregate[3].description,\r\n width: 180,\r\n lockable: false,\r\n hidden: true\r\n }, {\r\n field: \"ChargePerUnit\",\r\n title: GridTitlesAggregate[4].description,\r\n width: 90,\r\n lockable: false\r\n }, {\r\n field: \"NumberOfUnits\",\r\n title: GridTitlesAggregate[5].description,\r\n width: 80,\r\n lockable: false\r\n }, {\r\n field: \"TotalCharges\",\r\n title: GridTitlesAggregate[6].description,\r\n width: 100,\r\n lockable: false\r\n }, {\r\n field: \"GeneralLedgerAccount\",\r\n title: GridTitlesAggregate[7].description,\r\n width: 180,\r\n lockable: false,\r\n hidden: true\r\n }, {\r\n field: \"ExternalAccountsReceivable\",\r\n title: GridTitlesAggregate[8].description,\r\n width: 180,\r\n lockable: false,\r\n hidden: true\r\n }, {\r\n field: \"ExternalItemIdentifier\",\r\n title: GridTitlesAggregate[9].description,\r\n width: 180,\r\n lockable: false,\r\n hidden: true\r\n }, {\r\n field: \"ExternalItemDescription\",\r\n title: GridTitlesAggregate[10].description,\r\n width: 180,\r\n lockable: false,\r\n hidden: true\r\n }, {\r\n field: 'cmdRemove',\r\n menu: false,\r\n command: [{\r\n name: \"destroy\",\r\n text: \" \",\r\n className: \"charge-delete\"\r\n }],\r\n title: \" \",\r\n width: 32,\r\n }],\r\n schema: {\r\n model: {\r\n fields: {\r\n RowNumber: {\r\n type: 'number'\r\n },\r\n ChargeOrigin: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n ChargeTypeId: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ChargeType: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ChargeLabel: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Description: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ChargePerUnit: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n NumberOfUnits: {\r\n type: \"number\",\r\n editable: true\r\n },\r\n TotalCharges: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n GeneralLedgerAccount: {\r\n type: \"float\",\r\n editable: false\r\n },\r\n ExternalAccountsReceivable: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ExternalItemIdentifier: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ExternalItemDescription: {\r\n type: \"string\",\r\n editable: false\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n componentDidMount = () => {\r\n FindReceiptService.intialConfirmReceipt(this.props.receiptIds)\r\n .then((response) => {\r\n var manualChargesOptions = [];\r\n var chargeTypeOption = [];\r\n if (response.chargesCategoryResponse != 'undefined' && response.chargesCategoryResponse.status == 200) {\r\n manualChargesOptions = response.chargesCategoryResponse.data;\r\n }\r\n\r\n chargeTypeOption.unshift({ \"ChargeLabel\": \"Custom Manual Charge\" });\r\n var gridCharges = [];\r\n if(response.massShipChargesGridData.data.Charges){\r\n gridCharges = response.massShipChargesGridData.data.Charges;\r\n // response.massShipChargesGridData.data.Charges.map(function (item) {\r\n // console.log(\"item :\",item);\r\n // item.ChargeOrigin = 3;\r\n // gridCharges.push(item);\r\n // });\r\n }\r\n var confirmFormData = this.translateFormData(response.massShipChargesGridData.data);\r\n this.setState({\r\n sharedManualChargeOptions: manualChargesOptions,\r\n optionsChargeType: chargeTypeOption,\r\n confirmFormData: confirmFormData,\r\n shipAndCloseGridData: gridCharges\r\n },()=>{\r\n this.rowNumberUpdate();\r\n });\r\n });\r\n if(this.props.facilityId > 0){\r\n GlobalService.getFacilityMaxDateTime(this.props.facilityId).then((response) => {\r\n this.setState({\r\n warehouseMaxDateTime: response\r\n })\r\n });\r\n }\r\n }\r\n\r\n translateFormData = (param_shipandclose_formdata) => {\r\n\r\n for (let prop in param_shipandclose_formdata) {\r\n if (param_shipandclose_formdata[prop]) {\r\n if (param_shipandclose_formdata[prop].State === 1) {\r\n let multiplesText = this.translate('Label_Multiples_Text');\r\n param_shipandclose_formdata[prop].Value = multiplesText;\r\n } else if (param_shipandclose_formdata[prop].State === 0) {\r\n param_shipandclose_formdata[prop].Value = '';\r\n }\r\n }\r\n }\r\n this.setState({ origFormData: JSON.parse(JSON.stringify(param_shipandclose_formdata)) });\r\n return param_shipandclose_formdata;\r\n\r\n }\r\n confirmReceiptHandleChange = (event) => {\r\n\r\n let confirmReceipt = Object.assign({}, this.state.confirmReceipt);\r\n confirmReceipt[event.target.name] = event.target.value\r\n\r\n //calculate total charges\r\n if (event.target.name == 'ChargePerUnit' || event.target.name == 'NumberOfUnits') {\r\n\r\n let param_chargePerUnit = (event.target.name == 'ChargePerUnit') ?\r\n event.target.value :\r\n this.state.confirmReceipt.ChargePerUnit;\r\n\r\n let param_numberOfUnits = (event.target.name == 'NumberOfUnits') ?\r\n event.target.value :\r\n this.state.confirmReceipt.NumberOfUnits;\r\n if(\r\n !isNaN(parseFloat(param_chargePerUnit)) &&\r\n !isNaN(parseFloat(param_numberOfUnits))\r\n ) {\r\n confirmReceipt['total'] = parseFloat((new Big(param_chargePerUnit || 0)).times(param_numberOfUnits || 0).toFixed(4));\r\n }\r\n }\r\n\r\n this.setState({ 'confirmReceipt': confirmReceipt });\r\n }\r\n formDataChangesHandle = (event) => {\r\n\r\n let confirmFormData = this.state.confirmFormData;\r\n\r\n if (event.target.name == 'ArrivalDate' || event.target.name == 'ApplyMethod') {\r\n confirmFormData[event.target.name] = event.target.value;\r\n } else if (event.target.name == \"RecalcAutoCharges\") {\r\n confirmFormData[event.target.name] = !confirmFormData[event.target.name];\r\n } else {\r\n confirmFormData[event.target.name].Value = event.target.value;\r\n }\r\n\r\n this.setState({ shipAndCloseFormData: confirmFormData });\r\n }\r\n\r\n onClickAddCharges = () => {\r\n var gridObj = {\r\n 'ChargeOrigin': 2,\r\n 'ChargeTypeId': this.state.sharedManualChargeOptions[this.state.confirmReceipt.ChargeCategory].Id,\r\n 'ChargeType': this.state.sharedManualChargeOptions[this.state.confirmReceipt.ChargeCategory].Description,\r\n 'ChargeLabel': this.state.confirmReceipt.ChargeLabel,\r\n 'Description': this.state.confirmReceipt.Description,\r\n 'ChargePerUnit': this.state.confirmReceipt.ChargePerUnit,\r\n 'NumberOfUnits': this.state.confirmReceipt.NumberOfUnits,\r\n 'TotalCharges': this.state.confirmReceipt.total,\r\n 'GeneralLedgerAccount': this.state.confirmReceipt.GeneralLedgerAccount,\r\n 'ExternalAccountsReceivable': this.state.confirmReceipt.ExternalAccountsReceivable,\r\n 'ExternalItemIdentifier': this.state.confirmReceipt.ExternalItemIdentifier,\r\n 'ExternalItemDescription': this.state.confirmReceipt.ExternalItemDescription,\r\n // 'uniqueId': this.state.chargeTypeOption[this.state.indexChargeType].uniqueId\r\n };\r\n let shipAndCloseGridData = $('#GridConfirmReceiptCharges').data().kendoGrid.dataSource.view().toJSON();\r\n shipAndCloseGridData.push(gridObj);\r\n\r\n // let tmpUniqueId = this.state.chargeTypeOption[this.state.indexChargeType].uniqueId;\r\n // let cahrgeTypeOpt = this.state.chargeTypeOption;\r\n // if (tmpUniqueId != 1) {\r\n // cahrgeTypeOpt = ObjectWms.removeObjFromListOnParameterValue(this.state.chargeTypeOption, \"uniqueId\", tmpUniqueId);\r\n // }\r\n\r\n this.setState({\r\n shipAndCloseGridData: Object.assign([], shipAndCloseGridData),\r\n rowNumberSet: false,\r\n confirmReceipt: Object.assign({}, this.defaultConfirmReceipt),\r\n chargeOperationMsg: this.translate('Oders_FindOrders_MassShip_Charge_Add_Success'),\r\n // chargeTypeOption: cahrgeTypeOpt\r\n }, () => {\r\n\r\n this.rowNumberUpdate();\r\n // this.onChangeChargeType({ target: { value: 0 } });\r\n setTimeout(() => {\r\n this.setState({ chargeOperationMsg: '' });\r\n }, 5000);\r\n\r\n });\r\n\r\n this.sumOfTotalChargesColumn(shipAndCloseGridData);\r\n\r\n }\r\n\r\n rowNumberUpdate = () => {\r\n var grid = $('#GridConfirmReceiptCharges').data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n var data = dataSource.data();\r\n var sort = dataSource.sort();\r\n var query = new kendo.data.Query(data);\r\n var sortedData = query.data;\r\n var index = 0;\r\n for (var i = 0; i < sortedData.length; i++) {\r\n var firstItem = sortedData[i];\r\n index++;\r\n firstItem[\"RowNumber\"] = index;\r\n }\r\n this.state.rowNumberSet = true;\r\n $('#GridConfirmReceiptCharges').data(\"kendoGrid\").refresh();\r\n }\r\n\r\n sumOfTotalChargesColumn = (param_gridData) => {\r\n let toatalOfCharge = 0;\r\n for (let x = 0; x < param_gridData.length; x++) {\r\n let dataItem = param_gridData[x];\r\n toatalOfCharge += dataItem['TotalCharges'];\r\n }\r\n this.setState({ GridConfirmReceiptChargesTotal: toatalOfCharge });\r\n }\r\n onRemove = (e) => {\r\n // use time out to reflect he grid datasource changes\r\n setTimeout(() => {\r\n var grid = $('#GridConfirmReceiptCharges').data(\"kendoGrid\");\r\n\r\n // Passing test here to remove default propery from data\r\n var data = ObjectWms.removeObjFromListOnParameterValue(grid.dataSource.data(), \"test\", null);\r\n // let tmpChargeTypeOption = Object.assign([], this.state.chargeTypeOption);\r\n\r\n // if (e.model.uniqueId != 1) {\r\n // var getIndex = ObjectWms.FindIndexByProperty(this.state.originalChargeTypeOption, \"uniqueId\", e.model.uniqueId);\r\n // let tmpRemovedChargeObj = this.state.originalChargeTypeOption[getIndex];\r\n // tmpChargeTypeOption.push(tmpRemovedChargeObj);\r\n // }\r\n\r\n this.sumOfTotalChargesColumn(data);\r\n this.setState({\r\n shipAndCloseGridData: data,\r\n chargeOperationMsg: this.translate('Oders_FindOrders_MassShip_Charge_Remove_Success'),\r\n // chargeTypeOption: tmpChargeTypeOption\r\n }, () => {\r\n setTimeout(() => { this.setState({ chargeOperationMsg: '' }); }, 5000);\r\n });\r\n }, 100);\r\n\r\n }\r\n confirmReceipt = () => {\r\n let shipAndCloseFormObj = {\r\n 'FormData': this.detectChangesFromOrig(),\r\n 'ids': this.props.receiptIds\r\n }\r\n this.$rootScope.animationMoveIcon($('#receiptConfirmSave'));\r\n this.$rootScope.taskStarted();\r\n // this.$rootScope.$broadcast(\"EventProgressMassConfirmReceipt\", {\r\n // \"confirmReciptData\": shipAndCloseFormObj,\r\n // \"callBackFunc\": this.props.onResetGridSelection\r\n // });\r\n var event = new CustomEvent(\"showProgressModal\", {\r\n detail : {\r\n \"type\": \"confirmReceipt\",\r\n \"confirmReciptData\": shipAndCloseFormObj,\r\n \"callBackFunc\": this.props.resetGridSelection\r\n }\r\n });\r\n document.dispatchEvent(event);\r\n this.props.onCloseConfirmReceipt();\r\n }\r\n saveMassShipCharges = (e) => {\r\n var grid = $('#GridConfirmReceiptCharges').data(\"kendoGrid\")\r\n var numberOfUnitsModel = StringWms.isEmpty(e.model.NumberOfUnits) ? 0 : e.model.NumberOfUnits;\r\n var numberOfUnits = StringWms.isEmpty(e.values.NumberOfUnits) ? 0 : e.values.NumberOfUnits;\r\n\r\n var chargePerUnitModel = StringWms.isEmpty(e.model.ChargePerUnit) ? 0 : e.model.ChargePerUnit;\r\n var chargePerUnit = StringWms.isEmpty(e.values.ChargePerUnit) ? chargePerUnitModel : e.values.ChargePerUnit;\r\n\r\n var total = parseFloat((new Big(numberOfUnits)).times(chargePerUnit).round(4));\r\n\r\n e.model.TotalCharges = total;\r\n grid.saveChanges();\r\n this.sumOfTotalChargesColumn($('#GridConfirmReceiptCharges').data().kendoGrid.dataSource.view().toJSON())\r\n }\r\n detectChangesFromOrig = () => {\r\n\r\n let confirmFormObj = this.state.confirmFormData;\r\n for (let objProperty in confirmFormObj) {\r\n if (objProperty == \"TrackingNumber\" || objProperty == \"TrailerNumber\" || objProperty == \"SealNumber\" || objProperty == \"BolNumber\") {\r\n if (confirmFormObj[objProperty].Value !== this.state.origFormData[objProperty].Value) {\r\n confirmFormObj[objProperty].HasChanged = true;\r\n }\r\n }\r\n }\r\n // confirmFormObj['Charges'] = Object.assign([], this.state.shipAndCloseGridData);\r\n var currentGridData = $('#GridConfirmReceiptCharges').data().kendoGrid.dataSource.view().toJSON();\r\n // Remove if currentGridData is 0 or null\r\n _.remove(currentGridData, function (n) {\r\n return (n.NumberOfUnits == 0 || n.NumberOfUnits == null);\r\n });\r\n if (confirmFormObj) {\r\n confirmFormObj['Charges'] = currentGridData;\r\n }\r\n return confirmFormObj;\r\n\r\n }\r\n onDataBound = (e, kendoGrid) => {\r\n var grid = $(\"#GridConfirmReceiptCharges\").data('kendoGrid');\r\n\r\n var gridData = grid.dataSource.view();\r\n for (var i = 0; i < gridData.length; i++) {\r\n if (gridData[i].ChargeOrigin != 2) {\r\n grid.table.find(\"tr[data-uid='\" + gridData[i].uid + \"']\").addClass(\"hide-close-button\");\r\n }\r\n }\r\n }\r\n onCollapseIconClick = (param_collapse) => {\r\n if(!param_collapse){\r\n // use setTimeout to wait until tab expand animation complete, then scrooll div to top\r\n setTimeout(() => {\r\n $(\".model-content-wrapper\").animate({\r\n scrollTop: $(\"#confirmReceiptAdditonalCharges\").position().top\r\n }, 'slow');\r\n $('#GridConfirmReceiptCharges').data(\"kendoGrid\").resize(true)\r\n }, 500);\r\n }\r\n }\r\n onChangeGridConfig = (param_grid_config) =>{\r\n metaDataService.setAdditionalChargeGridOptionInMetaData(param_grid_config);\r\n }\r\n render() {\r\n return (\r\n - \r\n
- {this.translate('Label_Shipping_Destination')} \r\n
- {this.translate('Label_Billing_Information')} \r\n
- {this.translate('Label_Sold_To_Information')} \r\n
\r\n \r\n
\r\n\r\n {/* TAB 2 Billing information */}\r\n \r\n\r\n this.props.onOpenAdvanceLookupModal('ShipTo')}\r\n icon='fa-plus-circle' />\r\n\r\n
\r\n\r\n \r\n
*/}\r\n \r\n this.handleChangeEvent('ShipTo', e)}\r\n label={this.translate('Label_Contact_Code')}\r\n regularExp={/^.{1,255}$/} />\r\n\r\n this.handleChangeEvent('ShipTo', e)}\r\n label={this.translate('Label_Add_To_Favorites')}\r\n value={renderOrderObj.ShipTo.IsQuickLookup}\r\n checked={typeof renderOrderObj.ShipTo.IsQuickLookup == 'boolean' ? renderOrderObj.ShipTo.IsQuickLookup : renderOrderObj.ShipTo.IsQuickLookup == \"true\"} />\r\n
\r\n \r\n this.handleChangeEvent('ShipTo', e)}\r\n label={this.translate('Label_Company_Name')}\r\n required={true}\r\n regularExp={/^.{1,255}$/} />\r\n\r\n this.handleChangeEvent('ShipTo', e)}\r\n label={this.translate('Label_Receipient')}\r\n regularExp={/^.{1,255}$/} />\r\n\r\n this.handleChangeEvent('ShipTo', e)}\r\n label={this.translate('Label_Phone')}\r\n regularExp={/^.{1,255}$/} />\r\n\r\n this.handleChangeEvent('ShipTo', e)}\r\n label={this.translate('Label_Email')}\r\n regularExp={/^.{1,255}$/} />\r\n
\r\n\r\n \r\n this.handleChangeEvent('ShipTo', e)}\r\n label={this.translate('Label_Address_1')}\r\n required={true}\r\n regularExp={/^.{1,255}$/} />\r\n\r\n this.handleChangeEvent('ShipTo', e)}\r\n label={this.translate('Label_Address_2')}\r\n regularExp={/^.{1,255}$/} />\r\n
\r\n\r\n \r\n this.handleChangeEvent('ShipTo', e)}\r\n options={this.state.optionsCountry}\r\n textField='Name'\r\n valueField='CountryCode'\r\n required={true} />\r\n\r\n this.handleChangeEvent('ShipTo', e)}\r\n options={GlobalService.GetRegions(renderOrderObj.ShipTo.Country)}\r\n disabled={!renderOrderObj.ShipTo.Country}\r\n showToolTip={true}\r\n tooltipText={this.translate('Label_Country_Select_Validation')}\r\n textField='Name'\r\n valueField='RegionCode' />\r\n\r\n this.handleChangeEvent('ShipTo', e)}\r\n label={this.state.customLabels.Label_City}\r\n regularExp={/^.{1,255}$/}\r\n required={true} />\r\n\r\n this.handleChangeEvent('ShipTo', e)}\r\n label={this.translate('Label_Costomer_Postal_Code')}\r\n regularExp={/^[a-zA-Z0-9-_ ]*$/}\r\n required={true} />\r\n\r\n\r\n {/*
\r\n\r\n {/* */}\r\n {/* \r\n
*/}\r\n {this.translate('Label_Invalid_Email')}
\r\n */}\r\n {/* */}\r\n
\r\n \r\n {/* \r\n this.handleChangeEvent('ShipTo', e)}\r\n options={this.props.sharedOptions.Retailers}\r\n valueField='RetailerId'\r\n textField='Description' />\r\n\r\n this.handleChangeEvent('ShipTo', e)}\r\n label={this.translate('Label_Department_Number')}\r\n regularExp={/^.{1,255}$/} />\r\n
\r\n \r\n this.eventBillToUseChanged(true)}\r\n checked={this.state.billToUseCustom == true}\r\n />\r\n this.eventBillToUseChanged(false)}\r\n checked={this.state.billToUseCustom == false}\r\n />\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport * as GlobalService from '../../../react/global_services';\r\n\r\nexport const getContactLookupGridColumns = (LookupUp_GridHeaders, CustomLabels) => {\r\n return ({\r\n\r\n columns: [{\r\n field: \"ContactId\",\r\n title: LookupUp_GridHeaders[0].description,\r\n width: 80,\r\n wmsid:1\r\n }, {\r\n field: \"ContactType\",\r\n title: LookupUp_GridHeaders[1].description,\r\n filterable: false,\r\n sortable: false,\r\n width: 160,\r\n template: \"# if( ContactType== 0) {# Ship To #} else if( ContactType== 1) {# Sold To #} else if(ContactType== 2) {# Bill To #} else if( ContactType== 3) {# Supplier #} #\",\r\n wmsid:2\r\n }, {\r\n field: \"Code\",\r\n title: LookupUp_GridHeaders[2].description,\r\n width: 160,\r\n wmsid:3\r\n }, {\r\n field: \"CompanyName\",\r\n title: LookupUp_GridHeaders[3].description,\r\n width: 160,\r\n wmsid:4\r\n }, {\r\n field: \"Name\",\r\n title: LookupUp_GridHeaders[4].description,\r\n width: 160,\r\n wmsid:5\r\n }, {\r\n field: \"Address1\",\r\n title: LookupUp_GridHeaders[5].description,\r\n width: 160,\r\n wmsid:6\r\n }, {\r\n field: \"Address2\",\r\n title: LookupUp_GridHeaders[6].description,\r\n width: 160,\r\n wmsid:7\r\n }, {\r\n field: \"State\",\r\n title: LookupUp_GridHeaders[7].description,\r\n width: 160,\r\n wmsid:8\r\n }, {\r\n field: \"City\",\r\n title: LookupUp_GridHeaders[8].description,\r\n width: 160,\r\n wmsid:9\r\n }, {\r\n field: \"Zip\",\r\n title: LookupUp_GridHeaders[9].description,\r\n width: 160,\r\n wmsid:10\r\n }, {\r\n field: \"Country\",\r\n title: LookupUp_GridHeaders[10].description,\r\n width: 160,\r\n wmsid:11\r\n }, {\r\n field: \"PhoneNumber\",\r\n title: LookupUp_GridHeaders[11].description,\r\n width: 160,\r\n wmsid:12\r\n }, {\r\n field: \"EmailAddress\",\r\n title: LookupUp_GridHeaders[12].description,\r\n width: 160,\r\n wmsid:13\r\n }, {\r\n field: \"RetailerId\",\r\n title: LookupUp_GridHeaders[13].description,\r\n width: 120,\r\n filterable: false,\r\n sortable: false,\r\n wmsid:14\r\n }, {\r\n field: \"Dept\",\r\n title: LookupUp_GridHeaders[14].description,\r\n width: 120,\r\n wmsid:15\r\n }, {\r\n field: \"IsQuickLookup\",\r\n title: LookupUp_GridHeaders[15].description,\r\n width: 120,\r\n wmsid:16\r\n }]\r\n });\r\n};\r\n\r\nexport const getContactLookupGridSchema = () => {\r\n return ({\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n model: {\r\n id: \"ContactId\",\r\n fields: {\r\n ContactId: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n ContactType: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n Code: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n CompanyName: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Name: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Address1: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Address2: {\r\n type: \"string\",\r\n editable: true\r\n },\r\n State: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n City: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Zip: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Country: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n PhoneNumber: {\r\n type: \"string\",\r\n editable: true\r\n },\r\n EmailAddress: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n RetailerId: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n Dept: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n IsQuickLookup: {\r\n type: \"string\",\r\n editable: false\r\n }\r\n }\r\n }\r\n }\r\n });\r\n};\r\n\r\nexport const getContactLookupGridTransport = (param_customer_uri, param_contact_type) => {\r\n return ({\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Shipping/Orders/AdvancedContactGridRead\",\r\n type: \"POST\",\r\n data: {\r\n customerUri: param_customer_uri,\r\n usedAs: param_contact_type\r\n },\r\n dataType: \"JSON\"\r\n }\r\n }\r\n });\r\n};\r\n\r\nexport const getCustomOrderInfoGridColumns = (customOrderInfo_GridHeaders, refnum_hint_text) => {\r\n return ({\r\n columns: [{\r\n field: 'Name',\r\n title: customOrderInfo_GridHeaders[0].description,\r\n width: 180,\r\n lockable: false,\r\n template: \"#= Required === true ? Name + '*' : Name #\",\r\n wmsid:1\r\n }, {\r\n field: 'Value',\r\n title: customOrderInfo_GridHeaders[1].description,\r\n width: 180,\r\n lockable: false,\r\n template: \"#= Value === null && Required === true ? '\" + refnum_hint_text + \"*' : Value === null && Required === false ? '\" + refnum_hint_text + \"' : Value === '' && Required === true ? '\" + refnum_hint_text + \"*' : Value === '' && Required === false ? '\" + refnum_hint_text + \"' : Value #\",\r\n wmsid:2\r\n }]\r\n });\r\n};\r\n\r\nexport const getCustomOrderInfoGridSchema = () => {\r\n return ({\r\n schema: {\r\n model: {\r\n fields: {\r\n Name: {\r\n type: 'string',\r\n editable: false\r\n },\r\n Value: {\r\n type: 'string'\r\n },\r\n Required: {\r\n type: 'boolean'\r\n }\r\n }\r\n }\r\n }\r\n });\r\n};\r\n\r\nexport const getCalculateChargesGridColumns = (CalculateCharges_GridHeaders, rights) => {\r\n\r\n var translate = window.translate;\r\n var columns = [{\r\n field: \"ChargeOrigin\",\r\n // title: CalculateCharges_GridHeaders[0].description,\r\n title: \"\",\r\n lockable: false,\r\n filterable: false,\r\n width: 160,\r\n template: \"# if( ChargeOrigin== 0) {# \" + translate('Label_Predefined_Required') + \" #} else if( ChargeOrigin== 1) {# \" + translate('Label_Billing_Script') + \" #} else if( ChargeOrigin== 2) {# \" + translate('Label_Manual_Charge') + \" #} else if( ChargeOrigin== 3) {# \" + translate('Label_Predefined') + \" #} #\",\r\n wmsid:1\r\n }, {\r\n field: \"ChargeTypeDescription\",\r\n title: CalculateCharges_GridHeaders[1].description,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= ChargeTypeDescription != null ? ChargeTypeDescription : '' #\",\r\n wmsid:2\r\n }, {\r\n field: \"ChargeLabel\",\r\n title: CalculateCharges_GridHeaders[2].description,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= ChargeLabel != null ? ChargeLabel : '' #\",\r\n wmsid:3\r\n }, {\r\n field: \"UnitDescription\",\r\n title: CalculateCharges_GridHeaders[3].description,\r\n hidden: true,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= UnitDescription != null ? UnitDescription : '' #\",\r\n wmsid:4\r\n }, {\r\n field: \"ChargePerUnit\",\r\n title: CalculateCharges_GridHeaders[4].description,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= ChargePerUnit != null ? ChargePerUnit : '' #\",\r\n wmsid:5\r\n }, {\r\n field: \"NumberOfUnits\",\r\n title: CalculateCharges_GridHeaders[5].description,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= NumberOfUnits != null ? NumberOfUnits : '' #\",\r\n wmsid:6\r\n }, {\r\n field: \"TotalCharges\",\r\n title: CalculateCharges_GridHeaders[6].description,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= TotalCharges != null ? TotalCharges : '' #\",\r\n wmsid:7\r\n }, {\r\n field: \"GeneralLedgerAccount\",\r\n title: CalculateCharges_GridHeaders[7].description,\r\n hidden: true,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= GeneralLedgerAccount != null ? GeneralLedgerAccount : '' #\",\r\n wmsid:8\r\n }, {\r\n field: \"SKU\",\r\n title: CalculateCharges_GridHeaders[11].description,\r\n hidden: true,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= SKU != null ? SKU : '' #\",\r\n wmsid:12\r\n }, {\r\n field: \"BSId\",\r\n hidden: true\r\n },{\r\n field: \"BSChargeType\",\r\n hidden: true\r\n },{\r\n field: \"BSPredefinedRateId\",\r\n hidden: true\r\n }];\r\n if(rights.hasOwnProperty(\"Integrations.isNotActiveBillingManagerApp\")){\r\n columns.push({\r\n field: \"ExternalAccountsReceivable\",\r\n title: CalculateCharges_GridHeaders[8].description,\r\n hidden: true,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= ExternalAccountsReceivable != null ? ExternalAccountsReceivable : '' #\",\r\n wmsid:9\r\n });\r\n columns.push({\r\n field: \"ExternalItemIdentifier\",\r\n title: CalculateCharges_GridHeaders[9].description,\r\n hidden: true,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= ExternalItemIdentifier != null ? ExternalItemIdentifier : '' #\",\r\n wmsid:10\r\n });\r\n columns.push({\r\n field: \"ExternalItemDescription\",\r\n title: CalculateCharges_GridHeaders[10].description,\r\n hidden: true,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= ExternalItemDescription != null ? ExternalItemDescription : '' #\",\r\n wmsid:11\r\n });\r\n }\r\n return ({\r\n columns: columns\r\n });\r\n};\r\n\r\nexport const getCalculateChargesGridSchema = () => {\r\n return ({\r\n schema: {\r\n model: {\r\n fields: {\r\n ChargeOrigin: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n ChargeTypeDescription: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ChargeLabel: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n UnitDescription: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ChargePerUnit: {\r\n type: \"number\",\r\n editable: true\r\n },\r\n NumberOfUnits: {\r\n type: \"number\",\r\n editable: true\r\n },\r\n TotalCharges: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n GeneralLedgerAccount: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ExternalAccountsReceivable: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ExternalItemIdentifier: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ExternalItemDescription: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n SKU: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n UnsavedManualCharge: {\r\n type: \"boolean\",\r\n editable: false\r\n },\r\n SystemGenerated: {\r\n type: \"boolean\",\r\n editable: false\r\n },\r\n BSId: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n BSChargeType: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n BSPredefinedRateId: {\r\n type: \"string\",\r\n editable: false,\r\n }\r\n }\r\n }\r\n },\r\n });\r\n};\r\nexport const getOrderItemsGridColumns = (ManageOrdersLineItemsGridHeaders, CustomLabels,actionClickFunc,isFulfillmentEnable,rights) => {\r\n var translate = window.translate;\r\n return ({\r\n columns: [{\r\n field: \"Sku\",\r\n title: CustomLabels.Label_Sku,\r\n width: 160,\r\n format: (\"{0}\"),\r\n wmsid:1\r\n }, {\r\n field: \"ItemDescription\",\r\n title: ManageOrdersLineItemsGridHeaders[2].description,\r\n width: 160,\r\n wmsid:2\r\n }, {\r\n field: \"Qualifier\",\r\n title: ManageOrdersLineItemsGridHeaders[3].description,\r\n width: 138,\r\n wmsid:3\r\n }, {\r\n field: \"Qty\",\r\n title: ManageOrdersLineItemsGridHeaders[4].description,\r\n width: 84,\r\n wmsid:4\r\n }, {\r\n field: \"PrimaryUnits\",\r\n title: ManageOrdersLineItemsGridHeaders[14].description,\r\n width: 160,\r\n wmsid:5\r\n }, {\r\n field: \"SecondaryQty\",\r\n title: ManageOrdersLineItemsGridHeaders[15].description,\r\n width: 160,\r\n wmsid:6\r\n }, {\r\n field: \"SecondaryUnits\",\r\n title: ManageOrdersLineItemsGridHeaders[16].description,\r\n width: 160,\r\n wmsid:7\r\n }, {\r\n field: \"CatchWeight\",\r\n title: ManageOrdersLineItemsGridHeaders[17].description,\r\n width: 160,\r\n wmsid:8\r\n },\r\n {\r\n field: \"Volume\",\r\n title: ManageOrdersLineItemsGridHeaders[18].description,\r\n width: 160,\r\n wmsid:9\r\n },\r\n {\r\n field: \"OrderUnitName\",\r\n title: ManageOrdersLineItemsGridHeaders[5].description,\r\n width: 160,\r\n wmsid:10\r\n }, {\r\n field: \"OriginalQty\",\r\n title: ManageOrdersLineItemsGridHeaders[6].description,\r\n width: 100,\r\n disabledColumn:rights.hasOwnProperty('Shipping.ShortShipEnabled') != true,\r\n disabledNote:translate('Order_Line_Item_Disable_Original_Qty_Note'),\r\n wmsid:11\r\n },{\r\n field: \"AvailableQty\",\r\n title: ManageOrdersLineItemsGridHeaders[7].description,\r\n width: 160,\r\n template: \"#= AvailableQty != null ? AvailableQty : 0 #\",\r\n wmsid:12\r\n },{\r\n field: \"FulfillInvSalePrice\",\r\n title: ManageOrdersLineItemsGridHeaders[8].description,\r\n width: 90,\r\n hidden :isFulfillmentEnable == false,\r\n wmsid:13,\r\n template: \"#= FulfillInvSalePrice ? '$' + FulfillInvSalePrice.toFixed(2) : '$0.00' #\",\r\n }, {\r\n field: \"FulfillInvLineTotal\",\r\n title: ManageOrdersLineItemsGridHeaders[9].description,\r\n width: 160,\r\n wmsid:14,\r\n template: \"#= FulfillInvLineTotal ? '$' + FulfillInvLineTotal.toFixed(2) : '$0.00' #\",\r\n },{\r\n field: \"FulfillInvDiscountAmt\",\r\n title: ManageOrdersLineItemsGridHeaders[10].description,\r\n width: 160,\r\n hidden :isFulfillmentEnable == false,\r\n wmsid:15,\r\n template: \"#= FulfillInvDiscountAmt ? '$' + FulfillInvDiscountAmt.toFixed(2) : '-' #\",\r\n }, {\r\n field: \"FulfillInvDiscountPct\",\r\n title: ManageOrdersLineItemsGridHeaders[11].description,\r\n width: 114,\r\n hidden :isFulfillmentEnable == false,\r\n wmsid:16,\r\n template: \"#= FulfillInvDiscountPct ? FulfillInvDiscountPct.toFixed(2) + '%' : '-' #\",\r\n }, {\r\n field: \"FulfillInvLineDiscountTotal\",\r\n title: ManageOrdersLineItemsGridHeaders[12].description,\r\n width: 97,\r\n hidden :isFulfillmentEnable == false,\r\n wmsid:17,\r\n template: \"#= FulfillInvLineDiscountTotal ? '$' + FulfillInvLineDiscountTotal.toFixed(2) : '$0.00' #\",\r\n }, {\r\n field: \"Notes\",\r\n title: ManageOrdersLineItemsGridHeaders[13].description,\r\n width: 120,\r\n wmsid:18\r\n }, {\r\n field:'grid-action',\r\n menu: false,\r\n command: [{\r\n name:'grid-action',\r\n text:\"\",\r\n className: \"charge-delete\",\r\n iconClass: \"fa fa-times-circle-o\",\r\n click:actionClickFunc('fromInline')\r\n }],\r\n title: \" \",\r\n width: 20,\r\n wmsid:19\r\n }]\r\n });\r\n};\r\n\r\nexport const getOrderItemsGridSchema = () => {\r\n return ({\r\n schema: {\r\n model: {\r\n id: \"OrderItemId\",\r\n fields: {\r\n OrderItemId: {\r\n type: \"number\"\r\n },\r\n ItemId: {\r\n type: \"number\"\r\n },\r\n Sku: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Qualifier: {\r\n type: \"string\",\r\n editable: true\r\n },\r\n ItemDescription: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Qty: {\r\n type: \"string\",\r\n editable: true\r\n },\r\n PrimaryUnits: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n SecondaryQty: {\r\n type: \"number\",\r\n editable: true\r\n },\r\n SecondaryUnits: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n CatchWeight: {\r\n type: \"number\",\r\n editable: true\r\n },\r\n Volume: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n OrderUnitName: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n OriginalQty: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n AvailableQty: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n FullyAllocated: {\r\n type: \"boolean\",\r\n editable: false\r\n },\r\n FulfillInvSalePrice: {\r\n type: \"float\",\r\n editable: true\r\n },\r\n FulfillInvLineTotal: {\r\n type: \"float\",\r\n editable: false\r\n },\r\n FulfillInvDiscountAmt: {\r\n type: \"float\",\r\n editable: true\r\n },\r\n FulfillInvDiscountPct: {\r\n type: \"float\",\r\n editable: true\r\n },\r\n FulfillInvLineDiscountTotal: {\r\n type: \"float\",\r\n editable: false\r\n },\r\n Notes: {\r\n type: \"string\",\r\n editable: true\r\n },\r\n EditUri: {\r\n type: \"string\",\r\n editable: false\r\n }\r\n }\r\n }\r\n }\r\n });\r\n};\r\n\r\nexport const getOrderItemsGridTransport = (orderId, orderItemsUri, inventorySummariesUri) => {\r\n return ({\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Shipping/Orders/GetOrderLineItemData\",\r\n type: \"POST\",\r\n data: {\r\n orderId: orderId,\r\n itemsUri: orderItemsUri,\r\n inventorySummariesUri: inventorySummariesUri\r\n },\r\n dataType: \"JSON\"\r\n },\r\n update: {\r\n url: \"/WebUI/Shipping/Orders/EditOrderLineItem\",\r\n type: \"POST\",\r\n data: {\r\n orderId: orderId,\r\n inventorySummaryUri: inventorySummariesUri\r\n },\r\n dataType: \"JSON\"\r\n }\r\n }\r\n });\r\n};\r\n\r\nexport const getLineItemSavedElementColumns = (gridHeader,enterValueText) =>{\r\n return ({\r\n columns:[{\r\n field: 'Name',\r\n title: gridHeader[0].description,\r\n width: 180,\r\n lockable: false,\r\n template: \"#= Required === true ? Name + '*' : Name #\"\r\n }, {\r\n field: 'Value',\r\n title: gridHeader[1].description,\r\n width: 180,\r\n lockable: false,\r\n template: \"#= Value === null && Required === true ? '\" + enterValueText + \"*' : Value === null && Required === false ? '\" + enterValueText + \"' : Value === '' && Required === true ? '\" + enterValueText + \"*' : Value === '' && Required === false ? '\" + enterValueText + \"' : Value #\"\r\n }]\r\n });\r\n};\r\n\r\nexport const getLineItemSavedElementSchema = () =>{\r\n return ({\r\n schema: {\r\n model: {\r\n fields: {\r\n Name: {\r\n type: 'String',\r\n editable: false\r\n },\r\n Value: {\r\n type: 'String'\r\n },\r\n Required: {\r\n type: 'Boolean'\r\n }\r\n }\r\n }\r\n }\r\n });\r\n};\r\n\r\nexport const getEditAllocationColumns = (gridHeader, customLabels) => {\r\n return ({\r\n columns: [{\r\n field: \"PrimaryQuantity\",\r\n \"menu\": false,\r\n title: gridHeader[0],\r\n width: 160,\r\n wmsid: 1,\r\n lockable: false,\r\n sortable: false,\r\n editor: function (container, options) {\r\n // create an input element\r\n $(\"\")\r\n .appendTo(container)\r\n .kendoNumericTextBox({\r\n format: \"n4\",\r\n decimals: 4,\r\n });\r\n },\r\n }, {\r\n field: \"PrimaryUnitType\",\r\n title: gridHeader[1],\r\n width: 180,\r\n wmsid: 2,\r\n sortable: false,\r\n lockable: false\r\n }, {\r\n field: \"Available\",\r\n title: gridHeader[2],\r\n width: 180,\r\n wmsid: 3,\r\n lockable: false\r\n }, {\r\n field: \"Qualifier\",\r\n title: gridHeader[16],\r\n width: 180,\r\n wmsid: 17,\r\n lockable: false,\r\n }, {\r\n field: \"PalletLabel\",\r\n title: gridHeader[3],\r\n width: 180,\r\n wmsid: 4,\r\n lockable: false\r\n }, {\r\n field: \"ReceiverId\",\r\n title: gridHeader[4],\r\n width: 180,\r\n wmsid: 5,\r\n lockable: false\r\n }, {\r\n field: \"ReceiverReferenceNum\",\r\n title: gridHeader[5],\r\n width: 180,\r\n wmsid: 6,\r\n lockable: false\r\n }, {\r\n field: \"ReceivedDate\",\r\n title: gridHeader[15],\r\n width: 160,\r\n wmsid: 7,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n template: \"#= ReceivedDate != null ? kendo.toString(kendo.parseDate(ReceivedDate), 'MMM dd yyyy, hh:mm:ss tt'): '' #\"\r\n }, {\r\n field: \"LotNumber\",\r\n title: customLabels.Label_Lot_Number,\r\n width: 180,\r\n wmsid: 8,\r\n lockable: false\r\n }, {\r\n field: \"SerialNumber\",\r\n title: customLabels.Label_Serial_Number,\r\n width: 180,\r\n wmsid: 9,\r\n lockable: false\r\n }, {\r\n field: \"ExpirationDate\",\r\n title: gridHeader[8],\r\n width: 180,\r\n wmsid: 10,\r\n lockable: false,\r\n template: \"#= ExpirationDate != null ? kendo.toString(kendo.parseDate(ExpirationDate), 'MMM dd yyyy, hh:mm:ss tt'): '' #\"\r\n }, {\r\n field: \"Cost\",\r\n title: gridHeader[9],\r\n width: 180,\r\n wmsid: 11,\r\n lockable: false\r\n }, {\r\n field: \"PurchaseOrderNumber\",\r\n title: gridHeader[10],\r\n width: 180,\r\n wmsid: 12,\r\n lockable: false\r\n }, {\r\n field: \"TrailerNumber\",\r\n title: gridHeader[11],\r\n width: 180,\r\n wmsid: 13,\r\n lockable: false\r\n }, {\r\n field: \"LocationName\",\r\n title: gridHeader[12],\r\n width: 180,\r\n wmsid: 14,\r\n lockable: false\r\n }, {\r\n field: \"SupplierName\",\r\n title: gridHeader[13],\r\n width: 180,\r\n wmsid: 15,\r\n lockable: false\r\n }, {\r\n field: \"CustomFields\",\r\n title: gridHeader[14],\r\n width: 180,\r\n wmsid: 16,\r\n lockable: false,\r\n sortable: false\r\n }]\r\n });\r\n};\r\nexport const getEditAllocationSchema = (selector, $) => {\r\n return ({\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n model: {\r\n fields: { //I'm not sure about these types\r\n PrimaryQuantity: {\r\n type: \"number\",\r\n editable: true,\r\n validation: {\r\n productnamevalidation: function (input) {\r\n const qtyFloat = parseFloat(input.val());\r\n if (\r\n input.is(`[name=${\"'PrimaryQuantity'\"}]`) &&\r\n input.val() !== \"\" &&\r\n !Number.isNaN(qtyFloat) &&\r\n qtyFloat !== 0\r\n ) {\r\n var grid = $(selector).data(\"kendoGrid\");\r\n var dataItem = grid.dataItem($(input).closest(\"tr\"));\r\n const inpAttr = \"data-productnamevalidation-msg\";\r\n var isIntegral = GlobalService.getIsIntegeralFlagByType(dataItem.PrimaryUnitType);\r\n if (isIntegral) {\r\n input.attr(inpAttr, \"This UOM only supports whole-number quantities\");\r\n return Math.floor(qtyFloat) === qtyFloat;\r\n }\r\n }\r\n\r\n return true;\r\n },\r\n min: 0,\r\n }\r\n },\r\n PrimaryUnitType: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Available: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n PalletLabel: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ReceiverId: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ReceiverReferenceNum: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ReceivedDate: {\r\n type: 'date',\r\n editable: false\r\n },\r\n LotNumber: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n SerialNumber: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ExpirationDate: {\r\n type: \"DateTime\",\r\n editable: false\r\n },\r\n Cost: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n PurchaseOrderNumber: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n TrailerNumber: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n LocationName: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n SupplierName: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n CustomFields: {\r\n type: \"string\",\r\n editable: false\r\n }, Qualifier: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n }\r\n }\r\n }\r\n });\r\n};\r\n\r\nexport const getEditAllocationTransport = (customerId, facilityId, itemId, qualifier,orderItemId) => {\r\n return ({\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Shipping/Orders/EditLineItemAllocationsGridRead\",\r\n type: \"POST\",\r\n data: {\r\n customerId: customerId,\r\n facilityId: facilityId,\r\n itemId: itemId,\r\n qualifier: qualifier,\r\n orderItemId: orderItemId\r\n }\r\n },\r\n }\r\n });\r\n};\r\n\r\nexport const getMassAddColumns = (gridHeader, customLabels) => {\r\n return ({\r\n columns: [{\r\n field: \"PrimaryUnitsToAdd\",\r\n sortable: false,\r\n menu: false,\r\n title: gridHeader[0],\r\n width: 180,\r\n wmsid: 1,\r\n lockable: false,\r\n headerAttributes: {\r\n \"ng-non-bindable\": true\r\n },\r\n attributes: {\r\n \"class\": \"wms-fake-look-input\"\r\n }\r\n }, {\r\n field: \"ItemImage\",\r\n title: customLabels.Label_Item + \" Image\",\r\n width: 160,\r\n wmsid: 2,\r\n lockable: false,\r\n hidden: true,\r\n editable: false,\r\n sortable: false\r\n }, {\r\n field: \"SKU\",\r\n sortable: true,\r\n title: customLabels.Label_Sku,\r\n width: 180,\r\n wmsid: 3,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"Qualifier\",\r\n title: gridHeader[3],\r\n width: 160,\r\n wmsid: 4,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"Description\",\r\n title: gridHeader[4],\r\n width: 160,\r\n wmsid: 5,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"Available\",\r\n title: gridHeader[6],\r\n width: 160,\r\n wmsid: 6,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"PrimaryUnitType\",\r\n sortable: false,\r\n title: gridHeader[5],\r\n width: 160,\r\n wmsid: 7,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"PalletLabel\",\r\n title: gridHeader[7],\r\n width: 160,\r\n wmsid: 8,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"ReceiverId\",\r\n title: gridHeader[8],\r\n width: 160,\r\n wmsid: 9,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"ReceiverReferenceNum\",\r\n title: gridHeader[9],\r\n width: 160,\r\n wmsid: 10,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"ReceivedDate\",\r\n title: gridHeader[10],\r\n width: 160,\r\n wmsid: 11,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n template: \"#= ReceivedDate != null ? kendo.toString(kendo.parseDate(ReceivedDate), 'MMM dd yyyy, hh:mm:ss tt'): '' #\"\r\n }, {\r\n field: \"LotNumber\",\r\n title: customLabels.Label_Lot_Number,\r\n width: 160,\r\n wmsid: 12,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"SerialNumber\",\r\n title: customLabels.Label_Serial_Number,\r\n width: 160,\r\n wmsid: 13,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"ExpirationDate\",\r\n title: gridHeader[13],\r\n width: 160,\r\n wmsid: 14,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n template: \"#= ExpirationDate != null ? kendo.toString(kendo.parseDate(ExpirationDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\"\r\n }, {\r\n field: \"Cost\",\r\n title: gridHeader[14],\r\n width: 160,\r\n wmsid: 15,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"PurchaseOrderNumber\",\r\n title: gridHeader[15],\r\n width: 160,\r\n wmsid: 16,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"TrailerNumber\",\r\n title: gridHeader[16],\r\n width: 160,\r\n wmsid: 17,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"LocationName\",\r\n title: gridHeader[17],\r\n width: 160,\r\n wmsid: 18,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"SupplierName\",\r\n title: gridHeader[18],\r\n width: 160,\r\n wmsid: 19,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"CustomFields\",\r\n title: gridHeader[19],\r\n width: 160,\r\n wmsid: 20,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n sortable: false\r\n }]\r\n });\r\n};\r\n\r\nexport const getMassAddSchema = (validNumberText) => {\r\n return({\r\n schema:{\r\n data: \"Data\",\r\n total: \"Total\",\r\n model: {\r\n fields: {\r\n PrimaryUnitsToAdd: {\r\n type: \"float\",\r\n editable: true,\r\n validation: {\r\n primaryunitstoaddvalidation: function (input) {\r\n if (input.is(\"[name='PrimaryUnitsToAdd']\") && input.val() != \"\") {\r\n input.attr(\"data-primaryunitstoaddvalidation-msg\", validNumberText);\r\n return /^[0-9]*(?:\\.[0-9]{0,4})?$/.test(input.val());\r\n }\r\n return true;\r\n }\r\n }\r\n },\r\n ItemImage: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n SKU: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Qualifier: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Description: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Available: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n PrimaryUnitType: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n PrimaryQuantity: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n PalletLabel: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ReceiverId: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n ReceiverReferenceNum: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ReceivedDate: {\r\n type: 'date',\r\n editable: false\r\n },\r\n LotNumber: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n SerialNumber: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ExpirationDate: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Cost: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n PurchaseOrderNumber: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n TrailerNumber: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n LocationName: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n SupplierName: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n CustomFields: {\r\n type: \"string\",\r\n editable: false\r\n }\r\n }\r\n }\r\n }\r\n });\r\n};\r\n\r\nexport const getMassAddTransport = (customerId, facilityId) => {\r\n return ({\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Shipping/Orders/MassAddGridRead\",\r\n type: \"POST\",\r\n data: {\r\n customerId: customerId,\r\n facilityId: facilityId\r\n }\r\n },\r\n }\r\n });\r\n};\r\n\r\nexport const getGridDefaultColumnsForFullfillment = (ManageOrdersLineItemsGridHeaders, CustomLabels,actionClickFunc,isFulfillmentEnable) => {\r\n return ({\r\n columns: [{\r\n field: \"Sku\",\r\n title: CustomLabels.Label_Sku,\r\n width: 160,\r\n format: (\"{0}\"),\r\n wmsid:1\r\n }, {\r\n field: \"Qualifier\",\r\n title: ManageOrdersLineItemsGridHeaders[3].description,\r\n width: 138,\r\n wmsid:3,\r\n }, {\r\n field: \"Qty\",\r\n title: ManageOrdersLineItemsGridHeaders[4].description,\r\n width: 84,\r\n wmsid:4\r\n }, {\r\n field: \"FulfillInvSalePrice\",\r\n title: ManageOrdersLineItemsGridHeaders[8].description,\r\n width: 90,\r\n wmsid:13,\r\n template: \"#= FulfillInvSalePrice ? '$' + FulfillInvSalePrice.toFixed(2) : '$0.00' #\",\r\n },{\r\n field: \"FulfillInvDiscountAmt\",\r\n title: ManageOrdersLineItemsGridHeaders[10].description,\r\n width: 160,\r\n wmsid:15,\r\n template: \"#= FulfillInvDiscountAmt ? '$' + FulfillInvDiscountAmt.toFixed(2) : '-' #\",\r\n }, {\r\n field: \"FulfillInvDiscountPct\",\r\n title: ManageOrdersLineItemsGridHeaders[11].description,\r\n width: 114,\r\n wmsid:16,\r\n template: \"#= FulfillInvDiscountPct ? FulfillInvDiscountPct.toFixed(2) + '%' : '-' #\",\r\n }, {\r\n field: \"FulfillInvLineDiscountTotal\",\r\n title: ManageOrdersLineItemsGridHeaders[12].description,\r\n width: 97,\r\n wmsid:17,\r\n template: \"#= FulfillInvLineDiscountTotal ? '$' + FulfillInvLineDiscountTotal.toFixed(2) : '$0.00' #\",\r\n }, {\r\n field:'grid-action',\r\n menu: false,\r\n command: [{\r\n name:'grid-action',\r\n text:\"\",\r\n className: \"charge-delete\",\r\n iconClass: \"fa fa-times-circle-o\",\r\n click:actionClickFunc('fromInline')\r\n }],\r\n title: \" \",\r\n width: 20,\r\n wmsid:19\r\n }]\r\n });\r\n};\r\n\r\nexport const getGridDefaultColumns = (ManageOrdersLineItemsGridHeaders, CustomLabels,actionClickFunc,isFulfillmentEnable) => {\r\n return ({\r\n columns: [{\r\n field: \"Sku\",\r\n title: CustomLabels.Label_Sku,\r\n width: 160,\r\n format: (\"{0}\"),\r\n wmsid:1\r\n }, {\r\n field: \"Qty\",\r\n title: ManageOrdersLineItemsGridHeaders[4].description,\r\n width: 84,\r\n wmsid:4\r\n }, {\r\n field: \"PrimaryUnits\",\r\n title: ManageOrdersLineItemsGridHeaders[14].description,\r\n width: 160,\r\n wmsid:5\r\n },{\r\n field: \"SecondaryQty\",\r\n title: ManageOrdersLineItemsGridHeaders[15].description,\r\n width: 160,\r\n wmsid:6\r\n }, {\r\n field: \"SecondaryUnits\",\r\n title: ManageOrdersLineItemsGridHeaders[16].description,\r\n width: 160,\r\n wmsid:7\r\n }, {\r\n field: \"CatchWeight\",\r\n title: ManageOrdersLineItemsGridHeaders[17].description,\r\n width: 160,\r\n wmsid:8\r\n }, {\r\n field: \"Volume\",\r\n title: ManageOrdersLineItemsGridHeaders[18].description,\r\n width: 160,\r\n wmsid:9\r\n }, {\r\n field: \"OrderUnitName\",\r\n title: ManageOrdersLineItemsGridHeaders[5].description,\r\n width: 160,\r\n wmsid:10\r\n }, {\r\n field:'grid-action',\r\n menu: false,\r\n command: [{\r\n name:'grid-action',\r\n text:\"\",\r\n className: \"charge-delete\",\r\n iconClass: \"fa fa-times-circle-o\",\r\n click:actionClickFunc('fromInline')\r\n }],\r\n title: \" \",\r\n width: 20,\r\n wmsid:19\r\n }]\r\n });\r\n};","import axios from \"axios\";\r\nimport React from 'react';\r\nimport { ArrayWms } from '../../../../assets/ts/ArrayWms.ts';\r\nimport { KendoGridWms } from '../../../../assets/ts/KendoGridWms.ts';\r\nimport { StringWms } from '../../../../assets/ts/StringWms.ts';\r\nimport { AddEditColumnModel } from '../../components/AddEditColumn/add-edit-columns.component.jsx';\r\nimport WmsButton from '../../components/WmsButton/WmsButton.jsx';\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsContainer from '../../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsDropdown from '../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsInput from '../../components/WmsInput/WmsInput.jsx';\r\nimport WmsModel from '../../components/WmsModel/WmsModel.jsx';\r\nimport VirtualGridComponent from '../../components_proto/VirtualGridComponent/VirtualGridComponent.jsx';\r\nimport * as GlobalService from \"../../global_services\";\r\nimport * as manageOrderProtoMetaDataService from './manage-order-proto-meta-data.service';\r\nimport * as GridConfig from './grid_configuration.jsx';\r\n//services\r\nimport * as manageOrderServices from './manage-orders.services.jsx';\r\n\r\nvar that;\r\nvar _ = window._;\r\n\r\nexport class ManageOrdersLineItem extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n this.defaultItemSummary = {\r\n ItemId: \"\",\r\n Sku: \"\",\r\n SkuDescription: \"\",\r\n QualSummaries: [],\r\n Qualifier: \"\",\r\n PrimaryIsIntegral: \"\",\r\n SecondaryIsIntegral: \"\",\r\n PrimaryUnitsPerSecondaryUnit: \"\",\r\n PrimaryUom: \"\",\r\n SecondaryUom: \"\",\r\n PrimaryInvQty: \"\",\r\n SecondaryInvQty: \"\",\r\n totalResult:0\r\n };\r\n var isFulfillmentEnable = (GlobalService.GetRights().hasOwnProperty('Shipping.FulfillInvEnabled') && props.sharedSelectedCustomer.options.fulfillmentInvoicing == 1);\r\n let defaultColumns;\r\n if (isFulfillmentEnable) {\r\n defaultColumns= GridConfig.getGridDefaultColumnsForFullfillment(StringWms.convertSringToOption(this.translate('Orders_ManageOrders_Line_ItemsGrid_Headers_Beta')), GlobalService.getCustomLabels(),this.openDeleteConfirmModel,isFulfillmentEnable).columns;\r\n } else {\r\n defaultColumns= GridConfig.getGridDefaultColumns(StringWms.convertSringToOption(this.translate('Orders_ManageOrders_Line_ItemsGrid_Headers_Beta')), GlobalService.getCustomLabels(),this.openDeleteConfirmModel,isFulfillmentEnable).columns;\r\n }\r\n this.state = {\r\n selector: 'OrderProtoTypeLineItem',\r\n // transport: GridConfig.getOrderItemsGridTransport(\r\n // this.props.shareOrderData.OrderId,\r\n // this.props.shareOrderData.OrderItemsUri,\r\n // this.props.shareOrderData.InventorySummariesUri\r\n // ).transport,\r\n schema: GridConfig.getOrderItemsGridSchema().schema,\r\n isFulfillmentEnable:isFulfillmentEnable,\r\n defaultColumns: defaultColumns,\r\n columns: GridConfig.getOrderItemsGridColumns(StringWms.convertSringToOption(this.translate('Orders_ManageOrders_Line_ItemsGrid_Headers_Beta')), GlobalService.getCustomLabels(),this.openDeleteConfirmModel,isFulfillmentEnable,GlobalService.GetRights()).columns,\r\n localKendoGrid: null,\r\n gifDeleteLineItem: false,\r\n tempDisableAddLineItem: false,\r\n savingGifGridInsert: false,\r\n isFullyAllocated: true,\r\n showLineItemSavedElements: true,\r\n showCustomerSavedElements: false,\r\n showTplSavedElements: false,\r\n enableDeleteButton: false,\r\n enableEditAllocation: false,\r\n qualifierOptions: [],\r\n indexOptionsQualifiers: \"\",\r\n itemSummary: this.defaultItemSummary,\r\n selectedSkuDropDown: { Id: 0 },\r\n selectedLineItemsCount: 0,\r\n Rights: GlobalService.GetRights(),\r\n isExpanded: props.isPrototypeComponent ? ((!$.isEmptyObject(props.metaDataList) && props.metaDataList.hasOwnProperty('collapse2')) ? !props.metaDataList['collapse2'] : true) : true,\r\n isOpenDeleteConfirmModel:false,\r\n selectedItemNames:[],\r\n selectedItemIds:[],\r\n deleteClickFrom:'',\r\n selectLineItemObj:{},\r\n lineItemSubTotal:0,\r\n lineItemTotal:0,\r\n gridData: [],\r\n lineItemGridConfig: manageOrderProtoMetaDataService.getManageOrderProtoLineItemGridOptionMetaData(isFulfillmentEnable),\r\n totalInventory: 0,\r\n firstLoadLimit: 4000,\r\n allSortColumnList: [],\r\n gridLoading: false,\r\n isOpenColumnModel: false,\r\n IsLineItemInitialCallSet:false,\r\n filterText: \"\",\r\n fullFilterText: \"\"\r\n };\r\n that = this;\r\n }\r\n componentDidMount () {\r\n document.addEventListener(\"onOrderItemsRefresh\", this.onOrderItemsRefresh);\r\n let allSortColumnList = this.state.columns.sort(function (first, second) {\r\n\r\n var columnTitle1 = first.title.toUpperCase(); // ignore upper and lowercase\r\n var columnTitle2 = second.title.toUpperCase(); // ignore upper and lowercase\r\n\r\n if (columnTitle1 < columnTitle2) { return -1; }\r\n\r\n if (columnTitle1 > columnTitle2) { return 1; }\r\n // names must be equal\r\n return 0;\r\n });\r\n this.setState({ allSortColumnList: allSortColumnList });\r\n this.getGridData();\r\n }\r\n componentDidUpdate(prevProps, prevState) {\r\n // for reset line item grid from mass add and edit allocation modal success\r\n if (prevProps.sharedIsResetLineItemGrid != this.props.sharedIsResetLineItemGrid) {\r\n this.getGridData();\r\n }\r\n if (prevProps.shareOrderData.OrderId != this.props.shareOrderData.OrderId) {\r\n this.getGridData(null,this.props.shareOrderData);\r\n }\r\n }\r\n componentWillUnmount(){\r\n document.removeEventListener(\"onOrderItemsRefresh\", this.onOrderItemsRefresh);\r\n }\r\n setFilterAppliedText = (filterObj) => {\r\n if (!filterObj) {\r\n this.setState({\r\n filterText: \"\",\r\n fullFilterText: \"\"\r\n });\r\n return;\r\n }\r\n var filterConditionTitle = {\r\n \"lte\": \"Is Less Than Or Equal To\",\r\n \"eq\": \"Is Equal To\",\r\n \"lt\": \"Is Less Than\",\r\n \"neq\": \"Is Not Equal To\",\r\n \"gte\": \"Is Greater Than Or Equal To\",\r\n \"gt\": \"Is Greater Than\",\r\n \"startswith\": \"Starts With\",\r\n \"endswith\": \"Ends With\",\r\n \"contains\": \"Contains\",\r\n \"doesnotcontain\": \"Does Not Contain\",\r\n \"isnull\": \"Is Null\",\r\n \"isnotnull\": \"Is Not Null\",\r\n \"isempty\": \"Is Empty\",\r\n \"isnotempty\": \"Is Not Empty\",\r\n \"isnullorempty\": \"Has No Value\",\r\n \"isnotnullorempty\": \"Has Value\",\r\n };\r\n\r\n var filterText = \"\";\r\n var fullFilterText = \"\";\r\n var filterList = filterObj.filters;\r\n filterList.map( (item) => {\r\n var columnObj = this.state.columns.find(x => x.field === item.field);\r\n if(columnObj) {\r\n var title = columnObj.title;\r\n filterText += title + \" : \" + item.value + ',';\r\n fullFilterText += title + \" \" + filterConditionTitle[item.operator] + \" : \" + item.value + \"\r\n\r\n {this.state.isBillToFavoritesDropdownRender &&\r\n this.props.onOpenAdvanceLookupModal('BillTo')}\r\n disabled={this.state.billToUseCustom == false}\r\n icon='fa-plus-circle' />\r\n\r\n
\r\n \r\n
\r\n\r\n {/* TAB 3 Sold to information */}\r\n \r\n this.handleChangeEvent('BillTo', e)}\r\n label={this.translate('Label_Contact_Code')}\r\n regularExp={/^.{1,255}$/}\r\n disabled={this.state.billToUseCustom == false}\r\n parentClassName={(this.state.billToUseCustom == false) ? 'k-state-disabled form_group' : 'form_group'} />\r\n\r\n this.handleChangeEvent('BillTo', e)}\r\n label={this.translate('Label_Add_To_Favorites')}\r\n value={renderOrderObj.BillTo.IsQuickLookup}\r\n checked={typeof renderOrderObj.BillTo.IsQuickLookup == 'boolean' ? renderOrderObj.BillTo.IsQuickLookup : renderOrderObj.BillTo.IsQuickLookup == \"true\"}\r\n disabled={this.state.billToUseCustom == false}\r\n parentClassName={(this.state.billToUseCustom == false) ? 'k-state-disabled ' : ''}\r\n />\r\n
\r\n\r\n \r\n this.handleChangeEvent('BillTo', e)}\r\n label={this.translate('Label_Company_Name')}\r\n disabled={this.state.billToUseCustom == false}\r\n regularExp={/^.{1,255}$/}\r\n parentClassName={(this.state.billToUseCustom == false) ? 'k-state-disabled form_group' : 'form_group'} />\r\n\r\n this.handleChangeEvent('BillTo', e)}\r\n label={this.translate('Label_Receipient')}\r\n disabled={this.state.billToUseCustom == false}\r\n regularExp={/^.{1,255}$/}\r\n parentClassName={(this.state.billToUseCustom == false) ? 'k-state-disabled form_group' : 'form_group'} />\r\n this.handleChangeEvent('BillTo', e)}\r\n label={this.translate('Label_Phone')}\r\n regularExp={/^.{1,255}$/}\r\n disabled={this.state.billToUseCustom == false}\r\n parentClassName={(this.state.billToUseCustom == false) ? 'k-state-disabled form_group' : 'form_group'} />\r\n\r\n this.handleChangeEvent('BillTo', e)}\r\n label={this.translate('Label_Email')}\r\n regularExp={/^.{1,255}$/}\r\n disabled={this.state.billToUseCustom == false}\r\n parentClassName={(this.state.billToUseCustom == false) ? 'k-state-disabled form_group' : 'form_group'} />\r\n\r\n
\r\n\r\n \r\n this.handleChangeEvent('BillTo', e)}\r\n label={this.translate('Label_Address_1')}\r\n disabled={this.state.billToUseCustom == false}\r\n regularExp={/^.{1,255}$/}\r\n parentClassName={(this.state.billToUseCustom == false) ? 'k-state-disabled form_group' : 'form_group'} />\r\n\r\n this.handleChangeEvent('BillTo', e)}\r\n label={this.translate('Label_Address_2')}\r\n regularExp={/^.{1,255}$/}\r\n disabled={this.state.billToUseCustom == false}\r\n parentClassName={(this.state.billToUseCustom == false) ? 'k-state-disabled form_group' : 'form_group'} />\r\n\r\n\r\n
\r\n\r\n \r\n\r\n this.handleChangeEvent('BillTo', e)}\r\n options={this.state.optionsCountry}\r\n textField='Name'\r\n valueField='CountryCode'\r\n disabled={this.state.billToUseCustom == false}\r\n parentClassName={(this.state.billToUseCustom == false) ? 'k-state-disabled form_group' : 'form_group'} />\r\n\r\n this.handleChangeEvent('BillTo', e)}\r\n options={GlobalService.GetRegions(renderOrderObj.BillTo.Country)}\r\n showToolTip={true}\r\n tooltipText={this.translate('Label_Country_Select_Validation')}\r\n textField='Name'\r\n valueField='RegionCode'\r\n disabled={!renderOrderObj.BillTo.Country}\r\n parentClassName={(this.state.billToUseCustom == false) ? 'k-state-disabled form_group' : 'form_group'} />\r\n\r\n this.handleChangeEvent('BillTo', e)}\r\n label={this.state.customLabels.Label_City}\r\n regularExp={/^.{1,255}$/}\r\n disabled={this.state.billToUseCustom == false}\r\n parentClassName={(this.state.billToUseCustom == false) ? 'k-state-disabled form_group' : 'form_group'} />\r\n\r\n this.handleChangeEvent('BillTo', e)}\r\n label={this.translate('Label_Zip')}\r\n regularExp={/^[a-zA-Z0-9-_ ]*$/}\r\n disabled={this.state.billToUseCustom == false}\r\n parentClassName={(this.state.billToUseCustom == false) ? 'k-state-disabled form_group' : 'form_group'} />\r\n\r\n
\r\n {/* \r\n
*/}\r\n\r\n {/* \r\n {this.translate('Label_Invalid_Email')}
\r\n \r\n */}\r\n
\r\n \r\n\r\n \r\n\r\n this.handleChangeEvent('BillTo', e)}\r\n label={this.translate('Label_Department_Number')}\r\n regularExp={/^.{1,255}$/}\r\n disabled={this.state.billToUseCustom == false}\r\n parentClassName={(this.state.billToUseCustom == false) ? 'k-state-disabled form_group' : 'form_group'} />\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n\r\n this.props.onOpenAdvanceLookupModal('SoldTo')}\r\n icon='fa-plus-circle'\r\n disabled={this.state.indexSoldToOption != 0} />\r\n\r\n
\r\n \r\n
\r\n \r\n this.handleChangeEvent('SoldTo', e)}\r\n label={this.translate('Label_Contact_Code')}\r\n regularExp={/^.{1,255}$/}\r\n parentClassName={(this.state.indexSoldToOption != 0) ? 'k-state-disabled form_group' : 'form_group'} />\r\n\r\n this.handleChangeEvent('SoldTo', e)}\r\n label={this.translate('Label_Add_To_Favorites')}\r\n value={renderOrderObj.SoldTo.IsQuickLookup}\r\n checked={typeof renderOrderObj.SoldTo.IsQuickLookup == 'boolean' ? renderOrderObj.SoldTo.IsQuickLookup : renderOrderObj.SoldTo.IsQuickLookup == \"true\"}\r\n parentClassName={(this.state.indexSoldToOption != 0) ? 'k-state-disabled ' : ''} />\r\n
\r\n\r\n \r\n this.handleChangeEvent('SoldTo', e)}\r\n label={this.translate('Label_Company_Name')}\r\n regularExp={/^.{1,255}$/}\r\n parentClassName={(this.state.indexSoldToOption != 0) ? 'k-state-disabled form_group' : 'form_group'} />\r\n\r\n this.handleChangeEvent('SoldTo', e)}\r\n label={this.translate('Label_Receipient')}\r\n regularExp={/^.{1,255}$/}\r\n parentClassName={(this.state.indexSoldToOption != 0) ? 'k-state-disabled form_group' : 'form_group'} />\r\n this.handleChangeEvent('SoldTo', e)}\r\n label={this.translate('Label_Phone')}\r\n regularExp={/^.{1,255}$/}\r\n parentClassName={(this.state.indexSoldToOption != 0) ? 'k-state-disabled form_group' : 'form_group'} />\r\n\r\n this.handleChangeEvent('SoldTo', e)}\r\n label={this.translate('Label_Email')}\r\n regularExp={/^.{1,255}$/}\r\n parentClassName={(this.state.indexSoldToOption != 0) ? 'k-state-disabled form_group' : 'form_group'} />\r\n\r\n
\r\n \r\n this.handleChangeEvent('SoldTo', e)}\r\n label={this.translate('Label_Address_1')}\r\n regularExp={/^.{1,255}$/}\r\n parentClassName={(this.state.indexSoldToOption != 0) ? 'k-state-disabled form_group' : 'form_group'} />\r\n\r\n this.handleChangeEvent('SoldTo', e)}\r\n label={this.translate('Label_Address_2')}\r\n regularExp={/^.{1,255}$/}\r\n parentClassName={(this.state.indexSoldToOption != 0) ? 'k-state-disabled form_group' : 'form_group'} />\r\n\r\n
\r\n \r\n\r\n this.handleChangeEvent('SoldTo', e)}\r\n options={this.state.optionsCountry}\r\n textField='Name'\r\n valueField='CountryCode'\r\n parentClassName={(this.state.indexSoldToOption != 0) ? 'k-state-disabled form_group' : 'form_group'} />\r\n\r\n this.handleChangeEvent('SoldTo', e)}\r\n options={GlobalService.GetRegions(renderOrderObj.SoldTo.Country)}\r\n disabled={!renderOrderObj.SoldTo.Country}\r\n showToolTip={true}\r\n tooltipText={this.translate('Label_Country_Select_Validation')}\r\n textField='Name'\r\n valueField='RegionCode'\r\n parentClassName={(this.state.indexSoldToOption != 0) ? 'k-state-disabled form_group' : 'form_group'} />\r\n\r\n this.handleChangeEvent('SoldTo', e)}\r\n label={this.state.customLabels.Label_City}\r\n regularExp={/^.{1,255}$/}\r\n parentClassName={(this.state.indexSoldToOption != 0) ? 'k-state-disabled form_group' : 'form_group'} />\r\n\r\n this.handleChangeEvent('SoldTo', e)}\r\n label={this.translate('Label_Zip')}\r\n regularExp={/^[a-zA-Z0-9-_ ]*$/}\r\n parentClassName={(this.state.indexSoldToOption != 0) ? 'k-state-disabled form_group' : 'form_group'} />\r\n\r\n
\r\n {/* \r\n
*/}\r\n\r\n {/* \r\n {this.translate('Label_Invalid_Email')}
\r\n \r\n */}\r\n
\r\n \r\n \r\n\r\n this.handleChangeEvent('SoldTo', e)}\r\n label={this.translate('Label_Department_Number')}\r\n regularExp={/^.{1,255}$/}\r\n parentClassName={(this.state.indexSoldToOption != 0) ? 'k-state-disabled form_group' : 'form_group'} />\r\n
\r\n \";\r\n }\r\n });\r\n filterText = filterText.slice(0, -1);\r\n\r\n this.setState({\r\n filterText: filterText,\r\n fullFilterText: fullFilterText\r\n });\r\n }\r\n // on grid filter selection\r\n onGridFilterApplied = () => {\r\n var grid = $(\".\" + this.props.windowId + \" #OrderItemsGrid\").data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n setTimeout(() => {\r\n this.setFilterAppliedText(dataSource.filter());\r\n\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(grid.columns, sortArray, dataSource.filter());\r\n\r\n manageOrderProtoMetaDataService.setManageOrderProtoLineItemGridOptionMetaData(finalSubmission);\r\n\r\n }, 100);\r\n\r\n }\r\n\r\n onOrderItemsRefresh = () => {\r\n this.getGridData();\r\n }\r\n\r\n setCollapseMetaData = (value) => {\r\n if (this.props.isPrototypeComponent) {\r\n manageOrderProtoMetaDataService.setManageOrderProtoCollapseMetaData(\"collapse2\", value);\r\n }\r\n }\r\n handleChangeForOrderTotal = (param_parent_property, e) => {\r\n let orderObj = Object.assign(this.props.shareOrderData);\r\n if (param_parent_property == '') {\r\n orderObj[e.target.name] = e.target.value;\r\n } else {\r\n if (orderObj[param_parent_property] == null) {\r\n orderObj[param_parent_property] = { [e.target.name]: e.target.value };\r\n } else {\r\n orderObj[param_parent_property][e.target.name] = e.target.value;\r\n }\r\n }\r\n this.props.onOrderDataSet(orderObj);\r\n }\r\n fixedPointOnBlur = (fixedNumber) => (e) => {\r\n if(e.target.value) {\r\n let newValue = parseFloat(e.target.value).toFixed(fixedNumber);\r\n if (e.target.value.toString() === newValue.toString()) {\r\n return;\r\n }\r\n let orderObj = Object.assign({}, this.props.shareOrderData);\r\n orderObj.FulfillInv[e.target.name] = parseFloat(e.target.value).toFixed(fixedNumber);\r\n this.props.onOrderDataSet(orderObj);\r\n } else {\r\n let newValue = \"0.00\";\r\n let orderObj = Object.assign({}, this.props.shareOrderData);\r\n orderObj.FulfillInv[e.target.name] = newValue;\r\n this.props.onOrderDataSet(orderObj);\r\n }\r\n }\r\n handleChangeForFulFillInv = (e) => {\r\n let orderObj = Object.assign(this.props.shareOrderData);\r\n let IsLineItemInitialCallSet = this.state.IsLineItemInitialCallSet ;\r\n if(e){\r\n if (\r\n e.target.name == 'FulfillInvDiscountAmount'\r\n ) {\r\n let lineItemTotalTemp = this.state.lineItemSubTotal +\r\n parseFloat(orderObj.FulfillInv.FulfillInvTax) +\r\n parseFloat(orderObj.FulfillInv.FulfillInvShippingAndHandling);\r\n if(parseFloat(e.target.value) > parseFloat(lineItemTotalTemp)){\r\n this.props.onOrderDataSet(orderObj,true); // pass true to remain discard button enable\r\n return;\r\n }\r\n }\r\n\r\n if (orderObj.FulfillInv == null) {\r\n orderObj.FulfillInv = { [e.target.name]: e.target.value };\r\n } else {\r\n orderObj.FulfillInv[e.target.name] = e.target.value;\r\n }\r\n }else{\r\n if(IsLineItemInitialCallSet == false ){\r\n this.setState({IsLineItemInitialCallSet : true });\r\n }\r\n }\r\n\r\n if(this.state.lineItemSubTotal){\r\n var lineItemTotal =\r\n this.state.lineItemSubTotal +\r\n parseFloat(\r\n orderObj.FulfillInv.FulfillInvTax ?\r\n orderObj.FulfillInv.FulfillInvTax :\r\n 0\r\n ) +\r\n parseFloat(\r\n orderObj.FulfillInv.FulfillInvShippingAndHandling ? orderObj.FulfillInv.FulfillInvShippingAndHandling :\r\n 0\r\n ) -\r\n parseFloat(\r\n orderObj.FulfillInv.FulfillInvDiscountAmount ?\r\n orderObj.FulfillInv.FulfillInvDiscountAmount :\r\n 0\r\n );\r\n this.setState({lineItemTotal:lineItemTotal.toFixed(2)});\r\n }else{\r\n orderObj.FulfillInv.FulfillInvTax = '0.00';\r\n orderObj.FulfillInv.FulfillInvShippingAndHandling = '0.00';\r\n orderObj.FulfillInv.FulfillInvDiscountAmount = '0.00';\r\n this.setState({ lineItemTotal:'0.00'});\r\n }\r\n this.props.onOrderDataSet(orderObj,IsLineItemInitialCallSet);\r\n }\r\n openDeleteConfirmModel = (param_baseCall) => (e) => {\r\n let orderLineItemsGrid = $(\".\" + this.props.windowId + ' #OrderItemsGrid').data('kendoGrid');\r\n let tmpItemIds = [];\r\n let tmpItemName = [];\r\n var tmpDeleteClickFrom = '';\r\n var selectLineItemObj= {};\r\n if(param_baseCall == 'fromInline'){\r\n var dataItem = orderLineItemsGrid.dataItem($(e.currentTarget).closest('tr'));\r\n tmpItemIds = [dataItem.OrderItemId];\r\n tmpItemName = [dataItem.Sku];\r\n tmpDeleteClickFrom = 'fromInlineGrid';\r\n selectLineItemObj = dataItem;\r\n if(this.props.isCustomerUserAndOrderComplete){\r\n GlobalService.notification(\r\n \"warning\",\r\n this.translate('note_cant_delete_line_item_customer_user'),\r\n );\r\n return;\r\n }\r\n }else{\r\n let selectedIndexs = [];\r\n let selectedRows = orderLineItemsGrid.select();\r\n tmpItemIds = [];\r\n for (let x = 0; x < selectedRows.length; x++) {\r\n selectedIndexs.push(selectedRows[x].rowIndex);\r\n }\r\n\r\n for (let x = 0; x < selectedIndexs.length; x++) {\r\n tmpItemIds.push(orderLineItemsGrid._data[selectedIndexs[x]].OrderItemId);\r\n tmpItemName.push(orderLineItemsGrid._data[selectedIndexs[x]].Sku);\r\n }\r\n\r\n tmpItemIds = tmpItemIds;\r\n tmpItemName = tmpItemName;\r\n }\r\n\r\n this.setState({\r\n isOpenDeleteConfirmModel:true,\r\n selectedItemIds:tmpItemIds,\r\n selectedItemNames:tmpItemName,\r\n deleteClickFrom:tmpDeleteClickFrom,\r\n selectLineItemObj:selectLineItemObj\r\n });\r\n }\r\n closeDeleteconfirm = () => {\r\n this.setState({ isOpenDeleteConfirmModel:false });\r\n }\r\n orderItemsGridDelete = () => {\r\n\r\n this.setState({ gifDeleteLineItem: true });\r\n\r\n let orderLineItemsGrid = $(\".\" + this.props.windowId + ' #OrderItemsGrid').data('kendoGrid');\r\n\r\n manageOrderServices.deleteMultipleOrderLineItems({\r\n\r\n orderItemsListUri: this.props.shareOrderData.OrderItemsUri,\r\n ids: this.state.selectedItemIds\r\n\r\n }).then((response) => {\r\n\r\n GlobalService.notification('success', this.translate('Label_Deleted_Success'));\r\n this.resetGridAndSelection();\r\n\r\n let gridData = orderLineItemsGrid.dataSource.data();\r\n let isFullyAllocated = true;\r\n let allocatedSkuList = \"\";\r\n\r\n\r\n for (let i = 0; i < gridData.length; i++) {\r\n if (gridData[i].FullyAllocated == false) {\r\n isFullyAllocated = false;\r\n allocatedSkuList += \"
\" + gridData[i].Sku + \"
\";\r\n }\r\n }\r\n\r\n this.props.onItemAllocationChanged({\r\n 'isFullyAllocated': isFullyAllocated,\r\n \"allocatedSkuList\": allocatedSkuList,\r\n 'sawDiscardbutton': true\r\n });\r\n this.setState({ isOpenDeleteConfirmModel:false });\r\n this.getGridData();\r\n this.props.onGridItemChange();\r\n // reset discountamount after delete\r\n\r\n // let orderObj = Object.assign(this.props.shareOrderData);\r\n // orderObj.FulfillInv.FulfillInvDiscountAmount = '0.00';\r\n // this.props.onOrderDataSet(orderObj);\r\n\r\n }).finally(() => {\r\n this.setState({ gifDeleteLineItem: false });\r\n });\r\n }\r\n orderSingleItemDelete = () => {\r\n\r\n this.setState({ gifDeleteLineItem: true });\r\n\r\n let orderLineItemsGrid = $(\".\" + this.props.windowId + ' #OrderItemsGrid').data('kendoGrid');\r\n\r\n manageOrderServices.deleteSingleOrderLineItems(this.state.selectLineItemObj.EditUri,this.props.shareOrderData.OrderId).then((response) => {\r\n\r\n GlobalService.notification('success', this.translate('Label_Deleted_Success'));\r\n\r\n let gridData = orderLineItemsGrid.dataSource.data();\r\n let isFullyAllocated = true;\r\n let allocatedSkuList = \"\";\r\n\r\n\r\n for (let i = 0; i < gridData.length; i++) {\r\n if (gridData[i].FullyAllocated == false) {\r\n isFullyAllocated = false;\r\n allocatedSkuList += \"\" + gridData[i].Sku + \"
\";\r\n }\r\n }\r\n\r\n this.props.onItemAllocationChanged({\r\n 'isFullyAllocated': isFullyAllocated,\r\n \"allocatedSkuList\": allocatedSkuList,\r\n 'sawDiscardbutton': true\r\n });\r\n this.setState({ isOpenDeleteConfirmModel:false });\r\n this.getGridData();\r\n this.props.onGridItemChange();\r\n // reset discountamount after delete\r\n\r\n // let orderObj = Object.assign(this.props.shareOrderData);\r\n // orderObj.FulfillInv.FulfillInvDiscountAmount = '0.00';\r\n // this.props.onOrderDataSet(orderObj);\r\n }).finally(() => {\r\n this.setState({ gifDeleteLineItem: false });\r\n });\r\n }\r\n\r\n resetGridAndSelection = () => {\r\n let orderLineItemsGrid = $(\".\" + this.props.windowId + ' #OrderItemsGrid').data('kendoGrid');\r\n if (this.state.localKendoGrid != null) {\r\n this.state.localKendoGrid.clearSelections(() => {\r\n this.state.localKendoGrid.repaintSelections();\r\n });\r\n }\r\n orderLineItemsGrid.dataSource.read();\r\n orderLineItemsGrid.refresh();\r\n this.setState({\r\n enableDeleteButton: false,\r\n enableEditAllocation: false\r\n });\r\n }\r\n\r\n eventClickOpenEditAllocations = () => {\r\n let grid = $(\".\" + this.props.windowId + \" #OrderItemsGrid\").data(\"kendoGrid\");\r\n let selectedItem = grid.dataItem(grid.select());\r\n\r\n if (!selectedItem) {\r\n return;\r\n }\r\n let sharedEditAllocationData = {\r\n \"modalTitle\": this.translate('Window_Title_Edit_Allocations'),\r\n \"modalType\": 'GridEditAllocations',\r\n \"CustomerId\": this.props.sharedSelectedCustomer.id,\r\n \"FacilityId\": this.props.sharedSelectedFacility.id,\r\n \"ItemId\": selectedItem.ItemId,\r\n \"QualifierId\": selectedItem.Qualifier,\r\n \"Sku\": selectedItem.Sku,\r\n \"ItemDescription\": selectedItem.ItemDescription,\r\n \"OrderQty\": selectedItem.Qty,\r\n \"EditWithAllocationsDetailsUri\": selectedItem.EditWithAllocationDetailsUri,\r\n \"OrderId\": this.props.shareOrderData.OrderId,\r\n \"OrderItemId\": selectedItem.OrderItemId,\r\n 'totalOrdered': selectedItem.Qty,\r\n 'totalInputedQuantity': selectedItem.Qtyy\r\n };\r\n this.props.onOpenManageAllocationModal({\r\n 'isModalOpen': true,\r\n 'modalSharedData': sharedEditAllocationData\r\n });\r\n }\r\n\r\n openAddEditLineItemModal = () => {\r\n let grid = $(\".\" + this.props.windowId + \" #OrderItemsGrid\").data(\"kendoGrid\");\r\n let selectedItem = grid.dataItem(grid.select());\r\n this.props.onOpenAddEditLineItemModal(selectedItem)();\r\n }\r\n\r\n openPrototypeMassAdd =() =>{\r\n let sharedMassAddData = {\r\n \"CustomerId\": this.props.sharedSelectedCustomer.id,\r\n \"FacilityId\": this.props.sharedSelectedFacility.id,\r\n \"OrderId\": this.props.shareOrderData.OrderId,\r\n 'OrderItemsUri': this.props.shareOrderData.OrderItemsUri\r\n };\r\n this.props.onOpenProtoMassAddModal({\r\n 'isModalOpen': true,\r\n 'modalSharedData': sharedMassAddData\r\n });\r\n }\r\n eventClickColumns = () => {\r\n this.setState({ isOpenColumnModel: true });\r\n }\r\n onCloseColumnModel = (e) => {\r\n this.setState({ isOpenColumnModel: false });\r\n }\r\n getGridData = (pgSiz = null,orderData) => {\r\n var tmpOrderData = this.props.shareOrderData;\r\n if(orderData){\r\n tmpOrderData = orderData;\r\n }\r\n this.setState({ gridLoading: true });\r\n let url = \"/WebUI/Shipping/Orders/OrderLineItems\";\r\n axios.put(url, {\r\n orderId: tmpOrderData.OrderId,\r\n itemsUri: tmpOrderData.OrderItemsUri,\r\n inventorySummariesUri: tmpOrderData.InventorySummariesUri\r\n }).then((response) => {\r\n if(response && response.status == 200 ){\r\n this.setState({\r\n gridLoading: false,\r\n gridData: response.data.OrderItems,\r\n totalResult:response.data.OrderItems.length,\r\n lineItemSubTotal: response.data.OrderItemSubTotal\r\n },()=>{\r\n this.handleChangeForFulFillInv();\r\n });\r\n }\r\n }).finally(() => {\r\n this.setState({ gridLoading: false });\r\n });\r\n }\r\n clickEventOfContextMenu = (obj) => {\r\n if (obj.wmsid == 'delete') {\r\n this.openDeleteConfirmModel('fromContextmenu')();\r\n } else if (obj.wmsid == 'edit') {\r\n this.eventClickOpenEditAllocations();\r\n } else if (obj.wmsid == 'addLineItem') {\r\n this.props.onOpenAddEditLineItemModal()();\r\n } else if (obj.wmsid == 'editLineItem') {\r\n this.openAddEditLineItemModal();\r\n } else if(obj.wmsid == 'massAddLineItem') {\r\n this.openPrototypeMassAdd();\r\n }\r\n }\r\n\r\n selectRow = (param_kendogrid) => {\r\n let that = this;\r\n setTimeout(function(){\r\n var grid = $('.' + that.props.windowId + ' #OrderItemsGrid').data('kendoGrid');\r\n var selectedRecored = grid.select().length;\r\n that.setState({\r\n enableDeleteButton: selectedRecored >= 1 ? true : false,\r\n enableEditAllocation: selectedRecored == 1 ? true : false,\r\n localKendoGrid: param_kendogrid\r\n });\r\n }, 200);\r\n }\r\n\r\n boundGridData = (event, kendoGrid) => {\r\n\r\n if (typeof this.$rootScope.setLoaderData['Edit Order'] != \"undefined\") {\r\n this.$rootScope.setLoaderTimerEndTime(\"Edit Order\");\r\n }\r\n if (typeof this.$rootScope.setLoaderData['Create Order'] != \"undefined\") {\r\n this.$rootScope.setLoaderTimerEndTime(\"Create Order\");\r\n }\r\n\r\n\r\n let grid = $('.' + this.props.windowId + ' #OrderItemsGrid').data('kendoGrid');\r\n let gridData = grid.dataSource.data();\r\n let isFullyAllocated = true;\r\n let allocatedSkuList = \"\";\r\n let height = 0;\r\n let tHeadHight = grid.thead.height();\r\n let trheight = $(grid.table.find('tr')[0]).height() ? $(grid.table.find('tr')[0]).height() : 30;\r\n if(gridData.length == 0){ // set default tr height when grid have 0 recored\r\n trheight = 31;\r\n } else if(trheight == 0) {\r\n trheight = 30;\r\n }\r\n\r\n $('.' + this.props.windowId + ' #OrderItemsGrid').find('.k-scrollbar-vertical').hide();\r\n $('.' + this.props.windowId + ' #OrderItemsGrid').find('.k-grid-content').css(\"padding-right\", \"0\");\r\n if(gridData.length <= 3 ){\r\n height = ((3 * trheight) + tHeadHight);\r\n } else if(gridData.length > 25 ){\r\n height = ((25 * trheight) + tHeadHight);\r\n $('.' + this.props.windowId + ' #OrderItemsGrid').find('.k-scrollbar-vertical').show();\r\n $('.' + this.props.windowId + ' #OrderItemsGrid').find('.k-grid-content').css(\"padding-right\", \"20px\");\r\n } else{\r\n height = ((gridData.length * trheight) + tHeadHight);\r\n }\r\n height = height + 15;\r\n $('.' + this.props.windowId + ' #OrderItemsGrid').height(height);\r\n $('.' + this.props.windowId + ' #OrderItemsGrid').parent().height(height+8); // set grid parent height because - grid is resize on column add/edit & grid bottom border not saw propely\r\n if (gridData.length == 0) { isFullyAllocated = false; }\r\n var totalWieght = _.sumBy(gridData, 'CatchWeight');\r\n var totalValue = _.sumBy(gridData, 'Volume');\r\n\r\n\r\n for (let i = 0; i < gridData.length; i++) {\r\n\r\n if (gridData[i].PickLineEmpty) {\r\n grid.table.find(\"tr[data-uid='\" + gridData[i].uid + \"']\").addClass(\"wms-insufficient-pickline-qty\");\r\n allocatedSkuList += \"\" + gridData[i].Sku + \"
\";\r\n } else if (gridData[i].FullyAllocated == false) {\r\n grid.table.find(\"tr[data-uid='\" + gridData[i].uid + \"']\").addClass(\"wms-over-allocated\");\r\n isFullyAllocated = false;\r\n allocatedSkuList += \"\" + gridData[i].Sku + \"
\";\r\n } else {\r\n grid.table.find(\"tr[data-uid='\" + gridData[i].uid + \"']\").addClass(\"wms-sufficient-pickline-qty\");\r\n allocatedSkuList += \"\" + gridData[i].Sku + \"
\";\r\n }\r\n\r\n //Calculations for the TotalPrice, TotalAfterDiscount columns\r\n if (gridData[i].FulfillInvSalePrice != null && typeof gridData[i].FulfillInvSalePrice !== \"undefined\" && gridData[i].FulfillInvSalePrice != 0) {\r\n gridData[i].FullfillInvTotalPrice = parseFloat((new Big(gridData[i].PrimaryInvQty || 0)).times(gridData[i].FulfillInvSalePrice).round(4));\r\n }\r\n\r\n if (gridData[i].FullfillInvTotalPrice != null && typeof gridData[i].FullfillInvTotalPrice !== \"undefined\" && typeof gridData[i].FullfillInvTotalPrice !== 0) {\r\n if ((typeof gridData[i].FulfillInvDiscountPct !== \"undefined\") && gridData[i].FulfillInvDiscountPct != null) {\r\n if (gridData[i].FulfillInvDiscountPct == 0 && gridData[i].FulfillInvDiscountAmt) {\r\n gridData[i].FullfillInvTotalAfterDiscount = parseFloat(new Big(gridData[i].FullfillInvTotalPrice || 0).minus(gridData[i].FulfillInvDiscountAmt).round(4));\r\n } else {\r\n var discountpctAmt = parseFloat(new Big(gridData[i].FulfillInvDiscountPct || 0).div(100).round(4));\r\n var discountAmt = parseFloat(new Big(gridData[i].FullfillInvTotalPrice || 0).times(discountpctAmt).round(4));\r\n gridData[i].FullfillInvTotalAfterDiscount = gridData[i].FullfillInvTotalPrice - discountAmt;\r\n }\r\n } else if ((typeof (gridData[i].FulfillInvDiscountAmt) !== \"undefined\") && gridData[i].FulfillInvDiscountAmt != null && gridData[i].FulfillInvDiscountAmt != 0) {\r\n gridData[i].FullfillInvTotalAfterDiscount = parseFloat(new Big(gridData[i].FullfillInvTotalPrice || 0).minus(gridData[i].FulfillInvDiscountAmt).round(4));\r\n } else {\r\n gridData[i].FullfillInvTotalAfterDiscount = parseFloat(new Big(gridData[i].FullfillInvTotalPrice || 0).round(4));\r\n }\r\n }\r\n\r\n }\r\n\r\n this.props.onItemAllocationChanged({\r\n 'isFullyAllocated': isFullyAllocated,\r\n \"allocatedSkuList\": allocatedSkuList\r\n });\r\n this.props.onSetOrderItemChange(gridData,totalWieght,totalValue);\r\n this.setState({ localKendoGrid: kendoGrid });\r\n\r\n if(typeof $('.' + this.props.windowId + ' #OrderItemsGrid').data(\"kendoTooltip\") == 'undefined'){\r\n $('.' + this.props.windowId + ' #OrderItemsGrid').kendoTooltip({\r\n filter: \"tr:not('.wms-sufficient-pickline-qty'):not('.wms-over-allocated') td\",\r\n position: \"bottom\",\r\n content: (e) => {\r\n var dataItem = $('.' + this.props.windowId + ' #OrderItemsGrid').data(\"kendoGrid\").dataItem(e.target.closest(\"tr\"));\r\n var content = \"\";\r\n if(typeof dataItem != 'undefined' && dataItem.PickLineEmpty){ //Unable to allocate from pickline\r\n content = \"Insufficient quantity in pick line\";\r\n }\r\n return content;\r\n }\r\n }).data(\"kendoTooltip\");\r\n\r\n }\r\n }\r\n\r\n beforeContextMenuOpen = (e) => {\r\n var grid = $('.' + this.props.windowId + ' #OrderItemsGrid').data('kendoGrid');\r\n var dataItem = grid.dataItem($(e.target).closest('tr'));\r\n\r\n var page = grid.dataSource.page();\r\n var length = grid.dataSource.view().length;\r\n var col = grid.cellIndex($(e.target).closest('td'));\r\n\r\n var row2 = $(e.target).closest('tr').index();\r\n\r\n let KendoGrid = new KendoGridWms('OrderItemsGrid', this.props.windowId, 'OrderItemId', '');\r\n KendoGrid.onRightClick(e, page, length, row2, col, dataItem, grid.dataSource.data(), 'OrderItemId', () => {\r\n this.selectRow(KendoGrid);\r\n });\r\n\r\n }\r\n\r\n // on grid column sort save changes in meta data object\r\n onSort = (event) => {\r\n var grid = $('.' + this.props.windowId + ' #OrderItemsGrid').data('kendoGrid');\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n GlobalService.sortDataset(sortArray, event.sort);\r\n var gridColumn = grid.getOptions().columns;\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(gridColumn, sortArray, grid.dataSource.filter());\r\n manageOrderProtoMetaDataService.setManageOrderProtoLineItemGridOptionMetaData(finalSubmission,this.state.isFulfillmentEnable);\r\n }\r\n // on grid column reorder save changes in meta data object\r\n onColumnReorder = (event) => {\r\n var grid = $('.' + this.props.windowId + ' #OrderItemsGrid').data('kendoGrid');\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let gridColumn = grid.getOptions().columns;\r\n let switchedArray = ArrayWms.switchIndexByField(gridColumn, event.newIndex, event.oldIndex);\r\n let finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(switchedArray, sortArray, grid.dataSource.filter());\r\n manageOrderProtoMetaDataService.setManageOrderProtoLineItemGridOptionMetaData(finalSubmission,this.state.isFulfillmentEnable);\r\n\r\n }\r\n // on grid column resize save changes in meta data object\r\n onColumnResize = (event) => {\r\n var grid = $('.' + this.props.windowId + ' #OrderItemsGrid').data('kendoGrid');\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n manageOrderProtoMetaDataService.setManageOrderProtoLineItemGridOptionMetaData(finalSubmission,this.state.isFulfillmentEnable);\r\n }\r\n // on click grid clear sort menu\r\n onClickClearSorts = () => {\r\n var grid = $('.' + this.props.windowId + ' #OrderItemsGrid').data('kendoGrid');\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(grid.columns, [], grid.dataSource.filter());\r\n manageOrderProtoMetaDataService.setManageOrderProtoLineItemGridOptionMetaData(finalSubmission,this.state.isFulfillmentEnable);\r\n }\r\n // on click grid reset default grid layout menu\r\n onClickResetGrid = () => {\r\n var finalSubmission = {\r\n \"optionsData\": {}\r\n };\r\n manageOrderProtoMetaDataService.setManageOrderProtoLineItemGridOptionMetaData(finalSubmission,this.state.isFulfillmentEnable);\r\n }\r\n\r\n // save column hide/show data in meta data\r\n saveMetaData = () => {\r\n var grid = $('.' + this.props.windowId + ' #OrderItemsGrid').data('kendoGrid');\r\n var sort = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sort,\r\n grid.dataSource.filter()\r\n );\r\n manageOrderProtoMetaDataService.setManageOrderProtoLineItemGridOptionMetaData(finalSubmission,this.state.isFulfillmentEnable);\r\n }\r\n onChangeGridconfig = (param_grid_config) => {\r\n manageOrderProtoMetaDataService.setManageOrderProtoLineItemGridOptionMetaData(param_grid_config,this.state.isFulfillmentEnable);\r\n }\r\n\r\n onResetGrid = () => {\r\n manageOrderProtoMetaDataService.setManageOrderProtoLineItemGridOptionMetaData({ 'optionsData': {} },this.state.isFulfillmentEnable);\r\n }\r\n\r\n render() {\r\n return (\r\n\r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsContainer from '../../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsDropdown from '../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsInput from '../../components/WmsInput/WmsInput.jsx';\r\nimport WmsTextArea from '../../components/WmsTextArea/WmsTextArea.jsx';\r\nimport WmsCheckBox from '../../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsCustomDateTimePicker from '../../components/WmsCustomDateTimePicker/WmsCustomDateTimePicker.jsx';\r\nimport WmsComboBox from '../../components/WmsComboBox/WmsComboBox.jsx';\r\nimport { ObjectWms } from './../../../../assets/ts/ObjectWms.ts';\r\nimport { ArrayWms } from './../../../../assets/ts/ArrayWms.ts';\r\n\r\n//services\r\nimport * as GlobalService from '../../global_services';\r\nimport * as OrderServices from \"./manage-orders.services.jsx\";\r\nimport * as manageOrderProtoMetaDataService from './manage-order-proto-meta-data.service';\r\n\r\nexport class ManageOrdersCarrierRoutingInfo extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.state = {\r\n shipmentServices: [],\r\n Selector: 'OrderProtoTypeCarrierRouting',\r\n CustomLabels: GlobalService.getCustomLabels(),\r\n Rights: GlobalService.GetRights(),\r\n optionsDeliveryConfirmationType: [\r\n { description: 'None', value: 'none' },\r\n { description: 'Delivery', value: 'delivery' },\r\n { description: 'Signature', value: 'signature' },\r\n { description: 'Adult Signature', value: 'adult_signature' },\r\n { description: 'Direct Signature', value: 'direct_signature' }\r\n ],\r\n optionsInsuranceType: [\r\n { description: 'None', value: 0 },\r\n { description: 'Carrier', value: 106 },\r\n { description: 'Third-party', value: 107 }\r\n ],\r\n optionsCODType: [\r\n { description: 'None', value: 0 },\r\n { description: 'Any', value: 100 },\r\n { description: 'Cash', value: 103 },\r\n { description: 'Cash Equivalent', value: 'Cash Equivalent' }\r\n ],\r\n optionsInitalContentType: [\r\n { description: 'None', value: \"\" },\r\n { description: 'Documents', value: 'documents' },\r\n { description: 'Gift', value: 'gift' },\r\n { description: 'Merchandise', value: 'merchandise' },\r\n { description: 'Returned Goods', value: 'returned_goods' },\r\n { description: 'Sample', value: 'sample' }\r\n ],\r\n\r\n optionsInitalNoneDelivery: [\r\n { description: 'None', value: \"\" },\r\n { description: 'Treat as Abandoned', value: 'treat_as_abandoned' },\r\n { description: 'Return to Sender', value: 'return_to_sender' }\r\n ],\r\n isExpandedCollapse: (!$.isEmptyObject(props.metaDataList) ? props.metaDataList : []),\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n var OrderData = this.props.shareOrderData;\r\n let carrierIndex = ObjectWms.FindIndexByProperty(this.props.sharedOptions.Carriers.Carriers, \"Carrier\", OrderData.RoutingInfo.Carrier);\r\n let shipmentServices = [];\r\n if (carrierIndex == -1) {\r\n shipmentServices = GlobalService.hideDeactivatedShipmentServices(OrderData.RoutingInfo.Carrier, this.props.sharedOptions.Carriers.DefaultShipmentServices, OrderData.RoutingInfo.Mode);\r\n } else {\r\n shipmentServices = GlobalService.hideDeactivatedShipmentServices(OrderData.RoutingInfo.Carrier, this.props.sharedOptions.Carriers.Carriers[carrierIndex].ShipmentServices, OrderData.RoutingInfo.Mode);\r\n }\r\n this.setState({\r\n shipmentServices: shipmentServices.shipmentServices\r\n });\r\n }\r\n\r\n EventChangeCarrier = (event) => {\r\n\r\n var orderData;\r\n let shipmentServices = [];\r\n\r\n if (event.target.value) {\r\n var tempObject = ArrayWms.findObjectByKey(this.props.sharedOptions.Carriers.Carriers, 'Carrier', event.target.value);\r\n if (tempObject != null) {\r\n shipmentServices = GlobalService.hideDeactivatedShipmentServices(event.target.value, tempObject.ShipmentServices);\r\n }\r\n orderData = Object.assign(\r\n {},\r\n this.props.shareOrderData,\r\n {\r\n BillingCode: '',\r\n RoutingInfo: Object.assign(\r\n {},\r\n this.props.shareOrderData.RoutingInfo,\r\n {\r\n Carrier: tempObject != null ? tempObject.Carrier : event.target.value,\r\n ScacCode: tempObject != null ? tempObject.ScacCode : null,\r\n Account: '',\r\n Mode: '',\r\n ShipPointZip: ''\r\n }\r\n )\r\n }\r\n );\r\n this.setAccountNumberAndZip(event.target.value, this.props.shareOrderData.BillingCode);\r\n } else {\r\n this.setState({\r\n accountSelectedText: '',\r\n });\r\n shipmentServices = GlobalService.hideDeactivatedShipmentServices('', this.props.sharedOptions.Carriers.DefaultShipmentServices);\r\n orderData = Object.assign(\r\n {},\r\n this.props.shareOrderData,\r\n {\r\n BillingCode: '',\r\n RoutingInfo: Object.assign(\r\n {},\r\n this.props.shareOrderData.RoutingInfo,\r\n {\r\n Carrier: '',\r\n ScacCode: '',\r\n Account: '',\r\n Mode: '',\r\n ShipPointZip: null\r\n }\r\n )\r\n }\r\n );\r\n }\r\n if (shipmentServices.length == 0) {\r\n shipmentServices = GlobalService.hideDeactivatedShipmentServices('', this.props.sharedOptions.Carriers.DefaultShipmentServices);\r\n }\r\n\r\n this.setState({\r\n shipmentServices: shipmentServices.shipmentServices\r\n });\r\n\r\n this.props.onOrderDataSet(orderData);\r\n }\r\n setCollapseMetaData = (isExpanded, collapseId) => {\r\n if (this.props.isPrototypeComponent) {\r\n manageOrderProtoMetaDataService.setManageOrderProtoCollapseMetaData(collapseId, isExpanded);\r\n }\r\n }\r\n\r\n setAccountNumberAndZip = (param_current_carrier_index, param_billing_code) => {\r\n //var selectedCarrierDetails = this.props.sharedOptions.Carriers.Carriers[param_current_carrier_index];\r\n var selectedCarrierDetails = ArrayWms.findObjectByKey(this.props.sharedOptions.Carriers.Carriers, 'Carrier', param_current_carrier_index);\r\n\r\n // CustCarrierInfo 0 = Off, 1 = On/Both, 2 = PPOnly, 3 = 3rdPartyOnly\r\n var custSetting = this.props.sharedOptions.CustFacCarrierInfo.CustCarrierInfo;\r\n\r\n // logic updated per WMS-16030. jps 2021-09-29\r\n if (selectedCarrierDetails != null) {\r\n var accountSelectedText = '';\r\n var Account = '';\r\n var ShipPointZip = '';\r\n\r\n if (selectedCarrierDetails.Carrier == 'UPS') {\r\n if (param_billing_code == 'Prepaid') {\r\n if (custSetting == 2 || custSetting == 1) {\r\n Account = this.props.sharedOptions.CustFacCarrierInfo.CustUPSAccount;\r\n ShipPointZip = this.props.sharedOptions.CustFacCarrierInfo.CustUPSAccountZip;\r\n accountSelectedText = 'UPS Account of ' + this.props.sharedOptions.CustFacCarrierInfo.CustName;\r\n }\r\n else if (custSetting == 0 || custSetting == 3) {\r\n Account = this.props.sharedOptions.CustFacCarrierInfo.FacUPSAccount;\r\n ShipPointZip = this.props.sharedOptions.CustFacCarrierInfo.FacZip;\r\n accountSelectedText = 'UPS Account of ' + this.props.sharedOptions.CustFacCarrierInfo.FacName;\r\n }\r\n else { } // unknown customer setting\r\n }\r\n else if (param_billing_code == 'BillThirdParty') {\r\n if (custSetting == 3 || custSetting == 1) {\r\n Account = this.props.sharedOptions.CustFacCarrierInfo.CustUPSAccount;\r\n ShipPointZip = this.props.sharedOptions.CustFacCarrierInfo.CustUPSAccountZip;\r\n accountSelectedText = 'UPS Account of ' + this.props.sharedOptions.CustFacCarrierInfo.CustName;\r\n }\r\n }\r\n else { } // Order NOT Prepaid OR BillThirdParty - no action leave AcctNum and Zip blank.\r\n }\r\n else if (selectedCarrierDetails.Carrier == 'FedEx') {\r\n if (param_billing_code == 'sender') {\r\n if (custSetting == 2 || custSetting == 1) {\r\n Account = this.props.sharedOptions.CustFacCarrierInfo.CustFedexAccount;\r\n ShipPointZip = this.props.sharedOptions.CustFacCarrierInfo.CustUPSAccountZip;\r\n accountSelectedText = 'FedEx Account of ' + this.props.sharedOptions.CustFacCarrierInfo.CustName;\r\n }\r\n else if (custSetting == 0 || custSetting == 3) {\r\n Account = this.props.sharedOptions.CustFacCarrierInfo.FacFedexAccount;\r\n ShipPointZip = this.props.sharedOptions.CustFacCarrierInfo.FacZip;\r\n accountSelectedText = 'FedEx Account of ' + this.props.sharedOptions.CustFacCarrierInfo.FacName;\r\n }\r\n else { } // unknown customer setting\r\n }\r\n else if (param_billing_code == 'third party') {\r\n if (custSetting == 3 || custSetting == 1) {\r\n Account = this.props.sharedOptions.CustFacCarrierInfo.CustFedexAccount;\r\n ShipPointZip = this.props.sharedOptions.CustFacCarrierInfo.CustUPSAccountZip;\r\n accountSelectedText = 'FedEx Account of ' + this.props.sharedOptions.CustFacCarrierInfo.CustName;\r\n }\r\n // else {\r\n // Account = this.props.sharedOptions.CustFacCarrierInfo.FacFedexAccount;\r\n // ShipPointZip = this.props.sharedOptions.CustFacCarrierInfo.FacZip;\r\n // accountSelectedText = 'Fedex Account of ' + this.props.sharedOptions.CustFacCarrierInfo.FacName;\r\n // } // for the other two custSettings, leave blank. For unknown custSetting, leave blank.\r\n }\r\n }\r\n else { } // Take no action. This covers any Carrier other than UPS and FedEx.\r\n\r\n\t\t\tif ((this.props.shareOrderData.RoutingInfo.ShipPointZip != undefined && this.props.shareOrderData.RoutingInfo.ShipPointZip != ShipPointZip) ||\r\n\t\t\t\t(this.props.shareOrderData.RoutingInfo.Account != undefined && this.props.shareOrderData.RoutingInfo.Account != Account)) {\r\n // In addition to assigning field values on the screen,\r\n // this is what clears out the fields when Carrier or BillType changes require it.\r\n var orderData = Object.assign(\r\n {},\r\n this.props.shareOrderData,\r\n {\r\n RoutingInfo: Object.assign(\r\n {},\r\n this.props.shareOrderData.RoutingInfo,\r\n {\r\n ShipPointZip: ShipPointZip,\r\n Account: Account,\r\n }\r\n )\r\n }\r\n );\r\n\r\n this.props.onOrderDataSet(orderData);\r\n\r\n this.setState({\r\n accountSelectedText: accountSelectedText,\r\n });\r\n }\r\n }\r\n else{\r\n var orderData = Object.assign(\r\n {},\r\n this.props.shareOrderData,\r\n {\r\n RoutingInfo: Object.assign(\r\n {},\r\n this.props.shareOrderData.RoutingInfo,\r\n {\r\n ShipPointZip: '',\r\n Account: '',\r\n Carrier: param_current_carrier_index\r\n }\r\n )\r\n }\r\n );\r\n\r\n this.props.onOrderDataSet(orderData);\r\n this.setState({\r\n accountSelectedText: '',\r\n });\r\n }\r\n }\r\n\r\n handleChangeEvent = (event) => {\r\n\r\n let OrderData = Object.assign({}, this.props.shareOrderData);\r\n if (event.target.type === \"checkbox\") {\r\n OrderData.RoutingInfo[event.target.name] = !this.props.shareOrderData.RoutingInfo[event.target.name];\r\n }\r\n\r\n else if (event.target.name === \"CapacityTypeIdentifier\") {\r\n if (OrderData.RoutingInfo['CapacityTypeIdentifier'] == null) {\r\n OrderData.RoutingInfo['CapacityTypeIdentifier'] = { 'Id': event.target.value };\r\n } else {\r\n if (event.target.value == \"\") {\r\n OrderData.RoutingInfo['CapacityTypeIdentifier'] = null;\r\n } else {\r\n OrderData.RoutingInfo['CapacityTypeIdentifier'].Id = event.target.value;\r\n }\r\n }\r\n\r\n } else {\r\n OrderData.RoutingInfo[event.target.name] = event.target.value;\r\n }\r\n\r\n if (event.target.name == 'IsInsurance' && event.target.checked == false) {\r\n let OrderData = Object.assign({}, this.props.shareOrderData);\r\n if(!OrderData.ParcelOptions){\r\n OrderData.ParcelOptions = {};\r\n }\r\n OrderData.ParcelOptions.InsuranceType = 0;\r\n OrderData.ParcelOptions.InsuranceAmount = 0;\r\n this.props.onOrderDataSet(OrderData);\r\n }\r\n\r\n this.props.onOrderDataSet(OrderData);\r\n }\r\n handleParcelOptionsChangeEvent = (event) => {\r\n let OrderData = Object.assign({}, this.props.shareOrderData);\r\n if(!OrderData.ParcelOptions){\r\n OrderData.ParcelOptions = {};\r\n }\r\n if (event.target.type === \"checkbox\") {\r\n OrderData.ParcelOptions[event.target.name] = event.target.checked;\r\n } else {\r\n OrderData.ParcelOptions[event.target.name] = event.target.value;\r\n }\r\n\r\n this.props.onOrderDataSet(OrderData);\r\n }\r\n\r\n\r\n handleOrderMainObjChange = (e) => {\r\n let OrderData = Object.assign({}, this.props.shareOrderData);\r\n\r\n let val = e.target.value;\r\n OrderData[e.target.name] = val;\r\n this.props.onOrderDataSet(OrderData);\r\n\r\n if (e.target.name == 'BillingCode') {\r\n let carrier = ArrayWms.findObjectByKey(this.props.sharedOptions.Carriers.Carriers, \"Carrier\", OrderData.RoutingInfo.Carrier);\r\n if (carrier != null) {\r\n setTimeout(() => {\r\n this.setAccountNumberAndZip(carrier.Carrier, val);\r\n }, 500);\r\n }\r\n }\r\n }\r\n\r\n\r\n render() {\r\n var OrderData = this.props.shareOrderData;\r\n let carrierIndex = ObjectWms.FindIndexByProperty(this.props.sharedOptions.Carriers.Carriers, \"Carrier\", OrderData.RoutingInfo.Carrier);\r\n\r\n return (\r\n \r\n \r\n {}}\r\n hideColumns={this.state.isFulfillmentEnable ? 'grid-action' : 'FulfillInvSalePrice,FulfillInvDiscountAmt,FulfillInvDiscountPct,FulfillInvLineDiscountTotal,grid-action'}\r\n saveChangesInMetaData={this.saveMetaData}\r\n />\r\n )}\r\n {(\r\n this.state.Rights.hasOwnProperty('Shipping.FulfillInvEnabled') && (\r\n this.props.sharedSelectedCustomer.options.fulfillmentInvoicing == 1 ||this.props.sharedSelectedCustomer.options.fulfillmentInvoicing == 2\r\n )\r\n ) && (\r\n \r\n \r\n \r\n {this.state.isOpenDeleteConfirmModel &&(\r\n \r\n
\r\n\r\n \r\n
\r\n ) }\r\n \r\n
\r\n \r\n {}}\r\n disabled={true}\r\n extraSignBeforeValue={'$'}\r\n label={this.translate('Label_Fulfillment_Subtotal')}\r\n extraWrapperClass=\"bold-input-label\"\r\n value={\r\n this.state.lineItemSubTotal ?\r\n parseFloat(this.state.lineItemSubTotal).toFixed(2) :\r\n '0.00'\r\n }\r\n regularExp={/^[+]?([0-9]+([.]?)(\\d?\\d?)?)$/}\r\n />\r\n {}}\r\n disabled={true}\r\n label={this.translate('Label_Fulfillment_Total')}\r\n value={\r\n this.state.lineItemTotal ?\r\n parseFloat(this.state.lineItemTotal).toFixed(2) :\r\n '0.00'\r\n }\r\n extraWrapperClass=\"bold-input-label\"\r\n regularExp={/^[+]?([0-9]+([.]?)(\\d?\\d?)?)$/}\r\n />\r\n
\r\n \r\n this.handleChangeForOrderTotal('', e)}\r\n label={this.translate('Label_Total_Packages')}\r\n value={this.props.shareOrderData.NumUnits1}\r\n parentclassName=\"form-group\"\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/}\r\n />\r\n this.handleChangeForOrderTotal('Unit1Identifier', e)}\r\n label={this.translate('Label_Packaging_UOM')}\r\n valueField='Name'\r\n textField='Name'\r\n blankFirstOption={true}\r\n blankFirstOptionText={this.translate('Label_Option_Select_UOM')}\r\n parentclassName=\"form-group\" />\r\n this.handleChangeForOrderTotal('', e)}\r\n label={\r\n this.translate('Label_Total_Weight') + ' ' + (\r\n (this.props.sharedSelectedFacility.measurementStandard == 0) ?\r\n this.translate('Label_Imperial_Weight')\r\n :\r\n this.translate('Label_Metric_Weight'))\r\n }\r\n value={this.props.shareOrderData.TotalWeight}\r\n parentclassName=\"form-group\"\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/}\r\n />\r\n\r\n this.handleChangeForOrderTotal('', e)}\r\n label={this.translate('Label_Total_Movable_Units')}\r\n value={this.props.shareOrderData.NumUnits2}\r\n parentclassName=\"form-group\"\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/}\r\n />\r\n this.handleChangeForOrderTotal('Unit2Identifier', e)}\r\n label={this.translate('Label_Movable_UOM')}\r\n valueField='Name'\r\n textField='Name'\r\n blankFirstOption={true}\r\n blankFirstOptionText={this.translate('Label_Option_Select_UOM')}\r\n parentclassName=\"form-group\" />\r\n this.handleChangeForOrderTotal('', e)}\r\n label={\r\n this.translate('Label_Total_Volume') + ' ' +\r\n ((this.props.sharedSelectedFacility.measurementStandard == 0) ?\r\n this.translate('Label_Imperial_Volume')\r\n :\r\n this.translate('Label_Metric_Volume'))\r\n }\r\n value={this.props.shareOrderData.TotalVolume}\r\n parentclassName=\"form-group\"\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {this.translate('Label_warning_for_total_weight_and_volume_delete')}\r\n \r\n
\r\n {\r\n this.translate('Label_Delete_Confirm_text').replace(new RegExp('{' + 'items' + '}', 'gi'), this.state.selectedItemNames.length > 1 ? 'items' : 'item')\r\n }
\r\n\r\n
\r\n\r\n \r\n )}\r\n \r\n this.setCollapseMetaData(e, 'manageOrderCarrier')}\r\n windowId={this.props.windowId}\r\n >\r\n\r\n this.setCollapseMetaData(e, 'manageOrderRouting')}\r\n windowId={this.props.windowId}\r\n >\r\n\r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport WmsGrid from '../../components/WmsGrid/WmsGrid.jsx';\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport { StringWms } from '../../../../assets/ts/StringWms.ts';\r\n\r\nimport * as GridConfig from './grid_configuration.jsx';\r\n\r\n//services\r\nimport * as manageOrderProtoMetaDataService from './manage-order-proto-meta-data.service';\r\n\r\nexport class ManageOrdersCustomOrderInfo extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n selector: 'OrderProtoTypeCustomInfo',\r\n enableDeleteButton: false,\r\n isRequiredField: false,\r\n columns: GridConfig.getCustomOrderInfoGridColumns(StringWms.convertSringToOption(this.translate('Orders_ManageOrders_CustomOrderHeaders')), this.translate('Label_RefNum_HintText')).columns,\r\n schema: GridConfig.getCustomOrderInfoGridSchema().schema,\r\n localKendoGrid: null,\r\n isExpanded: props.isPrototypeComponent ? ((!$.isEmptyObject(props.metaDataList) && props.metaDataList.hasOwnProperty('collapse4')) ? !props.metaDataList['collapse4'] : true) : true\r\n };\r\n }\r\n\r\n setCollapseMetaData = (value) => {\r\n if (this.props.isPrototypeComponent) {\r\n manageOrderProtoMetaDataService.setManageOrderProtoCollapseMetaData(\"collapse4\", value);\r\n }\r\n }\r\n clickDeleteRow = () => {\r\n\r\n let savedElementObj = Object.assign([], this.props.sharedOptions.OrderSE);\r\n savedElementObj = savedElementObj.filter((element) => {\r\n if (element.Name != this.state.localKendoGrid.getKeys()[0]) { return element; }\r\n });\r\n\r\n let sharedOptionObj = Object.assign(\r\n {},\r\n this.props.sharedOptions,\r\n {\r\n 'OrderSE': savedElementObj\r\n }\r\n );\r\n this.props.onSharedOptionDataSet(sharedOptionObj);\r\n this.setState({ enableDeleteButton: false });\r\n }\r\n\r\n onSelectRow = (param_kendoGrid) => {\r\n this.setState({\r\n enableDeleteButton: param_kendoGrid.getNumberOfSelections() == 1 ? true : false,\r\n isRequiredField: (param_kendoGrid.getNumberOfSelections() == 1 && param_kendoGrid.valueExists(\"Required\", true)) ? true : false,\r\n localKendoGrid: param_kendoGrid\r\n });\r\n }\r\n\r\n clickEventOfContextMenu = (obj) => {\r\n if (obj.wmsid == 'delete-order-info') {\r\n this.clickDeleteRow();\r\n }\r\n }\r\n\r\n\r\n onEdit = (e) => {\r\n e.container.find(\"input[name=Value]\").attr(\"maxlength\", 255);\r\n e.container.find(\"input[name=Value]\").attr(\"ng-blur\", \"ChangeEvent()\");\r\n $('input.k-input.k-textbox').blur(() => {\r\n let data = $('.' + this.props.windowId + ' #GridCustomOrderInfo').data('kendoGrid').dataSource.view();\r\n });\r\n }\r\n\r\n onSave = (e) => {\r\n let savedElementObj = Object.assign([], this.props.sharedOptions.OrderSE);\r\n\r\n for (var x = 0; x < savedElementObj.length; x++) {\r\n if (savedElementObj[x].Name == e.model.Name) {\r\n savedElementObj[x].Value = e.values.Value;\r\n }\r\n }\r\n\r\n let sharedOptionObj = Object.assign(\r\n {},\r\n this.props.sharedOptions,\r\n {\r\n 'OrderSE': savedElementObj\r\n }\r\n );\r\n this.props.onSharedOptionDataSet(sharedOptionObj);\r\n this.props.onCustomOrderInfoSave(savedElementObj);\r\n\r\n }\r\n\r\n onChangeGridconfig = (param_grid_config) => {\r\n manageOrderProtoMetaDataService.setManageOrderProtoCustomOrderInfoMetaData(param_grid_config);\r\n }\r\n\r\n onResetGrid = () => {\r\n manageOrderProtoMetaDataService.setManageOrderProtoCustomOrderInfoMetaData({ 'optionsData': {} });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n */}\r\n
\r\n\r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n this.setCollapseMetaData(e, 'manageOrderSmallParcelShipping')}\r\n windowId={this.props.windowId}\r\n >\r\n\r\n
\r\n \r\n\r\n
\r\n\r\n \r\n\r\n
\r\n {/* \r\n\r\n \r\n
*/}\r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\n\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsGrid from '../../components/WmsGrid/WmsGrid.jsx';\r\nimport WmsInput from '../../components/WmsInput/WmsInput.jsx';\r\nimport WmsModel from '../../components/WmsModel/WmsModel.jsx';\r\nimport WmsButton from '../../components/WmsButton/WmsButton.jsx';\r\n\r\nimport { StringWms } from '../../../../assets/ts/StringWms.ts';\r\nimport { ObjectWms } from '../../../../assets/ts/ObjectWms.ts';\r\n\r\nimport * as GridConfig from './grid_configuration.jsx';\r\n//services\r\nimport * as manageOrderServices from './manage-orders.services.jsx';\r\nimport * as manageOrderProtoMetaDataService from './manage-order-proto-meta-data.service';\r\nimport * as GlobalService from './../../global_services';\r\nexport class ManageOrdersCalculateCharges extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n let CalculateCharge_GrideHeaders = StringWms.convertSringToOption(this.translate('Orders_ManageOrders_Grid_Headers_Applied_Charges'));\r\n\r\n this.state = {\r\n selector: 'OrderProtoTypeCalculateCharges',\r\n columns: GridConfig.getCalculateChargesGridColumns(CalculateCharge_GrideHeaders, GlobalService.GetRights()).columns,\r\n schema: GridConfig.getCalculateChargesGridSchema().schema,\r\n gridAppliedChargesTotalCharges: '0',\r\n isExpanded: props.isPrototypeComponent ? ((!$.isEmptyObject(props.metaDataList) && props.metaDataList.hasOwnProperty('collapse5')) ? !props.metaDataList['collapse5'] : true) : true,\r\n isManualCharge: false,\r\n localKendoGrid: null,\r\n isOpenConfirmModel: false,\r\n // componentsInitialized: false\r\n };\r\n }\r\n\r\n setCollapseMetaData = (value) => {\r\n if (this.props.isPrototypeComponent) {\r\n manageOrderProtoMetaDataService.setManageOrderProtoCollapseMetaData(\"collapse5\", value);\r\n }\r\n }\r\n openCreateManualChargeModel = () => {\r\n\r\n // GetChargeCategories\r\n manageOrderServices.GetChargeCategories().then((response) => {\r\n this.props.onOpenCreateManualChargeModal({\r\n 'chargesOptions': response,\r\n 'openModal': true\r\n });\r\n });\r\n }\r\n\r\n calculateChargesClick = () => {\r\n this.props.onSaveOrderClicked();\r\n }\r\n\r\n onDataBound = (e, kendoGrid) => {\r\n var totalCharges = kendoGrid.sumByLocalMemoryGridContents([\"TotalCharges\"])[0];\r\n this.setState({\r\n gridAppliedChargesTotalCharges: Number(Math.round(totalCharges + 'e2') + 'e-2'),\r\n });\r\n\r\n // if(this.state.componentsInitialized == false) {\r\n // var grid = $('.' + this.props.windowId + ' #GridAppliedCharges').data('kendoGrid');\r\n // grid.bind(\"save\", this.EventSaveGridAppliedCharges);\r\n // this.setState({\r\n // componentsInitialized: true\r\n // })\r\n // }\r\n }\r\n\r\n onEdit = (e) => {\r\n var grid = $('.' + this.props.windowId + ' #GridAppliedCharges').data('kendoGrid');\r\n var columnIndex = grid.cellIndex(e.container);\r\n var fieldName = grid.thead.find(\"th\").eq(columnIndex).data(\"field\");\r\n\r\n if (fieldName == \"NumberOfUnits\" && e.model.ChargeOrigin == 1) {\r\n grid.closeCell();\r\n }\r\n if (fieldName == \"ChargePerUnit\" && e.model.ChargeOrigin == 1) {\r\n grid.closeCell();\r\n }\r\n if (fieldName == \"ChargePerUnit\" && e.model.ChargeOrigin == 3) {\r\n grid.closeCell();\r\n }\r\n }\r\n\r\n selectRow = (param_kendogrid) => {\r\n var selectedRow = param_kendogrid.getNumberOfSelections();\r\n var manualChargeType = selectedRow > 0 ? param_kendogrid.identicalValuesInSelectedSet(\"ChargeOrigin\", 2) : false;\r\n\r\n this.setState({\r\n isManualCharge: manualChargeType,\r\n localKendoGrid: param_kendogrid\r\n });\r\n\r\n }\r\n\r\n openConfirmationModal = () => {\r\n this.setState({\r\n isOpenConfirmModel: true\r\n });\r\n }\r\n\r\n ClickExit = () => {\r\n this.setState({\r\n isOpenConfirmModel: false\r\n });\r\n }\r\n\r\n deleteManualCharges = () => {\r\n\r\n var grid = $('.' + this.props.windowId + ' #GridAppliedCharges').data('kendoGrid');\r\n\r\n grid.select().each(function () {\r\n grid.removeRow($(this));\r\n });\r\n\r\n var data = grid.dataSource.data().length > 0 ? grid.dataSource.data().toJSON() : [];\r\n\r\n let sharedOptionObj = Object.assign(\r\n {},\r\n this.props.sharedOptions,\r\n {\r\n 'BillingCharges': data\r\n }\r\n );\r\n this.props.onSharedOptionDataSet(sharedOptionObj);\r\n this.setState({\r\n isOpenConfirmModel: false,\r\n isManualCharge: false\r\n });\r\n }\r\n\r\n appliedChargesGridChange = (e) => {\r\n // var selected = e.sender.select();\r\n // $scope.selectedChargesCount = selected.length;\r\n };\r\n\r\n EventSaveGridAppliedCharges = (e) => {\r\n var grid = $('.' + this.props.windowId + ' #GridAppliedCharges').data('kendoGrid');\r\n var numberOfUnits = StringWms.isEmpty(e.model.NumberOfUnits) ? 0 : e.model.NumberOfUnits;\r\n if (e.values.hasOwnProperty(\"NumberOfUnits\")) {\r\n numberOfUnits = StringWms.isEmpty(e.values.NumberOfUnits) ? 0 : e.values.NumberOfUnits;\r\n }\r\n\r\n var chargePerUnit = StringWms.isEmpty(e.model.ChargePerUnit) ? 0 : e.model.ChargePerUnit;\r\n if (e.values.hasOwnProperty(\"ChargePerUnit\")) {\r\n chargePerUnit = StringWms.isEmpty(e.values.ChargePerUnit) ? 0 : e.values.ChargePerUnit;\r\n }\r\n\r\n var total = parseFloat((new Big(numberOfUnits)).times(chargePerUnit).round(4));\r\n\r\n e.model.set(\"TotalCharges\", total);\r\n e.model.TotalCharges = total;\r\n grid.saveChanges();\r\n\r\n // Setting a timeout so that NumberOfUnits gets updated by gridSaveChanges\r\n setTimeout(() => {\r\n let billingChargesData = grid._data;\r\n // console.log(\"billingChargesData before \", billingChargesData);\r\n // Passing test here as it should not exclude any records from here for now\r\n // prepareForSave will exclude records with NumberOfUnits null\r\n billingChargesData = ObjectWms.removeObjFromListOnParameterValue(billingChargesData, \"test\", null);\r\n\r\n let propsOrderObj = this.props.sharedOptions;\r\n propsOrderObj[\"BillingCharges\"] = billingChargesData;\r\n\r\n this.props.onSharedOptionDataSet(propsOrderObj);\r\n }, 100);\r\n\r\n }\r\n\r\n onChangeGridconfig = (param_grid_config) => {\r\n manageOrderProtoMetaDataService.setManageOrderProtoAppliedChargesGridOptionMetaData(param_grid_config);\r\n }\r\n\r\n onResetGrid = () => {\r\n manageOrderProtoMetaDataService.setManageOrderProtoAppliedChargesGridOptionMetaData({ 'optionsData': {} });\r\n }\r\n\r\n render() {\r\n // var OrderData = this.props.sharedOptions.Order;\r\n return (\r\n \r\n \r\n null}\r\n contextMenuFilter='tbody tr:not(.k-grid-edit-row)'\r\n shawCheckbox={false}\r\n showGridResult={false}\r\n staticGridData={this.props.sharedOptions.BillingCharges}\r\n showSortColumns={false}\r\n onDataBound={this.onDataBound}\r\n gridEditable={{\r\n confirmation: false\r\n }}\r\n onEdit={this.onEdit}\r\n onGridSave={this.EventSaveGridAppliedCharges}\r\n onChange={this.appliedChargesGridChange}\r\n layoutData={manageOrderProtoMetaDataService.getManageOrderProtoAppliedChargesGridOptionMetaData()}\r\n onSort={this.onChangeGridconfig}\r\n onColumnShow={this.onChangeGridconfig}\r\n onColumnHide={this.onChangeGridconfig}\r\n onColumnReorder={this.onChangeGridconfig}\r\n onColumnResize={this.onChangeGridconfig}\r\n onResetGrid={this.onResetGrid}\r\n menu={[\r\n {\r\n \"name\": this.translate('Label_Recalculate_AutoCharges'),\r\n \"value\": [],\r\n \"disabled\": (this.props.orderItemsCount == 0 || this.props.sharedRecalculateGif || this.props.isCustomerUserAndOrderComplete),\r\n \"disabledText\": \"You may not add blahssss\",\r\n \"icon\": \"fa fa-calculator\",\r\n \"color\": \"green\",\r\n \"clickFunc\": (this.calculateChargesClick),\r\n \"wmsSelector\": this.state.selector + \"RecalculateAutoCharges\",\r\n \"loading\": this.props.sharedRecalculateGif,\r\n \"showToolTip\": (this.props.orderItemsCount == 0 || this.props.isCustomerUserAndOrderComplete),\r\n \"tooltipText\": (this.props.isCustomerUserAndOrderComplete ? this.translate('note_cant_calculate_customer_user') : this.translate('Label_Add_Line_Item')),\r\n \"isContextMenu\": false,\r\n },\r\n {\r\n \"name\": this.translate('Label_Create_Manual_Charge'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss\",\r\n \"icon\": \"fa fa-keyboard-o\",\r\n \"color\": \"green\",\r\n \"clickFunc\": (this.openCreateManualChargeModel),\r\n \"wmsSelector\": this.state.selector + \"CreateManualCharge\",\r\n \"disabled\": this.props.isCustomerUserAndOrderComplete,\r\n \"showToolTip\": this.props.isCustomerUserAndOrderComplete,\r\n \"tooltipText\": (this.props.isCustomerUserAndOrderComplete ? this.translate('note_cant_add_charges_customer_user') : ''),\r\n \"isContextMenu\": false,\r\n },\r\n {\r\n \"name\": this.translate('Label_Delete'),\r\n \"value\": [],\r\n \"disabled\": !this.state.isManualCharge,\r\n \"disabledText\": \"You may not add blahssss\",\r\n \"icon\": \"fa-trash\",\r\n \"color\": \"red\",\r\n \"clickFunc\": (this.openConfirmationModal),\r\n \"wmsSelector\": this.state.selector + \"DeleteManualCharge\",\r\n \"isContextMenu\": false,\r\n }\r\n ]}\r\n />\r\n\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\n\r\n//component\r\nimport WmsButton from '../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsDateTimePicker from './../../../components/WmsDateTimePicker/WmsDateTimePicker.jsx';\r\nimport WmsModel from './../../../components/WmsModel/WmsModel.jsx';\r\nimport WmsInput from './../../../components/WmsInput/WmsInput.jsx';\r\nimport WmsFormGrid from './../../../components/WmsFormGrid/WmsFormGrid.jsx';\r\nimport WmsCollapse from './../../../components/WmsCollapse/WmsCollapse.jsx';\r\n\r\nimport { StringWms } from '../../../../../assets/ts/StringWms.ts';\r\nimport * as GlobalService from './../../../global_services';\r\nimport * as manageOrderServices from './../manage-orders.services.jsx';\r\nimport './ship-and-close-modal.scss';\r\nimport { kendo } from \"./../../../global_variable_service.jsx\";\r\n\r\nexport class ShipAndCloseModal extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n \r\n this.translate = window.translate;\r\n let confirmChargeGridheader = StringWms.convertSringToOption(this.translate('Orders_ManageOrders_Confirm_Charges_Grid_Headers'));\r\n this.state = {\r\n selector: \"OrderShipClose\",\r\n shipOrderGif: false,\r\n staticGridData: [],\r\n totalSummaryCharges: 0,\r\n closeOrderShipDate: '',\r\n Rights: GlobalService.GetRights(),\r\n columns: [{\r\n field: \"ChargeTypeName\",\r\n title: confirmChargeGridheader[0].description,\r\n width: 120\r\n }, {\r\n field: \"ChargeSummary\",\r\n title: confirmChargeGridheader[1].description,\r\n width: 120\r\n }],\r\n schema: {\r\n model: {\r\n fields: {\r\n ChargeTypeName: {\r\n type: \"string\"\r\n },\r\n ChargeSummary: {\r\n type: \"float\"\r\n }\r\n }\r\n }\r\n }\r\n };\r\n }\r\n componentDidMount() {\r\n\r\n manageOrderServices.getOrderChargeSummary(this.props.shareOrderData.OrderId).then((response) => {\r\n\r\n if (response.status == 200 && response.data.SummaryRows) {\r\n console.log(\"SummaryRows\", response.data.SummaryRows);\r\n this.setState({\r\n totalSummaryCharges: response.data.TotalCharges,\r\n staticGridData: response.data.SummaryRows,\r\n closeOrderShipDate: kendo.toString(kendo.parseDate(new Date()), 'yyyy-MM-ddTHH:mm:ss'),\r\n });\r\n }\r\n }).finally(() => {\r\n kendo.ui.progress($('#' + this.props.windowId), false);\r\n });\r\n\r\n }\r\n shipOrder = () => {\r\n\r\n\r\n this.setState({ shipOrderGif: true });\r\n\r\n manageOrderServices.shipAndCloseOrder({\r\n 'id': this.props.shareOrderData.OrderId,\r\n 'closeDate': this.state.closeOrderShipDate\r\n }).then((response) => {\r\n\r\n if (response != 'undefined' && (response.status == 204 || response.status == 200)) {\r\n GlobalService.notification('success', this.translate('Success_Message_ShipOrder'));\r\n this.props.onCloseShipAndClose();\r\n this.props.onOrderGridRead({ \"action\": \"update\" });\r\n if(this.props.onExitOrderForm){\r\n this.props.onExitOrderForm();\r\n }else{\r\n GlobalService.closeWindow(this.props.windowId);\r\n }\r\n } else {\r\n GlobalService.notification('error', response.Error);\r\n this.props.onCloseShipAndClose();\r\n }\r\n\r\n }).finally(() => {\r\n this.setState({ shipOrderGif: false });\r\n });\r\n }\r\n handleDateChange = (event) => {\r\n this.setState({ closeOrderShipDate: event.target.value });\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n null}\r\n label={this.translate('Label_Total_Charges')}\r\n />\r\n
\r\n {this.state.isOpenConfirmModel && (\r\n \r\n {this.translate('Label_Confirm_Selected_Charges')}\r\n
\r\n \r\n
\r\n\r\n \r\n )}\r\n\r\n \r\n \r\n
\r\n \r\n\r\n function () { }}\r\n label={this.translate('Label_Total_Charges')} />\r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n );\r\n }\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsButton from '../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsInput from './../../../components/WmsInput/WmsInput.jsx';\r\nimport WmsDropdown from './../../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsDateTimePicker from './../../../components/WmsDateTimePicker/WmsDateTimePicker.jsx';\r\nimport WmsModel from './../../../components/WmsModel/WmsModel.jsx';\r\nimport WmsGrid from './../../../components/WmsGrid/WmsGrid.jsx';\r\nimport { StringWms } from '../../../../../assets/ts/StringWms.ts';\r\nimport { KendoGridWms } from '../../../../../assets/ts/KendoGridWms.ts';\r\nimport WmsContainer from '../../../components/WmsContainer/WmsContainer.jsx';\r\n\r\n//services\r\nimport * as GlobalService from './../../../global_services';\r\nimport * as manageOrderServices from './../manage-orders.services.jsx';\r\n\r\n\r\nimport * as GridConfig from './../grid_configuration.jsx';\r\nimport './manage-allocation-modal.scss';\r\nimport { kendo } from \"./../../../global_variable_service.jsx\";\r\n\r\nexport class ManageAllocationModal extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n let gridEditAllocationHeader = this.translate('Orders_ManageOrders_EditAllocations_Grid').split(',');\r\n let gridMassAddHeader = this.translate('Grid_Mass_Add_Column_Specs').split(',');\r\n this.state = {\r\n optionsSearchContains: StringWms.convertSringToOption(this.translate('Orders_FindOrders_SearchFilters')),\r\n optionsSearchByCost: StringWms.convertSringToOption(this.translate('Orders_ManageOrders_SearchByCost')),\r\n customLabels: GlobalService.getCustomLabels(),\r\n\r\n //columns ,schema and transport data for edit allocation grid\r\n editAllocationColumns: GridConfig.getEditAllocationColumns(gridEditAllocationHeader, GlobalService.getCustomLabels(), $).columns,\r\n editAllocationSchema: GridConfig.getEditAllocationSchema(\"#\" + this.props.sharedEditAllocationData.modalType + this.props.windowId, $).schema,\r\n editAllocationTransport: GridConfig.getEditAllocationTransport(\r\n this.props.sharedEditAllocationData.CustomerId,\r\n this.props.sharedEditAllocationData.FacilityId,\r\n this.props.sharedEditAllocationData.ItemId,\r\n this.props.sharedEditAllocationData.QualifierId,\r\n this.props.sharedEditAllocationData.OrderItemId).transport,\r\n\r\n //columns ,schema and transport data for mass add grid\r\n massAddcolumns: GridConfig.getMassAddColumns(gridMassAddHeader, GlobalService.getCustomLabels()).columns,\r\n massAddSchema: GridConfig.getMassAddSchema(this.translate('Label_Enter_Valid_Number')).schema,\r\n massAddTransport: GridConfig.getMassAddTransport(\r\n this.props.sharedEditAllocationData.CustomerId,\r\n this.props.sharedEditAllocationData.FacilityId).transport,\r\n\r\n makeOrderedQuantityMatchAllocatedQuantity: false,\r\n valueGreater: false,\r\n gifEditAllocation: false,\r\n savingGifAddNew: false,\r\n savingGifAddExit: false,\r\n selector: \"OrderAllocation\",\r\n KendoGrid: new KendoGridWms(this.props.sharedEditAllocationData.modalType + this.props.windowId, this.props.windowId, \"Key\"),\r\n totalInputedQuantity: 0, // this holds the total amount the user has inputted in their column\r\n disableSave: true,\r\n styleSearchScrollBox1: {},\r\n filter: {},\r\n filterObject: []\r\n };\r\n }\r\n componentDidMount(){\r\n this.setIntialEditAllocation();\r\n }\r\n\r\n onEditAllocationGridBinding = () => {\r\n\r\n if (this.props.sharedEditAllocationData.modalType == \"GridEditAllocations\") {\r\n\r\n var grid = $(\"#\" + this.props.sharedEditAllocationData.modalType + this.props.windowId).data('kendoGrid');\r\n var gridData = grid.dataSource.view();\r\n var myCollection = this.state.KendoGrid.getDictionary().items;\r\n for (var i = 0; i < gridData.length; i++) {\r\n var key = gridData[i].Key;\r\n if (myCollection.hasOwnProperty(key)) {\r\n gridData[i].PrimaryQuantity = myCollection[key].Qty;\r\n }\r\n }\r\n\r\n }\r\n }\r\n\r\n setIntialEditAllocation = () => {\r\n\r\n kendo.ui.progress($('#manageAllocation' + this.props.windowId), true);\r\n if (this.props.sharedEditAllocationData.modalType == 'GridEditAllocations') {\r\n\r\n manageOrderServices.initialEditAllocations({\r\n \"orderId\": this.props.sharedEditAllocationData.OrderId,\r\n \"EditWithAllocationDetailsUri\": this.props.sharedEditAllocationData.EditWithAllocationsDetailsUri\r\n }).then((response) => {\r\n // we keep track of everything using a Key, so we need to add this key to our data return to use in our dictionary\r\n for (var x = 0; x < response.length; x++) {\r\n response[x].Key = response[x].ReceiveItemId;\r\n }\r\n this.state.KendoGrid.addMassToDictionary(response);\r\n this.setDefaultSearchFilter();\r\n let lineItemHeight = $('#LineItemInfoSection').height();\r\n let badBrowser = this.isIEorEDGE();\r\n let topUIHeight = 130;\r\n if (badBrowser) {\r\n $(\"#IEdead\").height(8);\r\n }\r\n this.setState({\r\n styleSearchScrollBox1: { 'height': ((window.innerWidth - 245) - topUIHeight - lineItemHeight) },\r\n totalInputedQuantity: this.props.sharedEditAllocationData.OrderQty\r\n });\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#manageAllocation'+ this.props.windowId), false);\r\n });\r\n } else {\r\n // $scope.ValidNumberText = $filter('translate')('Label_Enter_Valid_Number')\r\n\r\n // KendoGrid = new KendoGridWms(\"GridMassAdd\", ShippingService.MassAdd.WindowId, \"Key\");\r\n // $scope.WindowId = ShippingService.MassAdd.WindowId;\r\n\r\n // $(\"#WindowMassAdd\").addClass($scope.WindowId);\r\n\r\n\r\n\r\n manageOrderServices.initialMassAdd().then((response) => {\r\n // $scope.$broadcast('AvailableData', {\r\n // \"Class\": \"ShippingService\",\r\n // \"Object\": \"MassAdd\"\r\n // });\r\n // Not in use\r\n // $scope.Text.Label_Line_Item_Save_Success = ShippingService.MassAdd.Initial.Label_Line_Item_Save_Success;\r\n\r\n // if (ShippingService.MassAdd.Session.SearchSession != null) {\r\n // $scope.SearchMethod.IndexOptionsSearchMethod = ShippingService.MassAdd.Session.SearchSession.IndexOptionsSearchMethod;\r\n // } else {\r\n // $scope.SearchMethod.IndexOptionsSearchMethod = 0;\r\n // }\r\n this.setDefaultSearchFilter();\r\n }).finally(() => {\r\n kendo.ui.progress($('#manageAllocation'+ this.props.windowId), false);\r\n });\r\n }\r\n }\r\n\r\n gridSearch = () => {\r\n let filterObj = JSON.parse(JSON.stringify(this.state.filter));\r\n filterObj.method = 'POST';\r\n this.setState({ filterObject: [filterObj] });\r\n }\r\n\r\n clearFilters = () => {\r\n this.setDefaultSearchFilter();\r\n this.setState({ filterObject: [{ method: 'POST' }] });\r\n }\r\n\r\n setDefaultSearchFilter = () => {\r\n let filterObj = {\r\n IndexOptionsSku: 0,\r\n Sku: '',\r\n IndexOptionsDescription: 0,\r\n Description: '',\r\n IndexOptionsQualifier: 0,\r\n Qualifier: '',\r\n IndexOptionsAvailableQty: 0,\r\n CustomField: '',\r\n IndexOptionsLotNumber: 0,\r\n LotNumber: '',\r\n IndexOptionsSerialNumber: 0,\r\n SerialNumber: '',\r\n IndexOptionsSupplier: 0,\r\n Supplier: '',\r\n IndexOptionsCost: 0,\r\n Cost: '',\r\n ExpDateBegin: null,\r\n ExpDateEnd: null,\r\n IndexOptionsReceiptRefId: 0,\r\n ReceiptRefId: '',\r\n IndexOptionsPoNumber: 0,\r\n PoNumber: '',\r\n IndexOptionsLocation: 0,\r\n Location: '',\r\n IndexOptionsPallet: 0,\r\n Pallet: '',\r\n IndexOptionsTrailerContainerNumber: 0,\r\n TrailerContainerNumber: '',\r\n ReceiptFirstTransaction: null,\r\n ReceiptLastTransaction: null,\r\n ReceiptBeginDate: null,\r\n ReceiptEndDate: null\r\n };\r\n this.setState({ filter: filterObj });\r\n }\r\n\r\n onGridChange = (event) => {\r\n let inputName = this.props.sharedEditAllocationData.modalType == 'GridEditAllocations' ? 'PrimaryQuantity' : 'PrimaryUnitsToAdd';\r\n if (event.field === inputName) {\r\n let valueGreater = false;\r\n if (parseFloat($(\"input[name='\" + inputName + \"']\").val()) > event.items[0].Available) {\r\n valueGreater = true;\r\n }\r\n\r\n this.setState({ valueGreater: valueGreater });\r\n }\r\n }\r\n\r\n onGridSave = (event) => {\r\n var validator = event.container.data('kendoValidator');\r\n validator.options.messages.custom = this.translate('Label_Greater_Allocation_Warning');\r\n let inputName = this.props.sharedEditAllocationData.modalType == 'GridEditAllocations' ? 'PrimaryQuantity' : 'PrimaryUnitsToAdd';\r\n validator.options.rules.custom = function (input) {\r\n if (input.is('[name=\"' + inputName + '\"]')) {\r\n if (parseFloat(input.val()) > parseFloat(event.model.Available)) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n return true;\r\n };\r\n if (this.props.sharedEditAllocationData.modalType == 'GridEditAllocations') {\r\n if (validator.validate()) {\r\n let finalModel = event.model;\r\n finalModel.PrimaryQuantity = event.values.PrimaryQuantity;\r\n // We add to our dictionary with the parameter of override, so if our dictionary finds this key it will override it with the new amount\r\n this.state.KendoGrid.addSelections(event.model.Key, {\r\n \"OrderId\": this.props.sharedEditAllocationData.orderID,\r\n \"OrderItemId\": this.props.sharedEditAllocationData.orderItemId,\r\n \"ReceiveItemId\": parseInt(event.model.Key),\r\n \"Qty\": event.model.PrimaryQuantity\r\n }, \"override\");\r\n this.setState({\r\n totalInputedQuantity: this.state.KendoGrid.sumDictionaryParameter(\"Qty\"),\r\n disableSave: false\r\n });\r\n }\r\n } else {\r\n let finalModel = event.model;\r\n finalModel.PrimaryUnitsToAdd = event.values.PrimaryUnitsToAdd;\r\n this.state.KendoGrid.addSelections(event.model.Key, finalModel, \"override\");\r\n this.state.KendoGrid.setQuantityCollection(event.model.Key, event.values.PrimaryUnitsToAdd);\r\n\r\n var temp = event.model;\r\n temp.PrimaryQuantity = event.values.PrimaryUnitsToAdd;\r\n this.state.KendoGrid.setQuantityArray(temp);\r\n }\r\n }\r\n\r\n filterHandelChange = (event) => {\r\n let filterObj = this.state.filter;\r\n filterObj[event.target.name] = event.target.value;\r\n this.setState({ filter: filterObj });\r\n }\r\n\r\n eventClickSaveAllocation = () => {\r\n\r\n kendo.ui.progress($('#manageAllocation'+ this.props.windowId), true);\r\n var list = this.state.KendoGrid.getDictionary().items;\r\n var keys = this.state.KendoGrid.getKeys();\r\n\r\n var newlist = [];\r\n var sumOfNewQuantity = 0;\r\n for (var x = 0; x < keys.length; x++) {\r\n if (list[keys[x]].hasOwnProperty(\"Key\")) {\r\n delete list[keys[x]].Key;\r\n }\r\n if(list[keys[x]].Qty === null){\r\n list[keys[x]].Qty = 0;\r\n }\r\n sumOfNewQuantity = sumOfNewQuantity + list[keys[x]].Qty;\r\n newlist.push(list[keys[x]]);\r\n }\r\n if (sumOfNewQuantity > this.props.sharedEditAllocationData.totalOrdered) {\r\n this.setState({ makeOrderedQuantityMatchAllocatedQuantity: true });\r\n }\r\n if (this.props.sharedEditAllocationData.totalOrdered <= this.state.totalInputedQuantity) {\r\n this.editOrderLineItemAllocations(newlist);\r\n }\r\n }\r\n\r\n editOrderLineItemAllocations(newlist) {\r\n this.setState({ gifEditAllocation: true });\r\n manageOrderServices.editOrderLineItemAllocations({\r\n orderLineItemEditUri: this.props.sharedEditAllocationData.EditWithAllocationsDetailsUri,\r\n allocations: newlist,\r\n makeOrderedQuantityMatchAllocatedQuantity: this.state.makeOrderedQuantityMatchAllocatedQuantity\r\n }).then((response) => {\r\n if (response && (response.status == 200 || response.status == 204)) {\r\n GlobalService.notification('success', this.translate('Label_Success_Items_Updated'));\r\n this.setState({ gifEditAllocation: false });\r\n this.eventClickDiscardButton();\r\n // method call to set discard button for react old order version\r\n if(this.props.onGridItemChange){\r\n this.props.onGridItemChange(true);\r\n }\r\n this.props.onResetGridAndSelection();\r\n this.props.onGridItemChange();\r\n }\r\n }).finally(() => {\r\n this.setState({ gifEditAllocation: false });\r\n kendo.ui.progress($('#manageAllocation'+ this.props.windowId), false);\r\n });\r\n }\r\n\r\n isIEorEDGE = () => {\r\n if (navigator.appName == 'Microsoft Internet Explorer') {\r\n return true; // IE\r\n } else if (navigator.appName == \"Netscape\") {\r\n return navigator.appVersion.indexOf('Edge') > -1; // EDGE\r\n }\r\n return false;\r\n }\r\n onLoadGrid = () => {\r\n this.setState({\r\n totalInputedQuantity: this.state.KendoGrid.sumDictionaryParameter(\"Qty\")\r\n });\r\n }\r\n\r\n eventClickDiscardButton = () => {\r\n $(\"#manageAllocation\"+ this.props.windowId).data('kendoWindow').close();\r\n this.props.onCloseEditAllocaion();\r\n }\r\n\r\n addLineItem = (param_baseCall) => {\r\n\r\n this.setState({ ['savingGif' + param_baseCall]: true });\r\n var passing = this.state.KendoGrid.getValues();\r\n kendo.ui.progress($('#manageAllocation'+ this.props.windowId), true);\r\n\r\n manageOrderServices.massOrderLineItemsAdd({\r\n orderId: this.props.sharedEditAllocationData.OrderId,\r\n itemsUri: this.props.sharedEditAllocationData.OrderItemsUri,\r\n details: passing\r\n }).then((response) => {\r\n\r\n this.setState({ ['savingGif' + param_baseCall]: false });\r\n if (param_baseCall == 'AddExit') {\r\n this.eventClickDiscardButton();\r\n }\r\n\r\n if (response && (response.status == 200 || response.status == 204)) {\r\n kendo.ui.progress($('#manageAllocation' + this.props.windowId), false);\r\n\r\n GlobalService.notification('success', this.translate('Label_Line_Item_Save_Success'));\r\n if (param_baseCall == 'AddNew') {\r\n this.state.KendoGrid.clearSelections(() => {\r\n if (typeof $('#GridMassAdd' + this.props.windowId).data('kendoGrid') != 'undefined') {\r\n $('#GridMassAdd' + this.props.windowId).data('kendoGrid').dataSource.read();\r\n }\r\n $(\"#GridMassAdd\" + this.props.windowId).data('kendoGrid').refresh();\r\n });\r\n }\r\n\r\n // method call to set discard button for react old order version\r\n if(this.props.onGridItemChange){\r\n this.props.onGridItemChange(true);\r\n }\r\n this.props.onResetGridAndSelection();\r\n }\r\n\r\n }).finally(() => {\r\n this.setState({ ['savingGif' + param_baseCall]: false });\r\n kendo.ui.progress($('#manageAllocation'+ this.props.windowId), false);\r\n });\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.sharedEditAllocationData.modalType == 'GridEditAllocations' && (\r\n \r\n \r\n )}\r\n
\r\n\r\n \r\n
\r\n - \r\n
- \r\n
{this.state.customLabels.Label_Sku}:
\r\n{this.props.sharedEditAllocationData.Sku}
\r\n \r\n - \r\n
{this.translate('Label_Description')}:
\r\n{this.props.sharedEditAllocationData.ItemDescription}
\r\n \r\n - \r\n
{this.translate('Label_Qualifier')}:
\r\n{\r\n StringWms.isEmpty(this.props.sharedEditAllocationData.QualifierId) ?\r\n \"-\" :\r\n this.props.sharedEditAllocationData.QualifierId\r\n }
\r\n \r\n - \r\n
{this.translate('Label_Total_Ordered')}:
\r\n{this.props.sharedEditAllocationData.totalOrdered}
\r\n \r\n - \r\n
{this.translate('Label_Selected_Quantity')}:
\r\n{this.state.totalInputedQuantity}
\r\n \r\n {/* - \r\n
{this.translate('Label_New_Order_Total') }:
\r\n{ 'totalInputedQuantity' }
\r\n */}\r\n
\r\n {this.props.sharedEditAllocationData.modalType == 'GridMassAdd' && (\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {this.props.sharedEditAllocationData.modalType == 'GridMassAdd' && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n function () { }}\r\n // windowId={this.props.windowId}\r\n getGridSelectionUrl={''}\r\n filterObject={this.state.filterObject}\r\n searchUrl={'/WebUI/Shipping/UpdateSession/FilterSearchInfoSend'}\r\n gridEditable={true}\r\n onGridChange={this.onGridChange}\r\n onGridSave={this.onGridSave}\r\n onLoadGrid={this.onLoadGrid}\r\n resetButtonLabel={this.translate('Label_Options')}\r\n menu={[]} />\r\n
\r\n \r\n \r\n \r\n {this.translate('Label_warning_for_total_weight_and_volume_add_edit')}\r\n \r\n
\r\n {this.props.sharedEditAllocationData.modalType == 'GridEditAllocations' &&\r\n ((this.state.totalInputedQuantity > this.props.sharedEditAllocationData.totalOrdered) || this.state.valueGreater) &&\r\n \r\n {this.translate('Label_You_cannot_allocate_more_units_than_specified_in_the_line_item')}\r\n
\r\n }\r\n {this.props.sharedEditAllocationData.modalType == 'GridEditAllocations' &&\r\n (this.state.totalInputedQuantity < this.props.sharedEditAllocationData.totalOrdered) &&\r\n \r\n {this.translate('Label_You_Cannot_Remove_Quantity')}\r\n
\r\n }\r\n {(this.props.sharedEditAllocationData.modalType == 'GridMassAdd' && this.state.valueGreater) &&\r\n {this.translate('Label_You_May_Not_Add')}\r\n }\r\n \r\n
\r\n \r\n\r\n );\r\n }\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsButton from '../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsInput from './../../../components/WmsInput/WmsInput.jsx';\r\nimport WmsModel from './../../../components/WmsModel/WmsModel.jsx';\r\nimport WmsContainer from './../../../components/WmsContainer/WmsContainer.jsx';\r\n\r\nimport * as GlobalService from './../../../global_services';\r\nimport './custom-order-info-modal.scss';\r\nexport class CustomOrderInfoModal extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n this.state = {\r\n selector: \"OrderCustomField\",\r\n sawDiscardBtn: false,\r\n customFieldName: '',\r\n customFieldValue: '',\r\n\r\n };\r\n }\r\n // componentWillReceiveProps(nextProps) {\r\n // this.setState({\r\n // customFieldName: '',\r\n // customFieldValue: '',\r\n // sawDiscardBtn: false\r\n // });\r\n // }\r\n\r\n handleChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value,\r\n sawDiscardBtn: true\r\n });\r\n }\r\n\r\n\r\n addCustomOrderInfo = () => {\r\n let savedElementObj =JSON.parse(JSON.stringify(this.props.sharedOptions.OrderSE));\r\n\r\n let index = savedElementObj.filter((el) => {\r\n return el['Name'].toLowerCase() == this.state.customFieldName.toLowerCase();\r\n });\r\n\r\n if (index.length > 0) {\r\n GlobalService.notification(\"error\", this.translate('Label_Unique_Value_Required') + ':', this.translate('Label_Name'));\r\n return;\r\n }\r\n savedElementObj.push({\r\n \"Name\": this.state.customFieldName,\r\n \"Value\": this.state.customFieldValue,\r\n \"Required\": false\r\n });\r\n\r\n let sharedOptionObj = Object.assign(\r\n {},\r\n this.props.sharedOptions,\r\n {\r\n 'OrderSE': savedElementObj\r\n }\r\n );\r\n this.props.onSharedOptionDataSet(sharedOptionObj);\r\n this.props.onCloseAddCustomField();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n this.addLineItem('AddNew')}\r\n disabled={this.state.valueGreater || this.state.savingGifAddNew}\r\n icon=\"fa-plus\"\r\n loading={this.state.savingGifAddNew}\r\n />\r\n\r\n this.addLineItem('AddExit')}\r\n disabled={this.state.valueGreater}\r\n icon=\"fa-plus\"\r\n loading={this.state.savingGifAddExit}\r\n />\r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}","import React from 'react';\r\nimport { StringWms } from './../../../../../assets/ts/StringWms.ts';\r\n\r\n//component\r\nimport WmsButton from './../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsCollapse from './../../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsInput from './../../../components/WmsInput/WmsInput.jsx';\r\nimport WmsDropdown from './../../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsModel from './../../../components/WmsModel/WmsModel.jsx';\r\nimport './create-manual-charge-model.scss';\r\nimport { Big } from \"./../../../global_variable_service.jsx\";\r\nimport * as GlobalService from './../../../global_services';\r\n\r\nexport class CreateManualChargeModel extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.defauleManualCharge = {\r\n indexChargeCategory: 0,\r\n chargeUnitType: '',\r\n chargePerUnit: 0,\r\n numberOfUnits: 0,\r\n total: '0',\r\n glAccNumber: '',\r\n extAccReceivable: '',\r\n externalItemIdentifier: '',\r\n externalItemDesc: ''\r\n };\r\n this.state = {\r\n selector: \"OrderCharges\",\r\n manualCharges: JSON.parse(JSON.stringify(this.defauleManualCharge)),\r\n rights: GlobalService.GetRights()\r\n };\r\n }\r\n\r\n // componentWillReceiveProps(nextProps) {\r\n // if(this.props.sharedIsOpenManualChargeModal == true && this.props.sharedIsOpenManualChargeModal != nextProps.sharedIsOpenManualChargeModal)\r\n // this.setState({ manualCharges: JSON.parse(JSON.stringify(this.defauleManualCharge)) });\r\n // }\r\n\r\n\r\n handleEventChange = (event) => {\r\n let manualCharges = this.state.manualCharges;\r\n manualCharges[event.target.name] = event.target.value;\r\n\r\n //calculate total charges\r\n if (event.target.name == 'chargePerUnit' || event.target.name == 'numberOfUnits') {\r\n\r\n let param_chargePerUnit = (event.target.name == 'chargePerUnit') ?\r\n event.target.value :\r\n this.state.manualCharges.chargePerUnit;\r\n\r\n let param_numberOfUnits = (event.target.name == 'numberOfUnits') ?\r\n event.target.value :\r\n this.state.manualCharges.numberOfUnits;\r\n if (\r\n !isNaN(parseFloat(param_chargePerUnit)) &&\r\n !isNaN(parseFloat(param_numberOfUnits))\r\n ) {\r\n manualCharges['total'] = parseFloat((new Big(param_chargePerUnit || 0)).times(param_numberOfUnits || 0).toFixed(4));\r\n }\r\n }\r\n\r\n this.setState({ 'manualCharges': manualCharges });\r\n }\r\n\r\n addManualChargeGrid = () => {\r\n this.props.onAddShipAndCloseGridData({\r\n 'ChargeOrigin': 2,\r\n 'ChargeTypeId': this.props.sharedManualChargeOptions[this.state.manualCharges.indexChargeCategory].Id,\r\n 'ChargeType': this.props.sharedManualChargeOptions[this.state.manualCharges.indexChargeCategory].Description,\r\n 'ChargeLabel': this.state.manualCharges.chargeLabel,\r\n 'Description': this.state.manualCharges.chargeUnitType,\r\n 'ChargePerUnit': this.state.manualCharges.chargePerUnit,\r\n 'NumberOfUnits': this.state.manualCharges.numberOfUnits,\r\n 'TotalCharges': this.state.manualCharges.total,\r\n 'GeneralLedgerAccount': this.state.manualCharges.glAccNumber,\r\n 'ExternalAccountsReceivable': this.state.manualCharges.extAccReceivable,\r\n 'ExternalItemIdentifier': this.state.manualCharges.externalItemIdentifier,\r\n 'ExternalItemDescription': this.state.manualCharges.externalItemDesc\r\n });\r\n this.props.onCloseAddManualChargeModel();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsButton from '../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsInput from '../../../components/WmsInput/WmsInput.jsx';\r\nimport WmsGrid from '../../../components/WmsGrid/WmsGrid.jsx';\r\nimport WmsModel from '../../../components/WmsModel/WmsModel.jsx';\r\nimport { StringWms } from '../../../../../assets/ts/StringWms.ts';\r\n\r\n//services\r\nimport * as GlobalService from '../../../global_services';\r\nimport * as metaDataService from '../../meta-data.service.js';\r\n\r\nimport * as GridConfig from '../grid_configuration.jsx';\r\nimport './advanced-contact-lookup-modal.scss';\r\nimport { kendo } from \"../../../global_variable_service.jsx\";\r\n\r\nexport class AdvancedContactLookupModal extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n let advance_Contact_Lookup_GridHeaders = StringWms.convertSringToOption(this.translate('Orders_ContactsAdvancedLookup_GridHeaders'));\r\n\r\n this.state = {\r\n selector: \"OrderContactLookup\",\r\n searchGif: false,\r\n columns: GridConfig.getContactLookupGridColumns(advance_Contact_Lookup_GridHeaders).columns,\r\n schema: GridConfig.getContactLookupGridSchema().schema,\r\n transport: GridConfig.getContactLookupGridTransport(this.props.selectedCustomer.uri, this.props.sharedContactType).transport,\r\n totalResult: this.translate('Label_Results_ContactLookup'),\r\n searchValue : '',\r\n sharedIsAdvanceContactModal:props.sharedIsAdvanceContactModal\r\n };\r\n }\r\n\r\n UNSAFE_componentWillReceiveProps(nextProps) {\r\n if(nextProps.sharedIsAdvanceContactModal != this.state.sharedIsAdvanceContactModal){\r\n this.setState({ sharedIsAdvanceContactModal : nextProps.sharedIsAdvanceContactModal });\r\n }\r\n }\r\n\r\n selectRow = (KendoGrid) => {\r\n this.setState({\r\n sharedIsAdvanceContactModal:false\r\n });\r\n setTimeout(() => {\r\n this.props.onCloseLookUpModal();\r\n let selectedObj = {\r\n contactType: this.props.sharedContactType,\r\n selectedContact: KendoGrid.getItem(KendoGrid.getKeys())\r\n };\r\n this.props.onContactSelect(selectedObj);\r\n }, 0);\r\n }\r\n\r\n onGridBinding = () => {\r\n var grid = $(\"#GridAdvancedContactLookup\").data(\"kendoGrid\");\r\n if (grid) {\r\n this.setState({ totalResult: grid.dataSource.total() });\r\n }\r\n }\r\n\r\n eventClickSearchGrid = () => {\r\n\r\n this.setState({ searchGif: true });\r\n\r\n var dataSource = new kendo.data.DataSource({\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Shipping/Orders/AdvancedContactGridRead\",\r\n type: \"POST\",\r\n data: {\r\n customerUri: this.props.selectedCustomer.uri,\r\n usedAs: this.props.sharedContactType,\r\n globalSearch: this.state.searchValue\r\n },\r\n dataType: \"JSON\"\r\n }\r\n },\r\n error: (xhr, error) => {\r\n this.setState({ searchGif: false });\r\n },\r\n batch: true,\r\n schema: this.state.schema,\r\n pageSize: 100,\r\n serverPaging: true,\r\n serverSorting: true,\r\n serverFiltering: true\r\n });\r\n dataSource.fetch(() => { this.setState({ searchGif: false }); });\r\n let grid = $(\"#GridAdvancedContactLookup\").data(\"kendoGrid\");\r\n grid.setDataSource(dataSource);\r\n }\r\n\r\n\r\n\r\n\r\n onChangeGridconfig = (param_grid_config) =>{\r\n metaDataService.setManageOrdersContactLookupGridOptionInMetaData(param_grid_config);\r\n }\r\n\r\n onResetGrid = () =>{\r\n // var grid = $(\"#GridAdvancedContactLookup\").data(\"kendoGrid\");\r\n // grid.setOptions({ columns: this.state.columns });\r\n // grid.dataSource.read();\r\n metaDataService.setManageOrdersContactLookupGridOptionInMetaData({ 'optionsData':{} });\r\n }\r\n\r\n handleSearchChange = (event) => {\r\n this.setState({ searchValue: event.target.value });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n {/* \r\n\r\n
*/}\r\n\r\n {this.state.sharedIsAdvanceContactModal == true &&\r\n \r\n {this.state.totalResult}\r\n \r\n {this.translate('Label_Include_Column_Text')}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n );\r\n }\r\n}","\r\nimport React from 'react';\r\nimport * as GlobalService from '../global_services';\r\nimport style from './report-iframe.scss';\r\nvar axios = require('axios');\r\n\r\nexport class reportIframe extends React.Component {\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n this.state = {\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n Rights: GlobalService.GetRights(),\r\n iframeSrc: \"\",\r\n iframeId: \"\",\r\n iframeUrl: \"\",\r\n iframeMethod:\"\",\r\n ids:\"\"\r\n };\r\n }\r\n componentDidMount() {\r\n var iframeData = GlobalService.getIframeUrl();\r\n this.setState({\r\n iframeSrc: iframeData.url,\r\n iframeId: iframeData.name,\r\n iframeUrl: iframeData.url.split('?')[0],\r\n iframeMethod:iframeData.iframeMethod,\r\n ids:iframeData.paramOrderids\r\n\r\n });\r\n if(iframeData.iframeMethod !== \"GET\"){\r\n axios.put(iframeData.url,iframeData.paramOrderids,{\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n }\r\n }).then((response) => {\r\n this.setState({\r\n iframeDoc: response.data\r\n });\r\n }).catch((error) => {\r\n console.log(error);\r\n });\r\n }\r\n window.onBolGeneratePDF = () => {\r\n console.log(\"onBolGeneratePDF called to close Window\");\r\n window.closeWindowFromTitlebar(this.state.windowId);\r\n };\r\n\r\n document.addEventListener(\"onBolGeneratePDFRemove\", function handler(e) {\r\n console.log(\"onBolGeneratePDFRemove called\");\r\n document.removeEventListener(\"onBolGeneratePDF\", window.onBolGeneratePDF);\r\n e.currentTarget.removeEventListener(e.type, handler);\r\n });\r\n\r\n document.addEventListener(\"onBolGeneratePDF\", window.onBolGeneratePDF);\r\n }\r\n iframeLoad = () => {\r\n var iframeId = this.state.iframeId;\r\n $('#' + iframeId + 'Loader').hide();\r\n if (this.state.iframeSrc == '/WebUI/V1/V1Link/BillingWizardMenu.aspx') {\r\n $('#' + iframeId).contents().find('#RateGrid_div-view').addClass('cls-billing-wizard');\r\n $('#' + iframeId).contents().find('#RateGrid_div').addClass('cls-billing-area');\r\n }\r\n if (this.state.iframeSrc == '/WebUI/V1/V1Link/WarehousePack.aspx') {\r\n $('#' + iframeId).contents().find('#form1').addClass('cls-smart-pack');\r\n $('#' + iframeId).contents().find('#ToBePackedGrid_div').addClass('cls-smart-area');\r\n $('#' + iframeId).contents().find('#PackageContentsGrid_div').addClass('cls-smart-area');\r\n }\r\n if (this.state.iframeUrl == \"/WebUI/V1/SmartParcelRecreateIntlDocs\") {\r\n $('#' + iframeId).contents().find('#DocGrid_div').addClass('recreate-document-grid');\r\n }\r\n if (this.state.iframeSrc == \"/WebUI/V1/V1Link/ManageInvoices.aspx\") {\r\n $('#' + iframeId).contents().find('#TransGrid_div').addClass('recreate-document-grid');\r\n }\r\n if (this.state.iframeSrc == \"/WebUI/V1/V1Link/ImportLocation.aspx\") {\r\n $('#' + iframeId).contents().find('#StreamData').addClass('import-location-no-margin');\r\n }\r\n if (this.state.iframeSrc == \"/WebUI/V1/V1Link/MobileLabelTemplate.aspx\") {\r\n $('#' + iframeId).contents().find('#content').addClass('mobile-label-template-content');\r\n }\r\n if (this.state.iframeSrc == \"/WebUI/V1/V1Link/MobileLabel.aspx\") {\r\n $('#' + iframeId).contents().find('#content').addClass('mobile-label-content');\r\n }\r\n if (this.state.iframeSrc == \"/WebUI/V1/V1Link/MobilePrinter.aspx\") {\r\n $('#' + iframeId).contents().find('#content').addClass('mobile-printer-content');\r\n }\r\n if (this.state.iframeSrc == \"/WebUI/V1/V1Link/TrackBysEdit.aspx\") {\r\n $('#' + iframeId).contents().find('#content').addClass('edit-trackbys-content');\r\n }\r\n if (this.state.iframeSrc == \"/WebUI/V1/V1Link/ClientMessagingView.aspx\") {\r\n $('#' + iframeId).contents().find('#content').addClass('client-message-content');\r\n }\r\n }\r\n render() {\r\n console.log(\"this source :\",this.state.iframeSrc);\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport WmsInput from '../../components/WmsInput/WmsInput.jsx';\r\nimport WmsButton from '../../components/WmsButton/WmsButton.jsx';\r\nimport WmsComboBox from '../../components/WmsComboBox/WmsComboBox.jsx';\r\nimport WmsDropdown from '../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsCustomDateTimePickerProto from '../../components/WmsCustomDateTimePickerProto/WmsCustomDateTimePickerProto.jsx';\r\nimport WmsButtonDropdown from '../../components/WmsButtonDropdown/WmsButtonDropdown.jsx';\r\nimport WmsTab from '../../components/WmsTab/WmsTab.jsx';\r\nimport { default as WmsMenuItem } from '../../components/WmsMenuItem/WmsMenuItem.jsx';\r\nimport * as DynamicMenu from '../../orders/findOrders/grid_dynamic_menu.virtual.jsx';\r\n\r\nimport { ObjectWms } from './../../../../assets/ts/ObjectWms.ts';\r\nimport { StringWms } from './../../../../assets/ts/StringWms.ts';\r\nimport { ArrayWms } from './../../../../assets/ts/ArrayWms.ts';\r\n\r\nimport { AttachDocuments } from '../../components/AttachDocuments/AttachDocuments.jsx';\r\nimport WmsConfirmModel from '../../components/WmsConfirmModel/WmsConfirmModel.jsx';\r\n\r\nimport { SendAsnModel } from '../../orders/findOrders/model/send-asn-model.component.jsx';\r\nimport { PickTicketModel } from '../../orders/findOrders/model/pick-ticket-model.component.jsx';\r\nimport { BillOfLadingModel } from '../../orders/findOrders/model/bill-of-lading.component.jsx';\r\nimport { ProtoMassAddModel } from '../../orders/findOrders/model/proto-mass-add/proto-mass-add.component.jsx';\r\nimport { AddEditLineItemModal } from '../../orders/findOrders/model/add-edit-line-item/add-edit-line-item.component.jsx';\r\nimport { PackingSlipsModel } from '../../orders/findOrders/model/packing-slips-model.component.jsx';\r\nimport { ShippingLabel } from '../../orders/findOrders/model/shipping-label-model.component.jsx';\r\nimport { ManageOrdersContactDetails } from './manage-orders-contact-details.component.jsx';\r\nimport { ManageOrdersLineItem } from './manage-orders-line-item.component.jsx';\r\nimport { ManageOrdersCarrierRoutingInfo } from './manage-orders-carrier-routing-info.component.jsx';\r\nimport { ManageOrdersCustomOrderInfo } from './manage-orders-custom-order-info.component.jsx';\r\nimport { ManageOrdersCalculateCharges } from './manage-orders-calculate-charges.component.jsx';\r\nimport { ShipAndCloseModal } from '../../orders/manageOrders/model/ship-and-close-modal.component.jsx';\r\nimport { ManageAllocationModal } from '../../orders/manageOrders/model/manage-allocation-modal.component.jsx';\r\nimport { CustomOrderInfoModal } from '../../orders/manageOrders/model/custom-order-info-modal.component.jsx';\r\nimport { CreateManualChargeModel } from '../../orders/findOrders/model/create-manual-charge-model.component.jsx';\r\nimport { AdvancedContactLookupModal } from '../../orders/manageOrders/model/advanced-contact-lookup-modal.component.jsx';\r\nimport { EditBolOptionModel } from '../../orders/findOrders/model/edit-bol-option-model.component.jsx';\r\nimport { reportIframe } from '../../reportIframe/report-iframe.component.jsx';\r\n\r\nimport './manage-orders.virtual.scss';\r\n\r\n//services\r\n\r\nimport * as manageOrderServices from './manage-orders.services.jsx';\r\nimport * as findOrdersService from '../../orders/findOrders/findOrders.services.jsx';\r\n\r\nimport * as GlobalService from '../../global_services';\r\nimport * as manageOrderProtoMetaDataService from './manage-order-proto-meta-data.service';\r\nimport { kendo } from \"../../global_variable_service.jsx\";\r\nimport _ from 'lodash';\r\n\r\nvar isCustomerUser = false;\r\nexport class ManageOrdersFormProto extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.Selector = \"OrderProtoType\";\r\n this.scrollAreaWrapperId = \"ManageOrdersScrollBox\";\r\n this.windowId = props.windowId;\r\n this.scrollDomSelector = props.windowId ? '.' + props.windowId + '#' + this.scrollAreaWrapperId : '#' + this.scrollAreaWrapperId;\r\n\r\n this.Rights = GlobalService.GetRights();\r\n\r\n this.isEnableProvider = this.Rights.hasOwnProperty('Shipping.SmallParcelEnabled') && this.Rights['Integrations.SmallParcelPartner'] == 'ParcelApi';\r\n\r\n this.tabHeaderRef = React.createRef();\r\n this.contactDetailsRef = React.createRef();\r\n this.lineItemRef = React.createRef();\r\n this.carrierRoutingRef = React.createRef();\r\n this.customOrderInfoRef = React.createRef();\r\n this.appliedChargesRef = React.createRef();\r\n this.sectionRefs = [\r\n {\r\n section: \"collapse1\",\r\n ref: this.contactDetailsRef,\r\n label: this.translate('Label_Order_Contact_Details'),\r\n wmsSelector: this.Selector + \"ContactDetails\",\r\n isTabShow: true\r\n },\r\n {\r\n section: \"collapse2\",\r\n ref: this.lineItemRef,\r\n label: this.translate('Label_Order_Line_Items'),\r\n wmsSelector: this.Selector + \"LineItemTab\",\r\n isTabShow: true\r\n },\r\n {\r\n section: \"collapse3\",\r\n ref: this.carrierRoutingRef,\r\n label: this.translate('Label_Carrier_And_Routing'),\r\n wmsSelector: this.Selector + \"CarrierRoutingTab\",\r\n isTabShow: true\r\n },\r\n {\r\n section: \"collapse4\",\r\n ref: this.customOrderInfoRef,\r\n label: this.translate('Label_Custom_Order_Info'),\r\n wmsSelector: this.Selector + \"CustomOrderInfo\",\r\n isTabShow: true\r\n },\r\n {\r\n section: \"collapse5\",\r\n ref: this.appliedChargesRef,\r\n label: this.translate('Label_Applied_Charges'),\r\n wmsSelector: this.Selector + \"AppliedCharges\",\r\n isTabShow: this.Rights.hasOwnProperty('orders.charges.manage') ? true : false\r\n }\r\n ];\r\n\r\n\r\n this.originalShipToContact = {};\r\n this.originalBillToContact = {};\r\n this.originalSoldToContact = {};\r\n this.NumberOfUnitsText = this.translate('Label_Notification_NumberOfUnits');\r\n this.LineItemComponentRef = React.createRef(null);\r\n\r\n this.state = {\r\n customLabels: GlobalService.getCustomLabels(),\r\n optionsCustomer: [],\r\n optionsFacility: [],\r\n selectedCustomerId: \"\",\r\n selectedFacility: \"\",\r\n selectedCustomer: \"\",\r\n selector: this.Selector,\r\n readyToShipGif: false,\r\n showCustomerSavedElements: false,\r\n showDiscard: false,\r\n saveLoader: false,\r\n isSaved: false,\r\n oldOrderData: {},\r\n shareOrderData: {},\r\n sharedOptions: {\r\n OrderSE: []\r\n },\r\n sharedEditAllocationData: {\r\n totalOrdered: 0,// This holds the total amounts of rows returned from gridread\r\n modalTitle: ''\r\n },\r\n showRemainForm: false,\r\n isEmptycustomerOrderInfo: false,\r\n customerOrderRequired: \"\",\r\n defaultValue: \"\",\r\n flow: \"create\",\r\n tplSettings: GlobalService.getTplSettings(),\r\n isEditCallComplete: false,\r\n Rights: this.Rights,\r\n orderReadyToShipLabel: this.translate('Label_Markas_Complete').replace(new RegExp('{' + 'customCompleteLabel' + '}', 'gi'), GlobalService.getCustomLabels().Label_Complete),\r\n InitialPrintMenuResponse: [],\r\n MenuPrintData: [],\r\n sharedAttachObj: null,\r\n isOpenAttachDoc: false,\r\n isOpenShippingLabelModel: false,\r\n sharedShippingLabelOption: {},\r\n pickticketHeight: 0,\r\n pickticketBatchId: null,\r\n EnablePickOption: false,\r\n pickticketFlow: \"regular\",\r\n isOpenPickTicketModel: false,\r\n isOpenPackingSlipsModel: false,\r\n isOpenSendAsnModel: false,\r\n scacCodeAvailable: false,\r\n sendAsnData: {},\r\n packingSlipsData: {},\r\n sharedSelectedFacilityObj: {},\r\n isFullyAllocated: true,\r\n allocatedSkuList: '',\r\n createOrderClicked: false,\r\n shipAndCloseGif: false,\r\n sharedContactType: 'ShipTo',\r\n sharedIsAdvanceContactModal: false,\r\n sharedIsOpenManageAllocation: false,\r\n sharedIsOpenAddLineItem: false,\r\n sharedSelectedItemObj: null,\r\n sharedIsOpenProtoMassAdd: false,\r\n sharedIsResetLineItemGrid: false,\r\n sharedIsOpenAddCustomFieldModal: false,\r\n isOpenManageShipAndCloseModal: false,\r\n sharedRecalculateGif: false,\r\n isShipAndCloseDisable: false,\r\n isMarkAsCompleteDisable: false,\r\n isOpenManualChargeModal: false,\r\n manualChargeOptions: [],\r\n referenceIDText: this.translate('Label_Notification_ReferenceID'),\r\n showInitialLoaderOn: 'order-form',\r\n metaDataList: {},\r\n disabledText: \"\",\r\n isOpenBillOfLadingModel: false,\r\n isOpenConfirmModel: false,\r\n isOpenEditBolTemplateUI:false,\r\n bolTemplateOptions:[],\r\n sharedCustomerId: [],\r\n isCustomerUserAndOrderComplete: false,\r\n isLineItemChanges: false,\r\n sectionRefs: this.sectionRefs\r\n };\r\n }\r\n async componentDidMount() {\r\n // if (!this.$rootScope.ChildBulletin.Data.sharedSelectedOrder) {\r\n if (typeof this.props.windowId != 'undefined') {\r\n this.initManageOrders(this.props.sharedSelectOrder);\r\n } else if (!this.$rootScope.ChildBulletin.Data.sharedSelectedOrder) {\r\n this.state.showInitialLoaderOn = this.$rootScope.ChildBulletin.Data.Window;\r\n this.windowId = this.$rootScope.ChildBulletin.Data.Window;\r\n this.scrollDomSelector = this.$rootScope.ChildBulletin.Data.Window ? '.' + this.$rootScope.ChildBulletin.Data.Window + '#' + this.scrollAreaWrapperId : '#' + this.scrollAreaWrapperId;\r\n this.initManageOrders({});\r\n } else {\r\n let sharedSelectOrder = this.$rootScope.ChildBulletin.Data.sharedSelectedOrder;\r\n this.state.showInitialLoaderOn = this.$rootScope.ChildBulletin.Data.Window;\r\n this.windowId = this.$rootScope.ChildBulletin.Data.Window;\r\n this.scrollDomSelector = this.$rootScope.ChildBulletin.Data.Window ? '.' + this.$rootScope.ChildBulletin.Data.Window + '#' + this.scrollAreaWrapperId : '#' + this.scrollAreaWrapperId;\r\n this.initManageOrders(sharedSelectOrder);\r\n }\r\n kendo.ui.progress($('.' + this.state.showInitialLoaderOn), true);\r\n await manageOrderProtoMetaDataService.getManageOrderProtoUserClientMetaData();\r\n this.setState({ metaDataList: manageOrderProtoMetaDataService.getManageOrderProtoCollapseMetaData() })\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (prevProps.sharedSelectOrder != this.props.sharedSelectOrder) {\r\n kendo.ui.progress($('.' + this.state.showInitialLoaderOn), true);\r\n this.initManageOrders(this.props.sharedSelectOrder);\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.$rootScope && this.$rootScope.ChildBulletin && this.$rootScope.ChildBulletin.Data && this.$rootScope.ChildBulletin.Data.isCloneOrder) {\r\n this.$rootScope.ChildBulletin.Data.isCloneOrder = false;\r\n }\r\n }\r\n\r\n openConfirmModal = () => {\r\n\r\n this.setState({\r\n isOpenConfirmModel:true\r\n });\r\n }\r\n initManageOrders = (param_order) => {\r\n let orderId;\r\n let isSaved = false;\r\n let createOrderClicked = false;\r\n\r\n if (!param_order.OrderId) {\r\n orderId = 0;\r\n createOrderClicked = true;\r\n } else {\r\n isSaved = true;\r\n orderId = param_order.OrderId;\r\n // $scope.Shipping.ShowOrderDataEntry = true; // if this is an edit order we want to show the order info\r\n }\r\n if (this.$rootScope.ChildBulletin.Data.isCloneOrder) {\r\n isSaved = false\r\n }\r\n this.setState({\r\n isSaved: isSaved,\r\n createOrderClicked: createOrderClicked\r\n });\r\n var eventName = \"onDirtyWindowCloseOrderPrototype\" + this.windowId;\r\n document.addEventListener(eventName, this.openConfirmModal);\r\n var closeEventName = \"removeDirtyWindowCloseOrderPrototype\" + this.windowId;\r\n var that = this;\r\n document.addEventListener(closeEventName, function handler(e) {\r\n document.removeEventListener(eventName, that.openConfirmModal);\r\n e.currentTarget.removeEventListener(e.type, handler);\r\n /* whatever */\r\n });\r\n\r\n // this is a create\r\n if (orderId == 0) {\r\n manageOrderServices.startManageOrders().then((response) => {\r\n // set false to not add unspecified option for customer & facility dropdown\r\n this.setState({\r\n optionsCustomer: GlobalService.getCustomerList(false),\r\n optionsFacility: Object.assign([], GlobalService.getFacilityList(false)),\r\n showRemainForm: false,\r\n selectedCustomerId: \"\",\r\n selectedFacility: \"\",\r\n shareOrderData: {\r\n ReferenceNum:''\r\n },\r\n sharedOptions: { OrderSE: [] }\r\n });\r\n }).finally(() => {\r\n kendo.ui.progress($('.' + this.state.showInitialLoaderOn), false);\r\n });\r\n }\r\n\r\n // this is an edit\r\n if (orderId > 0) {\r\n manageOrderServices.ManageOrdersEditData(orderId, 'GridCustomOrderInfo').then((response) => {\r\n\r\n let optionsCustomer = GlobalService.getCustomerList(false);\r\n let selectedCustomer = optionsCustomer[ObjectWms.getIndexBasedUponKeyValuePair(optionsCustomer, \"id\", response.Order.CustomerId)];\r\n\r\n let tempFacilityOption = [];\r\n let facilityList = GlobalService.getFacilityDictList();\r\n\r\n if (selectedCustomer) {\r\n for (var x = 0; x < selectedCustomer.facilities.length; x++) {\r\n tempFacilityOption.push(facilityList[selectedCustomer.facilities[x]]);\r\n }\r\n }\r\n var selectedFacilityIndex = ObjectWms.getIndexBasedUponKeyValuePair(tempFacilityOption, \"id\", response.Order.FacilityId);\r\n\r\n var selectedFacility = (selectedFacilityIndex >= 0) ? response.Order.FacilityId : 0;\r\n\r\n // SV-5494\r\n // Since We need to update FedEx BillingType only for Edit\r\n // this code is added only for Edit\r\n // Replacing BillingType for FedEx as below Mapping\r\n if (response.Order.RoutingInfo.Carrier == 'FedEx') {\r\n if(response.Order.BillingCode == 'BillThirdParty') {\r\n response.Order.BillingCode = 'third party';\r\n\r\n } else if(response.Order.BillingCode == 'ConsigneeBilled') {\r\n response.Order.BillingCode = 'recipient';\r\n\r\n } else if(response.Order.BillingCode == 'FreightCollect') {\r\n response.Order.BillingCode = 'collect';\r\n\r\n } else if(response.Order.BillingCode == 'Prepaid') {\r\n response.Order.BillingCode = 'sender';\r\n }\r\n } else {\r\n if(response.Order.BillingCode == 'third party') {\r\n response.Order.BillingCode = 'BillThirdParty';\r\n }\r\n }\r\n\r\n manageOrderServices.setManageOrdersData(response);\r\n // $scope.ManageOrders.$setPristine();\r\n this.setState({\r\n flow: \"edit\",\r\n optionsCustomer: optionsCustomer,\r\n selectedCustomer: selectedCustomer,\r\n selectedCustomerId: response.Order.CustomerId,\r\n optionsFacility: tempFacilityOption,\r\n selectedFacility: selectedFacility,\r\n packingSlipsData: {\r\n CustomerId: selectedCustomer.id,\r\n Customer: selectedCustomer.name\r\n },\r\n sendAsnData: {\r\n CustomerId: selectedCustomer.id,\r\n CustomerUri: selectedCustomer.uri\r\n }\r\n }, () => {\r\n this.initManageOrdersAllDataAvailable(response);\r\n this.getPrintData(response.Order.CustomerId);\r\n });\r\n this.setFacilityObject(selectedFacility);\r\n\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('.' + this.state.showInitialLoaderOn), false);\r\n });\r\n\r\n }\r\n }\r\n indexOptionsCustomerChange = (event) => {\r\n var tempOptionsFacility = Object.assign([], GlobalService.getFacilityList(false));\r\n var warehouseId = \"\";\r\n var packingSlipsData = null;\r\n var customerObj = \"\";\r\n if(event.target.value > 0) {\r\n customerObj = this.getCustomerById(event.target.value);\r\n tempOptionsFacility = [];\r\n var facilityList = GlobalService.getFacilityDictList();\r\n for (var x = 0; x < customerObj.facilities.length; x++) {\r\n if(facilityList[customerObj.facilities[x]] !== undefined){\r\n tempOptionsFacility.push(facilityList[customerObj.facilities[x]]);\r\n }\r\n }\r\n console.log(\"customerFacility2\", tempOptionsFacility);\r\n warehouseId = tempOptionsFacility[ObjectWms.getIndexBasedUponKeyValuePair(tempOptionsFacility, \"id\", customerObj.defaultFacility)] ?\r\n tempOptionsFacility[ObjectWms.getIndexBasedUponKeyValuePair(tempOptionsFacility, \"id\", customerObj.defaultFacility)].id : \"\";\r\n packingSlipsData = {\r\n CustomerId: event.target.value,\r\n Customer: customerObj.name\r\n };\r\n }\r\n this.setState({\r\n optionsFacility: tempOptionsFacility,\r\n selectedFacility: warehouseId,\r\n selectedCustomerId: event.target.value != 0 ? event.target.value : \"\",\r\n selectedCustomer: customerObj,\r\n showDiscard: true,\r\n packingSlipsData: packingSlipsData\r\n });\r\n this.setFacilityObject(warehouseId)\r\n }\r\n setFacilityObject = (warehouseId) => {\r\n setTimeout(() => {\r\n this.setState({\r\n sharedSelectedFacilityObj: warehouseId ? this.getFacilityById(warehouseId) : \"\"\r\n });\r\n }, 0);\r\n }\r\n getCustomerById(id) {\r\n return this.state.optionsCustomer.find((element) => {\r\n if (element.id == id) {\r\n return element;\r\n }\r\n });\r\n }\r\n handleFaciltiySelectChange = (event) => {\r\n let facilityObj = this.getFacilityById(event.target.value);\r\n this.setState({\r\n selectedFacility: event.target.value,\r\n sharedSelectedFacilityObj: facilityObj,\r\n showDiscard: true\r\n });\r\n\r\n }\r\n\r\n getFacilityById(id) {\r\n return this.state.optionsFacility.find((element) => {\r\n if (element.id == id) {\r\n return element;\r\n }\r\n });\r\n }\r\n\r\n handleChangeForObject = (param_parent_property, event) => {\r\n let value = event.target.value;\r\n\r\n this.setState({\r\n shareOrderData: Object.assign(\r\n {},\r\n this.state.shareOrderData,\r\n {\r\n [param_parent_property]: value\r\n }\r\n ),\r\n showDiscard: true\r\n });\r\n\r\n }\r\n\r\n shipAndCloseClick = () => {\r\n if (this.masterValidation('After', 'shipClose')) {\r\n let newOrderData = this.prepareFieldsOnSave();\r\n isCustomerUser = GlobalService.GetCurrentUser().CustomerIds.length > 0 ? true : false;\r\n this.setState({ shipAndCloseGif: true });\r\n manageOrderServices.updateOrder(this.state.oldOrderData, newOrderData).then((response) => {\r\n\r\n this.setState({ shipAndCloseGif: false });\r\n if (response != 'undefined' && response.status == 200) {\r\n\r\n GlobalService.notification('success', this.translate('Label_Notification_Order_Success'));\r\n\r\n // Response sends us the wrong orderitemscount, so we are assing state counter\r\n response.data.OrderItemsCount = this.state.shareOrderData.OrderItemsCount;\r\n\r\n response.data.RoutingInfo.Mode = this.getCarrierServices(this.state.sharedOptions.Carriers, response.data.RoutingInfo);\r\n this.setState({\r\n shareOrderData: Object.assign(\r\n {},\r\n this.state.shareOrderData,\r\n response.data\r\n ),\r\n oldOrderData:response.data\r\n });\r\n // The method sends us the wrong orderitemscount, so we are manually determining it here and updating the model to have orders.orderitemcounts = to what the UI knows, this affects whether or not the ship and close button should show\r\n // this.setLineItemsGridDataCount();\r\n // Clear manually added flag from saved charges in the grid\r\n this.clearManuallyAddedFlag();\r\n\r\n this.originalShipToContact = Object.assign({},response.data.ShipTo);\r\n this.originalBillToContact = Object.assign({},response.data.BillTo);\r\n this.originalSoldToContact = Object.assign({},response.data.SoldTo);\r\n\r\n //EventNewOrderData for reload find order grid\r\n this.orderGridRead();\r\n\r\n // change title of open tab\r\n $(\"#\" + this.windowId +'_wnd_title').text(this.translate('Window_Title_Label_EditOrder'));\r\n\r\n this.setState({ isOpenManageShipAndCloseModal: true });\r\n\r\n this.setState({\r\n showDiscard: false\r\n });\r\n // $scope.Global.ModalOpen($scope.ShipWindowOptions);\r\n }\r\n }).finally(() => {\r\n this.setState({ shipAndCloseGif: false });\r\n });\r\n\r\n }\r\n }\r\n onCloseShipAndClose = () => {\r\n this.setState({ isOpenManageShipAndCloseModal: false });\r\n }\r\n saveAndFinalizeOrderClicked = () => {\r\n\r\n if (this.masterValidation('After', 'readyToShip')) {\r\n isCustomerUser = GlobalService.GetCurrentUser().CustomerIds.length > 0 ? true : false;\r\n manageOrderServices.finalizeOrder({\r\n \"orderId\": this.state.shareOrderData.OrderId\r\n }).then((response) => {\r\n if (typeof response != 'undefined' && (response.status == 200 || response.status == 204)) {\r\n // $scope.ManageOrders.$setPristine();\r\n // Clear manually added flag from saved charges in the grid\r\n\r\n this.clearManuallyAddedFlag();\r\n this.LineItemComponentRef.current.onOrderItemsRefresh();\r\n\r\n let successMessage = this.translate('Label_Success_SaveAndFinalize').replace(new RegExp('{' + 'customCompleteLabel' + '}', 'gi'), GlobalService.getCustomLabels().Label_Complete);\r\n GlobalService.notification('success', successMessage);\r\n // IF we successfully convert it to Ready to Ship, we need to hide the button as they can not reattempt this.\r\n this.setState({\r\n shareOrderData: Object.assign(\r\n {},\r\n this.state.shareOrderData,\r\n { CanFinalize: false }\r\n )\r\n });\r\n // Disable save,add,massadd and calculate charges button for customer user after mark as complete finish\r\n if (isCustomerUser) {\r\n this.setState({\r\n isCustomerUserAndOrderComplete: true\r\n });\r\n }\r\n\r\n //EventNewOrderData for reload find order grid\r\n this.orderGridRead();\r\n\r\n\r\n }\r\n }).finally(() => {\r\n this.setState({ readyToShipGif: false });\r\n });\r\n\r\n } else {\r\n this.setState({ readyToShipGif: false });\r\n }\r\n }\r\n saveOrderClicked = (saveFrom = null) => {\r\n\r\n\r\n isCustomerUser = GlobalService.GetCurrentUser().CustomerIds.length > 0 ? true : false;\r\n\r\n if (saveFrom == 'CalculateCharges') {\r\n this.setState({ sharedRecalculateGif: true });\r\n }\r\n if (saveFrom == 'CompleteOrder') {\r\n this.setState({ readyToShipGif: true });\r\n }\r\n if (this.$rootScope.ChildBulletin.Data.isCloneOrder) {\r\n this.setState({ saveLoader: true });\r\n let newOrderData = this.prepareFieldsOnSaveInitial();\r\n this.$rootScope.setLoaderTimer('Create Order');\r\n manageOrderServices.cloneOrder(newOrderData, this.state.shareOrderData.OrderId, isCustomerUser).then((response) => {\r\n\r\n // manageOrderServices.setFacility(this.state.sharedSelectedFacilityObj);\r\n // manageOrderServices.setCustomer(this.state.selectedCustomer);\r\n if (response != 'undefined' && response.status == 200) {\r\n this.$rootScope.ChildBulletin.Data.isCloneOrder = false;\r\n var eventItem = new CustomEvent(\"EventNewOrderData\", {\r\n detail: {\r\n \"action\": \"update\",\r\n \"ref\": response.data.ReferenceNum,\r\n \"trans\": response.data.OrderId,\r\n fromWindow: this.windowId,\r\n \"thumbnail\": \"update\"\r\n }\r\n });\r\n document.dispatchEvent(eventItem);\r\n\r\n GlobalService.notification('success', this.translate('Label_Notification_Order_Cloned_Success'));\r\n kendo.ui.progress($('.' + this.state.showInitialLoaderOn), true);\r\n this.setState({ isSaved: true });\r\n\r\n $(\"#\" + this.windowId +'_wnd_title').text(this.translate('Window_Title_Label_EditOrder'));\r\n\r\n manageOrderServices.ManageOrdersEditData(response.data.OrderId, 'GridCustomOrderInfo')\r\n .then((response) => {\r\n\r\n this.setState({ flow: \"edit\" });\r\n manageOrderServices.setManageOrdersData(response);\r\n this.initManageOrdersAllDataAvailable(response);\r\n this.getPrintData(response.Order.CustomerId);\r\n // this.setLineItemsGridDataCount();\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('.' + this.state.showInitialLoaderOn), false);\r\n });\r\n if (saveFrom === 'CalculateCharges') {\r\n this.saveAndAddOrderCharges();\r\n }\r\n\r\n }\r\n }).finally(() => {\r\n this.setState({ saveLoader: false });\r\n });\r\n } else if (this.state.isSaved) {\r\n if (this.masterValidation('After', 'save')) {\r\n this.setState({ saveLoader: true });\r\n let newOrderData = this.prepareFieldsOnSave();\r\n manageOrderServices.updateOrder(this.state.oldOrderData, newOrderData).then((response) => {\r\n\r\n this.setState({ saveLoader: false });\r\n if (response != 'undefined' && response.status == 200) {\r\n\r\n GlobalService.notification('success', this.translate('Label_Notification_Order_Success'));\r\n let Unit1Identifier = response.data.Unit1Identifier;\r\n let Unit2Identifier = response.data.Unit2Identifier;\r\n let orderRoutingInfo;\r\n\r\n if (response.data.Unit1Identifier != null) {\r\n Unit1Identifier = { 'Name': response.data.Unit1Identifier.Name };\r\n }\r\n if (response.data.Unit2Identifier != null) {\r\n Unit2Identifier = { 'Name': response.data.Unit2Identifier.Name };\r\n }\r\n if(response.data.RoutingInfo != null){\r\n orderRoutingInfo = response.data.RoutingInfo;\r\n orderRoutingInfo.Mode = this.getCarrierServices(this.state.sharedOptions.Carriers, response.data.RoutingInfo);\r\n }\r\n\r\n this.setState({\r\n shareOrderData: Object.assign(\r\n {},\r\n this.state.shareOrderData,\r\n {\r\n TotalWeight: response.data.TotalWeight,\r\n TotalVolume: response.data.TotalVolume,\r\n NumUnits1: response.data.NumUnits1,\r\n NumUnits2: response.data.NumUnits2,\r\n Unit1Identifier: Unit1Identifier,\r\n Unit2Identifier: Unit2Identifier,\r\n RoutingInfo: orderRoutingInfo,\r\n ShipTo:response.data.ShipTo,\r\n BillTo:response.data.BillTo,\r\n SoldTo:response.data.SoldTo\r\n }\r\n ),\r\n showDiscard: false,\r\n oldOrderData: response.data\r\n });\r\n // this.setLineItemsGridDataCount();\r\n this.clearManuallyAddedFlag();\r\n\r\n this.originalShipToContact = Object.assign({},response.data.ShipTo);\r\n this.originalBillToContact = Object.assign({},response.data.BillTo);\r\n this.originalSoldToContact = Object.assign({},response.data.SoldTo);\r\n\r\n //EventNewOrderData for reload find order grid\r\n this.orderGridRead();\r\n\r\n this.setState({\r\n showRemainForm: true\r\n }); // if are save is successful we will show the rest of the order information\r\n\r\n // change title of open tab\r\n $(\"#\" + this.windowId +'_wnd_title').text(this.translate('Window_Title_Label_EditOrder'));\r\n\r\n // we want to recalculate charge after save order when click on calculate charge\r\n if (saveFrom === null) {\r\n let billingChargesData = [];\r\n response.data.BillingCharges?.forEach((element, key) => {\r\n billingChargesData.push({\r\n \"Action\": \"a\",\r\n \"ChargeOrigin\": element.ChargeOrigin,\r\n \"ChargeLabel\": element.ChargeLabel,\r\n \"ChargeTypeId\": element.ChargeTypeId,\r\n \"ChargeTypeDescription\": element.ChargeTypeDescription,\r\n \"UnitDescription\": element.UnitDescription,\r\n \"ChargePerUnit\": element.ChargePerUnit,\r\n \"NumberOfUnits\": element.NumberOfUnits,\r\n \"TotalCharges\": element.TotalCharges,\r\n \"GeneralLedgerAccount\": element.GeneralLedgerAccount,\r\n \"ExternalAccountsReceivable\": element.ExternalAccountsReceivable,\r\n \"ExternalItemIdentifier\": element.ExternalItemIdentifier,\r\n \"ExternalItemDescription\": element.ExternalItemDescription,\r\n \"SKU\": element.SKU,\r\n \"Notes\": element.Notes,\r\n \"UnsavedManualCharge\": false,\r\n \"SystemGenerated\": element.SystemGenerated\r\n });\r\n\r\n });\r\n this.setState({\r\n sharedOptions: Object.assign(\r\n {},\r\n this.state.sharedOptions,\r\n {\r\n BillingCharges: billingChargesData\r\n }\r\n )\r\n });\r\n }\r\n else {\r\n if (saveFrom === 'CalculateCharges') {\r\n this.saveAndAddOrderCharges();\r\n }\r\n if (saveFrom === 'FromAreYouSureModal') {\r\n this.onDiscardAndExit();\r\n }\r\n if (saveFrom === 'CompleteOrder') {\r\n this.saveAndFinalizeOrderClicked();\r\n }\r\n }\r\n }\r\n }).finally(() => {\r\n this.setState({ saveLoader: false });\r\n });\r\n\r\n }\r\n } else {\r\n\r\n if (this.masterValidation('Initial', 'save')) {\r\n this.setState({ saveLoader: true });\r\n let newOrderData = this.prepareFieldsOnSaveInitial();\r\n this.$rootScope.setLoaderTimer('Create Order');\r\n manageOrderServices.saveOrder(newOrderData, isCustomerUser).then((response) => {\r\n\r\n // manageOrderServices.setFacility(this.state.sharedSelectedFacilityObj);\r\n // manageOrderServices.setCustomer(this.state.selectedCustomer);\r\n\r\n if (response != 'undefined' && response.status == 200) {\r\n\r\n var eventItem = new CustomEvent(\"EventNewOrderData\", {\r\n detail: {\r\n \"action\": \"update\",\r\n \"ref\": response.data.ReferenceNum,\r\n \"trans\": response.data.OrderId,\r\n fromWindow: this.windowId,\r\n \"thumbnail\": \"update\"\r\n }\r\n });\r\n document.dispatchEvent(eventItem);\r\n // this.$rootScope.$emit('ReactEventNewOrderData', {\r\n // \"action\": \"update\",\r\n // \"ref\": response.data.ReferenceNum,\r\n // \"trans\": response.data.OrderId,\r\n // fromWindow: this.windowId,\r\n // \"thumbnail\": \"update\"\r\n // }); // Some order data has been saved so we need to emit, we pass other data in case it is needed, in this case we need to update the thumbnail\r\n\r\n GlobalService.notification('success', this.translate('Label_Notification_Order_Create_Success'));\r\n kendo.ui.progress($('.' + this.state.showInitialLoaderOn), true);\r\n this.setState({ isSaved: true });\r\n\r\n $(\"#\" + this.windowId +'_wnd_title').text(this.translate('Window_Title_Label_EditOrder'));\r\n\r\n manageOrderServices.ManageOrdersEditData(response.data.OrderId, 'GridCustomOrderInfo')\r\n .then((response) => {\r\n\r\n this.setState({ flow: \"edit\" });\r\n manageOrderServices.setManageOrdersData(response);\r\n this.initManageOrdersAllDataAvailable(response);\r\n this.getPrintData(response.Order.CustomerId);\r\n // this.setLineItemsGridDataCount();\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('.' + this.state.showInitialLoaderOn), false);\r\n });\r\n if (saveFrom === 'CalculateCharges') {\r\n this.saveAndAddOrderCharges();\r\n }\r\n\r\n }\r\n }).finally(() => {\r\n this.setState({ saveLoader: false });\r\n });\r\n }\r\n }\r\n }\r\n\r\n initManageOrdersAllDataAvailable = (data) => {\r\n\r\n // var arr = ['ShipTo', 'BillTo', 'SoldTo'];\r\n // arr.forEach(element => {\r\n // if (data.Order[element] !== undefined) {\r\n // if (data.Order[element].Country == null || data.Order[element].Country == '') {\r\n // data.Order[element] = Object.assign(\r\n // data.Order[element],\r\n // {\r\n // Country: 'US'\r\n // }\r\n // );\r\n // }\r\n // }\r\n // });\r\n\r\n var flexFields = this.state.selectedCustomer.options.flexFields;\r\n this.originalShipToContact =Object.assign({},data.Order.ShipTo);\r\n this.originalBillToContact =Object.assign({},data.Order.BillTo);\r\n this.originalSoldToContact =Object.assign({},data.Order.SoldTo);\r\n\r\n var customerOrderRequired, defaultValue;\r\n for (var i = 0; i < data.OrderSE.length; i++) {\r\n if (data.OrderSE[i].Required) {\r\n customerOrderRequired = data.OrderSE[i].Required;\r\n defaultValue = data.OrderSE[i].Value;\r\n }\r\n }\r\n\r\n let billingCharges = ObjectWms.removeObjFromListOnParameterValue(data.BillingCharges == null ? [] : data.BillingCharges, \"SystemGenerated\", true);\r\n data.BillingCharges = billingCharges;\r\n data.ThreePlSettings = GlobalService.getTplSettings();\r\n if(data.Order.FulfillInv){\r\n data.Order.FulfillInv.FulfillInvTax = data.Order.FulfillInv.FulfillInvTax ? data.Order.FulfillInv.FulfillInvTax.toFixed(2) : '0.00';\r\n data.Order.FulfillInv.FulfillInvShippingAndHandling = data.Order.FulfillInv.FulfillInvShippingAndHandling ? data.Order.FulfillInv.FulfillInvShippingAndHandling.toFixed(2) : '0.00';\r\n data.Order.FulfillInv.FulfillInvDiscountAmount = data.Order.FulfillInv.FulfillInvDiscountAmount ? data.Order.FulfillInv.FulfillInvDiscountAmount.toFixed(2) : '0.00';\r\n }\r\n\r\n let tmpShipEngineCarrierResponse = data.Carriers.Carriers;\r\n tmpShipEngineCarrierResponse = tmpShipEngineCarrierResponse.filter((obj) => {\r\n return obj.Carrier != \"Buku\" && obj.Carrier != \"PitneyBowesExp\";\r\n });\r\n if (!this.isEnableProvider) {\r\n tmpShipEngineCarrierResponse = tmpShipEngineCarrierResponse.filter((obj) => {\r\n return obj.Carrier != \"PitneyBowesStd\";\r\n });\r\n }\r\n data.Carriers.Carriers = tmpShipEngineCarrierResponse;\r\n var shipAndCloseAndCompleteBtnDisableFlag = this.checkShipAndCloseDisabled(data.Order);\r\n\r\n data.Order.RoutingInfo.Mode = this.getCarrierServices(data.Carriers, data.Order.RoutingInfo);\r\n let tmpShowRemainForm = true;\r\n if (this.$rootScope.ChildBulletin.Data.isCloneOrder) {\r\n // Exclude Reference number\r\n data.Order.ReferenceNum = \"\";\r\n\r\n // Exclude Carrier > Tracking number\r\n data.Order.RoutingInfo.TrackingNumber = \"\"\r\n\r\n // Exclude From Routing tab\r\n data.Order.RoutingInfo.LoadNumber = \"\" // Load Number\r\n\r\n data.Order.RoutingInfo.BillOfLading = \"\" // Bill of Lading number\r\n\r\n data.Order.RoutingInfo.TrailerNumber = \"\" // Trailer Number\r\n\r\n data.Order.RoutingInfo.SealNumber = \"\" // Seal number\r\n\r\n data.Order.RoutingInfo.DoorNumber = \"\" // Door\r\n\r\n data.Order.RoutingInfo.CapacityTypeIdentifier = \"\" // Capacity Type\r\n\r\n data.Order.RoutingInfo.PickupDate = \"\" // Pickup date\r\n\r\n data.BillingCharges = [];\r\n\r\n data.OrderSE = [];\r\n tmpShowRemainForm = false;\r\n }\r\n this.setState({\r\n showCustomerSavedElements: flexFields,\r\n oldOrderData: data.Order,\r\n shareOrderData: data.Order,\r\n sharedOptions: data,\r\n isEmptycustomerOrderInfo: (customerOrderRequired && defaultValue == null) ? true : false,\r\n customerOrderRequired: customerOrderRequired,\r\n defaultValue: defaultValue,\r\n showRemainForm: tmpShowRemainForm,\r\n showDiscard: false,\r\n isShipAndCloseDisable: shipAndCloseAndCompleteBtnDisableFlag.isShipAndCloseDisable,\r\n isMarkAsCompleteDisable: shipAndCloseAndCompleteBtnDisableFlag.isMarkAsCompleteDisable\r\n });\r\n // this.orderGridRead();\r\n // update tab refs state\r\n var sectionRefs = this.state.sectionRefs;\r\n sectionRefs.forEach((elem) => {\r\n if(elem.section == \"collapse4\") {\r\n elem.isTabShow = (flexFields == true) ? true : false;\r\n }\r\n });\r\n this.setState({\r\n sectionRefs: sectionRefs\r\n });\r\n };\r\n\r\n getCarrierServices = (carriers, routingInfo) => {\r\n let shipmentServices = [];\r\n let optionsShipmentServices = [];\r\n let carrier = routingInfo.Carrier;\r\n let tempObject = carriers.Carriers.filter(function (el) {\r\n return el.Carrier === carrier;\r\n })[0];\r\n if (typeof tempObject != 'undefined' && tempObject.hasOwnProperty('ShipmentServices')) {\r\n optionsShipmentServices = tempObject['ShipmentServices'];\r\n } else {\r\n optionsShipmentServices = carriers.DefaultShipmentServices;\r\n }\r\n shipmentServices = GlobalService.hideDeactivatedShipmentServices(carrier, optionsShipmentServices, routingInfo.Mode);\r\n routingInfo.Mode = shipmentServices.valueCode ? shipmentServices.valueCode.Description : routingInfo.Mode;\r\n\r\n return routingInfo.Mode;\r\n }\r\n\r\n orderGridRead = () => {\r\n var eventItem = new CustomEvent(\"EventNewOrderData\", {\r\n detail: { \"action\": \"update\" }\r\n });\r\n document.dispatchEvent(eventItem);\r\n }\r\n\r\n getPrintData = (param_customerId) => {\r\n GlobalService.initialPrintMenu(param_customerId).then((response) => {\r\n if (response) {\r\n this.setState({\r\n InitialPrintMenuResponse: response\r\n }, () => {\r\n this.updateInitialPrintMenu();\r\n });\r\n }\r\n }).finally(() => { });\r\n }\r\n updateInitialPrintMenu = () => {\r\n var params = {\r\n Selector: this.state.selector,\r\n Rights: this.state.Rights,\r\n FullyAllocated: this.state.isFullyAllocated,\r\n EnablePickOption: this.state.isFullyAllocated ? true : this.state.tplSettings.Shipping.PrintOverAllocPickTickets,\r\n TplSettings: this.state.tplSettings,\r\n SameFacility: true,\r\n SameCustomer: true,\r\n SelectedOrders: 1,\r\n fnNames: ['RunBOLReport', 'RunMasterBOLReport', 'RunReportShippingLabels', 'RunReportViewTransaction'],\r\n };\r\n const updatedMenus = DynamicMenu.getInitialPrintMenu(this.state.InitialPrintMenuResponse, params, this.dynamicMenuClick, \"manageOrder\");\r\n this.setState({\r\n MenuPrintData: updatedMenus.PrintData,\r\n });\r\n }\r\n clickOnattachFiles = () => {\r\n var sharedAttachObj = {\r\n 'isOrder': true,\r\n 'uri': this.state.shareOrderData.EditUri,\r\n 'fileSummariesUri': this.state.shareOrderData.FileSummariesUri,\r\n 'getAttachedDocsInfoUrl': '/WebUI/Shipping/Orders/GetAttachedDocsInfo',\r\n 'getAttachedDocsInfoPayload': {\r\n 'orderUri': this.state.shareOrderData.EditUri\r\n },\r\n 'attachdocumentUrl': '/WebUI/Shipping/Orders/AttachDocsToOrder?orderFileSummariesUri=' + this.state.shareOrderData.FileSummariesUri,\r\n 'removeAttachDocUrl': '/WebUI/Shipping/Orders/DeleteAttachedDoc',\r\n 'selectedOrderData': this.state.shareOrderData,\r\n };\r\n this.setState({\r\n sharedAttachObj: sharedAttachObj,\r\n isOpenAttachDoc: true\r\n });\r\n }\r\n clickOnBOL = (e) =>{\r\n this.setState({\r\n isOpenBillOfLadingModel: true\r\n });\r\n }\r\n clickOnsendASN = (e) => {\r\n let scacCodeAvailable = false;\r\n\r\n scacCodeAvailable = (typeof this.state.shareOrderData.RoutingInfo != 'undefined' && this.state.shareOrderData.RoutingInfo.ScacCode != null && this.state.shareOrderData.RoutingInfo.ScacCode != '') ? true : false;\r\n\r\n this.setState({\r\n scacCodeAvailable: scacCodeAvailable,\r\n isOpenSendAsnModel: true\r\n });\r\n }\r\n clickOnpickTicket = () => {\r\n // let selectedCustomer = this.state.sharedCustomerId.concat(this.state.selectedCustomerId);\r\n\r\n this.setState({\r\n isOpenPickTicketModel: true,\r\n pickticketHeight: 475,\r\n pickticketBatchId: null,\r\n sharedCustomerId : [this.state.selectedCustomerId]\r\n });\r\n }\r\n\r\n closePickTicketModel = () => {\r\n this.setState({\r\n isOpenPickTicketModel: false\r\n });\r\n }\r\n\r\n closeAttachDocuments = () => {\r\n this.setState({ isOpenAttachDoc: false });\r\n }\r\n clickOnShippingLabel = () =>{\r\n var shippingLblObj = this.state.InitialPrintMenuResponse.filter((el) => {\r\n if(el['RdlName'] == 'ShippingLabel'){\r\n return el;\r\n }\r\n })[0];\r\n this.setState({\r\n isOpenShippingLabelModel:true,\r\n sharedShippingLabelOption:shippingLblObj\r\n });\r\n }\r\n onCloseShippingLabelModel = () => {\r\n this.setState({ isOpenShippingLabelModel: false });\r\n }\r\n\r\n clickOnRunBOLReport = (e) => {\r\n this.dynamicServiceForDynamicMenu(e, 'RunBOLReport');\r\n }\r\n clickOnRunMasterBOLReport = (e) => {\r\n this.dynamicServiceForDynamicMenu(e, 'RunMasterBOLReport');\r\n }\r\n clickOnRunReportViewTransaction = (e) => {\r\n this.dynamicServiceForDynamicMenu(e, 'RunReportViewTransaction');\r\n }\r\n clickOnEditBol = (e) =>{\r\n\r\n findOrdersService.getBOLTemplates(this.state.selectedCustomerId).then((response) => {\r\n if (response && response.status == 200) {\r\n // response.data = [\r\n // {\r\n // \"Name\": \"Template1\",\r\n // \"BolTemplateId\": 1\r\n // },\r\n // {\r\n // \"Name\": \"Template2\",\r\n // \"BolTemplateId\": 2\r\n // }];\r\n if(response.data.length >= 1){\r\n let bolTemplates = response.data;\r\n bolTemplates.push({\r\n \"Name\": \"Default\",\r\n \"BolTemplateId\": 0\r\n });\r\n this.setState({\r\n isOpenEditBolTemplateUI:true,\r\n bolTemplateOptions:bolTemplates\r\n });\r\n } else {\r\n let templateId = 0;\r\n if(response.data.length == 1){\r\n templateId = response.data[0].BolTemplateId;\r\n }\r\n this.openEditBolClassicPage(templateId);\r\n }\r\n }\r\n }).finally(() => {\r\n });\r\n }\r\n onCloseEditBolOptionsModel = () =>{\r\n this.setState({\r\n isOpenEditBolTemplateUI:false,\r\n bolTemplateOptions:[]\r\n });\r\n }\r\n openEditBolClassicPage =(param_template_id)=>{\r\n let orderid = this.state.shareOrderData.OrderId;\r\n let customerId = this.state.selectedCustomerId;\r\n this.$rootScope.OpenWindow({\r\n url: '\r\n
\r\n \r\n \r\n
\r\n {this.state.iframeMethod && this.state.iframeMethod === \"GET\" && (\r\n \r\n )}\r\n {this.state.iframeDoc && this.state.iframeMethod && this.state.iframeMethod !== \"GET\" && (\r\n \r\n )}\r\n ';\r\n for (var i = 0; i < requiredErrorArray.length; i++) {\r\n finalString += requiredErrorArray[i].Field + '
';\r\n }\r\n }\r\n\r\n if (invalidErrorArray.length > 0) {\r\n finalString += '' + InvalidValidationText + ':' + '
';\r\n for (var index = 0; index < invalidErrorArray.length; index++) {\r\n finalString += invalidErrorArray[index].Field + '
';\r\n }\r\n }\r\n GlobalService.notification('validation', finalString);\r\n\r\n }\r\n // start code for advance contact look up modal which used in conatct detail section\r\n onOpenAdvanceLookupModal = (param_contact_type) => {\r\n this.setState({\r\n sharedContactType: param_contact_type,\r\n sharedIsAdvanceContactModal: true\r\n });\r\n }\r\n onCloseLookUpModal = () => {\r\n this.setState({ sharedIsAdvanceContactModal: false });\r\n }\r\n\r\n onContactSelect = (param_contobj) => {\r\n this.onCloseLookUpModal();\r\n let propsOrderObj = Object.assign({},this.state.shareOrderData);\r\n propsOrderObj[param_contobj.contactType] = param_contobj.selectedContact;\r\n this.onRegisterContactSet(param_contobj.selectedContact,param_contobj.contactType);\r\n this.onOrderDataSet(propsOrderObj);\r\n }\r\n // End code for advance contact look up modal which used in conatct detail section\r\n\r\n // Start Code For create manual charge modal which used in ManageOrdersCalculateCharges section\r\n\r\n onOpenCreateManualChargeModal = (paran_modal_data) => {\r\n this.setState({\r\n manualChargeOptions: paran_modal_data.chargesOptions,\r\n isOpenManualChargeModal: true\r\n });\r\n }\r\n\r\n onCloseCreateManualChargeModal = () => {\r\n this.setState({\r\n isOpenManualChargeModal: false\r\n });\r\n }\r\n\r\n\r\n addOrderChargesGrid = (data) => {\r\n let billingChargesData = this.state.sharedOptions.BillingCharges == null ? [] : this.state.sharedOptions.BillingCharges;\r\n\r\n var ManualCharge = {\r\n \"Action\": \"a\",\r\n \"ChargeOrigin\": 2,\r\n \"ChargeLabel\": data.ChargeLabel,\r\n \"ChargeTypeId\": data.ChargeTypeId,\r\n \"ChargeTypeDescription\": data.ChargeType,\r\n \"UnitDescription\": data.Description,\r\n \"ChargePerUnit\": data.ChargePerUnit,\r\n \"NumberOfUnits\": data.NumberOfUnits,\r\n \"TotalCharges\": data.TotalCharges,\r\n \"GeneralLedgerAccount\": data.GeneralLedgerAccount,\r\n \"ExternalAccountsReceivable\": data.ExternalAccountsReceivable,\r\n \"ExternalItemIdentifier\": data.ExternalItemIdentifier,\r\n \"ExternalItemDescription\": data.ExternalItemDescription,\r\n \"SKU\": \"\",\r\n \"Notes\": \"\",\r\n \"UnsavedManualCharge\": true,\r\n \"SystemGenerated\": false\r\n };\r\n\r\n billingChargesData.push(ManualCharge);\r\n billingChargesData = ObjectWms.removeObjFromListOnParameterValue(billingChargesData, \"SystemGenerated\", true);\r\n\r\n this.setState({\r\n sharedOptions: Object.assign(\r\n {},\r\n this.state.sharedOptions,\r\n {\r\n BillingCharges: billingChargesData\r\n }\r\n ),\r\n showDiscard: true\r\n });\r\n\r\n }\r\n saveAndAddOrderCharges = () => {\r\n\r\n manageOrderServices.recalculateOrderCharges(this.state.shareOrderData.OrderId).then((response) => {\r\n if (response) {\r\n if (response.status == 200) {\r\n GlobalService.notification('success', this.translate('Label_Success_recalculateCharges'));\r\n\r\n // if ($scope.CreateOrderClicked == true) {\r\n // $scope.Nav.Notifications(\"success\", {\r\n // title: 'Success',\r\n // message: $scope.Label_Success_AddAutoCharges,\r\n // detail: ''\r\n // });\r\n // $scope.CreateOrderClicked = false;\r\n // } else {\r\n // $scope.Nav.Notifications(\"success\", {\r\n // title: 'Success',\r\n // message: $filter('translate')('Label_Success_recalculateCharges'),\r\n // detail: ''\r\n // });\r\n // }\r\n // $scope.ManageOrders.$setPristine();\r\n let billingChargesData = [];\r\n response.data.forEach((element, key) => {\r\n billingChargesData.push({\r\n \"Action\": \"a\",\r\n \"ChargeOrigin\": element.ChargeOrigin,\r\n \"ChargeLabel\": element.ChargeLabel,\r\n \"ChargeTypeId\": element.ChargeTypeId,\r\n \"ChargeTypeDescription\": element.ChargeTypeDescription,\r\n \"UnitDescription\": element.UnitDescription,\r\n \"ChargePerUnit\": element.ChargePerUnit,\r\n \"NumberOfUnits\": element.NumberOfUnits,\r\n \"TotalCharges\": element.TotalCharges,\r\n \"GeneralLedgerAccount\": element.GeneralLedgerAccount,\r\n \"ExternalAccountsReceivable\": element.ExternalAccountsReceivable,\r\n \"ExternalItemIdentifier\": element.ExternalItemIdentifier,\r\n \"ExternalItemDescription\": element.ExternalItemDescription,\r\n \"SKU\": element.SKU,\r\n \"Notes\": element.Notes,\r\n \"UnsavedManualCharge\": false,\r\n \"SystemGenerated\": element.SystemGenerated\r\n });\r\n\r\n });\r\n this.setState({\r\n sharedOptions: Object.assign(\r\n {},\r\n this.state.sharedOptions,\r\n {\r\n BillingCharges: billingChargesData\r\n }\r\n )\r\n });\r\n }\r\n }\r\n this.setState({ sharedRecalculateGif: false });\r\n }).finally(() => {\r\n this.setState({ sharedRecalculateGif: false });\r\n });\r\n }\r\n // End Code For create manual charge modal which used in ManageOrdersCalculateCharges section\r\n\r\n // Start code for custom order info modal which is used in ManageOrdersCustomOrderInfo\r\n onOpenModalAddCustomField = () => {\r\n this.setState({ sharedIsOpenAddCustomFieldModal: true });\r\n }\r\n\r\n onCloseAddCustomField = () => {\r\n this.setState({ sharedIsOpenAddCustomFieldModal: false });\r\n }\r\n // End code for custom order info modal which is used in ManageOrdersCustomOrderInfo\r\n\r\n // Start code for manage allocation modal which is used in ManageOrdersLineItem\r\n onOpenManageAllocationModal = (param_obj) => {\r\n this.setState({\r\n sharedIsOpenManageAllocation: param_obj.isModalOpen,\r\n sharedEditAllocationData: param_obj.modalSharedData\r\n });\r\n }\r\n onOpenProtoMassAddModal = (param_obj) => {\r\n this.setState({\r\n sharedIsOpenProtoMassAdd: param_obj.isModalOpen,\r\n sharedEditAllocationData: param_obj.modalSharedData\r\n });\r\n }\r\n onCloseProtoMassAdd = () => {\r\n this.setState({\r\n sharedIsOpenProtoMassAdd: false\r\n });\r\n }\r\n onCloseManageAllocationModal = () => {\r\n this.setState({ sharedIsOpenManageAllocation: false });\r\n }\r\n resetGridAndSelection = () => {\r\n this.setState({\r\n sharedIsResetLineItemGrid: !this.state.sharedIsResetLineItemGrid,\r\n });\r\n }\r\n // End code for manage allocation modal which is used in ManageOrdersLineItem\r\n\r\n //Start code for add line item model which is used in ManageOrdersLineItem\r\n\r\n onOpenAddEditLineItemModal = (param_obj) => (e) => {\r\n this.setState({\r\n sharedSelectedItemObj:param_obj,\r\n sharedIsOpenAddLineItem: true\r\n });\r\n }\r\n\r\n onCloseAddEditLineItemModal = () => {\r\n this.setState({ sharedIsOpenAddLineItem: false });\r\n }\r\n //End code for add line item model which is used in ManageOrdersLineItem\r\n handleKeyPress = (e) => {\r\n if (e.key === 'Enter') {\r\n this.saveOrderClicked();\r\n }\r\n }\r\n\r\n onClickExitForm = () => {\r\n GlobalService.closeWindow(this.windowId);\r\n }\r\n\r\n onDocumentMouseEnter = (text) => {\r\n this.setState({\r\n disabledText: text\r\n });\r\n }\r\n\r\n onDocumentMouseLeave = () => {\r\n this.setState({\r\n disabledText: \"\"\r\n });\r\n }\r\n // click on cancel button of bill of landing model\r\n onCloseBillOfLadingModel = () => {\r\n this.setState({\r\n isOpenBillOfLadingModel: false\r\n });\r\n }\r\n onRegisterContactSet = (contact_obj,contact_type) => {\r\n if(contact_type == 'ShipTo'){\r\n this.originalShipToContact = contact_obj;\r\n }else if(contact_type == 'BillTo'){\r\n this.originalBillToContact = contact_obj;\r\n }else if(contact_type == 'SoldTo'){\r\n this.originalSoldToContact = contact_obj;\r\n }\r\n }\r\n onSaveAndExit = () => {\r\n this.saveOrderClicked(\"FromAreYouSureModal\");\r\n }\r\n onDiscardAndExit = () => {\r\n this.setState({\r\n isOpenConfirmModel:false\r\n });\r\n setTimeout(() => {\r\n this.$rootScope.dirtyWindow[this.windowId] = false;\r\n this.onClickExitForm();\r\n // remove event listner on close window\r\n var eventName = \"onDirtyWindowCloseOrderPrototype\" + this.windowId;\r\n document.removeEventListener(eventName, this.openConfirmModal);\r\n }, 100);\r\n\r\n }\r\n onCloseFunc = () => {\r\n this.setState({\r\n isOpenConfirmModel:false\r\n });\r\n }\r\n onGridItemChange = () => {\r\n this.setState({\r\n isLineItemChanges : true\r\n });\r\n }\r\n trimRefNo = (e) => {\r\n let val = e.target.value;\r\n this.setState({\r\n shareOrderData: Object.assign(\r\n {}, this.state.shareOrderData,\r\n { ReferenceNum: val.trim() }\r\n )\r\n });\r\n }\r\n render() {\r\n if(this.windowId){\r\n this.$rootScope.dirtyWindow[this.windowId] = this.state.showDiscard;\r\n }\r\n var currentCustomerId = this.state.selectedCustomerId;\r\n let sharedDataObjCopy = _.cloneDeep(this.state.shareOrderData);\r\n\r\n return (\r\n
\r\n\r\n
\r\n );\r\n }\r\n}\r\n","import { StringWms } from '../../../assets/ts/StringWms.ts';\r\n\r\nexport const getGridDemoColumns = () => {\r\n let translate = window.translate;\r\n let importOrdersHeaders = StringWms.convertSringToOption(translate('Orders_ImportOrders_Management_Headers'));\r\n return ({\r\n\r\n columns: [{\r\n field: 'ReferenceNum',\r\n title: importOrdersHeaders[0].description,\r\n width: 180,\r\n lockable: false, \r\n },\r\n {\r\n field: 'TotalItems',\r\n title: importOrdersHeaders[1].description,\r\n width: 180,\r\n lockable: false, \r\n },\r\n {\r\n field: 'Destination',\r\n title: importOrdersHeaders[2].description,\r\n width: 180,\r\n lockable: false, \r\n },\r\n {\r\n field: 'PoNum',\r\n title: importOrdersHeaders[3].description,\r\n width: 180,\r\n lockable: false, \r\n },\r\n {\r\n field: 'TotalLines',\r\n title: importOrdersHeaders[4].description,\r\n width: 180,\r\n lockable: false, \r\n },\r\n {\r\n field: 'FullyAllocated',\r\n title: importOrdersHeaders[5].description,\r\n width: 180,\r\n lockable: false,\r\n sortable: true,\r\n template: \"# if(FullyAllocated === true){# \"+ translate('Label_Yes') +\" #} else{# \"+ translate('Label_No') +\" #} #\",\r\n }]\r\n })\r\n}\r\n\r\n\r\nexport const getGridDemoSchema = () => {\r\n\r\n return ({\r\n schema: {\r\n model: {\r\n fields: {\r\n ReferenceNum: {\r\n type: \"string\"\r\n },\r\n TotalItems: {\r\n type: \"number\"\r\n },\r\n Destination: {\r\n type: \"string\"\r\n },\r\n PoNum: {\r\n type: \"string\"\r\n },\r\n TotalLines: {\r\n type: \"number\"\r\n }\r\n }\r\n }\r\n },\r\n })\r\n}\r\n","\r\nimport React from 'react';\r\nimport WmsButton from './../components/WmsButton/WmsButton.jsx';\r\nimport WmsRadio from './../components/WmsRadio/WmsRadio.tsx';\r\nimport WmsFormGrid from './../components/WmsFormGrid/WmsFormGrid.jsx';\r\nimport WmsContainer from './../components/WmsContainer/WmsContainer.jsx';\r\n\r\nimport * as GlobalService from './../global_services';\r\nimport * as GridConfig from './grid_configuration.jsx';\r\n\r\nimport style from './import-orders.scss';\r\n\r\nexport class ImportOrdersGrid extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n columns: GridConfig.getGridDemoColumns().columns,\r\n schema: GridConfig.getGridDemoSchema().schema,\r\n onErrorRadio: 0,\r\n whatToImportRadio: 0,\r\n useDefaultPreferences: false,\r\n showPreferencesSection: false,\r\n selector:'ImportOrder'\r\n }\r\n\r\n }\r\n\r\n componentDidMount() {\r\n this.setDefaultsPreferences(this.props.sharedFetchCustomerInfo);\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (this.props.sharedFetchCustomerInfo != nextProps.sharedFetchCustomerInfo) {\r\n this.setDefaultsPreferences(nextProps.sharedFetchCustomerInfo);\r\n }\r\n }\r\n\r\n // handleChkChange = (event) => {\r\n // this.setState({ [event.target.name]: this.state[event.target.name] == 0 ? 1 : 0 });\r\n // }\r\n\r\n setDefaultsPreferences = (param_customerInfo) => {\r\n if (param_customerInfo == null) { return }\r\n let preferences = param_customerInfo.Preferences;\r\n //Setting the defaults for the radios and the default preferences at once\r\n this.setState({\r\n onErrorRadio: preferences.OnError.toString(),\r\n whatToImportRadio: preferences.Criteria.toString(),\r\n useDefaultPreferences: false,\r\n showPreferencesSection: preferences.Workflow === 1 ? true : false\r\n });\r\n }\r\n\r\n importOrder = (param_btnID) => {\r\n\r\n // showing moving icon animation\r\n let targetElement = $(\"#\" + param_btnID);\r\n this.$rootScope.animationMoveIcon(targetElement);\r\n\r\n var data = {\r\n customer_id: this.props.sharedSelectedCustomerId,\r\n preferences: this.props.sharedFetchCustomerInfo.Preferences,\r\n ShowPreferencesSection: this.state.showPreferencesSection,\r\n WhatToImportRadio: this.state.whatToImportRadio,\r\n OnErrorRadio: this.state.onErrorRadio,\r\n uploadFile: this.props.sharedFileUploadData.fileread,\r\n uploadFileType: this.props.sharedFileUploadData.fileType,\r\n SelectedFile: this.props.sharedFileUploadData.fileName,\r\n facilityId: this.props.sharedSelectedFacilityId\r\n }\r\n this.$rootScope.taskStarted();\r\n // this.$rootScope.$broadcast(\"importParseOrder\", data);\r\n /** Code for react progress component*/\r\n data.type = \"importOrder\";\r\n var event = new CustomEvent(\"showProgressModal\", {\r\n detail: data\r\n });\r\n document.dispatchEvent(event);\r\n // this.$rootScope.$broadcast(\"importParseOrder\", data);\r\n setTimeout(() => { this.clickExit(); }, 200);\r\n }\r\n\r\n clickExit = (e) => {\r\n GlobalService.closeWindow(this.props.windowId);\r\n };\r\n\r\n render() {\r\n\r\n return (\r\n \r\n this.orderGridRead({ \"action\": \"update\" })}\r\n onClose={this.closeSendAsnModel}\r\n />\r\n )}\r\n {this.state.isOpenPickTicketModel && (\r\n \r\n )}\r\n {this.state.isOpenBillOfLadingModel && (\r\n
\r\n \r\n
\r\n\r\n {this.state.showRemainForm == true && (\r\n \r\n {this.state.disabledText != \"\" && (\r\n \r\n )}\r\n
\r\n \r\n {this.state.showRemainForm == true && (\r\n \r\n )}\r\n\r\n \r\n
\r\n \r\n this.saveOrderClicked('CompleteOrder')}\r\n icon={'far fa-check-square'}\r\n buttonType=\"yellow\"\r\n disabled={(\r\n GlobalService.GetCurrentUser().CustomerIds.length > 0 && this.state.isMarkAsCompleteDisable\r\n )}\r\n showToolTip={true}\r\n tooltipText={ (\r\n GlobalService.GetCurrentUser().CustomerIds.length > 0 && this.state.isMarkAsCompleteDisable\r\n ) ? this.translate('Label_shipping_required_Mark_As_Complete') : ''}\r\n loading={this.state.readyToShipGif} />\r\n }\r\n {this.state.showRemainForm == true && (this.state.Rights.hasOwnProperty('orders.confirm')) &&\r\n this.saveOrderClicked()}\r\n showToolTip={true}\r\n tooltipText={\r\n this.state.isCustomerUserAndOrderComplete ?\r\n this.translate('note_cant_save_customer_user') :\r\n (\r\n !this.state.showDiscard ?\r\n this.translate('Tooltip_Save_Disabled') :\r\n this.translate('Tooltip_Required_Fields')\r\n )\r\n }\r\n disabled={this.state.selectedCustomerId == \"\" || this.state.selectedFacility == '' || this.state.shareOrderData.ReferenceNum == '' || this.state.saveLoader || this.state.isCustomerUserAndOrderComplete || !this.state.showDiscard}\r\n loading={this.state.saveLoader}\r\n icon='fa-solid fa-floppy-disk' />\r\n {( this.state.Rights.hasOwnProperty('orders.docs') ||\r\n ( this.state.Rights.hasOwnProperty('orders.attachdocs') && this.state.Rights.hasOwnProperty('Shipping.AttachedDocsEnabled') )\r\n ) && this.state.MenuPrintData.length > 0 && this.state.showRemainForm == true && (\r\n \r\n
\r\n\r\n \r\n {this.$rootScope.ChildBulletin.Data.isCloneOrder ? (\r\n { }}\r\n label={this.state.customLabels.Label_Customer}\r\n disabled={true}\r\n extraWrapperClass=\"customer-options\"/>\r\n ) : (\r\n { }}\r\n label={this.state.customLabels.Label_Warehouse}\r\n disabled={true}\r\n extraWrapperClass=\"facility-options\" />\r\n ) : (\r\n this.handleChangeForObject('ReferenceNum', e)}\r\n label={this.translate('Orders_Lbl_Reference_Num')}\r\n regularExp={/^[^.\\s]/}\r\n extraWrapperClass=\"reference-number-input\"\r\n showToolTip={true}\r\n onBlurFunc={ this.trimRefNo}\r\n tooltipText={this.translate('Orders_Lbl_Reference_Num_tooltip')} />\r\n\r\n {this.state.isSaved &&\r\n function () { }}\r\n label={this.translate('Orders_Lbl_Transaction_Id')}\r\n extraWrapperClass=\"transaction-input\"/>\r\n }\r\n {this.state.isSaved && currentCustomerId > 0 && (\r\n this.handleChangeForObject('PoNum', e)}\r\n textField='Name'\r\n valueField='Name'\r\n virtualObj={{\r\n itemHeight: 26,\r\n valueMapper: function (options) {\r\n var that = options;\r\n $.ajax({\r\n url: \"/WebUI/Shipping/Orders/PurchaseOrderDropdownIndexRead\",\r\n type: \"POST\",\r\n dataType: \"json\",\r\n data: {\r\n poNum: that.value || \"\",\r\n customerId: parseInt(currentCustomerId)\r\n },\r\n success: function (data) {\r\n options.success(data);\r\n }\r\n });\r\n }\r\n }}\r\n dataSourceObj={{\r\n pageSize: 40,\r\n serverPaging: true,\r\n serverFiltering: true,\r\n type: \"aspnetmvc-ajax\",\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Shipping/Orders/PurchaseOrderDropdownRead\",\r\n type: \"POST\",\r\n data: {\r\n customerId: parseInt(currentCustomerId)\r\n }\r\n },\r\n },\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\"\r\n }\r\n }}\r\n parentClassName=\"purchase-order-option\" />\r\n )}\r\n {this.state.isSaved &&\r\n this.handleChangeForObject('EarliestShipDate', e)}\r\n value={this.state.shareOrderData.EarliestShipDate}\r\n isDateParseInCustomFormat={true}\r\n windowId={this.windowId}\r\n defaultTime={'12:00:00'}\r\n />\r\n }\r\n {this.state.isSaved &&\r\n this.handleChangeForObject('ShipCancelDate', e)}\r\n value={this.state.shareOrderData.ShipCancelDate}\r\n isDateParseInCustomFormat={true}\r\n windowId={this.windowId}\r\n defaultTime={'12:00:00'}\r\n />\r\n }\r\n
\r\n \r\n\r\n \r\n this.saveOrderClicked('CalculateCharges')}\r\n sharedRecalculateGif={this.state.sharedRecalculateGif}\r\n onOpenCreateManualChargeModal={this.onOpenCreateManualChargeModal}\r\n onCreateChargeModalOpenToggle={this.onCreateChargeModalOpenToggle}\r\n metaDataList={this.state.metaDataList}\r\n isPrototypeComponent={true}\r\n isCustomerUserAndOrderComplete={this.state.isCustomerUserAndOrderComplete}\r\n />\r\n )}\r\n
\r\n )}\r\n\r\n {this.state.isOpenAttachDoc &&\r\n \r\n
\r\n {/* Manage alloaction modal for order line item section */}\r\n {this.state.sharedIsOpenManageAllocation &&\r\n \r\n \r\n \r\n } */}\r\n\r\n
\r\n )\r\n\r\n }\r\n}","var axios = require('axios');\r\nimport * as GlobalService from './../global_services';\r\n\r\n\r\nexport const getCustomerData = function (uri) {\r\n return axios.post(\"/WebUI/ImportOrders/GetCustomerData\", { customerUri: uri }).then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const parseOrderImportFile = function (custId, facilId, transId, file, fileName) {\r\n\r\n transId = transId || transId === 0 ? '&transformId=' + transId : '&transformId=';\r\n let myUrl = '/WebUI/Shipping/UpdateSession/ParseOrderImportFile?customerId=' + custId + '&facilityId=' + facilId + transId;\r\n return axios.post(myUrl, { content: file, fileName: fileName }).then(function success(response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const removeParsedOrdersFromSession = function () {\r\n axios.post('/WebUI/Shipping/UpdateSession/RemoveParsedOrdersFromSession').then(function success(response) {\r\n });\r\n}\r\n\r\n","\r\nimport React from 'react';\r\n\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\nimport WmsContainer from './../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsFile from './../components/WmsFile/WmsFile.jsx';\r\nimport WmsCheckBox from './../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport { ImportOrdersGrid } from './import-orders-grid.componennt.jsx';\r\n\r\nimport * as GlobalService from './../global_services';\r\nimport * as importOrdersServices from './import-orders.services.jsx';\r\n\r\nimport style from './import-orders.scss';\r\n\r\nexport class importOrdersHolder extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n customLabels: GlobalService.getCustomLabels(),\r\n multipleParseErrorText: this.translate('Label_Multiple_Parsers'),\r\n showManageOrderSection: false,\r\n chkManageImportOrder: false,\r\n showAmbigousParser: false,\r\n sharedFetchCustomerInfo: null,\r\n sharedFileUploadData: null,\r\n manageOrderGridData: [],\r\n sharedGridSummary: {},\r\n otherAmbigParser: [],\r\n facilityOptions: [],\r\n customerOptions: [],\r\n ediAmbigParsers: [],\r\n xmlAmbigParsers: [],\r\n optionsParser: [],\r\n indexOptionsParser: '',\r\n customerIndex: '',\r\n selectedFacility: '',\r\n selectFileName: '',\r\n selectFileSize: '',\r\n onError: '',\r\n criteria: '',\r\n selector:'ImportOrder'\r\n }\r\n\r\n }\r\n\r\n componentDidMount() {\r\n\r\n kendo.ui.progress($('#' + this.state.windowId), true);\r\n\r\n GlobalService.GetCustomersAndFacility().then((response) => {\r\n\r\n this.setState({\r\n facilityOptions: GlobalService.getFacilityList(),\r\n customerOptions: GlobalService.getCustomerList()\r\n });\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#' + this.state.windowId), false);\r\n });\r\n\r\n }\r\n\r\n handleChange = (event) => {\r\n\r\n this.setState({ [event.target.name]: event.target.value });\r\n\r\n if (event.target.name == 'customerIndex' && event.target.value != '') {\r\n\r\n let customerObj = this.state.customerOptions[event.target.value];\r\n let facilityOptions = GlobalService.getFacilityList();\r\n let cusFaciliOptions = [];\r\n\r\n\r\n for (let x = 0; x < customerObj.facilities.length; x++) {\r\n const facility = facilityOptions.find((element) => {\r\n if (element.id == customerObj.facilities[x]) {\r\n return element;\r\n }\r\n });\r\n if(facility) {\r\n cusFaciliOptions.push(\r\n facility\r\n );\r\n }\r\n }\r\n\r\n this.setState({\r\n facilityOptions: cusFaciliOptions,\r\n\t\t\t\tselectedFacility: (typeof customerObj.defaultFacility != 'undefined' && cusFaciliOptions.includes(customerObj.defaultFacility)) ? customerObj.defaultFacility : ''\r\n });\r\n\r\n this.getCustomerInfo(customerObj);\r\n }\r\n }\r\n\r\n changeIndexOptionsParser = (event) => {\r\n if (event.target.value !== '') {\r\n this.continueFileUploading(this.state.sharedFileUploadData);\r\n this.setState({\r\n showAmbigousParser: false,\r\n indexOptionsParser: event.target.value\r\n });\r\n }\r\n }\r\n\r\n getCustomerInfo(param_cusobj) {\r\n\r\n kendo.ui.progress($('#' + this.state.windowId), true);\r\n\r\n importOrdersServices.getCustomerData(param_cusobj.uri).then((response) => {\r\n\r\n if (response != 'undefined' && (response.status == 200 || response.status == 204)) {\r\n this.setState({\r\n onError: response.data.Preferences.OnError,\r\n criteria: response.data.Preferences.Criteria,\r\n ediAmbigParsers: response.data.AmbiguousTransforms.Edi,\r\n xmlAmbigParsers: response.data.AmbiguousTransforms.Xml,\r\n otherAmbigParser: response.data.AmbiguousTransforms.Other,\r\n sharedFetchCustomerInfo: response.data,\r\n });\r\n }\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#' + this.state.windowId), false);\r\n });\r\n }\r\n\r\n handleCheckboxChange = (event) => {\r\n this.setState({ chkManageImportOrder: !this.state.chkManageImportOrder });\r\n }\r\n\r\n handleFileUpload = (fileUploadedData) => {\r\n // check if file is greater than 2MB\r\n if(fileUploadedData.fileSize > 2000000 ) {\r\n var _data = {\r\n \"Source\": 1,\r\n \"ServerName\": \"3PL-QA-APP\",\r\n \"Descriptions\": [\r\n {\r\n \"ErrorClass\": \"Http\",\r\n \"ErrorCode\": \"System\",\r\n \"Descriptors\": [ \"Maximum request length exceeded.\"],\r\n \"Hint\": null\r\n }\r\n ],\r\n \"ErrorClass\": \"Http\",\r\n \"ErrorCode\": \"System\",\r\n \"type\": \"error\"\r\n };\r\n GlobalService.showErrorMessage(_data);\r\n return false;\r\n }\r\n // check if file is 0 size and blank content\r\n if(fileUploadedData.fileSize == 0 || (fileUploadedData.fileread && fileUploadedData.fileread.trim() == '')) {\r\n var _data = {\r\n \"Source\": 1,\r\n \"ServerName\": \"3PL-QA-APP\",\r\n \"Descriptions\": [\r\n {\r\n \"ErrorClass\": \"Http\",\r\n \"ErrorCode\": \"System\",\r\n \"Descriptors\": [ \"Minimum request length exceeded.\"],\r\n \"Hint\": null\r\n }\r\n ],\r\n \"ErrorClass\": \"Http\",\r\n \"ErrorCode\": \"System\",\r\n \"type\": \"error\"\r\n };\r\n GlobalService.showErrorMessage(_data);\r\n return false;\r\n }\r\n\r\n // set default other abigouse detail\r\n let multipleParseErrorText = this.state.multipleParseErrorText.replace('%parsertype%', 'other').replace('%filetype%', fileUploadedData.fileName.slice(-4));\r\n let optionsParser = this.state.otherAmbigParser;\r\n let indexOptionsParser = '';\r\n let fileSize = (fileUploadedData.fileSize / (1000*1000)).toFixed(2);\r\n if(fileSize == 0.00) {\r\n fileSize = (fileUploadedData.fileSize / 1000).toFixed(2) + 'kb';\r\n } else {\r\n fileSize = fileSize + 'mb';\r\n }\r\n let showAmbigousParser = false;\r\n\r\n if (fileUploadedData.fileType === 'text/xml') {\r\n\r\n if (!StringWms.isEmpty(this.state.xmlAmbigParsers)) {\r\n multipleParseErrorText = this.state.multipleParseErrorText.replace('%parsertype%', 'xml').replace('%filetype%', fileUploadedData.fileName.slice(-4));\r\n optionsParser = this.state.xmlAmbigParsers;\r\n showAmbigousParser = true;\r\n\r\n } else { this.continueFileUploading(fileUploadedData); }\r\n\r\n } else if (fileUploadedData.fileType === 'edi') {\r\n\r\n if (!StringWms.isEmpty(this.state.ediAmbigParsers)) {\r\n\r\n multipleParseErrorText = this.state.multipleParseErrorText.replace('%parsertype%', 'edi').replace('%filetype%', fileUploadedData.fileName.slice(-4));\r\n optionsParser = this.state.ediAmbigParsers;\r\n showAmbigousParser = true;\r\n\r\n } else { this.continueFileUploading(fileUploadedData); }\r\n\r\n } else {\r\n\r\n if (!StringWms.isEmpty(this.state.otherAmbigParser)) {\r\n showAmbigousParser = true;\r\n indexOptionsParser = this.state.otherAmbigParser[0].TransformId;\r\n } else { this.continueFileUploading(fileUploadedData); }\r\n }\r\n\r\n this.setState({\r\n multipleParseErrorText: multipleParseErrorText,\r\n optionsParser: optionsParser,\r\n indexOptionsParser: indexOptionsParser,\r\n showAmbigousParser: showAmbigousParser,\r\n sharedFileUploadData: fileUploadedData,\r\n selectFileName:fileUploadedData.fileName,\r\n selectFileSize:fileSize\r\n });\r\n }\r\n\r\n continueFileUploading = (fileUploadedData) => {\r\n if (this.state.chkManageImportOrder == false) {\r\n\r\n let data = {\r\n \"Preferences\": {\r\n \"OnError\": this.state.onError,\r\n \"Criteria\": this.state.criteria\r\n },\r\n \"CustomerId\": this.state.customerOptions[this.state.customerIndex].id,\r\n \"FacilityId\": this.state.selectedFacility,\r\n \"TransformId\": null,\r\n \"File\": fileUploadedData.fileread,\r\n \"FileName\": fileUploadedData.fileName\r\n };\r\n this.$rootScope.animationMoveIcon($('#file-upload'));\r\n this.$rootScope.taskStarted();\r\n // this.$rootScope.$broadcast(\"importParseAndImportAsync\", data);\r\n /** Code for react progress component*/\r\n data.type = \"importOrderAsync\";\r\n var event = new CustomEvent(\"showProgressModal\", {\r\n detail: data\r\n });\r\n document.dispatchEvent(event);\r\n this.setState({ selectFileName: fileUploadedData.fileName, });\r\n\r\n } else {\r\n kendo.ui.progress($('#' + this.state.windowId), true);\r\n importOrdersServices.parseOrderImportFile(\r\n this.state.customerOptions[this.state.customerIndex].id,\r\n this.state.selectedFacility,\r\n this.state.indexOptionsParser,\r\n fileUploadedData.fileread,\r\n fileUploadedData.fileName\r\n ).then((response) => {\r\n var summaryObj = [{\r\n label: 'Total Orders',\r\n value: kendo.toString(response.Data.length,'n0')\r\n },{\r\n label:'Over allocated orders',\r\n value:kendo.toString(_.filter(response.Data, function(o) { if (o.FullyAllocated == false) return o }).length,'n0')\r\n },{\r\n label:'Total items ordered',\r\n value:kendo.toString(_.sumBy(response.Data, function (day) { return day.TotalItems;}),'n0')\r\n }]\r\n GlobalService.notification('success', this.translate('Settings_Label_Import_Validation_Success'));\r\n this.setState({\r\n manageOrderGridData: response.Data,\r\n sharedGridSummary:summaryObj,\r\n showManageOrderSection: true\r\n });\r\n\r\n }).finally(() => { kendo.ui.progress($('#' + this.state.windowId), false); });\r\n }\r\n }\r\n\r\n onSelectNewFile = () => {\r\n this.setState({\r\n showManageOrderSection: false,\r\n selectFileName: ''\r\n });\r\n importOrdersServices.removeParsedOrdersFromSession();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n this.importOrder('firstImportBtn')}\r\n icon=\" fa-file-text-o\" />\r\n\r\n
\r\n {/* Validation Successful - Review and hit import to continue
\r\n\r\n {this.state.showPreferencesSection &&\r\n\r\n \r\n\r\n
\r\n\r\n {this.state.useDefaultPreferences &&\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n\r\n {this.props.sharedFetchCustomerInfo.preferences.OnError === 0 &&\r\n
\r\n }\r\n \r\n \r\n \r\n
\r\n }\r\n\r\n {this.props.sharedFetchCustomerInfo.preferences.OnError === 1 &&\r\n \r\n \r\n \r\n
\r\n }\r\n\r\n {this.props.sharedFetchCustomerInfo.preferences.whatToImport === 0 &&\r\n \r\n \r\n \r\n
\r\n }\r\n\r\n {this.props.sharedFetchCustomerInfo.preferences.whatToImport === 1 &&\r\n \r\n \r\n \r\n
\r\n }\r\n \r\n {this.state.showManageOrderSection == false && (\r\n
\r\n )\r\n\r\n }\r\n}","var axios = require('axios');\r\nimport * as GlobalService from '../../global_services';\r\n\r\nexport const cancelReceipts = function (cancelData) {\r\n return axios.post('/WebUI/Receiving/FindReceivings/CancelReceipts', cancelData)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const cancelOrders = function (ids) {\r\n return axios.post('/WebUI/Shipping/FindOrders/OrdersCancel', ids)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}","import React, { Component } from 'react'\r\nimport WmsModel from '../WmsModel/WmsModel.jsx';\r\nimport WmsButton from '../WmsButton/WmsButton.jsx';\r\nimport WmsCollapse from '../WmsCollapse/WmsCollapse.jsx';\r\nimport WmsTextArea from '../WmsTextArea/WmsTextArea.jsx';\r\nimport WmsInput from '../WmsInput/WmsInput.jsx';\r\n\r\n//services\r\nimport * as CancelModelService from './cancel-model.service.jsx';\r\nimport * as GlobalService from '../../global_services';\r\n\r\nimport \"./cancel-model.scss\";\r\n\r\nexport class CancelModel extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n \r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n cancelProcessing: false,\r\n cancelModelData: {\r\n Reason: '',\r\n Charge: 0,\r\n }\r\n }\r\n }\r\n\r\n updateCancelModelData = (event, key) => {\r\n var value = event.target.value;\r\n\r\n this.setState({\r\n cancelModelData: Object.assign(\r\n this.state.cancelModelData,\r\n {\r\n [key]: value\r\n }\r\n ),\r\n });\r\n }\r\n\r\n closeCancelModel = () => {\r\n this.props.onCloseCancelModel();\r\n }\r\n\r\n exitCancelModal = () => {\r\n this.props.onCloseCancelModel();\r\n }\r\n\r\n onCancelReceipt = () => {\r\n this.setState({ cancelProcessing: true });\r\n if(this.props.modalType == 'Receipt'){\r\n\r\n var receiptData = this.state.cancelModelData;\r\n receiptData.ReceiverIds= this.props.sharedSelectedIds;\r\n \r\n CancelModelService.cancelReceipts(receiptData)\r\n .then((response) => {\r\n \r\n this.setState({ cancelProcessing: false });\r\n \r\n if(response && response.status == 204){\r\n GlobalService.notification('success',this.translate('Label_Receipt_Cancelled'));\r\n this.props.resetGridSelection();\r\n }\r\n this.exitCancelModal();\r\n }).finally(() =>{\r\n this.setState({ cancelProcessing: false });\r\n });\r\n } else { \r\n var orderData = this.state.cancelModelData;\r\n orderData.ids= this.props.sharedSelectedIds;\r\n CancelModelService.cancelOrders(orderData).then((response) => {\r\n if (response) {\r\n GlobalService.notification('success', this.translate('Label_Cancel_Success'));\r\n this.props.resetGridSelection();\r\n }\r\n this.exitCancelModal();\r\n }).finally(() =>{\r\n this.setState({ cancelProcessing: false });\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n\r\n
\r\n )}\r\n\r\n {this.state.showManageOrderSection == true && (\r\n \r\n \r\n \r\n {this.translate('Label_Import_Max_Upload_Warning')}\r\n \r\n
\r\n \r\n\r\n \r\n \r\n\r\n
\r\n }\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {this.translate('Label_Import_Use_Quick_Import')}\r\n \r\n {this.translate('Label_ASN_ColumnHeaders_Present')}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {this.translate('Label_download_standard_template')}\r\n \r\n \r\n
\r\n \r\n \r\n this.updateCancelModelData(e, 'Reason')}\r\n value={this.state.cancelModelData.Reason}\r\n rows={4}\r\n cols={30}\r\n required={true}\r\n />\r\n\r\n this.updateCancelModelData(e, 'Charge')}\r\n label={this.props.modalType == 'Receipt' ? this.translate('Label_Cancel_Receipt_Charge') : this.translate('Label_Cancel_Order_Charge')}\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/}\r\n />\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n )\r\n }\r\n}\r\n","import React from 'react';\r\nimport VirtualGridComponent from './../../components_proto/VirtualGridComponent/VirtualGridComponent.jsx';\r\nimport WmsButton from './../../components/WmsButton/WmsButton.jsx';\r\nimport WmsModel from './../../components/WmsModel/WmsModel.jsx';\r\nimport { AttachDocuments } from './../../components/AttachDocuments/AttachDocuments.jsx';\r\nimport { LoadingModel } from './../../components/LoadingModel/LoadingModel.jsx';\r\nimport { StringWms } from '../../../../assets/ts/StringWms.ts';\r\nimport { ArrayWms } from '../../../../assets/ts/ArrayWms.ts';\r\nimport { KendoWms } from '../../../../assets/ts/KendoWms.ts';\r\nimport { ConcurrencyManager } from '../../../../assets/vendor/concurrencyManager/concurrencyManager.js';\r\nimport * as GridConfig from './grid_configuration.virtual.jsx';\r\nimport * as GlobalService from './../../global_services';\r\nimport * as metaDataService from '../meta-data.service';\r\n// import * as findOrdersService from './findOrders.virtual.services.jsx';\r\nimport * as findOrdersService from './findOrders.services.jsx';\r\nimport * as DynamicMenu from './grid_dynamic_menu.virtual.jsx';\r\nimport { CarrierRoutingModelProto } from './modal-proto/carrier-routing-model-proto.component.jsx';\r\nimport { AddEditColumnModel } from './../../components/AddEditColumn/add-edit-columns.component.jsx';\r\nimport { BillOfLadingModel } from './model/bill-of-lading.component.jsx';\r\nimport { TransferOrderModel } from './model/transfer-order/transfer-order.component.jsx';\r\nimport { ReprintEODReport } from './model/reprint-end-of-day-reoprt/reprint-end-of-day-reoprt.component.jsx';\r\nimport { CreatePickJobModel } from './model/create-pick-job-model.component.jsx';\r\nimport { MassShipAndCloseModel } from './model/mass-ship-and-close-model.component.jsx';\r\nimport { BatchingModel } from './model/batching-model.component.jsx';\r\nimport { ShippingLabel } from './model/shipping-label-model.component.jsx';\r\nimport { ConfirmationModal } from './confirmationModal/confirmationModal.component.jsx';\r\nimport { PickTicketModel } from './model/pick-ticket-model.component.jsx';\r\nimport { PackingSlipsModel } from './model/packing-slips-model.component.jsx';\r\nimport { SendAsnModel } from './model/send-asn-model.component.jsx';\r\nimport { EditBolOptionModel } from './model/edit-bol-option-model.component.jsx';\r\nimport { ConsolidatePackages } from './model/consolidate-packages/consolidate-packages.component.jsx';\r\nimport { ReprintShippingLabel } from './model/reprint-shipping-label/reprint-shipping-label.component.jsx';\r\nimport { ProcessedBatchedShippingLabels } from './model/processed-batched-shipping-labels/processed-batched-shipping-labels.component.jsx';\r\nimport { ManageOrdersFormProto } from '../../orders/manageOrders/manage-orders-form-proto.component.jsx';\r\nimport { importOrdersHolder } from '../../importOrders/import-orders-holder.component.jsx';\r\nimport { reportIframe } from '../../reportIframe/report-iframe.component.jsx';\r\nimport { CancelModel } from '../../components/CancelModel/cancel-model.component.jsx';\r\nimport { _, kendo } from \"./../../global_variable_service.jsx\";\r\nvar axios = require('axios');\r\n\r\nexport class FindOrdersGridVirtual extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n\r\n this.filterCountAxiosSource = null;\r\n this.firstFiftyAxiosSource = null;\r\n this.axiosSource = null;\r\n\r\n let Orders_FindOrders_GridHeaders = StringWms.convertSringToOption(this.translate('Orders_FindOrders_GridHeaders'));\r\n this.defaultSelectionObj = {\r\n carrierAndRouting: { disabled: false },\r\n markOrdersComplete: { disabled: false },\r\n createPickJob: { disabled: false },\r\n removeFromPickJob: { disabled: false },\r\n deletePickJob: { disabled: false },\r\n shipAndClose: { disabled: false },\r\n cancel: { disabled: false },\r\n reopen: { disabled: false },\r\n tmw: { disabled: false },\r\n splitOverallocated: { disabled: false },\r\n shortShipOrders: { disabled: false },\r\n reallocate: { disabled: false },\r\n unallocate: { disabled: false },\r\n removeFromBatch: { disabled: false },\r\n autoBatch: { disabled: false },\r\n smartParcel: { disabled: false },\r\n addToNewBatch: { disabled: false },\r\n addToExistingBatch: { disabled: false },\r\n recalcPkgs: { disabled: false },\r\n processPkgs: { disabled: false },\r\n consolidatePkgs: { disabled: false },\r\n editOrder: { disabled: false },\r\n attachFiles: { disabled: false },\r\n transferOrder: { disabled: false, label: this.translate('Label_Transfer_Order') }\r\n };\r\n this.findOrderGridId = \"grid_with_remote_data\";\r\n this.isApiCanceled = false;\r\n this.state = {\r\n gridDomSelector: () => this.props.windowId ? '.' + this.props.windowId + ' #' + this.findOrderGridId : '#' + this.findOrderGridId,\r\n Selector: \"FindOrders\",\r\n GridName: \"findOrdersGrid\",\r\n isFilterRowCountLoading: false,\r\n isOrderGridDataLoading: false,\r\n MenuPrintData: [],\r\n SameFacility: false,\r\n isSamePrintedFormat: false,\r\n SameFacilityId: 0,\r\n SameCustomer: false,\r\n SameBatchId: false,\r\n FullyAllocated: false,\r\n TplSettings: GlobalService.getTplSettings(),\r\n Rights: GlobalService.GetRights(),\r\n ParcelLabelType: 0,\r\n EnablePickOption: false,\r\n SelectedOrders: 0,\r\n Selection: this.defaultSelectionObj,\r\n staticGridData: [],\r\n defaultColumns: GridConfig.getGridDemoColumns(Orders_FindOrders_GridHeaders, GlobalService.getCustomLabels()).columns,\r\n\r\n schema: GridConfig.getGridDemoSchema(),\r\n allColumnList: GridConfig.getAllColumnList(Orders_FindOrders_GridHeaders, GlobalService.getCustomLabels()),\r\n allSortColumnList: [],\r\n MenuSmartParcelData: [],\r\n SharedIsOpenCarrierRoutingModelProto: false,\r\n SharedIsOpenCreatePickJobModel: false,\r\n sharedIsOpenMassShipAndCloseModel: false,\r\n sharedSelectedOrderData: null,\r\n InitialPrintMenuResponse: [],\r\n LocalKendoGrid: null,\r\n SharedSelectedOrderIds: [],\r\n isOpenCancelModal: false,\r\n isOpenReopenModal: false,\r\n isOpenUnallocateModal: false,\r\n isOpenReallocateModal: false,\r\n isOpenSplitOverallocateModal: false,\r\n isOpenConfirmForShipOrders: false,\r\n isOpenPickTicketModel: false,\r\n isOpenBatchConfirmModal: false,\r\n sharedIsOpenBatchingModel: false,\r\n isOpenRemoveBatchConfirmModal: false,\r\n sharedBatchProcess: null,\r\n sharedAttachObj: null,\r\n isOpenShippingLabelModel: false,\r\n sharedShippingLabelOption: {},\r\n isOpenAttachDoc: false,\r\n isOpenPackingSlipsModel: false,\r\n isOpenSendAsnModel: false,\r\n isOpenColumnModel: false,\r\n scacCodeAvailable: false,\r\n gifLoaderText: '',\r\n ticketModelConfig: {\r\n title: '',\r\n height: 0,\r\n batchOrderId: null,\r\n flow: '',\r\n pickTicketId: \"modalPickticket\"\r\n },\r\n orderSummary:{\r\n \"TotVolumeMetric\":0,\r\n \"TotVolumeImperial\":0,\r\n \"TotWeightMetric\":0,\r\n \"TotWeightImperial\":0,\r\n \"TotPackages\":0,\r\n \"TotPrimaryUnit\":0,\r\n },\r\n gridExportLimit: GlobalService.constants.gridExportLimit,\r\n totalOrders: 0,\r\n totalInLineColumnFilters: 0,\r\n filterText: \"\",\r\n fullFilterText: \"\",\r\n inlineGridFilter: false,\r\n inlineGridFilterCount: 0,\r\n tooltipShow: false,\r\n findOrderGridConfig: metaDataService.getFindOrderGridOptionInMetaData(),\r\n gridPageSize: 2000,\r\n overlayScreenShow: false,\r\n isAllDataLoad: false,\r\n totalRequest: 0,\r\n pendingRequest: 0,\r\n completeRequest: 0,\r\n isOpenBillOfLadingModel: false,\r\n isNewColumnAdded:false,\r\n isOpenEditBolTemplateUI:false,\r\n bolTemplateOptions:[],\r\n customers: {},\r\n sharedSelectedCustomerIds:[],\r\n sharedSelectedFacilityId:0,\r\n SharedSelectedOverAllocatedOrderIds: [],\r\n isOpenAllocationMessageModel:false,\r\n allocationResultMessage:'',\r\n faultResultsMessage:'',\r\n sharedIsOpenTransferModel:false,\r\n sharedIsOpenReprintEndOfDayReport:false,\r\n sharedIsOpenConsolidatePackages:false,\r\n sharedIsReprintShippingLabelOpen:false,\r\n isOpenPrintBatchedShippingModel:false,\r\n isOpenCustomerNotFoundModel: false,\r\n facilities: {},\r\n uidSelectionString:'',\r\n recordsCount: 0,\r\n showLoadingError: false\r\n };\r\n\r\n }\r\n componentDidMount() {\r\n this.getInitialPrintMenu();\r\n let customerData = GlobalService.getCustomerList(false);\r\n let facilities = GlobalService.getFacilityList(false);\r\n let that = this;\r\n document.addEventListener(\"EventOrderChanged\", this.eventOrderChanged);\r\n document.addEventListener(\"customerFacilityOptionsUpdate\", this.updateCustomerOptions);\r\n\r\n // document.addEventListener(\"EventOrderChangedRemove\", function handler(e) {\r\n // document.removeEventListener(\"EventOrderChanged\", that.eventOrderChanged);\r\n // e.currentTarget.removeEventListener(e.type, handler);\r\n // /* whatever */\r\n // });\r\n // sort all column list title\r\n let allSortColumnList = this.state.allColumnList.sort(function (first, second) {\r\n var columnTitle1 = first.title.toUpperCase(); // ignore upper and lowercase\r\n var columnTitle2 = second.title.toUpperCase(); // ignore upper and lowercase\r\n\r\n if (columnTitle1 < columnTitle2) { return -1; }\r\n\r\n if (columnTitle1 > columnTitle2) { return 1; }\r\n // names must be equal\r\n return 0;\r\n });\r\n var selection = Object.assign({},this.state.Selection);\r\n\r\n if (!this.state.Rights.hasOwnProperty('UserInterface.FindOrdersAutoBatchEnabled')) {\r\n selection.autoBatch.disabled = true;\r\n selection.autoBatch.message = this.translate('note_autoBatch_autoBatchEnabled');\r\n }\r\n\r\n this.setState({ allSortColumnList: allSortColumnList, customers: customerData, facilities: facilities, Selection:selection });\r\n }\r\n\r\n componentWillUnmount() {\r\n console.log('FindOrderGridVirtual unmount');\r\n document.removeEventListener(\"EventOrderChanged\", this.eventOrderChanged);\r\n document.removeEventListener(\"customerFacilityOptionsUpdate\", this.updateCustomerOptions);\r\n }\r\n\r\n updateCustomerOptions = () => {\r\n this.setState({\r\n optionsCustomer: GlobalService.getCustomerList(false),\r\n customers: GlobalService.getCustomerList(false),\r\n });\r\n }\r\n\r\n callForGetTotalCount = (clearData = true) => {\r\n this.setState({\r\n isFilterRowCountLoading: true,\r\n recordsCount: 0\r\n });\r\n this.getGridData(clearData);\r\n }\r\n refreshOrderGrid = () => {\r\n this.resetGridSelectionAndButton();\r\n }\r\n\r\n getGridData = (clearData) => {\r\n\r\n var param_filterObj = Object.assign({}, this.getSharedFindOrderFilter());\r\n param_filterObj.StartDate = StringWms.convertFilterStringToISODate(param_filterObj.StartDate,'',false,true).isoStringUTC;\r\n param_filterObj.EndDate = StringWms.convertFilterStringToISODate(param_filterObj.EndDate, '23:59:59',false,true).isoStringUTC;\r\n\r\n if (this.filterCountAxiosSource) {\r\n this.filterCountAxiosSource.cancel();\r\n this.filterCountAxiosSource = null;\r\n }\r\n // on filter update cancel orderDataAxios call if any running\r\n this.cancelLoadAllData();\r\n this.filterCountAxiosSource = axios.CancelToken.source();\r\n this.setState({\r\n showLoadingError: false\r\n });\r\n axios.put('/WebUI/Shipping/FindOrders/FilteredRowCount', param_filterObj, { cancelToken: this.filterCountAxiosSource.token }).then((response) => {\r\n var newStateData = {\r\n recordsCount: response.data\r\n };\r\n if (clearData == true) {\r\n newStateData.staticGridData = [];\r\n }\r\n this.filterCountAxiosSource = null;\r\n\r\n this.setState(\r\n newStateData\r\n , () => {\r\n if (response.data > 0) {\r\n this.callForGetNewData();\r\n }\r\n });\r\n\r\n }).finally(() => {\r\n this.setState({ isFilterRowCountLoading: false });\r\n });\r\n }\r\n callForGetNewData = () => {\r\n\r\n if (this.state.recordsCount > 0 && this.state.recordsCount <= GlobalService.constants.virtualOrderGridDataLimit) {\r\n this.loadAllRecords(false);\r\n }else{\r\n // reset selection of grid on filter data change\r\n // this.setState({ staticGridData: [] });\r\n console.log(\"resetGridAllMessage : call\");\r\n this.resetGridAllMessage();\r\n }\r\n\r\n }\r\n setFilterAppliedText = (filterObj) => {\r\n if (!filterObj) {\r\n this.setState({\r\n inlineGridFilter: false,\r\n inlineGridFilterCount: 0,\r\n filterText: \"\",\r\n fullFilterText: \"\"\r\n });\r\n return;\r\n }\r\n var filterConditionTitle = {\r\n \"lte\": \"Is Less Than Or Equal To\",\r\n \"eq\": \"Is Equal To\",\r\n \"lt\": \"Is Less Than\",\r\n \"neq\": \"Is Not Equal To\",\r\n \"gte\": \"Is Greater Than Or Equal To\",\r\n \"gt\": \"Is Greater Than\",\r\n \"startswith\": \"Starts With\",\r\n \"endswith\": \"Ends With\",\r\n \"contains\": \"Contains\",\r\n \"doesnotcontain\": \"Does Not Contain\",\r\n \"isnull\": \"Is Null\",\r\n \"isnotnull\": \"Is Not Null\",\r\n \"isempty\": \"Is Empty\",\r\n \"isnotempty\": \"Is Not Empty\",\r\n \"isnullorempty\": \"Has No Value\",\r\n \"isnotnullorempty\": \"Has Value\",\r\n };\r\n\r\n var filterText = \"\";\r\n var fullFilterText = \"\";\r\n var filterList = filterObj.filters;\r\n var self = this;\r\n filterList.map(function (item) {\r\n var columnObj = self.state.allColumnList.find(x => x.field === item.field);\r\n if(columnObj) {\r\n var title = columnObj.title;\r\n filterText += title + \" : \" + item.value + ',';\r\n fullFilterText += title + \" \" + filterConditionTitle[item.operator] + \" : \" + item.value + \"\";\r\n }\r\n });\r\n filterText = filterText.slice(0, -1);\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n var recordsOnCurrentView = dataSource.view().length;\r\n\r\n this.setState({\r\n filterText: filterText,\r\n fullFilterText: fullFilterText,\r\n inlineGridFilter: true,\r\n inlineGridFilterCount: recordsOnCurrentView\r\n });\r\n }\r\n eventOrderChanged = (e) => {\r\n if(e && e.detail.source && e.detail.source == \"pickTicketApiSuccess\"){\r\n this.resetGridSelectionAfterGridRefresh();\r\n } else {\r\n this.resetGridSelectionAndButton();\r\n }\r\n }\r\n\r\n\r\n getInitialPrintMenu() {\r\n //setting to the first customer in the list for now until we talk to Jeff and come to a resolution\r\n var customerId = GlobalService.GetCurrentUser().CustomerIds[0];\r\n\r\n GlobalService.initialPrintMenu(customerId).then((response) => {\r\n if (response) {\r\n this.setState({\r\n InitialPrintMenuResponse: response\r\n });\r\n this.updateInitialPrintMenu();\r\n }\r\n }).finally(() => { });\r\n }\r\n\r\n\r\n\r\n openTransferOrderModel = () =>{\r\n var customerIds = [];\r\n var FacilityId = '';\r\n let orderIds = this.state.LocalKendoGrid.getKeys();\r\n orderIds.forEach(key => {\r\n var selectedItem = this.state.LocalKendoGrid.getItem(key);\r\n if(!customerIds.includes(selectedItem.CustomerId)){\r\n customerIds.push(selectedItem.CustomerId);\r\n FacilityId = selectedItem.FacilityId;\r\n }\r\n });\r\n console.log(\"customerIds :\",customerIds);\r\n\r\n var optionsCustomer = GlobalService.getCustomerList(false);\r\n var optionsFacility = GlobalService.getFacilityList(false);\r\n var facilityObj = [];\r\n var facilityOptions = [];\r\n var facilityName = '';\r\n\r\n _.filter(optionsCustomer, function(objCust){\r\n if(customerIds.includes(objCust.id)){\r\n console.log(\"Customer facility options \",objCust.facilities);\r\n if(facilityObj.length > 0){\r\n facilityObj = _.intersection(facilityObj, objCust.facilities);\r\n }else{\r\n facilityObj = objCust.facilities;\r\n }\r\n }\r\n });\r\n\r\n _.filter(optionsFacility, function(objFac){\r\n if(facilityObj.includes(objFac.id) && FacilityId != objFac.id){\r\n facilityOptions.push(objFac);\r\n }\r\n\r\n if(FacilityId == objFac.id){\r\n facilityName = objFac.name;\r\n }\r\n });\r\n\r\n this.setState({\r\n sharedIsOpenTransferModel:true,\r\n transferFacilityOptions:facilityOptions,\r\n transferFacilityName:facilityName,\r\n });\r\n }\r\n closeTransferOrderModel = () =>{\r\n this.setState({ sharedIsOpenTransferModel:false });\r\n }\r\n updateInitialPrintMenu = () => {\r\n var params = {\r\n Selector: this.state.Selector,\r\n SelectedOrders: this.state.SelectedOrders,\r\n SameFacility: this.state.SameFacility,\r\n SameCustomer: this.state.SameCustomer,\r\n ParcelLabelType: this.state.ParcelLabelType,\r\n SameBatchId: this.state.SameBatchId,\r\n FullyAllocated: this.state.FullyAllocated,\r\n EnablePickOption: this.state.EnablePickOption,\r\n TplSettings: this.state.TplSettings,\r\n isSamePrintedFormat:this.state.isSamePrintedFormat,\r\n Rights: this.state.Rights,\r\n SelectedOrderIds: this.state.SharedSelectedOverAllocatedOrderIds,\r\n fnNames: ['RunBOLReport', 'RunMasterBOLReport', 'RunReportShippingLabels', 'RunReportViewTransaction'],\r\n isSmartParcelDisable:this.state.Selection.smartParcel.disabled\r\n };\r\n\r\n const updatedMenus = DynamicMenu.getInitialPrintMenu(this.state.InitialPrintMenuResponse, params, this.dynamicMenuClick, 'findOrder');\r\n\r\n this.setState({\r\n MenuPrintData: updatedMenus.PrintData,\r\n MenuSmartParcelData: updatedMenus.SmartParcelData,\r\n });\r\n }\r\n\r\n UpdateGridSummary = () => {\r\n if (this.state.LocalKendoGrid != null) {\r\n let KendoGrid = this.state.LocalKendoGrid;\r\n\r\n var selection = JSON.parse(JSON.stringify(this.defaultSelectionObj));\r\n\r\n var IsClosed = KendoGrid.valueExists(\"IsClosed\", true);\r\n var customCompletLabel = GlobalService.getCustomLabels().Label_Complete;\r\n var IsComplete = KendoGrid.valueExists(\"Status\", customCompletLabel);\r\n var IsOpen = KendoGrid.valueExists(\"Status\", \"Open\");\r\n var CanConfirm = KendoGrid.valueExists(\"CanConfirm\", false);\r\n var CanCancel = KendoGrid.valueExists(\"CanCancel\", false);\r\n var CanUnconfirm = KendoGrid.valueExists(\"CanUnconfirm\", false);\r\n var SelectedOrders = KendoGrid.getNumberOfSelections();\r\n var SameFacility = KendoGrid.valuesIdentical(\"FacilityId\");\r\n var isSamePrintedFormat = KendoGrid.valuesIdentical(\"ParcelLabelType\");\r\n var isIdenticalStatusOpen = KendoGrid.identicalValuesInSelectedSet(\"Status\",\"Open\");\r\n\r\n var SameCustomer = KendoGrid.valuesIdentical(\"CustomerId\");\r\n var SameBatchId = KendoGrid.valuesIdentical(\"BatchOrderId\");\r\n var CanSplit = KendoGrid.valueExists(\"CanSplit\", false);\r\n var CanAllocate = KendoGrid.valueExists(\"CanAllocate\", true);\r\n var OneOrMoreInPickJob = KendoGrid.theNotValueDoesExist(\"PickJobId\", null);\r\n var IsPickDone = KendoGrid.valueExists(\"IsPickDone\", true);\r\n var SamePickJobId = KendoGrid.valuesIdentical(\"PickJobId\");\r\n var CanDeallocate = KendoGrid.valueExists(\"CanDeallocate\", false);\r\n var orderPartOfBatch = KendoGrid.theNotValueDoesExist(\"BatchOrderId\", null);\r\n var CanExportTMW = KendoGrid.valueExists(\"CanExportToTmw\", false);\r\n var NoLineItems = KendoGrid.valueExists(\"TotalLines\", 0);\r\n var notFullyAllocated = KendoGrid.valueExists(\"FullyAllocated\", false);\r\n var hasAllocations = KendoGrid.valueDoesNotExist(\"HasAllocations\", false);\r\n var isFullyAllocate = KendoGrid.valueExists(\"FullyAllocated\", true);\r\n var IdenticalSetOfOrders = KendoGrid.valuesIdentical(\"FullyAllocated\");\r\n var CanRegenPkgs = KendoGrid.valueDoesNotExist(\"CanRegenPkgs\", false);\r\n var selectedOverAllocatedOrders = KendoGrid.getSelectedOrderIdsByValue(\"FullyAllocated\", false);\r\n\r\n var TrackingNumDoesNotExists;\r\n var TrackingNumRequired = false;\r\n\r\n if (SelectedOrders >= 1) {\r\n var orderData = this.state.LocalKendoGrid.getItem(KendoGrid.getKeys()[0]);\r\n var selectedCustomerData = KendoGrid.getSelectedCustomerData(this.state.customers, orderData.CustomerId);\r\n if (!selectedCustomerData) {\r\n this.setState({ isOpenCustomerNotFoundModel: true });\r\n return;\r\n }\r\n TrackingNumDoesNotExists = KendoGrid.valuesNullOrEmpty(\"TrackingNumber\");\r\n TrackingNumRequired = selectedCustomerData.options.requireTrackingNumber;\r\n\r\n // Count only change if selected order is 1 or more\r\n var TotVolumeMetric = KendoGrid.sumDictionaryParameter(\"TotVolumeMetric\");\r\n var TotVolumeImperial = KendoGrid.sumDictionaryParameter(\"TotVolumeImperial\");\r\n var TotWeightMetric = KendoGrid.sumDictionaryParameter(\"TotWeightMetric\");\r\n var TotWeightImperial = KendoGrid.sumDictionaryParameter(\"TotWeightImperial\");\r\n var TotPackages = KendoGrid.sumDictionaryParameter(\"TotPackages\");\r\n var TotPrimaryUnit = KendoGrid.sumDictionaryParameter(\"TotalItemQty\");\r\n this.setState({\r\n orderSummary:{\r\n \"TotVolumeMetric\":TotVolumeMetric,\r\n \"TotVolumeImperial\":TotVolumeImperial,\r\n \"TotWeightMetric\":TotWeightMetric,\r\n \"TotWeightImperial\":TotWeightImperial,\r\n \"TotPackages\":TotPackages,\r\n \"TotPrimaryUnit\":TotPrimaryUnit,\r\n }\r\n });\r\n } else {\r\n this.totalOrderSummary();\r\n }\r\n\r\n\r\n if (IsOpen){\r\n selection.createPickJob.disabled = true;\r\n selection.createPickJob.message = this.translate('note_create_pick_job_completeorder');\r\n }\r\n if (orderPartOfBatch == false) {\r\n selection.removeFromBatch.disabled = true;\r\n selection.removeFromBatch.message = this.translate('note_removeFromBatch_orderPartOfBatch');\r\n }\r\n if (CanSplit == true) {\r\n selection.splitOverallocated.disabled = true;\r\n selection.splitOverallocated.message = this.translate('note_split_order_fullyallocate');\r\n }\r\n\r\n // shortShipOrders only enable for partial orders\r\n selection.shortShipOrders.message = this.translate('Label_Short_Ship_Orders_Disabled_Note');\r\n if(!isFullyAllocate && hasAllocations) {\r\n // selection.shortShipOrders.disabled = true;\r\n } else {\r\n selection.shortShipOrders.disabled = true;\r\n }\r\n\r\n if (CanConfirm == true) {\r\n selection.shipAndClose.disabled = true;\r\n selection.shipAndClose.message = this.translate('note_ship_and_close_canConfirm');\r\n }\r\n if(TrackingNumRequired && TrackingNumDoesNotExists){\r\n selection.shipAndClose.disabled = true;\r\n selection.shipAndClose.message = this.translate('Label_Disabled_ShipAndClose');\r\n }\r\n if (CanCancel == true) {\r\n selection.cancel.disabled = true;\r\n selection.cancel.message = this.translate('note_cancel_closedorder');\r\n }\r\n if (CanUnconfirm == true) {\r\n selection.reopen.disabled = true;\r\n selection.reopen.message = this.translate('note_reopen_closedorder');\r\n }\r\n if (CanExportTMW == true) {\r\n selection.tmw.disabled = true;\r\n }\r\n if (CanAllocate == false) {\r\n selection.reallocate.disabled = true;\r\n selection.reallocate.message = this.translate('note_reallocate_closedorder');\r\n }\r\n else {\r\n selection.createPickJob.disabled = true;\r\n selection.createPickJob.message = this.translate('note_create_pick_job_underallocated');\r\n }\r\n if (OneOrMoreInPickJob == true) {\r\n selection.createPickJob.disabled = true;\r\n selection.createPickJob.message = this.translate('note_create_pick_job_inpickjob');\r\n }\r\n else {\r\n selection.removeFromPickJob.disabled = true;\r\n selection.removeFromPickJob.message = this.translate('note_removefrom_pick_job_inpickjob');\r\n selection.deletePickJob.disabled = true;\r\n selection.deletePickJob.message = this.translate('note_delete_pick_job_inpickjob');\r\n }\r\n if (IsPickDone == true) {\r\n selection.createPickJob.disabled = true;\r\n selection.createPickJob.message = this.translate('note_create_pick_job_ispickdone');\r\n }\r\n if (SamePickJobId == false) {\r\n selection.removeFromPickJob.disabled = true;\r\n selection.removeFromPickJob.message = this.translate('note_removefrom_pick_job_samepickjobid');\r\n selection.deletePickJob.disabled = true;\r\n selection.deletePickJob.message = this.translate('note_delete_pick_job_samepickjobid');\r\n }\r\n if (CanDeallocate == true) {\r\n selection.unallocate.disabled = true;\r\n selection.unallocate.message = this.translate('note_unallocate_closedorder');\r\n }\r\n if (NoLineItems == true) {\r\n selection.createPickJob.disabled = true;\r\n selection.createPickJob.message = this.translate('note_create_pick_job_underallocated');\r\n }\r\n if (CanRegenPkgs == false) {\r\n selection.recalcPkgs.disabled = true;\r\n selection.recalcPkgs.message = this.translate('note_cant_recalcpkgs');\r\n\r\n selection.consolidatePkgs.disabled = true;\r\n selection.consolidatePkgs.message = this.translate('note_cant_consolidatepkgs');\r\n }\r\n if (SameFacility !== true || IsClosed == true) {\r\n selection.transferOrder.disabled = true;\r\n selection.transferOrder.message = this.translate('note_Transfer_Order');\r\n }\r\n if (IsComplete == true && !this.state.Rights.hasOwnProperty('isWarehouseUser')) {\r\n selection.transferOrder.disabled = true;\r\n selection.transferOrder.message = this.translate('note_Transfer_Complete_Order_For_Cust_User');\r\n }\r\n if (SelectedOrders > 1) {\r\n selection.transferOrder.label = this.translate('Label_Transfer_Order') + 's';\r\n }\r\n if (SameCustomer !== true) {\r\n selection.createPickJob.disabled = true;\r\n selection.createPickJob.message = this.translate('note_create_pick_job_samecustomer');\r\n selection.shipAndClose.disabled = true;\r\n selection.shipAndClose.message = this.translate('note_ship_and_close_samecustomer');\r\n selection.reallocate.disabled = true;\r\n selection.reallocate.message = this.translate('note_reallocate_samecustomer');\r\n selection.addToNewBatch.disabled = true;\r\n selection.addToNewBatch.message = this.translate('note_addToNewBatch_samecustomer');\r\n selection.addToExistingBatch.disabled = true;\r\n selection.addToExistingBatch.message = this.translate('note_addToExistingBatch_samecustomer');\r\n }\r\n if (SameFacility !== true) {\r\n selection.carrierAndRouting.disabled = true;\r\n selection.carrierAndRouting.message = this.translate('note_edit_carrier_samefacility');\r\n selection.createPickJob.disabled = true;\r\n selection.createPickJob.message = this.translate('note_create_pick_job_samefacility');\r\n selection.shipAndClose.disabled = true;\r\n selection.shipAndClose.message = this.translate('note_ship_and_close_samefacility');\r\n selection.addToNewBatch.disabled = true;\r\n selection.addToNewBatch.message = this.translate('note_addToNewBatch_samefacility');\r\n selection.addToExistingBatch.disabled = true;\r\n selection.addToExistingBatch.message = this.translate('note_addToExistingBatch_samefacility');\r\n }\r\n\r\n\r\n if (IsClosed == true) {\r\n selection.carrierAndRouting.disabled = true;\r\n selection.carrierAndRouting.message = this.translate('note_edit_carrier_closedorder');\r\n selection.createPickJob.disabled = true;\r\n selection.createPickJob.message = this.translate('note_create_pick_job_closedorder');\r\n selection.removeFromPickJob.disabled = true;\r\n selection.removeFromPickJob.message = this.translate('note_removefrom_pick_job_closedorder');\r\n selection.deletePickJob.disabled = true;\r\n selection.deletePickJob.message = this.translate('note_delete_pick_job_closedorder');\r\n selection.editOrder.disabled = true;\r\n selection.editOrder.message = this.translate('note_edit_order');\r\n selection.smartParcel.disabled = true;\r\n }\r\n\r\n if(IsComplete && !this.state.Rights.hasOwnProperty('isWarehouseUser')){\r\n selection.editOrder.disabled = true;\r\n selection.editOrder.message = this.translate('note_Customer_User_Disable_Note');\r\n selection.carrierAndRouting.disabled = true;\r\n selection.carrierAndRouting.message = this.translate('note_edit_carrier_customer_user');\r\n }\r\n\r\n if (SelectedOrders != 1) {\r\n selection.editOrder.message = this.translate('note_edit_order');\r\n selection.attachFiles.disabled = true;\r\n selection.attachFiles.message = this.translate('note_attach_files');\r\n }\r\n\r\n if (isIdenticalStatusOpen == false) {\r\n selection.markOrdersComplete.disabled = true;\r\n selection.markOrdersComplete.message = this.translate('Label_Mark_Orders_Complete_Disable');\r\n }\r\n\r\n // Because of partial allocations, we are implementing a rule that you cannot allocate if you are not in the same warehouse\r\n // So this doesn't apply unless there is more than 1 selection obviously. We are including this here because it is\r\n // AFTER the normal check for allocations as we want to display to the user first if the normal rules for allocation apply\r\n // In other words the priority for displaying to users is this\r\n // First normal allocation message (You can't allocate on no line item orders etc)\r\n // Then would be you cannot allocate from 2 different facilities\r\n // So is there more than 1 order selected, are those orders allocatable and are then in different warehouses\r\n if (SelectedOrders >= 1 && CanAllocate === true && SameFacility !== true) {\r\n selection.reallocate.disabled = true;\r\n selection.reallocate.message = this.translate('Note_Allocate_Must_Be_Same_Facility');\r\n }\r\n\r\n // Condition for parcel type start\r\n var ParcelLabelType = 0;\r\n var ParcelLabelTypeArr = [];\r\n\r\n // We may need the currently selected Facility ID, we will instantiate a variable here although we will only\r\n // change or populate this ID, if the current selection contains only the same Facility ID\r\n // We will check this when we loop through the selection loop below\r\n var FacilityIdSelected = 0;\r\n\r\n // This appears to be looping through our selections.\r\n // Use this below if you need to get specific data out of the current selections\r\n // SELECTION LOOP\r\n KendoGrid.getKeys().forEach(key => {\r\n var selectedItem = KendoGrid.getItem(key);\r\n ParcelLabelTypeArr.push(selectedItem.ParcelLabelType);\r\n // We only want to select a facilityID if they are all the same facility. We don't want to assign it though\r\n // everytime through the loop though, so we will check to see if it is it's default setting. If it is still its\r\n // default setting then change it, if not (in other words it has already changed then just do nothing)\r\n if (SameFacility === true && FacilityIdSelected === 0){\r\n if(selectedItem.hasOwnProperty(\"FacilityId\")){\r\n FacilityIdSelected = selectedItem.FacilityId;\r\n } else {\r\n console.log(\"WE SHOULD NEVER REACH THIS STATE, SOMEHOW THE GRID DID NOT HAVE A FACILITYID PROPERTY IN ITS ROW\");\r\n }\r\n\r\n }\r\n });\r\n\r\n if (ParcelLabelTypeArr.includes(1)) {\r\n ParcelLabelType = 1;\r\n } else if (ParcelLabelTypeArr.includes(2)) {\r\n ParcelLabelType = 2;\r\n }\r\n // Condition for parcel type end\r\n\r\n // conditional enabling of the PickTicket option for overallocated and multiselected set of orders\r\n var enablePickTicketOption = true;\r\n if (SelectedOrders == 1 && notFullyAllocated && !this.state.TplSettings.Shipping.PrintOverAllocPickTickets) {\r\n enablePickTicketOption = false;\r\n } else if (SelectedOrders > 1 && !IdenticalSetOfOrders) {\r\n enablePickTicketOption = false;\r\n } else if (SelectedOrders > 1 && (notFullyAllocated && IdenticalSetOfOrders) && !this.state.TplSettings.Shipping.PrintOverAllocPickTickets) {\r\n enablePickTicketOption = false;\r\n }\r\n\r\n if(IsComplete && !this.state.Rights.hasOwnProperty('isWarehouseUser')){\r\n selection.unallocate.disabled = true;\r\n selection.unallocate.message = this.translate('note_unallocate_closedorder_customer_user');\r\n selection.reallocate.disabled = true;\r\n selection.reallocate.message = this.translate('note_reallocate_closedorder_customer_user');\r\n }\r\n\r\n if(!this.state.Rights.hasOwnProperty('isWarehouseUser')){\r\n selection.createPickJob.disabled = true;\r\n selection.removeFromPickJob.disabled = true;\r\n selection.deletePickJob.disabled = true;\r\n selection.createPickJob.message = this.translate('note_create_pick_job_completeorder_customer_user');\r\n selection.removeFromPickJob.message = this.translate('note_removefrom_pick_job_closedorder_customer_user');\r\n selection.deletePickJob.message = this.translate('note_delete_pick_job_closedorder_customer_user');\r\n }\r\n\r\n if (CanRegenPkgs == true && IsComplete && !this.state.Rights.hasOwnProperty('isWarehouseUser')) {\r\n selection.consolidatePkgs.disabled = true;\r\n selection.consolidatePkgs.message = this.translate('note_cant_consolidatepkgs_customer_user');\r\n\r\n selection.recalcPkgs.disabled = true;\r\n selection.recalcPkgs.message = this.translate('note_cant_recalculatepkgs_customer_user');\r\n }\r\n if (IsComplete && !this.state.Rights.hasOwnProperty('isWarehouseUser')) {\r\n selection.processPkgs.disabled = true;\r\n selection.processPkgs.message = this.translate('note_cant_processpackgs_customer_user');\r\n\t\t\t}\r\n\t\t\tif (IsComplete && !this.state.Rights.hasOwnProperty('isWarehouseUser')) {\r\n\t\t\t\tselection.cancel.disabled = true;\r\n\t\t\t\tselection.cancel.message = this.translate('note_cant_cancel_customer_user');\r\n\t\t\t}\r\n this.setState({\r\n Selection: selection,\r\n SelectedOrders: SelectedOrders,\r\n SameFacility: SameFacility,\r\n isSamePrintedFormat: isSamePrintedFormat,\r\n SameFacilityId: FacilityIdSelected,\r\n SameCustomer: SameCustomer,\r\n SameBatchId: SameBatchId,\r\n FullyAllocated: !notFullyAllocated,\r\n SharedSelectedOrderIds: KendoGrid.getKeys(),\r\n sharedSelectedOrderData: this.state.LocalKendoGrid.getItem(KendoGrid.getKeys()[0]),\r\n ParcelLabelType: ParcelLabelType,\r\n EnablePickOption: enablePickTicketOption,\r\n SharedSelectedOverAllocatedOrderIds: selectedOverAllocatedOrders\r\n });\r\n\r\n this.updateInitialPrintMenu();\r\n\r\n }\r\n }\r\n\r\n selectRow = (KendoGrid, isCallFrom) => {\r\n\r\n this.setState({\r\n LocalKendoGrid: KendoGrid\r\n });\r\n let tempkey = KendoGrid.getKeys();\r\n if (isCallFrom != 'contextMenuClick' && tempkey.length == 1) {\r\n let dataItem = {\r\n 'isGridSelectionUpdate': true,\r\n 'dataItem': KendoGrid.getItem(tempkey)\r\n };\r\n this.props.onViewSummary(dataItem);\r\n }\r\n this.UpdateGridSummary();\r\n }\r\n closeCustomerNotFoundModel = () => {\r\n this.setState({ isOpenCustomerNotFoundModel: false });\r\n }\r\n\r\n onCreateOrderProto = (e) => {\r\n this.props.onCreateOrderProto();\r\n }\r\n\r\n onCreateOrderProtoInNewTab = (e) => {\r\n this.$rootScope.OpenWindow({\r\n url: \"
\"+orderId+\" : \" + faultMsg + \"
\";\r\n }\r\n\r\n }\r\n }\r\n this.setState({\r\n isOpenAllocationMessageModel: true,\r\n allocationResultMessage:tmpAllocationmsg,\r\n faultResultsMessage:tmpFaultResultsMessage,\r\n });\r\n },650);\r\n }\r\n }\r\n\r\n exitRallocatonResultModel = () => {\r\n this.setState({\r\n isOpenAllocationMessageModel: false\r\n });\r\n }\r\n\r\n onSendToTMW = (e) => {\r\n var orderIds = this.state.LocalKendoGrid.getKeys().map(function (value) {\r\n return parseInt(value);\r\n });\r\n\r\n this.setState({ gifLoaderText: this.translate('Label_Send_To_TMW') });\r\n findOrdersService.tmwExporter(orderIds).then((response) => {\r\n if (typeof response != \"undefined\" && response.status == 204 || response.status == 200) {\r\n GlobalService.notification('success', this.translate('Label_Send_To_TMW_Success'));\r\n this.resetGridSelectionAndButton();\r\n }\r\n }).finally(() => {\r\n this.setState({ gifLoaderText: '' });\r\n });\r\n }\r\n\r\n processPackages = (e) => {\r\n let orderids = JSON.stringify(this.state.SharedSelectedOrderIds[0]);\r\n this.$rootScope.OpenWindow({\r\n url: '\r\n {this.state.overlayScreenShow && (\r\n this.setModelState('SharedIsOpenCarrierRoutingModelProto', false)}\r\n />\r\n )}\r\n\r\n {this.state.SharedIsOpenCreatePickJobModel &&(\r\n this.setModelState('SharedIsOpenCreatePickJobModel', false)}\r\n onResetGridSelection={this.resetGridSelectionAndButton}\r\n />\r\n )}\r\n {this.state.sharedIsOpenMassShipAndCloseModel && (\r\n\r\n this.setModelState('sharedIsOpenMassShipAndCloseModel', false)}\r\n onResetGridSelection={this.resetGridSelectionAndButton}\r\n />\r\n )}\r\n {this.state.sharedIsOpenBatchingModel && (\r\n this.setModelState('isOpenReopenModal', false)}\r\n isOpenUnallocateModal={this.state.isOpenUnallocateModal}\r\n onCloseUnallocateModal={(e) => this.setModelState('isOpenUnallocateModal', false)}\r\n isOpenReallocateModal={this.state.isOpenReallocateModal}\r\n onCloseReallocateModal={this.onCloseReallocateModal}\r\n closeReallocateConfirmationModal={this.closeReallocateConfirmationModal}\r\n isOpenSplitOverallocateModal={this.state.isOpenSplitOverallocateModal}\r\n onCloseSplitOverallocateModal={(e) => this.setModelState('isOpenSplitOverallocateModal', false)}\r\n onResetGridSelection={this.resetGridSelectionAndButton}\r\n SharedSelectedOrderIds={this.state.SharedSelectedOrderIds}\r\n SameFacilityId={this.state.SameFacilityId}\r\n isOpenBatchConfirmModal={this.state.isOpenBatchConfirmModal}\r\n onCloseBatchModal={(e) => this.setModelState('isOpenBatchConfirmModal', false)}\r\n onContinueBatchModal={this.continueBatchModal}\r\n isOpenRemoveBatchConfirmModal={this.state.isOpenRemoveBatchConfirmModal}\r\n onCloseRemoveBatchModal={(e) => this.setModelState('isOpenRemoveBatchConfirmModal', false)}\r\n onContinueRemoveBatchModal={this.continueRemoveBatchModal}\r\n isOpenConfirmForShipOrders={this.state.isOpenConfirmForShipOrders}\r\n onCloseShipOrders={(e) => this.setModelState('isOpenConfirmForShipOrders', false)}\r\n />\r\n {this.state.isOpenPickTicketModel && (\r\n \r\n )}\r\n {this.state.isOpenAttachDoc &&\r\n this.setModelState('isOpenAttachDoc', false)}\r\n />\r\n }\r\n {this.state.isOpenPackingSlipsModel && (\r\n this.setModelState('isOpenPackingSlipsModel', false)}\r\n />\r\n )}\r\n {this.state.isOpenSendAsnModel && (\r\n this.setModelState('isOpenSendAsnModel', false)}\r\n />\r\n )}\r\n {this.state.sharedIsOpenTransferModel &&(\r\n \r\n \r\n this.setModelState('isOpenCancelModal', false)}\r\n sharedSelectedIds={this.state.SharedSelectedOrderIds}\r\n resetGridSelection={this.resetGridSelectionAndButton}\r\n />\r\n )}\r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport { FindOrdersSearchVirtual } from './findOrders-search.virtual.component.jsx';\r\nimport { FindOrdersGridVirtual } from './findOrders-grid.virtual.component.jsx';\r\nimport './findOrdes.virtual.scss';\r\nimport * as GlobalService from '../../global_services';\r\nimport * as metaDataService from '../meta-data.service';\r\nimport { StringWms } from '../../../../assets/ts/StringWms.ts';\r\nimport * as GridConfig from './grid_configuration.virtual.jsx';\r\n\r\nexport class FindOrdersHolderVirtual extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n this.defaultFilterValue = {\r\n IndexOptionsSearchBy: 0,\r\n IndexOptionsReferenceNumber: 0,\r\n IndexOptionsCustomerId: 0,\r\n IndexOptionsFacilityId: 0,\r\n IndexOptionsPoNum: 0,\r\n IndexOptionsShipTo: 0,\r\n IndexOptionsOrderNote: 0,\r\n IndexOptionsStatus: 2,\r\n IndexOptionsAsn: 2,\r\n IndexOptionsInventoryAllocated: 2,\r\n OrderNote: '',\r\n StartDate: '',\r\n EndDate: '',\r\n Sku: '',\r\n PurchaseOrderNumber: '',\r\n SelectedSkus: '',\r\n SelectedCustomer: 0,\r\n SelectedFacility: 0,\r\n ShowSku: true,\r\n ShowBatchName: true,\r\n SearchTarget: \"\"\r\n }\r\n this.findOrderGridId = \"grid_with_remote_data\";\r\n this.state = {\r\n sharedFindOrderFilter: Object.assign({}, this.defaultFilterValue),\r\n sharedSearchOn: false,\r\n isOptionCallComplete: false,\r\n filterObject: [],\r\n gridDomSelector: () => this.props.windowId ? '.' + this.props.windowId + ' #' + this.findOrderGridId : '#' + this.findOrderGridId,\r\n\r\n }\r\n\r\n }\r\n\r\n componentDidMount() {\r\n kendo.ui.progress($('#wms-findorder-virtual-wrapper'), true);\r\n\r\n GlobalService.GetCustomersAndFacility().then(() => {\r\n this.setState({\r\n isOptionCallComplete:true\r\n });\r\n }).finally(() => {\r\n kendo.ui.progress($('#wms-findorder-virtual-wrapper'), false);\r\n this.intializeOrder();\r\n });\r\n }\r\n intializeOrder = () => {\r\n var filterData = metaDataService.getFindOrderFilterMetaData();\r\n if (filterData != \"\") {\r\n\r\n // temporary remove batch name from metaData,\r\n // remove code after pass batchId in filter\r\n delete filterData.BatchName;\r\n\r\n this.setState({\r\n sharedFindOrderFilter: filterData,\r\n sharedSearchOn: true,\r\n }, () => { \r\n this.refs.findOrdersGridVirtual.callForGetTotalCount() \r\n });\r\n } else {\r\n this.refs.findOrdersGridVirtual.callForGetTotalCount();\r\n }\r\n }\r\n onFilterDataSet = (param_filterObj, isNeedToSetFilter = false) => {\r\n metaDataService.setFindOrderFilterMetaData(param_filterObj);\r\n this.setState({\r\n sharedFindOrderFilter: param_filterObj,\r\n sharedSearchOn: true\r\n }, () => {\r\n // reset selection of grid on filter data change\r\n if(isNeedToSetFilter) {\r\n this.refs.findOrdersSearchVirtual.setFilter(param_filterObj);\r\n }\r\n this.refs.findOrdersGridVirtual.clearSelectionOfGrid();\r\n this.refs.findOrdersGridVirtual.callForGetTotalCount();\r\n });\r\n }\r\n\r\n onApplySavedFilter = (param_filterObj) => {\r\n this.setState({\r\n sharedFindOrderFilter: param_filterObj,\r\n sharedSearchOn: true\r\n }, () => {\r\n\r\n // reset selection of grid on filter data change\r\n this.refs.findOrdersGridVirtual.clearSelectionOfGrid();\r\n this.refs.findOrdersGridVirtual.callForGetTotalCount();\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n this.refs.findOrdersGridVirtual.setFilterAppliedText(dataSource.filter());\r\n this.refs.findOrdersGridVirtual.onApplySavedFilterData(param_filterObj);\r\n });\r\n }\r\n\r\n getEnableColumns = () => {\r\n var defaultParam = [\"FullyAllocated\", \"IsClosed\", \"CanConfirm\", \"CanCancel\", \"CanUnconfirm\", \"FacilityId\", \"CustomerId\", \"BatchOrderId\", \"BatchUri\", \"EditUri\", \"FileSummariesUri\", \"CustomerUri\", \"CanSplit\", \"CanAllocate\", \"PickJobId\", \"IsPickDone\", \"CanDeallocate\", \"CanExportToTmw\", \"ParcelLabelType\"]\r\n let columnList = [];\r\n\r\n let grid = $('#grid_with_remote_data').data('kendoGrid');\r\n // if grid already defined than we get columns from grid\r\n if (typeof grid != \"undefined\") {\r\n columnList = grid.columns;\r\n } else { // else get column list from metadataObject or default columns\r\n let Orders_FindOrders_GridHeaders = StringWms.convertSringToOption(this.translate('Orders_FindOrders_GridHeaders'));\r\n columnList = GridConfig.getGridDemoColumns(Orders_FindOrders_GridHeaders, GlobalService.getCustomLabels()).columns;\r\n var findOrderGridConfig = metaDataService.getFindOrderGridOptionInMetaData();\r\n if (findOrderGridConfig != \"\") {\r\n var gridOptions = JSON.parse(findOrderGridConfig);\r\n if (gridOptions.columns) {\r\n columnList = gridOptions.columns;\r\n }\r\n }\r\n }\r\n\r\n var enableColumns = columnList.map(el => el.field);\r\n // merge defaultParam and enableColumns without dublicate value\r\n return [...new Set([...defaultParam, ...enableColumns])];\r\n }\r\n \r\n \r\n getUpdatedData = () => {\r\n this.refs.findOrdersGridVirtual.callForGetTotalCount(false);\r\n }\r\n \r\n \r\n // click on save search filter in meta data\r\n onManageFilter = (param_action, param_data) => {\r\n var filterData = this.state.sharedFindOrderFilter;\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n var filterArray = grid.dataSource.filter() ? grid.dataSource.filter() : [];\r\n var gridColumn = grid.getOptions().columns;\r\n var finalSubmission = GlobalService.prepareGridOptionsForStorage(gridColumn, sortArray, filterArray);\r\n if (param_action == 'saveFilter') {\r\n metaDataService.saveFindOrderFilterMetaData(param_data, JSON.parse(JSON.stringify(filterData)), finalSubmission);\r\n } else {\r\n metaDataService.updateFindOrderFilterMetaData(param_data, JSON.parse(JSON.stringify(filterData)), finalSubmission);\r\n GlobalService.notification('success',this.translate('Order_Filter_Update_success'));\r\n }\r\n }\r\n\r\n onClearSearch = () => {\r\n metaDataService.clearFindOrderFilterMetaData();\r\n this.setState({\r\n sharedFindOrderFilter: Object.assign({}, this.defaultFilterValue),\r\n sharedSearchOn: false\r\n }, () => {\r\n // reset selection of grid on filter data change\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n if (typeof grid != \"undefined\") {\r\n grid.dataSource.filter([]);\r\n var gridColumn = grid.getOptions().columns;\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = GlobalService.prepareGridOptionsForStorage(gridColumn, sortArray, grid.dataSource.filter());\r\n\r\n this.refs.findOrdersGridVirtual.clearSelectionOfGrid();\r\n this.refs.findOrdersGridVirtual.callForGetTotalCount();\r\n setTimeout(() =>{\r\n metaDataService.setFindOrderGridOptionInMetaData(finalSubmission);\r\n },500)\r\n this.refs.findOrdersGridVirtual.setFilterAppliedText(grid.dataSource.filter());\r\n }\r\n });\r\n }\r\n render() {\r\n return (\r\n \r\n {this.state.MenuPrintData.length > 0 && (\r\n this.state.gridExportLimit || this.state.totalInLineColumnFilters > 1) ? true : false}\r\n // exportGridDisabledText={this.translate('note_Export_GridLimit').replace(new RegExp('{' + 'dynamicAmount' + '}', 'gi'), this.state.gridExportLimit)}\r\n id={this.findOrderGridId}\r\n defaultColumns={this.state.defaultColumns}\r\n allColumns={this.state.allColumnList}\r\n schema={this.state.schema}\r\n onSelection={this.selectRow}\r\n onDataBound={this.onGridDataBound}\r\n onSort={this.onSort}\r\n onColumnReorder={this.onColumnReorder}\r\n onColumnResize={this.onColumnResize}\r\n onClickClearSorts={this.onClickClearSorts}\r\n onClickResetGrid={this.onClickResetGrid}\r\n windowId={this.props.windowId}\r\n clickEventOfContextMenu={this.clickEventOfContextMenu}\r\n eventClickExportGrid={this.eventClickExportGrid}\r\n eventClickColumns={this.eventClickColumns}\r\n onGridFilterApplied={this.onGridFilterApplied}\r\n metaGridConfig={this.state.findOrderGridConfig}\r\n loadAllRecords={this.onClickLoadAllRecords}\r\n isAllDataLoad={this.state.isAllDataLoad}\r\n isFindOrderSummary={true}\r\n orderSummary={this.state.orderSummary}\r\n loadAllMessageFirst={this.translate('Label_Grid_Filter_Message')}\r\n loadAllMessageSecond={this.translate('Label_Grid_Filter_Message_2')}\r\n showLoadingError={this.state.showLoadingError}\r\n menu={\r\n [{\r\n \"name\": this.translate('Label_Manage'),\r\n \"wmsSelector\": this.state.Selector + \"Manage\",\r\n \"value\": [\r\n {\r\n \"name\": this.translate('Label_Edit_Order'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders != 1 || this.state.Selection.editOrder.disabled),\r\n \"disabledText\": this.state.Selection.editOrder.message,\r\n \"icon\": \"fa-pencil\",\r\n \"color\": \"yellow\",\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('orders.edit.view'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('orders.edit.view'),\r\n \"wmsSelector\": this.state.Selector + \"SameEditOrderProto\",\r\n \"onClickFunc\": this.onEditOrderProto,\r\n 'wmsid': 'editOrderProto'\r\n },\r\n {\r\n \"name\": this.translate('Label_Edit_Order_New_tab'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders != 1 || this.state.Selection.editOrder.disabled),\r\n \"disabledText\": this.state.Selection.editOrder.message,\r\n \"icon\": \"fa-pencil\",\r\n \"color\": \"yellow\",\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('orders.edit.view'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('orders.edit.view'),\r\n \"wmsSelector\": this.state.Selector + \"EditOrderProto\",\r\n \"onClickFunc\": this.onEditOrderProtoNewTab,\r\n 'wmsid': 'onEditOrderProtoNewTab'\r\n },\r\n {\r\n \"name\": this.translate('Label_Clone_Order'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders != 1),\r\n \"disabledText\": this.state.Selection.editOrder.message,\r\n \"icon\": \"fa-pencil\",\r\n \"color\": \"yellow\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": this.state.Selector + \"CloneOrder\",\r\n \"onClickFunc\": this.onCloneOrderClick,\r\n 'wmsid': 'onCloneOrderClick',\r\n 'isNewMenu': false\r\n },\r\n {\r\n \"name\": this.translate('Label_Find_Order_Summary'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders != 1),\r\n \"disabledText\": this.state.Selection.editOrder.message,\r\n \"icon\": \"fa-pencil\",\r\n \"color\": \"yellow\",\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('orders.manage.view'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('orders.manage.view'),\r\n \"wmsSelector\": this.state.Selector + \"ViewSummary\",\r\n \"onClickFunc\": this.onViewSummary,\r\n 'wmsid': 'orderViewSummary'\r\n },\r\n {\r\n \"name\": this.translate('Label_Edit_Carrier_Routing'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders < 1 || this.state.Selection.carrierAndRouting.disabled),\r\n \"disabledText\": this.state.Selection.carrierAndRouting.message,\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('orders.edit.view'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('orders.edit.view'),\r\n \"wmsSelector\": this.state.Selector + \"EditCarrierRoutingProto\",\r\n \"onClickFunc\": (e) => this.setModelState('SharedIsOpenCarrierRoutingModelProto', true),\r\n 'wmsid': 'carrierRoutingProto'\r\n },\r\n {\r\n \"name\": this.translate('Label_Mark_Orders_Complete'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders < 1 || this.state.Selection.markOrdersComplete.disabled),\r\n \"disabledText\": this.state.Selection.markOrdersComplete.message,\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": this.state.Selector + \"MarkOrdersComplete\",\r\n \"onClickFunc\": this.markOrdersComplete,\r\n 'wmsid': 'markOrdersComplete'\r\n },\r\n {\r\n \"name\": this.translate('Label_Create_Pick_Job'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders < 1 || this.state.Selection.createPickJob.disabled),\r\n \"disabledText\": this.state.Selection.createPickJob.message,\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('orders.manage.pickjob'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('orders.manage.pickjob'),\r\n \"wmsSelector\": this.state.Selector + \"CreatePickJob\",\r\n \"onClickFunc\": (e) => this.setModelState('SharedIsOpenCreatePickJobModel', true),\r\n 'wmsid': 'createPickJob'\r\n },\r\n {\r\n \"name\": this.translate('Label_RemoveFrom_Pick_Job'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders < 1 || this.state.Selection.removeFromPickJob.disabled),\r\n \"disabledText\": this.state.Selection.removeFromPickJob.message,\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('orders.manage.pickjob'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('orders.manage.pickjob'),\r\n \"wmsSelector\": this.state.Selector + \"RemoveFromPickJob\",\r\n \"onClickFunc\": this.onRemoveFromPickJob,\r\n 'wmsid': 'removeFromPickJob'\r\n },\r\n {\r\n \"name\": this.translate('Label_Delete_Pick_Job'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders < 1 || this.state.Selection.deletePickJob.disabled),\r\n \"disabledText\": this.state.Selection.deletePickJob.message,\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('orders.manage.pickjob'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('orders.manage.pickjob'),\r\n \"wmsSelector\": this.state.Selector + \"DeletePickJob\",\r\n \"onClickFunc\": this.onDeletePickJob,\r\n 'wmsid': 'deletePickJob'\r\n },\r\n {\r\n \"name\": this.translate('Label_Ship_And_Close'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders < 1 || this.state.Selection.shipAndClose.disabled),\r\n \"disabledText\": this.state.Selection.shipAndClose.message,\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('orders.confirm'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('orders.confirm'),\r\n \"wmsSelector\": this.state.Selector + \"ShipAndClose\",\r\n \"onClickFunc\":\r\n (e) => this.setModelState('sharedIsOpenMassShipAndCloseModel', true),\r\n 'wmsid': 'shipAndClose'\r\n },\r\n {\r\n \"name\": this.translate('Label_Canceling'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders < 1 || this.state.Selection.cancel.disabled),\r\n \"disabledText\": this.state.Selection.cancel.message,\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('orders.manage.cancel'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('orders.manage.cancel'),\r\n \"wmsSelector\": this.state.Selector + \"Canceling\",\r\n \"onClickFunc\": (e) => this.setModelState('isOpenCancelModal', true),\r\n 'wmsid': 'canceling'\r\n },\r\n {\r\n \"name\": this.translate('Label_Reopen'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders < 1 || this.state.Selection.reopen.disabled),\r\n \"disabledText\": this.state.Selection.reopen.message,\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('orders.manage.reopen'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('orders.manage.reopen'),\r\n \"wmsSelector\": this.state.Selector + \"Reopen\",\r\n \"onClickFunc\": (e) => this.setModelState('isOpenReopenModal', true),\r\n 'wmsid': 'reopen'\r\n },\r\n {\r\n \"name\": this.translate('Label_Send_To_TMW'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders < 1 || this.state.Selection.tmw.disabled),\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('Integrations.TmwExportEnabled'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('Integrations.TmwExportEnabled'),\r\n \"wmsSelector\": this.state.Selector + \"SendToTMW\",\r\n \"onClickFunc\": this.onSendToTMW,\r\n 'wmsid': 'sendToTMW'\r\n },\r\n {\r\n \"name\": this.translate('Label_Process_Packages'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders != 1 || this.state.Selection.processPkgs.disabled),\r\n \"disabledText\": this.state.Selection.processPkgs.message,\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('orders.edit.pack'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('orders.edit.pack'),\r\n \"wmsSelector\": this.state.Selector + \"ProcessPackages\",\r\n \"onClickFunc\": this.processPackages,\r\n 'wmsid': 'processPackages'\r\n },\r\n {\r\n \"name\": this.translate('Label_Recalc_Packages'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders < 1 || this.state.Selection.recalcPkgs.disabled),\r\n \"disabledText\": this.state.Selection.recalcPkgs.message,\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('orders.edit.pack'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('orders.edit.pack'),\r\n \"wmsSelector\": this.state.Selector + \"RecalcPackages\",\r\n \"onClickFunc\": this.recalcPackages,\r\n 'wmsid': 'recalcPackages'\r\n }, {\r\n \"name\": this.translate('Label_Consolidate_Packages'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders < 1 || this.state.Selection.consolidatePkgs.disabled),\r\n \"disabledText\": this.state.Selection.consolidatePkgs.message,\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('orders.edit.pack'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('orders.edit.pack'),\r\n \"wmsSelector\": this.state.Selector + \"ConsolidatePackages\",\r\n \"onClickFunc\": this.openConsolidatePackages,\r\n 'wmsid': 'consolidatePackages'\r\n }, {\r\n \"name\": this.state.Selection.transferOrder.label,\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders < 1 || this.state.Selection.transferOrder.disabled || this.state.facilities.length == 1),\r\n \"disabledText\": this.state.Selection.transferOrder.message,\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": this.state.Selector + \"TransferOrder\",\r\n \"onClickFunc\": this.openTransferOrderModel,\r\n 'wmsid': 'transferOrder'\r\n }],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true\r\n },\r\n {\r\n \"name\": this.translate('Button_Label_CreateOrders'),\r\n \"value\": [\r\n {\r\n \"name\": this.translate('Label_Create_Order'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": this.translate('Label_Create_Order'),\r\n \"icon\": \"fa-bandcamp\",\r\n \"color\": \"green\",\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'copyField',\r\n \"wmsSelector\": \"createOrderProto\",\r\n \"onClickFunc\": this.onCreateOrderProto\r\n }, {\r\n \"name\": this.translate('Label_Create_Order_New_tab'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": this.translate('Label_Create_Order_New_tab'),\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'createOrderInNewTabProto',\r\n \"onClickFunc\": this.onCreateOrderProtoInNewTab\r\n }\r\n ],\r\n \"disabled\": false,\r\n \"icon\": \"fa-plus\",\r\n \"color\": \"green\",\r\n \"clickFunc\": (e) => null,\r\n 'isContextMenu': false,\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('orders.edit.view'),\r\n \"wmsSelector\": this.state.Selector + \"CreateOrders\",\r\n 'wmsid': 'createOrders'\r\n },\r\n {\r\n \"name\": this.translate('Label_FindOrder_Allocate'),\r\n \"wmsSelector\": this.state.Selector + \"Allocation\",\r\n \"value\": [{\r\n \"name\": this.translate('Label_Reallocate_Selected'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders < 1 || this.state.Selection.reallocate.disabled),\r\n \"disabledText\": this.state.Selection.reallocate.message,\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('orders.allocate'),\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": this.state.Selector + \"Reallocate\",\r\n \"onClickFunc\": (e) => this.setModelState('isOpenReallocateModal', true),\r\n 'wmsid': 'reallocate'\r\n },\r\n {\r\n \"name\": this.translate('Label_Unallocate_Selected'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders < 1 || this.state.Selection.unallocate.disabled),\r\n \"disabledText\": this.state.Selection.unallocate.message,\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('orders.allocate'),\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": this.state.Selector + \"Unallocate\",\r\n \"onClickFunc\": (e) => this.setModelState('isOpenUnallocateModal', true),\r\n 'wmsid': 'unallocate'\r\n },\r\n {\r\n \"name\": this.translate('Label_Split_Overallocated'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders < 1 || this.state.Selection.splitOverallocated.disabled),\r\n \"disabledText\": this.state.Selection.splitOverallocated.message,\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('orders.allocate'),\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": this.state.Selector + \"SplitOverallocated\",\r\n \"onClickFunc\": (e) => this.setModelState('isOpenSplitOverallocateModal', true),\r\n 'wmsid': 'splitOverallocated'\r\n },\r\n {\r\n \"name\": this.translate('Label_Short_Ship_Orders'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders < 1 || this.state.Selection.shortShipOrders.disabled),\r\n \"disabledText\": this.state.Selection.shortShipOrders.message,\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": this.state.Selector + \"SplitOvershortSlipoverAllocateallocated\",\r\n \"onClickFunc\": (e) => this.setModelState('isOpenConfirmForShipOrders', true),\r\n 'wmsid': 'shortSlipoverAllocate'\r\n }],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-pallet-box\",\r\n \"color\": \"green\",\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('orders.allocate'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('orders.allocate'),\r\n },\r\n {\r\n \"name\": this.translate('Label_Batching'),\r\n \"wmsSelector\": this.state.Selector + \"Batching\",\r\n \"value\": [{\r\n \"name\": this.translate('Label_Add_To_New'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders < 1 || this.state.Selection.addToNewBatch.disabled),\r\n \"disabledText\": this.state.Selection.addToNewBatch.message,\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": this.state.Selector + \"AddToNewBatch\",\r\n \"onClickFunc\": () => this.onOpenBatch('addToNew'),\r\n 'wmsid': 'addToNew'\r\n },\r\n {\r\n \"name\": this.translate('Label_Add_Orders_To_Existing_Batch'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders < 1 || this.state.Selection.addToExistingBatch.disabled),\r\n \"disabledText\": this.state.Selection.addToExistingBatch.message,\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": this.state.Selector + \"AddToExistingBatch\",\r\n \"onClickFunc\": () => this.onOpenBatch('addToExisting'),\r\n 'wmsid': 'addToExistingBatch'\r\n },\r\n {\r\n \"name\": this.translate('Label_Remove_From_Batch'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders < 1 || this.state.Selection.removeFromBatch.disabled),\r\n \"disabledText\": this.state.Selection.removeFromBatch.message,\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": this.state.Selector + \"RemoveFromBatch\",\r\n \"onClickFunc\": this.onRemoveFromBatch,\r\n 'wmsid': 'removeFromBatch'\r\n }],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-layer-group\",\r\n \"color\": \"green\",\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('orders.manage.batch'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('orders.manage.batch'),\r\n },\r\n {\r\n \"name\": this.translate('NavBarV1_Btn_Documents'),\r\n \"wmsSelector\": this.state.Selector + this.translate('NavBarV1_Btn_Documents'),\r\n \"value\": this.state.MenuPrintData,\r\n \"clickFunc\": (e) => null,\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-print\",\r\n \"color\": \"green\",\r\n 'isContextMenu': (this.state.Rights.hasOwnProperty('orders.docs') ||\r\n (\r\n this.state.Rights.hasOwnProperty('orders.attachdocs') && this.state.Rights.hasOwnProperty('Shipping.AttachedDocsEnabled')\r\n )),\r\n 'isButtonMenu': (this.state.Rights.hasOwnProperty('orders.docs') ||\r\n (\r\n this.state.Rights.hasOwnProperty('orders.attachdocs') && this.state.Rights.hasOwnProperty('Shipping.AttachedDocsEnabled')\r\n ))\r\n },\r\n {\r\n \"name\": this.translate('Label_Smart_Parcel'),\r\n \"wmsSelector\": this.state.Selector + this.translate('Label_Smart_Parcel'),\r\n \"value\": this.state.MenuSmartParcelData,\r\n \"clickFunc\": (e) => null,\r\n // \"disabled\": (this.state.SelectedOrders < 1),\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-box-open\",\r\n \"color\": \"green\",\r\n 'isContextMenu': false,\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('orders.manage.smartparcel') &&\r\n this.state.Rights.hasOwnProperty('Shipping.SmallParcelEnabled') &&\r\n this.state.Rights.hasOwnProperty('UxPrototypingDirectivesShowClassicSP')\r\n },\r\n {\r\n \"name\": \"Copy\",\r\n \"value\": [{\r\n \"name\": this.translate('Label_Copy_Field'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": this.translate('Label_Copy_Field'),\r\n \"icon\": \"fa-bandcamp\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n 'wmsid': 'copyField',\r\n \"wmsSelector\": \"copyToClicpboard\",\r\n }, {\r\n \"name\": this.translate('Label_Copy_Row'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": this.translate('Label_Copy_Row'),\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n 'wmsid': 'copyRow'\r\n }],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false\r\n },\r\n {\r\n \"name\": this.translate('Label_Import'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"icon\": \"fa-download\",\r\n \"color\": \"green\",\r\n \"clickFunc\": this.onImportOrder,\r\n 'isContextMenu': false,\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('orders.import.manage'),\r\n \"wmsSelector\": this.state.Selector + \"Import\",\r\n 'wmsid': 'import'\r\n },\r\n {\r\n \"name\": '',\r\n \"wmsSelector\": this.props.selector + 'RefreshGrid',\r\n \"value\": [],\r\n \"clickFunc\": this.refreshOrderGrid,\r\n \"disabled\": false,\r\n \"icon\": \"fa-sync-alt\",\r\n \"color\": \"blue\",\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true,\r\n 'parentClassName':'findOrferGridRefreshBtn'\r\n }]\r\n }\r\n />\r\n )}\r\n
\r\n {this.state.isOpenColumnModel && (\r\n \r\n {this.state.allocationResultMessage}\r\n {this.state.faultResultsMessage && (\r\n
\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n )}\r\n {this.state.isOpenCustomerNotFoundModel && (\r\n \r\n {this.translate('Label_Find_Order_Customer_Deactive')}\r\n
\r\n \r\n
\r\n\r\n \r\n )}\r\n {this.state.sharedIsOpenConsolidatePackages && (\r\n \r\n {this.state.isOptionCallComplete && (\r\n
\r\n );\r\n }\r\n}","import React, { Fragment } from 'react';\r\nimport './orderSummary.virtual.scss';\r\nimport { StringWms } from '../../../../assets/ts/StringWms.ts';\r\nimport WmsButton from '../../components/WmsButton/WmsButton.jsx';\r\nimport WmsContainer from '../../components/WmsContainer/WmsContainer.jsx';\r\nimport * as manageOrderServices from '../manageOrders/manage-orders.services.jsx';\r\n\r\nimport * as GlobalService from \"../../global_services\";\r\nimport axios from \"axios\";\r\n\r\nexport class OrderSummaryVirtual extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n this.optionsDeliveryConfirmationType = {\r\n \"none\": \"None\",\r\n \"delivery\": \"Delivery\",\r\n \"signature\": \"Signature\",\r\n \"adult_signature\": \"Adult Signature\",\r\n \"direct_signature\": \"Direct Signature\"\r\n };\r\n\r\n this.state = {\r\n selector: \"OrderSummary\",\r\n customerName: \"\",\r\n facilityName: \"\",\r\n selectedCustomer: {},\r\n orderDetails: \"\",\r\n customLabels: GlobalService.getCustomLabels(),\r\n OrderId: props.sharedSelectOrderId,\r\n orderLineItemData: [],\r\n lineItemGridHeader: StringWms.convertSringToOption(this.translate('Orders_ManageOrders_Line_ItemsGrid_Headers')),\r\n totalCharges: 0,\r\n Rights: GlobalService.GetRights()\r\n }\r\n }\r\n componentDidMount() {\r\n\r\n this.initManageOrders();\r\n\r\n }\r\n componentWillReceiveProps(nextProps) {\r\n if (typeof nextProps.sharedSelectOrderId != \"undefined\" && nextProps.sharedSelectOrderId != this.state.OrderId) {\r\n this.setState({\r\n OrderId: nextProps.sharedSelectOrderId\r\n }, this.initManageOrders)\r\n }\r\n }\r\n\r\n initManageOrders = () => {\r\n kendo.ui.progress($('.order-form'), true);\r\n var orderId = this.state.OrderId;\r\n manageOrderServices.GetOrderSummary(orderId).then((response) => {\r\n this.setState({\r\n orderDetails: response,\r\n orderLineItemData: response.orderItems,\r\n customerName: this.getCustomerById(response.customerId).name,\r\n facilityName: this.getFacilityById(response.facilityId).name,\r\n selectedCustomer: this.getCustomerById(response.customerId)\r\n }, () => {\r\n this.calculateTotalCharge();\r\n this.loadTabLayout();\r\n });\r\n }).finally(() => {\r\n kendo.ui.progress($('.order-form'), false);\r\n });\r\n }\r\n loadTabLayout = () => {\r\n $(\".\" + this.props.windowId + \" #summaryContactTabStrip\").kendoTabStrip(\r\n {\r\n animation: {\r\n open: {\r\n effects: \"fadeIn\"\r\n }\r\n }\r\n }\r\n );\r\n }\r\n // sub grid\r\n detailInit = (e) => {\r\n $(\"\").appendTo(e.detailCell).kendoGrid({\r\n dataSource: {\r\n data: e.data.SavedElements != null ? e.data.SavedElements : []\r\n },\r\n scrollable: false,\r\n sortable: false,\r\n pageable: false,\r\n columns: [\r\n { field: \"Name\", title: \"Name\" },\r\n { field: \"Value\", title: \"Value\" }\r\n ]\r\n });\r\n }\r\n getCustomerById = (customerId) => {\r\n return GlobalService.getCustomerList().find((element) => {\r\n if (element.id == customerId) {\r\n return element;\r\n }\r\n });\r\n }\r\n getFacilityById = (warehouseId) => {\r\n return GlobalService.getFacilityList().find((element) => {\r\n if (element.id == warehouseId) {\r\n return element;\r\n }\r\n });\r\n }\r\n calculateTotalCharge = () => {\r\n var billingChargesData = this.state.orderDetails.billingCharges ? this.state.orderDetails.billingCharges : [];\r\n // var total = 0;\r\n var total = 0;\r\n billingChargesData.forEach(item => {\r\n total += item.totalCharges;\r\n });\r\n\r\n this.setState({ totalCharges: total })\r\n }\r\n render() {\r\n var orderDetails = this.state.orderDetails ? this.state.orderDetails : \"\";\r\n var lineItemGridHeader = this.state.lineItemGridHeader;\r\n var billingChargesData = this.state.orderDetails.billingCharges ? this.state.orderDetails.billingCharges : [];\r\n var orderSEData = this.state.orderDetails.savedElements ? this.state.orderDetails.savedElements : [];\r\n var customOrderInfo_GridHeaders = StringWms.convertSringToOption(this.translate('Orders_ManageOrders_CustomOrderHeaders'));\r\n var CalculateCharges_GridHeaders = StringWms.convertSringToOption(this.translate('Orders_ManageOrders_Grid_Headers_Applied_Charges'));\r\n var selectedCustomer = this.state.selectedCustomer;\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}","\r\nimport React from 'react';\r\nimport { FindOrdersHolderVirtual } from './findOrders/findOrders-holder.virtual.component.jsx';\r\nimport { ManageOrdersFormProto } from '../orders/manageOrders/manage-orders-form-proto.component.jsx';\r\nimport { OrderSummaryVirtual } from './orderSummary/order-summary.virtual.component.jsx';\r\nimport { CreateManualChargeModel } from './findOrders/model/create-manual-charge-model.component.jsx';\r\nimport style from './manageOrders.virtual.scss';\r\nimport * as metaDataService from './meta-data.service';\r\n\r\nexport class manageOrdersHolderVirtual extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n sharedFilterAreaToggle: false,\r\n isAnimatedClassAdded: false,\r\n sharedSelectOrder: null,\r\n showGrid: false,\r\n openFormType: \"\"\r\n }\r\n }\r\n\r\n async componentDidMount() {\r\n kendo.ui.progress($(\".\" + this.state.windowId), true);\r\n await metaDataService.getUserClientMetaData();\r\n kendo.ui.progress($(\".\" + this.state.windowId), false);\r\n\r\n this.setState({\r\n showGrid: true\r\n });\r\n $('#manage-orders-holder-virtual-react').closest('.k-window-content').css( \"padding\", \"0\" );\r\n }\r\n\r\n componentWillUnmount(){\r\n $('#manage-orders-holder-virtual-react').closest('.k-window-content').css( \"padding\", \"26\" );\r\n }\r\n resizeWindow =() =>{\r\n $(window).trigger('resize');\r\n }\r\n onCreateOrderProto = () => {\r\n this.setState({\r\n sharedSelectOrder: {},\r\n sharedFilterAreaToggle: true,\r\n openFormType: \"manageOrderProto\"\r\n },()=>{\r\n this.resizeWindow();\r\n });\r\n }\r\n\r\n onEditOrderProto = (param_order) => {\r\n this.setState({\r\n sharedSelectOrder: param_order,\r\n sharedFilterAreaToggle: true,\r\n openFormType: \"manageOrderProto\"\r\n },()=>{\r\n this.resizeWindow();\r\n });\r\n }\r\n\r\n onViewSummary = (param_order) => {\r\n\r\n if(this.state.openFormType == \"viewSummary\" && param_order.isGridSelectionUpdate){\r\n\r\n this.setState({\r\n sharedSelectOrder: param_order.dataItem,\r\n sharedFilterAreaToggle: true\r\n },() => { this.resizeWindow(); });\r\n\r\n }else if(param_order.isOnViewSummaryClick){\r\n\r\n this.setState({\r\n sharedSelectOrder: param_order.dataItem,\r\n sharedFilterAreaToggle: true,\r\n openFormType: \"viewSummary\"\r\n }, () => { this.resizeWindow(); });\r\n }\r\n\r\n }\r\n\r\n onExitOrderForm = () => {\r\n this.setState({\r\n sharedSelectOrder: null,\r\n sharedFilterAreaToggle: false,\r\n openFormType:''\r\n },()=>{\r\n this.resizeWindow();\r\n });\r\n }\r\n\r\n onClickForFilterToggle = () => {\r\n this.setState({\r\n sharedFilterAreaToggle: !this.state.sharedFilterAreaToggle,\r\n isAnimatedClassAdded: !this.state.isAnimatedClassAdded,\r\n },()=>{\r\n this.resizeWindow();\r\n setTimeout(() => {\r\n this.setState({\r\n isAnimatedClassAdded : !this.state.isAnimatedClassAdded\r\n })\r\n }, 1000);\r\n });\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.state.selectedCustomer.options.flexFields && (\r\n \r\n {orderSEData.length > 0 ? (\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.viewbilling') && (\r\n \r\n {billingChargesData.length > 0 ? (\r\n \r\n )}\r\n \r\n
\r\n )}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {this.state.customerName}\r\n
\r\n \r\n {this.state.facilityName}\r\n
\r\n \r\n {orderDetails.referenceNum}\r\n
\r\n \r\n {orderDetails.orderId}\r\n
\r\n \r\n
\r\n \r\n {orderDetails.poNum}\r\n
\r\n \r\n {orderDetails.earliestShipDate}\r\n
\r\n \r\n {orderDetails.shipCancelDate}\r\n
\r\n \r\n {/*TAB list */}\r\n
\r\n - \r\n
- {this.translate('Label_Shipping_Destination')} \r\n
- {this.translate('Label_Billing_Information')} \r\n
- {this.translate('Label_Sold_To_Information')} \r\n
\r\n \r\n\r\n\r\n \r\n \r\n \r\n
\r\n {/* TAB 2 Billing destination */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {orderDetails.shipTo.code}\r\n
\r\n \r\n {orderDetails.shipTo.companyName}\r\n
\r\n \r\n {orderDetails.shipTo.name}\r\n
\r\n \r\n {orderDetails.shipTo.address1}\r\n
\r\n \r\n {orderDetails.shipTo.address2}\r\n
\r\n \r\n {orderDetails.shipTo.state}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {orderDetails.shipTo.city}\r\n
\r\n \r\n {orderDetails.shipTo.zip}\r\n
\r\n \r\n {orderDetails.shipTo.country}\r\n
\r\n \r\n {orderDetails.shipTo.phoneNumber}\r\n
\r\n \r\n {orderDetails.shipTo.emailAddress}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {orderDetails.shipTo.retailerDescription}\r\n
\r\n \r\n {orderDetails.shipTo.dept}\r\n
\r\n \r\n
\r\n \r\n {orderDetails.shipTo.isQuickLookup}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {/* TAB 3 SoldTo destination */}\r\n \r\n
\r\n \r\n
\r\n \r\n {orderDetails.billTo.code}\r\n
\r\n \r\n {orderDetails.billTo.companyName}\r\n
\r\n \r\n {orderDetails.billTo.name}\r\n
\r\n \r\n {orderDetails.billTo.address1}\r\n
\r\n \r\n {orderDetails.billTo.address2}\r\n
\r\n \r\n {orderDetails.billTo.state}\r\n
\r\n \r\n
\r\n \r\n {orderDetails.billTo.city}\r\n
\r\n \r\n {orderDetails.billTo.zip}\r\n
\r\n \r\n {orderDetails.billTo.country}\r\n
\r\n \r\n {orderDetails.billTo.phoneNumber}\r\n
\r\n \r\n {orderDetails.billTo.emailAddress}\r\n
\r\n \r\n
\r\n \r\n {/*
\r\n \r\n {orderDetails.billTo.retailerId}\r\n
*/}\r\n \r\n {orderDetails.billTo.dept}\r\n
\r\n \r\n
\r\n \r\n {orderDetails.billTo.isQuickLookup}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {orderDetails.soldTo.code}\r\n
\r\n \r\n {orderDetails.soldTo.companyName}\r\n
\r\n \r\n {orderDetails.soldTo.name}\r\n
\r\n \r\n {orderDetails.soldTo.address1}\r\n
\r\n \r\n {orderDetails.soldTo.address2}\r\n
\r\n \r\n {orderDetails.soldTo.state}\r\n
\r\n \r\n
\r\n \r\n {orderDetails.soldTo.city}\r\n
\r\n \r\n {orderDetails.soldTo.zip}\r\n
\r\n \r\n {orderDetails.soldTo.country}\r\n
\r\n \r\n {orderDetails.soldTo.phoneNumber}\r\n
\r\n \r\n {orderDetails.soldTo.emailAddress}\r\n
\r\n \r\n
\r\n\r\n \r\n {/*
\r\n \r\n {orderDetails.soldTo.retailerId}\r\n
*/}\r\n \r\n {orderDetails.soldTo.dept}\r\n
\r\n \r\n
\r\n \r\n {orderDetails.soldTo.isQuickLookup}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | {this.state.customLabels.Label_Sku} | \r\n{lineItemGridHeader[2].description} | \r\n{lineItemGridHeader[3].description} | \r\n{lineItemGridHeader[4].description} | \r\n{lineItemGridHeader[14].description} | \r\n{lineItemGridHeader[15].description} | \r\n{lineItemGridHeader[16].description} | \r\n{lineItemGridHeader[17].description} | \r\n{lineItemGridHeader[18].description} | \r\n{lineItemGridHeader[5].description} | \r\n{lineItemGridHeader[6].description} | \r\n {/*{lineItemGridHeader[7].description} | */}\r\n{lineItemGridHeader[8].description} | \r\n{lineItemGridHeader[9].description} | \r\n{lineItemGridHeader[10].description} | \r\n{lineItemGridHeader[11].description} | \r\n{lineItemGridHeader[12].description} | \r\n{lineItemGridHeader[13].description} | \r\n
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| {data.sku} | \r\n{data.itemDescription} | \r\n{data.qualifier} | \r\n{data.qty} | \r\n{data.primaryUnits} | \r\n{data.secondaryQty} | \r\n{data.secondaryUnits} | \r\n{data.catchWeight} | \r\n{data.volume} | \r\n{data.orderUnitName} | \r\n{data.orderQty} | \r\n {/*{data.availableQty} | */}\r\n{data.fulfillInvSalePrice} | \r\n{data.fullfillInvTotalPrice} | \r\n{data.fulfillInvDiscountPct} | \r\n{data.fulfillInvDiscountAmt} | \r\n{data.fullfillInvTotalAfterDiscount} | \r\n{data.notes} | \r\n
| \r\n \r\n \r\n \r\n \r\n
| \r\n
\r\n
\r\n \r\n
\r\n \r\n {orderDetails.numUnits1}\r\n
\r\n \r\n {orderDetails.unit1Identifier != null ? orderDetails.unit1Identifier.name : ''}\r\n
\r\n \r\n {orderDetails.totalWeight}\r\n
\r\n \r\n
\r\n \r\n {orderDetails.numUnits2}\r\n
\r\n \r\n {orderDetails.unit2Identifier != null ? orderDetails.unit2Identifier.name : ''}\r\n
\r\n \r\n {orderDetails.totalVolume}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {(orderDetails.routingInfo != null) ? orderDetails.routingInfo.carrier : null}\r\n
\r\n \r\n {(orderDetails.routingInfo != null) ? orderDetails.routingInfo.scacCode : null}\r\n
\r\n \r\n {(orderDetails.routingInfo != null) ? orderDetails.routingInfo.mode : null}\r\n
\r\n \r\n {orderDetails.billingCode}\r\n
\r\n \r\n {(orderDetails.routingInfo != null) ? orderDetails.routingInfo.account : null}\r\n
\r\n \r\n {(orderDetails.routingInfo != null) ? orderDetails.routingInfo.shipPointZip : null}\r\n
\r\n \r\n {(orderDetails.routingInfo != null && orderDetails.routingInfo.capacityTypeIdentifier != null) ? orderDetails.routingInfo.capacityTypeIdentifier.name : null}\r\n
\r\n \r\n
\r\n \r\n {orderDetails.notes}\r\n
\r\n \r\n {orderDetails.shippingNotes}\r\n
\r\n \r\n {(orderDetails.routingInfo != null) ? orderDetails.routingInfo.isCod : 'false'}\r\n
\r\n \r\n {(orderDetails.routingInfo != null) ? orderDetails.routingInfo.isInsurance + '' : 'false'}\r\n
\r\n \r\n {(orderDetails.routingInfo != null) ? orderDetails.routingInfo.requiresDeliveryConf + '' : 'false'}\r\n
\r\n \r\n {(orderDetails.routingInfo != null) ? this.optionsDeliveryConfirmationType[orderDetails.routingInfo.deliveryConfirmationType] : ''}\r\n
\r\n \r\n {(orderDetails.routingInfo != null) ? orderDetails.routingInfo.requiresReturnReceipt + '' : 'false'}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {(orderDetails.routingInfo != null) ? orderDetails.routingInfo.loadNumber : null}\r\n
\r\n \r\n {(orderDetails.routingInfo != null) ? orderDetails.routingInfo.billOfLading : null}\r\n
\r\n \r\n {(orderDetails.routingInfo != null) ? orderDetails.routingInfo.trackingNumber : null}\r\n
\r\n \r\n {(orderDetails.routingInfo != null) ? orderDetails.routingInfo.trailerNumber : null}\r\n
\r\n \r\n
\r\n \r\n {(orderDetails.routingInfo != null) ? orderDetails.routingInfo.sealNumber : null}\r\n
\r\n \r\n {(orderDetails.routingInfo != null) ? orderDetails.routingInfo.doorNumber : null}\r\n
\r\n \r\n {(orderDetails.routingInfo != null) ? orderDetails.routingInfo.pickupDate : null}\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n \r\n
\r\n
\r\n | {customOrderInfo_GridHeaders[0].description} | \r\n{customOrderInfo_GridHeaders[1].description} | \r\n
|---|---|
| {data.name} | \r\n{data.value} | \r\n
No Data Found
)}\r\n \r\n
\r\n ) : (\r\n \r\n \r\n
\r\n
\r\n | {CalculateCharges_GridHeaders[0].description} | \r\n{CalculateCharges_GridHeaders[1].description} | \r\n{CalculateCharges_GridHeaders[2].description} | \r\n{CalculateCharges_GridHeaders[3].description} | \r\n{CalculateCharges_GridHeaders[4].description} | \r\n{CalculateCharges_GridHeaders[5].description} | \r\n{CalculateCharges_GridHeaders[6].description} | \r\n{CalculateCharges_GridHeaders[7].description} | \r\n{CalculateCharges_GridHeaders[8].description} | \r\n{CalculateCharges_GridHeaders[9].description} | \r\n{CalculateCharges_GridHeaders[10].description} | \r\n{CalculateCharges_GridHeaders[11].description} | \r\n
|---|---|---|---|---|---|---|---|---|---|---|---|
| {data.chargeOrigin} | \r\n{data.chargeTypeDescription} | \r\n{data.chargeLabel} | \r\n{data.unitDescription} | \r\n{data.chargePerUnit} | \r\n{data.numberOfUnits} | \r\n{data.totalCharges} | \r\n{data.generalLedgerAccount} | \r\n{data.externalAccountsReceivable} | \r\n{data.externalItemIdentifier} | \r\n{data.externalItemDescription} | \r\n{data.sKU} | \r\n
No Data Found
)}\r\n \r\n {this.translate('Label_Total_Charges')} : {this.state.totalCharges}\r\n
\r\n \r\n {this.state.showGrid && (\r\n
\r\n )\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\n//component\r\nimport WmsButton from \"../components/WmsButton/WmsButton.jsx\";\r\nimport WmsDropdown from \"./../components/WmsDropdown/WmsDropdown.jsx\";\r\nimport WmsContainer from \"./../components/WmsContainer/WmsContainer.jsx\";\r\nimport WmsRadio from \"./../components/WmsRadio/WmsRadio.tsx\";\r\nimport WmsCheckBox from \"./../components/WmsCheckBox/WmsCheckBox.jsx\";\r\nimport WmsConfirmModel from \"../components/WmsConfirmModel/WmsConfirmModel.jsx\";\r\n\r\n// Services\r\nimport * as GlobalService from \"./../global_services\";\r\nimport * as orderService from \"./order-preferences.services.jsx\";\r\n\r\nimport style from \"./orderImportPreferences.scss\";\r\n\r\nexport class OrderPreferences extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n \r\n this.translate = window.translate\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n Selector: \"OrderPreferences\",\r\n saveLoader: false,\r\n customLabels: GlobalService.getCustomLabels(),\r\n customerList: [],\r\n customizePreferencesList: StringWms.convertSringToOption(this.translate('Settings_OrderImportPref_CustomizePrefs')),\r\n isFormEdit: false,\r\n isOpenWarningModel: false,\r\n OnError: 0,\r\n IndexOptionsCustomizeDuringImport: \"\",\r\n WhatToImport: \"\",\r\n selectedCustomerIndex: \"\",\r\n selectedCustomer: \"\",\r\n CustomFormats: [],\r\n DefaultFormats: [],\r\n SelectedParsers: [],\r\n SelectedFormats: []\r\n };\r\n }\r\n componentDidMount() {\r\n kendo.ui.progress($('#' + this.state.windowId), true);\r\n GlobalService.GetCustomersAndFacility().then((response) => {\r\n this.setState({\r\n customerList: GlobalService.getCustomerList()\r\n });\r\n }).finally(() => {\r\n kendo.ui.progress($('#' + this.state.windowId), false);\r\n });\r\n }\r\n ClickExit = (e) => {\r\n this.onCloseConfirmModel();\r\n setTimeout(() => {\r\n GlobalService.closeWindow(this.state.windowId);\r\n }, 100);\r\n };\r\n\r\n EventGetOrderPreferences = (event) => {\r\n if (this.state.isFormEdit) {\r\n this.setState({ isOpenWarningModel: true });\r\n return;\r\n }\r\n\r\n var customerObj = this.getCustomerById(event.target.value);\r\n\r\n this.setState({\r\n selectedCustomerIndex: event.target.value,\r\n selectedCustomer: customerObj\r\n });\r\n\r\n kendo.ui.progress($('#' + this.state.windowId), true);\r\n\r\n orderService.getOrderImportPreferences(customerObj.uri).then((response) => {\r\n\r\n var workflow = response.Workflow;\r\n this.findDefaultChecksForFormat(response.Defaults);\r\n\r\n var combinedArray = response.Defaults.concat(response.Customs);\r\n this.findDefaultChecks(combinedArray);\r\n\r\n this.setState({\r\n CustomFormats: response.Customs,\r\n DefaultFormats: response.Defaults,\r\n OnError: workflow.OnError ? workflow.OnError : 0,\r\n WhatToImport: workflow.Criteria ? workflow.Criteria : 0,\r\n IndexOptionsCustomizeDuringImport: workflow.Workflow || workflow.Workflow === 0 ? workflow.Workflow : 2,\r\n });\r\n\r\n kendo.ui.progress($('#' + this.state.windowId), false);\r\n }).finally(() => {\r\n kendo.ui.progress($('#' + this.state.windowId), false);\r\n });\r\n };\r\n\r\n //-- Function to find out which checkboxes need to be checked initially\r\n findDefaultChecks(arr) {\r\n var SelectedParsers = [];\r\n arr.forEach((elem) => {\r\n if(elem.hasOwnProperty('IsSelected') && elem.IsSelected) {\r\n SelectedParsers.push(elem.Id);\r\n }\r\n });\r\n console.log(\"Oder Import SelectedParsers\",SelectedParsers);\r\n this.setState({\r\n SelectedParsers: SelectedParsers,\r\n // DefaultSelectedParsers: JSON.parse(JSON.stringify(SelectedParsers)),\r\n });\r\n }\r\n\r\n findDefaultChecksForFormat(arr) {\r\n var SelectedFormats = [];\r\n arr.forEach((elem) => {\r\n if(elem.hasOwnProperty('IsSelected') && elem.IsSelected) {\r\n SelectedFormats.push(elem.Id);\r\n }\r\n });\r\n console.log(\"Oder Import SelectedFormats\",SelectedFormats);\r\n this.setState({\r\n SelectedFormats: SelectedFormats,\r\n });\r\n }\r\n\r\n toggleSelectedParsers = (id, parseType) => (event) => {\r\n id = Number(id);\r\n var selectedParsers = this.state.SelectedParsers;\r\n var selectedFormats = this.state.SelectedFormats;\r\n\r\n var idx = this.state.SelectedParsers.indexOf(id);\r\n\r\n (idx === -1) ? selectedParsers.push(id) : selectedParsers.splice(idx, 1);\r\n\r\n if (parseType == 'format') {\r\n var idx = this.state.SelectedFormats.indexOf(id);\r\n\r\n (idx === -1) ? selectedFormats.push(id) : selectedFormats.splice(idx, 1);\r\n }\r\n\r\n // var filteredSelectedParsers = this.state.DefaultSelectedParsers.filter(element => selectedParsers.includes(element));\r\n // var isFormEdit = (this.state.DefaultSelectedParsers.length == selectedParsers.length && selectedParsers.length == filteredSelectedParsers.length)\r\n\r\n this.setState({\r\n isFormEdit: true,\r\n SelectedParsers: selectedParsers,\r\n SelectedFormats: selectedFormats\r\n });\r\n }\r\n\r\n ClickSaveAndExit = (event) => {\r\n var workflow = {\r\n OnError: Number(this.state.OnError),\r\n Criteria: Number(this.state.WhatToImport),\r\n Workflow: this.state.IndexOptionsCustomizeDuringImport\r\n };\r\n\r\n this.setState({\r\n saveLoader: true,\r\n isFormEdit: false,\r\n });\r\n\r\n orderService.SaveOrderImportPreferences(this.state.selectedCustomer.uri, workflow, this.state.SelectedParsers)\r\n .then((response) => {\r\n console.log(\"response\", response);\r\n GlobalService.notification('success', this.translate('Label_OrderImport_Prefs_Success'));\r\n this.setState({\r\n saveLoader: false\r\n });\r\n this.ClickExit();\r\n }).finally(() => {\r\n this.setState({ saveLoader: false });\r\n });\r\n }\r\n\r\n onCloseConfirmModel = () => {\r\n this.setState({ isOpenWarningModel: false });\r\n }\r\n\r\n ChangeImportPreferences = (value) => (event) => {\r\n this.setState({\r\n isFormEdit: true,\r\n [event.target.name] : value\r\n });\r\n }\r\n\r\n getCustomerById(id) {\r\n return this.state.customerList.find((element) => {\r\n if (element.id == id) {\r\n return element;\r\n }\r\n });\r\n }\r\n\r\n makeWmsSelector(string) {\r\n var selector = this.state.Selector;\r\n selector += string.replace(/\\w\\S*/g, function(txt) {\r\n return txt.charAt(0).toUpperCase() + txt.substr(1);\r\n }).replace(/\\s/g, \"\");\r\n\r\n return selector;\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n )}\r\n {this.state.sharedSelectOrder != null && this.state.openFormType == \"viewSummary\" && (\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n\r\n {this.state.selectedCustomerIndex !== \"\" && (\r\n
\r\n );\r\n }\r\n}\r\n","import axios from 'axios';\r\nimport * as GlobalService from \"./../global_services\";\r\n\r\nexport const getOrderImportPreferences = function (customerUri) {\r\n let data = {\r\n customerUri: customerUri\r\n }\r\n return axios.post('/WebUI/Settings/ImportOrderPreferences/GetPreferences', data)\r\n .then(function (response) {\r\n let tempData = response.data;\r\n\r\n let MyReturn = {};\r\n MyReturn.Customs = [];\r\n MyReturn.Defaults = [];\r\n\r\n tempData.Transforms.forEach((currentElem) => {\r\n if (currentElem.Id >= 1000) {\r\n MyReturn.Customs.push(currentElem);\r\n } else {\r\n MyReturn.Defaults.push(currentElem)\r\n }\r\n });\r\n\r\n //Adding the work flow to the return object\r\n MyReturn.Workflow = tempData.Workflow;\r\n\r\n return MyReturn;\r\n });\r\n}\r\n\r\nexport const SaveOrderImportPreferences = function(custUri, workflow, parserIds) {\r\n let data = {\r\n customerUri: custUri,\r\n workflowViewModel: workflow,\r\n transformIds: parserIds\r\n }\r\n return axios.post('/WebUI/Settings/ImportOrderPreferences/SavePreferences', data)\r\n .then(function (response) {\r\n let MyReturn = {};\r\n MyReturn = response.data;\r\n return MyReturn;\r\n });\r\n}\r\n","import React from 'react';\r\nimport * as GlobalService from './../../global_services';\r\n\r\nexport const getGridDemoColumns = (FindReceivers_GridHeaders, selector) => {\r\n var translate = window.translate;\r\n var customLabels = GlobalService.getCustomLabels();\r\n\r\n selector = selector + \"Header\";\r\n return ({\r\n columns: [{\r\n field: \"StatusEnum\",\r\n title: FindReceivers_GridHeaders[0].description,\r\n width: 120,\r\n wmsid: 1,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'StatusEnum'\r\n },\r\n filterable:{\r\n ui: function(element){\r\n element.kendoDropDownList({\r\n dataSource: [\r\n { value: 0, text: translate('Receiving_Status_Open') },\r\n { value: 1, text: translate('Receiving_Status_Closed') },\r\n { value: 2, text: translate('Receiving_Status_Cancel') },\r\n { value: 3, text: customLabels.Label_Complete }],\r\n optionLabel: \"--Select--\",\r\n dataTextField: \"text\",\r\n dataValueField: \"value\"\r\n });\r\n }\r\n },\r\n sortable: true,\r\n template: \"# if(StatusEnum == 0){# \" + translate('Receiving_Status_Open') + \" #}else if(StatusEnum == 3){# \" + customLabels.Label_Complete + \" #} else if(StatusEnum == 1){# \" + translate('Receiving_Status_Closed') + \" #}else{# \" + translate('Receiving_Status_Cancel') + \" #} # \"\r\n },\r\n {\r\n field: \"ReceiverId\",\r\n title: FindReceivers_GridHeaders[1].description,\r\n width: 120,\r\n wmsid: 2,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ReceiverId'\r\n },\r\n filterable: {\r\n ui: function (element) {\r\n element.kendoNumericTextBox({\r\n format: '{0:0}'\r\n })\r\n }\r\n }\r\n },\r\n {\r\n field: \"ReferenceNum\",\r\n title: FindReceivers_GridHeaders[2].description,\r\n width: 120,\r\n wmsid: 3,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ReferenceNum'\r\n }\r\n },\r\n {\r\n field: \"CreationDate\",\r\n title: FindReceivers_GridHeaders[3].description,\r\n width: 120,\r\n wmsid: 4,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'CreationDate'\r\n },\r\n template: \"#= CreationDate != null ? kendo.toString(kendo.parseDate(CreationDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\"\r\n },\r\n {\r\n field: \"Customer\",\r\n title: customLabels.Label_Customer,\r\n width: 120,\r\n wmsid: 5,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Customer'\r\n }\r\n },\r\n {\r\n field: \"Warehouse\",\r\n title: customLabels.Label_Warehouse,\r\n width: 120,\r\n wmsid: 6,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Warehouse'\r\n }\r\n },\r\n {\r\n field: \"ReceiptAdviseNumber\",\r\n title: FindReceivers_GridHeaders[6].description,\r\n width: 120,\r\n wmsid: 7,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ReceiptAdviseNumber'\r\n }\r\n },\r\n {\r\n field: \"PoNum\",\r\n title: FindReceivers_GridHeaders[7].description,\r\n width: 120,\r\n wmsid: 8,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'PoNum'\r\n }\r\n },\r\n {\r\n field: \"TrailerNumber\",\r\n title: FindReceivers_GridHeaders[8].description,\r\n width: 120,\r\n wmsid: 9,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'TrailerNumber'\r\n }\r\n },\r\n {\r\n field: \"Skus\",\r\n title: customLabels.Label_Sku,\r\n width: 120,\r\n wmsid: 10,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Skus'\r\n },\r\n filterable: true,\r\n sortable: true\r\n },\r\n {\r\n field: \"ArrivalDate\",\r\n title: FindReceivers_GridHeaders[10].description,\r\n width: 120,\r\n wmsid: 11,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ArrivalDate'\r\n },\r\n template: \"#= ArrivalDate != null ? kendo.toString(kendo.parseDate(ArrivalDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\"\r\n },\r\n {\r\n field: \"Notes\",\r\n title: FindReceivers_GridHeaders[11].description,\r\n width: 120,\r\n wmsid: 12,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Notes'\r\n }\r\n }]\r\n });\r\n}\r\nexport const getAllColumnList = (FindReceivers_GridHeaders, selector) => {\r\n\r\n var translate = window.translate;\r\n var customLabels = GlobalService.getCustomLabels();\r\n\r\n selector = selector + \"Header\";\r\n return ([\r\n {\r\n field: \"StatusEnum\",\r\n title: FindReceivers_GridHeaders[0].description,\r\n width: 120,\r\n wmsid: 1,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'StatusEnum'\r\n },\r\n filterable:{\r\n ui: function(element){\r\n element.kendoDropDownList({\r\n dataSource: [\r\n { value: 0, text: translate('Receiving_Status_Open') },\r\n { value: 1, text: translate('Receiving_Status_Closed') },\r\n { value: 2, text: translate('Receiving_Status_Cancel') },\r\n { value: 3, text: customLabels.Label_Complete }],\r\n optionLabel: \"--Select--\",\r\n dataTextField: \"text\",\r\n dataValueField: \"value\"\r\n });\r\n }\r\n },\r\n sortable: true,\r\n template: \"# if(StatusEnum == 0){# \" + translate('Receiving_Status_Open') + \" #}else if(StatusEnum == 3){# \" + customLabels.Label_Complete + \" #} else if(StatusEnum == 1){# \" + translate('Receiving_Status_Closed') + \" #}else{# \" + translate('Receiving_Status_Cancel') + \" #} # \"\r\n },\r\n {\r\n field: \"ReceiverId\",\r\n title: FindReceivers_GridHeaders[1].description,\r\n width: 120,\r\n wmsid: 2,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ReceiverId'\r\n },\r\n filterable: {\r\n ui: function (element) {\r\n element.kendoNumericTextBox({\r\n format: '{0:0}'\r\n })\r\n }\r\n }\r\n },\r\n {\r\n field: \"ReferenceNum\",\r\n title: FindReceivers_GridHeaders[2].description,\r\n width: 120,\r\n wmsid: 3,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ReferenceNum'\r\n }\r\n },\r\n {\r\n field: \"CreationDate\",\r\n title: FindReceivers_GridHeaders[3].description,\r\n width: 120,\r\n wmsid: 4,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'CreationDate'\r\n },\r\n template: \"#= CreationDate != null ? kendo.toString(kendo.parseDate(CreationDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\"\r\n },\r\n {\r\n field: \"Customer\",\r\n title: customLabels.Label_Customer,\r\n width: 120,\r\n wmsid: 5,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Customer'\r\n }\r\n },\r\n {\r\n field: \"Warehouse\",\r\n title: customLabels.Label_Warehouse,\r\n width: 120,\r\n wmsid: 6,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Warehouse'\r\n }\r\n },\r\n {\r\n field: \"ReceiptAdviseNumber\",\r\n title: FindReceivers_GridHeaders[6].description,\r\n width: 120,\r\n wmsid: 7,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ReceiptAdviseNumber'\r\n }\r\n },\r\n {\r\n field: \"PoNum\",\r\n title: FindReceivers_GridHeaders[7].description,\r\n width: 120,\r\n wmsid: 8,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'PoNum'\r\n }\r\n },\r\n {\r\n field: \"TrailerNumber\",\r\n title: FindReceivers_GridHeaders[8].description,\r\n width: 120,\r\n wmsid: 9,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'TrailerNumber'\r\n }\r\n },\r\n {\r\n field: \"Skus\",\r\n title: customLabels.Label_Sku,\r\n width: 120,\r\n wmsid: 10,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Skus'\r\n },\r\n filterable: true,\r\n sortable: true\r\n },\r\n {\r\n field: \"ArrivalDate\",\r\n title: FindReceivers_GridHeaders[10].description,\r\n width: 120,\r\n wmsid: 11,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ArrivalDate'\r\n },\r\n template: \"#= ArrivalDate != null ? kendo.toString(kendo.parseDate(ArrivalDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\"\r\n },\r\n {\r\n field: \"Notes\",\r\n title: FindReceivers_GridHeaders[11].description,\r\n width: 120,\r\n wmsid: 12,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Notes'\r\n }\r\n },\r\n {\r\n field: \"ExpectedDate\",\r\n title: FindReceivers_GridHeaders[12].description,\r\n width: 120,\r\n wmsid: 4,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ExpectedDate'\r\n },\r\n template: \"#= ExpectedDate != null ? kendo.toString(kendo.parseDate(ExpectedDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\"\r\n },\r\n ]);\r\n}\r\n\r\n\r\nexport const getGridDemoSchema = () => {\r\n return ({\r\n model: {\r\n id: \"ReceiverId\",\r\n fields: {\r\n StatusEnum: {\r\n type: 'number'\r\n },\r\n ReceiverId: {\r\n type: 'number'\r\n },\r\n ReferenceNum: {\r\n type: 'string'\r\n },\r\n CreationDate: {\r\n type: 'date'\r\n },\r\n Customer: {\r\n type: 'string'\r\n },\r\n Warehouse: {\r\n type: 'string'\r\n },\r\n ReceiptAdviseNumber: {\r\n type: 'string'\r\n },\r\n PoNum: {\r\n type: 'string'\r\n },\r\n TrailerNumber: {\r\n type: 'string'\r\n },\r\n Skus: {\r\n type: 'string'\r\n },\r\n ArrivalDate: {\r\n type: 'date'\r\n },\r\n Notes: {\r\n type: 'string'\r\n },\r\n ExpectedDate: {\r\n type: 'date'\r\n }\r\n }\r\n }\r\n })\r\n}\r\n\r\nexport const getGridDemoTransport = () => {\r\n return ({\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Receiving/FindReceivings/ReceivingsGridRead\",\r\n type: \"POST\"\r\n },\r\n destroy: {\r\n url: \"/WebUI/Receiving/FindReceivings/ReceivingsGridRead\",\r\n type: \"POST\",\r\n dataType: \"JSON\"\r\n },\r\n parameterMap: function (options, operation) {\r\n if (operation !== \"read\" && options.models) {\r\n return {\r\n models: JSON.stringify(options.models)\r\n };\r\n }\r\n }\r\n }\r\n })\r\n}\r\n\r\nexport const exportGridBaseArray = () => {\r\n return [\r\n { 'ReceiverId': 'ReceiverId' },\r\n { 'ReferenceNum': 'ReferenceNum' },\r\n { 'CreationDate': 'CreationDate' },\r\n { 'AsnConfirmDate': 'AsnConfirmDate' },\r\n { 'Notes': 'Notes' },\r\n { 'PoNum': 'PoNum' },\r\n { 'ArrivalDate': 'ArrivalDate' },\r\n { 'TrailerNumber': 'TrailerNumber' },\r\n { 'ReceiptAdviseNumber': 'ReceiptAdviseNumber' },\r\n { 'Customer': 'Customer' },\r\n { 'CustomerId': 'CustomerId' },\r\n { 'Warehouse': 'Warehouse' },\r\n { 'FacilityId': 'FacilityId' },\r\n { 'StatusEnum': 'StatusEnum' },\r\n { 'Skus': 'Skus' }\r\n ];\r\n}","import * as GlobalService from '../../global_services';\r\nvar isFirstTimeOpen = true;\r\nvar keyName = \"ReceiptProto\";\r\nvar metaDataReceiptObject = {\r\n \"ReceiptProto\": {\r\n \"FindReceipt\": {\r\n \"filterData\": {\r\n\r\n },\r\n \"gridConfig\": {\r\n \"findReceiptGrid\": {\r\n\r\n }\r\n },\r\n \"saveFilter\": [],\r\n \"sorableSection\": \"\",\r\n \"collapseData\": {\r\n\r\n },\r\n \"confirmReceipt\": {\r\n \"additionalChargeGrid\": {\r\n\r\n }\r\n }\r\n }\r\n }\r\n};\r\n\r\n\r\n// call api for get metaData of order is it's open first time\r\nexport const getUserClientMetaData = function () {\r\n if (isFirstTimeOpen) {\r\n return GlobalService.getUserClientMetaData(keyName).then(\r\n function successCallBack(response) {\r\n if (response != \"\") {\r\n Object.assign(metaDataReceiptObject[keyName], JSON.parse(response));\r\n }\r\n console.log(\"response metaDataReceiptObject :\", metaDataReceiptObject);\r\n isFirstTimeOpen = false;\r\n return true;\r\n },\r\n function errorCallBack(response) {\r\n console.log(response);\r\n return false;\r\n }\r\n );\r\n }\r\n}\r\n\r\nexport const setFindReceiptCollapseMetaData = function (collapseId, value) {\r\n if (!metaDataReceiptObject[keyName]['FindReceipt']['collapseData']) {\r\n metaDataReceiptObject[keyName]['FindReceipt']['collapseData'] = {}\r\n }\r\n metaDataReceiptObject[keyName]['FindReceipt']['collapseData'][collapseId] = value;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataReceiptObject[keyName]));\r\n}\r\nexport const getFindReceiptCollapseMetaData = function () {\r\n return metaDataReceiptObject[keyName]['FindReceipt']['collapseData'];\r\n}\r\n\r\n\r\nexport const setFindReceiptSortSectionMetaData = function (sortArray) {\r\n metaDataReceiptObject[keyName]['FindReceipt']['sorableSection'] = sortArray;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataReceiptObject[keyName]));\r\n}\r\n\r\nexport const getFindReceiptSortSectionMetaData = function () {\r\n return metaDataReceiptObject[keyName]['FindReceipt']['sorableSection'];\r\n}\r\n\r\nexport const setFindReceiptFilterMetaData = function (filterData) {\r\n metaDataReceiptObject[keyName]['FindReceipt']['filterData'] = filterData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataReceiptObject[keyName]));\r\n}\r\n\r\nexport const getFindReceiptFilterMetaData = function () {\r\n if (!$.isEmptyObject(metaDataReceiptObject[keyName]['FindReceipt']['filterData'])) {\r\n return metaDataReceiptObject[keyName]['FindReceipt']['filterData'];\r\n } else {\r\n return \"\";\r\n }\r\n\r\n}\r\n\r\n// save filter of find order in meta data\r\nexport const saveFindReceiptFilterMetaData = function (title, filterObj, columnObj) {\r\n var setData = {\r\n title: title,\r\n filterData: filterObj,\r\n columnData: columnObj.optionsData\r\n };\r\n if (typeof metaDataReceiptObject[keyName]['FindReceipt']['saveFilter'] == \"undefined\") {\r\n metaDataReceiptObject[keyName]['FindReceipt']['saveFilter'] = [];\r\n }\r\n (metaDataReceiptObject[keyName]['FindReceipt']['saveFilter']).push(setData);\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataReceiptObject[keyName]));\r\n\r\n}\r\nexport const updateFindReceiptFilterMetaData = function (index, filterObj, columnObj) {\r\n\r\n if (typeof metaDataReceiptObject[keyName]['FindReceipt']['saveFilter'][index] != \"undefined\") {\r\n metaDataReceiptObject[keyName]['FindReceipt']['saveFilter'][index].filterData = filterObj;\r\n metaDataReceiptObject[keyName]['FindReceipt']['saveFilter'][index].columnData = columnObj.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataReceiptObject[keyName]));\r\n }\r\n\r\n}\r\nexport const getSaveFindReceiptFilterListMetaData = function (objName) {\r\n return metaDataReceiptObject[keyName]['FindReceipt']['saveFilter'];\r\n}\r\n\r\nexport const clearSaveFindReceiptFilterListMetaData = function (index) {\r\n metaDataReceiptObject[keyName]['FindReceipt']['saveFilter'].splice(index, 1);\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataReceiptObject[keyName]));\r\n}\r\n\r\nexport const applySavedFilterDataToFindReceiptGrid = function (gridConfig, filterData) {\r\n metaDataReceiptObject[keyName]['FindReceipt']['gridConfig']['findReceiptGrid'] = gridConfig.optionsData;\r\n metaDataReceiptObject[keyName]['FindReceipt']['filterData'] = filterData;\r\n\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataReceiptObject[keyName]));\r\n}\r\n\r\nexport const clearFindReceiptFilterMetaData = function (objName) {\r\n metaDataReceiptObject[keyName]['FindReceipt']['filterData'] = {};\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataReceiptObject[keyName]));\r\n}\r\n\r\nexport const setFindReceiptGridOptionInMetaData = function (gridConfig) {\r\n metaDataReceiptObject[keyName]['FindReceipt']['gridConfig']['findReceiptGrid'] = gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataReceiptObject[keyName]));\r\n}\r\n\r\nexport const getFindReceiptGridOptionInMetaData = function () {\r\n if (!$.isEmptyObject(metaDataReceiptObject[keyName]['FindReceipt']['gridConfig']['findReceiptGrid'])) {\r\n return metaDataReceiptObject[keyName]['FindReceipt']['gridConfig']['findReceiptGrid'];\r\n } else {\r\n return \"\";\r\n }\r\n}\r\nexport const setAdditionalChargeGridOptionInMetaData = function (gridConfig) {\r\n if(!metaDataReceiptObject[keyName]['FindReceipt']['confirmReceipt']) {\r\n metaDataReceiptObject[keyName]['FindReceipt']['confirmReceipt'] = {};\r\n }\r\n metaDataReceiptObject[keyName]['FindReceipt']['confirmReceipt']['additionalChargeGrid'] = gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataReceiptObject[keyName]));\r\n}\r\n\r\nexport const getAdditionalChargeGridOptionInMetaData = function () {\r\n if (!$.isEmptyObject(metaDataReceiptObject[keyName]['FindReceipt']['confirmReceipt']) && !$.isEmptyObject(metaDataReceiptObject[keyName]['FindReceipt']['confirmReceipt']['additionalChargeGrid'])) {\r\n return metaDataReceiptObject[keyName]['FindReceipt']['confirmReceipt']['additionalChargeGrid'];\r\n } else {\r\n return \"\";\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { StringWms } from '../../../../assets/ts/StringWms.ts';\r\nimport { ObjectWms } from '../../../../assets/ts/ObjectWms.ts';\r\nimport WmsButton from '../../components/WmsButton/WmsButton.jsx';\r\nimport WmsContainer from '../../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsDropdown from '../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsDateTimePicker from '../../components/WmsDateTimePicker/WmsDateTimePicker.jsx';\r\nimport WmsInput from '../../components/WmsInput/WmsInput.jsx';\r\nimport WmsModel from '../../components/WmsModel/WmsModel.jsx';\r\nimport WmsConfirmModel from '../../components/WmsConfirmModel/WmsConfirmModel.jsx';\r\nimport WmsCustomDateTimePicker from '../../components/WmsCustomDateTimePicker/WmsCustomDateTimePicker.jsx';\r\nimport WmsRadio from '../../components/WmsRadio/WmsRadio.tsx';\r\nimport * as GridConfig from './grid_configuration.jsx';\r\n\r\n//services\r\nimport * as metaDataService from './meta-data.service';\r\nimport * as GlobalService from './../../global_services';\r\n\r\nexport class FindReceiptSearch extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.findReceiptGridId = \"GridFindReceiversProto\";\r\n let FindReceivers_GridHeaders = StringWms.convertSringToOption(this.translate('FindReceivers_GridHeaders'));\r\n\r\n this.state = {\r\n CustomLabels: GlobalService.getCustomLabels(),\r\n allColumnList: GridConfig.getAllColumnList(FindReceivers_GridHeaders, props.selector),\r\n optionsCustomer: GlobalService.getCustomerList(true),\r\n optionsFacility: GlobalService.getFacilityList(true),\r\n optionsSearchBy: StringWms.convertSringToOption(this.translate('Option_Receipts_SearchBy')),\r\n optionsReferenceNumber: StringWms.convertSringToOption(this.translate('Options_SearchBy_StringOptions')),\r\n optionsPurchaseOrder: StringWms.convertSringToOption(this.translate('Options_SearchBy_StringOptions')),\r\n optionsReceiptAdviseNumber: StringWms.convertSringToOption(this.translate('Options_SearchBy_StringOptions')),\r\n optionsTitleNotes: StringWms.convertSringToOption(this.translate('Options_SearchBy_StringOptions')),\r\n optionsStatus: StringWms.convertSringToOption(this.translate('Options_Receipt_SearchBy_StatusOptions').replace(new RegExp('{' + 'customCompleteLabel' + '}', 'gi'), GlobalService.getCustomLabels().Label_Complete)),\r\n optionsReceiptAdviceStatus: StringWms.convertSringToOption(this.translate('Options_Receipt_SearchBy_SentOptions')),\r\n isOpenSaveFilterModel: false,\r\n newFilterTitle: \"\",\r\n filterNameExist: false,\r\n savedFilterList: metaDataService.getSaveFindReceiptFilterListMetaData(),\r\n isExpandedCollapse: (!$.isEmptyObject(metaDataService.getFindReceiptCollapseMetaData()) ? metaDataService.getFindReceiptCollapseMetaData() : []),\r\n isOpenConfirmModel: false,\r\n isOpenUpdateConfirmModel: false,\r\n isClickSearchFilterToggle: false,\r\n gridDomSelector: () => props.windowId ? '.' + props.windowId + ' #' + this.findReceiptGridId : '#' + this.findReceiptGridId,\r\n sharedReceiptFilter: Object.assign({}, props.defaultFilterValue)\r\n };\r\n this.onFilterDataSet = GlobalService.debounce(this.onFilterDataSet, 700);\r\n }\r\n\r\n componentDidMount() {\r\n var sortable = $('#sortable-section');\r\n var sortData = metaDataService.getFindReceiptSortSectionMetaData();\r\n // set saved sort data if any in meta data\r\n if (sortData) {\r\n var pos = JSON.parse(sortData);\r\n if (pos) {\r\n $.each(pos, function (i, position) {\r\n if (position != \"\") {\r\n var $target = sortable.find('#' + position);\r\n $target.appendTo(sortable); // or prependTo\r\n }\r\n });\r\n }\r\n }\r\n sortable.sortable({\r\n update: this.onSectionSort,\r\n cancel: \"label.icon_label,.wms-collapsible-content\",\r\n handle: \".wms-sort\",\r\n distance: 5,\r\n start: function (e, ui) {\r\n var height = ui.item.height();\r\n if (height > 100) {\r\n height = 100;\r\n }\r\n ui.placeholder.height(height);\r\n }\r\n });\r\n var filterData = metaDataService.getFindReceiptFilterMetaData();\r\n if (filterData != \"\") {\r\n this.setState({\r\n sharedReceiptFilter: filterData,\r\n });\r\n }\r\n }\r\n onSectionSort = () => {\r\n var sortArray = JSON.stringify($('#sortable-section').sortable(\"toArray\"));\r\n metaDataService.setFindReceiptSortSectionMetaData(sortArray);\r\n }\r\n\r\n handleFilterChange = (event) => {\r\n let propFilter = Object.assign({}, this.state.sharedReceiptFilter);\r\n let objFilter = Object.assign(\r\n propFilter,\r\n { [event.target.name]: event.target.value }\r\n );\r\n var optionsFacility = GlobalService.getFacilityList(true);\r\n if (event.target.name == 'CustomerId') {\r\n let customerIndex = ObjectWms.FindIndexByProperty(this.state.optionsCustomer, \"id\", parseInt(event.target.value));\r\n let custFacility = this.state.optionsCustomer[customerIndex].facilities;\r\n let allFacilities = GlobalService.getFacilityList(false);\r\n let selFacilityOption = [];\r\n for (let i = 0; i < custFacility.length; i++) {\r\n let facilityIndex = ObjectWms.FindIndexByProperty(allFacilities, \"id\", parseInt(custFacility[i]));\r\n if(allFacilities[facilityIndex]) {\r\n selFacilityOption.push(allFacilities[facilityIndex]);\r\n }\r\n }\r\n selFacilityOption.unshift({\r\n \"id\": 0,\r\n \"name\": \"Unspecified\",\r\n \"uri\": \"\",\r\n \"FacilitySimpleUri\": \"\",\r\n \"UpsAccountNumber\": \"\",\r\n \"FedExAccountNumber\": \"\"\r\n });\r\n objFilter['FacilityId'] = selFacilityOption.find(f => f.id === this.state.optionsCustomer[customerIndex].defaultFacility) === undefined? 0 : this.state.optionsCustomer[customerIndex].defaultFacility;\r\n optionsFacility = selFacilityOption;\r\n }\r\n this.setState({\r\n sharedReceiptFilter:objFilter,\r\n optionsFacility:optionsFacility\r\n });\r\n this.onFilterDataSet(objFilter);\r\n }\r\n\r\n onFilterDataSet = (objFilter) => { \r\n this.props.onFilterDataSet(objFilter);\r\n }\r\n\r\n onSaveFilter = () => {\r\n if (!this.state.filterNameExist) {\r\n this.props.onManageFilter('saveFilter', this.state.newFilterTitle);\r\n this.exitSaveFilterModel();\r\n }\r\n }\r\n\r\n onUpdateFilter = () => {\r\n this.setState({ isOpenUpdateConfirmModel: false });\r\n this.props.onManageFilter('updateFilter', this.state.currentFilterIndex);\r\n }\r\n\r\n onOpenUpdateConfirmModel = (param_index) => {\r\n this.setState({\r\n isOpenUpdateConfirmModel: true,\r\n currentFilterIndex: param_index\r\n });\r\n }\r\n\r\n onCloseUpdateConfirmModel = () => {\r\n this.setState({ isOpenUpdateConfirmModel: false });\r\n }\r\n\r\n exitSaveFilterModel = () => {\r\n this.setState({\r\n isOpenSaveFilterModel: false\r\n });\r\n }\r\n\r\n onOpenSaveFilterModel = () => {\r\n this.setState({\r\n isOpenSaveFilterModel: true,\r\n newFilterTitle: \"\",\r\n filterNameExist: false\r\n });\r\n }\r\n\r\n handleFilterTitleChange = (e) => {\r\n let value = e.target.value;\r\n if (value.Description == '') {\r\n value = '';\r\n }\r\n\r\n var nameExists = false;\r\n // check dublicate title for case sensitive\r\n var exists = this.state.savedFilterList.findIndex(function (item) {\r\n return value.toLowerCase() === item.title.toLowerCase();\r\n });\r\n if (exists != -1) {\r\n nameExists = true;\r\n }\r\n this.setState({\r\n newFilterTitle: value,\r\n filterNameExist: nameExists\r\n });\r\n }\r\n\r\n onUseSaveFilter = (index) => {\r\n var objFilter = JSON.parse(JSON.stringify(this.state.savedFilterList[index]));\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var gridConfig = JSON.parse(objFilter.columnData, JSON.dateParser);\r\n var tempObject = \"\";\r\n\r\n if (gridConfig.columns) {\r\n var fieldArray = gridConfig.columns.map(el => el.field);\r\n var updateColumn = [];\r\n this.state.allColumnList.filter((column) => {\r\n if (fieldArray.indexOf(column.field) !== -1) {\r\n updateColumn.push(column);\r\n }\r\n });\r\n tempObject = ObjectWms.alignIndexesByProperty(gridConfig.columns, updateColumn, \"field\");\r\n } else {\r\n tempObject = ObjectWms.alignIndexesByProperty(gridConfig.columns, this.props.defaultColumns, \"field\");\r\n }\r\n\r\n if(grid) {\r\n grid.setOptions({\r\n columns: tempObject\r\n });\r\n grid.dataSource.sort(gridConfig.sorts);\r\n grid.dataSource.filter(gridConfig.filters);\r\n this.setState({\r\n sharedReceiptFilter:objFilter.filterData\r\n });\r\n this.props.onApplySavedFilter(objFilter.filterData);\r\n }\r\n }\r\n\r\n onYesRemoveSavedFilter = () => {\r\n metaDataService.clearSaveFindReceiptFilterListMetaData(this.state.savedFilterIndex);\r\n this.setState({\r\n isOpenConfirmModel: false,\r\n savedFilterList: metaDataService.getSaveFindReceiptFilterListMetaData()\r\n });\r\n }\r\n\r\n ClickExit = () => {\r\n this.setState({\r\n isOpenConfirmModel: false\r\n });\r\n }\r\n\r\n onClearSaveFilter = (index) => {\r\n this.setState({\r\n isOpenConfirmModel: true,\r\n savedFilterIndex: index\r\n });\r\n }\r\n\r\n setCollapseMetaData = (isExpanded, collapseId) => {\r\n metaDataService.setFindReceiptCollapseMetaData(collapseId, isExpanded);\r\n }\r\n\r\n onClickForFilterToggle = () => {\r\n this.setState({\r\n isClickSearchFilterToggle : true\r\n });\r\n this.props.onClickForFilterToggle();\r\n }\r\n onClearSearch = () => {\r\n this.setState({\r\n sharedReceiptFilter: Object.assign({}, this.props.defaultFilterValue),\r\n });\r\n this.props.onClearSearch();\r\n }\r\n render() {\r\n const renderFilter = this.state.sharedReceiptFilter;\r\n return (\r\n \r\n
\r\n\r\n \r\n\r\n
\r\n \r\n \r\n {}}\r\n options={this.state.customizePreferencesList}\r\n valueField=\"value\"\r\n textField=\"description\"\r\n parentClassName=\"form_group\"\r\n required={true}\r\n blankFirstOption={false}\r\n />\r\n )}\r\n \r\n\r\n { this.state.DefaultFormats.length !== 0 && (\r\n \r\n {\r\n this.state.DefaultFormats.map((format, key) =>\r\n ([42,26].includes(format.Id)) ?\r\n function () { } }\r\n onChangeFunc={ this.toggleSelectedParsers(format.Id, 'format') }\r\n label={ format.DisplayName }\r\n checked={ this.state.SelectedParsers.indexOf(format.Id) !== -1 }\r\n value=\"\"\r\n /> : \"\"\r\n )\r\n }\r\n \r\n {\r\n this.state.DefaultFormats.map((format, key) =>\r\n ([20,28,48,45,53].includes(format.Id)) ?\r\n function () { } }\r\n onChangeFunc={ this.toggleSelectedParsers(format.Id, 'format') }\r\n label={ format.DisplayName }\r\n checked={ this.state.SelectedParsers.indexOf(format.Id) !== -1 }\r\n value=\"\"\r\n /> : \"\"\r\n )\r\n }\r\n \r\n )}\r\n\r\n { this.state.CustomFormats.length !== 0 && (\r\n \r\n {\r\n this.state.CustomFormats.map((format, key) => (\r\n function () { } }\r\n onChangeFunc={ this.toggleSelectedParsers(format.Id, '') }\r\n label={ format.DisplayName }\r\n checked={ this.state.SelectedParsers.indexOf(format.Id) !== -1 }\r\n value=\"\"\r\n />\r\n ))\r\n }\r\n \r\n )}\r\n
\r\n )}\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n search filters\r\n
\r\n \r\n
\r\n \r\n
\r\n {this.props.sharedSearchOn == true &&\r\n \r\n {this.translate('Label_NOTE')}: \r\n
\r\n }\r\n \r\n
\r\n \r\n this.setCollapseMetaData(e, 'search_collapse1')}>\r\n \r\n\r\n this.setCollapseMetaData(e, 'search_collapse2')}>\r\n \r\n\r\n this.setCollapseMetaData(e, 'search_collapse3')}>\r\n \r\n this.setCollapseMetaData(e, 'search_collapse4')}>\r\n \r\n\r\n
\r\n \r\n {this.state.savedFilterList.length !== 0 && (\r\n this.setCollapseMetaData(e, 'search_collapse0')}>\r\n
\r\n this.onClearSaveFilter(index)}> */}\r\n \r\n ))}\r\n \r\n \r\n )}\r\n\r\n - \r\n {this.state.savedFilterList.map((data, index) => (\r\n
- \r\n {data.title}\r\n \r\n this.onOpenUpdateConfirmModel(index)}>\r\n this.onUseSaveFilter(index)}>\r\n this.onClearSaveFilter(index)}>\r\n\r\n {/* \r\n this.onClearSaveFilter(index)}>\r\n this.onClearSaveFilter(index)}>\r\n\r\n
\r\n
\r\n\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n \r\n {this.translate(\"Label_Receipt_Advice_Status\")}\r\n \r\n
\r\n \r\n this.handleFilterChange({ target: { name: 'IndexOptionsReceiptAdviseSent', value: \"2\" } })}\r\n checked={renderFilter.IndexOptionsReceiptAdviseSent == \"2\"}\r\n />\r\n this.handleFilterChange({ target: { name: 'IndexOptionsReceiptAdviseSent', value: \"1\" } })}\r\n checked={renderFilter.IndexOptionsReceiptAdviseSent == \"1\"}\r\n />\r\n this.handleFilterChange({ target: { name: 'IndexOptionsReceiptAdviseSent', value: \"0\" } })}\r\n checked={renderFilter.IndexOptionsReceiptAdviseSent == \"0\"}\r\n />\r\n
\r\n \r\n
\r\n \r\n {this.state.isOpenSaveFilterModel && (\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {this.translate('Label_Count_Of_Selected_Receipts').replace(new RegExp('{' + 'TotalOrders' + '}', 'gi'), this.props.receiptIds.length).replace(new RegExp('{' + 'receiptLabelOnSelection' + '}', 'gi'), this.state.receiptLabel)}\r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n {this.state.chargeOperationMsg != '' && (\r\n \r\n \r\n {this.state.chargeOperationMsg}\r\n
\r\n )}\r\n \r\n function () { }}\r\n getGridSelectionUrl={''}\r\n searchUrl={''}\r\n gridNoteText={this.translate('MassShip_AdnClose_Grid_Note')}\r\n menu={[]}\r\n onGridSave={this.saveMassShipCharges}\r\n gridEditable={{ confirmation: false, mode: \"incell\" }}\r\n onRemove={this.onRemove}\r\n shawCheckbox={false}\r\n showResetButton={false}\r\n showColumnFilter={false}\r\n showSortColumns={false}\r\n layoutData={metaDataService.getAdditionalChargeGridOptionInMetaData()}\r\n onColumnShow={this.onChangeGridConfig}\r\n onColumnHide={this.onChangeGridConfig}\r\n onColumnReorder={this.onChangeGridConfig}\r\n onColumnResize={this.onChangeGridConfig} />\r\n }\r\n
\r\n \r\n NOTE: \r\n \r\n
\r\n {this.props.sharedIsOpenConfirmReceiptModel == true &&\r\n \r\n function () { }}\r\n disabled={true}\r\n label={this.translate('Label_Receipt_Total_Charges').replace(new RegExp('{' + 'thisOrthese' + '}', 'gi'),((this.props.receiptIds.length > 1) ? 'these' : 'this')).replace(new RegExp('{' + 'receiptLabelOnSelection' + '}', 'gi'), this.state.receiptLabel)} />\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react'\r\nimport WmsModel from '../../../components/WmsModel/WmsModel.jsx';\r\nimport WmsCollapse from '../../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsDropdown from '../../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsButton from '../../../components/WmsButton/WmsButton.jsx';\r\nimport { ObjectWms } from '../../../../../assets/ts/ObjectWms.ts';\r\n\r\n//services\r\nimport * as FindReceiptService from '../../findReceipt_proto/findReceipt.services.jsx';\r\nimport * as GlobalService from './../../../global_services';\r\n\r\nimport './receipt-advice-modal.scss';\r\n\r\nexport class ReceiptAdviceModel extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n OptionsReceiptAdviceFtp: [],\r\n OptionsReceiptAdviceFormats: [],\r\n SelectedFormatTransformId: null,\r\n SelectedFtpId: null,\r\n selectedFormat: {},\r\n selectedFtp: {},\r\n gifDownload: false,\r\n gifSend: false,\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n var rowItem = this.props.selectedReceiptItems[0];\r\n kendo.ui.progress($('#windowReceiptAdvice'), true);\r\n FindReceiptService.sendReceiptAdviceOptions(rowItem.CustomerUri, rowItem.FacilityId).then((response) => {\r\n\r\n var receiptAdviceFtp = response.Channels;\r\n var receiptAdviceFormats = response.Transforms;\r\n\r\n this.setState({\r\n OptionsReceiptAdviceFormats: receiptAdviceFormats,\r\n selectedFormat: (receiptAdviceFormats.length > 0) ? receiptAdviceFormats[0] : {},\r\n SelectedFormatTransformId: (receiptAdviceFormats.length > 0) ? receiptAdviceFormats[0].TransformId : null,\r\n OptionsReceiptAdviceFtp: receiptAdviceFtp,\r\n selectedFtp: (receiptAdviceFtp.length == 1) ? receiptAdviceFtp[0] : {},\r\n SelectedFtpId: (receiptAdviceFtp.length == 1) ? receiptAdviceFtp[0].Id : null,\r\n ReceiverId: rowItem.ReceiverId,\r\n });\r\n \r\n }).finally(() => {\r\n kendo.ui.progress($('#windowReceiptAdvice'), false);\r\n\r\n });\r\n }\r\n\r\n closeModel = () => {\r\n this.props.closeReceiptAdviceModel(false);\r\n }\r\n\r\n updateFormat = (event) => {\r\n this.setState({\r\n SelectedFormatTransformId: event.target.value\r\n });\r\n }\r\n\r\n updateFtp = (event) => {\r\n this.setState({\r\n SelectedFtpId: event.target.value\r\n });\r\n }\r\n\r\n onDownload = (event) => {\r\n this.setState({ gifDownload: true });\r\n\r\n FindReceiptService.downloadReceiptAdvice(this.state.SelectedFormatTransformId, [this.state.ReceiverId]).then((response) => {\r\n // var date = new Date();\r\n // var day = date.getDate();\r\n // var month = date.getMonth();\r\n // var year = date.getFullYear();\r\n\r\n if (this.state.SelectedFormatTransformId == 15) {\r\n response.data.ContentType = 'text/csv';\r\n }\r\n // if (this.state.SelectedFormatTransformId == 15) {\r\n // //ReceiverComma-Delimite\r\n // var blob = new Blob([\"\" + response.Content], {\r\n // type: \"text/csv;charset=utf-8\"\r\n // });\r\n // saveAs(blob, \"ReceiptAdvice\" + month + \"_\" + day + \"_\" + year + \".csv\");\r\n // } else if (this.state.SelectedFormatTransformId == 16) {\r\n // //EDI\r\n // var blob = new Blob([\"\" + response.Content], {\r\n // type: \"text/plain;charset=utf-8\"\r\n // });\r\n // saveAs(blob, \"ReceiptAdvice\" + month + \"_\" + day + \"_\" + year + \".txt\");\r\n // } else if (this.state.SelectedFormatTransformId == 18) {\r\n // //XML - this will change after clear about xml file data retrived.\r\n // var blob = new Blob([\"\" + response.Content], {\r\n // type: \"text/xml;charset=utf-8\"\r\n // });\r\n // saveAs(blob, \"ReceiptAdvice\" + month + \"_\" + day + \"_\" + year + \".xml\");\r\n // }\r\n\r\n GlobalService.downloadFileBaseOnContentType(response.data.Content, response.data.ContentType, 'ReceiptAdvice');\r\n }).finally(() => {\r\n this.setState({ gifDownload: false });\r\n });\r\n }\r\n\r\n onSendFtp = () => {\r\n this.setState({ gifSend: true });\r\n let transformObj = this.state.OptionsReceiptAdviceFtp[ObjectWms.getIndexBasedUponKeyValuePair(this.state.OptionsReceiptAdviceFtp, \"Id\", this.state.SelectedFtpId)];\r\n\r\n var sendData = {\r\n \"transformId\": this.state.SelectedFormatTransformId,\r\n \"channelIdentifier\": transformObj,\r\n \"receiverIds\": [this.state.ReceiverId],\r\n };\r\n FindReceiptService.sendAsn(sendData).then((response) => {\r\n if (response && (response.status == 200 || response.status == 204)) {\r\n GlobalService.notification('success', this.translate('Label_Receipt_Advice_success'));\r\n this.props.resetGridSelection();\r\n }\r\n }).finally(() => {\r\n this.setState({ gifSend: false });\r\n this.props.closeReceiptAdviceModel(false);\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n {this.translate('Label_Receipts_Selected').replace(new RegExp('{' + 'receiptNumb' + '}', 'gi'), this.props.selectedReceipts)}\r\n
\r\n {\r\n (this.state.OptionsReceiptAdviceFormats.length != 0 || this.state.OptionsReceiptAdviceFtp.length != 0) ?\r\n \r\n
\r\n :\r\n \r\n {this.state.OptionsReceiptAdviceFormats.length > 1 && (\r\n
\r\n \r\n
\r\n )}\r\n\r\n\r\n \r\n {this.translate('Label_Formats')}\r\n \r\n {this.state.selectedFormat.Description}\r\n \r\n
\r\n\r\n {this.state.OptionsReceiptAdviceFtp.length > 1 && (\r\n
\r\n \r\n
\r\n )}\r\n\r\n \r\n {this.translate('Label_Send_To_Ftp')}\r\n \r\n {this.state.selectedFtp.Name}\r\n \r\n
\r\n\r\n
\r\n }\r\n \r\n \r\n {this.translate('Label_Ftp_setting_not_configured_for_this_customer')}\r\n
\r\n\r\n
\r\n\r\n \r\n )\r\n }\r\n}\r\n","var axios = require('axios');\r\nvar UtcOffset = new Date().getTimezoneOffset() / 60 * -1;\r\n\r\nimport * as GlobalService from './../../global_services';\r\n\r\nexport const ManageReceiptEditData = function (editUri) {\r\n var data = {\r\n receiverUri: editUri,\r\n gridNames: [\"GridReceiptLineItems\", \"GridReceiptCharges\"]\r\n }\r\n return axios.post('/WebUI/Receiving/ManageReceivings/GetEditReceivingsOptions', data)\r\n .then(function (response) {\r\n // var tempData = response.data;\r\n return response;\r\n });\r\n}\r\n\r\nexport const createReceipt = function (receiptData, isCustomerUser) {\r\n var data = {\r\n viewModel: receiptData,\r\n isCustomerUser: isCustomerUser\r\n }\r\n\r\n var response = {\r\n \"ReceiverId\": 225995,\r\n \"ReferenceNum\": \"125345_1812\",\r\n \"PoNum\": null,\r\n \"ReceiptAdviseNumber\": null,\r\n \"ArrivalDate\": \"2018-12-18T07:24:07.8257601Z\",\r\n \"ExpectedDate\": null,\r\n \"Carrier\": null,\r\n \"TrackingNumber\": null,\r\n \"TrailerNumber\": null,\r\n \"SealNumber\": null,\r\n \"BillOfLading\": null,\r\n \"CapacityType\": null,\r\n \"DoorNumber\": null,\r\n \"Notes\": null,\r\n \"CustomerId\": 3360,\r\n \"FacilityId\": 4514,\r\n \"EditUri\": \"/inventory/receivers/225995{?detail,itemdetail}\",\r\n \"StatusEnum\": 0,\r\n \"Completed\": false,\r\n \"NumUnits1\": null,\r\n \"Unit1Identifier\": null,\r\n \"NumUnits2\": null,\r\n \"Unit2Identifier\": null,\r\n \"TotalWeight\": null,\r\n \"TotalVolume\": null,\r\n \"ReceiveItems\": null,\r\n \"SavedElements\": [\r\n\r\n ],\r\n \"BillingCharges\": [\r\n\r\n ],\r\n \"FileSummariesUri\": \"/inventory/receivers/225995/filesummaries\"\r\n }\r\n\r\n return response;\r\n // return axios.post('/WebUI/Receiving/ManageReceivings/CreateReceipt', data)\r\n // .then(function (response) {\r\n // return response;\r\n // });\r\n}\r\nexport const SaveReceipts = function (receiptDataModel, isCustomerUser) {\r\n var param_data = {\r\n viewModel: receiptDataModel,\r\n isCustomerUser: isCustomerUser\r\n }\r\n return axios.post('/WebUI/Receiving/ManageReceivings/CreateReceipt', param_data)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const UpdateReceipt = function (receiptData) {\r\n var data = {\r\n viewModel: receiptData,\r\n }\r\n return axios.post('/WebUI/Receiving/ManageReceivings/UpdateReceipt', data)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const CompleteReceipt = function (receipt) {\r\n return axios.post('/WebUI/Receiving/ManageReceivings/Completer', {\r\n viewModel: receipt\r\n }).then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const getReceiptLineItems = function (editUri) {\r\n return axios.get('/WebUI/Receiving/ManageReceivings/ReceiptLineItems?editUri=' + editUri)\r\n .then(function (response) {\r\n return response.data;\r\n });\r\n}\r\nexport const ReceiptLineItem_DirectPutAway = function (editUri, putawayEnabled) {\r\n var data = {\r\n \"receiverUri\": editUri,\r\n \"overrideLocations\": putawayEnabled\r\n }\r\n\r\n return axios.put('/WebUI/Receiving/ManageReceivings/Locator', data)\r\n .then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const ReceiptLineItem_Delete = function (lineItemUris) {\r\n var data = {\r\n \"lineItemUris\": lineItemUris\r\n }\r\n\r\n return axios.post('/WebUI/Receiving/ManageReceivings/ReceiptLineItemsDeleter', data)\r\n .then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\n\r\n\r\nexport const dynamicServiceForDynamicMenu = function (urlName, uri, ids, outputType, flowType) {\r\n var fileType = outputType ? outputType : 'application/pdf';\r\n var myReturn = {};\r\n myReturn.FileType = fileType;\r\n\r\n var _url = \"\";\r\n var data = {\r\n requestBody: {\r\n RunnerUriTemplate: uri,\r\n outputType: fileType\r\n }\r\n }\r\n\r\n if (urlName === \"RunViewTransactionReport\") {\r\n _url = '/WebUI/Receiving/' + flowType + '/RunViewTransactionReport';\r\n data.requestBody.UtcOffset = UtcOffset;\r\n data.requestBody.ShowCharges = true;\r\n data.requestBody.ShowPackages = false;\r\n data.requestBody.TransactionIds = ids;\r\n } else if (urlName === \"RunMULabelReport\") {\r\n _url = '/WebUI/Receiving/' + flowType + '/RunMULabelReport';\r\n data.requestBody.TransactionId = ids;\r\n } else if (urlName === \"RunReceiptTicketReport\") {\r\n _url = '/WebUI/Receiving/' + flowType + '/RunReceiptTicketReport';\r\n data.requestBody.TransactionId = ids;\r\n }\r\n\r\n return axios.post(_url, data)\r\n .then(function (response) {\r\n myReturn.Data = response.data;\r\n return myReturn;\r\n });\r\n}\r\n\r\nexport const getConfirmOptions = function (receiverUriTemplate) {\r\n\r\n return axios.post('/WebUI/Receiving/ManageReceivings/GetConfirmOptions', { \"receiverUriTemplate\": receiverUriTemplate })\r\n .then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const confirmReceipt = function (editUriTemplate, autoAllocateToOpenOrders, arrivalDate, createInvoice) {\r\n\r\n return axios.post('/WebUI/Receiving/ManageReceivings/ConfirmReceipt', {\r\n \"editUriTemplate\": editUriTemplate,\r\n \"autoAllocateToOpenOrders\": autoAllocateToOpenOrders,\r\n \"arrivalDate\": arrivalDate,\r\n \"createInvoice\": createInvoice,\r\n \"utcOffset\": new Date().getTimezoneOffset() / 60 * -1\r\n }).then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\n\r\nexport const getProposedBillingCharges = function (receiverId) {\r\n return axios.post('/WebUI/Receiving/ManageReceivings/GetProposedBillingCharges', {\r\n \"receiverUriTemplate\": receiverId\r\n }).then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const lineItemEditOptions = function (obj) {\r\n var url = '/WebUI/Receiving/ManageReceivings/LineItemEditOptions?receiverId=' + obj.receiverId + '&customerId=' + obj.customerId + '&sku=' + encodeURIComponent(obj.sku);\r\n return axios.get(url).then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const getSuggestedPutawayLocations = function (facilityId, itemId, qualifier) {\r\n var params = {\r\n facilityId: facilityId,\r\n itemId: itemId,\r\n qualifier: qualifier\r\n }\r\n return axios.get('/WebUI/Receiving/ManageReceivings/GetInventoryLocations', { params: params }).then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const getPalletInfoByLabel = function (palletLabel) {\r\n var params = {\r\n label: palletLabel\r\n }\r\n return axios.post('/WebUI/Receiving/ManageReceivings/GetPalletInfoByLabel', params).then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const checkifMUExistsMultipleLocs = function (palletLabel, facId, loc, paramReceiveItemId) {\r\n var params = {\r\n label: palletLabel,\r\n facilityId: facId,\r\n location: loc\r\n }\r\n if(paramReceiveItemId) {\r\n params.receiveItemId = paramReceiveItemId\r\n }\r\n return axios.post('/WebUI/Receiving/ManageReceivings/CheckIfMUExistsInMultipleLocations', params).then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const saveReceiptLineItem = function (method, params) {\r\n return axios[method]('/WebUI/Receiving/ManageReceivings/ReceiptLineItem', params).then(function (response) {\r\n return response;\r\n });\r\n}","import React, { Component } from 'react';\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsContainer from '../../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsDropdown from '../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsComboBox from '../../components/WmsComboBox/WmsComboBox.jsx';\r\nimport WmsInput from '../../components/WmsInput/WmsInput.jsx';\r\nimport WmsTextArea from '../../components/WmsTextArea/WmsTextArea.jsx';\r\n\r\nexport class ManageReceiptTransportInformation extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n \r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n SelectedCapacityTypes: 0,\r\n }\r\n }\r\n\r\n handleChangeEvent = (event) => {\r\n\r\n let ReceiptData = Object.assign({}, this.props.sharedReceiptData.Receipt);\r\n let name = event.target.name;\r\n let value = event.target.value;\r\n\r\n if (name == 'CapacityType') {\r\n\r\n let cType = this.props.sharedReceiptData.CapacityTypes[value];\r\n\r\n ReceiptData[name] = {\r\n Id: cType.CapacityTypeId,\r\n Name: cType.Description,\r\n };\r\n\r\n }else{\r\n ReceiptData[name] = value;\r\n }\r\n this.props.onReceiptDataSet(ReceiptData);\r\n }\r\n\r\n render() {\r\n const renderReceiptObj = this.props.sharedReceiptData.Receipt;\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsGrid from '../../components/WmsGrid/WmsGrid.jsx';\r\n\r\nexport class ManageReceiptCustomReceiptInfo extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.state = {\r\n gridName: 'GridCustomReceiptInfo',\r\n enableDeleteButton: false,\r\n isRequiredField: false,\r\n localKendoGrid: null\r\n }\r\n }\r\n\r\n onDataBound = () => {\r\n var grid = $(\".\" + this.props.windowId + ' #' + this.state.gridName).data('kendoGrid');\r\n var gridData = grid.dataSource.view();\r\n var nameColumnIndex = grid.wrapper.find(\".k-grid-header [data-field=\" + \"Name\" + \"]\").index();\r\n var valueColumnIndex = grid.wrapper.find(\".k-grid-header [data-field=\" + \"Value\" + \"]\").index();\r\n\r\n for (var i = 0; i < gridData.length; i++) {\r\n var row = grid.table.find(\"[data-uid='\" + gridData[i].uid + \"']\");\r\n var nameCell = row.children().eq(nameColumnIndex);\r\n var valueCell = row.children().eq(valueColumnIndex);\r\n if (gridData[i].Required) {\r\n row.addClass(\"wms-required-grid-row\");\r\n nameCell.addClass(\"wms-required-grid\");\r\n valueCell.addClass(\"wms-required-grid-cell\");\r\n row.css('font-style', 'italic');\r\n }\r\n if (gridData[i].Required && !gridData[i].Value) {\r\n nameCell.addClass(\"wms-required-grid-border\");\r\n }\r\n }\r\n }\r\n clickDeleteRow = () => {\r\n\r\n let savedElementObj = Object.assign([], this.props.sharedReceiptData.ReceiptSE);\r\n savedElementObj = savedElementObj.filter((element) => {\r\n if (element.Name != this.state.localKendoGrid.getKeys()[0]) { return element; }\r\n });\r\n let ReceiptData = Object.assign({}, this.props.sharedReceiptData);\r\n ReceiptData.ReceiptSE = savedElementObj;\r\n this.props.onReceiptOptionSet(ReceiptData);\r\n this.props.onCustomReceiptInfoSave(savedElementObj);\r\n this.setState({ enableDeleteButton: false });\r\n }\r\n\r\n onSelectRow = (param_kendoGrid) => {\r\n this.setState({\r\n enableDeleteButton: param_kendoGrid.getNumberOfSelections() == 1 ? true : false,\r\n isRequiredField: (param_kendoGrid.getNumberOfSelections() == 1 && param_kendoGrid.valueExists(\"Required\", true)) ? true : false,\r\n localKendoGrid: param_kendoGrid\r\n });\r\n }\r\n\r\n onSave = (e) => {\r\n let savedElementObj = this.props.sharedReceiptData.ReceiptSE;\r\n for (var x = 0; x < savedElementObj.length; x++) {\r\n if (savedElementObj[x].Name == e.model.Name) {\r\n savedElementObj[x].Value = e.values.Value;\r\n }\r\n }\r\n let ReceiptData = Object.assign({}, this.props.sharedReceiptData);\r\n ReceiptData.ReceiptSE = savedElementObj;\r\n this.props.onReceiptOptionSet(ReceiptData);\r\n this.props.onCustomReceiptInfoSave(savedElementObj);\r\n }\r\n clickEventOfContextMenu = (obj) => {\r\n if (obj.wmsid == 'delete-order-info') {\r\n this.clickDeleteRow();\r\n }\r\n }\r\n\r\n render() {\r\n var EnterValueText = \"Enter a value\";\r\n return (\r\n \r\n \r\n\r\n \" + EnterValueText + \"*' : Value === null && Required === false ? '\" + EnterValueText + \"' : Value === '' && Required === true ? '\" + EnterValueText + \"*' : Value === '' && Required === false ? '\" + EnterValueText + \"' : Value #\"\r\n }\r\n ]}\r\n schema={{\r\n model: {\r\n fields: {\r\n Name: {\r\n type: 'string',\r\n editable: false\r\n },\r\n Value: {\r\n type: 'string'\r\n },\r\n Required: {\r\n type: 'boolean'\r\n }\r\n }\r\n }\r\n }}\r\n showGridSummary={false}\r\n windowId={this.props.windowId}\r\n shawCheckbox={false}\r\n showGridResult={false}\r\n showSortColumns={false}\r\n showColumnFilter={false}\r\n gridEditable={true}\r\n onDataBound={this.onDataBound}\r\n onEdit={() => null}\r\n onGridSave={this.onSave}\r\n clickEventOfContextMenu={this.clickEventOfContextMenu}\r\n menu={[{\r\n \"name\": this.translate('Label_Add_New_Custom_Field'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"icon\": \"fa-plus\",\r\n \"color\": \"green\",\r\n \"wmsSelector\": 'AddNewCustomField',\r\n \"clickFunc\": this.props.onOpenCustomFieldModal,\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'create-order-info'\r\n }, {\r\n \"name\": this.translate('Label_Delete'),\r\n \"value\": [],\r\n \"disabled\": !this.state.enableDeleteButton || this.state.isRequiredField,\r\n \"icon\": \"fa-trash\",\r\n 'color': this.state.isRequiredField ? 'yellow' : 'red',\r\n \"wmsSelector\": \"DeleteCustomField\",\r\n \"clickFunc\": this.clickDeleteRow,\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"showToolTip\": this.state.isRequiredField,\r\n \"tooltipText\": this.translate('Label_Cannot_Delete_Required'),\r\n \"disabledText\": this.translate('Label_Cannot_Edit_Required'),\r\n 'wmsid': 'delete-order-info'\r\n }]}>\r\n \r\n \r\n\r\n
\r\n )\r\n }\r\n}\r\n","import axios from \"axios\";\r\nimport React from 'react';\r\n\r\nimport WmsFormGrid from './../../components/WmsFormGrid/WmsFormGrid.jsx';\r\n\r\n\r\nexport class ManageReceiptLineItemDetailGrid extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n }\r\n\r\n\r\n\r\n render() {\r\n return (\r\n \r\n {this.translate('Label_Line_Item_Custom_Fields')}\r\n
\r\n )\r\n }\r\n}","import * as GlobalService from './../../global_services';\r\n\r\nexport const ReceiptLineItemsGridColumns = (selectedCustomer, selectedFacility) => {\r\n\r\n var translate = window.translate;\r\n var customLabels = GlobalService.getCustomLabels();\r\n var volumeColumn = {\r\n field: \"Volume\",\r\n title: translate('Label_Volume'),\r\n width: 160,\r\n template: \"#= Volume != 0 ? Volume + ' cm cu ' : '' #\",\r\n filterable: false,\r\n sortable: false\r\n };\r\n\r\n var muColumns = [\r\n {\r\n field: \"MovableUnitLabel\",\r\n title: customLabels.Label_Movable_Unit + \"Label\",\r\n width: 120,\r\n wmsid: 14\r\n },\r\n {\r\n field: \"MovableUnitType\",\r\n title: customLabels.Label_Movable_Unit + \"Type\",\r\n width: 120,\r\n wmsid: 15,\r\n filterable: false\r\n },\r\n {\r\n field: \"MovableUnitLength\",\r\n title: customLabels.Label_Movable_Unit + \"Length\",\r\n width: 120,\r\n wmsid: 16,\r\n template: \"#= MovableUnitLength != null ? MovableUnitLength + ' cm ' : '' #\"\r\n },\r\n {\r\n field: \"MovableUnitWidth\",\r\n title: customLabels.Label_Movable_Unit + \"Width\",\r\n width: 120,\r\n wmsid: 17,\r\n template: \"#= MovableUnitWidth != null ? MovableUnitWidth + ' cm ' : '' #\"\r\n },\r\n {\r\n field: \"MovableUnitHeight\",\r\n title: customLabels.Label_Movable_Unit + \"Height\",\r\n width: 120,\r\n wmsid: 18,\r\n template: \"#= MovableUnitHeight != null ? MovableUnitHeight + ' cm ' : '' #\"\r\n },\r\n {\r\n field: \"MovableUnitWeight\",\r\n title: customLabels.Label_Movable_Unit + \"Weight\",\r\n width: 120,\r\n wmsid: 19,\r\n template: \"#= MovableUnitWeight != null ? MovableUnitWeight + ' kg ' : '' #\"\r\n }\r\n ]\r\n\r\n if (selectedFacility.measurementStandard === 0) {\r\n volumeColumn = {\r\n field: \"Volume\",\r\n title: translate('Label_Volume'),\r\n width: 160,\r\n wmsid: 20,\r\n template: \"#= Volume != 0 ? Volume + ' cu ft ' : '' #\",\r\n filterable: false,\r\n sortable: false\r\n }\r\n\r\n muColumns = [\r\n {\r\n field: \"MovableUnitLabel\",\r\n title: customLabels.Label_Movable_Unit + \"Label\",\r\n width: 120,\r\n wmsid: 14\r\n },\r\n {\r\n field: \"MovableUnitType\",\r\n title: customLabels.Label_Movable_Unit + \"Type\",\r\n width: 120,\r\n wmsid: 15,\r\n filterable: false\r\n },\r\n {\r\n field: \"MovableUnitLength\",\r\n title: customLabels.Label_Movable_Unit + \"Length\",\r\n width: 120,\r\n wmsid: 16,\r\n template: \"#= MovableUnitLength != null ? MovableUnitLength + ' in ' : '' #\"\r\n },\r\n {\r\n field: \"MovableUnitWidth\",\r\n title: customLabels.Label_Movable_Unit + \"Width\",\r\n width: 120,\r\n wmsid: 17,\r\n template: \"#= MovableUnitWidth != null ? MovableUnitWidth + ' in ' : '' #\"\r\n },\r\n {\r\n field: \"MovableUnitHeight\",\r\n title: customLabels.Label_Movable_Unit + \"Height\",\r\n width: 120,\r\n wmsid: 18,\r\n template: \"#= MovableUnitHeight ? MovableUnitHeight + ' in ' : '' #\"\r\n },\r\n {\r\n field: \"MovableUnitWeight\",\r\n title: customLabels.Label_Movable_Unit + \"Weight\",\r\n width: 120,\r\n wmsid: 19,\r\n template: \"#= MovableUnitWeight ? MovableUnitWeight + ' lbs ' : '' #\"\r\n }\r\n ]\r\n }\r\n\r\n var tempColumns = {\r\n columns: [\r\n {\r\n field: \"HoldStatus\",\r\n title: translate('Label_Hold_Status'),\r\n width: 160,\r\n wmsid: 1,\r\n hidden: true,\r\n filterable: false,\r\n sortable: false,\r\n template: \"# if(HoldStatus == false){# \" + translate('Label_Available') + \" #}else{# \" + translate('Label_On_Hold') + \" #} # \"\r\n },\r\n {\r\n field: \"HoldReason\",\r\n title: \"Hold Reason\",\r\n width: 160,\r\n wmsid: 13,\r\n hidden: true\r\n },\r\n {\r\n field: \"SKU\",\r\n title: customLabels.Label_Sku,\r\n width: 320,\r\n wmsid: 2,\r\n format: (\"{0} \")\r\n },\r\n {\r\n field: \"Qualifier\",\r\n title: translate('Label_Qualifier'),\r\n width: 160,\r\n wmsid: 3,\r\n },\r\n {\r\n field: \"Qty\",\r\n title: translate('Label_Quantity'),\r\n width: 160,\r\n wmsid: 4\r\n },\r\n {\r\n field: \"PrimaryUnits\",\r\n title: translate('Label_Primary_Units'),\r\n width: 160,\r\n wmsid: 5\r\n },\r\n {\r\n field: \"SecondaryQty\",\r\n title: translate('Label_Secondary_Quantity'),\r\n width: 160,\r\n wmsid: 6,\r\n template: function (dataItem) {\r\n var secondaryQty = dataItem.SecondaryQty;\r\n if (GlobalService.getIsIntegeralFlagByType(dataItem.SecondaryUnits)) {\r\n secondaryQty = Math.ceil(dataItem.SecondaryQty);\r\n }\r\n return secondaryQty ? secondaryQty : '';\r\n }\r\n },\r\n {\r\n field: \"SecondaryUnits\",\r\n title: translate('Label_Secondary_Units'),\r\n width: 160,\r\n wmsid: 7,\r\n template: \"#= SecondaryUnits ? SecondaryUnits : '' #\"\r\n },\r\n {\r\n field: \"Weight\",\r\n title: translate('Label_Weight'),\r\n width: 160,\r\n wmsid: 8,\r\n hidden: true,\r\n filterable: false,\r\n sortable: false\r\n },\r\n volumeColumn,\r\n {\r\n field: \"LotNumber\",\r\n title: customLabels.Label_Lot_Number,\r\n width: 160,\r\n wmsid: 9,\r\n template: \"#= LotNumber ? LotNumber : '' #\"\r\n },\r\n {\r\n field: \"SerialNumber\",\r\n title: customLabels.Label_Serial_Number,\r\n width: 160,\r\n wmsid: 10,\r\n template: \"#= SerialNumber ? SerialNumber : '' #\"\r\n },\r\n {\r\n field: \"ExpirationDate\",\r\n title: translate('Label_Expiration_Date'),\r\n width: 160,\r\n wmsid: 11,\r\n template: \"#= ExpirationDate != null ? kendo.toString(kendo.parseDate(ExpirationDate), 'MMM dd yyyy'): '' #\"\r\n },\r\n {\r\n field: \"LandedCost\",\r\n title: translate('Label_Landed_Cost'),\r\n width: 160,\r\n wmsid: 12,\r\n template: \"#= LandedCost ? LandedCost : '' #\"\r\n }\r\n ]\r\n };\r\n\r\n if (selectedCustomer.options.trackLocation) {\r\n tempColumns.columns = tempColumns.columns.concat({\r\n field: \"Location\",\r\n title: translate('Label_Location'),\r\n width: 160\r\n });\r\n }\r\n if (selectedCustomer.options.trackSupplier) {\r\n tempColumns.columns = tempColumns.columns.concat({\r\n field: \"Supplier\",\r\n title: translate('Label_Supplier'),\r\n width: 160\r\n });\r\n }\r\n if (selectedCustomer.options.trackPallets) {\r\n tempColumns.columns = tempColumns.columns.concat(muColumns);\r\n }\r\n\r\n return tempColumns;\r\n}\r\n\r\n\r\nexport const ReceiptLineItemsGridSchema = () => {\r\n return ({\r\n schema: {\r\n model: {\r\n fields: {\r\n HoldStatus: {\r\n type: \"boolean\"\r\n },\r\n HoldReason: {\r\n type: \"string\"\r\n },\r\n SKU: {\r\n type: \"string\"\r\n },\r\n Qualifier: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Qty: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n PrimaryUnits: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n SecondaryQty: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n SecondaryUnits: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Weight: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n Volume: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n LotNumber: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n SerialNumber: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ExpirationDate: {\r\n type: \"date\",\r\n editable: false\r\n },\r\n LandedCost: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n Location: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Supplier: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n MovableUnitLabel: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n MovableUnitType: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n MovableUnitLength: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n MovableUnitWidth: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n MovableUnitHeight: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n MovableUnitWeight: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n SplitLineByMovableUnit: {\r\n type: \"boolean\",\r\n editable: false\r\n }\r\n }\r\n }\r\n }\r\n })\r\n}\r\n\r\nexport const ReceiptChargesGridColumns = (rights) => {\r\n\r\n var translate = window.translate;\r\n var customLabels = GlobalService.getCustomLabels();\r\n var text = {\r\n predefined: \"Predefined\",\r\n predefinedRequired: \"Predefined (Required)\",\r\n manual: \"Manual Charge\",\r\n billing: \"Billing Charge\",\r\n };\r\n\r\n var columns = [\r\n {\r\n field: \"ChargeOrigin\",\r\n title: translate('Label_Charge_Classification'),\r\n lockable: false,\r\n filterable: false,\r\n width: 160,\r\n wmsid: 1,\r\n template: \"# if( ChargeOrigin== 0) {# \" + text.predefinedRequired + \" #} else if( ChargeOrigin== 1) {# \" + text.billing + \" #} else if( ChargeOrigin== 2) {# \" + text.manual + \" #} else if( ChargeOrigin== 3) {# \" + text.predefined + \" #} #\"\r\n },\r\n {\r\n field: \"ChargeTypeDescription\",\r\n title: translate('Label_Charge_Category'),\r\n lockable: false,\r\n width: 160,\r\n wmsid: 2,\r\n template: \"#= ChargeTypeDescription != null ? ChargeTypeDescription : '' #\"\r\n },\r\n {\r\n field: \"ChargeLabel\",\r\n title: translate('Label_Charge_Label'),\r\n lockable: false,\r\n width: 160,\r\n wmsid: 3,\r\n template: \"#= ChargeLabel != null ? ChargeLabel : '' #\"\r\n },\r\n {\r\n field: \"UnitDescription\",\r\n title: translate('Label_Type_Of_Charge_Unit'),\r\n hidden: true,\r\n lockable: false,\r\n width: 160,\r\n wmsid: 4,\r\n template: \"#= UnitDescription != null ? UnitDescription : '' #\"\r\n },\r\n {\r\n field: \"ChargePerUnit\",\r\n title: translate('Label_Charge_Per_Unit'),\r\n lockable: false,\r\n width: 160,\r\n wmsid: 5,\r\n template: \"#= ChargePerUnit != null ? ChargePerUnit : '' #\"\r\n },\r\n {\r\n field: \"NumberOfUnits\",\r\n title: translate('Label_Number_Of_Units'),\r\n lockable: false,\r\n width: 160,\r\n wmsid: 6,\r\n template: \"#= NumberOfUnits != null ? NumberOfUnits : '' #\"\r\n },\r\n {\r\n field: \"TotalCharges\",\r\n title: translate('Label_Total_Charges'),\r\n lockable: false,\r\n width: 160,\r\n wmsid: 7,\r\n template: \"#= TotalCharges != null ? TotalCharges : '' #\"\r\n },\r\n {\r\n field: \"GeneralLedgerAccount\",\r\n title: translate('Label_General_Ledger_Account'),\r\n hidden: true,\r\n lockable: false,\r\n width: 160,\r\n wmsid: 8,\r\n template: \"#= GeneralLedgerAccount != null ? GeneralLedgerAccount : '' #\"\r\n },\r\n {\r\n field: \"SKU\",\r\n title: translate('Label_Sku_UPC'),\r\n hidden: true,\r\n lockable: false,\r\n width: 160,\r\n wmsid: 12,\r\n template: \"#= SKU != null ? SKU : '' #\"\r\n }\r\n ];\r\n if(rights.hasOwnProperty(\"Integrations.isNotActiveBillingManagerApp\")){\r\n columns.push({\r\n field: \"ExternalAccountsReceivable\",\r\n title: translate('Label_Accounts_Receive'),\r\n hidden: true,\r\n lockable: false,\r\n width: 160,\r\n wmsid: 9,\r\n template: \"#= ExternalAccountsReceivable != null ? ExternalAccountsReceivable : '' #\"\r\n });\r\n columns.push({\r\n field: \"ExternalItemIdentifier\",\r\n title: translate('Label_External_Item_Identifier'),\r\n hidden: true,\r\n lockable: false,\r\n width: 160,\r\n wmsid: 10,\r\n template: \"#= ExternalItemIdentifier != null ? ExternalItemIdentifier : '' #\"\r\n });\r\n columns.push({\r\n field: \"ExternalItemDescription\",\r\n title: translate('Label_External_Item_Description'),\r\n hidden: true,\r\n lockable: false,\r\n width: 160,\r\n wmsid: 11,\r\n template: \"#= ExternalItemDescription != null ? ExternalItemDescription : '' #\"\r\n });\r\n }\r\n return ({\r\n columns: columns\r\n });\r\n}\r\n\r\nexport const ReceiptChargesGridSchema = () => {\r\n return ({\r\n schema: {\r\n model: {\r\n fields: {\r\n ChargeTypeId: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n ChargeOrigin: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n ChargeTypeDescription: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ChargeLabel: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n UnitDescription: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ChargePerUnit: {\r\n type: \"number\",\r\n editable: true\r\n },\r\n NumberOfUnits: {\r\n type: \"number\",\r\n editable: true\r\n },\r\n TotalCharges: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n GeneralLedgerAccount: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ExternalAccountsReceivable: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ExternalItemIdentifier: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ExternalItemDescription: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n SKU: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n UnsavedManualCharge: {\r\n type: \"boolean\",\r\n editable: false\r\n },\r\n SystemGenerated: {\r\n type: \"boolean\",\r\n editable: false\r\n },\r\n BSId: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n BSChargeType: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n BSPredefinedRateId: {\r\n type: \"string\",\r\n editable: false,\r\n }\r\n }\r\n }\r\n }\r\n })\r\n}","import React, { Component } from 'react';\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsGrid from '../../components/WmsGrid/WmsGrid.jsx';\r\nimport WmsInput from '../../components/WmsInput/WmsInput.jsx';\r\nimport WmsContainer from '../../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsDropdown from '../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport { KendoWms } from '../../../../assets/ts/KendoWms.ts';\r\nimport { StringWms } from '../../../../assets/ts/StringWms.ts';\r\nimport { ManageReceiptLineItemDetailGrid } from './manageReceipt-line-item-detail-grid.component.jsx';\r\n\r\nimport * as GridConfig from './grid_configuration.jsx';\r\nimport * as GlobalService from './../../global_services';\r\nimport * as manageReceiptService from './manageReceipt.services.jsx';\r\n\r\nexport class ManageReceiptLineItems extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n columns: [],\r\n schema: GridConfig.ReceiptLineItemsGridSchema().schema,\r\n tplSettings: GlobalService.getTplSettings(),\r\n selectedRows: 0,\r\n putAwaycall: false,\r\n gridName: 'GridReceiptLineItems',\r\n gifDeleteLineItem: false,\r\n sharedSelectedLineItem: '',\r\n totalWeight: 0,\r\n totalVolume: 0,\r\n localKendoGrid: null,\r\n isLineItemGridInitialise: 0,\r\n lineItemGridData: []\r\n }\r\n\r\n\r\n }\r\n\r\n componentDidMount() {\r\n this.getReceiptLineItemData();\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n\r\n // for reset line item grid from mass add and edit allocation modal success\r\n if (nextProps.sharedIsResetLineItemGrid != this.props.sharedIsResetLineItemGrid) {\r\n this.refreshLineItemGrid();\r\n }\r\n this.setState({\r\n columns: GridConfig.ReceiptLineItemsGridColumns(nextProps.selectedCustomer, nextProps.selectedFacility).columns\r\n });\r\n }\r\n\r\n getReceiptLineItemData = () => {\r\n manageReceiptService.getReceiptLineItems(this.props.sharedReceiptData.Receipt.EditUri).then((response) => {\r\n let tempTotalWeight = 0;\r\n let tempTotalVolume = 0;\r\n for (let x = 0; x < response.length; x++) {\r\n tempTotalWeight = tempTotalWeight + parseFloat(response[x].Weight);\r\n tempTotalVolume = tempTotalVolume + parseFloat(response[x].Volume);\r\n }\r\n this.props.onLineItemGridChange(response);\r\n this.setState({\r\n lineItemGridData: response,\r\n totalWeight: tempTotalWeight,\r\n totalVolume: tempTotalVolume\r\n });\r\n }).finally(() => {\r\n\r\n });\r\n }\r\n\r\n handleChangeEvent = (event) => {\r\n let ReceiptData = Object.assign({}, this.props.sharedReceiptData.Receipt);\r\n\r\n if (event.target.name == 'Unit1Identifier' || event.target.name == 'Unit2Identifier') {\r\n if (!ReceiptData[event.target.name]) {\r\n ReceiptData[event.target.name] = {};\r\n }\r\n ReceiptData[event.target.name].Name = event.target.value;\r\n } else {\r\n ReceiptData[event.target.name] = event.target.value;\r\n let unitDrpname = (event.target.name == 'NumUnits1') ? 'Unit1Identifier' : 'Unit2Identifier';\r\n if (!ReceiptData[unitDrpname]) {\r\n ReceiptData[unitDrpname] = {};\r\n }\r\n if (StringWms.isEmpty(event.target.value)) {\r\n ReceiptData[unitDrpname].Name = this.props.sharedReceiptData.UnitOfMeasureTypes[0].Name;\r\n }\r\n }\r\n this.props.onReceiptDataSet(ReceiptData);\r\n }\r\n\r\n onSelectRow = (kendoGrid) => {\r\n var receiptLineItemsGrid = $('.' + this.props.windowId + ' #' + this.state.gridName).data('kendoGrid');\r\n var rows = receiptLineItemsGrid.select();\r\n var sharedSelectedLineItem = '';\r\n if (kendoGrid.getItem(kendoGrid.getKeys()) != null) {\r\n sharedSelectedLineItem = Object.assign({}, kendoGrid.getItem(kendoGrid.getKeys()));\r\n }\r\n\r\n this.setState({\r\n localKendoGrid: kendoGrid,\r\n selectedRows: rows.length,\r\n sharedSelectedLineItem: sharedSelectedLineItem,\r\n });\r\n }\r\n\r\n changeDirectPutaway = (fnName = \"\") => {\r\n var putAwayEnabled = fnName == \"include_line\" ? false : true;\r\n this.setState({ putAwaycall: true });\r\n\r\n manageReceiptService.ReceiptLineItem_DirectPutAway(this.props.sharedReceiptData.Receipt.EditUri, putAwayEnabled).then((response) => {\r\n this.refreshLineItemGrid();\r\n // $scope.Selected.ReceiptLineItemsGrid = false;\r\n }).finally(() => {\r\n this.setState({ putAwaycall: false });\r\n });\r\n }\r\n\r\n\r\n deleteLineItme = () => {\r\n this.setState({ gifDeleteLineItem: true });\r\n\r\n let receiptLineItemsGrid = $(\".\" + this.props.windowId + ' #' + this.state.gridName).data('kendoGrid');\r\n\r\n manageReceiptService.ReceiptLineItem_Delete(KendoWms.getListFromSelectedGridRows(receiptLineItemsGrid, \"LineItemEditUri\")).then((response) => {\r\n // Indicate success to user with notification\r\n GlobalService.notification('success', this.translate('Label_Delete_Receipt_Line_Item'));\r\n\r\n // Refresh the grid so it doesn't show deleted elements\r\n this.refreshLineItemGrid();\r\n\r\n }).finally(() => {\r\n this.setState({ gifDeleteLineItem: false });\r\n });\r\n }\r\n\r\n\r\n\r\n onGridDataBound = (e) => {\r\n // receipt line item bound here\r\n if (typeof this.$rootScope.setLoaderData['Edit Receipts'] != \"undefined\") {\r\n this.$rootScope.setLoaderTimerEndTime(\"Edit Receipts\");\r\n }\r\n if (typeof this.$rootScope.setLoaderData['Create Receipts'] != \"undefined\") {\r\n this.$rootScope.setLoaderTimerEndTime(\"Create Receipts\");\r\n }\r\n let gridData = e.sender.dataSource.data();\r\n\r\n // Get line item grid data and set into shared receipt object\r\n let receiptData = Object.assign({}, this.props.sharedReceiptData.Receipt);\r\n if (receiptData.ReceiveItems == null || receiptData.ReceiveItems.length != gridData.length) {\r\n receiptData.ReceiveItems = gridData;\r\n let resetDiscardBtn = false;\r\n if (this.state.isLineItemGridInitialise == 0) {\r\n resetDiscardBtn = true;\r\n this.state.isLineItemGridInitialise = 1;\r\n }\r\n this.props.onReceiptDataSet(receiptData, resetDiscardBtn);\r\n }\r\n }\r\n\r\n onClickEventOfContextMenu = (obj) => {\r\n\r\n if (obj.wmsid == 'addLineItem') {\r\n this.openLineItemModal('create')\r\n } else if (obj.wmsid == 'editLineItem') {\r\n this.openLineItemModal('edit')\r\n } else if (obj.wmsid == 'deleteLineItem') {\r\n this.deleteLineItme()\r\n }\r\n }\r\n\r\n openLineItemModal = (param_flow) => {\r\n this.props.onOpenLineItemModal(true, param_flow, this.state.sharedSelectedLineItem);\r\n }\r\n\r\n refreshLineItemGrid = () => {\r\n var receiveLineItemsGrid = $(\".\" + this.props.windowId + \" #\" + this.state.gridName).data('kendoGrid');\r\n GlobalService.refreshGridForChangedNumberOfRows(receiveLineItemsGrid);\r\n receiveLineItemsGrid.dataSource.read();\r\n this.getReceiptLineItemData();\r\n if (this.state.localKendoGrid != null) {\r\n this.state.localKendoGrid.clearSelections(() => {\r\n this.state.localKendoGrid.repaintSelections();\r\n });\r\n this.setState({ selectedRows: 0 });\r\n }\r\n }\r\n onSelectAllChange = (event) => {\r\n\r\n var grid = $('.' + this.props.windowId + ' #' + this.state.gridName).data('kendoGrid');\r\n if (grid) {\r\n this.setState({\r\n selectedRows: grid.select().length,\r\n });\r\n }\r\n\r\n }\r\n\r\n render() {\r\n const renderReceiptObj = this.props.sharedReceiptData.Receipt;\r\n return (\r\n \r\n \r\n {this.state.columns.length > 0 &&\r\n this.onGridDataBound(e)}\r\n menu={\r\n [\r\n {\r\n \"name\": this.translate('Label_Add_Line_Item'),\r\n \"value\": [],\r\n \"disabled\": (\r\n (GlobalService.GetCurrentUser().CustomerIds.length > 0) && renderReceiptObj.Completed\r\n ),\r\n \"showToolTip\": (\r\n (GlobalService.GetCurrentUser().CustomerIds.length > 0) && renderReceiptObj.Completed\r\n ),\r\n \"tooltipText\": this.translate('Label_Line_Item_Cutomer_Access_Note'),\r\n \"icon\": \"fa-plus\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'addLineItem',\r\n 'wmsSelector': this.props.selector + \"AddLineItem\",\r\n 'clickFunc': (e) => this.openLineItemModal('create'),\r\n }, {\r\n \"name\": this.translate('Label_Edit_Line_Item'),\r\n \"value\": [],\r\n \"disabled\": this.state.selectedRows != 1 || (\r\n (GlobalService.GetCurrentUser().CustomerIds.length > 0) && renderReceiptObj.Completed\r\n ),\r\n \"showToolTip\": (\r\n (GlobalService.GetCurrentUser().CustomerIds.length > 0) && renderReceiptObj.Completed\r\n ),\r\n \"tooltipText\": this.translate('Label_Line_Item_Cutomer_Access_Note'),\r\n \"icon\": \"fa-plus\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'editLineItem',\r\n 'wmsSelector': this.props.selector + \"EditLineItem\",\r\n 'clickFunc': (e) => this.openLineItemModal('edit'),\r\n }, {\r\n \"name\": this.translate('Label_Directed_Putaway'),\r\n \"wmsSelector\": this.props.selector + \"DirectPutAwayLocation\",\r\n \"value\": [{\r\n \"name\": this.translate('Label_Directed_Putaway_Include_All_Lines_Without_Location'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n 'wmsSelector': this.props.selector + \"DirectedPutawayIncludeAllLinesWithoutLocation\",\r\n 'onClickFunc': ((e) => this.changeDirectPutaway('include_line')),\r\n }, {\r\n \"name\": this.translate('Label_Directed_Putaway_Include_All_Lines'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n 'wmsSelector': this.props.selector + \"DirectedPutawayIncludeAllLines\",\r\n 'onClickFunc': ((e) => this.changeDirectPutaway('include_line_replace')),\r\n }],\r\n \"disabled\": (this.state.putAwaycall || !this.props.selectedCustomer.options.trackLocation || this.props.sharedTotalLineItems == 0),\r\n \"disabledText\": \"\",\r\n \"icon\": \"fa-location-arrow\",\r\n \"color\": \"green\",\r\n 'isContextMenu': false,\r\n 'isButtonMenu': this.state.tplSettings.Receiving.DirectedPutAwayEnabled\r\n }\r\n , {\r\n \"name\": this.translate('Label_Delete'),\r\n \"value\": [],\r\n \"disabled\": this.state.selectedRows == 0 || (\r\n (GlobalService.GetCurrentUser().CustomerIds.length > 0) && renderReceiptObj.Completed\r\n ),\r\n \"showToolTip\": (\r\n (GlobalService.GetCurrentUser().CustomerIds.length > 0) && renderReceiptObj.Completed\r\n ),\r\n \"tooltipText\": this.translate('Label_Line_Item_Cutomer_Access_Note'),\r\n \"icon\": \"fa-trash\",\r\n \"color\": \"red\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'deleteLineItem',\r\n 'wmsSelector': this.props.selector + \"DeleteLineItem\",\r\n 'clickFunc': (e) => this.deleteLineItme(),\r\n 'loading': this.state.gifDeleteLineItem\r\n }\r\n ]\r\n }\r\n />\r\n }\r\n \r\n { }}\r\n label={this.translate('Label_Total_Weight')}\r\n disabled={true}\r\n />\r\n { }}\r\n label={this.translate('Label_Total_Volume')}\r\n disabled={true}\r\n />\r\n \r\n\r\n \r\n \r\n \r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { KendoGridWms } from '../../../../assets/ts/KendoGridWms.ts';\r\nimport { StringWms } from '../../../../assets/ts/StringWms.ts';\r\nimport { ObjectWms } from '../../../../assets/ts/ObjectWms.ts';\r\n\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsGrid from '../../components/WmsGrid/WmsGrid.jsx';\r\nimport WmsInput from '../../components/WmsInput/WmsInput.jsx';\r\nimport WmsModel from './../../components/WmsModel/WmsModel.jsx';\r\nimport WmsButton from './../../components/WmsButton/WmsButton.jsx';\r\n\r\nimport * as GridConfig from './grid_configuration.jsx';\r\nimport * as GlobalService from './../../global_services';\r\n\r\nexport class ManageReceiptCharges extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n columns: GridConfig.ReceiptChargesGridColumns(GlobalService.GetRights()).columns,\r\n schema: GridConfig.ReceiptChargesGridSchema().schema,\r\n gridAppliedChargesTotalCharges: '0',\r\n isManualCharge: false,\r\n localKendoGrid: null,\r\n isOpenConfirmModel: false,\r\n }\r\n }\r\n\r\n onDataBound = (e) => {\r\n\r\n let grid = $(\".\" + this.props.windowId + \" #GridmanageReceiptAppliedCharges\").data(\"kendoGrid\");\r\n let gridData = grid.dataSource.view();\r\n\r\n for (let i = 0; i < gridData.length; i++) {\r\n if (gridData[i].ChargeOrigin == 0) {\r\n grid.table.find(\"tr[data-uid='\" + gridData[i].uid + \"']\").addClass(\"wms-predefined-required\");\r\n }\r\n }\r\n\r\n let tempKendo = new KendoGridWms(\"GridmanageReceiptAppliedCharges\", this.props.windowId, '');\r\n let totalCharges = tempKendo.sumByLocalMemoryGridContents([\"TotalCharges\"])[0];\r\n this.setState({ gridAppliedChargesTotalCharges: Number(Math.round(totalCharges + 'e2') + 'e-2') });\r\n\r\n }\r\n\r\n onEdit = (e) => {\r\n var grid = $('.' + this.props.windowId + ' #GridmanageReceiptAppliedCharges').data('kendoGrid');\r\n var columnIndex = grid.cellIndex(e.container);\r\n var fieldName = grid.thead.find(\"th\").eq(columnIndex).data(\"field\");\r\n\r\n if (fieldName == \"NumberOfUnits\" && e.model.ChargeOrigin == 1) {\r\n grid.closeCell();\r\n }\r\n if (fieldName == \"ChargePerUnit\" && e.model.ChargeOrigin == 1) {\r\n grid.closeCell();\r\n }\r\n if (fieldName == \"ChargePerUnit\" && e.model.ChargeOrigin == 3) {\r\n grid.closeCell();\r\n }\r\n }\r\n\r\n onGridSave = (e) => {\r\n\r\n var grid = $('.' + this.props.windowId + ' #GridmanageReceiptAppliedCharges').data('kendoGrid');\r\n\r\n var numberOfUnits = StringWms.isEmpty(e.model.NumberOfUnits) ? 0 : e.model.NumberOfUnits;\r\n if (e.values.hasOwnProperty(\"NumberOfUnits\")) {\r\n numberOfUnits = StringWms.isEmpty(e.values.NumberOfUnits) ? 0 : e.values.NumberOfUnits;\r\n }\r\n\r\n var chargePerUnit = StringWms.isEmpty(e.model.ChargePerUnit) ? 0 : e.model.ChargePerUnit;\r\n if (e.values.hasOwnProperty(\"ChargePerUnit\")) {\r\n chargePerUnit = StringWms.isEmpty(e.values.ChargePerUnit) ? 0 : e.values.ChargePerUnit;\r\n }\r\n\r\n var total = parseFloat((new Big(numberOfUnits)).times(chargePerUnit).round(4));\r\n\r\n e.model.set(\"TotalCharges\", total);\r\n e.model.TotalCharges = total;\r\n grid.saveChanges();\r\n\r\n setTimeout(() => {\r\n let billingChargesData = grid._data;\r\n billingChargesData = ObjectWms.removeObjFromListOnParameterValue(billingChargesData, \"test\", null);\r\n\r\n let propsReceiptObj = this.props.sharedReceiptData.Receipt;\r\n propsReceiptObj[\"BillingCharges\"] = billingChargesData;\r\n this.props.onReceiptDataSet(propsReceiptObj);\r\n }, 100);\r\n }\r\n\r\n selectRow = (param_kendogrid) => {\r\n\r\n var selectedRow = param_kendogrid.getNumberOfSelections();\r\n var manualChargeType = selectedRow > 0 ? param_kendogrid.identicalValuesInSelectedSet(\"ChargeOrigin\", 2) : false;\r\n\r\n this.setState({\r\n isManualCharge: manualChargeType,\r\n localKendoGrid: param_kendogrid\r\n });\r\n\r\n }\r\n\r\n openConfirmationModal = () => {\r\n this.setState({\r\n isOpenConfirmModel: true\r\n });\r\n }\r\n\r\n ClickExit = () => {\r\n this.setState({\r\n isOpenConfirmModel: false\r\n });\r\n }\r\n\r\n deleteManualCharges = () => {\r\n\r\n var grid = $('.' + this.props.windowId + ' #GridmanageReceiptAppliedCharges').data('kendoGrid');\r\n\r\n grid.select().each(function () {\r\n grid.removeRow($(this));\r\n });\r\n\r\n var data = grid.dataSource.data().length > 0 ? grid.dataSource.data().toJSON() : [];\r\n\r\n let sharedOptionObj = Object.assign(\r\n {},\r\n this.props.sharedReceiptData.Receipt,\r\n {\r\n 'BillingCharges': data\r\n }\r\n );\r\n this.props.onReceiptDataSet(sharedOptionObj);\r\n\r\n this.setState({\r\n isOpenConfirmModel: false,\r\n isManualCharge: false\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n null}\r\n contextMenuFilter='tbody tr:not(.k-grid-edit-row)'\r\n shawCheckbox={false}\r\n showGridResult={false}\r\n staticGridData={this.props.sharedReceiptData.Receipt.BillingCharges}\r\n showSortColumns={false}\r\n onDataBound={this.onDataBound}\r\n gridEditable={{\r\n confirmation: false\r\n }}\r\n onGridSave={this.onGridSave}\r\n onEdit={this.onEdit}\r\n menu={[\r\n {\r\n \"name\": this.translate('Label_Recalculate_AutoCharges'),\r\n \"value\": [],\r\n \"disabled\": (this.props.sharedTotalLineItems == 0 || this.props.sharedGifRecalculate),\r\n \"icon\": 'fa fa-truck',\r\n \"color\": \"green\",\r\n \"clickFunc\": () => this.props.onSaveReceipt('recalculate'),\r\n \"wmsSelector\": this.props.selector + \"RecalculateAutoCharges\",\r\n \"loading\": this.props.sharedGifRecalculate,\r\n \"showToolTip\": (this.props.sharedTotalLineItems == 0),\r\n \"tooltipText\": this.translate('Label_Add_Line_Item'),\r\n \"isContextMenu\": false,\r\n },\r\n {\r\n \"name\": this.translate('Label_Create_A_Manual_Charge'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss\",\r\n \"icon\": \"fa fa-keyboard-o\",\r\n \"color\": \"green\",\r\n \"clickFunc\": this.props.onOpenCreateManualChargeModal,\r\n \"wmsSelector\": this.props.selector + \"CreateManualCharge\",\r\n \"isContextMenu\": false,\r\n },\r\n {\r\n \"name\": this.translate('Label_Delete'),\r\n \"value\": [],\r\n \"disabled\": !this.state.isManualCharge,\r\n \"disabledText\": \"You may not add blahssss\",\r\n \"icon\": \"fa-trash\",\r\n \"color\": \"red\",\r\n \"clickFunc\": (this.openConfirmationModal),\r\n \"wmsSelector\": this.props.selector + \"DeleteManualCharge\",\r\n \"isContextMenu\": false,\r\n }\r\n ]}\r\n />\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React from 'react';\r\nimport * as manageReceiptService from '../manageReceipt.services.jsx';\r\n//component\r\nimport WmsButton from './../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsCheckBox from './../../../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsDateTimePicker from './../../../components/WmsDateTimePicker/WmsDateTimePicker.jsx';\r\nimport WmsFormGrid from './../../../components/WmsFormGrid/WmsFormGrid.jsx';\r\nimport WmsInput from './../../../components/WmsInput/WmsInput.jsx';\r\nimport WmsModel from './../../../components/WmsModel/WmsModel.jsx';\r\nimport WmsCollapse from './../../../components/WmsCollapse/WmsCollapse.jsx';\r\n// import { StringWms } from '../../../../assets/ts/StringWms.ts';\r\n//services\r\nimport * as GlobalService from './../../../global_services';\r\nimport './confirm-receipt-modal.scss';\r\n\r\n\r\n\r\nexport class ConfirmReceiptModal extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n\r\n let autoAllocateToOpenOrders = false;\r\n if (this.props.sharedSelectedCustomer.options.autoCheckAutoReallocateOnReceive) {\r\n autoAllocateToOpenOrders = true;\r\n }\r\n\r\n this.state = {\r\n selector: \"Receipt\",\r\n gifConfirmReceipt: false,\r\n isChargesLoaded: false,\r\n autoAllocateToOpenOrders: autoAllocateToOpenOrders,\r\n canInvoiceOnConfirm: false,\r\n createInvoice: false,\r\n staticGridData: [],\r\n totalCharges: 0,\r\n arrivalDate: '',\r\n Rights: GlobalService.GetRights(),\r\n TplSettings: GlobalService.getTplSettings(),\r\n warehouseMaxDateTime: \"\",\r\n columns: [\r\n {\r\n field: \"ChargeType\",\r\n title: this.translate('Label_Charge_Type')\r\n },\r\n {\r\n field: \"ChargeAmount\",\r\n title: this.translate('Label_Charge_Amount')\r\n }],\r\n schema: {\r\n model: {\r\n fields: {\r\n Class: {\r\n type: \"string\"\r\n },\r\n ChargeType: {\r\n type: \"string\"\r\n },\r\n ChargeAmount: {\r\n type: \"number\"\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n componentDidMount(){\r\n manageReceiptService.getConfirmOptions(this.props.shareReceipt.EditUri).then((response) => {\r\n\r\n let combinedArray = [];\r\n let totalCharges = 0;\r\n let summaryRows = response.SummaryRows || [];\r\n\r\n for (let x = 0; x < summaryRows.length; x++) {\r\n combinedArray.push(summaryRows[x]);\r\n totalCharges = totalCharges + summaryRows[x].ChargeAmount;\r\n }\r\n this.setState({\r\n canInvoiceOnConfirm:response.CanInvoiceOnConfirm,\r\n createInvoice:response.CreateInvoice,\r\n totalCharges: totalCharges,\r\n staticGridData: combinedArray,\r\n isChargesLoaded: true,\r\n });\r\n\r\n }).finally(() => {\r\n });\r\n GlobalService.getFacilityMaxDateTime(this.props.shareReceipt.FacilityId).then((facilityCurrentTime) => {\r\n this.setState({\r\n warehouseMaxDateTime: facilityCurrentTime,\r\n arrivalDate: this.state.TplSettings.Receiving.AutoSetArrivalDate ? kendo.toString(kendo.parseDate(facilityCurrentTime), 'yyyy-MM-ddTHH:mm:ss') : this.props.shareReceipt.ArrivalDate\r\n });\r\n });\r\n\r\n }\r\n\r\n confirmReceipt = () => {\r\n\r\n this.setState({ gifConfirmReceipt: true });\r\n manageReceiptService.confirmReceipt(this.props.shareReceipt.EditUri, this.state.autoAllocateToOpenOrders, this.state.arrivalDate,this.state.createInvoice).then((response) => {\r\n\r\n this.setState({ gifConfirmReceipt: false });\r\n GlobalService.notification(\"success\",this.translate(\"Label_Receipt_Confirm\"));\r\n let shipAndCloseWindow = $('#shipAndClose' + this.props.windowId).data('kendoWindow');\r\n if (shipAndCloseWindow) {\r\n shipAndCloseWindow.close();\r\n }\r\n\r\n GlobalService.closeWindow(this.props.windowId);\r\n\r\n var eventItem = new CustomEvent(\"EventNewReceiptData\", {\r\n detail: { \"action\": \"update\" }\r\n });\r\n\r\n document.dispatchEvent(eventItem);\r\n }).finally(() => {\r\n this.setState({ gifConfirmReceipt: false });\r\n });\r\n\r\n }\r\n\r\n handleDateChange = (event) => {\r\n this.setState({ arrivalDate: event.target.value });\r\n }\r\n handleCheckBoxChange = (event) => {\r\n var key = event.target.name;\r\n // this.setState({ autoAllocateToOpenOrders: !this.state.autoAllocateToOpenOrders });\r\n if (key == 'allocateOpenOrder') {\r\n this.setState({ autoAllocateToOpenOrders: !this.state.autoAllocateToOpenOrders });\r\n } else if (key == 'createInvoice') {\r\n this.setState({ createInvoice: !this.state.createInvoice });\r\n }\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n null}\r\n label={this.translate('Label_Total_Charges')}\r\n />\r\n
\r\n {this.state.isOpenConfirmModel && (\r\n \r\n {this.translate('Label_Confirm_Selected_Charges')}\r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n {this.state.warehouseMaxDateTime &&\r\n
\r\n {this.state.Rights.hasOwnProperty('receipts.charges.manage') ? (\r\n \r\n \r\n\r\n
\r\n ):null}\r\n \r\n function () { }}\r\n label={this.translate('Label_Total_Charges')} />\r\n ):null}\r\n
\r\n \r\n {/* {this.state.Rights.hasOwnProperty('Receiving.AutoReallocOnReceiveEnabled') && ( */}\r\n \r\n )}\r\n
\r\n {this.state.Rights.hasOwnProperty('receipts.charges.manage') ? (\r\n \r\n
\r\n \r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport WmsModel from '../../../components/WmsModel/WmsModel.jsx';\r\nimport WmsButton from '../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsContainer from '../../../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsInput from '../../../components/WmsInput/WmsInput.jsx';\r\n\r\nimport './add-new-custom-field-modal.scss';\r\n\r\nimport * as GlobalService from './../../../global_services';\r\n\r\nexport class AddNewCustomFieldModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n \r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n selector:'ReceiptCustomField',\r\n customField: {\r\n Name: '',\r\n Value: '',\r\n Required: false\r\n }\r\n };\r\n }\r\n\r\n handleChange = (event) => {\r\n this.setState({\r\n customField: Object.assign(\r\n this.state.customField,\r\n {\r\n [event.target.name]: event.target.value\r\n }\r\n )\r\n });\r\n }\r\n\r\n addCustomField = () => {\r\n\r\n if (this.state.customField.Name == '') {\r\n\r\n GlobalService.notification(\"error\", this.translate('Label_Unique_Value_Required') + ':', this.translate('Label_Name'));\r\n\r\n } else {\r\n\r\n let savedElementsData = Object.assign([], this.props.sharedReceiptData.ReceiptSE);\r\n\r\n // check if name exist in saved element\r\n let index = savedElementsData.filter((el) => {\r\n return el['Name'].toLowerCase() == this.state.customField.Name.toLowerCase();\r\n });\r\n if (index.length > 0) {\r\n GlobalService.notification(\"error\", this.translate('Label_Unique_Value_Required') + ': ', this.translate('Label_Name'));\r\n return;\r\n }\r\n savedElementsData.unshift(this.state.customField);\r\n\r\n let ReceiptData = this.props.sharedReceiptData;\r\n ReceiptData.ReceiptSE = savedElementsData;\r\n this.props.onReceiptOptionSet(ReceiptData);\r\n this.props.onCloseCustomFieldModal();\r\n }\r\n }\r\n\r\n\r\n\r\n render() {\r\n return (\r\n \r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\n\r\nexport const getGridDemoColumns = (Items_GridHeaders, CustomLabels) => {\r\n \r\n var translate = window.translate;\r\n return ({\r\n\r\n columns: [{\r\n field: \"ItemId\",\r\n title: CustomLabels.Label_Item + \"Id\",\r\n width: 120,\r\n hidden: true,\r\n wmsid: 1\r\n },\r\n {\r\n field: \"Sku\",\r\n title: CustomLabels.Label_Sku,\r\n width: 120,\r\n wmsid: 2\r\n },\r\n {\r\n field: \"Status\",\r\n title: Items_GridHeaders[2].description,\r\n width: 120,\r\n sortable: false,\r\n filterable: false,\r\n template: \"#= IsActive == true ? '\" + translate('Label_Active') + \"' : '\" + translate('Label_Inactive') + \"' #\",\r\n wmsid: 3\r\n },\r\n {\r\n field: \"HasStorageRates\",\r\n title: Items_GridHeaders[3].description,\r\n width: 120,\r\n sortable: false,\r\n filterable: false,\r\n wmsid: 4\r\n },\r\n {\r\n field: \"Description\",\r\n title: Items_GridHeaders[4].description,\r\n width: 120,\r\n filterable: true,\r\n wmsid: 5\r\n },\r\n {\r\n field: \"IsAssembly\",\r\n sortable: false,\r\n filterable: false,\r\n title: Items_GridHeaders[5].description,\r\n width: 120,\r\n wmsid: 6\r\n }]\r\n })\r\n}\r\n\r\n\r\nexport const getGridDemoSchema = () => {\r\n return ({\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n model: {\r\n id: \"ItemId\",\r\n fields: {\r\n Sku: {\r\n type: \"string\"\r\n },\r\n Status: {\r\n type: \"boolean\"\r\n },\r\n HasStorageRates: {\r\n type: \"boolean\"\r\n },\r\n Description: {\r\n type: \"string\"\r\n },\r\n IsAssembly: {\r\n type: \"boolean\"\r\n }\r\n }\r\n }\r\n }\r\n })\r\n}\r\n\r\nexport const getGridDemoTransport = (customerUri) => {\r\n return ({\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Items/Items/ItemsGridRead\",\r\n type: \"POST\",\r\n data: {\r\n customerUri: customerUri,\r\n },\r\n dataType: 'json'\r\n },\r\n destroy: {\r\n url: \"/WebUI/Items/Items/ItemsGridRead\",\r\n type: \"GET\",\r\n dataType: \"JSON\"\r\n },\r\n parameterMap: function (options, operation) {\r\n if (operation !== \"read\" && options.models) {\r\n return {\r\n models: JSON.stringify(options.models)\r\n };\r\n }\r\n },\r\n },\r\n })\r\n}\r\n\r\nexport const getCopyItemGridColumns = (CustomLabels) => {\r\n \r\n var translate = window.translate;\r\n return ({\r\n columns: [{\r\n field: \"ItemId\",\r\n title: CustomLabels.Label_Item + \"Id\",\r\n width: 120,\r\n hidden: true,\r\n wmsid: 1\r\n },\r\n {\r\n field: \"Sku\",\r\n title: translate('Label_Sku'),\r\n width: 120,\r\n wmsid: 2\r\n }, {\r\n field: \"Description\",\r\n title: translate('Label_Description'),\r\n width: 120,\r\n wmsid: 3\r\n }, {\r\n field: \"CountingMechanism\",\r\n title: translate('Label_Counting_Mechanism'),\r\n width: 120,\r\n wmsid: 4\r\n }]\r\n })\r\n}\r\nexport const getCopyItemGridSchema = () => {\r\n return ({\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n model: {\r\n id: \"ItemId\",\r\n fields: {\r\n Sku: {\r\n type: \"string\"\r\n },\r\n Description: {\r\n type: \"string\"\r\n },\r\n CountingMechanism: {\r\n type: \"string\"\r\n }\r\n }\r\n }\r\n }\r\n })\r\n}\r\nexport const getCopyItemGridTransport = (customerUri) => {\r\n return ({\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Items/Items/ItemsThatCanBeCopiedFrom\",\r\n type: \"POST\",\r\n data: {\r\n customerUri: customerUri,\r\n },\r\n dataType: 'json'\r\n },\r\n destroy: {\r\n url: \"/WebUI/Items/Items/ItemsThatCanBeCopiedFrom\",\r\n type: \"GET\",\r\n dataType: \"JSON\"\r\n },\r\n parameterMap: function (options, operation) {\r\n if (operation !== \"read\" && options.models) {\r\n return {\r\n models: JSON.stringify(options.models)\r\n };\r\n }\r\n },\r\n },\r\n })\r\n}\r\nexport const getStorageChargeGridColumns = () => {\r\n return ({\r\n\r\n columns: [{\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n hidden: true,\r\n menu: false,\r\n width: \"100%\"\r\n },{\r\n field: \"FacilityName\",\r\n title: \"Warehouse\",\r\n lockable: false,\r\n width: \"100%\",\r\n template: '#if(!inventoryUnitsPerStorageUnit) {# #=FacilityName# #} else{# #=FacilityName# #}#'\r\n },\r\n {\r\n field: \"unitOfMeasureName\",\r\n title: \"UOM\",\r\n lockable: false,\r\n width: \"100%\"\r\n },\r\n {\r\n field: \"inventoryUnitsPerStorageUnit\",\r\n title: \"# OF UNITS\",\r\n lockable: false,\r\n width: \"100%\"\r\n },\r\n {\r\n field: \"fullRate\",\r\n title: \"SPLIT (FULL)\",\r\n lockable: false,\r\n width: \"100%\"\r\n },\r\n {\r\n field: \"halfRate\",\r\n title: \"SPLIT (Half)\",\r\n lockable: false,\r\n width: \"100%\"\r\n },\r\n {\r\n field: \"freeDays\",\r\n title: \"Free Days\",\r\n lockable: false,\r\n width: \"100%\"\r\n },\r\n {\r\n field: \"receiverHandlingRate\",\r\n title: \"RCV Handle\",\r\n lockable: false,\r\n width: \"100%\"\r\n }\r\n ]\r\n })\r\n}\r\nexport const getStorageChargeGridSchema = () => {\r\n return ({\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n model: {\r\n fields: {\r\n FacilityName: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n unitOfMeasureName: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n inventoryUnitsPerStorageUnit: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n fullRate: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n halfRate:{\r\n type: \"number\",\r\n editable: false\r\n },\r\n freeDays:{\r\n type: \"number\",\r\n editable: false\r\n },\r\n receiverHandlingRate:{\r\n type: \"number\",\r\n editable: false\r\n }\r\n }\r\n }\r\n }\r\n })\r\n}","import * as GlobalService from \"../global_services\";\r\nvar isFirstTimeOpen = true;\r\nvar keyName = \"Item\";\r\nvar metaDataItemObject = {\r\n Item: {\r\n customerId: 0\r\n }\r\n};\r\n\r\n// call api for get metaData of item customer is it's open first time\r\nexport const getItemClientMetaData = function() {\r\n if (isFirstTimeOpen) {\r\n return GlobalService.getUserClientMetaData(keyName).then(\r\n function successCallBack(response) {\r\n if (response != \"\") {\r\n Object.assign(metaDataItemObject[keyName], JSON.parse(response));\r\n }\r\n console.log(\"response metaDataItemObject :\", metaDataItemObject);\r\n isFirstTimeOpen = false;\r\n return true;\r\n },\r\n function errorCallBack(response) {\r\n console.log(response);\r\n return false;\r\n }\r\n );\r\n }\r\n};\r\n\r\nexport const clearItemFilterMetaData = function(objName) {\r\n metaDataItemObject[keyName][\"customerId\"] = 0;\r\n GlobalService.setUserClientMetaData(\r\n keyName,\r\n JSON.stringify(metaDataItemObject[keyName])\r\n );\r\n};\r\n\r\nexport const setCustomerIdFilterMetaData = function(custId) {\r\n metaDataItemObject[keyName]['customerId'] = custId;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataItemObject[keyName]));\r\n}\r\n\r\nexport const getCustomerIdFilterMetaData = function() {\r\n if (!$.isEmptyObject(metaDataItemObject[keyName]['customerId'])) {\r\n return metaDataItemObject[keyName]['customerId'];\r\n } else {\r\n return \"\";\r\n }\r\n}","\r\nvar axios = require('axios');\r\nimport * as GlobalService from './../global_services';\r\nimport * as metaDataService from './meta-data.service.js';\r\n\r\nexport const getitemsInitial = function () {\r\n\r\n return axios.all([\r\n axios.get('/WebUI/Items/Items/Options'),\r\n axios.get('/WebUI/Items/Items/SearchInfo'),\r\n axios.get('/WebUI/Items/Items/StorageCountScripts'),\r\n GlobalService.GetCustomersAndFacility(),\r\n metaDataService.getItemClientMetaData()\r\n ]).then(axios.spread(function (optionResponse, searchInfoResponse, recurringStorageResponse) {\r\n optionResponse['searchInfo'] = searchInfoResponse;\r\n optionResponse['customerList'] = GlobalService.getCustomerList(false);\r\n optionResponse['recurringStorageResponse'] = { optionCountingMechanism: [] };\r\n if (recurringStorageResponse.status == 200) {\r\n var reformatedArray = recurringStorageResponse.data.map(obj => {\r\n var rObj = {};\r\n rObj = obj.StorageCountScriptTemplateIdentifier;\r\n return rObj;\r\n });\r\n\r\n var tmpRecurringStorageRes = {};\r\n tmpRecurringStorageRes.StorageCountScriptsArr = recurringStorageResponse.data;\r\n tmpRecurringStorageRes.optionCountingMechanism = reformatedArray;\r\n optionResponse['recurringStorageResponse'] = tmpRecurringStorageRes;\r\n }\r\n return optionResponse;\r\n }));\r\n}\r\nexport const getCreateEditItemsInitial = function (itemUri) {\r\n return axios.get('/WebUI/Items/Items/Options?itemUri=' + itemUri).then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const updateItemsActivation = function (customerId, list, mybool) {\r\n var data = {\r\n customerId: customerId,\r\n activate: mybool,\r\n itemIds: list\r\n };\r\n return axios.put('/WebUI/Items/Items/Activate', data).then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const deleteItem = function (itemUri) {\r\n var data = {\r\n itemUri: itemUri\r\n };\r\n return axios.delete('/WebUI/Items/Items/Item', { data: data }).then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\n/*export const getLocationDropdownRead = function (facilityId) {\r\n let data = {\r\n sort: '',\r\n page: 1,\r\n pageSize: 50,\r\n group: '',\r\n filter: '',\r\n facilityId: facilityId,\r\n }\r\n return axios.post('/WebUI/items/items/LocationDropDownRead', data).then(function (response) {\r\n return response;\r\n });\r\n}*/\r\n\r\nexport const saveNewItems = function (itemsData, customerId, ignoreDuplicateUpc) {\r\n let payLoad = {\r\n itemView: itemsData,\r\n customerId: customerId\r\n }\r\n if (ignoreDuplicateUpc) {\r\n payLoad.ignoreDuplicateUpc = ignoreDuplicateUpc;\r\n }\r\n return axios.post('/WebUI/Items/Items/Item', payLoad).then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const updateExistingItems = function (itemsData, itemUri, ignoreDuplicateUpc) {\r\n let payLoad = {\r\n itemView: itemsData,\r\n itemUri: itemUri\r\n }\r\n if (ignoreDuplicateUpc) {\r\n payLoad.ignoreDuplicateUpc = ignoreDuplicateUpc;\r\n }\r\n return axios.put('/WebUI/Items/Items/Item', payLoad).then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const storageRateSetup = function (itemRateUri) {\r\n return axios.get('/WebUI/Items/Items/storageratesetup?itemRatesUri=' + itemRateUri).then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const storageRateCharges = function (param_query_string, param_payload) {\r\n return axios.put('/WebUI/Items/Items/StorageRateCharges?' + param_query_string,\r\n param_payload).then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const storageRatesGroup = function (param_payload) {\r\n return axios.put('/WebUI/items/items/StorageRatesGroup', { \"update\": param_payload }).then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const getDefaultStorageHandlingCharges = function (customerId) {\r\n return axios.get('/WebUI/Items/Items/DefaultStorageHandlingCharges?customerId=' + customerId).then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const storageHandlingCharges = function (itemUri, payload) {\r\n payload = { 'rateSetup': payload }\r\n return axios.put('/WebUI/Items/Items/StorageHandlingCharges?itemRatesUri=' + itemUri, payload).then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const exportAllBatchItems = function (params) {\r\n return axios.put('/WebUI/Items/BatchItemUpdate/ExportAllBatchItems', params).then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const exportSelectedBatchItems = function (params) {\r\n return axios.put('/WebUI/Items/BatchItemUpdate/ExportSelectedBatchItems', params).then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const ValidateUpdateBatchItemStarter = function (params) {\r\n return axios.put('/WebUI/Items/BatchItemUpdate/ValidateUpdateBatchItemStarter', params).then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const callServiceOnUri = function (param_uri) {\r\n return axios.get('/WebUI/' + param_uri).then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const UpdateBatchItemStarter = function (params) {\r\n return axios.put('/WebUI/Items/BatchItemUpdate/UpdateBatchItemStarter', params).then(function (response) {\r\n return response;\r\n });\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsButton from '../components/WmsButton/WmsButton.jsx';\r\nimport WmsCollapse from '../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsCheckBox from '../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsModel from './../components/WmsModel/WmsModel.jsx';\r\n\r\nimport * as GlobalService from './../global_services';\r\nimport * as itemService from './items.services.jsx';\r\nimport style from './items-export-modal.scss'\r\n\r\nexport default class ItemsExportModal extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n this.translate = window.translate;\r\n this.isImperial = GlobalService.getMeasurementStandardFlag(this.props.sharedSelectedCustomerObj.defaultFacility ? this.props.sharedSelectedCustomerObj.defaultFacility : 0);\r\n\r\n this.state = {\r\n selector: \"ExportItems\",\r\n isIncludeInactiveItem: false,\r\n exportingGif: false,\r\n supportedFormats: [{ id: \"csv\", name: \"CSV\" }]\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n //\r\n }\r\n\r\n onChangeIncludeInactiveItems = (e) => {\r\n this.setState({\r\n isIncludeInactiveItem: e.target.checked\r\n })\r\n }\r\n\r\n exportData = () => {\r\n let params = {\r\n \"custId\": this.props.sharedSelectedCustomerObj.id,\r\n \"inactiveItems\": this.state.isIncludeInactiveItem,\r\n \"isimperial\": this.isImperial\r\n }\r\n let fileName = \"itemsGridExport\";\r\n\r\n this.setState({ exportingGif: true });\r\n if (this.props.isExportSelectedItems) {\r\n params.skus = this.props.sharedSelectedItemSkus;\r\n\r\n itemService.exportSelectedBatchItems(params).then((response) => {\r\n if (typeof response.data != 'undefined' && response.status == 200) {\r\n GlobalService.downloadFileBaseOnContentType(response.data, 'application/txt', fileName);\r\n }\r\n }).finally(() => {\r\n this.setState({ exportingGif: false });\r\n });\r\n\r\n } else {\r\n itemService.exportAllBatchItems(params).then((response) => {\r\n if (typeof response.data != 'undefined' && response.status == 200) {\r\n GlobalService.downloadFileBaseOnContentType(response.data, 'application/txt', fileName);\r\n }\r\n }).finally(() => {\r\n this.setState({ exportingGif: false });\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.isExportSelectedItems ?\r\n 1 ? 'items' : 'item') ) }} />\r\n :\r\n \r\n }\r\n
\r\n \r\n
\r\n {/* null}\r\n options={this.state.supportedFormats}\r\n valueField='id'\r\n textField='name'\r\n /> */}\r\n\r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsButton from '../components/WmsButton/WmsButton.jsx';\r\nimport WmsCollapse from '../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsModel from './../components/WmsModel/WmsModel.jsx';\r\nimport WmsFile from './../components/WmsFile/WmsFile.jsx';\r\n\r\nimport style from './items-update-modal.scss'\r\nimport * as GlobalService from './../global_services';\r\nimport * as itemService from './items.services.jsx';\r\n\r\nexport default class ItemsUpdateModal extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n this.translate = window.translate;\r\n this.isImperial = GlobalService.getMeasurementStandardFlag(this.props.sharedSelectedCustomerObj.defaultFacility ? this.props.sharedSelectedCustomerObj.defaultFacility : 0)\r\n this.isValidatingCallContinue = false;\r\n this.isUpdateItemCallContinue = false;\r\n this.selectedImportFile = '';\r\n this.state = {\r\n selector: \"UpdateItems\",\r\n selectedFileName: \"No File Selected\",\r\n updatingGif: false,\r\n downloadingSkusList: false,\r\n validatingFileGif: false,\r\n updatedBatchItemData: [],\r\n batchItemsFileDiff: [],\r\n totalItemsUpload: 0,\r\n validationIssueType: \"\",\r\n isOpenItemUpdateValidationModal: false\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n //\r\n }\r\n\r\n handleImportFileChangeAsync = (param_fileobj) => {\r\n\r\n this.selectedImportFile = param_fileobj;\r\n let fileExtension = param_fileobj.fileName.split('.').pop();\r\n this.setState({\r\n validatingFileGif: true,\r\n selectedFileName: param_fileobj.fileName\r\n });\r\n var sizeInMB = (param_fileobj.fileSize / (1024 * 1024)).toFixed(4);\r\n if (sizeInMB > 8.0000) {\r\n this.setState({\r\n isOpenItemUpdateValidationModal: true,\r\n validatingFileGif: false,\r\n validationIssueType: \"FileSize\"\r\n })\r\n\r\n } else if (fileExtension != 'txt') {\r\n this.setState({\r\n isOpenItemUpdateValidationModal: true,\r\n validatingFileGif: false,\r\n validationIssueType: \"FileType\"\r\n })\r\n } else {\r\n const formData = new FormData();\r\n formData.append('custId', this.props.sharedSelectedCustomerObj.id);\r\n formData.append('content', param_fileobj.fileread);\r\n formData.append('isimperial', this.isImperial);\r\n let isApiRes = false;\r\n //TODO: recall validate service if 'StatusRelativeUri' not found\r\n itemService.ValidateUpdateBatchItemStarter(formData).then((response) => {\r\n isApiRes = true;\r\n this.isValidatingCallContinue = true;\r\n this.validateUpdateBatchItemAsync(response.data.StatusRelativeUri);\r\n }).finally(() => {\r\n if (this.isValidatingCallContinue == false || isApiRes == false) {\r\n this.setState({ validatingFileGif: false });\r\n }\r\n });\r\n }\r\n }\r\n\r\n validateUpdateBatchItemAsync = (uri) => {\r\n let isApiRes = false;\r\n itemService.callServiceOnUri(uri).then((response) => {\r\n // console.log(\"validateUpdateBatchItemAsync response : \", response.data);\r\n isApiRes = true;\r\n if (response.data.Ready == true) {\r\n let newItems = response.data.Lists[0].ResourceList;\r\n let totalItemsUpload = response.data.Lists[0].TotalResults;\r\n let oldItems = response.data.Lists[1].ResourceList;\r\n let diffOfOldAndNewItems = [];\r\n\r\n _.map(oldItems, (oldItemObj, oldItemIndex) => {\r\n let newItemObj = newItems[oldItemIndex];\r\n let changesOfItems = this.getUpdatedItemsProperty(oldItemObj, newItemObj, {});\r\n\r\n if (!_.isEmpty(changesOfItems)) {\r\n diffOfOldAndNewItems.push(Object.assign({ 'Sku': oldItemObj.Sku }, changesOfItems));\r\n }\r\n });\r\n\r\n this.setState({\r\n updatedBatchItemData: newItems,\r\n batchItemsFileDiff: diffOfOldAndNewItems,\r\n totalItemsUpload: totalItemsUpload\r\n });\r\n this.isValidatingCallContinue = false;\r\n } else {\r\n this.isValidatingCallContinue = true;\r\n setTimeout(() => {\r\n this.validateUpdateBatchItemAsync(uri);\r\n }, 2500);\r\n }\r\n }).finally(() => {\r\n if (this.isValidatingCallContinue == false || isApiRes == false) {\r\n this.setState({ validatingFileGif: false });\r\n }\r\n if (this.isValidatingCallContinue) {\r\n this.setState({\r\n batchItemsFileDiff: [],\r\n totalItemsUpload: 0\r\n });\r\n }\r\n });\r\n }\r\n\r\n getUpdatedItemsProperty = (oData, nData, result) => {\r\n let that = this;\r\n Object.keys(oData).forEach(function (k) {\r\n if (oData[k] && typeof oData[k] == 'object') {\r\n if (oData[k].length != nData[k].length) {\r\n that.addUndefinedKeys(oData[k], nData[k], this);\r\n } else {\r\n that.getUpdatedItemsProperty(oData[k], nData[k], this);\r\n }\r\n } else {\r\n let oldValue = oData[k] || oData[k] === 0 || oData[k] === null ? oData[k] : '';\r\n let newValue = nData[k] || nData[k] === 0 || nData[k] === null ? nData[k] : '';\r\n if (k == \"InventoryCategory\") {\r\n oldValue = oldValue.trim();\r\n newValue = newValue.trim();\r\n }\r\n if (oldValue != newValue && k != 'RenameSku') {\r\n this[k] = '\"' + oldValue + '\" > \"' + newValue + '\"';\r\n }\r\n }\r\n }, result);\r\n\r\n return result;\r\n }\r\n addUndefinedKeys = function (oldData, newData, result) {\r\n var srcArray = oldData.length ? oldData : newData;\r\n var updatedObjectIn = oldData.length == 0 ? 'oldData': 'newData';\r\n for (let i = 0; i < srcArray.length; i++) {\r\n const element = srcArray[i];\r\n Object.keys(element).forEach(function (k) {\r\n const oldValue = (updatedObjectIn == 'oldData') ? '' : srcArray[i][k];\r\n const newValue = (updatedObjectIn == 'oldData') ? srcArray[i][k] : '';\r\n result[k] = '\"' + oldValue + '\" > \"' + newValue + '\"';\r\n });\r\n }\r\n }\r\n confirmBatchItemUpdateAsync = () => {\r\n this.setState({ updatingGif: true });\r\n // let params = {\r\n // \"custId\": this.props.sharedSelectedCustomerObj.id,\r\n // \"content\": this.selectedImportFile.fileread,\r\n // \"isimperial\": this.isImperial\r\n // };\r\n const formData = new FormData();\r\n formData.append('custId', this.props.sharedSelectedCustomerObj.id);\r\n formData.append('content', this.selectedImportFile.fileread);\r\n formData.append('isimperial', this.isImperial);\r\n //TODO: recall update batch service if 'StatusRelativeUri' not found\r\n let isApiRes = false;\r\n itemService.UpdateBatchItemStarter(formData).then((response) => {\r\n this.isUpdateItemCallContinue = true;\r\n isApiRes = true;\r\n this.updateBatchItemAsync(response.data.StatusRelativeUri);\r\n }).finally(() => {\r\n if (this.isUpdateItemCallContinue == false || isApiRes == false) {\r\n this.setState({ updatingGif: false });\r\n }\r\n });\r\n }\r\n updateBatchItemAsync = (uri) => {\r\n let isApiRes = false;\r\n itemService.callServiceOnUri(uri).then((response) => {\r\n console.log(\"loading of process response.data : \", response.data);\r\n isApiRes = true;\r\n if (response.data.Ready == true) {\r\n GlobalService.notification('success', this.translate('Label_Export_Item_Update').replace('{item}', (this.state.updatedBatchItemData.length > 1 ? 'Items' : 'Item')));\r\n this.props.onUpdateBatchItem();\r\n this.isUpdateItemCallContinue = false;\r\n } else {\r\n this.isUpdateItemCallContinue = true;\r\n setTimeout(() => {\r\n this.updateBatchItemAsync(uri);\r\n }, 2500);\r\n }\r\n }).finally(() => {\r\n if (this.isUpdateItemCallContinue == false || isApiRes == false) {\r\n this.setState({ updatingGif: false });\r\n }\r\n });\r\n }\r\n\r\n downloadSkusList = () => {\r\n let params = {\r\n \"custId\": this.props.sharedSelectedCustomerObj.id,\r\n \"inactiveItems\": true,\r\n \"isimperial\": this.isImperial\r\n }\r\n let fileName = \"itemsGridExport\";\r\n\r\n this.setState({ downloadingSkusList: true });\r\n\r\n itemService.exportAllBatchItems(params).then((response) => {\r\n if (typeof response.data != 'undefined' && response.status == 200) {\r\n GlobalService.downloadFileBaseOnContentType(response.data, 'application/txt', fileName);\r\n }\r\n }).finally(() => {\r\n this.setState({ downloadingSkusList: false });\r\n });\r\n }\r\n\r\n closeUpdateValidationItemsModal = () => {\r\n this.setState({\r\n isOpenItemUpdateValidationModal: false\r\n })\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}","\r\nimport React from 'react';\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\n//components\r\nimport WmsButton from './../components/WmsButton/WmsButton.jsx';\r\nimport WmsCollapse from './../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsInput from './../components/WmsInput/WmsInput.jsx';\r\nimport WmsGrid from './../components/WmsGrid/WmsGrid.jsx';\r\nimport * as GridConfig from './grid_configuration.jsx';\r\nimport WmsCheckBox from \"./../components/WmsCheckBox/WmsCheckBox.jsx\";\r\nimport ItemsExportModal from './items-export-modal.component.jsx';\r\nimport ItemsUpdateModal from './items-update-modal.component.jsx';\r\n\r\nimport * as itemService from './items.services.jsx';\r\n//services\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport class ItemsGrid extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n var Items_GridHeaders = StringWms.convertSringToOption(this.translate('Items_GridHeaders'));\r\n\r\n this.itemsGridId = \"itemsGrid\";\r\n this.state = {\r\n columns: GridConfig.getGridDemoColumns(Items_GridHeaders, GlobalService.getCustomLabels()).columns,\r\n schema: GridConfig.getGridDemoSchema().schema,\r\n transport: GridConfig.getGridDemoTransport(this.props.sharedCurrentCustomerObj.uri).transport,\r\n CustomLabels: GlobalService.getCustomLabels(),\r\n Rights: GlobalService.GetRights(),\r\n searchOn: false,\r\n enableEdit: false,\r\n enableActive: false,\r\n enableDeactive: false,\r\n enableDelete: false,\r\n Selector: 'Item',\r\n filterObject: [],\r\n localKendoGrid: null,\r\n isInactive: false,\r\n filter: {\r\n Description: \"\",\r\n IndexOptionsDescription: 0,\r\n IndexOptionsIsActive: 1,\r\n IndexOptionsIsAssembly: 0,\r\n IndexOptionsSku: 0,\r\n ShowDescription: true,\r\n ShowIsActive: true,\r\n ShowIsAssembly: true,\r\n ShowSku: true,\r\n Sku: \"\",\r\n },\r\n isOpenItemExportModal: false,\r\n isExportSelectedItems: false,\r\n isOpenItemUpdateModal: false,\r\n selectedItems: [],\r\n selectedSkus: []\r\n }\r\n this.gridSearch = GlobalService.debounce(this.gridSearch, 700);\r\n }\r\n\r\n componentDidMount() {\r\n\r\n if (this.props.sharedItemsFilterData != null) {\r\n this.setState({\r\n filter: this.props.sharedItemsFilterData,\r\n searchOn: true,\r\n });\r\n }\r\n }\r\n\r\n\r\n componentWillReceiveProps(nextProps) {\r\n\r\n if (\r\n nextProps.sharedSelectedCustomerIndex != '' &&\r\n typeof this.props.sharedCurrentCustomerObj != 'undefined' &&\r\n typeof nextProps.sharedCurrentCustomerObj != 'undefined' &&\r\n nextProps.sharedCurrentCustomerObj.uri != this.props.sharedCurrentCustomerObj.uri\r\n ) {\r\n var transportObj = this.state.transport;\r\n transportObj.read.data.customerUri = nextProps.sharedCurrentCustomerObj.uri;\r\n this.setState({ transport: transportObj });\r\n }\r\n\r\n if (nextProps.reloadGrid == 'reloadItemGrid') {\r\n $('#itemsGrid').data('kendoGrid').dataSource.read();\r\n if (this.state.localKendoGrid != null) {\r\n this.state.localKendoGrid.clearSelections(() => {\r\n this.state.localKendoGrid.repaintSelections();\r\n });\r\n }\r\n this.setState({\r\n enableEdit: false,\r\n enableActive: false,\r\n enableDeactive: false,\r\n enableDelete: false\r\n });\r\n }\r\n if (\r\n nextProps.sharedItemsFilterData != null &&\r\n this.props.sharedItemsFilterData != nextProps.sharedItemsFilterData\r\n ) {\r\n this.setState({\r\n filter: nextProps.sharedItemsFilterData,\r\n isInactive: nextProps.sharedItemsFilterData.IndexOptionsIsActive == 0 ? true : false,\r\n searchOn: true,\r\n });\r\n }\r\n }\r\n\r\n selectRow = (KendoGrid) => {\r\n\r\n let currentSelections = KendoGrid.getNumberOfSelections();\r\n let selectedItems = _.map(KendoGrid.getDictionary().items);\r\n let enableEdit = false;\r\n let enableActive = false;\r\n let enableDeactive = false;\r\n let enableDelete = false;\r\n\r\n if (currentSelections > 0) {\r\n enableEdit = true;\r\n }\r\n\r\n if (KendoGrid.valueExists(\"IsActive\", false) == true) {\r\n enableActive = true;\r\n }\r\n\r\n if (KendoGrid.valueExists(\"IsActive\", true) == true) {\r\n enableDeactive = true;\r\n }\r\n\r\n if (KendoGrid.valueExists(\"IsDeletable\", true) == true && currentSelections == 1) {\r\n enableDelete = true;\r\n }\r\n\r\n\r\n this.setState({\r\n enableEdit: enableEdit,\r\n enableActive: enableActive,\r\n enableDeactive: enableDeactive,\r\n enableDelete: enableDelete,\r\n selectedItems: selectedItems,\r\n selectedSkus: _.map(selectedItems, 'Sku'),\r\n localKendoGrid: KendoGrid\r\n });\r\n\r\n }\r\n\r\n clickEventOfContextMenu = (obj) => {\r\n\r\n if (obj.wmsid == 'edit') {\r\n this.onEditItem();\r\n } else if (obj.wmsid == 'activate') {\r\n this.activateDeactivateItems(true);\r\n } else if (obj.wmsid == 'deactivate') {\r\n this.activateDeactivateItems(false);\r\n } else if (obj.wmsid == 'exportAll') {\r\n this.openExportItemsModal(false)()\r\n } else if (obj.wmsid == 'exportSelected') {\r\n this.openExportItemsModal(true)()\r\n } else if (obj.wmsid == 'updateItems') {\r\n this.openUpdateItemsModal()\r\n } else if (obj.wmsid == 'delete') {\r\n this.deleteItems();\r\n }\r\n\r\n }\r\n\r\n onEditItem = () => {\r\n\r\n let currentSelections = this.state.localKendoGrid.getNumberOfSelections();\r\n\r\n if (currentSelections > 1) {\r\n this.props.onEnableReccurringStorageOnly(this.state.localKendoGrid.getKeys());\r\n } else if (currentSelections == 1) {\r\n var itemEditUri = this.state.localKendoGrid.getItem(this.state.localKendoGrid.getKeys()).EditUri;\r\n var itemRatesUri = this.state.localKendoGrid.getItem(this.state.localKendoGrid.getKeys()).ItemRatesUri;\r\n this.props.onEditItem(itemEditUri, itemRatesUri, this.state.localKendoGrid.getKeys());\r\n }\r\n }\r\n\r\n activateDeactivateItems = (mybool) => {\r\n\r\n var gridSelectedKeys = this.state.localKendoGrid.getKeys();\r\n var customerId = this.props.sharedCurrentCustomerObj.id;\r\n\r\n kendo.ui.progress($('#itemsGrid'), true);\r\n itemService.updateItemsActivation(customerId, gridSelectedKeys, mybool).then((response) => {\r\n\r\n\r\n if (typeof response != \"undefined\" && (response.status == 204 || response.status == 200)) {\r\n\r\n kendo.ui.progress($('#itemsGrid'), false);\r\n\r\n $('#itemsGrid').data('kendoGrid').dataSource.read();\r\n GlobalService.notification('success', this.translate('Label_Item_Update'));\r\n this.state.localKendoGrid.clearSelections(() => {\r\n this.state.localKendoGrid.repaintSelections();\r\n });\r\n this.selectRow(this.state.localKendoGrid);\r\n }\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#itemsGrid'), false);\r\n });\r\n }\r\n\r\n deleteItems = () => {\r\n\r\n var gridSelectedKeys = this.state.localKendoGrid.getKeys();\r\n var selectedDataItem = this.state.localKendoGrid.getItem(gridSelectedKeys);\r\n\r\n kendo.ui.progress($('#itemsGrid'), true);\r\n itemService.deleteItem(selectedDataItem.EditUri).then((response) => {\r\n\r\n if (typeof response != \"undefined\" && response.status == 204) {\r\n\r\n kendo.ui.progress($('#itemsGrid'), false);\r\n var grid = $('#itemsGrid').data('kendoGrid');\r\n grid.dataSource.read();\r\n GlobalService.notification('success', this.translate('Label_Item_Delete'));\r\n this.state.localKendoGrid.clearSelections(() => {\r\n this.state.localKendoGrid.repaintSelections();\r\n });\r\n this.selectRow(this.state.localKendoGrid);\r\n }\r\n\r\n }).finally(() => {\r\n // kendo.ui.progress($('#itemsGrid'), false);\r\n kendo.ui.progress($('#itemsGrid'), false);\r\n });\r\n }\r\n\r\n filterHandleChange = (event) => {\r\n this.setState({\r\n filter: Object.assign(\r\n {},\r\n this.state.filter,\r\n { [event.target.name]: event.target.value }\r\n ),\r\n }, () => {\r\n this.gridSearch();\r\n });\r\n }\r\n\r\n handleChangeInactive = () => {\r\n this.setState({\r\n isInactive: !this.state.isInactive\r\n }, () => {\r\n this.gridSearch();\r\n });\r\n }\r\n\r\n openExportItemsModal = (exportSelected = false) => (e) => {\r\n this.setState({\r\n isOpenItemExportModal: true,\r\n isExportSelectedItems: exportSelected\r\n })\r\n }\r\n closeExportItemsModal = () => {\r\n this.setState({\r\n isOpenItemExportModal: false\r\n })\r\n }\r\n\r\n openUpdateItemsModal = () => {\r\n this.setState({\r\n isOpenItemUpdateModal: true,\r\n })\r\n }\r\n\r\n closeUpdateItemsModal = () => {\r\n this.setState({\r\n isOpenItemUpdateModal: false\r\n })\r\n }\r\n\r\n gridSearch = () => {\r\n var dataArr = [{\r\n \"searchInfo\": {\r\n Description: this.state.filter.Description,\r\n IndexOptionsDescription: this.state.filter.IndexOptionsDescription,\r\n IndexOptionsIsActive: this.state.isInactive == true ? 0 : 1,\r\n IndexOptionsIsAssembly: this.state.filter.IndexOptionsIsAssembly,\r\n IndexOptionsSku: this.state.filter.IndexOptionsSku,\r\n ShowDescription: true,\r\n ShowIsActive: true,\r\n ShowIsAssembly: true,\r\n ShowSku: true,\r\n Sku: this.state.filter.Sku\r\n }\r\n }];\r\n this.setState({\r\n filterObject: dataArr,\r\n searchOn: true\r\n });\r\n }\r\n\r\n clearFilters = () => {\r\n // set default value of filter form\r\n this.setState({\r\n filter:\r\n {\r\n \"Description\": \"\",\r\n \"IndexOptionsDescription\": 0,\r\n \"IndexOptionsIsActive\": 1,\r\n \"IndexOptionsIsAssembly\": 0,\r\n \"IndexOptionsSku\": 0,\r\n \"ShowDescription\": true,\r\n \"ShowIsActive\": true,\r\n \"ShowIsAssembly\": true,\r\n \"ShowSku\": true,\r\n \"Sku\": \"\",\r\n },\r\n searchOn: false,\r\n isInactive: false,\r\n filterObject: [{ \"method\": \"DELETE\" }]\r\n }, () => {\r\n this.props.resetFilter();\r\n });\r\n }\r\n\r\n onDataBound = () => {\r\n // this.$rootScope.setLoaderTimerEndTime(\"Manage Items\");\r\n }\r\n\r\n onUpdateBatchItem = () => {\r\n this.setState({ isOpenItemUpdateModal: false });\r\n\r\n $('#itemsGrid').data('kendoGrid').dataSource.read();\r\n if (this.state.localKendoGrid != null) {\r\n this.state.localKendoGrid.clearSelections(() => {\r\n this.state.localKendoGrid.repaintSelections();\r\n });\r\n this.selectRow(this.state.localKendoGrid);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n\r\n {!this.state.batchItemsFileDiff.length ? (\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {this.state.selectedFileName}\r\n
\r\n \r\n\r\n {(this.state.updatedBatchItemData.length > 0) && (\r\n \r\n {this.state.totalItemsUpload > 10 ? (\r\n {this.translate('Item_Update_First_Ten_Item_No_Changes')}\r\n ) : (\r\n {this.translate('Tooltip_No_changes')}\r\n )}\r\n
\r\n ) : (\r\n \r\n {this.state.batchItemsFileDiff.map((itemObj, key) => (\r\n \r\n \r\n {_.map(itemObj, (changedValue, field) => (\r\n
\r\n ))}\r\n
\r\n )}\r\n \r\n )}\r\n | {field} | \r\n\r\n |
\r\n 10 ? false : true}\r\n />\r\n
\r\n\r\n \r\n {this.state.isOpenItemUpdateValidationModal && (\r\n \r\n
\r\n {\r\n (this.state.validationIssueType == \"FileSize\") ?\r\n this.translate('Label_large_file_item_update_message') :\r\n this.translate('Label_Invalid_FileType_Message')\r\n }
\r\n\r\n
\r\n \r\n )}\r\n \r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport style from './WmsScrollTo.scss';\r\n\r\nclass WmsScrollTo extends React.PureComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.onScrollToClick = this.onScrollToClick.bind(this);\r\n }\r\n\r\n onScrollToClick(scrollTo, scrollBox, windowId,event) {\r\n var id = '#' + scrollTo;\r\n var windowClass = '.' + windowId\r\n var scrollBoxID = '#' + scrollBox;\r\n if (this.props.isTabSection) {\r\n $(scrollBoxID + windowClass + ' .'+ this.props.tabCommonClassForHide).hide();\r\n $(`${scrollBoxID}${windowClass} ${id}`).show();\r\n this.props.onTabShow(id);\r\n } else {\r\n var elementOffset = $(scrollBoxID + windowClass).offset().top + 10;\r\n $(scrollBoxID + windowClass).animate({\r\n scrollTop: $(scrollBoxID + windowClass).scrollTop() + ($(windowClass + ' '+ id).offset().top - elementOffset)\r\n }, 1000);\r\n }\r\n // Add and remove active class for tab\r\n $(windowClass+' label').parent('li').removeClass(\"active-tab\");\r\n $(event.target).parent().addClass(\"active-tab\");\r\n }\r\n\r\n componentDidMount() {\r\n var windowClass = '.' + this.props.windowId;\r\n var scrollBoxID = '#' + this.props.scrollBoxId;\r\n if (this.props.isTabSection) {\r\n $(scrollBoxID + windowClass + ' .'+ this.props.tabCommonClassForHide).not(':eq(0)').hide();\r\n }\r\n // Add active class in first tab\r\n $(windowClass+' label').parent('li:eq(0)').addClass(\"active-tab\");\r\n }\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nWmsScrollTo.propTypes = {\r\n label: PropTypes.string.isRequired, // this should be the label that display on box\r\n scrollToId: PropTypes.string.isRequired, // this should be the id of the scroll to div\r\n scrollBoxId: PropTypes.string.isRequired, // this should be the id of the scroll box div\r\n windowId: PropTypes.string.isRequired, // this should be the id of the scroll box div\r\n className: PropTypes.string, // This should be used to define class\r\n isTabSection: PropTypes.bool,\r\n disabled:PropTypes.bool, // set true for disable tab\r\n onTabShow: PropTypes.func // event fire when we click on tab when isTabSection True\r\n\r\n}\r\n\r\nWmsScrollTo.defaultProps = {\r\n className: \"startScroll\",\r\n isTabSection: false,\r\n tabCommonClassForHide: '',\r\n onTabShow: (e) => function () { },\r\n disabled: false\r\n}\r\n\r\nexport default WmsScrollTo;","import React from 'react';\r\n\r\n//component\r\nimport WmsInput from './../components/WmsInput/WmsInput.jsx';\r\nimport WmsButton from '../components/WmsButton/WmsButton.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsDropdownList from './../components/WmsDropdownList/WmsDropdownList.jsx';\r\nimport WmsGrid from './../components/WmsGrid/WmsGrid.jsx';\r\nimport WmsFormGrid from './../components/WmsFormGrid/WmsFormGrid.jsx';\r\nimport WmsCollapse from './../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsContainer from './../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsModel from './../components/WmsModel/WmsModel.jsx';\r\n\r\nimport * as GlobalService from './../global_services';\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\nimport style from \"./../components/WmsGrid/WmsGrid.scss\";\r\nimport WmsTextArea from \"../components/WmsTextArea/WmsTextArea.jsx\";\r\nimport { ObjectWms } from './../../../assets/ts/ObjectWms.ts';\r\n\r\nvar that;\r\n\r\nexport class ItemsAssembly extends React.Component{\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n var ItemsAssembly_GridHeaders = StringWms.convertSringToOption(this.translate('Items_Assembly_GridHeaders'));\r\n\r\n this.state = {\r\n selector: \"Item\",\r\n gridDomSelector: () => this.props.windowId ? '.' + this.props.windowId + ' #GridItemAssemblies' : '#GridItemAssemblies',\r\n selectedCustomerData: this.props.sharedCurrentCustomerObj,\r\n selectedSku: \"\",\r\n selectedQualifier: \"\",\r\n itemId: 0,\r\n skuDescription:\"\",\r\n skuOptions: [],\r\n qualifierOptions: [],\r\n customLabels: GlobalService.getCustomLabels(),\r\n assemblyGridData: [],\r\n showQualifiers: false,\r\n disableNonSku: false,\r\n nonSkuMaterial: \"\",\r\n quantity: null,\r\n disableAdd: true,\r\n disableAddTooltipText: this.translate('Tooltip_Select_SKU_Or_NonSkuMaterial'),\r\n duplicateNonSkuMaterial: false,\r\n isOpenConfirmModel: false,\r\n disableDelete: true,\r\n columns: [{\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n hidden: true,\r\n menu: false\r\n },{\r\n field: \"ItemId\",\r\n title: \"ItemId\",\r\n hidden: true\r\n }, {\r\n field: \"Sku\",\r\n title: GlobalService.getCustomLabels().Label_SKU\r\n }, {\r\n field: \"Description\",\r\n title: this.translate('Label_SKU_Description'),\r\n }, {\r\n field: \"Qualifier\",\r\n title: this.translate('Label_Qualifier')\r\n }, {\r\n field: \"NonSkuMaterial\",\r\n title: this.translate('Label_Non_Sku_Material')\r\n }, {\r\n field: \"Qty\",\r\n title: this.translate('Label_Quantity'),\r\n }],\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n model: {\r\n //id: \"ItemId\",\r\n fields: {\r\n RowNumber: {\r\n type: 'number'\r\n },\r\n ItemId: {\r\n type: \"number\"\r\n },\r\n Sku: {\r\n type: \"string\"\r\n },\r\n Description: {\r\n type: \"string\"\r\n },\r\n Qualifier:{\r\n type: \"string\"\r\n } ,\r\n NonSkuMaterial: {\r\n type: \"string\"\r\n },\r\n Qty: {\r\n type: \"string\"\r\n }\r\n }\r\n }\r\n }}\r\n\r\n that = this;\r\n }\r\n\r\n onSelectSkuDropdown = (e) => {\r\n var dataItem = e.dataItem;\r\n if (!dataItem) {\r\n dataItem = {\r\n Sku: this.translate('Label_Select_Sku'),\r\n Description: this.translate('Label_Select_Sku'),\r\n Id: 0\r\n }\r\n }\r\n\r\n if(dataItem.Sku == this.translate('Label_Select_Sku')) {\r\n dataItem.Sku = '';\r\n }\r\n that.setState({\r\n selectedSku: dataItem.Sku,\r\n itemId: dataItem.Id,\r\n skuDescription:dataItem.Description,\r\n disableNonSku: dataItem.Id > 0,\r\n nonSkuMaterial: dataItem.Id > 0? '' : dataItem.nonSkuMaterial\r\n })\r\n\r\n if (typeof dataItem.QualifierSummaries != 'undefined' && dataItem.QualifierSummaries.length > 0 && ObjectWms.doesKeyContainValidValue(dataItem.QualifierSummaries, \"Qualifier\")) {\r\n that.setState({\r\n showQualifiers: true,\r\n qualifierOptions: dataItem.QualifierSummaries,\r\n selectedQualifier:dataItem.QualifierSummaries[0].Qualifier\r\n })\r\n }else{\r\n that.setState({\r\n showQualifiers: false,\r\n qualifierOptions: [],\r\n selectedQualifier: \"\"\r\n })\r\n }\r\n\r\n this.checkForDublicate();\r\n\r\n }\r\n checkForDublicate = () => {\r\n\r\n\r\n if(!this.state.selectedSku && !this.state.nonSkuMaterial) {\r\n that.setState({\r\n disableAdd: true,\r\n disableAddTooltipText: this.translate('Tooltip_Select_SKU_Or_NonSkuMaterial')\r\n });\r\n return;\r\n }\r\n if (!this.state.quantity) {\r\n that.setState({\r\n disableAdd: true,\r\n disableAddTooltipText: this.translate('Label_Enter_Quantity')\r\n });\r\n return;\r\n }\r\n\r\n // disabled={(item.ItemBasics.ItemQualifiers.length > 0 && item.ItemBasics.ItemQualifiers[0].Name !== \"\") || (this.state.nonSkuMaterial == \"\" && !this.state.selectedSku) || this.state.duplicateNonSkuMaterial}\r\n // tooltipText={((item.ItemBasics.ItemQualifiers.length > 0 && item.ItemBasics.ItemQualifiers[0].Name !== \"\") ? this.translate('ToolTip_Cannot_Be_As_Assembly') : (this.state.disableAdd) ? this.translate('Tooltip_Duplicate_SKU') : (this.state.nonSkuMaterial == \"\" && !this.state.selectedSku) ? this.translate('Tooltip_Select_SKU_Or_NonSkuMaterial'): this.state.duplicateNonSkuMaterial ? this.translate('Tooltip_Duplicate_NonSkuMaterial') : \"\"}\r\n\r\n var assembliesGridData = $(\"#GridItemAssemblies\").data(\"kendoGrid\").dataSource.data();\r\n\r\n // console.log(\"state sku = \" + that.state.selectedSku + \" qualifier = \" + that.state.selectedQualifier + \" nonSkuMaterial = \" + that.state.nonSkuMaterial + \"\\n\");\r\n var foundMatch = false;\r\n var disableAddTooltipText = '';\r\n if(assembliesGridData.length > 0) {\r\n for(var i = 0; i < assembliesGridData.length; i++){\r\n\r\n if(that.state.selectedSku && that.state.selectedQualifier && assembliesGridData[i].Sku == that.state.selectedSku && assembliesGridData[i].Qualifier == that.state.selectedQualifier){\r\n foundMatch = true;\r\n disableAddTooltipText = this.translate('Tooltip_Duplicate_Sku_Qualifier');\r\n break;\r\n }\r\n\r\n if(that.state.selectedSku && !that.state.selectedQualifier && assembliesGridData[i].Sku == that.state.selectedSku && assembliesGridData[i].Qualifier == that.state.selectedQualifier){\r\n foundMatch = true;\r\n disableAddTooltipText = this.translate('Tooltip_Duplicate_Sku_Qualifier');\r\n break;\r\n }\r\n\r\n if(!that.state.selectedSku && !that.state.selectedQualifier\r\n && !assembliesGridData[i].Sku && !assembliesGridData[i].Qualifier\r\n && that.state.nonSkuMaterial && assembliesGridData[i].NonSkuMaterial == that.state.nonSkuMaterial){\r\n foundMatch = true;\r\n disableAddTooltipText = this.translate('Tooltip_Duplicate_NotSkuMaterial');\r\n break;\r\n }\r\n\r\n // console.log(\"grid sku = \" + assembliesGridData[i].Sku + \" qualifier = \" + assembliesGridData[i].Qualifier + \" nonSkuMaterial = \" + assembliesGridData[i].NonSkuMaterial);\r\n /***Old condition with no sku material */\r\n // if(that.state.selectedSku && that.state.selectedQualifier && assembliesGridData[i].Sku == that.state.selectedSku && assembliesGridData[i].Qualifier == that.state.selectedQualifier){\r\n // foundMatch = true;\r\n // disableAddTooltipText = this.translate('Tooltip_Duplicate_Sku_Qualifier');\r\n // break;\r\n // }\r\n // if(that.state.selectedSku && that.state.selectedQualifier && that.state.nonSkuMaterial\r\n // && assembliesGridData[i].Sku == that.state.selectedSku\r\n // && assembliesGridData[i].Qualifier == that.state.selectedQualifier\r\n // && assembliesGridData[i].NonSkuMaterial == that.state.nonSkuMaterial) {\r\n // foundMatch = true;\r\n // disableAddTooltipText = this.translate('Tooltip_Duplicate_Sku_Qualifier_NonMateria');\r\n // break;\r\n // }\r\n // if(that.state.selectedSku && !that.state.selectedQualifier && that.state.nonSkuMaterial\r\n // && assembliesGridData[i].Sku == that.state.selectedSku && assembliesGridData[i].NonSkuMaterial == that.state.nonSkuMaterial){\r\n // foundMatch = true;\r\n // disableAddTooltipText = this.translate('Tooltip_Duplicate_Sku_NonMateria');\r\n // break;\r\n // }\r\n\r\n // if(!that.state.selectedSku && !that.state.selectedQualifier\r\n // && !assembliesGridData[i].Sku && !assembliesGridData[i].Qualifier\r\n // && that.state.nonSkuMaterial && assembliesGridData[i].NonSkuMaterial == that.state.nonSkuMaterial){\r\n // foundMatch = true;\r\n // disableAddTooltipText = this.translate('Tooltip_Duplicate_NotSkuMaterial');\r\n // break;\r\n // }\r\n // if(that.state.selectedSku && !that.state.selectedQualifier && !that.state.nonSkuMaterial && assembliesGridData[i].Sku == that.state.selectedSku && assembliesGridData[i].Qualifier == that.state.selectedQualifier && assembliesGridData[i].NonSkuMaterial == that.state.nonSkuMaterial){\r\n // foundMatch = true;\r\n // disableAddTooltipText = this.translate('Tooltip_Duplicate_SKU');\r\n // break;\r\n // }\r\n }\r\n }\r\n\r\n that.setState({\r\n disableAdd: foundMatch,\r\n disableAddTooltipText: disableAddTooltipText\r\n });\r\n\r\n }\r\n\r\n handleChange = (param_parent_property, event) => {\r\n let propertyName = event.target.name;\r\n let value = event.target.value;\r\n\r\n that.setState({\r\n [param_parent_property]: value\r\n },() => {\r\n this.checkForDublicate();\r\n });\r\n }\r\n\r\n\r\n handleMaterialNotesChange = (event) => {\r\n let itemObj = Object.assign(\r\n {},\r\n this.props.sharedItem,\r\n {\r\n Assembly: Object.assign(\r\n {},\r\n this.props.sharedItem.Assembly,\r\n { 'MaterialNotes': event.target.value }\r\n )\r\n }\r\n );\r\n\r\n this.props.onItemDataset(itemObj);\r\n }\r\n\r\n\r\n addAssemblyInfo = (event) => {\r\n\r\n let tmpComponents = Object.assign([],this.props.sharedItem.Assembly.Components);\r\n\r\n let rowNum = 1;\r\n if(tmpComponents.length != 0){\r\n rowNum = tmpComponents.length + 1;\r\n }\r\n\r\n tmpComponents.push({\r\n 'RowNumber': rowNum,\r\n 'ItemId': that.state.itemId,\r\n 'Sku': that.state.selectedSku != this.translate('Label_Select_Sku') ? that.state.selectedSku : \"\",\r\n 'Qualifier': that.state.selectedQualifier,\r\n 'Qty': that.state.quantity,\r\n 'NonSkuMaterial': that.state.nonSkuMaterial,\r\n 'Description': that.state.skuDescription != this.translate('Label_Select_Sku') ? that.state.skuDescription : \"\"\r\n });\r\n let itemObj = Object.assign(\r\n {},\r\n this.props.sharedItem,\r\n {\r\n Assembly: Object.assign(\r\n {},\r\n this.props.sharedItem.Assembly,\r\n { 'Components': tmpComponents }\r\n )\r\n }\r\n );\r\n\r\n this.props.onItemDataset(itemObj);\r\n\r\n that.setState({\r\n itemId: 0,\r\n selectedSku: \"\",\r\n selectedQualifier: \"\",\r\n quantity: null,\r\n nonSkuMaterial: \"\",\r\n assemblyGridData: tmpComponents,\r\n skuDescription: \"\",\r\n disableAdd: true,\r\n disableAddTooltipText: this.translate('Tooltip_Select_SKU_Or_NonSkuMaterial'),\r\n disableNonSku: false,\r\n showQualifiers: false\r\n });\r\n\r\n }\r\n\r\n selectRow = (param_kendogrid) => {\r\n var selectedRows = param_kendogrid.getNumberOfSelections();\r\n if (selectedRows > 0) {\r\n this.setState({\r\n disableDelete: false\r\n });\r\n }else {\r\n this.setState({\r\n disableDelete: true\r\n });\r\n }\r\n }\r\n\r\n openConfirmationModal = () => {\r\n this.setState({\r\n isOpenConfirmModel: true\r\n });\r\n }\r\n\r\n ClickExit = () => {\r\n this.setState({\r\n isOpenConfirmModel: false\r\n });\r\n }\r\n\r\n deleteAssemblyInfo = () => {\r\n var grid = $('.' + this.props.windowId + ' #GridItemAssemblies').data('kendoGrid');\r\n\r\n grid.select().each(function () {\r\n grid.removeRow($(this));\r\n });\r\n\r\n var data = grid.dataSource.data().length > 0 ? grid.dataSource.data().toJSON() : [];\r\n\r\n let itemObj = Object.assign(\r\n {},\r\n this.props.sharedItem,\r\n {\r\n Assembly: Object.assign(\r\n {},\r\n this.props.sharedItem.Assembly,\r\n { 'Components': data }\r\n )\r\n }\r\n );\r\n\r\n this.props.onItemDataset(itemObj);\r\n\r\n this.setState({\r\n isOpenConfirmModel: false,\r\n disableDelete: true\r\n });\r\n }\r\n\r\n onLoadAssemblyGrid = () => {\r\n var grid = $(this.state.gridDomSelector()).data('kendoGrid');\r\n var that = this;\r\n if (typeof grid != \"undefined\") {\r\n grid.dataSource.data(this.props.sharedItem.Assembly.Components);\r\n }\r\n }\r\n\r\n render(){\r\n const item = this.props.sharedItem;\r\n return(\r\n */}\r\n {/* \r\n this.activateDeactivateItems(true))\r\n }, {\r\n \"name\": this.translate('Label_Deactivate'),\r\n \"value\": [],\r\n \"disabled\": !this.state.enableDeactive,\r\n \"disabledText\": this.translate('note_item_deactivate'),\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'deactivate',\r\n \"wmsSelector\": this.state.Selector + \"Deactivate\",\r\n \"onClickFunc\": ((e) => this.activateDeactivateItems(false))\r\n }, {\r\n \"name\": this.translate('Label_Export_All'),\r\n \"value\": [],\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('customer.items.import'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('customer.items.import'),\r\n 'wmsid': 'exportAll',\r\n \"wmsSelector\": this.state.Selector + \"ExportAll\",\r\n \"onClickFunc\": (this.openExportItemsModal(false))\r\n }, {\r\n \"name\": this.translate('Label_Export_Selected'),\r\n \"value\": [],\r\n \"disabled\": !this.state.enableEdit,\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('customer.items.import'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('customer.items.import'),\r\n 'wmsid': 'exportSelected',\r\n \"wmsSelector\": this.state.Selector + \"ExportSelected\",\r\n \"onClickFunc\": (this.openExportItemsModal(true))\r\n }, {\r\n \"name\": this.translate('Label_Update_Items'),\r\n \"value\": [],\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('customer.items.import'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('customer.items.import'),\r\n 'wmsid': 'updateItems',\r\n \"wmsSelector\": this.state.Selector + \"UpdateItems\",\r\n \"onClickFunc\": (this.openUpdateItemsModal)\r\n }],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"outlined\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true\r\n },\r\n {\r\n \"name\": \"Delete\",\r\n \"value\": [],\r\n \"disabled\": !this.state.enableDelete,\r\n \"disabledText\": this.translate('note_item_delete'),\r\n \"icon\": \"fa-pencil\",\r\n \"color\": \"yellow\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n 'wmsid': 'delete',\r\n \"wmsSelector\": this.state.Selector + \"Delete\",\r\n \"clickFunc\": this.deleteItems\r\n }, {\r\n \"name\": \"Copy\",\r\n \"value\": [{\r\n \"name\": this.translate('Label_Copy_Field'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"icon\": \"fa-bandcamp\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n 'wmsid': 'copyField',\r\n \"disabledText\": this.translate('Label_Copy_Field'),\r\n \"wmsSelector\": \"copyToClicpboard\",\r\n }, {\r\n \"name\": this.translate('Label_Copy_Row'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": this.translate('Label_Copy_Row'),\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n 'wmsid': 'copyRow'\r\n }],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false\r\n }]\r\n }>\r\n \r\n )}\r\n {/*
*/}\r\n\r\n {this.state.isOpenItemExportModal && (\r\n \r\n \r\n {this.state.searchOn == true && (\r\n \r\n )}\r\n
*/}\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.sharedSelectedCustomerIndex != '' && (\r\n \r\n
\r\n\r\n {/* \r\n\r\n \r\n null}\r\n gridHeight={400}\r\n staticGridData={this.props.sharedItem.Assembly.Components}\r\n menu={[\r\n {\r\n \"name\": this.translate('Label_Delete'),\r\n \"value\": [],\r\n \"disabled\": this.state.disableDelete,\r\n \"disabledText\": \"You may not add blahssss\",\r\n \"icon\": \"fa-trash\",\r\n \"color\": \"red\",\r\n \"clickFunc\": (this.openConfirmationModal),\r\n \"wmsSelector\": this.state.selector + \"DeleteAssembly\",\r\n \"isContextMenu\": false,\r\n }\r\n ]}\r\n />\r\n\r\n this.handleMaterialNotesChange(e)}\r\n value={this.props.sharedItem.Assembly.MaterialNotes}\r\n rows={5}\r\n cols={5} />\r\n\r\n \r\n
\r\n\r\n )\r\n }\r\n\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsButton from '../components/WmsButton/WmsButton.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsDropdownList from './../components/WmsDropdownList/WmsDropdownList.jsx';\r\nimport { ObjectWms } from '../../../assets/ts/ObjectWms.ts';\r\nimport WmsModel from './../components/WmsModel/WmsModel.jsx';\r\nimport WmsContainer from './../components/WmsContainer/WmsContainer.jsx';\r\n\r\nimport * as GlobalService from './../global_services';\r\nimport * as itemService from './items.services.jsx';\r\nimport style from './items-preferred-location-model.scss';\r\n\r\nexport class ItemsPreferredLocationModel extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n selectfacilityID: 0,\r\n preferedLocationObj: {\r\n Id:0\r\n },\r\n // facilityLocationOptions: []\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.sharedItem.ItemBasics.DirectedPutawayOptions['PreferredLocation'] != null &&\r\n this.props.sharedItem.ItemBasics.DirectedPutawayOptions.PreferredLocation.FacilityId != this.state.selectfacilityID) {\r\n // this.getLocationDropdownRead(this.props.sharedItem.ItemBasics.DirectedPutawayOptions.PreferredLocation.FacilityId);\r\n let sharedLocationObj = this.props.sharedItem.ItemBasics.DirectedPutawayOptions.PreferredLocation;\r\n this.setState({\r\n selectfacilityID: sharedLocationObj.FacilityId,\r\n preferedLocationObj: { Id:sharedLocationObj.LocationId }\r\n });\r\n }\r\n }\r\n /*componentWillReceiveProps(nextProps) {\r\n\r\n if (nextProps.sharedIsOpenPreferredLocationModel == true &&nextProps.sharedItem.ItemBasics.DirectedPutawayOptions['PreferredLocation'] != null &&\r\n nextProps.sharedItem.ItemBasics.DirectedPutawayOptions.PreferredLocation.FacilityId != this.state.selectfacilityID) {\r\n\r\n this.getLocationDropdownRead(nextProps.sharedItem.ItemBasics.DirectedPutawayOptions.PreferredLocation.FacilityId);\r\n this.setState({\r\n selectfacilityID: nextProps.sharedItem.ItemBasics.DirectedPutawayOptions.PreferredLocation.FacilityId,\r\n });\r\n\r\n }else{\r\n this.setState({\r\n selectfacilityID: 0,\r\n preferedLocationId: 0,\r\n });\r\n }\r\n }*/\r\n\r\n handlePrefereLocationModalchange = (event) => {\r\n /*if (event.target.name == 'selectfacilityID') {\r\n this.getLocationDropdownRead(event.target.value);\r\n }*/\r\n this.setState({ [event.target.name]: event.target.value });\r\n }\r\n\r\n /*getLocationDropdownRead(param_facilityID) {\r\n itemService.getLocationDropdownRead(param_facilityID).then((response) => {\r\n if (response.status == 200) {\r\n let preferedLocationId = 0;\r\n\r\n if (this.props.sharedItem.ItemBasics.DirectedPutawayOptions['PreferredLocation'] != null) {\r\n preferedLocationId = this.props.sharedItem.ItemBasics.DirectedPutawayOptions.PreferredLocation.LocationId;\r\n }\r\n\r\n this.setState({\r\n facilityLocationOptions: response.data.Data,\r\n preferedLocationId: preferedLocationId\r\n });\r\n\r\n }\r\n }, (response) => { });\r\n }*/\r\n\r\n\r\n clickAddPreferredLocationId = () => {\r\n\r\n let allFacilities = GlobalService.getFacilityList(false);\r\n let facilityindex = ObjectWms.FindIndexByProperty(allFacilities, \"id\", parseInt(this.state.selectfacilityID));\r\n let selectFacilityObj = allFacilities[facilityindex];\r\n /*let locationIndex = ObjectWms.FindIndexByProperty(this.state.facilityLocationOptions, \"Id\", parseInt(this.state.preferedLocationId));\r\n\r\n let selectLocationObj = this.state.facilityLocationOptions[locationIndex];*/\r\n let propItemObj = this.props.sharedItem;\r\n propItemObj.ItemBasics.DirectedPutawayOptions.PreferredLocationId = this.state.preferedLocationObj.Id;\r\n propItemObj.ItemBasics.DirectedPutawayOptions['PreferredLocation'] = {\r\n \"LocationId\": this.state.preferedLocationObj.Id,\r\n \"LocationName\": this.state.preferedLocationObj.Name,\r\n \"FacilityId\": selectFacilityObj.id,\r\n \"FacilityName\": selectFacilityObj.name\r\n };\r\n\r\n this.props.onItemDataset(propItemObj);\r\n $(\"#itemsPreferredLocation\").data('kendoWindow').close();\r\n this.props.onPreferredLocationClose();\r\n\r\n }\r\n\r\n exitAddPreferredLocation = () => {\r\n $(\"#itemsPreferredLocation\").data('kendoWindow').close();\r\n this.props.onPreferredLocationClose();\r\n }\r\n\r\n closePreferredLocationModal = () => {\r\n this.props.onPreferredLocationClose();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {}}\r\n textField='Sku'\r\n valueField='Id'\r\n template={\"\"}\r\n isValuePrimitive={true}\r\n virtualObj={{\r\n itemHeight: 45,\r\n valueMapper: (options) => {\r\n var valueMapperOptions = options;\r\n $.ajax({\r\n url: \"/WebUI/items/items/SkuDropdownIndexRead\",\r\n type: \"POST\",\r\n dataType: \"json\",\r\n data: {\r\n itemId: valueMapperOptions.value || 0,\r\n customerId: this.state.selectedCustomerData.id\r\n },\r\n success: function (data) {\r\n options.success(data);\r\n }\r\n });\r\n }\r\n }}\r\n dataSourceObj={{\r\n type: \"aspnetmvc-ajax\",\r\n pageSize: 30,\r\n serverPaging: true,\r\n serverFiltering: true,\r\n transport: {\r\n read: {\r\n url: \"/WebUI/items/items/SkuDropDownRead\",\r\n type: \"POST\",\r\n data: {\r\n customerId: this.state.selectedCustomerData.id,\r\n parentSku: item.Sku,\r\n }\r\n }\r\n },\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\"\r\n }\r\n }}\r\n />\r\n {this.state.showQualifiers == true &&\r\n this.handleChange('selectedQualifier', e)}\r\n label={this.translate('Label_Qualifier')}\r\n valueField='Qualifier'\r\n extraWrapperClass=\"wms-input-material-box\"\r\n textField='Qualifier' />}\r\n this.handleChange('nonSkuMaterial', e)}\r\n label={this.translate('Label_Non_Sku_Material')}\r\n extraWrapperClass=\"wms-input-material-box\"\r\n value={this.state.nonSkuMaterial}\r\n disabled={this.state.disableNonSku} />\r\n this.handleChange('quantity', e)}\r\n label={this.translate('Label_Quantity')}\r\n value={this.state.quantity}\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/}\r\n extraWrapperClass=\"wms-input-quantity-box\"\r\n required={true} />\r\n
\r\n \r\n {this.translate('Label_Confirm_Selected_Assemblies')}\r\n
\r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n */}\r\n\r\n ${ Name } - ${Description}\"}\r\n virtualObj={{\r\n itemHeight: 45,\r\n valueMapper: (options) => {\r\n var that = options;\r\n console.log(\"valumapper that\",that);\r\n $.ajax({\r\n url: \"/WebUI/Items/Items/LocationDropdownIndexRead\",\r\n type: \"POST\",\r\n dataType: \"json\",\r\n data: {\r\n locationId: this.state.preferedLocationObj.Id || 0,\r\n facilityId: this.state.selectfacilityID\r\n },\r\n success: function (data) {\r\n console.log(\"value mapper success\",data);\r\n options.success(data);\r\n }\r\n });\r\n }\r\n }}\r\n dataSourceObj={{\r\n type: \"aspnetmvc-ajax\",\r\n pageSize: 50,\r\n serverPaging: true,\r\n serverFiltering: true,\r\n transport: {\r\n read: {\r\n url: \"/WebUI/items/items/LocationDropDownRead\",\r\n type: \"POST\",\r\n data: { facilityId: this.state.selectfacilityID }\r\n }\r\n },\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\"\r\n }\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}","import React from 'react';\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\n\r\n//component\r\nimport WmsInput from './../components/WmsInput/WmsInput.jsx';\r\nimport WmsButton from '../components/WmsButton/WmsButton.jsx';\r\nimport WmsCheckBox from './../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsFormGrid from './../components/WmsFormGrid/WmsFormGrid.jsx';\r\nimport WmsCollapse from './../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsConfirmModel from './../components/WmsConfirmModel/WmsConfirmModel.jsx';\r\nimport WmsContainer from './../components/WmsContainer/WmsContainer.jsx';\r\nimport { ObjectWms } from '../../../assets/ts/ObjectWms.ts';\r\nimport { ItemsPreferredLocationModel } from './items-preferred-location-model.component.jsx';\r\nimport WmsModel from './../components/WmsModel/WmsModel.jsx';\r\n\r\nimport * as GlobalService from './../global_services';\r\nimport * as itemService from './items.services.jsx';\r\nimport DOMPurify from 'dompurify';\r\n\r\nexport class ItemsFormBasic extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n selector: 'Item',\r\n customLabels: GlobalService.getCustomLabels(),\r\n itemQualifierExist: false,\r\n movablelocationZoneExist: false,\r\n locationZoneExist: false,\r\n overAllocLocationZoneExist: false,\r\n movablelocationZone: '',\r\n overAllocLocationZone: '',\r\n locationZone: '',\r\n itemQualifier: '',\r\n isOpenPreferredLocationModel: false,\r\n itemQualifierRemoveRow:'',\r\n isOpenQualierRemoveConfirm:false,\r\n qualierConfirmMsg:'',\r\n sharedCustomerFacilities: [],\r\n materialFlagOptions: StringWms.convertSringToOption(this.translate('Options_MaterialFlag')),\r\n packagingGroupOptions: StringWms.convertSringToOption(this.translate('Options_PackingGroup')),\r\n tplSettings: GlobalService.getTplSettings(),\r\n optionsOutboundSerialization: StringWms.convertSringToOption(this.translate('Options_Outbound_MobileSerialization')),\r\n isDialogOpen: false,\r\n dialogMessage: ''\r\n }\r\n }\r\n\r\n // Method to sanitize and validate input for XSS vulnerabilities\r\n sanitizeAndValidate = (input) => {\r\n const sanitizedInput = DOMPurify.sanitize(input);\r\n if (sanitizedInput.trim() !== input.trim()) {\r\n this.showDialog(\"Invalid Input. Please enter alphanumeric characters only.\");\r\n return null;\r\n }\r\n return sanitizedInput;\r\n }\r\n\r\n componentDidMount() {\r\n $(\"#errorDialog\").kendoWindow({\r\n width: \"400px\",\r\n title: \"Error\",\r\n visible: false,\r\n modal: true,\r\n actions: [\"Close\"]\r\n });\r\n }\r\n\r\n // Method to open the Kendo Window\r\n showDialog = (message) => {\r\n this.setState({ dialogMessage: message, isDialogOpen: true }, () => {\r\n var dialog = $(\"#errorDialog\").data(\"kendoWindow\");\r\n dialog.center().open();\r\n });\r\n }\r\n\r\n // Method to close the Kendo Window\r\n closeDialog = () => {\r\n this.setState({ isDialogOpen: false, dialogMessage: '' }, () => {\r\n var dialog = $(\"#errorDialog\").data(\"kendoWindow\");\r\n dialog.close();\r\n });\r\n }\r\n //Add Grid Item\r\n addGridItem = (param_GridData_Property_Name, param_Grid_Input_Name) => {\r\n\r\n let input = this.state[param_Grid_Input_Name];\r\n let sanitizedInput = this.sanitizeAndValidate(input);\r\n if (!sanitizedInput) return;\r\n\r\n if (this.state[param_Grid_Input_Name] != '' && this.state[param_Grid_Input_Name] != null) {\r\n let itemsObj = {};\r\n if (param_GridData_Property_Name == 'ItemQualifiers') {\r\n\r\n let tmpItemQualifier = Object.assign([], this.props.sharedItem.ItemBasics['ItemQualifiers']);\r\n tmpItemQualifier.push({ 'Name': this.state[param_Grid_Input_Name] });\r\n\r\n itemsObj = Object.assign(\r\n {},\r\n this.props.sharedItem,\r\n {\r\n ItemBasics: Object.assign(\r\n {},\r\n this.props.sharedItem.ItemBasics,\r\n { 'ItemQualifiers': tmpItemQualifier }\r\n )\r\n }\r\n );\r\n\r\n } else {\r\n let tmpData = Object.assign([], this.props.sharedItem.ItemBasics.DirectedPutawayOptions[param_GridData_Property_Name]);\r\n tmpData.push({ 'Name': this.state[param_Grid_Input_Name] });\r\n\r\n itemsObj = Object.assign(\r\n {},\r\n this.props.sharedItem,\r\n {\r\n ItemBasics: Object.assign(\r\n {},\r\n this.props.sharedItem.ItemBasics,\r\n {\r\n DirectedPutawayOptions: Object.assign(\r\n {},\r\n this.props.sharedItem.ItemBasics.DirectedPutawayOptions,\r\n {\r\n [param_GridData_Property_Name]: tmpData\r\n })\r\n }\r\n )\r\n }\r\n );\r\n\r\n // propItemObj.ItemBasics.DirectedPutawayOptions[param_GridData_Property_Name].push({ 'Name': this.state[param_Grid_Input_Name] });\r\n }\r\n\r\n this.props.onItemDataset(itemsObj);\r\n }\r\n this.setState({ [param_Grid_Input_Name]: '' });\r\n }\r\n\r\n //Remove Grid Item\r\n removeGridItem = (param_CurrentGrid_Obj) => {\r\n let localGrid = $('#' + param_CurrentGrid_Obj._gridId).data('kendoGrid');\r\n localGrid.dataSource.remove(param_CurrentGrid_Obj.getItem(param_CurrentGrid_Obj.getKeys()));\r\n\r\n let propItemObj = this.props.sharedItem;\r\n if (param_CurrentGrid_Obj._gridId == 'ItemQualifiers') {\r\n propItemObj.ItemBasics['ItemQualifiers'] = localGrid.dataSource.view();\r\n } else {\r\n propItemObj.ItemBasics.DirectedPutawayOptions[param_CurrentGrid_Obj._gridId] = localGrid.dataSource.view();\r\n }\r\n\r\n this.props.onItemDataset(propItemObj);\r\n }\r\n\r\n //contextmenu click event for all grid\r\n clickEventOfContextMenu = (obj, param_CurrentGrid_Obj) => {\r\n if (obj.name == 'Delete') {\r\n this.removeGridItem(param_CurrentGrid_Obj);\r\n }\r\n }\r\n\r\n //Disable add zone location button when zone already exist\r\n handleGridInputChange = (gridId, event) => {\r\n\r\n let index = 0;\r\n let datasource = $('#' + gridId).data('kendoGrid').dataSource.view();\r\n index = datasource.filter((el) => {\r\n return el['Name'].toLowerCase() == event.target.value.toLowerCase();\r\n });\r\n this.setState({\r\n [event.target.name + 'Exist']: index.length > 0 ? true : false,\r\n [event.target.name]: event.target.value\r\n });\r\n }\r\n\r\n handleChange = (param_parent_property, event) => {\r\n\r\n let parentObj = Object.assign({}, this.props.sharedItem.ItemBasics[param_parent_property]);\r\n\r\n if (event.target.type == 'checkbox') {\r\n parentObj[event.target.name] = !this.props.sharedItem.ItemBasics[param_parent_property][event.target.name];\r\n } else {\r\n parentObj[event.target.name] = event.target.value;\r\n }\r\n\r\n if(event.target.name === \"SerialTracking\" && event.target.value == \"0\") {\r\n // clear SerialTracking Require Scan at Pick checkbox\r\n parentObj['PickSerialNumberRequired'] = false;\r\n }\r\n if(event.target.name === \"ExpirationTracking\" && event.target.value == \"0\") {\r\n // clear ExpirationTracking Require Scan at Pick checkbox\r\n parentObj['PickExpirationDateRequired'] = false;\r\n }\r\n if(event.target.name === \"LotTracking\" && event.target.value == \"0\") {\r\n // clear LotTracking Require Scan at Pick checkbox\r\n parentObj['PickLotNumberRequired'] = false;\r\n }\r\n if (param_parent_property == \"HazardousSubstanceInformation\") {\r\n if (event.target.type == 'select-one' || event.target.type == 'text')\r\n if (event.target.value.length != 0) {\r\n parentObj[\"HazMat\"] = true;\r\n } else {\r\n parentObj[\"HazMat\"] = false;\r\n }\r\n\r\n }\r\n if (param_parent_property == \"ShippingDocumentation\" && event.target.name == \"Nmfc\") {\r\n var currNmfc = event.target.value;\r\n var nmfcData = this.props.sharedItemOptions.NmfcOptions.find((element) => {\r\n if (element.NMFC == currNmfc) {\r\n return element;\r\n }\r\n });\r\n if(nmfcData){\r\n parentObj['NMFCClass'] = nmfcData.Class;\r\n parentObj['NMFCDescription'] = nmfcData.CommodityDescription;\r\n }\r\n }\r\n\r\n let itemsObj = Object.assign(\r\n this.props.sharedItem,\r\n {\r\n ItemBasics: Object.assign(\r\n {},\r\n this.props.sharedItem.ItemBasics,\r\n {\r\n [param_parent_property]: parentObj\r\n }\r\n )\r\n }\r\n );\r\n this.props.onItemDataset(itemsObj);\r\n }\r\n\r\n handleChangeSku = (event) => {\r\n let itemsObj = Object.assign({}, this.props.sharedItem);\r\n itemsObj['Sku'] = event.target.value;\r\n this.props.onItemDataset(itemsObj);\r\n }\r\n\r\n openItemPreferredLocationModal = () => {\r\n\r\n let allFacilities = GlobalService.getFacilityList(false);\r\n let temp = [];\r\n\r\n for (var x = 0; x < this.props.sharedCurrentCustomerObj.facilities.length; x++) {\r\n\r\n let columnIndex = ObjectWms.FindIndexByProperty(\r\n allFacilities,\r\n \"id\",\r\n this.props.sharedCurrentCustomerObj.facilities[x]\r\n );\r\n if (columnIndex != -1) {\r\n temp.push(allFacilities[columnIndex]);\r\n }\r\n }\r\n\r\n temp.unshift({ \"id\": 0, \"name\": \"Unspecified\" });\r\n this.setState({\r\n sharedCustomerFacilities: temp,\r\n isOpenPreferredLocationModel: true\r\n });\r\n }\r\n\r\n onPreferredLocationClose = () => {\r\n\r\n this.setState({\r\n isOpenPreferredLocationModel: false\r\n });\r\n\r\n }\r\n\r\n clearPreferredLocation = () => {\r\n\r\n let propItemObj = this.props.sharedItem;\r\n propItemObj.ItemBasics.DirectedPutawayOptions['PreferredLocation'] = null;\r\n this.props.onItemDataset(propItemObj);\r\n this.setState({ preferedLocationId: 0 });\r\n }\r\n\r\n onGridEdit = (event) => {\r\n var validator = event.container.data('kendoValidator');\r\n validator.options.messages.custom = \"\"+this.translate('Label_Qualifier_Exist_Warning')+\"
\";\r\n let inputName = 'Name';\r\n var that = this;\r\n validator.options.rules.custom = function (input) {\r\n if (input.is('[name=\"' + inputName + '\"]')) {\r\n let index = 0;\r\n let gridData = Object.assign([],that.props.sharedItem.ItemBasics.ItemQualifiers);\r\n index = gridData.filter((el,index) => {\r\n return (\r\n el['Name'].toLowerCase() == input.val().toLowerCase() &&\r\n $(event.container).closest('tr').index() != index\r\n );\r\n });\r\n if(index.length > 0){\r\n return false;\r\n }\r\n return true;\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n qualifierGridDataChange = (event) => {\r\n let gridData = event.sender.dataSource.data();\r\n\r\n // Access the new input value from event\r\n let input = event?.values?.Name;\r\n if (input)\r\n {\r\n let sanitizedInput = this.sanitizeAndValidate(input);\r\n if (!sanitizedInput) {\r\n event.sender.dataSource.cancelChanges();\r\n return;\r\n }\r\n }\r\n\r\n let itemsObj = Object.assign(\r\n this.props.sharedItem,\r\n {\r\n ItemBasics: Object.assign(\r\n {},\r\n this.props.sharedItem.ItemBasics,\r\n {\r\n ItemQualifiers: gridData\r\n }\r\n )\r\n }\r\n );\r\n setTimeout(() => {\r\n this.props.onItemDataset(itemsObj);\r\n }, 100);\r\n }\r\n openQualifierConfirm = (e) => {\r\n e.preventDefault();\r\n var rowindex = $(e.currentTarget).closest(\"tr\").index();\r\n var qualifierName = ' ?';\r\n if(this.props.sharedItem.ItemBasics.ItemQualifiers[rowindex]){\r\n qualifierName = \":'\" + this.props.sharedItem.ItemBasics.ItemQualifiers[rowindex].Name + \"' ?\";\r\n }\r\n\r\n var row = $(e.currentTarget).closest(\"tr\");\r\n this.setState({\r\n itemQualifierRemoveRow: row,\r\n isOpenQualierRemoveConfirm:true,\r\n qualierConfirmMsg : this.translate('Label_are_you_sure_remove_qualifier_filter')+ qualifierName\r\n });\r\n }\r\n\r\n onCloseQualifierConfirm =()=>{\r\n this.setState({ isOpenQualierRemoveConfirm:false });\r\n }\r\n\r\n onRemoveQualifier = () =>{\r\n var grid = $(\"#ItemQualifiers\").data(\"kendoGrid\");\r\n grid.removeRow(this.state.itemQualifierRemoveRow);\r\n this.setState({ isOpenQualierRemoveConfirm:false });\r\n }\r\n render() {\r\n const renderItems = this.props.sharedItem;\r\n return (\r\n\r\n \r\n\r\n this.handleChange('Description', e)}\r\n label={this.translate('Label_Sell_Price')}\r\n value={renderItems.ItemBasics.Description.SellPrice}\r\n extraWrapperClass=\"wms-input-sell-price-box\"\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/} />\r\n\r\n this.handleChange('Description', e)}\r\n label={this.translate('Label_Product_Cost')}\r\n value={renderItems.ItemBasics.Description.ProductCost}\r\n extraWrapperClass=\"wms-input-sell-price-box\"\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/} />\r\n\r\n this.handleChange('Description', e)}\r\n label={this.translate('Label_Product_Description')}\r\n value={renderItems.ItemBasics.Description.ProductDescription}\r\n extraWrapperClass=\"wms-input-description-box\"\r\n required={true} />\r\n\r\n this.handleChange('Description', e)}\r\n label={this.translate('Label_Secondary_Item_Description')}\r\n extraWrapperClass=\"wms-input-description-box\"\r\n value={renderItems.ItemBasics.Description.SecondaryDescription} />\r\n\r\n {this.state.tplSettings.Items.ItemClassificationEnabled && this.handleChange('Description', e)}\r\n value={renderItems.ItemBasics.Description.Classification == null ? 'Unspecified' : renderItems.ItemBasics.Description.Classification}\r\n options={this.props.sharedItemOptions.ClassificationOptions}\r\n valueField='Name'\r\n textField='Name'\r\n parentClassName='form_group'\r\n blankFirstOption={true}\r\n blankFirstOptionText=\"Unspecified\"\r\n extraWrapperClass=\"wms-dropdown-ification-box\" />}\r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n this.handleChange('HazardousSubstanceInformation', e)}\r\n value={renderItems.ItemBasics.HazardousSubstanceInformation.MaterialFlag == null ? \"Unspecified\" : renderItems.ItemBasics.HazardousSubstanceInformation.MaterialFlag}\r\n options={this.state.materialFlagOptions}\r\n valueField='description'\r\n textField='description'\r\n parentClassName='form_group'\r\n blankFirstOption={true}\r\n blankFirstOptionText=\"Unspecified\" />\r\n\r\n this.handleChange('HazardousSubstanceInformation', e)}\r\n value={renderItems.ItemBasics.HazardousSubstanceInformation.Class}\r\n extraWrapperClass=\"wms-input-class-flashpoint-box\"/>\r\n\r\n this.handleChange('HazardousSubstanceInformation', e)}\r\n value={renderItems.ItemBasics.HazardousSubstanceInformation.ShippingName}/>\r\n\r\n this.handleChange('HazardousSubstanceInformation', e)}\r\n value={renderItems.ItemBasics.HazardousSubstanceInformation.MaterialId}/>\r\n\r\n this.handleChange('HazardousSubstanceInformation', e)}\r\n value={renderItems.ItemBasics.HazardousSubstanceInformation.LabelCode}/>\r\n\r\n this.handleChange('HazardousSubstanceInformation', e)}\r\n value={renderItems.ItemBasics.HazardousSubstanceInformation.PackagingGroup == null ? \"Unspecified\" : renderItems.ItemBasics.HazardousSubstanceInformation.PackagingGroup}\r\n options={this.state.packagingGroupOptions}\r\n valueField='description'\r\n textField='description'\r\n parentClassName='form_group'\r\n blankFirstOption={true}\r\n blankFirstOptionText=\"Unspecified\" />\r\n\r\n this.handleChange('HazardousSubstanceInformation', e)}\r\n value={renderItems.ItemBasics.HazardousSubstanceInformation.Flashpoint}\r\n extraWrapperClass=\"wms-input-class-flashpoint-box\"/>\r\n\r\n }\r\n\r\n \r\n
\r\n\r\n )\r\n }\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsInput from './../components/WmsInput/WmsInput.jsx';\r\nimport WmsCheckBox from '../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsCollapse from './../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsContainer from './../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsRadio from './../components/WmsRadio/WmsRadio.tsx';\r\n\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport class ItemsUofm extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n Selector: 'Item',\r\n customLabels: GlobalService.getCustomLabels(),\r\n Rights: GlobalService.GetRights()\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.updateTotalAreaVolume(this.props.sharedItem, true);\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.sharedItem.ItemId != this.props.sharedItem.ItemId) {\r\n this.updateTotalAreaVolume(nextProps.sharedItem, true);\r\n }\r\n }\r\n\r\n handleChange = (param_parent_property, event) => {\r\n\r\n if (event.target.type == 'radio') {\r\n\r\n //set movableunit option imperial or matrix radio button change\r\n this.handleMovableUnitSelectChange(this.props.sharedItem.UnitsOfMeasure.MovableUnit.MovableUnitUomIndex);\r\n\r\n let itemsObj = Object.assign(\r\n {},\r\n this.props.sharedItem,\r\n {\r\n UnitsOfMeasure: Object.assign(\r\n {},\r\n this.props.sharedItem.UnitsOfMeasure,\r\n {\r\n [event.target.name]: !this.props.sharedItem.UnitsOfMeasure[event.target.name]\r\n }\r\n )\r\n }\r\n );\r\n\r\n this.updateTotalAreaVolume(itemsObj);\r\n\r\n } else {\r\n\r\n let parentObj = Object.assign({}, this.props.sharedItem.UnitsOfMeasure[param_parent_property]);\r\n if (event.target.type == 'checkbox') {\r\n parentObj[event.target.name] = event.target.checked;\r\n if (event.target.name === \"UseSecondaryUnit\") {\r\n parentObj[\"SecondaryUnitType\"] = \"\";\r\n }\r\n } else {\r\n parentObj[event.target.name] = event.target.value;\r\n }\r\n\r\n let itemsObj = Object.assign(\r\n {},\r\n this.props.sharedItem,\r\n {\r\n UnitsOfMeasure: Object.assign(\r\n {},\r\n this.props.sharedItem.UnitsOfMeasure,\r\n { [param_parent_property]: parentObj }\r\n )\r\n }\r\n );\r\n this.props.onItemDataset(itemsObj);\r\n if (event.target.name == \"InventoryUnitsPerUnit\") {\r\n this.props.calculateCuftForRecStorage(itemsObj);\r\n }\r\n }\r\n }\r\n handleItemBasicChange = (param_parent_property, event) => {\r\n let parentObj = Object.assign({}, this.props.sharedItem.ItemBasics[param_parent_property]);\r\n parentObj[event.target.name] = event.target.value;\r\n let itemsObj = Object.assign(\r\n {},\r\n this.props.sharedItem,\r\n {\r\n ItemBasics: Object.assign(\r\n {},\r\n this.props.sharedItem.ItemBasics,\r\n { [param_parent_property]: parentObj }\r\n )\r\n }\r\n );\r\n this.props.onItemDataset(itemsObj);\r\n }\r\n\r\n handleChangeOfPickline = (event) => {\r\n let itemsObj = Object.assign({}, this.props.sharedItem);\r\n itemsObj[event.target.name] = event.target.value;\r\n if (!itemsObj.PicklineMin) {\r\n itemsObj.PicklineMax = null\r\n }\r\n this.props.onItemDataset(itemsObj);\r\n }\r\n\r\n handleReplenishmentToggle = (event) => {\r\n let itemsObj = Object.assign({}, this.props.sharedItem);\r\n itemsObj.ItemBasics.Replenishment = !itemsObj.ItemBasics.Replenishment;\r\n itemsObj.Replenishment = !itemsObj.Replenishment;\r\n this.props.onItemDataset(itemsObj);\r\n }\r\n\r\n handlechangeForQty = (event) => {\r\n\r\n let movableUnitObj = Object.assign({}, this.props.sharedItem.UnitsOfMeasure.MovableUnit);\r\n movableUnitObj[event.target.name] = parseInt(event.target.value);\r\n movableUnitObj.Qty = movableUnitObj.High * movableUnitObj.Tie;\r\n\r\n let itemsObj = Object.assign(\r\n {},\r\n this.props.sharedItem,\r\n {\r\n UnitsOfMeasure: Object.assign(\r\n {},\r\n this.props.sharedItem.UnitsOfMeasure,\r\n { 'MovableUnit': movableUnitObj }\r\n )\r\n }\r\n );\r\n this.props.onItemDataset(itemsObj);\r\n }\r\n\r\n handleMovableUnitSelectChange = (movableUnitIndex) => {\r\n\r\n let movableUnitObj = this.props.sharedItem.UnitsOfMeasure.MovableUnit;\r\n let movableUnitOptionObj = this.props.sharedItemOptions.MovableUnitOptions[movableUnitIndex];\r\n if (typeof movableUnitOptionObj != 'undefined') {\r\n movableUnitObj = Object.assign({}, movableUnitOptionObj.Value);\r\n movableUnitObj.Qty = this.props.sharedItem.UnitsOfMeasure.MovableUnit.Qty;\r\n movableUnitObj['MovableUnitUomIndex'] = movableUnitIndex;\r\n } else {\r\n movableUnitObj['MovableUnitUomIndex'] = '';\r\n }\r\n let itemsObj = Object.assign(\r\n {},\r\n this.props.sharedItem,\r\n {\r\n UnitsOfMeasure: Object.assign(\r\n {},\r\n this.props.sharedItem.UnitsOfMeasure,\r\n {\r\n 'MovableUnit': movableUnitObj\r\n }\r\n )\r\n }\r\n );\r\n this.props.onItemDataset(itemsObj);\r\n }\r\n\r\n handleChangeForTotalAreaVolume = (param_parent_property, event) => {\r\n let parentObj = Object.assign({}, this.props.sharedItem.UnitsOfMeasure[param_parent_property]);\r\n parentObj[event.target.name] = event.target.value;\r\n\r\n let itemsObj = Object.assign(\r\n {},\r\n this.props.sharedItem,\r\n {\r\n UnitsOfMeasure: Object.assign(\r\n {},\r\n this.props.sharedItem.UnitsOfMeasure,\r\n { [param_parent_property]: parentObj }\r\n )\r\n }\r\n );\r\n this.updateTotalAreaVolume(itemsObj);\r\n }\r\n\r\n updateTotalAreaVolume = (param_itemsObj, param_initObj) => {\r\n let length;\r\n let width;\r\n let height = 0;\r\n let imperialMetricText = param_itemsObj.UnitsOfMeasure.IsImperial == true ? 'Imperial' : 'Metric';\r\n\r\n if (param_itemsObj.UnitsOfMeasure != null &&\r\n param_itemsObj.UnitsOfMeasure.PackagingUnit != null) {\r\n\r\n length = parseFloat(param_itemsObj.UnitsOfMeasure.PackagingUnit['Length' + imperialMetricText] || 0);\r\n width = parseFloat(param_itemsObj.UnitsOfMeasure.PackagingUnit['Width' + imperialMetricText] || 0);\r\n height = parseFloat(param_itemsObj.UnitsOfMeasure.PackagingUnit['Height' + imperialMetricText] || 0);\r\n\r\n }\r\n\r\n var divisor = (param_itemsObj.UnitsOfMeasure.IsImperial == true || param_itemsObj.UnitsOfMeasure.IsImperial == \"true\") ? 12 : 100;\r\n\r\n let itemsObj = Object.assign({}, param_itemsObj);\r\n itemsObj['totalArea'] = ((width / divisor || 0) * (length / divisor || 0)).toFixed(4);\r\n\r\n let cf = (length * width * height) / (divisor * divisor * divisor);\r\n itemsObj['totalVolume'] = cf.toFixed(4);\r\n itemsObj['totalActualVolume'] = cf;\r\n\r\n let isFirstTimeObjSet = false;\r\n if (param_initObj) {\r\n isFirstTimeObjSet = true;\r\n }\r\n this.props.onItemDataset(itemsObj, isFirstTimeObjSet);\r\n this.props.calculateCuftForRecStorage(itemsObj);\r\n }\r\n\r\n render() {\r\n const renderItems = this.props.sharedItem;\r\n const imperialMetricText = renderItems.UnitsOfMeasure.IsImperial == true ? 'Imperial' : 'Metric';\r\n var isAllowDuplicatedUPC = false;\r\n if (\r\n this.props.sharedCurrentCustomerObj &&\r\n this.props.sharedCurrentCustomerObj.options &&\r\n this.props.sharedCurrentCustomerObj.options.allowDuplicateUPCs\r\n ) {\r\n isAllowDuplicatedUPC = true;\r\n }\r\n const PackagingUnitObj = renderItems.UnitsOfMeasure.PackagingUnit;\r\n const IsPrepackagedEnable = PackagingUnitObj['Weight' + imperialMetricText] != undefined\r\n && PackagingUnitObj['Weight' + imperialMetricText] != \"\"\r\n && parseInt(PackagingUnitObj['Weight' + imperialMetricText]) != 0\r\n && PackagingUnitObj['Height' + imperialMetricText] != undefined\r\n && PackagingUnitObj['Height' + imperialMetricText] != \"\"\r\n && parseInt(PackagingUnitObj['Height' + imperialMetricText]) != 0\r\n && PackagingUnitObj['Width' + imperialMetricText] != undefined\r\n && PackagingUnitObj['Width' + imperialMetricText] != \"\"\r\n && parseInt(PackagingUnitObj['Width' + imperialMetricText]) != 0\r\n && PackagingUnitObj['Length' + imperialMetricText] != undefined\r\n && PackagingUnitObj['Length' + imperialMetricText] != \"\"\r\n && parseInt(PackagingUnitObj['Length' + imperialMetricText]) != 0;\r\n return (\r\n \r\n {this.state.dialogMessage}\r\n
\r\n \r\n this.handleChange('InventoryOptions', e)}\r\n value={renderItems.ItemBasics.InventoryOptions.AllocationMethod == null ? 0 : renderItems.ItemBasics.InventoryOptions.AllocationMethod}\r\n options={this.props.sharedItemOptions.AllocationOptions}\r\n extraWrapperClass=\"wms-dropdown-allocation-method-box\"\r\n valueField='Value'\r\n textField='Name'\r\n parentClassName='form_group' />\r\n\r\n this.handleChange('InventoryOptions', e)}\r\n label={this.translate('Label_Min_on_Hand')}\r\n value={renderItems.ItemBasics.InventoryOptions.MinOnHand}\r\n extraWrapperClass=\"wms-input-min-on-hand-box\"\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/} />\r\n\r\n this.handleChange('InventoryOptions', e)}\r\n label={this.translate('Label_Max_on_Hand')}\r\n value={renderItems.ItemBasics.InventoryOptions.MaxOnHand}\r\n extraWrapperClass=\"wms-input-min-on-hand-box\"\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/} />\r\n\r\n this.handleChange('InventoryOptions', e)}\r\n label={this.translate('Label_Storage_Temp')}\r\n value={renderItems.ItemBasics.InventoryOptions.StorageTemperature}\r\n extraWrapperClass=\"wms-input-storage-temperature-box\"\r\n regularExp={/^-?[0-9]*(?:\\.[0-9]{0,4})?$/} />\r\n
\r\n \r\n this.handleChange('InventoryOptions', e)}\r\n label={this.translate('Label_Reorder_Quantity')}\r\n value={renderItems.ItemBasics.InventoryOptions.ReorderQuantity}\r\n extraWrapperClass=\"wms-input-min-on-hand-box\"\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/} />\r\n\r\n this.handleChange('InventoryOptions', e)}\r\n label={this.translate('Label_Days_Between_Counts')}\r\n value={renderItems.ItemBasics.InventoryOptions.DaysBetweenCounts}\r\n extraWrapperClass=\"wms-input-min-on-hand-box\"\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/} />\r\n\r\n\r\n\r\n this.handleChange('InventoryOptions', e)}\r\n value={renderItems.ItemBasics.InventoryOptions.CycleCountType == null ? 0 : renderItems.ItemBasics.InventoryOptions.CycleCountType}\r\n options={this.props.sharedItemOptions.CategoryOptions}\r\n valueField='Name'\r\n textField='Name'\r\n extraWrapperClass=\"wms-dropdown-cycle-count-type-box\"\r\n parentClassName='form_group' />\r\n\r\n this.handleChange('InventoryOptions', e)}\r\n label={this.translate('Label_Receive_OntoHold')}\r\n checked={renderItems.ItemBasics.InventoryOptions.AutoHoldOnReceive == true}\r\n value={renderItems.ItemBasics.InventoryOptions.AutoHoldOnReceive}\r\n isRounded={true} />\r\n
\r\n \r\n\r\n \r\n this.handleChange('TrackingOptions', e)}\r\n value={renderItems.ItemBasics.TrackingOptions.SerialTracking == null ? 0 : renderItems.ItemBasics.TrackingOptions.SerialTracking}\r\n options={this.props.sharedItemOptions.SerialOptions}\r\n valueField='Value'\r\n extraWrapperClass=\"wms-dropdown-tracking-box\"\r\n textField='Name'\r\n parentClassName='form_group' />\r\n\r\n {this.state.tplSettings.Shipping.OutboundMobileSerializationEnabled &&\r\n this.handleChange('TrackingOptions', e)}\r\n value={renderItems.ItemBasics.TrackingOptions.OutboundSerialTracking}\r\n options={this.state.optionsOutboundSerialization}\r\n valueField='value'\r\n extraWrapperClass=\"wms-outbound-mobile-box\"\r\n textField='description'\r\n parentClassName='form_group'/>\r\n }\r\n\r\n {this.state.tplSettings.OtherUserFeatures.MobileEnabled &&\r\n this.handleChange('TrackingOptions', e)}\r\n label={this.translate('Label_Require_Scan_At_Pick')}\r\n checked={renderItems.ItemBasics.TrackingOptions.PickSerialNumberRequired == true}\r\n value={renderItems.ItemBasics.TrackingOptions.PickSerialNumberRequired}\r\n isRounded={true}\r\n disabled={(renderItems.ItemBasics.TrackingOptions.SerialTracking && renderItems.ItemBasics.TrackingOptions.SerialTracking != \"0\" ) ? false : true}\r\n parentClassName={(renderItems.ItemBasics.TrackingOptions.SerialTracking && renderItems.ItemBasics.TrackingOptions.SerialTracking != \"0\" ) ? '' : 'wms-check-box-disable'} />\r\n }\r\n
\r\n \r\n this.handleChange('TrackingOptions', e)}\r\n value={renderItems.ItemBasics.TrackingOptions.ExpirationTracking == null ? 0 : renderItems.ItemBasics.TrackingOptions.ExpirationTracking}\r\n options={this.props.sharedItemOptions.ExpirationOptions}\r\n valueField='Value'\r\n extraWrapperClass=\"wms-dropdown-tracking-box\"\r\n textField='Name'\r\n parentClassName='form_group' />\r\n\r\n this.handleChange('TrackingOptions', e)}\r\n label={this.translate('Label_Hold_Threshold_Days')}\r\n value={renderItems.ItemBasics.TrackingOptions.AutoHoldExpirationDaysThreshold}\r\n regularExp={/^\\w+( \\w+)*$/}\r\n extraWrapperClass={(renderItems.ItemBasics.TrackingOptions.ExpirationTracking && renderItems.ItemBasics.TrackingOptions.ExpirationTracking != \"0\") ? '' : 'wms-input-disable'}\r\n disabled={(renderItems.ItemBasics.TrackingOptions.ExpirationTracking && renderItems.ItemBasics.TrackingOptions.ExpirationTracking != \"0\") ? false : true}\r\n zeroBasedCondition={2} />\r\n\r\n {this.state.tplSettings.OtherUserFeatures.MobileEnabled &&\r\n this.handleChange('TrackingOptions', e)}\r\n label={this.translate('Label_Require_Scan_At_Pick')}\r\n checked={renderItems.ItemBasics.TrackingOptions.PickExpirationDateRequired == true}\r\n value={renderItems.ItemBasics.TrackingOptions.PickExpirationDateRequired}\r\n isRounded={true}\r\n disabled={(renderItems.ItemBasics.TrackingOptions.ExpirationTracking && renderItems.ItemBasics.TrackingOptions.ExpirationTracking != \"0\" ) ? false : true}\r\n parentClassName={(renderItems.ItemBasics.TrackingOptions.ExpirationTracking && renderItems.ItemBasics.TrackingOptions.ExpirationTracking != \"0\" ) ? '' : 'wms-check-box-disable'} />\r\n }\r\n
\r\n \r\n this.handleChange('TrackingOptions', e)}\r\n value={renderItems.ItemBasics.TrackingOptions.LotTracking == null ? 0 : renderItems.ItemBasics.TrackingOptions.LotTracking}\r\n options={this.props.sharedItemOptions.LotOptions}\r\n valueField='Value'\r\n extraWrapperClass=\"wms-dropdown-tracking-box\"\r\n textField='Name'\r\n parentClassName='form_group' />\r\n\r\n {this.state.tplSettings.OtherUserFeatures.MobileEnabled &&\r\n this.handleChange('TrackingOptions', e)}\r\n label={this.translate('Label_Require_Scan_At_Pick')}\r\n checked={renderItems.ItemBasics.TrackingOptions.PickLotNumberRequired == true}\r\n value={renderItems.ItemBasics.TrackingOptions.PickLotNumberRequired}\r\n isRounded={true}\r\n disabled={(renderItems.ItemBasics.TrackingOptions.LotTracking && renderItems.ItemBasics.TrackingOptions.LotTracking != \"0\" ) ? false : true}\r\n parentClassName={(renderItems.ItemBasics.TrackingOptions.LotTracking && renderItems.ItemBasics.TrackingOptions.LotTracking != \"0\" ) ? '' : 'wms-check-box-disable'} />\r\n }\r\n\r\n
\r\n \r\n this.handleChange('TrackingOptions', e)}\r\n value={renderItems.ItemBasics.TrackingOptions.CostTracking == null ? 0 : renderItems.ItemBasics.TrackingOptions.CostTracking}\r\n options={this.props.sharedItemOptions.CostOptions}\r\n extraWrapperClass=\"wms-dropdown-tracking-box\"\r\n valueField='Value'\r\n textField='Name'\r\n parentClassName='form_group' />\r\n
\r\n \r\n\r\n \r\n this.handleChange('ShippingDocumentation', e)}\r\n value={renderItems.ItemBasics.ShippingDocumentation.CountryOfOrigin == null ? \"\" : renderItems.ItemBasics.ShippingDocumentation.CountryOfOrigin}\r\n options={this.props.sharedItemOptions.CountryOptions}\r\n valueField=\"Value\"\r\n nestedValueField=\"CountryCode\"\r\n textField='Name'\r\n parentClassName='form_group'\r\n blankFirstOption={true}\r\n extraWrapperClass=\"wms-dropdown-shipping-documentation-box\"\r\n blankFirstOptionText=\"Unspecified\" />\r\n
\r\n \r\n this.handleChange('ShippingDocumentation', e)}\r\n value={renderItems.ItemBasics.ShippingDocumentation.Nmfc == null ? 'None' : renderItems.ItemBasics.ShippingDocumentation.Nmfc}\r\n options={this.props.sharedItemOptions.NmfcOptions}\r\n valueField='NMFC'\r\n extraWrapperClass=\"wms-dropdown-shipping-nmfc-box\"\r\n textField='NMFC'\r\n blankFirstOption={true}\r\n blankFirstOptionText={\"None\"}\r\n parentClassName='form_group' />\r\n function () { }}\r\n value={renderItems.ItemBasics.ShippingDocumentation.NMFCClass}\r\n extraWrapperClass=\"wms-input-harmonized-tariff-box\"\r\n disabled={true} />\r\n function () { }}\r\n value={renderItems.ItemBasics.ShippingDocumentation.NMFCDescription}\r\n extraWrapperClass=\"wms-input-nmfc-description-box\"\r\n disabled={true} />\r\n
\r\n \r\n this.handleChange('ShippingDocumentation', e)}\r\n value={renderItems.ItemBasics.ShippingDocumentation.HarmonizedTariffCode}\r\n extraWrapperClass=\"wms-input-harmonized-tariff-box\"\r\n regularExp={/^\\w+([.]\\w+)*[.]?$/} />\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n this.handleGridInputChange('MovableUnitLocationZones', e)}\r\n value={this.state.movablelocationZone} />\r\n\r\n this.addGridItem('MovableUnitLocationZones', 'movablelocationZone')}\r\n disabled={this.state.movablelocationZoneExist}\r\n icon='fa-plus' />\r\n\r\n function () { })\r\n }]\r\n }\r\n />\r\n
\r\n \r\n this.handleGridInputChange('LocationZones', e)}\r\n value={this.state.locationZone} />\r\n\r\n this.addGridItem('LocationZones', 'locationZone')}\r\n icon='fa-plus'\r\n disabled={this.state.locationZoneExist} />\r\n\r\n function () { })\r\n }]\r\n }\r\n />\r\n
\r\n \r\n this.handleGridInputChange('OverAllocLocationZones', e)}\r\n value={this.state.overAllocLocationZone} />\r\n\r\n this.addGridItem('OverAllocLocationZones', 'overAllocLocationZone')}\r\n icon='fa-plus'\r\n disabled={this.state.overAllocLocationZoneExist} />\r\n\r\n function () { })\r\n }]\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n\r\n {this.state.tplSettings.Items.HazMatEnabled && \r\n this.handleChange('DirectedPutawayOptions', e)}\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/}\r\n value={renderItems.ItemBasics.DirectedPutawayOptions.PreferredLocation != null ? renderItems.ItemBasics.DirectedPutawayOptions.PreferredLocation.LocationName : ''} />\r\n {renderItems.ItemBasics.DirectedPutawayOptions.PreferredLocation != null && renderItems.ItemBasics.DirectedPutawayOptions.PreferredLocation.LocationName != '' &&\r\n (X )}\r\n\r\n this.handleChange('DirectedPutawayOptions', e)}\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/}\r\n value={renderItems.ItemBasics.DirectedPutawayOptions.MixedExpirationDaysThreshhold} />\r\n
\r\n \r\n this.handleChange('DirectedPutawayOptions', e)}\r\n label={this.translate('Label_Preferred_Location')}\r\n checked={renderItems.ItemBasics.DirectedPutawayOptions.ForceIntoPreferredLocation == true}\r\n value={renderItems.ItemBasics.DirectedPutawayOptions.ForceIntoPreferredLocation}\r\n isRounded={true} />\r\n\r\n this.handleChange('DirectedPutawayOptions', e)}\r\n label={this.translate('Label_Allow_Mixed_Item_Storage')}\r\n checked={renderItems.ItemBasics.DirectedPutawayOptions.AllowMixedItemStorage == true}\r\n value={renderItems.ItemBasics.DirectedPutawayOptions.AllowMixedItemStorage}\r\n isRounded={true} />\r\n\r\n this.handleChange('DirectedPutawayOptions', e)}\r\n label={this.translate('Label_Allow_Mixed_Lot_Storage')}\r\n checked={renderItems.ItemBasics.DirectedPutawayOptions.AllowMixedLotStorage == true}\r\n value={renderItems.ItemBasics.DirectedPutawayOptions.AllowMixedLotStorage}\r\n isRounded={true} />\r\n
\r\n \r\n this.handleChange('HazardousSubstanceInformation', e)}\r\n label={this.translate('Label_Hazardous_Material')}\r\n checked={renderItems.ItemBasics.HazardousSubstanceInformation.HazMat == true}\r\n value={renderItems.ItemBasics.HazardousSubstanceInformation.HazMat}\r\n isRounded={true} />\r\n
\r\n\r\n \r\n this.handleGridInputChange('ItemQualifiers', e)}\r\n value={this.state.itemQualifier} />\r\n\r\n this.addGridItem('ItemQualifiers', 'itemQualifier')}\r\n disabled={this.state.itemQualifierExist || renderItems.Assembly.Components.length > 0}\r\n showToolTip={true}\r\n tooltipText={renderItems.Assembly.Components.length > 0 ? this.translate('Tooltip_Cannot_Add_Qualifiers') : this.translate('Label_Qualifier_Exist_Warning')}\r\n icon='fa-plus' />\r\n
\r\n\r\n \r\n\r\n \r\n\r\n this.handleChange('UnitsOfMeasure', e)}\r\n value={renderItems.UnitsOfMeasure.IsImperial}\r\n checked={renderItems.UnitsOfMeasure.IsImperial == true}\r\n />\r\n\r\n this.handleChange('UnitsOfMeasure', e)}\r\n value={renderItems.UnitsOfMeasure.IsImperial}\r\n checked={renderItems.UnitsOfMeasure.IsImperial != true}\r\n />\r\n\r\n \r\n\r\n \r\n\r\n {/* Set sorting options orderBy:customSort */}\r\n \r\n\r\n {/* set customer sor in options orderBy:customSort */}\r\n this.handleChangeForTotalAreaVolume('PackagingUnit', e)}\r\n value={renderItems.UnitsOfMeasure.PackagingUnit['Length' + imperialMetricText]}\r\n extraWrapperClass=\"wms-input-height-width-length-box\"\r\n required={renderItems.UnitsOfMeasure.PackagingUnit.IsPrepackaged && this.state.Rights.hasOwnProperty(\"UxDirectivesPrePackedItems\")}\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/} />\r\n\r\n this.handleChangeForTotalAreaVolume('PackagingUnit', e)}\r\n value={renderItems.UnitsOfMeasure.PackagingUnit['Width' + imperialMetricText]}\r\n extraWrapperClass=\"wms-input-height-width-length-box\"\r\n required={renderItems.UnitsOfMeasure.PackagingUnit.IsPrepackaged && this.state.Rights.hasOwnProperty(\"UxDirectivesPrePackedItems\")}\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/} />\r\n\r\n this.handleChangeForTotalAreaVolume('PackagingUnit', e)}\r\n value={renderItems.UnitsOfMeasure.PackagingUnit['Height' + imperialMetricText]}\r\n extraWrapperClass=\"wms-input-height-width-length-box\"\r\n required={renderItems.UnitsOfMeasure.PackagingUnit.IsPrepackaged && this.state.Rights.hasOwnProperty(\"UxDirectivesPrePackedItems\")}\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/} />\r\n\r\n function () { }}\r\n extraWrapperClass=\"wms-input-total-area-box\"\r\n value={renderItems.totalArea} />\r\n\r\n function () { }}\r\n extraWrapperClass=\"wms-input-total-volume-box\"\r\n value={renderItems.totalVolume} />\r\n\r\n this.handleChange('PackagingUnit', e)}\r\n value={renderItems.UnitsOfMeasure.PackagingUnit['Weight' + imperialMetricText]}\r\n extraWrapperClass=\"wms-input-total-and-weight-box\"\r\n required={renderItems.UnitsOfMeasure.PackagingUnit.IsPrepackaged && this.state.Rights.hasOwnProperty(\"UxDirectivesPrePackedItems\")}\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/} />\r\n\r\n this.handleChange('PackagingUnit', e)}\r\n value={renderItems.UnitsOfMeasure.PackagingUnit['NetWeight' + imperialMetricText]}\r\n extraWrapperClass=\"wms-input-weight-box\"\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/} />\r\n {this.state.Rights.hasOwnProperty(\"UxDirectivesPrePackedItems\") && (\r\n <>\r\n this.handleChange('PackagingUnit', e)}\r\n value={renderItems.UnitsOfMeasure.PackagingUnit.IsPrepackaged}\r\n checked={renderItems.UnitsOfMeasure.PackagingUnit.IsPrepackaged}\r\n isRounded={true}\r\n disabled={!IsPrepackagedEnable}\r\n showToolTip={!IsPrepackagedEnable}\r\n tooltipText={this.translate('Label_This_item_is_pre_packaged_Tooltip')}\r\n parentClassName=\"IsPrepackaged\"\r\n />\r\n {this.translate('Label_This_item_is_pre_packaged_Description')}\r\n \r\n )}\r\n\r\n \r\n\r\n \r\n\r\n this.handleMovableUnitSelectChange(e.target.value)}\r\n value={renderItems.UnitsOfMeasure.MovableUnit.MovableUnitUomIndex}\r\n options={this.props.sharedItemOptions.MovableUnitOptions}\r\n textField='Name'\r\n applyIndex={true}\r\n parentClassName='form_group'\r\n extraWrapperClass=\"wms-dropdown-packaging-unit-box\"\r\n blankFirstOption={true}\r\n blankFirstOptionText=\"Unspecified\" />\r\n\r\n this.handleChange('MovableUnit', e)}\r\n value={renderItems.UnitsOfMeasure.MovableUnit['Length' + imperialMetricText]}\r\n extraWrapperClass=\"wms-input-height-width-length-box\"\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/} />\r\n\r\n this.handleChange('MovableUnit', e)}\r\n value={renderItems.UnitsOfMeasure.MovableUnit['Width' + imperialMetricText]}\r\n extraWrapperClass=\"wms-input-height-width-length-box\"\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/} />\r\n\r\n this.handleChange('MovableUnit', e)}\r\n value={renderItems.UnitsOfMeasure.MovableUnit['Height' + imperialMetricText]}\r\n extraWrapperClass=\"wms-input-height-width-length-box\"\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/} />\r\n\r\n this.handleChange('MovableUnit', e)}\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/}\r\n extraWrapperClass=\"wms-input-total-and-weight-box\"\r\n value={renderItems.UnitsOfMeasure.MovableUnit['Weight' + imperialMetricText]}\r\n />\r\n\r\n this.handleChange('MovableUnit', e)}\r\n value={renderItems.UnitsOfMeasure.MovableUnit.Qty}\r\n extraWrapperClass=\"wms-input-total-and-weight-box\"\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/} />\r\n \r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\n\r\n//component\r\nimport { default as WmsInput } from './../components/WmsInput/WmsInput.jsx';\r\nimport { default as WmsGrid } from './../components/WmsGrid/WmsGrid.jsx';\r\nimport { default as WmsDropdown } from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsCollapse from './../components/WmsCollapse/WmsCollapse.jsx';\r\nimport { ObjectWms } from './../../../assets/ts/ObjectWms.ts';\r\n\r\n//services\r\nimport * as itemService from './items.services.jsx';\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport class ItemsFormRecurringStorage extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n selector: 'Item',\r\n rateForAll: '',\r\n rateForSelected: '',\r\n selectedStorageUOM: '',\r\n recurringGridData: [],\r\n isChargeGridFirstBound: false,\r\n rowNumberSet: false,\r\n currentSelections: 0,\r\n lastSelectedStorageUOM: ''\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.sharedCoutinngMechanismIndex != null) {\r\n this.setRateChargesGridData(this.props.sharedCoutinngMechanismIndex, this.props.sharedStorageRateResponse.CountUnitId);\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (\r\n (nextProps.sharedCoutinngMechanismIndex != '' &&\r\n this.props.sharedCoutinngMechanismIndex != nextProps.sharedCoutinngMechanismIndex) ||\r\n (this.props.sharedStorageRateResponse.CountUnitId != nextProps.sharedStorageRateResponse.CountUnitId)\r\n ) {\r\n this.setRateChargesGridData(nextProps.sharedCoutinngMechanismIndex, nextProps.sharedStorageRateResponse.CountUnitId);\r\n }\r\n if(nextProps.eachesPerCuft != this.props.eachesPerCuft){\r\n let recurringObj = Object.assign({}, this.props.sharedStorageRateResponse);\r\n let storageOpt = this.props.sharedRecurringOptions.StorageCountScriptsArr[this.props.sharedCoutinngMechanismIndex];\r\n if(storageOpt){\r\n if(this.getNameToCheckCuft(storageOpt.CountUnitIdentifiers) == \"CuFt\" && !nextProps.isSetEachesPerCuft) {\r\n recurringObj[\"InventoryUnitsPerUnit\"] = nextProps.eachesPerCuft ? (nextProps.eachesPerCuft) : \"\";\r\n this.props.onRecurringStorageDataset(recurringObj);\r\n }\r\n }\r\n\r\n }\r\n }\r\n getNameToCheckCuft = (data) =>{\r\n var id = this.props.sharedStorageRateResponse.CountUnitId;\r\n var findObj = data.find(x => x.Id == id);\r\n if(findObj){\r\n return findObj.Name;\r\n }\r\n return \"\";\r\n }\r\n setRateChargesGridData = (param_index, param_countId) => {\r\n kendo.ui.progress($('#RecurringStorageGrid'), true);\r\n let tmpScriptTemplateObj = this.props.sharedRecurringOptions.StorageCountScriptsArr[param_index];\r\n\r\n if (!tmpScriptTemplateObj) { return; }\r\n\r\n let tmpQueryString = 'customerId=' + this.props.sharedCurrentCustomerObj.id + '&scriptIdentifier=' + tmpScriptTemplateObj.StorageCountScriptTemplateIdentifier.Id;\r\n\r\n let uomUnitIdentifier = (param_countId) ? param_countId : 1;\r\n if (tmpScriptTemplateObj.IsLegacyStorageUomScript) {\r\n tmpQueryString += '&uomUnitIdentifier=' + uomUnitIdentifier;\r\n }\r\n\r\n var payloadData = (this.props.sharedMultiSkuEnableRecurring) ? null : { \"facilityRates\": this.props.sharedStorageRateResponse.Rates };\r\n\r\n itemService.storageRateCharges(tmpQueryString, payloadData).then((response) => {\r\n if (response.status == 200) {\r\n this.setState({\r\n recurringGridData: response.data,\r\n isChargeGridFirstBound: false,\r\n rowNumberSet:false,\r\n rateForAll: ''\r\n });\r\n }\r\n }).finally(() => {\r\n kendo.ui.progress($('#RecurringStorageGrid'), false);\r\n });\r\n }\r\n\r\n onApplyToSelectedClick = (param_value) => () => {\r\n var grid = $(\"#RecurringStorageGrid\").data(\"kendoGrid\");\r\n var selected = grid.select();\r\n var header = grid.thead;\r\n for (var i = 0, max = selected.length; i < max; i++) {\r\n var index = grid.cellIndex(selected[i]);\r\n var th = $(header).find(\"th\").eq(index);\r\n var item = grid.dataItem($(selected[i]).closest(\"tr\"));\r\n item['Charge'] = param_value;\r\n this.setState({\r\n rateForSelected: '',\r\n rateForAll: ''\r\n });\r\n }\r\n grid.refresh();\r\n\r\n //call wmsGrid selectAll checkbox change event for unchecked\r\n let event = { target: { checked: false } };\r\n this.refs.wmsGrid.onChangeFunc(event);\r\n\r\n let recurringObj = Object.assign({}, this.props.sharedStorageRateResponse);\r\n recurringObj['StorageChargeGridRows'] = Object.assign([], grid._data);\r\n this.props.onRecurringStorageDataset(recurringObj);\r\n }\r\n\r\n onApplyToAllClick = (param_field, param_value) => {\r\n\r\n let recurringObj = Object.assign({}, this.props.sharedStorageRateResponse);\r\n var tempGridData = Object.assign([], this.state.recurringGridData);\r\n\r\n for (let i = 0; i < tempGridData.length; i++) {\r\n tempGridData[i][param_field] = param_value;\r\n }\r\n this.setState({\r\n recurringGridData: tempGridData,\r\n rateForSelected: '',\r\n rateForAll: ''\r\n });\r\n recurringObj['StorageChargeGridRows'] = Object.assign([], tempGridData);\r\n this.state.rowNumberSet = false;\r\n this.props.onRecurringStorageDataset(recurringObj);\r\n }\r\n\r\n onApplyStorageUomInGrid = (param_index) => {\r\n let storageUomOptions = this.props.sharedRecurringOptions.StorageCountScriptsArr[this.props.sharedCoutinngMechanismIndex].CountUnitIdentifiers;\r\n\r\n var tempGridData = Object.assign([], this.state.recurringGridData);\r\n for (let i = 0; i < tempGridData.length; i++) {\r\n tempGridData[i]['CountUnitName'] = storageUomOptions[param_index].Name;\r\n tempGridData[i]['CountingUnitId'] = storageUomOptions[param_index].Id;\r\n }\r\n this.setState({ recurringGridData: tempGridData });\r\n }\r\n\r\n onDataBound = (e) => {\r\n let recurringObj = Object.assign({}, this.props.sharedStorageRateResponse);\r\n recurringObj['StorageChargeGridRows'] = Object.assign([], e.sender.dataSource._data);\r\n if (this.state.isChargeGridFirstBound == false) {\r\n this.props.onInitialStorageChargeGridData(recurringObj);\r\n this.state.isChargeGridFirstBound = true;\r\n }\r\n if (this.state.rowNumberSet == false) {\r\n this.rowNumberUpdate();\r\n }\r\n }\r\n rowNumberUpdate = () => {\r\n var grid = $('#RecurringStorageGrid').data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n var data = dataSource.data();\r\n var sort = dataSource.sort();\r\n var query = new kendo.data.Query(data);\r\n var sortedData = query.data;\r\n var index = 0;\r\n for (var i = 0; i < sortedData.length; i++) {\r\n //access record using for loop - here i is value from loop\r\n var firstItem = sortedData[i];\r\n index++;\r\n firstItem[\"RowNumber\"] = index;\r\n }\r\n this.state.rowNumberSet = true;\r\n $('#RecurringStorageGrid').data(\"kendoGrid\").refresh();\r\n }\r\n\r\n onEdit = (e) => {\r\n let that = this;\r\n $('input.k-input').unbind('input');\r\n $('input.k-input').on(\"input\", function () {\r\n // Print entered value in a div box\r\n that.setState({\r\n rateForAll: $(this).val(),\r\n rateForSelected:$(this).val()\r\n });\r\n });\r\n }\r\n\r\n onChange = (e) => {\r\n let that = this;\r\n $(document).off('focus', 'input.k-input');\r\n $(document).on(\"focus\", 'input.k-input', function () {\r\n that.setState({\r\n rateForSelected: $(this).val(),\r\n rateForAll: $(this).val()\r\n }, () => {\r\n that.onSelectRow();\r\n });\r\n });\r\n }\r\n onGridSave = (e) => {\r\n var grid = $('#RecurringStorageGrid').data('kendoGrid');\r\n let recurringObj = Object.assign({}, this.props.sharedStorageRateResponse);\r\n recurringObj['StorageChargeGridRows'] = Object.assign([], grid._data);\r\n this.props.onRecurringStorageDataset(recurringObj);\r\n }\r\n\r\n\r\n changeRecurringData = (e) => {\r\n\r\n let recurringObj = Object.assign({}, this.props.sharedStorageRateResponse);\r\n\r\n if (e.target.name == 'CountUnitId') {\r\n\r\n this.onApplyStorageUomInGrid(e.target.value);\r\n\r\n let storageOpt = this.props.sharedRecurringOptions.StorageCountScriptsArr[this.props.sharedCoutinngMechanismIndex];\r\n recurringObj['CountUnitId'] = storageOpt.CountUnitIdentifiers[e.target.value].Id;\r\n if(storageOpt.CountUnitIdentifiers[e.target.value].Name == \"CuFt\" && !this.props.isSetEachesPerCuft) {\r\n recurringObj[\"InventoryUnitsPerUnit\"] = this.props.eachesPerCuft ? this.props.eachesPerCuft : '';\r\n } else if(this.state.lastSelectedStorageUOM == \"CuFt\" && !this.props.isSetEachesPerCuft) {\r\n recurringObj[\"InventoryUnitsPerUnit\"] = \"\";\r\n }\r\n\r\n this.setState({lastSelectedStorageUOM: storageOpt.CountUnitIdentifiers[e.target.value].Name });\r\n } else {\r\n recurringObj[e.target.name] = e.target.value;\r\n }\r\n\r\n this.props.onRecurringStorageDataset(recurringObj);\r\n }\r\n\r\n onSelectRow = (param_kendogrid) => {\r\n var grid = $('#RecurringStorageGrid').data('kendoGrid');\r\n var selectedRecored = grid.select().length;\r\n this.setState({ currentSelections: selectedRecored });\r\n }\r\n render() {\r\n\r\n let renderStorageTemp = {};\r\n let storageIndex = -1;\r\n let countScriptArr = this.props.sharedRecurringOptions.StorageCountScriptsArr;\r\n renderStorageTemp = countScriptArr[this.props.sharedCoutinngMechanismIndex];\r\n if (renderStorageTemp && this.props.sharedStorageRateResponse.CountUnitId) {\r\n storageIndex = ObjectWms.FindIndexByProperty(renderStorageTemp.CountUnitIdentifiers, \"Id\", this.props.sharedStorageRateResponse.CountUnitId.toString());\r\n }\r\n\r\n return (\r\n\r\n \r\n
\r\n\r\n\r\n {renderItems.UnitsOfMeasure.InventoryUnitOfMeasure.UseSecondaryUnit == true && (\r\n \r\n this.handleChange('InventoryUnitOfMeasure', e)}\r\n value={renderItems.UnitsOfMeasure.InventoryUnitOfMeasure.PrimaryUnitType == null ? 0 : renderItems.UnitsOfMeasure.InventoryUnitOfMeasure.PrimaryUnitType}\r\n options={this.props.sharedItemOptions.TypeOfUnitOptions}\r\n valueField='Name'\r\n textField='Name'\r\n parentClassName='form_group'\r\n blankFirstOption={true}\r\n blankFirstOptionText=\"Unspecified\"\r\n extraWrapperClass=\"unit-type-option-wrapper\" />\r\n\r\n this.handleItemBasicChange('Description', e)}\r\n label={this.translate('Label_Primary_UPC')}\r\n value={renderItems.ItemBasics.Description.Upc}\r\n extraWrapperClass=\"upc-input-wrapper\" />\r\n\r\n
\r\n {this.props.hideMaxAllocatePickLine == false && (\r\n \r\n
\r\n )}\r\n \r\n this.handleReplenishmentToggle('Replenishment', e)}\r\n value={renderItems.Replenishment}\r\n checked={renderItems.Replenishment == true}\r\n isRounded={true} />\r\n
\r\n \r\n
\r\n \r\n this.handleChange('InventoryUnitOfMeasure', e)}\r\n value={renderItems.UnitsOfMeasure.InventoryUnitOfMeasure.UseSecondaryUnit}\r\n checked={renderItems.UnitsOfMeasure.InventoryUnitOfMeasure.UseSecondaryUnit == true}\r\n isRounded={true} />\r\n
\r\n \r\n this.handleChange('InventoryUnitOfMeasure', e)}\r\n value={renderItems.UnitsOfMeasure.InventoryUnitOfMeasure.SecondaryUnitType == null ?\r\n 0 : renderItems.UnitsOfMeasure.InventoryUnitOfMeasure.SecondaryUnitType}\r\n options={this.props.sharedItemOptions.TypeOfUnitOptions}\r\n required={!renderItems.UnitsOfMeasure.InventoryUnitOfMeasure.SecondaryUnitType}\r\n valueField='Name'\r\n textField='Name'\r\n parentClassName='form_group'\r\n blankFirstOption={true}\r\n blankFirstOptionText=\"Unspecified\"\r\n extraWrapperClass=\"unit-type-option-wrapper\" />\r\n\r\n this.handleChange('InventoryUnitOfMeasure', e)}\r\n value={renderItems.UnitsOfMeasure.InventoryUnitOfMeasure.PrimaryUnitsPerSecondaryUnit}\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/}\r\n extraWrapperClass={`primary-units-per-secondary-unit ${this.props.validUnitOfMeuser()? 'invalid-input' : ''}`}\r\n required={true} />\r\n\r\n { } : (e) => this.handleItemBasicChange('Description', e)}\r\n label={this.translate('Label_Secondary_UPC')}\r\n value={renderItems.ItemBasics.Description.SecondaryUnitUpc}\r\n extraWrapperClass={(isAllowDuplicatedUPC ? 'disabled-upc ' : '') + \"upc-input-wrapper secondary-upc-input-wrapper\"} />\r\n\r\n
\r\n )}\r\n {/* )} */}\r\n\r\n\r\n\r\n \r\n\r\n \r\n this.handleChange('PackagingUnit', e)}\r\n value={renderItems.UnitsOfMeasure.PackagingUnit.PackagingUom == null ? 0 : renderItems.UnitsOfMeasure.PackagingUnit.PackagingUom}\r\n options={this.props.sharedItemOptions.TypeOfUnitOptions}\r\n valueField='Name'\r\n textField='Name'\r\n extraWrapperClass=\"wms-dropdown-packaging-unit-uom-box\"\r\n parentClassName='form_group'\r\n blankFirstOption={true}\r\n blankFirstOptionText=\"Unspecified\" />\r\n\r\n this.handleChange('PackagingUnit', e)}\r\n value={renderItems.UnitsOfMeasure.PackagingUnit.InventoryUnitsPerUnit}\r\n extraWrapperClass={`wms-input-primary-box ${this.props.validInventoryUnitsPerUnit()? 'invalid-input' : ''}`}\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/} />\r\n\r\n { } : (e) => this.handleChange('PackagingUnit', e)}\r\n label={this.translate('Label_Packaging_UPC')}\r\n value={renderItems.UnitsOfMeasure.PackagingUnit.Upc}\r\n extraWrapperClass={(isAllowDuplicatedUPC ? 'disabled-upc ' : '') + \"upc-input-wrapper\"} />\r\n
\r\n \r\n
\r\n {renderStorageTemp && (\r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n this.props.onItemSelectFromCopy(this.state.selectItem.ItemRatesUri, [this.state.selectItem.ItemId])}\r\n disabled={this.state.selectItem == null}\r\n icon='fa-mouse-pointer' />\r\n
\r\n \r\n );\r\n }\r\n}","import React from 'react';\r\n\r\n//component\r\nimport { default as WmsButton } from '../components/WmsButton/WmsButton.jsx';\r\nimport { default as WmsGrid } from '../components/WmsGrid/WmsGrid.jsx';\r\nimport { default as WmsDropdown } from '../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsCollapse from '../components/WmsCollapse/WmsCollapse.jsx';\r\nimport { ObjectWms } from './../../../assets/ts/ObjectWms.ts';\r\nimport * as GridConfig from './grid_configuration.jsx';\r\n\r\n//services\r\nimport * as itemService from './items.services.jsx';\r\nimport * as GlobalService from '../global_services';\r\n\r\nexport class ItemsFormStorageHandlingCharges extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n selector: 'Item',\r\n columns:GridConfig.getStorageChargeGridColumns().columns,\r\n schema:GridConfig.getStorageChargeGridSchema().schema,\r\n numberOfSelection:0\r\n }\r\n }\r\n\r\n changeNumberOfSelection = () => {\r\n this.setState({\r\n numberOfSelection : 0\r\n });\r\n }\r\n\r\n onSelectRow = (kendogrid) =>{\r\n if (kendogrid.getKeys().length == 1) {\r\n this.props.onSetSlectedStorageChargeObj(kendogrid.getItem(kendogrid.getKeys()));\r\n }\r\n this.setState({\r\n numberOfSelection: kendogrid.getNumberOfSelections()\r\n });\r\n\r\n }\r\n editHandlingCharge = () => {\r\n this.props.onOpenEditStorageChargeModal();\r\n }\r\n clickEventOfContextMenu = (obj) => {\r\n if (obj.wmsid == 'editHandlingCharge') {\r\n this.props.onOpenEditStorageChargeModal();\r\n }\r\n }\r\n\r\n onGridDataBound = (e, kendoGrid) => {\r\n var grid = $(\"#StorageCharges\").data('kendoGrid');\r\n var gridData = grid.dataSource.view();\r\n for (var i = 0; i < gridData.length; i++) {\r\n if (!gridData[i].inventoryUnitsPerStorageUnit) {\r\n grid.table.find(\"tr[data-uid='\" + gridData[i].uid + \"']\").addClass(\"wms-disabled-row\");\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n\r\n \r\n \r\n
\r\n \r\n { }}\r\n maxLength={255}\r\n label={this.translate('Label_Warehouse_Text')} />\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n}","\r\nimport React from 'react';\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\nimport { ArrayWms } from '../../../assets/ts/ArrayWms.ts';\r\nimport { ObjectWms } from '../../../assets/ts/ObjectWms.ts';\r\n\r\n//component\r\nimport WmsButton from '../components/WmsButton/WmsButton.jsx';\r\nimport WmsConfirmModel from '../components/WmsConfirmModel/WmsConfirmModel.jsx';\r\nimport WmsScrollTo from '../components/WmsScrollTo/WmsScrollTo.jsx';\r\nimport { ItemsFormBasic } from './items-form-basic.component.jsx';\r\nimport { ItemsUofm } from './items-form-uofm.component.jsx';\r\nimport { ItemsAssembly } from \"./items-form-assembly.component.jsx\";\r\nimport { ItemsFormRecurringStorage } from \"./items-form-recurring-storage.component.jsx\";\r\nimport { ItemCopyRateModel } from './item-copy-rate-model.component.jsx';\r\nimport { ItemsFormStorageHandlingCharges } from \"./items-form-storage-handling-charges.component.jsx\";\r\nimport { ItemEditStorageChargeModel } from './item-edit-storage-charge-model.component.jsx';\r\nimport { ManageReceiptHolder } from \"../receipt/manageReceipt/manageReceipt-holder.component.jsx\";\r\n\r\n//services\r\nimport * as itemService from './items.services.jsx';\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport class ItemsForm extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n\r\n this.defaultItemObj = {\r\n \"CustomerId\": this.props.sharedCurrentCustomerObj.id,\r\n \"CustomerName\": this.props.sharedCurrentCustomerObj.name,\r\n \"ItemId\": 0,\r\n \"Sku\": \"\",\r\n \"Assembly\": {\r\n \"MaterialNotes\": \"\",\r\n \"Components\": []\r\n },\r\n \"ItemBasics\": {\r\n \"Description\": {\r\n \"ProductDescription\": \"\",\r\n \"SecondaryDescription\": \"\",\r\n \"Upc\": null,\r\n \"SellPrice\": null,\r\n \"ProductCost\": null,\r\n \"ClassificationId\": null\r\n },\r\n \"InventoryOptions\": {\r\n \"AllocationMethod\": 0,\r\n \"MinOnHand\": 0,\r\n \"MaxOnHand\": null,\r\n \"ReorderQuantity\": null,\r\n \"DaysBetweenCounts\": null,\r\n \"StorageTemperature\": null,\r\n \"CycleCountType\": \"\"\r\n },\r\n \"TrackingOptions\": {\r\n \"SerialTracking\": 0,\r\n \"LotTracking\": 0,\r\n \"ExpirationTracking\": 0,\r\n \"CostTracking\": 0\r\n },\r\n \"DirectedPutawayOptions\": {\r\n \"LocationZones\": [],\r\n \"MovableUnitLocationZones\": [],\r\n \"OverAllocLocationZones\": [],\r\n \"PreferredLocationId\": null,\r\n \"ForceIntoPreferredLocation\": false,\r\n \"AllowMixedItemStorage\": false,\r\n \"AllowMixedLotStorage\": false,\r\n \"MixedExpirationDaysThreshhold\": null\r\n },\r\n \"ShippingDocumentation\": {\r\n \"CountryOfOrigin\": \"\",\r\n \"HarmonizedTariffCode\": null,\r\n \"Nmfc\": null\r\n },\r\n \"HazardousSubstanceInformation\": {\r\n \"MaterialFlag\": \"\",\r\n \"Class\": null,\r\n \"ShippingName\": null,\r\n \"MaterialId\": null,\r\n \"LabelCode\": null,\r\n \"PackagingGroup\": null,\r\n \"Flashpoint\": null\r\n },\r\n \"ItemQualifiers\": []\r\n },\r\n \"UnitsOfMeasure\": {\r\n \"IsImperial\": true,\r\n \"InventoryUnitOfMeasure\": {\r\n \"PrimaryUnitTypeId\": 0,\r\n \"PrimaryUnitType\": \"\",\r\n \"UseSecondaryUnit\": false,\r\n \"SecondaryUnitTypeId\": null,\r\n \"SecondaryUnitType\": null,\r\n \"PrimaryUnitsPerSecondaryUnit\": null\r\n },\r\n \"PackagingUnit\": {\r\n \"PackagingUomId\": 0,\r\n \"PackagingUom\": \"\",\r\n \"LengthMetric\": null,\r\n \"WidthMetric\": null,\r\n \"HeightMetric\": null,\r\n \"WeightMetric\": null,\r\n \"NetWeightMetric\": null,\r\n \"InventoryUnitsPerUnit\": 0\r\n },\r\n \"MovableUnit\": {\r\n \"MovableUnitUomIndex\": '',\r\n \"MovableUnitUomId\": 0,\r\n \"MovableUnitUom\": \"\",\r\n \"Tie\": 0,\r\n \"High\": 0,\r\n \"LengthMetric\": null,\r\n \"WidthMetric\": null,\r\n \"HeightMetric\": null,\r\n \"WeightMetric\": null\r\n },\r\n \"HasMovableUnit\": true,\r\n \"HasPackagingUnit\": true\r\n },\r\n \"totalArea\": \"0.0000\",\r\n \"totalVolume\": \"0.0000\"\r\n }\r\n this.defaultStorageRateObj = {\r\n \"CountUnitId\": '1',\r\n \"InventoryUnitsPerUnit\": null,\r\n \"MinCharge\": null,\r\n \"MonthsToSkipMinCharge\": null\r\n };\r\n this.state = {\r\n showDiscard: false,\r\n saveLoader: false,\r\n Selector: 'Item',\r\n customLabels: GlobalService.getCustomLabels(),\r\n Rights: GlobalService.GetRights(),\r\n sharedItem: this.defaultItemObj,\r\n isItemFormsDirty: false,\r\n isRecurringSectionDirty: false,\r\n isStorageRateInitialise: false,\r\n isOpenCopyRateModal: false,\r\n isOpenStorageChargeModal: false,\r\n sharedCoutinngMechanismIndex: null,\r\n createItemKeyArr: [],\r\n sharedStorageRateResponse: this.defaultStorageRateObj,\r\n sharedStorageHandlingCharges: [],\r\n sharedEditItemOptions: {\r\n TypeOfUnitOptions: []\r\n },\r\n sharedSlectedStorageCharge: {},\r\n eachesPerCuft: 0,\r\n isSetEachesPerCuft: false,\r\n isUpcDuplicateModalShow: false,\r\n disableAssemblyTab: false,\r\n hideMaxAllocatePickLine: false,\r\n }\r\n }\r\n componentDidMount() {\r\n this.getItemData(this.props.sharedItemUri);\r\n }\r\n\r\n validUnitOfMeuser () {\r\n //If primary unit is not specified then consider it as an Integral Unit by Default\r\n var primaryUomOption = this.props.sharedItemOptions.TypeOfUnitOptions.find(item => item.Name === this.state.sharedItem.UnitsOfMeasure.InventoryUnitOfMeasure.PrimaryUnitType);\r\n var secondaryUomOption = this.props.sharedItemOptions.TypeOfUnitOptions.find(item => item.Name === this.state.sharedItem.UnitsOfMeasure.InventoryUnitOfMeasure.SecondaryUnitType);\r\n\r\n //Do not accept decimal values if secondary unit is not specified or if both primary/secondary unit are integral\r\n return secondaryUomOption && secondaryUomOption.Value.IsIntegral && !!(this.state.sharedItem.UnitsOfMeasure.InventoryUnitOfMeasure.PrimaryUnitsPerSecondaryUnit% 1) && ((!primaryUomOption || primaryUomOption.Value.IsIntegral))\r\n\r\n }\r\n validInventoryUnitsPerUnit () {\r\n //If primary unit is not specified then consider it as an Integral Unit by Default\r\n var primaryUomOption = this.props.sharedItemOptions.TypeOfUnitOptions.find(item => item.Name === this.state.sharedItem.UnitsOfMeasure.InventoryUnitOfMeasure.PrimaryUnitType);\r\n var packaginUomOption = this.props.sharedItemOptions.TypeOfUnitOptions.find(item => item.Name === this.state.sharedItem.UnitsOfMeasure.PackagingUnit.PackagingUom);\r\n\r\n //Do not accept decimal values if packaging unit is not specified or if both primary/packaging unit are integral\r\n return packaginUomOption && packaginUomOption.Value.IsIntegral && !!(this.state.sharedItem.UnitsOfMeasure.PackagingUnit.InventoryUnitsPerUnit% 1) && ((!primaryUomOption || primaryUomOption.Value.IsIntegral))\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (this.props.sharedItemUri != nextProps.sharedItemUri) {\r\n this.getItemData(nextProps.sharedItemUri);\r\n }\r\n\r\n if (\r\n nextProps.sharedItemRateUri &&\r\n nextProps.sharedItemRateUri != this.props.sharedItemRateUri && !nextProps.sharedMultiSkuEnableRecurring\r\n ) {\r\n this.initStorageRateSetup(nextProps.sharedItemRateUri);\r\n } else if (\r\n nextProps.sharedMultiSkuEnableRecurring &&\r\n nextProps.sharedMultiSkuEnableRecurring != this.props.sharedMultiSkuEnableRecurring\r\n ) {\r\n this.setState({\r\n sharedStorageRateResponse: this.defaultStorageRateObj,\r\n sharedCoutinngMechanismIndex: null,\r\n isItemFormsDirty: false\r\n });\r\n }\r\n }\r\n\r\n getItemData(param_edituri) {\r\n if (param_edituri == null) {\r\n this.setState({\r\n isSetEachesPerCuft: false\r\n })\r\n return;\r\n };\r\n let tmpHideMaxAllocatePickLine = true\r\n let facilityDictList = GlobalService.getFacilityDictList()\r\n if (this.props.sharedCurrentCustomerObj.facilities && this.props.sharedCurrentCustomerObj.facilities.length) {\r\n for (let i = 0; i < this.props.sharedCurrentCustomerObj.facilities.length; i++) {\r\n const facilityId = this.props.sharedCurrentCustomerObj.facilities[i];\r\n if (facilityDictList[facilityId].replenishment) {\r\n tmpHideMaxAllocatePickLine = false\r\n }\r\n }\r\n }\r\n this.setState({\r\n sharedItem: JSON.parse(JSON.stringify(this.defaultItemObj)),\r\n showDiscard: false,\r\n isItemFormsDirty: false,\r\n isRecurringSectionDirty: false,\r\n sharedStorageRateResponse: this.defaultStorageRateObj,\r\n sharedCoutinngMechanismIndex: null,\r\n isStorageRateInitialise: true,\r\n hideMaxAllocatePickLine: tmpHideMaxAllocatePickLine\r\n });\r\n\r\n if (param_edituri != '') {\r\n kendo.ui.progress($('#item_form_block'), true);\r\n itemService.getCreateEditItemsInitial(param_edituri).then((response) => {\r\n if (this.state.hideMaxAllocatePickLine) {\r\n response.data.Item.MaxAllocateFromPickline = null\r\n }\r\n this.setGlobalDefaults(response.data);\r\n this.setState({\r\n sharedEditItemOptions: response.data.Options\r\n });\r\n }).finally(() => {\r\n kendo.ui.progress($('#item_form_block'), false);\r\n });\r\n }\r\n }\r\n\r\n initStorageRateSetup = (param_itemrateuri) => {\r\n this.setState({ isStorageRateInitialise: false })\r\n itemService.storageRateSetup(param_itemrateuri).then((response) => {\r\n console.log(\"storageRateSetup response\", response)\r\n if (response.status == 200) {\r\n\r\n let recurringOptions = this.props.sharedRecurringOptions.optionCountingMechanism;\r\n let storageResponse = response.data.RecurringStorage ? response.data.RecurringStorage : {};\r\n let handlingChargeResponse = response.data.StorageHandlingCharges ? response.data.StorageHandlingCharges : [];\r\n handlingChargeResponse = this.addRowNumber(handlingChargeResponse);\r\n let coutingMechanismIndex = null;\r\n\r\n recurringOptions.filter((item, index) => {\r\n if (storageResponse.StorageCountScriptTemplateId == item.Id) {\r\n coutingMechanismIndex = index;\r\n }\r\n });\r\n if (storageResponse.InventoryUnitsPerUnit) {\r\n this.setState({\r\n isSetEachesPerCuft: true\r\n })\r\n }\r\n\r\n if (!storageResponse) {\r\n storageResponse = this.defaultStorageRateObj;\r\n } else if (storageResponse.CountUnitId == null) {\r\n storageResponse.CountUnitId = 1;\r\n }\r\n\r\n\r\n this.setState({\r\n sharedCoutinngMechanismIndex: coutingMechanismIndex,\r\n sharedStorageRateResponse: storageResponse,\r\n isStorageRateInitialise: true\r\n }, () => {\r\n // set time out for set storage charge gridData,so grid is intialise\r\n setTimeout(() => {\r\n this.setState({\r\n sharedStorageHandlingCharges: handlingChargeResponse\r\n });\r\n }, 500);\r\n });\r\n\r\n\r\n }\r\n\r\n }).finally(() => {\r\n });\r\n }\r\n addRowNumber = (param_data) => {\r\n var index = 0;\r\n for (var i = 0; i < param_data.length; i++) {\r\n var firstItem = param_data[i];\r\n index++;\r\n firstItem[\"RowNumber\"] = index;\r\n }\r\n return param_data;\r\n }\r\n\r\n onOpenCopyItemModal = () => {\r\n this.setState({ isOpenCopyRateModal: true });\r\n }\r\n\r\n onCloseCopyItemModal = () => {\r\n this.setState({ isOpenCopyRateModal: false });\r\n }\r\n\r\n onOpenEditStorageChargeModal = () => {\r\n this.setState({ isOpenStorageChargeModal: true });\r\n }\r\n\r\n onCloseEditStorageChargeModal = (reloadGrid) => {\r\n this.setState({ isOpenStorageChargeModal: false });\r\n }\r\n onStorageChargeGridDataChange = (gridData) => {\r\n gridData = this.addRowNumber(gridData);\r\n this.setState({\r\n isOpenStorageChargeModal: false,\r\n sharedStorageHandlingCharges: gridData\r\n });\r\n this.refs.storageHandlingCharges.changeNumberOfSelection();\r\n }\r\n\r\n onItemSelectFromCopy = (param_itemuri, param_itemkey_arr) => {\r\n this.setState({\r\n showDiscard: true,\r\n isRecurringSectionDirty: true\r\n }, () => {\r\n this.props.onLockSection('item-grid-section');\r\n });\r\n this.initStorageRateSetup(param_itemuri);\r\n this.onCloseCopyItemModal();\r\n }\r\n\r\n setGlobalDefaults = (responseData) => {\r\n var param_itemsData = responseData.Item;\r\n var param_itemsOptions = responseData.Options;\r\n const ImperialArr = ['Height', 'Length', 'Weight', 'Width'];\r\n const imeperialText = param_itemsData.UnitsOfMeasure.IsImperial == true ? 'Imperial' : 'Metric';\r\n\r\n ImperialArr.forEach(element => {\r\n param_itemsData['movable' + element] = parseInt(param_itemsData.UnitsOfMeasure.MovableUnit[element + imeperialText]);\r\n param_itemsData['packaging' + element] = parseInt(param_itemsData.UnitsOfMeasure.PackagingUnit[element + imeperialText]);\r\n });\r\n param_itemsData['packagingNetWeight'] = param_itemsData.UnitsOfMeasure.PackagingUnit['NetWeightImperial'];\r\n\r\n\r\n if (param_itemsData.ItemBasics == null) {\r\n param_itemsData.ItemBasics = {\r\n Description: {},\r\n InventoryOptions: {},\r\n TrackingOptions: {},\r\n DirectedPutawayOptions: {\r\n MovableUnitLocationZones: [],\r\n LocationZones: [],\r\n OverAllocLocationZones: [],\r\n },\r\n ShippingDocumentation: {},\r\n HazardousSubstanceInformation: {},\r\n ItemQualifiers: []\r\n };\r\n }\r\n\r\n // Convert String in to Grid dataSource array\r\n let itemDirectPutAwayObj = param_itemsData.ItemBasics.DirectedPutawayOptions;\r\n\r\n itemDirectPutAwayObj.MovableUnitLocationZones = ArrayWms.convertStringToArray(itemDirectPutAwayObj.MovableUnitLocationZones, 'Name');\r\n itemDirectPutAwayObj.LocationZones = ArrayWms.convertStringToArray(itemDirectPutAwayObj.LocationZones, 'Name');\r\n itemDirectPutAwayObj.OverAllocLocationZones = ArrayWms.convertStringToArray(itemDirectPutAwayObj.OverAllocLocationZones, 'Name');\r\n param_itemsData.ItemBasics.ItemQualifiers = this.arrayToGridDatasourceArray(param_itemsData.ItemBasics.ItemQualifiers);\r\n\r\n param_itemsData.ItemBasics.DirectedPutawayOptions = itemDirectPutAwayObj\r\n\r\n // set index of MovableUnitUom from MovableUnitOptions\r\n let moveUnitIndex = \"\";\r\n if (param_itemsData.UnitsOfMeasure.MovableUnit.MovableUnitUom != null) {\r\n moveUnitIndex = ObjectWms.FindIndexByProperty(this.props.sharedItemOptions.MovableUnitOptions, \"Name\", param_itemsData.UnitsOfMeasure.MovableUnit.MovableUnitUom);\r\n }\r\n param_itemsData.UnitsOfMeasure.MovableUnit.MovableUnitUomIndex = moveUnitIndex;\r\n\r\n let addRowNumberData = this.addRowNumber(param_itemsData.Assembly.Components);\r\n param_itemsData.Assembly.Components = addRowNumberData;\r\n var currNmfc = param_itemsData.ItemBasics.ShippingDocumentation.Nmfc;\r\n if (currNmfc) {\r\n var nmfcData = param_itemsOptions.NmfcOptions.find((element) => {\r\n if (element.NMFC.trim() == currNmfc.trim()) {\r\n return element;\r\n }\r\n });\r\n param_itemsData.ItemBasics.ShippingDocumentation.Nmfc = nmfcData.NMFC;\r\n param_itemsData.ItemBasics.ShippingDocumentation.NMFCClass = nmfcData.Class;\r\n param_itemsData.ItemBasics.ShippingDocumentation.NMFCDescription = nmfcData.CommodityDescription;\r\n }\r\n this.setState({\r\n sharedItem: param_itemsData,\r\n showDiscard: false\r\n });\r\n }\r\n\r\n addRowNumber = (param_data) => {\r\n var index = 0;\r\n for (var i = 0; i < param_data.length; i++) {\r\n var firstItem = param_data[i];\r\n index++;\r\n firstItem[\"RowNumber\"] = index;\r\n }\r\n return param_data;\r\n }\r\n\r\n arrayToGridDatasourceArray(data) {\r\n let arrayOfarray = [];\r\n if (data != null && data.length > 0) {\r\n while (data.length) {\r\n let obj = data.splice(0, 1);\r\n if (obj[0]) {\r\n arrayOfarray.push({ 'Name': obj[0] });\r\n }\r\n };\r\n }\r\n return arrayOfarray;\r\n }\r\n\r\n onItemDataset = (param_itemObj, param_reset_discard) => {\r\n\r\n let isDiscardShow = true;\r\n //Hack to rest discard flag for edit item after TotalValoume and totalArea calculation done\r\n if (param_reset_discard) {\r\n isDiscardShow = false\r\n }\r\n this.setState({\r\n showDiscard: isDiscardShow,\r\n isItemFormsDirty: isDiscardShow,\r\n sharedItem: Object.assign(\r\n {},\r\n this.state.sharedItem,\r\n param_itemObj\r\n ),\r\n disableAssemblyTab: param_itemObj.ItemBasics.ItemQualifiers.length > 0,\r\n }, () => {\r\n let hideSection = (isDiscardShow) ? 'item-grid-section' : '';\r\n this.props.onLockSection(hideSection);\r\n });\r\n }\r\n\r\n onRecurringStorageDataset = (param_obj) => {\r\n this.setState({\r\n showDiscard: true,\r\n isRecurringSectionDirty: true,\r\n sharedStorageRateResponse: param_obj\r\n }, () => {\r\n this.props.onLockSection('item-grid-section');\r\n });\r\n }\r\n onInitialStorageChargeGridData = (param_obj) => {\r\n this.setState({ sharedStorageRateResponse: param_obj });\r\n }\r\n\r\n onCountingMechnismChange = (e) => {\r\n let tpmtemplateId = null;\r\n if (e.target.value) {\r\n tpmtemplateId = this.props.sharedRecurringOptions.optionCountingMechanism[e.target.value].Id;\r\n }\r\n this.setState({\r\n showDiscard: true,\r\n isRecurringSectionDirty: true,\r\n sharedCoutinngMechanismIndex: e.target.value,\r\n sharedStorageRateResponse: Object.assign(\r\n {},\r\n this.state.sharedStorageRateResponse,\r\n {\r\n StorageCountScriptTemplateId: tpmtemplateId\r\n }\r\n )\r\n }, () => {\r\n this.props.onLockSection('item-grid-section');\r\n });\r\n }\r\n\r\n onClickSave = () => {\r\n // if condition details\r\n // (this.props.sharedItemUri == '') - For Create item and\r\n // (!this.props.sharedMultiSkuEnableRecurring) - check recurring storage sectiom is not open for multiple item\r\n if (this.props.sharedItemUri == '' && !this.props.sharedMultiSkuEnableRecurring\r\n ) {\r\n this.saveItem();\r\n }\r\n\r\n // else if condition details\r\n // (this.props.sharedItemUri != '') - For Edit item and\r\n // (this.state.isItemFormsDirty) - check if item object update\r\n else if (this.props.sharedItemUri != '' && this.state.isItemFormsDirty) {\r\n this.saveItem();\r\n }\r\n\r\n // if condition details\r\n // this.props.sharedItemUri != '' - check for not create item call, if it's create item then reccuring storage call after create item response\r\n // (this.props.sharedItemRateUri != null || this.props.sharedMultiSkuEnableRecurring) - check if itemRateUri set or multiple item select for recurring storage\r\n // (!this.props.isRecurringSectionDirty) - check recurring object update\r\n if (this.props.sharedItemUri != '' &&\r\n (this.props.sharedItemRateUri != null || this.props.sharedMultiSkuEnableRecurring\r\n ) && this.state.isRecurringSectionDirty\r\n ) {\r\n this.saveRecurringStorage();\r\n\r\n }\r\n\r\n }\r\n saveItem = (isFrom) => {\r\n this.setState({ saveLoader: true });\r\n\r\n let itemsObj = JSON.parse(JSON.stringify(this.state.sharedItem));\r\n //set movableunit name and remove index propert from item object\r\n if (itemsObj.UnitsOfMeasure.MovableUnit.MovableUnitUomIndex === '') {\r\n itemsObj.UnitsOfMeasure.MovableUnit.MovableUnitUom = null;\r\n } else {\r\n itemsObj.UnitsOfMeasure.MovableUnit.MovableUnitUom = this.props.sharedItemOptions.MovableUnitOptions[itemsObj.UnitsOfMeasure.MovableUnit.MovableUnitUomIndex].Name;\r\n }\r\n delete itemsObj.UnitsOfMeasure.MovableUnit.MovableUnitUomIndex;\r\n\r\n //convert grid data to string\r\n itemsObj.ItemBasics.DirectedPutawayOptions.MovableUnitLocationZones = StringWms.convertArrayOptionToString(itemsObj.ItemBasics.DirectedPutawayOptions.MovableUnitLocationZones);\r\n\r\n itemsObj.ItemBasics.DirectedPutawayOptions.LocationZones = StringWms.convertArrayOptionToString(itemsObj.ItemBasics.DirectedPutawayOptions.LocationZones);\r\n\r\n itemsObj.ItemBasics.DirectedPutawayOptions.OverAllocLocationZones = StringWms.convertArrayOptionToString(itemsObj.ItemBasics.DirectedPutawayOptions.OverAllocLocationZones);\r\n\r\n itemsObj.ItemBasics.ItemQualifiers = this.convertKeyPairArrayToSimpleArray(itemsObj.ItemBasics.ItemQualifiers);\r\n\r\n itemsObj.UnitsOfMeasure.PackagingUnit.InventoryUnitsPerUnit = parseFloat(itemsObj.UnitsOfMeasure.PackagingUnit.InventoryUnitsPerUnit);\r\n\r\n // WMS-17729 Changing value of CycleCountType from Unclassified to \"\" due to DB only holds 1 character.\r\n if (itemsObj.ItemBasics.InventoryOptions.CycleCountType == \"Unclassified\") {\r\n itemsObj.ItemBasics.InventoryOptions.CycleCountType = \"\";\r\n }\r\n\r\n if (itemsObj.UnitsOfMeasure.InventoryUnitOfMeasure.PrimaryUnitsPerSecondaryUnit == 0) {\r\n itemsObj.UnitsOfMeasure.InventoryUnitOfMeasure.SecondaryUnitType = null;\r\n }\r\n\r\n itemsObj.UnitsOfMeasure.HasMovableUnit = true;\r\n itemsObj.UnitsOfMeasure.HasPackagingUnit = true;\r\n\r\n if (itemsObj.Assembly.Components.length == 0) {\r\n itemsObj.Assembly = null;\r\n }\r\n\r\n // check if \"Use secondary UOM\" checkbox is not check then set default value of \"Secondary UOM\",\"Primary quantity\" and \"Secondary quantity\"\r\n // if (itemsObj.UnitsOfMeasure.InventoryUnitOfMeasure.UseSecondaryUnit == false) {\r\n // itemsObj.UnitsOfMeasure.InventoryUnitOfMeasure.SecondaryUnitType = null;\r\n // itemsObj.UnitsOfMeasure.InventoryUnitOfMeasure.PrimaryUnit = 0;\r\n // itemsObj.UnitsOfMeasure.InventoryUnitOfMeasure.SecondaryUnit = 0;\r\n // }\r\n var ignoreDuplicateUpc = false;\r\n if (isFrom == \"ignoreDuplicate\") {\r\n ignoreDuplicateUpc = true;\r\n }\r\n if (\r\n this.props.sharedCurrentCustomerObj &&\r\n this.props.sharedCurrentCustomerObj.options &&\r\n this.props.sharedCurrentCustomerObj.options.allowDuplicateUPCs\r\n ) {\r\n ignoreDuplicateUpc = true;\r\n }\r\n if (this.props.sharedItemUri == '') {\r\n itemService.saveNewItems(itemsObj, this.props.sharedCurrentCustomerObj.id, ignoreDuplicateUpc).then((response) => {\r\n this.setState({ saveLoader: false });\r\n if (typeof response != 'undefined') {\r\n\r\n if (this.state.isRecurringSectionDirty) {\r\n this.setState({\r\n createItemKeyArr: [response.ItemId]\r\n }, () => {\r\n this.saveRecurringStorage('createItemBaseCall');\r\n });\r\n } else {\r\n GlobalService.notification('success', this.translate('Label_Item_Create'));\r\n this.props.onReloadGrid('reloadItemGrid');\r\n this.onClickExitItemForm();\r\n }\r\n //set focus on edit receipt after save item\r\n if (this.props.receiptObj) {\r\n this.openManageReceiptWindow();\r\n }\r\n }\r\n\r\n\r\n }).catch((error) => {\r\n if (error.response\r\n && error.response.data\r\n && error.response.data.Descriptions\r\n && error.response.data.Descriptions.length > 0\r\n && error.response.data.Descriptions[0].Descriptors.join(\",\").indexOf('ItemSummaryList.i=WMS.V2.Customer.Models.ItemSummaryList') >= 0\r\n && error.response.data.Descriptions[0]['ErrorCode'] == \"Duplicate\"\r\n && error.response.data.Descriptions[0]['Hint'] == \"Duplicate Upc\") {\r\n this.setState({\r\n isUpcDuplicateModalShow: true\r\n });\r\n }\r\n }).finally(() => {\r\n this.setState({ saveLoader: false });\r\n });\r\n\r\n } else {\r\n\r\n itemService.updateExistingItems(itemsObj, this.props.sharedItemUri, ignoreDuplicateUpc).then((response) => {\r\n this.setState({ saveLoader: false });\r\n if (typeof response != 'undefined') {\r\n\r\n GlobalService.notification('success', this.translate('Label_Item_Update'));\r\n this.props.onReloadGrid('reloadItemGrid');\r\n this.onClickExitItemForm();\r\n\r\n //set focus on edit receipt after save item\r\n if (this.props.receiptObj) {\r\n this.openManageReceiptWindow();\r\n }\r\n }\r\n\r\n }).catch((error) => {\r\n if (error.response\r\n && error.response.data\r\n && error.response.data.Descriptions\r\n && error.response.data.Descriptions.length > 0\r\n && error.response.data.Descriptions[0].Descriptors.join(\",\").indexOf('ItemSummaryList.i=WMS.V2.Customer.Models.ItemSummaryList') >= 0\r\n && error.response.data.Descriptions[0]['ErrorCode'] == \"Duplicate\"\r\n && error.response.data.Descriptions[0]['Hint'] == \"Duplicate Upc\") {\r\n this.setState({\r\n isUpcDuplicateModalShow: true\r\n });\r\n }\r\n }).finally(() => {\r\n this.setState({ saveLoader: false });\r\n });\r\n }\r\n }\r\n saveRecurringStorage = (param_basecall) => {\r\n this.setState({ saveLoader: true });\r\n let param_payload = {};\r\n param_payload['StorageRateSetup'] = Object.assign({}, this.state.sharedStorageRateResponse);\r\n param_payload['StorageChargeGridRows'] = param_payload.StorageRateSetup.StorageChargeGridRows;\r\n delete param_payload.StorageRateSetup.Rates;\r\n delete param_payload.StorageRateSetup.StorageChargeGridRows;\r\n param_payload['CustomerId'] = this.props.sharedCurrentCustomerObj.id;\r\n\r\n //set null value if storage uom and mincharge flg false\r\n\r\n let countScriptArr = this.props.sharedRecurringOptions.StorageCountScriptsArr;\r\n let storageTempObj = countScriptArr[this.state.sharedCoutinngMechanismIndex];\r\n\r\n if (storageTempObj && !storageTempObj.IsLegacyStorageUomScript) {\r\n param_payload.StorageRateSetup.CountUnitId = null;\r\n param_payload.StorageRateSetup.InventoryUnitsPerUnit = null;\r\n }\r\n if (storageTempObj && !storageTempObj.IsMinCharge) {\r\n param_payload.StorageRateSetup.MinCharge = null;\r\n param_payload.StorageRateSetup.MonthsToSkipMinCharge = null;\r\n }\r\n if (!storageTempObj) {\r\n param_payload.StorageRateSetup.CountUnitId = null;\r\n param_payload.StorageRateSetup.InventoryUnitsPerUnit = null;\r\n param_payload.StorageRateSetup.MinCharge = null;\r\n param_payload.StorageRateSetup.MonthsToSkipMinCharge = null;\r\n }\r\n\r\n\r\n let itemIdsArr = this.state.createItemKeyArr;\r\n if (itemIdsArr.length == 0) {\r\n itemIdsArr = this.props.sharedSelectedItemIdsArr;\r\n }\r\n param_payload['ItemIds'] = itemIdsArr;\r\n\r\n itemService.storageRatesGroup(param_payload).then((response) => {\r\n\r\n if (typeof response != 'undefined') {\r\n\r\n let tmpMessage = this.translate('Label_Item_Update');\r\n if (param_basecall) {\r\n this.translate('Label_Item_Create');\r\n this.setState({ createItemKeyArr: [] });\r\n }\r\n GlobalService.notification('success', tmpMessage);\r\n this.props.onReloadGrid('reloadItemGrid');\r\n\r\n this.onClickExitItemForm();\r\n\r\n }\r\n\r\n }).finally(() => {\r\n this.setState({ saveLoader: false });\r\n });\r\n }\r\n openManageReceiptWindow = () => {\r\n this.$rootScope.OpenWindow({\r\n url: '\r\n
\r\n \r\n
\r\n )\r\n }\r\n}","\r\nimport React from 'react';\r\n\r\n// component\r\nimport { ItemsGrid } from './items-grid.component.jsx';\r\nimport { ItemsForm } from './items-form.component.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\n\r\n// services\r\nimport * as itemService from './items.services.jsx';\r\nimport * as itemMeta from './meta-data.service.js';\r\n\r\nimport style from './items.scss';\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport class ItemsHolder extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n customerOption: [],\r\n sharedSelectedItemIdsArr: [],\r\n selectedCustomerIndex: \"\",\r\n sharedCurrentCustomerObj: {},\r\n sharedItemOptions: {\r\n EnumContains: [],\r\n BooleanOperatorOptions: []\r\n },\r\n sharedItemsFilterData: {},\r\n sharedRecurringOptions: {},\r\n sharedItemUri: null,\r\n sharedItemRateUri: null,\r\n sharedMultiSkuEnableRecurring: false,\r\n reloadGrid: '',\r\n receiptObj: '',\r\n lockedSection: 'item-form-tab-section',\r\n sharedDefaultStorageHandlingCharges: []\r\n\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n var that = this;\r\n // open create location form from edit receipt > add line item\r\n document.addEventListener(\"showItem\", this.onOpenItemFromReceipt);\r\n kendo.ui.progress($('#' + this.state.windowId), true);\r\n itemService.getitemsInitial().then((response) => {\r\n\r\n this.setState({\r\n sharedItemOptions: response.data.Options,\r\n sharedItemsFilterData: response.searchInfo.data.Data,\r\n customerOption: response.customerList,\r\n sharedRecurringOptions: response.recurringStorageResponse\r\n });\r\n\r\n if (this.$rootScope.ChildBulletin.Data.receiptObj) {\r\n var customerObj = this.getCustomerById(this.$rootScope.ChildBulletin.Data.receiptObj.CustomerId);\r\n this.setState({\r\n sharedCurrentCustomerObj: customerObj,\r\n selectedCustomerIndex: this.$rootScope.ChildBulletin.Data.receiptObj.CustomerId,\r\n receiptObj: this.$rootScope.ChildBulletin.Data.receiptObj\r\n });\r\n this.onCreatItem();\r\n } else {\r\n var customerId = itemMeta.getCustomerIdFilterMetaData();\r\n if (customerId) {\r\n var customerObj = this.getCustomerById(customerId);\r\n if (customerObj) {\r\n this.setState({\r\n sharedCurrentCustomerObj: customerObj,\r\n selectedCustomerIndex: customerId\r\n });\r\n itemService.getDefaultStorageHandlingCharges(customerId).then((response) => {\r\n if (response && response.status == 200) {\r\n this.setState({\r\n sharedDefaultStorageHandlingCharges: response.data\r\n })\r\n }\r\n }).finally(() => {\r\n });\r\n }\r\n }\r\n }\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#' + this.state.windowId), false);\r\n });\r\n $('#items-holder-react').closest('.k-window-content').css(\"padding\", \"0\");\r\n document.addEventListener(\"customerFacilityOptionsUpdate\", this.updateCustomerOptions);\r\n }\r\n updateCustomerOptions = () => {\r\n if (this.state.selectedCustomerIndex) {\r\n var customerOptions = GlobalService.getCustomerList(false);\r\n var customerObj = GlobalService.getCustomerById(this.state.selectedCustomerIndex);\r\n if (customerObj) {\r\n this.setState({\r\n customerOption: customerOptions,\r\n sharedCurrentCustomerObj: customerObj\r\n });\r\n } else {\r\n this.resetFilter();\r\n }\r\n }\r\n }\r\n\r\n onOpenItemFromReceipt = (e) => {\r\n var customerObj = this.getCustomerById(e.detail.receiptObj.CustomerId);\r\n this.setState({\r\n sharedCurrentCustomerObj: customerObj,\r\n selectedCustomerIndex: e.detail.receiptObj.CustomerId,\r\n receiptObj: e.detail.receiptObj\r\n });\r\n this.onCreatItem();\r\n }\r\n componentWillUnmount() {\r\n document.removeEventListener(\"showItem\", this.onOpenItemFromReceipt);\r\n $('#items-holder-react').closest('.k-window-content').css(\"padding\", \"26\");\r\n document.removeEventListener(\"customerFacilityOptionsUpdate\", this.updateCustomerOptions);\r\n }\r\n handleCustomerSelectChange = (event) => {\r\n this.$rootScope.setLoaderTimer('Manage Items');\r\n var customerObj = this.getCustomerById(event.target.value);\r\n this.setState({\r\n sharedCurrentCustomerObj: customerObj,\r\n selectedCustomerIndex: event.target.value,\r\n sharedItemUri: null\r\n });\r\n itemMeta.setCustomerIdFilterMetaData(event.target.value);\r\n if (event.target.value) {\r\n itemService.getDefaultStorageHandlingCharges(event.target.value).then((response) => {\r\n if (response && response.status == 200) {\r\n console.log(\"DefaultStorageHandlingCharges response\", response);\r\n this.setState({\r\n sharedDefaultStorageHandlingCharges: response.data\r\n })\r\n }\r\n }).finally(() => {\r\n });\r\n }\r\n }\r\n\r\n getCustomerById(id) {\r\n return this.state.customerOption.find((element) => {\r\n if (element.id == id) {\r\n return element;\r\n }\r\n });\r\n }\r\n\r\n onCreatItem = () => {\r\n this.setState({\r\n sharedItemUri: '',\r\n sharedItemRateUri: '',\r\n lockedSection: '',\r\n sharedMultiSkuEnableRecurring: false\r\n }, () => {\r\n //Hack click on item basics tab to activate tab and shaw tab content\r\n $('#ItemBasicsTab').find('label').trigger('click');\r\n });\r\n }\r\n\r\n onEditItem = (param_itemuri, param_itemrateuri, param_itemarr) => {\r\n this.setState({\r\n sharedItemUri: param_itemuri,\r\n sharedItemRateUri: param_itemrateuri,\r\n lockedSection: '',\r\n sharedMultiSkuEnableRecurring: false,\r\n sharedSelectedItemIdsArr: param_itemarr\r\n }, () => {\r\n //Hack click on item basics tab to activate tab and shaw tab content\r\n $('#ItemBasicsTab').find('label').trigger('click');\r\n });\r\n }\r\n // enable recurring storage on multiple item select\r\n onEnableReccurringStorageOnly = (param_itemarr) => {\r\n this.setState({\r\n sharedMultiSkuEnableRecurring: true,\r\n sharedItemUri: null,\r\n sharedItemRateUri: null,\r\n lockedSection: '',\r\n sharedSelectedItemIdsArr: param_itemarr\r\n }, () => {\r\n //Hack click on recurring storage tab to activate tab and shaw tab content\r\n $('#recurringStorageTab').find('label').trigger('click');\r\n });\r\n }\r\n\r\n\r\n onExitItemForm = () => {\r\n this.setState({\r\n sharedItemUri: null,\r\n sharedItemRateUri: null,\r\n sharedMultiSkuEnableRecurring: false,\r\n reloadGrid: '',\r\n lockedSection: 'item-form-tab-section'\r\n });\r\n }\r\n\r\n onReloadGrid = (basecall) => {\r\n this.setState({ reloadGrid: basecall });\r\n }\r\n\r\n onLockSection = (param_section) => {\r\n this.setState({ lockedSection: param_section })\r\n }\r\n\r\n resetFilter = () => {\r\n this.setState({\r\n selectedCustomerIndex: '',\r\n sharedCurrentCustomerObj: {},\r\n });\r\n itemMeta.clearItemFilterMetaData();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n - \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
\r\n
\r\n \r\n {this.props.sharedItemUri != null && (\r\n
\r\n \r\n
\r\n )}\r\n\r\n \r\n {this.state.Rights.hasOwnProperty('customer.items.rates') && (this.state.isStorageRateInitialise || this.props.sharedMultiSkuEnableRecurring)\r\n && (\r\n
\r\n \r\n {this.state.Rights.hasOwnProperty('customer.items.rates') && this.props.sharedItemUri != null && (\r\n
\r\n\r\n {this.state.isOpenCopyRateModal == true ? (\r\n \r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\nvar axios = require('axios');\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport const initialFindLocations = function () {\r\n\r\n return axios.all([\r\n axios.get('/WebUI/Facilities/ManageLocations/Options'),\r\n axios.get('/WebUI/Facilities/ManageLocations/SearchInfo'),\r\n GlobalService.GetCustomersAndFacility()\r\n ]).then(axios.spread(function (ManageLocationsOptions, ManageLocationsSearchInfo, GetCustomerFacilityList) {\r\n\r\n return {\r\n ManageLocationsOptions: ManageLocationsOptions.data,\r\n ManageLocationsSearchInfo: ManageLocationsSearchInfo.data.Data,\r\n GetCustomerFacilityList: GlobalService.getFacilityList()\r\n };\r\n }));\r\n}\r\n\r\nexport const getLocationEditData = function (editUri) {\r\n\r\n return axios.get('/WebUI/Facilities/ManageLocations/Location?EditUri=' + editUri).then(function (response) {\r\n return response\r\n });\r\n\r\n}\r\n\r\nexport const saveNewLocation = function (locationData) {\r\n\r\n return axios.post('/WebUI/Facilities/ManageLocations/Location', locationData).then(function (response) {\r\n return response\r\n });\r\n\r\n}\r\n\r\nexport const updateLocation = function (locationData) {\r\n\r\n return axios.put('/WebUI/Facilities/ManageLocations/Location', locationData).then(function (response) {\r\n return response\r\n });\r\n\r\n}\r\n\r\nexport const updateLocationActivation = function (locationIds, mybool, facilityId) {\r\n\r\n return axios.put(\"/WebUI/Facilities/ManageLocations/Activate\", {\r\n locationIds: locationIds,\r\n activate: mybool,\r\n facilityId: facilityId\r\n }).then(function (response) {\r\n return response\r\n });\r\n\r\n}\r\n\r\nexport const deleteLocation = function (locationIds) {\r\n\r\n return axios.delete(\"/WebUI/Facilities/ManageLocations/Location\", {\r\n data: {locationIds: locationIds}\r\n }).then(function (response) {\r\n return response\r\n });\r\n\r\n}\r\n","import React from 'react';\r\n\r\nexport const getGridDemoColumns = (FindLocation_GridHeaders) => {\r\n \r\n var translate = window.translate;\r\n return ({\r\n\r\n columns: [{\r\n field: \"Name\",\r\n title: FindLocation_GridHeaders[0].description,\r\n width: 120,\r\n wmsid: 1,\r\n filterable: true\r\n },\r\n {\r\n field: \"Active\",\r\n title: FindLocation_GridHeaders[1].description,\r\n width: 120,\r\n wmsid: 2,\r\n filterable: false,\r\n template: \"#= Active == true ? '\" + translate('Label_Active') + \"' : '\" + translate('Label_Inactive') + \"' #\",\r\n },\r\n {\r\n field: \"TypeDescription\",\r\n title: FindLocation_GridHeaders[2].description,\r\n width: 120,\r\n wmsid: 3,\r\n filterable: true,\r\n sortable: true,\r\n },\r\n {\r\n field: \"Description\",\r\n title: FindLocation_GridHeaders[3].description,\r\n width: 120,\r\n wmsid: 4,\r\n filterable: true,\r\n },\r\n {\r\n field: \"Height\",\r\n title: FindLocation_GridHeaders[4].description,\r\n width: 120,\r\n wmsid: 5,\r\n hidden: true,\r\n filterable: false,\r\n sortable: false,\r\n },\r\n {\r\n field: \"Width\",\r\n title: FindLocation_GridHeaders[5].description,\r\n width: 120,\r\n wmsid: 6,\r\n hidden: true,\r\n filterable: false,\r\n sortable: false,\r\n },\r\n {\r\n field: \"Length\",\r\n title: FindLocation_GridHeaders[6].description,\r\n width: 120,\r\n wmsid: 7,\r\n hidden: true,\r\n filterable: false,\r\n sortable: false,\r\n },\r\n {\r\n field: \"WeightAllowed\",\r\n title: FindLocation_GridHeaders[7].description,\r\n width: 120,\r\n wmsid: 8,\r\n hidden: true\r\n },\r\n {\r\n field: \"TemperatureMinimum\",\r\n title: FindLocation_GridHeaders[8].description,\r\n width: 120,\r\n wmsid: 9,\r\n hidden: true\r\n },\r\n {\r\n field: \"QuantityMinimum\",\r\n title: FindLocation_GridHeaders[9].description,\r\n width: 120,\r\n wmsid: 10,\r\n hidden: true,\r\n filterable: false,\r\n sortable: false,\r\n },\r\n {\r\n field: \"AllocationPriority\",\r\n title: FindLocation_GridHeaders[10].description,\r\n width: 120,\r\n wmsid: 11,\r\n hidden: true\r\n },\r\n {\r\n field: \"BillingTypeId\",\r\n title: FindLocation_GridHeaders[11].description,\r\n width: 120,\r\n wmsid: 12,\r\n hidden: true\r\n }]\r\n })\r\n}\r\n\r\n\r\nexport const getGridDemoSchema = () =>{\r\n return({\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n model: {\r\n id: \"LocationId\",\r\n fields: {\r\n LocationId: {\r\n type: \"number\"\r\n },\r\n Name: {\r\n type: \"string\"\r\n },\r\n Active: {\r\n type: \"boolean\"\r\n },\r\n TypeId: {\r\n type: \"string\"\r\n },\r\n TypeDescription: {\r\n type: \"string\"\r\n },\r\n Description: {\r\n type: \"string\"\r\n },\r\n Height: {\r\n type: \"number\"\r\n },\r\n Width: {\r\n type: \"number\"\r\n },\r\n Length: {\r\n type: \"number\"\r\n },\r\n WeightAllowed: {\r\n type: \"number\"\r\n },\r\n TemperatureMinimum: {\r\n type: \"number\"\r\n },\r\n QuantityMinimum: {\r\n type: \"number\"\r\n },\r\n AllocationPriority: {\r\n type: \"number\"\r\n },\r\n BillingTypeId: {\r\n type: \"number\"\r\n }\r\n }\r\n }\r\n }\r\n })\r\n}\r\n\r\nexport const getGridDemoTransport = (warehouseIndex) =>{\r\n return ({\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Facilities/ManageLocations/LocationsGridRead\",\r\n type: \"POST\",\r\n data: {\r\n facilityId: warehouseIndex,\r\n customParamsInShiftSelection:true\r\n },\r\n dataType: 'json'\r\n },\r\n destroy: {\r\n url: \"/WebUI/Facilities/ManageLocations/LocationsGridRead\",\r\n type: \"POST\",\r\n data: {\r\n facilityId: warehouseIndex\r\n },\r\n dataType: \"JSON\"\r\n },\r\n\r\n parameterMap: function (options, operation) {\r\n if (operation !== \"read\" && options.models) {\r\n return {\r\n models: JSON.stringify(options.models)\r\n };\r\n }\r\n },\r\n }\r\n })\r\n}","\r\nimport React from 'react';\r\n//component\r\nimport WmsButton from './../components/WmsButton/WmsButton.jsx';\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\nimport WmsInput from './../components/WmsInput/WmsInput.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsGrid from './../components/WmsGrid/WmsGrid.jsx';\r\nimport WmsCollapse from './../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsModel from './../components/WmsModel/WmsModel.jsx';\r\n\r\nimport * as locationService from './locations.services.jsx';\r\nimport * as GlobalService from './../global_services';\r\n\r\nimport style from './locations.scss';\r\n\r\nimport * as GridConfig from './grid_configuration.jsx';\r\n\r\nexport class LocationsGrid extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n let LocationJob_GridHeaders = StringWms.convertSringToOption(this.translate('FindLocations_GrideHeaders'));\r\n\r\n this.state = {\r\n customLabels: GlobalService.getCustomLabels(),\r\n columns: GridConfig.getGridDemoColumns(LocationJob_GridHeaders).columns,\r\n schema: GridConfig.getGridDemoSchema().schema,\r\n transport: GridConfig.getGridDemoTransport(this.props.selectedFacilityId).transport,\r\n locationsEditUri: null,\r\n localKendoGrid: null,\r\n searchOn: false,\r\n enableActive: false,\r\n enableDeactive: false,\r\n enableDelete: false,\r\n enableEditButton: false,\r\n Selector: 'Location',\r\n optionConatins: StringWms.convertSringToOption(this.translate('Options_SearchBy_StringOptions')),\r\n booleanOption: StringWms.convertSringToOption(this.translate('Options_SearchBy_Status')),\r\n filterObject: [],\r\n deActiveMessage:'',\r\n filter: {\r\n IndexOptionLocationName: 0,\r\n LocationName: \"\",\r\n IndexOptionsIsActive: 0\r\n },\r\n isOpenDeleteConfirmModel:false\r\n }\r\n\r\n this.gridSearch = GlobalService.debounce(this.gridSearch, 700);\r\n }\r\n\r\n componentDidMount() {\r\n\r\n if (this.props.sharedLocationFilterData != null) {\r\n this.setState({\r\n filter: this.props.sharedLocationFilterData,\r\n searchOn: true\r\n });\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n\r\n if (nextProps.selectedFacilityId != this.props.selectedFacilityId) {\r\n let obj = this.state.transport;\r\n obj.read.data.facilityId = nextProps.selectedFacilityId;\r\n this.setState({ transport: obj });\r\n }\r\n\r\n if (nextProps.reloadGrid == 'reloadLocationGrid') {\r\n $('#findLocationGrid').data('kendoGrid').dataSource.read();\r\n if (this.state.localKendoGrid != null) {\r\n this.state.localKendoGrid.clearSelections(() => {\r\n this.state.localKendoGrid.repaintSelections();\r\n });\r\n this.setState({ enableEditButton: false });\r\n }\r\n }\r\n }\r\n\r\n //On grid row selection\r\n selectRow = (KendoGrid) => {\r\n\r\n let enableActive = false;\r\n let enableDeactive = false;\r\n let enableDelete = false;\r\n let enableEditButton = false;\r\n let currentSelections = KendoGrid.getNumberOfSelections();\r\n let isActive = KendoGrid.valueExists(\"Active\", true);\r\n let isDeactive = KendoGrid.valueExists(\"Active\", false);\r\n let isCandeactive = KendoGrid.valueExists(\"CanDeactivate\", true);\r\n // select one or more locations and check all locations are canDeactivate or not\r\n let identicalCanDeactive = KendoGrid.valuesIdentical(\"CanDeactivate\");\r\n let deActiveMessage = this.translate(\"note_location_can_deactivate\");\r\n\r\n let cannotDelete = KendoGrid.valueExists(\"CanDelete\", false);\r\n let locationsEditUri = null;\r\n\r\n if (currentSelections == 1) {\r\n enableEditButton = true;\r\n locationsEditUri = KendoGrid.getItem(KendoGrid.getKeys()).EditUri;\r\n }\r\n\r\n if (isActive == false && currentSelections != 0) {\r\n enableActive = true;\r\n deActiveMessage = this.translate(\"note_location_deactivate\");\r\n }\r\n\r\n if (isDeactive == false && isCandeactive == true && identicalCanDeactive == true && currentSelections != 0) {\r\n enableDeactive = true;\r\n }\r\n\r\n if (cannotDelete == false && currentSelections != 0) {\r\n enableDelete = true;\r\n }\r\n\r\n\r\n this.setState({\r\n localKendoGrid: KendoGrid,\r\n locationsEditUri: locationsEditUri,\r\n enableActive: enableActive,\r\n enableDeactive: enableDeactive,\r\n enableDelete: enableDelete,\r\n enableEditButton: enableEditButton,\r\n deActiveMessage:deActiveMessage\r\n });\r\n }\r\n handleFaciltiySelectChange = (event) => {\r\n let obj = this.state.transport;\r\n obj.read.data.facilityId = event.target.value;\r\n this.setState({ transport: obj });\r\n this.props.onFaciltiySelectChange(event.target.value);\r\n }\r\n filterHandleChange = (event) => {\r\n this.setState({\r\n filter: Object.assign(\r\n {},\r\n this.state.filter,\r\n { [event.target.name]: event.target.value }\r\n ),\r\n }, () => {\r\n this.gridSearch();\r\n });\r\n }\r\n\r\n clickEventOfContextMenu = (obj) => {\r\n\r\n if (obj.wmsid == 'edit') {\r\n this.onEditLocation();\r\n } else if (obj.wmsid == 'activate') {\r\n this.activateDeactivateLocation(true);\r\n } else if (obj.wmsid == 'deactivate') {\r\n this.activateDeactivateLocation(false);\r\n } else if (obj.wmsid == 'delete') {\r\n this.onClickDeleteLocation();\r\n }\r\n\r\n }\r\n\r\n activateDeactivateLocation = (mybool) => {\r\n\r\n let gridSelectedKeys = this.state.localKendoGrid.getKeys();\r\n let currentLogedUserid = GlobalService.GetCurrentUser().UserId.toString();\r\n let msgType = 'Label_Location_Activate';\r\n\r\n if(mybool == false){\r\n msgType = 'Label_Location_Deactivate';\r\n }\r\n let msgNotification = this.translate(msgType);\r\n\r\n if ((gridSelectedKeys.indexOf(currentLogedUserid)) != -1 && mybool == false) {\r\n GlobalService.notification('error', this.translate('Label_Cannot_Deactivate'));\r\n } else {\r\n\r\n locationService.updateLocationActivation(gridSelectedKeys, mybool, this.props.selectedFacilityId).then((response) => {\r\n\r\n if (typeof response != \"undefined\" && response.status == 204) {\r\n $('#findLocationGrid').data('kendoGrid').dataSource.read();\r\n GlobalService.notification('success', this.translate(msgNotification));\r\n this.state.localKendoGrid.clearSelections(() => {\r\n this.state.localKendoGrid.repaintSelections();\r\n });\r\n this.setState({\r\n enableEditButton: false,\r\n enableActive: false,\r\n enableDeactive: false,\r\n enableDelete: false\r\n });\r\n }\r\n\r\n }, (response) => {\r\n console.log(\"Grid w sort \", response);\r\n });\r\n }\r\n\r\n }\r\n\r\n deleteLocation = () => {\r\n let locationIds = this.state.localKendoGrid.getKeys();\r\n locationService.deleteLocation(locationIds).then((response) => {\r\n\r\n if (typeof response != \"undefined\" && response.status == 204) {\r\n $('#findLocationGrid').data('kendoGrid').dataSource.read();\r\n GlobalService.notification('success', this.translate('Label_Location_Deleted'));\r\n }\r\n\r\n }, (response) => {\r\n console.log(\"Grid w sort \", response);\r\n });\r\n }\r\n\r\n onClickDeleteLocation = () => {\r\n let currentSelections = this.state.localKendoGrid.getNumberOfSelections();\r\n if(currentSelections == 1){\r\n this.deleteLocation();\r\n }else{\r\n this.setState({\r\n isOpenDeleteConfirmModel: true\r\n });\r\n }\r\n }\r\n\r\n\r\n closeDeleteconfirm = () => {\r\n this.setState({ isOpenDeleteConfirmModel:false });\r\n }\r\n\r\n onEditLocation = () => {\r\n this.props.onEditLocation(this.state.locationsEditUri);\r\n }\r\n\r\n gridSearch = () => {\r\n\r\n let dataArr = [{\r\n ShowLocationName: true,\r\n IndexOptionLocationName: this.state.filter.IndexOptionLocationName,\r\n LocationName: this.state.filter.LocationName || \"\",\r\n ShowIsActive: true,\r\n IndexOptionsIsActive: this.state.filter.IndexOptionsIsActive,\r\n ShowLocationType: true,\r\n IndexOptionsLocationType: 0\r\n }];\r\n\r\n this.setState({\r\n searchOn: true,\r\n filterObject: dataArr\r\n });\r\n }\r\n\r\n clearFilters = () => {\r\n // set default value of filter form\r\n this.setState({\r\n filter: {\r\n \"IndexOptionLocationName\": 0,\r\n \"LocationName\": \"\",\r\n \"IndexOptionsIsActive\": 0\r\n },\r\n searchOn: false,\r\n filterObject: [{ method: 'DELETE' }]\r\n });\r\n }\r\n\r\n refreshLocationGrid = () => {\r\n var grid = $('#findLocationGrid').data('kendoGrid');\r\n if(grid && grid.dataSource) {\r\n grid.dataSource.read();\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsInput from './../components/WmsInput/WmsInput.jsx';\r\nimport WmsButton from '../components/WmsButton/WmsButton.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsCollapse from './../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsFormGrid from './../components/WmsFormGrid/WmsFormGrid.jsx';\r\nimport WmsCheckBox from './../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport class LocationsFormSetup extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n Selector: 'Location',\r\n locationZoneInput: '',\r\n locationZoneExist: false,\r\n tplSettings: GlobalService.getTplSettings(),\r\n Rights: GlobalService.GetRights(),\r\n FacilityDict: GlobalService.getFacilityDictList()\r\n }\r\n\r\n }\r\n\r\n handleLSetupFormChanges = (event) => {\r\n let propLocation = this.props.sharedLocation;\r\n let objLocation = Object.assign(\r\n {},\r\n propLocation,\r\n { [event.target.name]: event.target.type == 'checkbox' ? !propLocation[event.target.name] : event.target.value }\r\n )\r\n if (event.target.name == \"NonPickable\" && objLocation.NonPickable) {\r\n objLocation.ReplenishLocation = false\r\n } else if(event.target.name == \"ReplenishLocation\" && objLocation.ReplenishLocation) {\r\n objLocation.NonPickable = false\r\n }\r\n if (event.target.name == \"LocationTypeId\") {\r\n this.setReplenishLocationFieldsBaseOnLocationType(objLocation, 'onChange')\r\n } else {\r\n this.props.onLocationDataset(objLocation);\r\n }\r\n }\r\n setReplenishLocationFieldsBaseOnLocationType = (locationObj, callFrom) => {\r\n // 1 - Storage - Non-pickable (Default: Not selected User can modify) | Replenish this location (Default: Not selected User can modify)\r\n // 2 - Staging - Non-pickable (Default: Selected User can modify) | Replenish this location (Default: Not selected User cannot modify)\r\n // 3 - Putaway Vehicle - Non-pickable (Default: Selected User cannot modify) | Replenish this location (Default: Not selected User cannot modify)\r\n // 4 - Quarantine - Non-pickable (Default: Selected User cannot modify) | Replenish this location (Default: Not selected User cannot modify)\r\n // 5 - Pickline - Non-pickable (Default: Not selected User cannot modify) | Replenish this location (Default: SelectedUser cannot modify)\r\n let tmpNonPickable = false;\r\n let tmpReplenishLocation = false;\r\n\r\n if (locationObj.LocationTypeId == 1) {\r\n tmpNonPickable = false;\r\n tmpReplenishLocation = false;\r\n } else if (locationObj.LocationTypeId == 2) {\r\n tmpNonPickable = true;\r\n tmpReplenishLocation = false;\r\n } else if (locationObj.LocationTypeId == 3) {\r\n tmpNonPickable = true;\r\n tmpReplenishLocation = false;\r\n } else if (locationObj.LocationTypeId == 4) {\r\n tmpNonPickable = true;\r\n tmpReplenishLocation = false;\r\n } else if (locationObj.LocationTypeId == 5) {\r\n tmpNonPickable = false;\r\n tmpReplenishLocation = true;\r\n }\r\n let objLocation = Object.assign(\r\n {},\r\n locationObj,\r\n {\r\n NonPickable: tmpNonPickable,\r\n ReplenishLocation: tmpReplenishLocation,\r\n }\r\n )\r\n this.props.onLocationDataset(objLocation);\r\n }\r\n //check if grid item allready exist and disable add button\r\n handleZoneChange = (event) => {\r\n\r\n this.setState({ 'locationZoneValue': event.target.value });\r\n let datasourceOfZoneGrid = $('#GridLocationZones').data('kendoGrid').dataSource.view();\r\n let indexOfLocationRecored = datasourceOfZoneGrid.filter(function (el) {\r\n return el['Name'].toLowerCase() == event.target.value.toLowerCase();\r\n });\r\n this.setState({ 'locationZoneExist': indexOfLocationRecored.length > 0 ? true : false });\r\n\r\n }\r\n\r\n //Add Zone Grid Item\r\n addLocationZone = () => {\r\n\r\n this.setState({ locationZoneValue: '' });\r\n let propLocation = this.props.sharedLocation;\r\n propLocation['Zones'].push({ 'Name': this.state.locationZoneValue });\r\n this.props.onLocationDataset(propLocation);\r\n\r\n }\r\n\r\n //Add Zone Grid Item\r\n removeLocationZone = (param_Zone_kendoGrid) => {\r\n\r\n let locationZoneGrid = $('.' + this.props.windowId + ' #GridLocationZones').data('kendoGrid');\r\n locationZoneGrid.dataSource.remove(param_Zone_kendoGrid.getItem(param_Zone_kendoGrid.getKeys()));\r\n let propLocation = this.props.sharedLocation;\r\n propLocation['Zones'] = locationZoneGrid.dataSource.view();\r\n this.props.onLocationDataset(propLocation);\r\n\r\n }\r\n\r\n //contextmenu click event for locationZoneGrid\r\n clickEventOfContextMenuForZone = (param_contextmenu_obj, param_Zone_kendoGrid) => {\r\n\r\n if (param_contextmenu_obj.name == 'Delete') {\r\n this.removeLocationZone(param_Zone_kendoGrid);\r\n }\r\n\r\n }\r\n\r\n\r\n\r\n render() {\r\n\r\n const renderLocations = JSON.parse(JSON.stringify(this.props.sharedLocation));\r\n\r\n return (\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n this.activateDeactivateLocation(true))\r\n }, {\r\n \"name\": this.translate('Label_Deactivate'),\r\n \"value\": [],\r\n \"disabled\": !this.state.enableDeactive,\r\n \"disabledText\": this.state.deActiveMessage,\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'deactivate',\r\n \"wmsSelector\": this.state.Selector + \"DeactivateLocationButton\",\r\n onClickFunc: ((e) => this.activateDeactivateLocation(false))\r\n }, {\r\n \"name\": \"Delete\",\r\n \"value\": [],\r\n \"disabled\": !this.state.enableDelete,\r\n \"disabledText\": this.translate('note_location_delete'),\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'delete',\r\n \"wmsSelector\": this.state.Selector + \"DeleteLocationButton\",\r\n onClickFunc: this.onClickDeleteLocation\r\n }],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"outlined\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true\r\n }, {\r\n \"name\": '',\r\n \"wmsSelector\": this.props.Selector + 'RefreshGrid',\r\n \"value\": [],\r\n \"clickFunc\": this.refreshLocationGrid,\r\n \"disabled\": false,\r\n \"icon\": \"fa-sync-alt\",\r\n \"color\": \"blue\",\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true,\r\n 'parentClassName':'locationRefreshBtn'\r\n }, {\r\n \"name\": \"Copy\",\r\n \"value\": [{\r\n \"name\": this.translate('Label_Copy_Field'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": this.translate('Label_Copy_Field'),\r\n \"icon\": \"fa-bandcamp\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n 'wmsid': 'copyField',\r\n \"wmsSelector\": \"copyToClicpboard\",\r\n }, {\r\n \"name\": this.translate('Label_Copy_Row'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": this.translate('Label_Copy_Row'),\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n 'wmsid': 'copyRow'\r\n }],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false\r\n }]\r\n }\r\n />\r\n
\r\n )}\r\n {this.state.isOpenDeleteConfirmModel &&(\r\n \r\n {this.translate('Label_Confirm_Selected_Locations')}\r\n
\r\n \r\n
\r\n\r\n \r\n )}\r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n = 0 && renderLocations.AllocationPriority <= 99999 ? renderLocations.AllocationPriority : 99999}\r\n valueType=\"number\"\r\n required={true}\r\n maxLength=\"5\"\r\n tooltipText={\"Value must be between 1 and 99999\"}\r\n showToolTip={renderLocations.AllocationPriority <= 0 || renderLocations.AllocationPriority > 99999} />\r\n\r\n \r\n \r\n\r\n \r\n
\r\n )\r\n }\r\n}","\r\nimport React from 'react';\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\nimport { ArrayWms } from '../../../assets/ts/ArrayWms.ts';\r\n\r\n//component\r\nimport WmsButton from '../components/WmsButton/WmsButton.jsx';\r\nimport WmsTab from '../components/WmsTab/WmsTab.jsx';\r\nimport { LocationsFormSetup } from './locations-form-setup.component.jsx';\r\nimport { ManageReceiptHolder } from \"../receipt/manageReceipt/manageReceipt-holder.component.jsx\";\r\n\r\nimport * as locationService from './locations.services.jsx';\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport class LocationsForm extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n this.Selector = \"Location\";\r\n this.scrollAreaWrapperId = \"ManageLocationScrollBox\";\r\n\r\n this.scrollDomSelector = props.windowId ? '.' + props.windowId + '#' + this.scrollAreaWrapperId : '#' + this.scrollAreaWrapperId;\r\n\r\n this.tabHeaderRef = React.createRef();\r\n this.basicsInformationRef = React.createRef();\r\n this.capabilitiesRef = React.createRef();\r\n this.prioritiesRef = React.createRef();\r\n this.billingRef = React.createRef();\r\n this.directedPutAwayRef = React.createRef();\r\n this.sectionRefs = [\r\n {\r\n section: \"LocationBasicsInformation\",\r\n ref: this.basicsInformationRef,\r\n label: this.translate('Label_Location_Basic_information'),\r\n wmsSelector: this.Selector + \"LocationBasicsInformation\",\r\n isTabShow: true\r\n },\r\n {\r\n section: \"LocationCapabilities\",\r\n ref: this.capabilitiesRef,\r\n label: this.translate('Label_Location_Capabilities'),\r\n wmsSelector: this.Selector + \"LocationCapabilities\",\r\n isTabShow: true\r\n },\r\n {\r\n section: \"LocationPriorities\",\r\n ref: this.prioritiesRef,\r\n label: this.translate('Label_Location_Priorities'),\r\n wmsSelector: this.Selector + \"LocationPriorities\",\r\n isTabShow: true\r\n },\r\n {\r\n section: \"LocationBilling\",\r\n ref: this.billingRef,\r\n label: this.translate('Label_Location_Billing'),\r\n wmsSelector: this.Selector + \"LocationBilling\",\r\n isTabShow: true\r\n },\r\n {\r\n section: \"LocationDirectedPutaway\",\r\n ref: this.directedPutAwayRef,\r\n label: this.translate('Label_Directed_Putaway'),\r\n wmsSelector: this.Selector + \"LocationDirectedPutaway\",\r\n isTabShow: true\r\n }\r\n ];\r\n\r\n this.state = {\r\n showDiscard: false,\r\n saveLoader: false,\r\n Selector: this.Selector,\r\n sharedLocation: {},\r\n defaultLocationObj: {\r\n Active: true,\r\n Field1: '',\r\n Field2: '',\r\n Field3: '',\r\n Field4: '',\r\n Description: null,\r\n LocationTypeId: 1,\r\n Width: '',\r\n Length: '',\r\n Height: '',\r\n QuantityMax: '',\r\n WeightAllowed: '',\r\n TemperatureMinimum: '',\r\n QuantityMinimum: '',\r\n BillingTypeId: null,\r\n Length: '',\r\n PercentFill: '',\r\n NumberPalletsAllowed: null,\r\n StoreOnlyPallets: false,\r\n Zones: []\r\n }\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.getLocationData(this.props.sharedLocationEditUri);\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.sharedLocationEditUri != this.props.sharedLocationEditUri) {\r\n this.getLocationData(nextProps.sharedLocationEditUri);\r\n }\r\n }\r\n\r\n getLocationData(param_edituri) {\r\n\r\n this.setState({\r\n sharedLocation: this.state.defaultLocationObj,\r\n showDiscard: false\r\n });\r\n\r\n if (param_edituri != '') {\r\n\r\n kendo.ui.progress($('#form_block'), true);\r\n locationService.getLocationEditData(param_edituri).then((response) => {\r\n response.data.Zones = ArrayWms.convertStringToArray(response.data.Zones, 'Name');\r\n if (response.data.ReplenishmentEnabled == false) {\r\n response.data.QuantityMax = null\r\n }\r\n this.setState({\r\n sharedLocation: response.data,\r\n showDiscard: false\r\n });\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#form_block'), false);\r\n });\r\n }\r\n }\r\n\r\n onLocationDataset = (param_locationData) => {\r\n this.setState({\r\n sharedLocation: param_locationData,\r\n showDiscard: true\r\n });\r\n }\r\n\r\n onClickExitLocationForm = () => {\r\n this.props.onExitLocationForm();\r\n }\r\n\r\n onClickSaveLocation = () => {\r\n if(this.state.sharedLocation && parseInt(this.state.sharedLocation.PickPath) == 0){\r\n GlobalService.notification('error', this.translate('Label_location_pickpath_zero_error'));\r\n return false;\r\n }\r\n\r\n this.setState({ saveLoader: true });\r\n\r\n let locationObj = Object.assign({}, this.state.sharedLocation);\r\n locationObj['Zones'] = StringWms.convertArrayOptionToString(locationObj['Zones']);\r\n if (this.props.sharedLocationEditUri == '') {\r\n\r\n locationService.saveNewLocation({\r\n \"facilityId\": this.props.selectedFacilityId,\r\n \"location\": locationObj\r\n }).then((response) => {\r\n\r\n this.setState({ saveLoader: false });\r\n if (typeof response != 'undefined' && response.status == 200) {\r\n GlobalService.notification('success', this.translate('Label_location_create_success'));\r\n this.props.onReloadGrid('reloadLocationGrid');\r\n this.onClickExitLocationForm();\r\n\r\n if (this.props.receiptObj) {\r\n this.openManageReceiptWindow();\r\n }\r\n }\r\n\r\n }).finally(() => {\r\n this.setState({ saveLoader: false });\r\n });\r\n\r\n } else {\r\n if (!locationObj.AllocationPriority) {\r\n delete locationObj.AllocationPriority;\r\n }\r\n locationObj['Name'] = locationObj['Field1'] + '-' + locationObj['Field2'] + '-' + locationObj['Field3'] + '-' + locationObj['Field4'];\r\n locationObj['Name'] = locationObj['Name'].replace(/^-+|-+$/gm, '');\r\n locationService.updateLocation(locationObj).then((response) => {\r\n this.setState({ saveLoader: false });\r\n if (typeof response != 'undefined' && response.status == 200) {\r\n GlobalService.notification('success', this.translate('Label_location_update_success'));\r\n this.props.onReloadGrid('reloadLocationGrid');\r\n this.onClickExitLocationForm();\r\n\r\n if (this.props.receiptObj) {\r\n this.openManageReceiptWindow();\r\n }\r\n }\r\n\r\n }).finally(() => {\r\n this.setState({ saveLoader: false });\r\n });\r\n }\r\n\r\n }\r\n\r\n openManageReceiptWindow = () => {\r\n this.$rootScope.OpenWindow({\r\n url: '\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n this.selectRow(e)}\r\n menu={\r\n [{\r\n \"name\": \"Delete\",\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss\",\r\n \"icon\": \"fa-line-chart\",\r\n \"color\": \"green\",\r\n \"clickFunc\": ((e) => function () { })\r\n }]\r\n }\r\n />\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n )\r\n }\r\n}","\r\nimport React from 'react';\r\n\r\n// component\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport { LocationsGrid } from './locations-grid.component.jsx';\r\nimport { LocationsForm } from './locations-form.component.jsx';\r\n\r\nimport style from './locations.scss';\r\n\r\nimport * as locationService from './locations.services.jsx';\r\n\r\nexport class locationsHolder extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n facilityOption: [],\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n selectedFacilityId: '',\r\n sharedLocationEditUri: null,\r\n sharedLocationOptions: null,\r\n reloadGrid: '',\r\n receiptObj: '' // for reopen receipt after save location if it's use\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n var that = this;\r\n // open create location form from edit receipt > add line item\r\n document.addEventListener(\"showLocation\", this.onOpenLocationFromReceipt);\r\n kendo.ui.progress($('#' + this.state.windowId), true);\r\n locationService.initialFindLocations().then((response) => {\r\n\r\n this.setState({\r\n sharedLocationOptions: response.ManageLocationsOptions,\r\n sharedLocationFilterData: response.ManageLocationsSearchInfo,\r\n facilityOption: response.GetCustomerFacilityList\r\n });\r\n\r\n if (this.$rootScope.ChildBulletin.Data.receiptObj) {\r\n this.setState({\r\n selectedFacilityId: this.$rootScope.ChildBulletin.Data.receiptObj.FacilityId,\r\n receiptObj: this.$rootScope.ChildBulletin.Data.receiptObj\r\n });\r\n this.onCreateLocation();\r\n }\r\n\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#' + this.state.windowId), false);\r\n });\r\n }\r\n onOpenLocationFromReceipt = (e) => {\r\n this.setState({\r\n selectedFacilityId: e.detail.receiptObj.FacilityId,\r\n receiptObj: e.detail.receiptObj,\r\n });\r\n this.onCreateLocation();\r\n }\r\n componentWillUnmount() {\r\n document.removeEventListener(\"showLocation\", this.onOpenLocationFromReceipt);\r\n }\r\n onFaciltiySelectChange = (param_facilityId) => {\r\n this.setState({ selectedFacilityId: param_facilityId });\r\n }\r\n\r\n onCreateLocation = () => {\r\n this.setState({ sharedLocationEditUri: '' });\r\n }\r\n\r\n onEditLocation = (param_location_edituri) => {\r\n this.setState({ sharedLocationEditUri: param_location_edituri });\r\n }\r\n\r\n onExitLocationForm = () => {\r\n this.setState({\r\n sharedLocationEditUri: null,\r\n reloadGrid: ''\r\n });\r\n }\r\n\r\n onReloadGrid = (basecall) => {\r\n this.setState({ reloadGrid: basecall });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n )\r\n\r\n }\r\n}","import React, { Component } from 'react';\r\nimport WmsModel from '../../../components/WmsModel/WmsModel.jsx';\r\nimport WmsButton from '../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsContainer from '../../../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsDropdownList from '../../../components/WmsDropdownList/WmsDropdownList.jsx';\r\nimport WmsComboBox from '../../../components/WmsComboBox/WmsComboBox.jsx';\r\nimport WmsDropdown from '../../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsInput from '../../../components/WmsInput/WmsInput.jsx';\r\nimport WmsDateTimePicker from '../../../components/WmsDateTimePicker/WmsDateTimePicker.jsx';\r\nimport { ObjectWms } from '../../../../../assets/ts/ObjectWms.ts';\r\nimport { StringWms } from '../../../../../assets/ts/StringWms.ts';\r\nimport { DictionaryWms } from '../../../../../assets/ts/DictionaryWms.ts';\r\n\r\nimport './manage-line-items-modal.scss';\r\n//services\r\nimport * as manageReceiptService from './../manageReceipt.services.jsx';\r\nimport * as GlobalService from './../../../global_services';\r\n\r\nimport WmsRadio from '../../../components/WmsRadio/WmsRadio.tsx';\r\nimport WmsCheckBox from '../../../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsGrid from '../../../components/WmsGrid/WmsGrid.jsx';\r\nimport { ItemsHolder } from '../../../items/items-holder.component.jsx';\r\nimport { locationsHolder } from '../../../locations/locations-holder.component.jsx';\r\nimport { kendo, Big } from \"./../../../global_variable_service.jsx\";\r\n\r\nexport class ManageLineItemsModal extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n\r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n\r\n this.defaultItemsummary = {\r\n Id: 0,\r\n Sku: \"\",\r\n Location: { Name: \"\", Description: \"\", Id: 0 },\r\n PutawayLocation: { Id: 0, LocationName: \"\" },\r\n Supplier: { Id: 0, },\r\n otherHoldReason: \"\",\r\n };\r\n this.state = {\r\n savingGif: false,\r\n openCreateItemGif: false,\r\n openCreateLocationGif: false,\r\n isItemReadyForSave: false,\r\n Rights: GlobalService.GetRights(),\r\n selector: 'ReceiptLineItem',\r\n itemSummary: Object.assign({}, this.defaultItemsummary),\r\n displayWeightUnit: '',\r\n displayHeightLengthWidthUnit: '',\r\n selectedMovableUnitLabel: { Name: \"\" },\r\n optionsMovableUnitLabels: [],\r\n labelPrimaryRec: 0,\r\n labelSecondaryRec: 0,\r\n isCustomerUser: GlobalService.GetCurrentUser().CustomerIds.length > 0 ? true : false,\r\n customLabels: GlobalService.getCustomLabels(),\r\n showTrackBys: false,\r\n showQualifier: false,\r\n isRequiredQualifier: false,\r\n showLocationDropdown: true,\r\n requiredElementsComplete: false,\r\n showRecommendedLocations: false,\r\n disableSplitMU: true,\r\n showMovableUnitFields: false,\r\n showSuggestedPutawayLocations: false,\r\n disableMovableUnits: true,\r\n showCustomFieldInfo: false,\r\n lineItemCustomFieldsGridData: [],\r\n selectedMovableUnitType: { Name: \"\" },\r\n measurementStandard: null,\r\n suggestedPutawayLocationsOptions: [],\r\n customField: {},\r\n skuOptionsLoaded: false,\r\n enableSplitMU: false\r\n };\r\n }\r\n\r\n UNSAFE_componentWillReceiveProps(nextProps) {\r\n if (nextProps.totalLineItems >= 1 && nextProps.totalLineItems != this.props.totalLineItems) {\r\n this.getMovableUnitLabelOptions(nextProps.lineItemsGridData);\r\n }\r\n }\r\n // use RECEIPT object from --- this.props.sharedReceiptData.Receipt\r\n // use main receipt object from --- this.props.sharedReceiptData\r\n\r\n componentDidMount() {\r\n let showMovableUnit = false;\r\n let showSuggestedPutawayLocations = false;\r\n let showRecommendedLocations = false;\r\n let requiredElementsComplete = false;\r\n\r\n if (this.props.sharedLineItemFlow == 'create') {\r\n requiredElementsComplete = true;\r\n } else if (this.props.sharedLineItemFlow == 'edit') {\r\n // get the dom element of the receipt line item grid, making sure to only grab the window of the current one, we need this to get the sku for our service\r\n\r\n // display ajax while we get data.\r\n kendo.ui.progress($(\"#\" + this.props.windowId + 'ManageLineItemsModal'), true);\r\n\r\n manageReceiptService.lineItemEditOptions({\r\n \"receiverId\": this.props.sharedReceiptData.Receipt.ReceiverId,\r\n \"customerId\": this.props.selectedCustomer.id,\r\n \"sku\": this.props.sharedSelectedLineItem.SKU\r\n }).then((response) => {\r\n this.initializeElements(response);\r\n }).finally(() => {\r\n kendo.ui.progress($(\"#\" + this.props.windowId + 'ManageLineItemsModal'), false);\r\n });\r\n }\r\n\r\n\r\n let suggestedPutawayEnabled = this.props.selectedCustomer.options.suggestedPutAwayEnabled;\r\n\r\n if (!StringWms.isEmpty(this.props.selectedCustomer.options.trackPallets)) {\r\n showMovableUnit = this.props.selectedCustomer.options.trackPallets;\r\n }\r\n if (!StringWms.isEmpty(suggestedPutawayEnabled)) {\r\n showSuggestedPutawayLocations = suggestedPutawayEnabled;\r\n // showRecommendedLocations = true;\r\n showRecommendedLocations = false;\r\n }\r\n\r\n this.setState({\r\n requiredElementsComplete: requiredElementsComplete,\r\n showSuggestedPutawayLocations: showSuggestedPutawayLocations,\r\n showRecommendedLocations: showRecommendedLocations,\r\n showMovableUnitFields: showMovableUnit,\r\n optionsMovableUnitTypes: this.props.sharedReceiptData.PalletTypes,\r\n measurementStandard: this.props.selectedFacility.measurementStandard,\r\n showCustomFieldInfo: this.props.sharedReceiptData.threePlReceiptSettings.OtherUserFeatures.SavedElementsEnabled,\r\n enableSplitMU: this.props.selectedCustomer.options.createMultipleMus,\r\n displayWeightUnit:\r\n (this.props.selectedFacility.measurementStandard == 0) ?\r\n this.translate('Label_Imperial_Weight') :\r\n this.translate('Label_Metric_Weight')\r\n ,\r\n displayHeightLengthWidthUnit:\r\n (this.props.selectedFacility.measurementStandard == 0) ?\r\n this.translate('Label_Inch_Abbrev') :\r\n this.translate('Label_Centimeter_Abbrev'),\r\n\r\n });\r\n\r\n this.getMovableUnitLabelOptions(this.props.lineItemsGridData);\r\n\r\n }\r\n async initializeElements(param_sku_obj) {\r\n\r\n var selectedSkuObj = param_sku_obj;\r\n var selectedMovableUnitLabel = \"\";\r\n let showTrackBys = true;\r\n let showQualifier = false;\r\n var isRequiredQualifier = false;\r\n\r\n // $scope.page.LineItemData = this.props.sharedSelectedLineItem;\r\n // $scope.page.SkuSettings = param_sku_obj;\r\n // $scope.page.FacilitySettings = this.props.selectedFacility;\r\n\r\n\r\n\r\n await this.setSuggestedPutawayLocationsOptions(selectedSkuObj.Id, this.props.sharedSelectedLineItem.Qualifier);\r\n if (param_sku_obj.QualifierSummaries && param_sku_obj.QualifierSummaries.length >= 2 || param_sku_obj.QualifierSummaries[0].Qualifier != '') {\r\n showQualifier = true;\r\n isRequiredQualifier = true;\r\n }\r\n\r\n // selectedSkuObj.Qualifier = typeof param_sku_obj.QualifierSummaries != 'undefined' ? param_sku_obj.QualifierSummaries[0] : null;\r\n if (this.props.sharedSelectedLineItem.Qualifier != '') {\r\n param_sku_obj.QualifierSummaries.forEach((element) => {\r\n if (element.Qualifier.toLowerCase() == this.props.sharedSelectedLineItem.Qualifier.toLowerCase()) {\r\n selectedSkuObj.Qualifier = element;\r\n }\r\n });\r\n } else {\r\n selectedSkuObj.Qualifier = typeof param_sku_obj.QualifierSummaries != 'undefined' ? param_sku_obj.QualifierSummaries[0] : selectedSkuObj.Qualifier;\r\n }\r\n\r\n selectedSkuObj.PrimaryInvQty = this.props.sharedSelectedLineItem.Qty;\r\n selectedSkuObj.SecondaryInvQty = this.props.sharedSelectedLineItem.SecondaryQty;\r\n selectedSkuObj.Weight = this.props.sharedSelectedLineItem.Weight;\r\n selectedSkuObj.LotNumber = this.props.sharedSelectedLineItem.LotNumber;\r\n selectedSkuObj.SerialNumber = this.props.sharedSelectedLineItem.SerialNumber;\r\n selectedSkuObj.LandedCost = this.props.sharedSelectedLineItem.LandedCost;\r\n selectedSkuObj.ExpDate = this.props.sharedSelectedLineItem.ExpirationDate;\r\n selectedSkuObj.MovUnitType = this.props.sharedSelectedLineItem.MovableUnitType;\r\n selectedSkuObj.MovUnitLength = this.props.sharedSelectedLineItem.MovableUnitLength;\r\n selectedSkuObj.MovUnitWidth = this.props.sharedSelectedLineItem.MovableUnitWidth;\r\n selectedSkuObj.MovUnitHeight = this.props.sharedSelectedLineItem.MovableUnitHeight;\r\n selectedSkuObj.MovUnitWeight = this.props.sharedSelectedLineItem.MovableUnitWeight;\r\n selectedSkuObj.MovUnitNumber = null;\r\n selectedSkuObj.AutoHoldOnReceive = param_sku_obj.AutoHoldOnReceive;\r\n selectedSkuObj.HoldStatus = this.props.sharedSelectedLineItem.HoldStatus;\r\n selectedSkuObj.HoldReason = this.props.sharedSelectedLineItem.HoldReason;\r\n selectedSkuObj.CreateMultipleMovUnits = this.props.sharedSelectedLineItem.SplitLineByMovableUnit;\r\n if(selectedSkuObj.HoldReason != \"\" && !this.getHoldReasonOptions().some(el => el.Name == selectedSkuObj.HoldReason)){\r\n selectedSkuObj.HoldReason = 'Other';\r\n selectedSkuObj.otherHoldReason = this.props.sharedSelectedLineItem.HoldReason;\r\n }else{\r\n selectedSkuObj.otherHoldReason = \"\";\r\n }\r\n\r\n if (this.props.sharedSelectedLineItem.MovableUnitLabel != '') {\r\n selectedMovableUnitLabel = this.props.sharedSelectedLineItem.MovableUnitLabel;\r\n }\r\n\r\n if (param_sku_obj.TrackBys) {\r\n showTrackBys = (selectedSkuObj.TrackBys.TrackLotNumber != 0 || selectedSkuObj.TrackBys.TrackSerialNumber != 0 || selectedSkuObj.TrackBys.TrackExpirationDate != 0 || selectedSkuObj.TrackBys.TrackCost != 0);\r\n }\r\n if (this.props.sharedSelectedLineItem.Location) {\r\n this.state.suggestedPutawayLocationsOptions.forEach(element => {\r\n if (this.props.sharedSelectedLineItem.Location == element.LocationName) {\r\n selectedSkuObj.PutawayLocation = element;\r\n }\r\n });\r\n selectedSkuObj.Location = {\r\n Name: this.props.sharedSelectedLineItem.Location,\r\n Id: this.props.sharedSelectedLineItem.LocationId\r\n };\r\n }\r\n\r\n this.setState({\r\n showQualifier: showQualifier,\r\n isRequiredQualifier: isRequiredQualifier,\r\n showTrackBys: showTrackBys,\r\n selectedMovableUnitLabel: {\r\n Name: selectedMovableUnitLabel\r\n },\r\n selectedMovableUnitType: {\r\n Name: selectedSkuObj.MovUnitType\r\n },\r\n // showLocationDropdown : true,\r\n itemSummary: Object.assign(\r\n {},\r\n this.state.itemSummary,\r\n selectedSkuObj\r\n )\r\n }, () => {\r\n this.initialiseCustomFieldGridData();\r\n this.checkItemReadyForSave();\r\n kendo.ui.progress($(\"#\" + this.props.windowId + 'ManageLineItemsModal'), false);\r\n });\r\n\r\n }\r\n setSuggestedPutawayLocationsOptions = (param_sku_id, param_qualifier) => {\r\n if (this.props.selectedCustomer.options.suggestedPutAwayEnabled) {\r\n if (param_qualifier == \"\") {\r\n param_qualifier = \"''\";\r\n }\r\n\r\n return manageReceiptService.getSuggestedPutawayLocations(this.props.selectedFacility.id, param_sku_id, param_qualifier).then((response) => {\r\n if (response) {\r\n this.setState({\r\n suggestedPutawayLocationsOptions: response,\r\n // showLocationDropdown: (response.length == 0),\r\n showLocationDropdown: true,\r\n showSuggestedPutawayLocations: (response.length != 0),\r\n // showRecommendedLocations: (response.length != 0),\r\n showRecommendedLocations: false,\r\n });\r\n }\r\n });\r\n }\r\n }\r\n\r\n handleChangeEvent = (e, objKey) => {\r\n let itemSummary = Object.assign({}, this.state.itemSummary);\r\n var value = e.target.value;\r\n if (typeof value == 'object' && objKey != 'ExpDate') {\r\n value = Object.assign({}, value);\r\n }\r\n\r\n if (e.target.type == 'checkbox') {\r\n itemSummary[objKey] = !this.state.itemSummary[objKey];\r\n } else {\r\n itemSummary[objKey] = value;\r\n }\r\n\r\n this.setState({\r\n itemSummary: itemSummary\r\n }, () => {\r\n this.checkItemReadyForSave();\r\n });\r\n }\r\n\r\n handleSkuChange = (e) => {\r\n var selectedSkuDropDown = Object.assign({}, e.target.value);\r\n\r\n // QualifierSummaries options assign with array because its have object type\r\n selectedSkuDropDown.QualifierSummaries = Object.assign([], selectedSkuDropDown.QualifierSummaries);\r\n\r\n var showQualifier = false;\r\n var showTrackBys = false;\r\n var isRequiredQualifier = false;\r\n if (selectedSkuDropDown && selectedSkuDropDown.Id != 0) {\r\n var qualifier = null;\r\n selectedSkuDropDown.Weight = null;\r\n selectedSkuDropDown.HoldStatus = false;\r\n selectedSkuDropDown.PrimaryInvQty = null;\r\n\r\n if (selectedSkuDropDown.TrackBys) {\r\n showTrackBys = (selectedSkuDropDown.TrackBys.TrackLotNumber != 0 || selectedSkuDropDown.TrackBys.TrackSerialNumber != 0 || selectedSkuDropDown.TrackBys.TrackExpirationDate != 0 || selectedSkuDropDown.TrackBys.TrackCost != 0);\r\n if (selectedSkuDropDown.TrackBys.TrackSerialNumber == 3 || selectedSkuDropDown.TrackBys.TrackSerialNumber == 4) {\r\n selectedSkuDropDown.PrimaryInvQty = 1;\r\n }\r\n }\r\n\r\n if (this.refs.refExpirationDate) {\r\n this.refs.refExpirationDate.clearDateTimePicker();\r\n }\r\n if (selectedSkuDropDown.QualifierSummaries) {\r\n if (selectedSkuDropDown.QualifierSummaries.length > 1) {\r\n isRequiredQualifier = true;\r\n } else if (selectedSkuDropDown.QualifierSummaries.length == 1 && selectedSkuDropDown.QualifierSummaries[0].Qualifier != \"\") {\r\n isRequiredQualifier = true;\r\n }\r\n showQualifier = ObjectWms.doesKeyContainValidValue(selectedSkuDropDown.QualifierSummaries, \"Qualifier\");\r\n selectedSkuDropDown.Qualifier = selectedSkuDropDown.QualifierSummaries[0];\r\n qualifier = selectedSkuDropDown.QualifierSummaries[0].Qualifier;\r\n }\r\n if (this.props.selectedCustomer.options.suggestedPutAwayEnabled) {\r\n\r\n if (qualifier == \"\") {\r\n qualifier = \"''\";\r\n }\r\n\r\n manageReceiptService.getSuggestedPutawayLocations(this.props.selectedFacility.id, selectedSkuDropDown.Id, qualifier).then((response) => {\r\n this.setState({\r\n suggestedPutawayLocationsOptions: response,\r\n showLocationDropdown: (response.length == 0),\r\n showSuggestedPutawayLocations: (response.length != 0),\r\n showRecommendedLocations: (response.length != 0),\r\n });\r\n });\r\n }\r\n this.setState({\r\n selectedSku: e.target.value,\r\n itemSummary: Object.assign(\r\n this.state.itemSummary,\r\n selectedSkuDropDown\r\n ),\r\n showTrackBys: showTrackBys,\r\n showQualifier: showQualifier,\r\n isRequiredQualifier: isRequiredQualifier,\r\n disableMovableUnits: true\r\n });\r\n\r\n this.resetLineItemsSection('skuChange');\r\n this.initialiseCustomFieldGridData();\r\n } else {\r\n this.resetLineItemsSection();\r\n }\r\n }\r\n\r\n /* istanbul ignore next */\r\n qualifierOptionsChange = (e) => {\r\n var qualifier = Object.assign({}, e.target.value);\r\n this.handleChangeEvent({ target: { value: qualifier } }, \"Qualifier\");\r\n\r\n if (this.props.selectedCustomer.options.suggestedPutAwayEnabled) {\r\n if (qualifier.Qualifier == \"\") {\r\n qualifier.Qualifier = \"''\";\r\n }\r\n manageReceiptService.getSuggestedPutawayLocations(this.props.selectedFacility.id, this.state.itemSummary.Id, qualifier.Qualifier).then((response) => {\r\n this.setState({\r\n suggestedPutawayLocationsOptions: response,\r\n showLocationDropdown: true,\r\n showSuggestedPutawayLocations: (response.length != 0),\r\n });\r\n });\r\n }\r\n };\r\n\r\n resetLineItemsSection = (type) => {\r\n var PrimaryInvQty = null;\r\n if (this.state.itemSummary.TrackBys) {\r\n if (this.state.itemSummary.TrackBys.TrackSerialNumber == 3 || this.state.itemSummary.TrackBys.TrackSerialNumber == 4) {\r\n PrimaryInvQty = 1;\r\n }\r\n }\r\n\r\n var showQualifier = this.state.showQualifier;\r\n var showTrackBys = this.state.showTrackBys;\r\n var itemSummary = Object.assign(\r\n this.state.itemSummary,\r\n {\r\n PrimaryInvQty: PrimaryInvQty,\r\n SecondaryInvQty: null,\r\n LotNumber: null,\r\n SerialNumber: null,\r\n LandedCost: null,\r\n Cost: null,\r\n ExpDate: null,\r\n Weight: null,\r\n Location: { Name: \"\", Description: \"\", Id: 0 },\r\n Supplier: { Id: 0, },\r\n }\r\n );\r\n\r\n if (type != \"skuChange\") {\r\n showQualifier = false;\r\n showTrackBys = false;\r\n itemSummary = Object.assign({}, this.defaultItemsummary);\r\n }\r\n\r\n this.setState({\r\n showQualifier: showQualifier,\r\n showTrackBys: showTrackBys,\r\n itemSummary: itemSummary,\r\n lineItemCustomFieldsGridData: [],\r\n labelPrimaryRec: 0,\r\n labelSecondaryRec: 0,\r\n selectedMovableUnitLabel: {\r\n Name: \"\"\r\n },\r\n disableMovableUnits: true\r\n }, this.checkItemReadyForSave());\r\n }\r\n\r\n\r\n eventChangeLocationList = (e) => {\r\n this.setState({\r\n showRecommendedLocations: !this.state.showRecommendedLocations,\r\n showLocationDropdown: this.state.showRecommendedLocations,\r\n }, () => {\r\n this.checkItemReadyForSave();\r\n });\r\n }\r\n\r\n getMovableUnitLabelOptions = (lineItemsGridData) => {\r\n var movableUnitLabels = [];\r\n var receiptLineItemGridData = lineItemsGridData;\r\n // this.props.sharedReceiptLineItemGridData.forEach(lineItem => {\r\n receiptLineItemGridData.forEach(lineItem => {\r\n if (lineItem.MovableUnitLabel != null && lineItem.MovableUnitLabel != \"\") {\r\n if (ObjectWms.FindIndexByProperty(movableUnitLabels, \"Name\", lineItem.MovableUnitLabel) == -1) {\r\n movableUnitLabels.push({\r\n \"Name\": lineItem.MovableUnitLabel\r\n });\r\n }\r\n }\r\n });\r\n\r\n // add in System-Assigned which option which should always be there\r\n movableUnitLabels.unshift({\r\n \"Name\": this.translate('Label_System_Assigned'),\r\n });\r\n // add in None option that should always be there, we need to make sure this is selected by default in all cases too\r\n if (this.props.selectedCustomer.options.trackPallets != 2) {\r\n movableUnitLabels.unshift({\r\n \"Name\": this.translate('Label_None'),\r\n });\r\n }\r\n\r\n this.setState({\r\n optionsMovableUnitLabels: movableUnitLabels,\r\n //selectedMovableUnitLabel: movableUnitLabels[0].Name\r\n });\r\n }\r\n\r\n getHoldReasonOptions = () => {\r\n var HoldReasonOptions = [];\r\n var holdReasonsArray = this.translate('Inventory_HoldReason').split(',');\r\n holdReasonsArray.forEach(reason => {\r\n if (reason) {\r\n HoldReasonOptions.push({\r\n \"Name\": reason,\r\n \"Value\": reason\r\n });\r\n }\r\n });\r\n return HoldReasonOptions;\r\n }\r\n\r\n eventMovableUnitLabelsChange = (e) => {\r\n if (e != \"\" && e.target.value != null && e.target.value != \"\") {\r\n var selectedIndex = e.target.selectedIndex;\r\n var selectedMovableUnit = e.target.value;\r\n\r\n this.setState({\r\n selectedMovableUnitLabel: {\r\n Name: selectedMovableUnit\r\n }\r\n });\r\n\r\n if (selectedIndex == 0 && selectedMovableUnit == \"None\") {\r\n this.setState({\r\n selectedMovableUnitLabel: {\r\n Name: this.state.optionsMovableUnitLabels[0].Name\r\n },\r\n disableSplitMU: true,\r\n disableMovableUnits: true,\r\n selectedMovableUnitType: {\r\n Name: \"\"\r\n },\r\n itemSummary: Object.assign(\r\n this.state.itemSummary,\r\n {\r\n MovUnitHeight: null,\r\n MovUnitLength: null,\r\n MovUnitWeight: null,\r\n MovUnitWidth: null,\r\n MovUnitType: null,\r\n MovUnitNumber: null,\r\n CreateMultipleMovUnits: false\r\n }\r\n ),\r\n\r\n });\r\n } else if (selectedIndex == -1) {\r\n this.setState({\r\n disableSplitMU: true,\r\n disableMovableUnits: true,\r\n });\r\n\r\n manageReceiptService.getPalletInfoByLabel(selectedMovableUnit).then((response) => {\r\n if (response != null && response != \"\") {\r\n\r\n this.setState({\r\n itemSummary: Object.assign(\r\n this.state.itemSummary,\r\n {\r\n MovUnitType: response.Name,\r\n MovUnitLength: (this.state.measurementStandard == 0) ? response.ImperialLength : response.MetricLength,\r\n MovUnitWidth: (this.state.measurementStandard == 0) ? response.ImperialWidth : response.MetricWidth,\r\n MovUnitHeight: (this.state.measurementStandard == 0) ? response.ImperialHeight : response.MetricHeight,\r\n MovUnitWeight: (this.state.measurementStandard == 0) ? response.ImperialWeight : response.MetricWeight,\r\n MovUnitNumber: this.state.itemSummary.Pallets.Qty,\r\n CreateMultipleMovUnits: this.state.enableSplitMU\r\n }\r\n )\r\n });\r\n } else {\r\n this.setState({\r\n disableSplitMU: !(this.state.itemSummary.Pallets != null && this.state.itemSummary.Pallets.Qty),\r\n });\r\n var selectedMovableUnitTypeName = this.state.optionsMovableUnitTypes[0].Name;\r\n var MovUnitLength = null;\r\n var MovUnitWidth = null;\r\n var MovUnitHeight = null;\r\n var MovUnitWeight = null;\r\n var MovUnitNum = null;\r\n\r\n if (this.state.itemSummary.Pallets != null) {\r\n if (this.state.itemSummary.Pallets.TypeIdentifier != null) {\r\n selectedMovableUnitTypeName = this.state.itemSummary.Pallets.TypeIdentifier.Name;\r\n }\r\n MovUnitNum = this.state.itemSummary.Pallets.Qty;\r\n\r\n if (this.state.measurementStandard == 0) {\r\n MovUnitLength = (this.state.itemSummary.Pallets.Imperial != null) ? this.state.itemSummary.Pallets.Imperial.Length : null;\r\n MovUnitWidth = (this.state.itemSummary.Pallets.Imperial != null) ? this.state.itemSummary.Pallets.Imperial.Width : null;\r\n MovUnitHeight = (this.state.itemSummary.Pallets.Imperial != null) ? this.state.itemSummary.Pallets.Imperial.Height : null;\r\n MovUnitWeight = (this.state.itemSummary.Pallets.Imperial != null) ? this.state.itemSummary.Pallets.Imperial.Weight : null;\r\n } else {\r\n MovUnitLength = (this.state.itemSummary.Pallets.Metric != null) ? this.state.itemSummary.Pallets.Metric.Length : null;\r\n MovUnitWidth = (this.state.itemSummary.Pallets.Metric != null) ? this.state.itemSummary.Pallets.Metric.Width : null;\r\n MovUnitHeight = (this.state.itemSummary.Pallets.Metric != null) ? this.state.itemSummary.Pallets.Metric.Height : null;\r\n MovUnitWeight = (this.state.itemSummary.Pallets.Metric != null) ? this.state.itemSummary.Pallets.Metric.Weight : null;\r\n }\r\n\r\n }\r\n this.setState({\r\n disableMovableUnits: false,\r\n selectedMovableUnitType: {\r\n Name: selectedMovableUnitTypeName\r\n },\r\n itemSummary: Object.assign(\r\n this.state.itemSummary,\r\n {\r\n MovUnitLength: MovUnitLength,\r\n MovUnitWidth: MovUnitWidth,\r\n MovUnitHeight: MovUnitHeight,\r\n MovUnitWeight: MovUnitWeight,\r\n MovUnitNumber: MovUnitNum,\r\n CreateMultipleMovUnits: this.state.enableSplitMU\r\n }\r\n )\r\n });\r\n }\r\n });\r\n } else if (selectedIndex != 0 || selectedIndex != -1) {\r\n if (selectedMovableUnit !== this.translate('Label_System_Assigned')) {\r\n var isUpdateSummary = false;\r\n this.setState({\r\n disableSplitMU: true,\r\n disableMovableUnits: true,\r\n });\r\n var receiptLineItemGridData = this.props.lineItemsGridData;\r\n // this.props.sharedReceiptLineItemGridData.forEach(lineItem => {\r\n receiptLineItemGridData.forEach(lineItem => {\r\n if (lineItem.MovableUnitLabel === selectedMovableUnit && !isUpdateSummary) {\r\n this.setState({\r\n itemSummary: Object.assign(\r\n this.state.itemSummary,\r\n {\r\n MovUnitType: lineItem.MovableUnitType,\r\n MovUnitLength: lineItem.MovableUnitLength,\r\n MovUnitWidth: lineItem.MovableUnitWidth,\r\n MovUnitHeight: lineItem.MovableUnitHeight,\r\n MovUnitWeight: lineItem.MovableUnitWeight,\r\n MovUnitNumber: this.state.itemSummary.Pallets.Qty,\r\n CreateMultipleMovUnits: this.state.enableSplitMU\r\n }\r\n ),\r\n });\r\n isUpdateSummary = true;\r\n }\r\n });\r\n } else {\r\n var selectedMovableUnitTypeName = this.state.optionsMovableUnitTypes[0].Name;\r\n var MovUnitLength = null;\r\n var MovUnitWidth = null;\r\n var MovUnitHeight = null;\r\n var MovUnitWeight = null;\r\n var MovUnitNum = null;\r\n\r\n if (this.state.itemSummary.Pallets != null) {\r\n if (this.state.itemSummary.Pallets.TypeIdentifier != null) {\r\n selectedMovableUnitTypeName = this.state.itemSummary.Pallets.TypeIdentifier.Name;\r\n MovUnitNum = this.state.itemSummary.Pallets.Qty;\r\n }\r\n\r\n if (this.state.measurementStandard == 0) {\r\n MovUnitLength = (this.state.itemSummary.Pallets.Imperial != null) ? this.state.itemSummary.Pallets.Imperial.Length : null;\r\n MovUnitWidth = (this.state.itemSummary.Pallets.Imperial != null) ? this.state.itemSummary.Pallets.Imperial.Width : null;\r\n MovUnitHeight = (this.state.itemSummary.Pallets.Imperial != null) ? this.state.itemSummary.Pallets.Imperial.Height : null;\r\n MovUnitWeight = (this.state.itemSummary.Pallets.Imperial != null) ? this.state.itemSummary.Pallets.Imperial.Weight : null;\r\n } else {\r\n MovUnitLength = (this.state.itemSummary.Pallets.Metric != null) ? this.state.itemSummary.Pallets.Metric.Length : null;\r\n MovUnitWidth = (this.state.itemSummary.Pallets.Metric != null) ? this.state.itemSummary.Pallets.Metric.Width : null;\r\n MovUnitHeight = (this.state.itemSummary.Pallets.Metric != null) ? this.state.itemSummary.Pallets.Metric.Height : null;\r\n MovUnitWeight = (this.state.itemSummary.Pallets.Metric != null) ? this.state.itemSummary.Pallets.Metric.Weight : null;\r\n }\r\n }\r\n\r\n this.setState({\r\n disableSplitMU: !(this.state.itemSummary.Pallets != null && this.state.itemSummary.Pallets.Qty),\r\n disableMovableUnits: false,\r\n selectedMovableUnitType: {\r\n Name: selectedMovableUnitTypeName\r\n },\r\n itemSummary: Object.assign(\r\n this.state.itemSummary,\r\n {\r\n MovUnitLength: MovUnitLength,\r\n MovUnitWidth: MovUnitWidth,\r\n MovUnitHeight: MovUnitHeight,\r\n MovUnitWeight: MovUnitWeight,\r\n MovUnitNumber: MovUnitNum,\r\n CreateMultipleMovUnits: this.state.enableSplitMU\r\n }\r\n )\r\n });\r\n }\r\n }\r\n this.checkItemReadyForSave();\r\n }\r\n else {\r\n this.setState({\r\n selectedMovableUnitLabel: {\r\n Name: \"\"\r\n },\r\n disableSplitMU: true,\r\n disableMovableUnits: true,\r\n selectedMovableUnitType: {\r\n Name: \"\"\r\n },\r\n itemSummary: Object.assign(\r\n this.state.itemSummary,\r\n {\r\n MovUnitHeight: null,\r\n MovUnitLength: null,\r\n MovUnitWeight: null,\r\n MovUnitWidth: null,\r\n MovUnitType: null,\r\n MovUnitNumber: null,\r\n CreateMultipleMovUnits: false\r\n }\r\n ),\r\n\r\n });\r\n }\r\n }\r\n\r\n eventMovableUnitTypeChange = (e) => {\r\n var selectedMovableUnitType = Object.assign({}, e.target.value);\r\n if (e.target.selectedIndex != -1) {\r\n this.setState({\r\n itemSummary: Object.assign(\r\n this.state.itemSummary,\r\n {\r\n MovUnitType: selectedMovableUnitType.Name,\r\n MovUnitLength: (this.state.measurementStandard == 0) ? selectedMovableUnitType.ImperialLength : selectedMovableUnitType.MetricLength,\r\n MovUnitWidth: (this.state.measurementStandard == 0) ? selectedMovableUnitType.ImperialWidth : selectedMovableUnitType.MetricWidth,\r\n MovUnitHeight: (this.state.measurementStandard == 0) ? selectedMovableUnitType.ImperialHeight : selectedMovableUnitType.MetricHeight,\r\n MovUnitWeight: (this.state.measurementStandard == 0) ? selectedMovableUnitType.ImperialWeight : selectedMovableUnitType.MetricWeight,\r\n }\r\n ),\r\n });\r\n }\r\n this.setState({\r\n selectedMovableUnitType: selectedMovableUnitType\r\n }, this.checkItemReadyForSave());\r\n }\r\n\r\n showRecommendation = (e) => {\r\n let qntyValue = e.target.value;\r\n let qntyName = e.target.name;\r\n let labelPrimaryRec = 0;\r\n let labelSecondaryRec = 0;\r\n\r\n if (qntyName == 'PrimaryInvQty') {\r\n labelSecondaryRec = qntyValue / this.state.itemSummary.PrimaryUnitsPerSecondaryUnit;\r\n if ((labelSecondaryRec % 1 != 0) && this.state.itemSummary.SecondaryIsIntegral) {\r\n labelSecondaryRec = Math.ceil(labelSecondaryRec);\r\n }\r\n this.setState({ labelSecondaryRec: labelSecondaryRec });\r\n }\r\n if (qntyName == 'SecondaryInvQty') {\r\n labelPrimaryRec = qntyValue * this.state.itemSummary.PrimaryUnitsPerSecondaryUnit;\r\n if ((labelPrimaryRec % 1 != 0) && this.state.itemSummary.PrimaryIsIntegral) {\r\n labelPrimaryRec = Math.ceil(labelPrimaryRec);\r\n }\r\n this.setState({ labelPrimaryRec: labelPrimaryRec });\r\n }\r\n\r\n this.handleChangeEvent({ target: { value: qntyValue } }, qntyName);\r\n }\r\n\r\n eventCalculateWeight = () => {\r\n if (this.state.itemSummary.PackageUnit != null) {\r\n // We dont know if they have filled out primary quantity or secondary quantity so the first thing we need to do is convert to primary and use this\r\n var _adjustedQty = \"\";\r\n //var unitWeightForPackage;\r\n var invQty;\r\n var Weight = null;\r\n\r\n if (this.state.itemSummary.PrimaryInvQty) {\r\n _adjustedQty = this.state.itemSummary.PrimaryInvQty;\r\n } else if (this.state.itemSummary.SecondaryInvQty) {\r\n _adjustedQty = this.state.itemSummary.SecondaryInvQty * this.state.itemSummary.PrimaryUnitsPerSecondaryUnit;\r\n }\r\n\r\n if (this.props.selectedFacility.measurementStandard != 0) {\r\n var metricData = this.state.itemSummary.PackageUnit.Metric;\r\n if (metricData != null && metricData.Weight != null) {\r\n //unitWeightForPackage = parseFloat(new Big(metricData.Weight || 0).div(new Big(this.state.itemSummary.PackageUnit.InventoryUnitsPerUnit || 0)).round(4));\r\n //Weight = parseFloat(new Big(_adjustedQty || 0).times(new Big(unitWeightForPackage || 0)).round(4));\r\n invQty = parseFloat(new Big(_adjustedQty || 0).div(new Big(this.state.itemSummary.PackageUnit.InventoryUnitsPerUnit || 0)));\r\n Weight = parseFloat(new Big(metricData.Weight || 0).times(new Big(invQty || 0)).round(4));\r\n }\r\n } else {\r\n var imperialData = this.state.itemSummary.PackageUnit.Imperial;\r\n if (imperialData != null && imperialData.Weight != null) {\r\n //unitWeightForPackage = parseFloat((new Big(imperialData.Weight || 0).div(new Big(this.state.itemSummary.PackageUnit.InventoryUnitsPerUnit || 0))).round(4));\r\n //Weight = parseFloat((new Big(_adjustedQty || 0).times(new Big(unitWeightForPackage || 0))).round(4));\r\n invQty = parseFloat(new Big(_adjustedQty || 0).div(new Big(this.state.itemSummary.PackageUnit.InventoryUnitsPerUnit || 0)));\r\n Weight = parseFloat(new Big(imperialData.Weight || 0).times(new Big(invQty || 0)).round(4));\r\n }\r\n }\r\n\r\n this.setState({\r\n itemSummary: Object.assign(\r\n this.state.itemSummary,\r\n {\r\n Weight: Weight\r\n }\r\n ),\r\n });\r\n }\r\n }\r\n\r\n suplierDropdownDataBound = (e) => {\r\n\r\n let data = Object.assign([], e.sender.dataSource._data);\r\n\r\n if (data.length > 0) {\r\n if (this.props.sharedLineItemFlow == \"edit\" && this.props.sharedSelectedLineItem.Supplier) {\r\n data.forEach(element => {\r\n if (this.props.sharedSelectedLineItem.Supplier == element.CompanyName) {\r\n this.handleChangeEvent({ target: { value: element } }, \"Supplier\");\r\n }\r\n });\r\n }\r\n }\r\n }\r\n\r\n\r\n locationDropdownDataBound = (e) => {\r\n // let data = Object.assign([],e.sender.dataSource._data);\r\n // let showLocationDropdown = false;\r\n\r\n // if (data.length > 0) {\r\n // showLocationDropdown = true;\r\n\r\n // if (this.props.sharedLineItemFlow == \"edit\" && this.props.sharedSelectedLineItem.Location) {\r\n // // data.forEach(element => {\r\n // console.log(\"this.props.sharedSelectedLineItem.LocationId\",this.props.sharedSelectedLineItem.LocationId)\r\n // if (this.props.sharedSelectedLineItem.LocationId) {\r\n // this.handleChangeEvent({ target: { value: this.props.sharedSelectedLineItem.LocationId } }, \"Location\");\r\n // }\r\n // // });\r\n // }\r\n // }\r\n\r\n // this.setState({\r\n // showLocationDropdown: showLocationDropdown,\r\n // });\r\n }\r\n\r\n setCustomFieldData = (e, key) => {\r\n this.setState({\r\n customField: Object.assign(\r\n this.state.customField,\r\n {\r\n [key]: e.target.value\r\n }\r\n )\r\n });\r\n }\r\n\r\n /* istanbul ignore next */\r\n addCustomeElement = (e) => {\r\n var lineItemCustomFieldsGridData = Object.assign([], this.state.lineItemCustomFieldsGridData);\r\n let isFieldAvailable = lineItemCustomFieldsGridData.some((el) => {\r\n return el['Name'].toLowerCase() == this.state.customField.Name.toLowerCase();\r\n });\r\n\r\n if (isFieldAvailable) {\r\n GlobalService.notification(\"error\", this.translate('Label_Unique_Value_Required') + ':', this.translate('Label_Name'));\r\n return;\r\n }\r\n\r\n var customFieldDataObj = Object.assign(\r\n this.state.customField,\r\n {\r\n Required: false\r\n }\r\n );\r\n lineItemCustomFieldsGridData.push(customFieldDataObj);\r\n\r\n this.setState({\r\n lineItemCustomFieldsGridData: lineItemCustomFieldsGridData,\r\n customField: {},\r\n });\r\n }\r\n\r\n checkItemReadyForSave = () => {\r\n var ItemSummary = Object.assign({}, this.state.itemSummary);\r\n\r\n var hasNoSuggestedPutawaylocation = false;\r\n if (this.state.itemSummary.PutawayLocation) {\r\n hasNoSuggestedPutawaylocation = StringWms.isEmpty(this.state.itemSummary.PutawayLocation.LocationName);\r\n }\r\n\r\n var notready = (this.state.itemSummary.Id == 0)\r\n || (!ItemSummary.PrimaryInvQty && !ItemSummary.SecondaryInvQty)\r\n || (ItemSummary.PrimaryInvQty <= 0 && !ItemSummary.SecondaryInvQty < 0)\r\n || (ItemSummary.TrackBys.TrackLotNumber == 2 && !ItemSummary.LotNumber)\r\n || ((ItemSummary.TrackBys.TrackSerialNumber == 3 || ItemSummary.TrackBys.TrackSerialNumber == 4)\r\n && !ItemSummary.SerialNumber)\r\n || (ItemSummary.TrackBys.TrackCost == 2 && !ItemSummary.LandedCost)\r\n || (ItemSummary.TrackBys.TrackExpirationDate == 2 && !ItemSummary.ExpDate)\r\n || (ItemSummary.HoldStatus && (\r\n (ItemSummary.HoldReason == 'Other' && !ItemSummary.otherHoldReason) || !ItemSummary.HoldReason\r\n )\r\n )\r\n || (this.state.showMovableUnitFields === 2 && this.state.selectedMovableUnitLabel.Name === '')\r\n || (this.props.selectedCustomer.options.trackLocation === 2 && (\r\n (this.state.showRecommendedLocations == true && hasNoSuggestedPutawaylocation) ||\r\n (this.state.showRecommendedLocations == false && this.state.itemSummary.Location.Id <= 0)\r\n )\r\n )\r\n || (this.props.selectedCustomer.options.trackSupplier === 2 && this.state.itemSummary.Supplier.Id <= 0);\r\n if (this.props.sharedLineItemFlow == 'create') {\r\n notready = (notready || this.state.requiredElementsComplete == false);\r\n }\r\n if (this.state.isRequiredQualifier && this.state.itemSummary.Qualifier && !this.state.itemSummary.Qualifier.Qualifier) {\r\n notready = true;\r\n }\r\n this.setState({\r\n isItemReadyForSave: !notready,\r\n });\r\n }\r\n\r\n /* istanbul ignore next */\r\n saveLineItemAndExit = () => {\r\n\r\n if (this.state.showMovableUnitFields == 2 && this.state.selectedMovableUnitLabel.Name == \"None\") {\r\n GlobalService.notification('error', this.translate('Label_Receipt_MU_Required'));\r\n } else {\r\n this.setState({ savingGif: true });\r\n\r\n var volume = 0;\r\n\r\n if (this.state.itemSummary.MovUnitLength && this.state.itemSummary.MovUnitWidth && this.state.itemSummary.MovUnitHeight) {\r\n volume = parseFloat(new Big(this.state.itemSummary.MovUnitLength || 0).times(new Big(this.state.itemSummary.MovUnitWidth || 0)).times(new Big(this.state.itemSummary.MovUnitHeight || 0)).round(4));\r\n }\r\n\r\n var _SecondaryQty = null;\r\n if (this.state.itemSummary.SecondaryInvQty) {\r\n _SecondaryQty = this.state.itemSummary.SecondaryInvQty;\r\n } else if (!this.state.itemSummary.SecondaryInvQty && this.state.itemSummary.SecondaryUom) {\r\n _SecondaryQty = this.state.labelSecondaryRec;\r\n }\r\n\r\n\r\n // code to determine supplier, if supplier is set in UI, use its value to send over to api, else send null\r\n var _supplierValue = (this.state.itemSummary.Supplier.CompanyName) ? this.state.itemSummary.Supplier.CompanyName : null;\r\n // if supplierValue is equal to the injected option we did, then we want that to be null\r\n if (_supplierValue == this.translate('Label_Select_Supplier')) {\r\n _supplierValue = null;\r\n }\r\n var isMuLabelNull = false;\r\n if (this.state.selectedMovableUnitLabel.Name) {\r\n if (\r\n this.state.selectedMovableUnitLabel.Name == \"None\" ||\r\n this.state.selectedMovableUnitLabel.Name.toLowerCase() == this.translate('Label_System_Assigned').toLowerCase() ||\r\n this.state.selectedMovableUnitLabel.Name.toLowerCase() == 'systemset'\r\n ) {\r\n isMuLabelNull = true;\r\n }\r\n }\r\n let locationName = '';\r\n if (this.state.itemSummary.Location && this.state.itemSummary.Location.Name != \"Select a location\") {\r\n locationName = this.state.itemSummary.Location.Name;\r\n }\r\n const holdReason = this.state.itemSummary.HoldReason == \"Other\" ? this.state.itemSummary.otherHoldReason : this.state.itemSummary.HoldReason;\r\n var receiptLineItemDataToSave = {\r\n \"Description\": this.state.itemSummary.Description,\r\n \"HoldStatus\": (this.state.itemSummary.AutoHoldOnReceive) ? this.state.itemSummary.AutoHoldOnReceive : this.state.itemSummary.HoldStatus,\r\n \"HoldReason\": (this.state.itemSummary.AutoHoldOnReceive) ? this.translate('Label_AutoHoldOnReceive_Reason') : holdReason,\r\n \"SavedElements\": this.state.lineItemCustomFieldsGridData,\r\n \"SKU\": this.state.itemSummary.Sku,\r\n \"Qualifier\": (this.state.itemSummary.Qualifier) ? this.state.itemSummary.Qualifier.Qualifier : \"\",\r\n \"Qty\": (this.state.itemSummary.PrimaryInvQty) ? this.state.itemSummary.PrimaryInvQty : this.state.labelPrimaryRec,\r\n \"PrimaryUnits\": this.state.itemSummary.PrimaryUom,\r\n \"SecondaryQty\": _SecondaryQty,\r\n \"SecondaryUnits\": this.state.itemSummary.SecondaryUom,\r\n \"Weight\": this.state.itemSummary.Weight,\r\n \"Volume\": volume,\r\n \"LotNumber\": this.state.itemSummary.LotNumber,\r\n \"SerialNumber\": this.state.itemSummary.SerialNumber,\r\n \"ExpirationDate\": kendo.toString(kendo.parseDate(this.state.itemSummary.ExpDate), 'yyyy-MM-dd'),\r\n \"LandedCost\": this.state.itemSummary.LandedCost,\r\n \"Location\": (this.state.showSuggestedPutawayLocations && this.state.showRecommendedLocations) ? this.state.itemSummary.PutawayLocation.LocationName : locationName,\r\n \"Supplier\": _supplierValue,\r\n \"MovableUnitLabel\": (isMuLabelNull) ? null : this.state.selectedMovableUnitLabel.Name,\r\n \"MovableUnitType\": (this.state.disableMovableUnits) ? this.state.itemSummary.MovUnitType : this.state.selectedMovableUnitType.Name,\r\n\r\n \"MovableUnitLength\": this.state.itemSummary.MovUnitLength,\r\n \"MovableUnitWidth\": this.state.itemSummary.MovUnitWidth,\r\n \"MovableUnitHeight\": this.state.itemSummary.MovUnitHeight,\r\n \"MovableUnitWeight\": this.state.itemSummary.MovUnitWeight,\r\n \"SplitLineByMovableUnit\": this.state.itemSummary.CreateMultipleMovUnits,\r\n \"MovableUnitNumber\": this.state.itemSummary.MovUnitNumber\r\n };\r\n\r\n if (this.props.sharedLineItemFlow == 'edit') {\r\n receiptLineItemDataToSave.LineItemEditUri = this.props.sharedSelectedLineItem.LineItemEditUri;\r\n receiptLineItemDataToSave.ReceiveItemId = this.props.sharedSelectedLineItem.ReceiveItemId;\r\n receiptLineItemDataToSave.SplitLineByMovableUnit = this.state.itemSummary.CreateMultipleMovUnits;\r\n }\r\n\r\n var method = (this.props.sharedLineItemFlow == \"create\") ? \"post\" : \"put\";\r\n var data = {\r\n editUri: this.props.sharedReceiptData.Receipt.EditUri,\r\n };\r\n if (this.props.sharedLineItemFlow == \"create\") {\r\n data.addedItem = receiptLineItemDataToSave;\r\n } else {\r\n data.updatedItem = receiptLineItemDataToSave;\r\n }\r\n\r\n\r\n if (this.state.selectedMovableUnitLabel.Name) {\r\n let loc = (this.state.showSuggestedPutawayLocations && this.state.showRecommendedLocations) ? this.state.itemSummary.PutawayLocation.LocationName : this.state.itemSummary.Location.Name;\r\n if (!loc || loc == 'Select a location') {\r\n loc = null; // passing it as null if its blank also\r\n }\r\n let receiveItemId = null;\r\n if (receiptLineItemDataToSave.ReceiveItemId) {\r\n receiveItemId = receiptLineItemDataToSave.ReceiveItemId;\r\n }\r\n\r\n manageReceiptService.checkifMUExistsMultipleLocs(this.state.selectedMovableUnitLabel.Name, this.props.selectedFacility.id, loc, receiveItemId).then((response) => {\r\n if (response != 'undefined') {\r\n this.createOrUpdateReceiptLineItem(method, data);\r\n }\r\n }).finally(() => {\r\n this.setState({ savingGif: false });\r\n });\r\n } else {\r\n this.createOrUpdateReceiptLineItem(method, data);\r\n }\r\n\r\n }\r\n }\r\n createOrUpdateReceiptLineItem = (method, data) => {\r\n manageReceiptService.saveReceiptLineItem(method, data).then((response) => {\r\n this.setState({ savingGif: false });\r\n if (response && response.status == 204 || response.status == 200) {\r\n var successMsg = this.translate('Label_ReceiptLineItems_Create');\r\n this.props.onResetLineItemGrid();\r\n if (this.props.sharedLineItemFlow == 'edit') {\r\n successMsg = this.translate('Label_ReceiptLineItems_Update');\r\n this.props.onCloseModal();\r\n }\r\n GlobalService.notification('success', successMsg);\r\n }\r\n }).finally(() => {\r\n this.setState({ savingGif: false });\r\n });\r\n }\r\n\r\n openCreateItem = () => {\r\n this.props.onSaveReceipt();\r\n this.props.onCloseModal();\r\n this.$rootScope.OpenWindow({\r\n url: '\r\n
\r\n \r\n \r\n {(this.props.sharedIsOpenManageLineItemsModal) &&\r\n\r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react'\r\nimport { ObjectWms } from '../../../../assets/ts/ObjectWms.ts';\r\nimport { DictionaryWms } from '../../../../assets/ts/DictionaryWms.ts';\r\nimport { StringWms } from '../../../../assets/ts/StringWms.ts';\r\nimport { ArrayWms } from '../../../../assets/ts/ArrayWms.ts';\r\nimport { AttachDocuments } from './../../components/AttachDocuments/AttachDocuments.jsx';\r\n\r\nimport './manageReceipt.scss';\r\n\r\n//services\r\nimport * as manageReceiptService from './manageReceipt.services.jsx';\r\nimport * as GlobalService from './../../global_services';\r\nimport * as ReceiptGlobalService from './../findReceipt_global.services.jsx';\r\nimport * as DynamicMenu from './../dynamic_menu.jsx';\r\n\r\n\r\nimport WmsButton from '../../components/WmsButton/WmsButton.jsx';\r\nimport WmsComboBox from '../../components/WmsComboBox/WmsComboBox.jsx';\r\nimport WmsButtonDropdown from '../../components/WmsButtonDropdown/WmsButtonDropdown.jsx';\r\nimport WmsMenuItem from '../../components/WmsMenuItem/WmsMenuItem.jsx';\r\nimport WmsContainer from '../../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsDropdown from '../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsInput from '../../components/WmsInput/WmsInput.jsx';\r\nimport WmsDateTimePicker from '../../components/WmsDateTimePicker/WmsDateTimePicker.jsx';\r\nimport WmsTab from '../../components/WmsTab/WmsTab.jsx';\r\nimport { ManageReceiptTransportInformation } from './manageReceipt-transport-information.component.jsx';\r\nimport { ManageReceiptCustomReceiptInfo } from './manageReceipt-custom-receipt-info.component.jsx';\r\nimport { ManageReceiptLineItems } from './manageReceipt-line-items.component.jsx';\r\nimport { ManageReceiptCharges } from './manageReceipt-charges.component.jsx';\r\nimport { CreateManualChargeModel } from '../../orders/findOrders/model/create-manual-charge-model.component.jsx';\r\nimport { ConfirmReceiptModal } from './model/confirm-receipt-modal.component.jsx';\r\nimport { AddNewCustomFieldModal } from './model/add-new-custom-field-modal.component.jsx';\r\nimport { ManageLineItemsModal } from './model/manage-line-items-modal.component.jsx';\r\n\r\nexport class ManageReceiptHolder extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.Selector = \"ManageReceipt\";\r\n this.scrollAreaWrapperId = \"manageReceiptScrollBox\";\r\n this.scrollDomSelector = this.$rootScope.ChildBulletin.Data.Window ? '.' + this.$rootScope.ChildBulletin.Data.Window + '#' + this.scrollAreaWrapperId : '#' + this.scrollAreaWrapperId;\r\n this.Rights = GlobalService.GetRights();\r\n\r\n this.isEnableProvider = this.Rights.hasOwnProperty('Shipping.SmallParcelEnabled') && this.Rights['Integrations.SmallParcelPartner'] == 'ParcelApi';\r\n\r\n this.tabHeaderRef = React.createRef();\r\n this.transportInformationRef = React.createRef();\r\n this.customReceiptInfoRef = React.createRef();\r\n this.lineItemsRef = React.createRef();\r\n this.receiptChargesRef = React.createRef();\r\n\r\n this.sectionRefs = [\r\n {\r\n section: \"collapseReceiptTransportInformation\",\r\n ref: this.transportInformationRef,\r\n label: this.translate('Label_Transport_Information'),\r\n wmsSelector: this.Selector + \"TransportInformation\",\r\n isTabShow: true\r\n },\r\n {\r\n section: \"collapseReceiptCustomInfo\",\r\n ref: this.customReceiptInfoRef,\r\n label: this.translate('Label_Custom_Receipt_Info'),\r\n wmsSelector: this.Selector + \"CustomReceiptInfo\",\r\n isTabShow: true\r\n },\r\n {\r\n section: \"collapseReceiptLineitem\",\r\n ref: this.lineItemsRef,\r\n label: this.translate('Label_Receipt_Line_Items'),\r\n wmsSelector: this.Selector + \"ReceiptLineItems\",\r\n isTabShow: true\r\n },\r\n {\r\n section: \"collapseReceiptCharges\",\r\n ref: this.receiptChargesRef,\r\n label: this.translate('Label_Receipt_Charges'),\r\n wmsSelector: this.Selector + \"ReceiptCharges\",\r\n isTabShow: this.Rights.hasOwnProperty('receipts.charges.manage') ? true : false\r\n }\r\n ];\r\n\r\n this.isCreating = false;\r\n this.emptySharedReceiptData = {\r\n Receipt: {\r\n ReferenceNum: ''\r\n },\r\n ChargeTypeCategories: []\r\n };\r\n\r\n this.state = {\r\n selector: this.Selector,\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n Rights: this.Rights,\r\n customLabels: GlobalService.getCustomLabels(),\r\n sharedReceiptData: this.emptySharedReceiptData,\r\n optionsCustomer: GlobalService.getCustomerList(false),\r\n optionsFacility: [],\r\n MenuPrintData: [],\r\n InitialPrintMenuResponse: [],\r\n selectedCustomerId: \"\",\r\n selectedFacilityId: \"\",\r\n selectedFacility: {},\r\n selectedCustomer: { options: {} },\r\n gifComplete: false,\r\n savingGif: false,\r\n enableSave: false,\r\n confirmedReceipt: false,\r\n showCustomReceiptInfo: false,\r\n isSaved: false,\r\n sharedIsOpenManualChargeModal: false,\r\n sharedIsOpenAddNewCustomFieldModal: false,\r\n sharedIsOpenManageLineItemsModal: false,\r\n sharedLineItemFlow: '',\r\n sharedSelectedLineItem: '',\r\n manageReceiptEditData: {},\r\n lineItemsGridData: [],\r\n totalLineItems: 0,\r\n isOpenAttachDoc: false,\r\n sharedAttachObj: false,\r\n sharedIsOpenConfirmReceiptModal: false,\r\n gifConfirm: false,\r\n sharedIsResetLineItemGrid: false,\r\n isRequiredCustomReceiptInfo: false,\r\n warehouseMaxDateTime: \"\",\r\n sectionRefs: this.sectionRefs\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.initmanageReceipt();\r\n }\r\n resetLineItemGrid = () => {\r\n this.setState({\r\n sharedIsResetLineItemGrid: !this.state.sharedIsResetLineItemGrid,\r\n enableSave: true,\r\n });\r\n }\r\n initmanageReceipt = () => {\r\n // $rootScope.initTooltip();\r\n kendo.ui.progress($('#' + this.state.windowId), true);//Animation for loading the window\r\n this.setState({ savingGif: false });\r\n\r\n if (this.$rootScope.ChildBulletin.Data.flow == \"create\") {\r\n this.initializeCreate();\r\n this.isCreating = true;\r\n } else {\r\n this.isCreating = false;\r\n manageReceiptService.ManageReceiptEditData(this.$rootScope.ChildBulletin.Data.receipt.EditUri).then((response) => {\r\n\r\n if (response && (response.status == 204 || response.status == 200)\r\n ) {\r\n // if (response.data.Receipt.ReceiverId != 0) {\r\n // var eventItem = new CustomEvent(\"EventNewReceiptData\", {\r\n // detail: {\r\n // \"action\": \"update\",\r\n // \"ref\": response.data.Receipt.ReferenceNum,\r\n // \"trans\": response.data.Receipt.ReceiverId,\r\n // fromWindow: this.state.windowId,\r\n // \"thumbnail\": \"update\"\r\n // }\r\n // });\r\n // document.dispatchEvent(eventItem);\r\n // }\r\n\r\n this.initializeEdit(response.data);\r\n } else {\r\n kendo.ui.progress($('#' + this.state.windowId), false); //Turning off window loading animation\r\n }\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#' + this.state.windowId), false);\r\n });\r\n }\r\n }\r\n\r\n initializeCreate = () => {\r\n kendo.ui.progress($('#' + this.state.windowId), true);\r\n this.setCustomerAndWarehouse(0, 0, '');\r\n this.setState({\r\n enableSave: true,\r\n });\r\n }\r\n\r\n initializeEdit = (param_receipt_data) => {\r\n\r\n this.setCustomerAndWarehouse(param_receipt_data.Receipt.CustomerId, param_receipt_data.Receipt.FacilityId, param_receipt_data.GridOptions);\r\n\r\n GlobalService.getFacilityMaxDateTime(param_receipt_data.Receipt.FacilityId)\r\n .then((facilityCurrentTime) => {\r\n this.setState({ warehouseMaxDateTime: facilityCurrentTime });\r\n });\r\n\r\n param_receipt_data.UnitOfMeasureTypes.splice(0, 0, {\r\n 'Name': this.translate('Label_Select_UOM')\r\n });\r\n\r\n let tmpSharedReceiptObj = param_receipt_data;\r\n\r\n let tmpShipEngineCarrierResponse = tmpSharedReceiptObj.Carriers;\r\n tmpShipEngineCarrierResponse = tmpShipEngineCarrierResponse.filter((obj) => {\r\n return obj.Name != \"Buku\" && obj.Name != \"PitneyBowesExp\";\r\n });\r\n if (!this.isEnableProvider) {\r\n tmpShipEngineCarrierResponse = tmpShipEngineCarrierResponse.filter((obj) => {\r\n return obj.Name != \"PitneyBowesStd\";\r\n });\r\n }\r\n tmpSharedReceiptObj.Carriers = tmpShipEngineCarrierResponse;\r\n\r\n tmpSharedReceiptObj.ReceiveItemsData = {};\r\n\r\n if (param_receipt_data.Receipt.CapacityType != null) {\r\n for (var x = 0; x < param_receipt_data.CapacityTypes.length; x++) {\r\n if (param_receipt_data.CapacityTypes[x][\"CapacityTypeId\"] == param_receipt_data.Receipt.CapacityType.Id) {\r\n tmpSharedReceiptObj.Receipt.CapacityType.Id = param_receipt_data.CapacityTypes[x].CapacityTypeId;\r\n break;\r\n }\r\n }\r\n } else {\r\n tmpSharedReceiptObj.Receipt.CapacityType = {};\r\n tmpSharedReceiptObj.Receipt.CapacityType.Id = param_receipt_data.CapacityTypes[0].CapacityTypeId;\r\n }\r\n if (param_receipt_data.Receipt.Carrier != null) {\r\n for (var x = 0; x < param_receipt_data.Carriers.length; x++) {\r\n if (param_receipt_data.Carriers[x][\"Name\"] == param_receipt_data.Receipt.Carrier) {\r\n tmpSharedReceiptObj.Receipt.Carrier = param_receipt_data.Carriers[x].Name;\r\n break;\r\n }\r\n }\r\n } else {\r\n tmpSharedReceiptObj.Receipt.Carrier = param_receipt_data.Carriers[0].Name;\r\n }\r\n\r\n if (param_receipt_data.Receipt.Unit1Identifier != null) {\r\n for (var x = 0; x < param_receipt_data.UnitOfMeasureTypes.length; x++) {\r\n if (param_receipt_data.UnitOfMeasureTypes[x][\"Name\"] == param_receipt_data.Receipt.Unit1Identifier.Name) {\r\n tmpSharedReceiptObj.Receipt.Unit1Identifier.Name = param_receipt_data.UnitOfMeasureTypes[x].Name;\r\n break;\r\n }\r\n }\r\n } else {\r\n tmpSharedReceiptObj.Receipt.Unit1Identifier = {};\r\n tmpSharedReceiptObj.Receipt.Unit1Identifier.Name = param_receipt_data.UnitOfMeasureTypes[0].Name;\r\n }\r\n\r\n if (param_receipt_data.Receipt.Unit2Identifier != null) {\r\n for (var x = 0; x < param_receipt_data.UnitOfMeasureTypes.length; x++) {\r\n if (param_receipt_data.UnitOfMeasureTypes[x][\"Name\"] == param_receipt_data.Receipt.Unit2Identifier.Name) {\r\n tmpSharedReceiptObj.Receipt.Unit2Identifier.Name = param_receipt_data.UnitOfMeasureTypes[x].Name;\r\n break;\r\n }\r\n }\r\n } else {\r\n tmpSharedReceiptObj.Receipt.Unit2Identifier = {};\r\n tmpSharedReceiptObj.Receipt.Unit2Identifier.Name = param_receipt_data.UnitOfMeasureTypes[0].Name;\r\n }\r\n\r\n setTimeout(() => {\r\n $(\".\" + this.state.windowId + ' #ReceiptsPONum').focus();\r\n }, 100);\r\n\r\n\r\n\r\n // // remove grid element which us systemGenerated\r\n // if it is a systemGenerated = true we do not want to show it on initial load, only after recalculate\r\n const billingData = ObjectWms.removeObjFromListOnParameterValue(tmpSharedReceiptObj.Receipt.BillingCharges, \"SystemGenerated\", true);\r\n tmpSharedReceiptObj.Receipt.BillingCharges = billingData;\r\n\r\n tmpSharedReceiptObj.threePlReceiptSettings = param_receipt_data.ThreePlSettings;\r\n tmpSharedReceiptObj.ReceiveItemsData.receiveLineItems = param_receipt_data.Receipt.ReceiveItems;\r\n\r\n if (!StringWms.isEmpty(param_receipt_data.GridOptions.GridReceiptLineItems)) {\r\n tmpSharedReceiptObj.ReceiveItemsData.GridLayout = param_receipt_data.GridOptions.GridReceiptLineItems;\r\n }\r\n\r\n // Attach this to shared object so that saved elements grid can use it\r\n tmpSharedReceiptObj.ReceiptSE = param_receipt_data.ReceiptSE;\r\n\r\n var initialData = [];\r\n if (tmpSharedReceiptObj.Receipt.SavedElements.length > 0) {\r\n initialData = tmpSharedReceiptObj.Receipt.SavedElements;\r\n }\r\n // we should have the Predefined Elements for SavedElements attached to Receipts object before we get a notificaiton letting us know the data is ready.\r\n var nonDuplicatedPreDefined = [];\r\n\r\n for (var x = 0; x < tmpSharedReceiptObj.ReceiptSE.length; x++) {\r\n if (ObjectWms.FindIndexByProperty(initialData, \"Name\", tmpSharedReceiptObj.ReceiptSE[x].Name) == -1) {\r\n nonDuplicatedPreDefined.push(tmpSharedReceiptObj.ReceiptSE[x]);\r\n }\r\n }\r\n\r\n tmpSharedReceiptObj.Receipt.SavedElements = initialData.concat(nonDuplicatedPreDefined);\r\n\r\n kendo.ui.progress($('#' + this.state.windowId), false); //Turning off window loading animation\r\n\r\n this.onCustomReceiptInfoSave(tmpSharedReceiptObj.Receipt.SavedElements);\r\n this.setState({\r\n sharedReceiptData: tmpSharedReceiptObj,\r\n confirmedReceipt: param_receipt_data.Receipt.StatusEnum > 0,\r\n showCustomReceiptInfo: param_receipt_data.ThreePlSettings.OtherUserFeatures.SavedElementsEnabled,\r\n isSaved: true,\r\n enableSave: false,\r\n isReceiptCreated: true,\r\n savingGif: false\r\n });\r\n // update tab refs state\r\n var sectionRefs = this.state.sectionRefs;\r\n sectionRefs.forEach((elem) => {\r\n if (elem.section == \"collapseReceiptCustomInfo\") {\r\n elem.isTabShow = (param_receipt_data.ThreePlSettings.OtherUserFeatures.SavedElementsEnabled == true) ? true : false;\r\n }\r\n });\r\n this.setState({\r\n sectionRefs: sectionRefs\r\n });\r\n }\r\n\r\n onCustomReceiptInfoSave = (param_data) => {\r\n var receiptInfoRequired = false;\r\n var defaultValue = null;\r\n for (var i = 0; i < param_data.length; i++) {\r\n if (param_data[i].Required) {\r\n receiptInfoRequired = param_data[i].Required\r\n defaultValue = param_data[i].Value;\r\n }\r\n }\r\n this.setState({\r\n isRequiredCustomReceiptInfo: (receiptInfoRequired && !defaultValue) ? true : false,\r\n });\r\n }\r\n setCustomerAndWarehouse = (custId, facilityId, gridOption) => {\r\n GlobalService.GetCustomersAndFacility().then((response) => {\r\n\r\n let isCustomerAndFacilityLoad = false;\r\n let showPurchaseOrderSearch = false;\r\n let selectedCustomer = null;\r\n\r\n if (this.state.isSaved == true) {\r\n\r\n let optionsCustomer = GlobalService.getCustomerList(false);\r\n selectedCustomer = optionsCustomer[ObjectWms.getIndexBasedUponKeyValuePair(optionsCustomer, \"id\", custId)];\r\n if (selectedCustomer) {\r\n isCustomerAndFacilityLoad = true;\r\n this.getInitialPrintMenu(selectedCustomer.id);\r\n if (selectedCustomer.options.purchaseOrders == true) {\r\n showPurchaseOrderSearch = true;\r\n }\r\n this.setState({\r\n sharedReceiptData: Object.assign(\r\n this.state.sharedReceiptData,\r\n { customerSettings: selectedCustomer.options }\r\n )\r\n });\r\n }\r\n }\r\n if (selectedCustomer && selectedCustomer != null) {\r\n\r\n var temp = Object.assign([], GlobalService.getFacilityList(false));\r\n\r\n if (this.state.isSaved == false) {\r\n for (var x = 0; x < selectedCustomer.facilities.length; x++) {\r\n temp.push(GlobalService.Customers.FacilityDict[selectedCustomer.facilities[x]]);\r\n }\r\n }\r\n let selectedFacility = temp[ObjectWms.getIndexBasedUponKeyValuePair(temp, \"id\", facilityId)];\r\n\r\n this.setState({\r\n selectedCustomer: selectedCustomer,\r\n selectedCustomerId: selectedCustomer.id,\r\n selectedFacility: selectedFacility,\r\n selectedFacilityId: selectedFacility.id,\r\n optionsFacility: temp,\r\n isCustomerAndFacilityLoad: isCustomerAndFacilityLoad,\r\n showPurchaseOrderSearch: showPurchaseOrderSearch,\r\n });\r\n\r\n }\r\n kendo.ui.progress($('#' + this.state.windowId), false);\r\n });\r\n }\r\n\r\n onClickExitForm = () => {\r\n GlobalService.closeWindow(this.state.windowId);\r\n }\r\n\r\n indexOptionsCustomerChange = (event) => {\r\n var customerObj = this.getCustomerById(event.target.value);\r\n\r\n this.setState({\r\n selectedCustomerId: event.target.value != 0 ? event.target.value : \"\",\r\n selectedCustomer: customerObj,\r\n enableSave: true,\r\n });\r\n var temp = [];\r\n var facilityList = GlobalService.getFacilityDictList();\r\n for (var x = 0; x < customerObj.facilities.length; x++) {\r\n if(facilityList[customerObj.facilities[x]] !== undefined){\r\n temp.push(facilityList[customerObj.facilities[x]]);\r\n }\r\n }\r\n var warehouseId = \"\";\r\n var selectedFacility = \"\";\r\n if (temp.length > 0) {\r\n warehouseId = temp[ObjectWms.getIndexBasedUponKeyValuePair(temp, \"id\", customerObj.defaultFacility)] ?\r\n temp[ObjectWms.getIndexBasedUponKeyValuePair(temp, \"id\", customerObj.defaultFacility)].id : temp[0].id;\r\n selectedFacility = temp[ObjectWms.getIndexBasedUponKeyValuePair(temp, \"id\", warehouseId)] ?\r\n temp[ObjectWms.getIndexBasedUponKeyValuePair(temp, \"id\", warehouseId)] : temp[0];\r\n }\r\n this.setState({\r\n optionsFacility: temp,\r\n selectedFacility: selectedFacility,\r\n selectedFacilityId: warehouseId,\r\n });\r\n }\r\n\r\n getCustomerById(id) {\r\n return this.state.optionsCustomer.find((element) => {\r\n if (element.id == id) {\r\n return element;\r\n }\r\n });\r\n }\r\n\r\n getFacilityById(id) {\r\n return this.state.optionsFacility.find((element) => {\r\n if (element.id == id) {\r\n return element;\r\n }\r\n });\r\n }\r\n\r\n handleFaciltiySelectChange = (event) => {\r\n this.setState({\r\n selectedFacility: this.getFacilityById(event.target.value),\r\n selectedFacilityId: event.target.value,\r\n enableSave: true,\r\n });\r\n }\r\n\r\n getInitialPrintMenu(param_customer_id) {\r\n ReceiptGlobalService.getReports(param_customer_id).then((response) => {\r\n if (response) {\r\n this.setState({\r\n InitialPrintMenuResponse: response\r\n });\r\n this.updateInitialPrintMenu();\r\n }\r\n }).finally(() => { });\r\n }\r\n\r\n updateInitialPrintMenu = () => {\r\n var params = {\r\n Selector: this.state.selector,\r\n SelectedReceipts: 1,\r\n isClosedOrCanceled: false,\r\n isCanceled: false,\r\n Rights: this.state.Rights,\r\n fnNames: ['RunViewTransactionReport', 'RunMULabelReport', 'RunReceiptTicketReport']\r\n }\r\n const updatedMenus = DynamicMenu.getInitialDynamicPrintMenu(this.state.InitialPrintMenuResponse, params, this.dynamicMenuClick);\r\n this.setState({\r\n MenuPrintData: updatedMenus.PrintData,\r\n });\r\n }\r\n dynamicMenuClick = (event) => {\r\n var wmsid = $(event.target).parent().attr('data-wmsid');\r\n wmsid = \"clickOn\" + wmsid;\r\n if (this[wmsid]) {\r\n this[wmsid](event);\r\n } else {\r\n console.error(\"Uncaught TypeError: \" + wmsid + \" is not a function\");\r\n }\r\n }\r\n clickOnattachFiles = () => {\r\n var sharedAttachObj = {\r\n 'isReceipt': true,\r\n 'uri': this.state.sharedReceiptData.Receipt.EditUri,\r\n 'fileSummariesUri': this.state.sharedReceiptData.Receipt.FileSummariesUri,\r\n 'getAttachedDocsInfoUrl': '/WebUI/Receiving/FindReceivings/GetAttachedDocsInfo',\r\n 'getAttachedDocsInfoPayload': {\r\n 'receiverUri': this.state.sharedReceiptData.Receipt.EditUri\r\n },\r\n 'attachdocumentUrl': '/WebUI/Receiving/FindReceivings/AttachDocsToReceiver?receiverFileSummariesUri=' + this.state.sharedReceiptData.Receipt.FileSummariesUri,\r\n 'removeAttachDocUrl': '/WebUI/Receiving/FindReceivings/DeleteAttachedDoc',\r\n };\r\n\r\n this.setState({\r\n sharedAttachObj: sharedAttachObj,\r\n isOpenAttachDoc: true\r\n });\r\n }\r\n\r\n closeAttachDocuments = () => {\r\n this.setState({ isOpenAttachDoc: false });\r\n }\r\n closeConfirmReceiptModal = () => {\r\n this.setState({ sharedIsOpenConfirmReceiptModal: false });\r\n }\r\n clickOnRunViewTransactionReport = (e) => {\r\n this.dynamicServiceForDynamicMenu(e, 'RunViewTransactionReport');\r\n }\r\n clickOnRunMULabelReport = (e) => {\r\n this.dynamicServiceForDynamicMenu(e, 'RunMULabelReport');\r\n }\r\n clickOnRunReceiptTicketReport = (e) => {\r\n this.dynamicServiceForDynamicMenu(e, 'RunReceiptTicketReport');\r\n }\r\n dynamicServiceForDynamicMenu = (event, fnName) => {\r\n var runReport = $(event.target).parent().attr('data-run-report');\r\n\r\n manageReceiptService.dynamicServiceForDynamicMenu(fnName, runReport, this.state.sharedReceiptData.Receipt.ReceiverId, null, 'FindReceivings').then((response) => {\r\n this.handleResponseMenuPrint(response);\r\n }).finally(() => { });\r\n }\r\n\r\n handleResponseMenuPrint = (response) => {\r\n var blob = ArrayWms.convertBase64ToByteArray(response.Data, 'application/pdf');\r\n ArrayWms.displayBlobInWindow(blob, 'report.pdf');\r\n }\r\n onReceiptDataSet = (param_receiptObj, param_resetDiscardBtn) => {\r\n\r\n let sharedReceiptObj = this.state.sharedReceiptData;\r\n sharedReceiptObj.Receipt = param_receiptObj;\r\n\r\n let hasChangedReceipt = JSON.stringify(param_receiptObj) != JSON.stringify(this.state.sharedReceiptData)\r\n && (this.isCreating || JSON.stringify(this.emptySharedReceiptData) != JSON.stringify(this.state.sharedReceiptData));\r\n\r\n if (param_resetDiscardBtn) {\r\n hasChangedReceipt = false;\r\n }\r\n\r\n this.setState({\r\n enableSave: hasChangedReceipt,\r\n sharedReceiptData: Object.assign(\r\n this.state.sharedReceiptData,\r\n sharedReceiptObj\r\n )\r\n });\r\n }\r\n\r\n onReceiptOptionSet = (param_receiptObj, param_resetDiscardBtn) => {\r\n\r\n let sharedReceiptObj = this.state.sharedReceiptData;\r\n sharedReceiptObj = param_receiptObj;\r\n\r\n let tmpEnableSave = true;\r\n\r\n if (param_resetDiscardBtn) {\r\n tmpEnableSave = false;\r\n }\r\n\r\n this.setState({\r\n enableSave: tmpEnableSave,\r\n sharedReceiptData: Object.assign(\r\n this.state.sharedReceiptData,\r\n sharedReceiptObj\r\n )\r\n });\r\n }\r\n\r\n handleChangeForObject = (event) => {\r\n let ReceiptData = Object.assign({}, this.state.sharedReceiptData.Receipt);\r\n ReceiptData[event.target.name] = event.target.value;\r\n this.onReceiptDataSet(ReceiptData);\r\n }\r\n\r\n saveReceipt = (param_callerId) => {\r\n //For Ie11\r\n if (!param_callerId) {\r\n param_callerId = \"default\";\r\n this.setState({ savingGif: true });\r\n }\r\n\r\n if (param_callerId == 'create_item' || param_callerId == 'create_location') {\r\n this.setState({ savingGif: true });\r\n }\r\n\r\n if (param_callerId == 'confirm_receipt') {\r\n this.setState({ gifConfirm: true });\r\n }\r\n if (param_callerId == 'recalculate') {\r\n this.setState({ sharedGifRecalculate: true });\r\n }\r\n if (this.state.isSaved === true) {\r\n let param_receipt_payload = this.prepareFieldsOnEdit();\r\n manageReceiptService.UpdateReceipt(param_receipt_payload).then((response) => {\r\n\r\n if (\r\n response &&\r\n (response.status == 200 || response.status == 204)\r\n ) {\r\n\r\n GlobalService.notification('success', this.translate('Label_Receipt_Updated'));\r\n this.setState({ enableSave: false });\r\n\r\n var eventItem = new CustomEvent(\"EventNewReceiptData\", {\r\n detail: { \"action\": \"update\" }\r\n });\r\n\r\n document.dispatchEvent(eventItem);\r\n\r\n if (param_callerId == 'confirm_receipt') {\r\n this.setState({ sharedIsOpenConfirmReceiptModal: true });\r\n }\r\n if (param_callerId == 'recalculate') {\r\n this.recalculateCharges();\r\n }\r\n\r\n this.setupReceiptDataAfterSave(response.data);\r\n\r\n }\r\n }).finally(() => {\r\n this.setState({\r\n gifConfirm: false,\r\n savingGif: false,\r\n sharedGifRecalculate: false\r\n });\r\n });\r\n } else {\r\n this.$rootScope.setLoaderTimer('Create Receipts');\r\n let receiptData = this.state.sharedReceiptData.Receipt;\r\n receiptData.CustomerId = this.state.selectedCustomerId;\r\n receiptData.FacilityId = this.state.selectedFacilityId;\r\n\r\n let isCustomerUser = (!this.state.Rights.hasOwnProperty('isWarehouseUser')) ? true : false;\r\n\r\n manageReceiptService.SaveReceipts(receiptData, isCustomerUser).then((response) => {\r\n //set receipt data it's use to open item module\r\n if (response && (response.status == 200 || response.status == 204)) {\r\n\r\n GlobalService.notification('success', this.translate('Label_Receipt_Created'));\r\n var eventItem = new CustomEvent(\"EventNewReceiptData\", {\r\n detail: {\r\n \"action\": \"update\",\r\n \"ref\": response.data.ReferenceNum,\r\n \"trans\": response.data.ReceiverId,\r\n fromWindow: this.state.windowId,\r\n \"thumbnail\": \"update\"\r\n }\r\n });\r\n document.dispatchEvent(eventItem);\r\n $(\"#\" + this.state.windowId + '_wnd_title').text(this.translate('Label_Edit_Receipts'));\r\n\r\n manageReceiptService.ManageReceiptEditData(response.data.EditUri).then((response) => {\r\n\r\n if (response && (response.status == 204 || response.status == 200)\r\n ) {\r\n this.initializeEdit(response.data);\r\n }\r\n }).finally(() => {\r\n this.setState({ savingGif: false });\r\n });\r\n\r\n }\r\n }).catch((error) => {\r\n this.setState({ savingGif: false });\r\n console.error(\"ManageReceiptHolder\", error);\r\n }).finally(() => {\r\n this.setState({\r\n gifConfirm: false\r\n });\r\n });\r\n }\r\n }\r\n\r\n handleKeyPress = (e) => {\r\n if (e.key === 'Enter') {\r\n if (this.state.savingGif == false && this.state.isSaved == false) {\r\n this.saveReceipt();\r\n }\r\n }\r\n }\r\n\r\n\r\n prepareFieldsOnEdit = () => {\r\n let receiptData = Object.assign({}, this.state.sharedReceiptData.Receipt);\r\n\r\n /*MAPPING FOR SAVED ELEMENTS***********************************************************************************/\r\n // Saved elements could be updated on change for saved elements, however, since we populate predefined elements with a value of null, we have to remove all elements that have a value of null\r\n\r\n var savedElementsGridContents = this.state.sharedReceiptData.ReceiptSE;\r\n var passToSavedElements = [];\r\n for (var i = 0; i < savedElementsGridContents.length; i++) {\r\n if (savedElementsGridContents[i].Value !== '' && savedElementsGridContents[i].Value !== null) {\r\n passToSavedElements.push(savedElementsGridContents[i]);\r\n }\r\n }\r\n receiptData.SavedElements = passToSavedElements;\r\n\r\n\r\n var chargesGridContents = receiptData.BillingCharges;\r\n receiptData.BillingCharges = ObjectWms.removeObjFromListOnParameterValue(chargesGridContents, \"NumberOfUnits\", null);\r\n\r\n if (receiptData.Unit1Identifier != null &&\r\n receiptData.Unit1Identifier.Name == \"Select a unit of measure\") {\r\n receiptData.Unit1Identifier = null;\r\n }\r\n\r\n if (receiptData.Unit2Identifier != null &&\r\n receiptData.Unit2Identifier.Name == \"Select a unit of measure\") {\r\n receiptData.Unit2Identifier = null;\r\n }\r\n\r\n if (receiptData.Carrier == \"Unspecified\") {\r\n receiptData.Carrier = null;\r\n }\r\n\r\n if (receiptData.CapacityType != null &&\r\n receiptData.CapacityType.Id == 0) {\r\n receiptData.CapacityType = null;\r\n }\r\n return receiptData;\r\n }\r\n\r\n setupReceiptDataAfterSave = (param_receipt_Obj) => {\r\n if (param_receipt_Obj.Unit1Identifier == null) {\r\n param_receipt_Obj.Unit1Identifier = {};\r\n param_receipt_Obj.Unit1Identifier.Name = this.state.sharedReceiptData.UnitOfMeasureTypes[0].Name;\r\n }\r\n\r\n if (this.state.sharedReceiptData.Receipt.Unit2Identifier == null) {\r\n param_receipt_Obj.Unit2Identifier = {};\r\n param_receipt_Obj.Unit2Identifier.Name = this.state.sharedReceiptData.UnitOfMeasureTypes[0].Name;\r\n }\r\n\r\n if (this.state.sharedReceiptData.Receipt.Carrier == null) {\r\n param_receipt_Obj.Carrier = this.state.sharedReceiptData.Carriers[0].Name;\r\n }\r\n\r\n if (this.state.sharedReceiptData.Receipt.CapacityType == null) {\r\n param_receipt_Obj.CapacityType = {};\r\n param_receipt_Obj.CapacityType.Id = this.state.sharedReceiptData.CapacityTypes[0].CapacityTypeId;\r\n }\r\n\r\n let sharedReceiptObj = this.state.sharedReceiptData;\r\n sharedReceiptObj.Receipt = param_receipt_Obj;\r\n\r\n this.setState({\r\n sharedReceiptData: Object.assign(\r\n this.state.sharedReceiptData,\r\n sharedReceiptObj\r\n ),\r\n enableSave: false,\r\n });\r\n }\r\n\r\n initializeReceiptEditData = (editReceiptData) => {\r\n var receiptData = editReceiptData.Receipt;\r\n var UOMTypes = editReceiptData.UnitOfMeasureTypes;\r\n UOMTypes.splice(0, 0, {\r\n 'Name': this.translate('Label_Select_UOM')\r\n });\r\n\r\n if (receiptData.CapacityType == null) {\r\n receiptData.CapacityType = {\r\n Id: editReceiptData.CapacityTypes[0].CapacityTypeId\r\n }\r\n }\r\n if (receiptData.Carrier == null) {\r\n receiptData.Carrier = editReceiptData.Carriers[0].Name\r\n }\r\n if (receiptData.Unit1Identifier == null) {\r\n receiptData.Unit1Identifier = {\r\n Name: UOMTypes[0].Name\r\n }\r\n }\r\n if (receiptData.Unit2Identifier == null) {\r\n receiptData.Unit2Identifier = {\r\n Name: UOMTypes[0].Name\r\n }\r\n }\r\n\r\n this.setState({\r\n manageReceiptEditData: editReceiptData,\r\n sharedReceiptData: Object.assign(this.state.sharedReceiptData, receiptData),\r\n selectedCustomerId: editReceiptData.Receipt.CustomerId,\r\n selectedFacility: this.getFacilityById(editReceiptData.Receipt.FacilityId),\r\n selectedFacilityId: editReceiptData.Receipt.FacilityId,\r\n enableSave: false,\r\n });\r\n }\r\n\r\n recalculateCharges = () => {\r\n manageReceiptService.getProposedBillingCharges(this.state.sharedReceiptData.Receipt.EditUri).then((response) => {\r\n\r\n if (response && response.status == 200) {\r\n\r\n let sharedReceiptObj = this.state.sharedReceiptData;\r\n sharedReceiptObj.Receipt.BillingCharges = (response.data) ? response.data : [];\r\n\r\n let hasChangedReceipt = JSON.stringify(sharedReceiptObj) != JSON.stringify(this.state.sharedReceiptData)\r\n && (this.isCreating || JSON.stringify(this.emptySharedReceiptData) != JSON.stringify(this.state.sharedReceiptData));\r\n\r\n this.setState({\r\n enableSave: hasChangedReceipt,\r\n sharedReceiptData: Object.assign(\r\n {},\r\n this.state.sharedReceiptData,\r\n sharedReceiptObj\r\n )\r\n });\r\n }\r\n\r\n }).finally(() => {\r\n this.setState({ sharedGifRecalculate: false });\r\n });\r\n }\r\n\r\n lineItemGridChange = (param_grid_data) => {\r\n this.setState({\r\n lineItemsGridData: param_grid_data,\r\n totalLineItems: param_grid_data.length\r\n });\r\n }\r\n\r\n onOpenCreateManualChargeModal = (paran_modal_data) => {\r\n this.setState({\r\n // sharedCreateManualChargeOptions:paran_modal_data.chargesOptions,\r\n sharedIsOpenManualChargeModal: true\r\n });\r\n }\r\n\r\n onCloseCreateManualChargeModal = () => {\r\n this.setState({\r\n sharedIsOpenManualChargeModal: false\r\n });\r\n }\r\n\r\n onOpenCustomFieldModal = () => {\r\n this.setState({\r\n sharedIsOpenAddNewCustomFieldModal: true\r\n });\r\n }\r\n\r\n onCloseCustomFieldModal = () => {\r\n this.setState({\r\n sharedIsOpenAddNewCustomFieldModal: false\r\n });\r\n }\r\n\r\n onOpenLineItemModal = (flag, param_flow, param_select_item_data) => {\r\n this.setState({\r\n sharedIsOpenManageLineItemsModal: flag,\r\n sharedLineItemFlow: param_flow,\r\n sharedSelectedLineItem: param_select_item_data\r\n });\r\n }\r\n\r\n onAddOrderChargesGrid = (data) => {\r\n\r\n let billingChargesData = (this.state.sharedReceiptData.Receipt.BillingCharges == null) ? [] :\r\n Object.assign([], this.state.sharedReceiptData.Receipt.BillingCharges);\r\n\r\n var ManualCharge = {\r\n \"ChargeTypeId\": data.ChargeTypeId,\r\n \"ChargeOrigin\": 2,\r\n \"ChargeTypeDescription\": data.ChargeType,\r\n \"ChargeLabel\": data.ChargeLabel,\r\n \"UnitDescription\": data.Description,\r\n \"ChargePerUnit\": data.ChargePerUnit,\r\n \"NumberOfUnits\": data.NumberOfUnits,\r\n \"TotalCharges\": data.TotalCharges,\r\n \"GeneralLedgerAccount\": data.GeneralLedgerAccount,\r\n \"ExternalAccountsReceivable\": data.ExternalAccountsReceivable,\r\n \"ExternalItemIdentifier\": data.ExternalItemIdentifier,\r\n \"ExternalItemDescription\": data.ExternalItemDescription,\r\n \"SKU\": \"\",\r\n \"UnsavedManualCharge\": true,\r\n \"SystemGenerated\": false\r\n }\r\n\r\n\r\n billingChargesData.push(ManualCharge);\r\n\r\n let sharedReceiptObj = this.state.sharedReceiptData;\r\n sharedReceiptObj.Receipt.BillingCharges = billingChargesData;\r\n\r\n this.setState({\r\n enableSave: true,\r\n sharedReceiptData: Object.assign(\r\n this.state.sharedReceiptData,\r\n sharedReceiptObj\r\n )\r\n });\r\n }\r\n\r\n eventCompleteReceipt = () => {\r\n this.setState({ gifComplete: true });\r\n manageReceiptService.CompleteReceipt(this.state.sharedReceiptData.Receipt).then((response) => {\r\n\r\n if (response && (response.status == 204 || response.status == 200)) {\r\n\r\n GlobalService.notification('success', this.translate('Label_Success_Complete_Receipt').replace(new RegExp('{' + 'customCompleteLabel' + '}', 'gi'), this.state.customLabels.Label_Complete));\r\n\r\n var eventItem = new CustomEvent(\"EventNewReceiptData\", {\r\n detail: { \"action\": \"update\" }\r\n });\r\n\r\n document.dispatchEvent(eventItem);\r\n\r\n let receiptData = Object.assign({}, this.state.sharedReceiptData.Receipt);\r\n receiptData.Completed = true;\r\n this.onReceiptDataSet(receiptData);\r\n }\r\n }).finally(() => {\r\n this.setState({ gifComplete: false });\r\n });\r\n }\r\n\r\n\r\n render() {\r\n var currentCustomerId = this.state.selectedCustomerId;\r\n return (\r\n \r\n \r\n {this.props.sharedLineItemFlow == 'create' &&\r\n this.handleSkuChange(e)}\r\n textField='Sku'\r\n valueField='Id'\r\n template={\"\"}\r\n disabled={(this.props.sharedLineItemFlow == \"edit\")}\r\n nextFocus={this.nextFocusAfterSkuSelect}\r\n virtualObj={{\r\n itemHeight: 45,\r\n valueMapper: (options) => {\r\n var that = options;\r\n this.setState({ skuOptionsLoaded: false });\r\n $.ajax({\r\n url: \"/WebUI/Receiving/ManageReceivings/SkuDropdownIndexRead\",\r\n type: \"POST\",\r\n dataType: \"json\",\r\n data: {\r\n itemId: that.value || 0,\r\n customerId: this.props.selectedCustomer.id\r\n },\r\n success: (data) => {\r\n options.success(data);\r\n this.setState({ skuOptionsLoaded: true });\r\n }\r\n });\r\n }\r\n }}\r\n dataSourceObj={{\r\n type: \"aspnetmvc-ajax\",\r\n pageSize: 30,\r\n serverPaging: true,\r\n serverFiltering: true,\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Receiving/ManageReceivings/SkuDropDownRead\",\r\n type: \"POST\",\r\n data: {\r\n customerId: this.props.selectedCustomer.id\r\n }\r\n }\r\n },\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\"\r\n }\r\n }}\r\n />\r\n }\r\n {this.props.sharedLineItemFlow == 'edit' &&\r\n\r\n { }}\r\n label={this.state.customLabels.Label_Sku}\r\n value={this.props.sharedSelectedLineItem.SKU}\r\n disabled={true}\r\n />\r\n }\r\n {this.state.showQualifier &&\r\n { this.handleChangeEvent(e, 'Weight'); }}\r\n label={this.translate('Label_Weight') + ' (' + this.state.displayWeightUnit + ')'}\r\n value={this.state.itemSummary.Weight}\r\n />\r\n }\r\n\r\n \r\n\r\n {this.state.itemSummary.Id != 0 &&\r\n
\r\n }\r\n {(this.props.sharedIsOpenManageLineItemsModal) &&\r\n \r\n {this.state.showTrackBys &&\r\n \r\n {this.state.itemSummary.TrackBys.TrackLotNumber != 0 &&\r\n { this.handleChangeEvent(e, 'LotNumber'); }}\r\n required={\r\n this.state.itemSummary.TrackBys.TrackLotNumber == 2 && !this.state.itemSummary.LotNumber\r\n }\r\n label={this.state.customLabels.Label_Lot_Number}\r\n value={this.state.itemSummary.LotNumber}\r\n />\r\n }\r\n\r\n {this.state.itemSummary.TrackBys.TrackSerialNumber != 0 &&\r\n { this.handleChangeEvent(e, 'SerialNumber'); }}\r\n required={\r\n (this.state.itemSummary.TrackBys.TrackSerialNumber == 3 || this.state.itemSummary.TrackBys.TrackSerialNumber == 4) && !this.state.itemSummary.SerialNumber\r\n }\r\n label={this.state.customLabels.Label_Serial_Number}\r\n value={this.state.itemSummary.SerialNumber}\r\n />\r\n }\r\n\r\n {this.state.itemSummary.TrackBys.TrackCost != 0 &&\r\n { this.handleChangeEvent(e, 'LandedCost'); }}\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/}\r\n required={this.state.itemSummary.TrackBys.TrackCost == 2 && !this.state.itemSummary.LandedCost}\r\n label={this.translate('Label_Landed_Cost')}\r\n value={this.state.itemSummary.LandedCost}\r\n />\r\n }\r\n\r\n {this.state.itemSummary.TrackBys.TrackExpirationDate != 0 &&\r\n { this.handleChangeEvent(e, 'ExpDate'); }}\r\n required={\r\n this.state.itemSummary.TrackBys.TrackExpirationDate == 2 &&\r\n (\r\n this.state.itemSummary.ExpDate == null ||\r\n this.state.itemSummary.ExpDate == \"\"\r\n )\r\n }\r\n value={this.state.itemSummary.ExpDate}\r\n wmsSelector={this.state.selector + \"EarliestShipDate\"}\r\n defaultTime={\"00:00:00\"}\r\n format={'M/d/yyyy'}\r\n onlyDate={true}\r\n />\r\n }\r\n \r\n }\r\n\r\n \r\n {this.state.showMovableUnitFields &&\r\n \r\n\r\n\r\n \r\n\r\n {this.state.showSuggestedPutawayLocations &&\r\n { this.handleChangeEvent(e, 'Location'); }}\r\n filterType={\"startswith\"}\r\n textField=\"Name\"\r\n valueField=\"Id\"\r\n optionsLabel={{\r\n Name: this.translate('Label_Select_Location'),\r\n Description: this.translate('Label_Select_Location'),\r\n Id: 0\r\n }}\r\n // onDataBound={this.locationDropdownDataBound}\r\n required={this.props.selectedCustomer.options.trackLocation === 2 && this.state.itemSummary.Location.Id === 0}\r\n virtualObj={{\r\n itemHeight: 45,\r\n delay: 1000,\r\n valueMapper: (options) => {\r\n var that = options;\r\n $.ajax({\r\n url: \"/WebUI/Receiving/ManageReceivings/LocationDropdownIndexRead\",\r\n type: \"POST\",\r\n dataType: \"json\",\r\n data: {\r\n locationId: that.value || 0,\r\n facilityId: this.props.selectedFacility.id\r\n },\r\n success: (data) => {\r\n options.success(data);\r\n }\r\n });\r\n }\r\n }}\r\n dataSourceObj={{\r\n type: \"aspnetmvc-ajax\",\r\n pageSize: 30,\r\n serverPaging: true,\r\n serverFiltering: true,\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Receiving/ManageReceivings/LocationDropDownRead\",\r\n type: \"POST\",\r\n data: {\r\n facilityId: this.props.selectedFacility.id\r\n }\r\n }\r\n },\r\n serverSorting: true,\r\n sort: { field: \"Name\", dir: \"asc\" },\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\"\r\n }\r\n }}\r\n />\r\n }\r\n \r\n\r\n\r\n \r\n {(this.state.itemSummary.AutoHoldOnReceive) &&\r\n this.handleChangeEvent(e, 'AutoHoldOnReceive')}\r\n label={this.translate('Label_PutItem_OnHold')}\r\n checked={this.state.itemSummary.AutoHoldOnReceive == true}\r\n disabled={this.state.itemSummary.AutoHoldOnReceive}\r\n />\r\n }\r\n\r\n {(!this.state.itemSummary.AutoHoldOnReceive) &&\r\n this.handleChangeEvent(e, 'HoldStatus')}\r\n label={this.translate('Label_PutItem_OnHold')}\r\n checked={this.state.itemSummary.HoldStatus == true}\r\n />\r\n }\r\n\r\n {(this.state.itemSummary.HoldStatus) &&\r\n <>\r\n this.handleChangeEvent(e, 'HoldReason')}\r\n options={this.getHoldReasonOptions()}\r\n textField=\"Name\"\r\n valueField=\"Value\"\r\n required={this.state.itemSummary.HoldStatus && !this.state.itemSummary.HoldReason}\r\n blankFirstOption={true}\r\n blankFirstOptionText=\"Unspecified\"\r\n />\r\n this.handleChangeEvent(e, 'otherHoldReason')}\r\n wmsSelector={this.state.selector + \"otherHoldReason\"}\r\n maxLength={240}\r\n />\r\n \r\n }\r\n \r\n\r\n\r\n {this.state.showCustomFieldInfo &&\r\n \r\n \"\r\n + this.translate('Label_Enter_Value')\r\n + \"*' : Value === null && Required === false ? '\"\r\n + this.translate('Label_Enter_Value')\r\n + \"' : Value === '' && Required === true ? '\"\r\n + this.translate('Label_Enter_Value')\r\n + \"*' : Value === '' && Required === false ? '\"\r\n + this.translate('Label_Enter_Value')\r\n + \"' : Value #\"\r\n }\r\n ]}\r\n schema={{\r\n model: {\r\n fields: {\r\n Name: {\r\n type: 'string',\r\n editable: false\r\n },\r\n Value: {\r\n type: 'string',\r\n editable: true\r\n },\r\n Required: {\r\n type: 'boolean'\r\n }\r\n }\r\n }\r\n }}\r\n gridKeySelection={'Name'}\r\n showGridResult={false}\r\n virtual={false}\r\n gridEditable={true}\r\n shawCheckbox={false}\r\n showResetButton={false}\r\n staticGridData={this.state.lineItemCustomFieldsGridData}\r\n gridName={\"GridReceiptLineItemCustomFields\"}\r\n id={\"GridReceiptLineItemCustomFields\" + this.props.windowId}\r\n wmsSelector={this.state.selector + 'CustomFieldsGrid'}\r\n onSelection={() => function () { }}\r\n onEdit={(e) => function (e) {\r\n e.container.find(\"input[name=Value]\").attr(\"maxlength\", 255);\r\n }}\r\n onGridSave={this.saveGridLineItemSavedElementsReceipts}\r\n gridHeight={150}\r\n menu={[]}\r\n />\r\n \r\n }\r\n\r\n
\r\n }\r\n \r\n this.eventMovableUnitLabelsChange(e)}\r\n textField=\"Name\"\r\n valueField=\"Name\"\r\n placeholder={'Select MU Label'}\r\n options={this.state.optionsMovableUnitLabels}\r\n /*parentClassName={''}*/\r\n required={this.props.selectedCustomer.options.trackPallets == 2 && this.state.selectedMovableUnitLabel.Name == ''}\r\n />\r\n\r\n { this.handleChangeEvent(e, 'CreateMultipleMovUnits'); }}\r\n label={\"Split \" + this.state.customLabels.Label_Movable_Unit}\r\n checked={this.state.itemSummary.CreateMultipleMovUnits}\r\n disabled={this.state.disableSplitMU}\r\n />\r\n\r\n { this.handleChangeEvent(e, 'MovUnitNumber'); }}\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/}\r\n label={this.translate('Label_Movable_Unit_Number')}\r\n value={this.state.itemSummary.MovUnitNumber}\r\n disabled={this.state.selectedMovableUnitLabel.Name == 'None' || !this.state.itemSummary.CreateMultipleMovUnits}\r\n />\r\n\r\n {!this.state.disableMovableUnits &&\r\n { }}\r\n label={this.state.customLabels.Label_Movable_Unit + ' Type'}\r\n value={this.state.itemSummary.MovUnitType}\r\n disabled={this.state.disableMovableUnits}\r\n />\r\n }\r\n\r\n { this.handleChangeEvent(e, 'MovUnitLength'); }}\r\n label={this.translate('Label_Length') + ' (' + this.state.displayHeightLengthWidthUnit + ')'}\r\n value={this.state.itemSummary.MovUnitLength}\r\n disabled={this.state.disableMovableUnits}\r\n />\r\n { this.handleChangeEvent(e, 'MovUnitWidth'); }}\r\n label={this.translate('Label_Width') + ' (' + this.state.displayHeightLengthWidthUnit + ')'}\r\n value={this.state.itemSummary.MovUnitWidth}\r\n disabled={this.state.disableMovableUnits}\r\n />\r\n { this.handleChangeEvent(e, 'MovUnitHeight'); }}\r\n label={this.translate('Label_Height') + ' (' + this.state.displayHeightLengthWidthUnit + ')'}\r\n value={this.state.itemSummary.MovUnitHeight}\r\n disabled={this.state.disableMovableUnits}\r\n />\r\n { this.handleChangeEvent(e, 'MovUnitWeight'); }}\r\n label={this.translate('Label_Weight') + ' (' + this.state.displayWeightUnit + ')'}\r\n value={this.state.itemSummary.MovUnitWeight}\r\n disabled={this.state.disableMovableUnits}\r\n />\r\n
\r\n }\r\n \r\n {\r\n (this.props.selectedCustomer.options.trackSupplier != undefined && this.props.selectedCustomer.options.trackSupplier != 0) &&\r\n { this.handleChangeEvent(e, 'Supplier'); }}\r\n textField=\"CompanyName\"\r\n valueField=\"Id\"\r\n required={this.props.selectedCustomer.options.trackSupplier === 2 && this.state.itemSummary.Supplier.Id === 0}\r\n onDataBound={this.suplierDropdownDataBound}\r\n virtualObj={{\r\n itemHeight: 45,\r\n valueMapper: (options) => {\r\n var that = options;\r\n $.ajax({\r\n url: \"/WebUI/Receiving/ManageReceivings/SupplierDropdownIndexRead\",\r\n type: \"POST\",\r\n dataType: \"json\",\r\n data: {\r\n supplierId: that.value.Id || 0,\r\n supplierIndexUri: this.props.sharedReceiptData.SupplierIndexUri\r\n },\r\n success: (data) => {\r\n options.success(data);\r\n }\r\n });\r\n }\r\n }}\r\n dataSourceObj={{\r\n type: \"aspnetmvc-ajax\",\r\n pageSize: 30,\r\n serverPaging: true,\r\n serverFiltering: true,\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Receiving/ManageReceivings/SupplierDropDownRead\",\r\n type: \"POST\",\r\n data: {\r\n suppliersUri: this.props.sharedReceiptData.SuppliersUri\r\n }\r\n }\r\n },\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\"\r\n }\r\n }}\r\n />\r\n }\r\n
\r\n \r\n { this.handleChangeEvent(e, 'PutawayLocation'); }}\r\n textField=\"LocationName\"\r\n valueField=\"LocationName\"\r\n isVirtualOptions={false}\r\n staticOptions={this.state.suggestedPutawayLocationsOptions}\r\n template={'#: LocationName # (#: Quantity #)'}\r\n />\r\n }\r\n
\r\n }\r\n {(this.state.showLocationDropdown &&\r\n (this.state.showSuggestedPutawayLocations ? !this.state.showRecommendedLocations : true) &&\r\n this.props.selectedCustomer.options.trackLocation != undefined &&\r\n this.props.selectedCustomer.options.trackLocation != 0) &&\r\n \r\n this.setCustomFieldData(e, 'Name')}\r\n label={this.translate('Label_Name')}\r\n value={this.state.customField.Name}\r\n />\r\n this.setCustomFieldData(e, 'Value')}\r\n label={this.translate('Label_Value')}\r\n value={this.state.customField.Value}\r\n />\r\n
\r\n\r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { StringWms } from '../../../../assets/ts/StringWms.ts';\r\nimport { KendoWms } from '../../../../assets/ts/KendoWms.ts';\r\nimport { ArrayWms } from '../../../../assets/ts/ArrayWms.ts';\r\nimport VirtualGridComponent from '../../components_proto/VirtualGridComponent/VirtualGridComponent.jsx';\r\nimport { AttachDocuments } from '../../components/AttachDocuments/AttachDocuments.jsx';\r\nimport { LoadingModel } from '../../components/LoadingModel/LoadingModel.jsx';\r\nimport { ConcurrencyManager } from '../../../../assets/vendor/concurrencyManager/concurrencyManager.js';\r\nimport { AddEditColumnModel } from '../../components/AddEditColumn/add-edit-columns.component.jsx';\r\n\r\nimport * as GridConfig from './grid_configuration.jsx';\r\nimport * as ReceiptGlobalService from './../findReceipt_global.services.jsx';\r\nimport * as DynamicMenu from './../dynamic_menu.jsx';\r\n\r\n//services\r\nimport * as GlobalService from './../../global_services';\r\nimport * as FindReceiptService from './findReceipt.services.jsx';\r\n\r\nimport { CancelModel } from '../../components/CancelModel/cancel-model.component.jsx';\r\nimport { ConfirmReceiptModel } from '../findReceipt/model/confirm-receipt-modal.component.jsx';\r\nimport { ReceiptAdviceModel } from '../findReceipt/model/receipt-advice-modal.component.jsx';\r\nimport { ManageReceiptHolder } from \"../../receipt/manageReceipt/manageReceipt-holder.component.jsx\";\r\nimport * as metaDataService from './meta-data.service';\r\nimport { _, kendo } from \"./../../global_variable_service.jsx\";\r\n\r\nvar axios = require('axios');\r\n\r\nexport class FindReceiptGrid extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n\r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n this.firstFiftyAxiosSource = null;\r\n this.axiosSource = null;\r\n this.filterCountAxiosSource = null;\r\n let FindReceivers_GridHeaders = StringWms.convertSringToOption(this.translate('FindReceivers_GridHeaders'));\r\n this.findReceiptGridId = \"GridFindReceiversProto\";\r\n this.InitialPrintMenuResponse = [];\r\n this.LocalKendoGrid = null;\r\n this.isApiCanceled = false;\r\n this.state = {\r\n GridName: \"GridFindReceiversProto\",\r\n Rights: GlobalService.GetRights(),\r\n CustomLabels: GlobalService.getCustomLabels(),\r\n defaultColumns: GridConfig.getGridDemoColumns(FindReceivers_GridHeaders, props.selector).columns,\r\n schema: GridConfig.getGridDemoSchema(),\r\n allColumnList: GridConfig.getAllColumnList(FindReceivers_GridHeaders, props.selector),\r\n MenuPrintData: [],\r\n SelectedReceipts: 0,\r\n isUpdateGridSummary: false,\r\n SelectedReceiptIds: [],\r\n SelectedReceiptItems: [],\r\n totalReceipts: 0,\r\n totalInLineColumnFilters: 0,\r\n gridExportLimit: GlobalService.constants.gridExportLimit,\r\n IsClosedOrCanceled: false,\r\n isCanceled: false,\r\n CanReopen: false,\r\n isOpenCancelReceiptModel: false,\r\n isOpenConfirmReceiptModel: false,\r\n isOpenReceiptAdviceModel: false,\r\n sharedAttachObj: null,\r\n isOpenAttachDoc: false,\r\n NoLineItems: false,\r\n SameCustomer: true,\r\n SameFacility: true,\r\n gifLoaderText: '',\r\n staticGridData: [],\r\n gridPageSize: GlobalService.constants.virtualReceiptGridDataLimit,\r\n gridDomSelector: () => props.windowId ? '.' + props.windowId + ' #' + this.findReceiptGridId : '#' + this.findReceiptGridId,\r\n isNewColumnAdded: false,\r\n filterText: \"\",\r\n fullFilterText: \"\",\r\n isOpenColumnModel: false,\r\n allSortColumnList: [],\r\n findReceiptGridConfig: metaDataService.getFindReceiptGridOptionInMetaData(),\r\n isFilterRowCountLoading: false,\r\n isReceiptGridDataLoading: false,\r\n recordsCount: 0,\r\n confirmReceiptDisablrMsg:'',\r\n showLoadingError: false,\r\n facilityId: \"\"\r\n };\r\n }\r\n\r\n componentDidMount = () => {\r\n\r\n document.addEventListener(\"EventReceiptData\", this.resetGridSelectionAndButton);\r\n\r\n let that = this;\r\n\r\n // sort all column list title\r\n let allSortColumnList = this.state.allColumnList.sort(function (first, second) {\r\n\r\n var columnTitle1 = first.title.toUpperCase(); // ignore upper and lowercase\r\n var columnTitle2 = second.title.toUpperCase(); // ignore upper and lowercase\r\n\r\n if (columnTitle1 < columnTitle2) { return -1; }\r\n\r\n if (columnTitle1 > columnTitle2) { return 1; }\r\n // names must be equal\r\n return 0;\r\n });\r\n\r\n var customerId = GlobalService.GetCurrentUser().CustomerId;\r\n\r\n ReceiptGlobalService.getReports(customerId).then((response) => {\r\n if (typeof response != undefined) {\r\n this.InitialPrintMenuResponse = response;\r\n var updatedMenus = this.updateInitialPrintMenu(this.state.SelectedReceipts,this.state.IsClosedOrCanceled,this.state.isCanceled);\r\n this.setState({\r\n MenuPrintData: updatedMenus.PrintData,\r\n allSortColumnList: allSortColumnList\r\n });\r\n }\r\n }).finally(() => { });\r\n if(this.getSharedReceiptFilter()){\r\n this.callForGetTotalCount();\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n document.removeEventListener(\"EventReceiptData\", this.resetGridSelectionAndButton);\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if(prevProps.sharedReceiptFilter && prevProps.sharedReceiptFilter !== this.props.sharedReceiptFilter){\r\n this.clearSelectionOfGrid();\r\n this.callForGetTotalCount(true,true);\r\n }\r\n if(prevProps.gridInlineFilter !== this.props.gridInlineFilter){\r\n this.setFilterAppliedText(this.props.gridInlineFilter);\r\n }\r\n }\r\n /**Shared method for holder and grid start */\r\n\r\n callForGetTotalCount = (clearData = true , clearGridSelection = false) => {\r\n if(clearGridSelection) {\r\n this.setState({\r\n SelectedReceipts: 0,\r\n isAllDataLoad: false,\r\n isFilterRowCountLoading: true,\r\n recordsCount: 0,\r\n showLoadingError: false\r\n });\r\n } else {\r\n this.setState({\r\n isFilterRowCountLoading: true,\r\n recordsCount: 0,\r\n showLoadingError: false\r\n });\r\n }\r\n\r\n var param_filterObj = Object.assign({}, this.getSharedReceiptFilter());\r\n param_filterObj.StartDate = StringWms.convertFilterStringToISODate(param_filterObj.StartDate, '', false, true).isoStringUTC;\r\n param_filterObj.EndDate = StringWms.convertFilterStringToISODate(param_filterObj.EndDate, '23:59:59', false, true).isoStringUTC;\r\n\r\n if (this.filterCountAxiosSource) {\r\n this.filterCountAxiosSource.cancel();\r\n this.filterCountAxiosSource = null;\r\n }\r\n // on filter update cancel axiosSource call if any running\r\n this.cancelLoadAllData();\r\n this.filterCountAxiosSource = axios.CancelToken.source();\r\n\r\n axios.put('/WebUI/Receiving/ReceivingsUi/FilteredRowCount', param_filterObj, { cancelToken: this.filterCountAxiosSource.token }).then((response) => {\r\n var newStateData = {\r\n recordsCount: response.data\r\n };\r\n if (clearData == true) {\r\n newStateData.staticGridData = [];\r\n }\r\n this.filterCountAxiosSource = null;\r\n\r\n this.setState(\r\n newStateData\r\n , () => {\r\n if (response.data > 0) {\r\n this.callForGetNewData();\r\n }\r\n });\r\n\r\n }).finally(() => {\r\n this.setState({ isFilterRowCountLoading: false });\r\n });\r\n }\r\n callForGetNewData = () => {\r\n if (this.state.recordsCount > 0 && this.state.recordsCount <= GlobalService.constants.virtualReceiptGridDataLimit) {\r\n this.loadAllRecords(false);\r\n } else {\r\n // reset selection of grid on filter data change\r\n this.resetGridAllMessage();\r\n }\r\n\r\n }\r\n\r\n getEnableColumns = () => {\r\n var defaultParam = ['FacilityId', 'Skus', 'CustomerId', 'CustomerUri', 'ReceiverId', 'StatusEnum', 'CanReopen', 'EditUri', 'FileSummariesUri'];\r\n let columnList = [];\r\n\r\n let grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n // if grid already defined than we get columns from grid\r\n if (typeof grid != \"undefined\") {\r\n columnList = grid.columns;\r\n } else { // else get column list from metadataObject or default columns\r\n let FindReceivers_GridHeaders = StringWms.convertSringToOption(this.translate('FindReceivers_GridHeaders'));\r\n columnList = GridConfig.getGridDemoColumns(FindReceivers_GridHeaders, GlobalService.getCustomLabels()).columns;\r\n var findReceiptGridConfig = metaDataService.getFindReceiptGridOptionInMetaData();\r\n if (findReceiptGridConfig != \"\") {\r\n var gridOptions = JSON.parse(findReceiptGridConfig);\r\n if (gridOptions.columns) {\r\n columnList = gridOptions.columns;\r\n }\r\n }\r\n }\r\n\r\n var enableColumns = columnList.map(el => el.field);\r\n // merge defaultParam and enableColumns without dublicate value\r\n return [...new Set([...defaultParam, ...enableColumns])];\r\n }\r\n /**Shared method for holder and grid end */\r\n\r\n setFilterAppliedText = (filterObj) => {\r\n if (!filterObj) {\r\n this.setState({\r\n inlineGridFilter: false,\r\n inlineGridFilterCount: 0,\r\n filterText: \"\",\r\n fullFilterText: \"\"\r\n });\r\n return;\r\n }\r\n var filterConditionTitle = {\r\n \"lte\": \"Is Less Than Or Equal To\",\r\n \"eq\": \"Is Equal To\",\r\n \"lt\": \"Is Less Than\",\r\n \"neq\": \"Is Not Equal To\",\r\n \"gte\": \"Is Greater Than Or Equal To\",\r\n \"gt\": \"Is Greater Than\",\r\n \"startswith\": \"Starts With\",\r\n \"endswith\": \"Ends With\",\r\n \"contains\": \"Contains\",\r\n \"doesnotcontain\": \"Does Not Contain\",\r\n \"isnull\": \"Is Null\",\r\n \"isnotnull\": \"Is Not Null\",\r\n \"isempty\": \"Is Empty\",\r\n \"isnotempty\": \"Is Not Empty\",\r\n \"isnullorempty\": \"Has No Value\",\r\n \"isnotnullorempty\": \"Has Value\",\r\n };\r\n\r\n var filterText = \"\";\r\n var fullFilterText = \"\";\r\n var filterList = filterObj.filters;\r\n var self = this;\r\n var statusList = [this.translate('Receiving_Status_Open'),this.translate('Receiving_Status_Closed'),this.translate('Receiving_Status_Cancel'),this.state.CustomLabels.Label_Complete];\r\n filterList.map(function (item) {\r\n var columnObj = self.state.allColumnList.find(x => x.field === item.field);\r\n if (columnObj) {\r\n var title = columnObj.title;\r\n if (title == \"Status\") {\r\n filterText += title + \" : \" + statusList[item.value] + ',';\r\n fullFilterText += title + \" \" + filterConditionTitle[item.operator] + \" : \" + statusList[item.value] + \"\r\n
\r\n \r\n \r\n \r\n {this.state.isSaved == true &&\r\n
\r\n {this.state.isSaved == true &&\r\n \r\n
\r\n\r\n \r\n this.saveReceipt()}\r\n showToolTip={(\r\n this.state.selectedCustomerId == '' ||\r\n this.state.selectedFacilityId == '' ||\r\n this.state.sharedReceiptData.Receipt.ReferenceNum == '' ||\r\n (\r\n (!this.state.Rights.hasOwnProperty('isWarehouseUser')) && this.state.sharedReceiptData.Receipt.Completed\r\n )\r\n )}\r\n tooltipText={\r\n (\r\n (!this.state.Rights.hasOwnProperty('isWarehouseUser')) && this.state.sharedReceiptData.Receipt.Completed\r\n ) ?\r\n this.translate('Label_Line_Item_Cutomer_Access_Note') :\r\n this.translate('Tooltip_Required_Fields')\r\n }\r\n disabled={(\r\n this.state.savingGif ||\r\n this.state.selectedCustomerId == '' ||\r\n this.state.selectedFacilityId == '' ||\r\n this.state.sharedReceiptData.Receipt.ReferenceNum == '' ||\r\n !this.state.enableSave ||\r\n (\r\n (!this.state.Rights.hasOwnProperty('isWarehouseUser')) && this.state.sharedReceiptData.Receipt.Completed\r\n )\r\n )}\r\n loading={this.state.savingGif}\r\n icon='fa-solid fa-floppy-disk'\r\n />\r\n {\r\n (this.state.Rights.hasOwnProperty('receipts.docs') ||\r\n (\r\n this.state.Rights.hasOwnProperty('receipts.attachdocs') && this.state.Rights.hasOwnProperty('Shipping.AttachedDocsEnabled')\r\n )) && this.state.MenuPrintData.length > 0 && (\r\n \r\n this.saveReceipt('confirm_receipt')}\r\n icon={'fa-truck'}\r\n showToolTip={!this.state.gifConfirm}\r\n disabled={(\r\n !this.state.totalLineItems > 0 ||\r\n this.state.gifConfirm ||\r\n this.state.isRequiredCustomReceiptInfo ||\r\n (\r\n (!this.state.Rights.hasOwnProperty('isWarehouseUser')) && this.state.sharedReceiptData.Receipt.Completed\r\n )\r\n )}\r\n tooltipText={\r\n (!this.state.totalLineItems > 0) ?\r\n this.translate('Label_Order_LineItem_Required') :\r\n this.state.isRequiredCustomReceiptInfo ?\r\n this.translate('Label_Recipt_Custom_Info_Required') :\r\n (!this.state.Rights.hasOwnProperty('isWarehouseUser')) && this.state.sharedReceiptData.Receipt.Completed ?\r\n this.translate('Label_Confirm_Receipt_Cutomer_Access_Note')\r\n : ''\r\n }\r\n buttonType=\"green\"\r\n loading={this.state.gifConfirm}\r\n />\r\n }\r\n
\r\n\r\n \r\n
\r\n }\r\n \r\n this.onOpenLineItemModal(false, '', {})}\r\n selectedCustomer={this.state.selectedCustomer}\r\n selectedFacility={this.state.selectedFacility}\r\n sharedReceiptData={this.state.sharedReceiptData}\r\n onReceiptDataSet={this.onReceiptDataSet}\r\n sharedLineItemFlow={this.state.sharedLineItemFlow}\r\n sharedSelectedLineItem={this.state.sharedSelectedLineItem}\r\n onSaveReceipt={this.saveReceipt}\r\n refreshGrid={this.refreshLineItemGrid}\r\n onResetLineItemGrid={this.resetLineItemGrid}\r\n lineItemsGridData={this.state.lineItemsGridData}\r\n totalLineItems={this.state.totalLineItems}\r\n />\r\n }\r\n
\r\n }\r\n \r\n\r\n
\r\n {/* create manual charge modal for orders calculate charges section */}\r\n {this.state.sharedIsOpenManualChargeModal &&\r\n \";\r\n } else {\r\n filterText += title + \" : \" + item.value + ',';\r\n fullFilterText += title + \" \" + filterConditionTitle[item.operator] + \" : \" + item.value + \"
\";\r\n }\r\n }\r\n });\r\n filterText = filterText.slice(0, -1);\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n var recordsOnCurrentView = dataSource.view().length;\r\n\r\n this.setState({\r\n filterText: filterText,\r\n fullFilterText: fullFilterText,\r\n inlineGridFilter: true,\r\n inlineGridFilterCount: recordsOnCurrentView\r\n });\r\n }\r\n\r\n updateInitialPrintMenu = (SelectedReceipts,IsClosedOrCanceled,isCanceled) => {\r\n var params = {\r\n Selector: this.props.selector,\r\n SelectedReceipts: SelectedReceipts,\r\n isClosedOrCanceled: IsClosedOrCanceled,\r\n isCanceled: isCanceled,\r\n Rights: this.state.Rights,\r\n fnNames: ['RunViewTransactionReport', 'RunMULabelReport', 'RunReceiptTicketReport']\r\n };\r\n return DynamicMenu.getInitialDynamicPrintMenu(this.InitialPrintMenuResponse, params, this.dynamicMenuClick);\r\n }\r\n\r\n UpdateGridSummary = () => {\r\n if (this.LocalKendoGrid != null) {\r\n var KendoGrid = this.LocalKendoGrid;\r\n var selectedSet = KendoGrid.getDictionary().items;\r\n var ClosedOrCanceled = false;\r\n var isCanceled = false;\r\n var tempItems = [];\r\n var NoLineItems = KendoGrid.valueExists(\"Skus\", \"\");\r\n var SameFacility = KendoGrid.valuesIdentical(\"FacilityId\");\r\n var SameCustomer = KendoGrid.valuesIdentical(\"CustomerId\");\r\n var confirmReceiptDisablrMsg = '';\r\n for (let [key, receipt] of Object.entries(selectedSet)) {\r\n tempItems.push(receipt);\r\n if (receipt.StatusEnum == 1 || receipt.StatusEnum == 2) {\r\n ClosedOrCanceled = true;\r\n confirmReceiptDisablrMsg = this.translate(\"Label_Disable_Confirm_Receipt_For_Close_Cancel\");\r\n if (ClosedOrCanceled && isCanceled) {\r\n break;\r\n }\r\n } else {\r\n ClosedOrCanceled = false;\r\n }\r\n if (receipt.StatusEnum == 2) {\r\n isCanceled = true;\r\n confirmReceiptDisablrMsg = this.translate(\"Label_Disable_Confirm_Receipt_For_Cancel\");\r\n }\r\n }\r\n var receiptNotConfirmObj = _.find(selectedSet, item => item.CanConfirm === false);\r\n if (receiptNotConfirmObj) {\r\n NoLineItems = true;\r\n }\r\n if(NoLineItems){\r\n confirmReceiptDisablrMsg = this.translate(\"Label_Disable_Confirm_Receipt_For_No_Line_Items\") ;\r\n }\r\n if((ClosedOrCanceled == false && isCanceled == false && !this.state.Rights.hasOwnProperty('isWarehouseUser'))){\r\n confirmReceiptDisablrMsg = this.translate(\"Label_Disable_Confirm_Receipt_For_Custoner_User\");\r\n }\r\n var updatedMenus = this.updateInitialPrintMenu(KendoGrid.getNumberOfSelections(),ClosedOrCanceled,isCanceled);\r\n var facilityId;\r\n if(KendoGrid.getNumberOfSelections() > 0 && SameFacility) {\r\n let grid = $('#' + this.state.GridName).data('kendoGrid');\r\n facilityId = grid.dataItem(grid.select()).FacilityId;\r\n }\r\n this.setState({\r\n SelectedReceipts: KendoGrid.getNumberOfSelections(),\r\n isUpdateGridSummary: true,\r\n SelectedReceiptIds: KendoGrid.getKeys(),\r\n SelectedReceiptItems: tempItems,\r\n IsClosedOrCanceled: ClosedOrCanceled,\r\n isCanceled: isCanceled,\r\n CanReopen: KendoGrid.valueExists(\"CanReopen\", true),\r\n NoLineItems: NoLineItems,\r\n SameFacility: SameFacility,\r\n SameCustomer: SameCustomer,\r\n confirmReceiptDisablrMsg:confirmReceiptDisablrMsg,\r\n MenuPrintData: updatedMenus.PrintData,\r\n facilityId: facilityId\r\n });\r\n }\r\n }\r\n\r\n selectRow = (KendoGrid) => {\r\n this.KendoGrid = KendoGrid;\r\n this.UpdateGridSummary();\r\n }\r\n\r\n eventClickCreate = () => {\r\n this.$rootScope.OpenWindow({\r\n url: '
\r\n\r\n {this.state.MenuPrintData.length > 0 && (\r\n 1 ? 'Receipts' : 'Receipt')\r\n ),\r\n \"value\": [],\r\n \"disabled\": (!this.state.SelectedReceipts || this.state.IsClosedOrCanceled || this.state.NoLineItems || !this.state.SameCustomer || !this.state.SameFacility ||\r\n (this.state.IsClosedOrCanceled == false && this.state.isCanceled == false && !this.state.Rights.hasOwnProperty('isWarehouseUser'))),\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('receipts.confirm'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('receipts.confirm'),\r\n \"disabledText\":this.state.confirmReceiptDisablrMsg,\r\n //'isContextMenu': true,\r\n //'isButtonMenu': true,\r\n 'wmsid': 'confirmReceipt',\r\n \"wmsSelector\": this.props.selector + \"ConfirmButton\",\r\n \"onClickFunc\": this.confirmReceipt\r\n }, {\r\n \"name\": this.translate('Label_Cancel_Receipt'),\r\n \"value\": [],\r\n \"disabled\": (!this.state.SelectedReceipts || this.state.IsClosedOrCanceled),\r\n \"disabledText\": !this.state.SelectedReceipts ? this.translate('Label_Disable_Edit_Receipt_On_Multiple_Select') : this.translate('Label_Disable_Cancel_Closed_Or_Cancel_Receipt_Note'),\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('receipts.manage.cancel'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('receipts.manage.cancel'),\r\n 'wmsid': 'cancelReceipt',\r\n \"wmsSelector\": this.props.selector + \"CancelButton\",\r\n \"onClickFunc\": this.cancelReceipt\r\n }, {\r\n \"name\": this.translate('Label_Reopen_Receipt'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedReceipts != 1 || !this.state.CanReopen),\r\n \"disabledText\":!this.state.SelectedReceipts ? this.translate('Label_Disable_Edit_Receipt_On_Multiple_Select') : this.translate('Label_Disable_Reopen_Receipt'),\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('receipts.manage.reopen'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('receipts.manage.reopen'),\r\n 'wmsid': 'reopenReceipt',\r\n \"wmsSelector\": this.props.selector + \"ReopenButton\",\r\n \"onClickFunc\": this.reOpenReceipt\r\n }, {\r\n \"name\": this.translate('Label_Receipt_Advice'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedReceipts != 1),\r\n \"disabledText\":this.translate('Label_Disable_Edit_Receipt_On_Multiple_Select'),\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('receipts.manage.sendra'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('receipts.manage.sendra'),\r\n 'wmsid': 'adviceReceipt',\r\n \"wmsSelector\": this.props.selector + \"ReceiptAdviceButton\",\r\n \"onClickFunc\": (e) => this.openReceiptAdviceModel(true)\r\n }\r\n ],\r\n \"disabled\": false,\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"clickFunc\": () => null\r\n },\r\n {\r\n \"name\": this.translate('Label_Create'),\r\n \"wmsSelector\": this.props.selector + \"CreateButton\",\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"icon\": \"fa-plus\",\r\n \"color\": \"green\",\r\n 'isContextMenu': false,\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('receipts.edit.view'),\r\n \"clickFunc\": this.eventClickCreate\r\n },\r\n {\r\n \"name\": this.translate('NavBarV1_Btn_Documents'),\r\n \"wmsSelector\": this.props.selector + this.translate('NavBarV1_Btn_Documents'),\r\n \"value\": this.state.MenuPrintData,\r\n \"clickFunc\": () => null,\r\n \"disabled\": (this.state.SelectedReceipts == 0),\r\n \"icon\": \"fa-print\",\r\n \"color\": \"green\",\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('receipts.docs') || (this.state.Rights.hasOwnProperty('receipts.attachdocs') && this.state.Rights.hasOwnProperty('Shipping.AttachedDocsEnabled')),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('receipts.docs') || (this.state.Rights.hasOwnProperty('receipts.attachdocs') && this.state.Rights.hasOwnProperty('Shipping.AttachedDocsEnabled')),\r\n },\r\n {\r\n \"name\": '',\r\n \"wmsSelector\": this.props.selector + 'RefreshGrid',\r\n \"value\": [],\r\n \"clickFunc\": this.refreshReceiptGrid,\r\n \"disabled\": false,\r\n \"icon\": \"fa-sync-alt\",\r\n \"color\": \"blue\",\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true,\r\n 'parentClassName':'receiptRefreshBtn'\r\n },\r\n {\r\n \"name\": \"Copy\",\r\n \"value\": [{\r\n \"name\": this.translate('Label_Copy_Field'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedReceipts != 1),\r\n \"disabledText\": this.translate('Label_Copy_Field'),\r\n \"icon\": \"fa-bandcamp\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n 'wmsid': 'copyField',\r\n \"wmsSelector\": \"copyToClicpboard\",\r\n }, {\r\n \"name\": this.translate('Label_Copy_Row'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedReceipts != 1),\r\n \"disabledText\": this.translate('Label_Copy_Row'),\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n 'wmsid': 'copyRow'\r\n }],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false\r\n }\r\n ]}\r\n />\r\n )}\r\n {this.state.isOpenColumnModel && (\r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react'\r\n\r\n//Components\r\nimport { FindReceiptSearch } from './findReceipt-search.component.jsx'\r\nimport { FindReceiptGrid } from './findReceipt-grid.component.jsx'\r\nimport { StringWms } from '../../../../assets/ts/StringWms.ts';\r\nimport * as GridConfig from './grid_configuration.jsx';\r\n\r\nimport './findReceipt.scss';\r\n\r\n//services\r\nimport * as GlobalService from './../../global_services';\r\nimport * as findReceiptService from './findReceipt.services.jsx';\r\nimport * as metaDataService from './meta-data.service';\r\nvar axios = require('axios');\r\nexport class FindReceiptHolder extends React.PureComponent {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n var windowId = this.$rootScope.ChildBulletin.Data.Window;\r\n this.findReceiptGridId = \"GridFindReceiversProto\";\r\n this.defaultFilterValue = {\r\n IndexOptionsDateColumn: 0,\r\n IndexOptionsReferenceNum: 0,\r\n IndexOptionsReceiptAdviseNumber: 0,\r\n IndexOptionsPoNum: 0,\r\n IndexOptionsNotes: 0,\r\n IndexOptionsReceiptAdviseSent: 2,\r\n IndexOptionsStatus: 1,\r\n StartDate: null,\r\n EndDate: null,\r\n ReferenceNum: null,\r\n ReceiptAdviseNumber: null,\r\n PoNum: null,\r\n Notes: null,\r\n FirstTransaction: \"\",\r\n LastTransaction: \"\",\r\n ShowReferenceNumber: true,\r\n ShowTransactionRangeSection: true,\r\n CustomerId: 0,\r\n FacilityId: 0,\r\n gridInlineFilter:\"\"\r\n };\r\n this.state = {\r\n selector: \"FindReceipt\",\r\n windowId: windowId,\r\n gridDomSelector: () => windowId ? '.' + windowId + ' #' + this.findReceiptGridId : '#' + this.findReceiptGridId,\r\n sharedReceiptFilter: Object.assign({}, this.defaultFilterValue),\r\n searchOnReceiving: false,\r\n filterObject: [],\r\n showChildComponents: false,\r\n isCollapsed: false,\r\n isAnimatedClassAdded:false\r\n }\r\n\r\n }\r\n async componentDidMount() {\r\n kendo.ui.progress($('#wms-findreceipt-wrapper'), true);\r\n await GlobalService.GetCustomersAndFacility();\r\n await metaDataService.getUserClientMetaData();\r\n\r\n var filterData = metaDataService.getFindReceiptFilterMetaData();\r\n var sharedReceiptFilter = Object.assign({}, this.defaultFilterValue);\r\n var sharedSearchOn = false;\r\n if (filterData != \"\") {\r\n sharedReceiptFilter = filterData;\r\n sharedSearchOn = true;\r\n }\r\n this.setState({\r\n sharedReceiptFilter: sharedReceiptFilter,\r\n sharedSearchOn: sharedSearchOn,\r\n showChildComponents:true\r\n });\r\n $('#wms-findreceipt-wrapper').closest('.k-window-content').css(\"padding\", \"0\");\r\n kendo.ui.progress($('#wms-findreceipt-wrapper'), false);\r\n }\r\n\r\n componentWillUnmount() {\r\n $('#wms-findreceipt-wrapper').closest('.k-window-content').css(\"padding\", \"26\");\r\n }\r\n\r\n onFilterDataSet = (param_filterObj) => {\r\n metaDataService.setFindReceiptFilterMetaData(param_filterObj);\r\n this.setState({\r\n sharedReceiptFilter: param_filterObj,\r\n sharedSearchOn: true\r\n });\r\n }\r\n \r\n \r\n onGridSearch = () => {\r\n\r\n let filterObj = this.state.sharedReceiptFilter;\r\n filterObj.method = \"POST\";\r\n filterObj.ShowReferenceNumber = true;\r\n\r\n delete filterObj.ShowNotes;\r\n delete filterObj.ShowStatus;\r\n delete filterObj.ShowPoNum;\r\n delete filterObj.ShowReceiptAdviseNumber;\r\n delete filterObj.ShowReceiptAdviseSent;\r\n delete filterObj.ShowReferenceNum;\r\n delete filterObj.ShowSearchDateSection;\r\n\r\n this.setState({\r\n sharedSearchOn: true,\r\n filterObject: [filterObj]\r\n });\r\n }\r\n onClearSearch = () => {\r\n metaDataService.clearFindReceiptFilterMetaData();\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n // reset selection of grid on filter data change\r\n if (typeof grid != \"undefined\") {\r\n grid.dataSource.filter([]);\r\n var gridColumn = grid.getOptions().columns;\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = GlobalService.prepareGridOptionsForStorage(gridColumn, sortArray, grid.dataSource.filter());\r\n this.setState({\r\n sharedReceiptFilter: Object.assign({}, this.defaultFilterValue),\r\n sharedSearchOn: false,\r\n gridInlineFilter:\"\"\r\n });\r\n setTimeout(() => {\r\n metaDataService.setFindReceiptGridOptionInMetaData(finalSubmission);\r\n }, 500);\r\n }\r\n }\r\n\r\n // click on save search filter in meta data\r\n onManageFilter = (param_action, param_data) => {\r\n var filterData = this.state.sharedReceiptFilter;\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n var filterArray = grid.dataSource.filter() ? grid.dataSource.filter() : [];\r\n var gridColumn = grid.getOptions().columns;\r\n var finalSubmission = GlobalService.prepareGridOptionsForStorage(gridColumn, sortArray, filterArray);\r\n if (param_action == 'saveFilter') {\r\n metaDataService.saveFindReceiptFilterMetaData(param_data, JSON.parse(JSON.stringify(filterData)), finalSubmission);\r\n } else {\r\n metaDataService.updateFindReceiptFilterMetaData(param_data, JSON.parse(JSON.stringify(filterData)), finalSubmission);\r\n GlobalService.notification('success', this.translate('Order_Filter_Update_success'));\r\n }\r\n }\r\n onClickForFilterToggle = () => {\r\n this.setState({\r\n isCollapsed : !this.state.isCollapsed,\r\n isAnimatedClassAdded: !this.state.isAnimatedClassAdded,\r\n });\r\n // \r\n setTimeout(() => {\r\n this.setState({\r\n isAnimatedClassAdded : !this.state.isAnimatedClassAdded\r\n })\r\n }, 1000);\r\n }\r\n onApplySavedFilter = (param_filterObj) => {\r\n\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n this.setState({\r\n sharedReceiptFilter: param_filterObj,\r\n sharedSearchOn: true,\r\n gridInlineFilter:dataSource.filter()\r\n });\r\n this.refs.findReceiptsGridVirtual.onApplySavedFilterData(param_filterObj);\r\n }\r\n render() {\r\n return (\r\n \r\n {this.state.showChildComponents && (\r\n
\r\n )\r\n }\r\n}\r\n","var axios = require('axios');\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport const getCustomerData = function (uri) {\r\n return axios.post(\"/WebUI/Receiving/ImportReceiptAsn/GetCustomerData\", { customerUri: uri }).then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const parseReceiverImportFile = function (custId, facilId, transId, file) {\r\n var data = {\r\n \"facilityId\": facilId,\r\n \"transformId\": transId,\r\n \"content\": file\r\n }\r\n\r\n return axios.post(\"/WebUI/Receiving/UpdateSession/ParseReceiverImportFile?customerId=\" + custId, data).then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\n","import { StringWms } from '../../../assets/ts/StringWms.ts';\r\n\r\nexport const getGridDemoColumns = () => {\r\n let translate = window.translate;\r\n var Asn_Import_Management_Headers = StringWms.convertSringToOption(translate('Asn_Import_Management_Headers'));\r\n return ({\r\n\r\n columns: [\r\n {\r\n field: 'ReferenceNum',\r\n title: Asn_Import_Management_Headers[0].description,\r\n width: 180,\r\n lockable: false\r\n },\r\n {\r\n field: 'Customer',\r\n title: Asn_Import_Management_Headers[1].description,\r\n width: 180,\r\n lockable: false\r\n },\r\n {\r\n field: 'Facility',\r\n title: Asn_Import_Management_Headers[2].description,\r\n width: 180,\r\n lockable: false\r\n },\r\n {\r\n field: 'ExpectedArrivalDate',\r\n title: Asn_Import_Management_Headers[3].description,\r\n width: 180,\r\n lockable: false\r\n },\r\n {\r\n field: 'Carrier',\r\n title: Asn_Import_Management_Headers[4].description,\r\n width: 180,\r\n lockable: false\r\n },\r\n {\r\n field: 'PrimaryQuantity',\r\n title: Asn_Import_Management_Headers[5].description,\r\n width: 180,\r\n lockable: false\r\n },\r\n {\r\n field: 'Weight',\r\n title: Asn_Import_Management_Headers[6].description,\r\n width: 180,\r\n lockable: false\r\n },\r\n {\r\n field: 'Pallets',\r\n title: Asn_Import_Management_Headers[7].description,\r\n width: 180,\r\n lockable: false\r\n }\r\n ]\r\n })\r\n}\r\n\r\n\r\nexport const getGridDemoSchema = () => {\r\n\r\n return ({\r\n schema: {\r\n model: {\r\n fields: {\r\n ReferenceNum: {\r\n type: \"string\"\r\n },\r\n Customer: {\r\n type: \"string\"\r\n },\r\n Facility: {\r\n type: \"string\"\r\n },\r\n ExpectedArrivalDate: {\r\n type: \"date\"\r\n },\r\n Carrier: {\r\n type: \"string\"\r\n },\r\n PrimaryQuantity: {\r\n type: \"number\"\r\n },\r\n Weight: {\r\n type: \"number\"\r\n },\r\n Pallets: {\r\n type: \"number\"\r\n }\r\n }\r\n }\r\n },\r\n })\r\n}\r\n","import React, { Component } from 'react'\r\nimport WmsFormGrid from '../components/WmsFormGrid/WmsFormGrid.jsx';\r\nimport WmsButton from '../components/WmsButton/WmsButton.jsx';\r\n\r\nimport * as GlobalService from './../global_services';\r\nimport * as GridConfig from './grid_configuration.jsx';\r\n\r\nexport class ImportAsnGrid extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n \r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n columns: GridConfig.getGridDemoColumns().columns,\r\n schema: GridConfig.getGridDemoSchema().schema,\r\n }\r\n }\r\n\r\n exitFromWindow = () => {\r\n GlobalService.closeWindow(this.props.WindowId);\r\n }\r\n\r\n importOrder = (param_btnID) => {\r\n let targetElement = $(\"#\" + param_btnID);\r\n this.$rootScope.animationMoveIcon(targetElement);\r\n\r\n var data = {\r\n customer_id: this.props.SharedSelectedCustomerId,\r\n preferences: this.props.SharedFetchCustomerInfo.Preferences,\r\n OnErrorRadio: this.props.SharedFetchCustomerInfo.Preferences.OnError,\r\n uploadFile: this.props.SharedFileUploadData.fileread,\r\n uploadFileType: this.props.SharedFileUploadData.fileType,\r\n SelectedFile: this.props.SharedFileUploadData.fileName\r\n }\r\n\r\n this.$rootScope.taskStarted();\r\n // this.$rootScope.$broadcast(\"importParseAsn\", data);\r\n\r\n /**Code for react progress component */\r\n data.type = \"importAsn\";\r\n var event = new CustomEvent(\"showProgressModal\", {\r\n detail: data\r\n });\r\n document.dispatchEvent(event);\r\n setTimeout(() => { this.exitFromWindow(); }, 200);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react'\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\nimport WmsContainer from '../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsDropdown from '../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsFile from '../components/WmsFile/WmsFile.jsx';\r\nimport WmsCheckBox from './../components/WmsCheckBox/WmsCheckBox.jsx';\r\n\r\nimport * as GlobalService from './../global_services';\r\nimport * as ImportAsnServices from './import-asn.services.jsx';\r\n\r\nimport style from './import-asn.scss';\r\nimport { ImportAsnGrid } from './import-asn-grid.component.jsx';\r\n\r\nexport class ImportAsnHolder extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n selector: \"ImportAsn\",\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n customLabels: GlobalService.getCustomLabels(),\r\n showImportAsn: true,\r\n showManageAsnImport: false,\r\n showAmbiguousParser: false,\r\n customerOptions: [],\r\n facilityOptions: [],\r\n customerIndex: '',\r\n selectedFacility: '',\r\n onError: '',\r\n selectFileName:'',\r\n sharedFetchCustomerInfo: null,\r\n skipAsnImportManagement: false,\r\n optionsParser: [],\r\n indexOptionsParser: null,\r\n sharedFileUploadData: null,\r\n selectFormat: {\r\n TransformId: 0,\r\n Description: this.translate('Label_SelectFormat')\r\n },\r\n receiverImportFileData: [],\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n kendo.ui.progress($('#' + this.state.windowId), true);\r\n\r\n GlobalService.GetCustomersAndFacility().then((response) => {\r\n\r\n this.setState({\r\n facilityOptions: GlobalService.getFacilityList(),\r\n customerOptions: GlobalService.getCustomerList()\r\n });\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#' + this.state.windowId), false);\r\n });\r\n }\r\n\r\n handleChange = (event) => {\r\n this.setState({ [event.target.name]: event.target.value });\r\n\r\n if (event.target.name == 'customerIndex' && event.target.value != '') {\r\n\r\n let customerObj = this.state.customerOptions[event.target.value];\r\n let facilityOptions = GlobalService.getFacilityList();\r\n let cusFaciliOptions = [];\r\n\r\n for (let x = 0; x < customerObj.facilities.length; x++) {\r\n const facility = facilityOptions.find((element) => {\r\n if (element.id == customerObj.facilities[x]) {\r\n return element;\r\n }\r\n });\r\n if(facility) {\r\n cusFaciliOptions.push(\r\n facility\r\n );\r\n }\r\n }\r\n this.setState({\r\n facilityOptions: cusFaciliOptions,\r\n\t\t\t\tselectedFacility: (typeof customerObj.defaultFacility != 'undefined' && cusFaciliOptions.includes(customerObj.defaultFacility)) ? customerObj.defaultFacility : ''\r\n });\r\n\r\n this.getCustomerInfo(customerObj);\r\n }\r\n }\r\n\r\n handleFileUpload = (fileUploadedData) => {\r\n // check if file is greater than 2MB\r\n if(fileUploadedData.fileSize > 2000000 ) {\r\n var _data = {\r\n \"Source\": 1,\r\n \"ServerName\": \"3PL-QA-APP\",\r\n \"Descriptions\": [\r\n {\r\n \"ErrorClass\": \"Http\",\r\n \"ErrorCode\": \"System\",\r\n \"Descriptors\": [ \"Maximum request length exceeded.\"],\r\n \"Hint\": null\r\n }\r\n ],\r\n \"ErrorClass\": \"Http\",\r\n \"ErrorCode\": \"System\",\r\n \"type\": \"error\"\r\n };\r\n GlobalService.showErrorMessage(_data);\r\n return false;\r\n }\r\n console.log(\"fileUploadedData.fileread\", fileUploadedData.fileread);\r\n // check if file is 0 size and blank content\r\n if(fileUploadedData.fileSize == 0 || (fileUploadedData.fileread && fileUploadedData.fileread.trim() == '')) {\r\n var _data = {\r\n \"Source\": 1,\r\n \"ServerName\": \"3PL-QA-APP\",\r\n \"Descriptions\": [\r\n {\r\n \"ErrorClass\": \"Http\",\r\n \"ErrorCode\": \"System\",\r\n \"Descriptors\": [ \"Minimum request length exceeded.\"],\r\n \"Hint\": null\r\n }\r\n ],\r\n \"ErrorClass\": \"Http\",\r\n \"ErrorCode\": \"System\",\r\n \"type\": \"error\"\r\n };\r\n GlobalService.showErrorMessage(_data);\r\n return false;\r\n }\r\n let fileSize = (fileUploadedData.fileSize / (1000*1000)).toFixed(2);\r\n if(fileSize == 0.00) {\r\n fileSize = (fileUploadedData.fileSize / 1000).toFixed(2) + 'kb';\r\n } else {\r\n fileSize = fileSize + 'mb';\r\n }\r\n\r\n this.setState({\r\n sharedFileUploadData: fileUploadedData,\r\n selectFileName:fileUploadedData.fileName,\r\n selectFileSize:fileSize\r\n });\r\n\r\n if (this.state.skipAsnImportManagement == false) {\r\n\r\n var data = {\r\n \"Preferences\": {\r\n \"OnError\": this.state.onError,\r\n },\r\n \"CustomerId\": this.state.customerOptions[this.state.customerIndex].id,\r\n \"FacilityId\": this.state.selectedFacility,\r\n \"TransformId\": this.state.indexOptionsParser && this.state.indexOptionsParser != 0 ? this.state.indexOptionsParser : null,\r\n \"File\": fileUploadedData.fileread\r\n };\r\n\r\n\r\n this.$rootScope.animationMoveIcon($('#file-upload'));\r\n this.$rootScope.taskStarted();\r\n // this.$rootScope.$broadcast(\"receiptImportParseAndImportAsync\", data);\r\n /**Code for react progress component */\r\n data.type = \"importAsnAsync\";\r\n var event = new CustomEvent(\"showProgressModal\", {\r\n detail: data\r\n });\r\n document.dispatchEvent(event);\r\n\r\n } else {\r\n\r\n kendo.ui.progress($('#' + this.state.windowId), true);\r\n\r\n ImportAsnServices.parseReceiverImportFile(\r\n this.state.customerOptions[this.state.customerIndex].id,\r\n this.state.selectedFacility,\r\n this.state.indexOptionsParser,\r\n fileUploadedData.fileread\r\n ).then((response) => {\r\n if (response) {\r\n if (response.status === 200) {\r\n\r\n this.setState({\r\n showImportAsn: false,\r\n showManageAsnImport: true,\r\n receiverImportFileData: response.data\r\n });\r\n\r\n } else {\r\n this.setState({\r\n sharedFileUploadData: null,\r\n });\r\n }\r\n }\r\n }).finally(() => { kendo.ui.progress($('#' + this.state.windowId), false);});\r\n }\r\n }\r\n\r\n getCustomerInfo(param_cusobj) {\r\n\r\n kendo.ui.progress($('#' + this.state.windowId), true);\r\n this.setState({ showAmbiguousParser: false })\r\n\r\n ImportAsnServices.getCustomerData(param_cusobj.uri).then((response) => {\r\n var OptionsParser = [];\r\n var EdiAmbigParsers = response.AmbiguousTransforms.Edi;\r\n var XmlAmbigParsers = response.AmbiguousTransforms.Xml;\r\n var OtherAmbigParsers = response.AmbiguousTransforms.Other;\r\n var ShowAmbiguousParser = false;\r\n\r\n OptionsParser.unshift(this.state.selectFormat);\r\n if (!StringWms.isEmpty(XmlAmbigParsers)) {\r\n for (var x = 0; x < XmlAmbigParsers.length; x++) {\r\n OptionsParser.push(XmlAmbigParsers[x]);\r\n }\r\n ShowAmbiguousParser = true;\r\n }\r\n if (!StringWms.isEmpty(EdiAmbigParsers)) {\r\n for (var x = 0; x < EdiAmbigParsers.length; x++) {\r\n OptionsParser.push(EdiAmbigParsers[x]);\r\n }\r\n ShowAmbiguousParser = true;\r\n }\r\n if (!StringWms.isEmpty(OtherAmbigParsers)) {\r\n for (var x = 0; x < OtherAmbigParsers.length; x++) {\r\n OptionsParser.push(OtherAmbigParsers[x]);\r\n }\r\n ShowAmbiguousParser = true;\r\n }\r\n\r\n this.setState({\r\n onError: response.Preferences.OnError,\r\n sharedFetchCustomerInfo: response,\r\n showAmbiguousParser: ShowAmbiguousParser,\r\n optionsParser: OptionsParser,\r\n });\r\n }).finally(() => {\r\n kendo.ui.progress($('#' + this.state.windowId), false);\r\n });\r\n }\r\n\r\n handleCheckboxChange = (event) => {\r\n this.setState({ skipAsnImportManagement: !this.state.skipAsnImportManagement });\r\n }\r\n\r\n changeIndexOptionsParser = (event) => {\r\n this.setState({\r\n indexOptionsParser: event.target.value\r\n });\r\n }\r\n\r\n selectNewFile = () => {\r\n this.setState({\r\n showImportAsn: true,\r\n showManageAsnImport: false,\r\n receiverImportFileData: [],\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n this.importOrder('firstImportBtn')}\r\n icon=\"fa-download\"\r\n buttonType=\"green\"\r\n disabled={false}\r\n />\r\n
\r\n\r\n \r\n
\r\n\r\n Validation Successful - Review and hit import to continue
\r\n\r\n \r\n
\r\n \r\n this.importOrder('secondImportBtn')}\r\n icon=\"fa-download\"\r\n buttonType=\"green\"\r\n disabled={false}\r\n />\r\n
\r\n \r\n {this.state.showImportAsn && (\r\n
\r\n )\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\n\r\n// Component\r\nimport WmsButton from \"../components/WmsButton/WmsButton.jsx\";\r\nimport WmsDropdown from \"../components/WmsDropdown/WmsDropdown.jsx\";\r\nimport WmsContainer from \"../components/WmsContainer/WmsContainer.jsx\";\r\nimport WmsRadio from \"../components/WmsRadio/WmsRadio.tsx\";\r\nimport WmsCheckBox from \"../components/WmsCheckBox/WmsCheckBox.jsx\";\r\nimport WmsConfirmModel from \"../components/WmsConfirmModel/WmsConfirmModel.jsx\";\r\n\r\n\r\n// Services\r\nimport * as GlobalService from \"./../global_services\";\r\nimport * as AsnServices from \"./asn-import-preferences.services.jsx\";\r\n\r\n\r\nimport style from \"./asnimportPreferences.scss\";\r\n\r\nexport class AsnImportPreferences extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n \r\n this.translate = window.translate\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n Selector: \"AsnImportPreferences\",\r\n saveLoader: false,\r\n customLabels: GlobalService.getCustomLabels(),\r\n customerList: [],\r\n isFormEdit: false,\r\n OnError: 0,\r\n selectedCustomerIndex: \"\",\r\n selectedCustomer: \"\",\r\n DefaultFormats: [],\r\n SelectedParsers: [],\r\n isOpenWarningModel: false\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n kendo.ui.progress($('#' + this.state.windowId), true);\r\n GlobalService.GetCustomersAndFacility().then(() => {\r\n this.setState({\r\n customerList: GlobalService.getCustomerList()\r\n });\r\n }).finally(() => {\r\n kendo.ui.progress($('#' + this.state.windowId), false);\r\n });\r\n }\r\n\r\n ClickExit = (e) => {\r\n this.onCloseConfirmModel();\r\n setTimeout(() => {\r\n GlobalService.closeWindow(this.state.windowId);\r\n }, 100);\r\n };\r\n\r\n EventGetReceivingPreferences = (event) => {\r\n if (this.state.isFormEdit) {\r\n this.setState({ isOpenWarningModel: true });\r\n return;\r\n }\r\n var customerObj = this.getCustomerById(event.target.value);\r\n\r\n this.setState({\r\n selectedCustomerIndex: event.target.value,\r\n selectedCustomer: customerObj\r\n });\r\n\r\n kendo.ui.progress($('#' + this.state.windowId), true);\r\n\r\n AsnServices.GetReceivingImportPreferences(customerObj.uri).then((response) => {\r\n\r\n var workflow = response.Workflow;\r\n\r\n this.findDefaultChecks(response.Defaults);\r\n\r\n this.setState({\r\n DefaultFormats: response.Defaults,\r\n OnError: workflow.OnError ? workflow.OnError : 0,\r\n // IndexOptionsCustomizeDuringImport: workflow.Workflow || workflow.Workflow === 0 ? workflow.Workflow : 2,\r\n });\r\n\r\n \r\n }).finally(() => {\r\n kendo.ui.progress($('#' + this.state.windowId), false);\r\n });\r\n };\r\n\r\n findDefaultChecks(arr) {\r\n var SelectedParsers = [];\r\n arr.forEach((elem) => {\r\n if (elem.hasOwnProperty('IsSelected') && elem.IsSelected) {\r\n SelectedParsers.push(elem.Id);\r\n }\r\n });\r\n\r\n this.setState({\r\n SelectedParsers: SelectedParsers\r\n });\r\n }\r\n\r\n getCustomerById(id) {\r\n return this.state.customerList.find((element) => {\r\n if (element.id == id) {\r\n return element;\r\n }\r\n });\r\n }\r\n\r\n\r\n toggleSelectedParsers = (id) => (event) => {\r\n id = Number(id);\r\n var selectedParsers = this.state.SelectedParsers;\r\n\r\n var idx = this.state.SelectedParsers.indexOf(id);\r\n\r\n (idx === -1) ? selectedParsers.push(id) : selectedParsers.splice(idx, 1);\r\n\r\n\r\n // var filteredSelectedParsers = this.state.DefaultSelectedParsers.filter(element => selectedParsers.includes(element));\r\n // var isFormEdit = (this.state.DefaultSelectedParsers.length == selectedParsers.length && selectedParsers.length == filteredSelectedParsers.length)\r\n\r\n this.setState({\r\n isFormEdit: true,\r\n SelectedParsers: selectedParsers\r\n });\r\n }\r\n\r\n ClickSaveAndExit = (event) => {\r\n var workflow = {\r\n OnError: Number(this.state.OnError)\r\n };\r\n\r\n this.setState({\r\n saveLoader: true,\r\n isFormEdit: false,\r\n });\r\n\r\n AsnServices.SaveReceivngImportPreferences(this.state.selectedCustomer.uri, workflow, this.state.SelectedParsers)\r\n .then((response) => {\r\n\r\n this.setState({ saveLoader: false }); \r\n if (response.status == '204' || response.status == '200') {\r\n GlobalService.notification('success', this.translate('Settings_Label_Import_Pref_Save_Success'));\r\n this.ClickExit();\r\n }\r\n \r\n }).finally(() => {\r\n this.setState({ saveLoader: false }); \r\n });\r\n }\r\n\r\n ChangeImportPreferences = (key, value) => (event) => {\r\n this.setState({\r\n isFormEdit: true,\r\n [key]: value\r\n });\r\n }\r\n\r\n onCloseConfirmModel = () => {\r\n this.setState({ isOpenWarningModel: false });\r\n }\r\n\r\n makeWmsSelector(string) {\r\n var selector = this.state.Selector;\r\n selector += string.replace(/\\w\\S*/g, function (txt) {\r\n return txt.charAt(0).toUpperCase() + txt.substr(1);\r\n }).replace(/\\s/g, \"\");\r\n\r\n return selector;\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n\r\n 0 || !this.state.selectedFacility > 0) || (this.state.showAmbiguousParser ? (this.state.indexOptionsParser == null || this.state.indexOptionsParser == 0) : false))}\r\n clearInputOnClick={true}\r\n />\r\n\r\n
\r\n )}\r\n\r\n {this.state.showManageAsnImport && (\r\n \r\n \r\n \r\n {this.translate('Label_Import_Max_Upload_Warning')}\r\n \r\n
\r\n \r\n {this.state.showAmbiguousParser && (\r\n \r\n \r\n )}\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {this.translate('Label_Import_ASN_Use_Quick_Import')}\r\n \r\n {this.translate('Label_ASN_ColumnHeaders_Present')}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {this.translate('Label_download_standard_template')}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n {this.state.selectedCustomerIndex !== \"\" && (\r\n
\r\n );\r\n }\r\n}","import axios from \"axios\";\r\n\r\nimport * as GlobalService from \"../global_services\";\r\n\r\nexport const GetReceivingImportPreferences = (customerUri) => {\r\n\r\n return axios.get('/WebUI/Settings/ImportReceiptAsnPreferences/Preferences?customerUri=' + customerUri)\r\n .then(function (response) {\r\n var tempData = response.data;\r\n\r\n let MyReturn = {};\r\n MyReturn.Defaults = [];\r\n\r\n //Determining if the items in the array belong in customs or defaults\r\n tempData.Transforms.forEach((currentElem) => {\r\n MyReturn.Defaults.push(currentElem);\r\n });\r\n\r\n //Adding the work flow to the return object\r\n MyReturn.Workflow = tempData.Workflow;\r\n\r\n return MyReturn;\r\n });\r\n}\r\n\r\nexport const SaveReceivngImportPreferences = (custUri, workflow, parserIds) => {\r\n let data = {\r\n customerUri: custUri,\r\n workflowViewModel: workflow,\r\n transformIds: parserIds\r\n }\r\n return axios.put('/WebUI/Settings/ImportReceiptAsnPreferences/SavePreferences', data)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}","var axios = require('axios');\r\nimport * as GlobalService from '../global_services';\r\n\r\nexport const initialInventory = function () {\r\n\r\n return axios.all([\r\n GlobalService.GetCustomersAndFacility()\r\n ]).then(axios.spread(function (GetCustomerFacilityList) {\r\n return {\r\n getCustomerFacilityList: GlobalService.getFacilityList()\r\n };\r\n }));\r\n}\r\n\r\nexport const holdOrReleaseInventory = function (param_holdObj) {\r\n return axios.put(\"/WebUI/Inventory/ManageInventory/HoldStatus?putOnHold=\"+param_holdObj.putOnHold+\"&reason=\"+param_holdObj.Reason, {\r\n \"receiveItemIds\": param_holdObj.receiveItemIds\r\n }).then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const locationDropdownData = function (param_facilityId) {\r\n let data = {\r\n sort: '',\r\n page: 1,\r\n pageSize: 400,\r\n group: '',\r\n filter: '',\r\n facilityId: parseInt(param_facilityId),\r\n }\r\n return axios.post('/WebUI/Inventory/ManageInventory/LocationDropdownRead', data)\r\n .then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const C2CTransferer = function (finalObject) {\r\n\r\n return axios.post('/WebUI/Inventory/ManageInventory/C2CTransferer', finalObject)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const c2cTransfererOptions = function (idsArray) {\r\n\r\n return axios.get('/WebUI/inventory/ManageInventory/C2CTransferOptions', {\r\n params: {\r\n \"receiveItemIds\": idsArray.toString()\r\n }\r\n }).then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const getItemOptions = function (customerId, itemId) {\r\n\r\n return axios.get('/WebUI/inventory/ManageInventory/ItemOptions', {\r\n params: {\r\n \"customerId\": customerId,\r\n \"itemId\": itemId\r\n }\r\n }).then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n","import React from 'react';\r\n\r\n//component\r\nimport WmsButton from '../../components/WmsButton/WmsButton.jsx';\r\nimport WmsModel from './../../components/WmsModel/WmsModel.jsx';\r\nimport WmsInput from './../../components/WmsInput/WmsInput.jsx';\r\nimport WmsToolTip from './../../components/WmsToolTip/WmsToolTip.tsx';\r\nimport WmsDropdown from './../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsDropdownList from './../../components/WmsDropdownList/WmsDropdownList.jsx';\r\nimport WmsContainer from './../../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsConfirmModel from './../../components/WmsConfirmModel/WmsConfirmModel.jsx';\r\n\r\nimport { ArrayWms } from '../../../../assets/ts/ArrayWms.ts';\r\n\r\nimport * as inventoryservices from './../inventory.services.jsx';\r\nimport * as GlobalService from './../../global_services';\r\n\r\nimport style from './customer-transfer.scss';\r\nimport { kendo } from \"./../../global_variable_service.jsx\";\r\n\r\nexport class InventoryCustomerTransferModel extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n Selector: 'InventoryC2C',\r\n facilityId: 0,\r\n transferInventoryLoader: false,\r\n holdReasonOptions: [],\r\n selectedHoldReason: '',\r\n localKendoGrid: null,\r\n sourceItemData: {\r\n Options: {}\r\n },\r\n destinationItemData: {\r\n customerId: \"\" // GlobalService.getCustomerList(false)[0].id // select first customer id for sku dropdown\r\n },\r\n selectedItemCount: 0,\r\n CustomLabels: GlobalService.getCustomLabels(),\r\n optionsCustomer: [] ,\r\n optionsSku: [],\r\n optionsQualifier: [],\r\n optionsLocation: [],\r\n destinationCustomerObj: {},\r\n hideLocationDropdown: false,\r\n hideMovableUnit: false,\r\n requiredLocationDropdown: false,\r\n requiredMovableUnit: false,\r\n totalTransferedQuantity: 0,\r\n isQuantityMaxValid: true,\r\n destinationSerialShow: false,\r\n destinationSerialRequired: false,\r\n destinationLotShow: false,\r\n destinationLotRequired: false,\r\n destinationQtyDisabled: false,\r\n showSameDataTooltip: false,\r\n destinationExpDateShow: false,\r\n destinationExpDateRequired: false,\r\n isQtyConfirmation: false\r\n };\r\n }\r\n\r\n componentDidMount (){\r\n console.log(\"componentDidMount call\");\r\n var filteredSet = GlobalService.filteredCustomerList(GlobalService.getCustomerList(false), this.props.warehouseObj.id);\r\n this.setState({\r\n optionsCustomer: filteredSet\r\n });\r\n\r\n var idArray = this.props.localKendoGrid.getKeys();\r\n var selectedCount = this.props.localKendoGrid.getNumberOfSelections();\r\n if(idArray.length == 1){\r\n var tmpIds = idArray[0].split(',');\r\n selectedCount = tmpIds.length;\r\n }\r\n kendo.ui.progress($('.customer-transfer-model'), true);\r\n inventoryservices.c2cTransfererOptions(idArray).then((response) => {\r\n if (response.MaxQuantity == 0) {\r\n GlobalService.notification('error', \"Item Available Primary Need More Than 0\");\r\n this.exitTransferInventoryModal();\r\n return;\r\n }\r\n this.setState({\r\n sourceItemData: response,\r\n selectedItemCount: selectedCount,\r\n ReceiverItemId: idArray\r\n });\r\n\r\n this.setState({\r\n destinationItemData: Object.assign(\r\n this.state.destinationItemData,\r\n {\r\n MovableUnitLabel : response.DesiredMovableUnitLabel,\r\n LocationId: this.checkIfLocationExistingInList(response.LocationId) ? response.LocationId : \"\"\r\n }\r\n )\r\n });\r\n kendo.ui.progress($('.customer-transfer-model'), false);\r\n this.setState({ totalTransferedQuantity: parseInt(response.MaxQuantity) });\r\n }).finally(() => {\r\n kendo.ui.progress($('.customer-transfer-model'), false);\r\n });\r\n }\r\n\r\n checkIfLocationExistingInList = (locationId) => {\r\n var isFound = false;\r\n this.state.optionsLocation.find((element) => {\r\n if (element.Id == locationId) {\r\n isFound = true;\r\n }\r\n });\r\n return isFound;\r\n }\r\n\r\n holdReasonChange = (event) => {\r\n this.setState({ selectedHoldReason: event.target.value });\r\n }\r\n\r\n onCloseQtyConfirmation = () => {\r\n this.setState({ isQtyConfirmation: false });\r\n }\r\n\r\n transferCustomer = (event) => {\r\n if (this.state.totalTransferedQuantity == this.state.destinationItemData.PrimaryAvailable) {\r\n this.continueToTransferCustomer();\r\n } else {\r\n this.setState({ isQtyConfirmation: true });\r\n }\r\n }\r\n\r\n continueToTransferCustomer = () => {\r\n\r\n this.setState({\r\n isQtyConfirmation:false,\r\n transferInventoryLoader: true\r\n });\r\n var finalObject = this.createFinalObjectBeforeSubmit();\r\n\r\n inventoryservices.C2CTransferer(finalObject).then((response) => {\r\n if (response.status == 200 || response.status == 204) {\r\n this.props.gridReload();\r\n GlobalService.notification('success', this.translate('Label_Success_Transfer_Title'));\r\n this.exitTransferInventoryModal();\r\n }\r\n }).finally(() => {\r\n this.setState({\r\n transferInventoryLoader: false\r\n });\r\n });\r\n }\r\n\r\n createFinalObjectBeforeSubmit = () => {\r\n // logic for calculation of toQty on multiple item selection\r\n var differenceOfQuantity = this.state.totalTransferedQuantity / this.state.destinationItemData.PrimaryAvailable;\r\n var isSameMULabel = false;\r\n if (this.state.sourceItemData.MovableUnitLabel == this.state.destinationItemData.MovableUnitLabel) {\r\n isSameMULabel = true;\r\n }\r\n\r\n let locationDestinationId = this.state.destinationItemData.LocationId ? this.state.destinationItemData.LocationId : 0;\r\n if (this.state.hideLocationDropdown) {\r\n locationDestinationId = 0;\r\n }\r\n\r\n var transferItemsData = [];\r\n var remainingQnty = this.state.destinationItemData.PrimaryAvailable;\r\n for (var i = 0; i < this.state.sourceItemData.ReceiveItemDetails.length; i++) {\r\n var responseOfCalculation = this.getAvailbleQtyFromItemId(this.state.sourceItemData.ReceiveItemDetails[i], differenceOfQuantity, remainingQnty);\r\n var toQty = responseOfCalculation.toQty;\r\n remainingQnty = responseOfCalculation.remainingQnty;\r\n var itemObj = {\r\n \"ReceiveItemId\": this.state.sourceItemData.ReceiveItemDetails[i].ReceiveItemId,\r\n \"FromQty\": this.state.selectedItemCount > 1 ? responseOfCalculation.AvailableQty : this.state.totalTransferedQuantity,\r\n \"ToQty\": this.state.selectedItemCount > 1 ? toQty : this.state.destinationItemData.PrimaryAvailable,\r\n \"ToLocationId\": this.state.selectedItemCount > 1 ? this.state.sourceItemData.ReceiveItemDetails[i].LocationId : locationDestinationId,\r\n \"ItemTraits\": {\r\n \"ItemId\": this.state.destinationItemData.sku,\r\n \"Qualifier\": this.state.destinationItemData.Qualifier ? this.state.destinationItemData.Qualifier : \"\",\r\n \"LotNumber\": this.state.destinationItemData.LotNumber ? this.state.destinationItemData.LotNumber : \"\",\r\n \"SerialNumber\": this.state.sourceItemData.ReceiveItemDetails.length > 1 ? this.state.sourceItemData.ReceiveItemDetails[i].SerialNumber : this.state.destinationItemData.SerialNumber,\r\n \"ExpirationDate\": this.state.sourceItemData.ReceiveItemDetails.length > 1 ? this.state.sourceItemData.ReceiveItemDetails[i].ExpirationDate : this.state.destinationItemData.ExpirationDate,\r\n \"Cost\": this.state.sourceItemData.ReceiveItemDetails.length > 1 ? this.state.sourceItemData.ReceiveItemDetails[i].Cost : this.state.destinationItemData.Cost,\r\n \"PalletLabel\": this.state.sourceItemData.ReceiveItemDetails.length > 1 ? this.state.sourceItemData.ReceiveItemDetails[i].PalletLabel : this.state.destinationItemData.MovableUnitLabel\r\n }\r\n };\r\n transferItemsData.push(itemObj);\r\n }\r\n var finalObject = {\r\n \"facilityId\": this.state.sourceItemData.FacilityId,\r\n \"toCustId\": parseInt(this.state.destinationItemData.customerId),\r\n \"fromCustId\": this.state.sourceItemData.CustomerId,\r\n \"transferItems\": transferItemsData\r\n };\r\n return finalObject;\r\n }\r\n\r\n getAvailbleQtyFromItemId = (element, differenceOfQuantity, remainingQnty) => {\r\n var availableForToQty = (element.AvailableQty / differenceOfQuantity);\r\n element.toQty = (availableForToQty).toFixed(2);\r\n if (remainingQnty > availableForToQty) {\r\n element.remainingQnty = remainingQnty - availableForToQty;\r\n } else {\r\n element.remainingQnty = 0;\r\n }\r\n return element;\r\n }\r\n\r\n getCustomerObjectFromId = (id) => {\r\n return this.state.optionsCustomer.find((element) => {\r\n if (element.id == id) {\r\n return element;\r\n }\r\n });\r\n }\r\n\r\n clearTransfer = () => {\r\n this.setState({\r\n destinationItemData: {\r\n customerId: \"\",\r\n sku: \"\",\r\n Qualifier: \"\",\r\n PrimaryAvailable: \"\"\r\n },\r\n destinationSerialShow: false,\r\n destinationLotShow: false,\r\n optionsQualifier: []\r\n });\r\n }\r\n\r\n handleCustomerChange = (event) => {\r\n this.setState({\r\n destinationItemData: Object.assign(\r\n this.state.destinationItemData,\r\n {\r\n customerId: event.target.value,\r\n sku: \"\",\r\n Qualifier: \"\",\r\n PrimaryAvailable: \"\",\r\n LocationId: 0\r\n }\r\n ),\r\n optionsQualifier: []\r\n }, this.checkForSameCustSkuQualifier('Qualifier'));\r\n var custObject = this.getCustomerObjectFromId(event.target.value);\r\n this.setState({\r\n hideLocationDropdown: false,\r\n hideMovableUnit: false,\r\n requiredLocationDropdown: false,\r\n requiredMovableUnit: false,\r\n destinationSerialShow: false,\r\n destinationLotShow: false,\r\n destinationCustomerObj: custObject ? custObject : {}\r\n });\r\n if(!custObject) {\r\n return;\r\n }\r\n if (custObject.options.trackLocation == 1) {\r\n this.setState({\r\n hideLocationDropdown: false,\r\n requiredLocationDropdown: false\r\n });\r\n } else if (custObject.options.trackLocation == 2) {\r\n this.setState({\r\n hideLocationDropdown: false,\r\n requiredLocationDropdown: true\r\n });\r\n } else {\r\n this.setState({\r\n hideLocationDropdown: true,\r\n requiredLocationDropdown: false\r\n });\r\n }\r\n if (custObject.options.trackPallets == 1) {\r\n this.setState({\r\n hideMovableUnit: false,\r\n requiredMovableUnit: false\r\n });\r\n } else if (custObject.options.trackPallets == 2) {\r\n this.setState({\r\n hideMovableUnit: false,\r\n requiredMovableUnit: true\r\n });\r\n } else {\r\n this.setState({\r\n hideMovableUnit: true,\r\n requiredMovableUnit: false\r\n });\r\n }\r\n\r\n\r\n // override condition for hide movable unit label and location for multiple selection\r\n\r\n if (this.state.selectedItemCount > 1) {\r\n this.setState({\r\n hideMovableUnit: true,\r\n requiredMovableUnit: false,\r\n hideLocationDropdown: true,\r\n requiredLocationDropdown: false\r\n });\r\n }\r\n\r\n }\r\n checkForSameCustSkuQualifier = (fromWhere) => {\r\n if (fromWhere == \"Qualifier\") {\r\n if (this.state.destinationItemData.customerId == this.state.sourceItemData.CustomerId && this.state.destinationItemData.sku && this.state.sourceItemData.ItemId == this.state.destinationItemData.sku && (this.state.optionsQualifier.length > 0 ? this.state.sourceItemData.Qualifier == this.state.destinationItemData.Qualifier : true)) {\r\n this.setState({\r\n showSameDataTooltip: true\r\n });\r\n } else {\r\n this.setState({\r\n showSameDataTooltip: false\r\n });\r\n }\r\n }\r\n }\r\n skuDropdownChangeEvent = (event) => {\r\n if(event.target.value.Sku == 'Unspecified') {\r\n this.setState({\r\n destinationItemData: Object.assign(\r\n this.state.destinationItemData,\r\n {\r\n sku: \"\",\r\n Qualifier: \"\",\r\n PrimaryAvailable: \"\",\r\n LotNumber: \"\",\r\n SerialNumber: \"\",\r\n SkuDescription: \"\",\r\n LocationId: 0\r\n }\r\n )\r\n });\r\n return;\r\n }\r\n this.setState({\r\n destinationItemData: Object.assign(\r\n this.state.destinationItemData,\r\n {\r\n sku: event.target.value.ItemId,\r\n Qualifier: \"\",\r\n LotNumber: \"\",\r\n SerialNumber: \"\",\r\n SkuDescription: event.target.value.Description,\r\n LocationId: 0\r\n }\r\n )\r\n });\r\n\r\n kendo.ui.progress($('.loading-section'), true);\r\n var optionsQualifier = [];\r\n\r\n if (event.target.value.Qualifiers[0] == \"\" && event.target.value.Qualifiers.length == 1) {\r\n this.state.destinationItemData.Qualifier = \"\";\r\n }else{\r\n optionsQualifier = ArrayWms.convertArrayToOption(event.target.value.Qualifiers);\r\n this.state.destinationItemData.Qualifier = optionsQualifier[0].value;\r\n }\r\n this.setState({\r\n destinationSerialShow: false,\r\n destinationSerialRequired: false,\r\n destinationLotShow: false,\r\n destinationLotRequired: false,\r\n destinationQtyDisabled: false\r\n });\r\n if (event.target.value.ItemId) {\r\n inventoryservices.getItemOptions(this.state.destinationItemData.customerId, event.target.value.ItemId).then((response) => {\r\n this.setState({\r\n destinationItemData: Object.assign(\r\n this.state.destinationItemData,\r\n response\r\n )\r\n });\r\n if (response.SerialOptions == 0) {\r\n this.setState({\r\n destinationSerialShow: false\r\n });\r\n } else if (response.SerialOptions == 1 || response.SerialOptions == 2) {\r\n this.setState({\r\n destinationSerialShow: true,\r\n destinationItemData: Object.assign(\r\n this.state.destinationItemData,\r\n {\r\n SerialNumber: this.state.sourceItemData.SerialNumber\r\n }\r\n )\r\n });\r\n } else if (response.SerialOptions == 3) {\r\n this.setState({\r\n destinationSerialRequired: true,\r\n destinationSerialShow: true,\r\n destinationItemData: Object.assign(\r\n this.state.destinationItemData,\r\n {\r\n SerialNumber: this.state.sourceItemData.SerialNumber\r\n }\r\n )\r\n });\r\n } else if (response.SerialOptions == 4) {\r\n this.setState({\r\n destinationSerialRequired: true,\r\n destinationSerialShow: true,\r\n destinationQtyDisabled: true,\r\n destinationItemData: Object.assign(\r\n this.state.destinationItemData,\r\n {\r\n PrimaryAvailable: 1,\r\n SerialNumber: this.state.sourceItemData.SerialNumber\r\n }\r\n )\r\n });\r\n }\r\n if (response.LotOptions == 0) {\r\n this.setState({\r\n destinationLotShow: false\r\n });\r\n } else if (response.LotOptions == 1) {\r\n this.setState({\r\n destinationLotShow: true,\r\n destinationItemData: Object.assign(\r\n this.state.destinationItemData,\r\n {\r\n LotNumber: this.state.sourceItemData.LotNumber\r\n }\r\n )\r\n });\r\n } else if (response.LotOptions == 2) {\r\n this.setState({\r\n destinationLotRequired: true,\r\n destinationLotShow: true,\r\n destinationItemData: Object.assign(\r\n this.state.destinationItemData,\r\n {\r\n LotNumber: this.state.sourceItemData.LotNumber\r\n }\r\n )\r\n });\r\n }\r\n\r\n if (response.CostOptions == 0) {\r\n this.setState({\r\n destinationCostShow: false\r\n });\r\n } else if (response.CostOptions == 1) {\r\n this.setState({\r\n destinationCostShow: true,\r\n destinationItemData: Object.assign(\r\n this.state.destinationItemData,\r\n {\r\n Cost: this.state.sourceItemData.Cost\r\n }\r\n )\r\n });\r\n } else if (response.CostOptions == 2) {\r\n this.setState({\r\n destinationCostRequired: true,\r\n destinationCostShow: true,\r\n destinationItemData: Object.assign(\r\n this.state.destinationItemData,\r\n {\r\n Cost: this.state.sourceItemData.Cost\r\n }\r\n )\r\n });\r\n }\r\n\r\n if(response.ExpirationOptions == 0){\r\n this.setState({\r\n destinationExpDateShow: false\r\n });\r\n }else if(response.ExpirationOptions == 1){\r\n this.setState({\r\n destinationExpDateShow: true,\r\n destinationItemData: Object.assign(\r\n this.state.destinationItemData,\r\n {\r\n ExpirationDate: this.state.sourceItemData.ExpirationDate\r\n }\r\n )\r\n });\r\n }else if (response.ExpirationOptions == 2) {\r\n this.setState({\r\n destinationExpDateRequired: true,\r\n destinationExpDateShow: true,\r\n destinationItemData: Object.assign(\r\n this.state.destinationItemData,\r\n {\r\n ExpirationDate: this.state.sourceItemData.ExpirationDate\r\n }\r\n )\r\n });\r\n }\r\n\r\n // override condition for hide serial number for multiple selection\r\n if (this.state.selectedItemCount > 1) {\r\n this.setState({\r\n destinationSerialShow: false,\r\n destinationSerialRequired: false\r\n });\r\n }\r\n }).finally(() => {\r\n kendo.ui.progress($('.loading-section'), false);\r\n this.checkForSameCustSkuQualifier('Qualifier');\r\n });\r\n } else {\r\n kendo.ui.progress($('.loading-section'), false);\r\n }\r\n this.setState({\r\n optionsQualifier: optionsQualifier\r\n });\r\n\r\n\r\n }\r\n\r\n onChangeSourceInput = (event) => {\r\n this.setState({\r\n sourceItemData: Object.assign(\r\n this.state.sourceItemData,\r\n {\r\n [event.target.name]: event.target.value\r\n }\r\n )\r\n });\r\n }\r\n\r\n locationDropDownChange = (event) => {\r\n this.setState({\r\n destinationItemData: Object.assign(\r\n this.state.destinationItemData,\r\n {\r\n LocationId: event.target.value.Id\r\n }\r\n )\r\n });\r\n }\r\n\r\n onChangeDestinationInput = (event) => {\r\n var Name = event.target.name;\r\n this.setState({\r\n destinationItemData: Object.assign(\r\n this.state.destinationItemData,\r\n {\r\n [event.target.name]: event.target.value\r\n }\r\n )\r\n }, this.checkForSameCustSkuQualifier(Name));\r\n\r\n }\r\n onNormalInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value,\r\n isQuantityMaxValid: true\r\n });\r\n if (event.target.value > this.state.sourceItemData.MaxQuantity) {\r\n this.setState({\r\n isQuantityMaxValid: false\r\n });\r\n }\r\n }\r\n\r\n exitTransferInventoryModal = () => {\r\n this.clearTransfer();\r\n // set time out to wait setState above clearTranfer() method to solve warning [ setstate on unmount component]\r\n setTimeout(() => {\r\n this.props.onCloseTransferInventoryModal();\r\n }, 200);\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n \r\n \r\n \r\n\r\n {this.state.DefaultFormats.length !== 0 && (\r\n \r\n {\r\n this.state.DefaultFormats.map((format, key) =>\r\n ([33, 35, 32, 54].includes(format.Id)) ?\r\n \r\n )}\r\n
\r\n )}\r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n function () { }}\r\n label={this.translate('Window_Title_Label_Warehouse')}\r\n disabled={true}\r\n value={this.props.warehouseObj.name} />\r\n\r\n function () { }}\r\n label={this.translate('Label_Customer_Text')}\r\n disabled={true}\r\n value={this.state.sourceItemData.Customer} />\r\n\r\n function () { }}\r\n label={this.translate('Label_Sku')}\r\n disabled={true}\r\n value={this.state.sourceItemData.Sku} />\r\n\r\n \r\n
\r\n \r\n function () { }}\r\n label={this.translate('Label_Qualifier')}\r\n disabled={true}\r\n value={this.state.sourceItemData.Qualifier ? this.state.sourceItemData.Qualifier : \"-\"} />\r\n
\r\n\r\n \r\n function () { }}\r\n label={this.translate('Label_Description')}\r\n disabled={true}\r\n value={this.state.sourceItemData.Description ? this.state.sourceItemData.Description : \"-\"} />\r\n
\r\n\r\n \r\n function () { }}\r\n label={this.translate('Label_Primary_Unit_Type')}\r\n disabled={true}\r\n value={this.state.sourceItemData.PrimaryUom} />\r\n
\r\n \r\n \r\n {!this.state.isQuantityMaxValid &&\r\n \r\n \r\n \r\n }\r\n
\r\n \r\n
\r\n\r\n \r\n function () { }}\r\n label={this.translate('Label_Lot')}\r\n disabled={true}\r\n value={this.state.sourceItemData.LotNumber} />\r\n
\r\n \r\n function () { }}\r\n label={this.translate('Label_Expiration_Date')}\r\n disabled={true}\r\n value={this.state.sourceItemData.ExpirationDate} />\r\n
\r\n \r\n function () { }}\r\n label={this.translate('Label_Cost')}\r\n disabled={true}\r\n value={this.state.sourceItemData.Cost} />\r\n
\r\n \r\n function () { }}\r\n label={this.translate('Label_Serial')}\r\n disabled={true}\r\n value={this.state.sourceItemData.SerialNumber} />\r\n
\r\n \r\n
\r\n \r\n function () { }}\r\n label={this.translate('Label_Pallet')}\r\n disabled={true}\r\n value={this.state.sourceItemData.DesiredMovableUnitLabel ? this.state.sourceItemData.DesiredMovableUnitLabel : \"-\"} />\r\n
\r\n \r\n function () { }}\r\n label={this.translate('Label_Location')}\r\n disabled={true}\r\n value={this.state.sourceItemData.LocationName ? this.state.sourceItemData.LocationName : \"-\"} />\r\n
\r\n \r\n \r\n function () { }}\r\n label={this.translate('Window_Title_Label_Warehouse')}\r\n disabled={true}\r\n value={this.props.warehouseObj.name} />\r\n \r\n
\r\n \r\n {this.state.destinationItemData.customerId ?\r\n \r\n \r\n \r\n }\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n function () { }}\r\n label={this.translate('Label_Description')}\r\n disabled={true}\r\n value={this.state.destinationItemData.SkuDescription} />\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n function () { }}\r\n label={this.translate('Label_Expiration_Date')}\r\n disabled={true}\r\n value={this.state.destinationItemData.ExpirationDate} />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n { !this.state.hideLocationDropdown ?\r\n
\r\n \r\n\r\n 0 && !this.state.destinationItemData.Qualifier) ||*/\r\n !this.state.destinationItemData.PrimaryAvailable ||\r\n (this.state.destinationLotRequired && !this.state.destinationItemData.LotNumber) ||\r\n (this.state.destinationSerialRequired && !this.state.destinationItemData.SerialNumber) ||\r\n (this.state.requiredLocationDropdown && !this.state.destinationItemData.LocationId)) ? true : false ||\r\n (this.state.showSameDataTooltip)\r\n }\r\n loading={this.state.transferInventoryLoader} />\r\n\r\n\r\n
\r\n \r\n\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}","import React from 'react';\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport const getGridDemoColumns = (ManageInventory_GridHeaders, selector) => {\r\n\r\n var translate = window.translate;\r\n var customLabels = GlobalService.getCustomLabels();\r\n return ({\r\n\r\n columns: [{\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n width: 60,\r\n wmsid: 49,\r\n locked: true,\r\n lockable: false,\r\n resizable: false,\r\n sortable: false,\r\n reorderable: false,\r\n filterable: false,\r\n attributes: { style: \"text-align:center;\" },\r\n headerAttributes: { style: \"text-align:center;\" }\r\n }, {\r\n field: \"OnHold\",\r\n title: ManageInventory_GridHeaders[0].description,\r\n width: 120,\r\n lockable: false,\r\n wmsid: 1,\r\n template: \"# if(OnHold === true){# \" + translate('Label_On_Hold') + \" #}else if(OnHold === false){# \" + translate('Label_Available') + \" #}else{# \" + translate('Label_Available') + \" #} # \",\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'OnHold'\r\n }\r\n },\r\n {\r\n field: \"ReceiverId\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[1].description,\r\n width: 120,\r\n wmsid: 2,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ReceiverId'\r\n }\r\n },\r\n {\r\n field: \"ReceiveItemId\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[2].description,\r\n width: 120,\r\n wmsid: 25,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ReceiveItemId'\r\n }\r\n },\r\n {\r\n field: \"ReceiptDate\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[3].description,\r\n width: 120,\r\n filterable: true,\r\n template: \"#= ReceiptDate != null ? kendo.toString(kendo.parseDate(ReceiptDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\",\r\n wmsid: 3,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ReceiptDate'\r\n }\r\n },\r\n {\r\n field: \"CustomerName\",\r\n lockable: false,\r\n title: customLabels.Label_Customer,\r\n width: 120,\r\n wmsid: 4,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'CustomerName'\r\n }\r\n },\r\n {\r\n field: \"Sku\",\r\n lockable: false,\r\n title: customLabels.Label_Sku,\r\n width: 120,\r\n wmsid: 5,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Sku'\r\n }\r\n },\r\n {\r\n field: \"PrimaryAvailable\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[6].description,\r\n width: 120,\r\n filterable: false,\r\n wmsid: 6,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'PrimaryAvailable'\r\n }\r\n },\r\n {\r\n field: \"Qualifier\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[8].description,\r\n width: 120,\r\n wmsid: 7,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Qualifier'\r\n }\r\n },\r\n {\r\n field: \"ExpirationDate\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[9].description,\r\n width: 120,\r\n template: \"#= ExpirationDate != null ? kendo.toString(kendo.parseDate(ExpirationDate), 'MMM dd yyyy') : '' #\",\r\n wmsid: 8,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ExpirationDate'\r\n }\r\n },\r\n {\r\n field: \"LotNumber\",\r\n lockable: false,\r\n title: customLabels.Label_Lot_Number,\r\n width: 120,\r\n wmsid: 9,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'LotNumber'\r\n }\r\n },\r\n {\r\n field: \"SerialNumber\",\r\n lockable: false,\r\n title: customLabels.Label_Serial_Number,\r\n width: 120,\r\n wmsid: 10,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'SerialNumber'\r\n }\r\n },\r\n {\r\n field: \"Cost\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[12].description,\r\n width: 120,\r\n wmsid: 11,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Cost'\r\n }\r\n },\r\n {\r\n field: \"LocationName\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[13].description,\r\n width: 120,\r\n filterable: false,\r\n wmsid: 12,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'LocationName'\r\n }\r\n },\r\n {\r\n field: \"PrimaryUom\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[7].description,\r\n width: 120,\r\n wmsid: 24,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'PrimaryUom'\r\n }\r\n },\r\n {\r\n field: \"FacilityName\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[28].description,\r\n width: 120,\r\n wmsid: 27,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'FacilityName'\r\n }\r\n }]\r\n });\r\n}\r\n\r\n\r\nexport const getAllColumnList = (ManageInventory_GridHeaders, selector) => {\r\n\r\n var translate = window.translate;\r\n var customLabels = GlobalService.getCustomLabels();\r\n return ({\r\n\r\n columns: [{\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n width: 60,\r\n wmsid: 49,\r\n locked: true,\r\n lockable: false,\r\n resizable: false,\r\n sortable: false,\r\n reorderable: false,\r\n filterable: false,\r\n attributes: { style: \"text-align:center;\" },\r\n headerAttributes: { style: \"text-align:center;\" }\r\n }, {\r\n field: \"OnHold\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[0].description,\r\n width: 120,\r\n wmsid: 1,\r\n template: \"# if(OnHold === true){# \" + translate('Label_On_Hold') + \" #}else if(OnHold === false){# \" + translate('Label_Available') + \" #}else{# \" + translate('Label_Available') + \" #} # \",\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'OnHold'\r\n }\r\n },\r\n {\r\n field: \"ReceiverId\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[1].description,\r\n width: 120,\r\n wmsid: 2,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ReceiverId'\r\n }\r\n },\r\n {\r\n field: \"ReceiveItemId\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[2].description,\r\n width: 120,\r\n wmsid: 25,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ReceiveItemId'\r\n }\r\n },\r\n {\r\n field: \"ReceiptDate\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[3].description,\r\n width: 120,\r\n filterable: true,\r\n template: \"#= ReceiptDate != null ? kendo.toString(kendo.parseDate(ReceiptDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\",\r\n wmsid: 3,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ReceiptDate'\r\n }\r\n },\r\n {\r\n field: \"CustomerName\",\r\n lockable: false,\r\n title: customLabels.Label_Customer,\r\n width: 120,\r\n wmsid: 4,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'CustomerName'\r\n }\r\n },\r\n {\r\n field: \"Sku\",\r\n lockable: false,\r\n title: customLabels.Label_Sku,\r\n width: 120,\r\n wmsid: 5,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Sku'\r\n }\r\n },\r\n {\r\n field: \"PrimaryAvailable\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[6].description,\r\n width: 120,\r\n filterable: false,\r\n wmsid: 6,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'PrimaryAvailable'\r\n }\r\n },\r\n {\r\n field: \"Qualifier\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[8].description,\r\n width: 120,\r\n wmsid: 7,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Qualifier'\r\n }\r\n },\r\n {\r\n field: \"ExpirationDate\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[9].description,\r\n width: 120,\r\n template: \"#= ExpirationDate != null ? kendo.toString(kendo.parseDate(ExpirationDate), 'MMM dd yyyy') : '' #\",\r\n wmsid: 8,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ExpirationDate'\r\n }\r\n },\r\n {\r\n field: \"LotNumber\",\r\n lockable: false,\r\n title: customLabels.Label_Lot_Number,\r\n width: 120,\r\n wmsid: 9,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'LotNumber'\r\n }\r\n },\r\n {\r\n field: \"SerialNumber\",\r\n lockable: false,\r\n title: customLabels.Label_Serial_Number,\r\n width: 120,\r\n wmsid: 10,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'SerialNumber'\r\n }\r\n },\r\n {\r\n field: \"Cost\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[12].description,\r\n width: 120,\r\n wmsid: 11,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Cost'\r\n }\r\n },\r\n {\r\n field: \"LocationName\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[13].description,\r\n width: 120,\r\n filterable: false,\r\n wmsid: 12,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'LocationName'\r\n }\r\n },\r\n {\r\n field: \"ImperialOnHandCatchWeight\",\r\n title: ManageInventory_GridHeaders[14].description,\r\n width: 120,\r\n lockable: false,\r\n filterable: false,\r\n wmsid: 13,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ImperialOnHandCatchWeight'\r\n }\r\n },\r\n {\r\n field: \"MetricOnHandCatchWeight\",\r\n title: ManageInventory_GridHeaders[29].description,\r\n width: 120,\r\n lockable: false,\r\n filterable: false,\r\n wmsid: 28,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'MetricOnHandCatchWeight'\r\n }\r\n },\r\n {\r\n field: \"SupplierName\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[15].description,\r\n width: 120,\r\n wmsid: 14,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'SupplierName'\r\n }\r\n },\r\n {\r\n field: \"PrimaryReceived\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[16].description,\r\n width: 120,\r\n filterable: false,\r\n wmsid: 15,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'PrimaryReceived'\r\n }\r\n },\r\n {\r\n field: \"PrimaryShipped\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[17].description,\r\n width: 120,\r\n filterable: false,\r\n wmsid: 16,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'PrimaryShipped'\r\n }\r\n },\r\n {\r\n field: \"PrimaryOnHand\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[18].description,\r\n width: 120,\r\n filterable: false,\r\n wmsid: 17,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'PrimaryOnHand'\r\n }\r\n },\r\n {\r\n field: \"SecondaryReceived\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[20].description,\r\n width: 120,\r\n filterable: false,\r\n wmsid: 18,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'SecondaryReceived'\r\n }\r\n },\r\n {\r\n field: \"SecondaryAvailable\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[21].description,\r\n width: 120,\r\n template: function (dataItem) {\r\n var secondaryQty = dataItem.SecondaryAvailable;\r\n if (GlobalService.getIsIntegeralFlagByType(dataItem.SecondaryUom)) {\r\n secondaryQty = Math.ceil(dataItem.SecondaryAvailable);\r\n }\r\n return (secondaryQty ? secondaryQty : 0) + \" \" + (dataItem.SecondaryUom ? dataItem.SecondaryUom : \"\");\r\n },\r\n filterable: false,\r\n wmsid: 19,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'SecondaryAvailable'\r\n }\r\n },\r\n {\r\n field: \"SecondaryShipped\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[22].description,\r\n width: 120,\r\n filterable: false,\r\n wmsid: 20,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'SecondaryShipped'\r\n }\r\n },\r\n {\r\n field: \"SecondaryOnHand\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[23].description,\r\n width: 120,\r\n filterable: false,\r\n wmsid: 21,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'SecondaryOnHand'\r\n }\r\n },\r\n {\r\n field: \"MovableUnitLabel\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[24].description,\r\n width: 120,\r\n sortable: true,\r\n filterable: true,\r\n wmsid: 22,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'MovableUnitLabel'\r\n }\r\n },\r\n {\r\n field: \"SkuDescription\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[25].description,\r\n width: 120,\r\n filterable: false,\r\n wmsid: 23,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'SkuDescription'\r\n }\r\n }, {\r\n field: \"PrimaryUom\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[7].description,\r\n width: 120,\r\n wmsid: 24,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'PrimaryUom'\r\n }\r\n },\r\n {\r\n field: \"Upc\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[26].description,\r\n width: 120,\r\n wmsid: 25,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Upc'\r\n }\r\n },\r\n {\r\n field: \"SecondaryDescription\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[27].description,\r\n width: 120,\r\n wmsid: 26,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'SecondaryDescription'\r\n }\r\n }, {\r\n field: \"FacilityName\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[28].description,\r\n width: 120,\r\n wmsid: 27,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'FacilityName'\r\n }\r\n }, {\r\n field: \"CustomFields\",\r\n title: ManageInventory_GridHeaders[30].description,\r\n width: 160,\r\n wmsid: 28,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'CustomFields'\r\n }\r\n }, {\r\n field: \"OnHoldReason\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[31].description,\r\n width: 120,\r\n wmsid: 29,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'OnHoldReason'\r\n }\r\n }, {\r\n field: \"ReferenceNum\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[32].description,\r\n width: 120,\r\n wmsid: 30,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ReferenceNum'\r\n }\r\n },\r\n {\r\n field: \"PONum\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[33].description,\r\n width: 120,\r\n wmsid: 31,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'PONum'\r\n }\r\n },\r\n {\r\n field: \"TrailerNumber\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[34].description,\r\n width: 120,\r\n wmsid: 32,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'TrailerNumber'\r\n }\r\n },\r\n {\r\n field: \"PackagingUom\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[35].description,\r\n width: 120,\r\n wmsid: 32,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'PackagingUom'\r\n }\r\n },\r\n {\r\n field: \"PrimaryUnitsPerPackagingUnit\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[36].description,\r\n width: 120,\r\n wmsid: 32,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'PrimaryUnitsPerPackagingUnit'\r\n }\r\n },\r\n {\r\n field: \"AvailablePackaging\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[37].description,\r\n width: 120,\r\n wmsid: 32,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'AvailablePackaging'\r\n }\r\n },\r\n {\r\n field: \"OnHandPackaging\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[38].description,\r\n width: 120,\r\n wmsid: 32,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'OnHandPackaging'\r\n }\r\n },\r\n {\r\n field: \"MovableUnitType\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[39].description,\r\n width: 120,\r\n wmsid: 32,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'MovableUnitType'\r\n }\r\n },\r\n {\r\n field: \"InventoryAgeDays\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[40].description,\r\n width: 120,\r\n wmsid: 32,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'InventoryAgeDays'\r\n }\r\n },\r\n {\r\n field: \"ImperialWidth\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[42].description,\r\n width: 120,\r\n wmsid: 32,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ImperialWidth'\r\n }\r\n },\r\n {\r\n field: \"ImperialHeight\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[43].description,\r\n width: 120,\r\n wmsid: 32,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ImperialHeight'\r\n }\r\n },\r\n {\r\n field: \"ImperialLength\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[41].description,\r\n width: 120,\r\n wmsid: 32,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ImperialLength'\r\n }\r\n },\r\n {\r\n field: \"ImperialWeight\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[44].description,\r\n width: 120,\r\n wmsid: 32,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ImperialWeight'\r\n }\r\n }\r\n ]\r\n\r\n });\r\n}\r\n\r\nexport const getGridDemoSchema = () => {\r\n return ({\r\n schema: {\r\n model: {\r\n id: \"ReceiveItemId\",\r\n fields: {\r\n OnHold: { type: \"boolean\" },\r\n ReceiverId: { type: \"number\" },\r\n ReceiveItemId: { type: \"number\" },\r\n ReceiptDate: { type: \"date\" },\r\n CustomerName: { type: \"string\" },\r\n Sku: { type: \"string\" },\r\n PrimaryAvailable: { type: \"number\" },\r\n Qualifier: { type: \"string\" },\r\n ExpirationDate: { type: \"date\" },\r\n LotNumber: { type: \"string\" },\r\n SerialNumber: { type: \"string\" },\r\n Cost: { type: \"number\" },\r\n LocationName: { type: \"string\" },\r\n ImperialOnHandCatchWeight: { type: \"number\" },\r\n MetricOnHandCatchWeight: { type: \"number\" },\r\n CatchWeight: { type: \"string\" },\r\n SupplierName: { type: \"string\" },\r\n PrimaryReceived: { type: \"number\" },\r\n PrimaryShipped: { type: \"number\" },\r\n PrimaryOnHand: { type: \"number\" },\r\n SecondaryReceived: { type: \"number\" },\r\n SecondaryAvailable: { type: \"number\" },\r\n SecondaryShipped: { type: \"number\" },\r\n SecondaryOnHand: { type: \"number\" },\r\n MovableUnitLabel: { type: \"string\" },\r\n PrimaryUom: { type: \"string\" },\r\n PackagingUom: { type: \"string\" },\r\n Upc: { type: \"string\" },\r\n SecondaryDescription: { type: \"string\" },\r\n OnHoldReason: { type: \"string\" },\r\n ReferenceNum: { type: \"string\" },\r\n PONum: { type: \"string\" },\r\n TrailerNumber: { type: \"string\" },\r\n PackagingUom: { type: \"string\"},\r\n PrimaryUnitsPerPackagingUnit: { type: \"number\"},\r\n AvailablePackaging: { type: \"number\"},\r\n OnHandPackaging: { type: \"number\"},\r\n MovableUnitLabel: { type: \"string\"},\r\n InventoryAgeDays: { type: \"number\"},\r\n }\r\n }\r\n }\r\n })\r\n}\r\n\r\nexport const exportGridBaseArray = () => {\r\n return [{\r\n 'ReceiveItemId': 'ReceiveItemId'\r\n },\r\n {\r\n 'OnHold': 'OnHold'\r\n },\r\n {\r\n 'ReceiverId': 'ReceiverId'\r\n },\r\n {\r\n 'ReceiptDate': 'ReceiptDate'\r\n },\r\n {\r\n 'CustomerName': 'CustomerName'\r\n },\r\n {\r\n 'ItemId': 'ItemId'\r\n },\r\n {\r\n 'Sku': 'Sku'\r\n },\r\n {\r\n 'SkuDescription': 'SkuDescription'\r\n },\r\n {\r\n 'Qualifier': 'Qualifier'\r\n },\r\n {\r\n 'ExpirationDate': 'ExpirationDate'\r\n },\r\n {\r\n 'LotNumber': 'LotNumber'\r\n },\r\n {\r\n 'SerialNumber': 'SerialNumber'\r\n },\r\n {\r\n 'Cost': 'Cost'\r\n },\r\n {\r\n 'PrimaryAvailable': 'PrimaryAvailable'\r\n },\r\n {\r\n 'LocationName': 'LocationName'\r\n },\r\n {\r\n 'InQuarantineLocation': 'InQuarantineLocation'\r\n },\r\n {\r\n 'ImperialOnHandCatchWeight': 'ImperialOnHandCatchWeight'\r\n },\r\n {\r\n 'MetricOnHandCatchWeight': 'MetricOnHandCatchWeight'\r\n },\r\n {\r\n 'SupplierName': 'SupplierName'\r\n },\r\n {\r\n 'PrimaryReceived': 'PrimaryReceived'\r\n },\r\n {\r\n 'PrimaryShipped': 'PrimaryShipped'\r\n },\r\n {\r\n 'PrimaryOnHand': 'PrimaryOnHand'\r\n },\r\n {\r\n 'SecondaryUom': 'SecondaryUom'\r\n },\r\n {\r\n 'SecondaryReceived': 'SecondaryReceived'\r\n },\r\n {\r\n 'SecondaryAvailable': 'SecondaryAvailable'\r\n },\r\n {\r\n 'SecondaryShipped': 'SecondaryShipped'\r\n },\r\n {\r\n 'SecondaryOnHand': 'SecondaryOnHand'\r\n },\r\n {\r\n 'MovableUnitLabel': 'MovableUnitLabel'\r\n },\r\n {\r\n 'PrimaryUom': 'PrimaryUom'\r\n },\r\n {\r\n 'Upc': 'Upc'\r\n },\r\n {\r\n 'SecondaryDescription': 'SecondaryDescription'\r\n },\r\n {\r\n 'OnHoldReason': 'OnHoldReason'\r\n },\r\n {\r\n 'ReferenceNum': 'ReferenceNum'\r\n },\r\n {\r\n 'PONum': 'PONum'\r\n },\r\n {\r\n 'TrailerNumber': 'TrailerNumber'\r\n }];\r\n}\r\n\r\n// Add special configurations for combine row\r\n\r\nexport const getCombineGridColumns = (ManageInventory_GridHeaders, selector) => {\r\n\r\n var translate = window.translate;\r\n var customLabels = GlobalService.getCustomLabels();\r\n return ({\r\n\r\n columns: [{\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n width: 60,\r\n wmsid: 49,\r\n locked: true,\r\n lockable: false,\r\n resizable: false,\r\n sortable: false,\r\n reorderable: false,\r\n filterable: false,\r\n attributes: { style: \"text-align:center;\" },\r\n headerAttributes: { style: \"text-align:center;\" }\r\n }, {\r\n field: \"OnHold\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[0].description,\r\n width: 120,\r\n wmsid: 1,\r\n template: \"# if(Varies){# \" + translate('Varies') + \" #} else if(OnHold === true){# \" + translate('Label_On_Hold') + \" #}else if(OnHold === false){# \" + translate('Label_Available') + \" #}else{# \" + translate('Label_Available') + \" #} # \",\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'OnHold'\r\n }\r\n },\r\n {\r\n field: \"ReceiverId\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[1].description,\r\n width: 120,\r\n wmsid: 2,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ReceiverId'\r\n }\r\n },\r\n {\r\n field: \"ReceiveItemId\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[2].description,\r\n width: 120,\r\n wmsid: 25,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ReceiveItemId'\r\n }\r\n },\r\n {\r\n field: \"ReceiptDate\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[3].description,\r\n width: 120,\r\n filterable: true,\r\n // template: \"#= ReceiptDate != null ? kendo.toString(kendo.parseDate(ReceiptDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\",\r\n wmsid: 3,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ReceiptDate'\r\n }\r\n },\r\n {\r\n field: \"CustomerName\",\r\n lockable: false,\r\n title: customLabels.Label_Customer,\r\n width: 120,\r\n wmsid: 4,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'CustomerName'\r\n }\r\n },\r\n {\r\n field: \"Sku\",\r\n lockable: false,\r\n title: customLabels.Label_Sku,\r\n width: 120,\r\n wmsid: 5,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Sku'\r\n }\r\n },\r\n {\r\n field: \"PrimaryAvailable\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[6].description,\r\n width: 120,\r\n filterable: false,\r\n wmsid: 6,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'PrimaryAvailable'\r\n }\r\n },\r\n {\r\n field: \"Qualifier\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[8].description,\r\n width: 120,\r\n wmsid: 7,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Qualifier'\r\n }\r\n },\r\n {\r\n field: \"ExpirationDate\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[9].description,\r\n width: 120,\r\n template: \"#= ExpirationDate != null ? kendo.toString(kendo.parseDate(ExpirationDate), 'MMM dd yyyy') : '' #\",\r\n wmsid: 8,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ExpirationDate'\r\n }\r\n },\r\n {\r\n field: \"LotNumber\",\r\n lockable: false,\r\n title: customLabels.Label_Lot_Number,\r\n width: 120,\r\n wmsid: 9,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'LotNumber'\r\n }\r\n },\r\n {\r\n field: \"SerialNumber\",\r\n lockable: false,\r\n title: customLabels.Label_Serial_Number,\r\n width: 120,\r\n wmsid: 10,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'SerialNumber'\r\n }\r\n },\r\n {\r\n field: \"Cost\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[12].description,\r\n width: 120,\r\n wmsid: 11,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Cost'\r\n }\r\n },\r\n {\r\n field: \"LocationName\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[13].description,\r\n width: 120,\r\n filterable: false,\r\n wmsid: 12,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'LocationName'\r\n }\r\n },\r\n {\r\n field: \"PrimaryUom\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[7].description,\r\n width: 120,\r\n wmsid: 24,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'PrimaryUom'\r\n }\r\n },\r\n {\r\n field: \"Upc\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[26].description,\r\n width: 120,\r\n wmsid: 25,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Upc'\r\n }\r\n },\r\n {\r\n field: \"SecondaryDescription\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[27].description,\r\n width: 120,\r\n wmsid: 26,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'SecondaryDescription'\r\n }\r\n }, {\r\n field: \"FacilityName\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[28].description,\r\n width: 120,\r\n wmsid: 27,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'FacilityName'\r\n }\r\n }]\r\n });\r\n}\r\n\r\nexport const getCombineAllColumnList = (ManageInventory_GridHeaders, selector) => {\r\n\r\n var translate = window.translate;\r\n var customLabels = GlobalService.getCustomLabels();\r\n return ({\r\n\r\n columns: [{\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n width: 60,\r\n wmsid: 49,\r\n locked: true,\r\n lockable: false,\r\n resizable: false,\r\n sortable: false,\r\n reorderable: false,\r\n filterable: false,\r\n attributes: { style: \"text-align:center;\" },\r\n headerAttributes: { style: \"text-align:center;\" }\r\n }, {\r\n field: \"OnHold\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[0].description,\r\n width: 120,\r\n wmsid: 1,\r\n template: \"# if(Varies){# \" + translate('Varies') + \" #} else if(OnHold === true){# \" + translate('Label_On_Hold') + \" #}else if(OnHold === false){# \" + translate('Label_Available') + \" #}else{# \" + translate('Label_Available') + \" #} # \",\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'OnHold'\r\n }\r\n },\r\n {\r\n field: \"ReceiverId\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[1].description,\r\n width: 120,\r\n wmsid: 2,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ReceiverId'\r\n }\r\n },\r\n {\r\n field: \"ReceiveItemId\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[2].description,\r\n width: 120,\r\n wmsid: 25,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ReceiveItemId'\r\n }\r\n },\r\n {\r\n field: \"ReceiptDate\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[3].description,\r\n width: 120,\r\n filterable: true,\r\n // template: \"#= ReceiptDate != null ? kendo.toString(kendo.parseDate(ReceiptDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\",\r\n wmsid: 3,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ReceiptDate'\r\n }\r\n },\r\n {\r\n field: \"CustomerName\",\r\n lockable: false,\r\n title: customLabels.Label_Customer,\r\n width: 120,\r\n wmsid: 4,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'CustomerName'\r\n }\r\n },\r\n {\r\n field: \"Sku\",\r\n lockable: false,\r\n title: customLabels.Label_Sku,\r\n width: 120,\r\n wmsid: 5,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Sku'\r\n }\r\n },\r\n {\r\n field: \"PrimaryAvailable\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[6].description,\r\n width: 120,\r\n filterable: false,\r\n wmsid: 6,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'PrimaryAvailable'\r\n }\r\n },\r\n {\r\n field: \"Qualifier\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[8].description,\r\n width: 120,\r\n wmsid: 7,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Qualifier'\r\n }\r\n },\r\n {\r\n field: \"ExpirationDate\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[9].description,\r\n width: 120,\r\n template: \"#= ExpirationDate != null ? kendo.toString(kendo.parseDate(ExpirationDate), 'MMM dd yyyy') : '' #\",\r\n wmsid: 8,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ExpirationDate'\r\n }\r\n },\r\n {\r\n field: \"LotNumber\",\r\n lockable: false,\r\n title: customLabels.Label_Lot_Number,\r\n width: 120,\r\n wmsid: 9,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'LotNumber'\r\n }\r\n },\r\n {\r\n field: \"SerialNumber\",\r\n lockable: false,\r\n title: customLabels.Label_Serial_Number,\r\n width: 120,\r\n wmsid: 10,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'SerialNumber'\r\n }\r\n },\r\n {\r\n field: \"Cost\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[12].description,\r\n width: 120,\r\n wmsid: 11,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Cost'\r\n }\r\n },\r\n {\r\n field: \"LocationName\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[13].description,\r\n width: 120,\r\n filterable: false,\r\n wmsid: 12,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'LocationName'\r\n }\r\n },\r\n {\r\n field: \"ImperialOnHandCatchWeight\",\r\n title: ManageInventory_GridHeaders[14].description,\r\n width: 120,\r\n lockable: false,\r\n filterable: false,\r\n wmsid: 13,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ImperialOnHandCatchWeight'\r\n }\r\n },\r\n {\r\n field: \"MetricOnHandCatchWeight\",\r\n title: ManageInventory_GridHeaders[29].description,\r\n width: 120,\r\n lockable: false,\r\n filterable: false,\r\n wmsid: 28,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'MetricOnHandCatchWeight'\r\n }\r\n },\r\n {\r\n field: \"SupplierName\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[15].description,\r\n width: 120,\r\n wmsid: 14,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'SupplierName'\r\n }\r\n },\r\n {\r\n field: \"PrimaryReceived\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[16].description,\r\n width: 120,\r\n filterable: false,\r\n wmsid: 15,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'PrimaryReceived'\r\n }\r\n },\r\n {\r\n field: \"PrimaryShipped\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[17].description,\r\n width: 120,\r\n filterable: false,\r\n wmsid: 16,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'PrimaryShipped'\r\n }\r\n },\r\n {\r\n field: \"PrimaryOnHand\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[18].description,\r\n width: 120,\r\n filterable: false,\r\n wmsid: 17,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'PrimaryOnHand'\r\n }\r\n },\r\n {\r\n field: \"SecondaryReceived\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[20].description,\r\n width: 120,\r\n filterable: false,\r\n wmsid: 18,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'SecondaryReceived'\r\n }\r\n },\r\n {\r\n field: \"SecondaryAvailable\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[21].description,\r\n width: 120,\r\n // template: function (dataItem) {\r\n // return dataItem.SecondaryAvailable + \" \" + dataItem.SecondaryUom;\r\n // },\r\n filterable: false,\r\n wmsid: 19,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'SecondaryAvailable'\r\n }\r\n },\r\n {\r\n field: \"SecondaryShipped\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[22].description,\r\n width: 120,\r\n filterable: false,\r\n wmsid: 20,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'SecondaryShipped'\r\n }\r\n },\r\n {\r\n field: \"SecondaryOnHand\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[23].description,\r\n width: 120,\r\n filterable: false,\r\n wmsid: 21,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'SecondaryOnHand'\r\n }\r\n },\r\n {\r\n field: \"MovableUnitLabel\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[24].description,\r\n width: 120,\r\n sortable: true,\r\n filterable: true,\r\n wmsid: 22,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'MovableUnitLabel'\r\n }\r\n },\r\n {\r\n field: \"SkuDescription\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[25].description,\r\n width: 120,\r\n filterable: false,\r\n wmsid: 23,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'SkuDescription'\r\n }\r\n }, {\r\n field: \"PrimaryUom\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[7].description,\r\n width: 120,\r\n wmsid: 24,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'PrimaryUom'\r\n }\r\n },\r\n {\r\n field: \"Upc\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[26].description,\r\n width: 120,\r\n wmsid: 25,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Upc'\r\n }\r\n },\r\n {\r\n field: \"SecondaryDescription\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[27].description,\r\n width: 120,\r\n wmsid: 26,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'SecondaryDescription'\r\n }\r\n }, {\r\n field: \"FacilityName\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[28].description,\r\n width: 120,\r\n wmsid: 27,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'FacilityName'\r\n }\r\n }, {\r\n field: \"CustomFields\",\r\n title: ManageInventory_GridHeaders[30].description,\r\n width: 160,\r\n wmsid: 28,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'CustomFields'\r\n }\r\n }, {\r\n field: \"OnHoldReason\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[31].description,\r\n width: 120,\r\n wmsid: 29,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'OnHoldReason'\r\n }\r\n }, {\r\n field: \"ReferenceNum\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[32].description,\r\n width: 120,\r\n wmsid: 30,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ReferenceNum'\r\n }\r\n },\r\n {\r\n field: \"PONum\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[33].description,\r\n width: 120,\r\n wmsid: 31,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'PONum'\r\n }\r\n },\r\n {\r\n field: \"TrailerNumber\",\r\n lockable: false,\r\n title: ManageInventory_GridHeaders[34].description,\r\n width: 120,\r\n wmsid: 32,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'TrailerNumber'\r\n }\r\n }]\r\n });\r\n}\r\n\r\nexport const getGridCombineSchema = () => {\r\n return ({\r\n schema: {\r\n model: {\r\n id: \"ReceiveItemId\",\r\n fields: {\r\n OnHold: { type: \"boolean\" },\r\n Varies: { type: \"boolean\" },\r\n ReceiverId: { type: \"string\" },\r\n ReceiveItemId: { type: \"string\" },\r\n ReceiptDate: { type: \"string\" },\r\n CustomerName: { type: \"string\" },\r\n Sku: { type: \"string\" },\r\n PrimaryAvailable: { type: \"string\" },\r\n Qualifier: { type: \"string\" },\r\n ExpirationDate: { type: \"date\" },\r\n LotNumber: { type: \"string\" },\r\n SerialNumber: { type: \"string\" },\r\n Cost: { type: \"string\" },\r\n LocationName: { type: \"string\" },\r\n ImperialOnHandCatchWeight: { type: \"string\" },\r\n MetricOnHandCatchWeight: { type: \"string\" },\r\n CatchWeight: { type: \"string\" },\r\n SupplierName: { type: \"string\" },\r\n PrimaryReceived: { type: \"number\" },\r\n PrimaryShipped: { type: \"number\" },\r\n PrimaryOnHand: { type: \"number\" },\r\n SecondaryReceived: { type: \"number\" },\r\n SecondaryAvailable: { type: \"string\" },\r\n SecondaryShipped: { type: \"number\" },\r\n SecondaryOnHand: { type: \"number\" },\r\n MovableUnitLabel: { type: \"string\" },\r\n PrimaryUom: { type: \"string\" },\r\n Upc: { type: \"string\" },\r\n SecondaryDescription: { type: \"string\" },\r\n OnHoldReason: { type: \"string\" },\r\n ReferenceNum: { type: \"string\" },\r\n PONum: { type: \"string\" },\r\n TrailerNumber: { type: \"string\" }\r\n }\r\n }\r\n }\r\n })\r\n}","import * as GlobalService from \"../global_services\";\r\nvar isFirstTimeOpen = true;\r\nvar keyName = \"BetaInventory\";\r\nvar metaDataOrderObject = {\r\n BetaInventory: {\r\n ManageInventory: {\r\n filterData: {},\r\n gridConfig: {},\r\n collapseData: {},\r\n sorableSection: \"\",\r\n saveFilter: [],\r\n }\r\n }\r\n};\r\n\r\n// call api for get metaData of order is it's open first time\r\nexport const getUserClientMetaData = function() {\r\n if (isFirstTimeOpen) {\r\n return GlobalService.getUserClientMetaData(keyName).then(\r\n function successCallBack(response) {\r\n if (response != \"\") {\r\n Object.assign(metaDataOrderObject[keyName], JSON.parse(response));\r\n }\r\n console.log(\"response metaDataOrderObject :\", metaDataOrderObject);\r\n isFirstTimeOpen = false;\r\n return true;\r\n },\r\n function errorCallBack(response) {\r\n console.log(response);\r\n return false;\r\n }\r\n );\r\n }\r\n};\r\n\r\nexport const clearInventoryFilterMetaData = function(objName) {\r\n metaDataOrderObject[keyName][\"ManageInventory\"][\"filterData\"] = {};\r\n GlobalService.setUserClientMetaData(\r\n keyName,\r\n JSON.stringify(metaDataOrderObject[keyName])\r\n );\r\n};\r\n\r\nexport const setInventoryFilterMetaData = function (filterData) {\r\n metaDataOrderObject[keyName]['ManageInventory']['filterData'] = filterData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\nexport const getInventoryFilterMetaData = function () {\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['ManageInventory']['filterData'])) {\r\n return metaDataOrderObject[keyName]['ManageInventory']['filterData'];\r\n } else {\r\n return \"\";\r\n }\r\n\r\n}\r\n\r\nexport const setManageInventoryGridOptionInMetaData = function(\r\n gridConfig\r\n) {\r\n metaDataOrderObject[keyName][\"ManageInventory\"][\"gridConfig\"] =\r\n gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(\r\n keyName,\r\n JSON.stringify(metaDataOrderObject[keyName])\r\n );\r\n};\r\nexport const applySavedFilterDataToInventoryGrid = function (gridConfig, filterData) {\r\n metaDataOrderObject[keyName]['ManageInventory']['gridConfig'] = gridConfig.optionsData;\r\n metaDataOrderObject[keyName]['ManageInventory']['filterData'] = filterData;\r\n\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\nexport const getManageInventoryGridOptionInMetaData = function() {\r\n if (\r\n !$.isEmptyObject(\r\n metaDataOrderObject[keyName][\"ManageInventory\"][\"gridConfig\"]\r\n )\r\n ) {\r\n return metaDataOrderObject[keyName][\"ManageInventory\"][\"gridConfig\"];\r\n } else {\r\n return \"\";\r\n }\r\n};\r\n\r\nexport const setManageInventoryCollapseMetaData = function (collapseId, value) {\r\n if (!metaDataOrderObject[keyName]['ManageInventory']['collapseData']) {\r\n metaDataOrderObject[keyName]['ManageInventory']['collapseData'] = {}\r\n }\r\n metaDataOrderObject[keyName]['ManageInventory']['collapseData'][collapseId] = value;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\nexport const getManageInventoryCollapseMetaData = function () {\r\n return metaDataOrderObject[keyName]['ManageInventory']['collapseData'];\r\n}\r\n\r\nexport const setManageInventorySortSectionMetaData = function (sortArray) {\r\n metaDataOrderObject[keyName]['ManageInventory']['sorableSection'] = sortArray;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\nexport const getManageInventorySortSectionMetaData = function () {\r\n return metaDataOrderObject[keyName]['ManageInventory']['sorableSection'];\r\n}\r\n\r\n// save filter of find order in meta data\r\nexport const saveManageInventoryFilterMetaData = function (title, filterObj, columnObj) {\r\n var setData = {\r\n title: title,\r\n filterData: filterObj,\r\n columnData: columnObj.optionsData\r\n };\r\n\r\n if (typeof metaDataOrderObject[keyName]['ManageInventory']['saveFilter'] == \"undefined\") {\r\n metaDataOrderObject[keyName]['ManageInventory']['saveFilter'] = [];\r\n }\r\n (metaDataOrderObject[keyName]['ManageInventory']['saveFilter']).push(setData);\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n\r\n}\r\nexport const updateManageInventoryFilterMetaData = function (index, filterObj, columnObj) {\r\n\r\n if (typeof metaDataOrderObject[keyName]['ManageInventory']['saveFilter'][index] != \"undefined\") {\r\n metaDataOrderObject[keyName]['ManageInventory']['saveFilter'][index].filterData = filterObj;\r\n metaDataOrderObject[keyName]['ManageInventory']['saveFilter'][index].columnData = columnObj.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n }\r\n\r\n}\r\nexport const getSaveManageInventoryFilterListMetaData = function () {\r\n if (metaDataOrderObject[keyName]['ManageInventory']['saveFilter']) {\r\n return metaDataOrderObject[keyName]['ManageInventory']['saveFilter'];\r\n }\r\n\r\n return [];\r\n}\r\n\r\nexport const clearSaveManageInventoryFilterListMetaData = function (index) {\r\n metaDataOrderObject[keyName]['ManageInventory']['saveFilter'].splice(index, 1);\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}","\r\nimport axios from 'axios';\r\nimport React from 'react';\r\n//component\r\nimport { ArrayWms } from '../../../assets/ts/ArrayWms.ts';\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\nimport { ConcurrencyManager } from '../../../assets/vendor/concurrencyManager/concurrencyManager.js';\r\nimport { AddEditColumnModel } from '../components/AddEditColumn/add-edit-columns.component.jsx';\r\nimport { LoadingModel } from '../components/LoadingModel/LoadingModel.jsx';\r\nimport WmsConfirmModel from '../components/WmsConfirmModel/WmsConfirmModel.jsx';\r\nimport VirtualGridComponent from '../components_proto/VirtualGridComponent/VirtualGridComponent.jsx';\r\nimport { InventoryCustomerTransferModel } from '../inventory/models/inventory-customer-transfer-model.component.jsx';\r\nimport { InventoryHoldModel } from '../inventory/models/inventory-hold-model.component.jsx';\r\n//services\r\nimport * as GlobalService from './../global_services';\r\nimport * as GridConfig from './grid_configuration.jsx';\r\nimport * as inventoryservices from './inventory.services.jsx';\r\nimport * as metaDataService from './meta-data.service';\r\nimport { isNull } from 'lodash';\r\n\r\nexport class InventoryGrid extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n this.firstFiftyAxiosSource = null;\r\n this.filterCountAxiosSource = null;\r\n this.axiosSource = null;\r\n this.inventoryGridData = null;\r\n this.inventory_GridHeaders = StringWms.convertSringToOption(this.translate('Inventory_Beta_GrideHeaders'));\r\n this.manageInventoryGridId = \"GridManageInventoryBeta\";\r\n this.receiveItemIdsGroup = [];\r\n this.isApiCanceled = false;\r\n this.state = {\r\n gridDomSelector: () => this.props.windowId ? '.' + this.props.windowId + ' #' + this.manageInventoryGridId : '#' + this.manageInventoryGridId,\r\n selector: 'Inventory',\r\n inventorySummary: {\r\n \"TotPrimaryAvailable\": 0,\r\n \"TotPrimaryAllocated\": 0,\r\n \"TotPrimaryOnHold\": 0,\r\n \"TotPrimaryOnHand\": 0,\r\n \"TotMovableUnits\": 0\r\n },\r\n enableHold: false,\r\n enableReleaseHold: false,\r\n enableTransfer: false,\r\n enableTransferDisableCombineRowForAvaQtyZero: false,\r\n isHoldModelOpen: false,\r\n isOpenConfirmModel: false,\r\n isOpenHoldResultMsg: false,\r\n holdResultsObj: {},\r\n isLoadingStop: false,\r\n isTransferModelOpen: false,\r\n sharedSelectedFacilityObj:{},\r\n isNotQuarantineLocation: true,\r\n localKendoGrid: null,\r\n allColumnList: GridConfig.getAllColumnList(this.inventory_GridHeaders,'InventoryBeta').columns,\r\n allSortColumnList: [],\r\n defaultColumns: GridConfig.getGridDemoColumns(this.inventory_GridHeaders,'InventoryBeta').columns,\r\n schema: GridConfig.getGridDemoSchema().schema,\r\n totalInventory: 0,\r\n gridData: [],\r\n gridExportLimit: GlobalService.constants.gridExportLimit,\r\n manageInventoryGridConfig: metaDataService.getManageInventoryGridOptionInMetaData(),\r\n Rights: GlobalService.GetRights(),\r\n isFilterRowCountLoading: false,\r\n isInventoryGridDataLoading: false,\r\n isOpenColumnModel: false,\r\n filterText: \"\",\r\n fullFilterText: \"\",\r\n totalRequest: 0,\r\n overlayScreenShow: false,\r\n gridPageSize: 1000,\r\n isNewColumnAdded: false,\r\n isCombineRow: false,\r\n showLoadingError: false,\r\n selectedRowCount: 0\r\n }\r\n\r\n }\r\n\r\n componentDidMount() {\r\n let allSortColumnList = this.state.allColumnList.sort(function (first, second) {\r\n\r\n var columnTitle1 = first.title.trim().toUpperCase(); // ignore upper and lowercase\r\n var columnTitle2 = second.title.trim().toUpperCase(); // ignore upper and lowercase\r\n\r\n if (columnTitle1 < columnTitle2) { return -1; }\r\n\r\n if (columnTitle1 > columnTitle2) { return 1; }\r\n // names must be equal\r\n return 0;\r\n });\r\n\r\n this.setState({ allSortColumnList: allSortColumnList });\r\n\r\n this.loadGridData();\r\n }\r\n\r\n\r\n loadGridData = (clearData = true) => {\r\n this.setState({\r\n isFilterRowCountLoading: true,\r\n totalInventory: 0,\r\n showLoadingError: false,\r\n inventorySummary: {\r\n \"TotPrimaryAvailable\": 0,\r\n \"TotPrimaryAllocated\": 0,\r\n \"TotPrimaryOnHold\": 0,\r\n \"TotPrimaryOnHand\": 0,\r\n \"TotMovableUnits\": 0\r\n },\r\n\r\n });\r\n let tmpGridData = this.state.gridData;\r\n if (clearData == true) {\r\n tmpGridData = []\r\n }\r\n\r\n let inventorySearchInfo = Object.assign({}, this.props.sharedInventoryFilterObj);\r\n inventorySearchInfo.StartDate = StringWms.convertFilterStringToISODate(inventorySearchInfo.StartDate,'',false,true).isoStringUTC;\r\n inventorySearchInfo.EndDate = StringWms.convertFilterStringToISODate(inventorySearchInfo.EndDate,'',false,true).isoStringUTC;\r\n // Clear selection of grid before get new count\r\n if(this.state.localKendoGrid){\r\n this.state.localKendoGrid.clearSelections(() => {\r\n this.state.localKendoGrid.repaintSelections();\r\n });\r\n this.setState({\r\n enableHold: false,\r\n enableReleaseHold: false,\r\n enableTransfer: false,\r\n enableTransferDisableCombineRowForAvaQtyZero: false,\r\n isHoldModelOpen: false,\r\n isTransferModelOpen: false\r\n });\r\n }\r\n\r\n this.cancelLoadAllData();\r\n if (this.filterCountAxiosSource) {\r\n this.filterCountAxiosSource.cancel();\r\n this.filterCountAxiosSource = null;\r\n }\r\n // on filter update cancel orderDataAxios call if any running\r\n this.filterCountAxiosSource = axios.CancelToken.source();\r\n\r\n axios.put('/WebUI/Inventory/InventoryUI/FilteredRowCount', {\r\n inventorySearchInfo: inventorySearchInfo\r\n }, { cancelToken: this.filterCountAxiosSource.token }).then((response) => {\r\n this.filterCountAxiosSource = null;\r\n this.setState({\r\n totalInventory: response.data,\r\n isAllDataLoad: false,\r\n gridData: tmpGridData\r\n }, () => {\r\n if(response.data > 0){\r\n this.callForGetNewData();\r\n }\r\n });\r\n }).finally(() => {\r\n this.setState({ isFilterRowCountLoading: false });\r\n });;\r\n }\r\n\r\n callForGetNewData = () => {\r\n if (this.state.totalInventory > 0 && this.state.totalInventory <= GlobalService.constants.virtualGridDataLimit) {\r\n this.loadAllRecords(false);\r\n } else {\r\n // reset selection of grid on filter data change\r\n // this.setState({ staticGridData: [] });\r\n // console.log(\"resetGridAllMessage : call\");\r\n this.resetGridAllMessage();\r\n }\r\n\r\n }\r\n resetGridAllMessage = () => {\r\n if (this.state.isAllDataLoad) {\r\n this.setState({\r\n isNewColumnAdded: true\r\n });\r\n }\r\n }\r\n\r\n onClickLoadAllRecords = () => {\r\n this.setState({\r\n gridData: [],\r\n overlayScreenShow: true,\r\n });\r\n if (this.firstFiftyAxiosSource) {\r\n this.firstFiftyAxiosSource.cancel();\r\n }\r\n this.firstFiftyAxiosSource = axios.CancelToken.source();\r\n\r\n let enableColumns = this.getEnableColumns();\r\n let inventorySearchInfo = Object.assign({}, this.props.sharedInventoryFilterObj);\r\n inventorySearchInfo.StartDate = StringWms.convertFilterStringToISODate(inventorySearchInfo.StartDate,'',false,true).isoStringUTC;\r\n inventorySearchInfo.EndDate = StringWms.convertFilterStringToISODate(inventorySearchInfo.EndDate,'',false,true).isoStringUTC;\r\n\r\n axios.put('/WebUI/Inventory/InventoryUI/InventoryData?sorts=[]&filters=[]&pgnum=1&pgsiz=50', {\r\n columns: enableColumns,\r\n inventorySearchInfo: inventorySearchInfo\r\n }, { cancelToken: this.firstFiftyAxiosSource.token }).then((response) => {\r\n this.firstFiftyAxiosSource = \"\";\r\n this.setState({\r\n gridData: response.data.Data\r\n },this.loadAllRecords);\r\n });\r\n }\r\n\r\n getEnableColumns = () => {\r\n var defaultParam = ['ReceiveItemId', 'OnHold', 'InQuarantineLocation', 'PrimaryAvailable', 'ItemId', 'Qualifier', 'LotNumber','CustomerName','Sku','ExpirationDate','PrimaryUom','SecondaryUom','FacilityId','FacilityName'];\r\n let columnList = [];\r\n\r\n let grid = $(this.state.gridDomSelector()).data('kendoGrid');\r\n // if grid already defined than we get columns from grid\r\n if (typeof grid != \"undefined\") {\r\n columnList = grid.columns;\r\n } else { // else get column list from metadataObject or default columns\r\n columnList = GridConfig.getGridDemoColumns(this.inventory_GridHeaders,'InventoryBeta').columns;\r\n }\r\n\r\n var enableColumns = columnList.map(el => el.field);\r\n // merge defaultParam and enableColumns without dublicate value\r\n return [...new Set([...defaultParam, ...enableColumns])];\r\n }\r\n\r\n setFilterAppliedText = (filterObj) => {\r\n if (!filterObj) {\r\n this.setState({\r\n filterText: \"\",\r\n fullFilterText: \"\"\r\n })\r\n return;\r\n }\r\n var filterConditionTitle = {\r\n \"lte\": \"Is Less Than Or Equal To\",\r\n \"eq\": \"Is Equal To\",\r\n \"lt\": \"Is Less Than\",\r\n \"neq\": \"Is Not Equal To\",\r\n \"gte\": \"Is Greater Than Or Equal To\",\r\n \"gt\": \"Is Greater Than\",\r\n \"startswith\": \"Starts With\",\r\n \"endswith\": \"Ends With\",\r\n \"contains\": \"Contains\",\r\n \"doesnotcontain\": \"Does Not Contain\",\r\n \"isnull\": \"Is Null\",\r\n \"isnotnull\": \"Is Not Null\",\r\n \"isempty\": \"Is Empty\",\r\n \"isnotempty\": \"Is Not Empty\",\r\n \"isnullorempty\": \"Has No Value\",\r\n \"isnotnullorempty\": \"Has Value\",\r\n }\r\n\r\n var filterText = \"\";\r\n var fullFilterText = \"\";\r\n var filterList = filterObj.filters;\r\n var self = this;\r\n filterList.map((item) => {\r\n var title = self.state.allColumnList.find(x => x.field === item.field).title;\r\n filterText += title + \" : \" + item.value + ',';\r\n fullFilterText += title + \" \" + filterConditionTitle[item.operator] + \" : \" + item.value + \"\";\r\n });\r\n filterText = filterText.slice(0, -1);\r\n\r\n this.setState({\r\n filterText: filterText,\r\n fullFilterText: fullFilterText,\r\n })\r\n }\r\n\r\n // Load all records of inventory\r\n loadAllRecords = (isLoaderPopupShow) => {\r\n this.isApiCanceled = false;\r\n const sequence = n => {\r\n let seq = [];\r\n for (let i = 0; i < n; i++) {\r\n seq.push(i);\r\n }\r\n return seq;\r\n };\r\n if (isLoaderPopupShow == false) {\r\n this.setState({\r\n isInventoryGridDataLoading: true,\r\n gridData: []\r\n });\r\n }\r\n this.axiosSource = axios.CancelToken.source();\r\n let api = axios.create({\r\n baseURL: \"/WebUI/Inventory\",\r\n headers: { 'Access-Control-Allow-Origin': '*' },\r\n cancelToken: this.axiosSource.token\r\n });\r\n const MAX_CONCURRENT_REQUESTS = 3;\r\n\r\n let totalRequest = Math.ceil(this.state.totalInventory / this.state.gridPageSize);\r\n\r\n this.setState({\r\n totalRequest: totalRequest,\r\n });\r\n // init your manager.\r\n var manager = ConcurrencyManager(api, MAX_CONCURRENT_REQUESTS, GlobalService);\r\n let enableColumns = this.getEnableColumns();\r\n let inventorySearchInfo = Object.assign({}, this.props.sharedInventoryFilterObj);\r\n inventorySearchInfo.StartDate = StringWms.convertFilterStringToISODate(inventorySearchInfo.StartDate,'',false,true).isoStringUTC;\r\n inventorySearchInfo.EndDate = StringWms.convertFilterStringToISODate(inventorySearchInfo.EndDate,'',false,true).isoStringUTC;\r\n\r\n Promise.all(sequence(totalRequest).map(i => api.put(\"/InventoryUI/InventoryData?sorts=[]&filters=[]&pgnum=\" + (i + 1) + '&pgsiz=' + this.state.gridPageSize, {\r\n columns: enableColumns,\r\n inventorySearchInfo: inventorySearchInfo\r\n }))).then(responses => {\r\n let inventoryData = responses.map(r => r.data);\r\n this.getAllResponseData(inventoryData);\r\n }).catch((error) => {\r\n console.log(\"Promise.all catch\", error);\r\n this.setState({\r\n showLoadingError: true\r\n });\r\n this.cancelLoadAllData();\r\n }).then(() => {\r\n if(manager) {\r\n manager.detach();\r\n }\r\n });\r\n }\r\n\r\n getAllResponseData = (data) => {\r\n if (!this.isApiCanceled) {\r\n let allData = [];\r\n data.forEach(obj => {\r\n allData = [...obj.Data, ...allData];\r\n });\r\n this.inventoryGridData = allData;\r\n this.setState({\r\n gridData: allData,\r\n overlayScreenShow: false,\r\n isAllDataLoad: true,\r\n isNewColumnAdded: false,\r\n isInventoryGridDataLoading: false\r\n },() => {\r\n if(this.state.isCombineRow){\r\n this.combineRowUsingGridData();\r\n }\r\n });\r\n } else {\r\n this.setState({\r\n isInventoryGridDataLoading: false\r\n });\r\n }\r\n }\r\n\r\n cancelLoadAllData = () => {\r\n if (this.firstFiftyAxiosSource) {\r\n this.firstFiftyAxiosSource.cancel();\r\n }\r\n if(this.axiosSource){\r\n this.axiosSource.cancel();\r\n this.axiosSource = null;\r\n }\r\n this.isApiCanceled = true;\r\n this.setState({\r\n isInventoryGridDataLoading: false,\r\n overlayScreenShow: false,\r\n gridData: [],\r\n isAllDataLoad: false\r\n });\r\n }\r\n\r\n //On grid row selection\r\n selectRow = (param_kendoGrid) => {\r\n let enableHold = false;\r\n let enableReleaseHold = false;\r\n let enableTransfer = false;\r\n let enableTransferDisableCombineRowForAvaQtyZero = false;\r\n var SelectedOrders = param_kendoGrid.getNumberOfSelections();\r\n var isHold = param_kendoGrid.valueExists(\"OnHold\", true);\r\n var isRelease = param_kendoGrid.valueExists(\"OnHold\", false);\r\n var isVaries = param_kendoGrid.valueExists(\"Varies\", true);\r\n var c2cEnableForPrimaryAvailable = param_kendoGrid.valueExists(\"c2cEnableForPrimaryAvailable\", true);\r\n\r\n // for enable/disabled Transfer\r\n var isNotInQuarantineLocation = param_kendoGrid.valueExists(\"InQuarantineLocation\", false) && param_kendoGrid.valuesIdentical(\"InQuarantineLocation\");\r\n var availableQtyMoreThanZero = param_kendoGrid.valueGreaterThanZero('PrimaryAvailable');\r\n var sameItemIds = param_kendoGrid.valuesIdentical(\"ItemId\");\r\n var sameFaciltyIds = param_kendoGrid.valuesIdentical(\"FacilityId\");\r\n var sameQualifier = param_kendoGrid.valuesIdentical(\"Qualifier\");\r\n var sameLotNumber = param_kendoGrid.valuesIdentical(\"LotNumber\");\r\n\r\n if (SelectedOrders >= 1 && isNotInQuarantineLocation == true && availableQtyMoreThanZero == true && sameItemIds == true && isHold == false && sameLotNumber == true && sameQualifier == true && sameFaciltyIds == true) {\r\n enableTransfer = true;\r\n var itemIds = param_kendoGrid.getKeys()[0];\r\n var warehouseObj = {};\r\n var itemsObj = param_kendoGrid.getDictionary().items;\r\n let facilityIds = _.map(itemsObj, 'FacilityId');\r\n let FacilityNames = _.map(itemsObj, 'FacilityName');\r\n warehouseObj.id = facilityIds[0];\r\n warehouseObj.name = FacilityNames[0];\r\n this.setState({\r\n sharedSelectedFacilityObj: warehouseObj\r\n });\r\n // customerEditUri = param_kendoGrid.getItem(param_kendoGrid.getKeys()).EditUri;\r\n\r\n }\r\n if (isHold == true) {\r\n enableReleaseHold = true;\r\n }\r\n if (isRelease == true) {\r\n enableHold = true;\r\n }\r\n if(this.state.isCombineRow){\r\n if(isVaries == true){\r\n enableReleaseHold = true;\r\n enableHold = true;\r\n enableTransfer = false;\r\n }\r\n if (!c2cEnableForPrimaryAvailable && !isHold && !isVaries) {\r\n enableTransfer = false;\r\n enableTransferDisableCombineRowForAvaQtyZero = true;\r\n }\r\n }\r\n this.setState({\r\n enableHold: enableHold,\r\n enableReleaseHold: enableReleaseHold,\r\n enableTransfer: enableTransfer,\r\n isNotQuarantineLocation: isNotInQuarantineLocation,\r\n localKendoGrid: param_kendoGrid,\r\n enableTransferDisableCombineRowForAvaQtyZero: enableTransferDisableCombineRowForAvaQtyZero,\r\n selectedRowCount: SelectedOrders\r\n });\r\n if (param_kendoGrid != null && param_kendoGrid.getNumberOfSelections() >=1) {\r\n // Count only change if selected order is 1 or more\r\n var SelectedRow = param_kendoGrid.getDictionary();\r\n this.UpdateGridSummary(Object.values(SelectedRow.items));\r\n }else{\r\n this.UpdateGridSummary(this.inventoryGridData);\r\n }\r\n\r\n }\r\n\r\n UpdateGridSummary = (RowsArr) => {\r\n var PrimaryAvailable = 0;\r\n var PrimaryReceived = 0;\r\n var TotPrimaryOnHold = 0;\r\n var PrimaryOnHand = 0;\r\n var TotMovableUnits = 0;\r\n var PrimaryAllocated = 0;\r\n\r\n if(RowsArr && RowsArr.length >= 1){\r\n PrimaryAvailable = RowsArr.map(i => parseFloat(i.PrimaryAvailable)).reduce((prev, next) => prev + next);\r\n PrimaryReceived = RowsArr.map(i => parseFloat(i.PrimaryReceived)).reduce((prev, next) => prev + next);\r\n TotPrimaryOnHold = RowsArr.map(i => i.OnHold ? parseFloat(i.PrimaryOnHand) : 0).reduce((prev, next) => prev + next);\r\n PrimaryOnHand = RowsArr.map(i => parseFloat(i.PrimaryOnHand)).reduce((prev, next) => prev + next);\r\n var MovableUnitLabelArr = RowsArr.filter(i => i.MovableUnitLabel !== null ).map(i => i.MovableUnitLabel);\r\n TotMovableUnits = new Set(MovableUnitLabelArr).size;\r\n PrimaryAllocated = RowsArr.map(i => i.OnHold ? 0 : parseFloat(i.PrimaryOnHand) - parseFloat(i.PrimaryAvailable)).reduce((prev, next) => prev + next);\r\n }\r\n this.setState({\r\n inventorySummary: {\r\n \"TotPrimaryAvailable\": PrimaryAvailable,\r\n \"TotPrimaryAllocated\": PrimaryAllocated,\r\n \"TotPrimaryOnHold\": TotPrimaryOnHold,\r\n \"TotPrimaryOnHand\": PrimaryOnHand,\r\n \"TotMovableUnits\": TotMovableUnits\r\n }\r\n });\r\n }\r\n\r\n\r\n\r\n\r\n onGridDataBound = (e, kendoGrid) => {\r\n this.setState({\r\n localKendoGrid: kendoGrid\r\n });\r\n if(!(kendoGrid != null && kendoGrid.getNumberOfSelections() >=1)){\r\n this.UpdateGridSummary(this.inventoryGridData);\r\n }\r\n }\r\n\r\n // on grid column sort save changes in meta data object\r\n onSort = (event) => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n GlobalService.sortDataset(sortArray, event.sort);\r\n var gridColumn = grid.getOptions().columns;\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(gridColumn, sortArray, grid.dataSource.filter());\r\n metaDataService.setManageInventoryGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on apply saved filter data save changes in meta data object\r\n onApplySavedFilterData = (filterObj) => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n var gridColumn = grid.getOptions().columns;\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(gridColumn, sortArray, grid.dataSource.filter());\r\n\r\n metaDataService.applySavedFilterDataToInventoryGrid(finalSubmission, filterObj);\r\n }\r\n // on grid column reorder save changes in meta data object\r\n onColumnReorder = (event) => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let gridColumn = grid.getOptions().columns;\r\n let switchedArray = ArrayWms.switchIndexByField(gridColumn, event.newIndex, event.oldIndex);\r\n let finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(switchedArray, sortArray, grid.dataSource.filter());\r\n metaDataService.setManageInventoryGridOptionInMetaData(finalSubmission);\r\n\r\n }\r\n\r\n // on grid column resize save changes in meta data object\r\n onColumnResize = (event) => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n metaDataService.setManageInventoryGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on click grid clear sort menu\r\n onClickClearSorts = () => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(grid.columns, [], grid.dataSource.filter());\r\n metaDataService.setManageInventoryGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on click grid reset default grid layout menu\r\n onClickResetGrid = () => {\r\n var finalSubmission = {\r\n \"optionsData\": {}\r\n }\r\n metaDataService.setManageInventoryGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on grid filter selection\r\n onGridFilterApplied = () => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n setTimeout(() => {\r\n this.setFilterAppliedText(dataSource.filter());\r\n\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(grid.columns, sortArray, dataSource.filter());\r\n\r\n metaDataService.setManageInventoryGridOptionInMetaData(finalSubmission);\r\n\r\n }, 100);\r\n\r\n }\r\n\r\n // save column hide/show data in meta data\r\n saveChangesInMetaData = () => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sort = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sort,\r\n grid.dataSource.filter()\r\n );\r\n metaDataService.setManageInventoryGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n\r\n\r\n clickEventOfContextMenu = (obj) => {\r\n\r\n if (obj.wmsid == 'hold') {\r\n this.openHoldInventoryModal();\r\n } else if (obj.wmsid == 'releaseHold') {\r\n this.holdOrReleaseInventoryCheck();\r\n }\r\n }\r\n\r\n openHoldInventoryModal = () => {\r\n this.setState({ isHoldModelOpen: true });\r\n }\r\n\r\n closeHoldInventoryModal = () => {\r\n this.setState({ isHoldModelOpen: false });\r\n }\r\n openCustomerTransferModal = () => {\r\n this.setState({ isTransferModelOpen: true });\r\n }\r\n closeTransferInventoryModal = () => {\r\n this.setState({ isTransferModelOpen: false });\r\n }\r\n\r\n holdOrReleaseInventoryCheck = () => {\r\n if (!this.state.isNotQuarantineLocation) {\r\n this.setState({\r\n isOpenConfirmModel: true\r\n });\r\n }\r\n else {\r\n this.holdOrReleaseInventory();\r\n }\r\n }\r\n\r\n holdOrReleaseInventory = () => {\r\n let receiveItemIds = [];\r\n\r\n if(this.state.isCombineRow){\r\n let itemsObj = this.state.localKendoGrid.getDictionary().items;\r\n let getIdArray = _.map(itemsObj, 'receiveItemIdsOnHold');\r\n getIdArray.map(function(data){\r\n var array = data;\r\n array.map(function(rid){\r\n receiveItemIds.push(rid);\r\n });\r\n });\r\n } else {\r\n let itemsObj = this.state.localKendoGrid.getDictionary().items;\r\n let filterObject = _.filter(itemsObj, function(o) { return o.OnHold; });\r\n let getIdArray = _.map(filterObject, 'ReceiveItemId');\r\n getIdArray.map(function(data){\r\n receiveItemIds = _.concat(receiveItemIds,data);\r\n });\r\n }\r\n\r\n let releaseData = {\r\n 'Reason': 'release',\r\n 'putOnHold': false,\r\n 'receiveItemIds': receiveItemIds,\r\n }\r\n console.log(\"Realse itemIDs\",receiveItemIds);\r\n inventoryservices.holdOrReleaseInventory(releaseData).then((response) => {\r\n if (typeof response != 'undfined' && response.status == 200) {\r\n GlobalService.notification('success', this.translate('Label_Release_Hold_Inventory_Success'));\r\n this.onCloseConfirmModel();\r\n this.resetGridSelectionAndButton();\r\n }\r\n }).finally(() => { });\r\n }\r\n\r\n resetGridSelectionAndButton = () => {\r\n this.loadGridData(false);\r\n }\r\n eventClickExportGrid = () => {\r\n $(this.state.gridDomSelector()).getKendoGrid().saveAsExcel();\r\n }\r\n\r\n clickOnContinueButton = () => {\r\n this.setState({\r\n isLoadingStop: true\r\n });\r\n this.holdOrReleaseInventory();\r\n }\r\n\r\n onCloseConfirmModel = () => {\r\n this.setState({ isOpenConfirmModel: false });\r\n }\r\n onOpenHoldResultMsg = (param_hold_results) => {\r\n setTimeout(() => {\r\n this.setState({\r\n holdResultsObj: param_hold_results,\r\n isOpenHoldResultMsg: true\r\n });\r\n }, 100);\r\n }\r\n onCloseHoldResultMsg = () => {\r\n this.setState({ isOpenHoldResultMsg: false });\r\n }\r\n copyToClipboard = () => {\r\n var copyText = 'Title : ' + $('.result-list').eq(0).prev('p').text() + '\\n';\r\n copyText += $('.result-list').eq(0).find('div').eq(0).find('label').text() + '\\n';\r\n copyText += $('.result-list').eq(0).find('div').eq(0).find('label').next('div').text() + '\\n';\r\n copyText += $('.result-list').eq(0).find('div').eq(2).find('label').text() + '\\n';\r\n copyText += $('.result-list').eq(0).find('div').eq(2).find('label').next('div').text() + '\\n';\r\n if ($('.result-list').eq(1).text()) {\r\n copyText += '\\n' + 'Title : ' + $('.result-list').eq(1).prev('p').text() + '\\n';\r\n copyText += $('.result-list').eq(1).find('div').eq(0).find('label').text() + '\\n';\r\n copyText += $('.result-list').eq(1).find('div').eq(0).find('label').next('div').text() + '\\n';\r\n copyText += $('.result-list').eq(1).find('div').eq(2).find('label').text() + '\\n';\r\n copyText += $('.result-list').eq(1).find('div').eq(2).find('label').next('div').text() + '\\n';\r\n }\r\n var copyTextarea = document.querySelector('#simulate-clipboard');\r\n copyTextarea.appendChild(document.createTextNode(copyText));\r\n copyTextarea.select();\r\n document.execCommand('copy');\r\n $('#simulate-clipboard').text('');\r\n this.setState({ isLoadingStop: true });\r\n this.onCloseHoldResultMsg();\r\n }\r\n\r\n eventClickColumns = () => {\r\n this.setState({\r\n isOpenColumnModel: true\r\n })\r\n }\r\n onCloseColumnModel = (e) => {\r\n this.setState({\r\n isOpenColumnModel: false\r\n })\r\n }\r\n onCheckCombine = (isChecked) => {\r\n this.setState({\r\n isCombineRow : isChecked\r\n })\r\n if(isChecked){\r\n\r\n this.setState({\r\n defaultColumns:GridConfig.getCombineGridColumns(this.inventory_GridHeaders,'InventoryBeta').columns,\r\n schema: GridConfig.getGridCombineSchema().schema,\r\n allColumnList: GridConfig.getCombineAllColumnList(this.inventory_GridHeaders,'InventoryBeta').columns,\r\n manageInventoryGridConfig: metaDataService.getManageInventoryGridOptionInMetaData(),\r\n },this.combineRowUsingGridData);\r\n }else{\r\n this.setState({\r\n gridData:this.inventoryGridData,\r\n totalInventory:this.inventoryGridData.length,\r\n defaultColumns:GridConfig.getGridDemoColumns(this.inventory_GridHeaders,'InventoryBeta').columns,\r\n schema: GridConfig.getGridDemoSchema().schema,\r\n allColumnList: GridConfig.getAllColumnList(this.inventory_GridHeaders,'InventoryBeta').columns,\r\n manageInventoryGridConfig: metaDataService.getManageInventoryGridOptionInMetaData(),\r\n })\r\n }\r\n this.state.localKendoGrid.clearSelections(() => {\r\n this.state.localKendoGrid.repaintSelections();\r\n });\r\n }\r\n\r\n combineRowUsingGridData = () => {\r\n this.inventoryGridData = this.state.gridData; // set previous data for set in grid for uncheck\r\n let list = this.state.gridData;\r\n\r\n var groups = _.groupBy(list, function (value) {\r\n if(value.Qualifier == \"\" || value.Qualifier == null)\r\n {\r\n value.Qualifier = \"\";\r\n }\r\n if(value.LotNumber == \"\" || value.LotNumber == null)\r\n {\r\n value.LotNumber = \"\";\r\n }\r\n if(value.ExpirationDate == \"\" || value.ExpirationDate == null)\r\n {\r\n value.ExpirationDate = \"\";\r\n }\r\n return value.CustomerName + '#' + value.Sku + '#' + value.Qualifier + '#' + value.LotNumber + '#' + value.ExpirationDate;\r\n });\r\n\r\n var index = -1;\r\n var data = _.map(groups, function (group) {\r\n index++;\r\n let tmpAvailableItemIds = [];\r\n let tmpHoldItemIds = [];\r\n var InQuarantineLocation = false;\r\n\r\n var c2cEnableForPrimaryAvailable = true;\r\n _.each(group, function (item) {\r\n item.PrimaryAvailable = parseFloat(item.PrimaryAvailable);\r\n if(!item.PrimaryAvailable) {\r\n c2cEnableForPrimaryAvailable = false;\r\n }\r\n if(item.OnHold){\r\n tmpHoldItemIds.push(item.ReceiveItemId);\r\n } else{\r\n tmpAvailableItemIds.push(item.ReceiveItemId)\r\n }\r\n if(item.SecondaryAvailable){\r\n item.SecondaryAvailable = parseInt(item.SecondaryAvailable)\r\n } else{\r\n item.SecondaryAvailable = 0;\r\n }\r\n if(item.InQuarantineLocation){\r\n InQuarantineLocation = true;\r\n }\r\n });\r\n\r\n return {\r\n CustomerName: group[0].CustomerName,\r\n Sku: group[0].Sku,\r\n Qualifier: group[0].Qualifier,\r\n LotNumber: group[0].LotNumber,\r\n ExpirationDate: group[0].ExpirationDate,\r\n OnHold: group[0].OnHold,\r\n FacilityId: group[0].FacilityId,\r\n FacilityName: group[0].FacilityName,\r\n InQuarantineLocation: InQuarantineLocation,\r\n PrimaryAvailable: _.sumBy(group, 'PrimaryAvailable'),\r\n c2cEnableForPrimaryAvailable: c2cEnableForPrimaryAvailable,\r\n ReceiverId: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.ReceiverId))).toString(),\r\n ReceiveItemId: Array.prototype.map.call(group, s => s.ReceiveItemId).toString(),\r\n SerialNumber: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.SerialNumber))).toString(),\r\n Cost: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.Cost))).toString(),\r\n Upc: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.Upc))).toString(),\r\n SecondaryDescription: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.SecondaryDescription))).toString(),\r\n SkuDescription: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.SkuDescription))).toString(),\r\n LocationName: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.LocationName))).toString(),\r\n ImperialOnHandCatchWeight: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.ImperialOnHandCatchWeight))).toString(),\r\n MetricOnHandCatchWeight: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.MetricOnHandCatchWeight))).toString(),\r\n CatchWeight: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.CatchWeight))).toString(),\r\n SupplierName: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.SupplierName))).toString(),\r\n MovableUnitLabel: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.MovableUnitLabel))).toString(),\r\n CustomFields: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.CustomFields))).toString(),\r\n OnHoldReason: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.OnHoldReason))).toString(),\r\n ReferenceNum: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.ReferenceNum))).toString(),\r\n PONum: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.PONum))).toString(),\r\n TrailerNumber: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.TrailerNumber))).toString(),\r\n PrimaryUom: _.uniqBy(_.compact(Array.prototype.map.call(group, s => s.PrimaryUom))).toString(),\r\n PrimaryReceived: _.sumBy(group, 'PrimaryReceived'),\r\n PrimaryShipped: _.sumBy(group, 'PrimaryShipped'),\r\n PrimaryOnHand: _.sumBy(group, 'PrimaryOnHand'),\r\n SecondaryReceived: _.sumBy(group, 'SecondaryReceived') ? _.sumBy(group, 'SecondaryReceived').toFixed(4) : 0,\r\n SecondaryAvailable: _.sumBy(group, 'SecondaryAvailable') ? _.sumBy(group, 'SecondaryAvailable') : 0 + ' ' + (group[0].SecondaryUom ? group[0].SecondaryUom : \"\"),\r\n SecondaryShipped: _.sumBy(group, 'SecondaryShipped'),\r\n SecondaryUom: group[0].SecondaryUom ? group[0].SecondaryUom : '',\r\n SecondaryOnHand: _.sumBy(group, 'SecondaryOnHand') ? _.sumBy(group, 'SecondaryOnHand').toFixed(4) : 0,\r\n ReceiptDate: _.uniqBy(_.compact(Array.prototype.map.call(group, s => kendo.toString(new Date(s.ReceiptDate), \"MMM dd yyyy, hh:mm:ss tt\")))).toString(),\r\n Varies:(tmpHoldItemIds.length != 0 && tmpAvailableItemIds.length != 0),\r\n CurrentIndex:index,\r\n receiveItemIdsOnHold: tmpHoldItemIds,\r\n receiveItemIdsAvailable: tmpAvailableItemIds\r\n }\r\n\r\n });\r\n this.setState({\r\n gridData: data,\r\n totalInventory:data.length\r\n });\r\n }\r\n\r\n render() {\r\n let disableTransferMsg = this.translate('Label_Hold_Inventory_Message');\r\n if (this.state.enableTransferDisableCombineRowForAvaQtyZero) {\r\n disableTransferMsg = this.translate('Label_Available_One_ReceiveItemId_QtyIsZero_Inventory_Message');\r\n }\r\n return (\r\n
\r\n \r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsButton from './../components/WmsButton/WmsButton.jsx';\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\nimport { ObjectWms } from '../../../assets/ts/ObjectWms.ts';\r\nimport WmsInput from './../components/WmsInput/WmsInput.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsCustomDateTimePicker from './../components/WmsCustomDateTimePicker/WmsCustomDateTimePicker.jsx';\r\nimport WmsCollapse from '../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsModel from '../components/WmsModel/WmsModel.jsx';\r\nimport WmsContainer from '../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsConfirmModel from '../components/WmsConfirmModel/WmsConfirmModel.jsx';\r\n\r\nimport style from './inventory.scss';\r\n\r\n//services\r\nimport * as GridConfig from './grid_configuration.jsx';\r\nimport * as inventoryservices from './inventory.services.jsx';\r\nimport * as GlobalService from './../global_services';\r\nimport * as metaDataService from './meta-data.service.js';\r\nimport { kendo } from \"./../global_variable_service.jsx\";\r\n\r\nexport class InventorySearch extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n this.manageInventoryGridId = \"GridManageInventoryBeta\";\r\n this.inventory_GridHeaders = StringWms.convertSringToOption(this.translate('Inventory_Beta_GrideHeaders'));\r\n\r\n this.state = {\r\n gridDomSelector: () => this.props.windowId ? '.' + this.props.windowId + ' #' + this.manageInventoryGridId : '#' + this.manageInventoryGridId,\r\n CustomLabels: GlobalService.getCustomLabels(),\r\n Selector: 'Inventory',\r\n optionConatins: StringWms.convertSringToOption(this.translate('Options_SearchBy_StringOptions')),\r\n booleanOption: StringWms.convertSringToOption(this.translate('Options_Inventory_Status')),\r\n optionsSearchBy: StringWms.convertSringToOption(this.translate('Options_Inventory_Date')),\r\n filter: {},\r\n isExpandedCollapse: [],\r\n isOpenSaveFilterModel: false,\r\n newFilterTitle: \"\",\r\n filterNameExist: false,\r\n allColumnList: [],\r\n savedFilterList: [],\r\n savedFilterIndex: null,\r\n isOpenConfirmModel: false,\r\n optionsCustomers: GlobalService.getCustomerList(true),\r\n facilityOption: [],\r\n sectionToggled: false,\r\n showTooltip: false\r\n };\r\n\r\n this.onFilterDataSet = GlobalService.debounce(this.onFilterDataSet, 700);\r\n }\r\n\r\n componentDidMount() {\r\n inventoryservices.initialInventory().then((response) => {\r\n let sortedFacilityList = response.getCustomerFacilityList.sort(function (first, second) {\r\n\r\n var columnTitle1 = first.name.trim().toUpperCase(); // ignore upper and lowercase\r\n var columnTitle2 = second.name.trim().toUpperCase(); // ignore upper and lowercase\r\n\r\n if (columnTitle1 < columnTitle2) { return -1; }\r\n\r\n if (columnTitle1 > columnTitle2) { return 1; }\r\n // names must be equal\r\n return 0;\r\n });\r\n sortedFacilityList.unshift({\r\n \"id\": 0,\r\n \"name\": \"Unspecified\",\r\n \"uri\": \"\",\r\n \"FacilitySimpleUri\": \"\",\r\n \"UpsAccountNumber\": \"\",\r\n \"FedExAccountNumber\": \"\"\r\n });\r\n this.setState({\r\n facilityOption: sortedFacilityList\r\n });\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#' + this.props.windowId), false);\r\n });\r\n //\r\n let facilityObj = {id:this.props.sharedInventoryFilterObj.FacilityId};\r\n let allColumnList = GridConfig.getAllColumnList(this.inventory_GridHeaders, facilityObj).columns;\r\n this.$rootScope.setLoaderTimer(\"Manage Inventory\");\r\n this.setState({\r\n allColumnList: allColumnList,\r\n savedFilterList: metaDataService.getSaveManageInventoryFilterListMetaData(),\r\n isExpandedCollapse: (!$.isEmptyObject(metaDataService.getManageInventoryCollapseMetaData()) ? metaDataService.getManageInventoryCollapseMetaData() : []),\r\n filter: this.props.sharedInventoryFilterObj\r\n }, () => {\r\n this.props.onSelectFacility(facilityObj);\r\n });\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if (this.props.sharedInventoryFilterObj != null && (prevProps.sharedInventoryFilterObj != this.props.sharedInventoryFilterObj)) {\r\n this.setState({\r\n filter: this.props.sharedInventoryFilterObj\r\n });\r\n }\r\n\r\n var sortable = $('#inventory-filter-section-sortable');\r\n\r\n if(sortable.length && !sortable.hasClass('ui-sortable')){\r\n var sortData = metaDataService.getManageInventorySortSectionMetaData();\r\n // set saved sort data if any in meta data\r\n if (sortData) {\r\n var pos = JSON.parse(sortData);\r\n if (pos) {\r\n $.each(pos, function (i, position) {\r\n if(position !=\"\"){\r\n var $target = sortable.find('#' + position);\r\n $target.appendTo(sortable); // or prependTo\r\n }\r\n });\r\n }\r\n }\r\n\r\n sortable.sortable({\r\n update: this.onSectionSort,\r\n cancel: \"label.icon_label,.wms-collapsible-content\",\r\n handle: \".wms-sort\",\r\n distance: 5,\r\n start: function (e, ui) {\r\n var height = ui.item.height();\r\n if (height > 100) {\r\n height = 100;\r\n }\r\n ui.placeholder.height(height);\r\n }\r\n });\r\n }\r\n }\r\n\r\n handleFaciltiySelectChange = (facilityId) => {\r\n let facilityIndex = ObjectWms.FindIndexByProperty(this.state.facilityOption, \"id\", parseInt(facilityId));\r\n let facilityObj = this.state.facilityOption[facilityIndex];\r\n let allColumnList = GridConfig.getAllColumnList(this.inventory_GridHeaders, facilityObj).columns;\r\n this.setState({ allColumnList: allColumnList });\r\n }\r\n\r\n filterHandleChange = (event) => {\r\n let filterData = Object.assign({}, this.state.filter);\r\n let filterKey = event.target.name;\r\n let filterVal = event.target.value;\r\n // if (filterKey == \"StartDate\" || filterKey == \"EndDate\") {\r\n // filterVal = kendo.toString(kendo.parseDate(filterVal), \"M/d/yyyy h:mm tt\");\r\n // }\r\n\r\n if (filterVal) {\r\n filterData[filterKey] = filterVal;\r\n } else {\r\n delete filterData[filterKey];\r\n }\r\n if(filterKey == 'FacilityId'){\r\n this.handleFaciltiySelectChange(filterVal);\r\n }else if(filterKey == 'CustomerId'){\r\n filterData['FacilityId'] = 0;\r\n this.setFacilityOnCustomer(filterVal);\r\n }\r\n\r\n this.setState({\r\n filter: filterData,\r\n }, () => {\r\n this.onFilterDataSet();\r\n });\r\n }\r\n setFacilityOnCustomer = (customerId) => {\r\n let customerIndex = ObjectWms.FindIndexByProperty(this.state.optionsCustomers, \"id\", parseInt(customerId));\r\n let custFacility = this.state.optionsCustomers[customerIndex].facilities;\r\n let allFacilities = GlobalService.getFacilityList(false);\r\n let selFacilityOption = [];\r\n for (let i = 0; i < custFacility.length; i++) {\r\n let facilityIndex = ObjectWms.FindIndexByProperty(allFacilities, \"id\", parseInt(custFacility[i]));\r\n if(allFacilities[facilityIndex]) {\r\n selFacilityOption.push(allFacilities[facilityIndex]);\r\n }\r\n }\r\n selFacilityOption.unshift({\r\n \"id\": 0,\r\n \"name\": \"Unspecified\",\r\n \"uri\": \"\",\r\n \"FacilitySimpleUri\": \"\",\r\n \"UpsAccountNumber\": \"\",\r\n \"FedExAccountNumber\": \"\"\r\n });\r\n this.setState({ facilityOption: selFacilityOption });\r\n }\r\n onFilterDataSet = () => {\r\n let filterObj = Object.assign({}, this.state.filter);\r\n let isSearchOn = false;\r\n\r\n if (!$.isEmptyObject(filterObj)) {\r\n isSearchOn = true;\r\n }\r\n this.props.onInventoryFilterObjChange(filterObj,isSearchOn);\r\n }\r\n\r\n clearFilters = () => {\r\n // set default value of filter form\r\n let resetFilterObj = {\r\n IndexOptionsDate:0,\r\n CustomerId:0,\r\n IndexOptionsSku:0,\r\n IndexOptionsQualifier:0,\r\n IndexOptionsSerialNumber:0,\r\n IndexOptionsSupplier:0,\r\n IndexOptionsLotNumber:0,\r\n IndexOptionsLocation:0,\r\n IndexOptionsMuLabel:0,\r\n IndexOptionsStatus:0,\r\n CustomField:\"\",\r\n FacilityId:0\r\n };\r\n this.setState({\r\n filter: resetFilterObj\r\n });\r\n this.props.onInventoryFilterObjChange(resetFilterObj,false);\r\n }\r\n\r\n setCollapseMetaData = (isExpanded, collapseId) => {\r\n metaDataService.setManageInventoryCollapseMetaData(collapseId, isExpanded);\r\n }\r\n\r\n onSectionSort = () => {\r\n var sortArray = JSON.stringify($('#inventory-filter-section-sortable').sortable(\"toArray\"));\r\n metaDataService.setManageInventorySortSectionMetaData(sortArray);\r\n }\r\n\r\n onOpenSaveFilterModel = () => {\r\n this.setState({\r\n isOpenSaveFilterModel: true,\r\n newFilterTitle: \"\",\r\n filterNameExist: false\r\n });\r\n }\r\n exitSaveFilterModel = () => {\r\n this.setState({\r\n isOpenSaveFilterModel: false\r\n });\r\n }\r\n onSaveFilter = (indexForUpdate = null) => {\r\n let filterObj = Object.assign({}, this.state.filter);\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n var filterArray = grid.dataSource.filter() ? grid.dataSource.filter() : [];\r\n var gridColumn = grid.getOptions().columns;\r\n var finalSubmission = GlobalService.prepareGridOptionsForStorage(gridColumn, sortArray, filterArray);\r\n\r\n if (indexForUpdate != null) {\r\n metaDataService.updateManageInventoryFilterMetaData(indexForUpdate, filterObj, finalSubmission);\r\n GlobalService.notification('success',this.translate('Order_Filter_Update_success'));\r\n } else {\r\n if (!this.state.filterNameExist) {\r\n metaDataService.saveManageInventoryFilterMetaData(this.state.newFilterTitle, filterObj, finalSubmission);\r\n this.exitSaveFilterModel();\r\n }\r\n }\r\n }\r\n\r\n handleFilterTitleChange = (e) => {\r\n let value = e.target.value;\r\n if (value.Description == '') {\r\n value = '';\r\n }\r\n\r\n var nameExists = false;\r\n // check dublicate title for case sensitive\r\n var exists = this.state.savedFilterList.findIndex(function (item) {\r\n return value.toLowerCase() === item.title.toLowerCase();\r\n });\r\n if (exists != -1) {\r\n nameExists = true;\r\n }\r\n this.setState({\r\n newFilterTitle: value,\r\n filterNameExist: nameExists\r\n });\r\n }\r\n\r\n onClearSaveFilter = (index) => {\r\n this.setState({\r\n isOpenConfirmModel: true,\r\n savedFilterIndex: index\r\n });\r\n }\r\n onYesRemoveSavedFilter = () => {\r\n metaDataService.clearSaveManageInventoryFilterListMetaData(this.state.savedFilterIndex);\r\n this.setState({\r\n isOpenConfirmModel: false,\r\n savedFilterList: metaDataService.getSaveManageInventoryFilterListMetaData()\r\n });\r\n }\r\n ClickExit = () => {\r\n this.setState({\r\n isOpenConfirmModel: false\r\n });\r\n }\r\n\r\n onUseSaveFilter = (index) => {\r\n var objFilter = Object.assign({}, this.state.savedFilterList[index]);\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var gridConfig = JSON.parse(objFilter.columnData, JSON.dateParser);\r\n var tempObject = \"\";\r\n\r\n if (gridConfig.columns) {\r\n var fieldArray = gridConfig.columns.map(el => el.field);\r\n var updateColumn = [];\r\n this.state.allColumnList.filter((column) => {\r\n if (fieldArray.indexOf(column.field) !== -1) {\r\n updateColumn.push(column);\r\n }\r\n });\r\n tempObject = ObjectWms.alignIndexesByProperty(gridConfig.columns, updateColumn, \"field\");\r\n } else {\r\n tempObject = ObjectWms.alignIndexesByProperty(gridConfig.columns, this.props.defaultColumns, \"field\");\r\n }\r\n grid.setOptions({\r\n columns: tempObject\r\n });\r\n grid.dataSource.sort(gridConfig.sorts);\r\n grid.dataSource.filter(gridConfig.filters);\r\n\r\n this.setState({\r\n filter: objFilter.filterData\r\n }, () => {\r\n this.onFilterDataSet();\r\n });\r\n this.props.onApplySavedFilter(objFilter.filterData);\r\n }\r\n\r\n onClickSectionHandle = () => {\r\n this.setState({\r\n sectionToggled: true\r\n }, this.props.onClickForFilterToggle);\r\n };\r\n\r\n showFilterTooltip = () => {\r\n this.setState({ showTooltip: true });\r\n }\r\n hideFilterTooltip = () => {\r\n this.setState({ showTooltip: false });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n this.state.gridExportLimit) ? true : false}\r\n showGridSummary={true}\r\n isInventorySummary={true}\r\n inventorySummary={this.state.inventorySummary}\r\n isExportSelectedData={true}\r\n exportExcelObj={{\r\n fileName: \"inventoryGridExport-\" + kendo.toString(kendo.parseDate(new Date()), \"yyyyMMddhhmmss\") + \".xlsx\",\r\n allPages: true,\r\n filterable: true\r\n }}\r\n csvExportFileName={'inventoryGridExport'}\r\n eventClickExportGrid={this.eventClickExportGrid}\r\n onCheckCombine={this.onCheckCombine}\r\n allColumns={this.state.allColumnList}\r\n defaultColumns={this.state.defaultColumns}\r\n schema={this.state.schema}\r\n onSelection={this.selectRow}\r\n callForGetNewData={this.callForGetNewData}\r\n clickEventOfContextMenu={this.clickEventOfContextMenu}\r\n // getGridSelectionUrl={'/WebUI/inventory/ManageInventory/GridSelections'}\r\n metaDataFieldsName={''}\r\n metaGridConfig={this.state.manageInventoryGridConfig}\r\n eventClickColumns={this.eventClickColumns}\r\n onGridFilterApplied={this.onGridFilterApplied}\r\n filterText={this.state.filterText}\r\n fullFilterText={this.state.fullFilterText}\r\n loadAllRecords={this.onClickLoadAllRecords}\r\n isAllDataLoad={this.state.isAllDataLoad}\r\n onDataBound={this.onGridDataBound}\r\n onSort={this.onSort}\r\n onColumnReorder={this.onColumnReorder}\r\n onColumnResize={this.onColumnResize}\r\n onClickClearSorts={this.onClickClearSorts}\r\n onClickResetGrid={this.onClickResetGrid}\r\n showLoadingError={this.state.showLoadingError}\r\n menu={[\r\n {\r\n \"name\": this.translate('Label_HOLD'),\r\n \"wmsSelector\": this.state.selector + \"Manage\",\r\n \"value\": [{\r\n \"name\": this.translate('Label_Place_Hold_Inventory'),\r\n \"value\": [],\r\n \"disabled\": (!this.state.enableHold || !this.state.Rights.hasOwnProperty('inventory.hold') || this.state.selectedRowCount > 1000),\r\n \"disabledText\": this.state.Rights.hasOwnProperty('inventory.hold') ?\r\n (this.state.selectedRowCount > 1000 ? this.translate('Label_On_Hold_Discable_For_More_Record_Selected') : this.translate('Label_Hold_Inventory_Message')):\r\n this.translate('Label_On_Hold_Not_Permission'),\r\n \"icon\": \"fa-bandcamp\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'hold',\r\n \"wmsSelector\": this.state.selector + \"ActivateLocationButton\",\r\n \"onClickFunc\": this.openHoldInventoryModal\r\n }, {\r\n \"name\": this.translate('Label_Release_Hold_Inventory'),\r\n \"value\": [],\r\n \"disabled\": (!this.state.enableReleaseHold || !this.state.Rights.hasOwnProperty('inventory.hold') || this.state.selectedRowCount > 1000),\r\n \"disabledText\": this.state.Rights.hasOwnProperty('inventory.hold') ?\r\n (this.state.selectedRowCount > 1000 ? this.translate('Label_Un_Hold_Discable_For_More_Record_Selected') : this.translate('Label_Release_Inventory_Message')):\r\n this.translate('Label_On_Hold_Not_Permission'),\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'releaseHold',\r\n \"wmsSelector\": this.state.selector + \"DeactivateLocationButton\",\r\n \"onClickFunc\": this.holdOrReleaseInventoryCheck\r\n }],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-pause\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true\r\n }, {\r\n \"name\": this.translate('Label_Transfer'),\r\n \"wmsSelector\": this.state.selector + \"Transfer\",\r\n \"value\": [{\r\n \"name\": this.translate('Label_Customer_Transfer'),\r\n \"value\": [],\r\n \"disabled\": !this.state.enableTransfer,\r\n \"disabledText\": disableTransferMsg,\r\n \"icon\": \"fa-exchange\",\r\n \"color\": \"green\",\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'customerTransfer',\r\n \"wmsSelector\": this.state.selector + \"CustomerTransfer\",\r\n \"onClickFunc\": this.openCustomerTransferModal\r\n }],\r\n \"disabled\": false,\r\n \"icon\": \"fa-exchange\",\r\n \"color\": \"green\",\r\n \"isHidden\": this.state.Rights.hasOwnProperty('inventory.transfer.cust') ? false : true,\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true\r\n }, {\r\n \"name\": \"Copy\",\r\n \"value\": [{\r\n \"name\": this.translate('Label_Copy_Field'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": this.translate('Label_Copy_Field'),\r\n \"icon\": \"fa-bandcamp\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n 'wmsid': 'copyField',\r\n \"wmsSelector\": \"copyToClicpboard\",\r\n }, {\r\n \"name\": this.translate('Label_Copy_Row'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": this.translate('Label_Copy_Row'),\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n 'wmsid': 'copyRow'\r\n }],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false\r\n }]}\r\n />\r\n
\r\n\r\n \r\n
\r\n {this.state.holdResultsObj.InProcess && this.state.holdResultsObj.InProcess.length != 0 && (\r\n
\r\n \r\n {this.state.isTransferModelOpen && (\r\n {this.translate('Label_Hold_Opt_MSG')}
\r\n\r\n {this.state.holdResultsObj.InProcess && this.state.holdResultsObj.InProcess.length != 0 && (\r\n
\r\n
\r\n )}\r\n {this.state.holdResultsObj.Shipped && this.state.holdResultsObj.Shipped.length != 0 && (\r\n Allocated To Orders Being Processed
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n {this.state.holdResultsObj.InProcess.map((item, index) => (\r\n
\r\n {item.ReceiveItemId}
\r\n ))}\r\n \r\n \r\n
\r\n \r\n {this.state.holdResultsObj.InProcess.map((item, index) => (\r\n
\r\n {item.AffectedOrderIds.join(\",\")}
\r\n ))}\r\n \r\n
\r\n )}\r\n Allocated To Shipped Orders
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n {this.state.holdResultsObj.Shipped.map((item, index) => (\r\n
\r\n {item.ReceiveItemId}
\r\n ))}\r\n \r\n \r\n
\r\n \r\n {this.state.holdResultsObj.Shipped.map((item, index) => (\r\n
\r\n {item.AffectedOrderIds.join(\",\")}
\r\n ))}\r\n \r\n
\r\n );\r\n }\r\n}","\r\nimport React from 'react';\r\nimport { InventoryGrid } from './inventory-grid.component.jsx';\r\nimport { InventorySearch } from './inventory-search.component.jsx';\r\n\r\nimport style from './inventory.scss';\r\n\r\nimport * as GlobalService from './../global_services';\r\nimport * as metaDataService from './meta-data.service.js';\r\n\r\nexport class InventoryHolder extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n this.manageInventoryGridId = \"GridManageInventoryBeta\";\r\n this.windowId = this.$rootScope.ChildBulletin.Data.Window;\r\n this.state = {\r\n Selector: \"Inventory\",\r\n customLabels: GlobalService.getCustomLabels(),\r\n sharedSelectedFacilityObj: null,\r\n sharedInventoryFilterObj: {\r\n \"IndexOptionsDate\": 0,\r\n \"CustomerId\": 0,\r\n \"FacilityId\": 0,\r\n \"IndexOptionsSku\": 0,\r\n \"IndexOptionsQualifier\": 0,\r\n \"IndexOptionsSerialNumber\": 0,\r\n \"IndexOptionsSupplier\": 0,\r\n \"IndexOptionsLotNumber\": 0,\r\n \"IndexOptionsLocation\": 0,\r\n \"IndexOptionsMuLabel\": 0,\r\n \"IndexOptionsStatus\": 0\r\n },\r\n sharedFilterAreaToggle: false,\r\n sharedSearchOn: false,\r\n isLoadMetaServices: false,\r\n isAnimatedClassAdded: false\r\n }\r\n }\r\n\r\n async componentDidMount() {\r\n $('#inventory-beta-holder-react').closest('.k-window-content').css( \"padding\", \"0\" );\r\n\r\n kendo.ui.progress($('#' + this.windowId), true);\r\n await metaDataService.getUserClientMetaData();\r\n\r\n var filterData = metaDataService.getInventoryFilterMetaData();\r\n if (filterData != \"\") {\r\n this.setState({\r\n sharedInventoryFilterObj: filterData,\r\n sharedSearchOn: JSON.stringify(filterData) != JSON.stringify(this.state.sharedInventoryFilterObj)\r\n });\r\n }\r\n this.setState({\r\n isLoadMetaServices:true\r\n })\r\n }\r\n\r\n componentWillUnmount(){\r\n $('#inventory-beta-holder-react').closest('.k-window-content').css( \"padding\", \"26\" );\r\n }\r\n\r\n selectedFacility = (facilityObj) => {\r\n this.setState({\r\n sharedSelectedFacilityObj: facilityObj\r\n });\r\n }\r\n\r\n onApplySavedFilter = (param_filterObj) => {\r\n this.setState({\r\n sharedInventoryFilterObj: param_filterObj,\r\n sharedSearchOn: true\r\n }, () => {\r\n if (this.gridComponent) {\r\n var grid = $('.' + this.windowId + ' #' + this.manageInventoryGridId).data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n this.gridComponent.setFilterAppliedText(dataSource.filter());\r\n this.gridComponent.onApplySavedFilterData(param_filterObj);\r\n }\r\n });\r\n }\r\n\r\n onInventoryFilterObjChange = (param_inventoryFilterObj,searchOn) => {\r\n this.setState({\r\n sharedInventoryFilterObj: Object.assign({}, param_inventoryFilterObj),\r\n sharedSearchOn:searchOn\r\n }, () => {\r\n metaDataService.setInventoryFilterMetaData(param_inventoryFilterObj);\r\n this.gridComponent.loadGridData();\r\n });\r\n }\r\n\r\n onRefreshGrid = () => {\r\n this.gridComponent.loadGridData();\r\n }\r\n\r\n clickForFilterToggle = () => {\r\n this.setState({\r\n filterAreaToggle: !this.state.filterAreaToggle,\r\n isAnimatedClassAdded: !this.state.isAnimatedClassAdded\r\n },()=>{\r\n setTimeout(() => {\r\n this.setState({\r\n isAnimatedClassAdded : !this.state.isAnimatedClassAdded\r\n })\r\n }, 1000);\r\n });\r\n this.resizeWindow();\r\n }\r\n\r\n resizeWindow =() =>{\r\n $(window).trigger('resize');\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n search filters\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {this.props.sharedSearchOn == true &&\r\n
\r\n\r\n {this.translate('Label_NOTE')}:
\r\n }\r\n \r\n
\r\n\r\n \r\n {this.state.savedFilterList.length !== 0 && (\r\n this.setCollapseMetaData(e, 'inventory_search_collapse0')}>\r\n \r\n )}\r\n\r\n this.setCollapseMetaData(e, 'inventory_search_collapse1')}>\r\n \r\n\r\n this.setCollapseMetaData(e, 'inventory_search_collapse2')}>\r\n \r\n \r\n\r\n this.setCollapseMetaData(e, 'inventory_search_collapse3')}>\r\n \r\n\r\n this.setCollapseMetaData(e, 'inventory_search_collapse4')}>\r\n \r\n\r\n this.setCollapseMetaData(e, 'inventory_search_collapse5')}>\r\n \r\n
\r\n - \r\n {this.state.savedFilterList.map((data, index) => (\r\n
- \r\n {data.title}\r\n this.onClearSaveFilter(index)}>\r\n \r\n\r\n \r\n ))}\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.state.isOpenSaveFilterModel && (\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n this.onSaveFilter()}\r\n disabled={this.state.newFilterTitle == '' || this.state.filterNameExist}\r\n icon=\"fa-floppy-o\"\r\n showToolTip={this.state.filterNameExist}\r\n tooltipText={this.translate('Label_Filter_Name_Exist_Message')}\r\n />\r\n
\r\n \r\n )}\r\n \r\n {this.state.isLoadMetaServices &&(\r\n { this.gridComponent = instance; }}\r\n sharedSelectedFacilityObj={this.state.sharedSelectedFacilityObj}\r\n windowId={this.windowId}\r\n sharedInventoryFilterObj={this.state.sharedInventoryFilterObj}\r\n />\r\n }\r\n\r\n
\r\n )\r\n\r\n }\r\n}","export function cycleCountJobsGridColumns(titleArray, translateCallback) {\r\n return [{\r\n field: \"Name\",\r\n title: titleArray[0].description,\r\n width: 120,\r\n wmsid: 1,\r\n filterable: true\r\n }, {\r\n field: \"CreationDate\",\r\n title: titleArray[1].description,\r\n template: \"#= CreationDate != null ? kendo.toString(kendo.parseDate(CreationDate), 'MM/dd/yyyy') : '' #\",\r\n width: 120,\r\n wmsid: 2,\r\n filterable: true,\r\n }, {\r\n field: \"Status\",\r\n title: titleArray[2].description,\r\n template: \"# if(Status == 0){# Open #}else if(Status == 1){# Counting #}else if(Status == 2){# Counted #}else if(Status == 3){# Closed #} # \",\r\n width: 120,\r\n wmsid: 5,\r\n filterable: true,\r\n }, {\r\n field: \"NumberOfLocations\",\r\n title: titleArray[3].description,\r\n width: 120,\r\n wmsid: 3,\r\n filterable: true,\r\n }, {\r\n field: \"UseTrackBys\",\r\n title: titleArray[4].description,\r\n template: \"#= UseTrackBys == true ? 'Yes' : 'No' #\",\r\n width: 120,\r\n wmsid: 4,\r\n filterable: true,\r\n }, {\r\n field: \"AssignedTo\",\r\n title: titleArray[5].description,\r\n template: \"#= AssignedTo != null ? AssignedTo.Name : '' #\",\r\n width: 120,\r\n wmsid: 6,\r\n filterable: true,\r\n }]\r\n}\r\n\r\nexport function cycleCountJobsGridSchema() {\r\n return {\r\n model: {\r\n id: \"EditUri\",\r\n fields: {\r\n Name: {\r\n type: \"string\"\r\n },\r\n CreationDate: {\r\n type: \"string\"\r\n },\r\n NumberOfLocations: {\r\n type: \"number\"\r\n },\r\n UseTrackBys: {\r\n type: \"boolean\"\r\n },\r\n Status: {\r\n type: \"string\"\r\n },\r\n AssignedTo: {\r\n type: \"any\"\r\n }\r\n }\r\n }\r\n };\r\n}\r\nexport function cycleCountJobLocationGridSchema() {\r\n return {\r\n data: \"Data\",\r\n total: \"Total\",\r\n schema: {\r\n model: {\r\n id: \"Id\",\r\n fields: {\r\n Name: {\r\n type: \"string\"\r\n },\r\n Type: {\r\n type: \"string\"\r\n },\r\n LastCounted: {\r\n type: \"string\"\r\n }\r\n }\r\n }\r\n }\r\n };\r\n}\r\nexport function cycleCountJobLocationGridColumns(titleArray, translateCallback) {\r\n return [{\r\n field: \"Name\",\r\n title: titleArray[0].description,\r\n width: 120,\r\n wmsid: 1,\r\n filterable: true\r\n }, {\r\n field: \"Type\",\r\n title: titleArray[1].description,\r\n width: 120,\r\n wmsid: 2,\r\n filterable: true,\r\n }, {\r\n field: \"LastCounted\",\r\n title: titleArray[2].description,\r\n template: \"#= LastCounted != null ? kendo.toString(kendo.parseDate(LastCounted), 'MM/dd/yyyy') : '' #\",\r\n width: 120,\r\n wmsid: 3,\r\n filterable: true,\r\n }, {\r\n field: \"Deactivated\",\r\n title: titleArray[3].description,\r\n template: \"#= Deactivated ? 'Inactive' : 'Active' #\",\r\n width: 120,\r\n wmsid: 4,\r\n filterable: true,\r\n }]\r\n}\r\n\r\n","import React from 'react';\r\nvar axios = require('axios');\r\nimport * as GlobalService from './../global_services';\r\n\r\n\r\nexport const cyclecountOption = function (facilityUri) {\r\n return axios.get('/WebUI/Inventory/ManageAudits/AuditOptions?facilityUri=' +facilityUri).then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const searchInfoSend = function (searchData) {\r\n return axios.put('/WebUI/Inventory/UpdateSession/AuditSearchInfo', { \"searchInfo\": searchData }).then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const locationGridSearchInfoGet = function () {\r\n return axios.get('/WebUI/Inventory/EditAudits/AuditLocationSearchInfo').then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const locationGridSearchInfoSend = function (searchData) {\r\n return axios.put('/WebUI/Inventory/UpdateSession/AuditLocationSearchInfo', searchData).then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const locationGridSearchInfoClear = function () {\r\n return axios.delete('/WebUI/Inventory/UpdateSession/AuditLocationSearchInfo').then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const createJob = function (jobData,flowType) {\r\n if(flowType == 'create'){\r\n return axios.post('/WebUI/inventory/editaudits/audit', jobData).then(function (response) {\r\n return response;\r\n });\r\n }else{\r\n return axios.put('/WebUI/inventory/editaudits/audit', jobData).then(function (response) {\r\n return response;\r\n });\r\n }\r\n\r\n}\r\n\r\nexport const getEditJobLocationInitial = function () {\r\n return axios.get('../../../assets/json/cyclecount/getJobLocationInitial.json').then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const recountAll = function (auditCountsUris) {\r\n return axios.post('/WebUI/Inventory/ManageAudits/RecountAudits', auditCountsUris).then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const GetAuditReviewList = function (auditCountsUris) {\r\n return axios.put('/WebUI/Inventory/ManageAudits/AuditReviews', { \"auditCountsUris\": auditCountsUris }).then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const GetAuditReviewCSV = function (auditCountsUris) {\r\n return axios.put('/WebUI/Inventory/ManageAudits/AuditResultToCSV', {\"auditCountsUris\": auditCountsUris }).then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const GetAuditReconciles = function (auditCountsUris) {\r\n return axios.put('/WebUI/Inventory/ManageAudits/AuditReconciles', { \"auditCountsUris\": auditCountsUris }).then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const closeJob = function (auditCountsUris) {\r\n return axios.put('/WebUI/Inventory/ManageAudits/Close', { \"auditUris\": auditCountsUris }).then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const recountLocationsAndTrackBys = function(locCountUris, auditUris, allowTrackBys){\r\n return axios.post('/WebUI/Inventory/ManageAudits/RecountAuditLocationTrackBys', { \"locCountUris\": locCountUris, \"auditUris\": auditUris, allowTrackBys }).then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const getReconcilePreview = function(auditCountsUris, itemToReconcile){\r\n return axios.put('/WebUI/Inventory/UpdateSession/AuditReconciler', { \"auditCountsUris\": auditCountsUris, \"itemToReconcile\": itemToReconcile}).then(function(response){\r\n return response;\r\n });\r\n}\r\n\r\nexport const makeItSoReconcile = function(token, proceed){\r\n return axios.post('/WebUI/Inventory/UpdateSession/AuditReconciler', { \"token\": token, \"proceed\": proceed}).then(function(response){\r\n return response;\r\n });\r\n}\r\n\r\nexport const GetOtherLocationsForSku = function(sku, qualifier, facilityUri){\r\n return axios.put('/WebUI/Inventory/ManageAudits/OtherLocationsForSku', {\r\n 'sku': sku,\r\n 'qualifier': qualifier,\r\n 'facilityUri': facilityUri\r\n }).then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const AddLocationsToJob = function(auditUri, locIds){\r\n return axios.put('/WebUI/Inventory/ManageAudits/LocationAdder', { \"auditUri\": auditUri, \"locationIds\": locIds}).then(function(response){\r\n return response;\r\n });\r\n}","import React from 'react';\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\nimport { KendoWms } from '../../../assets/ts/KendoWms.ts';\r\nimport style from './cyclecount.scss';\r\nimport WmsButton from './../components/WmsButton/WmsButton.jsx';\r\nimport WmsCheckBox from './../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsContainer from './../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsButtonDropdown from './../components/WmsButtonDropdown/WmsButtonDropdown.jsx';\r\nimport WmsMenuItem from './../components/WmsMenuItem/WmsMenuItem.jsx';\r\nimport WmsInput from './../components/WmsInput/WmsInput.jsx';\r\nimport * as commanFunction from './cyclecountgrid-columns.jsx';\r\nimport * as GlobalService from './../global_services';\r\nimport { KendoGridWms } from '../../../assets/ts/KendoGridWms.ts';\r\nimport { ObjectWms } from '../../../assets/ts/ObjectWms.ts';\r\nimport { ArrayWms } from '../../../assets/ts/ArrayWms.ts';\r\n\r\nimport * as cyclecountService from './cyclecount.services.jsx';\r\nimport * as emitter from '../emitter';\r\nimport { kendo } from \"./../global_variable_service.jsx\";\r\nvar that, KendoGridCC, layoutData;\r\n\r\nexport class CyclecountGrid extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n that = this;\r\n\r\n this.$rootScope = window;\r\n this.defaultFilter = {\r\n IndexOptionsJobName: 0,\r\n IndexOptionsStatus: -1,\r\n IndexOptionsUserName: 0,\r\n JobName: null,\r\n Status: 'All',\r\n UserName: null,\r\n TrackBys: false,\r\n };\r\n this.state = {\r\n\r\n optionConatins: [],\r\n booleanOption: [],\r\n sharedCycleCount: this.props.sharedCycleCount,\r\n sortArrayGrid: [],\r\n initialCycleCountJobsGrid: 0,\r\n initial: false,\r\n disableEditButton: false,\r\n disableReviewButton: false,\r\n closejobGif: false,\r\n currentSelection: 0,\r\n filter: this.defaultFilter,\r\n selector:'AuditInventory'\r\n };\r\n\r\n this.translate = window.translate;\r\n this.handleChange = this.handleChange.bind(this);\r\n this.gridSearch = this.gridSearch.bind(this);\r\n this.searchInfoClear = this.searchInfoClear.bind(this);\r\n KendoGridCC = new KendoGridWms(\"cycleCountJobsGrid\", this.$rootScope.ChildBulletin.Data.Window, \"EditUri\", \"./assets/json/cyclecount/cycleJobs.json\");\r\n this.CycleCountJobs_GrideHeaders = StringWms.convertSringToOption(this.translate('CycleCountJobs_GrideHeaders'));\r\n // if (typeof emitter.eventBus._events.reloadJobGrid == 'undefined') {\r\n emitter.eventBus.on('reloadJobGrid', function (data) {\r\n KendoGridCC.clearSelections(function () {\r\n KendoGridCC.repaintSelections();\r\n });\r\n\r\n that.setState({\r\n currentSelection: KendoGridCC.getNumberOfSelections()\r\n });\r\n });\r\n // }\r\n }\r\n\r\n componentDidMount() {\r\n var containsOption = StringWms.convertSringToOption(this.translate('Orders_FindOrders_SearchFilters'));\r\n var booleanOption = StringWms.convertSringToOption(this.translate('Options_CycleCount_StatusOption'));\r\n\r\n booleanOption.unshift({\r\n \"value\": -1,\r\n \"description\": \"All\"\r\n });\r\n this.setState({\r\n optionConatins: containsOption,\r\n booleanOption: booleanOption\r\n });\r\n that.initCycleCountJobs(this.props.sharedCycleCount.cycleCountGridData);\r\n\r\n // restring multiple sorting direct click on header\r\n $(\"#cycleCountJobsGrid\").on(\"mouseup\", \"th>a.k-link\", function (e) {\r\n if (!(e.ctrlKey || e.metaKey)) {\r\n that.state.sortArrayGrid = [];\r\n }\r\n });\r\n this.contextMenuSet();\r\n this.groupContextMenuSet();\r\n }\r\n\r\n UNSAFE_componentWillReceiveProps(nextProps) {\r\n var that = this;\r\n if (nextProps.sharedCycleCount != this.state.sharedCycleCount) {\r\n\r\n that.setState({\r\n sharedCycleCount: Object.assign(\r\n {},\r\n that.state.sharedCycleCount,\r\n nextProps.sharedCycleCount\r\n ),\r\n });\r\n\r\n if (nextProps.sharedCycleCount.cycleCountGridData != this.state.sharedCycleCount.cycleCountGridData) {\r\n $('#cycleCountJobsGrid').data('kendoGrid').dataSource.data(nextProps.sharedCycleCount.cycleCountGridData);\r\n $('#cycleCountJobsGrid').data('kendoGrid').refresh();\r\n\r\n KendoGridCC.clearSelections(function () {\r\n KendoGridCC.repaintSelections();\r\n });\r\n this.setState({\r\n currentSelection: 0\r\n });\r\n }\r\n\r\n if (nextProps.sharedCycleCount.searchInfo != that.state.sharedCycleCount.searchInfo) {\r\n if (typeof nextProps.sharedCycleCount.searchInfo != 'undefined' && nextProps.sharedCycleCount.searchInfo.HasData == true) {\r\n setTimeout(function () {\r\n that.setState({\r\n filter: Object.assign(\r\n {},\r\n that.state.filter,\r\n nextProps.sharedCycleCount.searchInfo.Data\r\n ),\r\n });\r\n that.setState({\r\n filter: Object.assign(\r\n {},\r\n that.state.filter,\r\n {\r\n IndexOptionsUserName: (that.state.filter.IndexOptionsUserName == 0) ? '' : that.state.filter.IndexOptionsUserName,\r\n }\r\n ),\r\n });\r\n that.gridSearch('fromComponentWillReceiveCall');\r\n }, 0);\r\n }\r\n }\r\n $(\"#cycleCountJobGridMenu\").kendoMenu();\r\n }\r\n }\r\n\r\n initCycleCountJobs(cycleCountGridData) {\r\n var tempOptionsCycleCountJobsGrid = {\r\n dataSource: {\r\n data: cycleCountGridData,\r\n schema: commanFunction.cycleCountJobsGridSchema()\r\n },\r\n scrollable: {\r\n virtual: true,\r\n height: 280\r\n },\r\n columnMenu: {\r\n sortable: false\r\n },\r\n columnMenuInit: function (e) {\r\n var menu = e.container.find(\".k-menu\");\r\n var filterMenu = e.container.find(\".k-filter-menu\");\r\n // Set class to filter form of grit to reset specific grid column\r\n if (!filterMenu.hasClass('cycleCountJobsGridFilterForm')) {\r\n filterMenu.addClass('cycleCountJobsGridFilterForm');\r\n }\r\n },\r\n selectable: true,\r\n sortable: {\r\n mode: \"multiple\",\r\n allowUnsort: true,\r\n showIndexes: true\r\n },\r\n height: '100%',\r\n resizable: true,\r\n reorderable: true,\r\n filterable: true,\r\n pageable: false,\r\n editable: \"popup\",\r\n sort: function (e) {\r\n e.preventDefault();\r\n var sortedField = e.sort.field;\r\n GlobalService.sortDataset(that.state.sortArrayGrid, e.sort);\r\n this.dataSource.sort(that.state.sortArrayGrid);\r\n var finalSubmission = KendoGridCC.prepareGridOptionsForStorage($(\"#cycleCountJobsGrid\").data(\"kendoGrid\").getOptions().columns, that.state.sortArrayGrid);\r\n // GlobalService.setGridOptions(gridName, finalSubmission).then(function successCallBack(response) {\r\n // }, function errorCallBack(response) {\r\n // console.log(\"Grid w sort \", response);\r\n // });\r\n }, columnShow: function (e) {\r\n var columns = $(\"#cycleCountJobsGrid\").data(\"kendoGrid\").getOptions().columns;\r\n var getIndex = ObjectWms.FindIndexByProperty($(\"#cycleCountJobsGrid\").data(\"kendoGrid\").getOptions().columns, \"field\", e.column.field);\r\n columns[getIndex].hidden = false;\r\n var finalSubmission = KendoGridCC.prepareGridOptionsForStorage(columns, that.state.sortArrayGrid);\r\n // GlobalService.setGridOptions(gridName, finalSubmission).then(function successCallBack(response) {\r\n // }, function errorCallBack(response) {\r\n // console.log(response);\r\n // });\r\n },\r\n columnHide: function (e) {\r\n var columns = $(\"#cycleCountJobsGrid\").data(\"kendoGrid\").getOptions().columns;\r\n var getIndex = ObjectWms.FindIndexByProperty(columns, \"field\", e.column.field);\r\n columns[getIndex].hidden = true;\r\n var finalSubmission = KendoGridCC.prepareGridOptionsForStorage(columns, that.state.sortArrayGrid);\r\n\r\n // GlobalService.setGridOptions(gridName, finalSubmission).then(function successCallBack(response) {\r\n // }, function errorCallBack(response) {\r\n // console.log(response);\r\n // });\r\n },\r\n columnReorder: function (e) {\r\n // Sorting column remain after column reorder\r\n var grid = $('#cycleCountJobsGrid').data('kendoGrid');\r\n var columns = grid.getOptions().columns;\r\n var sortedfield = [];\r\n for (var x = 0; x < that.state.sortArrayGrid.length; x++) {\r\n sortedfield.push({\r\n field: that.state.sortArrayGrid[x].field,\r\n dir: that.state.sortArrayGrid[x].dir\r\n });\r\n }\r\n grid.dataSource.sort(sortedfield);\r\n var switchedArray = ArrayWms.switchIndexByField(columns, e.newIndex, e.oldIndex);\r\n var finalSubmission = KendoGridCC.prepareGridOptionsForStorage(switchedArray, that.state.sortArrayGrid);\r\n // GlobalService.setGridOptions(gridName, finalSubmission).then(function successCallBack(response) {\r\n // }, function errorCallBack(response) {\r\n // console.log(\"Grid w columnReorder \", response);\r\n // });\r\n },\r\n columnResize: function (e) {\r\n var columns = $(\"#cycleCountJobsGrid\").data(\"kendoGrid\").getOptions().columns;\r\n var getIndex = ObjectWms.FindIndexByProperty(columns, \"field\", e.column.field);\r\n columns[getIndex].width = e.newWidth;\r\n var finalSubmission = KendoGridCC.prepareGridOptionsForStorage(columns, that.state.sortArrayGrid);\r\n // GlobalService.setGridOptions(gridName, finalSubmission).then(function successCallBack(response) {\r\n // }, function errorCallBack(response) {\r\n // console.log(\"Grid w columnResize \", response);\r\n // });\r\n },\r\n dataBinding: function (e) {\r\n var grid = $('#cycleCountJobsGrid').data('kendoGrid');\r\n if (that.state.initial) {\r\n that.state.sortArrayGrid = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n that.setState({\r\n initial: false\r\n });\r\n }\r\n that.state.sortColums = GlobalService.getSortedColumnName(that.state.sortArrayGrid, commanFunction.cycleCountJobsGridColumns(that.CycleCountJobs_GrideHeaders, that.translate));\r\n },\r\n dataBound: function (e) {\r\n KendoGridCC.repaintSelections();\r\n if (that.state.initialCycleCountJobsGrid == 0) {\r\n var grid = $('#cycleCountJobsGrid').data('kendoGrid');\r\n grid.table.on('click', function (e) {\r\n var gridData = grid.dataSource.view();\r\n var dataItem = grid.dataItem($(e.target).closest('tr'));\r\n var currentPage = grid.dataSource.page();\r\n var currentNumberOfItems = grid.dataSource.view().length;\r\n var row = $(e.target).closest('tr').index();\r\n var col = grid.cellIndex($(e.target).closest('td'));\r\n\r\n KendoGridCC.clickEventHandleSelection(e, currentPage, currentNumberOfItems, row, col, dataItem, grid.dataSource.data(), 'EditUri', function () {\r\n // once we removed the synchronous call this gets called before the end of the of the element\r\n that.setState({\r\n currentSelection: KendoGridCC.getNumberOfSelections(),\r\n disableEditButton: KendoGridCC.valueExists(\"Status\", 0),\r\n disableReviewButton: (KendoGridCC.valueExists(\"Status\", 2) && !KendoGridCC.valueExists(\"Status\", 0) && !KendoGridCC.valueExists(\"Status\", 1) && !KendoGridCC.valueExists(\"Status\", 3))\r\n });\r\n });\r\n });\r\n that.setState({\r\n initialCycleCountJobsGrid: 1\r\n });\r\n }\r\n\r\n var jobsGridObj = $('#cycleCountJobsGrid').data('kendoGrid');\r\n var gridData = jobsGridObj.dataSource.view();\r\n for (var i = 0; i < gridData.length; i++) {\r\n if (gridData[i].FullyAllocated == false) {\r\n jobsGridObj.table.find(\"tr[data-uid='\" + gridData[i].uid + \"']\").addClass(\"wms-over-allocated\");\r\n }\r\n }\r\n }\r\n };\r\n\r\n this.setState({\r\n initial: true\r\n });\r\n\r\n var copycycleCountJobsGridColumns = {\r\n columns: commanFunction.cycleCountJobsGridColumns(this.CycleCountJobs_GrideHeaders, this.translate)\r\n };\r\n\r\n var finalOptionsObj = KendoGridCC.getGridOptions(copycycleCountJobsGridColumns, tempOptionsCycleCountJobsGrid, layoutData);\r\n $(\"#cycleCountJobsGrid\").kendoGrid(finalOptionsObj);\r\n }\r\n\r\n contextMenuSet() {\r\n var menu = $(\"#jobLocationGridMenu\").kendoContextMenu({\r\n orientation: 'vertical',\r\n target: '#cycleCountJobsGrid',\r\n filter: \"tbody tr:not(.k-grid-edit-row):not(.wms-selection-group)\",\r\n animation: {\r\n open: {\r\n effects: \"fadeIn\"\r\n },\r\n duration: 500\r\n },\r\n select: function (e) {\r\n var custom = $(e.item).children(\".k-link\").parent().attr(\"data-wmsid\");\r\n if (custom == \"addLocation\") {\r\n that.addLocation();\r\n }\r\n var wmsIdOfContextMenuItem = $(e.item).children(\".k-link\").parent().attr(\"data-wmsid\");\r\n if($(\"li[data-wmsid = '\"+wmsIdOfContextMenuItem+\"']\").hasClass('wms-disabled-look')){\r\n return;\r\n }\r\n console.log('custom', wmsIdOfContextMenuItem);\r\n if (wmsIdOfContextMenuItem == \"edit\") {\r\n that.createEditFormEvent('edit');\r\n } else if (wmsIdOfContextMenuItem == \"reviewCount\") {\r\n that.openReveiwcCountModel();\r\n } else if (wmsIdOfContextMenuItem == \"closejob\") {\r\n that.closeJob();\r\n }\r\n },\r\n open: function (e) {\r\n var grid = $('#cycleCountJobsGrid').data('kendoGrid');\r\n var dataItem = grid.dataItem($(e.target).closest('tr'));\r\n var page = grid.dataSource.page();\r\n var length = grid.dataSource.view().length;\r\n var col = grid.cellIndex($(e.target).closest('td'));\r\n var row2 = $(e.target).closest('tr').index();\r\n var selectedrow = $(\"#cycleCountJobsGrid\").find(\"tbody tr.k-state-selected\");\r\n console.log('selectedrow', selectedrow.length);\r\n if (selectedrow.length == 0 || selectedrow.length >= 1) {\r\n KendoGridCC.onRightClick(e, page, length, row2, col, dataItem, grid.dataSource.data(), 'EditUri', function () {\r\n that.setState({\r\n currentSelection: KendoGridCC.getNumberOfSelections(),\r\n disableEditButton: KendoGridCC.valueExists(\"Status\", 0),\r\n disableReviewButton: KendoGridCC.valueExists(\"Status\", 2)\r\n });\r\n if (KendoGridCC.getNumberOfSelections() == 0) {\r\n $(\"li[data-wmsid = 'closejob']\").addClass('wms-disabled-look');\r\n } else {\r\n $(\"li[data-wmsid = 'closejob']\").removeClass('wms-disabled-look');\r\n }\r\n if (KendoGridCC.getNumberOfSelections() != 1 || !KendoGridCC.valueExists(\"Status\", 0)) {\r\n $(\"li[data-wmsid = 'edit']\").addClass('wms-disabled-look');\r\n } else {\r\n $(\"li[data-wmsid = 'edit']\").removeClass('wms-disabled-look');\r\n }\r\n if (KendoGridCC.getNumberOfSelections() != 1 || !KendoGridCC.valueExists(\"Status\", 2)) {\r\n $(\"li[data-wmsid = 'reviewCount']\").addClass('wms-disabled-look');\r\n } else {\r\n $(\"li[data-wmsid = 'reviewCount']\").removeClass('wms-disabled-look');\r\n }\r\n });\r\n }\r\n\r\n }\r\n });\r\n }\r\n groupContextMenuSet() {\r\n var that = this;\r\n var menu = $(\"#jobLocationGriGroupdMenu\").kendoContextMenu({\r\n orientation: 'vertical',\r\n target: '#cycleCountJobsGrid',\r\n filter: \"tbody tr.wms-selection-group\",\r\n animation: {\r\n open: {\r\n effects: 'fadein'\r\n },\r\n duration: 2500\r\n },\r\n select: function (e) {\r\n var custom = $(e.item).children(\".k-link\").parent().attr(\"data-wmsid\");\r\n if (custom == \"reviewCount\") {\r\n that.openReveiwcCountModel();\r\n } else if (custom == \"closejob\") {\r\n that.closeJob();\r\n }\r\n },\r\n open: function (e) {\r\n var selectedLocation = KendoGridCC.getSelections();\r\n that.setState({\r\n currentSelection: KendoGridCC.getNumberOfSelections(),\r\n disableEditButton: KendoGridCC.valueExists(\"Status\", 0),\r\n disableReviewButton: KendoGridCC.valueExists(\"Status\", 2)\r\n });\r\n $(\"li[data-wmsid = 'edit']\").addClass('wms-disabled-look');\r\n\r\n if (!KendoGridCC.valueExists(\"Status\", 2)) {\r\n $(\"li[data-wmsid = 'reviewCount']\").addClass('wms-disabled-look');\r\n } else {\r\n $(\"li[data-wmsid = 'reviewCount']\").removeClass('wms-disabled-look');\r\n }\r\n }\r\n });\r\n }\r\n\r\n handleChange(event) {\r\n this.setState({\r\n filter: Object.assign(\r\n {},\r\n this.state.filter,\r\n { [event.target.name]: event.target.value }\r\n ),\r\n });\r\n }\r\n\r\n toggleCheckbox(event) {\r\n that.setState({\r\n filter: Object.assign(\r\n {},\r\n that.state.filter,\r\n { [event.target.name]: !that.state.filter[event.target.name] }\r\n ),\r\n });\r\n }\r\n\r\n gridSearch(basecall) {\r\n that.state.booleanOption.filter(function (item) {\r\n if (item.value == that.state.filter.IndexOptionsStatus) {\r\n that.state.filter.Status = item['description'];\r\n }\r\n });\r\n\r\n var filterData;\r\n if (that.state.filter.IndexOptionsUserName != '') {\r\n that.state.sharedCycleCount.userOption.filter(function (item) {\r\n if (item.Id == that.state.filter.IndexOptionsUserName) {\r\n that.state.filter.UserName = item['Name'];\r\n }\r\n });\r\n filterData = Object.assign({}, that.state.filter);\r\n } else {\r\n filterData = Object.assign({}, that.state.filter);\r\n filterData.IndexOptionsUserName = 0;\r\n }\r\n var dataArr = new Array();\r\n\r\n if (this.state.filter.JobName) {\r\n dataArr.push({\r\n field: \"Name\",\r\n operator: KendoWms.getFilterOperatorByIndex(this.state.filter.IndexOptionsJobName),\r\n value: this.state.filter.JobName\r\n });\r\n }\r\n if (this.state.filter.IndexOptionsStatus != -1) {\r\n dataArr.push({\r\n field: \"Status\",\r\n operator: \"IsEqualTo\",\r\n value: parseInt(this.state.filter.IndexOptionsStatus)\r\n });\r\n }\r\n if (this.state.filter.TrackBys) {\r\n dataArr.push({\r\n field: \"UseTrackBys\",\r\n operator: \"IsEqualTo\",\r\n value: this.state.filter.TrackBys\r\n });\r\n }\r\n if (that.state.filter.IndexOptionsUserName) {\r\n dataArr.push({\r\n field: \"AssignedTo\",\r\n operator: \"IsEqualTo\",\r\n operator: function (items, filterValue) {\r\n if (items != null && items.Name == that.state.filter.UserName) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n },\r\n value: that.state.filter.UserName\r\n });\r\n }\r\n\r\n cyclecountService.searchInfoSend(filterData).then(function (response) {\r\n if (response.status == 204) {\r\n var dataSource = $(\"#cycleCountJobsGrid\").data(\"kendoGrid\").dataSource;\r\n dataSource.filter(dataArr);\r\n if (basecall == 'fromSearchbtn') { that.props.reloadJobGrid(); }\r\n }\r\n\r\n }, function (response) {\r\n console.log(\"Grid w sort \", response);\r\n });\r\n }\r\n\r\n searchInfoClear() {\r\n this.setState({\r\n filter:this.defaultFilter\r\n });\r\n cyclecountService.searchInfoSend(this.defaultFilter).then(function (response) {\r\n if (response.status == 204) {\r\n var dataSource = $(\"#cycleCountJobsGrid\").data(\"kendoGrid\").dataSource;\r\n dataSource.filter([]);\r\n $(\"form.k-filter-menu button[type='reset']\").trigger(\"click\");\r\n that.props.reloadJobGrid();\r\n }\r\n }, function (response) {\r\n console.log(\"Grid w sort \", response);\r\n });\r\n }\r\n\r\n createEditFormEvent(flowType) {\r\n var tempkey = KendoGridCC.getKeys();\r\n var dataItem = KendoGridCC.getItem(tempkey);\r\n var editData;\r\n if (flowType == 'edit') {\r\n editData = dataItem.toJSON();\r\n }\r\n //send flowType ( crete or edit ) and send grid select data\r\n this.props.setCreateEditData({\r\n flowType: flowType,\r\n EditData: editData,\r\n createEditFormShow: true\r\n });\r\n }\r\n\r\n eventClickResetGrid() {\r\n //addd reset grid api using gridname\r\n that.state.initialCycleCountJobsGrid = 0;\r\n var column = {\r\n columns: commanFunction.cycleCountJobsGridColumns(that.CycleCountJobs_GrideHeaders, that.translate)\r\n };\r\n var grid = $(\"#cycleCountJobsGrid\").data(\"kendoGrid\");\r\n grid.setOptions(column);\r\n grid.dataSource.sort({});\r\n $('#cycleCountJobsGrid').data('kendoGrid').refresh();\r\n KendoGridCC.clearSelections(function () {\r\n KendoGridCC.repaintSelections();\r\n });\r\n that.setState({\r\n currentSelection: 0\r\n });\r\n that.props.reloadJobGrid();\r\n }\r\n eventClickClearFilters() {\r\n that.searchInfoClear();\r\n }\r\n eventClickClearSorts() {\r\n var grid = $('#cycleCountJobsGrid').data('kendoGrid');\r\n $('#cycleCountJobsGrid').data('kendoGrid').refresh();\r\n grid.dataSource.sort({});\r\n that.props.reloadJobGrid();\r\n }\r\n getJobSelectedData() {\r\n var tempkey = KendoGridCC.getKeys();\r\n var selectedJobData = [];\r\n tempkey.filter(function (e) {\r\n var dataItem = KendoGridCC.getItem(e);\r\n selectedJobData.push(dataItem);\r\n });\r\n return selectedJobData;\r\n }\r\n openReveiwcCountModel() {\r\n\r\n var selectedJobData = this.getJobSelectedData();\r\n\r\n this.props.setCreateEditData({\r\n reviewCountSectionShow: true,\r\n EditData: selectedJobData\r\n });\r\n var dataSource = new kendo.data.TreeListDataSource({\r\n data: [\r\n { id: 1, Name: \"\", Details: \"\", Location: \"L1\", Phone: \"\", parentId: null },\r\n { id: 2, Name: \"Guy Wooten\", Location: \"Scarf/Blue\", Phone: \"(438) 738-4935\", parentId: 1 },\r\n { id: 32, Name: \"Buffy Weber\", Location: \"None\", sqty: \"10\", cqty: \"5\", Phone: \"(699) 838-6121\", parentId: 2 },\r\n { id: 32, Name: \"Buffy Weber\", Location: \"Lot:sbc234\", sqty: \"10\", cqty: \"5\", Phone: \"(699) 838-6121\", parentId: 2 },\r\n { id: 40, Name: \"\", Details: \"\", Location: \"L2\", Phone: \"\", parentId: null },\r\n { id: 41, Name: \"Guy Wooten\", Location: \"Scarf/Blue\", Phone: \"(438) 738-4935\", parentId: 40 },\r\n ],\r\n\r\n schema: {\r\n model: {\r\n id: \"id\",\r\n expanded: true\r\n }\r\n }\r\n });\r\n $(\"#invAuditReveiwGrid\").kendoTreeList({\r\n dataSource: dataSource,\r\n height: 'auto',\r\n columns: [\r\n { field: \"Location\" },\r\n { field: \"sqty\" },\r\n { field: \"cqty\" },\r\n { field: \"variance\" }\r\n ],\r\n dataBound: function (e) {\r\n $('.k-alt.k-treelist-group').on('click', function () {\r\n that.openOtheLocationModal();\r\n });\r\n }\r\n });\r\n }\r\n closeJob() {\r\n\r\n var selectedJobData = that.getJobSelectedData();\r\n var auditCountsUris = [];\r\n for (var i = 0; i < selectedJobData.length; i++) {\r\n auditCountsUris.push(selectedJobData[i].EditUri);\r\n }\r\n that.props.closeJob(auditCountsUris);\r\n }\r\n // closeModel() {\r\n // var modelOptions = that.state.inventoryAuditModalOption;\r\n // modelOptions.isOpen = false;\r\n // that.setState({\r\n // inventoryAuditModalOption: modelOptions\r\n // });\r\n // $(\"#invAuditReveiwGrid\").empty(); // destroy the TreeList\r\n // // $(\"#invAuditReveiwGrid\").remove(); // remove all TreeList HTML\r\n // }\r\n\r\n\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}","\r\nimport React from 'react';\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\nimport { KendoWms } from '../../../assets/ts/KendoWms.ts';\r\nimport { ObjectWms } from '../../../assets/ts/ObjectWms.ts';\r\nimport { KendoGridWms } from '../../../assets/ts/KendoGridWms.ts';\r\n\r\nimport style from './cyclecount.scss';\r\nimport WmsButton from './../components/WmsButton/WmsButton.jsx';\r\nimport WmsContainer from './../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsInput from './../components/WmsInput/WmsInput.jsx';\r\nimport WmsDateTimePicker from './../components/WmsDateTimePicker/WmsDateTimePicker.jsx';\r\nimport WmsCheckBox from './../components/WmsCheckBox/WmsCheckBox.jsx';\r\n\r\nimport * as cyclecountService from './cyclecount.services.jsx';\r\nimport * as GlobalService from './../global_services';\r\nimport * as commanFunction from './cyclecountgrid-columns.jsx';\r\nimport * as emitter from '../emitter';\r\nimport { _ } from \"./../global_variable_service.jsx\";\r\nvar $rootScope, kendoGridJobLocation, kendoGridLocation, backup, that, _ismounted;\r\n\r\nexport class CyclecountForm extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n $rootScope = window;\r\n\r\n this.state = {\r\n createJobGif: false,\r\n Rights: GlobalService.GetRights(),\r\n optionConatins: [],\r\n optionLocationType: [],\r\n excludeLocations: false,\r\n jobLocationGridData: '',\r\n tempOptionsLocationJobGridColumns: '',\r\n sharedCycleCount: this.props.sharedCycleCount,\r\n sortArrayGrid: [],\r\n initialjobLocationGrid: 0,\r\n addLocationDisabled: true,\r\n removeLocationDisabled: true,\r\n warehouseSelection: this.props.sharedCycleCount.warehouseSelection,\r\n locationList: [],\r\n jobName: '',\r\n jobPriotity: 8,\r\n jobPriorityOption: [\r\n { value: 1, text: 1 },\r\n { value: 2, text: 2 },\r\n { value: 3, text: 3 },\r\n { value: 4, text: 4 },\r\n { value: 5, text: 5 },\r\n { value: 6, text: 6 },\r\n { value: 7, text: 7 },\r\n { value: 8, text: 8 },\r\n { value: 9, text: 9 },\r\n { value: 10, text: 10 },\r\n ],\r\n filter: {\r\n IndexOptionsLocation: 0,\r\n LocationType: 0,\r\n Location: null,\r\n LastCountedDate: null,\r\n ShowLastCountedDate: true,\r\n ShowLocationType: true,\r\n ShowLocation: true,\r\n },\r\n inActiveLocation: false,\r\n createEditFormShow: false,\r\n assignUser: '',\r\n collectTrackBy: false,\r\n selector: 'AuditInventory'\r\n };\r\n\r\n this.translate = window.translate;\r\n this.handleChange = this.handleChange.bind(this);\r\n this.filterHandleChange = this.filterHandleChange.bind(this);\r\n this.searchJobLocation = this.searchJobLocation.bind(this);\r\n this.clearFilters = this.clearFilters.bind(this);\r\n this.createJob = this.createJob.bind(this);\r\n kendoGridJobLocation = new KendoGridWms(\"cycleCountLocationGrid\", $rootScope.ChildBulletin.Data.Window, \"Id\", '/WebUI/Inventory/EditAudits/AuditLocationsGridSelections');\r\n kendoGridLocation = new KendoGridWms(\"jobLocationGrid\", $rootScope.ChildBulletin.Data.Window, \"Id\", '');\r\n this.LocationJob_GridHeaders = StringWms.convertSringToOption(this.translate('Cyclecount_Job_Location_Grid_Header'));\r\n that = this;\r\n }\r\n\r\n componentDidMount() {\r\n _ismounted = true;\r\n var that = this;\r\n var containsOption = StringWms.convertSringToOption(this.translate('Orders_FindOrders_SearchFilters'));\r\n let mytemp = [];\r\n if (typeof this.props.sharedCycleCount.locationTypes != 'undefined') {\r\n mytemp = this.props.sharedCycleCount.locationTypes;\r\n }\r\n\r\n this.setState({\r\n optionConatins: containsOption,\r\n optionLocationType: mytemp,\r\n });\r\n // restring multiple sorting direct click on header\r\n $(\"#cycleCountLocationGrid\").on(\"mouseup\", \"th>a.k-link\", function (e) {\r\n if (!(e.ctrlKey || e.metaKey)) {\r\n that.state.sortArrayGrid = [];\r\n }\r\n });\r\n that.setJobLocationInitial(this.props.sharedCycleCount);\r\n that.initLocationGrid(this.props.sharedCycleCount.warehouseSelection.id);\r\n that.initJobLocationGrid(this.props.sharedCycleCount);\r\n this.contextMenuSet();\r\n this.groupContextMenuSet();\r\n\r\n var grid = $('#jobLocationGrid').data('kendoGrid');\r\n grid.table.kendoSortable({\r\n filter: \">tbody >tr\",\r\n hint: function (element) { //customize the hint\r\n $('#jobLocationGrid tbody tr').removeClass(\"k-state-selected\");\r\n that.setState({\r\n removeLocationDisabled: true\r\n });\r\n return element.clone().addClass(\"hint\");\r\n },\r\n cursor: \"move\",\r\n placeholder: function (element) {\r\n return element.clone().addClass(\"placeholder\").text(\"drop here\");\r\n },\r\n cursorOffset: {\r\n top: 0,\r\n left: -100\r\n },\r\n change: function (e) {\r\n var newIndex = e.newIndex;\r\n var dataItem = grid.dataSource.getByUid(e.item.data(\"uid\"));\r\n if (typeof dataItem != 'undefined') {\r\n grid.dataSource.remove(dataItem);\r\n grid.dataSource.insert(newIndex, dataItem);\r\n }\r\n\r\n\r\n that.setState({\r\n removeLocationDisabled: true\r\n });\r\n that.setState({\r\n locationList: grid.dataSource._data\r\n });\r\n }\r\n });\r\n\r\n cyclecountService.locationGridSearchInfoGet().then(function (response) {\r\n if (typeof response != \"undefined\" && response.status == 200) {\r\n if (response.data.HasData == true) {\r\n that.setState({\r\n filter: Object.assign(\r\n {},\r\n that.state.filter,\r\n response.data.Data\r\n ),\r\n });\r\n }\r\n }\r\n }, function (response) {\r\n console.log(\"Grid w sort \", response);\r\n });\r\n\r\n }\r\n componentWillUnmount() {\r\n _ismounted = false;\r\n }\r\n\r\n UNSAFE_componentWillReceiveProps(nextProps) {\r\n\r\n if (\r\n typeof that.state.sharedCycleCount.warehouseSelection != 'undefined' &&\r\n typeof nextProps.sharedCycleCount.warehouseSelection != 'undefined' && nextProps.sharedCycleCount.warehouseSelection.id != that.state.sharedCycleCount.warehouseSelection.id\r\n ) {\r\n that.setState({\r\n sharedCycleCount: Object.assign(\r\n {},\r\n that.state.sharedCycleCount,\r\n { warehouseSelection: nextProps.warehouseSelection }\r\n ),\r\n });\r\n $('#cycleCountLocationGrid').data('kendoGrid').dataSource.transport.options.read.data.facilityId = nextProps.sharedCycleCount.warehouseSelection.id;\r\n $('#cycleCountLocationGrid').data('kendoGrid').refresh();\r\n $('#cycleCountLocationGrid').data('kendoGrid').dataSource.read();\r\n kendoGridJobLocation.clearSelections(function () {\r\n kendoGridJobLocation.repaintSelections();\r\n });\r\n }\r\n if (nextProps.sharedCycleCount) {\r\n this.setState({\r\n sharedCycleCount: Object.assign(\r\n {},\r\n that.state.sharedCycleCount,\r\n nextProps.sharedCycleCount\r\n ),\r\n });\r\n\r\n\r\n let temp = nextProps.sharedCycleCount.locationTypes;\r\n\r\n this.setState({\r\n optionLocationType: temp,\r\n });\r\n that.setJobLocationInitial(nextProps.sharedCycleCount);\r\n $('#jobLocationGrid').data('kendoGrid').dataSource.data(nextProps.sharedCycleCount.flowType == 'edit' ? nextProps.sharedCycleCount.EditData['Locations'] : []);\r\n }\r\n }\r\n addLocation() {\r\n var tempkeys = kendoGridJobLocation.getKeys();\r\n var locationList = that.state.locationList;\r\n for (var i = 0; i < tempkeys.length; i++) {\r\n var itemExist = false;\r\n locationList.filter(location => {\r\n if (tempkeys[i] == location['Id']) { itemExist = true; }\r\n });\r\n if (itemExist == false || locationList.length == 0) {\r\n var dataItem = kendoGridJobLocation.getItem(tempkeys[i]);\r\n var totalLocations = that.state.locationList.length;\r\n locationList.push({\r\n Id: dataItem['Id'],\r\n Name: dataItem['Name'],\r\n });\r\n }\r\n }\r\n setTimeout(function () {\r\n that.setState({\r\n locationList: locationList,\r\n addLocationDisabled: true,\r\n removeLocationDisabled: true\r\n });\r\n $('#jobLocationGrid').data('kendoGrid').dataSource.data(that.state.locationList);\r\n that.addLocationAllocatedClass();\r\n kendoGridJobLocation.clearSelections(function () {\r\n kendoGridJobLocation.repaintSelections();\r\n });\r\n }, 0);\r\n\r\n }\r\n\r\n removeElement(Id) {\r\n var locationList = that.state.locationList;\r\n var selectedrow = $(\"#jobLocationGrid\").find(\"tbody tr.k-state-selected\");\r\n for (var i = 0; i < selectedrow.length; i++) {\r\n var goods = $('#jobLocationGrid').data(\"kendoGrid\").dataItem(selectedrow[i]);\r\n var exists = ObjectWms.FindIndexByProperty(locationList, \"Id\", goods.Id);\r\n if (exists != -1) {\r\n var removedLocation = locationList[exists];\r\n locationList.splice(exists, 1);\r\n }\r\n }\r\n setTimeout(function () {\r\n that.setState({\r\n locationList: locationList\r\n });\r\n that.addLocationAllocatedClass();\r\n kendoGridJobLocation.clearSelections(function () {\r\n kendoGridJobLocation.repaintSelections();\r\n });\r\n that.setState({\r\n addLocationDisabled: true,\r\n removeLocationDisabled: true\r\n });\r\n }, 10);\r\n\r\n $('#jobLocationGrid').data('kendoGrid').dataSource.data(that.state.locationList);\r\n\r\n }\r\n\r\n addLocationAllocatedClass() {\r\n var grid = $('#cycleCountLocationGrid').data('kendoGrid');\r\n if (typeof grid != 'undefined') {\r\n var gridData = grid.dataSource.view();\r\n for (var i = 0; i < gridData.length; i++) {\r\n var locationExist = that.state.locationList.filter((location) => {\r\n return gridData[i].Id == location.Id;\r\n });\r\n if (locationExist.length != 0) {\r\n grid.table.find(\"tr[data-uid='\" + gridData[i].uid + \"']\").addClass(\"wms-location-allocated\");\r\n } else {\r\n grid.table.find(\"tr[data-uid='\" + gridData[i].uid + \"']\").removeClass(\"wms-location-allocated\");\r\n }\r\n }\r\n }\r\n }\r\n\r\n setJobLocationInitial(data) {\r\n if (data.flowType == 'edit') {\r\n setTimeout(function () {\r\n that.setState({\r\n locationList: data.EditData['Locations'],\r\n jobName: data.EditData['Name'],\r\n jobPriotity: data.EditData['Priority'],\r\n collectTrackBy: data.EditData['UseTrackBys'],\r\n assignUser: data.EditData['AssignedTo'] != null ? data.EditData['AssignedTo'].Id : '',\r\n });\r\n that.addLocationAllocatedClass();\r\n }, 0);\r\n\r\n } else {\r\n setTimeout(function () {\r\n that.setState({\r\n locationList: [],\r\n jobName: '',\r\n jobPriotity: 8,\r\n assignUser: '',\r\n collectTrackBy: true\r\n });\r\n that.addLocationAllocatedClass();\r\n }, 0);\r\n }\r\n }\r\n\r\n initJobLocationGrid(data) {\r\n var locationJobGrid = {\r\n dataSource: {\r\n data: data.flowType == 'edit' ? data.EditData['Locations'] : [],\r\n schema: {\r\n model: {\r\n id: \"Id\",\r\n fields: { Name: { type: \"string\" } }\r\n }\r\n },\r\n },\r\n change: function (arg) {\r\n var selected = $.map(this.select(), function (item) {\r\n return $(item).text();\r\n });\r\n that.setState({\r\n removeLocationDisabled: selected.length == 0 ? true : false\r\n });\r\n },\r\n // selectable: \"multiple, row\",\r\n scrollable: {\r\n virtual: true,\r\n height: 280\r\n },\r\n };\r\n var LocationJobGridColumns = {\r\n columns: [{\r\n field: \"Name\",\r\n title: 'job locations(Drag To Order)',\r\n width: 120,\r\n wmsid: 1,\r\n filterable: false\r\n }, {\r\n field: \"Id\",\r\n title: \"Id\",\r\n width: 120,\r\n wmsid: 2,\r\n hidden: true,\r\n filterable: true,\r\n }]\r\n };\r\n var finalOptionsObj = kendoGridJobLocation.getGridOptions(LocationJobGridColumns, locationJobGrid, '[{}]');\r\n $(\"#jobLocationGrid\").kendoGrid(finalOptionsObj);\r\n }\r\n\r\n createJob() {\r\n this.setState({\r\n createJobGif: true,\r\n });\r\n\r\n var today = new Date();\r\n var submitData;\r\n if (this.state.sharedCycleCount.flowType == 'create') {\r\n var locations = [];\r\n this.state.locationList.filter(function (item) {\r\n locations.push({\r\n Id: item.Id\r\n });\r\n });\r\n\r\n submitData = {\r\n \"facilityUri\": this.state.sharedCycleCount.warehouseSelection.uri,\r\n \"auditView\": {\r\n \"Name\": this.state.jobName,\r\n \"Notes\": \"audit 1 notes\",\r\n \"Priority\": this.state.jobPriotity,\r\n \"UseTrackBys\": this.state.collectTrackBy,\r\n \"Locations\": locations\r\n }\r\n };\r\n if (this.state.assignUser != \"\") {\r\n submitData.auditView.AssignedTo = {\r\n \"Id\": this.state.assignUser\r\n };\r\n }\r\n } else {\r\n var assignUserObj;\r\n this.state.sharedCycleCount.userOption.filter(function (item) {\r\n if (item.Id == that.state.assignUser) {\r\n assignUserObj = item;\r\n }\r\n });\r\n submitData = {\r\n \"Name\": this.state.jobName,\r\n \"Notes\": \"audit 1 notes\",\r\n \"AssignedTo\": assignUserObj,\r\n \"Priority\": this.state.jobPriotity,\r\n \"UseTrackBys\": this.state.collectTrackBy,\r\n \"Locations\": that.state.locationList,\r\n \"EditUri\": this.state.sharedCycleCount.EditData.EditUri,\r\n \"Status\": 0,\r\n \"NumberOfLocations\": this.state.locationList.length\r\n };\r\n }\r\n\r\n cyclecountService.createJob(submitData, this.state.sharedCycleCount.flowType).then(function (response) {\r\n that.setState({\r\n createJobGif: false,\r\n });\r\n if (typeof response != \"undefined\") {\r\n\r\n var message = that.state.sharedCycleCount.flowType == 'create' ? that.translate('Label_Cycle_Count_Job_Create_Success') : that.translate('Label_Cycle_Count_Job_Update_Success');\r\n GlobalService.notification('success', message);\r\n\r\n that.setState({\r\n locationList: [],\r\n jobName: '',\r\n jobPriotity: 8,\r\n collectTrackBy: true,\r\n assignUser: '',\r\n });\r\n that.clearFilters();\r\n\r\n that.setState({\r\n sharedCycleCount: Object.assign(\r\n {},\r\n that.state.sharedCycleCount,\r\n { flowType: 'create' }\r\n ),\r\n });\r\n emitter.eventBus.sendEvent('reloadJobGrid');\r\n }\r\n }, function (response) {\r\n // GlobalService.notification('error', response);\r\n that.setState({ createJobGif: false });\r\n });\r\n }\r\n\r\n contextMenuSet() {\r\n var that = this;\r\n var menu = $(\"#cycleCountLocationGridMenu\").kendoContextMenu({\r\n orientation: 'vertical',\r\n target: '#cycleCountLocationGrid',\r\n filter: \"tbody tr:not(.k-grid-edit-row):not(.wms-selection-group)\",\r\n animation: {\r\n open: {\r\n effects: \"fadeIn\"\r\n },\r\n duration: 500\r\n },\r\n select: function (e) {\r\n var row = e.target;\r\n var grid = $('#cycleCountLocationGrid').data('kendoGrid');\r\n var text = $(e.item).children(\".k-link\").text();\r\n var dataItem = grid.dataItem($(e.target).closest('tr'));\r\n var custom = $(e.item).children(\".k-link\").parent().attr(\"data-wmsid\");\r\n backup = _.cloneDeep(dataItem);\r\n if (custom == \"addLocation\") {\r\n that.addLocation();\r\n }\r\n },\r\n open: function (e) {\r\n var row = e.target;\r\n var grid = $('#cycleCountLocationGrid').data('kendoGrid');\r\n var dataItem = grid.dataItem($(e.target).closest('tr'));\r\n var page = grid.dataSource.page();\r\n var length = grid.dataSource.view().length;\r\n var col = grid.cellIndex($(e.target).closest('td'));\r\n var row2 = $(e.target).closest('tr').index();\r\n kendoGridJobLocation.onRightClick(e, page, length, row2, col, dataItem, grid.dataSource.data(), 'Id', function () {\r\n var currentSelections = kendoGridJobLocation.getNumberOfSelections();\r\n var locationList = that.state.locationList;\r\n var locationExist = locationList.filter((location) => {\r\n return dataItem['Id'] == location.Id;\r\n });\r\n if (locationExist.length > 0) {\r\n $(\"li[data-wmsid = 'addLocation']\").addClass('wms-disabled-look');\r\n } else {\r\n $(\"li[data-wmsid = 'addLocation']\").removeClass('wms-disabled-look');\r\n }\r\n });\r\n // that.contextMenuSelection();\r\n }\r\n });\r\n\r\n\r\n\r\n $(\"#jobLocationGridMenu\").kendoContextMenu({\r\n orientation: 'vertical',\r\n target: '#jobLocationGrid',\r\n filter: \"tbody tr:not(.k-grid-edit-row):not(.wms-selection-group)\",\r\n animation: {\r\n open: {\r\n effects: \"fadeIn\"\r\n },\r\n duration: 500\r\n },\r\n select: function (e) {\r\n var row = e.target;\r\n var grid = $('#jobLocationGrid').data('kendoGrid');\r\n var text = $(e.item).children(\".k-link\").text();\r\n var dataItem = grid.dataItem($(e.target).closest('tr'));\r\n var custom = $(e.item).children(\".k-link\").parent().attr(\"data-wmsid\");\r\n backup = _.cloneDeep(dataItem);\r\n if (custom == \"removeLocation\") {\r\n that.removeElement();\r\n }\r\n\r\n },\r\n open: function (e) {\r\n var row = e.target;\r\n var grid = $('#jobLocationGrid').data('kendoGrid');\r\n var dataItem = grid.dataItem($(e.target).closest('tr'));\r\n var page = grid.dataSource.page();\r\n var length = grid.dataSource.view().length;\r\n var col = grid.cellIndex($(e.target).closest('td'));\r\n var row2 = $(e.target).closest('tr').index();\r\n\r\n // selection not remove when multiple recored select and open context menu\r\n var selectedrow = $(\"#jobLocationGrid\").find(\"tbody tr.k-state-selected\");\r\n if (selectedrow.length == 0 || selectedrow.length == 1) {\r\n kendoGridLocation.onRightClick(e, page, length, row2, col, dataItem, grid.dataSource.data(), 'Id', function () {\r\n });\r\n }\r\n\r\n }\r\n });\r\n }\r\n\r\n groupContextMenuSet() {\r\n var that = this;\r\n var menu = $(\"#cycleCountLocationGridGroupMenu\").kendoContextMenu({\r\n orientation: 'vertical',\r\n target: '#cycleCountLocationGrid',\r\n filter: \"tbody tr.wms-selection-group\",\r\n animation: {\r\n open: {\r\n effects: 'fadein'\r\n },\r\n duration: 2500\r\n },\r\n select: function (e) {\r\n var custom = $(e.item).children(\".k-link\").parent().attr(\"data-wmsid\");\r\n if (custom == \"addLocation\") {\r\n that.addLocation();\r\n }\r\n },\r\n open: function (e) {\r\n var selectedLocation = kendoGridJobLocation.getSelections();\r\n var locationList = that.state.locationList;\r\n $(\"li[data-wmsid = 'addLocation']\").addClass('wms-disabled-look');\r\n for (var i = 0; i < selectedLocation.length; i++) {\r\n var locationExist = locationList.filter((location) => {\r\n return selectedLocation[i] == location.Id;\r\n });\r\n if (locationExist.length == 0) {\r\n $(\"li[data-wmsid = 'addLocation']\").removeClass('wms-disabled-look');\r\n }\r\n }\r\n }\r\n });\r\n }\r\n\r\n searchJobLocation() {\r\n cyclecountService.locationGridSearchInfoSend(this.state.filter).then(function (response) {\r\n if (response.status == 204 || response.status == 200) {\r\n $('#cycleCountLocationGrid').data('kendoGrid').dataSource.read();\r\n }\r\n }, function (response) {\r\n console.log(\"Grid w sort \", response);\r\n });\r\n // var dataArr = new Array();\r\n // if (this.state.filter.Location) {\r\n // dataArr.push({\r\n // field: \"Name\",\r\n // operator: KendoWms.getFilterOperatorByIndex(this.state.IndexOptionsLocation),\r\n // value: this.state.filter.Location\r\n // });\r\n // }\r\n // if (this.state.filter.LocationType) {\r\n // dataArr.push({\r\n // field: \"LocationType\",\r\n // operator: \"IsEqualTo\",\r\n // value: this.state.filter.LocationType\r\n // });\r\n // }\r\n // if (this.state.filter.LastCountedDate) {\r\n // dataArr.push({\r\n // field: \"LastCounted\",\r\n // operator: \"IsEqualTo\",\r\n // value: this.state.filter.LastCountedDate\r\n // });\r\n // }\r\n // var dataSource = $(\"#cycleCountLocationGrid\").data(\"kendoGrid\").dataSource;\r\n // dataSource.filter(dataArr);\r\n }\r\n\r\n clearFilters() {\r\n cyclecountService.locationGridSearchInfoClear().then(function (response) {\r\n if (response.status == 204 && _ismounted == true) {\r\n that.setState({\r\n filter: Object.assign(\r\n {},\r\n that.state.filter,\r\n {\r\n IndexOptionsLocation: 0,\r\n LocationType: 0,\r\n Location: null,\r\n LastCountedDate: null,\r\n ShowLastCountedDate: true,\r\n ShowLocationType: true,\r\n ShowLocation: true,\r\n }\r\n ),\r\n });\r\n that.filterHandleActiveLocation({ target: { checked: false } });\r\n $('#cycleCountLocationGrid').data('kendoGrid').dataSource.read();\r\n // var dataSource = $(\"#cycleCountLocationGrid\").data(\"kendoGrid\").dataSource;\r\n // dataSource.filter([]);\r\n // $(\"form.k-filter-menu button[type='reset']\").trigger(\"click\");\r\n }\r\n }, function (response) {\r\n console.log(\"Grid w sort \", response);\r\n });\r\n }\r\n\r\n toggleCheckbox(event) {\r\n that.setState({ [event.target.name]: !that.state[event.target.name] });\r\n }\r\n\r\n handleChange(event) {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n }\r\n filterHandleChange(event) {\r\n this.setState({\r\n filter: Object.assign(\r\n {},\r\n this.state.filter,\r\n { [event.target.name]: event.target.value }\r\n ),\r\n });\r\n }\r\n filterHandleActiveLocation = (e) => {\r\n this.setState({ inActiveLocation: e.target.checked });\r\n var grid = $('#cycleCountLocationGrid').data('kendoGrid');\r\n var dataSource = grid.dataSource;\r\n var filterArray = [];\r\n if (dataSource.filter()) {\r\n filterArray = dataSource.filter().filters;\r\n }\r\n for (let i = 0; i < filterArray.length; i++) {\r\n const element = filterArray[i];\r\n if (element.field == 'Deactivated') {\r\n filterArray.splice(i, 1);\r\n }\r\n }\r\n if (e.target.checked == false) {\r\n filterArray.push({\r\n field: \"Deactivated\",\r\n operator: \"eq\",\r\n value: false\r\n });\r\n }\r\n dataSource.filter(filterArray);\r\n }\r\n\r\n initLocationGrid(facilityId) {\r\n var that = this;\r\n var tempOptionsLocationJobGrid = {\r\n dataSource: {\r\n pageSize: 100,\r\n serverPaging: true,\r\n serverSorting: true,\r\n serverFiltering: true,\r\n type: \"aspnetmvc-ajax\",\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Inventory/EditAudits/AuditLocationsGridRead\",\r\n type: \"POST\",\r\n data: {\r\n facilityId: facilityId\r\n },\r\n dataType: 'JSON'\r\n },\r\n destroy: {\r\n url: \"/WebUI/Inventory/EditAudits/AuditLocationsGridRead\",\r\n type: \"GET\",\r\n dataType: \"JSON\"\r\n },\r\n parameterMap: function (options, operation) {\r\n if (operation !== \"read\" && options.models) {\r\n return {\r\n models: JSON.stringify(options.models)\r\n };\r\n }\r\n },\r\n },\r\n change: function (data) {\r\n // console.log(\"success\");\r\n },\r\n error: function (xhr, error) {\r\n var errorMessage = \"Caught an unknown error attempting to call LocationsGridRead\";\r\n if (xhr) {\r\n if (xhr.xhr) {\r\n if (xhr.xhr.responseText) {\r\n errorMessage = xhr.xhr.responseText;\r\n }\r\n }\r\n }\r\n var errorTitle = xhr.errorThrown || that.translate('Label_Error');\r\n },\r\n schema: commanFunction.cycleCountJobLocationGridSchema(),\r\n },\r\n scrollable: {\r\n virtual: true,\r\n height: 280\r\n }, columnMenu: {\r\n sortable: false\r\n },\r\n columnMenuInit: function (e) {\r\n var menu = e.container.find(\".k-menu\");\r\n var filterMenu = e.container.find(\".k-filter-menu\");\r\n // Set class to filter form of grit to reset specific grid column\r\n if (!filterMenu.hasClass('cycleCountLocationGridFilterForm')) {\r\n filterMenu.addClass('cycleCountLocationGridFilterForm');\r\n }\r\n },\r\n selectable: true,\r\n sortable: {\r\n mode: \"multiple\",\r\n allowUnsort: true,\r\n showIndexes: true\r\n },\r\n resizable: true,\r\n reorderable: true,\r\n filterable: true,\r\n pageable: false,\r\n editable: \"popup\",\r\n sort: function (e) {\r\n e.preventDefault();\r\n var sortedField = e.sort.field;\r\n GlobalService.sortDataset(that.state.sortArrayGrid, e.sort);\r\n this.dataSource.sort(that.state.sortArrayGrid);\r\n var finalSubmission = kendoGridJobLocation.prepareGridOptionsForStorage($(\"#cycleCountLocationGrid\").data(\"kendoGrid\").getOptions().columns, that.state.sortArrayGrid);\r\n }, columnShow: function (e) {\r\n },\r\n columnHide: function (e) {\r\n },\r\n columnReorder: function (e) {\r\n },\r\n columnResize: function (e) {\r\n },\r\n dataBinding: function (e) {\r\n },\r\n dataBound: function (e) {\r\n if (typeof $(\"#cycleCountLocationGrid\").data(\"kendoGrid\") != 'undefined') {\r\n kendoGridJobLocation.repaintSelections();\r\n }\r\n if (that.state.initialjobLocationGrid == 0) {\r\n var grid = $('#cycleCountLocationGrid').data('kendoGrid');\r\n grid.table.on('click', function (e) {\r\n var gridData = grid.dataSource.view();\r\n var dataItem = grid.dataItem($(e.target).closest('tr'));\r\n var currentPage = grid.dataSource.page();\r\n var currentNumberOfItems = grid.dataSource.view().length;\r\n var row = $(e.target).closest('tr').index();\r\n var col = grid.cellIndex($(e.target).closest('td'));\r\n\r\n kendoGridJobLocation.clickEventHandleSelection(e, currentPage, currentNumberOfItems, row, col, dataItem, grid.dataSource.data(), 'Id', function () {\r\n // once we removed the synchronous call this gets called before the end of the of the element\r\n var currentSelections = kendoGridJobLocation.getNumberOfSelections();\r\n currentSelections == 1 ? that.state.DisplayShowEditButton = true : that.state.DisplayShowEditButton = false;\r\n currentSelections >= 1 ? that.state.DisplayShowActiveDelete = true : that.state.DisplayShowActiveDelete = false;\r\n\r\n\r\n\r\n var myresult3 = kendoGridJobLocation.getKeys();\r\n if (myresult3[0] == 'undefined') {\r\n that.state.DisplayShowEditButton = false;\r\n }\r\n // for check selected value add in locationgrid or not\r\n var selectedLocation = kendoGridJobLocation.getSelections();\r\n var locationList = that.state.locationList;\r\n that.setState({\r\n addLocationDisabled: true\r\n });\r\n for (var i = 0; i < selectedLocation.length; i++) {\r\n var locationExist = locationList.filter((location) => {\r\n return selectedLocation[i] == location.Id;\r\n });\r\n if (locationExist.length == 0) {\r\n that.setState({\r\n addLocationDisabled: false\r\n });\r\n }\r\n }\r\n });\r\n });\r\n that.setState({\r\n initialjobLocationGrid: 1\r\n });\r\n }\r\n that.addLocationAllocatedClass();\r\n }\r\n };\r\n this.state.tempOptionsLocationJobGridColumns = {\r\n columns: commanFunction.cycleCountJobLocationGridColumns(this.LocationJob_GridHeaders, this.translate)\r\n };\r\n var finalOptionsObj = kendoGridJobLocation.getGridOptions(this.state.tempOptionsLocationJobGridColumns, tempOptionsLocationJobGrid, '[{}]');\r\n $(\"#cycleCountLocationGrid\").kendoGrid(finalOptionsObj);\r\n this.filterHandleActiveLocation({ target: { checked: false } });\r\n $(\"#cycleCountLocationGridResetMenu\").kendoMenu();\r\n\r\n }\r\n eventClickResetGrid() {\r\n\r\n that.state.initialjobLocationGrid = 0;\r\n var column = {\r\n columns: commanFunction.cycleCountJobLocationGridColumns(that.LocationJob_GridHeaders, that.translate)\r\n };\r\n var grid = $(\"#cycleCountLocationGrid\").data(\"kendoGrid\");\r\n grid.setOptions(column);\r\n grid.dataSource.sort({});\r\n $('#cycleCountLocationGrid').data('kendoGrid').refresh();\r\n kendoGridJobLocation.clearSelections(function () {\r\n kendoGridJobLocation.repaintSelections();\r\n });\r\n that.setState({\r\n addLocationDisabled: true\r\n });\r\n }\r\n eventClickClearFilters() {\r\n $(\"form.k-filter-menu button[type='reset']\").trigger(\"click\");\r\n }\r\n eventClickClearSorts() {\r\n var grid = $('#cycleCountLocationGrid').data('kendoGrid');\r\n grid.dataSource.sort({});\r\n // kendo.ui.progress($('#cycleCountJobsGrid'), true);\r\n // var finalSubmission = KendoGridFW.prepareGridOptionsForStorage($(\".\" + that.state.windowId + \" #cycleCountJobsGrid\").data(\"kendoGrid\").getOptions().columns, []);\r\n // GlobalService.setGridOptions(gridName, finalSubmission).then((response) => {\r\n // kendo.ui.progress($('#cycleCountJobsGrid'), false);\r\n // }, (error) => {\r\n\r\n // });\r\n }\r\n render() {\r\n return (\r\n \r\n this.gridSearch('fromSearchbtn')}\r\n icon='fa-search' />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- Edit \r\n
- Review Jobs \r\n
- Close Jobs \r\n
- \r\n
- Edit \r\n
- Review Jobs \r\n
- Close Jobs \r\n
\r\n
\r\n \r\n
\r\n {/* \"wms-area-border no-josh\" */}\r\n {/* \r\n this.createEditFormEvent('create')}\r\n icon='fa-plus' />\r\n this.openReveiwcCountModel()}\r\n icon=\"fa-tasks\"\r\n />\r\n this.createEditFormEvent('edit')}\r\n icon='fa-pencil' />\r\n this.closeJob()}\r\n icon='fa-times-circle'\r\n loading={this.props.sharedCycleCount.closejobGif}\r\n />\r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n
- \r\n
- \r\n {this.translate('Label_Reset_Grid')}\r\n \r\n
- \r\n {this.translate('Label_Clear_Column_Filters')}\r\n \r\n
- \r\n {this.translate('Label_Clear_Sort')}\r\n \r\n
\r\n
\r\n
*/}\r\n \r\n
\r\n\r\n \r\n
\r\n - \r\n
- \r\n \r\n
- \r\n
- \r\n {this.translate('Label_Reset_Grid')}\r\n \r\n
- \r\n {this.translate('Label_Clear_Column_Filters')}\r\n \r\n
- \r\n {this.translate('Label_Clear_Sort')}\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}","\r\nimport React from 'react';\r\nimport { KendoGridWms } from '../../../assets/ts/KendoGridWms.ts';\r\nimport { ObjectWms } from '../../../assets/ts/ObjectWms.ts';\r\nimport { StringWms } from \"../../../assets/ts/StringWms.ts\";\r\n\r\nimport style from './cyclecount.scss';\r\nimport WmsButton from './../components/WmsButton/WmsButton.jsx';\r\nimport WmsButtonDropdown from './../components/WmsButtonDropdown/WmsButtonDropdown.jsx';\r\nimport WmsMenuItem from './../components/WmsMenuItem/WmsMenuItem.jsx';\r\nimport WmsModel from './../components/WmsModel/WmsModel.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsToolTip from './../components/WmsToolTip/WmsToolTip.tsx';\r\n\r\nimport * as cyclecountService from './cyclecount.services.jsx';\r\nimport * as GlobalService from './../global_services';\r\nimport * as emitter from \"../emitter\";\r\nimport { kendo } from \"./../global_variable_service.jsx\";\r\n\r\nvar that, kendoGridaddLocationJob, selectedJobs = '', countsUri;\r\nexport class ReviewCountSection extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.state = {\r\n otherLocationModelOption: {\r\n title: '',\r\n width: 0,\r\n height: 0,\r\n isOpen: false\r\n },\r\n selectedJobsForReview: '',\r\n currentSku: \"\",\r\n countsUri: [],\r\n EditData: this.props.sharedCycleCount.EditData,\r\n locationsBeingAudited: [],\r\n facilityId: this.props.sharedCycleCount.warehouseSelection.id,\r\n facilityUri: this.props.sharedCycleCount.warehouseSelection.uri,\r\n optionJobs: [],\r\n indexOptionsJob: '',\r\n disableReconcileJobs: true,\r\n activeSelectionsLength: 0,\r\n selector: 'AuditInventory',\r\n exportLoading: false\r\n };\r\n\r\n kendoGridaddLocationJob = new KendoGridWms();\r\n this.handleChange = this.handleChange.bind(this);\r\n that = this;\r\n }\r\n\r\n componentDidMount() {\r\n this.initialiseReviewCountGrid();\r\n this.setCurrentSelectJobData(this.state.EditData);\r\n\r\n }\r\n initialiseReviewCountGrid() {\r\n var dataSource = new kendo.data.TreeListDataSource({\r\n data: [],\r\n schema: {\r\n model: {\r\n id: \"id\",\r\n expanded: true\r\n }\r\n }\r\n });\r\n var reviewJobHeaders = StringWms.convertSringToOption(this.translate('Review_Reconcile_Job_Header'));\r\n $(\"#treelist\").kendoTreeList({\r\n dataSource: dataSource,\r\n // height: 'auto',\r\n selectable: 'multiple, row',\r\n resizable: true,\r\n reorderable: true,\r\n columns: [\r\n { field: \"title\", template: $(\"#link-template\").html(), title: reviewJobHeaders[0].description },\r\n // { field: \"title\" },\r\n { field: \"systemCount\", title: reviewJobHeaders[1].description },\r\n { field: \"allocatedCount\", title: reviewJobHeaders[2].description },\r\n { field: \"physicalCount\", title: reviewJobHeaders[3].description },\r\n { field: \"variance\", title: reviewJobHeaders[4].description }\r\n ],\r\n dataBound: function (e) {\r\n that.setState({ disableReconcileJobs: true });\r\n var treeview = $(\"#treelist\").data(\"kendoTreeList\").dataSource._data;\r\n console.log('treeview', treeview);\r\n var grid = $('#treelist').data('kendoTreeList');\r\n var gridData = grid.dataSource.view();\r\n for (var i = 0; i < gridData.length; i++) {\r\n if (gridData[i].variance != 0 && gridData[i].variance != null) {\r\n that.setState({ disableReconcileJobs: false });\r\n // grid.table.find(\"tr[data-uid='\" + gridData[i].uid + \"']\").addClass(\"wms-variance-allocated\");\r\n }\r\n if(gridData[i].Link) {\r\n grid.table.find(\"tr[data-uid='\" + gridData[i].uid + \"'] td\").first().addClass(\"sku-click\");\r\n }\r\n }\r\n }\r\n });\r\n $(document).on('click', '#treelist tr', function (event) {\r\n console.log(event);\r\n // if( event.button != 1 ) {\r\n // return;\r\n // }\r\n var tr = $(this);\r\n console.log(\"hasClass : \", tr.hasClass(\"k-state-selected\"));\r\n var treelist = $(\"#treelist\").data(\"kendoTreeList\");\r\n // if (tr.hasClass(\"k-state-selected\") && typeof event.which != \"undefined\") {\r\n // setTimeout(function () {\r\n // treelist.clearSelection();\r\n // }, 100);\r\n // return;\r\n // }\r\n treelist.select(tr);\r\n setTimeout(function () {\r\n var selected_row = treelist.select();\r\n var data = treelist.dataItem(selected_row);\r\n var rootNode = getRootNode(data);\r\n selectChildNodes(rootNode);\r\n }, 100);\r\n });\r\n\r\n\r\n function getRootNode(tlModel) {\r\n if (typeof tlModel != 'undefined') {\r\n var rootNode = tlModel;\r\n var level = dataSource.level(tlModel);\r\n\r\n while (level !== 0) {\r\n rootNode = dataSource.parentNode(rootNode);\r\n level = dataSource.level(rootNode);\r\n }\r\n return rootNode;\r\n }\r\n }\r\n\r\n function selectChildNodes(tlModel) {\r\n if (typeof tlModel != 'undefined') {\r\n // console.log(\"treelist getRootNode \", dataSource.level(tlModel));\r\n var childNodes = dataSource.childNodes(tlModel);\r\n var treelist = $(\"#treelist\").data(\"kendoTreeList\");\r\n treelist.select($(\"tr[data-uid='\" + tlModel.uid + \"']\"));\r\n // console.log(\"treelist childNodes \", childNodes);\r\n for (var i = 0; i < childNodes.length; i++) {\r\n // treelist.select($(\"tr[data-uid='\" + childNodes[i].uid + \"']\"));\r\n selectChildNodes(childNodes[i]);\r\n }\r\n }\r\n }\r\n\r\n // event for open modal template define in body component html\r\n $(document).on('click', '.sku-click', function (e) {\r\n\r\n e.preventDefault();\r\n if(e.target.parentNode.tagName == 'TD'){ // prevent click event on expand/collapse icon\r\n return;\r\n }\r\n var row = $(this).closest('tr');\r\n var dataItem = $(\"#treelist\").data(\"kendoTreeList\").dataItem(row);\r\n that.setState({\r\n currentSku: $(this).data('id'),\r\n selectedDataItem: dataItem\r\n });\r\n console.log('currentSku', that.state.currentSku);\r\n that.openOtheLocationModal();\r\n });\r\n $(\"#recountContextMenu\").kendoContextMenu({\r\n // listen to right-clicks on the treelist container\r\n target: \"#treelist\",\r\n\r\n // show when a row is clicked\r\n filter: \"tbody > tr\",\r\n\r\n // handle item clicks\r\n select: function (e) {\r\n\r\n\r\n var button = $(e.item);\r\n var row = $(e.target);\r\n var dataItem = $(\"#treelist\").data(\"kendoTreeList\").dataItem(row);\r\n var rowItemClicked = $(e.item).children(\".k-link\").parent().attr(\"data-wmsid\");\r\n var allowTrackBys = false;\r\n\r\n if (rowItemClicked == \"everything\") {\r\n var auditCountsUris = [];\r\n for (var i = 0; i < that.state.EditData.length; i++) {\r\n auditCountsUris.push(that.state.EditData[i].CountsUri);\r\n }\r\n cyclecountService.recountAll(auditCountsUris).then(function (response) {\r\n if (response.status == 204) {\r\n GlobalService.notification('success', that.translate('Recount_Audit_Success'));\r\n that.props.closeReviewCountSection();\r\n emitter.eventBus.sendEvent('reloadJobGrid');\r\n }\r\n }, function (response) {\r\n // GlobalService.notification('error', response);\r\n });\r\n } else {\r\n var locCountUris = [];\r\n var auditUris = [];\r\n if (rowItemClicked == \"trackbys\") {\r\n allowTrackBys = true;\r\n }\r\n\r\n for (var index = 0; index < that.state.EditData.length; index++) {\r\n auditUris.push(that.state.EditData[index].EditUri);\r\n }\r\n\r\n var treelist = $(\"#treelist\").data(\"kendoTreeList\");\r\n var data = treelist.select();\r\n for (var j = 0; j < data.length; j++) {\r\n var selectedDataItem = treelist.dataItem(data[j]);\r\n if (selectedDataItem.resetUri != null) {\r\n locCountUris.push(selectedDataItem.resetUri);\r\n }\r\n }\r\n\r\n cyclecountService.recountLocationsAndTrackBys(locCountUris, auditUris, allowTrackBys).then(function (response) {\r\n if (response.status == 204) {\r\n GlobalService.notification('success', that.translate('Recount_Audit_Success'));\r\n that.props.closeReviewCountSection();\r\n emitter.eventBus.sendEvent('reloadJobGrid');\r\n }\r\n }, function (response) {\r\n // GlobalService.notification('error', response);\r\n });\r\n }\r\n\r\n\r\n },\r\n open: function (e) {\r\n var treelist = $(\"#treelist\").data(\"kendoTreeList\");\r\n var data = treelist.select();\r\n that.setState({\r\n activeSelectionsLength: data.length\r\n });\r\n }\r\n // open: function (e) {\r\n // var tr = $(e.target);\r\n // tr.click();\r\n // }\r\n });\r\n }\r\n UNSAFE_componentWillReceiveProps(nextProps) {\r\n if (nextProps.sharedCycleCount) {\r\n this.setCurrentSelectJobData(nextProps.sharedCycleCount.EditData);\r\n }\r\n }\r\n addLinkProperty(auditReviewListData) {\r\n for (var index = 0; index < auditReviewListData.length; index++) {\r\n if (typeof auditReviewListData[index].parentId != 'undefined') {\r\n if (auditReviewListData[index].parentId == null) {\r\n auditReviewListData[index].Link = false;\r\n } else {\r\n var getIndex = ObjectWms.FindIndexByProperty(auditReviewListData, \"id\", auditReviewListData[index].parentId);\r\n if (getIndex != -1) {\r\n auditReviewListData[index].Link = auditReviewListData[getIndex].parentId == null ? true : false;\r\n }\r\n }\r\n } else {\r\n auditReviewListData[index].Link = false;\r\n }\r\n }\r\n return auditReviewListData;\r\n }\r\n\r\n setCurrentSelectJobData(jobsData) {\r\n var jobOptions = [];\r\n countsUri = [];\r\n selectedJobs = '';\r\n jobsData.filter(function (jobDetail) {\r\n selectedJobs = selectedJobs + jobDetail.Name + ', ';\r\n countsUri.push(jobDetail.CountsUri);\r\n });\r\n\r\n for (var i = 0; i < jobsData.length; i++) {\r\n jobOptions.push({\r\n \"value\": jobsData[i].EditUri,\r\n \"description\": jobsData[i].Name\r\n });\r\n }\r\n\r\n that.setState({\r\n selectedJobsForReview: selectedJobs.replace(/,\\s*$/, \"\"),\r\n optionJobs: jobOptions\r\n });\r\n kendo.ui.progress($('#treelist'), true);\r\n cyclecountService.GetAuditReviewList(countsUri).then(function (response) {\r\n console.log('GetAuditReviewList Response', response);\r\n if (typeof response != 'undefined' && response.status == 200) {\r\n if (typeof $('#treelist').data('kendoTreeList') != 'undefined') {\r\n\r\n var data = that.addLinkProperty(response.data.AuditReviews);\r\n that.setState({\r\n locationsBeingAudited: response.data.LocationsBeingAudited\r\n });\r\n $('#treelist').data('kendoTreeList').dataSource.data(data);\r\n $('#treelist').data('kendoTreeList').refresh();\r\n }\r\n }\r\n kendo.ui.progress($('#treelist'), false);\r\n }, function (response) {\r\n // GlobalService.notification('error', response);\r\n kendo.ui.progress($('#treelist'), false);\r\n });\r\n }\r\n\r\n getAuditReviewCSV()\r\n {\r\n this.setState({\r\n exportLoading: true\r\n })\r\n var auditCountsUris = [];\r\n for (var i = 0; i < that.state.EditData.length; i++)\r\n auditCountsUris.push(that.state.EditData[i].CountsUri);\r\n\r\n cyclecountService.GetAuditReviewCSV(auditCountsUris).then(function (response)\r\n {\r\n var now = new Date();\r\n var headers = response.headers;\r\n GlobalService.downloadFileBaseOnContentType(response.data, headers['content-type'], that.state.selectedJobsForReview + '_'\r\n + (now.getMonth() + 1) + '-'\r\n + now.getDate() + '-'\r\n + now.getFullYear() + '_'\r\n + now.getHours() + '_'\r\n + now.getMinutes()\r\n + '.csv', true, \"download\");\r\n that.setState({\r\n exportLoading: false\r\n })\r\n }).finally(function () {\r\n that.setState({\r\n exportLoading: false\r\n })\r\n });\r\n }\r\n\r\n openOtheLocationModal() {\r\n var modelOptions = that.state.otherLocationModelOption;\r\n modelOptions.title = 'Other Location with SKU';\r\n modelOptions.width = 600;\r\n modelOptions.height = 530;\r\n modelOptions.isOpen = true;\r\n that.setState({\r\n otherLocationModelOption: modelOptions\r\n });\r\n\r\n if (that.state.optionJobs.length == 1) {\r\n var selectedJobUri = that.state.optionJobs[0].value;\r\n that.setState({\r\n indexOptionsJob: selectedJobUri\r\n });\r\n }\r\n\r\n cyclecountService.GetOtherLocationsForSku(that.state.selectedDataItem.skuble.Sku, that.state.selectedDataItem.skuble.Qualifier, that.state.facilityUri).then(function (response) {\r\n if (typeof response != 'undefined' && response.status == 200) {\r\n $('#cycleCountAddlocationGrid').data('kendoGrid').dataSource.data(response.data);\r\n }\r\n kendo.ui.progress($('#treelist'), false);\r\n }, function (response) {\r\n // GlobalService.notification('error', response);\r\n kendo.ui.progress($('#treelist'), false);\r\n });\r\n\r\n var addLocationJobGrid = {\r\n dataSource: {\r\n data: [],\r\n schema: {\r\n model: {\r\n id: \"locationId\",\r\n fields:\r\n {\r\n location: { type: \"string\" },\r\n systemCount: { type: \"number\" }\r\n }\r\n }\r\n },\r\n },\r\n selectable: \"multiple, row\",\r\n scrollable: {\r\n height: 280\r\n },\r\n };\r\n var addLocationJobGridColumns = {\r\n columns: [{\r\n field: \"location\",\r\n title: 'Location',\r\n width: 120,\r\n wmsid: 1,\r\n filterable: false\r\n }, {\r\n field: \"systemCount\",\r\n title: \"System Quantity\",\r\n width: 120,\r\n wmsid: 2,\r\n filterable: true,\r\n }]\r\n };\r\n var finalOptionsObj = kendoGridaddLocationJob.getGridOptions(addLocationJobGridColumns, addLocationJobGrid, '[{}]');\r\n $(\"#cycleCountAddlocationGrid\").kendoGrid(finalOptionsObj);\r\n }\r\n\r\n handleChange(event) {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n }\r\n closeOtherLocationModal() {\r\n var modelOptions = that.state.otherLocationModelOption;\r\n modelOptions.isOpen = false;\r\n that.setState({\r\n otherLocationModelOption: modelOptions\r\n });\r\n }\r\n\r\n cancelOtherLocationModal() {\r\n $(\"#otherLocationModel\").data('kendoWindow').close();\r\n }\r\n\r\n addLocsToJob() {\r\n var gridData = $('#cycleCountAddlocationGrid').data('kendoGrid').dataSource.data();\r\n var locIds = [];\r\n for (var i = 0; i < gridData.length; i++) {\r\n locIds.push(gridData[i].locationId);\r\n }\r\n\r\n console.log(that.state.indexOptionsJob);\r\n\r\n cyclecountService.AddLocationsToJob(that.state.indexOptionsJob, locIds).then(function (response) {\r\n if (typeof response != 'undefined' && ((response.status == 200) || (response.status == 204))) {\r\n //$('#cycleCountAddlocationGrid').data('kendoGrid').dataSource.data(response.data);\r\n GlobalService.notification('success', that.translate('Label_Add_Locations_Job_Success'));\r\n $(\"#otherLocationModel\").data('kendoWindow').close();\r\n that.props.closeReviewCountSection();\r\n emitter.eventBus.sendEvent('reloadJobGrid');\r\n }\r\n });\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n \r\n\r\n \r\n {/* Location grid */}\r\n {/*
\r\n {/* create form html start */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {/* \r\n \r\n
*/}\r\n \r\n
*/}\r\n\r\n {/* \r\n
\r\n\r\n \r\n\r\n
\r\n - \r\n
- \r\n \r\n
- \r\n
- \r\n {this.translate('Label_Reset_Grid')}\r\n \r\n
- \r\n {this.translate('Label_Clear_Column_Filters')}\r\n \r\n
- \r\n {this.translate('Label_Clear_Sort')}\r\n \r\n
\r\n
*/}\r\n
\r\n - \r\n
- Add Location \r\n
- \r\n
- Add Location \r\n
- \r\n
- Remove Location \r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n - \r\n
- \r\n {this.translate(\"Label_Reset_Grid\")}\r\n \r\n
- \r\n \r\n {this.translate(\"Label_Clear_Column_Filters\")}\r\n \r\n \r\n
- \r\n {this.translate(\"Label_Clear_Sort\")}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n\r\n {/*\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {/*
\r\n \r\n \r\n
\r\n \r\n
*/}\r\n - \r\n {this.state.locationList.map((Option, index) => (\r\n
- {Option.Name} this.removeElement(index)}> \r\n ))}\r\n
\r\n\r\n\r\n \r\n \r\n
\r\n\r\n );\r\n }\r\n}","\r\nimport React from 'react';\r\nimport { KendoGridWms } from '../../../assets/ts/KendoGridWms.ts';\r\nimport { ObjectWms } from '../../../assets/ts/ObjectWms.ts';\r\nimport { StringWms } from \"../../../assets/ts/StringWms.ts\";\r\n\r\nimport style from './cyclecount.scss';\r\nimport WmsButton from './../components/WmsButton/WmsButton.jsx';\r\nimport WmsModel from './../components/WmsModel/WmsModel.jsx';\r\n\r\nimport * as cyclecountService from './cyclecount.services.jsx';\r\nimport * as GlobalService from './../global_services';\r\nimport { kendo } from \"./../global_variable_service.jsx\";\r\nvar that, locationQtyGrid, dataSource, selectLocationParentId;\r\n\r\nexport class ReconciletSection extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n this.state = {\r\n sharedCycleCount: this.props.sharedCycleCount,\r\n systemQuantitiesModelOption: {\r\n title: '',\r\n width: 0,\r\n height: 0,\r\n isOpen: false\r\n },\r\n token: \"\",\r\n selectedSkuble: null,\r\n skubleTitle: \"\",\r\n sysQntGif: false,\r\n makeAdjustmentsGif: false,\r\n guidVarianceObject: {}, // This object is created once at databound to be able to check quickly on variances within our selection, this allows us to disable or enable the adjust system quantities\r\n activeSelectionVariance: false,\r\n selector:\"AuditInventory\"\r\n };\r\n locationQtyGrid = new KendoGridWms();\r\n that = this;\r\n }\r\n\r\n componentDidMount() {\r\n dataSource = new kendo.data.TreeListDataSource({\r\n data: [],\r\n schema: {\r\n model: {\r\n id: \"id\",\r\n expanded: true\r\n }\r\n }\r\n });\r\n var reconcileJobHeaders = StringWms.convertSringToOption(this.translate('Review_Reconcile_Job_Header'));\r\n $(\"#reconcileTreelist\").kendoTreeList({\r\n dataSource: dataSource,\r\n // height: 'auto',\r\n // height: '350',\r\n selectable: 'multiple, row',\r\n resizable: true,\r\n columns: [\r\n { field: \"title\", title: reconcileJobHeaders[0].description },\r\n /*\r\n { field: \"itemDetail\", title: \"Item Details\" },\r\n { field: \"location\", title: \"Loactions\" },\r\n */\r\n { field: \"systemCount\", title: reconcileJobHeaders[1].description },\r\n { field: \"allocatedCount\", title: reconcileJobHeaders[2].description },\r\n { field: \"physicalCount\", title: reconcileJobHeaders[3].description },\r\n { field: \"variance\", title: reconcileJobHeaders[4].description }\r\n ],\r\n dataBound: function (e) {\r\n\r\n that.applyGridRowColorForVariance();\r\n var treelist = $(\"#reconcileTreelist\").data(\"kendoTreeList\");\r\n\r\n //var hmm = treelist.select();\r\n var data = treelist.dataSource.view();\r\n var guidVarianceObject = {};\r\n for (var z = 0; z < data.length; z++) {\r\n guidVarianceObject[data[z].uid] = data[z].variance;\r\n }\r\n that.setState({\r\n guidVarianceObject: guidVarianceObject\r\n });\r\n /*\r\n var treeview = $(\"#reconcileTreelist\").data(\"kendoTreeList\").dataSource._data;\r\n console.log('treeview', treeview);\r\n var grid = $('#reconcileTreelist').data('kendoTreeList');\r\n var gridData = grid.dataSource.view();\r\n\r\n for (var i = 0; i < gridData.length; i++) {\r\n if (gridData[i].variance != 0 && gridData[i].variance != null ) {\r\n that.setState({ disableReconcileJobs:false });\r\n grid.table.find(\"tr[data-uid='\" + gridData[i].uid + \"']\").addClass(\"wms-variance-allocated\");\r\n }\r\n }\r\n */\r\n },\r\n collapse: function (e) {\r\n that.applyGridRowColorForVariance();\r\n\r\n },\r\n expand: function (e) {\r\n that.applyGridRowColorForVariance();\r\n\r\n }\r\n });\r\n\r\n $(document).on('click', '#reconcileTreelist tr', function (event) {\r\n var grid = $(\"#reconcileTreelist\").data(\"kendoTreeList\");\r\n var selectedItem = grid.dataItem(grid.select());\r\n // var ok = 5;\r\n // If they click on a row that is not auditNodeType then it is a row that is not a skuble\r\n // For example it might be a sku or location\r\n // We are currently only allowing skuble selection so we need to clear the selction\r\n if (selectedItem != null && typeof selectedItem != 'undefined' && selectedItem.auditNodeType == 1) {\r\n grid.clearSelection();\r\n that.updateSkuble(null);\r\n } else {\r\n if (selectedItem != null && typeof selectedItem != 'undefined') {\r\n that.updateSkuble(selectedItem.skuble);\r\n var tr = $(this);\r\n grid.select(tr);\r\n setTimeout(function () {\r\n // set selected item parent id to manage multiple skuble and select only parent id child locations\r\n if (selectedItem.auditNodeType == 2) {\r\n selectLocationParentId = selectedItem.id;\r\n } else if (selectedItem.auditNodeType == 0) {\r\n selectLocationParentId = selectedItem.parentId;\r\n }\r\n var rootNode = that.getRootNode(selectedItem);\r\n that.selectChildNodes(rootNode);\r\n\r\n var treelist = $(\"#reconcileTreelist\").data(\"kendoTreeList\");\r\n\r\n var selection = treelist.select();\r\n var activeSelectionVariance = false;\r\n for (var x = 0; x < selection.length; x++) {\r\n if (that.state.guidVarianceObject[selection[x].dataset.uid] != 0 && that.state.guidVarianceObject[selection[x].dataset.uid] != null) {\r\n activeSelectionVariance = true;\r\n }\r\n }\r\n that.setState({\r\n activeSelectionVariance: activeSelectionVariance\r\n });\r\n\r\n }, 100);\r\n }\r\n }\r\n\r\n });\r\n that.setCurrentSelectJobData(that.state.sharedCycleCount.EditData);\r\n }\r\n\r\n applyGridRowColorForVariance() {\r\n // HACK, currently the kendo events of collapse and expand fire before the event and when trying to update the dom during the event\r\n // it does not seem tow ork, so we need an event that fires after dom rendering, we are investigating this but this will work for now\r\n setTimeout(function () {\r\n var treeview = $(\"#reconcileTreelist\").data(\"kendoTreeList\").dataSource._data;\r\n console.log('treeview', treeview);\r\n var grid = $('#reconcileTreelist').data('kendoTreeList');\r\n var gridData = grid.dataSource.view();\r\n\r\n for (var i = 0; i < gridData.length; i++) {\r\n //if (gridData[i].variance != 0 && gridData[i].variance != null ) {\r\n if (gridData[i].variance != 0 && gridData[i].variance != null) {\r\n that.setState({ disableReconcileJobs: false });\r\n grid.table.find(\"tr[data-uid='\" + gridData[i].uid + \"']\").addClass(\"wms-variance-allocated\");\r\n }\r\n else {\r\n grid.table.find(\"tr[data-uid='\" + gridData[i].uid + \"']\").removeClass(\"wms-variance-allocated\");\r\n }\r\n }\r\n }, 200);\r\n\r\n\r\n\r\n }\r\n\r\n getRootNode(tlModel) {\r\n var rootNode = tlModel;\r\n var level = dataSource.level(tlModel);\r\n while (level !== 0) {\r\n rootNode = dataSource.parentNode(rootNode);\r\n level = dataSource.level(rootNode);\r\n }\r\n return rootNode;\r\n }\r\n\r\n selectChildNodes(tlModel) {\r\n\r\n var childNodes = dataSource.childNodes(tlModel);\r\n var treelist = $(\"#reconcileTreelist\").data(\"kendoTreeList\");\r\n (tlModel.auditNodeType != 1 &&\r\n (tlModel.id == selectLocationParentId ||\r\n tlModel.parentId == selectLocationParentId)\r\n ) ? treelist.select($(\"tr[data-uid='\" + tlModel.uid + \"']\")) : '';\r\n for (var i = 0; i < childNodes.length; i++) {\r\n that.selectChildNodes(childNodes[i]);\r\n }\r\n\r\n }\r\n //set Grid response in grid columns format\r\n setReconcilegridFormat(auditReconcileData) {\r\n for (var index = 0; index < auditReconcileData.length; index++) {\r\n if (typeof auditReconcileData[index].parentId != 'undefined') {\r\n if (auditReconcileData[index].parentId != null) {\r\n var getIndex = ObjectWms.FindIndexByProperty(auditReconcileData, \"id\", auditReconcileData[index].parentId);\r\n if (getIndex != -1 &&\r\n auditReconcileData[getIndex].parentId == null ||\r\n auditReconcileData[getIndex].parentId == 0) {\r\n // auditReconcileData[index].itemDetail = auditReconcileData[index].title;\r\n // delete auditReconcileData[index].title;\r\n } else {\r\n // auditReconcileData[index].location = auditReconcileData[index].title;\r\n // delete auditReconcileData[index].title;\r\n }\r\n }\r\n }\r\n }\r\n return auditReconcileData;\r\n }\r\n setCurrentSelectJobData(jobsData) {\r\n var countsUri = [];\r\n jobsData.filter(function (jobDetail) {\r\n countsUri.push(jobDetail.CountsUri);\r\n });\r\n kendo.ui.progress($('#reconcileTreelist'), true);\r\n cyclecountService.GetAuditReconciles(countsUri).then(function (response) {\r\n if (response.status == 200) {\r\n if (typeof $('#reconcileTreelist').data('kendoTreeList') != 'undefined') {\r\n var data = that.setReconcilegridFormat(response.data);\r\n $('#reconcileTreelist').data('kendoTreeList').dataSource.data(data);\r\n $('#reconcileTreelist').data('kendoTreeList').refresh();\r\n that.setState({ selectedSkuble: null });\r\n that.applyGridRowColorForVariance();\r\n\r\n }\r\n }\r\n kendo.ui.progress($('#reconcileTreelist'), false);\r\n }, function (response) {\r\n // GlobalService.notification('error', response);\r\n kendo.ui.progress($('#reconcileTreelist'), false);\r\n });\r\n }\r\n\r\n UNSAFE_componentWillReceiveProps(nextProps) {\r\n if (nextProps.sharedCycleCount != this.state.sharedCycleCount) {\r\n\r\n that.setState({\r\n sharedCycleCount: Object.assign(\r\n {},\r\n that.state.sharedCycleCount,\r\n nextProps.sharedCycleCount\r\n ),\r\n initialCycleCountJobsGrid: 0,\r\n });\r\n }\r\n }\r\n /*\r\n We have a skuble that we keep track of when someone selects a row\r\n We keep track of the\r\n selectedSkuble\r\n skubleTitle\r\n Rather than setting both of these everytime we have a function that does both of these so we don't have to repeat that logic everywhere\r\n */\r\n updateSkuble(skubleObject) {\r\n let date;\r\n let skubleTitle = \"\";\r\n if (skubleObject !== null) {\r\n skubleObject.Sku ? skubleTitle = skubleTitle + skubleObject.Sku + \":\" : null;\r\n skubleObject.LotNumber ? skubleTitle = skubleTitle + \", \" + skubleObject.LotNumber : null;\r\n skubleObject.Qualifier ? skubleTitle = skubleTitle + \", \" + skubleObject.Qualifier + \":\" : null;\r\n skubleObject.SerialNumber ? skubleTitle = skubleTitle + \", \" + skubleObject.SerialNumber + \":\" : null;\r\n if (skubleObject.ExpirationDate) {\r\n if (skubleObject.ExpirationDate.indexOf('Date') != -1) {\r\n let date = new Date(parseInt(skubleObject.ExpirationDate.substr(6)));\r\n skubleObject.ExpirationDate = date.toISOString();\r\n skubleTitle = skubleTitle + \", \" + date.toDateString();\r\n }\r\n }\r\n }\r\n\r\n that.setState({\r\n selectedSkuble: skubleObject,\r\n skubleTitle: skubleTitle\r\n });\r\n }\r\n\r\n openAdjustQtyModal() {\r\n that.setState({\r\n sysQntGif: true\r\n });\r\n var selectedJobData = that.state.sharedCycleCount.EditData;\r\n var auditCountsUris = [];\r\n for (var i = 0; i < selectedJobData.length; i++) {\r\n auditCountsUris.push(selectedJobData[i].CountsUri);\r\n }\r\n kendo.ui.progress($('#adjustQuanity'), true);\r\n console.log($('#adjustQuanity'));\r\n // $('#adjustQuanity').remove();\r\n cyclecountService.getReconcilePreview(auditCountsUris, that.state.selectedSkuble).then(function (response) {\r\n\r\n // lets set the token in our state to use in other sections here\r\n that.setState({\r\n token: response.data.Token\r\n });\r\n var modelOptions = that.state.systemQuantitiesModelOption;\r\n modelOptions.title = 'Adjust System Quantities';\r\n modelOptions.width = 700;\r\n modelOptions.height = 315;\r\n modelOptions.isOpen = true;\r\n that.setState({\r\n systemQuantitiesModelOption: modelOptions\r\n });\r\n var adjustQtyGrid = {\r\n resizable: true,\r\n dataSource: {\r\n data: response.data.Operations,\r\n schema: {\r\n model: {\r\n id: \"Id\",\r\n fields: {\r\n SrcLocation: { type: \"string\" },\r\n TgtLocation: { type: \"string\" },\r\n Operation: { type: \"number\" },\r\n Qty: { type: \"number\" }\r\n }\r\n }\r\n },\r\n },\r\n selectable: \"multiple, row\",\r\n };\r\n var adjustQtyGridColumns = {\r\n columns: [{\r\n field: \"SrcLocation\",\r\n title: 'Source Location',\r\n wmsid: 1,\r\n filterable: false\r\n }, {\r\n field: \"TgtLocation\",\r\n title: \"Target Location\",\r\n wmsid: 2,\r\n filterable: true,\r\n }, {\r\n field: \"Operation\",\r\n title: \"Operation\",\r\n wmsid: 3,\r\n filterable: true,\r\n template: \"#= Operation != 1 ? 'Adjust' : 'Swap' #\"\r\n },\r\n {\r\n field: \"Qty\",\r\n title: \"Qty\",\r\n wmsid: 4,\r\n filterable: true,\r\n }]\r\n };\r\n var finalOptionsObj = locationQtyGrid.getGridOptions(adjustQtyGridColumns, adjustQtyGrid, '[{}]');\r\n console.log('finalOptionsObj', finalOptionsObj);\r\n $(\"#cycleCountAdjustQtyGrid\").kendoGrid(finalOptionsObj);\r\n that.setState({\r\n sysQntGif: false\r\n });\r\n kendo.ui.progress($('#adjustQuanity'), false);\r\n\r\n\r\n }, function (response) {\r\n that.setState({ sysQntGif: false });\r\n kendo.ui.progress($('#adjustQuanity'), false);\r\n\r\n });\r\n\r\n\r\n }\r\n closeJob() {\r\n\r\n var selectedJobData = that.state.sharedCycleCount.EditData;\r\n var auditCountsUris = [];\r\n for (var i = 0; i < selectedJobData.length; i++) {\r\n auditCountsUris.push(selectedJobData[i].EditUri);\r\n }\r\n that.props.closeJob(auditCountsUris);\r\n }\r\n closeAdjustQtyModal() {\r\n\r\n var modelOptions = that.state.systemQuantitiesModelOption;\r\n modelOptions.isOpen = false;\r\n that.setState({\r\n systemQuantitiesModelOption: modelOptions\r\n });\r\n cyclecountService.makeItSoReconcile(that.state.token, false).then(function (response) {\r\n\r\n }, function (response) {\r\n\r\n });\r\n }\r\n\r\n makeAdjustmentsClick() {\r\n\r\n that.setState({ makeAdjustmentsGif: true });\r\n cyclecountService.makeItSoReconcile(that.state.token, true).then(function (response) {\r\n GlobalService.notification('success', that.translate('Label_Make_Adjust_Success'));\r\n $(\"#adjustQuanity\").data('kendoWindow').close();\r\n that.setCurrentSelectJobData(that.state.sharedCycleCount.EditData);\r\n\r\n that.setState({ makeAdjustmentsGif: false });\r\n }, function (response) {\r\n // GlobalService.notification('error', response);\r\n that.setState({ makeAdjustmentsGif: false });\r\n });\r\n\r\n\r\n }\r\n\r\n cancelAdjustQtyModal() {\r\n $(\"#adjustQuanity\").data('kendoWindow').close();\r\n }\r\n\r\n /*/\r\n If we call a preview of the reconcile we get a token that we keep in session\r\n Proceeding with reconciling will remove the token from session but if the user decides they want to cancel the reconcile process\r\n we still want to remove the token, that is what this function does\r\n */\r\n cancelReconcile() {\r\n cyclecountService.makeItSoReconcile(\"\", false).then(function (response) {\r\n\r\n }, function (response) {\r\n\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n - \r\n
- Recount Everything \r\n
- Recount with Track-Bys \r\n
- Recount Location(s) \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n this.getAuditReviewCSV()}\r\n buttonType={'green'}\r\n loading={this.state.exportLoading }\r\n icon='fa-file-export' />\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {this.state.optionJobs.length > 1 &&
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n\r\n );\r\n }\r\n}","\r\nimport React from 'react';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport style from './cyclecount.scss';\r\nimport { CyclecountGrid } from './cyclecount-grid.component.jsx';\r\nimport { CyclecountForm } from './cyclecount-form.component.jsx';\r\nimport { ReviewCountSection } from './reviewcount-section.component.jsx';\r\nimport { ReconciletSection } from './reconcile-section.component.jsx';\r\n\r\nimport * as GlobalService from './../global_services';\r\nimport * as cyclecountService from './cyclecount.services.jsx';\r\nimport * as emitter from '../emitter';\r\nimport { kendo } from \"./../global_variable_service.jsx\";\r\nvar that;\r\n\r\nexport class cyclecountHolder extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n warehouseOption: [],\r\n indexOptionsWarehouse: '',\r\n sharedCycleCount: {\r\n userOption:[]\r\n },\r\n selector:'AuditInventory'\r\n\r\n };\r\n\r\n this.translate = window.translate;\r\n this.handleChange = this.handleChange.bind(this);\r\n this.setCreateEditData = this.setCreateEditData.bind(this);\r\n that = this;\r\n\r\n // reload grid after create/edit job\r\n emitter.eventBus.on('reloadJobGrid', function (data) {\r\n that.initialOption(that.state.sharedCycleCount.warehouseSelection.uri);\r\n that.setState({\r\n sharedCycleCount: Object.assign(\r\n {},\r\n that.state.sharedCycleCount,\r\n {\r\n flowType: 'create',\r\n createEditFormShow:false,\r\n reviewCountSectionShow:false,\r\n reconcileSectionShow:false,\r\n EditData: [],\r\n }\r\n ),\r\n });\r\n });\r\n }\r\n\r\n componentDidMount() {\r\n kendo.ui.progress($(\".cyclecount-holder-react\"), true);\r\n GlobalService.GetCustomersAndFacility().then(() => {\r\n this.setState({\r\n warehouseOption: GlobalService.getFacilityList(false)\r\n });\r\n }).finally(() => {\r\n kendo.ui.progress($('.cyclecount-holder-react'), false);\r\n });\r\n }\r\n\r\n handleChange(event) {\r\n\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n\r\n this.state.warehouseOption.filter(function (item) {\r\n if (item.id == event.target.value) {\r\n setTimeout(function () {\r\n that.setState({\r\n sharedCycleCount: Object.assign(\r\n {},\r\n that.state.sharedCycleCount,\r\n {\r\n flowType: 'create',\r\n EditData: [],\r\n warehouseSelection: item,\r\n reviewCountSectionShow: false,\r\n reconcileSectionShow: false,\r\n }\r\n ),\r\n });\r\n that.initialOption(that.state.sharedCycleCount.warehouseSelection.uri);\r\n }, 0);\r\n }\r\n });\r\n\r\n }\r\n\r\n closeJob(auditCountsUris) {\r\n\r\n that.setState({ sharedCycleCount: Object.assign({}, that.state.sharedCycleCount, { closejobGif: true, }) });\r\n cyclecountService.closeJob(auditCountsUris).then(function (response) {\r\n console.log('Closejob Response', response);\r\n // response = { status: 204 };\r\n if (typeof response != 'undefined' && response.status == 204) {\r\n GlobalService.notification('success', that.translate('Label_Close_job_success'));\r\n\r\n that.setState({\r\n sharedCycleCount: Object.assign(\r\n {},\r\n that.state.sharedCycleCount,\r\n {\r\n createEditFormShow: false,\r\n reviewCountSectionShow: false,\r\n reconcileSectionShow: false,\r\n closejobGif: false,\r\n }\r\n ),\r\n });\r\n that.initialOption(that.state.sharedCycleCount.warehouseSelection.uri);\r\n }\r\n that.setState({ sharedCycleCount: Object.assign({}, that.state.sharedCycleCount, { closejobGif: false, }) });\r\n }, function (response) {\r\n // GlobalService.notification('error', response);\r\n that.setState({ sharedCycleCount: Object.assign({}, that.state.sharedCycleCount, { closejobGif: false, }) });\r\n });\r\n }\r\n\r\n // Function called when setCreateEditData props call by child\r\n setCreateEditData(data){\r\n console.log('setCreateEditData : ',data);\r\n this.setState({\r\n sharedCycleCount: Object.assign(\r\n {},\r\n that.state.sharedCycleCount,\r\n {\r\n flowType: data.flowType,\r\n EditData: data.EditData,\r\n createEditFormShow: data.createEditFormShow,\r\n reviewCountSectionShow: data.reviewCountSectionShow,\r\n reconcileSectionShow:false\r\n }\r\n ),\r\n });\r\n }\r\n closeCyclecountForm(){\r\n that.setState({\r\n sharedCycleCount: Object.assign(\r\n {},\r\n that.state.sharedCycleCount,\r\n {\r\n createEditFormShow:false,\r\n reviewCountSectionShow:false,\r\n reconcileSectionShow:false,\r\n }\r\n ),\r\n });\r\n }\r\n\r\n closeReviewCountSection(){\r\n that.setState({\r\n sharedCycleCount: Object.assign(\r\n {},\r\n that.state.sharedCycleCount,\r\n {\r\n reviewCountSectionShow: false,\r\n }\r\n ),\r\n });\r\n }\r\n toggleReconcileSection(){\r\n that.setState({\r\n sharedCycleCount: Object.assign(\r\n {},\r\n that.state.sharedCycleCount,\r\n {\r\n reconcileSectionShow: !that.state.sharedCycleCount.reconcileSectionShow,\r\n reviewCountSectionShow: false,\r\n }\r\n ),\r\n });\r\n }\r\n\r\n initialOption(facilityUri) {\r\n kendo.ui.progress($('#cycleCountJobsGrid .k-grid-content'), true);\r\n cyclecountService.cyclecountOption(facilityUri).then(function (response) {\r\n if (response.status == 200) {\r\n response.data.LocationTypes.unshift({ \"Name\": \"All\", \"Value\": 0 });\r\n that.setState({\r\n sharedCycleCount: Object.assign(\r\n {},\r\n that.state.sharedCycleCount,\r\n {\r\n searchInfo: response.data.SearchInfo,\r\n locationTypes: response.data.LocationTypes,\r\n userOption: response.data.Users,\r\n cycleCountGridData: response.data.Audits,\r\n }\r\n ),\r\n });\r\n }\r\n kendo.ui.progress($('#cycleCountJobsGrid .k-grid-content'), false);\r\n }, function (response) {\r\n console.log(\"Grid w sort \", response);\r\n kendo.ui.progress($('#cycleCountJobsGrid .k-grid-content'), false);\r\n });\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n\r\n }\r\n}","var axios = require(\"axios\");\r\n\r\nexport const auditOptions = function (facilityUri) {\r\n return axios.get(`/WebUI/Inventory/ManageAudits/AuditOptions?facilityUri=${facilityUri}`).then(function (response) {\r\n return response;\r\n });\r\n};\r\nexport const auditSearchInfo = function (searchData) {\r\n return axios\r\n .put(\"/WebUI/Inventory/UpdateSession/AuditSearchInfo\", { \"searchInfo\": searchData })\r\n .then(function (response) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const auditJob = function (param, facilityUri, type) {\r\n let url = \"/WebUI/inventory/editaudits/audit\";\r\n if (type === \"Create\") {\r\n return axios.post(url, { auditView: param, facilityUri: facilityUri }).then((response: any) => {\r\n return response;\r\n });\r\n } else {\r\n return axios.put(url, param).then((response: any) => {\r\n return response;\r\n });\r\n }\r\n};\r\n\r\nexport const closeJob = function (auditUris) {\r\n let url = \"/WebUI/Inventory/ManageAudits/Close\";\r\n return axios.put(url, { \"auditUris\": auditUris }).then((response: any) => {\r\n return response;\r\n });\r\n};\r\n\r\nexport const locationGridSearchInfoSend = function (searchData) {\r\n return axios.put(\"/WebUI/Inventory/UpdateSession/AuditLocationSearchInfo\", searchData).then(function (response) {\r\n return response;\r\n });\r\n};\r\n","import React, { useState, useEffect, useRef } from \"react\";\r\n\r\n//component\r\nimport WmsButton from \"../components/WmsButton/WmsButton.jsx\";\r\nimport { StringWms } from \"../../../assets/ts/StringWms\";\r\nimport WmsInput from \"../components/WmsInput/WmsInput.jsx\";\r\nimport WmsDropdown from \"../components/WmsDropdown/WmsDropdown.jsx\";\r\nimport WmsCheckBox from \"../components/WmsCheckBox/WmsCheckBox.jsx\";\r\nimport WmsCollapse from \"../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport \"./audit-inventory.scss\";\r\nimport * as GlobalService from \"../global_services.js\";\r\n\r\nimport * as auditInventoryServices from \"./audit-inventory.services\";\r\n\r\ninterface Props {\r\n selector: string;\r\n windowId: string;\r\n userOptions: any;\r\n onClickForFilterToggle: () => void;\r\n onApplyFilter: () => void;\r\n OnFacilitySelect: (facUri: any) => void;\r\n}\r\nconst defaultFilterValue = {\r\n IndexOptionsJobName: 0,\r\n IndexOptionsStatus: -1,\r\n IndexOptionsUserName: -1,\r\n JobName: null,\r\n Status: \"All\",\r\n UserName: null,\r\n TrackBys: false,\r\n};\r\n\r\ndeclare var window: any;\r\n\r\nconst AuditInventorySearch: React.FC\r\n
\r\n {this.state.indexOptionsWarehouse && (\r\n this.initialOption(that.state.sharedCycleCount.warehouseSelection.uri)}\r\n closeJob={this.closeJob}\r\n setCloseData={this.setCloseData}\r\n />\r\n {this.state.sharedCycleCount.createEditFormShow && (
)}\r\n \r\n
\r\n );\r\n};\r\nAuditInventorySearch.propTypes = {};\r\n\r\nAuditInventorySearch.defaultProps = {};\r\n\r\nexport default React.memo(AuditInventorySearch);\r\n","export function cycleCountJobsGridColumns(titleArray) {\r\n return [\r\n {\r\n field: \"Name\",\r\n title: titleArray[0].description,\r\n width: 120,\r\n wmsid: 1,\r\n filterable: true,\r\n },\r\n {\r\n field: \"CreationDate\",\r\n title: titleArray[1].description,\r\n template: \"#= CreationDate != null ? kendo.toString(kendo.parseDate(CreationDate), 'MMM dd,yyyy') : '' #\",\r\n width: 120,\r\n wmsid: 2,\r\n filterable: true,\r\n },\r\n {\r\n field: \"AuditType\",\r\n title: titleArray[2].description,\r\n width: 120,\r\n wmsid: 3,\r\n filterable: true,\r\n },\r\n {\r\n field: \"Status\",\r\n title: titleArray[3].description,\r\n template:\r\n \"# if(Status == 0){# Open #}else if(Status == 1){# Counting #}else if(Status == 2){# Counted #}else if(Status == 3){# Closed #} # \",\r\n width: 120,\r\n wmsid: 4,\r\n filterable: true,\r\n },\r\n {\r\n field: \"NumberOfLocations\",\r\n title: titleArray[4].description,\r\n width: 120,\r\n wmsid: 5,\r\n filterable: true,\r\n },\r\n {\r\n field: \"AssignedTo\",\r\n title: titleArray[5].description,\r\n template: \"#= AssignedTo != null ? AssignedTo.Name : '' #\",\r\n width: 120,\r\n wmsid: 6,\r\n filterable: true,\r\n },\r\n {\r\n field: \"UseTrackBys\",\r\n title: titleArray[6].description,\r\n template: \"#= UseTrackBys == true ? 'Yes' : 'No' #\",\r\n width: 120,\r\n wmsid: 7,\r\n filterable: true,\r\n },\r\n ];\r\n}\r\nexport function cycleCountJobsGridSchema() {\r\n return {\r\n model: {\r\n id: \"EditUri\",\r\n fields: {\r\n Name: {\r\n type: \"string\",\r\n },\r\n CreationDate: {\r\n type: \"string\",\r\n },\r\n AuditType: {\r\n type: \"string\",\r\n },\r\n NumberOfLocations: {\r\n type: \"number\",\r\n },\r\n UseTrackBys: {\r\n type: \"boolean\",\r\n },\r\n Status: {\r\n type: \"string\",\r\n },\r\n AssignedTo: {\r\n type: \"any\",\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nexport function itemsGridColumns() {\r\n return [\r\n {\r\n selectable: true,\r\n width: 40,\r\n // eslint-disable-next-line sonarjs/no-duplicate-string\r\n attributes: { class: \"k-text-center\" },\r\n headerAttributes: { class: \"k-text-center\" },\r\n },\r\n {\r\n field: \"Name\",\r\n title: \"Locations\",\r\n width: 120,\r\n wmsid: 1,\r\n filterable: true,\r\n },\r\n {\r\n field: \"Type\",\r\n title: \"Location Type\",\r\n width: 120,\r\n wmsid: 4,\r\n filterable: true,\r\n },\r\n {\r\n field: \"Deactivated\",\r\n title: \"Status\",\r\n width: 120,\r\n wmsid: 6,\r\n template: \"#= Deactivated ? 'Inactive' : 'Active' #\",\r\n filterable: true,\r\n },\r\n ];\r\n}\r\nexport function locationsGridColumns() {\r\n return [\r\n {\r\n selectable: true,\r\n width: 40,\r\n // eslint-disable-next-line sonarjs/no-duplicate-string\r\n attributes: { class: \"k-text-center\" },\r\n headerAttributes: { class: \"k-text-center\" },\r\n },\r\n {\r\n field: \"Name\",\r\n title: \"Locations\",\r\n width: 120,\r\n wmsid: 1,\r\n filterable: true,\r\n },\r\n {\r\n field: \"LastCounted\",\r\n title: \"LastCounted\",\r\n width: 120,\r\n wmsid: 3,\r\n filterable: true,\r\n },\r\n {\r\n field: \"Type\",\r\n title: \"Location Type\",\r\n width: 120,\r\n wmsid: 4,\r\n filterable: true,\r\n },\r\n {\r\n field: \"Deactivated\",\r\n title: \"Status\",\r\n width: 120,\r\n wmsid: 6,\r\n template: \"#= Deactivated ? 'Inactive' : 'Active' #\",\r\n filterable: true,\r\n },\r\n ];\r\n}\r\nexport function locationsGridSchema() {\r\n return {\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n model: {\r\n id: \"Id\",\r\n fields: {\r\n Name: {\r\n type: \"string\",\r\n },\r\n LastCounted: {\r\n type: \"string\",\r\n },\r\n Type: {\r\n type: \"string\",\r\n },\r\n Deactivated: {\r\n type: \"boolean\",\r\n },\r\n },\r\n },\r\n },\r\n };\r\n}\r\nexport const getGridDemoAuditLocationsGridRead = (facilityId, auditType, pastndays, ItemId, isSuggestedLocation) => {\r\n let dataPayload = null;\r\n dataPayload = {\r\n facilityId: facilityId,\r\n auditType: auditType,\r\n filter: \"Deactivated~eq~false\",\r\n itemid: ItemId,\r\n };\r\n if (isSuggestedLocation) {\r\n dataPayload.pastndays = pastndays;\r\n }\r\n return {\r\n transport: {\r\n read: {\r\n url:\r\n auditType === \"Location\"\r\n ? \"/WebUI/Inventory/EditAudits/AuditLocationsGridRead\"\r\n : \"/WebUI/Inventory/EditAudits/ItemAuditLocationsGridRead\",\r\n type: \"POST\",\r\n data: dataPayload,\r\n dataType: \"json\",\r\n },\r\n destroy: {\r\n url:\r\n auditType === \"Location\"\r\n ? \"/WebUI/Inventory/EditAudits/AuditLocationsGridRead\"\r\n : \"/WebUI/Inventory/EditAudits/ItemAuditLocationsGridRead\",\r\n type: \"GET\",\r\n dataType: \"JSON\",\r\n },\r\n parameterMap: function (options, operation) {\r\n if (operation !== \"read\" && options.models) {\r\n return {\r\n models: JSON.stringify(options.models),\r\n };\r\n }\r\n },\r\n },\r\n };\r\n};\r\n\r\nexport function jobLocationsGridSchema() {\r\n return {\r\n schema: {\r\n model: {\r\n id: \"Id\",\r\n fields: {\r\n Name: {\r\n type: \"string\",\r\n },\r\n },\r\n },\r\n },\r\n };\r\n}\r\nexport function jobLocationsGridColumns(auditType) {\r\n return [\r\n {\r\n selectable: true,\r\n width: 20,\r\n headerAttributes: { class: \"k-text-center\" },\r\n attributes: {\r\n \"class\": \"#=IsRequired ? 'k-text-center k-state-disabled k-hide-chield':'k-text-center '#\",\r\n },\r\n },\r\n {\r\n field: \"Name\",\r\n title: \"Locations\",\r\n width: 120,\r\n attributes: { class: auditType === \"Item\" ? \"audit-type-item\" : \"audit-type-location\" },\r\n headerTemplate: \"Locations \",\r\n template: function (dataItem) {\r\n let format = \"\";\r\n if (auditType === \"Item\" && (dataItem.IsRequired || dataItem.IsSuggested)) {\r\n format = dataItem.IsRequired\r\n ? \"\"\r\n : \"\";\r\n }\r\n return format + dataItem.Name;\r\n },\r\n wmsid: 1,\r\n filterable: true,\r\n },\r\n ];\r\n}\r\n","import React, { useEffect } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport \"./WmsGridCheckBoxSelection.scss\";\r\nimport _ from \"lodash\";\r\n\r\ninterface GridProps {\r\n id?: string; // this should write the id to the radio\r\n onRequestEnd?: any; // this should control the onchange event and anything we need to determine before we send it up\r\n onSelectRow?: any; // this should control the selection event\r\n transport?: any; // grid read , update and remove transport object\r\n changeColumnsDynamic?: boolean; // grid read , update and remove transport object\r\n staticGridData?: any; // grid read , update and remove transport object\r\n schema?: any; // grid columns type structure\r\n columns?: any; // grid columns\r\n bindSelectRow?: boolean; // bind row click event\r\n keyId?: string; // row click id\r\n callMethodAfterInitialize?: any; // this method call on grid initiation complete, we not use databound inbuilt kendo event because it's call read call continues on using setOption\r\n changeRemoteGridColumn?: boolean; // on set true it allow to change remote grid column update.\r\n combineSelectedRow?: boolean;\r\n}\r\nlet checkBoxClass = \".k-checkbox\";\r\nlet selectedClass = \"k-selected\";\r\nlet stateSelectedClass = \"k-state-selected\";\r\n\r\nconst WmsGridCheckBoxSelection: React.FC\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nWmsGridCheckBoxSelection.propTypes = {\r\n id: PropTypes.string, // this should write the id to the radio\r\n onRequestEnd: PropTypes.func, // this should control the onchange event and anything we need to determine before we send it up\r\n onSelectRow: PropTypes.func.isRequired, // this should control the onchange event and anything we need to determine before we send it up\r\n transport: PropTypes.object, // grid read , update and remove transport object\r\n changeColumnsDynamic: PropTypes.bool, // grid read , update and remove transport object\r\n staticGridData: PropTypes.array, // grid records\r\n schema: PropTypes.object, // grid column type structure\r\n columns: PropTypes.array, // grid column type\r\n bindSelectRow: PropTypes.bool, // bind row click event\r\n keyId: PropTypes.string, // grid column type\r\n callMethodAfterInitialize: PropTypes.func,\r\n changeRemoteGridColumn: PropTypes.bool,\r\n combineSelectedRow: PropTypes.bool,\r\n};\r\n\r\nWmsGridCheckBoxSelection.defaultProps = {\r\n onSelectRow: () => {},\r\n bindSelectRow: false,\r\n keyId: \"Id\",\r\n callMethodAfterInitialize: () => {},\r\n changeRemoteGridColumn: false,\r\n combineSelectedRow: false,\r\n};\r\n\r\nconst areEqual: any = (prevProps: any, nextProps: any): any => {\r\n return _.isEqual(\r\n _.omit(nextProps, [\"onRequestEnd\", \"onSelectRow\", \"callMethodAfterInitialize\"]),\r\n _.omit(prevProps, [\"onRequestEnd\", \"onSelectRow\", \"callMethodAfterInitialize\"])\r\n );\r\n};\r\nexport default React.memo(WmsGridCheckBoxSelection, areEqual);\r\n","import React, { useState, useEffect } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport WmsModel from \"./../components/WmsModel/WmsModel\";\r\nimport WmsDropdown from \"./../components/WmsDropdown/WmsDropdown\";\r\nimport WmsDropdownList from \"./../components/WmsDropdownList/WmsDropdownList\";\r\nimport WmsInput from \"./../components/WmsInput/WmsInput\";\r\nimport WMSGridCheckBoxSelection from \"../components/WMSGridCheckBoxSelection/WMSGridCheckBoxSelection\";\r\nimport WmsCheckBox from \"./../components/WmsCheckBox/WmsCheckBox\";\r\nimport WmsButton from \"./../components/WmsButton/WmsButton\";\r\nimport * as GridConfig from \"./audit-inventory-grid-configuration\";\r\n\r\nimport \"./audit-inventory.scss\";\r\n// import { StringWms } from \"../../../assets/ts/StringWms\";\r\nimport WmsDateTimePicker from \"../components/WmsDateTimePicker/WmsDateTimePicker\";\r\nimport * as auditInventoryServices from \"./audit-inventory.services\";\r\nimport * as GlobalService from \"../global_services\";\r\n\r\nimport _ from \"lodash\";\r\n// import { KendoWms } from \"../../../assets/ts/KendoWms\";\r\nimport WmsToolTip from \"../components/WmsToolTip/WmsToolTip\";\r\nimport WmsFormGrid from \"../components/WmsFormGrid/WmsFormGrid\";\r\n\r\ndeclare var window: any;\r\n\r\ninterface Props {\r\n onCloseManageAuditInventoryModal: any;\r\n isOpenManageAuditInventoryModal: boolean;\r\n wmsSelector: string;\r\n windowId: string;\r\n userOptions: any;\r\n locationTypes: any;\r\n getAuditOptions: any;\r\n facId: number;\r\n facUri: string;\r\n selectedRowData: any;\r\n auditType: string;\r\n}\r\nconst defaultAuditJobObject = {\r\n \"Name\": \"\",\r\n \"Notes\": \"\",\r\n \"Priority\": 8,\r\n \"AuditType\": \"Item\",\r\n \"UseTrackBys\": false,\r\n \"Locations\": [],\r\n \"AssignedTo\": { Id: \"\" },\r\n \"EditUri\": \"\",\r\n \"ItemId\": \"\",\r\n};\r\n\r\nconst defaultFilterObject = {\r\n \"LocationName\": \"\",\r\n \"LastCounted\": \"\",\r\n \"LocationType\": \"\",\r\n \"ItemId\": \"\",\r\n \"customerId\": 0,\r\n \"pastndays\": 60,\r\n};\r\n\r\nconst ManageAuditInventoryModal: React.FC\r\n
\r\n \r\n 0}\r\n />\r\n
\r\n \r\n {auditJobObj.AuditType === \"Item\" ? (\r\n
\r\n {auditJobObj.AuditType === \"Item\" && (\r\n \r\n \r\n {}}\r\n textField=\"Sku\"\r\n valueField=\"Id\"\r\n showDetailsTooltip={false}\r\n windowId={props.windowId}\r\n parentclassName=\"form-group\"\r\n extraWrapperClass=\"select-an-item-wrapper form_group\"\r\n required={auditJobObj.AuditType === \"Item\"}\r\n virtualObj={{\r\n itemHeight: 45,\r\n valueMapper: (options) => {\r\n var valueMapperOptions = options;\r\n $.ajax({\r\n url: \"/WebUI/Inventory/EditAudits/SkuDropdownIndexRead\",\r\n type: \"POST\",\r\n dataType: \"json\",\r\n data: {\r\n itemId: valueMapperOptions.value || 0,\r\n customerId: filterObj.customerId || 0,\r\n },\r\n success: function (data) {\r\n options.success(data);\r\n },\r\n });\r\n },\r\n }}\r\n dataSourceObj={{\r\n type: \"aspnetmvc-ajax\",\r\n pageSize: 30,\r\n serverPaging: true,\r\n serverFiltering: true,\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Inventory/EditAudits/SkuDropDownRead\",\r\n type: \"POST\",\r\n data: {\r\n customerId: filterObj.customerId,\r\n },\r\n },\r\n },\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n },\r\n }}\r\n />\r\n )}\r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {\" \"}\r\n = Required\r\n
\r\n \r\n \r\n \r\n {\" \"}\r\n = Suggested\r\n
\r\n \r\n {/* eslint-disable */}\r\n {(auditJobObj.AuditType === \"Location\" || (filterObj.customerId && auditJobObj.ItemId)) ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n { }}\r\n />\r\n { }}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\nManageAuditInventoryModal.propTypes = {\r\n onCloseManageAuditInventoryModal: PropTypes.any.isRequired,\r\n isOpenManageAuditInventoryModal: PropTypes.bool.isRequired,\r\n wmsSelector: PropTypes.string.isRequired,\r\n windowId: PropTypes.string.isRequired,\r\n auditType: PropTypes.string,\r\n};\r\n\r\nManageAuditInventoryModal.defaultProps = {\r\n onCloseManageAuditInventoryModal: (): void => {},\r\n isOpenManageAuditInventoryModal: false,\r\n wmsSelector: \"\",\r\n windowId: \"\",\r\n auditType: \"Create\",\r\n};\r\n\r\nexport default React.memo(ManageAuditInventoryModal);\r\n","interface titleInterface {\r\n value: number;\r\n description: string;\r\n}\r\n\r\nexport const reviewAuditJobGridColumns: Function = (titleArray: Array\r\n {\r\n setReviewAuditJobModelOpen(false);\r\n }}\r\n />\r\n )}\r\n
\r\n );\r\n};\r\nAuditInventoryGrid.propTypes = {};\r\n\r\nAuditInventoryGrid.defaultProps = {};\r\n\r\nexport default React.memo(AuditInventoryGrid);\r\n","import React, { useState, useRef } from \"react\";\r\nimport AuditInventorySearch from \"./audit-inventory-search.component\";\r\nimport AuditInventoryGrid from \"./audit-inventory-grid.component\";\r\nimport * as auditInventoryServices from \"./audit-inventory.services\";\r\nimport * as GlobalService from \"./../global_services\";\r\n\r\nimport \"./audit-inventory.scss\";\r\ninterface Props {}\r\ndeclare var window: any;\r\nvar $rootScope = window;\r\nconst selector = \"AuditInventory\";\r\n\r\nconst AuditInventoryHolder: React.FC\r\n null}\r\n shawCheckbox={false}\r\n showGridResult={false}\r\n staticGridData={gridData}\r\n showSortColumns={false}\r\n onDataBound={() => {}}\r\n emptyRecoredText={window.translate(\"Window_Title_Label_Warehouse_selection_Require\")}\r\n menu={[\r\n {\r\n \"name\": window.translate(\"Label_Create\"),\r\n \"value\": [],\r\n \"disabled\": props.facId === 0,\r\n \"icon\": \"fa fa-plus\",\r\n \"color\": \"green\",\r\n \"clickFunc\": onCreateAuditInventoryClick,\r\n \"wmsSelector\": props.selector + \"CreateJob\",\r\n \"isContextMenu\": false,\r\n },\r\n {\r\n \"name\": window.translate(\"Label_Edit\"),\r\n \"value\": [],\r\n \"disabled\": selectedRow !== 1 || !isEditButtonEnable,\r\n \"icon\": \"fa fa-pencil\",\r\n \"color\": \"green\",\r\n \"clickFunc\": onEditAuditInventoryClick,\r\n \"wmsSelector\": props.selector + \"EditJob\",\r\n \"isContextMenu\": false,\r\n },\r\n {\r\n \"name\": window.translate(\"Label_Review\"),\r\n \"value\": [],\r\n \"disabled\": selectedRow !== 1 || isReviewButtonDisabled,\r\n \"icon\": \"fa fa-tasks\",\r\n \"color\": \"green\",\r\n \"clickFunc\": openReviewAuditJobModel,\r\n \"wmsSelector\": props.selector + \"ReviewJob\",\r\n \"isContextMenu\": false,\r\n },\r\n {\r\n \"name\": window.translate(\"Label_Close\"),\r\n \"value\": [],\r\n \"disabled\": selectedRow === 0 || isJobClosed,\r\n \"icon\": \"fa fa-times-circle\",\r\n \"color\": \"green\",\r\n \"clickFunc\": onCloseAuditJobClick,\r\n \"wmsSelector\": props.selector + \"CloseJob\",\r\n \"isContextMenu\": false,\r\n \"loading\": props.closejobGif,\r\n \"tooltipText\": window.translate(\r\n selectedRow === 0 ? \"Label_NoRows_Close_Audits\" : \"Label_Disable_Close_Audits\"\r\n ),\r\n \"showToolTip\": true,\r\n },\r\n {\r\n \"name\": \"\",\r\n \"wmsSelector\": props.selector + \"RefreshGrid\",\r\n \"value\": [],\r\n \"clickFunc\": refreshAuditInventoryGrid,\r\n \"disabled\": false,\r\n \"icon\": \"fa-sync-alt\",\r\n \"color\": \"blue\",\r\n \"isContextMenu\": false,\r\n \"isButtonMenu\": true,\r\n \"parentClassName\": \"auditInventoryRefreshButton\",\r\n },\r\n ]}\r\n />\r\n {isShowManageAuditInventoryModal && (\r\n
\r\n {isReviewAuditJobModelOpen && (\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}","\r\nimport React from 'react';\r\nimport * as GlobalService from '../../global_services';\r\nimport style from '../report-iframe.scss';\r\nimport { reportIframe } from '../report-iframe.component.jsx';\r\nimport { transferActivity } from '../../reports/transferActivity/transfer-activity.component.jsx';\r\n\r\nexport class transactionsIframeList extends React.Component {\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.$rootScope = window;\r\n this.translate = window.translate\r\n this.state = {\r\n reloadGrid: false,\r\n sharedUserUri: null,\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n Rights: GlobalService.GetRights(),\r\n }\r\n }\r\n setIframeUrl = (iframeUrl, reportTitle, urlParam) => e => {\r\n this.$rootScope.OpenWindow({\r\n url: '\r\n
\r\n )\r\n }\r\n}\r\n","\r\nimport React from 'react';\r\nimport * as GlobalService from '../../global_services';\r\nimport style from '../report-iframe.scss';\r\nimport { reportIframe } from '../report-iframe.component.jsx';\r\n\r\nexport class itemsIframeList extends React.Component {\r\n constructor(props) {\r\n\r\n super(props);\r\n \r\n this.$rootScope = window;\r\n this.translate = window.translate\r\n this.state = {\r\n reloadGrid: false,\r\n sharedUserUri: null,\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n Rights: GlobalService.GetRights(),\r\n }\r\n }\r\n setIframeUrl = (iframeUrl, reportTitle, urlParam) => e => {\r\n this.$rootScope.OpenWindow({\r\n url: '- \r\n
- \r\n
- \r\n {this.state.Rights.hasOwnProperty('admin.reports.l1') && (\r\n
- \r\n {this.translate('Label_Transaction_Register_Report')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l2') && (\r\n
- \r\n {this.translate('Label_Transaction_Activity_Report')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l2') && (\r\n
- \r\n {this.translate('Label_View_Transaction_Report')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l2') && (\r\n
- \r\n {this.translate('Label_Transaction_Lineitem_Report')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l2') && (\r\n
- \r\n {this.translate('Label_Shipment_Value_Report')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l2') && (\r\n
- \r\n {this.translate('Label_Open_Order_Report')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l2') && (\r\n
- \r\n {this.translate('Label_Open_Receivings_Report')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l2') && (\r\n
- \r\n {this.translate('Label_Open_Assemblies_Report')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l4') && (\r\n
- \r\n {this.translate('Label_Overage_Shortage_Damaged_Report')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l3') && this.state.Rights.hasOwnProperty('isWarehouseUser') && (\r\n
- \r\n \", \"Label_Transfer_Activity_Report\", \"transfer-activity\")}>{this.translate('Label_Transfer_Activity_Report')}\r\n \r\n )}\r\n
\r\n
\r\n
\r\n )\r\n }\r\n}\r\n","\r\nimport React from 'react';\r\nimport * as GlobalService from '../../global_services';\r\nimport style from '../report-iframe.scss';\r\nimport { reportIframe } from '../report-iframe.component.jsx';\r\n\r\nexport class locationsIframeList extends React.Component {\r\n constructor(props) {\r\n\r\n super(props);\r\n \r\n this.$rootScope = window;\r\n this.translate = window.translate\r\n this.state = {\r\n reloadGrid: false,\r\n sharedUserUri: null,\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n Rights: GlobalService.GetRights(),\r\n }\r\n }\r\n setIframeUrl = (iframeUrl, reportTitle, urlParam) => e => {\r\n this.$rootScope.OpenWindow({\r\n url: '- \r\n
- \r\n
- \r\n {this.state.Rights.hasOwnProperty('admin.reports.l1') && (\r\n
- \r\n {this.translate('Label_Item_Activity_Report')}\r\n \r\n )}\r\n {false && (\r\n
- \r\n {this.translate('Label_Inventory_Analysis')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l2') && (\r\n
- \r\n {this.translate('Label_View_Item_Report')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l4') && this.state.Rights.hasOwnProperty('isWarehouseUser') && (\r\n
- \r\n {this.translate('Label_Item_Movement_Report')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l4') && (\r\n
- \r\n {this.translate('Label_Inventory_Weight_Volume_Report')}\r\n \r\n )}\r\n
\r\n
\r\n
\r\n )\r\n }\r\n}\r\n","\r\nimport React from 'react';\r\nimport * as GlobalService from './../../global_services';\r\nimport style from '../report-iframe.scss';\r\nimport { reportIframe } from '../report-iframe.component.jsx';\r\nexport class managementIframeList extends React.Component {\r\n constructor(props) {\r\n\r\n super(props);\r\n \r\n this.$rootScope = window;\r\n this.translate = window.translate\r\n this.state = {\r\n reloadGrid: false,\r\n sharedUserUri: null,\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n Rights: GlobalService.GetRights(),\r\n }\r\n }\r\n setIframeUrl = (iframeUrl, reportTitle, urlParam) => e => {\r\n this.$rootScope.OpenWindow({\r\n url: '- \r\n
- \r\n
- \r\n {this.state.Rights.hasOwnProperty('admin.reports.l1') && (\r\n
- \r\n {this.translate('Label_Location_Identifier_Report')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l4') && (\r\n
- \r\n {this.translate('Label_Find_Item_Report')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l4') && (\r\n
- \r\n {this.translate('Label_Location_List_Report')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l4') && (\r\n
- \r\n {this.translate('Label_Quarantine_Location_Report')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l4') && (\r\n
- \r\n {this.translate('Label_Replenishment_Report')}\r\n \r\n )}\r\n
\r\n
\r\n
\r\n )\r\n }\r\n}\r\n","import React from 'react';\r\nimport * as GlobalService from '../global_services';\r\n\r\nexport const getGridDemoColumns = (attachFileAssembly_GridHeaders, selector) => {\r\n\r\n var translate = window.translate;\r\n var customLabels = GlobalService.getCustomLabels();\r\n return ({\r\n\r\n columns: [{\r\n field: \"AssemblyId\",\r\n title: attachFileAssembly_GridHeaders[0].description,\r\n width: 120,\r\n wmsid: 1\r\n },\r\n {\r\n field: \"Customer\",\r\n title: attachFileAssembly_GridHeaders[1].description,\r\n width: 120,\r\n lockable: false,\r\n wmsid: 2,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Customer'\r\n }\r\n },\r\n {\r\n field: \"Warehouse\",\r\n lockable: false,\r\n title: attachFileAssembly_GridHeaders[2].description,\r\n width: 120,\r\n wmsid: 3,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Warehouse'\r\n }\r\n },\r\n {\r\n field: \"ReferenceNum\",\r\n lockable: false,\r\n title: attachFileAssembly_GridHeaders[3].description,\r\n width: 120,\r\n wmsid: 4,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ReferenceNum'\r\n }\r\n },\r\n {\r\n field: \"Status\",\r\n lockable: false,\r\n title: attachFileAssembly_GridHeaders[4].description,\r\n width: 120,\r\n wmsid: 5,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Status'\r\n }\r\n },\r\n {\r\n field: \"Notes\",\r\n lockable: false,\r\n title: attachFileAssembly_GridHeaders[5].description,\r\n width: 120,\r\n wmsid: 6,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Notes'\r\n }\r\n }]\r\n });\r\n}\r\n\r\nexport const getGridAllColumnList = (attachFileAssembly_GridHeaders, selector) => {\r\n\r\n var translate = window.translate;\r\n var customLabels = GlobalService.getCustomLabels();\r\n return ({\r\n\r\n columns: [{\r\n field: \"AssemblyId\",\r\n title: attachFileAssembly_GridHeaders[0].description,\r\n width: 120,\r\n hidden: false,\r\n wmsid: 1\r\n },\r\n {\r\n field: \"Customer\",\r\n title: attachFileAssembly_GridHeaders[1].description,\r\n width: 120,\r\n lockable: false,\r\n wmsid: 2,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Customer'\r\n }\r\n },\r\n {\r\n field: \"Warehouse\",\r\n lockable: false,\r\n title: attachFileAssembly_GridHeaders[2].description,\r\n width: 120,\r\n wmsid: 3,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Warehouse'\r\n }\r\n },\r\n {\r\n field: \"ReferenceNum\",\r\n lockable: false,\r\n title: attachFileAssembly_GridHeaders[3].description,\r\n width: 120,\r\n wmsid: 4,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ReferenceNum'\r\n }\r\n },\r\n {\r\n field: \"Status\",\r\n lockable: false,\r\n title: attachFileAssembly_GridHeaders[4].description,\r\n width: 120,\r\n wmsid: 5,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Status'\r\n }\r\n },\r\n {\r\n field: \"Notes\",\r\n lockable: false,\r\n title: attachFileAssembly_GridHeaders[5].description,\r\n width: 120,\r\n wmsid: 6,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'Notes'\r\n }\r\n },\r\n {\r\n field: \"ProcessDate\",\r\n lockable: false,\r\n title: attachFileAssembly_GridHeaders[6].description,\r\n width: 120,\r\n filterable: true,\r\n template: \"#= ProcessDate != null ? kendo.toString(kendo.parseDate(ProcessDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\",\r\n wmsid: 7,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'ProcessDate'\r\n }\r\n },\r\n {\r\n field: \"CreationDate\",\r\n lockable: false,\r\n title: attachFileAssembly_GridHeaders[7].description,\r\n width: 120,\r\n filterable: true,\r\n template: \"#= CreationDate != null ? kendo.toString(kendo.parseDate(CreationDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\",\r\n wmsid: 8,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + 'CreationDate'\r\n }\r\n }]\r\n\r\n });\r\n}\r\n\r\nexport const getGridDemoSchema = () => {\r\n return ({\r\n\r\n model: {\r\n id: \"AssemblyId\",\r\n fields: {\r\n AssemblyId: {type: \"number\"},\r\n Customer: { type: \"string\" },\r\n Warehouse: { type: \"string\" },\r\n ReferenceNum: { type: \"string\" },\r\n Status: { type: \"string\" },\r\n Notes: { type: \"string\" },\r\n ProcessDate: { type: \"date\" },\r\n CreationDate: { type: \"date\" },\r\n }\r\n }\r\n })\r\n}\r\n\r\nexport const getEditAllocationColumns = (gridHeader, customLabels) => {\r\n return ({\r\n columns: [{\r\n field: \"PrimaryQuantity\",\r\n \"menu\": false,\r\n title: gridHeader[0],\r\n width: 160,\r\n wmsid: 1,\r\n lockable: false,\r\n sortable: false\r\n }, {\r\n field: \"PrimaryUnitType\",\r\n title: gridHeader[1],\r\n width: 180,\r\n wmsid: 2,\r\n sortable: false,\r\n lockable: false\r\n }, {\r\n field: \"Available\",\r\n title: gridHeader[2],\r\n width: 180,\r\n wmsid: 3,\r\n lockable: false\r\n }, {\r\n field: \"PalletLabel\",\r\n title: gridHeader[3],\r\n width: 180,\r\n wmsid: 4,\r\n lockable: false\r\n }, {\r\n field: \"ReceiverId\",\r\n title: gridHeader[4],\r\n width: 180,\r\n wmsid: 5,\r\n lockable: false\r\n }, {\r\n field: \"ReceiverReferenceNum\",\r\n title: gridHeader[5],\r\n width: 180,\r\n wmsid: 6,\r\n lockable: false\r\n }, {\r\n field: \"ReceivedDate\",\r\n title: gridHeader[15],\r\n width: 160,\r\n wmsid: 7,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n template: \"#= ReceivedDate != null ? kendo.toString(kendo.parseDate(ReceivedDate), 'MMM dd yyyy, hh:mm:ss tt'): '' #\"\r\n }, {\r\n field: \"LotNumber\",\r\n title: customLabels.Label_Lot_Number,\r\n width: 180,\r\n wmsid: 8,\r\n lockable: false\r\n }, {\r\n field: \"SerialNumber\",\r\n title: customLabels.Label_Serial_Number,\r\n width: 180,\r\n wmsid: 9,\r\n lockable: false\r\n }, {\r\n field: \"ExpirationDate\",\r\n title: gridHeader[8],\r\n width: 180,\r\n wmsid: 10,\r\n lockable: false,\r\n template: \"#= ExpirationDate != null ? kendo.toString(kendo.parseDate(ExpirationDate), 'MMM dd yyyy, hh:mm:ss tt'): '' #\"\r\n }, {\r\n field: \"Cost\",\r\n title: gridHeader[9],\r\n width: 180,\r\n wmsid: 11,\r\n lockable: false\r\n }, {\r\n field: \"PurchaseOrderNumber\",\r\n title: gridHeader[10],\r\n width: 180,\r\n wmsid: 12,\r\n lockable: false\r\n }, {\r\n field: \"TrailerNumber\",\r\n title: gridHeader[11],\r\n width: 180,\r\n wmsid: 13,\r\n lockable: false\r\n }, {\r\n field: \"LocationName\",\r\n title: gridHeader[12],\r\n width: 180,\r\n wmsid: 14,\r\n lockable: false\r\n }, {\r\n field: \"SupplierName\",\r\n title: gridHeader[13],\r\n width: 180,\r\n wmsid: 15,\r\n lockable: false\r\n }, {\r\n field: \"CustomFields\",\r\n title: gridHeader[14],\r\n width: 180,\r\n wmsid: 16,\r\n lockable: false,\r\n sortable: false\r\n }]\r\n });\r\n};\r\nexport const getEditAllocationSchema = () => {\r\n return ({\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n model: {\r\n fields: { //I'm not sure about these types\r\n PrimaryQuantity: {\r\n type: \"number\",\r\n editable: true,\r\n validation: {\r\n min: 0\r\n }\r\n },\r\n PrimaryUnitType: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Available: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n PalletLabel: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ReceiverId: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ReceiverReferenceNum: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ReceivedDate: {\r\n type: 'date',\r\n editable: false\r\n },\r\n LotNumber: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n SerialNumber: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ExpirationDate: {\r\n type: \"DateTime\",\r\n editable: false\r\n },\r\n Cost: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n PurchaseOrderNumber: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n TrailerNumber: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n LocationName: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n SupplierName: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n CustomFields: {\r\n type: \"string\",\r\n editable: false\r\n }\r\n }\r\n }\r\n }\r\n });\r\n};\r\nexport const getEditAllocationTransport = (customerId, facilityId, itemId, qualifier,orderItemId) => {\r\n return ({\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Shipping/Orders/EditLineItemAllocationsGridRead\",\r\n type: \"POST\",\r\n data: {\r\n customerId: customerId,\r\n facilityId: facilityId,\r\n itemId: itemId,\r\n qualifier: qualifier,\r\n orderItemId: orderItemId\r\n }\r\n },\r\n }\r\n });\r\n};\r\n\r\nexport const getMassAddColumns = (gridHeader, customLabels) => {\r\n return ({\r\n columns: [{\r\n field: \"PrimaryUnitsToAdd\",\r\n sortable: false,\r\n menu: false,\r\n title: gridHeader[0],\r\n width: 180,\r\n wmsid: 1,\r\n lockable: false,\r\n headerAttributes: {\r\n \"ng-non-bindable\": true\r\n },\r\n attributes: {\r\n \"class\": \"wms-fake-look-input\"\r\n }\r\n }, {\r\n field: \"ItemImage\",\r\n title: customLabels.Label_Item + \" Image\",\r\n width: 160,\r\n wmsid: 2,\r\n lockable: false,\r\n hidden: true,\r\n editable: false,\r\n sortable: false\r\n }, {\r\n field: \"SKU\",\r\n sortable: true,\r\n title: customLabels.Label_Sku,\r\n width: 180,\r\n wmsid: 3,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"Qualifier\",\r\n title: gridHeader[3],\r\n width: 160,\r\n wmsid: 4,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"Description\",\r\n title: gridHeader[4],\r\n width: 160,\r\n wmsid: 5,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"Available\",\r\n title: gridHeader[6],\r\n width: 160,\r\n wmsid: 6,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"PrimaryUnitType\",\r\n sortable: false,\r\n title: gridHeader[5],\r\n width: 160,\r\n wmsid: 7,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"PalletLabel\",\r\n title: gridHeader[7],\r\n width: 160,\r\n wmsid: 8,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"ReceiverId\",\r\n title: gridHeader[8],\r\n width: 160,\r\n wmsid: 9,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"ReceiverReferenceNum\",\r\n title: gridHeader[9],\r\n width: 160,\r\n wmsid: 10,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"ReceivedDate\",\r\n title: gridHeader[10],\r\n width: 160,\r\n wmsid: 11,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n template: \"#= ReceivedDate != null ? kendo.toString(kendo.parseDate(ReceivedDate), 'MMM dd yyyy, hh:mm:ss tt'): '' #\"\r\n }, {\r\n field: \"LotNumber\",\r\n title: customLabels.Label_Lot_Number,\r\n width: 160,\r\n wmsid: 12,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"SerialNumber\",\r\n title: customLabels.Label_Serial_Number,\r\n width: 160,\r\n wmsid: 13,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"ExpirationDate\",\r\n title: gridHeader[13],\r\n width: 160,\r\n wmsid: 14,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n template: \"#= ExpirationDate != null ? kendo.toString(kendo.parseDate(ExpirationDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\"\r\n }, {\r\n field: \"Cost\",\r\n title: gridHeader[14],\r\n width: 160,\r\n wmsid: 15,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"PurchaseOrderNumber\",\r\n title: gridHeader[15],\r\n width: 160,\r\n wmsid: 16,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"TrailerNumber\",\r\n title: gridHeader[16],\r\n width: 160,\r\n wmsid: 17,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"LocationName\",\r\n title: gridHeader[17],\r\n width: 160,\r\n wmsid: 18,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"SupplierName\",\r\n title: gridHeader[18],\r\n width: 160,\r\n wmsid: 19,\r\n hidden: false,\r\n lockable: false,\r\n editable: false\r\n }, {\r\n field: \"CustomFields\",\r\n title: gridHeader[19],\r\n width: 160,\r\n wmsid: 20,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n sortable: false\r\n }]\r\n });\r\n};\r\n\r\nexport const getMassAddSchema = (validNumberText) => {\r\n return({\r\n schema:{\r\n data: \"Data\",\r\n total: \"Total\",\r\n model: {\r\n fields: {\r\n PrimaryUnitsToAdd: {\r\n type: \"float\",\r\n editable: true,\r\n validation: {\r\n primaryunitstoaddvalidation: function (input) {\r\n if (input.is(\"[name='PrimaryUnitsToAdd']\") && input.val() != \"\") {\r\n input.attr(\"data-primaryunitstoaddvalidation-msg\", validNumberText);\r\n return /^[0-9]*(?:\\.[0-9]{0,4})?$/.test(input.val());\r\n }\r\n return true;\r\n }\r\n }\r\n },\r\n ItemImage: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n SKU: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Qualifier: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Description: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Available: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n PrimaryUnitType: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n PrimaryQuantity: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n PalletLabel: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ReceiverId: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n ReceiverReferenceNum: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ReceivedDate: {\r\n type: 'date',\r\n editable: false\r\n },\r\n LotNumber: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n SerialNumber: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ExpirationDate: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Cost: {\r\n type: \"number\",\r\n editable: false\r\n },\r\n PurchaseOrderNumber: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n TrailerNumber: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n LocationName: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n SupplierName: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n CustomFields: {\r\n type: \"string\",\r\n editable: false\r\n }\r\n }\r\n }\r\n }\r\n });\r\n};\r\n\r\nexport const getMassAddTransport = (customerId, facilityId) => {\r\n return ({\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Shipping/Orders/MassAddGridRead\",\r\n type: \"POST\",\r\n data: {\r\n customerId: customerId,\r\n facilityId: facilityId\r\n }\r\n },\r\n }\r\n });\r\n};\r\n","import * as GlobalService from \"../global_services\";\r\nvar isFirstTimeOpen = true;\r\nvar keyName = \"AttachFileAssembly\";\r\nvar metaDataOrderObject = {\r\n AttachFileAssembly: {\r\n ManageAttachFileAssembly: {\r\n filterData: {},\r\n gridConfig: {},\r\n collapseData: {},\r\n sorableSection: \"\",\r\n saveFilter: [],\r\n }\r\n }\r\n};\r\n\r\n// call api for get metaData of order is it's open first time\r\nexport const getUserClientMetaData = function () {\r\n if (isFirstTimeOpen) {\r\n return GlobalService.getUserClientMetaData(keyName).then(\r\n function successCallBack(response) {\r\n if (response != \"\") {\r\n Object.assign(metaDataOrderObject[keyName], JSON.parse(response));\r\n }\r\n console.log(\"response metaDataOrderObject :\", metaDataOrderObject);\r\n isFirstTimeOpen = false;\r\n return true;\r\n },\r\n function errorCallBack(response) {\r\n console.log(response);\r\n return false;\r\n }\r\n );\r\n }\r\n};\r\n\r\nexport const clearAttachFileAssemblyFilterMetaData = function (objName) {\r\n metaDataOrderObject[keyName][\"ManageAttachFileAssembly\"][\"filterData\"] = {};\r\n GlobalService.setUserClientMetaData(\r\n keyName,\r\n JSON.stringify(metaDataOrderObject[keyName])\r\n );\r\n};\r\n\r\nexport const setAttachFileAssemblyFilterMetaData = function (filterData) {\r\n metaDataOrderObject[keyName]['ManageAttachFileAssembly']['filterData'] = filterData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\nexport const getAttachFileAssemblyFilterMetaData = function () {\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['ManageAttachFileAssembly']['filterData'])) {\r\n return metaDataOrderObject[keyName]['ManageAttachFileAssembly']['filterData'];\r\n } else {\r\n return \"\";\r\n }\r\n\r\n}\r\n\r\nexport const setManageAttachFileAssemblyGridOptionInMetaData = function (\r\n gridConfig\r\n) {\r\n metaDataOrderObject[keyName][\"ManageAttachFileAssembly\"][\"gridConfig\"] =\r\n gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(\r\n keyName,\r\n JSON.stringify(metaDataOrderObject[keyName])\r\n );\r\n};\r\nexport const getManageAttachFileAssemblyGridOptionInMetaData = function () {\r\n if (\r\n !$.isEmptyObject(\r\n metaDataOrderObject[keyName][\"ManageAttachFileAssembly\"][\"gridConfig\"]\r\n )\r\n ) {\r\n return metaDataOrderObject[keyName][\"ManageAttachFileAssembly\"][\"gridConfig\"];\r\n } else {\r\n return \"\";\r\n }\r\n};\r\n\r\nexport const setManageAttachFileAssemblyCollapseMetaData = function (collapseId, value) {\r\n if (!metaDataOrderObject[keyName]['ManageAttachFileAssembly']['collapseData']) {\r\n metaDataOrderObject[keyName]['ManageAttachFileAssembly']['collapseData'] = {}\r\n }\r\n metaDataOrderObject[keyName]['ManageAttachFileAssembly']['collapseData'][collapseId] = value;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\nexport const getManageAttachFileAssemblyCollapseMetaData = function () {\r\n return metaDataOrderObject[keyName]['ManageAttachFileAssembly']['collapseData'];\r\n}\r\n\r\nexport const setManageAttachFileAssemblySortSectionMetaData = function (sortArray) {\r\n metaDataOrderObject[keyName]['ManageAttachFileAssembly']['sorableSection'] = sortArray;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\nexport const getManageAttachFileAssemblySortSectionMetaData = function () {\r\n return metaDataOrderObject[keyName]['ManageAttachFileAssembly']['sorableSection'];\r\n}\r\n\r\n// save filter of find order in meta data\r\nexport const saveManageAttachFileAssemblyFilterMetaData = function (title, filterObj, columnObj) {\r\n var setData = {\r\n title: title,\r\n filterData: filterObj,\r\n columnData: columnObj.optionsData\r\n };\r\n\r\n if (typeof metaDataOrderObject[keyName]['ManageAttachFileAssembly']['saveFilter'] == \"undefined\") {\r\n metaDataOrderObject[keyName]['ManageAttachFileAssembly']['saveFilter'] = [];\r\n }\r\n (metaDataOrderObject[keyName]['ManageAttachFileAssembly']['saveFilter']).push(setData);\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n\r\n}\r\nexport const updateManageAttachFileAssemblyFilterMetaData = function (index, filterObj, columnObj) {\r\n\r\n if (typeof metaDataOrderObject[keyName]['ManageAttachFileAssembly']['saveFilter'][index] != \"undefined\") {\r\n metaDataOrderObject[keyName]['ManageAttachFileAssembly']['saveFilter'][index].filterData = filterObj;\r\n metaDataOrderObject[keyName]['ManageAttachFileAssembly']['saveFilter'][index].columnData = columnObj.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n }\r\n\r\n}\r\nexport const getSaveManageAttachFileAssemblyFilterListMetaData = function () {\r\n if (metaDataOrderObject[keyName]['ManageAttachFileAssembly']['saveFilter']) {\r\n return metaDataOrderObject[keyName]['ManageAttachFileAssembly']['saveFilter'];\r\n }\r\n\r\n return [];\r\n}\r\n\r\nexport const clearSaveManageAttachFileAssemblyFilterListMetaData = function (index) {\r\n metaDataOrderObject[keyName]['ManageAttachFileAssembly']['saveFilter'].splice(index, 1);\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}","\r\nimport axios from 'axios';\r\nimport React from 'react';\r\n//component\r\nimport { ArrayWms } from '../../../assets/ts/ArrayWms.ts';\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\nimport { ConcurrencyManager } from '../../../assets/vendor/concurrencyManager/concurrencyManager.js';\r\nimport { AddEditColumnModel } from '../components/AddEditColumn/add-edit-columns.component.jsx';\r\nimport { LoadingModel } from '../components/LoadingModel/LoadingModel.jsx';\r\nimport VirtualGridComponent from '../components_proto/VirtualGridComponent/VirtualGridComponent.jsx';\r\nimport { AttachDocuments } from './../components/AttachDocuments/AttachDocuments.jsx';\r\n//services\r\nimport * as GlobalService from '../global_services';\r\nimport * as GridConfig from './attach-file-to-assembly-config.jsx';\r\nimport * as metaDataService from './attach-file-to-assembly-meta-data.service';\r\n\r\nexport class AttachFileToAssemblyGrid extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n this.manageAttachFileAssemblyGridId = \"GridAttachFileToAssembly\";\r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n this.attachFileAssembly_GridHeaders = StringWms.convertSringToOption(this.translate('AttachFileAssembly_GrideHeaders'));\r\n this.gridDomSelector = this.props.windowId ? '.' + this.props.windowId + ' #GridAttachFileToAssembly' : '#GridAttachFileToAssembly';\r\n this.defaultColumns = GridConfig.getGridDemoColumns(this.attachFileAssembly_GridHeaders, 'AttachFileToAssembly').columns;\r\n this.schema = GridConfig.getGridDemoSchema();\r\n this.allColumnList = GridConfig.getGridAllColumnList(this.attachFileAssembly_GridHeaders).columns;\r\n this.firstFiftyAxiosSource = null;\r\n this.filterCountAxiosSource = null;\r\n this.axiosSource = null;\r\n this.isApiCanceled = false;\r\n this.gridExportLimit= GlobalService.constants.gridExportLimit,\r\n this.assemblyGridData = null;\r\n\r\n this.state = {\r\n staticGridData: [],\r\n selector: 'AttachFileToAssembly',\r\n localKendoGrid: null,\r\n allSortColumnList: [],\r\n manageAttachFilesAssemblyGridConfig: metaDataService.getManageAttachFileAssemblyGridOptionInMetaData(),\r\n isFilterRowCountLoading: false,\r\n isAttachFileAssemblyGridDataLoading: false,\r\n isOpenColumnModel: false,\r\n filterText: \"\",\r\n fullFilterText: \"\",\r\n totalRequest: 0,\r\n overlayScreenShow: false,\r\n gridPageSize: 1000,\r\n isNewColumnAdded: false,\r\n showLoadingError: false,\r\n totalAttachFilesToAssembly: 0,\r\n gridData: [],\r\n isAllDataLoad: false,\r\n isOpenAttachDoc: false,\r\n sharedAttachObj: null,\r\n sharedSelectedAssemblyData: {},\r\n selectedAssemblyCount: 0\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n let allSortColumnList = this.allColumnList.sort(function (first, second) {\r\n\r\n var columnTitle1 = first.title.trim().toUpperCase(); // ignore upper and lowercase\r\n var columnTitle2 = second.title.trim().toUpperCase(); // ignore upper and lowercase\r\n\r\n if (columnTitle1 < columnTitle2) { return -1; }\r\n\r\n if (columnTitle1 > columnTitle2) { return 1; }\r\n // names must be equal\r\n return 0;\r\n });\r\n this.setState({ allSortColumnList: allSortColumnList });\r\n this.loadGridData();\r\n }\r\n refreshGrid = () => {\r\n this.loadGridData();\r\n }\r\n attachFiles = (e) => {\r\n var sharedAttachObj = {\r\n 'isAssembly': true,\r\n 'uri': this.state.sharedSelectedAssemblyData.EditUri,\r\n 'fileSummariesUri': this.state.sharedSelectedAssemblyData.FileSummariesUri,\r\n 'getAttachedDocsInfoUrl': '/WebUI/assemblies/FindAssemblies/GetAttachedDocsInfo?fileSummariesUri=' + this.state.sharedSelectedAssemblyData.FileSummariesUri,\r\n 'getAttachedDocsInfoMethod': 'GET',\r\n 'getAttachedDocsInfoPayload': {},\r\n 'attachdocumentUrl': '/WebUI/assemblies/FindAssemblies/AttachDocsToAssembly?fileSummariesUri=' + this.state.sharedSelectedAssemblyData.FileSummariesUri,\r\n 'removeAttachDocUrl': '/WebUI/assemblies/FindAssemblies/DeleteAttachedDoc?fileSummariesUri=' + this.state.sharedSelectedAssemblyData.FileSummariesUri,\r\n 'selectedOrderData': this.state.sharedSelectedAssemblyData,\r\n 'customer': this.state.sharedSelectedAssemblyData.Customer,\r\n 'transactionId': this.state.sharedSelectedAssemblyData.AssemblyId,\r\n };\r\n this.setState({\r\n sharedAttachObj: sharedAttachObj,\r\n isOpenAttachDoc: true\r\n });\r\n }\r\n\r\n\r\n loadGridData = (clearData = true) => {\r\n this.setState({\r\n isFilterRowCountLoading: true,\r\n totalAttachFilesToAssembly: 0,\r\n showLoadingError: false\r\n });\r\n let tmpGridData = this.state.gridData;\r\n if (clearData == true) {\r\n tmpGridData = []\r\n }\r\n\r\n let assemblySearchInfo = Object.assign({}, this.props.sharedAttachFileAssemblyFilterObj);\r\n // Clear selection of grid before get new count\r\n if (this.state.localKendoGrid) {\r\n this.state.localKendoGrid.clearSelections(() => {\r\n this.state.localKendoGrid.repaintSelections();\r\n });\r\n }\r\n\r\n this.cancelLoadAllData();\r\n if (this.filterCountAxiosSource) {\r\n this.filterCountAxiosSource.cancel();\r\n this.filterCountAxiosSource = null;\r\n }\r\n // on filter update cancel orderDataAxios call if any running\r\n this.filterCountAxiosSource = axios.CancelToken.source();\r\n\r\n axios.put('/WebUI/assemblies/FindAssemblies/FilteredRowCount', {\r\n assemblySearchInfo: assemblySearchInfo\r\n }, { cancelToken: this.filterCountAxiosSource.token }).then((response) => {\r\n this.filterCountAxiosSource = null;\r\n this.setState({\r\n totalAttachFilesToAssembly: response.data,\r\n isAllDataLoad: false,\r\n gridData: tmpGridData\r\n }, () => {\r\n if (response.data > 0) {\r\n this.callForGetNewData();\r\n }\r\n });\r\n }).finally(() => {\r\n this.setState({ isFilterRowCountLoading: false });\r\n });;\r\n }\r\n\r\n callForGetNewData = () => {\r\n if (this.state.totalAttachFilesToAssembly > 0 && this.state.totalAttachFilesToAssembly <= GlobalService.constants.virtualGridDataLimit) {\r\n this.loadAllRecords(false);\r\n } else {\r\n // reset selection of grid on filter data change\r\n // this.setState({ staticGridData: [] });\r\n // console.log(\"resetGridAllMessage : call\");\r\n this.resetGridAllMessage();\r\n }\r\n\r\n }\r\n resetGridAllMessage = () => {\r\n if (this.state.isAllDataLoad) {\r\n this.setState({\r\n isNewColumnAdded: true\r\n });\r\n }\r\n }\r\n\r\n onClickLoadAllRecords = () => {\r\n this.setState({\r\n gridData: [],\r\n overlayScreenShow: true,\r\n });\r\n if (this.firstFiftyAxiosSource) {\r\n this.firstFiftyAxiosSource.cancel();\r\n }\r\n this.firstFiftyAxiosSource = axios.CancelToken.source();\r\n\r\n let enableColumns = this.getEnableColumns();\r\n let assemblySearchInfo = Object.assign({}, this.props.sharedAttachFileAssemblyFilterObj);\r\n\r\n axios.post('/WebUI/assemblies/FindAssemblies/AssembliesData?sorts=[]&filters=[]&pgnum=1&pgsiz=50', {\r\n columns: enableColumns,\r\n assemblySearchInfo: assemblySearchInfo\r\n }, { cancelToken: this.firstFiftyAxiosSource.token }).then((response) => {\r\n this.firstFiftyAxiosSource = \"\";\r\n this.setState({\r\n gridData: response.data.Data\r\n }, this.loadAllRecords);\r\n });\r\n }\r\n\r\n getEnableColumns = () => {\r\n var defaultParam = ['FileSummariesUri', 'AssemblyId', 'ReferenceNum', 'CreationDate', 'Customer', 'CustomerId', 'Warehouse', 'FacilityId', 'StatusEnum', 'Status', 'ProcessDate', 'Notes'];\r\n let columnList = [];\r\n\r\n let grid = $(this.gridDomSelector).data('kendoGrid');\r\n // if grid already defined than we get columns from grid\r\n if (typeof grid != \"undefined\") {\r\n columnList = grid.columns;\r\n } else { // else get column list from metadataObject or default columns\r\n columnList = GridConfig.getGridDemoColumns(this.attachFileAssembly_GridHeaders, 'AttachFileToAssembly').columns;\r\n }\r\n\r\n var enableColumns = columnList.map(el => el.field);\r\n // merge defaultParam and enableColumns without dublicate value\r\n return [...new Set([...defaultParam, ...enableColumns])];\r\n }\r\n\r\n setFilterAppliedText = (filterObj) => {\r\n\r\n if (!filterObj) {\r\n this.setState({\r\n filterText: \"\",\r\n fullFilterText: \"\"\r\n })\r\n return;\r\n }\r\n var filterConditionTitle = {\r\n \"lte\": \"Is Less Than Or Equal To\",\r\n \"eq\": \"Is Equal To\",\r\n \"lt\": \"Is Less Than\",\r\n \"neq\": \"Is Not Equal To\",\r\n \"gte\": \"Is Greater Than Or Equal To\",\r\n \"gt\": \"Is Greater Than\",\r\n \"startswith\": \"Starts With\",\r\n \"endswith\": \"Ends With\",\r\n \"contains\": \"Contains\",\r\n \"doesnotcontain\": \"Does Not Contain\",\r\n \"isnull\": \"Is Null\",\r\n \"isnotnull\": \"Is Not Null\",\r\n \"isempty\": \"Is Empty\",\r\n \"isnotempty\": \"Is Not Empty\",\r\n \"isnullorempty\": \"Has No Value\",\r\n \"isnotnullorempty\": \"Has Value\",\r\n }\r\n\r\n var filterText = \"\";\r\n var fullFilterText = \"\";\r\n var filterList = filterObj.filters;\r\n var self = this;\r\n filterList.map((item) => {\r\n var title = self.allColumnList.find(x => x.field === item.field).title;\r\n filterText += title + \" : \" + item.value + ',';\r\n fullFilterText += title + \" \" + filterConditionTitle[item.operator] + \" : \" + item.value + \"- \r\n
- \r\n
- \r\n {this.state.Rights.hasOwnProperty('admin.reports.l3') && (\r\n
- \r\n {this.translate('Label_Inventory_Turns_Reports')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l3') && (\r\n
- \r\n {this.translate('Label_Stock_Status_Anniversary_Report')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l5') && (\r\n
- \r\n {this.translate('Label_Customer_Pricing_Report')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l5') && (\r\n
- \r\n {this.translate('Label_User_Report')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l5') && (\r\n
- \r\n {this.translate('Label_Transaction_Review_Report')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l5') && (\r\n
- \r\n {this.translate('Label_Freight_Audit_Report')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l5') && (\r\n
- \r\n {this.translate('Label_Cycle_Count_Report')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l5') && (\r\n
- \r\n {this.translate('Label_UPS_Daily_Report')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l5') && (\r\n
- \r\n {this.translate('Label_Package_Usage_Report')}\r\n \r\n )}\r\n {this.state.Rights.hasOwnProperty('admin.reports.l5') && (\r\n
- \r\n {this.translate('Label_Small_Parcel_Report')}\r\n \r\n )}\r\n
\r\n
\";\r\n });\r\n filterText = filterText.slice(0, -1);\r\n\r\n this.setState({\r\n filterText: filterText,\r\n fullFilterText: fullFilterText,\r\n })\r\n }\r\n\r\n loadAllRecords = (isLoaderPopupShow) => {\r\n this.isApiCanceled = false;\r\n const sequence = n => {\r\n let seq = [];\r\n for (let i = 0; i < n; i++) {\r\n seq.push(i);\r\n }\r\n return seq;\r\n };\r\n if (isLoaderPopupShow == false) {\r\n this.setState({\r\n isAttachFileAssemblyGridDataLoading: true,\r\n gridData: []\r\n });\r\n }\r\n this.axiosSource = axios.CancelToken.source();\r\n let api = axios.create({\r\n baseURL: \"/WebUI/assemblies\",\r\n headers: { 'Access-Control-Allow-Origin': '*' },\r\n cancelToken: this.axiosSource.token\r\n });\r\n const MAX_CONCURRENT_REQUESTS = 3;\r\n\r\n let totalRequest = Math.ceil(this.state.totalAttachFilesToAssembly / this.state.gridPageSize);\r\n\r\n this.setState({\r\n totalRequest: totalRequest,\r\n });\r\n // init your manager.\r\n var manager = ConcurrencyManager(api, MAX_CONCURRENT_REQUESTS, GlobalService);\r\n let enableColumns = this.getEnableColumns();\r\n let assemblySearchInfo = Object.assign({}, this.props.sharedAttachFileAssemblyFilterObj);\r\n\r\n Promise.all(sequence(totalRequest).map(i => api.post(\"/FindAssemblies/AssembliesData?sorts=[]&filters=[]&pgnum=\" + (i + 1) + '&pgsiz=' + this.state.gridPageSize, {\r\n columns: enableColumns,\r\n assemblySearchInfo: assemblySearchInfo\r\n })))\r\n .then(responses => {\r\n let AssembliesData = responses.map(r => r.data);\r\n this.getAllResponseData(AssembliesData);\r\n }).catch((error) => {\r\n console.log(\"Promise.all catch\", error);\r\n this.setState({\r\n showLoadingError: true\r\n });\r\n this.cancelLoadAllData();\r\n }).then(() => {\r\n if (manager) {\r\n manager.detach();\r\n }\r\n });\r\n }\r\n\r\n getAllResponseData = (data) => {\r\n if (!this.isApiCanceled) {\r\n let allData = [];\r\n data.forEach(obj => {\r\n allData = [...obj.Data, ...allData];\r\n });\r\n this.assemblyGridData = allData;\r\n this.setState({\r\n gridData: allData,\r\n overlayScreenShow: false,\r\n isAllDataLoad: true,\r\n isNewColumnAdded: false,\r\n isAttachFileAssemblyGridDataLoading: false\r\n });\r\n } else {\r\n this.setState({\r\n isAttachFileAssemblyGridDataLoading: false\r\n });\r\n }\r\n }\r\n\r\n cancelLoadAllData = () => {\r\n if (this.firstFiftyAxiosSource) {\r\n this.firstFiftyAxiosSource.cancel();\r\n }\r\n if (this.axiosSource) {\r\n this.axiosSource.cancel();\r\n this.axiosSource = null;\r\n }\r\n this.isApiCanceled = true;\r\n this.setState({\r\n isAttachFileAssemblyGridDataLoading: false,\r\n overlayScreenShow: false,\r\n gridData: [],\r\n isAllDataLoad: false\r\n });\r\n }\r\n\r\n //On grid row selection\r\n selectRow = (KendoGrid) => {\r\n let tempkey = KendoGrid.getKeys();\r\n var data = {};\r\n if (tempkey.length == 1) {\r\n data = KendoGrid.getItem(tempkey);\r\n }\r\n console.log(\"sharedSelectedAssemblyData\", data);\r\n this.setState({\r\n localKendoGrid: KendoGrid,\r\n selectedAssemblyCount: KendoGrid.getNumberOfSelections(),\r\n sharedSelectedAssemblyData: data,\r\n });\r\n }\r\n onGridDataBound = (e, kendoGrid) => {\r\n this.setState({\r\n localKendoGrid: kendoGrid\r\n })\r\n }\r\n // on grid column sort save changes in meta data object\r\n onSort = (event) => {\r\n var grid = $(this.gridDomSelector).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n GlobalService.sortDataset(sortArray, event.sort);\r\n var gridColumn = grid.getOptions().columns;\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(gridColumn, sortArray, grid.dataSource.filter());\r\n metaDataService.setManageAttachFileAssemblyGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on grid column reorder save changes in meta data object\r\n onColumnReorder = (event) => {\r\n var grid = $(this.gridDomSelector).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let gridColumn = grid.getOptions().columns;\r\n let switchedArray = ArrayWms.switchIndexByField(gridColumn, event.newIndex, event.oldIndex);\r\n let finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(switchedArray, sortArray, grid.dataSource.filter());\r\n metaDataService.setManageAttachFileAssemblyGridOptionInMetaData(finalSubmission);\r\n\r\n }\r\n\r\n // on grid column resize save changes in meta data object\r\n onColumnResize = (event) => {\r\n var grid = $(this.gridDomSelector).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n metaDataService.setManageAttachFileAssemblyGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on click grid clear sort menu\r\n onClickClearSorts = () => {\r\n var grid = $(this.gridDomSelector).data(\"kendoGrid\");\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(grid.columns, [], grid.dataSource.filter());\r\n metaDataService.setManageAttachFileAssemblyGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on click grid reset default grid layout menu\r\n onClickResetGrid = () => {\r\n var finalSubmission = {\r\n \"optionsData\": {}\r\n }\r\n metaDataService.setManageAttachFileAssemblyGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on grid filter selection\r\n onGridFilterApplied = () => {\r\n\r\n var grid = $(this.gridDomSelector).data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n setTimeout(() => {\r\n this.setFilterAppliedText(dataSource.filter());\r\n\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(grid.columns, sortArray, dataSource.filter());\r\n\r\n metaDataService.setManageAttachFileAssemblyGridOptionInMetaData(finalSubmission);\r\n\r\n }, 100);\r\n\r\n }\r\n\r\n // save column hide/show data in meta data\r\n saveChangesInMetaData = () => {\r\n var grid = $(this.gridDomSelector).data(\"kendoGrid\");\r\n var sort = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sort,\r\n grid.dataSource.filter()\r\n );\r\n metaDataService.setManageAttachFileAssemblyGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n clickEventOfContextMenu = (obj) => {\r\n\r\n }\r\n\r\n resetGridSelectionAndButton = () => {\r\n this.loadGridData(false);\r\n }\r\n eventClickExportGrid = () => {\r\n $(this.gridDomSelector).getKendoGrid().saveAsExcel();\r\n }\r\n\r\n eventClickColumns = () => {\r\n this.setState({\r\n isOpenColumnModel: true\r\n })\r\n }\r\n\r\n onCloseColumnModel = (e) => {\r\n this.setState({\r\n isOpenColumnModel: false\r\n })\r\n }\r\n setModelState = (param_model_state, param_bool) => {\r\n this.setState({ [param_model_state]: param_bool });\r\n }\r\n\r\n render() {\r\n return (\r\n
\r\n this.setModelState('isOpenAttachDoc', false)}\r\n />\r\n }\r\n
\r\n )\r\n }\r\n}","var axios = require('axios');\r\nimport * as GlobalService from '../global_services';\r\n\r\nexport const initialFilterData = function () {\r\n\r\n return axios.all([\r\n GlobalService.GetCustomersAndFacility()\r\n ]).then(axios.spread(function (GetCustomerFacilityList) {\r\n return {\r\n getCustomerFacilityList: GlobalService.getFacilityList()\r\n };\r\n }));\r\n}\r\n","import React from 'react';\r\n\r\n//component\r\nimport WmsButton from '../components/WmsButton/WmsButton.jsx';\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\nimport { ObjectWms } from '../../../assets/ts/ObjectWms.ts';\r\nimport WmsInput from '../components/WmsInput/WmsInput.jsx';\r\nimport WmsDropdown from '../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsCollapse from '../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsModel from '../components/WmsModel/WmsModel.jsx';\r\nimport WmsContainer from '../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsConfirmModel from '../components/WmsConfirmModel/WmsConfirmModel.jsx';\r\n\r\nimport style from './attach-file-to-assembly.scss';\r\n\r\n//services\r\nimport * as GridConfig from './attach-file-to-assembly-config.jsx';\r\nimport * as assemblyservices from './attach-file-to-assembly.services.jsx';\r\nimport * as GlobalService from '../global_services';\r\nimport * as metaDataService from './attach-file-to-assembly-meta-data.service.js';\r\nimport { kendo } from \"../global_variable_service.jsx\";\r\n\r\nexport class AttachFileToAssemblySearch extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n this.manageAttachFileAssemblyGridId = \"GridAttachFileToAssembly\";\r\n this.AttachFileAssembly_GrideHeaders = StringWms.convertSringToOption(this.translate('AttachFileAssembly_GrideHeaders'));\r\n\r\n this.state = {\r\n gridDomSelector: () => this.props.windowId ? '.' + this.props.windowId + ' #' + this.manageAttachFileAssemblyGridId : '#' + this.manageAttachFileAssemblyGridId,\r\n CustomLabels: GlobalService.getCustomLabels(),\r\n selector: 'AttachFileToAssembly',\r\n optionConatins: StringWms.convertSringToOption(this.translate('Options_SearchBy_StringOptions')),\r\n booleanOption: StringWms.convertSringToOption(this.translate('Options_AttachFileToAssembly_Status')),\r\n filter: {},\r\n isExpandedCollapse: [],\r\n isOpenSaveFilterModel: false,\r\n newFilterTitle: \"\",\r\n filterNameExist: false,\r\n allColumnList: [],\r\n savedFilterList: [],\r\n savedFilterIndex: null,\r\n isOpenConfirmModel: false,\r\n optionsCustomers: GlobalService.getCustomerList(true),\r\n facilityOption: [],\r\n showTooltip: false\r\n };\r\n\r\n this.onFilterDataSet = GlobalService.debounce(this.onFilterDataSet, 700);\r\n }\r\n\r\n componentDidMount() {\r\n assemblyservices.initialFilterData().then((response) => {\r\n let sortedFacilityList = response.getCustomerFacilityList.sort(function (first, second) {\r\n\r\n var columnTitle1 = first.name.trim().toUpperCase(); // ignore upper and lowercase\r\n var columnTitle2 = second.name.trim().toUpperCase(); // ignore upper and lowercase\r\n\r\n if (columnTitle1 < columnTitle2) { return -1; }\r\n\r\n if (columnTitle1 > columnTitle2) { return 1; }\r\n // names must be equal\r\n return 0;\r\n });\r\n sortedFacilityList.unshift({\r\n \"id\": 0,\r\n \"name\": \"Unspecified\",\r\n \"uri\": \"\",\r\n \"FacilitySimpleUri\": \"\",\r\n \"UpsAccountNumber\": \"\",\r\n \"FedExAccountNumber\": \"\"\r\n });\r\n this.setState({\r\n facilityOption: sortedFacilityList\r\n });\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#' + this.props.windowId), false);\r\n });\r\n //\r\n let facilityObj = { id: this.props.sharedAttachFileAssemblyFilterObj.FacilityId };\r\n let allColumnList = GridConfig.getGridAllColumnList(this.AttachFileAssembly_GrideHeaders, facilityObj).columns;\r\n this.$rootScope.setLoaderTimer(\"Manage Attach File To Assembly\");\r\n this.setState({\r\n allColumnList: allColumnList,\r\n savedFilterList: metaDataService.getSaveManageAttachFileAssemblyFilterListMetaData(),\r\n isExpandedCollapse: (!$.isEmptyObject(metaDataService.getManageAttachFileAssemblyCollapseMetaData()) ? metaDataService.getManageAttachFileAssemblyCollapseMetaData() : []),\r\n filter: this.props.sharedAttachFileAssemblyFilterObj\r\n }, () => {\r\n this.props.onSelectFacility(facilityObj);\r\n });\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if (this.props.sharedAttachFileAssemblyFilterObj != null && (prevProps.sharedAttachFileAssemblyFilterObj != this.props.sharedAttachFileAssemblyFilterObj)) {\r\n this.setState({\r\n filter: this.props.sharedAttachFileAssemblyFilterObj\r\n });\r\n }\r\n\r\n var sortable = $('#attech-file-assembly-filter-section-sortable');\r\n\r\n if (sortable.length && !sortable.hasClass('ui-sortable')) {\r\n var sortData = metaDataService.getManageAttachFileAssemblySortSectionMetaData();\r\n // set saved sort data if any in meta data\r\n if (sortData) {\r\n var pos = JSON.parse(sortData);\r\n if (pos) {\r\n $.each(pos, function (i, position) {\r\n if (position != \"\") {\r\n var $target = sortable.find('#' + position);\r\n $target.appendTo(sortable); // or prependTo\r\n }\r\n });\r\n }\r\n }\r\n\r\n sortable.sortable({\r\n update: this.onSectionSort,\r\n cancel: \"label.icon_label,.wms-collapsible-content\",\r\n handle: \".wms-sort\",\r\n distance: 5,\r\n start: function (e, ui) {\r\n var height = ui.item.height();\r\n if (height > 100) {\r\n height = 100;\r\n }\r\n ui.placeholder.height(height);\r\n }\r\n });\r\n }\r\n }\r\n\r\n\r\n filterHandleChange = (event) => {\r\n let filterData = Object.assign({}, this.state.filter);\r\n let filterKey = event.target.name;\r\n let filterVal = event.target.value;\r\n\r\n if (filterVal) {\r\n filterData[filterKey] = filterVal;\r\n } else {\r\n delete filterData[filterKey];\r\n }\r\n if (filterKey == 'CustomerId') {\r\n filterData['FacilityId'] = 0;\r\n this.setFacilityOnCustomer(filterVal);\r\n }\r\n\r\n this.setState({\r\n filter: filterData,\r\n }, () => {\r\n this.onFilterDataSet();\r\n });\r\n }\r\n setFacilityOnCustomer = (customerId) => {\r\n let customerIndex = ObjectWms.FindIndexByProperty(this.state.optionsCustomers, \"id\", parseInt(customerId));\r\n let custFacility = this.state.optionsCustomers[customerIndex].facilities;\r\n let allFacilities = GlobalService.getFacilityList(false);\r\n let selFacilityOption = [];\r\n for (let i = 0; i < custFacility.length; i++) {\r\n let facilityIndex = ObjectWms.FindIndexByProperty(allFacilities, \"id\", parseInt(custFacility[i]));\r\n if (allFacilities[facilityIndex]) {\r\n selFacilityOption.push(allFacilities[facilityIndex]);\r\n }\r\n }\r\n selFacilityOption.unshift({\r\n \"id\": 0,\r\n \"name\": \"Unspecified\",\r\n \"uri\": \"\",\r\n \"FacilitySimpleUri\": \"\",\r\n \"UpsAccountNumber\": \"\",\r\n \"FedExAccountNumber\": \"\"\r\n });\r\n this.setState({ facilityOption: selFacilityOption });\r\n }\r\n onFilterDataSet = () => {\r\n let filterObj = Object.assign({}, this.state.filter);\r\n let isSearchOn = false;\r\n\r\n if (!$.isEmptyObject(filterObj)) {\r\n isSearchOn = true;\r\n }\r\n this.props.onAttachFileAssemblyFilterObjChange(filterObj, isSearchOn);\r\n }\r\n\r\n clearFilters = () => {\r\n // set default value of filter form\r\n let resetFilterObj = {\r\n CustomerId: 0,\r\n FacilityId: 0,\r\n StatusEnum: 0,\r\n ReferenceNum: '',\r\n IndexOptionsStatus: 0\r\n };\r\n this.setState({\r\n filter: resetFilterObj\r\n });\r\n this.props.onAttachFileAssemblyFilterObjChange(resetFilterObj, false);\r\n }\r\n\r\n setCollapseMetaData = (isExpanded, collapseId) => {\r\n metaDataService.setManageAttachFileAssemblyCollapseMetaData(collapseId, isExpanded);\r\n }\r\n\r\n onSectionSort = () => {\r\n var sortArray = JSON.stringify($('#attech-file-assembly-filter-section-sortable').sortable(\"toArray\"));\r\n metaDataService.setManageAttachFileAssemblySortSectionMetaData(sortArray);\r\n }\r\n\r\n onOpenSaveFilterModel = () => {\r\n this.setState({\r\n isOpenSaveFilterModel: true,\r\n newFilterTitle: \"\",\r\n filterNameExist: false\r\n });\r\n }\r\n exitSaveFilterModel = () => {\r\n this.setState({\r\n isOpenSaveFilterModel: false\r\n });\r\n }\r\n onSaveFilter = (indexForUpdate = null) => {\r\n let filterObj = Object.assign({}, this.state.filter);\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n var filterArray = grid.dataSource.filter() ? grid.dataSource.filter() : [];\r\n var gridColumn = grid.getOptions().columns;\r\n var finalSubmission = GlobalService.prepareGridOptionsForStorage(gridColumn, sortArray, filterArray);\r\n\r\n if (indexForUpdate != null) {\r\n metaDataService.updateManageAttachFileAssemblyFilterMetaData(indexForUpdate, filterObj, finalSubmission);\r\n GlobalService.notification('success', this.translate('Order_Filter_Update_success'));\r\n } else {\r\n if (!this.state.filterNameExist) {\r\n metaDataService.saveManageAttachFileAssemblyFilterMetaData(this.state.newFilterTitle, filterObj, finalSubmission);\r\n this.exitSaveFilterModel();\r\n }\r\n }\r\n }\r\n\r\n handleFilterTitleChange = (e) => {\r\n let value = e.target.value;\r\n if (value.Description == '') {\r\n value = '';\r\n }\r\n\r\n var nameExists = false;\r\n // check dublicate title for case sensitive\r\n var exists = this.state.savedFilterList.findIndex(function (item) {\r\n return value.toLowerCase() === item.title.toLowerCase();\r\n });\r\n if (exists != -1) {\r\n nameExists = true;\r\n }\r\n this.setState({\r\n newFilterTitle: value,\r\n filterNameExist: nameExists\r\n });\r\n }\r\n\r\n onClearSaveFilter = (index) => {\r\n this.setState({\r\n isOpenConfirmModel: true,\r\n savedFilterIndex: index\r\n });\r\n }\r\n onYesRemoveSavedFilter = () => {\r\n metaDataService.clearSaveManageAttachFileAssemblyFilterListMetaData(this.state.savedFilterIndex);\r\n this.setState({\r\n isOpenConfirmModel: false,\r\n savedFilterList: metaDataService.getSaveManageAttachFileAssemblyFilterListMetaData()\r\n });\r\n }\r\n ClickExit = () => {\r\n this.setState({\r\n isOpenConfirmModel: false\r\n });\r\n }\r\n\r\n onUseSaveFilter = (index) => {\r\n var objFilter = Object.assign({}, this.state.savedFilterList[index]);\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var gridConfig = JSON.parse(objFilter.columnData);\r\n var tempObject = \"\";\r\n\r\n if (gridConfig.columns) {\r\n var fieldArray = gridConfig.columns.map(el => el.field);\r\n var updateColumn = [];\r\n this.state.allColumnList.filter((column) => {\r\n if (fieldArray.indexOf(column.field) !== -1) {\r\n updateColumn.push(column);\r\n }\r\n });\r\n tempObject = ObjectWms.alignIndexesByProperty(gridConfig.columns, updateColumn, \"field\");\r\n } else {\r\n tempObject = ObjectWms.alignIndexesByProperty(gridConfig.columns, this.props.defaultColumns, \"field\");\r\n }\r\n grid.setOptions({\r\n columns: tempObject\r\n });\r\n grid.dataSource.sort(gridConfig.sorts);\r\n grid.dataSource.filter(gridConfig.filters);\r\n\r\n this.setState({\r\n filter: objFilter.filterData\r\n }, () => {\r\n this.onFilterDataSet();\r\n });\r\n this.props.onApplySavedFilter(objFilter.filterData);\r\n }\r\n\r\n\r\n\r\n showFilterTooltip = () => {\r\n this.setState({ showTooltip: true });\r\n }\r\n hideFilterTooltip = () => {\r\n this.setState({ showTooltip: false });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n {this.state.isOpenColumnModel && (\r\n \r\n
\r\n );\r\n }\r\n}","var axios = require('axios');\r\nimport * as GlobalService from '../global_services';\r\n\r\n\r\nexport const getOutBoundDashboard = function (postParams) {\r\n\r\n return axios.post(globalsMsg.outbound_dashboard_url, postParams)\r\n .then(function (response) {\r\n return response.data;\r\n });\r\n}","import React from 'react';\r\nimport { AttachFileToAssemblyGrid } from './attach-file-to-assembly-grid.component.jsx';\r\nimport { AttachFileToAssemblySearch } from './attach-file-to-assembly-search.component.jsx';\r\nimport * as metaDataService from './attach-file-to-assembly-meta-data.service.js';\r\nimport style from './attach-file-to-assembly.scss';\r\n\r\nexport class AttachFileToAssembly extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n this.manageAttachFileAssemblyGridId = \"GridAttachFileToAssembly\";\r\n\r\n this.state = {\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n sharedSelectedFacilityObj: null,\r\n sharedAttachFileAssemblyFilterObj: {\r\n \"CustomerId\": 0,\r\n \"FacilityId\": 0,\r\n \"StatusEnum\": 0,\r\n \"ReferenceNum\": '',\r\n \"IndexOptionsStatus\": 0\r\n },\r\n sharedSearchOn: false,\r\n isLoadMetaServices: false\r\n }\r\n }\r\n\r\n async componentDidMount() {\r\n $('#attach-file-assembly-holder').closest('.k-window-content').css(\"padding\", \"0\");\r\n\r\n kendo.ui.progress($('#' + this.state.windowId), true);\r\n await metaDataService.getUserClientMetaData();\r\n\r\n var filterData = metaDataService.getAttachFileAssemblyFilterMetaData();\r\n if (filterData != \"\") {\r\n this.setState({\r\n sharedAttachFileAssemblyFilterObj: filterData,\r\n sharedSearchOn: JSON.stringify(filterData) != JSON.stringify(this.state.sharedAttachFileAssemblyFilterObj)\r\n });\r\n }\r\n this.setState({\r\n isLoadMetaServices: true\r\n })\r\n }\r\n\r\n componentWillUnmount() {\r\n $('#attach-file-assembly-holder').closest('.k-window-content').css(\"padding\", \"26\");\r\n }\r\n\r\n selectedFacility = (facilityObj) => {\r\n this.setState({\r\n sharedSelectedFacilityObj: facilityObj\r\n });\r\n }\r\n\r\n onAttachFileAssemblyFilterObjChange = (param_inventoryFilterObj, searchOn) => {\r\n this.setState({\r\n sharedAttachFileAssemblyFilterObj: Object.assign({}, param_inventoryFilterObj),\r\n sharedSearchOn: searchOn\r\n }, () => {\r\n metaDataService.setAttachFileAssemblyFilterMetaData(param_inventoryFilterObj);\r\n this.gridComponent.loadGridData();\r\n });\r\n }\r\n\r\n onRefreshGrid = () => {\r\n this.gridComponent.loadGridData();\r\n }\r\n\r\n resizeWindow = () => {\r\n $(window).trigger('resize');\r\n }\r\n\r\n onApplySavedFilter = (param_filterObj) => {\r\n this.setState({\r\n sharedAttachFileAssemblyFilterObj: param_filterObj,\r\n sharedSearchOn: true\r\n }, () => {\r\n if (this.gridComponent) {\r\n var grid = $('.' + this.state.windowId + ' #' + this.manageAttachFileAssemblyGridId).data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n this.gridComponent.setFilterAppliedText(dataSource.filter());\r\n this.gridComponent.onGridFilterApplied(param_filterObj);\r\n }\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n
\r\n\r\n \r\n {this.props.sharedSearchOn == true &&\r\n
\r\n\r\n {this.translate('Label_NOTE')}:
\r\n }\r\n \r\n
\r\n\r\n \r\n {this.state.savedFilterList.length !== 0 && (\r\n this.setCollapseMetaData(e, 'attach_file_assembly_collapse0')}>\r\n \r\n )}\r\n\r\n this.setCollapseMetaData(e, 'attach_file_assembly_search_collapse1')}>\r\n this.setCollapseMetaData(e, 'attach_file_assembly_collapse2')}>\r\n\r\n
\r\n - \r\n {this.state.savedFilterList.map((data, index) => (\r\n
- \r\n {data.title}\r\n this.onClearSaveFilter(index)}>\r\n \r\n\r\n \r\n ))}\r\n
\r\n {this.state.isOpenSaveFilterModel && (\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n this.onSaveFilter()}\r\n disabled={this.state.newFilterTitle == '' || this.state.filterNameExist}\r\n icon=\"fa-floppy-o\"\r\n showToolTip={this.state.filterNameExist}\r\n tooltipText={this.translate('Label_Filter_Name_Exist_Message')}\r\n />\r\n
\r\n \r\n )}\r\n \r\n {this.state.isLoadMetaServices && (\r\n { this.gridComponent = instance; }}\r\n sharedSelectedFacilityObj={this.state.sharedSelectedFacilityObj}\r\n windowId={this.state.windowId}\r\n sharedAttachFileAssemblyFilterObj={this.state.sharedAttachFileAssemblyFilterObj}\r\n />\r\n }\r\n\r\n
\r\n )\r\n\r\n }\r\n}","import React from 'react';\r\nimport style from './outbound-productivity.scss';\r\nimport * as GlobalService from '../global_services';\r\nimport * as outboundService from './outbound-productivity.services.jsx';\r\nexport class OutboundProductivity extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.state = {\r\n iframeUrl: ''\r\n }\r\n \r\n }\r\n\r\n componentDidMount() {\r\n let postParams = _.cloneDeep(GlobalService.userKeysUrlStringForDashboardPost);\r\n postParams[\"dashboard_name\"] = \"outbound_productivity\";\r\n postParams[\"parameter_list\"] = {\r\n \"param1\": \"value1\",\r\n \"param2\": \"value2\",\r\n };\r\n outboundService.getOutBoundDashboard(postParams).then((response) => {\r\n console.log(\"openOutBoundDashboard: \", response.EmbedUrl);\r\n if(response.EmbedUrl) {\r\n this.setState({\r\n iframeUrl: response.EmbedUrl\r\n }); \r\n }\r\n });\r\n }\r\n iframeLoad = () => {\r\n var iframeId = this.state.iframeId;\r\n $('#' + iframeId + 'Loader').hide(); \r\n }\r\n\r\n render() { \r\n return (\r\n \r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\nvar axios = require('axios');\r\nimport * as GlobalService from '../global_services';\r\n\r\nexport const searchInfoGet = function () {\r\n return axios.get('/WebUI/Users/Users/searchInfo').then(function (response) {\r\n return response ;\r\n });\r\n}\r\n\r\nexport const updateUsersActivation = function (list, mybool) {\r\n\r\n return axios.put('/WebUI/Users/Users/UserActivator', { \"ids\": list, \"active\": mybool }).then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const getRolesList = function (param_userType) {\r\n\r\n return axios.get('/WebUI/Users/Users/Roles?scope='+param_userType).then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\n\r\nexport const getUserOptions = function (uri) {\r\n return axios.get('/WebUI/Users/Users/UserOptions?userUri=' + uri).then(function (response) {\r\n let myreturn = (response != null) ? response.data : {};\r\n return myreturn;\r\n });\r\n}\r\n\r\n\r\nexport const createUser = function (param_userdata) {\r\n delete param_userdata.CustomerNames;\r\n return axios.post('/WebUI/Users/Users/User', { userView: param_userdata }).then(function success(response) {\r\n return response;\r\n });\r\n}\r\nexport const updateUser = function (param_userdata) {\r\n delete param_userdata.CustomerNames;\r\n delete param_userdata.CustomerId;\r\n return axios.put('/WebUI/Users/Users/User', { userView: param_userdata }).then(function success(response) {\r\n return response;\r\n });\r\n}\r\nexport const updateUserRole = function (param_userIds,param_rolename) {\r\n return axios.put('/WebUI/Users/Users/RoleUpdater', { userIds: param_userIds, role:param_rolename}).then(function success(response) {\r\n return response;\r\n });\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsButton from '../components/WmsButton/WmsButton.jsx';\r\nimport WmsModel from './../components/WmsModel/WmsModel.jsx';\r\nimport WmsComboBox from './../components/WmsComboBox/WmsComboBox.jsx';\r\nimport WmsCollapse from './../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsConfirmModel from './../components/WmsConfirmModel/WmsConfirmModel.jsx';\r\n\r\nimport * as userService from './users.service.jsx';\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport class UserBetaAssignRoleModel extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.state = {\r\n saveLoader: false,\r\n isOpenConfirmModel: false,\r\n sharedUserRoleList: [],\r\n assignRoleValue: \"\",\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n kendo.ui.progress($('#assignRole'), true);\r\n //Get dropdown of Role for assign role model\r\n userService.getRolesList(this.props.sharedSelectUserType).then((response) => {\r\n kendo.ui.progress($('#assignRole'), false);\r\n this.setState({ sharedUserRoleList: response.data.filter( e => e.Name !== \"superadmin\") });\r\n this.setState({ assignRoleValue: '' });\r\n }).finally(() => {\r\n kendo.ui.progress($('#assignRole'), false);\r\n });\r\n }\r\n\r\n handleAssignRoleChange = (e) => {\r\n this.setState({ assignRoleValue: e.target.value });\r\n }\r\n cancelAssignRole = () => {\r\n $(\"#assignRole\").data('kendoWindow').close();\r\n this.props.onAssignRoleClose();\r\n }\r\n\r\n closeAssignRoleModal = () => {\r\n this.props.onAssignRoleClose();\r\n }\r\n\r\n updateUserRole = () => {\r\n this.setState({ saveLoader: true });\r\n var returnObj = this.checkHasOutOfScopeRight(this.state.sharedUserRoleList, this.state.assignRoleValue)\r\n var isHasOutOfScopeRights = returnObj.HasOutOfScopeRights;\r\n if (isHasOutOfScopeRights) {\r\n this.setState({\r\n isOpenConfirmModel: true\r\n });\r\n return;\r\n }\r\n this.saveAssignRoleCall();\r\n }\r\n checkHasOutOfScopeRight(list, roleName) {\r\n return list.find((element) => {\r\n if (element.Name == roleName) {\r\n return element;\r\n }\r\n });\r\n }\r\n saveAssignRoleCall = () => {\r\n userService.updateUserRole(this.props.sharedSelectedUserIds, this.state.assignRoleValue).then((response) => {\r\n this.setState({ saveLoader: false });\r\n if (response.status == 200 || response.status == 204) {\r\n GlobalService.notification('success', this.translate('Label_User_Updated'));\r\n this.onCloseConfirmModel();\r\n this.cancelAssignRole();\r\n this.props.onResetSelectionAndButton();\r\n var eventItem = new CustomEvent(\"onUserRoleUpdate\");\r\n document.dispatchEvent(eventItem);\r\n } else {\r\n this.onCloseConfirmModel();\r\n GlobalService.apiFailer(response);\r\n }\r\n }).finally(() => {\r\n this.onCloseConfirmModel();\r\n this.setState({ saveLoader: false });\r\n });\r\n }\r\n onCloseConfirmModel = () => {\r\n this.setState({ isOpenConfirmModel: false, saveLoader: false });\r\n }\r\n\r\n clickOnContinueButton = () => {\r\n this.saveAssignRoleCall();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n {this.state.iframeUrl != ''? (\r\n \r\n ): null}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {this.translate('Label_Setting_New_Role')}\r\n
\r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsInput from '../components/WmsInput/WmsInput.jsx';\r\nimport WmsRadio from '../components/WmsRadio/WmsRadio.tsx';\r\nimport WmsCheckBox from '../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsFormGrid from '../components/WmsFormGrid/WmsFormGrid.jsx';\r\nimport WmsDropdown from '../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsUpdateDropdownList from '../components/WmsUpdateDropdownList/WmsUpdateDropdownList.jsx';\r\nimport WmsCollapse from '../components/WmsCollapse/WmsCollapse.jsx';\r\nimport * as GlobalService from '../global_services';\r\n\r\nexport class ManageUsersAccountDetails extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n Selector: 'Users',\r\n passInputType: 'password',\r\n inputIcon: 'fa-eye',\r\n facilityGridData:[]\r\n }\r\n }\r\n componentDidMount(){\r\n $('#CellPhone').mask('(000) 000-0000');\r\n }\r\n componentWillReceiveProps(nextProps) {\r\n if(\r\n nextProps.sharedUser.userType == 'customerAccess' &&\r\n nextProps.sharedUser.Uri != '' &&\r\n nextProps.sharedUser.Uri != this.props.sharedUser.Uri\r\n ){\r\n setTimeout(() => {\r\n let tmpCustOptions = Object.assign([], nextProps.sharedUserOptions.customerOptions);\r\n _.remove(tmpCustOptions, obj => nextProps.sharedUser.CustomerIds.includes(obj.Id));\r\n var dropdownListData = $(\"#CustomerIds\").data(\"kendoDropDownList\");\r\n dropdownListData.setDataSource(tmpCustOptions);\r\n }, 700);\r\n this.setCustomerFacilityObj(nextProps.sharedUser.CustomerIds,nextProps.sharedUserOptions.customerOptions,'isFromFirstEdit');\r\n }else if(\r\n nextProps.sharedUser.userType == 'warehouseAccess' &&\r\n nextProps.sharedUser.Uri != this.props.sharedUser.Uri\r\n ){\r\n this.removeObjectFromDropdownList(nextProps.sharedUser.FacilityIds,nextProps.sharedUserOptions.allFacilities)\r\n }\r\n }\r\n\r\n handleChangeCustomer = (event) => {\r\n\r\n let name = event.target.name;\r\n let value = event.target.value;\r\n\r\n this.props.onUserDataset(Object.assign(\r\n {},\r\n this.props.sharedUser,\r\n { [name]: event.target.type == 'radio' ? !this.props.sharedUser[name] : value }\r\n ))\r\n }\r\n handleChangeUserName = (event) => {\r\n this.props.onUserDataset(Object.assign(\r\n {},\r\n this.props.sharedUser,\r\n { 'Login': event.target.value }\r\n ))\r\n }\r\n\r\n\r\n toggleShowPass = () => {\r\n this.setState({\r\n passInputType: (this.state.passInputType == 'password') ? 'text' : 'password',\r\n inputIcon: (this.state.passInputType == 'password') ? 'fa-eye-slash' : 'fa-eye'\r\n })\r\n }\r\n\r\n handleUserTypeChange = (param_radioBtn_value) => {\r\n\r\n this.props.onUserDataset(Object.assign(\r\n {},\r\n this.props.sharedUser,\r\n {\r\n 'userType': param_radioBtn_value,\r\n 'roleName': ''\r\n }\r\n ));\r\n this.setState({ facilityGridData:[]});\r\n\r\n var dropdownListData = $(\"#FacilityIdsDropdownOptions\").data(\"kendoDropDownList\");\r\n if(param_radioBtn_value == 'customerAccess'){\r\n if(dropdownListData){ setTimeout(() => { dropdownListData.setDataSource([]); }, 700); }\r\n this.setCustomerFacilityObj(this.props.sharedUser.CustomerIds,this.props.sharedUserOptions.customerOptions);\r\n }else{\r\n if(dropdownListData){ setTimeout(() => { dropdownListData.setDataSource(this.props.sharedUserOptions.allFacilities); }, 700); }\r\n }\r\n\r\n }\r\n handleUserCustomerChange = (valueArr) =>{\r\n if(!valueArr){\r\n valueArr = [];\r\n }\r\n\r\n\r\n this.props.onUserDataset(Object.assign(\r\n {},\r\n this.props.sharedUser,\r\n {\r\n 'CustomerIds': valueArr\r\n }\r\n ));\r\n this.setCustomerFacilityObj(valueArr,this.props.sharedUserOptions.customerOptions);\r\n }\r\n handleUserWarehouseChange = (valueArr) =>{\r\n if(!valueArr){\r\n valueArr = [];\r\n }\r\n this.props.onUserDataset(Object.assign(\r\n {},\r\n this.props.sharedUser,\r\n { 'FacilityIds': valueArr }\r\n ));\r\n }\r\n setCustomerFacilityObj = (customerIds,customerOptions,isFromFirstEdit) => {\r\n var facilityObj = [];\r\n _.filter(customerOptions, function(objCust){\r\n if(customerIds.includes(objCust.Id)){\r\n var merged = _.merge(_.keyBy(facilityObj, 'Id'), _.keyBy(objCust.Facilities, 'Id'));\r\n facilityObj = _.values(merged);\r\n }\r\n });\r\n this.setState({\r\n facilityGridData:facilityObj\r\n },() => {\r\n if(isFromFirstEdit){\r\n this.removeObjectFromDropdownList(this.props.sharedUser.FacilityIds,facilityObj)\r\n }else{\r\n var dropdownListData = $(\"#FacilityIdsDropdownOptions\").data(\"kendoDropDownList\");\r\n if(dropdownListData){\r\n setTimeout(() => { dropdownListData.setDataSource(facilityObj); }, 700);\r\n }\r\n }\r\n });\r\n }\r\n\r\n removeObjectFromDropdownList = (facilityIds,facilityOptions) => {\r\n setTimeout(() => {\r\n let tmpFacOptions = Object.assign([], facilityOptions);\r\n _.remove(tmpFacOptions, obj => facilityIds.includes(obj.Id));\r\n var dropdownListData = $(\"#FacilityIdsDropdownOptions\").data(\"kendoDropDownList\");\r\n dropdownListData.setDataSource(tmpFacOptions);\r\n }, 700);\r\n }\r\n\r\n\r\n render() {\r\n let renderUser = this.props.sharedUser;\r\n let roleOption = this.props.sharedUserOptions.warehouseRoleOption;\r\n if (renderUser.userType == 'customerAccess') {\r\n roleOption = this.props.sharedUserOptions.customerRoleOption;\r\n }\r\n if(!renderUser.CustomerIds) {\r\n renderUser.CustomerIds = [];\r\n }\r\n const UseCognitoLogin = GlobalService.CurrentUser.UseCognitoLogin;\r\n const isHubLogin = GlobalService.GetCurrentUser()?.IsJwtLogin;\r\n\r\n let renderCustomerOptions = this.props.sharedUserOptions.customerOptions;\r\n\r\n return (\r\n \r\n \r\n {UseCognitoLogin || isHubLogin ? (\r\n \r\n
\r\n )\r\n }\r\n}","\r\nimport React from 'react';\r\nimport { ObjectWms } from '../../../assets/ts/ObjectWms.ts';\r\n\r\n//component\r\nimport WmsButton from '../components/WmsButton/WmsButton.jsx';\r\nimport WmsModel from '../components/WmsModel/WmsModel.jsx';\r\nimport WmsConfirmModel from '../components/WmsConfirmModel/WmsConfirmModel.jsx';\r\nimport { ManageUsersAccountDetails } from './manage-users-account-details.jsx';\r\n\r\n//Services\r\nimport * as userService from './users.service.jsx';\r\nimport * as GlobalService from '../global_services';\r\n\r\nexport class ManageUsersAccountModel extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.defaultUserObj = {\r\n 'Name': '',\r\n 'Login': '',\r\n 'NewPassword': '',\r\n 'confirmPassword': '',\r\n 'Deactivated': false,\r\n 'roleName': '',\r\n \"CellCarrierId\": 0,\r\n \"V1Role\": \"\",\r\n \"FacilityIds\": [],\r\n \"CustomerIds\":[],\r\n \"Email\": \"\",\r\n \"CellPhone\": \"\",\r\n \"Login\": \"\",\r\n \"userType\": \"\"\r\n };\r\n this.state = {\r\n saveLoader: false,\r\n isOpenConfirmModel: false,\r\n sharedLoggedInUser: null,\r\n sharedLoggedInUserId: null,\r\n Selector: 'User',\r\n sharedUser: this.defaultUserObj,\r\n sharedUserOptions: {\r\n warehouseOptions: [],\r\n customerOptions: [],\r\n cellCarriersOption: [],\r\n customerRoleOption: [],\r\n warehouseRoleOption: [],\r\n customerAccessV1Option: [\r\n { 'name': 'cust' },\r\n { 'name': 'cust2' },\r\n { 'name': 'cust3' },\r\n { 'name': 'cust3c' },\r\n { 'name': 'cust3d' },\r\n { 'name': 'cust4' },\r\n { 'name': 'cust5' },\r\n { 'name': 'cust6' },\r\n { 'name': 'cust7' },\r\n { 'name': 'mobileonly' },\r\n { 'name': 'StockStatusOnly' }],\r\n facilityAccessV1Option: [\r\n { 'name': '4pl1' },\r\n { 'name': '4pl2' },\r\n { 'name': '4pl3' },\r\n { 'name': 'level0' },\r\n { 'name': 'level1' },\r\n { 'name': 'level2' },\r\n { 'name': 'level3' },\r\n { 'name': 'level4' },\r\n { 'name': 'level5' },\r\n { 'name': 'level8' },\r\n { 'name': 'level9' },\r\n { 'name': 'mobileonly' },\r\n { 'name': 'ordonly' },\r\n { 'name': 'rcvonly' },\r\n { 'name': 'smart' }]\r\n }\r\n\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n\r\n this.getUserData(this.props.sharedUserUri);\r\n\r\n this.setState({\r\n sharedLoggedInUser: GlobalService.GetCurrentUser().CustomerIds.length > 0 ? 'customer' : 'warehouse',\r\n sharedLoggedInUserId: GlobalService.GetCurrentUser().UserId,\r\n });\r\n\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.sharedUserUri != this.props.sharedUserUri) {\r\n this.getUserData(nextProps.sharedUserUri);\r\n }\r\n }\r\n\r\n getUserData(param_user_uri) {\r\n if (param_user_uri == '') {\r\n\r\n kendo.ui.progress($('#form_block'), true);\r\n userService.getUserOptions(param_user_uri).then((response) => {\r\n\r\n if (typeof response != 'undefined') {\r\n\r\n if (this.defaultUserObj.CustomerIds.length > 0) {\r\n this.defaultUserObj.userType = 'customerAccess';\r\n }\r\n this.setState({\r\n sharedUserOptions: Object.assign(\r\n {},\r\n this.state.sharedUserOptions,\r\n {\r\n allFacilities: response.Facilities,\r\n warehouseOptions: response.Customers[0].Facilities,\r\n customerOptions: response.Customers,\r\n cellCarriersOption: response.CellCarriers,\r\n customerRoleOption: response.CustomerRoles,\r\n warehouseRoleOption: response.WarehouseRoles.filter( e => e.Name !== \"superadmin\")\r\n }),\r\n sharedUser: this.defaultUserObj\r\n });\r\n }\r\n kendo.ui.progress($('#form_block'), false);\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#form_block'), false);\r\n });\r\n\r\n } else {\r\n\r\n kendo.ui.progress($('#form_block'), true);\r\n userService.getUserOptions(param_user_uri).then((response) => {\r\n\r\n\r\n if (typeof response != 'undefined') {\r\n response.User.userType = 'warehouseAccess';\r\n if (response.User.CustomerIds.length > 0) {\r\n response.User.userType = 'customerAccess';\r\n }\r\n if (response.User.CellPhone) {\r\n response.User.CellPhone = $('#CellPhone').masked(response.User.CellPhone);\r\n }\r\n\r\n response.User.roleName = (response.User.UiRoleNames.length > 0) ? response.User.UiRoleNames[0] : '';\r\n\r\n if (!response.User.Provisioned) {\r\n response.User.userType = '';\r\n response.User.roleName = '';\r\n response.User.V1Role = '';\r\n response.User.FacilityIds = [];\r\n response.User.CustomerIds = [];\r\n }\r\n\r\n this.setState({\r\n sharedUserOptions: Object.assign(\r\n {},\r\n this.state.sharedUserOptions,\r\n {\r\n allFacilities: response.Facilities,\r\n customerOptions: response.Customers,\r\n cellCarriersOption: response.CellCarriers,\r\n customerRoleOption: response.CustomerRoles,\r\n warehouseRoleOption: response.WarehouseRoles.filter( e => e.Name !== \"superadmin\")\r\n }),\r\n sharedUser: response.User\r\n });\r\n }\r\n\r\n kendo.ui.progress($('#form_block'), false);\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#form_block'), false);\r\n });\r\n }\r\n\r\n\r\n }\r\n\r\n onUserDataset = (param_userObj) => {\r\n this.setState({ sharedUser: param_userObj });\r\n }\r\n\r\n onClickSaveUser = () => {\r\n //var today = new Date();\r\n\r\n\r\n let userObj = JSON.parse(JSON.stringify(this.state.sharedUser));\r\n\r\n //Logic for show confirm model\r\n if (userObj.roleName) {\r\n var isHasOutOfScopeRights = false;\r\n if (userObj.userType == \"customerAccess\") {\r\n var returnObj = this.checkHasOutOfScopeRight(this.state.sharedUserOptions.customerRoleOption, userObj.roleName)\r\n isHasOutOfScopeRights = returnObj.HasOutOfScopeRights;\r\n } else {\r\n var returnObj = this.checkHasOutOfScopeRight(this.state.sharedUserOptions.warehouseRoleOption, userObj.roleName)\r\n if(returnObj){\r\n isHasOutOfScopeRights = returnObj.HasOutOfScopeRights;\r\n }\r\n }\r\n if (isHasOutOfScopeRights) {\r\n this.setState({\r\n isOpenConfirmModel: true\r\n });\r\n return;\r\n }\r\n }\r\n\r\n this.setState({ saveLoader: true });\r\n\r\n this.saveUserCall();\r\n }\r\n saveUserCall = () => {\r\n let userObj = JSON.parse(JSON.stringify(this.state.sharedUser));\r\n if (typeof userObj.roleName == 'undefined' || userObj.roleName == '' || userObj.roleName == null) {\r\n userObj.UiRoleNames = null;\r\n } else {\r\n userObj.UiRoleNames = [userObj.roleName];\r\n }\r\n\r\n if (userObj.CellPhone) {\r\n userObj.CellPhone = $('#CellPhone').cleanVal();\r\n }\r\n\r\n //userObj.CreationDate = today.getMonth() + \"/\" + today.getDate() + \"/\" + today.getFullYear()\r\n // HACK I HATE MVC, it can't return us dates right so we have to hack stuff in to get it to be a valid date\r\n if (userObj.CreationDate) {\r\n if (userObj.CreationDate.indexOf('Date') != -1) {\r\n let date = new Date(parseInt(userObj.CreationDate.substr(6)));\r\n userObj.CreationDate = date.toISOString();\r\n\r\n }\r\n }\r\n // get selected facilityIds from dropdown options\r\n let facilityOpt =(userObj.userType == 'warehouseAccess') ? this.state.sharedUserOptions.allFacilities : this.refs.manageUsersAccountDetails.state.facilityGridData\r\n let selected = [];\r\n _.filter(facilityOpt, function(objCust){\r\n if(userObj.FacilityIds.includes(objCust.Id)){\r\n selected.push(objCust.Id);\r\n }\r\n });\r\n console.log(\"facilityOpt selected\",selected);\r\n userObj.FacilityIds = selected;\r\n\r\n if(userObj.userType == 'warehouseAccess'){\r\n delete userObj.CustomerIds;\r\n }\r\n delete userObj.userType;\r\n delete userObj.roleName;\r\n if (this.props.sharedUserUri == '') {\r\n\r\n userService.createUser(userObj).then((response) => {\r\n this.setState({ saveLoader: false });\r\n this.onCloseConfirmModel();\r\n if (response.status == 200 || response.status == 204) {\r\n GlobalService.notification('success', this.translate('Label_CreateUser_Success'));\r\n this.props.onReloadGrid('reloadLocationGrid');\r\n this.props.onExitUserForm();\r\n var eventItem = new CustomEvent(\"onUserRoleUpdate\");\r\n document.dispatchEvent(eventItem);\r\n } else {\r\n GlobalService.apiFailer(response);\r\n }\r\n\r\n }).finally(() => {\r\n this.onCloseConfirmModel();\r\n this.setState({ saveLoader: false });\r\n });\r\n\r\n } else {\r\n // HACK I HATE THOMAS AND MVC\r\n if (userObj.LastLoginDate) {\r\n if (userObj.LastLoginDate.indexOf('Date') != -1) {\r\n let date = new Date(parseInt(userObj.LastLoginDate.substr(6)));\r\n userObj.LastLoginDate = date.toISOString();\r\n\r\n }\r\n }\r\n userService.updateUser(userObj).then((response) => {\r\n this.onCloseConfirmModel();\r\n if (response.status == 200 || response.status == 204) {\r\n\r\n GlobalService.notification('success', this.translate('Label_User_Updated'));\r\n this.props.onReloadGrid('reloadLocationGrid');\r\n this.setState({ saveLoader: false });\r\n this.props.onExitUserForm();\r\n var eventItem = new CustomEvent(\"onUserRoleUpdate\");\r\n document.dispatchEvent(eventItem);\r\n } else {\r\n GlobalService.apiFailer(response);\r\n }\r\n\r\n }).finally(() => {\r\n this.onCloseConfirmModel();\r\n this.setState({ saveLoader: false });\r\n });\r\n }\r\n }\r\n checkHasOutOfScopeRight(list, roleName) {\r\n return list.find((element) => {\r\n if (element.Name == roleName) {\r\n return element;\r\n }\r\n });\r\n }\r\n\r\n onCloseConfirmModel = () => {\r\n this.setState({ isOpenConfirmModel: false });\r\n }\r\n\r\n clickOnContinueButton = () => {\r\n this.setState({ saveLoader: true });\r\n this.saveUserCall();\r\n }\r\n isAllValid(){\r\n const UseCognitoLogin = GlobalService.CurrentUser.UseCognitoLogin;\r\n const isHubLogin = GlobalService.GetCurrentUser()?.IsJwtLogin;\r\n if(UseCognitoLogin || isHubLogin){\r\n return this.state.sharedUser.roleName == '' || this.state.sharedUser.roleName == 'Unspecified' ||\r\n (this.state.sharedUser.userType == 'customerAccess' && this.state.sharedUser.CustomerIds.length == 0) ||\r\n this.state.saveLoader;\r\n }else{\r\n return this.state.sharedUser.Login == '' ||\r\n this.state.sharedUser.NewPassword == '' ||\r\n this.state.sharedUser.confirmPassword == '' ||\r\n (this.state.sharedUser.NewPassword != this.state.sharedUser.confirmPassword) ||\r\n this.state.sharedUser.Name == '' ||\r\n this.state.sharedUser.Email == '' ||\r\n this.state.sharedUser.roleName == '' || this.state.sharedUser.roleName == 'Unspecified'||\r\n this.state.sharedUser.Email == null ||\r\n this.state.sharedUser.userType == '' ||\r\n (this.state.sharedUser.userType == 'customerAccess' && this.state.sharedUser.CustomerIds.length == 0) ||\r\n this.state.saveLoader;\r\n }\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n ):(\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n\r\n \r\n
\r\n \r\n \r\n {this.props.sharedUserUri == '' &&\r\n (
\r\n\r\n {(renderUser.userType != '' || this.props.sharedLoggedInUser == 'customer') &&\r\n (\r\n \r\n
)}\r\n \r\n {(this.props.sharedUserUri == '' || !this.props.sharedUser.Provisioned) &&\r\n this.props.sharedLoggedInUser == 'warehouse' && (\r\n this.handleUserTypeChange('warehouseAccess')}\r\n value={'warehouseAccess'}\r\n checked={renderUser.userType == 'warehouseAccess'}\r\n />\r\n )}\r\n {(this.props.sharedUserUri == '' || !this.props.sharedUser.Provisioned) &&\r\n this.handleUserTypeChange('customerAccess')}\r\n value={'customerAccess'}\r\n checked={renderUser.userType == 'customerAccess' || this.props.sharedLoggedInUser == 'customer'}\r\n />\r\n }\r\n {(renderUser.userType != '') &&\r\n
\r\n \r\n \r\n
\r\n }\r\n \r\n {\r\n (renderUser.userType == 'customerAccess')\r\n && (\r\n
)\r\n }\r\n \r\n
\r\n )\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n}","\r\nimport React from 'react';\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\n//components\r\nimport WmsButton from './../components/WmsButton/WmsButton.jsx';\r\nimport WmsRadio from './../components/WmsRadio/WmsRadio.tsx';\r\nimport WmsCollapse from './../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsInput from './../components/WmsInput/WmsInput.jsx';\r\nimport WmsGrid from './../components/WmsGrid/WmsGrid.jsx';\r\nimport WmsCheckBox from \"./../components/WmsCheckBox/WmsCheckBox.jsx\";\r\n//services\r\nimport * as GlobalService from './../global_services';\r\nimport * as userService from './users.service.jsx';\r\n\r\nexport class UserSearchComponent extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n \r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n searchOn: false,\r\n Selector: 'UserSearch',\r\n optionConatins: [],\r\n filter: {\r\n IndexOptionsUserName: 0,\r\n IndexOptionsWarehouse: 0,\r\n IndexOptionsWarehouseAccess: 0,\r\n IndexOptionscustomerAccess: 0,\r\n IndexOptionsrolename: 0,\r\n IndexOptionsStatus: \"1\",\r\n IndexOptionsEmail: 0,\r\n IndexOptionsLoginName: 0,\r\n UserName: '',\r\n warehouseAccess: '',\r\n CustomerName: '',\r\n EMail: '',\r\n LoginName: '',\r\n rolename: '',\r\n Warehouse: \"\"\r\n },\r\n\r\n }\r\n this.gridSearch = GlobalService.debounce(this.gridSearch, 700);\r\n }\r\n\r\n componentDidMount() {\r\n kendo.ui.progress($('#' + this.props.windowId), true);\r\n this.setState({\r\n optionConatins: StringWms.convertSringToOption(this.translate('Orders_FindOrders_SearchFilters'))\r\n });\r\n\r\n userService.searchInfoGet().then((response) => {\r\n console.log(\"searchInfoGet : \", JSON.stringify(response.data.Data));\r\n if (response.data.Data != null) {\r\n this.setState({\r\n searchOn: true,\r\n filter: response.data.Data,\r\n });\r\n }\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#' + this.props.windowId), false);\r\n });\r\n }\r\n\r\n\r\n componentWillReceiveProps(nextProps) {\r\n\r\n }\r\n\r\n\r\n filterHandleChange = (event) => {\r\n this.setState({\r\n filter: Object.assign(\r\n {},\r\n this.state.filter,\r\n { [event.target.name]: event.target.value }\r\n ),\r\n }, () => {\r\n this.gridSearch();\r\n });\r\n }\r\n\r\n gridSearch = () => {\r\n\r\n let dataArr = [{\r\n ShowUserName: true,\r\n IndexOptionsUserName: this.state.filter.IndexOptionsUserName,\r\n UserName: this.state.filter.UserName,\r\n ShowUserStatus: true,\r\n IndexOptionsStatus: this.state.filter.IndexOptionsStatus,\r\n ShowUserCustomer: true,\r\n IndexOptionsUserCustomer: this.state.filter.IndexOptionscustomerAccess,\r\n CustomerName: this.state.filter.CustomerName,\r\n IndexOptionsEmail: this.state.filter.IndexOptionsEmail,\r\n EMail: this.state.filter.EMail,\r\n IndexOptionsLoginName: this.state.filter.IndexOptionsLoginName,\r\n LoginName: this.state.filter.LoginName\r\n }];\r\n this.setState({\r\n searchOn: true,\r\n filterObject: dataArr\r\n }, this.changeFilterData);\r\n }\r\n\r\n changeFilterData = () => {\r\n this.props.changeFilterData(this.state.filterObject);\r\n }\r\n clearFilters = () => {\r\n this.setState({\r\n filter: {\r\n \"IndexOptionsUserName\": 0,\r\n \"IndexOptionsWarehouse\": 0,\r\n \"IndexOptionsWarehouseAccess\": 0,\r\n \"IndexOptionscustomerAccess\": 0,\r\n \"IndexOptionsrolename\": 0,\r\n \"IndexOptionsStatus\": \"1\",\r\n \"IndexOptionsEmail\": 0,\r\n \"IndexOptionsLoginName\": 0,\r\n \"UserName\": '',\r\n \"warehouseAccess\": '',\r\n \"CustomerName\": '',\r\n \"EMail\": '',\r\n \"LoginName\": '',\r\n \"rolename\": '',\r\n \"Warehouse\": \"\"\r\n },\r\n searchOn: false,\r\n filterObject: [{ method: 'DELETE' }]\r\n }, this.changeFilterData);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n )\r\n }\r\n}","\r\nimport React from 'react';\r\nimport { UserBetaGrid } from './users-beta-grid.component.jsx';\r\nimport { ManageUsersAccountModel } from './manage-users-account-model.component.jsx';\r\nimport { UserSearchComponent } from './users-search.component.jsx';\r\n\r\nimport style from './users-beta.scss';\r\n\r\nexport class userBetaHolder extends React.Component {\r\n constructor(props) {\r\n\r\n super(props);\r\n \r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n reloadGrid: false,\r\n sharedUserUri: null,\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n filterDataObj: [],\r\n sharedIsOpenManageUserFrom: false\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n $('#user-beta-holder-react').closest('.k-window-content').css(\"padding\", \"0\");\r\n }\r\n\r\n componentWillUnmount() {\r\n $('#user-beta-holder-react').closest('.k-window-content').css(\"padding\", \"26\");\r\n }\r\n\r\n onCreateUser = () => {\r\n this.setState({ sharedUserUri: '', sharedIsOpenManageUserFrom: true });\r\n }\r\n\r\n onEditUser = (param_user_uri) => {\r\n this.setState({ sharedUserUri: param_user_uri, sharedIsOpenManageUserFrom: true });\r\n }\r\n\r\n onExitUserForm = () => {\r\n this.setState({\r\n sharedUserUri: null,\r\n reloadGrid: '',\r\n sharedIsOpenManageUserFrom: false\r\n });\r\n }\r\n\r\n onReloadGrid = (basecall) => {\r\n this.setState({ reloadGrid: basecall });\r\n }\r\n changeFilterData = (filterDataObj) => {\r\n this.setState({\r\n filterDataObj: filterDataObj\r\n })\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n {this.translate(\"Label_Filter_Status\")}\r\n \r\n
\r\n \r\n this.filterHandleChange({target:{name:'IndexOptionsStatus',value:\"0\"}})}\r\n checked={this.state.filter.IndexOptionsStatus == \"0\"}\r\n />\r\n this.filterHandleChange({target:{name:'IndexOptionsStatus',value:\"1\"}})}\r\n checked={this.state.filter.IndexOptionsStatus == \"1\"}\r\n />\r\n this.filterHandleChange({target:{name:'IndexOptionsStatus',value:\"2\"}})}\r\n checked={this.state.filter.IndexOptionsStatus == \"2\"}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React from 'react';\r\nvar axios = require('axios');\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport const initialFindRole = function (param_scope) {\r\n\r\n return axios.post('/WebUI/Roles/RoleManager/GetRoleManagementOptions',{\r\n \"scope\": param_scope\r\n }).then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const getRoleData = function (param_roleuri, param_isTemplate, param_roleType) {\r\n\r\n if(param_roleType == \"Customer\") {\r\n param_roleType = \"CustUsersOnly\";\r\n } else if(param_roleType == \"Warehouse\") {\r\n param_roleType = \"WarehouseAndCustUsers\";\r\n }\r\n\r\n return axios.put('/WebUI/Roles/RoleManager/GetTreeData', {\r\n roleUri: param_roleuri,\r\n isTemplate: param_isTemplate,\r\n scope: param_roleType\r\n }).then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const createRole = function (tree, roleName,scope) {\r\n\r\n return axios.post('/WebUI/Roles/RoleManager/Role', {\r\n name: roleName,\r\n treeNode: tree,\r\n scope:scope\r\n }).then(function (response) {\r\n return response;\r\n });\r\n\r\n}\r\n\r\nexport const updateRole = function (tree, role) {\r\n\r\n return axios.put('/WebUI/Roles/RoleManager/Role', {\r\n roleUri: role.Uri,\r\n treeNode: tree\r\n }).then(function (response) {\r\n return response;\r\n });\r\n\r\n}\r\n\r\nexport const deleteRole = function (uri) {\r\n\r\n return axios.delete('/WebUI/Roles/RoleManager/Role?roleUri=' + uri).then(function (response) {\r\n return response;\r\n })\r\n\r\n}\r\n\r\n\r\n","import * as GlobalService from './../global_services';\r\n\r\nexport const getGridDemoColumns = (FindRole_GridHeaders) => {\r\n \r\n var customLabels= GlobalService.getCustomLabels();\r\n var translate = window.translate;\r\n\r\n return ({\r\n\r\n columns: [{\r\n field: \"Name\",\r\n title: FindRole_GridHeaders[1].description,\r\n width: 120,\r\n wmsid: 2,\r\n filterable: true\r\n },{\r\n field: \"Scope\",\r\n title: FindRole_GridHeaders[2].description,\r\n width: 120,\r\n wmsid: 3,\r\n template:'# if(Scope == 1) {# '+customLabels.Label_Customer +' #} else if (Scope == 2) {# ' + customLabels.Label_Warehouse + ' #} else {# #} #'\r\n },\r\n {\r\n field: \"CreationDate\",\r\n title: FindRole_GridHeaders[3].description,\r\n width: 120,\r\n wmsid: 4,\r\n template: \"#= kendo.toString(kendo.parseDate(CreationDate), 'MMM dd yyyy, hh:mm:ss tt') #\"\r\n },\r\n {\r\n field: \"InUse\",\r\n title: FindRole_GridHeaders[4].description,\r\n width: 120,\r\n wmsid: 5,\r\n },\r\n {\r\n field: \"IsTemplate\",\r\n title: FindRole_GridHeaders[5].description,\r\n width: 120,\r\n wmsid: 6,\r\n template: \"#= IsTemplate == true ? '\" + translate('Label_Yes') + \"' : '\" + translate('Label_No') + \"' #\"\r\n }]\r\n })\r\n}\r\n\r\n\r\nexport const getGridDemoSchema = () => {\r\n return ({\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n model: {\r\n id: \"Uri\",\r\n fields: {\r\n Uri: {\r\n type: \"string\"\r\n },\r\n Name: {\r\n type: \"string\"\r\n },\r\n Scope: {\r\n type: \"number\"\r\n },\r\n CreationDate: {\r\n type: \"date\"\r\n },\r\n InUse: {\r\n type: \"boolean\"\r\n },\r\n IsTemplate: {\r\n type: \"boolean\"\r\n }\r\n }\r\n }\r\n }\r\n })\r\n}\r\n\r\nexport const getGridDemoTransport = (warehouseIndex) => {\r\n return ({})\r\n}","import React from 'react';\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\nimport { DictionaryWms } from '../../../assets/ts/DictionaryWms.ts';\r\nimport { KendoWms } from '../../../assets/ts/KendoWms.ts';\r\n\r\nimport WmsButton from './../components/WmsButton/WmsButton.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsContainer from './../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsInput from './../components/WmsInput/WmsInput.jsx';\r\nimport WmsGrid from './../components/WmsGrid/WmsGrid.jsx';\r\n\r\nimport style from './roles.scss';\r\nimport * as GlobalService from './../global_services';\r\n\r\nimport * as roleService from './roles.service.jsx';\r\nimport * as GridConfig from './grid_configuration.jsx';\r\n\r\nexport class RolesGrid extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n let rolesGridHeader = StringWms.convertSringToOption(this.translate('Rolemanager_Grid_Header'));\r\n\r\n this.state = {\r\n\r\n gridDomSelector: () => $('.' + this.props.windowId + ' #GridFindRoles'),\r\n columns: GridConfig.getGridDemoColumns(rolesGridHeader, GlobalService.getCustomLabels()).columns,\r\n schema: GridConfig.getGridDemoSchema().schema,\r\n transport: GridConfig.getGridDemoTransport().transport,\r\n localKendoGrid: null,\r\n selectRoleData: null,\r\n Selector: 'Roles',\r\n searchOn: false,\r\n roleTemplateDisableNote: '',\r\n enableEditButton: false,\r\n enableRoleButton: false,\r\n enableDeleteButton: false,\r\n initialRoleDataObj: {\r\n Roles: [],\r\n loggedInUserRoles: {},\r\n //resources: {}\r\n },\r\n optionConatins: [],\r\n filterObject: [],\r\n filter: {\r\n IndexOptionsRole: 0,\r\n role: '',\r\n }\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({\r\n optionConatins: StringWms.convertSringToOption(this.translate('Orders_FindOrders_SearchFilters'))\r\n });\r\n let loaderSourceId = 'GridFindRoles';\r\n if (!this.state.initialRoleDataObj.Roles.length) {\r\n loaderSourceId = this.props.windowId;\r\n }\r\n\r\n kendo.ui.progress($('#' + loaderSourceId), true);\r\n\r\n document.addEventListener(\"onUserRoleUpdate\", this.onUserRoleUpdate);\r\n var that = this;\r\n document.addEventListener(\"onUserRoleUpdateRemove\", function handler(e) {\r\n document.removeEventListener(\"onUserRoleUpdate\", that.onUserRoleUpdate);\r\n e.currentTarget.removeEventListener(e.type, handler);\r\n /* whatever */\r\n });\r\n }\r\n\r\n componentWillReceiveProps(nextprops) {\r\n if (nextprops.reloadGrid == 'reloadRoleGrid') {\r\n this.initialFindRole();\r\n }\r\n }\r\n\r\n onUserRoleUpdate = () => {\r\n if (typeof $('#GridFindRoles').data('kendoGrid') != 'undefined') {\r\n this.initialFindRole();\r\n }\r\n }\r\n\r\n onLoadRoleGrid = () => {\r\n this.initialFindRole();\r\n }\r\n\r\n initialFindRole = () => {\r\n\r\n let loaderSourceId = 'GridFindRoles';\r\n if (!this.state.initialRoleDataObj.Roles.length) {\r\n loaderSourceId = this.props.windowId;\r\n }\r\n\r\n kendo.ui.progress($('#' + loaderSourceId), true);\r\n\r\n roleService.initialFindRole('').then((response) => {\r\n\r\n if (typeof response != \"undefined\" && response.status == 200) {\r\n var finalRoleData = response.data.Roles.filter(el => el.Name !== \"superadmin\");\r\n this.setState({\r\n initialRoleDataObj: { ...response.data, Roles: finalRoleData},\r\n enableEditButton: false,\r\n enableRoleButton: false,\r\n enableDeleteButton: false,\r\n });\r\n\r\n this.gridSearch();\r\n }\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#' + loaderSourceId), false);\r\n });\r\n }\r\n\r\n //when select any row enable / disable button or context menu\r\n selectRow = (param_kendogrid) => {\r\n\r\n let currentSelections = param_kendogrid.getNumberOfSelections();\r\n let enableEditButton = false;\r\n let enableRoleButton = false;\r\n let enableDeleteButton = false;\r\n let roleTemplateDisableNote = '';\r\n let selectRoleData = null;\r\n\r\n if (currentSelections === 1) {\r\n selectRoleData = param_kendogrid.getItem(param_kendogrid.getKeys());\r\n enableEditButton = true;\r\n enableRoleButton = selectRoleData.Name !== \"superadmin\";\r\n }\r\n if (currentSelections == 1 && param_kendogrid.getItem(param_kendogrid.getKeys()).InUse == false) {\r\n enableDeleteButton = true;\r\n }\r\n if (currentSelections == 1 && param_kendogrid.getItem(param_kendogrid.getKeys()).IsTemplate == true) {\r\n roleTemplateDisableNote = this.translate('Template_Role_Note');\r\n enableEditButton = false;\r\n enableDeleteButton = false;\r\n }\r\n\r\n\r\n this.setState({\r\n roleTemplateDisableNote: roleTemplateDisableNote,\r\n enableEditButton: enableEditButton,\r\n enableRoleButton: enableRoleButton,\r\n enableDeleteButton: enableDeleteButton,\r\n selectRoleData: selectRoleData\r\n });\r\n }\r\n\r\n gridSearch = () => {\r\n let searchOn = false\r\n\r\n let dataArr = new Array();\r\n if (this.state.filter.role != \"\") {\r\n\r\n dataArr.push({\r\n field: \"Name\",\r\n operator: KendoWms.getFilterOperatorByIndex(this.state.filter.IndexOptionsRole),\r\n value: this.state.filter.role\r\n });\r\n searchOn = true;\r\n }\r\n\r\n this.setState({\r\n filterObject: dataArr,\r\n searchOn: searchOn\r\n });\r\n }\r\n\r\n clearFilters = () => {\r\n // set default value of filter form\r\n this.setState({\r\n filter: Object.assign(\r\n {},\r\n this.state.filter,\r\n {\r\n \"IndexOptionsRole\": 0,\r\n \"role\": \"\"\r\n }\r\n ),\r\n searchOn: false,\r\n filterObject: []\r\n });\r\n }\r\n\r\n filterHandleChange = (event) => {\r\n this.setState({\r\n filter: Object.assign(\r\n {},\r\n this.state.filter,\r\n { [event.target.name]: event.target.value }\r\n ),\r\n });\r\n }\r\n\r\n clickEventOfContextMenu = (obj) => {\r\n\r\n if (obj.wmsid == 'edit') {\r\n this.onEditRole();\r\n } else if (obj.wmsid == 'delete') {\r\n this.onDeleteRole();\r\n } else if (obj.wmsid == 'copyRole') {\r\n this.onCopyRole();\r\n }\r\n\r\n }\r\n\r\n onEditRole = () => {\r\n this.props.onEditRole({\r\n 'selectRoleData': this.state.selectRoleData,\r\n 'initialRoleData': this.state.initialRoleDataObj\r\n });\r\n }\r\n\r\n onCopyRole = () => {\r\n this.props.onCopyRole({\r\n 'selectRoleData': this.state.selectRoleData,\r\n 'initialRoleData': this.state.initialRoleDataObj\r\n });\r\n }\r\n\r\n onDeleteRole = () => {\r\n roleService.deleteRole(this.state.selectRoleData.Uri).then((response) => {\r\n if (typeof response != 'undefined' && (response.status == 200 || response.status == 204)) {\r\n GlobalService.notification('success', this.translate('RoleManager_DeleteRole_Success'));\r\n this.initialFindRole();\r\n } else {\r\n GlobalService.apiFailer(response);\r\n }\r\n }).finally(() => { });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n {this.state.sharedIsOpenManageUserFrom && (\r\n \r\n this.props.onCreateRole(this.state.initialRoleDataObj),\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": this.state.Selector + \"CreateButton\",\r\n 'wmsid': 'create'\r\n },\r\n {\r\n \"name\": \"Edit\",\r\n \"value\": [],\r\n \"disabled\": !this.state.enableEditButton,\r\n \"showToolTip\": this.state.roleTemplateDisableNote != '',\r\n \"tooltipText\": this.state.roleTemplateDisableNote,\r\n \"icon\": \"fa-pencil\",\r\n \"color\": \"outlined\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": this.state.Selector + \"EditButton\",\r\n \"clickFunc\": this.onEditRole,\r\n 'wmsid': 'edit'\r\n }, {\r\n \"name\": \"Manage\",\r\n \"wmsSelector\": this.state.Selector + \"Manage\",\r\n \"value\": [{\r\n \"name\": \"Delete\",\r\n \"value\": [],\r\n \"disabled\": !this.state.enableDeleteButton,\r\n \"icon\": \"fa-trash\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": this.state.Selector + \"DeleteButton\",\r\n \"onClickFunc\": this.onDeleteRole,\r\n 'wmsid': 'delete'\r\n }, {\r\n \"name\": \"Copy Role\",\r\n \"value\": [],\r\n \"disabled\": !this.state.enableRoleButton,\r\n \"icon\": \"fa-trash\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": this.state.Selector + \"CopyRole\",\r\n \"onClickFunc\": this.onCopyRole,\r\n 'wmsid': 'copyRole'\r\n }],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"outlined\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true\r\n }, {\r\n \"name\": \"Copy\",\r\n \"value\": [{\r\n \"name\": this.translate('Label_Copy_Field'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": this.translate('Label_Copy_Field'),\r\n \"icon\": \"fa-bandcamp\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n 'wmsid': 'copyField',\r\n \"wmsSelector\": \"copyToClicpboard\",\r\n }, {\r\n \"name\": this.translate('Label_Copy_Row'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": this.translate('Label_Copy_Row'),\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n 'wmsid': 'copyRow'\r\n }],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false\r\n }]\r\n }\r\n />\r\n\r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\n\r\n//component\r\nimport WmsInput from './../components/WmsInput/WmsInput.jsx';\r\nimport WmsCollapse from './../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsContainer from './../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsCheckBox from './../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsButton from '../components/WmsButton/WmsButton.jsx';\r\nimport WmsRadio from './../components/WmsRadio/WmsRadio.tsx';\r\n\r\n//Services\r\nimport * as roleService from './roles.service.jsx';\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport class RolesFormPermission extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n customLabels: GlobalService.getCustomLabels(),\r\n Selector: 'Roles',\r\n defaultTreeData: null,\r\n roleSelectAllCheckbox: false,\r\n showExpandAll: true,\r\n filterTreevalue: '',\r\n rollHoverText: '',\r\n roleType: '',\r\n firstTime: true\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.sharedSelectRoleData != null && this.props.sharedSelectRoleData != '') {\r\n this.getRoleData(this.props.sharedSelectRoleData.Uri, this.props.sharedSelectRoleData.IsTemplate, this.props.sharedSelectRoleData.Scope);\r\n }\r\n\r\n if (this.props.isRoleForCopy == true) {\r\n this.setState({ roleType: this.props.sharedRoleType });\r\n }\r\n // if (this.props.sharedSelectRoleData.Uri) {\r\n // this.setState({ roleType: '' });\r\n // }\r\n }\r\n\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.sharedSelectRoleData != null &&\r\n nextProps.sharedSelectRoleData != '' &&\r\n (nextProps.isRoleForCopy != this.props.isRoleForCopy || this.props.sharedSelectRoleData.Uri != nextProps.sharedSelectRoleData.Uri)) {\r\n\r\n this.setState({\r\n sharedSelectRoleData: nextProps.sharedSelectRoleData,\r\n showDiscard: false,\r\n });\r\n this.getRoleData(nextProps.sharedSelectRoleData.Uri, nextProps.sharedSelectRoleData.IsTemplate, nextProps.sharedSelectRoleData.Scope == 1 ? 'Customer' : 'Warehouse');\r\n\r\n }\r\n if (nextProps.sharedSelectRoleData == '' &&\r\n nextProps.sharedSelectRoleData != this.props.sharedSelectRoleData) {\r\n this.setState({\r\n defaultTreeData: null,\r\n roleType: ''\r\n });\r\n }\r\n\r\n if (nextProps.isRoleForCopy == true && nextProps.sharedRoleType != this.props.nextProps ) {\r\n this.setState({ roleType: nextProps.sharedRoleType });\r\n }\r\n // if (nextProps.sharedSelectRoleData.Uri) {\r\n // this.setState({ roleType: '' });\r\n // }\r\n }\r\n\r\n validateAndUpdateOverrideInventory = () => {\r\n const treeView = $(\"#TreeRole\").data(\"kendoTreeView\");\r\n const nodes = treeView.dataSource.view();\r\n\r\n // Locate \"Mobile Scanner\" → \"Replenishment Module\" nodes\r\n const replenishmentModuleNode = nodes\r\n .find(node => node.text === \"Mobile Scanner\")\r\n ?.items.find(child => child.text === \"Replenishment Module\");\r\n\r\n if (replenishmentModuleNode?.hasChildren) {\r\n // Locate child nodes under \"Replenishment Module\"\r\n const bulkStorageNode = replenishmentModuleNode.items.find(child => child.text === \"Replenish Bulk Storage\");\r\n const pickLinesNode = replenishmentModuleNode.items.find(child => child.text === \"Replenish Pick Lines\");\r\n const overrideNode = replenishmentModuleNode.items.find(child => child.text === \"Override Selected Inventory\");\r\n\r\n if (overrideNode) {\r\n // Check dependencies and update node state\r\n const dependenciesChecked = bulkStorageNode?.checked || pickLinesNode?.checked;\r\n\r\n overrideNode.set(\"enabled\", dependenciesChecked);\r\n if (!dependenciesChecked) overrideNode.set(\"checked\", false);\r\n\r\n // Update the checkbox DOM element\r\n const overrideElement = treeView.findByUid(overrideNode.uid);\r\n const checkbox = $(overrideElement).find(\"input[type='checkbox']\");\r\n\r\n checkbox.prop({\r\n disabled: !dependenciesChecked,\r\n checked: dependenciesChecked ? checkbox.prop(\"checked\") : false\r\n });\r\n }\r\n }\r\n };\r\n\r\n getRoleData = (param_roleuri, param_isTemplate, param_roleType) => {\r\n\r\n let loadingTarget = 'role_form_block';\r\n if (param_roleuri == '') {\r\n loadingTarget = 'loadingContent';\r\n }\r\n kendo.ui.progress($('#' + loadingTarget), true);\r\n\r\n if (param_roleType == 0) {\r\n param_roleType = '';\r\n } else if (param_roleType == 1) {\r\n param_roleType = 'Customer';\r\n } else if (param_roleType == 2) {\r\n param_roleType = 'Warehouse';\r\n }\r\n\r\n\r\n roleService.getRoleData(param_roleuri, param_isTemplate, param_roleType).then((response) => {\r\n\r\n if (typeof response != \"undefined\") {\r\n\r\n this.setState({ defaultTreeData: response.data.items });\r\n let treeview = $(\"#TreeRole\").data(\"kendoTreeView\");\r\n response.data.items[0].param_roleType = param_roleType;\r\n if (treeview) {\r\n treeview.setDataSource(new kendo.data.HierarchicalDataSource({\r\n data: response.data.items\r\n }));\r\n } else {\r\n $(\"#TreeRole\").kendoTreeView({\r\n checkboxes: { checkChildren: true },\r\n check: this.handleRoleChanged,\r\n dataTextField: \"text\",\r\n dataSource: response.data.items,\r\n // template: \"# if (item.scope === 2 ) { # \" +\r\n // \" #: item.text # \" +\r\n // \" # } else { # \" +\r\n // \" #: item.text # # } #\",\r\n template: \"#= getTreeViewTemplate(item) #\"\r\n });\r\n //check role items scope for hide&show customer role warning label\r\n\r\n this.bindTreeHoverEffect();\r\n }\r\n\r\n }\r\n\r\n }).finally(() => {\r\n this.setState({\r\n firstTime: false,\r\n showExpandAll: true\r\n });\r\n let treeview = $(\"#TreeRole\").data(\"kendoTreeView\");\r\n if (treeview) {\r\n treeview.collapse(\".k-item\");\r\n this.validateAndUpdateOverrideInventory();\r\n }\r\n kendo.ui.progress($('#' + loadingTarget), false);\r\n });\r\n }\r\n\r\n bindTreeHoverEffect = () => {\r\n //set role description on tree list hover\r\n $(\"#TreeRole\").delegate(\"span\", \"mouseover\", (e) => {\r\n var treeview = $(\"#TreeRole\").data(\"kendoTreeView\");\r\n var uid = $(e.target).closest('li').attr('data-uid');\r\n var node = treeview.findByUid(uid);\r\n var item = treeview.dataItem(node);\r\n this.setState({ rollHoverText: item.description });\r\n });\r\n }\r\n\r\n handleRoleChanged = () => {\r\n\r\n let checkedNodes = [];\r\n let totalNodes = [];\r\n let treeView = $(\"#TreeRole\").data(\"kendoTreeView\");\r\n this.checkedNodeIds(treeView.dataSource.view(), checkedNodes, totalNodes);\r\n this.validateAndUpdateOverrideInventory();\r\n this.setState({\r\n roleSelectAllCheckbox: (checkedNodes.length == totalNodes.length) ? true : false\r\n });\r\n this.props.onPermissionChange();\r\n }\r\n\r\n eventClickSelectAllRole = () => {\r\n let treeview = $(\"#TreeRole\").data(\"kendoTreeView\");\r\n let nodes = treeview.dataSource.view();\r\n for (let i = 0; i < nodes.length; i++) {\r\n nodes[i].set(\"checked\", !this.state.checkboxCheroleSelectAllCheckboxcked);\r\n if (nodes[i].loaded() && nodes[i].hasChildren) {\r\n this.checkedChildRole(nodes[i].children.view(), !this.state.roleSelectAllCheckbox);\r\n }\r\n }\r\n this.setState({\r\n roleSelectAllCheckbox: !this.state.roleSelectAllCheckbox\r\n });\r\n this.props.onPermissionChange();\r\n }\r\n\r\n checkedChildRole = (data, checkedStatus) => {\r\n for (let i = 0; i < data.length; i++) {\r\n data[i].set(\"checked\", checkedStatus);\r\n if (data[i].loaded() && data[i].hasChildren) {\r\n this.checkedChildRole(data[i].children.data(), checkedStatus);\r\n }\r\n }\r\n }\r\n\r\n eventClickExpandCollapse = () => {\r\n\r\n var treeview = $(\"#TreeRole\").data(\"kendoTreeView\");\r\n if (this.state.showExpandAll === true) {\r\n treeview.expand(\".k-item\");\r\n } else if (this.state.showExpandAll === false) {\r\n treeview.collapse(\".k-item\");\r\n }\r\n //Toggle which button we show\r\n this.setState({ showExpandAll: !this.state.showExpandAll });\r\n }\r\n\r\n eventClickResetTree = () => {\r\n this.setState({\r\n roleSelectAllCheckbox: false,\r\n filterTreevalue: ''\r\n });\r\n\r\n let treeview = $(\"#TreeRole\").data(\"kendoTreeView\");\r\n treeview.setDataSource(new kendo.data.HierarchicalDataSource({\r\n data: this.state.defaultTreeData\r\n }));\r\n this.setSelectallbuttonchecked();\r\n this.setState({ showExpandAll: true });\r\n }\r\n\r\n setSelectallbuttonchecked = () => {\r\n let checkedNodes = [];\r\n let totalNodes = [];\r\n var treeView = $(\"#TreeRole\").data(\"kendoTreeView\");\r\n this.checkedNodeIds(treeView.dataSource.view(), checkedNodes, totalNodes);\r\n if (checkedNodes.length == totalNodes.length) {\r\n this.setState({ roleSelectAllCheckbox: false });\r\n }\r\n }\r\n\r\n handlefilterTreeChange = (event) => {\r\n\r\n var convertedText = StringWms.initialCaps(event.target.value);\r\n\r\n // Expanding Tree if its not expanded\r\n var treeview = $(\"#TreeRole\").data(\"kendoTreeView\");\r\n // treeview.expand(\".k-item\");\r\n // console.log(\"this.state.showExpandAll: \"+this.state.showExpandAll);\r\n if (this.state.showExpandAll === true) {\r\n treeview.expand(\".k-item\");\r\n }\r\n\r\n this.setState({\r\n filterTreevalue: event.target.value,\r\n showExpandAll: false\r\n });\r\n\r\n if (event.target.value !== \"\") {\r\n $(\"#TreeRole .k-group .k-group .k-in\").closest(\"li\").hide();\r\n $(\"#TreeRole .k-group > li\").hide();\r\n $(\"#TreeRole\").closest(\"li\").hide();\r\n $(\"#TreeRole .k-group .k-group .k-in:contains(\" + convertedText + \")\").each(function () {\r\n $(this).parents(\"ul, li\").each(function () {\r\n $(this).show();\r\n });\r\n });\r\n $(\"#TreeRole .k-group .k-in:contains(\" + convertedText + \")\").each(function () {\r\n $(this).parents(\"ul, li\").each(function () {\r\n $(this).show();\r\n });\r\n });\r\n $(\"#TreeRole .k-in:contains(\" + convertedText + \")\").each(function () {\r\n $(this).parents(\"ul, li\").each(function () {\r\n $(this).show();\r\n });\r\n });\r\n } else {\r\n $(\"#TreeRole .k-group\").find(\"li\").show();\r\n }\r\n }\r\n\r\n handleRolenameChange = (event) => {\r\n this.props.onRoleDataSet(event.target.value);\r\n }\r\n\r\n checkedNodeIds = function (nodes, checkedNodes, totalNodes) {\r\n\r\n for (var i = 0; i < nodes.length; i++) {\r\n if (nodes[i].checked) {\r\n checkedNodes.push(nodes[i].id);\r\n }\r\n totalNodes.push(nodes[i].id);\r\n if (nodes[i].hasChildren) {\r\n this.checkedNodeIds(nodes[i].children.view(), checkedNodes, totalNodes);\r\n }\r\n }\r\n }\r\n\r\n handleRoleTypeChange = (param_roleType) => {\r\n this.props.onRoleDataSet(param_roleType);\r\n this.setState({ roleType: param_roleType });\r\n this.getRoleData('', false, param_roleType);\r\n }\r\n\r\n render() {\r\n\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n\r\n\r\n {(typeof this.props.sharedSelectRoleData.Uri == 'undefined'\r\n || this.props.isRoleForCopy == true) && (\r\n \r\n this.handleRoleTypeChange('Warehouse')}\r\n value={this.state.roleType}\r\n checked={this.state.roleType == 'Warehouse'}\r\n />\r\n\r\n this.handleRoleTypeChange('Customer')}\r\n value={this.state.roleType}\r\n checked={this.state.roleType == 'Customer'}\r\n />\r\n
\r\n )}\r\n\r\n \r\n {this.state.defaultTreeData != null &&\r\n
\r\n \r\n \r\n
\r\n }\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {this.state.rollHoverText}
\r\n - \";\r\n checkedNodes.forEach(function (text) {\r\n roleList += \"
- \" + text + \" \";\r\n });\r\n roleList += \"
\r\n
\r\n )\r\n }\r\n}","\r\nimport React from 'react';\r\nimport { RolesGrid } from './roles-grid.component.jsx';\r\nimport { RolesForm } from './roles-form.component.jsx';\r\n\r\nimport style from './roles.scss';\r\n\r\nexport class rolesHolder extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n \r\n this.$rootScope = window;\r\n this.state = {\r\n reloadGrid: false,\r\n isRoleForCopy: false,\r\n sharedSelectRoleData: null,\r\n sharedInitialRoleDataObject: {},\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n }\r\n }\r\n\r\n\r\n onCreateRole = (param_initialrole_data) => {\r\n this.setState({\r\n sharedSelectRoleData: '',\r\n sharedInitialRoleDataObject: param_initialrole_data,\r\n isRoleForCopy: false\r\n });\r\n }\r\n\r\n onEditRole = (param_role_obj) => {\r\n this.setState({\r\n sharedSelectRoleData: param_role_obj.selectRoleData,\r\n sharedInitialRoleDataObject: param_role_obj.initialRoleData,\r\n isRoleForCopy: false\r\n });\r\n }\r\n\r\n onCopyRole = (param_role_obj) => {\r\n\r\n let param_copy = JSON.parse(JSON.stringify(param_role_obj));\r\n param_copy.selectRoleData.Name = '';\r\n this.setState({\r\n sharedSelectRoleData: param_copy.selectRoleData,\r\n sharedInitialRoleDataObject: param_copy.initialRoleData,\r\n isRoleForCopy: true\r\n });\r\n }\r\n\r\n onExitRoleForm = () => {\r\n this.setState({\r\n sharedSelectRoleData: null,\r\n isRoleForCopy: false,\r\n reloadGrid: ''\r\n });\r\n }\r\n\r\n onReloadGrid = (basecall) => {\r\n this.setState({ reloadGrid: basecall });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n\r\n\r\n \r\n\r\n
\r\n\r\n \r\n\r\n
\r\n )\r\n }\r\n}\r\n","import React from 'react';\r\n\r\n//component\r\nimport WmsModel from './../../components/WmsModel/WmsModel.jsx';\r\nimport WmsCollapse from './../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsCheckBox from './../../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsButton from './../../components/WmsButton/WmsButton.jsx';\r\n\r\nimport * as GlobalService from '../../global_services';\r\n\r\nimport style from './clone-existing-customer-data.scss';\r\n\r\nexport class CloneExistingCustomerData extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n selector: 'CloneExistingCustomer',\r\n seledCustomerSettings: {\r\n generalSettings:true,\r\n transactionSettings:false,\r\n },\r\n Rights: GlobalService.GetRights(),\r\n };\r\n }\r\n\r\n createCustomerclick = () => {\r\n this.props.onCloneCustomer(this.state.seledCustomerSettings);\r\n }\r\n handleOnchange = (event) => {\r\n this.setState({\r\n seledCustomerSettings: Object.assign(\r\n {},\r\n this.state.seledCustomerSettings,\r\n { [event.target.name]: event.target.checked }\r\n ),\r\n })\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n\r\n \r\n\r\n
\r\n \r\n );\r\n }\r\n}","export const getGridDemoColumns = (FindCustomer_GridHeaders,CustomLabels) => {\r\n\r\n var translate = window.translate;\r\n return ({\r\n\r\n columns: [{\r\n field: \"Name\",\r\n title: FindCustomer_GridHeaders[1].description,\r\n width: 120,\r\n wmsid: 2\r\n },\r\n {\r\n field: \"Status\",\r\n title: FindCustomer_GridHeaders[2].description,\r\n width: 120,\r\n wmsid: 3,\r\n template: \"#= Status == true ? '\" + translate('Label_Active') + \"' : '\" + translate('Label_Inactive') + \"' #\"\r\n },\r\n {\r\n field: \"Phone\",\r\n title: FindCustomer_GridHeaders[3].description,\r\n width: 120,\r\n wmsid: 4,\r\n filterable: true\r\n },\r\n {\r\n field: \"PrimaryContactName\",\r\n title: FindCustomer_GridHeaders[4].description,\r\n width: 120,\r\n wmsid: 5,\r\n hidden: true,\r\n sortable: false\r\n },\r\n {\r\n field: \"PrimaryWarehouse\",\r\n title: \"Primary \" + CustomLabels.Label_Warehouse,\r\n width: 120,\r\n wmsid: 6,\r\n hidden: true\r\n },\r\n {\r\n field: \"CustomerId\",\r\n title: translate('Label_Customer_Id'),\r\n width: 120,\r\n wmsid: 7,\r\n hidden: true\r\n }]\r\n });\r\n};\r\n\r\n\r\nexport const getGridDemoSchema = () => {\r\n return ({\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n model: {\r\n id: \"CustomerId\",\r\n fields: {\r\n CustomerId: {\r\n type: \"number\"\r\n },\r\n Name: {\r\n type: \"string\"\r\n },\r\n Status: {\r\n type: \"boolean\"\r\n },\r\n Phone: {\r\n type: \"string\"\r\n },\r\n PrimaryContactName: {\r\n type: \"string\"\r\n },\r\n PrimaryWarehouse: {\r\n type: \"string\"\r\n }\r\n }\r\n }\r\n }\r\n });\r\n};\r\n\r\nexport const getGridDemoTransport = (warehouseIndex) => {\r\n return ({\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Customers/ManageCustomers/CustomersGridRead\",\r\n type: \"POST\",\r\n dataType: 'json'\r\n },\r\n destroy: {\r\n url: \"/WebUI/Customers/ManageCustomers/CustomersGridRead\",\r\n type: \"POST\",\r\n dataType: \"JSON\"\r\n },\r\n parameterMap: function (options, operation) {\r\n if (operation !== \"read\" && options.models) {\r\n return {\r\n models: JSON.stringify(options.models)\r\n };\r\n }\r\n },\r\n },\r\n });\r\n};","\r\nvar axios = require('axios');\r\nimport * as GlobalService from './../global_services';\r\n\r\n\r\nexport const searchInfoGet = function () {\r\n return axios.get('/WebUI/Customers/ManageCustomers/searchInfo').then(function (response) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const getEditCustomerData = function (editUri) {\r\n return axios.get('/WebUI/Customers/ManageCustomers/customer?editUri=' + editUri).then(function (response) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const updateCustomerActivation = function (list, mybool) {\r\n return axios.put('/WebUI/Customers/ManageCustomers/activate?activate=' + mybool, list).then(function (response) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const saveNewCustomer = function (CustomerData) {\r\n return axios.post('/WebUI/Customers/ManageCustomers/customer', CustomerData).then(function (response) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const cloneRates = function (sourceCustomerId, targetCustomerID) {\r\n return axios.put('/WebUI/Customers/ManageCustomers/CloneRates?srcCustId=' + sourceCustomerId + '&trgCustId=' + targetCustomerID).then(function (response) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const updateExistingCustomer = function (CustomerData) {\r\n return axios.put('/WebUI/Customers/ManageCustomers/customer', CustomerData).then(function (response) {\r\n return response;\r\n });\r\n};\r\nexport const updateSmallParcelIncludeShippingCost = function (customerUri, facilityData) {\r\n return axios.put(`/WebUI/Shipping/SmartParcel/UpdateSmallParcelIncludeShippingCost?customerUri=${customerUri}`, facilityData).then(function (response) {\r\n return response;\r\n });\r\n};","\r\nimport React from 'react';\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\n//components\r\nimport WmsButton from './../components/WmsButton/WmsButton.jsx';\r\nimport WmsCollapse from './../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsInput from './../components/WmsInput/WmsInput.jsx';\r\nimport WmsGrid from './../components/WmsGrid/WmsGrid.jsx';\r\nimport { CloneExistingCustomerData } from './model/clone-existing-customer-data-model.component.jsx';\r\nimport * as GridConfig from './grid_configuration.jsx';\r\n\r\nimport * as customerService from './customers.services.jsx';\r\n//services\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport class CustomersGrid extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n let FindCustomers_GrideHeaders = StringWms.convertSringToOption(this.translate('FindCustomers_GrideHeaders'));\r\n\r\n this.state = {\r\n columns: GridConfig.getGridDemoColumns(FindCustomers_GrideHeaders, GlobalService.getCustomLabels()).columns,\r\n transport: GridConfig.getGridDemoTransport().transport,\r\n schema: GridConfig.getGridDemoSchema().schema,\r\n CustomLabels: GlobalService.getCustomLabels(),\r\n rights: GlobalService.GetRights(),\r\n customerEditUri: null,\r\n searchOn: false,\r\n enableEditButton: false,\r\n enableActive: false,\r\n enableDeactive: false,\r\n localKendoGrid: null,\r\n Selector: 'Customer',\r\n optionConatins: StringWms.convertSringToOption(this.translate('Options_SearchBy_StringOptions')),\r\n booleanOption: StringWms.convertSringToOption(this.translate('Options_SearchBy_Status')),\r\n filterObject: [],\r\n isFilterDataSet: false,\r\n sharedIsExistingCustomerOpen: false,\r\n filter: {\r\n IndexOptionsName: 0,\r\n Name: '',\r\n IndexOptionsPrimaryWarehouse: 0,\r\n PrimaryWarehouse: '',\r\n IndexOptionsStatus: 0\r\n }\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n\r\n kendo.ui.progress($('#' + this.props.windowId), true);\r\n customerService.searchInfoGet().then((response) => {\r\n if (response.data.Data != null) {\r\n this.setState({\r\n searchOn: true,\r\n filter: response.data.Data,\r\n isFilterDataSet: true\r\n });\r\n }\r\n\r\n }).finally(() => {\r\n this.setState({ isFilterDataSet: true });\r\n kendo.ui.progress($('#' + this.props.windowId), false);\r\n })\r\n }\r\n\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n\r\n if (nextProps.reloadGrid == 'reloadCustomerGrid') {\r\n\r\n $('#findCustomerGrid').data('kendoGrid').dataSource.read();\r\n if (prevState.localKendoGrid != null) {\r\n prevState.localKendoGrid.clearSelections(() => {\r\n prevState.localKendoGrid.repaintSelections();\r\n });\r\n }\r\n\r\n return {\r\n enableEditButton: false,\r\n enableActive: false,\r\n enableDeactive: false\r\n };\r\n }\r\n return null;\r\n }\r\n\r\n selectRow = (KendoGrid) => {\r\n\r\n let enableEditButton = false;\r\n let enableActive = false;\r\n let enableDeactive = false;\r\n let customerEditUri = null;\r\n let currentSelections = KendoGrid.getNumberOfSelections();\r\n let isActive = KendoGrid.valueExists(\"Status\", true);\r\n let isDeactive = KendoGrid.valueExists(\"Status\", false);\r\n\r\n if (currentSelections == 1) {\r\n enableEditButton = true;\r\n customerEditUri = KendoGrid.getItem(KendoGrid.getKeys()).EditUri;\r\n }\r\n\r\n if (isActive == false && currentSelections != 0) {\r\n enableActive = true;\r\n }\r\n\r\n if (isDeactive == false && currentSelections != 0) {\r\n enableDeactive = true;\r\n }\r\n\r\n this.setState({\r\n enableEditButton: enableEditButton,\r\n enableActive: enableActive,\r\n enableDeactive: enableDeactive,\r\n customerEditUri: customerEditUri,\r\n localKendoGrid: KendoGrid\r\n });\r\n }\r\n\r\n clickEventOfContextMenu = (obj) => {\r\n\r\n if (obj.wmsid == 'edit') {\r\n this.onEditCustomer();\r\n } else if (obj.wmsid == 'activate') {\r\n this.activateDeactivateWarehouses(true);\r\n } else if (obj.wmsid == 'deactivate') {\r\n this.activateDeactivateWarehouses(false);\r\n } else if (obj.wmsid == 'cloneCustomer') {\r\n this.onOpenCloneExstingCustomer();\r\n }\r\n\r\n }\r\n\r\n onEditCustomer = () => {\r\n this.props.onEditCustomer(this.state.customerEditUri);\r\n }\r\n onOpenCloneExstingCustomer = () => {\r\n this.setState({ sharedIsExistingCustomerOpen: true });\r\n }\r\n onCloseCloneExstingCustomer = () => {\r\n this.setState({ sharedIsExistingCustomerOpen: false });\r\n }\r\n onCloneCustomer = (param_selected_customer_Settings) => {\r\n\r\n this.setState({ sharedIsExistingCustomerOpen: false });\r\n this.props.onCloneCustomer(this.state.customerEditUri,param_selected_customer_Settings);\r\n }\r\n\r\n activateDeactivateWarehouses = (mybool) => {\r\n\r\n let selectionDataNumber = this.state.localKendoGrid.getKeys().map(function (item) {\r\n return parseInt(item, 10);\r\n });\r\n\r\n let msgType = 'label_Customer_Activate';\r\n if (mybool == false) {\r\n msgType = 'label_Customer_Deactivate';\r\n }\r\n let msgNotification = this.translate(msgType);\r\n\r\n kendo.ui.progress($('#findCustomerGrid'), true);\r\n customerService.updateCustomerActivation(selectionDataNumber, mybool).then((response) => {\r\n if (typeof response != \"undefined\" && (response.status == 204 || response.status == 200)) {\r\n kendo.ui.progress($('#findCustomerGrid'), false);\r\n this.resetSelectionAndButton();\r\n GlobalService.notification('success', this.translate(msgNotification));\r\n GlobalService.GetCustomersAndFacility();\r\n }\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#findCustomerGrid'), false);\r\n });\r\n }\r\n\r\n resetSelectionAndButton = () => {\r\n $('#findCustomerGrid').data('kendoGrid').dataSource.read();\r\n if (this.state.localKendoGrid != null) {\r\n this.state.localKendoGrid.clearSelections(() => {\r\n this.state.localKendoGrid.repaintSelections();\r\n });\r\n }\r\n this.setState({\r\n enableEditButton: false,\r\n enableActive: false,\r\n enableDeactive: false\r\n });\r\n }\r\n filterHandleChange = (event) => {\r\n this.setState({\r\n filter: Object.assign(\r\n {},\r\n this.state.filter,\r\n { [event.target.name]: event.target.value }\r\n ),\r\n });\r\n }\r\n\r\n gridSearch = () => {\r\n let dataArr = [{\r\n ShowName: true,\r\n IndexOptionsName: this.state.filter.IndexOptionsName,\r\n Name: this.state.filter.Name,\r\n ShowStatus: true,\r\n IndexOptionsStatus: this.state.filter.IndexOptionsStatus,\r\n ShowPrimaryWarehouse: true,\r\n IndexOptionsPrimaryWarehouse: this.state.filter.IndexOptionsPrimaryWarehouse,\r\n PrimaryWarehouse: this.state.filter.PrimaryWarehouse || null\r\n }];\r\n this.setState({\r\n searchOn: true,\r\n filterObject: dataArr\r\n });\r\n }\r\n\r\n clearFilters = () => {\r\n // set default value of filter form\r\n this.setState({\r\n filter: {\r\n \"IndexOptionsName\": 0,\r\n \"Name\": \"\",\r\n \"IndexOptionsStatus\": 0,\r\n \"IndexOptionsPrimaryWarehouse\": 0,\r\n \"PrimaryWarehouse\": \"\"\r\n },\r\n searchOn: false,\r\n filterObject: [{ method: 'DELETE' }]\r\n });\r\n }\r\n onDataBound = () =>{\r\n // logic for set endtime for calculate loaderTimer\r\n this.$rootScope.setLoaderTimerEndTime(\"Manage Customers\");\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n\r\n this.activateDeactivateWarehouses(true)),\r\n }, {\r\n \"name\": this.translate('Label_Deactivate'),\r\n \"value\": [],\r\n \"disabled\": !this.state.enableDeactive,\r\n \"disabledText\": this.translate('note_Customer_deactivae'),\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'deactivate',\r\n 'wmsSelector': this.state.Selector + \"Deactivate\",\r\n 'onClickFunc': ((e) => this.activateDeactivateWarehouses(false)),\r\n }],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"outlined\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true\r\n }, {\r\n \"name\": \"Copy\",\r\n \"value\": [{\r\n \"name\": this.translate('Label_Copy_Field'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": this.translate('Label_Copy_Field'),\r\n \"icon\": \"fa-bandcamp\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n 'wmsid': 'copyField'\r\n }, {\r\n \"name\": this.translate('Label_Copy_Row'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": this.translate('Label_Copy_Row'),\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n 'wmsid': 'copyRow'\r\n }],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false\r\n }]\r\n }>\r\n \r\n }\r\n {this.state.sharedIsExistingCustomerOpen && (\r\n \r\n )}\r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsInput from './../components/WmsInput/WmsInput.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsMultiDropdown from './../components/WmsMultiDropdown/WmsMultiDropdown.jsx';\r\nimport WmsCheckBox from './../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsCollapse from './../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsContainer from './../components/WmsContainer/WmsContainer.jsx';\r\n\r\n//services\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport class CustomersFormBasic extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n CustomLabels: GlobalService.getCustomLabels(),\r\n facilityCheckbox: false,\r\n Selector: 'Customer',\r\n OptionsCountry: GlobalService.GetCountries(),\r\n OptionsState: GlobalService.GetRegions(this.props.sharedCustomer.CompanyInfo.Country),\r\n OptionsFacility: GlobalService.getFacilityList(),\r\n allFacilities: null\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n\r\n\r\n //set all facilityids array - used for multidropdown on selectall checkbox Checked\r\n let facilityIds = [];\r\n this.state.OptionsFacility.forEach(value => {\r\n facilityIds.push(value['id']);\r\n });\r\n this.setState({ allFacilities: facilityIds });\r\n $(\".from-email-address\").kendoTooltip({\r\n showAfter: 800,\r\n width: 240,\r\n position: \"bottom\",\r\n content: (e) => {\r\n return '\r\n
\r\n\r\n \r\n
\r\n {this.state.searchOn == true && (\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n\r\n
\r\n\r\n ' + this.translate('Label_Reply_To_Email_Address_Tooltip') + '
';\r\n },\r\n animation: {\r\n open: {\r\n effects: \"zoom\",\r\n duration: 150\r\n }\r\n }\r\n }).data(\"kendoTooltip\");\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (typeof this.props.sharedCustomer.CompanyInfo.Country != 'undefined'\r\n && this.props.sharedCustomer.CompanyInfo.Country != prevProps.sharedCustomer.CompanyInfo.Country) {\r\n this.setStatesAccordingToCountry(this.props.sharedCustomer.CompanyInfo.Country);\r\n }\r\n }\r\n\r\n setStatesAccordingToCountry = (param_country) => {\r\n this.setState({ OptionsState: GlobalService.GetRegions(param_country) });\r\n }\r\n\r\n handleChange = (param_parent_property, event) => {\r\n\r\n let customerObj = null;\r\n if (param_parent_property != '') {\r\n let patentObj = Object.assign({}, this.props.sharedCustomer[param_parent_property]);\r\n patentObj[event.target.name] = event.target.value;\r\n if (event.target.name == \"Country\") {\r\n patentObj.State = \"\";\r\n }\r\n customerObj = Object.assign(\r\n {},\r\n this.props.sharedCustomer,\r\n { [param_parent_property]: patentObj }\r\n );\r\n } else {\r\n customerObj = Object.assign(\r\n {},\r\n this.props.sharedCustomer,\r\n { [event.target.name]: event.target.value }\r\n );\r\n }\r\n this.props.onCustomerDataset(customerObj);\r\n }\r\n\r\n handleOptionsChange = (param_parent_property, event) => {\r\n\r\n const name = event.target.name;\r\n if (!this.props.sharedCustomer.Options[param_parent_property]) {\r\n this.props.sharedCustomer.Options[param_parent_property] = {};\r\n }\r\n let parentObj = this.props.sharedCustomer.Options[param_parent_property];\r\n console.log(\"this.props.sharedCustomer.Options: \", this.props.sharedCustomer.Options);\r\n if (name == 'OverrideSentFrom') {\r\n console.log(\"parentObj: \", parentObj);\r\n parentObj[name] = event.target.checked;\r\n if (event.target.checked) {\r\n if (parentObj.apiSenderName) {\r\n parentObj.SenderName = parentObj.apiSenderName;\r\n } else if (!parentObj.SenderName) {\r\n parentObj.SenderName = this.props.sharedCustomer.CompanyInfo.CompanyName;\r\n }\r\n if (parentObj.apiReplyToAddress) {\r\n parentObj.ReplyToAddress = parentObj.apiReplyToAddress;\r\n }\r\n } else {\r\n parentObj.SenderName = '';\r\n parentObj.ReplyToAddress = '';\r\n }\r\n } else {\r\n parentObj[name] = event.target.value;\r\n }\r\n if (name == 'ReplyToAddress') {\r\n var emailRegex = /^(([^<>()[\\]\\\\.,;:\\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 parentObj.ReplyToAddressValidate = true;\r\n if (parentObj.ReplyToAddress) {\r\n parentObj.ReplyToAddressValidate = emailRegex.test(String(parentObj.ReplyToAddress).toLowerCase());\r\n parentObj.ReplyToAddressValidateToolTip = this.translate('Label_Reply_Email_Validation_Note');\r\n }\r\n if (parentObj.ReplyToAddress && (parentObj.ReplyToAddress.indexOf(\"3plcentral.com\") !== -1 || parentObj.ReplyToAddress.indexOf(\"secure-wms.com\") !== -1)) {\r\n parentObj.ReplyToAddressValidate = false;\r\n parentObj.ReplyToAddressValidateToolTip = this.translate('Label_Reply_Email_Not_Allow');\r\n }\r\n }\r\n parentObj[\"attachedDocsEmailEnabled\"] = true;\r\n\r\n let customeObj = Object.assign(\r\n {},\r\n this.props.sharedCustomer,\r\n {\r\n Options: Object.assign(\r\n {},\r\n this.props.sharedCustomer.Options,\r\n {\r\n [param_parent_property]: parentObj\r\n }\r\n )\r\n }\r\n );\r\n this.props.onCustomerDataset(customeObj);\r\n }\r\n\r\n\r\n checkboxChangeEvent = () => {\r\n\r\n if (!this.state.facilityCheckbox) {\r\n this.dropdownChangeEvent(this.state.allFacilities);\r\n } else {\r\n this.dropdownChangeEvent(this.props.customerDefaultFacilities);\r\n }\r\n this.setState({ facilityCheckbox: !this.state.facilityCheckbox });\r\n }\r\n\r\n dropdownChangeEvent = (param_facilityIds) => {\r\n if (param_facilityIds == null) { param_facilityIds = []; }\r\n let propCustomer = this.props.sharedCustomer;\r\n let objCustomer = Object.assign(\r\n {},\r\n propCustomer,\r\n { 'Facilities': param_facilityIds }\r\n );\r\n this.props.onCustomerDataset(objCustomer);\r\n }\r\n\r\n render() {\r\n const renderCustomer = this.props.sharedCustomer;\r\n renderCustomer.PrimaryContact = (renderCustomer.PrimaryContact == null) ? {} : renderCustomer.PrimaryContact;\r\n\r\n return (\r\n\r\n \r\n\r\n \r\n this.handleChange('CompanyInfo', e)}\r\n label={this.translate('Label_Costomer_Company_Name')}\r\n required={true}\r\n value={renderCustomer.CompanyInfo.CompanyName} />\r\n\r\n this.handleChange('', e)}\r\n label={this.translate('Label_Costomer_Alias_External_Id')}\r\n value={renderCustomer.ExternalId} />\r\n\r\n this.handleChange('CompanyInfo', e)}\r\n label={this.translate('Label_Costomer_Phone_Number')}\r\n value={renderCustomer.CompanyInfo.PhoneNumber} />\r\n\r\n this.handleChange('CompanyInfo', e)}\r\n label={this.translate('Label_Costomer_Fax_Number')}\r\n value={renderCustomer.CompanyInfo.Fax} />\r\n\r\n this.handleChange('', e)}\r\n label={this.translate('Label_Costomer_Website')}\r\n value={renderCustomer.WebSite} />\r\n\r\n this.handleChange('CompanyInfo', e)}\r\n label={this.translate('Label_Costomer_Email')}\r\n value={renderCustomer.CompanyInfo.EmailAddress} />\r\n\r\n this.handleChange('CompanyInfo', e)}\r\n label={this.translate('Label_Costomer_Address1')}\r\n value={renderCustomer.CompanyInfo.Address1} />\r\n\r\n this.handleChange('CompanyInfo', e)}\r\n label={this.translate('Label_Costomer_Address2')}\r\n value={renderCustomer.CompanyInfo.Address2} />\r\n\r\n this.handleChange('CompanyInfo', e)}\r\n value={renderCustomer.CompanyInfo.Country}\r\n options={this.state.OptionsCountry}\r\n valueField='CountryCode'\r\n textField='Name'\r\n parentClassName='form_group' />\r\n\r\n this.handleChange('CompanyInfo', e)}\r\n value={renderCustomer.CompanyInfo.State}\r\n disabled={renderCustomer.CompanyInfo.Country === '' ? true : false}\r\n options={this.state.OptionsState}\r\n valueField='RegionCode'\r\n textField='Name'\r\n parentClassName='form_group' />\r\n\r\n this.handleChange('CompanyInfo', e)}\r\n label={this.state.CustomLabels.Label_City}\r\n value={renderCustomer.CompanyInfo.City} />\r\n\r\n this.handleChange('CompanyInfo', e)}\r\n label={this.state.CustomLabels.Label_Zip}\r\n regularExp={/^[a-zA-Z0-9-_ ]*$/}\r\n value={renderCustomer.CompanyInfo.Zip} />\r\n\r\n \r\n\r\n \r\n this.handleChange('PrimaryContact', event)}\r\n label={this.translate('Label_Costomer_Name')}\r\n value={renderCustomer.PrimaryContact.Name} />\r\n\r\n this.handleChange('PrimaryContact', event)}\r\n label={this.translate('Label_Costomer_Phone_Number')}\r\n value={renderCustomer.PrimaryContact.PhoneNumber} />\r\n\r\n this.handleChange('PrimaryContact', event)}\r\n label={this.translate('Label_Costomer_Email')}\r\n value={renderCustomer.PrimaryContact.EmailAddress} />\r\n\r\n \r\n\r\n \r\n this.handleOptionsChange('Alerts', event)}\r\n label={this.translate('Label_Override_Notification_Settings')}\r\n checked={renderCustomer.Options.Alerts.OverrideSentFrom}\r\n value={renderCustomer.Options.Alerts.OverrideSentFrom}\r\n />\r\n this.handleOptionsChange('Alerts', event)}\r\n label={this.translate('Label_Reply_To_Email_Address')}\r\n value={renderCustomer.Options.Alerts.ReplyToAddress}\r\n // disabled={renderCustomer.Options.Alerts.OverrideSentFrom == false}\r\n extraWrapperClass={\"from-email-address\" + (renderCustomer.Options.Alerts.OverrideSentFrom == false ? ' disabled-notification-section' : '')} />\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\n\r\n//component\r\nimport WmsInput from './../components/WmsInput/WmsInput.jsx';\r\nimport WmsCheckBox from './../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsCollapse from './../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsContainer from './../components/WmsContainer/WmsContainer.jsx';\r\n\r\n//services\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport class CustomersFormReceiptOption extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n\r\n let palletOptions = GlobalService.getCustomLabels().Label_Movable_Unit + \"s\" + \" disabled,\" + \"Allow \" + GlobalService.getCustomLabels().Label_Movable_Unit + \"s,\" + \"Require \" + GlobalService.getCustomLabels().Label_Movable_Unit + \"s\";\r\n\r\n this.state = {\r\n CustomLabels: GlobalService.getCustomLabels(),\r\n TplSettings: GlobalService.getTplSettings(),\r\n Selector: 'Customer',\r\n rights: GlobalService.GetRights(),\r\n option: {\r\n TrackLocationEnum: StringWms.convertSringToOption(this.translate('Options_TrackLocations')),\r\n TrackSupplierEnum: StringWms.convertSringToOption(this.translate('Options_TrackSupplier')),\r\n ReceiveAgainstAsnsEnum: StringWms.convertSringToOption(this.translate('Options_ASNOptions')),\r\n TrackPalletsEnum: StringWms.convertSringToOption(this.translate(palletOptions)),\r\n },\r\n };\r\n }\r\n\r\n handleChange = (param_parent_property, event) => {\r\n\r\n let name = event.target.name;\r\n let parentObj = Object.assign({}, this.props.sharedCustomer.Options[param_parent_property]);\r\n\r\n if(event.target.type == 'checkbox'){\r\n parentObj[name] = !this.props.sharedCustomer.Options[param_parent_property][name] ;\r\n }else{\r\n parentObj[name]= event.target.value;\r\n }\r\n\r\n if (name == 'AllowRequiredCustomFields' && parentObj.AllowRequiredCustomFields == false) {\r\n parentObj.AllowOptionalCustomFields = false\r\n }\r\n\r\n let customerObj = Object.assign(\r\n {},\r\n this.props.sharedCustomer,\r\n {\r\n Options: Object.assign(\r\n {},\r\n this.props.sharedCustomer.Options,\r\n {\r\n [param_parent_property]: parentObj\r\n }\r\n )\r\n }\r\n );\r\n this.props.onCustomerDataset(customerObj);\r\n }\r\n\r\n handleMobileReceivingOptions = (event) => {\r\n let receivingOptions = Object.assign({}, this.props.sharedCustomer.Options.Receiving);\r\n let ReceiveAgainstAsns = receivingOptions.ReceiveAgainstAsns;\r\n\r\n if (event.target.name == 'ReceiveAgainstAsns') {\r\n ReceiveAgainstAsns = ($(event.target).prop(\"checked\")) ? 1 : 0;\r\n }\r\n if (event.target.name == 'UseBlindReceipts') {\r\n ReceiveAgainstAsns = ($(event.target).prop(\"checked\")) ? 2 : 1;\r\n }\r\n\r\n let eventObj = {\r\n target: {\r\n name: 'ReceiveAgainstAsns',\r\n value: ReceiveAgainstAsns\r\n }\r\n };\r\n\r\n this.handleChange('Receiving', eventObj);\r\n }\r\n\r\n\r\n render() {\r\n const renderCustomer = this.props.sharedCustomer;\r\n return (\r\n \r\n this.handleOptionsChange('Alerts', event)}\r\n label={this.translate('Label_Sent_From_Name')}\r\n value={renderCustomer.Options.Alerts.SenderName}\r\n required={renderCustomer.Options.Alerts.OverrideSentFrom}\r\n extraWrapperClass=\"sender-name-input\" />\r\n\r\n { }}\r\n label={''}\r\n value={'Example: ' + renderCustomer.Options.Alerts.SenderName + ' '}\r\n extraWrapperClass=\"sender-name-label\" />\r\n
\r\n \r\n \r\n\r\n \r\n\r\n this.handleChange('Receiving', e)}\r\n value={renderCustomer.Options.Receiving.TrackLocation}\r\n options={this.state.option.TrackLocationEnum}\r\n valueField='value'\r\n textField='description'\r\n parentClassName='form_group' />\r\n\r\n this.handleChange('Receiving', e)}\r\n value={renderCustomer.Options.Receiving.TrackPallets}\r\n options={this.state.option.TrackPalletsEnum}\r\n valueField='value'\r\n textField='description'\r\n parentClassName='form_group' />\r\n\r\n this.handleChange('Storage', e)}\r\n label={this.translate('Label_Costomer_Fuel_surachage_Percentage')}\r\n regularExp={/^[1-9][0-9]?$|^100$/}\r\n value={renderCustomer.Options.Storage.FuelSurcharge} />\r\n\r\n {/* Dropdown hide in angular module */}\r\n {/* function () { }}\r\n value={''}\r\n options={[]}\r\n valueField='Value'\r\n textField='Name'\r\n parentClassName='form_group' /> */}\r\n\r\n this.handleChange('Receiving', e)}\r\n value={renderCustomer.Options.Receiving.TrackSupplier}\r\n options={this.state.option.TrackSupplierEnum}\r\n valueField='value'\r\n textField='description'\r\n parentClassName='form_group' />\r\n\r\n this.handleChange('UserInterface', e)}\r\n label={this.translate('Label_Costomer_chk_Change_default_of_Auto_Allocate_On_Reveive')}\r\n checked={renderCustomer.Options.UserInterface.AutoCheckAutoReallocateOnReceive == true}\r\n value={renderCustomer.Options.UserInterface.AutoCheckAutoReallocateOnReceive}\r\n parentClassName={this.state.rights.hasOwnProperty('Receiving.AutoReallocOnReceiveEnabled') ? '' : 'disabled-chk'}\r\n disabled={!this.state.rights.hasOwnProperty('Receiving.AutoReallocOnReceiveEnabled')}\r\n showToolTip={!this.state.rights.hasOwnProperty('Receiving.AutoReallocOnReceiveEnabled')}\r\n tooltipText={this.translate('Label_Setting_Disable_Tooltip')}\r\n tooltipShowAfter={200}\r\n />\r\n\r\n this.handleChange('Receiving', e)}\r\n label={this.translate('Label_Costomer_chk_Hide_the_dropdown_that_lists_all_locations')}\r\n checked={renderCustomer.Options.Receiving.CreateMultipleMus == true}\r\n value={renderCustomer.Options.Receiving.CreateMultipleMus} />\r\n\r\n this.handleChange('Receiving', e)}\r\n label={this.translate('Label_Costomer_chk_allow_the_use_of_suggested_Put_Away')}\r\n checked={renderCustomer.Options.Receiving.SuggestedPutAwayEnabled == true}\r\n value={renderCustomer.Options.Receiving.SuggestedPutAwayEnabled}\r\n parentClassName={this.state.rights.hasOwnProperty('Receiving.SuggestedPutAwayEnabled') ? '' : 'disabled-chk'}\r\n disabled={!this.state.rights.hasOwnProperty('Receiving.SuggestedPutAwayEnabled')}\r\n showToolTip={!this.state.rights.hasOwnProperty('Receiving.SuggestedPutAwayEnabled')}\r\n tooltipText={this.translate('Label_Setting_Disable_Tooltip')}\r\n tooltipShowAfter={200}/>\r\n\r\n \r\n\r\n \r\n\r\n {(this.state.TplSettings.Receiving.AllowReceiveAgainstAsn) &&\r\n this.handleChange('UserInterface', e)}\r\n label={this.translate('Label_Costomer_chk_Set_the_default_scan_quantity_to_1')}\r\n checked={renderCustomer.Options.UserInterface.MobileReceiptQuantityOneDefault == true}\r\n value={renderCustomer.Options.UserInterface.MobileReceiptQuantityOneDefault} />\r\n\r\n this.handleChange('Receiving', e)}\r\n label={this.translate('Label_Display_Weight_Field_Receipts')}\r\n checked={renderCustomer.Options.Receiving.DisplayWeightFieldForReceipt == true}\r\n value={renderCustomer.Options.Receiving.DisplayWeightFieldForReceipt} />\r\n\r\n this.handleChange('MobileProcessingBehaviors', e)}\r\n label={this.translate('Label_Allow_Move_Of_Unconfirmed_Inventory')}\r\n checked={renderCustomer.Options.MobileProcessingBehaviors.AllowMovingOpenReceipts == true}\r\n value={renderCustomer.Options.MobileProcessingBehaviors.AllowMovingOpenReceipts} />\r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport WmsButton from '../WmsButton/WmsButton.jsx';\r\nimport style from './WmsComboboxWithTag.scss';\r\n\r\nclass WmsComboboxWithTag extends React.PureComponent {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.windowId = this.props.windowId == \"\" ? \"\" : \".\" + this.props.windowId;\r\n this.inputTagId = this.windowId + \" #\" + this.props.id;\r\n this.comboBoxTag = ''\r\n this.state = {\r\n selectItemObj:[],\r\n staticOptions:[]\r\n }\r\n }\r\n componentDidMount() {\r\n\r\n $(this.inputTagId).kendoComboBox({\r\n dataTextField: this.props.textField,\r\n dataValueField: this.props.valueField,\r\n filter: \"contains\",\r\n noDataTemplate:false,\r\n dataSource: [],\r\n change: (e) => { \r\n // console.log(\" change event fire :\",e);\r\n var txtContainsId = this.props.id + \"_listbox\";\r\n let inputVal = $(\"input[aria-owns*='\"+txtContainsId+\"']\").val(); \r\n console.log(\" inputVal\",inputVal);\r\n console.log(\" this.comboBoxTag.value()\",this.comboBoxTag.value());\r\n if(this.comboBoxTag.value() && inputVal == this.comboBoxTag.value()) {\r\n\r\n let selectTagVal = this.comboBoxTag.value(); \r\n this.setSelectValue(selectTagVal); \r\n \r\n //remove selected value from options \r\n let staticOptions = Object.assign([], this.state.staticOptions);\r\n _.remove(staticOptions, obj => ( obj[this.props.valueField] == selectTagVal ) );\r\n\r\n this.setState({ staticOptions:staticOptions });\r\n\r\n setTimeout(() => {\r\n this.comboBoxTag.setDataSource(staticOptions);\r\n }, 100); \r\n }\r\n }\r\n });\r\n \r\n\r\n this.comboBoxTag = $(this.inputTagId).data(\"kendoComboBox\"); \r\n\r\n var txtContainsId = this.props.id + \"_listbox\";\r\n let that =this;\r\n $(\"input[aria-owns*='\"+txtContainsId+\"']\").on(\"keydown\", function (el, e) {\r\n\r\n let inputVal = $(\"input[aria-owns*='\"+txtContainsId+\"']\").val(); \r\n console.log(\"inputVal \",inputVal )\r\n if(inputVal) {\r\n\r\n if(e.which == 32 || e.which == 9 ) {\r\n e.preventDefault();\r\n e.stopPropagation(); \r\n console.log(\"setSelectValue 2\"); \r\n that.setSelectValue(inputVal);\r\n }\r\n }\r\n }.bind(null, this.comboBoxTag));\r\n\r\n }\r\n\r\n setSelectValue = (param_val) => {\r\n console.log(\"Need to call only one time :\",param_val);\r\n let tmpTagsArr = _.cloneDeep(this.props.valueArray);\r\n let inputTagVal= param_val ; \r\n let position = tmpTagsArr.indexOf(inputTagVal); \r\n \r\n if(position == -1) {\r\n\r\n tmpTagsArr.push(inputTagVal);\r\n this.props.onChangeFunc(tmpTagsArr);\r\n setTimeout(() => {\r\n this.comboBoxTag.value('');\r\n }, 100);\r\n\r\n } \r\n }\r\n\r\n removeSelectedItem = (tag_name) => (e) => {\r\n\r\n let tmpValArr = _.cloneDeep(this.props.valueArray);\r\n let staticOptions = _.cloneDeep(this.state.staticOptions);\r\n let position = tmpValArr.indexOf(tag_name);\r\n \r\n // add remove value in combobox options\r\n staticOptions.push({'name':tag_name });\r\n this.setState({ staticOptions:staticOptions });\r\n tmpValArr.splice(position, 1);\r\n\r\n this.comboBoxTag.setDataSource(staticOptions);\r\n this.props.onChangeFunc(tmpValArr);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n }\r\n\r\n \r\n this.handleChange('MobileProcessingBehaviors', e)}\r\n label={this.translate('Label_Display_Required_Custom_Fields')}\r\n checked={renderCustomer.Options.MobileProcessingBehaviors.AllowRequiredCustomFields == true}\r\n value={renderCustomer.Options.MobileProcessingBehaviors.AllowRequiredCustomFields} />\r\n this.handleChange('MobileProcessingBehaviors', e)}\r\n label={this.translate('Label_Display_All_Custom_Fields')}\r\n checked={renderCustomer.Options.MobileProcessingBehaviors.AllowOptionalCustomFields == true}\r\n value={renderCustomer.Options.MobileProcessingBehaviors.AllowOptionalCustomFields} />\r\n
\r\n\r\n \r\n {this.props.label != '' &&\r\n \r\n }\r\n \r\n
\r\n );\r\n }\r\n\r\n}\r\nWmsComboboxWithTag.propTypes = {\r\n id: PropTypes.string.isRequired, // this should write the id to the input,\r\n name: PropTypes.string, // this should write the id to the input,\r\n windowId: PropTypes.string, // this should be used to get window id\r\n wmsSelector: PropTypes.string.isRequired, // this should set up a selector on the input\r\n extraWrapperClass: PropTypes.string,\r\n valueArray: PropTypes.array, // this should control the value ,it`s string or number\r\n label: PropTypes.string.isRequired,// dropdown title\r\n onChangeFunc: PropTypes.func.isRequired, // this should control the onchange event and anything we need to determine before we send it up\r\n\r\n}\r\nWmsComboboxWithTag.defaultProps = {\r\n extraWrapperClass: '',\r\n label: '',\r\n windowId: '',\r\n duplicateTagTooltipText:'',\r\n textField:'name',\r\n valueField:'name',\r\n}\r\nexport default WmsComboboxWithTag;","import * as GlobalService from \"./../global_services\";\r\ndeclare var window: any;\r\nvar isFirstTimeOpen = true;\r\nconst { $ } = window;\r\nvar axios = require(\"axios\");\r\nvar keyName = \"CustomerPackingSlips\";\r\nvar metaDataOrderObject = {\r\n CustomerPackingSlips: {\r\n ManageCustomerPackingSlips: {\r\n filterData: {},\r\n gridConfig: {},\r\n collapseData: {},\r\n sorableSection: \"\",\r\n saveFilter: [],\r\n },\r\n },\r\n};\r\n\r\nexport const getCustomerPackingSlipsGridData = function (editUri:string) {\r\n let url = \"/WebUI/Customers/CustomerPackingListTemplates/PackingListTemplates?uri=\"+editUri+\"/packinglisttemplates\";\r\n return axios.get(url).then(function (response: any) {\r\n return response;\r\n });\r\n};\r\n// export const saveCustomerPackingSlipsData = function (data: any) {\r\n// let url = \"/WebUI/Settings/PackingListTemplates/PackingListTemplate\";\r\n\r\n// return axios.post(url, data).then(function (response: any) {\r\n// return response;\r\n// });\r\n// };\r\nexport const getCustomerPackingSlipsData = function (templateId: number) {\r\n let url =\r\n \"/WebUI/Settings/PackingListTemplates/PackingListTemplate?editUri=properties/packinglisttemplates/\" +\r\n templateId;\r\n\r\n return axios.get(url).then(function (response: any) {\r\n return response;\r\n });\r\n};\r\nexport const updateCustomerPackingSlipsData = function (data: any) {\r\n let url = \"/WebUI/Customers/CustomerPackingListTemplates/PackingListTemplate\";\r\n\r\n return axios.put(url, data).then(function (response: any) {\r\n return response;\r\n });\r\n};\r\nexport const deleteCustomerPackingSlipsData = function (uri: string) {\r\n let url =\r\n \"/WebUI/Customers/CustomerPackingListTemplates/PackingListTemplate?editUri=\" + uri;\r\n\r\n return axios.delete(url).then(function (response: any) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const getUserClientMetaData = function () {\r\n console.log(\"isFirstTimeOpen\", isFirstTimeOpen);\r\n if (isFirstTimeOpen) {\r\n console.log(\"isFirstTimeOpen call\", isFirstTimeOpen);\r\n return GlobalService.getUserClientMetaData(keyName).then(\r\n function successCallBack(response) {\r\n if (response !== \"\") {\r\n Object.assign(\r\n metaDataOrderObject[keyName],\r\n JSON.parse(response)\r\n );\r\n }\r\n isFirstTimeOpen = false;\r\n return true;\r\n },\r\n function errorCallBack(response) {\r\n console.log(response);\r\n return false;\r\n }\r\n );\r\n }\r\n};\r\n\r\nexport const saveEventNotificationGridData = function (\r\n cstEditUri: string,\r\n data: any\r\n) {\r\n let url = \"/WebUI/Customers/WebHooksConfig/GridSave\";\r\n if (cstEditUri) {\r\n url = url + \"?editUri=\" + cstEditUri;\r\n }\r\n return axios.put(url, data).then(function (response: any) {\r\n return response;\r\n });\r\n};\r\nexport const setCustomerPackingSlipsGridOptionInMetaData = function (\r\n gridConfig\r\n) {\r\n metaDataOrderObject[keyName][\"ManageCustomerPackingSlips\"][\"gridConfig\"] =\r\n gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(\r\n keyName,\r\n JSON.stringify(metaDataOrderObject[keyName])\r\n );\r\n};\r\n\r\nexport const getCustomerPackingSlipsGridOptionInMetaData = function () {\r\n if (\r\n !$.isEmptyObject(\r\n metaDataOrderObject[keyName][\"ManageCustomerPackingSlips\"][\r\n \"gridConfig\"\r\n ]\r\n )\r\n ) {\r\n return metaDataOrderObject[keyName][\"ManageCustomerPackingSlips\"][\r\n \"gridConfig\"\r\n ];\r\n } else {\r\n return \"\";\r\n }\r\n};\r\n\r\nexport const base64File = async function (url) {\r\n const data = await fetch(url);\r\n const blob = await data.blob();\r\n return new Promise(resolve => {\r\n resolve(blob);\r\n // const reader = new FileReader();\r\n // reader.readAsDataURL(blob);\r\n // reader.onloadend = () => {\r\n // const base64data = reader.result;\r\n // resolve(base64data);\r\n // };\r\n });\r\n}\r\n","import React, { useState,useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport WmsInput from '../components/WmsInput/WmsInput';\r\nimport WmsFile from '../components/WmsFile/WmsFile';\r\nimport WmsButton from '../components/WmsButton/WmsButton';\r\nimport './customerPackagingSlips.scss';\r\nimport * as GlobalService from './../global_services';\r\nimport _ from 'lodash';\r\nimport './customerPackagingSlips.scss';\r\n\r\ninterface Props {\r\n wmsSelector: string,\r\n oldValue?: any,\r\n fieldName: string,\r\n caption: string,\r\n changeImageField: (imgUrl: string, fieldName: string) => void,\r\n className?: string,\r\n setValidImageUrl?: (isValid: boolean) => void,\r\n maxWidth: number,\r\n maxHeight: number,\r\n onDeleteDefault?: string\r\n}\r\nconst defaultFileObject = {\r\n fileName: '',\r\n fileExtension: '',\r\n FileSize: 0,\r\n fileResolution: {width: 0, height: 0}\r\n}\r\n\r\ndeclare var window: any;\r\nconst { $ } = window;\r\n\r\nconst CustomerPackingSlipsTemplateImage: React.FC\r\n {this.props.valueArray.map((item, index) => (\r\n
\r\n \r\n
\r\n )\r\n}\r\nCustomerPackingSlipsTemplateImage.propTypes = {\r\n wmsSelector: PropTypes.string.isRequired,\r\n oldValue: PropTypes.any,\r\n className: PropTypes.string,\r\n fieldName: PropTypes.string.isRequired,\r\n caption: PropTypes.string.isRequired,\r\n changeImageField: PropTypes.func.isRequired,\r\n setValidImageUrl: PropTypes.any,\r\n maxWidth: PropTypes.number,\r\n maxHeight: PropTypes.number,\r\n onDeleteDefault: PropTypes.string\r\n};\r\n\r\nCustomerPackingSlipsTemplateImage.defaultProps = {\r\n wmsSelector: '',\r\n oldValue: '',\r\n fieldName: '',\r\n caption: '',\r\n className: '',\r\n changeImageField: (imgUrl: string, fieldName: string): void => {},\r\n setValidImageUrl: (isValid: boolean): void => {},\r\n maxWidth:257,\r\n maxHeight:63,\r\n onDeleteDefault: \"assets/images/Default_image.png\"\r\n};\r\n\r\nexport default React.memo(CustomerPackingSlipsTemplateImage);","import React, { useState,useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport WmsCollapse from '../components/WmsCollapse/WmsCollapse';\r\nimport WmsModel from '../components/WmsModel/WmsModel';\r\nimport WmsButton from '../components/WmsButton/WmsButton';\r\nimport CustomerPackingSlipsTemplateImage from './packing-slips-template-image.component';\r\nimport './customerPackagingSlips.scss';\r\nimport * as GlobalService from '../global_services';\r\n\r\nimport * as CustomerPackingSlipsService from './customer-packing-slips.services';\r\n\r\ninterface Props {\r\n isOpenPackingSlipsTemplateModal?: boolean,\r\n onClosePackingSlipsTemplateModal?: any,\r\n selectedRow: any,\r\n refreshGrid: any,\r\n sharedCustomer: any,\r\n defaultHeader: string,\r\n defaultFooter: string\r\n}\r\n\r\ndeclare var window: any;\r\n\r\nconst CustomerPackingSlipsTemplateModel: React.FC\r\n \r\n 
\r\n\r\n
\r\n \r\n
\r\n \r\n Max Image Size: {props.maxWidth} x {props.maxHeight} pixels\r\n
\r\n {!_.isEqual(imageFileObject, defaultFileObject)? (\r\n \r\n File Info
\r\n File Name: {imageFileObject.fileName}
\r\n File Type / SIze: {imageFileObject.fileExtension} - {GlobalService.getFileSizeString(imageFileObject.FileSize)} ({imageFileObject.fileResolution.width} x {imageFileObject.fileResolution.height} pixels)\r\n
\r\n ): null}\r\n \r\n File Name: {imageFileObject.fileName}
\r\n File Type / SIze: {imageFileObject.fileExtension} - {GlobalService.getFileSizeString(imageFileObject.FileSize)} ({imageFileObject.fileResolution.width} x {imageFileObject.fileResolution.height} pixels)\r\n
\r\n or\r\n
\r\n \r\n
\r\n \r\n {onResetUrl()}}\r\n buttonType='blue'\r\n icon={' fa-undo'}\r\n disabled={imagePreview === props.oldValue}\r\n />\r\n {onDeleteUrl()}}\r\n buttonType='red'\r\n icon={' fa-trash'}\r\n disabled={imagePreview === onDeleteDefault || imagePreview === null}\r\n />\r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\nCustomerPackingSlipsTemplateModel.propTypes = {\r\n isOpenPackingSlipsTemplateModal: PropTypes.bool.isRequired, // this should write the id to the button\r\n onClosePackingSlipsTemplateModal: PropTypes.func.isRequired, // this should write the id to the button\r\n selectedRow: PropTypes.any.isRequired,\r\n refreshGrid: PropTypes.any.isRequired,\r\n sharedCustomer: PropTypes.any.isRequired,\r\n defaultHeader: PropTypes.string,\r\n defaultFooter: PropTypes.string\r\n};\r\n\r\nCustomerPackingSlipsTemplateModel.defaultProps = {\r\n isOpenPackingSlipsTemplateModal: false,\r\n onClosePackingSlipsTemplateModal: () => {},\r\n selectedRow: {},\r\n refreshGrid: {},\r\n sharedCustomer: {},\r\n defaultHeader: '',\r\n defaultFooter: ''\r\n};\r\n\r\nexport default React.memo(CustomerPackingSlipsTemplateModel);","import React, { useState, useEffect, useCallback } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport WmsCollapse from '../components/WmsCollapse/WmsCollapse';\r\nimport * as GridConfig from \"./customer-packing-slips-grid-configuration\"\r\nimport * as CustomerPackingSlipsService from './customer-packing-slips.services';\r\nimport VirtualGridComponent from '../components_proto/VirtualGridComponent/VirtualGridComponent';\r\nimport * as GlobalService from './../global_services';\r\nimport './customerPackagingSlips.scss';\r\nimport PackingSlipsTemplateModel from './packing-slips-template-model.component';\r\nimport CustomerPackingSlipsTemplateImage from './packing-slips-template-image.component';\r\ninterface Props {\r\n class?: string,\r\n sharedCustomerEditUri?: string,\r\n sharedCustomer: any,\r\n originalCustomerObject: any,\r\n onCustomerDataset: any,\r\n setValidTemplateImageUrl: any\r\n windowId: string,\r\n}\r\n\r\ndeclare var window: any;\r\nconst { $ } = window;\r\nlet localKendoGrid = null; // it's reset every time null when function component load,\r\n// so in grid filter or after grid refresh on clear selection it getting null value.\r\n\r\nconst defaultFormData = {\r\n Description: '',\r\n Enabled: false,\r\n Uri: '',\r\n FooterUrlOverride: '',\r\n LogoUrlOverride: ''\r\n}\r\n\r\nconst CustomerPackingSlipsGrid: React.FC\r\n \r\n\r\n
\r\n
\r\n \r\n {window.translate('Label_Customer_Text')}\r\n {props.sharedCustomer.CompanyInfo.CompanyName}\r\n
\r\n \r\n {window.translate('Label_Configuration')}\r\n {props.selectedRow.Description}\r\n
\r\n\r\n \r\n
\r\n
\r\n \r\n \";\r\n return item;\r\n });\r\n filterText = filterText.slice(0, -1);\r\n setFilterText(filterText);\r\n setFullFilterText(fullFilterText);\r\n }\r\n const clickEventOfContextMenu = (obj: any, e: any) => {\r\n editPackingSlipModal();\r\n }\r\n\r\n const editPackingSlipModal = () => {\r\n let grid = $(gridDomSelector).data(\"kendoGrid\");\r\n var data = grid.dataItem(grid.select());\r\n setSelectedRow(data);\r\n setPackingSlipsTemplateModal(true)\r\n }\r\n const onClosePackingSlipsTemplateModal = () => {\r\n setPackingSlipsTemplateModal(false)\r\n }\r\n\r\n const loadGridData = useCallback(() => {\r\n kendo.ui.progress($(gridDomSelector), true);\r\n setRecordsCount(0);\r\n setGridData([]);\r\n CustomerPackingSlipsService.getCustomerPackingSlipsGridData(props.sharedCustomerEditUri).then((response: any) => {\r\n let tmpPackingSlipData = response.data.CustomerPackingListTemplateList\r\n tmpPackingSlipData.map((data: any) => {\r\n data.Description = returnIdentifier(data.TemplateIdentifier);\r\n return false;\r\n });\r\n setGridData(tmpPackingSlipData);\r\n setRecordsCount(tmpPackingSlipData.length);\r\n }).finally(() => {\r\n kendo.ui.progress($(gridDomSelector), false);\r\n })\r\n }, [gridDomSelector, props.sharedCustomerEditUri]);\r\n\r\n const refreshGrid = () => {\r\n loadGridData();\r\n setSelectedRow(defaultFormData);\r\n if (localKendoGrid != null) {\r\n localKendoGrid.clearSelections(() => {\r\n localKendoGrid.repaintSelections();\r\n });\r\n }\r\n setSelectedRowCount(0);\r\n setIsLoadingSave(false);\r\n }\r\n\r\n const afterUpdateSuccess = () => {\r\n refreshGrid();\r\n setIsLoadingSave(false);\r\n GlobalService.notification('success', window.translate('Label_Configure_Packing_Slips_save_success'));\r\n }\r\n\r\n const onEnableDisableBtnClick = () => {\r\n setIsLoadingSave(true);\r\n if(selectedRow.Enabled){\r\n CustomerPackingSlipsService.deleteCustomerPackingSlipsData(selectedRow.Uri).then(() => {\r\n afterUpdateSuccess();\r\n }).finally(() => {\r\n setIsLoadingSave(false);\r\n });\r\n }else{\r\n var data = {\r\n FooterUrlOverride: selectedRow.FooterUrlOverride,\r\n LogoUrlOverride: selectedRow.LogoUrlOverride,\r\n Uri: selectedRow.Uri\r\n }\r\n CustomerPackingSlipsService.updateCustomerPackingSlipsData(data).then(() => {\r\n afterUpdateSuccess();\r\n }).finally(() => {\r\n setIsLoadingSave(false);\r\n });\r\n }\r\n }\r\n\r\n const changeDefaultTemeplate = ( imgUrl: string, fieldName: string): void => {\r\n let parentObj = props.sharedCustomer.Options.Shipping;\r\n if (fieldName === 'FooterUrlOverride') {\r\n parentObj.PackingListFooterUrl = imgUrl;\r\n } else {\r\n parentObj.PackingListLogoUrl = imgUrl\r\n }\r\n\r\n let customerObj = Object.assign(\r\n {},\r\n props.sharedCustomer,\r\n {\r\n Options: Object.assign(\r\n {},\r\n props.sharedCustomer.Options,\r\n {\r\n Shipping: parentObj\r\n }\r\n )\r\n }\r\n );\r\n props.onCustomerDataset(customerObj);\r\n }\r\n\r\n useEffect(() => {\r\n async function getGridMeta() {\r\n await CustomerPackingSlipsService.getUserClientMetaData()\r\n setGridConfig(CustomerPackingSlipsService.getCustomerPackingSlipsGridOptionInMetaData());\r\n setShowGrid(true);\r\n loadGridData();\r\n }\r\n if(props.sharedCustomerEditUri){\r\n getGridMeta();\r\n }\r\n }, [props.sharedCustomerEditUri, loadGridData]);\r\n\r\n return (\r\n
\r\n \r\n {showGrid && (\r\n onEnableDisableBtnClick(),\r\n 'isButtonMenu': true,\r\n 'loading': isLoadingSave\r\n }, {\r\n \"name\": window.translate('Label_Edit'),\r\n \"value\": [],\r\n \"disabled\": selectedRowCount !== 1 || isLoadingSave,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-pencil\",\r\n \"color\": \"green\",\r\n \"wmsSelector\": selector + \"Edit\",\r\n \"clickFunc\": () => editPackingSlipModal(),\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'packagingTypesEdit'\r\n }]\r\n }\r\n />\r\n )}\r\n { props.sharedCustomer.Options.Shipping.PackingListFooterUrl !== undefined ? (\r\n <>\r\n
\r\n
\r\n
\r\n )\r\n}\r\nconst returnIdentifier = (identifier) => {\r\n if(identifier && identifier.Name ) {\r\n return identifier.Name\r\n } else {\r\n return ''\r\n }\r\n}\r\nCustomerPackingSlipsGrid.propTypes = {\r\n class: PropTypes.string.isRequired, // this should write the id to the button\r\n sharedCustomerEditUri: PropTypes.string.isRequired, // this should write the id to the button\r\n sharedCustomer: PropTypes.any.isRequired,\r\n originalCustomerObject: PropTypes.any.isRequired,\r\n setValidTemplateImageUrl: PropTypes.any.isRequired,\r\n windowId: PropTypes.any.isRequired,\r\n};\r\n\r\nCustomerPackingSlipsGrid.defaultProps = {\r\n class: '',\r\n sharedCustomerEditUri: '',\r\n sharedCustomer: {},\r\n originalCustomerObject: {},\r\n setValidTemplateImageUrl: {},\r\n windowId: ''\r\n};\r\n\r\nexport default React.memo(CustomerPackingSlipsGrid);","export const getCustomerPackingSlipsColumns = () => {\r\n return {\r\n columns: [\r\n {\r\n field: \"RowNumber\",\r\n title: \"RowNumber\",\r\n width: 300,\r\n wmsid: 1,\r\n hidden: true,\r\n },\r\n {\r\n field: \"Description\",\r\n title: \"Description\",\r\n width: 300,\r\n wmsid: 2,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"CustomerPackingSlipsDescription\",\r\n }\r\n },\r\n {\r\n field: \"Enabled\",\r\n title: \"Enabled\",\r\n width: 70,\r\n wmsid: 3,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"CustomerPackingSlipsEnabled\",\r\n },\r\n template: \"# if(Enabled){# Yes #}else {# No #} # \",\r\n },\r\n ],\r\n };\r\n};\r\n\r\nexport const getCustomerPackingSlipsAllColumnList = () => {\r\n return [{\r\n field: \"RowNumber\",\r\n title: \"RowNumber\",\r\n width: 300,\r\n wmsid: 1,\r\n hidden: true,\r\n }, {\r\n field: \"Description\",\r\n title: \"Description\",\r\n width: 120,\r\n wmsid: 2,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"CustomerPackingSlipsDescription\",\r\n }\r\n }, {\r\n field: \"Enabled\",\r\n title: \"Enabled\",\r\n width: 70,\r\n wmsid: 3,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"CustomerPackingSlipsEnabled\",\r\n },\r\n template: \"# if(Enabled){# Yes #}else {# No #} # \",\r\n }\r\n ];\r\n};\r\n\r\nexport const getCustomerPackingSlipsSchema = () => {\r\n return {\r\n model: {\r\n id: \"RowNumber\",\r\n fields: {\r\n RowNumber: { type: \"number\" },\r\n Description: { type: \"string\" },\r\n Enabled: { type: \"boolean\" },\r\n },\r\n },\r\n };\r\n};\r\n","import React from 'react';\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\n\r\n//component\r\nimport WmsRadio from './../components/WmsRadio/WmsRadio.tsx';\r\nimport WmsCheckBox from './../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsCollapse from './../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsContainer from './../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsComboboxWithTag from './../components/WmsComboboxWithTag/WmsComboboxWithTag.jsx';\r\nimport * as GlobalService from \"./../global_services\";\r\nimport CustomersPackingSlipsGrid from './customers-packing-slips-grid';\r\n\r\nexport class CustomersFormShippingOption extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n Selector: 'Customer',\r\n rights: GlobalService.GetRights(),\r\n };\r\n }\r\n\r\n handleChange = (param_parent_property, event) => {\r\n\r\n const name = event.target.name;\r\n let parentObj = this.props.sharedCustomer.Options[param_parent_property];\r\n\r\n if (event.target.type == 'checkbox') {\r\n parentObj[name] = !this.props.sharedCustomer.Options[param_parent_property][name];\r\n } else {\r\n parentObj[name] = event.target.value;\r\n }\r\n\r\n if (param_parent_property == 'MobileProcessingBehaviors' && name == 'AutoAdvanceLineItem' && parentObj[name] == false) {\r\n parentObj.AutoFillSameSkuAndTrackby = false;\r\n }\r\n\r\n if (param_parent_property == 'MobileProcessingBehaviors' && name == 'AutoAdvanceLineItem' && parentObj[name] == true) {\r\n parentObj.AutoFillSameSkuAndTrackby = true;\r\n }\r\n if (param_parent_property == 'MobileProcessingBehaviors' && name == 'AllowMultiplePickers' && parentObj[name] == true) {\r\n parentObj.AutoAdvanceLineItem = false;\r\n parentObj.AutoFillSameSkuAndTrackby = false;\r\n }\r\n\r\n let customeObj = Object.assign(\r\n {},\r\n this.props.sharedCustomer,\r\n {\r\n Options: Object.assign(\r\n {},\r\n this.props.sharedCustomer.Options,\r\n {\r\n [param_parent_property]: parentObj\r\n }\r\n )\r\n }\r\n );\r\n this.props.onCustomerDataset(customeObj);\r\n }\r\n\r\n handleAsnPreCheckOptionsChange = (event) => {\r\n\r\n const name = event.target.name;\r\n let asnOptionsFlag = _.cloneDeep(this.props.sharedAsnPrecheckedOptionsFlag);\r\n asnOptionsFlag[name] = !this.props.sharedAsnPrecheckedOptionsFlag[name];\r\n this.props.onAsnPrecheckOptionsSet(asnOptionsFlag);\r\n\r\n }\r\n\r\n handleAsnPreCheckChange = (event) => {\r\n\r\n const name = event.target.name;\r\n let customeObj = _.cloneDeep(this.props.sharedCustomer);\r\n customeObj.Options.Shipping.AsnPreCheck[name] = !this.props.sharedCustomer.Options.Shipping.AsnPreCheck[name];\r\n this.props.onCustomerDataset(customeObj);\r\n }\r\n\r\n handleASNFlexFields = (property_name, val_arr) => {\r\n if (!val_arr) {\r\n val_arr = [];\r\n }\r\n let customeObj = _.cloneDeep(this.props.sharedCustomer);\r\n if (!customeObj.Options.Shipping.AsnPreCheck) {\r\n customeObj.Options.Shipping.AsnPreCheck = {};\r\n }\r\n customeObj.Options.Shipping.AsnPreCheck[property_name] = val_arr;\r\n this.props.onCustomerDataset(customeObj);\r\n }\r\n render() {\r\n const renderCustomerOptions = this.props.sharedCustomer.Options;\r\n return (\r\n \r\n
\r\n
\r\n \r\n\r\n \r\n\r\n this.handleChange('Shipping', e)}\r\n label={this.translate('Label_Costomer_chk_Automatically_confirm_orders')}\r\n checked={renderCustomerOptions.Shipping.AutoConfirmOrderOnTrackingUpdate == true}\r\n value={renderCustomerOptions.Shipping.AutoConfirmOrderOnTrackingUpdate} />\r\n\r\n this.handleChange('Shipping', e)}\r\n label={this.translate('Label_Costomer_chk_Prevent_orders_from_auto_allocating')}\r\n checked={renderCustomerOptions.Shipping.OrderQueue == true}\r\n value={renderCustomerOptions.Shipping.OrderQueue}\r\n parentClassName={this.state.rights.hasOwnProperty('Shipping.AllowOrderQueue') ? '' : 'disabled-chk'}\r\n disabled={!this.state.rights.hasOwnProperty('Shipping.AllowOrderQueue')}\r\n showToolTip={!this.state.rights.hasOwnProperty('Shipping.AllowOrderQueue')}\r\n tooltipText={this.translate('Label_Setting_Disable_Tooltip')}\r\n tooltipShowAfter={200} />\r\n\r\n this.handleChange('Shipping', e)}\r\n label={this.translate('Label_Costomer_chk_SmartPack_Auto_Print_Labels')}\r\n checked={renderCustomerOptions.Shipping.AutoPrintCartonLabelDefault == true}\r\n value={renderCustomerOptions.Shipping.AutoPrintCartonLabelDefault}\r\n parentClassName={this.state.rights.hasOwnProperty('Shipping.WarehousePackEnabled') ? '' : 'disabled-chk'}\r\n disabled={!this.state.rights.hasOwnProperty('Shipping.WarehousePackEnabled')}\r\n showToolTip={true}\r\n tooltipText={this.state.rights.hasOwnProperty('Shipping.WarehousePackEnabled') ? this.translate('Label_Costomer_chk_SmartPack_Auto_Print_Tooltip') : this.translate('Label_Setting_Disable_Tooltip')}\r\n tooltipShowAfter={200} />\r\n\r\n { } : (e) => this.handleChange('Shipping', e)}\r\n label={this.translate('Label_Costomer_chk_SmartPack_Enable_Scale_Labels')}\r\n checked={renderCustomerOptions.Shipping.SmartPackScaleEnabled == true}\r\n value={renderCustomerOptions.Shipping.SmartPackScaleEnabled}\r\n parentClassName={!this.state.rights.hasOwnProperty('Shipping.SmartPackScaleEnabled') ? 'disabled-chk' : ''}\r\n showToolTip={!this.state.rights.hasOwnProperty('Shipping.SmartPackScaleEnabled')}\r\n tooltipText={!this.state.rights.hasOwnProperty('Shipping.SmartPackScaleEnabled') ? this.translate('Label_Setting_Disable_Tooltip') : ''}\r\n tooltipShowAfter={200} />\r\n\r\n this.handleChange('Receiving', e)}\r\n label={this.translate('Label_Costomer_chk_Automatically_popilate_track_by_info')}\r\n checked={renderCustomerOptions.Receiving.AutoFillTrackBys == true}\r\n value={renderCustomerOptions.Receiving.AutoFillTrackBys}\r\n parentClassName={this.state.rights.hasOwnProperty('Shipping.WarehousePackEnabled') ? '' : 'disabled-chk'}\r\n disabled={!this.state.rights.hasOwnProperty('Shipping.WarehousePackEnabled')}\r\n showToolTip={!this.state.rights.hasOwnProperty('Shipping.WarehousePackEnabled')}\r\n tooltipText={this.translate('Label_Setting_Disable_Tooltip')}\r\n tooltipShowAfter={200} />\r\n\r\n this.handleChange('Packaging', e)}\r\n label={this.translate('Label_Costomer_Proto_chk_Automatically_close_orders_when_a')}\r\n checked={renderCustomerOptions.Packaging.SpsCloseOnUpdate == true}\r\n value={renderCustomerOptions.Packaging.SpsCloseOnUpdate}\r\n disabled={!this.state.rights.hasOwnProperty('Receiving.SpsCloseOnUpdate')}\r\n parentClassName={this.state.rights.hasOwnProperty('Receiving.SpsCloseOnUpdate') ? '' : 'disabled-option'}\r\n showToolTip={!this.state.rights.hasOwnProperty('Receiving.SpsCloseOnUpdate')}\r\n tooltipText={this.translate('Label_Setting_Disable_Tooltip')}\r\n tooltipShowAfter={200} />\r\n\r\n this.handleChange('Packaging', e)}\r\n label={this.translate('Label_Costomer_Proto_chk_SpsDisableAutoClearBinId')}\r\n checked={renderCustomerOptions.Packaging.SpsDisableAutoClearBinId == true}\r\n value={renderCustomerOptions.Packaging.SpsDisableAutoClearBinId} />\r\n\r\n this.handleChange('Packaging', e)}\r\n label={this.translate('Label_Costomer_Proto_chk_Small_Parcel_Disable_Click_To_Pack')}\r\n checked={renderCustomerOptions.Packaging.SmallParcelDisableClickToPack == true}\r\n value={renderCustomerOptions.Packaging.SmallParcelDisableClickToPack} />\r\n\r\n\r\n this.handleChange('Shipping', e)}\r\n label={this.translate('Label_Costomer_chk_Prevent_order_confirmation_if_an_order')}\r\n checked={renderCustomerOptions.Shipping.RequireTrackingNumber == true}\r\n value={renderCustomerOptions.Shipping.RequireTrackingNumber} />\r\n\r\n\r\n this.handleChange('Shipping', e)}\r\n label={this.translate('Label_Costomer_chk_Roundup_To_Full_Mu')}\r\n checked={renderCustomerOptions.Shipping.RounduptoFullMU == true}\r\n value={renderCustomerOptions.Shipping.RounduptoFullMU} />\r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n\r\n this.handleASNFlexFields('OrderLevelFlexFields', e)}\r\n duplicateTagTooltipText={this.translate('Customer_Order_Custom_Fields_Duplicate_Tooltip')}\r\n extraWrapperClass='form_group add-top-margin' />\r\n\r\n this.handleASNFlexFields('OrderItemLevelFlexFields', e)}\r\n duplicateTagTooltipText={this.translate('Customer_Order_Custom_Fields_Duplicate_Tooltip')}\r\n extraWrapperClass='form_group' />\r\n\r\n \r\n \r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\n\r\n//component\r\nimport WmsInput from './../components/WmsInput/WmsInput.jsx';\r\nimport WmsCheckBox from './../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsCollapse from './../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsContainer from './../components/WmsContainer/WmsContainer.jsx';\r\n\r\n//services\r\nimport * as GlobalService from './../global_services';\r\nexport class CustomersFormSystemOption extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n Selector: 'Customer',\r\n rights: GlobalService.GetRights(),\r\n option: {\r\n PrepopulateCarrierInfoEnum: StringWms.convertSringToOption(this.translate('Options_CarrierInfo')),\r\n TrackConfirmInvoiceCreateDefault: StringWms.convertSringToOption(this.translate('Options_CreateInvoiceDefaults')),\r\n QuickBooksPaymentTerms: StringWms.convertSringToOption(this.translate('Options_QuickBooksPaymentTerms')),\r\n }\r\n };\r\n }\r\n\r\n handleChange = (param_parent_property, event) => {\r\n\r\n let name = event.target.name;\r\n let parentObj = Object.assign({}, this.props.sharedCustomer.Options[param_parent_property]);\r\n\r\n if (event.target.type == 'checkbox') {\r\n parentObj[name] = !this.props.sharedCustomer.Options[param_parent_property][name];\r\n } else {\r\n parentObj[name] = event.target.value;\r\n }\r\n\r\n let customerObj = Object.assign(\r\n {},\r\n this.props.sharedCustomer,\r\n {\r\n Options: Object.assign(\r\n {},\r\n this.props.sharedCustomer.Options,\r\n {\r\n [param_parent_property]: parentObj\r\n }\r\n )\r\n }\r\n );\r\n this.props.onCustomerDataset(customerObj);\r\n }\r\n\r\n render() {\r\n const renderCustomerOptions = this.props.sharedCustomer.Options;\r\n return (\r\n \r\n\r\n this.handleChange('Shipping', { target: { name: 'FulfillmentInvoicing', value: 0 } })}\r\n checked={renderCustomerOptions.Shipping.FulfillmentInvoicing == 0}\r\n disabled={!this.state.rights.hasOwnProperty('Shipping.FulfillInvEnabled')}\r\n showToolTip={!this.state.rights.hasOwnProperty('Shipping.FulfillInvEnabled')}\r\n tooltipText={this.translate('Label_Setting_Disable_Tooltip')}\r\n />\r\n this.handleChange('Shipping', { target: { name: 'FulfillmentInvoicing', value: 1 } })}\r\n checked={renderCustomerOptions.Shipping.FulfillmentInvoicing == 1}\r\n disabled={!this.state.rights.hasOwnProperty('Shipping.FulfillInvEnabled')}\r\n showToolTip={!this.state.rights.hasOwnProperty('Shipping.FulfillInvEnabled')}\r\n tooltipText={this.translate('Label_Setting_Disable_Tooltip')}\r\n />\r\n this.handleChange('Shipping', { target: { name: 'FulfillmentInvoicing', value: 2 } })}\r\n checked={renderCustomerOptions.Shipping.FulfillmentInvoicing == 2}\r\n disabled={!this.state.rights.hasOwnProperty('Shipping.FulfillInvEnabled')}\r\n showToolTip={!this.state.rights.hasOwnProperty('Shipping.FulfillInvEnabled')}\r\n tooltipText={this.translate('Label_Setting_Disable_Tooltip')}\r\n />\r\n
\r\n \r\n
\r\n \r\n this.handleChange('UserInterface', e)}\r\n label={this.translate('Label_Pick_Allow_Reallocate')}\r\n checked={renderCustomerOptions.UserInterface.ReallocateAtPickTime == true}\r\n value={renderCustomerOptions.UserInterface.ReallocateAtPickTime}\r\n disabled={!this.state.rights.hasOwnProperty('OtherUserFeatures.ReallocateAtPickTimeEnabled')}\r\n parentClassName={this.state.rights.hasOwnProperty('OtherUserFeatures.ReallocateAtPickTimeEnabled') ? '' : 'disabled-option'}\r\n showToolTip={!this.state.rights.hasOwnProperty('OtherUserFeatures.ReallocateAtPickTimeEnabled')}\r\n tooltipText={this.translate('Label_Setting_Disable_Tooltip')}\r\n tooltipShowAfter={200} />\r\n\r\n this.handleChange('MobileProcessingBehaviors', e)}\r\n label={this.translate('Label_Pick_Allow_Multiple_Pickers')}\r\n checked={renderCustomerOptions.MobileProcessingBehaviors.AllowMultiplePickers == true}\r\n value={renderCustomerOptions.MobileProcessingBehaviors.AllowMultiplePickers}/>\r\n
\r\n \r\n this.handleChange('MobileProcessingBehaviors', e)}\r\n label={this.translate('Label_Pick_Auto_Advance_Next_Line_Item')}\r\n checked={\r\n renderCustomerOptions.MobileProcessingBehaviors ?\r\n renderCustomerOptions.MobileProcessingBehaviors.AutoAdvanceLineItem == true :\r\n false\r\n }\r\n value={\r\n renderCustomerOptions.MobileProcessingBehaviors ?\r\n renderCustomerOptions.MobileProcessingBehaviors.AutoAdvanceLineItem :\r\n false\r\n } />\r\n\r\n this.handleChange('MobileProcessingBehaviors', e)}\r\n label={this.translate('Label_Auto_Fill_SKU_And_Track_Bys')}\r\n parentClassName={'auto-fill-sku-wrapper' + ((renderCustomerOptions.MobileProcessingBehaviors &&\r\n renderCustomerOptions.MobileProcessingBehaviors.AutoAdvanceLineItem == false) ? ' disabled-auto-fill' :\r\n '')}\r\n checked={\r\n renderCustomerOptions.MobileProcessingBehaviors ?\r\n renderCustomerOptions.MobileProcessingBehaviors.AutoFillSameSkuAndTrackby == true :\r\n false\r\n }\r\n value={\r\n renderCustomerOptions.MobileProcessingBehaviors ?\r\n renderCustomerOptions.MobileProcessingBehaviors.AutoFillSameSkuAndTrackby :\r\n false\r\n } />\r\n
\r\n \r\n \r\n\r\n \r\n\r\n this.handleChange('OtherSystemBehaviors', e)}\r\n label={this.translate('Label_Costomer_chk_Allow_Duplicated_UPCs')}\r\n checked={renderCustomerOptions.OtherSystemBehaviors.AllowDuplicateUPCs == true}\r\n value={renderCustomerOptions.OtherSystemBehaviors.AllowDuplicateUPCs}\r\n showToolTip={true}\r\n tooltipText={this.translate('Label_Costomer_chk_Allow_Duplicated_UPCs_Note')}\r\n tooltipShowAfter={200}\r\n />\r\n\r\n this.handleChange('OtherSystemBehaviors', e)}\r\n label={this.translate('Label_Costomer_chk_Enable_Flex_Fields_to_allow')}\r\n checked={renderCustomerOptions.OtherSystemBehaviors.FlexFields == true}\r\n value={renderCustomerOptions.OtherSystemBehaviors.FlexFields}\r\n disabled={!this.state.rights.hasOwnProperty('OtherUserFeatures.SavedElementsEnabled')}\r\n parentClassName={this.state.rights.hasOwnProperty('OtherUserFeatures.SavedElementsEnabled') ? '' : 'disabled-option'}\r\n showToolTip={!this.state.rights.hasOwnProperty('OtherUserFeatures.SavedElementsEnabled')}\r\n tooltipText={this.translate('Label_Setting_Disable_Tooltip')}\r\n tooltipShowAfter={200}\r\n />\r\n\r\n this.handleChange('Receiving', e)}\r\n label={this.translate('Label_Costomer_chk_Allow_the_use_of_Purchase_Order')}\r\n checked={renderCustomerOptions.Receiving.PurchaseOrders == true}\r\n value={renderCustomerOptions.Receiving.PurchaseOrders}\r\n disabled={!this.state.rights.hasOwnProperty('Receiving.AllowPurchaseOrders')}\r\n parentClassName={this.state.rights.hasOwnProperty('Receiving.AllowPurchaseOrders') ? '' : 'disabled-option'}\r\n showToolTip={!this.state.rights.hasOwnProperty('Receiving.AllowPurchaseOrders')}\r\n tooltipText={this.translate('Label_Setting_Disable_Tooltip')}\r\n tooltipShowAfter={200} />\r\n\r\n this.handleChange('UserInterface', e)}\r\n label={this.translate('Label_Costomer_chk_Make_the_Exclude_locations')}\r\n checked={renderCustomerOptions.UserInterface.ExcludeLocationsWithZeroInventory == true}\r\n value={renderCustomerOptions.UserInterface.ExcludeLocationsWithZeroInventory} />\r\n\r\n \r\n {this.state.rights.hasOwnProperty('Integrations.QbEnabled') && (\r\n \r\n this.handleChange('Shipping', e)}\r\n value={renderCustomerOptions.Shipping.QuickBooksPaymentTerms}\r\n options={this.state.option.QuickBooksPaymentTerms}\r\n valueField='description'\r\n textField='description'\r\n parentClassName='form_group' />\r\n\r\n \r\n )}\r\n \r\n\r\n this.handleChange('Shipping', e)}\r\n label={this.translate('Label_Costomer_UPS_Account_Number')}\r\n value={renderCustomerOptions.Shipping.UpsAccountNumber} />\r\n\r\n this.handleChange('Shipping', e)}\r\n label={this.translate('Label_Costomer_Fed_Ex_Account_Number')}\r\n value={renderCustomerOptions.Shipping.FedExAccountNumber} />\r\n\r\n this.handleChange('Shipping', e)}\r\n label={this.translate('Label_Costomer_Carrier_Postal_Code')}\r\n value={renderCustomerOptions.Shipping.UpsAccountZip} />\r\n\r\n this.handleChange('Shipping', e)}\r\n value={renderCustomerOptions.Shipping.PrepopulateCarrierInfo}\r\n options={this.state.option.PrepopulateCarrierInfoEnum}\r\n valueField='value'\r\n textField='description'\r\n parentClassName='form_group' />\r\n\r\n \r\n\r\n \r\n\r\n this.handleChange('Storage', e)}\r\n label={this.translate('Label_Warehouse_AccountName')}\r\n value={renderCustomerOptions.Storage.AccountingCustomerName} />\r\n\r\n this.handleChange('UserInterface', e)}\r\n value={renderCustomerOptions.UserInterface.TransactionConfirmInvoiceCreateDefault}\r\n options={this.state.option.TrackConfirmInvoiceCreateDefault}\r\n valueField='value'\r\n textField='description'\r\n parentClassName='form_group' />\r\n\r\n this.handleChange('Storage', e)}\r\n label={this.translate('Label_Costomer_chk_Set_the_default_invoice_confirm_date')}\r\n checked={renderCustomerOptions.Storage.SetInvoiceDateToXactionConfirmDate == true}\r\n value={renderCustomerOptions.Storage.SetInvoiceDateToXactionConfirmDate} />\r\n\r\n \r\n\r\n \r\n\r\n this.handleChange('Edi', e)}\r\n label={this.translate('Label_Costomer_Interchange_ID')}\r\n value={renderCustomerOptions.Edi.CustInterchangeId} />\r\n\r\n this.handleChange('Edi', e)}\r\n label={this.translate('Label_Costomer_ID_Qualifier')}\r\n value={renderCustomerOptions.Edi.CustInterchangeIdQual} />\r\n\r\n this.handleChange('Edi', e)}\r\n label={this.translate('Label_Costomer_3PL_Interchange_ID')}\r\n value={renderCustomerOptions.Edi.ThreeplInterchangeId} />\r\n\r\n this.handleChange('Edi', e)}\r\n label={this.translate('Label_Costomer_3PL_ID_Qualifier')}\r\n value={renderCustomerOptions.Edi.ThreeplInterchangeIdQual} />\r\n\r\n \r\n\r\n \r\n\r\n this.handleChange('Edi', e)}\r\n label={this.translate('Label_Costomer_SPS_Trading_Portner_ID')}\r\n value={renderCustomerOptions.Edi.TradingPartnerId} />\r\n\r\n \r\n\r\n \r\n\r\n this.handleChange('Shipping', e)}\r\n label={this.translate('Label_Costomer_Next_Increment_of_Master_ID')}\r\n value={renderCustomerOptions.Shipping.NextMasterBolId} />\r\n\r\n this.handleChange('Packaging', e)}\r\n label={this.translate('Label_GS1_Company_Prefix')}\r\n value={renderCustomerOptions.Packaging.Gs1CompanyPrefix}\r\n maxLength={11} />\r\n\r\n this.handleChange('Shipping', e)}\r\n label={this.translate('Label_Costomer_chk_Transaction_basedBill')}\r\n checked={renderCustomerOptions.Shipping.BolNumAsTransNum == true}\r\n value={renderCustomerOptions.Shipping.BolNumAsTransNum} />\r\n\r\n this.handleChange('Packaging', e)}\r\n label={this.translate('Label_Costomer_chk_Display_the_Vendor_ID_instead')}\r\n checked={renderCustomerOptions.Packaging.UseVendorIdOnBol == true}\r\n value={renderCustomerOptions.Packaging.UseVendorIdOnBol} />\r\n\r\n {/* image section hide in angular module only content set */}\r\n\r\n {/* \r\n\r\n \r\n
\r\n );\r\n }\r\n}","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport \"./WmsCustomTimePickerProto.scss\";\r\n\r\nclass WmsCustomTimePickerProto extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.windowId = this.props.windowId === \"\" ? \"\" : \".\" + this.props.windowId;\r\n }\r\n\r\n componentDidMount() {\r\n $(`#${this.props.id}-time-input`).kendoTimePicker({\r\n change: this.changeTime,\r\n format: this.props.defaultFormat,\r\n dateInput: true,\r\n interval: this.props.interval,\r\n });\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.value && this.props.value !== prevProps.value) {\r\n this.setTimePickerValue(this.props.value);\r\n }\r\n }\r\n\r\n setTimePickerValue = (filterString) => {\r\n let value = kendo.toString(kendo.parseDate(filterString), this.props.defaultFormat);\r\n let timepicker = $(`#${this.props.id}-time-input`).data(\"kendoTimePicker\");\r\n timepicker.value(value);\r\n timepicker.trigger(\"change\");\r\n };\r\n\r\n changeTime = () => {\r\n let timepicker = $(`#${this.props.id}-time-input`).data(\"kendoTimePicker\");\r\n let eventObj = {\r\n target: {\r\n name: this.props.name,\r\n value: kendo.toString(timepicker.value(), this.props.isDateParseInCustomFormat),\r\n },\r\n };\r\n this.props.onChangeFunc(eventObj);\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n ![](\"\")
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n this.handleChange('Shipping',e)}\r\n label={this.translate('Label_Costomer_Image_url')}\r\n value={renderCustomerOptions.Shipping.FedExAccountNumber} />\r\n
\r\n \r\n \r\n function () { }} />\r\n \r\n
\r\n \r\n function () { }} />\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n this.handleChange('Shipping',e)}\r\n label={this.translate('Label_Costomer_Image_url')}\r\n value={renderCustomerOptions.Shipping.FedExAccountNumber} />\r\n
\r\n \r\n \r\n function () { }} />\r\n \r\n
\r\n \r\n function () { }} />\r\n
\r\n \r\n
*/}\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n function () { }} />\r\n \r\n
\r\n \r\n function () { }} />\r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nWmsCustomTimePickerProto.propTypes = {\r\n id: PropTypes.string.isRequired, // this should write the id to the input\r\n name: PropTypes.string.isRequired, //this should set the name of datepicker input\r\n label: PropTypes.string.isRequired, // this should write the label of the menu\r\n windowId: PropTypes.string, // this should be used to get window id\r\n value: PropTypes.string, // this should control the value of datepicker\r\n onChangeFunc: PropTypes.func.isRequired, // this sould manage datepicker change and clear select value\r\n wmsSelector: PropTypes.string, // this should set up a selector on the date\r\n disabled: PropTypes.bool, // default will be false\r\n extraWrapperClass: PropTypes.string, // default will be false\r\n isDateParseInCustomFormat: PropTypes.string, // default will be false\r\n defaultFormat: PropTypes.string, // default will be false\r\n defaultTime: PropTypes.string,\r\n interval: PropTypes.number,\r\n required: PropTypes.bool, // default will be false\r\n};\r\n\r\nWmsCustomTimePickerProto.defaultProps = {\r\n value: \"00:00:01\",\r\n windowId: \"\",\r\n disabled: false,\r\n wmsSelector: \"\",\r\n extraWrapperClass: \"\",\r\n defaultFormat: \"hh:mm tt\",\r\n isDateParseInCustomFormat: \"yyyy-MM-ddTH:mm:ss\",\r\n defaultTime: \"12:00 AM\",\r\n interval: 30,\r\n required: false,\r\n};\r\n\r\nexport default WmsCustomTimePickerProto;\r\n","import _ from \"lodash\";\r\nimport React from \"react\";\r\nimport WmsCheckBox from \"../components/WmsCheckBox/WmsCheckBox\";\r\nimport WmsCollapse from \"../components/WmsCollapse/WmsCollapse\";\r\nimport WmsContainer from \"../components/WmsContainer/WmsContainer\";\r\nimport WmsCustomTimePickerProto from \"../components/WmsCustomTimePickerProto/WmsCustomTimePickerProto\";\r\nimport WmsDropdown from \"../components/WmsDropdown/WmsDropdown\";\r\nimport WmsInput from \"../components/WmsInput/WmsInput\";\r\n\r\nexport class CustomerFormAutobatchOption extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n Selector: \"Customer\",\r\n carrierOptions: [\r\n {\r\n key: \"same_carrier\",\r\n value: \"Same Carrier\",\r\n },\r\n {\r\n key: \"any_carrier\",\r\n value: \"Any Carrier\",\r\n },\r\n ],\r\n ruleOptions: [\r\n {\r\n title: \"Quantity 1\",\r\n name: \"Singles\",\r\n description: \"Quantity 1\",\r\n isEnabled: false,\r\n subDescription: \"Same Item, Single Item, and quantity = 1\",\r\n GroupOnCarrier: true,\r\n carrierName: \"same_carrier\",\r\n showCarrierOptions: true\r\n },\r\n {\r\n title: \"Identical orders\",\r\n name: \"SameSkuSameQty\",\r\n description: \"Identical Orders\",\r\n subDescription: \"Same Items and quantity\",\r\n GroupOnCarrier: true,\r\n isEnabled: false,\r\n carrierName: \"same_carrier\",\r\n showCarrierOptions: true\r\n },\r\n {\r\n title: \"Identical Items\",\r\n name: \"SameSku\",\r\n description: \"Identical Items\",\r\n subDescription: \"Same Items and any quantity\",\r\n GroupOnCarrier: true,\r\n isEnabled: false,\r\n carrierName: \"same_carrier\",\r\n showCarrierOptions: true\r\n },\r\n {\r\n title: \"Carrier\",\r\n name: \"Carrier\",\r\n description: \"Carrier\",\r\n subDescription: \"Same carrier only\",\r\n GroupOnCarrier: true,\r\n isEnabled: false,\r\n showCarrierOptions: false\r\n },\r\n {\r\n title: \"Customer and Warehouse\",\r\n name: \"SameCustomerSameWarehouse\",\r\n description: \"Customer and Warehouse\",\r\n subDescription: \"Same Customer and Warehouse\",\r\n GroupOnCarrier: true,\r\n isEnabled: false,\r\n carrierName: \"same_carrier\",\r\n showCarrierOptions: true\r\n },\r\n ],\r\n rules: [],\r\n };\r\n }\r\n\r\n componentDidUpdate = (prevProps) => {\r\n if (_.isEqual(prevProps.sharedCustomer.Options.Shipping.AutoBatchOptions.Rules, this.props.sharedCustomer.Options.Shipping.AutoBatchOptions.Rules) !== true) {\r\n if (this.props.sharedCustomer.Options.Shipping.AutoBatchOptions.Rules && this.props.sharedCustomer.Options.Shipping.AutoBatchOptions.Rules.length > 0) {\r\n let tmpRuleOptions = _.cloneDeep(this.state.ruleOptions);\r\n let tmpRules = _.map(tmpRuleOptions, (options) => {\r\n var find = _.find(this.props.sharedCustomer.Options.Shipping.AutoBatchOptions.Rules, (rule) => {\r\n return options.name == rule.Name;\r\n });\r\n if (find) {\r\n options.isEnabled = true;\r\n options.carrierName = find.GroupOnCarrier ? \"same_carrier\" : \"any_carrier\";\r\n }\r\n return options;\r\n });\r\n this.setState({\r\n ruleOptions: tmpRules,\r\n });\r\n }\r\n }\r\n };\r\n\r\n handleChangeEvent = (e) => {\r\n let name = e.target.name;\r\n let parentObj = this.props.sharedCustomer.Options.Shipping.AutoBatchOptions;\r\n\r\n if(name === \"CutOffTime\" && e.target.value != null){\r\n var time = e.target.value.split(':');\r\n parentObj[\"CutOffHour\"] = time[0];\r\n parentObj[\"CutOffMinute\"] = time[1];\r\n }else if (e.target.type == \"checkbox\") {\r\n parentObj[name] = !this.props.sharedCustomer.Options.Shipping.AutoBatchOptions[name];\r\n\r\n if (!parentObj[name] && (parentObj[\"BatchSize\"] < 1 || parentObj[\"BatchSize\"] > 500)) {\r\n parentObj[\"BatchSize\"] = 25; //DEFAULT_BATCH_SIZE\r\n }\r\n } else {\r\n parentObj[name] = e.target.value;\r\n }\r\n\r\n let customeObj = Object.assign({}, this.props.sharedCustomer, {\r\n Options: Object.assign({}, this.props.sharedCustomer.Options, {\r\n Shipping: Object.assign({}, this.props.sharedCustomer.Options.Shipping, {\r\n AutoBatchOptions: parentObj,\r\n }),\r\n }),\r\n });\r\n\r\n this.props.onCustomerDataset(customeObj);\r\n };\r\n\r\n handleRulesChangeEvent = (rules) => (e) => {\r\n let name = e.target.name;\r\n let value = e.target.value;\r\n\r\n let tmpRuleOptions = _.cloneDeep(this.state.ruleOptions);\r\n\r\n if (name == \"isEnabled\") {\r\n value = !rules.isEnabled;\r\n }\r\n\r\n let tmpRules = [];\r\n tmpRuleOptions = _.map(tmpRuleOptions, (options) => {\r\n if (options.name == rules.name) {\r\n if (name == \"carrierName\") {\r\n options[\"GroupOnCarrier\"] = value == \"same_carrier\";\r\n options[name] = value;\r\n }else {\r\n options[name] = value;\r\n }\r\n }\r\n if (options.isEnabled) {\r\n tmpRules.push({\r\n Name: options.name,\r\n GroupOnCarrier: options.GroupOnCarrier,\r\n });\r\n }\r\n return options;\r\n });\r\n\r\n this.setState({\r\n ruleOptions: tmpRuleOptions,\r\n });\r\n let customeObj = Object.assign({}, this.props.sharedCustomer, {\r\n Options: Object.assign({}, this.props.sharedCustomer.Options, {\r\n Shipping: Object.assign({}, this.props.sharedCustomer.Options.Shipping, {\r\n AutoBatchOptions: Object.assign({}, this.props.sharedCustomer.Options.Shipping.AutoBatchOptions, {\r\n Rules: tmpRules,\r\n }),\r\n }),\r\n }),\r\n });\r\n\r\n this.props.onCustomerDataset(customeObj);\r\n };\r\n\r\n render() {\r\n const renderCustomerOptions = this.props.sharedCustomer.Options;\r\n const cutOffTime = renderCustomerOptions.Shipping.AutoBatchOptions.CutOffHour +\":\"+ renderCustomerOptions.Shipping.AutoBatchOptions.CutOffMinute;\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","\r\nimport React from 'react';\r\n\r\n//component\r\nimport WmsButton from '../components/WmsButton/WmsButton.jsx';\r\nimport WmsScrollTo from '../components/WmsScrollTo/WmsScrollTo.jsx';\r\nimport { CustomersFormBasic } from './customers-form-basic.component.jsx';\r\nimport { CustomersFormReceiptOption } from './customers-form-receipt-option.jsx';\r\nimport { CustomersFormShippingOption } from './customers-form-shipping-option.jsx';\r\nimport { CustomersFormSystemOption } from './customers-form-system-option.jsx';\r\n\r\n//services\r\nimport { ObjectWms } from '../../../assets/ts/ObjectWms.ts';\r\nimport * as customerService from './customers.services.jsx';\r\nimport * as GlobalService from './../global_services';\r\nimport { CustomerFormAutobatchOption } from './customer-form-autobatch-option.jsx';\r\n\r\nexport class CustomersForm extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.defaultFacilitiesObjForC2User = [];\r\n this.defaultCustomerObj = {\r\n CompanyInfo: {\r\n CompanyName: '',\r\n Country: 'US',\r\n State: 'CA'\r\n },\r\n PrimaryContact: {},\r\n Options: {\r\n Receiving: {\r\n TrackLocation: 0,\r\n TrackPallets: 0,\r\n ReceiveAgainstAsns: 0,\r\n TrackSupplier: 0\r\n },\r\n Shipping: {\r\n FulfillmentInvoicing: 0,\r\n PrepopulateCarrierInfo: 0,\r\n QuickBooksPaymentTerms: \"\",\r\n AsnPreCheck: {\r\n AsnPreCheckOptions: 0,\r\n OrderLevelFlexFields: [],\r\n OrderItemLevelFlexFields: []\r\n },\r\n AutoBatchOptions: {\r\n Enabled: false,\r\n BatchSize: 0,\r\n CutOffHour: 15,\r\n CutOffMinute: 30,\r\n Rules: []\r\n }\r\n },\r\n UserInterface: {\r\n TransactionConfirmInvoiceCreateDefault: 0\r\n },\r\n MobileProcessingBehaviors: {\r\n AutoAdvanceLineItem: true, // WMS-21256 - Create customer default enable AutoAdvance setting\r\n AutoFillSameSkuAndTrackby: true, // WMS-21256 - Create customer default enable Autofill setting\r\n AllowOptionalCustomFields: false,\r\n AllowRequiredCustomFields: false\r\n },\r\n Edi: {},\r\n Storage: {},\r\n Packaging: {},\r\n OtherSystemBehaviors: {},\r\n Alerts: {\r\n OverrideSentFrom: false\r\n }\r\n },\r\n Facilities: [],\r\n ReadOnly: {\r\n CreationDate: null\r\n },\r\n WebSite: '',\r\n ExternalId: ''\r\n };\r\n this.state = {\r\n showDiscard: false,\r\n saveLoader: false,\r\n Selector: 'Customer',\r\n customerDefaultFacilities: null,\r\n OptionsFacility: GlobalService.getFacilityList(),\r\n customerObjWithFlags: null,\r\n sharedCustomer: this.defaultCustomerObj,\r\n originalCustomerObject: this.defaultCustomerObj,\r\n rights: GlobalService.GetRights(),\r\n isAllSelectedFacilityAvailable: true,\r\n asnPrecheckedOptionsFlag: {\r\n HasWeight: false, // binary sequeance value = 1\r\n HasVolume: false, // binary sequeance value = 2\r\n HasPackages: false, // binary sequeance value = 4\r\n HasCarrier: false, // binary sequeance value = 8\r\n HasBillOfLading: false, // binary sequeance value = 16\r\n HasLoadNumber: false, // binary sequeance value = 32\r\n HasPoNumber: false, // binary sequeance value = 64\r\n IsClosed: false // binary sequeance value = 128\r\n },\r\n isValidTempleteImageURL: true,\r\n addedFacility: [],\r\n\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.getCustomerData(this.props.sharedCustomerEditUri);\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (prevProps.sharedCustomerEditUri != this.props.sharedCustomerEditUri || prevProps.sharedIsCloneCustomer != this.props.sharedIsCloneCustomer ||\r\n (\r\n prevProps.sharedSettingsForCloneCustomer.generalSettings != this.props.sharedSettingsForCloneCustomer.generalSettings ||\r\n prevProps.sharedSettingsForCloneCustomer.transactionSettings != this.props.sharedSettingsForCloneCustomer.transactionSettings\r\n )) {\r\n this.getCustomerData(this.props.sharedCustomerEditUri);\r\n }\r\n }\r\n\r\n setValidTemplateImageUrl(isValid){\r\n this.setState({\r\n isValidTempleteImageURL: isValid\r\n });\r\n }\r\n\r\n getCustomerData(param_edituri) {\r\n this.setState({\r\n sharedCustomer: this.defaultCustomerObj,\r\n showDiscard: false,\r\n isAllSelectedFacilityAvailable: true,\r\n asnPrecheckedOptionsFlag: {\r\n HasWeight: false, // binary sequeance value = 1\r\n HasVolume: false, // binary sequeance value = 2\r\n HasPackages: false, // binary sequeance value = 4\r\n HasCarrier: false, // binary sequeance value = 8\r\n HasBillOfLading: false, // binary sequeance value = 16\r\n HasLoadNumber: false, // binary sequeance value = 32\r\n HasPoNumber: false, // binary sequeance value = 64\r\n IsClosed: false // binary sequeance value = 128\r\n }\r\n });\r\n\r\n this.defaultFacilitiesObjForC2User = [];\r\n\r\n if (param_edituri != '') {\r\n\r\n kendo.ui.progress($('#form_block'), true);\r\n customerService.getEditCustomerData(param_edituri).then((response) => {\r\n if (typeof response != 'undefined' && response.status == 200) {\r\n\r\n let facilityIds = [];\r\n let isSelectedFacAvailable = true;\r\n response.data.Customer.Facilities.forEach(value => {\r\n facilityIds.push(value['Id']);\r\n let getIndex = ObjectWms.FindIndexByProperty(this.state.OptionsFacility, 'id', value['Id']);\r\n if (getIndex == -1) {\r\n isSelectedFacAvailable = false;\r\n }\r\n });\r\n\r\n\r\n this.defaultFacilitiesObjForC2User = response.data.Customer.Facilities;\r\n response.data.Customer.Facilities = facilityIds;\r\n\r\n if (this.props.sharedIsCloneCustomer) {\r\n var tmpCustObj = this.setCustomerObjForClone(response.data.Customer);\r\n response.data.Customer = tmpCustObj;\r\n }\r\n\r\n\r\n if (response.data.Customer.Options.Shipping.AsnPreCheck.AsnPreCheckOptions) {\r\n this.setAsnPrechekOptions(response.data.Customer.Options.Shipping.AsnPreCheck.AsnPreCheckOptions);\r\n }\r\n\r\n if (response.data.Customer.Options.Shipping.QuickBooksPaymentTerms == \"\") {\r\n response.data.Customer.Options.Shipping.QuickBooksPaymentTerms = \"None\";\r\n }\r\n\r\n if (response.data.Customer.Options.Alerts.ReplyToAddress) {\r\n response.data.Customer.Options.Alerts.apiReplyToAddress = response.data.Customer.Options.Alerts.ReplyToAddress;\r\n }\r\n if (response.data.Customer.Options.Alerts.SenderName) {\r\n response.data.Customer.Options.Alerts.OverrideSentFrom = true;\r\n response.data.Customer.Options.Alerts.apiSenderName = response.data.Customer.Options.Alerts.SenderName;\r\n } else {\r\n response.data.Customer.Options.Alerts.OverrideSentFrom = false;\r\n }\r\n if (response.data.Customer.Options.MobileProcessingBehaviors && response.data.Customer.Options.MobileProcessingBehaviors.AllowMultiplePickers) {\r\n response.data.Customer.Options.MobileProcessingBehaviors.AutoAdvanceLineItem = false\r\n response.data.Customer.Options.MobileProcessingBehaviors.AutoFillSameSkuAndTrackby = false\r\n }\r\n\r\n this.setState({\r\n sharedCustomer: response.data.Customer,\r\n originalCustomerObject: _.cloneDeep(response.data.Customer),\r\n customerDefaultFacilities: facilityIds,\r\n customerObjWithFlags: response.data,\r\n showDiscard: false,\r\n isAllSelectedFacilityAvailable: isSelectedFacAvailable\r\n });\r\n }\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#form_block'), false);\r\n });\r\n }\r\n }\r\n setAsnPrechekOptions = (param_val) => {\r\n let tmpAsnPreCheckOptions = GlobalService.setAsnPrechekOptionsData(param_val);\r\n this.setState({ asnPrecheckedOptionsFlag: tmpAsnPreCheckOptions });\r\n }\r\n setCustomerObjForClone = (param_cutomerObj) => {\r\n var tmpCustObj = param_cutomerObj;\r\n\r\n /* basic section */\r\n tmpCustObj.CompanyInfo = {\r\n CompanyName: '',\r\n Country: 'US',\r\n State: 'CA'\r\n };\r\n tmpCustObj.ExternalId = '';\r\n tmpCustObj.WebSite = '';\r\n tmpCustObj.PrimaryContact = {};\r\n if (this.props.sharedSettingsForCloneCustomer.generalSettings == false) {\r\n\r\n /* Customer Basics section - warehouse access*/\r\n tmpCustObj.Facilities = [];\r\n\r\n /* Receipts section - GENERAL SETTINGS*/\r\n tmpCustObj.Options.Receiving.TrackLocation = 0;\r\n tmpCustObj.Options.Receiving.TrackPallets = 0;\r\n tmpCustObj.Options.Storage.FuelSurcharge = '';\r\n tmpCustObj.Options.Receiving.TrackSupplier = 0;\r\n tmpCustObj.Options.UserInterface.AutoCheckAutoReallocateOnReceive = false;\r\n tmpCustObj.Options.Receiving.CreateMultipleMus = false;\r\n tmpCustObj.Options.Receiving.SuggestedPutAwayEnabled = false;\r\n\r\n /* Receipts section - MOBILE RECEIVING (SMARTSCAN)*/\r\n tmpCustObj.Options.Receiving.ReceiveAgainstAsns = 0;\r\n tmpCustObj.Options.UserInterface.MobileReceiptQuantityOneDefault = false;\r\n tmpCustObj.Options.Receiving.DisplayWeightFieldForReceipt = false;\r\n\r\n /* Orders section - Orders */\r\n tmpCustObj.Options.Shipping.AutoConfirmOrderOnTrackingUpdate = false;\r\n tmpCustObj.Options.Shipping.OrderQueue = false;\r\n tmpCustObj.Options.Shipping.SmartPackScaleEnabled = false;\r\n tmpCustObj.Options.Receiving.AutoFillTrackBys = false;\r\n tmpCustObj.Options.Packaging.SpsCloseOnUpdate = false;\r\n tmpCustObj.Options.UserInterface.ReallocateAtPickTime = false;\r\n tmpCustObj.Options.Shipping.RequireTrackingNumber = false;\r\n tmpCustObj.Options.Shipping.RounduptoFullMU = false;\r\n tmpCustObj.Options.Shipping.FulfillmentInvoicing = 0;\r\n tmpCustObj.Options.Shipping.AsnPreCheck.RequireScacForAsn = false;\r\n tmpCustObj.Options.Shipping.AsnPreCheck.AsnPreCheckOptions = 0;\r\n tmpCustObj.Options.Shipping.AsnPreCheck.RequireAttachedDocuments = false;\r\n tmpCustObj.Options.Shipping.AsnPreCheck.OrderLevelFlexFields = null;\r\n tmpCustObj.Options.Shipping.AsnPreCheck.OrderItemLevelFlexFields = null;\r\n\r\n /* System section - GENERAL SETTINGS */\r\n tmpCustObj.Options.UserInterface.ExcludeLocationsWithZeroInventory = false;\r\n tmpCustObj.Options.OtherSystemBehaviors.FlexFields = false;\r\n tmpCustObj.Options.OtherSystemBehaviors.AllowDuplicateUPCs = false;\r\n tmpCustObj.Options.Receiving.PurchaseOrders = false;\r\n tmpCustObj.Options.Shipping.QuickBooksPaymentTerms = \"\";\r\n\r\n /* System section - DOCUMENT SETTINGS */\r\n tmpCustObj.Options.Shipping.NextMasterBolId = \"\";\r\n tmpCustObj.Options.Packaging.Gs1CompanyPrefix = \"\";\r\n tmpCustObj.Options.Shipping.BolNumAsTransNum = false;\r\n tmpCustObj.Options.Packaging.UseVendorIdOnBol = false;\r\n\r\n }\r\n\r\n /* System section - CARRIER ACCOUNT */\r\n delete tmpCustObj.Options.Shipping.UpsAccountNumber;\r\n delete tmpCustObj.Options.Shipping.FedExAccountNumber;\r\n delete tmpCustObj.Options.Shipping.UpsAccountZip;\r\n delete tmpCustObj.Options.Shipping.PrepopulateCarrierInfo;\r\n\r\n /* System section - PER TRANSACTION OPTIONS */\r\n delete tmpCustObj.Options.Storage.AccountingCustomerName;\r\n\r\n if (this.props.sharedSettingsForCloneCustomer.transactionSettings == false) {\r\n /* System section - PER TRANSACTION OPTIONS */\r\n delete tmpCustObj.Options.UserInterface.TransactionConfirmInvoiceCreateDefault;\r\n delete tmpCustObj.Options.Storage.SetInvoiceDateToXactionConfirmDate;\r\n }\r\n\r\n /* System section - EDI X12 940-945 & PRE-WIRED CONNECTIONS */\r\n tmpCustObj.Options.Edi = {};\r\n\r\n return tmpCustObj;\r\n }\r\n onCustomerDataset = (param_customerobj) => {\r\n this.setState({\r\n sharedCustomer: Object.assign(\r\n {},\r\n this.state.sharedCustomer,\r\n param_customerobj\r\n ),\r\n showDiscard: true\r\n });\r\n }\r\n onAsnPrecheckOptionsSet = (options_obj) => {\r\n this.setState({\r\n asnPrecheckedOptionsFlag: options_obj,\r\n showDiscard: true\r\n });\r\n }\r\n\r\n onClickExitCustomerForm = () => {\r\n this.props.onExitCustomerForm();\r\n }\r\n calculateAsnPrecheckedOptions = (param_obj) => {\r\n let tmpAsnPrechekOptionsValue = 0;\r\n\r\n if (param_obj.IsClosed) { tmpAsnPrechekOptionsValue += 128; }\r\n\r\n if (param_obj.HasPoNumber) { tmpAsnPrechekOptionsValue += 64; }\r\n\r\n if (param_obj.HasLoadNumber) { tmpAsnPrechekOptionsValue += 32; }\r\n\r\n if (param_obj.HasBillOfLading) { tmpAsnPrechekOptionsValue += 16; }\r\n\r\n if (param_obj.HasCarrier) { tmpAsnPrechekOptionsValue += 8; }\r\n\r\n if (param_obj.HasPackages) { tmpAsnPrechekOptionsValue += 4; }\r\n\r\n if (param_obj.HasVolume) { tmpAsnPrechekOptionsValue += 2; }\r\n\r\n if (param_obj.HasWeight) { tmpAsnPrechekOptionsValue += 1; }\r\n\r\n return tmpAsnPrechekOptionsValue;\r\n }\r\n onClickSaveCustomer = () => {\r\n\r\n this.setState({ saveLoader: true });\r\n let customer = _.cloneDeep(this.state.sharedCustomer);\r\n if (this.state.isAllSelectedFacilityAvailable) {\r\n customer.Facilities = this.prepareFacilityObjOnSave();\r\n } else {\r\n customer.Facilities = this.defaultFacilitiesObjForC2User // reset previous facility object\r\n }\r\n customer.ReadOnly.CreationDate = null;\r\n customer.Options.Shipping.AsnPreCheck.AsnPreCheckOptions = this.calculateAsnPrecheckedOptions(this.state.asnPrecheckedOptionsFlag);\r\n if (customer.Options.Shipping.QuickBooksPaymentTerms == \"None\") {\r\n customer.Options.Shipping.QuickBooksPaymentTerms = \"\";\r\n }\r\n // remove FuelSurcharge property if blank value\r\n if (!customer.Options.Storage.FuelSurcharge) { delete customer.Options.Storage.FuelSurcharge; }\r\n // remove NextMasterBolId property if blank value\r\n if (!customer.Options.Shipping.NextMasterBolId) { delete customer.Options.Shipping.NextMasterBolId; }\r\n // remove Gs1CompanyPrefix property if blank value\r\n if (!customer.Options.Packaging.Gs1CompanyPrefix) { delete customer.Options.Packaging.Gs1CompanyPrefix; }\r\n\r\n //remove extra property - used in specification notification section\r\n delete customer.Options.Alerts.OverrideSentFrom;\r\n delete customer.Options.Alerts.ReplyToAddressValidate;\r\n delete customer.Options.Alerts.ReplyToAddressValidateToolTip;\r\n\r\n if (this.props.sharedCustomerEditUri != '' && this.props.sharedIsCloneCustomer == false) {\r\n\r\n customer['EditUri'] = this.props.sharedCustomerEditUri;\r\n let customerData = {\r\n \"Customer\": customer,\r\n \"EditUri\": this.props.sharedCustomerEditUri,\r\n \"AlertsNull\": this.setFlagsIfChangesOccured('AlertsNull'),\r\n \"StorageNull\": this.setFlagsIfChangesOccured('StorageNull'),\r\n \"EdiNull\": this.setFlagsIfChangesOccured('EdiNull'),\r\n \"ReceivingNull\": this.setFlagsIfChangesOccured('ReceivingNull'),\r\n \"ShippingNull\": this.setFlagsIfChangesOccured('ShippingNull'),\r\n \"PackagingNull\": this.setFlagsIfChangesOccured('PackagingNull'),\r\n \"OtherSystemBehaviorsNull\": this.setFlagsIfChangesOccured('OtherSystemBehaviorsNull'),\r\n \"UserInterfaceNull\": this.setFlagsIfChangesOccured('UserInterfaceNull'),\r\n \"SavedElementsNull\": true,\r\n \"LogoChanged\": false,\r\n };\r\n\r\n customerService.updateExistingCustomer(customerData).then((response) => {\r\n if (typeof response != 'undefined' && response.status == 200) {\r\n GlobalService.notification('success', this.translate('Label_Customer_Update'));\r\n GlobalService.GetCustomersAndFacility();\r\n this.setState({ saveLoader: false });\r\n this.props.reloadGrid('reloadCustomerGrid');\r\n this.onClickExitCustomerForm();\r\n this.updateIncludeShippingData(customerData)\r\n }\r\n\r\n }).finally(() => {\r\n if (this.state.saveLoader) {\r\n this.setState({ saveLoader: false });\r\n }\r\n });\r\n\r\n } else {\r\n delete customer[\"Groups\"]; // wms-9896 delete Groups it's create error when clone customer and save\r\n // pass extra parameter for clone customer\r\n let srcCustId = 0;\r\n let cloneBilling = false;\r\n if (this.props.sharedIsCloneCustomer == true) {\r\n srcCustId = customer.ReadOnly.CustomerId;\r\n cloneBilling = this.props.sharedSettingsForCloneCustomer.transactionSettings;\r\n }\r\n customerService.saveNewCustomer({\r\n customer: customer\r\n }).then((response) => {\r\n GlobalService.notification('success', this.translate('Label_Customer_Create'));\r\n GlobalService.GetCustomersAndFacility();\r\n this.updateIncludeShippingData(response.data)\r\n if (cloneBilling) {\r\n let trgCustId = response.data.Customer.ReadOnly.CustomerId;\r\n this.callCloneCustomerRatesAfterCreateCustomer(srcCustId, trgCustId);\r\n } else {\r\n this.props.reloadGrid('reloadCustomerGrid');\r\n this.onClickExitCustomerForm();\r\n }\r\n\r\n }).finally(() => {\r\n if (this.state.saveLoader && this.props.sharedIsCloneCustomer == false) {\r\n this.setState({ saveLoader: false });\r\n }\r\n });\r\n }\r\n }\r\n updateIncludeShippingData = (customerData) => {\r\n if (this.state.addedFacility.length == 0) {\r\n return\r\n }\r\n let payload = {\r\n \"CustomerID\": customerData.Customer.ReadOnly.CustomerId,\r\n \"FacilityIDs\": this.state.addedFacility\r\n }\r\n customerService.updateSmallParcelIncludeShippingCost(customerData.EditUri, payload).then((response) => {\r\n console.log(\"updateSmallParcelIncludeShippingCost success:\", response)\r\n }).catch((err) => {\r\n console.log(\"updateSmallParcelIncludeShippingCost error:\", err);\r\n })\r\n }\r\n\r\n callCloneCustomerRatesAfterCreateCustomer = (source_customer, target_customer) => {\r\n customerService.cloneRates(source_customer, target_customer)\r\n .then((response) => {\r\n GlobalService.notification('success', this.translate('Label_Customer_Per_Tran_Success'));\r\n this.setState({ saveLoader: false });\r\n this.props.reloadGrid('reloadCustomerGrid');\r\n this.onClickExitCustomerForm();\r\n }).finally(() => {\r\n if (this.state.saveLoader) {\r\n this.setState({ saveLoader: false });\r\n }\r\n });\r\n }\r\n\r\n\r\n prepareFacilityObjOnSave = () => {\r\n let tempFacility = [];\r\n let tempAddedFac = [];\r\n this.state.sharedCustomer.Facilities.forEach((value, index) => {\r\n let getIndex = ObjectWms.FindIndexByProperty(this.state.OptionsFacility, 'id', parseInt(value));\r\n if (getIndex != -1) {\r\n tempFacility.push({\r\n \"Id\": this.state.OptionsFacility[getIndex].id,\r\n \"Name\": this.state.OptionsFacility[getIndex].name\r\n });\r\n let selectedPkgIndex = _.findIndex(\r\n this.defaultFacilitiesObjForC2User,\r\n (fac) => {\r\n return fac.Id == this.state.OptionsFacility[getIndex].id;\r\n },\r\n 0\r\n );\r\n if (selectedPkgIndex == -1) {\r\n tempAddedFac.push(this.state.OptionsFacility[getIndex].id)\r\n }\r\n }\r\n\r\n });\r\n this.setState({\r\n addedFacility: tempAddedFac\r\n })\r\n return tempFacility;\r\n }\r\n\r\n setFlagsIfChangesOccured(flag) {\r\n // The object definitions are pretty far down so just making a little shortcut to not have to type so much\r\n let _c = this.state.customerObjWithFlags.Customer.Options;\r\n let _dm = this.state.sharedCustomer.Options;\r\n\r\n // normally we would just compare objects to see if things had changed from the UI data model fromt he original data model from the GET\r\n // However not everything in the model is being used or is the same so we have to manually look at the pieces this we want\r\n // Little cusetmbersome and not super clean looking but works nonetheless\r\n if (flag == \"AlertsNull\") {\r\n // Currently there are no alerts mapped into the UI so this should always return the value it got from the GET\r\n return this.state.customerObjWithFlags[flag];\r\n }\r\n else if (flag == \"StorageNull\") {\r\n if (_c.Storage.FuelSurcharge !== _dm.Storage.FuelSurcharge ||\r\n _c.Storage.SetInvoiceDateToXactionConfirmDate !== _dm.Storage.SetInvoiceDateToXactionConfirmDate ||\r\n _c.Storage.AccountingCustomerName !== _dm.Storage.AccountingCustomerName) {\r\n return false;\r\n } else {\r\n return this.state.customerObjWithFlags[flag];\r\n }\r\n }\r\n else if (flag == \"EdiNull\") {\r\n // I was having a hard time keeping straight all my conditions so figured it was easier just to make an array and loop through it\r\n let _arr = [\"CustInterchangeId\", \"CustInterchangeIDQual\", \"ThreePLInterchangeID\", \"ThreePLInterchangeIDQual\", \"TradingPartnerID\"];\r\n\r\n for (let x = 0; x < _arr.length; x++) {\r\n if (_c.Edi[_arr[x]] != _dm.Edi[_arr[x]]) {\r\n return false;\r\n }\r\n }\r\n return this.state.customerObjWithFlags[flag];\r\n }\r\n else if (flag == \"ReceivingNull\") {\r\n\r\n let _arr = [\"CreateMultipleMus\", \"ReceiveAgainstAsns\", \"SuggestedPutAwayEnabled\", \"AutoFillTrackBys\"];\r\n\r\n for (let x = 0; x < _arr.length; x++) {\r\n if (_c.Receiving[_arr[x]] != _dm.Receiving[_arr[x]]) {\r\n return false;\r\n }\r\n }\r\n return this.state.customerObjWithFlags[flag];\r\n }\r\n else if (flag == \"ShippingNull\") {\r\n\r\n let _arr = [\"NextMasterBolId\", \"AutoConfirmOrderOnTrackingUpdate\", \"FulfillmentInvoicing\", \"OrderQueue\", \"UPSAccountNumber\", \"UPSAccountZip\", \"FedExAccountNumber\", \"PrepopulateCarrierInfo\", \"PackingListLogoUrl\", \"PackingListFooterUrl\"];\r\n for (let x = 0; x < _arr.length; x++) {\r\n if (_c.Shipping[_arr[x]] != _dm.Shipping[_arr[x]]) {\r\n return false;\r\n }\r\n }\r\n\r\n //todo: what to do with Shipping.AsnPreCheck \"RequireScacForAsn\", \"RequireAttachedDocuments\"\r\n\r\n return this.state.customerObjWithFlags[flag];\r\n }\r\n else if (flag == \"PackagingNull\") {\r\n\r\n let _arr = [\"UseVendorIdOnBol\", \"SpsCloseOnUpdate\"];\r\n for (let x = 0; x < _arr.length; x++) {\r\n if (_c.Packaging[_arr[x]] != _dm.Packaging[_arr[x]]) {\r\n return false;\r\n }\r\n }\r\n return this.state.customerObjWithFlags[flag];\r\n }\r\n else if (flag == \"OtherSystemBehaviorsNull\") {\r\n\r\n let _arr = [\"FlexFields\"];\r\n for (let x = 0; x < _arr.length; x++) {\r\n if (_c.OtherSystemBehaviors[_arr[x]] != _dm.OtherSystemBehaviors[_arr[x]]) {\r\n return false;\r\n }\r\n }\r\n return this.state.customerObjWithFlags[flag];\r\n }\r\n else if (flag == \"UserInterfaceNull\") {\r\n\r\n let _arr = [\"HideLocationsSelectedList\", \"ExcludeLocationsWithZeroInventory\", \"AutoCheckAutoReallocateOnReceive\", \"TransactionConfirmInvoiceCreateDefault\", \"MobileReceiptQuantityOneDefault\", \"ReallocateAtPickTime\", \"BrandingImageId\"];\r\n for (let x = 0; x < _arr.length; x++) {\r\n if (_c.UserInterface[_arr[x]] != _dm.UserInterface[_arr[x]]) {\r\n return false;\r\n }\r\n }\r\n return this.state.customerObjWithFlags[flag];\r\n }\r\n else if (flag == \"SavedElementsNull\") {\r\n // no data models yet so always just return what we originally got\r\n return this.state.customerObjWithFlags[flag];\r\n }\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n {/* */}\r\n \r\n \r\n {this.translate(\"AutoBatch_Rules_Message\")}\r\n
\r\n \r\n {this.state.ruleOptions.map((rule, index) => (\r\n
\r\n \r\n \r\n \r\n
\r\n ))}\r\n \r\n
\r\n \r\n el.isEnabled).length)}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n {rule.showCarrierOptions ? (\r\n {rule.description}
\r\n {rule.subDescription}\r\n\r\n
\r\n );\r\n }\r\n}","\r\nimport React from 'react';\r\n\r\n// component\r\nimport { CustomersGrid } from './customers-grid.component.jsx';\r\nimport { CustomersForm } from './customers-form.component.jsx';\r\n\r\nimport style from './customers.scss';\r\nimport * as customerService from './customers.services.jsx';\r\n\r\nexport class customersHolder extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n reloadGrid: '',\r\n sharedCustomerEditUri: null,\r\n sharedIsCloneCustomer: false,\r\n sharedSettingsForCloneCustomer: { }\r\n };\r\n }\r\n\r\n onCreateCustomer = () => {\r\n this.setState({ sharedCustomerEditUri: '', sharedIsCloneCustomer:false });\r\n }\r\n\r\n onEditCustomer = (param_edituri) => {\r\n\r\n this.setState({ sharedCustomerEditUri: param_edituri,sharedIsCloneCustomer:false });\r\n }\r\n\r\n onCloneCustomer = (param_edituri,param_selected_customer_Settings) => {\r\n this.setState({\r\n sharedCustomerEditUri: param_edituri,\r\n sharedIsCloneCustomer:true,\r\n sharedSettingsForCloneCustomer: param_selected_customer_Settings\r\n });\r\n }\r\n\r\n onExitCustomerForm = () => {\r\n this.setState({\r\n sharedCustomerEditUri: null,\r\n reloadGrid: '',\r\n sharedIsCloneCustomer:false\r\n });\r\n }\r\n\r\n reloadGrid = (basecall) => {\r\n this.setState({ reloadGrid: basecall });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n );\r\n\r\n }\r\n}","import React, { Component } from 'react'\r\n\r\n// Components\r\nimport WmsFormGrid from '../components/WmsFormGrid/WmsFormGrid.jsx';\r\n\r\nexport class BarcodeDetailGrid extends Component {\r\n constructor(props) {\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n this.state = {\r\n Selector: \"BarcodeDetails\",\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\n","var axios = require('axios');\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport const getBarcodeInitial = function () {\r\n return axios.all([\r\n GlobalService.GetCustomersAndFacility()\r\n ]).then(axios.spread(function () {\r\n var optionResponse = {\r\n customerList: GlobalService.getCustomerList(false)\r\n };\r\n return optionResponse;\r\n }));\r\n}\r\n\r\nexport const getFindBarcodeDefsPageLoad = function (customerId) {\r\n var custUri = '/customers/' + customerId;\r\n\r\n return axios.post('/WebUI/Customers/BarcodeDefs/FindBarcodeDefsPageLoad', { customerUri: custUri }).then(function (response) {\r\n var returnObj = [];\r\n if (typeof response != \"undefined\" && (response.status == 204 || response.status == 200)) {\r\n returnObj = response.data;\r\n }\r\n return returnObj;\r\n });\r\n}\r\n\r\nexport const DeleteBarcodeDefs = function (uriArray) {\r\n return axios.post('/WebUI/Customers/BarcodeDefs/DeleteBarcodeDefs', { barcodeDefUrIs: uriArray }).then(function (response) {\r\n return response.data;\r\n });\r\n}\r\nexport const createBarcodeDefsPageLoad = function (customerId) {\r\n var custUri = '/customers/' + customerId;\r\n\r\n return axios.post('/WebUI/Customers/BarcodeDefs/CreateBarcodeDefsPageLoad', { customerUri: custUri }).then(function (response) {\r\n var returnObj = [];\r\n if (typeof response != \"undefined\" && (response.status == 204 || response.status == 200)) {\r\n returnObj = response.data;\r\n }\r\n return returnObj;\r\n });\r\n}\r\n\r\nexport const saveBarcodeDef = function (custUri, def) {\r\n\r\n return axios.post('/WebUI/Customers/BarcodeDefs/SaveBarcodeDef', { custUri: custUri, def: def }).then(function (response) {\r\n var returnObj = [];\r\n if (typeof response != \"undefined\" && (response.status == 204 || response.status == 200)) {\r\n returnObj = response.data;\r\n }\r\n return returnObj;\r\n });\r\n}","import React, { Component } from 'react';\r\n\r\n// Components\r\nimport WmsButton from '../components/WmsButton/WmsButton.jsx';\r\nimport WmsContainer from '../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsCollapse from '../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsDropdown from '../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsGrid from '../components/WmsGrid/WmsGrid.jsx';\r\nimport { BarcodeDetailGrid } from './barcode-details-grid.component.jsx';\r\n\r\n// Services\r\nimport * as barcodeServices from './barcode.services.jsx';\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport class BarcodeGrid extends Component {\r\n constructor(props) {\r\n super(props)\r\n \r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n Selector: 'Barcode',\r\n CustomLabels: GlobalService.getCustomLabels(),\r\n searchInfo: {\r\n Name: '',\r\n Group: '',\r\n Length: ''\r\n },\r\n selectedSearchInfo: {\r\n Name: '',\r\n Group: '',\r\n Length: ''\r\n },\r\n searchOn: false,\r\n gridExpanded: false,\r\n numberOfSelectedRows: 0,\r\n gifDeleteBarcode: false,\r\n }\r\n }\r\n\r\n componentWillReceiveProps = (nextProps) => {\r\n if ( this.props.selectedCustomer.id != nextProps.selectedCustomer.id) {\r\n this.setState({\r\n selectedSearchInfo: {\r\n Name: '',\r\n Group: '',\r\n Length: ''\r\n },\r\n })\r\n }\r\n }\r\n\r\n\r\n gridSearch = () => {\r\n\r\n var grid = $('#GridFindBarcodeDefs').data('kendoGrid');\r\n var dataSource = grid.dataSource;\r\n var filterArray = [];\r\n\r\n this.setState({ searchOn: true });\r\n\r\n if (typeof this.state.searchInfo.Group !== 'undefined' && this.state.searchInfo.Group !== '') {\r\n filterArray.push({\r\n field: \"Group\",\r\n operator: \"eq\",\r\n value: this.state.searchInfo.Group\r\n });\r\n }\r\n if (typeof this.state.searchInfo.Length !== 'undefined' && this.state.searchInfo.Length !== '') {\r\n filterArray.push({\r\n field: \"TotalLength\",\r\n operator: \"eq\",\r\n value: this.state.searchInfo.Length\r\n });\r\n }\r\n if (typeof this.state.searchInfo.Name !== 'undefined' && this.state.searchInfo.Name !== '') {\r\n filterArray.push({\r\n field: \"Name\",\r\n operator: \"eq\",\r\n value: this.state.searchInfo.Name\r\n });\r\n }\r\n\r\n if (filterArray.length > 0) {\r\n dataSource.filter(filterArray);\r\n } else {\r\n this.clearFilters();\r\n }\r\n }\r\n\r\n clearFilters = () => {\r\n this.setState({\r\n searchOn: false,\r\n gridExpanded: false,\r\n selectedSearchInfo: {\r\n Name: '',\r\n Group: '',\r\n Length: ''\r\n },\r\n searchInfo: {\r\n Name: '',\r\n Group: '',\r\n Length: ''\r\n },\r\n });\r\n\r\n var grid = $('#GridFindBarcodeDefs').data('kendoGrid');\r\n var dataSource = grid.dataSource;\r\n dataSource.filter([]);\r\n }\r\n\r\n toggleExpandCollapse = (event) => {\r\n var grid = $('.' + this.props.windowId + ' #GridFindBarcodeDefs').data('kendoGrid');\r\n\r\n if (this.state.gridExpanded === false) {\r\n grid.expandRow(grid.tbody.find(\"tr.k-master-row\"));\r\n this.setState({\r\n gridExpanded: true,\r\n });\r\n } else {\r\n grid.collapseRow(grid.tbody.find(\"tr.k-master-row\"));\r\n this.setState({\r\n gridExpanded: false,\r\n });\r\n }\r\n grid.resize(true);\r\n }\r\n\r\n deleteBarcode = (event) => {\r\n var barcodeGrid = $('.' + this.props.windowId + ' #GridFindBarcodeDefs').data('kendoGrid');\r\n var listuris = [];\r\n var rows = barcodeGrid.select();\r\n\r\n this.setState({\r\n gifDeleteBarcode: true,\r\n });\r\n\r\n rows.each(function (index, row) {\r\n var selectedItem = barcodeGrid.dataItem(row);\r\n listuris.push(selectedItem.BarcodeUri);\r\n // selectedItem has EntityVersionId and the rest of your model\r\n });\r\n\r\n barcodeServices.DeleteBarcodeDefs(listuris).then((response) => {\r\n barcodeGrid.select().each(function () {\r\n barcodeGrid.removeRow($(this));\r\n });\r\n\r\n this.props.indexOptionsCustomerChange();\r\n }).finally(() => {\r\n this.setState({\r\n gifDeleteBarcode: false,\r\n numberOfSelectedRows: 0,\r\n });\r\n });\r\n }\r\n\r\n onSelectRow = () => {\r\n var barcodeGrid = $('.' + this.props.windowId + ' #GridFindBarcodeDefs').data('kendoGrid');\r\n var rows = barcodeGrid.select();\r\n this.setState({\r\n numberOfSelectedRows: rows.length,\r\n });\r\n }\r\n\r\n updateFilter = (event, key) => {\r\n var index = event.target.value;\r\n var value = '';\r\n\r\n if (typeof index != 'undefined' && index != null && index != '') {\r\n if (key === 'Name') {\r\n value = this.props.sharedOptions.Names[index];\r\n } else if (key === 'Group') {\r\n value = this.props.sharedOptions.Groups[index];\r\n } else if (key === 'Length') {\r\n value = this.props.sharedOptions.Lengths[index];\r\n }\r\n }\r\n\r\n this.setState({\r\n selectedSearchInfo: Object.assign(\r\n this.state.selectedSearchInfo,\r\n {\r\n [key]: index\r\n }\r\n ),\r\n searchInfo: Object.assign(\r\n this.state.searchInfo,\r\n {\r\n [key]: value\r\n }\r\n ),\r\n });\r\n }\r\n\r\n clickEventOfContextMenu = (obj) => {\r\n if (obj.wmsid == 'delete') {\r\n this.deleteBarcode();\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react'\r\n\r\n// Components\r\nimport WmsButton from '../components/WmsButton/WmsButton.jsx';\r\nimport WmsCollapse from '../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsContainer from '../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsInput from '../components/WmsInput/WmsInput.jsx';\r\nimport WmsComboBox from '../components/WmsComboBox/WmsComboBox.jsx';\r\nimport WmsFormGrid from '../components/WmsFormGrid/WmsFormGrid.jsx';\r\n\r\n// Services\r\nimport * as barcodeServices from './barcode.services.jsx';\r\nimport WmsDropdownList from '../components/WmsDropdownList/WmsDropdownList.jsx';\r\n\r\nimport { ObjectWms } from '../../../assets/ts/ObjectWms.ts';\r\n\r\nexport class BarcodeForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n \r\n this.translate = window.translate\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n Selector: \"Barcode\",\r\n savingGif: false,\r\n PositionUsed: false,\r\n ListBarCodeCharUsedPositions: [],\r\n OptionsBarcodeElements: [],\r\n OptionsBarcodeGroup: [],\r\n barcodeElement: {\r\n Name: '',\r\n Start: '',\r\n Length: '',\r\n },\r\n barcodeData: {\r\n Name: '',\r\n Group: '',\r\n TotalLength: 0,\r\n BarcodeElements: []\r\n },\r\n barcodeTotalLength: 0,\r\n BoolTotalCharOk: true,\r\n }\r\n }\r\n\r\n componentDidMount = () => {\r\n this.createBarcodeDefsPageLoad(this.props.selectedCustomer);\r\n }\r\n\r\n componentWillReceiveProps = (nextProps) => {\r\n if (this.props.selectedCustomer.id !== nextProps.selectedCustomer.id) {\r\n this.createBarcodeDefsPageLoad(nextProps.selectedCustomer);\r\n }\r\n }\r\n\r\n createBarcodeDefsPageLoad = (seleCustomer) => {\r\n\r\n var custId = seleCustomer.id\r\n kendo.ui.progress($('.barcode-form'), true);\r\n\r\n barcodeServices.createBarcodeDefsPageLoad(custId).then((response) => {\r\n var barcodeGroups = [];\r\n response.Groups.forEach(value => {\r\n if (typeof value != 'undefined' && value != null) {\r\n barcodeGroups.push({\r\n key: value,\r\n value: value,\r\n })\r\n }\r\n });\r\n\r\n this.resetBarcodeDetails();\r\n\r\n this.setState({\r\n OptionsBarcodeElements: response.Elements,\r\n OptionsBarcodeGroup: barcodeGroups,\r\n });\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('.barcode-form'), false);\r\n });\r\n }\r\n\r\n updateBarcodeData = (e) => {\r\n this.setState({\r\n barcodeData: Object.assign(\r\n this.state.barcodeData,\r\n {\r\n [e.target.name]: e.target.value\r\n }\r\n )\r\n });\r\n }\r\n\r\n updateBarcodeElement = (event, key) => {\r\n var value = event.target.value;\r\n var elmObj = {\r\n [key]: value,\r\n }\r\n\r\n var positionUsed = false;\r\n var dict = {};\r\n var proposedSlots = [];\r\n var barCodeCharUsedPositionsList = Object.assign([],this.state.ListBarCodeCharUsedPositions);\r\n\r\n if (key === \"Name\") {\r\n elmObj = {\r\n [key]: value.Name,\r\n IsSavedElement: value.IsSavedElement\r\n }\r\n } else {\r\n barCodeCharUsedPositionsList.forEach((pos, key) => {\r\n dict[pos] = true;\r\n });\r\n\r\n if (key === \"Start\") {\r\n if (this.state.barcodeElement.Length) {\r\n // lets get a list of all the proposed slots they are using\r\n for (var y = 0; y < parseInt(this.state.barcodeElement.Length); y++) {\r\n proposedSlots.push(parseInt(value) + y);\r\n }\r\n } else {\r\n proposedSlots.push(parseInt(value));\r\n }\r\n } else if (key === \"Length\") {\r\n if (this.state.barcodeElement.Start) {\r\n // lets get a list of all the proposed slots they are using\r\n for (var y = 0; y < parseInt(value); y++) {\r\n proposedSlots.push(parseInt(this.state.barcodeElement.Start) + y);\r\n }\r\n }\r\n }\r\n\r\n // lets loop through our proposed slots and make sure non of them are on our dictionary, if they are that slot is already in use\r\n for (var z = 0; z < proposedSlots.length; z++) {\r\n if (dict.hasOwnProperty(proposedSlots[z])) {\r\n positionUsed = true;\r\n break;\r\n }\r\n }\r\n }\r\n\r\n this.setState({\r\n barcodeElement: Object.assign(\r\n this.state.barcodeElement,\r\n elmObj,\r\n ),\r\n PositionUsed: positionUsed,\r\n });\r\n }\r\n\r\n addBarcodeElement = (event) => {\r\n var elementLists = Object.assign([],this.state.barcodeData.BarcodeElements);\r\n var elements = Object.assign({},this.state.barcodeElement);\r\n elementLists.push(elements);\r\n\r\n this.setState({\r\n barcodeElement: Object.assign(\r\n this.state.barcodeElement,\r\n {\r\n Start: '',\r\n Length: '',\r\n }\r\n ),\r\n barcodeData: Object.assign(\r\n this.state.barcodeData,\r\n {\r\n BarcodeElements: elementLists\r\n }\r\n )\r\n }, this.barcodeCharCalculation);\r\n\r\n\r\n }\r\n\r\n barcodeCharCalculation = () => {\r\n var temp = [];\r\n var barcodeElements = Object.assign([],this.state.barcodeData.BarcodeElements);\r\n var highestStart = 0;\r\n var lengthOnHighestStart = 0;\r\n var BoolTotalCharOk = false;\r\n var barcodeTotalLength = this.state.barcodeTotalLength;\r\n\r\n barcodeElements.forEach((element, key) => {\r\n for (var x = 0; x < element.Length; x++) {\r\n temp.push(parseInt(element.Start) + parseInt(x));\r\n }\r\n\r\n if (parseInt(element.Start) > parseInt(highestStart)) {\r\n highestStart = parseInt(element.Start);\r\n lengthOnHighestStart = parseInt(element.Length);\r\n }\r\n });\r\n temp.sort(function (a, b) { //Array now becomes [7, 8, 25, 41]\r\n return a - b;\r\n });\r\n\r\n if ((parseInt(highestStart) + parseInt(lengthOnHighestStart)) > parseInt(barcodeTotalLength)) {\r\n barcodeTotalLength = (parseInt(highestStart) + parseInt(lengthOnHighestStart) - 1);\r\n\r\n var gridData = $(\"#GridFindBarcodeDefs\").data().kendoGrid.dataSource.view();\r\n var exists = ObjectWms.FindIndexByProperty(gridData, \"TotalLength\", parseInt(barcodeTotalLength));\r\n if (exists == -1) {\r\n BoolTotalCharOk = true;\r\n }\r\n }\r\n\r\n this.setState({\r\n BoolTotalCharOk: BoolTotalCharOk,\r\n barcodeTotalLength: barcodeTotalLength,\r\n ListBarCodeCharUsedPositions: temp,\r\n });\r\n }\r\n\r\n resetBarcodeDetails = () => {\r\n this.setState({\r\n barcodeElement: {\r\n Name: '',\r\n Start: '',\r\n Length: '',\r\n },\r\n barcodeData: {\r\n Name: '',\r\n Group: '',\r\n TotalLength: 0,\r\n BarcodeElements: []\r\n },\r\n barcodeTotalLength: 0,\r\n ListBarCodeCharUsedPositions: [],\r\n PositionUsed: false,\r\n BoolTotalCharOk: true\r\n }, () => {\r\n $(\"#barcodeElement\").data(\"kendoDropDownList\").refresh();\r\n });\r\n }\r\n\r\n eventChangeTotalLength = (event) => {\r\n var totalLength = event.target.value;\r\n var boolTotalCharOk = true;\r\n if (Math.max.apply(null, Object.assign([],this.state.ListBarCodeCharUsedPositions)) > parseInt(totalLength)) {\r\n boolTotalCharOk = false;\r\n }\r\n\r\n var gridData = $(\"#GridFindBarcodeDefs\").data().kendoGrid.dataSource.view();\r\n var exists = ObjectWms.FindIndexByProperty(gridData, \"TotalLength\", parseInt(totalLength));\r\n if (exists == -1) {\r\n boolTotalCharOk = true;\r\n } else {\r\n boolTotalCharOk = false;\r\n }\r\n\r\n this.setState({\r\n barcodeTotalLength: totalLength,\r\n BoolTotalCharOk: boolTotalCharOk,\r\n });\r\n }\r\n\r\n saveBarcode = () => {\r\n\r\n var barcodeData = Object.assign({},this.state.barcodeData);\r\n barcodeData.TotalLength = this.state.barcodeTotalLength;\r\n this.setState({ savingGif: true });\r\n\r\n barcodeServices.saveBarcodeDef(this.props.selectedCustomer.uri, barcodeData).then((response) => {\r\n this.setState({ savingGif: false });\r\n this.props.barcodeAdded();\r\n this.props.onOpenCreateBarcode(false);\r\n }).finally(() => { \r\n this.setState({ savingGif: false });\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n this.updateFilter(e, 'Name')}\r\n options={this.props.sharedOptions.Names}\r\n applyIndex={true}\r\n blankFirstOption={true}\r\n blankFirstOptionText={this.translate('Label_Select_Option')}\r\n />\r\n this.updateFilter(e, 'Group')}\r\n options={this.props.sharedOptions.Groups}\r\n applyIndex={true}\r\n blankFirstOption={true}\r\n blankFirstOptionText={this.translate('Label_Select_Option')}\r\n />\r\n this.updateFilter(e, 'Length')}\r\n options={this.props.sharedOptions.Lengths}\r\n applyIndex={true}\r\n blankFirstOption={true}\r\n blankFirstOptionText={this.translate('Label_Select_Option')}\r\n />\r\n \r\n\r\n
\r\n \r\n\r\n null}\r\n clickEventOfContextMenu={this.clickEventOfContextMenu}\r\n menu={\r\n [{\r\n \"name\": (this.state.gridExpanded) ? this.translate('Label_Barcode_CollapseRows') : this.translate('Label_Barcode_ExpandRows'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"icon\": (this.state.gridExpanded) ? 'fa-minus' : 'fa-plus',\r\n \"color\": \"green\",\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'expandCollapse',\r\n 'wmsSelector': this.state.Selector + \"ExpandCollapse\",\r\n 'clickFunc': this.toggleExpandCollapse,\r\n },\r\n {\r\n \"name\": this.translate('Label_Create'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"icon\": \"fa-plus\",\r\n \"color\": \"green\",\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'create',\r\n 'wmsSelector': this.state.Selector + \"CreateButton\",\r\n 'clickFunc': (e) => this.props.onOpenCreateBarcode(true),\r\n },\r\n {\r\n \"name\": this.translate('Label_Delete'),\r\n \"value\": [],\r\n \"disabled\": (this.state.numberOfSelectedRows == 0) || this.state.gifDeleteBarcode,\r\n \"icon\": \"fa-trash\",\r\n \"color\": \"red\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'delete',\r\n 'wmsSelector': this.state.Selector + \"DeleteButton\",\r\n 'clickFunc': this.deleteBarcode,\r\n 'loading': this.state.gifDeleteBarcode,\r\n },\r\n {\r\n \"name\": \"Copy\",\r\n \"value\": [{\r\n \"name\": this.translate('Label_Copy_Field'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": this.translate('Label_Copy_Field'),\r\n \"icon\": \"fa-bandcamp\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n 'wmsid': 'copyField'\r\n }, {\r\n \"name\": this.translate('Label_Copy_Row'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": this.translate('Label_Copy_Row'),\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n 'wmsid': 'copyRow'\r\n }],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false\r\n }]\r\n }\r\n />\r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react'\r\n\r\n// Components\r\nimport { BarcodeGrid } from \"./barcode-grid.component.jsx\";\r\nimport { BarcodeForm } from './barcode-form.component.jsx';\r\nimport WmsDropdown from '../components/WmsDropdown/WmsDropdown.jsx';\r\n\r\n// Styles\r\nimport style from './barcode.scss';\r\n\r\n// Services\r\nimport * as barcodeServices from './barcode.services.jsx';\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport class BarcodeHolder extends Component {\r\n constructor(props) {\r\n super(props)\r\n \r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n Selector: 'Barcode',\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n customerOption: [],\r\n selectedCustomerIndex: \"\",\r\n sharedCurrentCustomerObj: \"\",\r\n openCreateBarcode: false,\r\n sharedOptions:{\r\n Names:[],\r\n Lengths: [],\r\n Groups: [],\r\n BarcodeDefs:[]\r\n },\r\n SearchFilters: {\r\n BarcodeGroup: null,\r\n BarcodeLength: null,\r\n BarcodeName: null,\r\n }\r\n }\r\n }\r\n\r\n componentDidMount = () => {\r\n kendo.ui.progress($('#' + this.state.windowId), true);\r\n\r\n barcodeServices.getBarcodeInitial().then((response) => {\r\n this.setState({\r\n customerOption: response.customerList\r\n });\r\n }).finally(() => {\r\n kendo.ui.progress($('#' + this.state.windowId), false);\r\n });\r\n }\r\n\r\n\r\n handleCustomerSelectChange = (event) => {\r\n var custId = event.target.value;\r\n\r\n if (custId != '') {\r\n\r\n var showInitialLoaderOn = (this.state.selectedCustomerIndex) ? '#GridFindBarcodeDefs' : '.barcode-main-content' ;\r\n kendo.ui.progress($(showInitialLoaderOn), true);\r\n\r\n\r\n barcodeServices.getFindBarcodeDefsPageLoad(custId).then((response) => {\r\n var customerObj = this.getCustomerById(custId);\r\n response.Names = response.Names.filter(val => val);\r\n response.Lengths = response.Lengths.filter(val => val);\r\n response.Groups = response.Groups.filter(val => val);\r\n\r\n this.setState({\r\n sharedCurrentCustomerObj: customerObj,\r\n selectedCustomerIndex: custId,\r\n sharedOptions: response,\r\n SearchFilters: {\r\n BarcodeGroup: null,\r\n BarcodeLength: null,\r\n BarcodeName: null,\r\n }\r\n });\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($(showInitialLoaderOn), false);\r\n });\r\n }\r\n }\r\n\r\n getCustomerById(id) {\r\n return this.state.customerOption.find((element) => {\r\n if (element.id == id) {\r\n return element;\r\n }\r\n });\r\n }\r\n\r\n IndexOptionsCustomerChange = () => {\r\n var event = {\r\n target: {\r\n value: this.state.selectedCustomerIndex,\r\n }\r\n }\r\n this.handleCustomerSelectChange(event);\r\n }\r\n\r\n onOpenCreateBarcode = (flag) => {\r\n this.setState({\r\n openCreateBarcode: flag,\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n this.props.onOpenCreateBarcode(false)}\r\n icon=\"fa-sign-out-alt\"\r\n buttonType=\"yellow\"\r\n />\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n this.updateBarcodeElement(e, 'Name')}\r\n textField=\"Name\"\r\n valueField=\"Name\"\r\n isVirtualOptions={false}\r\n staticOptions={this.state.OptionsBarcodeElements}\r\n />\r\n\r\n this.updateBarcodeElement(e, 'Start')}\r\n label={this.translate('Label_Start')}\r\n regularExp={/^[1-9][0-9]*$/} />\r\n\r\n this.updateBarcodeElement(e, 'Length')}\r\n label={this.translate('Label_Length')}\r\n regularExp={/^[1-9][0-9]*$/} />\r\n
\r\n\r\n\r\n \r\n {this.translate('Label_Position_Already_inUse')}\r\n
\r\n )}\r\n\r\n {this.state.ListBarCodeCharUsedPositions.length == 0 && (\r\n \r\n {this.translate('Label_Barcode_Definitions')}\r\n
\r\n )}\r\n\r\n {this.state.ListBarCodeCharUsedPositions.length > 0 && (\r\n \r\n {this.translate('Label_Positions_Specified')}:\r\n [{this.state.ListBarCodeCharUsedPositions.join(',')}]\r\n
\r\n )}\r\n\r\n \r\n {this.state.BoolTotalCharOk == false && (\r\n
\r\n\r\n \r\n \r\n {this.translate('Label_Length_already_used')}
\r\n )}\r\n\r\n \r\n
\r\n )\r\n }\r\n}\r\n","\r\nimport React from 'react';\r\n\r\n// component\r\nimport WmsButton from './../../components/WmsButton/WmsButton.jsx';\r\nimport WmsContainer from './../../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsCheckBox from './../../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsDropdown from './../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsRadio from './../../components/WmsRadio/WmsRadio.tsx';\r\nimport WmsInput from './../../components/WmsInput/WmsInput.jsx';\r\nimport WmsFormGrid from './../../components/WmsFormGrid/WmsFormGrid.jsx';\r\n\r\n\r\n//services\r\nimport * as GlobalService from './../../global_services';\r\n\r\nimport style from './smart-parcel-settings-holder.scss';\r\n\r\nexport class SmartParcelSettingsForm extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n\r\n this.translate = window.translate\r\n let countries = [...GlobalService.GetCountries()];\r\n countries.shift();\r\n this.state = {\r\n selector: 'smartParcel',\r\n Rights: GlobalService.GetRights(),\r\n optionsCountry: countries,\r\n optionsDutyBillType: [\r\n { text: \"Not Specified\", value: \"100\" },\r\n { text: \"Bill Sender\", value: \"102\" },\r\n { text: \"Bill Recipient\", value: \"103\" }\r\n ],\r\n optionsDutyAndTaxes: [\r\n { text: \"Duties Unpaid (DUP)\", value: \"101\" },\r\n { text: \"Duties Paid (DDP)\", value: \"102\" }\r\n ],\r\n optionsReference: [\r\n { text: \"Reference Number\", value: \"RefNum\" },\r\n { text: \"PO Number\", value: \"PoNum\" },\r\n { text: \"SKU (qty)\", value: \"Sku(Qty)\" },\r\n { text: \"TransactionID\", value: \"TransId\" },\r\n { text: \"BOL Number\", value: \"BolNum\" },\r\n { text: \"Dept. Number\", value: \"DeptNum\" },\r\n { text: \"UCC128\", value: \"UCC128\" },\r\n { text: \"Carrier Notes\", value: \"CarrierNotes\" },\r\n { text: \"Customer Name\", value: \"CustomerName\" }\r\n ],\r\n optionsUsps3rdParty: [\r\n { text: \"Endicia\", value: \"Endicia\" },\r\n { text: \"Stamps.com\", value: \"Stamps.com\" }\r\n ],\r\n rateShoppingLogics: [\r\n { text: \"Select One...\", value: \"\" },\r\n { text: \"Overnight - Cheapest\", value: \"Overnight\" },\r\n { text: \"2nd Day - Cheapest\", value: \"TwoDay\" },\r\n { text: \"3rd Day - Cheapest\", value: \"ThreeDay\" },\r\n { text: \"Cheapest\", value: \"Cheapest\" },\r\n { text: \"Cheapest - Independent of Delivery Date\", value: \"CheapestDateIndependent\" }\r\n ],\r\n acticveLogic: false,\r\n selectedMappings: [],\r\n gridData: [],\r\n gridColumns: [\r\n {\r\n field: \"Mapping\",\r\n title: \"Mapping\",\r\n },\r\n {\r\n field: \"Logic\",\r\n title: \"Logic\"\r\n }\r\n ],\r\n gridSchema: {\r\n data: [],\r\n schema: {\r\n model: {\r\n fields: {\r\n Mapping: {\r\n type: \"string\"\r\n },\r\n Logic: {\r\n type: \"string\"\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n handleSettingsChange = (event) => {\r\n\r\n let name = event.target.name;\r\n let parentObj = this.props.sharedSettings;\r\n\r\n if (event.target.type == 'checkbox') {\r\n parentObj[name] = !parentObj[name];\r\n } else if (event.target.type == 'radio') {\r\n parentObj.SmallParcelUspsReturnType = event.target.name;\r\n } else {\r\n parentObj[name] = event.target.value;\r\n }\r\n\r\n let settingObj = Object.assign({}, this.props.sharedSettings, parentObj);\r\n this.props.onSettingsDataSet(settingObj);\r\n }\r\n\r\n handleRateShoppingChange = (event) => {\r\n\r\n let arrRateShopping = [];\r\n let parentObj = this.props.sharedSettings;\r\n let carrrierIds = this.props.sharedSettings.SmallParcelRateShoppingCarrierIds;\r\n\r\n if (carrrierIds != '' && carrrierIds != null) {\r\n arrRateShopping = carrrierIds.split(',');\r\n }\r\n\r\n let position = arrRateShopping.indexOf(event.target.name);\r\n\r\n if (position != -1)\r\n arrRateShopping.splice(position, 1);\r\n else\r\n arrRateShopping.push(event.target.name);\r\n\r\n parentObj.SmallParcelRateShoppingCarrierIds = arrRateShopping.join(',');\r\n let settingObj = Object.assign({}, this.props.sharedSettings, parentObj);\r\n this.props.onSettingsDataSet(settingObj);\r\n }\r\n\r\n eventClickAddLogic = () => {\r\n let parentObj = this.props.sharedSettings;\r\n let newMapping = parentObj.AutoRateShoppingMapping;\r\n let newLogic = parentObj.AutoRateShoppingLogic;\r\n\r\n if (newMapping == \"\" || newLogic == \"\") {\r\n return;\r\n }\r\n\r\n let sprsLogics = []\r\n\r\n if (parentObj.SmallParcelRateShoppingLogic) {\r\n sprsLogics = JSON.parse(parentObj.SmallParcelRateShoppingLogic);\r\n }\r\n\r\n for (let i = 0; i < sprsLogics.length; i++) {\r\n if (sprsLogics[i].Mapping.toLowerCase() == newMapping.toLowerCase()) {\r\n alert(\"Mapping names must be unique\");\r\n return;\r\n }\r\n }\r\n\r\n parentObj.AutoRateShoppingMapping = \"\";\r\n parentObj.AutoRateShoppingLogic = \"\";\r\n\r\n sprsLogics.push({ Mapping: newMapping, Logic: newLogic });\r\n\r\n parentObj.SmallParcelRateShoppingLogic = JSON.stringify(sprsLogics);\r\n let settingObj = Object.assign({}, this.props.sharedSettings, parentObj);\r\n this.props.onSettingsDataSet(settingObj);\r\n }\r\n\r\n eventClickRemoveLogic = () => {\r\n let parentObj = this.props.sharedSettings;\r\n let sprsLogics = JSON.parse(parentObj.SmallParcelRateShoppingLogic)\r\n let selectedMappings = this.state.selectedMappings;\r\n\r\n let keepLogics = [];\r\n\r\n for (let i = 0; i < sprsLogics.length; i++) {\r\n let keep = true;\r\n\r\n for (let sel = 0; sel < selectedMappings.length; sel++) {\r\n if (sprsLogics[i].Mapping == selectedMappings[sel]) {\r\n keep = false;\r\n break;\r\n }\r\n }\r\n if (keep)\r\n keepLogics.push(sprsLogics[i]);\r\n }\r\n\r\n parentObj.SmallParcelRateShoppingLogic = JSON.stringify(keepLogics);\r\n\r\n let settingObj = Object.assign({}, this.props.sharedSettings, parentObj);\r\n this.props.onSettingsDataSet(settingObj);\r\n }\r\n\r\n selectLogicGrid = () => {\r\n let grid = $(\"#\" + this.state.selector + 'gridRateShoppingLogic').data(\"kendoGrid\");\r\n let selected = [];\r\n let acticveLogic = false;\r\n $.map(grid.select(), function (item) {\r\n selected.push(grid.dataItem(item).Mapping);\r\n });\r\n\r\n if (selected.length > 0)\r\n acticveLogic = true;\r\n\r\n this.setState({\r\n acticveLogic: acticveLogic,\r\n selectedMappings: selected\r\n });\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n let populate = typeof nextProps.sharedSettings.SmallParcelRateShoppingLogic != 'undefined' &&\r\n nextProps.sharedSettings.SmallParcelRateShoppingLogic != null &&\r\n nextProps.sharedSettings.SmallParcelRateShoppingLogic != '' &&\r\n nextProps.sharedSettings.SmallParcelRateShoppingLogic.length > 0\r\n ? true\r\n : false;\r\n\r\n if (populate) {\r\n this.setState({\r\n gridData: JSON.parse(nextProps.sharedSettings.SmallParcelRateShoppingLogic)\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n const renderSettings = this.props.sharedSettings;\r\n\r\n const renderArrRateShopping =\r\n typeof renderSettings.SmallParcelRateShoppingCarrierIds != 'undefined' &&\r\n renderSettings.SmallParcelRateShoppingCarrierIds != null &&\r\n renderSettings.SmallParcelRateShoppingCarrierIds != '' ?\r\n renderSettings.SmallParcelRateShoppingCarrierIds.split(',') : [];\r\n\r\n\r\n return (\r\n \r\n
\r\n \r\n {this.state.selectedCustomerIndex != \"\" && (\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n {this.state.Rights.hasOwnProperty('Shipping.SmallParcelHighVolumeProcessing') &&\r\n\r\n \r\n\r\n \r\n }\r\n\r\n \r\n\r\n \r\n\r\n {this.state.Rights.hasOwnProperty('Shipping.SmallParcelReturnLabelEnabled') &&\r\n\r\n \r\n \r\n }\r\n\r\n \r\n \r\n\r\n {this.state.Rights.hasOwnProperty('Shipping.SmallParcelRateShoppingEnabled') &&\r\n \r\n \r\n }\r\n\r\n {this.state.Rights.hasOwnProperty('Shipping.SmallParcelRateShoppingEnabled') &&\r\n \r\n \r\n }\r\n
\r\n )\r\n }\r\n}\r\n\r\n","\r\nvar axios = require('axios');\r\nimport * as GlobalService from './../../global_services';\r\n\r\n\r\nexport const getSmartParcelSettingsOptions = function (param_customer_uri) {\r\n return axios.get('/WebUI/Customers/SmartParcelSettings/SmartParcelSettingsOptions?customerUri=' + param_customer_uri).then(function (response) {\r\n return response\r\n });\r\n}\r\n\r\nexport const saveSmartParcelSettings = function (param_settings_data) {\r\n return axios.put('/WebUI/Customers/SmartParcelSettings/SaveSmartParcelSettings',param_settings_data).then(function (response) {\r\n return response\r\n });\r\n}","import React from 'react';\r\nimport WmsInput from './../components/WmsInput/WmsInput.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsRadio from './../components/WmsRadio/WmsRadio.tsx';\r\nimport WmsCollapse from './../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsContainer from './../components/WmsContainer/WmsContainer.jsx';\r\n\r\n\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport class WarehouseFormBasic extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n CustomLabels: GlobalService.getCustomLabels(),\r\n Selector: 'Warehouse',\r\n options: {\r\n OptionsCountry: GlobalService.GetCountries(),\r\n OptionsSatate: [],\r\n stateRequired: true\r\n }\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.setStatesAccordingToCountry(this.props.sharedWarehouse.Country);\r\n }\r\n\r\n componentWillReceiveProps(nextprops) {\r\n if (nextprops.sharedWarehouse) {\r\n if (this.props.sharedWarehouse.Country !== nextprops.sharedWarehouse.Country) {\r\n this.setStatesAccordingToCountry(nextprops.sharedWarehouse.Country);\r\n }\r\n }\r\n }\r\n\r\n setStatesAccordingToCountry = (param_country) => {\r\n var newStateData = GlobalService.GetRegions(param_country);\r\n var stateRequired = false;\r\n if (newStateData.length > 1) { // check length greater than 1 because first options is unspecified\r\n stateRequired = true;\r\n }\r\n this.setState({\r\n options: Object.assign(\r\n {},\r\n this.state.options,\r\n { OptionsSatate: newStateData }\r\n ),\r\n stateRequired: stateRequired\r\n });\r\n }\r\n\r\n handleWBasicFormChanges = (event) => {\r\n if (typeof event.target == 'undefined') {\r\n return false;\r\n }\r\n const name = event.target.name;\r\n const value = event.target.value;\r\n let propFacility = this.props.sharedWarehouse;\r\n if(name == \"Country\") {\r\n propFacility.State = null;\r\n this.props.checkStateRequired(value);\r\n }\r\n let objFacility = Object.assign(\r\n {},\r\n propFacility,\r\n { [name]: name == 'Active' ? !propFacility.Active : value }\r\n )\r\n this.props.onWarehouseDataset(objFacility);\r\n };\r\n\r\n render() {\r\n const renderFacility = this.props.sharedWarehouse;\r\n // console.log(\"warehouse-form-basic : \", this.props);\r\n return (\r\n \r\n
\r\n \r\n\r\n
\r\n\r\n\r\n\r\n \r\n\r\n
\r\n\r\n\r\n \r\n\r\n
\r\n\r\n \r\n\r\n \r\n {this.translate(\"Window_Title_Label_UPS_Endicia_Return_Type\")}\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n\r\n \r\n
\r\n )\r\n }\r\n}","\r\nimport React from 'react';\r\n\r\n//component\r\nimport WmsDropdown from './../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsButton from './../../components/WmsButton/WmsButton.jsx';\r\nimport { SmartParcelSettingsForm } from './smart-parcel-settings-form.jsx';\r\n\r\n//services\r\nimport * as smartParcelServices from './smart-parcel-settings.services.jsx';\r\nimport * as GlobalService from './../../global_services';\r\n\r\nimport style from './smart-parcel-settings-holder.scss';\r\n\r\nexport class SmartParcelSettingsHolder extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n \r\n this.translate = window.translate\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n selector: \"smartParcel\",\r\n saveLoader: false,\r\n customerOption: [],\r\n sharedSettings: {\r\n carrierFedEx: [],\r\n carrierUPS: [],\r\n AutoRateShoppingMapping: '',\r\n AutoRateShoppingLogic: '',\r\n },\r\n showDiscard: false,\r\n selectedCustomerUri: '' \r\n }\r\n }\r\n\r\n componentDidMount() {\r\n kendo.ui.progress($('#smart-parcel-settings-holder'), true);\r\n GlobalService.GetCustomersAndFacility().then(() => {\r\n this.setState({\r\n customerOption: GlobalService.getCustomerList()\r\n });\r\n }).finally(() => { \r\n kendo.ui.progress($('#smart-parcel-settings-holder'), false);\r\n });\r\n }\r\n\r\n handleCustomerChange = (event) => {\r\n\r\n let customerUri = event.target.value;\r\n\r\n this.setState({\r\n selectedCustomerUri: customerUri,\r\n showDiscard: false\r\n });\r\n if (!customerUri || customerUri == '') { return }\r\n\r\n kendo.ui.progress($('#main-content'), true);\r\n smartParcelServices.getSmartParcelSettingsOptions(customerUri).then((response) => {\r\n if (response && response.status == 200) {\r\n\r\n let responseData = response.data;\r\n\r\n // Saperate reference value in different property which have in below format\r\n // \"PieceShipRef:RefNum|PieceShipRef1:TransId|PieceShipRef2:TransId|PieceShipRef3:TransId|PieceShipRef4:TransId\"\r\n\r\n if (responseData.SmallParcelReferences != null && responseData.SmallParcelReferences != \"\") {\r\n let arr = responseData.SmallParcelReferences.split('|');\r\n for (let i = 0; i < arr.length; i++) {\r\n if (arr[i] != \"\") {\r\n const splitKeyWithColon = arr[i].split(':');\r\n responseData[splitKeyWithColon[0]] = splitKeyWithColon[1];\r\n }\r\n }\r\n }\r\n if (responseData.Carrier.length) {\r\n for (let index = 0; index < responseData.Carrier.length; index++) {\r\n const element = responseData.Carrier[index];\r\n if (element.Carrier == \"FedEx\") {\r\n responseData.carrierFedEx = element.ShipmentServices;\r\n } else if (element.Carrier == \"UPS\") {\r\n responseData.carrierUPS = element.ShipmentServices;\r\n }\r\n }\r\n }\r\n this.setState({\r\n sharedSettings: JSON.parse(JSON.stringify(responseData)) \r\n });\r\n }\r\n }).finally(() => {\r\n kendo.ui.progress($('#main-content'), false);\r\n });\r\n\r\n }\r\n\r\n settingsDataSet = (param_setting_obj) => {\r\n this.setState({\r\n sharedSettings: param_setting_obj,\r\n showDiscard: true\r\n });\r\n }\r\n\r\n saveSmartParcelSettings = () => {\r\n\r\n this.setState({ \"saveLoader\": true });\r\n\r\n\r\n let settingsData = JSON.parse(JSON.stringify(this.state.sharedSettings));\r\n\r\n if (settingsData.SmallParcelUsps3rdParty == null || settingsData.SmallParcelUsps3rdParty == \"\") {\r\n\r\n if (settingsData.SmallParcelRateShoppingCarrierIds != null) {\r\n let tempArr = settingsData.SmallParcelRateShoppingCarrierIds.split(',');\r\n let position = tempArr.indexOf('ENDCA');\r\n (position != -1) ? tempArr.splice(position, 1) : '';\r\n settingsData.SmallParcelRateShoppingCarrierIds = tempArr.join(',');\r\n }\r\n }\r\n settingsData.SmallParcelReferences = '';\r\n\r\n // set SmallParcelReferences in below format and remove temp reference property\r\n // \"PieceShipRef:RefNum|PieceShipRef1:TransId|PieceShipRef2:TransId|PieceShipRef3:TransId|PieceShipRef4:TransId\"\r\n\r\n var settingsArray = [];\r\n\r\n if (settingsData.PieceShipRef && settingsData.PieceShipRef != '') {\r\n settingsArray.push('PieceShipRef:' + settingsData.PieceShipRef);\r\n }\r\n\r\n if (settingsData.PieceShipRef1 && settingsData.PieceShipRef1 != '') {\r\n settingsArray.push('PieceShipRef1:' + settingsData.PieceShipRef1);\r\n }\r\n\r\n if (settingsData.PieceShipRef2 && settingsData.PieceShipRef2 != '')\r\n settingsArray.push('PieceShipRef2:' + settingsData.PieceShipRef2);\r\n\r\n if (settingsData.PieceShipRef3 && settingsData.PieceShipRef3 != '')\r\n settingsArray.push('PieceShipRef3:' + settingsData.PieceShipRef3);\r\n\r\n if (settingsData.PieceShipRef4 && settingsData.PieceShipRef4 != '')\r\n settingsArray.push('PieceShipRef4:' + settingsData.PieceShipRef4);\r\n\r\n if (settingsArray.length > 0) {\r\n settingsData.SmallParcelReferences = settingsArray.join('|');\r\n }\r\n\r\n delete settingsData.PieceShipRef;\r\n delete settingsData.PieceShipRef1;\r\n delete settingsData.PieceShipRef2;\r\n delete settingsData.PieceShipRef3;\r\n delete settingsData.PieceShipRef4;\r\n\r\n delete settingsData.carrierFedEx;\r\n delete settingsData.carrierUPS;\r\n\r\n delete settingsData.Carrier;\r\n\r\n let param_settings_data = {\r\n 'custUri': this.state.selectedCustomerUri,\r\n 'spsData': settingsData\r\n }\r\n\r\n smartParcelServices.saveSmartParcelSettings(param_settings_data).then((response) => {\r\n\r\n if (response && response.status == 200) {\r\n GlobalService.notification('success', this.translate('Window_Title_Label_SmartParcel_Data_Success'));\r\n // GlobalService.closeWindow(this.state.windowId);\r\n }\r\n\r\n }).finally(() => {\r\n this.setState({ \"saveLoader\": false,showDiscard:false });\r\n });\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n\r\n
\r\n )\r\n\r\n }\r\n}","import React from 'react';\r\nimport WmsInput from './../components/WmsInput/WmsInput.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsCollapse from './../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsContainer from './../components/WmsContainer/WmsContainer.jsx';\r\n\r\n\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport class WarehouseFormDetails extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n CustomLabels: GlobalService.getCustomLabels(),\r\n Selector: 'Warehouse',\r\n measurementStandardOption : [{\r\n \"name\": \"Imperial\",\r\n \"id\": 0\r\n }, {\r\n \"name\": \"Metric\",\r\n \"id\": 1\r\n }],\r\n locationFieldOption : [{\r\n \"name\": \"1\",\r\n \"value\": 1\r\n }, {\r\n \"name\": \"2\",\r\n \"value\": 2\r\n }, {\r\n \"name\": \"3\",\r\n \"value\": 3\r\n }, {\r\n \"name\": \"4\",\r\n \"value\": 4\r\n }]\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextprops) { }\r\n\r\n handleWDetailFormChanges = (event) => {\r\n if (typeof event.target == 'undefined') {\r\n return false;\r\n }\r\n const name = event.target.name;\r\n const value = event.target.value;\r\n let propFacility = this.props.sharedWarehouse;\r\n let objFacility = Object.assign(\r\n {},\r\n propFacility,\r\n { [name]: name == 'Active' ? !propFacility.Active : value }\r\n )\r\n this.props.onWarehouseDataset(objFacility);\r\n }\r\n\r\n render() {\r\n const renderFacility = this.props.sharedWarehouse;\r\n return (\r\n \r\n\r\n { GlobalService.closeWindow(this.state.windowId); }}\r\n icon={'fa-times-circle'}\r\n buttonType=\"yellow\" />\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n {this.state.selectedCustomerUri != '' &&\r\n
\r\n \r\n \r\n\r\n\r\n \r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\nimport WmsInput from './../components/WmsInput/WmsInput.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsCollapse from './../components/WmsCollapse/WmsCollapse.jsx';\r\n\r\n\r\n\r\nimport * as GlobalService from './../global_services';\r\nimport WmsCheckBox from \"./../components/WmsCheckBox/WmsCheckBox.jsx\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n\r\n\r\nexport class WarehouseFormCustomizations extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n CustomLabels: GlobalService.getCustomLabels(),\r\n Rights: GlobalService.GetRights(),\r\n Selector: 'Warehouse',\r\n PartialAllocationRadioSelectionState: false,\r\n measurementStandardOption: [{\r\n \"name\": \"Imperial\",\r\n \"id\": 0\r\n }, {\r\n \"name\": \"Metric\",\r\n \"id\": 1\r\n }],\r\n locationFieldOption: [{\r\n \"name\": \"1\",\r\n \"value\": 1\r\n }, {\r\n \"name\": \"2\",\r\n \"value\": 2\r\n }, {\r\n \"name\": \"3\",\r\n \"value\": 3\r\n }, {\r\n \"name\": \"4\",\r\n \"value\": 4\r\n }]\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextprops) { }\r\n\r\n handleWCustFormChanges = (event) => {\r\n if (typeof event.target == 'undefined') {\r\n return false;\r\n }\r\n\r\n let propFacility = this.props.sharedWarehouse;\r\n let objFacility = Object.assign({}, propFacility)\r\n\r\n const name = event.target.name;\r\n const value = event.target.value;\r\n\r\n if (event.target.type == 'checkbox') {\r\n objFacility[name] = event.target.checked\r\n } else {\r\n objFacility[name] = value\r\n }\r\n\r\n if (name == 'Replenishment' && objFacility.Replenishment == false) {\r\n objFacility.ReplenishFewestLocations = false\r\n }\r\n\r\n this.props.onWarehouseDataset(objFacility);\r\n }\r\n\r\n\r\n render() {\r\n const renderFacility = this.props.sharedWarehouse;\r\n return (\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\nvar axios = require('axios');\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport const initialFindWarehouses = function(){\r\n // var url = globalsMsg.json_url + globalsMsg.warehouses_get_options;\r\n var url = \"/WebUI/Facilities/ManageFacilities/GetFacilityOptions\";\r\n return axios.post(url).then(function(response){\r\n return response;\r\n });\r\n}\r\n\r\nexport const manageWarehouse = function (warehouseData,flowType) {\r\n var url = (flowType == 'create') ?\r\n '/WebUI/Facilities/ManageFacilities/CreateFacility' :\r\n '/WebUI/Facilities/ManageFacilities/UpdateFacility';\r\n\r\n return axios.post(url,{ facility: warehouseData }).then(function (response){\r\n return response;\r\n });\r\n}\r\n\r\nexport const updateWarehouseActivation = function (editUri,Activate) {\r\n\r\n return axios.post('/WebUI/Facilities/ManageFacilities/SetFacilityStatus',{ \"editUri\": editUri, \"activate\": Activate }).then(function (response){\r\n return response;\r\n });\r\n}","import React from 'react';\r\nimport WmsButton from './../components/WmsButton/WmsButton.jsx';\r\nimport WmsScrollTo from './../components/WmsScrollTo/WmsScrollTo.jsx';\r\nimport { WarehouseFormBasic } from './warehouse-form-basic.component.jsx';\r\nimport { WarehouseFormDetails } from './warehouse-form-details.component.jsx';\r\nimport { WarehouseFormCustomizations } from './warehouse-form-customizations.component.jsx';\r\nimport * as warehouseService from './warehouse.service.jsx';\r\nimport * as GlobalService from './../global_services';\r\nimport WmsConfirmModel from '../components/WmsConfirmModel/WmsConfirmModel.jsx';\r\n\r\nexport class WarehouseForm extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n Selector: 'Warehouse',\r\n CustomLabels: GlobalService.getCustomLabels(),\r\n showDiscard: false,\r\n manageWarehouseLoading: false,\r\n sharedWarehouse: this.props.sharedWarehouse,\r\n isOpenConfirmModel: false,\r\n isLoadingStop: false,\r\n sawCheckBox: true,\r\n conFormModelText: \"\",\r\n confirmModalFor: \"create\",\r\n stateRequired: true\r\n }\r\n\r\n }\r\n\r\n componentDidMount() {\r\n this.checkStateRequired(this.props.sharedWarehouse.Country);\r\n }\r\n\r\n clickOnContinueButton = () => {\r\n if (this.state.confirmModalFor == \"create\") {\r\n this.setState({\r\n isLoadingStop: false\r\n });\r\n this.updateWarehouse();\r\n this.setState({ isOpenConfirmModel: false });\r\n }\r\n }\r\n\r\n onClickSaveWarehouse = () => {\r\n\r\n if (!this.state.sharedWarehouse.EditUri) {\r\n this.setState({\r\n confirmModalFor: \"create\",\r\n conFormModelText: this.translate('Warehouse_Label_Warning_Create'),\r\n sawCheckBox: false,\r\n saveLoader: false,\r\n isOpenConfirmModel: true\r\n });\r\n }\r\n else {\r\n this.updateWarehouse();\r\n }\r\n }\r\n updateWarehouse = () => {\r\n\r\n this.setState({ manageWarehouseLoading: true });\r\n\r\n // remove property add in facility object after object value change\r\n delete this.state.sharedWarehouse._events;\r\n delete this.state.sharedWarehouse._handlers;\r\n delete this.state.sharedWarehouse.uid;\r\n delete this.state.sharedWarehouse.ContactId;\r\n\r\n // let that = this;\r\n let flowType = 'create';\r\n let msgType = 'Label_Warehouses_Create'\r\n if (this.state.sharedWarehouse.EditUri) {\r\n flowType = 'edit';\r\n msgType = 'Label_Warehouses_Update';\r\n }\r\n let msgNotification = this.translate(msgType);\r\n\r\n warehouseService.manageWarehouse(this.state.sharedWarehouse, flowType)\r\n .then((response) => {\r\n this.setState({ manageWarehouseLoading: false });\r\n if (response.status == 200) {\r\n GlobalService.notification('success', msgNotification);\r\n this.props.onReloadGrid('reloadWarehouseGrid');\r\n this.updateGlobalFacilityData();\r\n this.onClickExitWarehouseForm();\r\n }\r\n\r\n }).finally(() => {\r\n this.setState({ manageWarehouseLoading: false });\r\n });\r\n }\r\n\r\n onCloseConfirmModel = () => {\r\n this.setState({ isOpenConfirmModel: false });\r\n }\r\n\r\n onClickExitWarehouseForm = () => {\r\n this.props.onExitWarehouseForm();\r\n }\r\n\r\n updateGlobalFacilityData = () => {\r\n GlobalService.flushApiCache().then((response) => {\r\n GlobalService.GetCustomersAndFacility();\r\n }).finally(() => { });\r\n }\r\n\r\n onWarehouseDataset = (modifiedData) => {\r\n this.setState({\r\n sharedWarehouse: modifiedData,\r\n showDiscard: true\r\n });\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n this.setState({\r\n sharedWarehouse: Object.assign(\r\n {},\r\n nextProps.sharedWarehouse\r\n ),\r\n showDiscard: false\r\n });\r\n this.checkStateRequired(nextProps.sharedWarehouse.Country);\r\n }\r\n\r\n checkStateRequired = (Country) => {\r\n var newStateData = GlobalService.GetRegions(Country);\r\n var stateRequired = false;\r\n if (newStateData.length > 1) { // check length greater than 1 because first options is unspecified\r\n stateRequired = true;\r\n }\r\n this.setState({\r\n stateRequired: stateRequired\r\n });\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n
\r\n )\r\n }\r\n}","\r\nexport const getGridDemoColumns = () => {\r\n\r\n var translate = window.translate;\r\n return ({\r\n\r\n columns: [{\r\n field: \"FacilityId\",\r\n title: \"Warehouse Id\",\r\n width: 120,\r\n wmsid: 1,\r\n filterable: true,\r\n hidden: true\r\n }, {\r\n field: \"Name\",\r\n title: \"Warehouse Name\",\r\n width: 120,\r\n wmsid: 2,\r\n filterable: true,\r\n },\r\n {\r\n field: \"Active\",\r\n title: \"Status\",\r\n width: 120,\r\n wmsid: 3,\r\n filterable: true,\r\n template: \"#= Active == true ? '\" +translate('Label_Active') + \"' : '\" +translate('Label_Inactive') + \"' #\",\r\n },\r\n {\r\n field: \"Code\",\r\n title: \"Warehouse Code\",\r\n width: 120,\r\n wmsid: 4,\r\n filterable: true,\r\n hidden: true\r\n }, {\r\n field: \"UpsAccount\",\r\n title: \"UPS Account Number\",\r\n width: 120,\r\n wmsid: 5,\r\n filterable: true,\r\n hidden: true\r\n }, {\r\n field: \"FedExAccount\",\r\n title: \"Fed-Ex Account Number\",\r\n width: 120,\r\n wmsid: 6,\r\n filterable: true,\r\n hidden: true\r\n },\r\n {\r\n field: \"FuelSurcharge\",\r\n title: \"Fuel Surcharge\",\r\n width: 120,\r\n wmsid: 7,\r\n filterable: true,\r\n hidden: true\r\n },\r\n {\r\n field: \"LocationFieldCount\",\r\n title: \"Number of Fields Per Location\",\r\n width: 120,\r\n wmsid: 8,\r\n filterable: true,\r\n hidden: true\r\n }, {\r\n field: \"MeasurementSystemDefault\",\r\n title: \"Measurement Standard\",\r\n width: 120,\r\n wmsid: 9,\r\n filterable: true,\r\n hidden: true\r\n }, {\r\n field: \"FreightRateLocationCode\",\r\n title: \"External Warehouse Code\",\r\n width: 120,\r\n wmsid: 10,\r\n filterable: true,\r\n hidden: true\r\n }, {\r\n field: \"TimeZoneName\",\r\n title: \"TimeZone\",\r\n width: 120,\r\n wmsid: 11,\r\n filterable: true,\r\n hidden: true\r\n }, {\r\n field: \"ContactId\",\r\n title: \"Contact Id\",\r\n width: 120,\r\n wmsid: 12,\r\n filterable: true,\r\n hidden: true\r\n },\r\n {\r\n field: \"Address1\",\r\n title: \"Address1\",\r\n width: 120,\r\n wmsid: 13,\r\n filterable: true\r\n },\r\n {\r\n field: \"Address2\",\r\n title: \"Address2\",\r\n width: 120,\r\n wmsid: 14,\r\n filterable: true,\r\n hidden: true\r\n },\r\n {\r\n field: \"City\",\r\n title: \"City\",\r\n width: 120,\r\n wmsid: 15,\r\n filterable: true\r\n },\r\n {\r\n field: \"State\",\r\n title: \"State\",\r\n width: 120,\r\n wmsid: 16,\r\n filterable: true\r\n },\r\n {\r\n field: \"Zip\",\r\n title: \"Zip\",\r\n width: 120,\r\n wmsid: 17,\r\n filterable: true,\r\n hidden: true\r\n },\r\n {\r\n field: \"Country\",\r\n title: \"Country\",\r\n width: 120,\r\n wmsid: 18,\r\n filterable: true,\r\n hidden: true\r\n },\r\n {\r\n field: \"PhoneNumber\",\r\n title: \"Phone Number\",\r\n width: 120,\r\n wmsid: 19,\r\n filterable: true,\r\n hidden: true\r\n },\r\n {\r\n field: \"Fax\",\r\n title: \"Fax Number\",\r\n width: 120,\r\n wmsid: 20,\r\n filterable: true,\r\n hidden: true\r\n },\r\n {\r\n field: \"EmailAddress\",\r\n title: \"Email\",\r\n width: 120,\r\n wmsid: 21,\r\n filterable: true,\r\n hidden: true\r\n },\r\n {\r\n field: \"CanDeactivate\",\r\n title: \"Can Deactivate\",\r\n width: 120,\r\n wmsid: 22,\r\n filterable: true,\r\n hidden: true\r\n },\r\n {\r\n field: \"EditUri\",\r\n title: \"EditUri\",\r\n width: 120,\r\n wmsid: 23,\r\n filterable: true,\r\n hidden: true\r\n }]\r\n })\r\n}\r\n\r\n\r\nexport const getGridDemoSchema = () =>{\r\n return({\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n\r\n model: {\r\n id: \"FacilityId\",\r\n fields: {\r\n FacilityId: {\r\n type: \"number\"\r\n },\r\n Name: {\r\n type: \"string\"\r\n },\r\n Active: {\r\n type: \"boolean\"\r\n },\r\n Code: {\r\n type: \"string\"\r\n },\r\n UpsAccount: {\r\n type: \"string\"\r\n },\r\n FedExAccount: {\r\n type: \"string\"\r\n },\r\n FuelSurcharge: {\r\n type: \"number\"\r\n },\r\n LocationFieldCount: {\r\n type: \"number\"\r\n },\r\n MeasurementSystemDefault: {\r\n type: \"number\"\r\n },\r\n FreightRateLocationCode: {\r\n type: \"string\"\r\n },\r\n TimeZoneName: {\r\n type: \"string\"\r\n },\r\n ContactId: {\r\n type: \"number\"\r\n },\r\n Address1: {\r\n type: \"string\"\r\n },\r\n Address2: {\r\n type: \"string\"\r\n },\r\n City: {\r\n type: \"string\"\r\n },\r\n State: {\r\n type: \"string\"\r\n },\r\n Zip: {\r\n type: \"number\"\r\n },\r\n Country: {\r\n type: \"string\"\r\n },\r\n PhoneNumber: {\r\n type: \"string\"\r\n },\r\n Fax: {\r\n type: \"string\"\r\n },\r\n EmailAddress: {\r\n type: \"string\"\r\n },\r\n CanDeactivate: {\r\n type: \"boolean\"\r\n },\r\n EditUri: {\r\n type: \"string\"\r\n }\r\n }\r\n }\r\n }\r\n })\r\n}\r\n\r\nexport const getGridDemoTransport = () =>{\r\n return ({})\r\n}","import React from 'react';\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\nimport { KendoWms } from '../../../assets/ts/KendoWms.ts';\r\nimport { DictionaryWms } from '../../../assets/ts/DictionaryWms.ts';\r\nimport WmsButton from './../components/WmsButton/WmsButton.jsx';\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsCollapse from './../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsInput from './../components/WmsInput/WmsInput.jsx';\r\nimport * as warehouseService from './warehouse.service.jsx';\r\n\r\nimport WmsGrid from './../components/WmsGrid/WmsGrid.jsx';\r\nimport * as GlobalService from './../global_services';\r\nimport * as GridConfig from './grid_configuration.jsx';\r\n\r\nexport class WarehouseGrid extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n columns: GridConfig.getGridDemoColumns().columns,\r\n schema: GridConfig.getGridDemoSchema().schema,\r\n transport: GridConfig.getGridDemoTransport().transport,\r\n rights: GlobalService.GetRights(),\r\n currentLogedUser: GlobalService.GetCurrentUser(),\r\n localKendoGrid: null,\r\n searchOn: false,\r\n enableEditButton: false,\r\n enableActiveButton: false,\r\n enableDeactiveButton: false,\r\n Selector: 'Warehouse',\r\n optionConatins: [],\r\n booleanOption: [],\r\n warehouseGridData: [],\r\n filterObject: [],\r\n warehouseOption: {},\r\n warehouseEditData: null,\r\n deActiveMessage:'',\r\n filter: {\r\n IndexOptionsWarehouse: 0,\r\n Warehouse: \"\",\r\n IndexOptionsIsActive: 0\r\n }\r\n }\r\n\r\n this.gridSearch = GlobalService.debounce(this.gridSearch, 700);\r\n }\r\n\r\n componentDidMount() {\r\n\r\n this.setState({\r\n optionConatins: StringWms.convertSringToOption(this.translate('Orders_FindOrders_SearchFilters')),\r\n booleanOption: StringWms.convertSringToOption(this.translate('Options_Warehouse_StatusOption'))\r\n });\r\n console.log(\"WarehouseGrid componentDidMount reloadGrid reloadWarehouseGrid\");\r\n\r\n let loaderSourceId = 'findWarehouseGrid';\r\n if (!this.state.warehouseGridData.length) {\r\n loaderSourceId = this.props.windowId;\r\n }\r\n kendo.ui.progress($('#' + loaderSourceId), true);\r\n\r\n // this.initialFindWarehouses();\r\n }\r\n\r\n componentWillReceiveProps(nextprops) {\r\n if (nextprops.reloadGrid == 'reloadWarehouseGrid') {\r\n console.log(\"WarehouseGrid componentWillReceiveProps reloadGrid reloadWarehouseGrid\");\r\n this.initialFindWarehouses();\r\n }\r\n }\r\n\r\n //when select any row enable / disable button or context menu\r\n selectRow = (param_kendogrid) => {\r\n\r\n let currentSelections = param_kendogrid.getNumberOfSelections();\r\n let objActive = param_kendogrid.sumKeywordValues(\"Active\");\r\n let objCanDeactivate = param_kendogrid.sumKeywordValues(\"CanDeactivate\");\r\n let enableEditButton = false;\r\n let enableActiveButton = false;\r\n let enableDeactiveButton = false;\r\n let warehouseEditData = null;\r\n let deActiveMessage = this.translate('Label_ManagewWarehouse_DisableDeactiveNote');;\r\n\r\n if (currentSelections === 1) {\r\n enableEditButton = true;\r\n warehouseEditData = param_kendogrid.getItem(param_kendogrid.getKeys());\r\n }\r\n\r\n if (objActive.hasOwnProperty(\"false\") && currentSelections === 1) {\r\n enableActiveButton = true;\r\n deActiveMessage = this.translate('note_warehouse_deactivate');\r\n }\r\n\r\n if (objActive.hasOwnProperty(\"true\") && objCanDeactivate.hasOwnProperty(\"true\") && currentSelections === 1) {\r\n enableDeactiveButton = true;\r\n }\r\n\r\n this.setState({\r\n enableEditButton: enableEditButton,\r\n localKendoGrid: param_kendogrid,\r\n enableActiveButton: enableActiveButton,\r\n enableDeactiveButton: enableDeactiveButton,\r\n warehouseEditData: warehouseEditData,\r\n deActiveMessage:deActiveMessage\r\n });\r\n }\r\n\r\n gridSearch = () => {\r\n let searchOn = false\r\n\r\n let dataArr = new Array();\r\n if (this.state.filter.Warehouse != \"\") {\r\n\r\n dataArr.push({\r\n field: \"Name\",\r\n operator: KendoWms.getFilterOperatorByIndex(this.state.filter.IndexOptionsWarehouse),\r\n value: this.state.filter.Warehouse\r\n });\r\n searchOn = true;\r\n }\r\n\r\n if (this.state.filter.IndexOptionsIsActive && this.state.filter.IndexOptionsIsActive !== 'Both') {\r\n\r\n let activeValue = false;\r\n if (this.state.filter.IndexOptionsIsActive == \"Active\") {\r\n activeValue = true;\r\n }\r\n dataArr.push({\r\n field: \"Active\",\r\n operator: \"eq\",\r\n value: activeValue\r\n });\r\n searchOn = true;\r\n }\r\n\r\n this.setState({\r\n filterObject: dataArr,\r\n searchOn: searchOn\r\n });\r\n\r\n }\r\n\r\n clearFilters = () => {\r\n // set default value of filter form\r\n this.setState({\r\n filter: Object.assign(\r\n {},\r\n this.state.filter,\r\n {\r\n \"IndexOptionsWarehouse\": 0,\r\n \"IndexOptionsIsActive\": 0,\r\n \"Warehouse\": \"\"\r\n }\r\n ),\r\n searchOn: false,\r\n filterObject: []\r\n });\r\n }\r\n\r\n filterHandleChange = (event) => {\r\n this.setState({\r\n filter: Object.assign(\r\n {},\r\n this.state.filter,\r\n { [event.target.name]: event.target.value }\r\n ),\r\n }, () => {\r\n this.gridSearch();\r\n });\r\n }\r\n\r\n clickEventOfContextMenu = (obj) => {\r\n\r\n if (obj.wmsid == 'edit') {\r\n this.onEditWarehouse();\r\n } else if (obj.wmsid == 'activate') {\r\n this.activateDeactivateWarehouse(true);\r\n } else if (obj.wmsid == 'deactivate') {\r\n this.activateDeactivateWarehouse(false);\r\n }\r\n\r\n }\r\n\r\n activateDeactivateWarehouse = (mybool) => {\r\n\r\n let gridSelectedKeys = this.state.localKendoGrid.getKeys();\r\n let currentLogedUserid = this.state.currentLogedUser.UserId.toString();\r\n\r\n\r\n if ((gridSelectedKeys.indexOf(currentLogedUserid)) != -1 && mybool == false) {\r\n GlobalService.notification('error', this.translate('Label_Cannot_Deactivate'));\r\n } else {\r\n let dataItem = this.state.localKendoGrid.getItem(gridSelectedKeys);\r\n warehouseService.updateWarehouseActivation(dataItem['EditUri'], mybool).then((response) => {\r\n\r\n if (typeof response != \"undefined\" && response.status == 200) {\r\n this.initialFindWarehouses();\r\n GlobalService.notification('success', this.translate('Label_Operation_Successful'));\r\n }\r\n\r\n }).finally(() => { });\r\n }\r\n\r\n }\r\n\r\n onLoadWarehouseGrid = () => {\r\n this.initialFindWarehouses();\r\n }\r\n\r\n initialFindWarehouses = () => {\r\n\r\n let loaderSourceId = 'findWarehouseGrid';\r\n if (!this.state.warehouseGridData.length) {\r\n loaderSourceId = this.props.windowId;\r\n }\r\n kendo.ui.progress($('#' + loaderSourceId), true);\r\n\r\n warehouseService.initialFindWarehouses().then((response) => {\r\n\r\n if (typeof response != \"undefined\" && response.status == 200) {\r\n\r\n this.setState({\r\n warehouseGridData: response.data.Facilities,\r\n warehouseOption: response.data.Options,\r\n enableEditButton: false,\r\n enableActiveButton: false,\r\n enableDeactiveButton: false,\r\n });\r\n\r\n this.gridSearch();\r\n this.props.onReceiveWarhouseOptions(response.data.Options);\r\n\r\n }\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#' + loaderSourceId), false);\r\n });\r\n }\r\n\r\n onEditWarehouse = () => {\r\n this.props.onEditWarehouse(this.state.warehouseEditData);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n
- \r\n
- \r\n
\r\n this.onClickExitWarehouseForm()}\r\n icon='fa-sign-out'\r\n buttonType=\"orange\" />\r\n )}\r\n\r\n {this.state.showDiscard == true && (\r\n this.onClickExitWarehouseForm()}\r\n icon='fa-times-circle'\r\n buttonType=\"orange\" />\r\n )}\r\n\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n this.props.onCreateWarehouse()),\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true,\r\n 'isButtonShaw': this.state.rights.hasOwnProperty('warehouse.create'),\r\n 'wmsid': 'create'\r\n },\r\n {\r\n \"name\": \"Edit\",\r\n \"value\": [],\r\n \"disabled\": !this.state.enableEditButton,\r\n \"icon\": \"fa-pencil\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": this.state.Selector + \"EditButton\",\r\n clickFunc: ((e) => this.onEditWarehouse()),\r\n 'wmsid': 'edit'\r\n },\r\n {\r\n \"name\": \"Manage\",\r\n \"wmsSelector\": this.state.Selector + \"Manage\",\r\n \"value\": [{\r\n \"name\": \"Activate\",\r\n \"value\": [],\r\n \"disabled\": !this.state.enableActiveButton,\r\n \"disabledText\": this.translate('note_warehouse_activate'),\r\n \"icon\": \"fa-bandcamp\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'activate',\r\n \"wmsSelector\": this.state.Selector + \"ActivateButton\",\r\n onClickFunc: ((e) => this.activateDeactivateWarehouse(true))\r\n }, {\r\n \"name\": \"Deactivate\",\r\n \"value\": [],\r\n \"disabled\": !this.state.enableDeactiveButton,\r\n \"disabledText\": this.state.deActiveMessage,\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'deactivate',\r\n \"wmsSelector\": this.state.Selector + \"DeactivateButton\",\r\n onClickFunc: ((e) => this.activateDeactivateWarehouse(false))\r\n }],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu':this.state.rights.hasOwnProperty('warehouse.create'),\r\n 'isButtonMenu': this.state.rights.hasOwnProperty('warehouse.create')\r\n }, {\r\n \"name\": '',\r\n \"wmsSelector\": this.props.Selector + 'RefreshGrid',\r\n \"value\": [],\r\n \"clickFunc\": this.initialFindWarehouses,\r\n \"disabled\": false,\r\n \"icon\": \"fa-sync-alt\",\r\n \"color\": \"blue\",\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true,\r\n 'parentClassName':'WarehouseRefreshBtn'\r\n }, {\r\n \"name\": \"Copy\",\r\n \"value\": [{\r\n \"name\": this.translate('Label_Copy_Field'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": this.translate('Label_Copy_Field'),\r\n \"icon\": \"fa-bandcamp\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n 'wmsid': 'copyField',\r\n \"wmsSelector\": \"copyToClicpboard\",\r\n }, {\r\n \"name\": this.translate('Label_Copy_Row'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": this.translate('Label_Copy_Row'),\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n 'wmsid': 'copyRow'\r\n }],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false\r\n }]\r\n }>\r\n \r\n
\r\n )\r\n }\r\n}","\r\nimport React from 'react';\r\nimport { WarehouseForm } from './warehouse-form.component.jsx';\r\nimport { WarehouseGrid } from './warehouse-grid.component.jsx';\r\n\r\nimport style from './warehouse.scss';\r\n\r\nexport class warehouseHolder extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n \r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n counter: 0,\r\n showEditForm: false,\r\n reloadGrid: false,\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n deafaultWarehouseObj: {\r\n Name: '',\r\n Code: '',\r\n Address1: '',\r\n Address2: '',\r\n City: '',\r\n PhoneNumber: '',\r\n Fax: '',\r\n EmailAddress: '',\r\n UpsAccount: '',\r\n FedExAccount: '',\r\n FuelSurcharge: '',\r\n FreightRateLocationCode: '',\r\n Active: true,\r\n Country: 'US',\r\n State: 'California',\r\n Zip: '',\r\n TimeZoneName: '',\r\n LocationFieldCount: 4,\r\n MeasurementSystemDefault: 0,\r\n PreventPartialOrderManualAllocation: false,\r\n UsePredefinedLocations: false\r\n },\r\n shareWarehouseOptions: null,\r\n sharedWarehouse: null\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n // console.log(\"react-warehouse-holder componentDidMount before counter: \"+this.state.counter);\r\n // this.setState((prevState, props) => {\r\n // return {counter: prevState.counter + 1};\r\n // });\r\n // console.log(\"react-warehouse-holder componentDidMount after counter: \"+this.state.counter);\r\n }\r\n\r\n onCreateWarehouse = () => {\r\n this.setState({ sharedWarehouse: this.state.deafaultWarehouseObj });\r\n }\r\n\r\n onEditWarehouse = (param_warehouse) => {\r\n this.setState({ sharedWarehouse: param_warehouse });\r\n }\r\n\r\n onExitWarehouseForm = () => {\r\n this.setState({\r\n reloadGrid: '',\r\n sharedWarehouse: null\r\n });\r\n }\r\n\r\n onReceiveWarhouseOptions = (param_warehouse_options) => {\r\n this.setState({\r\n shareWarehouseOptions: param_warehouse_options\r\n });\r\n }\r\n\r\n onReloadGrid = (basecall) => {\r\n this.setState({ reloadGrid: basecall });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n {!this.state.rights.hasOwnProperty('warehouse.create') &&\r\n \r\n }\r\n\r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n}\r\n","var axios = require('axios');\r\n\r\nexport function getThreePlOptions() {\r\n return axios.get('/WebUI/Shared/GlobalServices/ThreePlOptions').then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport function saveThreePlOptions(paramObj) {\r\n return axios.put('/WebUI/Shared/GlobalServices/ThreePlOptions',paramObj).then(function (response) {\r\n return response;\r\n });\r\n}","import React from \"react\";\r\nimport WmsCollapse from \"../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsCheckBox from \"../components/WmsCheckBox/WmsCheckBox.jsx\";\r\nimport WmsButton from \"../components/WmsButton/WmsButton.jsx\";\r\nimport WmsInput from \"../components/WmsInput/WmsInput.jsx\";\r\nimport WmsDropdown from \"../components/WmsDropdown/WmsDropdown.jsx\";\r\nimport * as GlobalService from \"./../global_services\";\r\nimport * as threeplSettingServices from './threeplSettings_services.jsx';\r\n\r\nimport style from \"./threepl-settings.scss\";\r\n\r\nexport class ThreeplSettingsHolder extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n this.state = {\r\n selector: 'adminThreepl',\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n threeplSettings: {},\r\n hyperLinkForSettings: {\r\n \"Mobile_Scanning\": 'https://3plcentral.com/3pl-warehouse-manager-platform-support-ss-sg1/',\r\n \"SmartParcel\": 'https://3plcentral.com/3pl-warehouse-manager-platform-support-spl-sg3/',\r\n \"EDI\": 'https://3plcentral.com/3pl-warehouse-manager-platform-support-edi-sg5/',\r\n \"SmartPack\": 'https://3plcentral.com/3pl-warehouse-manager-platform-support-spk-sg2/',\r\n \"Manage_Connections\": 'https://3plcentral.com/3pl-warehouse-manager-platform-support-api-sg4/'\r\n },\r\n editableOptions: [],\r\n isDisabledSaveBtn: true,\r\n replyToAddressValidate: true,\r\n replyToAddressValidateToolTip: '',\r\n savingGif: false,\r\n smartParceloptions: [\r\n { name: 'Select one...', value: '' },\r\n { name: 'Abol', value: 'Abol' },\r\n { name: 'ShipEngine', value: 'ShipEngine' },\r\n ],\r\n quickBooksOptions: [\r\n { name: 'Off', value: 0 },\r\n { name: 'Desktop', value: 1 },\r\n { name: 'Online', value: 2 }\r\n ]\r\n };\r\n\r\n }\r\n\r\n componentDidMount() {\r\n kendo.ui.progress($('#' + this.state.windowId), true);\r\n\r\n threeplSettingServices.getThreePlOptions().then((response) => {\r\n var tmpEditableOptions = [];\r\n if (response.data.UserInterface && response.data.UserInterface.EditableOptions) {\r\n tmpEditableOptions = response.data.UserInterface.EditableOptions.split(',');\r\n }\r\n\r\n this.setState({\r\n threeplSettings: response.data,\r\n editableOptions: tmpEditableOptions\r\n });\r\n\r\n $(\".parent-settings-tooltip\").kendoTooltip({\r\n filter: \"label\",\r\n showAfter: 500,\r\n width: 240,\r\n position: \"top\",\r\n animation: {\r\n open: {\r\n effects: \"zoom\",\r\n duration: 150\r\n }\r\n }\r\n }).data(\"kendoTooltip\");\r\n $(\".from-email-address\").kendoTooltip({\r\n showAfter: 800,\r\n width: 240,\r\n position: \"bottom\",\r\n content: (e) => {\r\n return '' + this.translate('Label_Reply_To_Email_Address_Tooltip') + '
';\r\n },\r\n animation: {\r\n open: {\r\n effects: \"zoom\",\r\n duration: 150\r\n }\r\n }\r\n }).data(\"kendoTooltip\");\r\n }).finally(() => {\r\n kendo.ui.progress($('#' + this.state.windowId), false);\r\n });\r\n\r\n }\r\n\r\n handleSettingsChange = (event) => {\r\n\r\n var name = event.target.name;\r\n var parentObj = name.substr(0, name.indexOf('.'));\r\n var property = name.substr(name.indexOf('.') + 1);\r\n\r\n var optionsObj = Object.assign({}, this.state.threeplSettings);\r\n if (name == 'Integrations.QbEnabled') {\r\n if (optionsObj[parentObj][property] == 0) {\r\n optionsObj[parentObj][property] = 1; //set desktop option if Quickbook option previous unchecked\r\n } else {\r\n optionsObj[parentObj][property] = 0; //set Integrations.QbEnabled = 0 value if on Quickbook option is unchecked\r\n }\r\n optionsObj[parentObj][property] = optionsObj[parentObj][property] == 0 ? 0 : optionsObj[parentObj][property];\r\n }\r\n else {\r\n optionsObj[parentObj][property] = !optionsObj[parentObj][property];\r\n\r\n if (name == 'Shipping.SmallParcelShipEngineHighVolumeBatches') {\r\n optionsObj['Shipping']['SmallParcelHighVolumeProcessing'] = optionsObj[parentObj][property];\r\n }\r\n }\r\n\r\n this.setState({ threeplSettings: optionsObj, isDisabledSaveBtn: false });\r\n\r\n }\r\n handleOptionsChange = (event) => {\r\n\r\n var name = event.target.name;\r\n var parentObj = name.substr(0, name.indexOf('.'));\r\n var property = name.substr(name.indexOf('.') + 1);\r\n var replyToAddressValidate = this.state.replyToAddressValidate;\r\n var replyToAddressValidateToolTip = this.state.replyToAddressValidateToolTip;\r\n\r\n var optionsObj = Object.assign({}, this.state.threeplSettings);\r\n optionsObj[parentObj][property] = event.target.value;\r\n\r\n if (property == 'ReplyToAddress') {\r\n var emailRegex = /^(([^<>()[\\]\\\\.,;:\\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 replyToAddressValidate = true;\r\n replyToAddressValidateToolTip = this.translate('Label_Reply_Email_Validation_Note');\r\n\r\n if (optionsObj.Email.ReplyToAddress) {\r\n replyToAddressValidate = emailRegex.test(String(optionsObj[parentObj][property]).toLowerCase());\r\n }\r\n if (replyToAddressValidate && (optionsObj.Email.ReplyToAddress.indexOf(\"3plcentral.com\") !== -1 || optionsObj.Email.ReplyToAddress.indexOf(\"secure-wms.com\") !== -1)) {\r\n replyToAddressValidate = false;\r\n replyToAddressValidateToolTip = this.translate('Label_Reply_Email_Not_Allow');\r\n }\r\n }\r\n\r\n this.setState({\r\n threeplSettings: optionsObj,\r\n isDisabledSaveBtn: false,\r\n replyToAddressValidate: replyToAddressValidate,\r\n replyToAddressValidateToolTip: replyToAddressValidateToolTip\r\n });\r\n\r\n }\r\n\r\n saveTplSettings = () => {\r\n\r\n this.setState({ savingGif: true });\r\n\r\n var optionsObj = _.cloneDeep(this.state.threeplSettings);\r\n delete optionsObj.UserInterface.EditableOptions;\r\n delete optionsObj.OtherUserFeatures.MobileEnabled;\r\n delete optionsObj.Shipping.SmallParcelEnabled;\r\n delete optionsObj.Shipping.WarehousePackEnabled;\r\n\r\n threeplSettingServices.saveThreePlOptions(optionsObj).then((response) => {\r\n GlobalService.notification('success', this.translate('Label_Setting_Update_Success'));\r\n\r\n GlobalService.setTplSettings(response.data)\r\n GlobalService.addRightsBaseOnTplSettings(response.data);\r\n\r\n setTimeout(() => {\r\n var eventItem = new CustomEvent(\"UpdateRightsForMenuList\");\r\n document.dispatchEvent(eventItem);\r\n GlobalService.closeWindow(this.state.windowId);\r\n\r\n }, 100);\r\n\r\n }).finally(() => {\r\n this.setState({ savingGif: false });\r\n });\r\n }\r\n\r\n onClickExitWindow = () => {\r\n GlobalService.closeWindow(this.state.windowId);\r\n }\r\n\r\n render() {\r\n return (\r\n\r\n\r\n \r\n {/* Allocated Stock Move */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Allocated_Stock_Move_Tooltip')}\r\n />\r\n\r\n {/* Attach Files */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Threepl_Settings_Attach_File_Tooltip')}\r\n />\r\n\r\n {/* Attach Files to Customer Notifies */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Attach_Files_to_Customer_Notifies_Tooltip')}\r\n />\r\n {/* Auto Reallocate On Receive */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Auto_Reallocate_On_Receive_Tooltip')}\r\n />\r\n\r\n\r\n {/* Auto Batch*/}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Setting_Auto_Batch_Tooltip')}\r\n />\r\n\r\n {/* Automatic Billing Scripts */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Automatic_Billing_Scripts_Tooltip')}\r\n />\r\n\r\n {/* Bill-To Contacts */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Bill_To_Contacts_Tooltip')}\r\n />\r\n\r\n {/* Close Orders Upon Tracking Update */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_SmartParcel_Service_Close_on_Update_Tooltip')}\r\n />\r\n\r\n {/* Consolidate ASN */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Consolidate_ASN_Tooltip')}\r\n />\r\n\r\n {/* Saved Elements */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_custom_fields_Tooltip')}\r\n />\r\n\r\n {/* Directed Putaway */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Threepl_Settings_Directed_Putaway_Tooltip')}\r\n />\r\n\r\n {/* Track-By's Edit*/}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Track_Bys_Edit_Tooltip')}\r\n />\r\n\r\n {/* Fulfillment Invoicing */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Fulfillment_Invoicing_Tooltip')}\r\n />\r\n {/* HazMat */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_HazMat_Tooltip')}\r\n />\r\n\r\n {/* SKU Alias */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Item_Alias_Tooltip')}\r\n />\r\n\r\n {/* Item Classification */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Item_Classification_Tooltip')}\r\n />\r\n\r\n {/* Item Images */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Item_Images_Tooltip')}\r\n />\r\n\r\n {/* Movable Units */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Movable_Units_Tooltip')}\r\n />\r\n\r\n\r\n {/* Order Queue */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Order_Queue_Tooltip')}\r\n />\r\n\r\n {/* Outbound Mobile Serialization */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Outbound_Serialization_Tooltip')}\r\n />\r\n {/* Overallocated Item Alias Validation */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Overallocated_Item_Alias_Validation_Tooltip')}\r\n />\r\n\r\n\r\n {/* Over allocated check create order (External) */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Over_allocated_check_create_order_External_Tooltip')}\r\n />\r\n {/* Pricing */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Pricing_Tooltip')}\r\n />\r\n\r\n\r\n {/* Printing of Over Allocated Pick Tickets */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Printing_of_Over_Allocated_Pick_Tickets_Tooltip')}\r\n />\r\n\r\n\r\n {/* Purchase Orders */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Purchase_Orders_Tooltip')}\r\n />\r\n\r\n\r\n {/* Semi-Automatic Monthly Billing */}\r\n {/*
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Semi_Automatic_Monthly_Billing_Tooltip')}\r\n /> */}\r\n\r\n\r\n {/* Short Ship */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Short_Ship_Tooltip')}\r\n />\r\n\r\n\r\n {/* Show Handling Charges with Zero Amounts */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Show_Handling_Charges_with_Zero_Amounts_Tooltip')}\r\n />\r\n\r\n\r\n {/* Suggested Put-Away */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Suggested_Put_Away_Tooltip')}\r\n />\r\n\r\n {/* Unconfirm Receivers*/}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Unconfirm_Receivers_Tooltip')}\r\n />\r\n\r\n {/* Zone Billing */}\r\n {/*
' + this.translate('Label_Setting_Disable_Tooltip'):\r\n this.translate('Label_Zone_Billing_Tooltip') }\r\n /> */}\r\n\r\n\r\n {/* QuickBooks */}\r\n\r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n","var axios = require('axios');\r\nimport * as GlobalService from './../global_services';\r\n\r\nexport function saveSettings(data) {\r\n return axios.put('/WebUI/Settings/CustomLabels/CustomLabels', data).then(function (response) {\r\n return response;\r\n })\r\n}","import React from \"react\";\r\nimport * as GlobalService from \"./../global_services\";\r\nimport style from \"./settings.scss\";\r\nimport WmsButton from \"./../components/WmsButton/WmsButton.jsx\";\r\nimport {KendoGridWms} from \"../../../assets/ts/KendoGridWms.ts\";\r\nimport * as commanFunction from \"./settinggrid-columns.jsx\";\r\nimport * as settingServices from './setting_services.jsx';\r\n\r\nvar KendoGridCC,\r\n layoutData,\r\n that;\r\nexport class settingsHolder extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n customLabel: {},\r\n saveSettingGif: false,\r\n disableSaveBtn: true\r\n };\r\n \r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n KendoGridCC = new KendoGridWms(\"settingsGrid\", this.$rootScope.ChildBulletin.Data.Window, \"Name\", \"./assets/json/cyclecount/cycleJobs.json\");\r\n that = this;\r\n }\r\n componentDidMount() {\r\n this.setState({\r\n customLabel: GlobalService.getCustomLabels()\r\n });\r\n\r\n var customLables = GlobalService.getCustomLabels();\r\n console.log(\"settings-holder componentDidMount : \", customLables);\r\n var gridData = [];\r\n for (var key in customLables) {\r\n if (customLables.hasOwnProperty(key)) {\r\n var disKey = key.replace(/_/g, \" \");\r\n disKey = disKey.replace(\"Lbl\", \"\");\r\n disKey = disKey.replace(\"Label\", \"\");\r\n var objLbl = {\r\n Symbol: key,\r\n display_name: disKey,\r\n Value: customLables[key]\r\n }\r\n gridData.push(objLbl);\r\n console.log(\"disKey \" + disKey + \" key : \" + key + \" -> \" + customLables[key]);\r\n }\r\n }\r\n this.loadGrid(gridData);\r\n }\r\n loadGrid(gridData) {\r\n var dataSource = new kendo\r\n .data\r\n .DataSource({\r\n data: gridData,\r\n schema: commanFunction.settingGridSchema()\r\n });\r\n var tempOptionsCycleCountJobsGrid = {\r\n dataSource: dataSource,\r\n columns: commanFunction.settingGridColumns(),\r\n selectable: true,\r\n editable: true,\r\n save: (e) => {\r\n this.setState({ disableSaveBtn: false });\r\n }\r\n };\r\n var copycycleCountJobsGridColumns = {\r\n columns: commanFunction.settingGridColumns()\r\n };\r\n\r\n var finalOptionsObj = KendoGridCC.getGridOptions(copycycleCountJobsGridColumns, tempOptionsCycleCountJobsGrid, '[{}]');\r\n $(\"#settingsGrid\").kendoGrid(finalOptionsObj);\r\n }\r\n saveSettings() {\r\n that.setState({\r\n saveSettingGif: true\r\n });\r\n\r\n /*\r\n var data = $(\"#settingsGrid\")\r\n .data()\r\n .kendoGrid\r\n .dataSource\r\n\r\n .view()\r\n .toJSON();\r\n\r\n */\r\n\r\n var mydata = $(\"#settingsGrid\").data()\r\n .kendoGrid\r\n .dataSource\r\n // lets only send over the fields that have been updated\r\n const myarray = mydata._data.filter( x => x.dirty == true );\r\n // Dirty array contains those elements modified\r\n\r\n /*\r\n data.forEach(element => {\r\n delete element.display_name;\r\n });\r\n */\r\n var userLang = navigator.language || navigator.userLanguage;\r\n var finalResponse = {\r\n \"Locale\": userLang,\r\n \"CustomerId\": null,\r\n \"Symbols\": myarray\r\n }\r\n settingServices\r\n .saveSettings(finalResponse)\r\n .then(function (response) {\r\n console.log(response);\r\n if (typeof response != 'undefined' && (response.status == 204 || response.status == 200)) {\r\n GlobalService.notification('success', that.translate('Label_Take_Effect'));\r\n }\r\n that.setState({\r\n saveSettingGif: false\r\n });\r\n }, function (response) {\r\n GlobalService.notification('error', response);\r\n }).finally(() => {\r\n that.setState({\r\n saveSettingGif: false\r\n });\r\n });\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n ' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Allocated_Stock_Move_Tooltip')}\r\n />\r\n\r\n {/* Attach Files */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Threepl_Settings_Attach_File_Tooltip')}\r\n />\r\n\r\n {/* Attach Files to Customer Notifies */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Attach_Files_to_Customer_Notifies_Tooltip')}\r\n />\r\n {/* Auto Reallocate On Receive */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Auto_Reallocate_On_Receive_Tooltip')}\r\n />\r\n\r\n\r\n {/* Auto Batch*/}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Setting_Auto_Batch_Tooltip')}\r\n />\r\n\r\n {/* Automatic Billing Scripts */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Automatic_Billing_Scripts_Tooltip')}\r\n />\r\n\r\n {/* Bill-To Contacts */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Bill_To_Contacts_Tooltip')}\r\n />\r\n\r\n {/* Close Orders Upon Tracking Update */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_SmartParcel_Service_Close_on_Update_Tooltip')}\r\n />\r\n\r\n {/* Consolidate ASN */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Consolidate_ASN_Tooltip')}\r\n />\r\n\r\n {/* Saved Elements */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_custom_fields_Tooltip')}\r\n />\r\n\r\n {/* Directed Putaway */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Threepl_Settings_Directed_Putaway_Tooltip')}\r\n />\r\n\r\n {/* Track-By's Edit*/}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Track_Bys_Edit_Tooltip')}\r\n />\r\n\r\n {/* Fulfillment Invoicing */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Fulfillment_Invoicing_Tooltip')}\r\n />\r\n {/* HazMat */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_HazMat_Tooltip')}\r\n />\r\n\r\n {/* SKU Alias */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Item_Alias_Tooltip')}\r\n />\r\n\r\n {/* Item Classification */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Item_Classification_Tooltip')}\r\n />\r\n\r\n {/* Item Images */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Item_Images_Tooltip')}\r\n />\r\n\r\n {/* Movable Units */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Movable_Units_Tooltip')}\r\n />\r\n\r\n\r\n {/* Order Queue */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Order_Queue_Tooltip')}\r\n />\r\n\r\n {/* Outbound Mobile Serialization */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Outbound_Serialization_Tooltip')}\r\n />\r\n {/* Overallocated Item Alias Validation */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Overallocated_Item_Alias_Validation_Tooltip')}\r\n />\r\n\r\n\r\n {/* Over allocated check create order (External) */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Over_allocated_check_create_order_External_Tooltip')}\r\n />\r\n {/* Pricing */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Pricing_Tooltip')}\r\n />\r\n\r\n\r\n {/* Printing of Over Allocated Pick Tickets */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Printing_of_Over_Allocated_Pick_Tickets_Tooltip')}\r\n />\r\n\r\n\r\n {/* Purchase Orders */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Purchase_Orders_Tooltip')}\r\n />\r\n\r\n\r\n {/* Semi-Automatic Monthly Billing */}\r\n {/*
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Semi_Automatic_Monthly_Billing_Tooltip')}\r\n /> */}\r\n\r\n\r\n {/* Short Ship */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Short_Ship_Tooltip')}\r\n />\r\n\r\n\r\n {/* Show Handling Charges with Zero Amounts */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Show_Handling_Charges_with_Zero_Amounts_Tooltip')}\r\n />\r\n\r\n\r\n {/* Suggested Put-Away */}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Suggested_Put_Away_Tooltip')}\r\n />\r\n\r\n {/* Unconfirm Receivers*/}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_Unconfirm_Receivers_Tooltip')}\r\n />\r\n\r\n {/* Zone Billing */}\r\n {/*
' + this.translate('Label_Setting_Disable_Tooltip'):\r\n this.translate('Label_Zone_Billing_Tooltip') }\r\n /> */}\r\n\r\n\r\n {/* QuickBooks */}\r\n\r\n
\r\n\r\n 0) && (this.state.editableOptions.indexOf(\"Integrations.QbEnabled\") != -1) ? false : true}\r\n parentClassName={(this.state.threeplSettings.Integrations && this.state.threeplSettings.Integrations.QbEnabled > 0) && (this.state.editableOptions.indexOf(\"Integrations.QbEnabled\")) != -1 ? '' : 'disabled-chk'}\r\n showToolTip={true}\r\n tooltipText={\r\n (this.state.editableOptions.indexOf(\"Integrations.QbEnabled\") == -1) ?\r\n this.translate('Label_QuickBooks_Online_Canadian_Tax_Tooltip') + '
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_QuickBooks_Online_Canadian_Tax_Tooltip')}\r\n />\r\n
\r\n \r\n\r\n \r\n
\r\n\r\n {/* QuickBooks Online Canadian Tax child of QuickBooks*/}\r\n \r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_QuickBooks_Tooltip'))\r\n }>{this.translate('Label_QuickBooks')}\r\n
\r\n ' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_QuickBooks_Tooltip'))\r\n }>{this.translate('Label_QuickBooks')}\r\n
' + this.translate('Label_Setting_Disable_Tooltip') :\r\n this.translate('Label_QuickBooks_Online_Canadian_Tax_Tooltip')}\r\n />\r\n
\r\n {/* EDI */}\r\n
\r\n \r\n \r\n
\r\n \r\n
' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')}\r\n />\r\n
\r\n \r\n {this.translate('Label_Stock_Status_Report')}\r\n
\r\n {(this.state.hyperLinkForSettings['EDI'] && this.state.threeplSettings.Integrations && this.state.threeplSettings.Integrations.EdiEnabled == false) && (\r\n {this.translate('Label_Learn_More')}\r\n )}\r\n\r\n {/* Stock Status Export child of EDI */}\r\n ' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')}\r\n />\r\n
\r\n {/* Can be revert if we founf lern more button should active/visible */}\r\n {/*
' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')}\r\n />\r\n
\r\n \r\n
' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')\r\n }>{this.translate('Label_Manage_Connections')}\r\n
\r\n {(this.state.hyperLinkForSettings['Manage_Connections'] && this.state.threeplSettings.UserInterface && this.state.threeplSettings.UserInterface.ConnectionsEnabled == false) && (\r\n {this.translate('Label_Learn_More')}\r\n )} */}\r\n\r\n {/* Periodic Stock Status Export child of Manage Connection */}\r\n ' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')\r\n }>{this.translate('Label_Manage_Connections')}\r\n
' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')}\r\n />\r\n
\r\n
\r\n \r\n {this.translate('Label_General_Notifications')}\r\n
\r\n {/* Stock Status Export child of EDI */}\r\n \r\n
' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')}\r\n />\r\n {/* Receive Against ASNs */}\r\n
' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')}\r\n />\r\n
\r\n \r\n
' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')\r\n } > {this.translate('Label_Threepl_Settings_Mobile')} \r\n\r\n
\r\n {(this.state.hyperLinkForSettings['Mobile_Scanning'] && this.state.threeplSettings.OtherUserFeatures && this.state.threeplSettings.OtherUserFeatures.MobileEnabled == false) && (\r\n {this.translate('Label_Learn_More')}\r\n )}\r\n\r\n \r\n {/* Reallocation During Pick */}\r\n ' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')\r\n } > {this.translate('Label_Threepl_Settings_Mobile')} \r\n\r\n
' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')}\r\n />\r\n {/* Receive Against ASNs */}\r\n
' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')}\r\n />\r\n
\r\n\r\n {/* SmartParcel */}\r\n
' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')\r\n // }\r\n tooltipText={this.translate('Label_SmartParcel_High_Volume_Batches_Enabled_Tooltip') + '
' + this.translate('Label_Setting_Default_Disable_Tooltip')}\r\n />\r\n {/* `SmartParcel - Return Label Enabled` - child of smartparcel */}\r\n
' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')\r\n }\r\n />\r\n {/* SmartParcel - Rate Shoping Enabled - child of smartparcel */}\r\n
' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')\r\n }\r\n />\r\n
\r\n \r\n
' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')\r\n }>{this.translate('Label_Small_Parcel_Suite')}\r\n\r\n {/*
\r\n {(this.state.hyperLinkForSettings['SmartParcel'] && this.state.threeplSettings.Shipping && this.state.threeplSettings.Shipping.SmallParcelEnabled == false) && (\r\n {this.translate('Label_Learn_More')}\r\n )}\r\n {/* SmartParcel - High Volume Batches Enabled - child of smartparcel */}\r\n ' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')\r\n }>{this.translate('Label_Small_Parcel_Suite')}\r\n\r\n {/*
' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')\r\n // }\r\n tooltipText={this.translate('Label_SmartParcel_High_Volume_Batches_Enabled_Tooltip') + '
' + this.translate('Label_Setting_Default_Disable_Tooltip')}\r\n />\r\n {/* `SmartParcel - Return Label Enabled` - child of smartparcel */}\r\n
' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')\r\n }\r\n />\r\n {/* SmartParcel - Rate Shoping Enabled - child of smartparcel */}\r\n
' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')\r\n }\r\n />\r\n
\r\n {/* Smart Pack */}\r\n {/*
' + this.translate('Label_Setting_Disable_Tooltip'):\r\n this.translate('Label_Threepl_Settings_Smart_Pack_Tooltip') }\r\n /> */}\r\n
' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')}\r\n />\r\n
\r\n\r\n ' + this.translate('Label_Setting_Disable_Tooltip'):\r\n this.translate('Label_Threepl_Settings_Smart_Pack_Tooltip') }\r\n /> */}\r\n
\r\n
' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')\r\n }>{this.translate('Label_Threepl_Settings_Smart_Pack')}\r\n
\r\n {(this.state.hyperLinkForSettings['SmartPack'] && this.state.threeplSettings.Shipping && this.state.threeplSettings.Shipping.WarehousePackEnabled == false) && (\r\n {this.translate('Label_Learn_More')}\r\n )}\r\n\r\n {/* SSmart Pack Scale - child of smart Pack */}\r\n ' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')\r\n }>{this.translate('Label_Threepl_Settings_Smart_Pack')}\r\n
' + this.translate('Label_Threepl_Settings_Premium_Setting_Disable_Tooltip')}\r\n />\r\n
\r\n
\r\n \r\n \r\n { }}\r\n label={''}\r\n value={'Example: ' + (this.state.threeplSettings.Email ? this.state.threeplSettings.Email.SenderName : '') + ' '}\r\n extraWrapperClass=\"sender-name-label\" />\r\n
\r\n\r\n \r\n (defaultFilters);\r\n\r\n /**\r\n * Functions\r\n */\r\n\r\n const handleClickForFilterToggle = () => {\r\n setFilterAreaToggle(!filterAreaToggle);\r\n setIsAnimatedClassAdded((prevState) => !prevState);\r\n setTimeout(() => {\r\n setIsAnimatedClassAdded((prevState) => !prevState);\r\n $(\"#\" + smallParcelHVPGridId)\r\n .data(\"kendoGrid\")\r\n .refresh();\r\n $(window).trigger(\"resize\");\r\n }, 1000);\r\n };\r\n\r\n const handleFilterChange = (event: React.ChangeEvent) => {\r\n const targetName = event.target.name;\r\n const targetValue = event.target.value;\r\n\r\n const newFilterData: GridFilter = {\r\n field: targetName,\r\n operator: \"contains\",\r\n value: targetValue,\r\n inputValue: targetValue,\r\n };\r\n\r\n if (targetName === \"Status\" && targetValue === \"Open\") {\r\n newFilterData.operator = \"doesnotcontain\";\r\n newFilterData.value = \"Closed\";\r\n newFilterData.inputValue = \"Open\";\r\n }\r\n\r\n if (targetName === \"startDate\" && !targetValue) {\r\n newFilterData.field = \"startDate\";\r\n newFilterData.operator = \"gte\";\r\n newFilterData.value = filterStartDate;\r\n }\r\n\r\n if (targetName === \"endDate\" && !targetValue) {\r\n newFilterData.field = \"endDate\";\r\n newFilterData.operator = \"gte\";\r\n newFilterData.value = filterEndDate;\r\n }\r\n\r\n if (targetName === \"ExternalBatchId\" && targetValue) {\r\n newFilterData.field = \"ExternalBatchId\";\r\n newFilterData.operator = \"contains\";\r\n newFilterData.value = targetValue;\r\n }\r\n\r\n if (targetName === \"BatchId\" && targetValue) {\r\n newFilterData.field = \"BatchId\";\r\n newFilterData.operator = \"contains\";\r\n newFilterData.value = targetValue;\r\n }\r\n\r\n if (targetName === \"Customer\" && targetValue) {\r\n newFilterData.field = \"Customer\";\r\n newFilterData.operator = \"contains\";\r\n newFilterData.value = targetValue;\r\n }\r\n\r\n if (targetName === \"Facility\" && targetValue) {\r\n newFilterData.field = \"Facility\";\r\n newFilterData.operator = \"contains\";\r\n newFilterData.value = targetValue;\r\n }\r\n\r\n if (targetName === \"Status\" && targetValue) {\r\n newFilterData.field = \"Status\";\r\n newFilterData.operator = \"contains\";\r\n newFilterData.value = targetValue;\r\n }\r\n\r\n const previousFilters = filterValues.filter((filter) => {\r\n return filter.field !== newFilterData.field;\r\n });\r\n setFilterValues([...previousFilters, newFilterData]);\r\n };\r\n\r\n const handleClearFilters = () => {\r\n setFilterValues([\r\n {\r\n field: \"startDate\",\r\n operator: \"gte\",\r\n value: \"\",\r\n },\r\n {\r\n field: \"endDate\",\r\n operator: \"lte\",\r\n value: \"\",\r\n },\r\n ]);\r\n };\r\n\r\n return (\r\n \r\n <>\r\n
\r\n );\r\n}\r\n","export const getPackagingTypeGridDemoColumns = (PackagingTypes_GridHeaders) => {\r\n var returnColumns = {\r\n columns: [\r\n {\r\n field: \"MaterialType\",\r\n title: PackagingTypes_GridHeaders[14].description,\r\n width: 100,\r\n wmsid: 4,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesMaterialType'\r\n },\r\n template: \"#= MaterialType != 1 ? 'Package' : 'Insert' #\",\r\n },\r\n {\r\n field: \"Id\",\r\n title: PackagingTypes_GridHeaders[0].description,\r\n width: 100,\r\n wmsid: 4,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesGrID'\r\n },\r\n }, {\r\n field: \"Name\",\r\n title: PackagingTypes_GridHeaders[1].description,\r\n width: 345,\r\n wmsid: 7,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesGrPackageName'\r\n }\r\n }, {\r\n field: \"Description\",\r\n title: PackagingTypes_GridHeaders[2].description,\r\n width: 120,\r\n wmsid: 9,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesGrDescription'\r\n },\r\n\r\n }, {\r\n field: \"Barcode\",\r\n title: PackagingTypes_GridHeaders[3].description,\r\n width: 120,\r\n wmsid: 16,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesGridPackageBarcode'\r\n }\r\n }, {\r\n field: \"IsDefault\",\r\n title: PackagingTypes_GridHeaders[4].description,\r\n width: 120,\r\n wmsid: 20,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesGridDefaultPackage'\r\n }\r\n }\r\n ]\r\n };\r\n return returnColumns;\r\n}\r\n\r\nexport const getPackagingTypeGridAllColumnList = (PackagingTypes_GridHeaders) => {\r\n var returnColumns = [\r\n {\r\n field: \"MaterialType\",\r\n title: PackagingTypes_GridHeaders[14].description,\r\n width: 100,\r\n wmsid: 4,\r\n lockable: true,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesMaterialType'\r\n },\r\n template: \"#= MaterialType != 1 ? 'Package' : 'Insert' #\",\r\n },\r\n {\r\n field: \"Id\",\r\n title: PackagingTypes_GridHeaders[0].description,\r\n width: 100,\r\n wmsid: 4,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesGrID'\r\n }\r\n }, {\r\n field: \"Name\",\r\n title: PackagingTypes_GridHeaders[1].description,\r\n width: 345,\r\n wmsid: 7,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesGrPackageName'\r\n }\r\n }, {\r\n field: \"Description\",\r\n title: PackagingTypes_GridHeaders[2].description,\r\n width: 120,\r\n wmsid: 9,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesGrDescription'\r\n },\r\n\r\n }, {\r\n field: \"Barcode\",\r\n title: PackagingTypes_GridHeaders[3].description,\r\n width: 120,\r\n wmsid: 16,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesGridPackageBarcode'\r\n }\r\n }, {\r\n field: \"IsDefault\",\r\n title: PackagingTypes_GridHeaders[4].description,\r\n width: 120,\r\n wmsid: 20,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesGridDefaultPackage'\r\n }\r\n }, {\r\n field: \"customerName\",\r\n title: PackagingTypes_GridHeaders[5].description,\r\n width: 120,\r\n wmsid: 20,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesGridAssignedCustomers'\r\n }\r\n }, {\r\n field: \"LengthImperial\",\r\n title: PackagingTypes_GridHeaders[6].description,\r\n width: 100,\r\n wmsid: 20,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesGridLength(in)'\r\n }\r\n }, {\r\n field: \"LengthMetric\",\r\n title: PackagingTypes_GridHeaders[7].description,\r\n width: 100,\r\n wmsid: 20,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesGridLength(cm)'\r\n }\r\n }, {\r\n field: \"WidthImperial\",\r\n title: PackagingTypes_GridHeaders[8].description,\r\n width: 100,\r\n wmsid: 20,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesGridWidth(in)'\r\n }\r\n }, {\r\n field: \"WidthMetric\",\r\n title: PackagingTypes_GridHeaders[9].description,\r\n width: 100,\r\n wmsid: 20,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesGridWidth(cm)'\r\n }\r\n }, {\r\n field: \"HeightImperial\",\r\n title: PackagingTypes_GridHeaders[10].description,\r\n width: 100,\r\n wmsid: 20,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesGridHeight(in)'\r\n }\r\n }, {\r\n field: \"HeightMetric\",\r\n title: PackagingTypes_GridHeaders[11].description,\r\n width: 100,\r\n wmsid: 20,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesGridHeight(cm)'\r\n }\r\n }, {\r\n field: \"WeightImperial\",\r\n title: PackagingTypes_GridHeaders[12].description,\r\n width: 120,\r\n wmsid: 20,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesGridWeight(Lb)'\r\n }\r\n }, {\r\n field: \"WeightMetric\",\r\n title: PackagingTypes_GridHeaders[13].description,\r\n width: 120,\r\n wmsid: 20,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesGridWeight(Kg)'\r\n }\r\n },\r\n {\r\n field: \"ItemIdentifier\",\r\n title: PackagingTypes_GridHeaders[15].description,\r\n width: 120,\r\n wmsid: 20,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesGridWeight(Kg)'\r\n },\r\n template: \"#= ItemIdentifier != null && ItemIdentifier.Sku != undefined ? ItemIdentifier.Sku : '' #\",\r\n }, {\r\n field: \"LifespanStartDate\",\r\n title: PackagingTypes_GridHeaders[16].description,\r\n width: 120,\r\n wmsid: 20,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesGridWeight(Kg)'\r\n },\r\n template: \"#= LifespanStartDate != null ? kendo.toString(kendo.parseDate(LifespanStartDate), 'MM/dd/yyyy') : '' #\",\r\n }, {\r\n field: \"LifespanEndDate\",\r\n title: PackagingTypes_GridHeaders[17].description,\r\n width: 120,\r\n wmsid: 20,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesGridWeight(Kg)'\r\n },\r\n template: \"#= LifespanEndDate != null ? kendo.toString(kendo.parseDate(LifespanEndDate), 'MM/dd/yyyy') : '' #\",\r\n }, {\r\n field: \"CurrentQty\",\r\n title: PackagingTypes_GridHeaders[18].description,\r\n width: 120,\r\n wmsid: 20,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'PackagingTypesCurrentQty'\r\n },\r\n }\r\n ];\r\n return returnColumns;\r\n}\r\n\r\nexport const getPackagingTypeGridDemoSchema = () => {\r\n return ({\r\n model: {\r\n id: \"PackageDefId\",\r\n fields: {\r\n MaterialType: { type: \"boolean\" },\r\n PackageDefId: { type: \"number\" },\r\n Name: { type: \"string\" },\r\n Description: { type: \"string\" },\r\n Barcode: { type: \"string\" },\r\n IsDefault: { type: \"boolean\" },\r\n customerName: { type: \"string\" },\r\n AssignedCustomers: { type: \"array\" },\r\n LengthImperial: { type: \"number\" },\r\n LengthMetric: { type: \"number\" },\r\n WidthImperial: { type: \"number\" },\r\n WidthMetric: { type: \"number\" },\r\n HeightImperial: { type: \"number\" },\r\n HeightMetric: { type: \"number\" },\r\n WeightImperial: { type: \"number\" },\r\n WeightMetric: { type: \"number\" },\r\n CurrentQty: { type: \"string\" },\r\n }\r\n }\r\n })\r\n}","import React, { Component } from \"react\";\r\n\r\nimport VirtualGridComponent from '../../components_proto/VirtualGridComponent/VirtualGridComponent.jsx';\r\nimport WmsConfirmModel from '../../components/WmsConfirmModel/WmsConfirmModel.jsx';\r\nimport { StringWms } from '../../../../assets/ts/StringWms.ts';\r\nimport { KendoGridWmsVirtual } from '../../../../assets/ts/KendoGridWmsVirtual.ts';\r\nimport { ArrayWms } from '../../../../assets/ts/ArrayWms.ts';\r\nimport { AddEditColumnModel } from '../../components/AddEditColumn/add-edit-columns.component.jsx';\r\nimport { PackageDefModal } from './package-def-modal.component.jsx';\r\nimport * as packagingTypeService from './packaging-type.services.jsx'\r\nimport * as GridConfig from './packaging-type-grid-configuration.virtual.jsx';\r\nimport * as GlobalService from '../../global_services';\r\nimport * as packagingTypeMetaDataService from './packaging-type-meta-data.service';\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsDropdown from \"../../components/WmsDropdown/WmsDropdown\";\r\nimport WmsButton from '../../components/WmsButton/WmsButton.jsx';\r\nimport WmsDropdownList from \"../../components/WmsDropdownList/WmsDropdownList.jsx\";\r\n\r\nexport class PackagingTypesGrid extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.Rights = GlobalService.GetRights();\r\n let PackagingTypes_GridHeaders = StringWms.convertSringToOption(this.translate('PackagingTypes_GridHeaders'));\r\n this.packagingTypesGridId = \"PackagingTypesGrid\";\r\n this.gridDomSelector = (this.props.windowId) ? '.' + this.props.windowId + ' #' + this.packagingTypesGridId : '#' + this.packagingTypesGridId;\r\n this.gridName = \"PackagingTypesGrid\";\r\n this.defaultColumns = GridConfig.getPackagingTypeGridDemoColumns(PackagingTypes_GridHeaders).columns;\r\n this.allColumnList = GridConfig.getPackagingTypeGridAllColumnList(PackagingTypes_GridHeaders);\r\n this.schema = GridConfig.getPackagingTypeGridDemoSchema();\r\n this.packagingTypesGridConfig = packagingTypeMetaDataService.getPackagingTypesGridOptionInMetaData();\r\n this.localKendoGrid = new KendoGridWmsVirtual(this.packagingTypesGridId, this.props.windowId, 'Id');\r\n\r\n this.state = {\r\n loading: false,\r\n selectedPackageType: null,\r\n selectedPackageTypeName: null,\r\n allPackageTypes: [],\r\n staticGridData: [],\r\n isOpenColumnModal: false,\r\n allSortColumnList: [],\r\n filterText: \"\",\r\n fullFilterText: \"\",\r\n recordsCount: 0,\r\n isOpenPackageDefModal: false,\r\n isOpenConfirmModel: false,\r\n newPkgType: true,\r\n threePlOptions: null,\r\n alertRecipientLoading: false,\r\n isLoadingUserOptions: false,\r\n };\r\n }\r\n componentDidMount() {\r\n this.getListOfPackageDefs();\r\n\r\n // sort all column list title\r\n let allSortColumnList = this.allColumnList.sort(function (first, second) {\r\n\r\n var columnTitle1 = first.title.toUpperCase(); // ignore upper and lowercase\r\n var columnTitle2 = second.title.toUpperCase(); // ignore upper and lowercase\r\n\r\n if (columnTitle1 < columnTitle2) { return -1; }\r\n\r\n if (columnTitle1 > columnTitle2) { return 1; }\r\n // names must be equal\r\n return 0;\r\n });\r\n this.getThreePlOptions();\r\n this.setState({ allSortColumnList: allSortColumnList });\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if (this.props.sharedPackagingTypesFilter != prevProps.sharedPackagingTypesFilter) {\r\n this.clearAndRepaintGridSelection();\r\n this.getListOfPackageDefsByCustomer(this.state.allPackageTypes);\r\n }\r\n }\r\n refreshGrid = () => {\r\n this.clearAndRepaintGridSelection();\r\n this.getListOfPackageDefsByCustomer(this.state.allPackageTypes);\r\n }\r\n\r\n getListOfPackageDefs = () => {\r\n this.setState({ loading: true });\r\n kendo.ui.progress($('#PackagingTypesGrid'), true);\r\n\r\n packagingTypeService.getPackageList().then((response) => {\r\n this.setState({\r\n allPackageTypes: response.data\r\n })\r\n this.getListOfPackageDefsByCustomer(response.data)\r\n }).finally(() => {\r\n this.setState({ loading: false });\r\n this.clearAndRepaintGridSelection();\r\n kendo.ui.progress($('#PackagingTypesGrid'), false);\r\n });\r\n }\r\n\r\n clearAndRepaintGridSelection = () => {\r\n if (this.localKendoGrid) {\r\n this.localKendoGrid.clearSelections(() => {\r\n this.localKendoGrid.repaintSelections();\r\n });\r\n }\r\n }\r\n\r\n getListOfPackageDefsByCustomer = (allPackageTypes) => {\r\n let pkgTypesByCustomers = allPackageTypes;\r\n let selectedCustomerId = this.props.sharedPackagingTypesFilter.IndexOptionsCustomerId;\r\n let MaterialTypeFilter = this.props.sharedPackagingTypesFilter.IndexOptionsMaterialType;\r\n\r\n pkgTypesByCustomers = _.filter(allPackageTypes, (pkgTyp) => {\r\n\r\n var isSearchMatch = true;\r\n if(MaterialTypeFilter != \"All\" && pkgTyp.MaterialType != MaterialTypeFilter){\r\n isSearchMatch = false\r\n }\r\n if (pkgTyp.CustomerIdentifiers.length > 0) {\r\n // var customerNameArr = [];\r\n // $.grep(GlobalService.getCustomerList(), (element) => {\r\n // if (pkgTyp.CustomerIdentifiers.indexOf(element.id) != -1) {\r\n // customerNameArr.push(element.name);\r\n // }\r\n // });\r\n pkgTyp.customerName = pkgTyp.CustomerIdentifiers.map(el => el.Name);\r\n } else {\r\n pkgTyp.customerName = 'All';\r\n }\r\n\r\n if (selectedCustomerId > 0) {\r\n if (_.includes(pkgTyp.CustomerIdentifiers.map(el => el.Id), parseInt(selectedCustomerId))) {\r\n return isSearchMatch ? pkgTyp : false;\r\n }\r\n return false;\r\n }\r\n\r\n // return pkgTyp;\r\n return isSearchMatch ? pkgTyp : false;\r\n });\r\n\r\n this.setState({\r\n recordsCount: pkgTypesByCustomers.length,\r\n staticGridData: pkgTypesByCustomers,\r\n selectedPackageType: null,\r\n selectedPackageTypeName: null\r\n })\r\n }\r\n\r\n selectRow = (KendoGrid) => {\r\n let selectedPackageType = null;\r\n this.localKendoGrid = KendoGrid;\r\n if (KendoGrid.getKeys().length == 1) {\r\n let allPkgTypes = Object.assign({}, this.state.allPackageTypes);\r\n let pkgId = KendoGrid.getKeys()[0];\r\n selectedPackageType = _.find(allPkgTypes, (pkgType) => {\r\n return (pkgType.Uri == pkgId)\r\n });\r\n }\r\n\r\n this.setState({\r\n selectedPackageType: selectedPackageType,\r\n selectedPackageTypeName: (selectedPackageType) ? selectedPackageType.Name : '',\r\n });\r\n }\r\n\r\n onToggleColumnModal = (isOpen) => {\r\n this.setState({\r\n isOpenColumnModal: isOpen\r\n });\r\n }\r\n\r\n openPackageDefModal = (isNewPkg = false) => {\r\n this.setState({\r\n isOpenPackageDefModal: true,\r\n newPkgType: isNewPkg\r\n });\r\n }\r\n\r\n closePackageDefModal = () => {\r\n this.setState({\r\n isOpenPackageDefModal: false\r\n });\r\n }\r\n\r\n toggleConfirmDeleteModal = (isOpen) => {\r\n this.setState({ isOpenConfirmModel: isOpen })\r\n }\r\n\r\n deletePackageType = () => {\r\n if (this.state.selectedPackageType) {\r\n var url = \"/WebUI/Shipping/PackageDefs/PackageDef?uri=\"+this.state.selectedPackageType.Uri;\r\n var successText = \"Label_Package_remove_Success\";\r\n if (this.state.selectedPackageType.MaterialType) {\r\n url = \"/WebUI/Shipping/PackageInserts/PackageInsert?uri=\"+this.state.selectedPackageType.Uri;\r\n successText = \"Label_Insert_remove_Success\";\r\n }\r\n packagingTypeService.deletePackage(url).then((response) => {\r\n this.getListOfPackageDefs();\r\n GlobalService.notification('success', this.translate(successText));\r\n }).finally(() => {\r\n this.setState({\r\n loading: false,\r\n isOpenConfirmModel: false\r\n });\r\n });\r\n }\r\n }\r\n\r\n savePackageDef = () => {\r\n this.getListOfPackageDefs();\r\n }\r\n\r\n // on grid column sort save changes in meta data object\r\n onSort = (event) => {\r\n var grid = $(this.gridDomSelector).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n GlobalService.sortDataset(sortArray, event.sort);\r\n var gridColumn = grid.getOptions().columns;\r\n var finalSubmission = this.localKendoGrid.prepareGridOptionsForStorage(gridColumn, sortArray, grid.dataSource.filter());\r\n packagingTypeMetaDataService.setPackagingTypesGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on grid column reorder save changes in meta data object\r\n onColumnReorder = (event) => {\r\n var grid = $(this.gridDomSelector).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let gridColumn = grid.getOptions().columns;\r\n let switchedArray = ArrayWms.switchIndexByField(gridColumn, event.newIndex, event.oldIndex);\r\n let finalSubmission = this.localKendoGrid.prepareGridOptionsForStorage(switchedArray, sortArray, grid.dataSource.filter());\r\n packagingTypeMetaDataService.setPackagingTypesGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on grid column resize save changes in meta data object\r\n onColumnResize = () => {\r\n var grid = $(this.gridDomSelector).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = this.localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n packagingTypeMetaDataService.setPackagingTypesGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on click grid clear sort menu\r\n onClickClearSorts = () => {\r\n var grid = $(this.gridDomSelector).data(\"kendoGrid\");\r\n var finalSubmission = this.localKendoGrid.prepareGridOptionsForStorage(grid.columns, [], grid.dataSource.filter());\r\n packagingTypeMetaDataService.setPackagingTypesGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on click grid reset default grid layout menu\r\n onClickResetGrid = () => {\r\n var finalSubmission = {\r\n \"optionsData\": {}\r\n };\r\n packagingTypeMetaDataService.setPackagingTypesGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on grid filter selection\r\n onGridFilterApplied = () => {\r\n var grid = $(this.gridDomSelector).data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n setTimeout(() => {\r\n this.setFilterAppliedText(dataSource.filter());\r\n\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n var finalSubmission = this.localKendoGrid.prepareGridOptionsForStorage(grid.columns, sortArray, dataSource.filter());\r\n\r\n packagingTypeMetaDataService.setPackagingTypesGridOptionInMetaData(finalSubmission);\r\n\r\n }, 100);\r\n }\r\n\r\n setFilterAppliedText = (filterObj) => {\r\n if (!filterObj) {\r\n this.setState({\r\n filterText: \"\",\r\n fullFilterText: \"\"\r\n });\r\n return;\r\n }\r\n var filterConditionTitle = {\r\n \"lte\": \"Is Less Than Or Equal To\",\r\n \"eq\": \"Is Equal To\",\r\n \"lt\": \"Is Less Than\",\r\n \"neq\": \"Is Not Equal To\",\r\n \"gte\": \"Is Greater Than Or Equal To\",\r\n \"gt\": \"Is Greater Than\",\r\n \"startswith\": \"Starts With\",\r\n \"endswith\": \"Ends With\",\r\n \"contains\": \"Contains\",\r\n \"doesnotcontain\": \"Does Not Contain\",\r\n \"isnull\": \"Is Null\",\r\n \"isnotnull\": \"Is Not Null\",\r\n \"isempty\": \"Is Empty\",\r\n \"isnotempty\": \"Is Not Empty\",\r\n \"isnullorempty\": \"Has No Value\",\r\n \"isnotnullorempty\": \"Has Value\",\r\n };\r\n\r\n var filterText = \"\";\r\n var fullFilterText = \"\";\r\n var filterList = filterObj.filters;\r\n var self = this;\r\n filterList.map(function (item) {\r\n var columnObj = self.allColumnList.find(x => x.field === item.field);\r\n if (columnObj) {\r\n var title = columnObj.title;\r\n filterText += title + \" : \" + item.value + ',';\r\n fullFilterText += title + \" \" + filterConditionTitle[item.operator] + \" : \" + item.value + \"\r\n
\r\n );\r\n }\r\n}\r\n","\r\nimport React from 'react';\r\n\r\nimport reactCSS from 'reactcss';\r\nimport { SketchPicker } from 'react-color';\r\n\r\nimport './themes.scss'\r\nvar colorVariableList;\r\nexport class HeaderColorComponent extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n colorVariableList = {\r\n \"primary-white\": { \"val\": \"#ffffff\", \"isOpen\": false },\r\n \"primary-black\": { \"val\": \"#000000\", \"isOpen\": false },\r\n \"green-menu\": { \"val\": \"#83de52\", \"isOpen\": false }\r\n };\r\n\r\n this.state = {\r\n displayColorPicker: false,\r\n color: \"#fff\",\r\n anotherObj: colorVariableList,\r\n }\r\n }\r\n handleClick = (name) => {\r\n var steteAssign = this.state.anotherObj;\r\n steteAssign[name]['isOpen'] = !steteAssign[name]['isOpen'];\r\n this.setState({ anotherObj: steteAssign })\r\n };\r\n\r\n handleClose = (name) => {\r\n var steteAssign = this.state.anotherObj;\r\n steteAssign[name]['isOpen'] = false;\r\n this.setState({ anotherObj: steteAssign })\r\n };\r\n\r\n handleChange = (color, name) => {\r\n // console.log(\"handle On change :\", color, name);\r\n document.documentElement.style.setProperty('--' + name, color.hex);\r\n // this.setState({ color: color.hex })\r\n\r\n var steteAssign = this.state.anotherObj;\r\n steteAssign[name]['val'] = color.hex;\r\n this.setState({ anotherObj: steteAssign })\r\n };\r\n\r\n render() {\r\n const styles = reactCSS({\r\n 'default': {\r\n color: {\r\n width: '36px',\r\n height: '14px',\r\n borderRadius: '2px'\r\n },\r\n swatch: {\r\n padding: '5px',\r\n background: '#fff',\r\n borderRadius: '1px',\r\n boxShadow: '0 0 0 1px rgba(0,0,0,.1)',\r\n display: 'inline-block',\r\n cursor: 'pointer',\r\n },\r\n popover: {\r\n position: 'absolute',\r\n zIndex: '2',\r\n },\r\n cover: {\r\n position: 'fixed',\r\n top: '0px',\r\n right: '0px',\r\n bottom: '0px',\r\n left: '0px',\r\n },\r\n },\r\n });\r\n var anotherObj = this.state.anotherObj;\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {Object.keys(anotherObj).map((format, key) => (\r\n \r\n \r\n\r\n \r\n <>\r\n \r\n \r\n\r\n \r\n\r\n \r\n {!this.state.isLoading && (\r\n \r\n \r\n
\";\r\n }\r\n });\r\n filterText = filterText.slice(0, -1);\r\n\r\n this.setState({\r\n filterText: filterText,\r\n fullFilterText: fullFilterText,\r\n });\r\n }\r\n UpdateGridSummary = () => {\r\n if (this.state.LocalKendoGrid != null) {\r\n let KendoGrid = this.state.LocalKendoGrid;\r\n\r\n if (this.state.LocalKendoGrid.getNumberOfSelections() >= 1) {\r\n let isDisabledShipAndClose = false;\r\n\r\n let selectedCustomerData = KendoGrid.getSelectedCustomerData(this.state.customers, this.state.sharedSelectedOrderData.CustomerId);\r\n let TrackingNumDoesNotExists = KendoGrid.valuesNullOrEmpty(\"TrackingNumber\");\r\n let TrackingNumRequired = selectedCustomerData.options.requireTrackingNumber;\r\n\r\n // Count only change if selected order is 1 or more\r\n var TotVolumeMetric = KendoGrid.sumDictionaryParameter(\"TotVolumeMetric\");\r\n var TotVolumeImperial = KendoGrid.sumDictionaryParameter(\"TotVolumeImperial\");\r\n var TotWeightMetric = KendoGrid.sumDictionaryParameter(\"TotWeightMetric\");\r\n var TotWeightImperial = KendoGrid.sumDictionaryParameter(\"TotWeightImperial\");\r\n var TotPackages = KendoGrid.sumDictionaryParameter(\"TotPackages\");\r\n var TotPrimaryUnit = KendoGrid.sumDictionaryParameter(\"TotalItemQty\");\r\n var notFullyAllocated = KendoGrid.valueExists(\"FullyAllocated\", false);\r\n var IdenticalSetOfOrders = KendoGrid.valuesIdentical(\"FullyAllocated\");\r\n var SelectedOrders = KendoGrid.getNumberOfSelections();\r\n\r\n // conditional enabling of the PickTicket option for overallocated and multiselected set of orders\r\n var enablePickTicketOption = true;\r\n if (SelectedOrders == 1 && notFullyAllocated && !this.state.TplSettings.Shipping.PrintOverAllocPickTickets) {\r\n enablePickTicketOption = false;\r\n } else if (SelectedOrders > 1 && !IdenticalSetOfOrders) {\r\n enablePickTicketOption = false;\r\n } else if (SelectedOrders > 1 && (notFullyAllocated && IdenticalSetOfOrders) && !this.state.TplSettings.Shipping.PrintOverAllocPickTickets) {\r\n enablePickTicketOption = false;\r\n }\r\n\r\n if (TrackingNumRequired && TrackingNumDoesNotExists) {\r\n isDisabledShipAndClose = true;\r\n }\r\n\r\n this.setState({\r\n orderSummary: {\r\n \"TotVolumeMetric\": TotVolumeMetric,\r\n \"TotVolumeImperial\": TotVolumeImperial,\r\n \"TotWeightMetric\": TotWeightMetric,\r\n \"TotWeightImperial\": TotWeightImperial,\r\n \"TotPackages\": TotPackages,\r\n \"TotPrimaryUnit\": TotPrimaryUnit,\r\n },\r\n EnablePickOption: enablePickTicketOption,\r\n FullyAllocated: !notFullyAllocated,\r\n disabledShipAndClose: isDisabledShipAndClose,\r\n });\r\n } else {\r\n this.totalOrderSummary();\r\n }\r\n this.updateInitialPrintMenu();\r\n }\r\n }\r\n\r\n selectRow = (KendoGrid, isCallFrom) => {\r\n // Condition for parcel type start\r\n const canRegenPkg = KendoGrid.valueDoesNotExist(\"CanRegenPkgs\", false);\r\n var ParcelLabelTypeArr = [];\r\n var selection = _.cloneDeep(this.defaultSelectionObj);\r\n var isShipDateHaveValue = KendoGrid.theNotValueDoesExist(\"SmallParcelShipDate\", null);\r\n var isParcelLabelTypeHaveValue = KendoGrid.theNotValueDoesExist(\"ParcelLabelType\", 0);\r\n var isClosed = KendoGrid.valueExists(\"Status\", 'Closed');\r\n var SameCustomer = KendoGrid.valuesIdentical(\"CustomerId\");\r\n var SameFacility = KendoGrid.valuesIdentical(\"FacilityId\");\r\n var orderPartOfBatch = KendoGrid.theNotValueDoesExist(\"BatchOrderId\", null);\r\n\r\n this.isDisableCancelVoid = KendoGrid.valueDoesNotExist(\"SmallParcelShipDate\", null);\r\n this.isHasSmallParcelShipDate = KendoGrid.valueDoesNotExist(\"SmallParcelShipDate\", null);\r\n if (SameCustomer !== true) {\r\n selection.addToNewBatch.disabled = true;\r\n selection.addToNewBatch.message = this.translate('note_addToNewBatch_samecustomer');\r\n selection.addToExistingBatch.disabled = true;\r\n selection.addToExistingBatch.message = this.translate('note_addToExistingBatch_samecustomer');\r\n }\r\n if (SameFacility !== true) {\r\n selection.addToNewBatch.disabled = true;\r\n selection.addToNewBatch.message = this.translate('note_addToNewBatch_samefacility');\r\n selection.addToExistingBatch.disabled = true;\r\n selection.addToExistingBatch.message = this.translate('note_addToExistingBatch_samefacility');\r\n }\r\n if (orderPartOfBatch == false) {\r\n selection.removeFromBatch.disabled = true;\r\n selection.removeFromBatch.message = this.translate('note_removeFromBatch_orderPartOfBatch');\r\n }\r\n // This appears to be looping through our selections.\r\n // Use this below if you need to get specific data out of the current selections\r\n // SELECTION LOOP\r\n var customerIds = [];\r\n KendoGrid.getKeys().forEach(key => {\r\n var selectedItem = KendoGrid.getItem(key);\r\n ParcelLabelTypeArr.push(selectedItem.ParcelLabelType);\r\n // Push customer ids in array\r\n if (!customerIds.includes(selectedItem.CustomerId)) {\r\n customerIds.push(selectedItem.CustomerId);\r\n }\r\n });\r\n\r\n this.parcelLabelType = 0;\r\n if (ParcelLabelTypeArr.includes(1)) {\r\n this.parcelLabelType = 1;\r\n } else if (ParcelLabelTypeArr.includes(2)) {\r\n this.parcelLabelType = 2;\r\n }\r\n this.isSamePrintedFormat = KendoGrid.valuesIdentical(\"ParcelLabelType\")\r\n\r\n this.setState({\r\n LocalKendoGrid: KendoGrid,\r\n SharedSelectedOrderIds: KendoGrid.getKeys(),\r\n SelectedOrders: KendoGrid.getNumberOfSelections(),\r\n sharedSelectedOrderData: KendoGrid.getItem(KendoGrid.getKeys()[0]),\r\n SameCustomer: KendoGrid.valuesIdentical(\"CustomerId\"),\r\n SameWarehouse: KendoGrid.valuesIdentical(\"FacilityId\"),\r\n SameBatchId: KendoGrid.valuesIdentical(\"BatchOrderId\"),\r\n disabledPackAndShipBtn: isShipDateHaveValue,\r\n isParcelLabelTypeHaveValue: isParcelLabelTypeHaveValue,\r\n isSelectedOrderShipped: isShipDateHaveValue,\r\n isOrderIsClosed: isClosed,\r\n selection: selection,\r\n canRegenPkgs: canRegenPkg,\r\n sharedSelectedCustomerIds: customerIds\r\n });\r\n let tempkey = KendoGrid.getKeys();\r\n if (isCallFrom != 'contextMenuClick' && tempkey.length == 1) {\r\n let dataItem = {\r\n 'isGridSelectionUpdate': true,\r\n 'dataItem': KendoGrid.getItem(tempkey)\r\n };\r\n this.props.onViewSummary(dataItem);\r\n }\r\n this.UpdateGridSummary();\r\n }\r\n\r\n\r\n resetGridSelectionAndButton = () => {\r\n if (this.isEditCareerInfoBaseCall == \"packNShipEditCareer\") {\r\n return;\r\n }\r\n if (this.state.LocalKendoGrid != null) {\r\n this.state.LocalKendoGrid.clearSelections(() => {\r\n this.state.LocalKendoGrid.repaintSelections();\r\n });\r\n }\r\n this.setState({\r\n SelectedOrders: 0\r\n }, () => {\r\n this.updateInitialPrintMenu();\r\n });\r\n // call for get new update data\r\n this.callForGetTotalCount(false);\r\n }\r\n\r\n onGridDataBound = (e, kendoGrid) => {\r\n var grid = $(this.state.gridDomSelector()).data('kendoGrid');\r\n var TotalInLineColumnFilters = KendoWms.getLengthOffFilters(grid.dataSource.filter());\r\n this.setState({\r\n totalInLineColumnFilters: TotalInLineColumnFilters,\r\n LocalKendoGrid: kendoGrid\r\n });\r\n }\r\n\r\n // on grid column sort save changes in meta data object\r\n onSort = (event) => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n GlobalService.sortDataset(sortArray, event.sort);\r\n var gridColumn = grid.getOptions().columns;\r\n var finalSubmission = this.state.LocalKendoGrid.prepareGridOptionsForStorage(gridColumn, sortArray, grid.dataSource.filter());\r\n metaDataService.setSmallParcelGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on apply saved filter data save changes in meta data object\r\n onApplySavedFilterData = (filterObj) => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n var gridColumn = grid.getOptions().columns;\r\n var finalSubmission = this.state.LocalKendoGrid.prepareGridOptionsForStorage(gridColumn, sortArray, grid.dataSource.filter());\r\n\r\n metaDataService.applySavedFilterDataToSmallParcelGrid(finalSubmission, filterObj);\r\n }\r\n refreshSmallParcelGrid = () => {\r\n this.clearSelectionOfGrid();\r\n this.callForGetTotalCount();\r\n console.log(\"callForGetTotalCount : in refreshSmallParcelGrid\");\r\n }\r\n // on new filter data clear selection of grid\r\n clearSelectionOfGrid = () => {\r\n if (this.state.LocalKendoGrid != null) {\r\n this.state.LocalKendoGrid.clearSelections(() => {\r\n this.state.LocalKendoGrid.repaintSelections();\r\n });\r\n }\r\n }\r\n\r\n resetGridAllMessage = () => {\r\n if (this.state.isAllDataLoad) {\r\n this.setState({\r\n isNewColumnAdded: true\r\n });\r\n }\r\n }\r\n\r\n // on grid column reorder save changes in meta data object\r\n onColumnReorder = (event) => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let gridColumn = grid.getOptions().columns;\r\n let switchedArray = ArrayWms.switchIndexByField(gridColumn, event.newIndex, event.oldIndex);\r\n let finalSubmission = this.state.LocalKendoGrid.prepareGridOptionsForStorage(switchedArray, sortArray, grid.dataSource.filter());\r\n metaDataService.setSmallParcelGridOptionInMetaData(finalSubmission);\r\n\r\n }\r\n\r\n // on grid column resize save changes in meta data object\r\n onColumnResize = () => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = this.state.LocalKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n metaDataService.setSmallParcelGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on click grid clear sort menu\r\n onClickClearSorts = () => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var finalSubmission = this.state.LocalKendoGrid.prepareGridOptionsForStorage(grid.columns, [], grid.dataSource.filter());\r\n metaDataService.setSmallParcelGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on click grid reset default grid layout menu\r\n onClickResetGrid = () => {\r\n var finalSubmission = {\r\n \"optionsData\": {}\r\n };\r\n metaDataService.setSmallParcelGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on grid filter selection\r\n onGridFilterApplied = () => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n setTimeout(() => {\r\n this.setFilterAppliedText(dataSource.filter());\r\n\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n var finalSubmission = this.state.LocalKendoGrid.prepareGridOptionsForStorage(grid.columns, sortArray, dataSource.filter());\r\n\r\n metaDataService.setSmallParcelGridOptionInMetaData(finalSubmission);\r\n\r\n }, 100);\r\n\r\n }\r\n eventClickExportGrid = () => {\r\n $(this.state.gridDomSelector()).getKendoGrid().saveAsExcel();\r\n }\r\n eventClickColumns = () => {\r\n this.setState({\r\n isOpenColumnModel: true\r\n });\r\n }\r\n onCloseColumnModel = () => {\r\n this.setState({\r\n isOpenColumnModel: false\r\n });\r\n }\r\n // save column hide/show data in meta data\r\n saveChangesInMetaData = () => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sort = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = this.state.LocalKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sort,\r\n grid.dataSource.filter()\r\n );\r\n metaDataService.setSmallParcelGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // Load all records of order\r\n loadAllRecords = (isLoaderPopupShow) => {\r\n this.isApiCanceled = false;\r\n if (isLoaderPopupShow == false) {\r\n this.setState({\r\n isSmallParcelGridDataLoading: true,\r\n staticGridData: []\r\n });\r\n }\r\n const sequence = n => {\r\n let seq = [];\r\n for (let i = 0; i < n; i++) {\r\n seq.push(i);\r\n }\r\n return seq;\r\n };\r\n this.axiosSource = axios.CancelToken.source();\r\n let api = axios.create({\r\n baseURL: \"/WebUI/Shipping/SmartParcel\",\r\n headers: { 'Access-Control-Allow-Origin': '*' },\r\n cancelToken: this.axiosSource.token\r\n });\r\n\r\n const MAX_CONCURRENT_REQUESTS = 3;\r\n\r\n let enableColumns = this.getEnableColumns();\r\n let orderSearchInfo = _.cloneDeep(this.getSharedSmallParcelFilter());\r\n orderSearchInfo.StartDate = StringWms.convertFilterStringToISODate(orderSearchInfo.StartDate, '', false, true).isoStringUTC;\r\n orderSearchInfo.EndDate = StringWms.convertFilterStringToISODate(orderSearchInfo.EndDate, '23:59:59', false, true).isoStringUTC;\r\n if (orderSearchInfo.OrderNote) {\r\n orderSearchInfo.OrderNote = orderSearchInfo.OrderNote.trim();\r\n }\r\n\r\n let totalRequest = Math.ceil(this.state.recordsCount / this.state.gridPageSize);\r\n this.setState({\r\n totalRequest: totalRequest\r\n });\r\n this.props.onGridLoading(true);\r\n // init your manager.\r\n var manager = ConcurrencyManager(api, MAX_CONCURRENT_REQUESTS, GlobalService);\r\n Promise.all(sequence(totalRequest).map(i => api.put(\"/SmartParcelData?sorts=[]&filters=[]&pgnum=\" + (i + 1) + '&pgsiz=' + this.state.gridPageSize, { \"columns\": enableColumns, \"searchInfo\": orderSearchInfo })))\r\n .then(responses => {\r\n let smallParcelData = responses.map(r => r.data);\r\n this.getAllResponseData(smallParcelData);\r\n }).catch((error) => {\r\n console.log(\"Promise.all catch\", error);\r\n this.setState({\r\n showLoadingError: true\r\n });\r\n this.cancelLoadAllData();\r\n }).then(() => {\r\n if (manager) {\r\n manager.detach();\r\n }\r\n });\r\n }\r\n\r\n onClickLoadAllRecords = () => {\r\n let enableColumns = this.getEnableColumns();\r\n let orderSearchInfo = _.cloneDeep(this.getSharedSmallParcelFilter());\r\n orderSearchInfo.StartDate = StringWms.convertFilterStringToISODate(orderSearchInfo.StartDate, '', false, true).isoStringUTC;\r\n orderSearchInfo.EndDate = StringWms.convertFilterStringToISODate(orderSearchInfo.EndDate, '23:59:59', false, true).isoStringUTC;\r\n if (orderSearchInfo.OrderNote) {\r\n orderSearchInfo.OrderNote = orderSearchInfo.OrderNote.trim();\r\n }\r\n\r\n this.setState({\r\n overlayScreenShow: true\r\n });\r\n if (this.firstFiftyAxiosSource) {\r\n this.firstFiftyAxiosSource.cancel();\r\n this.firstFiftyAxiosSource = null;\r\n }\r\n this.firstFiftyAxiosSource = axios.CancelToken.source();\r\n\r\n axios.put('/WebUI/Shipping/SmartParcel/SmartParcelData?filters=[]&pgnum=1&pgsiz=50', { \"columns\": enableColumns, \"searchInfo\": orderSearchInfo }, { cancelToken: this.firstFiftyAxiosSource.token })\r\n .then((response) => {\r\n this.firstFiftyAxiosSource = null;\r\n this.setState({\r\n staticGridData: response.data.Data\r\n }, this.loadAllRecords);\r\n });\r\n }\r\n getEnableColumns = () => {\r\n var defaultParam = [\"OrderId\", \"FullyAllocated\", \"FacilityId\", \"CustomerId\", \"BatchOrderId\", \"BatchUri\", \"CustomerUri\", \"TotVolumeMetric\", \"TotVolumeImperial\", \"TotWeightMetric\", \"TotWeightImperial\", \"TotPackages\", \"TotalItemQty\", \"ParcelLabelType\", \"ShipToName\", \"ShipToCompany\", \"ShipToAddress\", \"ShipToAddress2\", \"ShipToCity\", \"ShipToState\", \"ShipToZip\", \"SmallParcelShipDate\", \"Status\"]\r\n let columnList = [];\r\n\r\n let grid = $('#SmallParcelRemoteGrid').data('kendoGrid');\r\n // if grid already defined than we get columns from grid\r\n if (typeof grid != \"undefined\") {\r\n columnList = grid.columns;\r\n } else { // else get column list from metadataObject or default columns\r\n let SmartParcel_GridHeaders = StringWms.convertSringToOption(this.translate('SmallParcel_GridHeaders'));\r\n columnList = GridConfig.getGridDemoColumns(SmartParcel_GridHeaders, GlobalService.getCustomLabels()).columns;\r\n var smallParcelGridConfig = metaDataService.getSmallParcelGridOptionInMetaData();\r\n if (smallParcelGridConfig != \"\") {\r\n var gridOptions = JSON.parse(smallParcelGridConfig);\r\n if (gridOptions.columns) {\r\n columnList = gridOptions.columns;\r\n }\r\n }\r\n }\r\n\r\n var enableColumns = columnList.map(el => el.field);\r\n enableColumns.push(\"TrackingUrl\");\r\n // merge defaultParam and enableColumns without dublicate value\r\n return [...new Set([...defaultParam, ...enableColumns])];\r\n }\r\n totalOrderSummary = () => {\r\n var staticGridData = this.state.staticGridData;\r\n // _.sumBy(objects, 'n');\r\n var TotVolumeMetric = _.sumBy(staticGridData, \"TotVolumeMetric\");\r\n var TotVolumeImperial = _.sumBy(staticGridData, \"TotVolumeImperial\");\r\n var TotWeightMetric = _.sumBy(staticGridData, \"TotWeightMetric\");\r\n var TotWeightImperial = _.sumBy(staticGridData, \"TotWeightImperial\");\r\n var TotPackages = _.sumBy(staticGridData, \"TotPackages\");\r\n var TotPrimaryUnit = _.sumBy(staticGridData, \"TotalItemQty\");\r\n\r\n\r\n this.setState({\r\n orderSummary: {\r\n \"TotVolumeMetric\": TotVolumeMetric,\r\n \"TotVolumeImperial\": TotVolumeImperial,\r\n \"TotWeightMetric\": TotWeightMetric,\r\n \"TotWeightImperial\": TotWeightImperial,\r\n \"TotPackages\": TotPackages,\r\n \"TotPrimaryUnit\": TotPrimaryUnit,\r\n }\r\n });\r\n }\r\n getAllResponseData = (data) => {\r\n if (!this.isApiCanceled) {\r\n let allData = [];\r\n data.forEach(obj => {\r\n allData = [...obj.Data, ...allData];\r\n });\r\n if (this.state.uidSelectionString) {\r\n let grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n grid.select(this.state.uidSelectionString.join(\", \"));\r\n this.setState({ uidSelectionString: '' });\r\n }\r\n this.setState({\r\n staticGridData: allData,\r\n overlayScreenShow: false,\r\n isAllDataLoad: true,\r\n isNewColumnAdded: false,\r\n isSmallParcelGridDataLoading: false\r\n }, () => {\r\n // reset selection only for diplay recored in grid for pick ticket\r\n if (this.state.selectOrderIds) {\r\n let grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var dataSource = $(this.state.gridDomSelector()).data(\"kendoGrid\").dataSource;\r\n var filters = dataSource.filter();\r\n var query = new kendo.data.Query(dataSource.data());\r\n var data = query.filter(filters).data;\r\n var assignArr = [];\r\n\r\n this.state.selectOrderIds.forEach(key => {\r\n var selectedItem = this.state.LocalKendoGrid.getItem(key);\r\n\r\n if (_.find(data, { OrderId: parseInt(key) })) {\r\n assignArr.push(\"[data-uid='\" + selectedItem.uid + \"']\");\r\n }\r\n });\r\n if (assignArr.length) {\r\n grid.select(assignArr.join(\", \"));\r\n } else {\r\n this.resetGridSelectionAndButton();\r\n }\r\n this.setState({ selectOrderIds: '' });\r\n }\r\n if (this.refs.smallParcelGrid) {\r\n this.refs.smallParcelGrid.cleanScanInput();\r\n this.refs.smallParcelGrid.setFocusOnScanInput();\r\n }\r\n this.totalOrderSummary()\r\n });\r\n } else {\r\n this.setState({\r\n isSmallParcelGridDataLoading: false\r\n });\r\n }\r\n this.props.onGridLoading(false);\r\n }\r\n // Cancel axios call if new filter applied\r\n cancelLoadAllData = () => {\r\n if (this.firstFiftyAxiosSource) {\r\n this.firstFiftyAxiosSource.cancel();\r\n this.firstFiftyAxiosSource = null;\r\n }\r\n if (this.axiosSource) {\r\n this.axiosSource.cancel();\r\n this.axiosSource = null;\r\n }\r\n this.isApiCanceled = true;\r\n this.setState({\r\n overlayScreenShow: false,\r\n staticGridData: [],\r\n isAllDataLoad: false,\r\n isSmallParcelGridDataLoading: false\r\n });\r\n this.props.onGridLoading(false);\r\n }\r\n\r\n clickEventOfContextMenu = (obj) => {\r\n if (obj.wmsid == 'consolidatePackages') {\r\n this.consolidatePackages();\r\n } else if (obj.wmsid == 'autoRateShop') {\r\n this.autoRateShop();\r\n } else if (obj.wmsid == 'recalcPackages') {\r\n this.recalcPackages();\r\n } else if (obj.wmsid == 'newPackageType') {\r\n this.newPackageType();\r\n } else if (obj.wmsid == 'printBatchedShippingLabel') {\r\n this.printBatchedShippingLabel();\r\n } else if (obj.wmsid == 'createIntlDocuments') {\r\n this.createIntlDocuments();\r\n } else if (obj.wmsid == 'createPackingSlips') {\r\n this.createPackingSlips();\r\n } else if (obj.wmsid == 'createContinerManifestRequest') {\r\n this.createContinerManifestRequest();\r\n } else if (obj.wmsid == 'reprintContinerManifestRequest') {\r\n this.reprintContinerManifestRequest();\r\n } else if (obj.wmsid == 'createEndofDayRequest') {\r\n this.createEndofDayRequest();\r\n } else if (obj.wmsid == 'reprintEndofDayRequest') {\r\n this.reprintEndofDayRequest();\r\n } else if (obj.wmsid == 'voidLabelsConfirm') {\r\n this.voidLabelsConfirm();\r\n } else if (obj.wmsid == 'resetFailedHvp') {\r\n this.resetFailedHvp();\r\n } else if (obj.wmsid == 'packAndSlipModel') {\r\n this.onOpenPackAndShipModel();\r\n } else if (obj.wmsid == 'BarcodeSheet') {\r\n this.BarcodeSheet();\r\n } else if (obj.wmsid == 'editShippingInfo') {\r\n this.editShippingInfo();\r\n } else if (obj.wmsid == 'closeOrder') {\r\n this.closeOrder();\r\n } else if (obj.wmsid == 'smallParcelViewSummary') {\r\n this.smallParcelViewSummary();\r\n } else if (obj.wmsid == 'pickTicket') {\r\n this.pickTicket();\r\n } else if (obj.wmsid == 'masterPickTicket') {\r\n this.masterPickTicket();\r\n } else if (obj.wmsid == 'addToNew') {\r\n this.onOpenBatch('addToNew');\r\n } else if (obj.wmsid == 'addToExistingBatch') {\r\n this.onOpenBatch('addToExisting');\r\n } else if (obj.wmsid == 'removeFromBatch') {\r\n this.onRemoveFromBatch();\r\n }\r\n }\r\n\r\n smallParcelViewSummary = () => {\r\n let tempkey = this.state.LocalKendoGrid.getKeys();\r\n let dataItem = {\r\n 'isOnViewSummaryClick': true,\r\n 'dataItem': this.state.LocalKendoGrid.getItem(tempkey) // technically the key is the orderId as well so this step is redundant but just in case we run into a wierd scenario\r\n };\r\n this.props.onViewSummary(dataItem);\r\n }\r\n pickTicket = (e) => {\r\n var customerIds = [];\r\n this.state.LocalKendoGrid.getKeys().forEach(key => {\r\n var selectedItem = this.state.LocalKendoGrid.getItem(key);\r\n if (!customerIds.includes(selectedItem.CustomerId)) {\r\n customerIds.push(selectedItem.CustomerId);\r\n }\r\n });\r\n console.log(\"customerIds :\", customerIds);\r\n this.setState({\r\n isOpenPickTicketModel: true,\r\n sharedSelectedCustomerIds: customerIds,\r\n ticketModelConfig: {\r\n title: this.translate('Label_Pick_Ticket'),\r\n height: 470,\r\n batchOrderId: null,\r\n flow: 'regular',\r\n pickTicketId: \"pickTicketModel\"\r\n },\r\n });\r\n }\r\n masterPickTicket = (e) => {\r\n this.setState({\r\n isOpenPickTicketModel: true,\r\n ticketModelConfig: {\r\n title: this.translate('Label_Master_Pick_Ticket'),\r\n height: 325,\r\n batchOrderId: (this.state.sharedSelectedOrderData != null) ? this.state.sharedSelectedOrderData.BatchOrderId : null,\r\n flow: 'master',\r\n pickTicketId: \"masterPickTicketModel\"\r\n },\r\n });\r\n }\r\n closePickTicketModel = () => {\r\n this.setState({\r\n isOpenPickTicketModel: false,\r\n ticketModelConfig: {\r\n title: '',\r\n height: 0,\r\n batchOrderId: null,\r\n flow: '',\r\n pickTicketId: \"modalPickticket\"\r\n },\r\n });\r\n }\r\n\r\n consolidatePackages = () => {\r\n this.setState({ sharedIsOpenConsolidatePackages: true });\r\n }\r\n onCloseConsolidatePackages = () => {\r\n this.setState({ sharedIsOpenConsolidatePackages: false });\r\n }\r\n printBatchedShippingLabel = () => {\r\n this.setState({ isOpenPrintBatchedShippingModel: true });\r\n }\r\n closePrintBatchedShippingLabel = () => {\r\n this.setState({ isOpenPrintBatchedShippingModel: false });\r\n // Refresh Small Parcel Grid When Modal Close.\r\n this.refreshSmallParcelGrid();\r\n }\r\n recalcPackages = () => {\r\n var orderIds = this.state.LocalKendoGrid.getKeys().map(function (value) {\r\n return parseInt(value);\r\n });\r\n\r\n this.setState({ gifLoaderText: this.translate('Label_Recalc_Packages') });\r\n smallParcelService.recalcPackages(orderIds).then((response) => {\r\n GlobalService.notification('success', this.translate('Label_Recalc_Packages_Success'));\r\n this.resetGridSelectionAndButton();\r\n }).finally(() => {\r\n this.setState({ gifLoaderText: '' });\r\n });\r\n }\r\n newPackageType = () => {\r\n this.setState({\r\n isOpenPackageDefModal: true,\r\n newPkgType: true\r\n });\r\n }\r\n\r\n closePackageDefModal = () => {\r\n this.setState({\r\n isOpenPackageDefModal: false\r\n });\r\n }\r\n createEndofDayRequest = () => {\r\n if(this.state.Rights['Integrations.SmallParcelPartner'] == 'ParcelApi') {\r\n smallParcelService.manifestStarter(this.state.SharedSelectedOrderIds, this.state.sharedSelectedOrderData.CustomerId).then((response) => {\r\n var targetElement = $('[data-wms-selector=\"SmallParcelDocuments\"]');\r\n this.$rootScope.animationMoveIcon(targetElement);\r\n this.$rootScope.taskStarted();\r\n var transferOrderObj = {\r\n \"type\": \"createEndOfDay\",\r\n \"relativeUri\": response.data.StatusRelativeUri\r\n }\r\n var event = new CustomEvent(\"showProgressModal\", {\r\n detail: transferOrderObj,\r\n });\r\n document.dispatchEvent(event);\r\n }).finally(() => { });\r\n } else {\r\n this.setState({ gifLoaderText: this.translate('Label_End_of_Day_Request') });\r\n\r\n smallParcelService.parcelFinalizer(this.state.SharedSelectedOrderIds).then((response) => {\r\n if (typeof response != \"undefined\" && response.status == 204 || response.status == 200) {\r\n GlobalService.notification('success', this.translate('Label_Smart_Parcel_End_of_Day_Request'));\r\n\r\n if (response != null && response.data != null && response.data.length > 0)\r\n {\r\n var blob = ArrayWms.convertBase64ToByteArray(response.data, 'application/pdf');\r\n ArrayWms.displayBlobInWindow(blob, 'Manifest.pdf');\r\n }\r\n\r\n this.resetGridSelectionAndButton();\r\n }\r\n }).finally(() => {\r\n this.setState({ gifLoaderText: '' });\r\n });\r\n }\r\n }\r\n reprintEndofDayRequest = () => {\r\n this.setState({ sharedIsOpenReprintEndOfDayReport: true });\r\n }\r\n onCloseReprintEndOfDayReport = () => {\r\n this.setState({ sharedIsOpenReprintEndOfDayReport: false });\r\n }\r\n\r\n onOpenPackAndShipModel = (selectedOrderId = null) => {\r\n let newState = {\r\n sharedIsPackAndShipModel: true,\r\n }\r\n\r\n if (selectedOrderId) {\r\n newState.SharedSelectedOrderIds = selectedOrderId;\r\n }\r\n\r\n this.setState(newState);\r\n }\r\n BarcodeSheet = (selectedOrderId = null) => {\r\n this.setState({\r\n barcodeDownloadLoading: true,\r\n gifLoaderText: this.translate('Label_Barcode_Cheat_Sheet')\r\n }, () => {\r\n this.updateInitialPrintMenu();\r\n });\r\n\r\n smallParcelPdfGenerator.generatePdf(this.barcodeDataStatic, this.state.barcodeDataAll, this.state.barcodeDataCustomer)\r\n .then((response) => {\r\n GlobalService.notification('success', \"Pdf download completed\");\r\n }).finally(() => {\r\n this.setState({\r\n barcodeDownloadLoading: false,\r\n gifLoaderText: ''\r\n }, () => {\r\n this.updateInitialPrintMenu();\r\n });\r\n });\r\n\r\n }\r\n\r\n onClosePackAndShipModel = () => {\r\n this.setState({ sharedIsPackAndShipModel: false });\r\n if (this.refs.smallParcelGrid) {\r\n this.refs.smallParcelGrid.cleanScanInput();\r\n this.refs.smallParcelGrid.setFocusOnScanInput();\r\n }\r\n }\r\n editShippingInfo = (isEditCareerInfoBaseCall = '') => {\r\n this.isEditCareerInfoBaseCall = isEditCareerInfoBaseCall;\r\n var sharedSelectedGridRecored = this.state.LocalKendoGrid.getItem(this.state.SharedSelectedOrderIds[0]);\r\n if (!sharedSelectedGridRecored) {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var models = grid.dataSource.data();\r\n sharedSelectedGridRecored = models.find(element => element.OrderId == this.state.SharedSelectedOrderIds[0]);\r\n }\r\n this.setState({\r\n sharedIsShipInfoModelOpen: true,\r\n sharedSelectedGridRecored: sharedSelectedGridRecored\r\n });\r\n }\r\n onCloseShipInfoModel = (baseCall = '') => {\r\n if (baseCall == \"callFromSave\" && this.isEditCareerInfoBaseCall == \"packNShipEditCareer\") {\r\n this.refs.smallParcelPackNShipTransaction.updateCarrierAndServiceInfo();\r\n }\r\n this.isEditCareerInfoBaseCall = '';\r\n this.setState({ sharedIsShipInfoModelOpen: false });\r\n }\r\n autoRateShop = () => {\r\n this.setState({ gifLoaderText: this.translate('Label_Shop_Cheapest_Rate') });\r\n\r\n // Call Auto Rate Starter API\r\n let dataObj = {\r\n \"OrderIds\": this.state.SharedSelectedOrderIds,\r\n \"ReturnAllRates\": false,\r\n \"MultiOrderRateShopOnShip\": false\r\n }\r\n smallParcelService.parcelAutoRateShopperStarter(dataObj).then((response) => {\r\n if(response && response.data) {\r\n this.getParcelAutoRateShopperStatus(response.data);\r\n }\r\n });\r\n }\r\n\r\n getParcelAutoRateShopperStatus = (data) => {\r\n smallParcelService.parcelAutoRateShopperStatus(data.StatusRelativeUri).then((response) => {\r\n if(response.data.Done) {\r\n GlobalService.notification('success', this.translate('Label_Smart_Parcel_Auto_Rate_Shopping_Success'));\r\n this.resetGridSelectionAndButton();\r\n this.setState({ gifLoaderText: '' });\r\n } else {\r\n setTimeout(() => {\r\n this.getParcelAutoRateShopperStatus(response.data);\r\n }, 3000);\r\n }\r\n }, (err) => {\r\n this.resetGridSelectionAndButton();\r\n this.setState({ gifLoaderText: '' });\r\n });\r\n };\r\n\r\n createIntlDocuments = () => {\r\n let orderids = JSON.stringify(this.state.SharedSelectedOrderIds);\r\n this.$rootScope.OpenWindow({\r\n url: '>;\r\n modalConfig: ModalConfig;\r\n};\r\n\r\nexport const CreateHVPContext = createContext(undefined);\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { ChangeEvent, useState, useEffect, useCallback, useContext } from \"react\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\nimport { default as WmsDropdown } from \"../../../components/WmsDropdown/WmsDropdown.jsx\";\r\nimport { default as WmsDateTimePicker } from \"../../../components/WmsDateTimePicker/WmsDateTimePicker.jsx\";\r\nimport { FormValues } from \"./create-hvp-batch-modal.js\";\r\nimport * as GlobalService from \"../../../global_services.js\";\r\nimport { DropdownOption } from \"./create-hvp-batch-modal.js\";\r\nimport { CreateHVPContext } from \"../context/createHVPContext\";\r\nimport \"./create-hvp-batch-modal.scss\";\r\nimport WmsButton from \"../../../components/WmsButton/WmsButton.jsx\";\r\nimport WmsCheckBox from \"../../../components/WmsCheckBox/WmsCheckBox.jsx\";\r\nimport _ from \"lodash\";\r\n\r\ninterface CreateHVPBatchStep1Props {\r\n selector: string;\r\n warehouseOptions: DropdownOption[];\r\n customerOptions: DropdownOption[];\r\n packageOptions: DropdownOption[];\r\n formValues: FormValues;\r\n onInputChange: (event: ChangeEvent) => void;\r\n onPresetFormValuesChange: (formValues) => void;\r\n}\r\n\r\nexport default function CreateHVPBatchStep1({\r\n selector,\r\n onInputChange,\r\n warehouseOptions,\r\n customerOptions,\r\n packageOptions,\r\n formValues,\r\n onPresetFormValuesChange,\r\n}: CreateHVPBatchStep1Props) {\r\n /**\r\n * Constants and Globals\r\n */\r\n const translate = (window as any).translate as any;\r\n const labelFormatOptions = [\r\n { description: \"PDF\", value: \"Pdf\" },\r\n { description: \"ZPL\", value: \"Zpl\" },\r\n { description: \"PNG (Combo Label)\", value: \"Png\" },\r\n ];\r\n const returnLabelOptions = [\r\n { description: \"Not Included\", value: false },\r\n { description: \"Included\", value: true },\r\n ];\r\n const presetClassName = \"preset-btn-save\";\r\n const keyName = \"HighVolumeProcessing\";\r\n\r\n /**\r\n * States and Context\r\n */\r\n const [labelTemplateOptions, setLabelTemplateOptions] = useState([{ description: \"Default\", value: \"Default\" }]);\r\n const [presetDropdownOptions, setPresetDropdownOptions] = useState([\r\n { description: \"Create New Preset\", value: \"CreateNewPreset\" },\r\n ]);\r\n const { setModalConfig, modalConfig } = useContext(CreateHVPContext);\r\n const [isPresetDefault, setIsPresetDefault] = useState(false);\r\n const [isCreateNewPreset, setIsCreateNewPreset] = useState(false);\r\n const [isAddNewPresetLoading, setIsAddNewPresetLoading] = useState(false);\r\n const [isSaveDisabled, setIsSaveDisabled] = useState(true);\r\n const [isPresetNameExists, setIsPresetNameExists] = useState(false);\r\n const [presetValues, setPresetValues] = useState(\"\");\r\n const [presetNameValues, setPresetNameValues] = useState(\"\");\r\n const [presetArrayData, setPresetArrayData] = useState([]);\r\n\r\n /**\r\n * Functions\r\n */\r\n const setDefaultPreset = (presetResponseData) => {\r\n setFormValues();\r\n let defaultPresetObjData = _.find(presetResponseData, { presetDefault: true });\r\n if (defaultPresetObjData) {\r\n setPresetValues(defaultPresetObjData.presetData.preset);\r\n formValues.preset = defaultPresetObjData.presetData.preset;\r\n formValues.batchName = defaultPresetObjData.presetData.batchName;\r\n formValues.warehouse = defaultPresetObjData.presetData.warehouse;\r\n formValues.customer = defaultPresetObjData.presetData.customer;\r\n formValues.labelFormat = defaultPresetObjData.presetData.labelFormat;\r\n formValues.labelDate = \"\";\r\n formValues.returnLabel = defaultPresetObjData.presetData.returnLabel;\r\n formValues.labelTemplate = defaultPresetObjData.presetData.labelTemplate;\r\n formValues.package = defaultPresetObjData.presetData.package;\r\n onPresetFormValuesChange(defaultPresetObjData.presetData);\r\n }\r\n };\r\n\r\n const onPresetInputChange = (event: ChangeEvent) => {\r\n setFormValues();\r\n setPresetValues(event.target.value);\r\n if (event.target.value === \"CreateNewPreset\") {\r\n setIsCreateNewPreset(true);\r\n } else {\r\n setIsCreateNewPreset(false);\r\n let selectedObjData = _.find(presetArrayData, { presetName: event.target.value });\r\n if (selectedObjData) {\r\n formValues.preset = selectedObjData.presetData.preset;\r\n formValues.batchName = selectedObjData.presetData.batchName;\r\n formValues.warehouse = selectedObjData.presetData.warehouse;\r\n formValues.customer = selectedObjData.presetData.customer;\r\n formValues.labelFormat = selectedObjData.presetData.labelFormat;\r\n formValues.labelDate = \"\";\r\n formValues.returnLabel = selectedObjData.presetData.returnLabel;\r\n formValues.labelTemplate = selectedObjData.presetData.labelTemplate;\r\n formValues.package = selectedObjData.presetData.package;\r\n onPresetFormValuesChange(selectedObjData.presetData);\r\n }\r\n }\r\n };\r\n\r\n const setFormValues = () => {\r\n formValues.preset = \"\";\r\n formValues.batchName = \"\";\r\n formValues.warehouse = \"0\";\r\n formValues.customer = \"0\";\r\n formValues.labelFormat = \"Pdf\";\r\n formValues.labelDate = \"\";\r\n formValues.returnLabel = false;\r\n formValues.labelTemplate = \"Default\";\r\n formValues.package = null;\r\n $(\".fa-times-circle-o\").click();\r\n };\r\n\r\n const onPresetNameInputChange = (event: ChangeEvent) => {\r\n const isNameExist = _.some(presetArrayData, (preset) => {\r\n return preset.presetName.toLowerCase() === event.target.value.toLowerCase();\r\n });\r\n if (isNameExist) {\r\n setIsPresetNameExists(true);\r\n setIsSaveDisabled(true);\r\n } else {\r\n setIsPresetNameExists(false);\r\n if (event.target.value !== \"\") {\r\n setIsSaveDisabled(false);\r\n } else {\r\n setIsSaveDisabled(true);\r\n }\r\n }\r\n setPresetNameValues(event.target.value);\r\n };\r\n\r\n const onInputCheckChange = (event: ChangeEvent) => {\r\n if (event.target.checked) {\r\n setIsPresetDefault(true);\r\n } else {\r\n setIsPresetDefault(false);\r\n }\r\n };\r\n\r\n const onPresetCancel = () => {\r\n setPresetValues(\"\");\r\n setPresetNameValues(\"\");\r\n setIsPresetDefault(false);\r\n setIsCreateNewPreset(false);\r\n setIsSaveDisabled(true);\r\n setFormValues();\r\n };\r\n\r\n const addNewPreset = () => {\r\n setIsAddNewPresetLoading(true);\r\n // Add New Preset\r\n const addNewPresetObj = {\r\n preset: presetValues,\r\n presetName: presetNameValues,\r\n presetDefault: isPresetDefault,\r\n presetData: {\r\n preset: presetNameValues,\r\n batchName: formValues.batchName,\r\n warehouse: formValues.warehouse,\r\n customer: formValues.customer,\r\n labelFormat: formValues.labelFormat,\r\n returnLabel: formValues.returnLabel,\r\n labelTemplate: formValues.labelTemplate,\r\n package: formValues.package,\r\n },\r\n };\r\n\r\n let tempPresetArrayData = [...presetArrayData];\r\n if (isPresetDefault) {\r\n tempPresetArrayData = tempPresetArrayData?.map((data) => ({ ...data, ...{ presetDefault: false } }));\r\n }\r\n const latestPresetArrayData = [...tempPresetArrayData, addNewPresetObj];\r\n setPresetArrayData(latestPresetArrayData);\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(latestPresetArrayData));\r\n // Update Preset Dropdown Options\r\n const updatedDropdownOptions = [\r\n ...presetDropdownOptions,\r\n {\r\n description: presetNameValues,\r\n value: presetNameValues,\r\n },\r\n ];\r\n setPresetDropdownOptions(updatedDropdownOptions);\r\n\r\n setTimeout(() => {\r\n onPresetCancel();\r\n setIsAddNewPresetLoading(false);\r\n }, 100);\r\n };\r\n\r\n const handleUpdateCustomerLabelTemplates = useCallback(async () => {\r\n const reports = await GlobalService.initialPrintMenu(formValues.customer);\r\n const templateOptions = reports?.find((reportObj) => reportObj?.CategoryName === \"Reprint Shipping Label\");\r\n setLabelTemplateOptions(\r\n templateOptions?.Reports?.map((templateObj) => ({\r\n description: templateObj?.Name,\r\n value: templateObj?.Name,\r\n })) ?? []\r\n );\r\n }, [formValues.customer]);\r\n\r\n /**\r\n * UseEffects\r\n */\r\n\r\n useEffect(() => {\r\n setModalConfig({\r\n ...modalConfig,\r\n width: 800,\r\n height: 800,\r\n modalTitle: \"Create High Volume Batch\",\r\n modalSubtitle: \"Set Batch Details\",\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n GlobalService.getUserClientMetaData(keyName).then(\r\n function successCallBack(response) {\r\n if (response !== \"\") {\r\n let tempResponseData = JSON.parse(response);\r\n setPresetArrayData([...tempResponseData]);\r\n const updatedDropdownOptions = [\r\n ...presetDropdownOptions,\r\n ...tempResponseData.map((responseObj) => ({\r\n description: responseObj?.presetName,\r\n value: responseObj?.presetName,\r\n })),\r\n ];\r\n setPresetDropdownOptions(updatedDropdownOptions);\r\n if (formValues.preset !== \"\") {\r\n setPresetValues(formValues.preset);\r\n } else {\r\n setDefaultPreset(tempResponseData);\r\n }\r\n }\r\n },\r\n function errorCallBack(response) {\r\n console.log(\"Error! No HVP User Metadata\", response);\r\n }\r\n );\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (formValues.customer === \"0\") {\r\n setLabelTemplateOptions([{ description: \"Default\", value: \"Default\" }]);\r\n onInputChange({ target: { name: \"labelTemplate\", value: \"Default\" } } as ChangeEvent);\r\n } else {\r\n handleUpdateCustomerLabelTemplates();\r\n }\r\n }, [formValues.customer, handleUpdateCustomerLabelTemplates]);\r\n\r\n useEffect(() => {\r\n if (formValues.warehouse === \"\") {\r\n onInputChange({ target: { name: \"customer\", value: \"0\" } } as ChangeEvent);\r\n }\r\n }, [formValues.warehouse]);\r\n\r\n return (\r\n <>\r\n ) => void;\r\n}\r\n\r\ninterface EventObjectProperties {\r\n name: string;\r\n value: any;\r\n}\r\n\r\nexport default function CreateHVPBatchStep2({\r\n selector,\r\n onInputChange,\r\n warehouseOptions,\r\n customerOptions,\r\n packageOptions,\r\n formValues,\r\n}: CreateHVPBatchStep1Props) {\r\n /**\r\n * Constants and Globals\r\n */\r\n const translate = (window as any).translate as any; //used to translate texts;\r\n const gridId = \"SmallParcelCreateHVPRemoteGrid\";\r\n const displayBatchesOptions = [\r\n { description: \"Batches and Single Orders\", value: \"batchesAndOrders\" },\r\n { description: \"Single Orders Only\", value: \"singleOrders\" },\r\n { description: \"Batches Only\", value: \"batchesOrders\" },\r\n ];\r\n\r\n const smallParcelHVPGridHeaders = StringWms.convertSringToOption(translate(\"SmallParcel_GridHeaders\"));\r\n\r\n const defaultColumns = GridConfig.getGridDefaultColumns({\r\n customLabels: GlobalService.getCustomLabels(),\r\n gridHeaders: smallParcelHVPGridHeaders,\r\n });\r\n\r\n const defaultFilters = {\r\n SearchTarget: \"\",\r\n IndexOptionsCustomerId: formValues.customer,\r\n IndexOptionsFacilityId: formValues.warehouse,\r\n IndexOptionsSearchBy: 0,\r\n StartDate: \"\",\r\n EndDate: \"\",\r\n IndexOptionBatchName: 0,\r\n BatchName: \"\",\r\n IndexOptionBatchOrderId: 0,\r\n IndexOptionsReferenceNumber: 0,\r\n ReferenceNumber: \"\",\r\n IndexOptionsPoNum: 0,\r\n PurchaseOrderNumber: \"\",\r\n IndexOptionsShipToCountry: 0,\r\n ShipToCountry: \"\",\r\n IndexOptionsShipToState: 0,\r\n ShipToState: \"\",\r\n IndexOptionsShipToZip: 0,\r\n ShipToZip: \"\",\r\n IndexOptionsOrderNote: 0,\r\n OrderNote: \"\",\r\n Skus: [],\r\n sharedSelectOrder: null,\r\n openFormType: \"\",\r\n IndexOptionsStatus: 0,\r\n };\r\n\r\n /**\r\n * States and Contexts\r\n */\r\n const { setModalConfig, modalConfig } = useContext(CreateHVPContext);\r\n const [localKendoGrid, setLocalKendoGrid] = useState(\r\n new KendoGridWmsVirtual(gridId, modalConfig.windowId, \"OrderId\")\r\n );\r\n\r\n const fixedColumnsToRequest = [\r\n \"OrderId\",\r\n \"BatchOrderId\",\r\n \"BatchName\",\r\n \"Status\",\r\n \"CreatedDate\",\r\n \"SmallParcelShipDate\",\r\n \"BatchCreationDate\",\r\n ];\r\n\r\n /**\r\n * Functions\r\n */\r\n\r\n const createEventObject = ({ value, name }: EventObjectProperties) => {\r\n return { target: { name, value } };\r\n };\r\n\r\n const setLoading = (active: boolean) => {\r\n kendo.ui.progress($(\"#createHVPBatchModal\"), active);\r\n };\r\n\r\n const getSmallParcelData = async () => {\r\n setLoading(true);\r\n const { data } = await axios.put(\"/WebUI/Shipping/SmartParcel/SmartParcelData?filters=[]\", {\r\n \"columns\": [...defaultColumns.map((col) => col.field), ...fixedColumnsToRequest],\r\n \"searchInfo\": defaultFilters,\r\n });\r\n\r\n const gridDataChangeEvent = createEventObject({\r\n name: \"gridOrdersOnlyData\",\r\n value: data?.Data ?? [],\r\n });\r\n\r\n onInputChange(gridDataChangeEvent as ChangeEvent);\r\n setLoading(false);\r\n };\r\n\r\n const clearGridSelection = () => {\r\n if (localKendoGrid !== null) {\r\n localKendoGrid.clearSelections(() => {\r\n localKendoGrid.repaintSelections();\r\n });\r\n }\r\n };\r\n\r\n const handleRowSelection = (kendoGrid: KendoGridWmsVirtual, isCallFrom?: boolean) => {\r\n const selectedValues = kendoGrid.getDictionary().Values();\r\n const selectedOrders = Array.from(\r\n new Set(\r\n selectedValues.map((orderObject) => {\r\n if (orderObject?.Orders?.length) {\r\n return [...orderObject.Orders];\r\n }\r\n return orderObject?.OrderId;\r\n })\r\n )\r\n ).flat();\r\n\r\n const gridDataChangeEvent = createEventObject({\r\n name: \"selectedOrders\",\r\n value: selectedOrders ?? [],\r\n });\r\n\r\n onInputChange(gridDataChangeEvent as ChangeEvent);\r\n setLocalKendoGrid(kendoGrid);\r\n };\r\n\r\n /**\r\n * UseEffects\r\n */\r\n\r\n useEffect(() => {\r\n setModalConfig({ ...modalConfig, modalSubtitle: `Select Orders (${formValues.batchName})`, width: 1200 });\r\n getSmallParcelData();\r\n const ordersSelectionEvent = createEventObject({\r\n name: \"selectedOrders\",\r\n value: [],\r\n });\r\n onInputChange(ordersSelectionEvent as ChangeEvent);\r\n }, []);\r\n\r\n useEffect(() => {\r\n clearGridSelection();\r\n }, [formValues.display]);\r\n\r\n return (\r\n <>\r\n ([]);\r\n const [customerOptions, setCustomerOptions] = useState([]);\r\n const [packageOptions, setPackageOptions] = useState([]);\r\n const [nextButtonDisabledStatus, setNextButtonDisabledStatus] = useState(true);\r\n const [availablePackagesList, setAvailablePackagesList] = useState([]);\r\n const [formValues, setFormValues] = useState({\r\n batchName: \"\",\r\n warehouse: \"0\",\r\n customer: \"0\",\r\n labelFormat: \"Pdf\",\r\n labelDate: \"\",\r\n returnLabel: false,\r\n labelTemplate: \"Default\",\r\n package: null,\r\n display: \"batchesOrders\",\r\n gridDataToDisplay: null,\r\n gridBatchesAndOrdersData: [],\r\n gridBatchesOnlyData: [],\r\n gridOrdersOnlyData: [],\r\n selectedOrders: [],\r\n preset: \"\",\r\n });\r\n const [modalConfig, setModalConfig] = useState({\r\n width: 800,\r\n height: 800,\r\n modalTitle: \"Create High Volume Batch\",\r\n modalSubtitle: \"Set Batch Details\",\r\n windowId: windowId,\r\n });\r\n\r\n const getCurrentStep = () => {\r\n return steps[currentStep as number];\r\n };\r\n\r\n function filterSmallParcelShipDateFromGridData(data) {\r\n if (!data?.length) return data;\r\n return data.filter((item) => {\r\n return !item.SmallParcelShipDate;\r\n });\r\n }\r\n const handleFormValueChange = (event: ChangeEvent) => {\r\n const { name, value } = event.target;\r\n setFormValues((previousValue) => ({ ...previousValue, [name]: value }));\r\n\r\n if (name === \"customer\") {\r\n handleCustomerChange(value);\r\n }\r\n\r\n if (name === \"gridOrdersOnlyData\") {\r\n const batchesAndOrdersArray = buildOrdersAndBatchesArray(value as unknown as any[]);\r\n const gridBatchesOnlyData = buildBatchesArray(\r\n (value as unknown as any[])?.filter((order) => order.BatchOrderId)\r\n );\r\n setFormValues((previousValue) => ({\r\n ...previousValue,\r\n gridDataToDisplay: filterSmallParcelShipDateFromGridData(gridBatchesOnlyData),\r\n gridBatchesOnlyData,\r\n gridBatchesAndOrdersData: batchesAndOrdersArray,\r\n }));\r\n }\r\n\r\n if (name === \"display\") {\r\n handleDisplayValueChange(value as DisplayOptions);\r\n }\r\n };\r\n\r\n const handlePresetFormValuesChange = (presetFormValues) => {\r\n setFormValues((previousValue) => {\r\n return {\r\n ...previousValue,\r\n batchName: presetFormValues.batchName,\r\n warehouse: presetFormValues.warehouse,\r\n customer: presetFormValues.customer,\r\n labelFormat: presetFormValues.labelFormat,\r\n labelDate: \"\",\r\n returnLabel: presetFormValues.returnLabel,\r\n labelTemplate: presetFormValues.labelTemplate,\r\n package: presetFormValues.package,\r\n };\r\n });\r\n handleCustomerChange(presetFormValues.customer, presetFormValues.package);\r\n };\r\n\r\n const handleCustomerChange = (customer, presetPackage = null) => {\r\n if (customer !== \"0\" && formValues.warehouse !== \"0\") {\r\n setPackageOptions(\r\n availablePackagesList?.filter(\r\n (pkg) => pkg.assignedCustomers.includes(Number(customer)) || !pkg.assignedCustomers.length\r\n )\r\n );\r\n setFormValues({ ...formValues, package: presetPackage, customer: customer });\r\n }\r\n if (customer === \"0\") {\r\n setPackageOptions(availablePackagesList?.filter((pkg) => !pkg.assignedCustomers.length));\r\n setFormValues({ ...formValues, package: presetPackage, customer: customer });\r\n }\r\n };\r\n\r\n const buildOrdersAndBatchesArray = (batches: any[]) => {\r\n const ordersAndBatchesArray = [];\r\n batches.forEach((order) => {\r\n if (order?.BatchOrderId) {\r\n updateOrdersAndBatchesArray({\r\n ordersAndBatchesArray: ordersAndBatchesArray,\r\n order,\r\n displayOption: \"batchesAndOrders\",\r\n });\r\n } else {\r\n ordersAndBatchesArray.push(order);\r\n }\r\n });\r\n return ordersAndBatchesArray;\r\n };\r\n\r\n const buildBatchesArray = (batches: any[]) => {\r\n const newBatchesArray = [];\r\n batches.forEach((batchOrder) => {\r\n updateOrdersAndBatchesArray({\r\n ordersAndBatchesArray: newBatchesArray,\r\n order: batchOrder,\r\n displayOption: \"batchesOrders\",\r\n });\r\n });\r\n\r\n return newBatchesArray;\r\n };\r\n\r\n const updateOrdersAndBatchesArray = ({\r\n ordersAndBatchesArray,\r\n order,\r\n displayOption,\r\n }: UpdateOrderAndBatchesArrayProps) => {\r\n const existingBatch = ordersAndBatchesArray.find((orderItem) => orderItem.BatchOrderId === order.BatchOrderId);\r\n if (existingBatch) {\r\n existingBatch.OrderCount += 1;\r\n existingBatch.TotPackages += order.TotPackages;\r\n existingBatch.Orders = [...existingBatch.Orders, order.OrderId];\r\n } else {\r\n ordersAndBatchesArray.push({ ...order, Orders: [order.OrderId], OrderCount: 1, displayOption });\r\n }\r\n };\r\n\r\n const handleDisplayValueChange = (newDisplayValue: DisplayOptions) => {\r\n if (newDisplayValue === \"batchesAndOrders\") {\r\n return setFormValues((previousFormValue) => ({\r\n ...previousFormValue,\r\n gridDataToDisplay: filterSmallParcelShipDateFromGridData(previousFormValue.gridBatchesAndOrdersData),\r\n }));\r\n }\r\n if (newDisplayValue === \"batchesOrders\") {\r\n return setFormValues((previousFormValue) => ({\r\n ...previousFormValue,\r\n gridDataToDisplay: filterSmallParcelShipDateFromGridData(previousFormValue.gridBatchesOnlyData),\r\n }));\r\n }\r\n if (newDisplayValue === \"singleOrders\") {\r\n return setFormValues((previousFormValue) => ({\r\n ...previousFormValue,\r\n gridDataToDisplay: filterSmallParcelShipDateFromGridData(previousFormValue.gridOrdersOnlyData),\r\n }));\r\n }\r\n };\r\n\r\n const steps: JSX.Element[] = [\r\n \r\n \r\n {!isLoading && (\r\n <>\r\n ) => void;\r\n filters: GridFilter[];\r\n onClearFilters: () => void;\r\n}\r\n\r\nexport default function SmallParcelHVPSearch({ filters = [], ...props }: SmallParcelHVPSearchProps) {\r\n /**\r\n * Globals & Constants\r\n */\r\n const translate = (window as any).translate as any;\r\n const selector = \"SmallParcelHVPSearch\";\r\n\r\n /**\r\n * States\r\n */\r\n\r\n const [isClickSearchFilterToggle, setIsClickSearchFilterToggle] = useState(false);\r\n const [isMenuExpanded] = useState(true);\r\n const [customerOptions, setCustomerOptions] = useState([]);\r\n const [warehouseOptions, setWarehouseOptions] = useState([]);\r\n\r\n /**\r\n * Functions\r\n */\r\n\r\n const clickForFilterToggle = () => {\r\n setIsClickSearchFilterToggle(true);\r\n props.onClickForFilterToggle();\r\n };\r\n\r\n const handleFilterChange = (event) => {\r\n return props.onFilterChange(event);\r\n };\r\n\r\n const handleGetCustomersList = async () => {\r\n const customers = await GlobalService.getCustomerList(false);\r\n customers.unshift({\r\n \"id\": 0,\r\n \"name\": \"All Customers\",\r\n \"value\": \"\",\r\n });\r\n setCustomerOptions(customers);\r\n handleFilterChange({\r\n target: {\r\n name: \"Status\",\r\n value: \"\",\r\n },\r\n } as React.ChangeEvent);\r\n };\r\n\r\n const handleGetWarehousesList = async () => {\r\n const warehouses = await GlobalService.getFacilityList(false);\r\n warehouses.unshift({\r\n \"id\": 0,\r\n \"name\": \"All Warehouses\",\r\n \"value\": \"\",\r\n });\r\n setWarehouseOptions(warehouses);\r\n };\r\n\r\n useEffect(() => {\r\n handleGetCustomersList();\r\n handleGetWarehousesList();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n );\r\n}\r\n","import React, { useState } from \"react\";\r\nimport SmallParcelHVPGrid from \"./components/grid/small-parcel-hvp-grid-component\";\r\nimport SmallParcelHVPSearch from \"./components/search/small-parcel-hvp-search.component\";\r\nimport type { GridFilter } from \"./components/grid/small-parcel-hvp-grid_configuration.virtual\";\r\nimport \"./smallParcelHVPSuit.scss\";\r\n\r\nexport function SmallParcelHVPHolder(props) {\r\n /**\r\n * Constants and Globals\r\n */\r\n const windowId = (window as any).ChildBulletin.Data.Window; //used to store the tab index;\r\n const smallParcelHVPGridId = \"SmallParcelHVPRemoteGrid\";\r\n const filterStartDate = \"today~00:00:00\";\r\n const filterEndDate = \"today~23:59:59\";\r\n const defaultFilters: GridFilter[] = [\r\n {\r\n field: \"startDate\",\r\n operator: \"gte\",\r\n value: filterStartDate,\r\n },\r\n {\r\n field: \"endDate\",\r\n operator: \"lte\",\r\n value: filterEndDate,\r\n },\r\n ];\r\n\r\n /**\r\n * States\r\n */\r\n\r\n const [filterAreaToggle, setFilterAreaToggle] = useState(false);\r\n const [isAnimatedClassAdded, setIsAnimatedClassAdded] = useState(false);\r\n const [filterValues, setFilterValues] = useStateHeader Color
\r\n {Object.keys(anotherObj).map((format, key) => (\r\n {format}
\r\n this.handleClick(format)}>\r\n \r\n\r\n
\r\n {\r\n anotherObj[format]['isOpen'] ? \r\n
\r\n )\r\n }\r\n}","\r\nimport React from 'react';\r\n\r\nimport reactCSS from 'reactcss';\r\nimport { SketchPicker } from 'react-color';\r\n\r\nimport './themes.scss'\r\nvar colorVariableList;\r\nexport class SidebarColorComponent extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n colorVariableList = {\r\n \"blue-menu\": { \"val\": \"#28b7ed\", \"isOpen\": false },\r\n };\r\n\r\n this.state = {\r\n displayColorPicker: false,\r\n color: \"#fff\",\r\n anotherObj: colorVariableList,\r\n }\r\n }\r\n handleClick = (name) => {\r\n var steteAssign = this.state.anotherObj;\r\n steteAssign[name]['isOpen'] = !steteAssign[name]['isOpen'];\r\n this.setState({ anotherObj: steteAssign })\r\n };\r\n\r\n handleClose = (name) => {\r\n var steteAssign = this.state.anotherObj;\r\n steteAssign[name]['isOpen'] = false;\r\n this.setState({ anotherObj: steteAssign })\r\n };\r\n\r\n handleChange = (color, name) => {\r\n // console.log(\"handle On change :\", color, name);\r\n document.documentElement.style.setProperty('--' + name, color.hex);\r\n // this.setState({ color: color.hex })\r\n\r\n var steteAssign = this.state.anotherObj;\r\n steteAssign[name]['val'] = color.hex;\r\n this.setState({ anotherObj: steteAssign })\r\n };\r\n\r\n render() {\r\n const styles = reactCSS({\r\n 'default': {\r\n color: {\r\n width: '36px',\r\n height: '14px',\r\n borderRadius: '2px'\r\n },\r\n swatch: {\r\n padding: '5px',\r\n background: '#fff',\r\n borderRadius: '1px',\r\n boxShadow: '0 0 0 1px rgba(0,0,0,.1)',\r\n display: 'inline-block',\r\n cursor: 'pointer',\r\n },\r\n popover: {\r\n position: 'absolute',\r\n zIndex: '2',\r\n },\r\n cover: {\r\n position: 'fixed',\r\n top: '0px',\r\n right: '0px',\r\n bottom: '0px',\r\n left: '0px',\r\n },\r\n },\r\n });\r\n var anotherObj = this.state.anotherObj;\r\n return (\r\n this.handleClose(format)} />\r\n this.handleChange(e, format)} />\r\n
: null\r\n }\r\n \r\n ))}\r\n \r\n
\r\n {Object.keys(anotherObj).map((format, key) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\";\r\n }\r\n });\r\n filterText = filterText.slice(0, -1);\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n var recordsOnCurrentView = dataSource.view().length;\r\n\r\n this.setState({\r\n filterText: filterText,\r\n fullFilterText: fullFilterText\r\n });\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n
\r\n );\r\n }\r\n}","\r\nimport React from 'react';\r\nimport WmsConfirmModel from '../../components/WmsConfirmModel/WmsConfirmModel.jsx';\r\nexport class ConfirmationModal extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n }\r\n\r\n render() {\r\n return (\r\n Sidebar Color
\r\n {Object.keys(anotherObj).map((format, key) => (\r\n {format}
\r\n this.handleClick(format)}>\r\n \r\n\r\n
\r\n {\r\n anotherObj[format]['isOpen'] ? \r\n
\r\n )\r\n }\r\n}","\r\nexport function settingGridSchema() {\r\n return {\r\n model: {\r\n id: \"Symbol\",\r\n fields: {\r\n Symbol: { editable: false, nullable: true },\r\n display_name: { editable: false, nullable: true },\r\n Value: { validation: { required: true } }\r\n }\r\n }\r\n };\r\n}\r\nexport function settingGridColumns() {\r\n return [{\r\n field: \"display_name\",\r\n title: \"Name\",\r\n width: 120,\r\n wmsid: 2,\r\n editable: false,\r\n filterable: true\r\n }, {\r\n field: \"Value\",\r\n title: \"Value\",\r\n width: 120,\r\n wmsid: 3,\r\n filterable: true\r\n }]\r\n}","import React from 'react';\r\n\r\n\r\nexport class FedexEulaAgreementComponent extends React.Component {\r\n render() {\r\n return (\r\n this.handleClose(format)} />\r\n this.handleChange(e, format)} />\r\n
: null\r\n }\r\n \r\n ))}\r\n \r\n
\r\n (b) Restrictions. \r\n
\r\n (c) Modifications.\r\n
\r\n (d) Ownership and Reservation of Rights.\r\n
\r\n (b) Maintenance.\r\n
\r\n (c) Information and Data.\r\n
\r\n (d) Supplies .\r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react'\r\nimport { reportIframe } from '../../reportIframe/report-iframe.component.jsx';\r\n\r\nexport class MobilePrintingListHolder extends Component {\r\n constructor(props) {\r\n super(props)\r\n \r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n\r\n }\r\n openIframe = (param_ifram_url, param_iframe_title) => () => {\r\n this.$rootScope.OpenWindow({\r\n url: 'Appendix A-1
\r\nEnd-User License Agreement (ASP Agreement)
\r\n\r\n If Your Developer Agreement is a FedEx ASP Agreement, this EULA is to be included in\r\n Your FedEx Compatible Solution, subject to and in accordance with Your Developer\r\n Agreement:\r\n
\r\n\r\n To use the Application (as defined below), you must agree to abide by this Agreement. This\r\n Agreement gives each of us certain rights and responsibilities. You will be assuming full and\r\n sole responsibility for all use of the Application occurring under your Account Number and\r\n registration information (e.g., meter number(s), credentials, etc.); you will be limiting your\r\n remedies. Please read this Agreement carefully.\r\n
\r\n\r\n You will be required to accept this Agreement in order to complete the registration process. By\r\n clicking the \"I accept\" button, you accept and agree to be bound by all of the provisions of this\r\n Agreement, including those incorporated by reference, without modification, limitation or\r\n qualification. You will be binding yourself or your company to this Agreement. You represent\r\n that you have the authority to bind your company, if done on behalf of a company, to this\r\n Agreement. If you do not have such authority, you must click the \"I decline\" button. You must\r\n also click the \"I decline\" button if you do not agree with this Agreement. If you decline, you will\r\n not be authorized to access or use the Application and/or the FedEx services available\r\n through such Application.\r\n
\r\nFedEx End-User License Agreement
\r\n\r\n This license agreement (“Agreement”) is entered by and between FedEx Corporate Services,\r\n Inc. (“FedEx”) and you (“Licensee”).\r\n
\r\n\r\n In consideration of the mutual promises and obligations set out below, the sufficiency of\r\n which the Parties acknowledge, FedEx and Licensee acknowledge and agree as\r\n follows:\r\n
\r\nSection 1. Application, License, Restrictions.
\r\n (a) Grant. \r\n\r\n Subject to the terms and conditions of this Agreement, FedEx grants Licensee a\r\n personal, non-exclusive, royalty-free, non-assignable, non-transferable, limited, revocable\r\n license, without the right to grant sublicenses, solely within the United States, to: (i) access\r\n and use the FedEx shipping services application (“Application”), (a) only as the Application is\r\n integrated into and made accessible to Licensee as a part of Licensee’s licensed remote\r\n access to those application hosting services (“Services”) provided\r\n by_________________________ (“System Supplier”) to Licensee, and (b) only through the\r\n means provided by the System Supplier, all solely for the purposes of accessing and using\r\n those shipping and shipping related services offered, from time to time, by FedEx or its\r\n Affiliates through the Application (“FedEx Services”); (ii) access and use Documentation (as\r\n defined below) solely for the purposes of accessing and using the Application and obtaining\r\n FedEx Services; and, (iii) to the extent that Licensee incorporates shipping functionality into its\r\n public web page in connection with Licensee’s retail operations in order to facilitate shipments\r\n to its retail customers, Licensee may allow retail customers to access and use the Application,\r\n solely as part of the Service and through the means provided by the System Suppler, for the\r\n sole purpose of conducting e-commerce transactions with Licensee that request FedEx\r\n Services by (and through) Licensee; provided, however, in no event does such access by retail\r\n customers extend to third party shippers or resellers or consolidators of shipping or shipping\r\n related services except as may be expressly permitted by a separate written agreement\r\n between FedEx and Licensee. Licensee may not access or use the Application or\r\n Documentation for any other purposes.\r\n
\r\n\r\n (b) Restrictions. \r\n
\r\n (i) \r\n The license does not permit, and Licensee will not (and will not permit any employee or\r\n other third party to):\r\n
\r\n\r\n 1. \r\n Reverse engineer, decompile, disassemble, or translate the Application;\r\n
\r\n\r\n 2. \r\n Apply any procedure or process to the Application in order to ascertain, derive, and/or\r\n appropriate for any reason or purpose, the source code or source listings for the\r\n Application or any trade secret or confidential information or process contained in the\r\n Application;\r\n
\r\n\r\n 3. \r\n Remove, obscure, modify or otherwise change any product identification, copyright or other\r\n notices or legends contained in or on, or available through, the Application or Documentation;\r\n
\r\n\r\n 4. \r\n Transfer the Application, Documentation or the license, all whether in whole or in\r\n part, or grant any rights in the Application, Documentation or the license, all whether\r\n in whole or in part by sublicense or otherwise;\r\n
\r\n\r\n 5. \r\n Except as expressly permitted under Section 1(a) herein, provide, lease, lend, or otherwise\r\n use or allow others to use or have access to the Application, the Documentation or any\r\n portion thereof;\r\n
\r\n\r\n 6. \r\n Disseminate or disclose performance information or analysis (including, without limitation,\r\n benchmarks) relating to the Application without the prior written consent of FedEx;\r\n
\r\n\r\n 7. \r\n Use or display (including, doing either on a stand-alone basis (i.e., not as integrated with the\r\n Services)) the Application or Documentation, or any portion of either, except as expressly\r\n authorized in and in accordance with Section 1(a) above;\r\n
\r\n\r\n 8. \r\n Reproduce or distribute the Application or Documentation;\r\n
\r\n\r\n 9. \r\n Modify or create derivative works of the Application or Documentation; or,\r\n
\r\n\r\n 10. \r\n Use the Application to perform or order FedEx Services by or for the benefit of third\r\n parties. For the avoidance of doubt, the functionality available through the Application\r\n (e.g., that which enables Licensee to label, rate, route, record, track and invoice) may\r\n only be used by Licensee for shipments tendered to FedEx for carriage on behalf of\r\n Licensee unless expressly permitted by a separate written agreement between FedEx\r\n and Licensee.\r\n
\r\n\r\n (ii) \r\n Licensee shall promptly notify FedEx in writing upon its discovery of any unauthorized use\r\n of the Application or Documentation. FedEx may prevent access to or use of the Application\r\n or FedEx systems if FedEx has reason to believe that (a) Licensee or third party using the\r\n Application licensed to Licensee may be involved in potential unauthorized use of or other\r\n infringement of FedEx proprietary rights or (b) Licensee or its use of the Application is in\r\n violation of this Agreement.\r\n
\r\n\r\n (iii) Licensee acknowledges and agrees that the Application and Documentation are\r\n subject to export restrictions and controls imposed by various statutes and regulations,\r\n (collectively, \"the Acts\"), including the Export Administration Act and the Export\r\n Administration Regulations. Licensee shall not use, export or re-export the Application or\r\n Documentation except as authorized by and in compliance with the Acts and all laws and\r\n regulations of the jurisdiction in which FedEx made the Application available to Licensee.\r\n Without limiting the foregoing, Licensee shall not export or re-export the Application or\r\n Documentation (i) into or to a national or resident of any embargoed countries under the Acts\r\n which include as of the date hereof, Cuba, Iran, Iraq, Libya, North Korea, Sudan or Syria or\r\n (ii) to a Denied Party listed on U.S. Department of Commerce's list of U.S. Denied Persons or\r\n a Special Designated National on the U.S. Treasury Department's list of Specially Designated\r\n Nationals. By entering into this Agreement, Licensee represents and warrants that Licensee\r\n is not located in, under control of, or a national or resident of any such country or on any such\r\n list.\r\n
\r\n\r\n (iv) Licensee acknowledges that the Services and other services provided by System\r\n Supplier are not provided by\r\n or on behalf of FedEx. LICENSEE HEREBY WAIVES ANY AND ALL CLAIMS AGAINST\r\n FEDEX ARISING FROM OR RELATING TO LICENSEE’S USE OF THE SERVICES OR\r\n THE OTHER SERVICES PROVIDED BY SYSTEM SUPPLIER.\r\n
\r\n\r\n (v) In addition to the provisions of this Agreement, if Licensee is an agency, department, or\r\n other entity of the United States Government (“Government”), pursuant to 48 C.F.R. 12.212 or\r\n 48 C.F.R. 227.7202, as applicable, the (a)\r\n Application and (b) any related materials, specifications, technical data, and documentation\r\n (collectively, “Documentation”) are Commercial Items as defined in 48 C.F.R. 2.101 and are\r\n licensed to Government end users only as Commercial Items and only with the rights\r\n granted to all other end users as provided in this Agreement. Manufacturer is FedEx\r\n Corporate Services, Inc., 30 FedEx Parkway, Collierville, TN 38017.\r\n
\r\n\r\n (c) Modifications.\r\n
\r\n To the extent FedEx or the System Supplier makes available to Licensee\r\n any updates, upgrades, enhancements, bug-fixes or other modifications to the Application\r\n (collectively, “Modifications”), such Modifications shall be considered a part of the Application\r\n and subject to the terms and conditions of this Agreement; provided, however, a Modification\r\n may come with its own imbedded license agreement and in the event of a conflict between\r\n this Agreement and any imbedded license agreement, the terms of the imbedded license\r\n agreement control. For the avoidance of doubt, except as otherwise stated, “Application”\r\n includes “Modification.”\r\n
\r\n\r\n (d) Ownership and Reservation of Rights.\r\n
\r\n All right, title and interest, including all intellectual\r\n property rights, in and to the Application, Modifications (if any), and Documentation, are\r\n owned exclusively by FedEx and/or its licensors. The Application, Modification and\r\n Documentation are licensed, not sold, and are and shall at all times remain the property of\r\n FedEx. Except for the limited, revocable license granted in Section 1(a), Licensee shall have\r\n no right, title or interest in any the Application, Modification or Documentation, and shall not\r\n allow any lien or encumbrance to exist on any of the foregoing. Except for the express license\r\n granted in Section 1(a), all rights in and to the Application and Documentation are reserved.\r\n (e) FedEx affiliates. Licensee hereby acknowledges that, unless otherwise specified, when\r\n used in this Agreement, the name “FedEx” shall include FedEx Corporate Services, Inc., its\r\n parent company and any and all of its affiliate companies, including without limitation Federal\r\n Express Corporation and FedEx Ground Package System, Inc.; provided, however, Licensee\r\n acknowledges that the sole obligor under this Agreement is FedEx Corporate Services, Inc.\r\n alone. Licensee further acknowledges that the contract of carriage for shipments made by\r\n Licensee using the Application (and not the terms governing use of such Application) is\r\n between Licensee and the FedEx company to which Licensee tenders the package within the\r\n United States.\r\n
\r\nSection 2. Licensee Obligations.
\r\n (a) Systems and Access.\r\n\r\n This Agreement governs Licensee’s access and use of the\r\n Application as provided above and under the FedEx account numbers and/or registration\r\n information (e.g., meter numbers, credentials, etc.) provided to Licensee by FedEx. Licensee\r\n will follow instructions of FedEx, including those in the Application and/or Documentation,\r\n provided from time to time, for access and use of the Application. Licensee is solely\r\n responsible for providing and maintaining all hardware necessary to access and use the\r\n Application. In addition, Licensee acknowledges that use of certain Applications or Services\r\n may require Licensee to modify its internal computer systems from time to time, and Licensee\r\n will make such modifications at its expense pursuant to the instructions provided by FedEx or\r\n System Supplier. Licensee is solely responsible, for obtaining access to the Internet or World\r\n Wide Web. Such access is required to utilize the Application. FedEx may, and may require the\r\n System Supplier, to modify the Application at any time for any reason and Licensee hereby\r\n consents to all such Modifications. If required, when instructed by FedEx (and on an ongoing\r\n basis thereafter), Licensee will complete an End of Day Close Process as required by FedEx\r\n to ensure FedEx shipping transactions are uploaded to FedEx at the close of each business\r\n day\r\n
\r\n\r\n (b) Maintenance.\r\n
\r\n Licensee agrees to look solely to the System Supplier for all technical support\r\n and maintenance of the Services and Application, unless otherwise instructed by FedEx.\r\n Notwithstanding the foregoing, FedEx in its sole discretion may (i) repair, modify, replace,\r\n disable, monitor, or remove the Application; and (ii) provide installation and integration\r\n assistance or technical support with respect to Licensee’s access to and use of the Application\r\n (collectively (i) and (ii) referred to herein “Limited Support Services”). Notwithstanding the\r\n foregoing, FedEx is under no obligation to provide Limited Support Services, or any other\r\n services, or Modifications hereunder.\r\n
\r\n\r\n (c) Information and Data.\r\n
\r\n Licensee is advised and encouraged to maintain back-up copies of\r\n any data or information (including, names, addresses, reports, etc.) that it uses or stores with,\r\n through or in the Services or the Application (collectively, “Data”). FedEx is and will not be\r\n responsible for the loss of or damage to any Data. Licensee will not load process or store Data\r\n on or through the Application not required or related to the conduct of business with FedEx.\r\n FedEx shall have access to and use of the Data used or processed on, though, in or with the\r\n Application. FedEx reserves the right to access, use, delete or remove any Data in connection\r\n with the provision of any FedEx Services or in connection with this Agreement. In addition,\r\n Licensee consents to the collection, use or disclosure by FedEx or its designee of limited\r\n personally identifiable information about Licensee or its users for the purposes contemplated\r\n by this Agreement and for marketing, sales, testing, development and other FedEx business\r\n purposes.\r\n
\r\n\r\n (d) Supplies .\r\n
\r\n Licensee acknowledges that it is responsible for the purchase of any supplies\r\n necessary to use the Application or Service and will contact the System Supplier to determine\r\n what, if any, supplies it must purchase for use of any Application or Service.\r\n
\r\nSection 3. Termination.
\r\n\r\n This Agreement is effective until terminated by either party. This\r\n Agreement will terminate independently without notice if Licensee fails to comply with any\r\n provision of this Agreement or any instructions regarding the Application provided by FedEx.\r\n Upon termination for any reason, Licensee must cease all use of the Application. FedEx\r\n reserves the right to unilaterally terminate this Agreement and the use of the Application at any\r\n time, for any reason, and by whatever means.\r\n
\r\nSection 4. Payment.
\r\n\r\n With respect to FedEx Services, Licensee will follow all of payment terms\r\n and instructions of FedEx. Licensee will remit payment, in accordance with the terms and\r\n conditions contained in the applicable FedEx transportation agreement, applicable FedEx\r\n Service Guide (\"Service Guide\"), or as otherwise instructed by FedEx. Licensee is responsible\r\n for payment of all charges generated through use of the Application under Licensee’s account\r\n number and registration information (e.g., meter numbers, credentials, etc.). Any rates\r\n reflected in or published by the Application or Service, if shown, are offered for information\r\n purposes only and may be different from the actual charges for FedEx Services incurred by\r\n Licensee.\r\n
\r\nSection 5. Adjustments and Refunds.
\r\n\r\n With respect to FedEx Services, Licensee may bill\r\n shipping charges for transactions conducted through the Application only to valid account\r\n numbers (e.g., bill sender, bill recipient or bill third party). Shipments tendered to FedEx with\r\n incorrect or incomplete routing, labeling, commitment date, service designation or other errors\r\n\r\n will not be eligible for refunds under money-back guarantees of FedEx. Refunds requested by\r\n Licensee with respect to any shipment must be made in accordance with the applicable\r\n Service Guide or Licensee’s transportation agreement with FedEx. Licensee will not be entitled\r\n to any refund or credit under money-back guarantees of FedEx if FedEx determines that the\r\n claim resulted from improper use of the Application. FedEx, in its sole discretion, may suspend\r\n its money-back guarantees in the event Application or Service fails or is inoperable for any\r\n reason.\r\n
\r\nSection 6. Disclaimer of Warranty.
\r\n\r\n Licensee expressly acknowledges and agrees that access to and use of the Application is provided to Licensee by the System Supplier and\r\n that FedEx is neither providing the Services nor charging Licensee a fee for access to or\r\n use of the Application or for providing the Limited Support Services, if any.\r\n The Application and Limited Support Services are provided “AS-IS” WITHOUT\r\n representation or warranty of any kind.\r\n
\r\n\r\n To the extent permitted by applicable law, FedEx and its Representatives (as defined in\r\n Section 8 below), disclaim and exclude all warranties, whether, express, statutory, or implied,\r\n including the implied warranties of Merchantability and Fitness for a Particular Purpose, and\r\n the warranties of Non-Infringement or Quiet Enjoyment. FedEx does not represent or warrant\r\n that the Application will meet any or all of Licensee’s requirements or that its operations will be\r\n uninterrupted or error free or that any defect within the Application will be corrected. FedEx\r\n does not represent or warrant that the Limited Support Services will meet any or all of\r\n Licensee’s requirements or that it will correct any defect within the Application. FedEx does not\r\n represent or warrant that the Application, Limited Support Services or any other related\r\n services or content is free from bugs, viruses, errors or other program limitations. FedEx does\r\n not represent or warrant access to the Internet or to any other service or content through the\r\n Application. Furthermore, FedEx does not warrant or make any representation regarding the\r\n results of Licensee’s installation or use of the Application or the Limited Support Services in\r\n terms of capability, correctness, accuracy, reliability or otherwise.\r\n
\r\n\r\n No oral or written information, representation or advice given by FedEx, the System\r\n Supplier or an authorized representative of either shall create any warranty.\r\n
\r\n\r\n Some states do not allow the exclusion of implied warranties, so the above exclusions may\r\n not apply to Licensee. In that event, any implied warranties are limited in duration to sixty (60)\r\n days from the date of purchase of the Services. However, some states do not allow\r\n limitations on how long an implied warranty lasts, so the above limitation may not apply to\r\n Licensee. This warranty gives Licensee specific legal rights and Licensee may have other\r\n rights as well which vary from state to state.\r\n
\r\nSection 7. Remedies.
\r\n\r\n YOUR SOLE REMEDY FOR ANY DISSATISFACTION WITH THE APPLICATION OR LIMITED SUPPORT\r\n
\r\n\r\n SERVICES IS TO STOP USING THE APPLICATION. Licensee agrees to look to the System\r\n Supplier for all issues relating to Your access, use or inability to access or use the\r\n Application and/or Services. Licensee acknowledges and agrees that it is Licensee’s sole\r\n responsibility to arrange with the System Supplier for any and all warranties,\r\n maintenance/support requirements, and remedies, if any, arising out of Licensee’s access to\r\n and use of the Application and/or Services. Licensee agrees that the remedy set forth in this\r\n Section is Licensee’s exclusive remedy under this Agreement for any dissatisfaction with its\r\n access to or use of (or inability to do either) the Application, the Services or Limited Support\r\n Services.\r\n
\r\nSection 8. Limitation of Liability.
\r\n\r\n Licensee acknowledges that FedEx is providing the\r\n Application and Limited Support Services, if any, to Licensee free of charge.\r\n The entire liability of FedEx and its Representatives (as defined below) for any reason shall\r\n be limited to $100.00. whether based on breach of contract, breach of warranty, tort\r\n (including, negligence), product liability, statutory or strict liability or otherwise even if FedEx\r\n or its Representatives have been advised of the possibility of such damages and even if a\r\n remedy set forth herein is found to have failed of its essential purpose.\r\n To the maximum extent permitted by applicable law, FedEx and its parent company and\r\n subsidiaries and affiliates, direct and indirect, of its Parent company, licensors, or any of the\r\n foregoing’s respective employees, officers, directors and/or agents (collectively,\r\n “Representatives”) are not and shall not be liable for any special, incidental, exemplary,\r\n punitive, consequential or other indirect damages (including: damages for loss of business,\r\n loss of data, loss of profits, damages to Licensee’s computer systems or the like), whether\r\n based on breach of contract, breach of warranty, tort (including, negligence), product liability,\r\n statutory or strict liability or otherwise even if FedEx or its Representatives have been advised\r\n of the possibility of such damages and even if a remedy set forth herein is found to have failed\r\n of its essential purpose.\r\n
\r\n\r\n Some states do not allow the limitation and/or exclusion of liability for incidental or\r\n consequential damages, so the above limitation or exclusion may not apply to You.\r\n
\r\n\r\n The limitations of damages set forth above are fundamental elements of the basis of the\r\n bargain between FedEx and Licensee. FedEx would not be able to provide the Application\r\n without such limitations.\r\n
\r\nSection 9. Controlling Law and Severability.
\r\n\r\n This Agreement shall be governed by and construed in accordance with the laws of the United States and the State of Tennessee,\r\n excluding its conflicts of law provisions. If for any reason a court of competent jurisdiction finds\r\n any provision of this Agreement, or a portion thereof, to be unenforceable, that provision shall\r\n be enforced to the maximum extent permissible so as to effect the intent of the parties and the\r\n remainder of this Agreement shall remain in full force and effect. Any cause of action with\r\n respect to Application must be instituted within one (1) year after the claim or cause of action\r\n has arisen in Shelby County, Tennessee or be barred.\r\n
\r\nSection 10. Terms and Conditions of Carriage.
\r\n\r\n (a) \r\n It is understood and agreed by Licensee that the Application and/or Service may contain\r\n functionality which may be used by Licensee to make shipments through carriers other than\r\n
\r\n\r\n FedEx. Licensee should contact the System Supplier to determine if the Service has multicarrier capability. If so, Licensee agrees that it will look solely to such third party carriers for\r\n the terms under which Licensee may tender shipments to and have its shipments carried by\r\n such third party carriers and that, as between FedEx and Licensee, Licensee is solely\r\n responsible for its compliance with such third party carriers' terms of shipping and will look\r\n solely to such third party carriers for all remedies attributable to claims arising out of the\r\n third party carriers’ carriage of Licensee’s shipments. LICENSEE WILL DEFEND,\r\n INDEMNIFY AND HOLD HARMLESS FEDEX FROM ALL CLAIMS, DEMANDS AND\r\n JUDGMENTS, INCLUDING THE PAYMENT OF ATTORNEY’S FEES, FROM THIRD\r\n PARTY CARRIERS ARISING OUT OF LICENSEE’S USE OF THE SERVICES TO\r\n PROCESS SHIPMENTS TENDERED TO SUCH CARRIERS.\r\n
\r\n\r\n (b) \r\n With respect to FedEx Services, Licensee agrees that domestic and international\r\n carriage by FedEx of any shipments tendered to FedEx pursuant to this Agreement or using\r\n the Application shall be in accordance with the terms, conditions and limitations of liability set\r\n out on the NONNEGOTIABLE Air Waybill, Label, Manifest, or Pick-Up Record (collectively\r\n “Shipping Documentation”) and as appropriate any transportation agreement between\r\n Licensee and FedEx covering such shipment and in any applicable tariff, Service Guide or\r\n Standard Conditions of Carriage, copies of which are available upon request, and which are\r\n incorporated into this Agreement by reference. If there is a conflict between the Shipping\r\n Documentation and any such document then in effect or this Agreement, the transportation\r\n agreement, tariff, Service Guide, Standard Conditions of Carriage, or this Agreement will\r\n control, in that order of priority. If a shipment originates outside the United States, the contract\r\n of carriage is with the FedEx subsidiary, branch, or independent contractor who originally\r\n accepts the shipment.\r\n
\r\n\r\n (c) \r\n In the event Licensee uses the Application and/or Service to process shipments tendered to\r\n FedEx for delivery to locations outside the United States or country of shipment origin,\r\n Licensee will, at Licensee’s sole expense, assure that the terms and conditions of international\r\n carriage supplied by FedEx from time to time (and which may be amended or modified from\r\n time to time at the sole discretion of FedEx) are placed on the Shipping Documentation, as\r\n instructed by FedEx, for all such international shipments. LICENSEE WILL DEFEND,\r\n INDEMNIFY AND HOLD HARMLESS FEDEX AND ITS REPRESENTATIVES FROM AND\r\n AGAINST ANY AND ALL LOSSES, DAMAGES, CLAIMS AND OTHER ITEMS OF COST AND\r\n EXPENSE ARISING OUT OF LICENSEE’S FAILURE TO APPLY THE INTERNATIONAL\r\n CARRIAGE TERMS TO THE SHIPPING DOCUMENTATION FOR SUCH INTERNATIONAL\r\n SHIPMENTS, INCLUDING WITHOUT LIMITATION CLAIMS FROM THE RECIPIENT OF ANY\r\n SHIPMENT, AND LICENSEE’S FAILURE TO FOLLOW INSTRUCTIONS OF FEDEX IN\r\n REGARD TO THE PLACEMENT OF THE TERMS ON THE SHIPPING DOCUMENTATION\r\n FOR SUCH INTERNATIONAL SHIPMENTS.\r\n
\r\n\r\n (d) \r\n Licensee acknowledges that if the Application and/or Service is used to process shipments\r\n to locations outside the United States or country of shipment origin, Licensee must enter the\r\n name of the person completing the Shipping Documentation to print in lieu of its manual\r\n signature on the Shipping Documentation, as applicable, for all shipments tendered by\r\n Licensee to FedEx using the Application or Service. Licensee further acknowledges that such\r\n printed name shall be sufficient to constitute the Licensee’s signature, and Licensee’s\r\n acceptance of FedEx terms and conditions of carriage contained in the applicable\r\n transportation agreement, tariff, Service Guide, Standard Conditions, or Shipping\r\n Documentation, under which the shipment is accepted by FedEx, or its independent\r\n contractor.\r\n
\r\n\r\n (e) Unless otherwise indicated, the shipper's address indicated on the face of any Shipping\r\n Documentation is the place of execution and the place of departure and the recipient's address\r\n listed on the face of the Shipping Documentation is the place of destination. Unless otherwise\r\n indicated on the face of the Shipping Documentation the first carrier of all shipments is Federal\r\n Express Corporation, 3610 Hacks Cross Road, Memphis, TN, 38125. In the event another\r\n carrier is listed on any such document, that carrier is the first carrier of the shipment. The\r\n address for FedEx Ground is P.O. Box 108, Coraopolis, PA 15230.\r\n
\r\nSection 11. Indemnity.
\r\n\r\n Licensee shall, at Licensee’s sole cost and expense, defend, indemnify\r\n and hold FedEx and its Representatives harmless from and against all claims, demands, suits,\r\n damages, losses, liabilities, costs, expenses, fines and judgments, including reasonable\r\n attorney’s fees, (hereinafter, collectively, “Claims”) arising out of or relating to\r\n
\r\n(a) Licensee’s\r\n installation, use (or inability to use) and/or removal (or inability to remove) of the Application or\r\n any other materials or services provided to Licensee by or on behalf of FedEx or its\r\n Representatives;\r\n
\r\n\r\n (b) the intentional acts, willful misconduct or negligence (acts or omissions) of licensee, its\r\n employees, officers, directors, suppliers, customer, agents, users, or representatives\r\n (collectively, for purposes of sections 11(b) and 11(c), “Licensee”); or,\r\n
\r\n\r\n (c) Licensee’s breach of\r\n this Agreement. FedEx may intervene and assume its defense in any such Claims, at its\r\n expense and in its sole discretion. Licensee will not settle any Claims involving FedEx or the\r\n Application without the prior written consent of FedEx.\r\n
\r\nSection 12. Complete Agreement.
\r\n\r\n This Agreement constitutes the entire agreement between Licensee and FedEx with respect to the Application, and supersedes any prior or\r\n contemporaneous understandings, representations, statements or agreements, written or oral,\r\n regarding the Application. Notwithstanding the foregoing, an Application or Modification may\r\n come with its own imbedded license agreement and in the event of a conflict between this\r\n Agreement and any imbedded license agreement, the terms of the imbedded license\r\n agreement control. As used in this Agreement, “including” means “including, without limitation”\r\n and is illustrative rather than exhaustive. No amendment to or modification of this Agreement\r\n will be binding on FedEx without the written consent of FedEx. Licensee may not assign or\r\n otherwise transfer this Agreement or the licenses granted herein, including by operation of law\r\n without the prior written consent of FedEx. Any assignment or transfer in violation of the\r\n foregoing is void and of no effect. In addition, except for FedEx Representatives, Licensee and\r\n FedEx acknowledge and agree that there are no third party beneficiaries to this Agreement.\r\n The provisions of Sections 1(b), 1(c), 1(d), 1(e), 2(c), 3, 4, 5, 6, 7, 8, 9, 10 11, and 12 will\r\n survive the termination of this Agreement.\r\n
\r\n\r\n
\r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsInput from '../../components/WmsInput/WmsInput.jsx';\r\nimport WmsDropdown from '../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsCheckBox from '../../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport * as GlobalService from './../../global_services';\r\n\r\nexport class FedexEditComponent extends Component {\r\n constructor(props) {\r\n super(props)\r\n \r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n smartPostHubOptions:[],\r\n smartPostEndorsementOptions:[]\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n let optionsForSettings = GlobalService.getDropdownOptionsForSettings('FedEx');\r\n this.setState({\r\n smartPostHubOptions: optionsForSettings.smartPostHub,\r\n smartPostEndorsementOptions: optionsForSettings.smartPostEndorsement\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n - \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
\r\n - \r\n
\r\n
\r\n \r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsInput from '../../components/WmsInput/WmsInput.jsx';\r\nimport WmsDropdown from '../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsCheckBox from '../../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsDateTimePicker from '../../components/WmsDateTimePicker/WmsDateTimePicker.jsx';\r\nimport * as GlobalService from './../../global_services';\r\n\r\nexport class UpsEditComponent extends Component {\r\n constructor(props) {\r\n super(props)\r\n \r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n pickupTypeOptions: []\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n\r\n let optionsForSettings = GlobalService.getDropdownOptionsForSettings('UPS');\r\n\r\n this.setState({\r\n pickupTypeOptions: optionsForSettings.pickupType,\r\n IsDisabledUseNegotiatedRates: this.props.connectionObj.UseNegotiatedRates,\r\n IsDisabledUseNegotiatInputs: true\r\n });\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (this.props.connectionObj.UseNegotiatedRates !== prevProps.connectionObj.UseNegotiatedRates) {\r\n this.setState({\r\n IsDisabledUseNegotiatInputs: this.props.connectionObj.UseNegotiatedRates == true ? false : true\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React from 'react';\r\n\r\n\r\nexport class UpsEulaAgreementComponent extends React.Component {\r\n render() {\r\n return (\r\n \r\n\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\nvar axios = require('axios');\r\nimport * as GlobalService from '../global_services';\r\n\r\n\r\nexport const registerShipEngine = function (param_payload) {\r\n\r\n return axios.post(\"/WebUI/Settings/CarrierAccount/RegisterShipEngine\", param_payload).then(function (response) {\r\n return response\r\n });\r\n\r\n}\r\n\r\n\r\nexport const deleteCarrierAccount = function (carrierAccountUri) {\r\n\r\n return axios.delete(\"/WebUI/Settings/CarrierAccount/DeleteCarrierAccount?carrieraccounturi=\" + carrierAccountUri).then(function (response) {\r\n return response\r\n });\r\n\r\n}\r\nexport const getCarrierDetail = function (shipEngoineId) {\r\n\r\n return axios.get(\"/WebUI/Settings/CarrierAccount/ShipEngineSettings?seId=\"+shipEngoineId).then(function (response) {\r\n return response\r\n });\r\n\r\n}\r\nexport const updateCarrierSetting = function (carrierObj) {\r\n\r\n return axios.put(\"/WebUI/Settings/CarrierAccount/ShipEngineSettings\",carrierObj).then(function (response) {\r\n return response\r\n });\r\n\r\n}\r\n","import React, { Component } from \"react\";\r\nimport WmsCollapse from \"../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../components/WmsInput/WmsInput.jsx\";\r\n\r\nexport class EndiciaAccountInfoComponent extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n this.state = { }\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n UPS TECHNOLOGY AGREEMENT
\r\n UPS TECHNOLOGY AGREEMENT Version UTA 08072018\r\n\r\n PLEASE CAREFULLY READ THE FOLLOWING TERMS AND CONDITIONS OF THIS UPS TECHNOLOGY AGREEMENT. BY INDICATING BELOW THAT YOU AGREE TO BE BOUND BY THE TERMS AND CONDITIONS OF THIS AGREEMENT, YOU HAVE ENTERED INTO A LEGALLY BINDING AGREEMENT WITH UPS MARKET DRIVER, INC. (\"UPS\").\r\n
\r\n\r\n This Agreement comprises\r\n (1) these General Terms and Conditions (including its attached Exhibit A (Definitions - General Terms and Conditions ) and Exhibit B (Country Specific Amendment to the General Terms and Conditions);\r\n
\r\n\r\n (2) the End User Rights (including its attached Exhibit A (Definitions - End User Rights), Exhibit B (UPS Technology), and Exhibit C (Permitted Territory)) available at https://www.ups.com/us/en/help-center/legalterms-conditions/technology-agreement.page (as such End User Rights may change from time to time in accordance with its terms); and\r\n
\r\n\r\n (3) the documentation referenced in any of the foregoing, which are all incorporated by reference. You hereby confirm that You have read and fully understand BOTH the General Terms and Conditions AND the End User Rights which are available for Your review by accessing https://www.ups.com/us/en/helpcenter/legal-terms-conditions/technology-agreement.page INCLUDING the documentation referenced therein. The Agreement may be presented to You more than once in conjunction with Your access and use of UPS Technology. Unless the version of the Agreement has changed, each instance serves to confirm the Agreement as mutually entered into and not to create an additional or separate agreement.\r\n
\r\n For purposes of the Agreement:\r\n\r\n \"Customer\" means the Person that is your employer, but is not a Service Provider, (1) and that has been assigned the UPS Account you use to register the first UPS Technology you access, if a UPS Account is required for such\r\n registration, (2) and that has been assigned the first UPS Account you use with the UPS Technology you access, if a UPS Account is not required for registration but is required for use, or (3) when the first UPS Technology you\r\n access does not require a UPS Account for registration or use.\r\n
\r\n\r\n \"Service Provider\" means a third party engaged by a UPS customer to assist such UPS customer in managing its shipping activity with the UPS Parties, including Billing Data Service Providers, that has been approved by UPS in\r\n writing to perform such services for the UPS customer; provided however, UPS Affiliates may serve as Service Provider without a written approval by UPS.\r\n
\r\n\r\n \"Service Provider Employee\" means an employee of a Service Provider.\r\n \"You\" or the possessive, \"Your,\" means, as applicable: (i) you as an individual, if you are entering into this Agreement as an individual on behalf of no other third party for your own personal use of the UPS Technologies; (ii) you\r\n as an individual and Customer, if you are accessing UPS Technology as part of your responsibilities as an employee of Customer; or (iii) you as an individual and your employer, if your employer is a Service Provider to a UPS\r\n customer and you are accessing UPS Technology as part of your responsibilities as a Service Provider Employee to perform services for the benefit of a UPS customer. You represent and warrant You have reached the age of legal majority and, if applicable, You can form legally binding contracts under applicable law on behalf of Yourself, the Customer or Service Provider related to the UPS Technology. If at any time You are no longer authorized to form legally binding contracts under applicable law on behalf of Yourself, the Customer or Service Provider, as applicable, You may no longer use UPS Technology on Your own behalf or on behalf of such Customer or Service Provider. General Terms and Conditions\r\n
\r\n 1. Definitions.\r\n\r\n Capitalized terms used in this Agreement have the meanings set forth on General Terms and Conditions Exhibit A attached hereto and End User Rights Exhibit A. In the case of any conflict between the terms of\r\n the End User Rights and these General Terms and Conditions, these General Terms and Conditions shall control.\r\n
\r\n 2. License Grant.\r\n\r\n 2.1. Scope. UPS hereby grants to You and You accept, subject to the terms and conditions of this Agreement, a limited, revocable, non-sublicenseable, non-exclusive, non-transferable, license to use or access, as applicable, the UPS Technology and associated Technical Documentation in the Permitted Territory for such UPS Technology. The End User Rights contain additional general license rights and restrictions, as well as UPS Technology-specific\r\n license rights and restrictions.\r\n
\r\n 2.2. General Restrictions - UPS Materials and Software.\r\n\r\n You shall not, and shall cause Your employees and agents not to, sublicense, disclose or transfer the UPS Materials to any third party without the written consent of UPS. You agree not to modify (including corrections to the Software), reproduce, rent, lease, lend, encumber, distribute, redistribute, remarket or otherwise dispose of the UPS Materials or any part thereof without the consent of UPS, and hereby waive such rights granted under applicable law, except where such waiver is unenforceable. You agree not to duplicate the Software, except as required for its use in accordance with this Agreement, provided that You may make one (1) back-up copy of the Software solely for archival purposes. Such back-up copy shall include UPS's copyright and other proprietary notices, and shall be subject to all the terms and conditions of this Agreement.Notwithstanding anything to the contrary in this Agreement, You may not use the Software on an outsourced time-share or service bureau basis.\r\n
\r\n 3. Export Law Assurances.\r\n\r\n You acknowledge that all UPS Materials provided hereunder are subject to the U.S. Export Administration Regulations (\"EAR\") administered by the U.S. Department of Commerce's Bureau of Industry and Security, as well as other U.S. laws and regulations. You agree to comply with the EAR and all applicable U.S. laws in your handling and use of all UPS Materials provided hereunder and to not export or reexport the UPS Materials except as authorized by the EAR, U.S. and other applicable laws. Without limiting the generality of the foregoing, you agree, represent and warrant that no UPS Materials will be accessed from, downloaded in,\r\n released in, carried to, transferred to, transshipped through or to, exported to, or reexported to (1) the Restricted Territory (or a national or resident thereof) or (2) any person, entity or organization on the U.S. Treasury Department's list of Specially Designated Nationals or the U.S. Department of Commerce's Denied Persons List or Entity List. The countries and territories considered Restricted Territory and the persons, entities or organizations\r\n on the aforementioned lists may change from time to time. You agree to stay current with and comply with this provision notwithstanding any such changes. For convenient reference only, information on the Restricted Territory\r\n countries and territories and the persons, entities or organizations on the aforementioned lists may be found at:\r\n http://www.treasury.gov/ofac/downloads/sdnlist.txt,\r\n http://www.treasury.gov/resource-center/sanctions/Programs/Pages/Programs.aspx, and\r\n http://www.bis.doc.gov/complianceandenforcement/liststocheck.htm.\r\n
\r\n 4. UPS Materials.\r\n\r\n 4.1. Ownership of Intellectual Property Rights. You hereby acknowledge and agree that UPS owns all right, title and interest in and to, or has the right to license to You, the UPS Materials. You acknowledge that You have not\r\n acquired any ownership interest in the UPS Materials and will not acquire any ownership interest in the UPS Materials by reason of this Agreement. You will not at any time do or knowingly permit to be done any act or thing\r\n that would in any way impair the rights of UPS or its licensors in and to the UPS Materials. UPS and its licensors reserve all rights pertaining to the UPS Materials not specifically granted herein.\r\n
\r\n 4.2. Changes to UPS Materials and UPS Technology.\r\n\r\n UPS may update, alter, modify or supplement any or all of the UPS Materials and/or UPS Technology at any time.\r\n
\r\n 5. Support Services.\r\n\r\n 5.1. Support and Maintenance. From time to time UPS, in its sole discretion, may, in response to Your request, choose to provide support or maintenance for the Software (\"Support Services\"). You hereby authorize UPS and its\r\n authorized agents (the \"Support Providers\"), in order to provide Support Services, to access the Software, other applications which You may be using in conjunction with the Software and Your computer systems either (1)\r\n remotely, via the Internet or other means (which may require the installation of additional software on Your computer systems by UPS or the Support Providers) (\"Support Software\"), or (2) through on-site visits at specific times\r\n as mutually agreed upon by the parties. Each support session using Support Software will be separately approved by You. During such sessions UPS may see the Software as operating on the Your computer system and UPS may\r\n assist You in making modifications to Your computer systems. You further grant UPS and Support Providers the right to manipulate and modify the Software and Your computer systems, applications, files and data as reasonably\r\n necessary to provide You with Support Services. However, You agree that any Support Services will be provided at UPS's discretion and nothing in the Agreement shall be interpreted to obligate UPS to provide any Support\r\n Services.\r\n
\r\n 5.2. Access to Proprietary Information.\r\n\r\n You acknowledge and agree that You may disclose, or that UPS or the Support Providers may observe, Your information and data during the provision of Support Services by UPS or the Support Providers; and that such information and data shall be deemed non-confidential and thus, not covered by General Terms and Conditions Article 7, unless UPS has agreed otherwise in a signed confidentiality agreement\r\n separate from this Agreement. In addition, You acknowledge that the remote communications sessions utilized by UPS or the Support Providers may be implemented through the Internet, which is inherently insecure, and You\r\n agree that UPS or the Support Providers shall not be liable for any security breaches occurring on the Internet. You should take the foregoing into account when requesting Support Services from UPS or Support Providers.\r\n
\r\n 6. Suspension; Term and Termination.\r\n\r\n 6.1. Suspension of Rights. UPS may suspend Your rights to access any part of the UPS Systems through the UPS Technology or as necessary in UPS's sole discretion including without limitation, to (1) prevent access to any part\r\n of UPS Systems or the UPS Technology that is not in compliance with the terms and conditions of this Agreement; (2) correct a material error in the UPS Systems or the UPS Technology or (3) comply with a law, regulation or\r\n rule or any ruling of a court or other body of competent jurisdiction.\r\n
\r\n 6.2. Term.\r\n\r\n This Agreement shall become effective upon Your assent by clickthrough below and shall remain in full force and effect thereafter until terminated as provided herein (the \"Term\").\r\n
\r\n 6.3. Hosted UPS Technology.\r\n\r\n Certain UPS Technology is hosted by UPS, UPS Affiliates or vendors of UPS or UPS Affiliates. Hosted UPS Technology is hosted on servers in the United States of America and is scheduled to be\r\n available twenty-four (24) hours a day, seven (7) days a week (other than when unavailable for maintenance); however, UPS does not guarantee the availability of hosted UPS Technology, or that access will be uninterrupted or\r\n error-free. UPS reserves the right to interrupt, limit, or suspend hosted UPS Technology from time to time for purposes of maintenance, upgrades and similar reasons. You agree that neither UPS nor UPS Affiliates shall be held\r\n responsible or liable for any Damages arising from any interruption, suspension or termination of hosted UPS Technology, regardless of the cause.\r\n
\r\n 6.4. Termination.\r\n\r\n a. Either party may terminate this Agreement, and UPS may terminate any or all licenses to the UPS Technology granted hereunder, for convenience at any time upon written notice to the other party.\r\n b. Notwithstanding the foregoing, this Agreement shall terminate without any further action needing to be taken by UPS (1) upon a breach of General Terms and Conditions Article 3, 7 or 10, or General Terms and Conditions\r\n Sections 2.2 and 4.1 (third sentence); (2) in the event of Your bankruptcy, commencement of bankruptcy, corporate reorganization, civil rehabilitation, concordat, special liquidation or any other insolvency proceeding with\r\n respect to You, or if You shall have a receiver, administrator, administrative receiver or liquidator appointed or shall pass a resolution for winding up, or a court shall make an order to that effect, (3) if You are a partner in or\r\n Customer or Service Provider is a partnership and such partnership is dissolved, or (4) upon deletion of Your UPS profile.\r\n
\r\n 6.5. Effect of Termination.\r\n\r\n a. Upon the termination of this Agreement for any reason whatsoever all licenses granted hereunder shall immediately terminate and You shall immediately cease and desist from all access to and use of the UPS Materials, and\r\n destroy all UPS Materials in Your possession or control.\r\n
\r\n\r\n b. Upon termination of any license to a UPS Technology, You shall immediately cease and desist from access to and use of such UPS Technology and associated UPS Materials and destroy all such associated UPS Materials in Your possession or control.\r\n 6.6. Survival of Terms upon Termination. General Terms and Conditions Articles 1, 5, 7-9 and 12; Sections 4.1, 6.5 and 6.6; and Exhibit A and Exhibit B to these General Terms and Conditions; and the Articles and those Sections of the End User Rights identified in End User Rights Section 3.2 shall survive the termination of this Agreement for any reason.\r\n
\r\n 7. Confidential Information, Trade Secrets, Information.\r\n\r\n 7.1. Disclosure. During the Term and thereafter, You shall not use (except as permitted in connection with Your performance hereunder), disclose or permit any Person access to any Trade Secrets (including, without limitation, any Trade Secrets contained in the UPS Materials). During the Term and for a period of five (5) years thereafter, except as otherwise mandated by law, You shall not use, disclose, or permit any Person access to any Confidential Information, except as permitted in connection with Your performance hereunder. You acknowledge that if You breach this General Terms and Conditions Article 7, UPS may have no adequate remedy at law available to it, may suffer irreparable harm, and will be entitled to seek equitable relief. You agree to protect such Confidential Information and Trade Secrets with no less diligence than You protect Your own confidential or proprietary information. If disclosure to Confidential Information is required under provisions of any law or court order, You will notify UPS sufficiently in advance so UPS will have a reasonable opportunity to object.\r\n
\r\n\r\n 7.2. Aggregation. You shall not aggregate the Information or derive or develop information, services or products that use the Information, other than as expressly permitted under this Agreement.\r\n
\r\n\r\n 7.3. Data Export. You may not export, whether by (i) data export functionality built into the Software; (ii) extraction from the Software interface (e.g. screen scraping); or (iii) otherwise, any data from the UPS Databases and use\r\n such data for comparing shipping rates or delivery times with the shipping rates or delivery times of any third party that is not a member of the UPS Parties.\r\n
\r\n 8. Warranties.\r\n\r\n 8.1. By Customer. You represent and warrant that (1) Customer is not headquartered in the Restricted Territory; (2) You will not use the UPS Technology in the Restricted Territory; and (3) You are not, nor is Customer under the\r\n control of any Person on the U.S. Treasury Department list of Specially Designated Nationals, or the U.S. Department of Commerce Denied Persons List or Entity List (as they may be amended from time to time and which, for convenient reference only, may be found at
\r\n http://www.treasury.gov/ofac/downloads/sdnlist.txt,
\r\n http://www.treasury.gov/resource-center/sanctions/Programs/Pages/Programs.aspx, and
\r\n http://www.treasury.gov/resource-center/sanctions/Programs/Pages/Programs.aspx ), or incorporated in, a national resident of or government of the Restricted Territory.\r\n
\r\n a. UPS PARTIES WARRANT THAT FOR NINETY (90) DAYS FROM THE DELIVERY TO YOU OF SOFTWARE THAT SUCH SOFTWARE SHALL MATERIALLY OPERATE AS DESCRIBED IN THE SOFTWARE'S CORRESPONDING TECHNICAL DOCUMENTATION. UPS'S SOLE LIABILITY FOR A BREACH OF THE FOREGOING WARRANTY SHALL BE TO REPLACE ANY SUCH SOFTWARE. EXCEPT AS STATED IN\r\n THE WARRANTY OF THE FOREGOING TWO SENTENCES, THE UPS MATERIALS ARE PROVIDED \"AS IS WITH ALL FAULTS\" AND IN THEIR PRESENT STATE AND CONDITION. NO WARRANTY, REPRESENTATION, GUARANTEE, CONDITION, UNDERTAKING OR TERM, EXPRESS OR IMPLIED, STATUTORY OR OTHERWISE, AS TO THE CONDITION, QUALITY, DURABILITY, ACCURACY, COMPLETENESS, PERFORMANCE, NON-INFRINGEMENT OF THIRD PARTY RIGHTS, MERCHANTABILITY, QUIET ENJOYMENT, OR FITNESS FOR A PARTICULAR PURPOSE OR USE OF THE UPS MATERIALS IS GIVEN OR ASSUMED BY UPS AND ALL SUCH WARRANTIES, REPRESENTATIONS, CONDITIONS, UNDERTAKINGS AND TERMS ARE HEREBY EXCLUDED TO THE FULLEST EXTENT\r\n PERMITTED BY APPLICABLE LAW, AS ARE ANY WARRANTIES ARISING FROM COURSE OF DEALING OR USAGE. UPS DOES NOT WARRANT THAT DEFECTS IN THE UPS MATERIALS WILL BE CORRECTED. NO ORAL OR WRITTEN INFORMATION OR ADVICE GIVEN BY UPS OR ANY UPS REPRESENTATIVE SHALL CREATE A WARRANTY.\r\n
\r\n\r\n b. You furthermore acknowledge and agree that access by UPS or the Support Providers to Your computer systems, files and associated data pursuant to General Terms and Conditions Article 5 hereof is merely to facilitate Support Services on Your behalf, and You remain solely responsible for backing up Your computer systems, applications, files and data. ANY SUPPORT SERVICES OR SUPPORT SOFTWARE PROVIDED BY UPS OR A SUPPORT PROVIDER PURSUANT TO THIS AGREEMENT ARE PROVIDED \"AS IS WITH ALL FAULTS\", AND UPS MAKES NO WARRANTIES, EXPRESS OR IMPLIED, REGARDING ANY SUCH SUPPORT SERVICES OR SUPPORT SOFTWARE. WITHOUT LIMITING THE GENERALITY OF THE FOREGOING, UPS HEREBY EXPRESSLY DISCLAIMS ALL WARRANTIES, INCLUDING WITHOUT LIMITATION ANY WARRANTY OF MERCHANTABILITY, NON-INFRINGEMENT OF THIRD PARTY RIGHTS OR FITNESS FOR A PARTICULAR PURPOSE, RELATED TO SUPPORT SERVICES OR SUPPORT SOFTWARE PROVIDED UNDER THE AGREEMENT AND ALL ASSOCIATED ADVICE, DIAGNOSES AND RESULTS. YOU ACKNOWLEDGE AND AGREE THAT UPS WILL NOT BE LIABLE FOR ANY ERROR, OMISSION, DEFAULT, DEFICIENCY, OR NONCONFORMITY IN THE SUPPORT SERVICES.\r\n
\r\n\r\n c. THE UPS PARTIES DO NOT GUARANTEE CONTINUOUS, UNINTERRUPTED, OR SECURE ACCESS TO THE UPS SYSTEMS AND ACCESS TO SUCH UPS SYSTEMS MAY BE INTERFERED WITH BY NUMEROUS FACTORS OUTSIDE OF UPS'S CONTROL. THE UPS PARTIES ARE NOT LIABLE FOR ANY DAMAGES OF ANY TYPE CAUSED BY SUCH INTERFERENCE.\r\n
\r\n\r\n d. SOME JURISDICTIONS DO NOT ALLOW LIMITATIONS ON IMPLIED WARRANTY, SO THE LIMITATIONS AND EXCLUSIONS IN THIS SECTION MAY NOT APPLY TO YOU. THE AGREEMENT GIVES YOU SPECIFIC LEGAL RIGHTS. YOU MAY ALSO HAVE OTHER RIGHTS WHICH VARY FROM JURISDICTION TO JURISDICTION. YOU AGREE AND ACKNOWLEDGE THAT THE LIMITATIONS AND EXCLUSIONS OF LIABILITY AND WARRANTY PROVIDED IN THIS AGREEMENT ARE FAIR AND REASONABLE.\r\n
\r\n 9. Limitation of Liability.\r\n\r\n a. SOME JURISDICTIONS DO NOT ALLOW LIMITATIONS ON CERTAIN DAMAGES SUCH AS LIMITATIONS ON (I) INCIDENTAL OR CONSEQUENTIAL DAMAGES, (II) DAMAGES RESULTING FROM GROSS NEGLIGENCE OR WILLFUL MISCONDUCT AND (III) DAMAGES RESULTING FROM PERSONAL INJURY OR DEATH. ACCORDINGLY, THE LIMITATIONS AND EXCLUSIONS IN THIS SECTION MAY NOT APPLY TO YOU AND ARE ONLY APPLICABLE TO THE FULLEST EXTENT PERMITTED BY APPLICABLE LAW. THIS AGREEMENT GIVES YOU SPECIFIC LEGAL RIGHTS. YOU MAY ALSO HAVE OTHER RIGHTS THAT VARY FROM JURISDICTION TO JURISDICTION. IF YOU ARE DEALING AS A CONSUMER, YOUR STATUTORY RIGHTS THAT CANNOT BE WAIVED, IF ANY, ARE NOT AFFECTED BY THESE PROVISIONS.\r\n
\r\n\r\n b. THE UPS PARTIES SHALL NOT BE LIABLE TO YOU OR ANY THIRD PARTY FOR ANY INDIRECT, CONSEQUENTIAL, EXEMPLARY, PUNITIVE, MULTIPLE, INCIDENTAL, OR SPECIAL DAMAGES, LOST\r\n PROFITS, LOSS OF DATA OR DATA USE, LOST SAVINGS, OR COSTS OF PROCURING SUBSTITUTE GOODS ARISING OUT OF THIS AGREEMENT, DUE TO BREACH OF CONTRACT, TORT (INCLUDING\r\n NEGLIGENCE), DELICT, USE OF THE UPS MATERIALS OR OTHERWISE, EVEN IF THE UPS PARTIES HAVE BEEN ADVISED OF THE LIKELIHOOD OF SUCH DAMAGES OCCURRING. EXCEPT FOR THE\r\n LIMITATIONS OF LIABILITY SET FORTH IN END USER RIGHTS SECTION 1.7 AND GENERAL TERMS AND CONDITIONS SECTION 8.2, IN NO EVENT SHALL THE LIABILITY OF ALL THE UPS PARTIES\r\n FOR ANY DAMAGES (DIRECT OR OTHERWISE) OR PENALTIES OR LOSS, REGARDLESS OF THE FORM OF ACTION OR CLAIM, WHETHER IN CONTRACT, TORT (INCLUDING NEGLIGENCE), DELICT OR OTHERWISE OF ANY TYPE EXCEED, IN THE AGGREGATE, ONE THOUSAND UNITED STATES DOLLARS (USD $1,000), ANY CLAIM FOR DAMAGES IN EXCESS THEREOF BEING HEREBY WAIVED\r\n BY YOU.\r\n
\r\n\r\n c. FOR THE AVOIDANCE OF DOUBT AND CONSISTENT WITH THE SECOND PARAGRAPH OF THESE GENERAL TERMS AND CONDITIONS, THE PRESENTMENT OF THIS AGREEMENT (VERSION UTA\r\n 08072018 (UPS.COM)) MORE THAN ONCE TO YOU DOES NOT CHANGE THE UPS PARTIES' TOTAL AGGREGATE LIABILITY ABOVE ONE THOUSAND UNITED STATES DOLLARS (USD $1,000).\r\n
\r\n\r\n d. CLAIMS NOT MADE WITHIN SIX (6) MONTHS AFTER THE FIRST EVENT GIVING RISE TO A CLAIM SHALL BE DEEMED WAIVED.\r\n
\r\n 10. Use of Name and Publicity.\r\n\r\n Except as expressly provided in this Agreement, You agree that You shall not, without separate prior written consent of UPS in each instance, use in advertising, publicity or otherwise the name of\r\n the UPS Parties (including without limitation United Parcel Service of America, Inc.), or any partner or employee of the UPS Parties, nor any trade name, trademark, trade dress or simulation thereof owned by the UPS Parties.\r\n
\r\n 11. Notices.\r\n\r\n Except as specifically provided in this Agreement, all notices, demands or other communications required or permitted hereunder shall\r\n be in writing and shall be given as follows: If by You: by personal delivery, UPS Next Day Air delivery (notice deemed effective one business day after dispatch); by facsimile or telecopier transmission if a transmission confirmation is received by the sending party (notice deemed effective on date confirmation is received); or by certified mail, return receipt requested, postage prepaid (notice deemed effective on tenth business day following placement in mail) to UPS, 35 Glenlake Parkway, Atlanta, Georgia 30328, attention: UPS Legal Department, facsimile: (404) 828-6912; and If by UPS: by each method available to You as well as electronic mail (notice deemed effective on date of transmission); to the address, email address or facsimile number, as applicable, (1) of Your registration information for the UPS Technology as provided to UPS, (2) of a UPS Account You use with the UPS Technology or (3) if neither (1) nor (2) above apply, then to the address, email address or facsimile number, as applicable, that You have otherwise provided to UPS. Either party may change its address, email address or facsimile number for notice through thirty (30) days' prior written notice to the other party.\r\n
\r\n 12. Miscellaneous.\r\n\r\n 12.1. Independent Parties. The parties are independent parties and nothing herein shall be construed as creating an employment or agency relationship, partnership, and/or joint venture between the parties. Neither party is granted\r\n any right or authority to assume or to create any obligation or responsibility, express or implied, on behalf of or in the name of the other party, or to bind such other party in any manner.\r\n
\r\n\r\n 12.2. Waiver. No waiver of any provision of this Agreement, or any rights or obligations of either party under this Agreement, shall be effective, except pursuant to a written instrument signed by the party or parties waiving\r\n compliance, and any such waiver shall be effective only in the specific instance and for the specific purpose stated in such writing.\r\n
\r\n\r\n 12.3. Severability of Provisions. In the event that any provision of this Agreement is found to be invalid or unenforceable pursuant to judicial decree or decision, the remainder of this Agreement shall remain valid and\r\n enforceable according to its terms.\r\n
\r\n\r\n 12.4. Assignment. This Agreement, including any rights, licenses or obligations under this Agreement, may not be assigned by You to any other Person or entity without the prior written consent of UPS. UPS may assign,\r\n delegate or transfer all or any part of this Agreement or any rights hereunder to any member of the UPS Parties without the need for any approval or consent from You. For these purposes, \"Assignment\" shall include, but is not\r\n limited to, any merger or sale of all or substantially all of the assets of the assigning party or any transfer of this Agreement, or any portion hereof, by operation of law or otherwise, or any sale or other transfer of thirty percent\r\n (30%) or more of the voting shares/interests of the assigning party or control thereof. In the event of any permitted Assignment of this Agreement, this Agreement shall be binding upon and inure to the benefit of each of the\r\n parties and their respective legal successors and permitted assigns.\r\n
\r\n\r\n 12.5. Taxes. Any fees payable under this Agreement do not include any taxes and fees (including, but not limited to, any applicable withholding taxes and VAT or any other tax or fee) levied by any duly constituted taxing\r\n authority against the fees payable to UPS hereunder. You shall be solely responsible for the calculation of and payment of any such taxes to the relevant taxing authority, and shall not reduce the amount of the fees payable for\r\n such tax payment.\r\n
\r\n\r\n 12.6. Governing Law; Jurisdiction and Language. To the fullest extent permitted by applicable law, this Agreement and any claim, case, or controversy arising out of or relating to this Agreement (whether for breach of contract,\r\n tort or otherwise) shall be governed by and construed in accordance with the laws of the State of New York, excluding (1) its conflict of law principles; (2) the United Nations Convention on Contracts for the International Sale of Goods; (3) the 1974 Convention on the Limitation Period in the International Sale of Goods; and (4) the Protocol amending the 1974 Convention, done at Vienna, April 11, 1980. The parties declare that they have required that this Agreement and all documents related hereto, either present or future, be drawn up in the English language only. Les parties declarent qu'elles exigent que cette entente et tous les documents y afferents, soit pour le present ou\r\n l'avenir, soient rediges en langue anglaise seulement. To the fullest extent permitted by applicable law and consistent with valid entry into a binding agreement, the controlling language of this Agreement is English and any translation You have received has been provided solely for Your convenience. To the fullest extent permitted by applicable law, all correspondence and communications between You and UPS under this Agreement must be in the English language. In the event You have entered into this Agreement by means of the Internet display of a translated version of this Agreement in a language other than U.S. English, You may view the U.S. English language\r\n version of this Agreement by accessing https://www.ups.com/us/en/help-center/legal-terms-conditions/technology-agreement.page. THE EXCLUSIVE JURISDICTION FOR ANY CLAIM, CASE, OR CONTROVERSY ARISING OUT OF OR RELATING TO THIS AGREEMENT (WHETHER FOR BREACH OF CONTRACT, TORT OR OTHERWISE) SHALL BE A FEDERAL OR STATE COURT IN ATLANTA, GEORGIA, AND THE PARTIES HEREBY CONSENT TO SUCH EXCLUSIVE JURISDICTION AND IRREVOCABLY WAIVE AND SHALL NOT ASSERT ANY DEFENSES BASED ON LACK OF IN PERSONAM JURISDICTION, IMPROPER VENUE OR INCONVENIENT FORUM. Notwithstanding the foregoing, if and to the extent subsequent separate or ancillary proceedings in another U.S. or foreign court are necessary in order to enforce a\r\n judgment of the court in Atlanta, Georgia, or otherwise as is necessary to provide complete relief and full resolution of all issues in dispute, the Parties may institute such subsequent separate or ancillary proceedings in any such U.S. or foreign court, and the Parties hereby consent to the non-exclusive jurisdiction of such court and hereby waive any defenses therein based on lack of in personam jurisdiction, improper venue or inconvenient forum. Notwithstanding anything herein to the contrary, UPS shall be entitled to interim relief or provisional remedies before any court having jurisdiction. You agree to the admissibility of computer records and electronic evidence in\r\n any dispute herein. For the avoidance of doubt, dispute resolution provisions contained in any agreement You have entered into with a member of the UPS Parties related to UPS services, including for example, the applicable UPS Terms and Conditions of Carriage/Service, shall govern whenever such provisions are applicable to any claim or controversy. SEE SECTION 12.15 AND EXHIBIT B FOR COUNTRY-SPECIFIC DEVIATIONS TO THIS AGREEMENT IF YOU ARE A RESIDENT OF OR YOUR REGISTERED OFFICE IS LOCATED IN ONE OF THE FOLLOWING COUNTRIES OR TERRITORIES: MIDDLE EASTERN COUNTRIES, BANGLADESH, INDONESIA, ISRAEL, THE UNITED STATES OF AMERICA OR PUERTO RICO.\r\n
\r\n\r\n 12.7. Force Majeure. Neither party hereto shall be liable for the failure to perform any of its obligations under this Agreement or for any Damages if such failure is caused by any reason beyond its reasonable control including without limitation, any occurrence of any act of God, labor strike or dispute, industrial disturbance, governmental emergency order, judicial or government action, emergency regulations, sabotage, riots, vandalism, electronic failure, major computer hardware or software failures, equipment delivery delays, acts of third parties, or act of terrorism.\r\n
\r\n\r\n 12.8. Remedies. Any remedies provided herein are non-exclusive.\r\n
\r\n\r\n 12.9. Compliance with Laws. Each party, in connection with its performance hereunder, shall strictly comply with all applicable laws, rulings, and regulations and shall take no actions which would cause the other party to be in violation of any laws, rulings or regulations applicable to it, including, where required, You as a licensee filing this Agreement with a governmental entity. You specifically acknowledge that the UPS Materials provided hereunder may contain encryption functionality. You acknowledge and agree that by downloading, importing or using the UPS Materials in any country or territory outside the United States you, not UPS, assume full responsibility for compliance with all the laws and regulations of such country or territory, including, without limitation, all laws and regulations governing the import, use, distribution, development, or transfer of encryption software or technology and all requirements of registration or licensing related to same.\r\n
\r\n\r\n 12.10. Data Practices. In order to perform pickup and delivery services, and in connection with Your use of the UPS Technology, the UPS package delivery company in Your jurisdiction, whose name and address may be found\r\n under \"Contact UPS\" on the UPS Web Site for Your jurisdiction (\"UPS Delivery Co.\"), collects, processes and uses personal information. UPS Market Driver, Inc., 35 Glenlake Parkway, N.E., Atlanta, Georgia, USA 30328 and\r\n the other UPS Parties receive personal information and use it for the Purposes defined below. The UPS Parties process personal information in accordance with applicable data protection laws. The personal information is used for the purposes (the \"Purposes\") set forth in, and is subject to, the UPS Privacy Notice published on UPS's web site at https://www.ups.com/us/en/help-center/legal-terms-conditions/privacy-notice.page (hereby incorporated by reference into this Agreement). The personal information may be disclosed to certain\r\n recipients (\"Recipients\") as described in the UPS Privacy Notice. You acknowledge You have read and fully understand the UPS Privacy Notice. You represent and warrant to UPS that when You or Your employees, agents or contractors (\"Shipper Parties\") provide UPS Delivery Co. with personal information: (1) the Shipper Parties have collected the personal information lawfully, and have the right and authority to provide the personal information to the UPS Parties for any uses permitted under these General Terms and Conditions Section 12.10; (2) You or another Shipper Party have notified each individual identified by the personal information (including all package addressees), as required by applicable law, that UPS will be processing the personal information in accordance with the UPS Privacy Notice published\r\n at https://www.ups.com/us/en/help-center/legal-terms-conditions/privacy-notice.page in effect at the time of shipping, that the personal information may be provided by UPS to the Recipients set forth above, and that the personal information may be transferred to countries or territories other than the country or territory in which the UPS Parties originally collected the information (which countries or territories may not have the same data protection laws as the country or territory in which You originally provided the information); and (3) You have obtained informed and specific consent from any package addressee or recipient, as required by law, that UPS may send e-mail and other notifications related to the agreed shipment services. You further agree to receive non-marketing telephone calls and text messages relating to the UPS pickup and delivery services (including, without limitation, collections calls and text messages) from or on behalf of UPS at any wireless telephone number assigned to Your account. You understand and agree that such calls or text messages may be prerecorded and/or delivered through the use of an automatic telephone dialing system and that Your wireless carrier's message and data rates may apply to Your receipt of such calls and text messages at a cellular telephone number. You understand and agree that any telephone number(s) that You provide to UPS will be true, accurate, current, and complete, and You will promptly update any such number as necessary to keep it true, accurate, current, and complete.\r\n
\r\n\r\n 12.11. Non-Exclusivity. Nothing in this Agreement shall be construed to preclude or restrict UPS in any way from entering into similar arrangements with any other Person or from dealing or contracting directly with mutual customers of the parties.\r\n
\r\n\r\n 12.12. Entire Agreement; Amendment. This Agreement constitutes the entire understanding and agreement between the parties with respect to the subject matter of this Agreement and supersedes any and all (1) prior or contemporaneous representations, understandings and agreements related thereto and (2) any prior versions of the UPS Technology Agreement between UPS and You, all of which are merged in this Agreement. Such merger will not be effective as to Software. The UPS Technology Agreement current at the time You receive a particular version of the Software will govern Your use of such Software version at all times. Any Corporate Technology\r\n Agreement between UPS and Customer, whether entered into before or after the date of this Agreement, shall supersede this Agreement. Any UPS Technology Agreement between UPS and You having a version more recent than Version UTA08072018 shall supersede this Agreement. The superseding of any prior agreement shall not abridge UPS's rights against You as a result of any violation or breach of such prior agreement before the date of this Agreement. This Agreement may not be modified or amended except by a writing signed by authorized representatives of the parties to this Agreement; provided, however, UPS may modify the End User Rights pursuant to End\r\n User Rights Section 3.1 and the UPS Materials and UPS Technology pursuant to these General Terms and Conditions Section 4.2. A writing with electronic signatures shall not qualify to modify or amend the Agreement.\r\n
\r\n\r\n 12.13. Waiver: European Union Notices. To the fullest extent permitted by applicable law, if You are a resident of or Your registered office is located in a member state of the European Union, You waive all notices,\r\n acknowledgements and confirmations relative to contracting by electronic means which may be required under Articles 10(1), 10(2), 11(1) and 11(2) of EU Directive 2000/31/EC as implemented in Your jurisdiction in respect of Your use of the UPS Technology. If You are a resident of any European Union member state, You understand You have a right to withdraw from this Agreement in the first fourteen (14) days after Your acceptance, and to the fullest extent permitted by applicable law, You hereby expressly renounce the 14-day right of withdrawal in exchange of UPS making UPS Technologies available to You immediately upon entering in this Agreement.\r\n
\r\n\r\n 12.14. NOTICE: Processing of Personal Information pursuant to UPS Privacy Notice. Except as You indicate to the contrary pursuant to the methods specified in the UPS Privacy Notice (which preferences may be changed by You at any time), You hereby acknowledge that personal information may be processed for the Purposes as set forth in General Terms and Conditions Section 12.10. You also agree that where You are the package addressee or recipient, You have received notice of the processing and use of personal information as described in General Terms and Conditions Section 12.10.\r\n
\r\n\r\n 12.15. Country-Specific Terms. If You are a resident of or Your registered office is located in one of the countries or territories listed below, the terms of Exhibit B shall apply to You. In the case of conflict or ambiguity between any provision contained in the body of these General Terms and Conditions and any provision contained in Exhibit B, the provision contained in Exhibit B shall prevail if Exhibit B applies to You. a. Bahrain, Kuwait, Oman, Qatar, Saudi Arabia, UAE, Jordan, Tunisia, Algeria, Djibouti, Iraq, Lebanon, Libya, Morocco, and Mauritania (\"Middle Eastern Countries\"). b. Bangladesh, Indonesia, Israel, the United States of America and Puerto Rico.\r\n
\r\nEXHIBIT A
\r\nDEFINITIONS- GENERAL TERMS AND CONDITIONS
\r\n\r\n Affiliates means third parties that control, are controlled by, or under common control with, whether directly or indirectly, a Person. For purposes of this definition, the term \"control\" (including with correlative meanings, the terms \"controlled by\" and \"under common control with\") means the possession directly or indirectly of the power to direct or cause the direction of the management and policies of an entity,whether through the ownership of voting securities, by trust, management agreement, contract or otherwise.\r\n
\r\n\r\n Agreement is defined in the second paragraph of these General Terms and Conditions.\r\n
\r\n\r\n Alternate Billed Shipment(s) means shipments tendered to the UPS Parties on Your behalf by another Person where such shipments are charged against Your UPS Account. Assignment has the definition provided in General Terms and Conditions Section 12.4.\r\n
\r\n\r\n Billing Data Service Provider means a third party services provider (1) hired by You for providing services for You to close the Customer Billing Cycle, and (2) who has been identified to UPS by You for receipt of Billing Data from UPS to You via the UPS Systems, using the approved secure transfer method which may be modified from time to time by UPS in accordance with this Agreement.\r\n
\r\n\r\n Confidential Information means any information or material, other than Trade Secrets, that is of value to UPS and is not generally known to third parties, or that UPS obtains from any third party (including without limitation the UPS Parties) that UPS treats as proprietary whether or not owned by UPS. Confidential Information shall include Information. Confidential Information shall not include information that You can show is: (1) known by You at the time of receipt from UPS and not subject to any other nondisclosure agreement between the parties; (2) now, or which hereafter becomes, generally known to the public through no fault of You; (3) otherwise lawfully and independently developed by You without reference to Confidential Information; or (4) lawfully acquired by You from a third party without any obligation of confidentiality.\r\n
\r\n\r\n Customer is defined in the third paragraph of the General Terms and Conditions.\r\n Damages means any claims, losses, damages, rulings, judgments and costs and expenses (including without limitation attorneys fees).\r\n End User Rights means the document available at\r\n https://www.ups.com/us/en/help-center/legal-terms-conditions/technology-agreement.page and described in the second paragraph of these General Terms and Conditions.\r\n General Terms and Conditions means this document.\r\n Inbound Shipments means shipments tendered to the UPS Parties for delivery to You.\r\n Information means information provided from the UPS Systems (i) related to services provided by the UPS Parties or (ii) generated in connection with You shipping with the UPS Parties, including without limitation, Tendered Shipments.\r\n Middle Eastern Countries has the definition provided in General Terms and Conditions Section 12.15. Outbound Shipments means a shipment tendered to the UPS Parties by You.\r\n Permitted Territory means for any UPS Technology those countries and territories associated with such UPS Technology on End User Rights Exhibit C.\r\n Person means any individual, corporation, limited liability company, partnership, joint venture, association, joint stock company, trust, unincorporated organization or other legal entity.\r\n
\r\n\r\n Purposes has the definition provided in General Terms and Conditions Section 12.10. Recipients has the definition provided in General Terms and Conditions Section 12.10. Restricted Territory means those countries or territories subject to a comprehensive economic sanctions program administered by the U.S. Department of the Treasury, Office of Foreign Assets Control (\"OFAC\") or to any other\r\n general prohibition on the use, exportation, or reexportation of the UPS Technology under U.S. sanctions or export control laws. Countries or territories subject to OFAC embargo or sanctions can change at any time. For Your\r\n convenient reference only, the following links provide information pertaining to such countries or territories:\r\n http://www.treasury.gov/resource-center/sanctions/Programs/Pages/Programs.aspx, and\r\n http://www.bis.doc.gov/complianceandenforcement/liststocheck.htm.\r\n
\r\n\r\n Service Provider has the definition provided in the third paragraph of the General Terms and Conditions.\r\n Service Provider Employee has the definition provided in the third paragraph of the General Terms and Conditions.\r\n Shipper Parties has the definition provided in General Terms and Conditions Section 12.10.\r\n Software means those items of UPS Technology that (i) are software and that are provided by UPS to You under this Agreement, (excluding\r\n sample computer software code) and any associated Technical Documentation, and (ii)\r\n any Updates thereto to the extent provided by UPS to You under this Agreement.\r\n Support Services has the definition provided in General Terms and Conditions Section 5.1.\r\n Support Software has the definition provided in General Terms and Conditions Section 5.1.\r\n Support Providers has the definition provided in General Terms and Conditions Section 5.1.\r\n Technical Documentation means collectively any and all documentation and/or sample computer software code regarding the UPS Technology or the UPS Marks provided or made available to You by UPS hereunder. Tendered Shipment means a shipment tendered (i) by or for You to the UPS Parties for delivery or (ii) by a third party to the UPS Parties for delivery to You, which can be an Outbound Shipment, Alternate Billed Shipment or Inbound Shipment.\r\n Term has the definition provided in General Terms and Conditions Section 6.2.\r\n Trade Secret means any information of UPS or that UPS acquired from a third party (including without limitation the UPS Parties) which is not commonly known by or available to the public, which (1) derives economic value,\r\n actual or potential, from not being generally known to and not being readily ascertainable by proper means by other persons who can obtain economic value from its disclosure or use, and (2) is the subject of efforts that are\r\n reasonable under the circumstances to maintain its secrecy.\r\n Update(s) shall mean maintenance, error corrections, modifications, updates, enhancements or revisions to the UPS Materials. UPS means UPS Market Driver, Inc.\r\n UPS Account means any shipping account assigned to You by a member of the UPS Parties, including, without limitation, those accounts assigned to users of UPS.com shipping known as \"temporary accounts\" and UPS Freight shipping accounts.\r\n UPS Databases means databases of proprietary information related to the shipping services of the UPS Parties and distributed with or for use with Software.\r\n UPS Delivery Co. has the definition provided in General Terms and Conditions Section 12.10. UPS Marks means the word mark \"UPS\" as shown in various trademark registrations including but not limited to U.S. Trademark Registration No. 966,724, and the mark \"UPS & Stylized Shield Device\" as shown below and as shown in various trademark registrations, including but not limited to U.S. Trademark Registration Nos.: 2,867,999, 2,965,392, 2,973,108, 2,978,624, 3,160,056 and European Community Trademark Registration Nos.:\r\n 3,107,026, 3,107,281, and 3,106,978.\r\n
\r\n\r\n UPS Materials means collectively the UPS Technology, the UPS Databases, the Technical Documentation, the Information, the Software, the UPS Marks, and the UPS Systems.\r\n UPS Parties means UPS and existing Affiliates, and their respective shareholders, officers, directors, employees, agents, partners, third party suppliers and third party licensors.\r\n UPS Privacy Notice means the privacy notice available at https://www.ups.com/us/en/help-center/legal-terms-conditions/privacy-notice.page.\r\n UPS Systems means the UPS computer and network systems accessed by the UPS Technology. UPS Technology means those products identified on End User Rights Exhibit B. You is defined in the third paragraph of this Agreement.\r\n
\r\nEXHIBIT B
\r\nCOUNTRY SPECIFIC AMENDMENT TO THE GENERAL TERMS AND CONDITIONS
\r\n\r\n If You are a resident of or Your registered office is located in any country or territory identified in Section 12.15 of the General Terms and Conditions, the following terms replace or modify the referenced terms of the General Terms and Conditions. All terms of the General Terms and Conditions that are not changed by these amendments remain unchanged and in effect.\r\n 1. Middle Eastern Countries, Bangladesh, Indonesia, Israel, the U.S. and Puerto Rico.\r\n 1.1 Geographic Scope and Applicability.\r\n a. You warrant and represent that You are a resident of or Your registered office is located in one of the following countries: Middle Eastern Countries, Bangladesh, Indonesia, Israel, the United States of America or Puerto Rico.\r\n b. Subject to Section 1.1(a) of this Exhibit B above, You and UPS agree to modify the General Terms and Conditions as set forth in Section 1.2 of this Exhibit B below.\r\n c. Except as amended as set forth herein, the General Terms and Conditions (including the Exhibits thereto) shall continue in full force and effect until expired or terminated and reflect the entire agreement between You and UPS regarding the subject matter hereof. To the extent that any provisions of this Exhibit B are inconsistent with the General Terms and Conditions, the terms of this Exhibit B shall govern solely with regard to the subject of the\r\n inconsistency.\r\n d. In consideration of the promises and mutual covenants of the parties, You and UPS agree that the General Terms and Conditions shall be modified as set forth in Section 1.2 of this Exhibit B below.\r\n 1.2 Amendments.\r\n a. If You are a resident of or Your registered office is located in one of the Middle Eastern Countries, Bangladesh, Indonesia or Israel, Section 9 of the General Terms and Conditions shall be deleted in its entirety and replaced\r\n with the following:\r\n \"9. Limitation of Liability.\r\n 9.1 Except as expressly stated in Section 9.2:\r\n a. UPS Parties shall not in any circumstances have any liability for any Damages which may be suffered by the Customer (or any person claiming under or through the Customer), whether the same are suffered directly or\r\n indirectly or are immediate or consequential, and whether the same arise in contract, tort (including negligence) or otherwise howsoever, which fall within any of the following categories:\r\n i. special damage even if UPS Parties was aware of the circumstances in which such special damage could arise;\r\n ii. loss of profits;\r\n iii. loss of anticipated savings;\r\n iv. loss of business opportunity;\r\n v. loss of goodwill;\r\n vi. costs of procuring substitute goods arising out of this Agreement;\r\n vii. loss or corruption of data or data use.\r\n b. The total liability of UPS Parties, whether in contract, tort (including negligence) or otherwise and whether in connection with this Agreement or any collateral contract, shall in no circumstances exceed, in the aggregate, a sum\r\n equal to one thousand United States dollars (USD $1,000); and\r\n c. You agree that, in entering into this Agreement, either it did not rely on any representations, whether written or oral, of any kind or of any person other than those expressly set out in this Agreement or (if it did rely on any\r\n representations, whether written or oral, not expressly set out in this licence) that it shall have no remedy in respect of such representations and, in either case, UPS Parties shall have no liability in any circumstances otherwise\r\n than in accordance with the express terms of this Agreement.\r\n 9.2 The exclusions in Section 9.1 shall apply to the fullest extent permitted by applicable law, but UPS Parties do not exclude liability for:\r\n a. death or personal injury caused by the negligence of UPS Parties, their officers, employees, contractors or agents;\r\n b. fraud or fraudulent misrepresentation; or\r\n c. any other liability which may not be excluded by law\r\n
\r\n\r\n 9.3 For the avoidance of doubt, the presentment of this Agreement (version UTA 08072018) more than once to you does not change the UPS Parties' total aggregate liability above one thousand united states dollars (USD $1,000).\r\n
\r\n\r\n 9.4 Claims not made within six (6) months after the first event giving rise to a claim shall be deemed waived.\"\r\n b. If You are a resident of or Your registered office is located in one of the Middle Eastern Countries, Bangladesh, Indonesia, Israel, the United States of America or Puerto Rico, Section 12.6 of the General Terms and Conditions\r\n shall be deleted in its entirety and replaced with the following:\r\n \"12.6 Governing Law and Arbitration.\r\n
\r\n\r\n a. If You are a resident of or Your registered office is located in one of the Middle Eastern Countries, any dispute arising out of or in connection with this Agreement, including any question regarding its existence, validity or\r\n termination, shall be referred to and finally resolved by arbitration under the Arbitration Rules of the DIFC-LCIA Arbitration Centre, which the Arbitration Rules of the DIFC-LCIA Arbitration Centre are deemed to be incorporated by reference into this clause. The number of arbitrators shall be one. The seat, or legal place, of arbitration shall be the Dubai International Financial Centre. The language to be used in the arbitration shall be English. The governing law of the Agreement shall be the substantive laws of England and Wales. You hereby represent and warrant that You have the authority to enter into an agreement to arbitrate in accordance with this\r\n clause and any applicable law.\r\n
\r\n\r\n b. If You are a resident of or Your registered office is located in Bangladesh or Indonesia, any dispute arising out of or in connection with this Agreement, including any question regarding its existence, validity or termination,\r\n shall be referred to and finally resolved by arbitration under the Arbitration Rules of the Singapore International Arbitration Centre, which the Arbitration Rules of the Singapore International Arbitration Centre are deemed to be\r\n incorporated by reference into this clause. The number of arbitrators shall be one. The seat, or legal place, of arbitration shall be the Singapore International Arbitration Centre. The language to be used in the arbitration shall be\r\n English. The governing law of the Agreement shall be the substantive laws of England and Wales. You hereby represent and warrant that You have the authority to enter into an agreement to arbitrate in accordance with this\r\n clause and any applicable law.\r\n
\r\n\r\n c. If You are a resident of or Your registered office is located in Israel, any dispute arising out of this Agreement, or the breach thereof, shall be settled by arbitration in accordance with the International Arbitration Rules of the\r\n Israeli Institute of Commercial Arbitration, which the International Arbitration Rules of the Israeli Institute of Commercial Arbitration are deemed to be incorporated by reference into this clause. The number of arbitrators shall\r\n be one. The parties also agree to abide by and to perform the award or judgment of the arbitrator as the final decision respecting such dispute. The language to be used in the arbitration shall be English. The governing law of the\r\n Agreement shall be the substantive laws of England and Wales. You hereby represent and warrant that You have the authority to enter into an agreement to arbitrate in accordance with this clause and any applicable law.\r\n
\r\n\r\n d. If You are a resident of or Your registered office is located in the United States of America or Puerto Rico, any dispute arising out of this Agreement, or the breach thereof, shall be governed as set forth in Attachment 1\r\n (Dispute Resolution in the U.S. and Puerto Rico) attached hereto.\r\n
\r\n\r\n e. To the fullest extent permitted by applicable law and consistent with valid entry into a binding agreement, the controlling language of this Agreement is English and any translation You have received has been provided solely\r\n for Your convenience. To the fullest extent permitted by applicable law, all correspondence and communications between You and UPS under this Agreement must be in the English language. In the event You have entered into\r\n this Agreement by means of the Internet display of a translated version of this Agreement in a language other than U.S. English, You may view the U.S. English language version of this Agreement by accessing https://www.ups.com/us/en/help-center/legal-terms-conditions/technology-agreement.page.\r\n
\r\n\r\n f. Notwithstanding any other term of this Agreement, dispute resolution provisions contained in any agreement You have entered into with a member of the UPS Parties related to UPS Services, including for example, the applicable UPS Terms and Conditions of Carriage/Service, shall govern whenever such provisions are applicable to any claim or controversy.\r\n
\r\n\r\n c. If You are a resident of or Your registered office is located in one of the Middle Eastern Countries, Bangladesh, Indonesia or Israel, Section 12.16 shall be appended to the General Terms and Conditions as follows:\r\n \"12.16 Interpretation. The following rules of interpretation shall apply to this Agreement:\r\n
\r\n\r\n a. Section and Exhibit headings shall not affect the interpretation of this Agreement.\r\n b. A person includes a natural person, corporate or unincorporated body (whether or not having separate legal personality).\r\n c. Unless the context otherwise requires, words in the singular shall include the plural and in the plural include the singular.\r\n d. Unless the context otherwise requires, a reference to one gender shall include a reference to the other gender.\r\n
\r\n\r\n e. Any reference to an English legal term for any action, remedy, method of judicial proceeding, legal document, legal status, court, official or any legal concept or thing shall, in respect of any jurisdiction other than England, be deemed to include a reference to what most nearly approximates to the English legal term in that jurisdiction.\r\n
\r\n\r\n f. A reference to a statute or statutory provision is a reference to it as amended, extended or re-enacted from time to time, whether before or after the date of this Agreement, and in the case of a reference to a statute is also to all subordinate legislation made under that statute whether before or after the date of this Agreement.\r\n
\r\n\r\n g. Any words following the terms \"including,\" \"include,\" \"in particular\" or \"for example\" or any similar phrase shall not limit the generality of the related general words.\r\n
\r\n\r\n h. Any reference to the word \"merchantability\" shall also be construed as meaning \"satisfactory quality.\"\"\r\n
\r\n\r\n d. If You are a resident of or Your registered office is located in one of the Middle Eastern Countries, Bangladesh, Indonesia or Israel, Section 12.17 shall be appended to the General Terms and Conditions as follows:\r\n \"12.17 Third Party Rights. A person who is not a party to this Agreement shall not have any rights under the Contracts (Rights of Third Parties) Act 1999 to enforce any term of this Agreement, but this does not affect any right or remedy of a third party which exists, or is available, apart from that Act.\"\r\n
\r\n\r\n e. If You are a resident of or Your registered office is located in one of the Middle Eastern Countries, Bangladesh, Indonesia or Israel, Section 12.18 shall be appended to the General Terms and Conditions as follows:\r\n \"12.18 Anti-Bribery and Anti-Corruption. You shall comply with all applicable laws, statutes, regulations, and codes relating to anti-bribery and anti-corruption including but not limited to the UK Bribery Act 2010 in connection\r\n with this Agreement and promptly report to UPS any request or demand for any undue financial or other advantage of any kind received by such party in connection with the performance of this Agreement.\"\r\n
\r\n\r\n f. If You are a resident of or Your registered office is located in Indonesia, Section 12.13 of the General Terms and Conditions shall be deleted in its entirety and replaced with the following:\r\n \"12.13 Entire Agreement; Amendment. This Agreement constitutes the entire understanding and agreement between the parties with respect to the subject matter of this Agreement and supersedes any and all (1) prior or contemporaneous representations, understandings and agreements related thereto and (2) any prior versions of the UPS Technology Agreement between UPS and You, all of which are merged in this Agreement. Such merger will not be effective as to Software. The UPS Technology Agreement current at the time You receive a particular version of the Software will govern Your use of such Software version at all times. Any Corporate Technology Agreement between UPS and Customer, whether entered into before or after the date of this Agreement, shall supersede this Agreement. Any UPS Technology Agreement between UPS and You having a version more recent than Version UTA08072018 shall supersede this Agreement. The superseding of any prior agreement shall not abridge UPS's rights against You as a result of any violation or breach of such prior agreement before the date of this Agreement. A writing with electronic signatures shall not qualify to modify or amend the Agreement.\r\n
\r\n Attachment 1 \r\n\r\n Dispute Resolution in the U.S. and Puerto Rico Binding Arbitration of Disputes Except as to disputes that qualify for state courts of limited jurisdiction (such as small claims, justice of the peace, magistrate court, and similar courts with monetary limits on their jurisdictions over civil disputes), You and UPS agree that any controversy or claim, whether at law or equity, arising out of or related to this Agreement that arises in whole or in part in the United States or Puerto Rico, regardless of the date of accrual of such dispute, shall be resolved in its entirety by individual (not class-wide nor collective) binding arbitration.\r\n
\r\n\r\n Arbitration is the submission of a dispute to a neutral arbitrator, instead of a judge or jury, for a final and binding decision, known as an \"award.\" Arbitration provides for more limited discovery than in court, and is subject to limited review by courts. Each party has an opportunity to present evidence to the arbitrator in writing or through witnesses. An arbitrator can only award the same damages and relief that a court can award under the law and must honor the terms and conditions in this Agreement. You and UPS agree that their sole relationship is a contractual one governed by this Agreement.\r\n
\r\n\r\n Institutional Arbitration The arbitration shall be conducted by the American Arbitration Association (\"AAA\") in accordance with its Commercial Arbitration Rules and the Supplementary Procedures for Consumer-Related Disputes (the \"AAA Rules\"),\r\n and judgment on the award may be entered in any court of competent jurisdiction. The AAA Rules, including instructions for how to initiate arbitration, are available at https://www.adr.org. The arbitrator shall decide all issues of\r\n the case on the basis of the applicable law, not equity. If You initiate arbitration, You must serve UPS's registered agent for service of process, Corporation Service Company, which has locations in every state. Information also\r\n can be found on the website of your local Secretary of State.\r\n
\r\n\r\n Any arbitration under this Agreement will take place on an individual basis; class, mass, consolidated or combined actions or arbitrations or proceeding as a private attorney general are not permitted. You and UPS each waives\r\n the right to trial by jury. You and UPS further waive the ability to participate in a class, mass, consolidated or combined action or arbitration.\r\n Place of Arbitration/Number of Arbitrators/Costs of Arbitration Any arbitration will take place in the county where You reside and will be determined by a single arbitrator. Any filing fee or administrative fee required of You by the AAA Rules shall be paid by You to the extent such fee does\r\n not exceed the amount of the fee required to commence a similar action in a court that otherwise would have jurisdiction. For all non frivolous complaints, UPS will pay the amount of such fee in excess of that amount. The\r\n arbitrator will allocate the administrative costs and arbitral fees consistent with the applicable rules of the AAA. Reasonable attorney's fees and expenses will be allocated or awarded only to the extent such allocation or award is\r\n available under applicable law.\r\n
\r\n\r\n All issues are for the arbitrator to decide, except that issues relating to the scope, application, and enforceability of the arbitration provision are for a court to decide. The Federal Arbitration Act governs the interpretation and\r\n enforcement of this provision.\r\n
\r\n\r\n Severability\r\n Notwithstanding anything to the contrary in the AAA Rules, if any part of this arbitration provision is deemed invalid or ineffective for any reason, this shall not affect the validity or enforceability of the remainder of this\r\n arbitration provision, and the arbitrator shall have the authority to amend any provisions deemed invalid or ineffective to make the same valid and enforceable. Desk Arbitration\r\n For all disputes concerning an amount less than fifteen thousand dollars ($15,000.00), the parties shall submit their arguments and evidence to the arbitrator in writing and the arbitrator shall make an award based only on the\r\n documents; no hearing will be held unless the arbitrator in his or her discretion, and upon request of a party, decides it is a necessity to require an in-person hearing. For a dispute governed by the AAA Consumer-Related Disputes Supplementary Procedures, and concerning an award between fifteen thousand dollars ($15,000.00) and fifty thousand dollars ($50,000.00), inclusive, UPS shall pay Your filing fee under the AAA Rules, provided that You agree that each party shall submit their arguments and evidence to the arbitrator in writing and that the arbitrator shall make an award based only on the documents, without a hearing being held. Notwithstanding this\r\n provision, the parties may agree to proceed with desk arbitration at any time. Access to Small Claims Courts All parties shall retain the right to seek adjudication in a state court of limited jurisdiction, such as small claims, justice of the peace, magistrate court, and similar courts with monetary limits on their jurisdiction over civil\r\n disputes, for individual disputes within the scope of such court's jurisdiction.\r\n Acknowledgements YOU AND UPS ACKNOWLEDGE AND AGREE THAT EACH PARTY WAIVES THE RIGHT TO:\r\n (a) HAVE A TRIAL BY JURY TO RESOLVE ANY DISPUTE ALLEGED AGAINST YOU, UPS OR RELATED THIRD PARTIES;\r\n (b) HAVE A COURT, OTHER THAN A STATE COURT OF LIMITED JURISDICTION AS DEFINED ABOVE, RESOLVE ANY DISPUTE ALLEGED AGAINST YOU, UPS OR RELATED THIRD PARTIES;\r\n (c) HAVE A COURT REVIEW ANY DECISION OR AWARD OF AN ARBITRATOR, WHETHER INTERIM OR FINAL, EXCEPT FOR APPEALS BASED ON THOSE GROUNDS FOR VACATUR EXPRESSLY SET\r\n FORTH IN SECTION 10 OF THE FEDERAL ARBITRATION ACT; AND\r\n (d) SERVE AS A REPRESENTATIVE, AS A PRIVATE ATTORNEY GENERAL, OR IN ANY OTHER REPRESENTATIVE CAPACITY, JOIN AS A CLASS MEMBER, AND/OR TO PARTICIPATE AS A MEMBER OF A\r\n CLASS IN ANY CLASS, MASS, CONSOLIDATED OR COMBINED ACTION OR ARBITRATION FILED AGAINST YOU, UPS AND/ OR RELATED THIRD PARTIES.\r\n Award The arbitrator may award money or equitable relief in favor of only the individual party seeking relief and only to the extent necessary to provide relief warranted by that party's individual claim. Similarly, an arbitration award\r\n and any judgment confirming it apply only to that specific case; it cannot be used in any other case except to enforce the award itself. To reduce the time and expense of the arbitration, the arbitrator will not provide a statement of\r\n reasons for his or her award unless a brief explanation of the reasons is requested by one of the parties. Unless both You and UPS agree otherwise, the arbitrator may not consolidate more than one person's claims, and may not\r\n otherwise preside over any form of a representative, private attorney general or class proceeding.\r\n Confidentiality of Arbitration\r\n Notwithstanding anything to the contrary in the AAA Rules, UPS and You agree that the filing of arbitration, the arbitration proceeding, any documents exchanged or produced during the arbitration proceeding, any briefs or\r\n other documents prepared for the arbitration, and the arbitral award shall all be kept fully confidential and shall not be disclosed to any other party, except to the extent necessary to enforce this arbitration provision, arbitral award\r\n or other rights of the parties, or as required by law or court order. This confidentiality provision does not foreclose the AAA from reporting certain consumer arbitration case information as required by state law.\r\n
\r\n\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React,\r\n{ Component } from 'react'\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsInput from '../../components/WmsInput/WmsInput.jsx';\r\nimport WmsDropdown from '../../components/WmsDropdown/WmsDropdown.jsx';\r\n\r\nexport class DHLeCommerceAccountInfoComponent extends Component {\r\n constructor(props) {\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n selectedDistributionCenterIndex: null,\r\n distributionCenterOption : [\r\n {name:\"USATL1\", value:\"USATL1\"},\r\n {name:\"USBOS1\", value:\"USBOS1\"},\r\n {name:\"USBWI1\", value:\"USBWI1\"},\r\n {name:\"USCVG1\", value:\"USCVG1\"},\r\n {name:\"USDEN1\", value:\"USDEN1\"},\r\n {name:\"USDFW1\", value:\"USDFW1\"},\r\n {name:\"USEWR1\", value:\"USEWR1\"},\r\n {name:\"USLAX1\", value:\"USLAX1\"},\r\n {name:\"USMCO1\", value:\"USMCO1\"},\r\n {name:\"USMEM1\", value:\"USMEM1\"},\r\n {name:\"USORD1\", value:\"USORD1\"},\r\n {name:\"USPHX1\", value:\"USPHX1\"},\r\n {name:\"USRDU1\", value:\"USRDU1\"},\r\n {name:\"USSEA1\", value:\"USSEA1\"},\r\n {name:\"USSFO1\", value:\"USSFO1\"},\r\n {name:\"USSLC1\", value:\"USSLC1\"},\r\n {name:\"USSTL1\", value:\"USSTL1\"},\r\n {name:\"CNYYZ1\", value:\"CNYYZ1\"}\r\n ]\r\n }\r\n }\r\n\r\n handleSelectChange = (e) => {\r\n this.setState({\r\n selectedDistributionCenterIndex: e.target.value\r\n })\r\n this.props.handleConnectionObjChange(e);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsInput from '../../components/WmsInput/WmsInput.jsx';\r\nimport WmsDropdown from '../../components/WmsDropdown/WmsDropdown.jsx';\r\n\r\nexport class DHLExpressAccountInfoComponent extends Component {\r\n constructor(props) {\r\n super(props)\r\n \r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react'\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx'\r\nimport WmsInput from '../../components/WmsInput/WmsInput.jsx'\r\n\r\nexport class AustraliaPostAccountInfoComponent extends Component {\r\n constructor(props) {\r\n super(props)\r\n \r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport WmsCollapse from \"../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../components/WmsInput/WmsInput.jsx\";\r\n\r\nexport class StampsAccountInfoComponent extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n this.state = { }\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport WmsCollapse from \"../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../components/WmsInput/WmsInput.jsx\";\r\n\r\nexport class APCAccountInfoComponent extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n this.state = { }\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport WmsCollapse from \"../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../components/WmsInput/WmsInput.jsx\";\r\n\r\nexport class FirstMileInfoComponent extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n this.state = { }\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport WmsCollapse from \"../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../components/WmsInput/WmsInput.jsx\";\r\n\r\nexport class GlobegisticsInfoComponent extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n this.state = { }\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport WmsCollapse from \"../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../components/WmsInput/WmsInput.jsx\";\r\n\r\nexport class RrDonnelleyInfoComponent extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n this.state = { }\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react'\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx'\r\nimport WmsInput from '../../components/WmsInput/WmsInput.jsx'\r\n\r\nexport class CanadaPostComponent extends Component {\r\n constructor(props) {\r\n super(props)\r\n \r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport WmsCollapse from \"../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../components/WmsInput/WmsInput.jsx\";\r\n\r\nexport class OnTraceComponent extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n this.state = { }\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport WmsCollapse from \"../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../components/WmsInput/WmsInput.jsx\";\r\n\r\nexport class SekoComponent extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n this.state = { }\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport WmsCollapse from \"../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../components/WmsInput/WmsInput.jsx\";\r\n\r\nexport class AmazonComponent extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n this.state = {}\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n Amazon Buy Connection\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react'\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx'\r\nimport WmsInput from '../../components/WmsInput/WmsInput.jsx'\r\n\r\nexport class CanparAccountInfoComponent extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport WmsCollapse from \"../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../components/WmsInput/WmsInput.jsx\";\r\n\r\nexport class PurolatorAccountInfoComponent extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n \r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n this.state = { }\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsInput from '../../components/WmsInput/WmsInput.jsx';\r\nimport WmsDropdown from '../../components/WmsDropdown/WmsDropdown.jsx';\r\n\r\nexport class DHLExpressAUAccountInfoComponent extends Component {\r\n constructor(props) {\r\n super(props)\r\n \r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n","import React from 'react';\r\n\r\nimport WmsButton from './../../components/WmsButton/WmsButton.jsx';\r\nimport WmsDropdown from './../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsModel from './../../components/WmsModel/WmsModel.jsx';\r\nimport WmsCollapse from './../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsCheckBox from './../../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsDateTimePicker from './../../components/WmsDateTimePicker/WmsDateTimePicker.jsx';\r\nimport { FedexEulaAgreementComponent } from './fedex-eula-agreement.component.jsx';\r\nimport { FedexEditComponent } from './fedex-edit.component.jsx';\r\nimport { UpsEditComponent } from './ups-edit.component.jsx';\r\nimport { UpsEulaAgreementComponent } from './ups-eula-agreement.component.jsx';\r\nimport WmsInput from './../../components/WmsInput/WmsInput.jsx';\r\nimport style from './new-carrier-connection.scss';\r\nvar axios = require('axios');\r\n\r\n//services\r\nimport * as GlobalService from './../../global_services';\r\nimport * as carrierService from './../carriers.services.jsx';\r\nimport { EndiciaAccountInfoComponent } from './endicia-account-info.component.jsx';\r\nimport { DHLeCommerceAccountInfoComponent } from './dhl-eCommerce-account-info.component.jsx';\r\nimport { DHLExpressAccountInfoComponent } from './dhl-express-account-info.component.jsx';\r\nimport { AustraliaPostAccountInfoComponent } from './australia-post-account-info.component.jsx';\r\nimport { StampsAccountInfoComponent } from './stamps-account-info.component.jsx';\r\nimport { APCAccountInfoComponent } from './apc-account-info.component.jsx';\r\nimport { FirstMileInfoComponent } from './first-mile-info.component.jsx';\r\nimport { GlobegisticsInfoComponent } from './globegistics-info.component.jsx';\r\nimport { RrDonnelleyInfoComponent } from './rrDonnelley-info.component.jsx';\r\nimport { CanadaPostComponent } from './canada-post.component.jsx';\r\nimport { OnTraceComponent } from './on-trac.component.jsx';\r\nimport { SekoComponent } from './seko.component.jsx';\r\nimport { AmazonComponent } from './amazon.component.jsx';\r\nimport { CanparAccountInfoComponent } from './canpar-account-info.component.jsx';\r\nimport { PurolatorAccountInfoComponent } from './purolator-account-info.component.jsx';\r\nimport { DHLExpressAUAccountInfoComponent } from './dhl-express-au-account-info.component.jsx';\r\n\r\nexport class NewCarrierConnectionModel extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n selector: \"newConnection\",\r\n rights: GlobalService.GetRights(),\r\n selectedContentType: '',\r\n selectedFacilityIndex: '',\r\n selectedCustomerIndex: '',\r\n selectedCarrierIndex: '',\r\n selectedCarrier: '',\r\n connectionLoader: false,\r\n chkNegotiatedRates: true,\r\n currentStep: 1,\r\n totalSteps: 0,\r\n currentCarrierImgUrl: '',\r\n currentLoginLabel: 'Login',\r\n carrierOptions: [],\r\n pickupTypeOptions: [],\r\n smartPostHubOptions: [],\r\n smartPostEndorsementOptions: [],\r\n mailInnovationsEndorsementOptions: [],\r\n optionsCountry: GlobalService.GetCountries(),\r\n customerOptions: GlobalService.getCustomerList(),\r\n facilityOption: GlobalService.getFacilityList(false),\r\n optionsState: [],\r\n connectionObj: {}\r\n };\r\n this.loadDropdownOptions();\r\n }\r\n componentDidMount() {\r\n if (this.props.sharedModelFlow == 'edit') {\r\n\r\n kendo.ui.progress($('#newCarrierConnection'), true);\r\n carrierService.getCarrierDetail(this.props.sharedSelectedCarrierAccountData.ShipEngineId).then((response) => {\r\n // response.data.CarrierName = 'UPS';\r\n this.setState({\r\n connectionObj: response.data\r\n });\r\n this.setCarrierOptions(response.data.CarrierName);\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#newCarrierConnection'), false);\r\n });\r\n\r\n } else {\r\n var selectedContentType = 'Warehouse Account';\r\n var selectedCustomerIndex = '';\r\n if (this.props.sharedSelectedCustomerIndex) {\r\n selectedContentType = 'Customer Account';\r\n selectedCustomerIndex = this.props.sharedSelectedCustomerIndex;\r\n }\r\n this.setState({\r\n selectedContentType: selectedContentType,\r\n selectedCustomerIndex: selectedCustomerIndex\r\n })\r\n }\r\n }\r\n loadDropdownOptions = () => {\r\n axios.get('/WebUI/Settings/CarrierAccount/GetCarriers')\r\n .then((response) => {\r\n var arrrOfRemoveCarrieresList = [\"DHL Express UK\", \"DHL Express Canada\", \"FedEx UK\", \"DPD\", \"Asendia\", \"Newgistics\", \"Royal Mail\", \"Lone Star Overnight\", \"Less-Than-Load\", \"Walmart Fedex\"];\r\n _.remove(response.data.Carriers, obj => arrrOfRemoveCarrieresList.includes(obj.Carrier));\r\n this.setState({\r\n carrierOptions: response.data.Carriers\r\n });\r\n });\r\n }\r\n handleChangeEvent = (e) => {\r\n let name = e.target.name;\r\n if (e.target.type == 'checkbox') {\r\n this.setState({ [name]: !this.state[name] });\r\n } else {\r\n this.setState({ [name]: e.target.value });\r\n }\r\n // if(name == 'selectedContentType' ){\r\n // this.setState({selectedFacilityIndex:''});\r\n // }\r\n\r\n if (name == 'selectedCarrierIndex') {\r\n let tmpSelectedCarrier = this.state.carrierOptions[e.target.value].Carrier;\r\n\r\n this.setCarrierOptions(tmpSelectedCarrier);\r\n\r\n this.setState({ connectionObj: {} });\r\n }\r\n }\r\n setCarrierOptions = (tmpSelectedCarrier) => {\r\n let totalSteps = 2;\r\n let currentStep = 1;\r\n let currentCarrierImgUrl = '3PL_Logo_Orange.png';\r\n let currentLoginLabel = 'Login';\r\n\r\n if (tmpSelectedCarrier == 'Endicia') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'endicia-logo.png';\r\n currentLoginLabel = 'Endicia Account';\r\n } else if (tmpSelectedCarrier == 'FedEx') {\r\n totalSteps = 3;\r\n currentCarrierImgUrl = 'FedEx-logo.png';\r\n } else if (tmpSelectedCarrier == 'Stamps.com') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'Stamps.com-logo.png';\r\n currentLoginLabel = 'Stamps Account';\r\n } else if (tmpSelectedCarrier == 'APC') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'APC-logo.png';\r\n } else if (tmpSelectedCarrier == 'UPS') {\r\n totalSteps = 4;\r\n currentCarrierImgUrl = 'UPS-logo.png';\r\n } else if (tmpSelectedCarrier == 'DHL eCommerce') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'dhl-ecommerce.png';\r\n } else if (tmpSelectedCarrier == 'DHL Express') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'dhl-express.png';\r\n } else if (tmpSelectedCarrier == 'Australia Post') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'australia-post.png';\r\n } else if (tmpSelectedCarrier == 'Purolator') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'purolator-seeklogo.com.png';\r\n } else if (tmpSelectedCarrier == 'DHL Express Australia') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'DHLExpressAU.png';\r\n } else if (tmpSelectedCarrier == 'Firstmile') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'First Mile.png';\r\n } else if (tmpSelectedCarrier == 'Globegistics') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'Globegistics.png';\r\n } else if (tmpSelectedCarrier == 'RR Donnelley') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'rrDonnelley.png';\r\n } else if (tmpSelectedCarrier == 'Canada Post') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'canada-post-logo.jpg';\r\n } else if (tmpSelectedCarrier == 'OnTrac') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'ontrac.png';\r\n } else if (tmpSelectedCarrier == 'SEKO') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'seko.png';\r\n } else if (tmpSelectedCarrier == 'Amazon Buy') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'amazon.png';\r\n } else if (tmpSelectedCarrier == 'Canpar') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'canpar.png';\r\n }\r\n\r\n\r\n\r\n let optionsForSettings = GlobalService.getDropdownOptionsForSettings(tmpSelectedCarrier);\r\n\r\n this.setState({\r\n currentCarrierImgUrl: currentCarrierImgUrl,\r\n totalSteps: totalSteps,\r\n currentLoginLabel: currentLoginLabel,\r\n selectedCarrier: tmpSelectedCarrier,\r\n pickupTypeOptions: optionsForSettings.pickupType,\r\n smartPostHubOptions: optionsForSettings.smartPostHub,\r\n smartPostEndorsementOptions: optionsForSettings.smartPostEndorsement,\r\n mailInnovationsEndorsementOptions: optionsForSettings.mailInnovationsEndorsement,\r\n currentStep: currentStep\r\n });\r\n }\r\n\r\n handleConnectionObjChange = (e) => {\r\n\r\n let tmpConnectionObj = Object.assign({}, this.state.connectionObj);\r\n let tmpName = e.target.name;\r\n\r\n if (e.target.type == 'checkbox') {\r\n tmpConnectionObj[tmpName] = !tmpConnectionObj[tmpName];\r\n if (tmpName == \"UseNegotiatedRates\" && this.props.sharedModelFlow == 'edit' && this.state.selectedCarrier == 'UPS' && tmpConnectionObj[tmpName] == false) {\r\n tmpConnectionObj[\"InvoiceDate\"] = \"\";\r\n tmpConnectionObj[\"InvoiceNumber\"] = \"\";\r\n tmpConnectionObj[\"ControlId\"] = \"\";\r\n tmpConnectionObj[\"InvoiceAmount\"] = \"\";\r\n }\r\n\r\n } else {\r\n tmpConnectionObj[tmpName] = e.target.value;\r\n }\r\n\r\n if (tmpName == 'CountryCode') {\r\n this.setState({ optionsState: GlobalService.GetRegions(e.target.value) });\r\n }\r\n this.setState({ connectionObj: tmpConnectionObj });\r\n }\r\n\r\n movePreviousStep = () => {\r\n let prvStep = this.state.currentStep - 1;\r\n this.setState({ currentStep: prvStep });\r\n }\r\n\r\n moveNextStep = () => {\r\n let nxtStep = this.state.currentStep + 1;\r\n this.setState({ currentStep: nxtStep });\r\n }\r\n\r\n updateCarrierSettings = () => {\r\n\r\n this.setState({ connectionLoader: true });\r\n\r\n carrierService.updateCarrierSetting(this.state.connectionObj).then((response) => {\r\n\r\n GlobalService.notification('success', this.translate('Label_Carrier_Update_Success'));\r\n\r\n this.props.onRefreshGridData();\r\n this.props.onCloseNewConnectionModel();\r\n\r\n }).finally(() => {\r\n this.setState({ connectionLoader: false });\r\n });\r\n }\r\n\r\n registerConnection = () => {\r\n let tmpConnectionObj = Object.assign({}, this.state.connectionObj);\r\n let carrierObj = this.state.carrierOptions[this.state.selectedCarrierIndex];\r\n let facilityObj = this.state.facilityOption[this.state.selectedFacilityIndex];\r\n let customerObj = this.state.customerOptions[this.state.selectedCustomerIndex];\r\n\r\n tmpConnectionObj.CarrierName = carrierObj.Carrier;\r\n tmpConnectionObj.CarrierUri = carrierObj.Uri;\r\n\r\n if (facilityObj && this.state.selectedContentType == 'Warehouse Account') {\r\n tmpConnectionObj.FacilityId = facilityObj.id;\r\n tmpConnectionObj.FacilityUri = facilityObj.uri;\r\n } else {\r\n tmpConnectionObj.CustomerId = customerObj.id;\r\n tmpConnectionObj.CustomerUri = customerObj.uri;\r\n }\r\n\r\n\r\n if (tmpConnectionObj.CarrierName === \"APC\") {\r\n tmpConnectionObj.AccountNumber = tmpConnectionObj.Username;\r\n } else if (tmpConnectionObj.CarrierName === \"Firstmile\") {\r\n tmpConnectionObj.AccountNumber = tmpConnectionObj.MailerId;\r\n } else if (tmpConnectionObj.CarrierName === \"Globegistics\") {\r\n tmpConnectionObj.AccountNumber = tmpConnectionObj.Username;\r\n } else if (tmpConnectionObj.CarrierName === \"Purolator\") {\r\n tmpConnectionObj.AccountNumber = tmpConnectionObj.ApiKey;\r\n } else if (tmpConnectionObj.CarrierName === \"RR Donnelley\") {\r\n tmpConnectionObj.AccountNumber = tmpConnectionObj.Username;\r\n } else if (tmpConnectionObj.CarrierName === \"SEKO\") {\r\n tmpConnectionObj.AccountNumber = tmpConnectionObj.AccessKey;\r\n } else if (tmpConnectionObj.CarrierName === \"DHL eCommerce\") {\r\n tmpConnectionObj.AccountNumber = tmpConnectionObj.ClientId;\r\n }\r\n\r\n carrierService.registerShipEngine(tmpConnectionObj).then((response) => {\r\n this.setState({ connectionLoader: false });\r\n if (response && response.status == 200) {\r\n // response.data.message = \"Failour: test message\";\r\n var msg = response.data.message;\r\n // GlobalService.notification('success', this.translate('New_carrier_Connection_Success'));\r\n //GlobalService.notification('success', response.data.message);\r\n if (msg.indexOf('Failure:') === -1) {\r\n GlobalService.notification('success', msg);\r\n this.props.onRefreshGridData();\r\n this.props.onCloseNewConnectionModel();\r\n } else {\r\n // GlobalService.notification('error', msg);\r\n var failureMsg = msg.replace(/[\\u0022\\u0027\\u003a\\u003b]/g, '');\r\n var _data = {\r\n \"ErrorCode\": \"System\",\r\n \"ErrorMessage\": '',\r\n \"Field\": \"\",\r\n \"RequestorContextId\": failureMsg\r\n };\r\n GlobalService.notification(\"errorr\", _data);\r\n }\r\n\r\n }\r\n }).finally(() => {\r\n this.setState({ connectionLoader: false });\r\n });\r\n\r\n }\r\n\r\n\r\n\r\n render() {\r\n\r\n let carrierAccountInformationSection = () => {\r\n switch (this.state.selectedCarrier) {\r\n case 'Endicia':\r\n return \r\n We are currently building out the connection user interface for this carrier and expect to complete it soon. If you need this carrier setup immediately please contact your Customer Success Manager to begin the process.\r\n
;\r\n }\r\n };\r\n let editModelTitle = 'Title_carrier_EDIT_Carrier_ACCOUNT';\r\n let editCarrierImgUrl = '3PL_Logo_Orange.png';\r\n if (this.props.sharedModelFlow == 'edit') {\r\n if (this.state.selectedCarrier == 'FedEx') {\r\n editModelTitle = 'Title_carrier_EDIT_FEDEX_ACCOUNT';\r\n editCarrierImgUrl = 'FedEx-logo.png';\r\n } else if (this.state.selectedCarrier == 'UPS') {\r\n editModelTitle = 'Title_carrier_EDIT_UPS_ACCOUNT';\r\n editCarrierImgUrl = 'UPS-logo.png';\r\n }\r\n }\r\n return (\r\n\r\n \r\n {/* First step */}\r\n {this.props.sharedModelFlow == 'edit' && (\r\n
\r\n\r\n \r\n
\r\n )}\r\n {this.props.sharedModelFlow == 'create' && this.state.currentStep == 1 && (\r\n \r\n 
\r\n
\r\n {this.state.selectedCarrier == 'FedEx' &&\r\n \r\n \r\n Carrier details not found, If you need any help please contact your Customer Success Manager to begin the process.\r\n
\r\n }\r\n \r\n \r\n\r\n
\r\n )}\r\n\r\n\r\n {/* Second step */}\r\n {this.state.currentStep == 2 && (\r\n */}\r\n {this.state.selectedContentType == 'Customer Account' ? (\r\n
*/}\r\n\r\n \r\n \r\n {this.state.selectedCarrier == 'FedEx' ?\r\n
\r\n )}\r\n\r\n {/* Third step */}\r\n {this.state.currentStep == 3 && (\r\n \r\n \r\n
\r\n\r\n {this.state.selectedCarrier == 'FedEx' || this.state.selectedCarrier == 'UPS' ? (\r\n \r\n \r\n {carrierAccountInformationSection()}\r\n
\r\n )}\r\n \r\n \r\n\r\n \r\n \r\n\r\n
\r\n )}\r\n\r\n {/* Fourth step */}\r\n {this.state.currentStep == 4 && (\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n {this.state.selectedCarrier == 'UPS' &&\r\n \r\n
\r\n }\r\n\r\n \r\n
\r\n )}\r\n {this.state.selectedCarrier != 'FedEx' && (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n\r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n {this.state.selectedCarrier == 'UPS' && (\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n )}\r\n \r\n\r\n
\r\n \r\n );\r\n }\r\n}","export const getGridDemoColumns = (carrier_GridHeaders, selectedFacilityObj) => {\r\n return ({\r\n columns: [{\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n hidden: true,\r\n menu: false,\r\n width: 120\r\n }, {\r\n field: \"Owner\",\r\n title: carrier_GridHeaders[0].description,\r\n width: 120,\r\n wmsid: 1\r\n },\r\n {\r\n field: \"Carrier\",\r\n title: carrier_GridHeaders[1].description,\r\n width: 120,\r\n wmsid: 2\r\n },\r\n {\r\n field: \"NickName\",\r\n title: carrier_GridHeaders[2].description,\r\n width: 120,\r\n filterable: true,\r\n wmsid: 3\r\n },\r\n {\r\n field: \"Type\",\r\n title: carrier_GridHeaders[3].description,\r\n width: 120,\r\n wmsid: 4,\r\n template: \"#= Type == 'Facility' ? 'Warehouse' : 'Customer' #\"\r\n },\r\n {\r\n field: \"AccountNumber\",\r\n title: carrier_GridHeaders[4].description,\r\n width: 120,\r\n wmsid: 5\r\n }]\r\n });\r\n}\r\n\r\nexport const getGridDemoSchema = () => {\r\n return ({\r\n schema: {\r\n model: {\r\n id: \"Owner\",\r\n fields: {\r\n RowNumber: {\r\n type: 'number'\r\n },\r\n facility: {\r\n type: \"string\"\r\n },\r\n carrier: {\r\n type: \"string\"\r\n },\r\n accnickname: {\r\n type: \"string\"\r\n },\r\n acctype: {\r\n type: \"string\"\r\n }\r\n }\r\n }\r\n }\r\n })\r\n}\r\n\r\n","import * as GlobalService from \"../global_services\";\r\nvar isFirstTimeOpen = true;\r\nvar keyName = \"CarrierMetaData\";\r\nvar metaDataManageCarrierObject = {\r\n CarrierMetaData: {\r\n 'CarrierGrid': {\r\n \"gridConfig\": {\r\n }\r\n }\r\n }\r\n};\r\n\r\n// call api for get metaData of order is it's open first time\r\nexport const getManageCarrierMetaData = function () {\r\n if (isFirstTimeOpen) {\r\n return GlobalService.getUserClientMetaData(keyName).then(\r\n function successCallBack(response) {\r\n if (response != \"\") {\r\n Object.assign(metaDataManageCarrierObject[keyName], JSON.parse(response));\r\n }\r\n // console.log(\"response metaDataManageCarrierObject :\", metaDataManageCarrierObject);\r\n isFirstTimeOpen = false;\r\n return true;\r\n },\r\n function errorCallBack(response) {\r\n console.log(response);\r\n return false;\r\n }\r\n );\r\n }\r\n};\r\n\r\n\r\nexport const setManageCarrierGridGridOptionInMetaData = function (gridConfig) {\r\n console.log(\"setManageCarrierGridGridOptionInMetaData gridConfig\", gridConfig);\r\n if (!metaDataManageCarrierObject[keyName]) {\r\n metaDataManageCarrierObject[keyName] = {};\r\n }\r\n\r\n metaDataManageCarrierObject[keyName]['CarrierGrid']['gridConfig'] = gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataManageCarrierObject[keyName]));\r\n};\r\nexport const getManageCarrierGridGridOptionInMetaData = function () {\r\n if (metaDataManageCarrierObject[keyName] && metaDataManageCarrierObject[keyName]['CarrierGrid'] && !$.isEmptyObject(metaDataManageCarrierObject[keyName]['CarrierGrid']['gridConfig'])) {\r\n return metaDataManageCarrierObject[keyName]['CarrierGrid']['gridConfig'];\r\n } else {\r\n return \"\";\r\n }\r\n};\r\n","\r\nimport React from 'react';\r\n\r\n//components\r\nimport VirtualGridComponent from './../components_proto/VirtualGridComponent/VirtualGridComponent.jsx';\r\nimport { AddEditColumnModel } from './../components/AddEditColumn/add-edit-columns.component.jsx';\r\nimport WmsConfirmModel from './../components/WmsConfirmModel/WmsConfirmModel.jsx';\r\nimport { NewCarrierConnectionModel } from './model/new-carrier-connection.component.jsx';\r\n\r\nimport { ArrayWms } from './../../../assets/ts/ArrayWms.ts';\r\nimport { StringWms } from './../../../assets/ts/StringWms.ts';\r\nimport * as GridConfig from './grid_configuration.jsx';\r\nimport style from './manage-carriers-holder.scss';\r\n//services\r\nimport * as GlobalService from './../global_services';\r\nimport * as carrierService from './carriers.services.jsx';\r\nimport * as metaDataService from './manage-carrier-meta-data.service';\r\n\r\nexport class ManageCarriersGrid extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n let carrier_GridHeaders = StringWms.convertSringToOption(this.translate('Carrier_Header'));\r\n this.manageCarrierGridId = 'manageCarrierGrid'\r\n this.state = {\r\n gridDomSelector: () => this.props.windowId ? '.' + this.props.windowId + ' #' + this.manageCarrierGridId : '#' + this.manageCarrierGridId,\r\n localKendoGrid: null,\r\n selector: 'manageCarriers',\r\n gridColumns: GridConfig.getGridDemoColumns(carrier_GridHeaders, this.props.sharedSelectedFacilityObj).columns,\r\n gridSchema: GridConfig.getGridDemoSchema().schema,\r\n manageCarrierGridConfig: metaDataService.getManageCarrierGridGridOptionInMetaData(),\r\n sharedIsOpennewConnectionModel: false,\r\n sharedModelFlow: '',\r\n selectedCarrierAccountData: null,\r\n isEditCarrierDisable: true,\r\n isOpenColumnModel: false,\r\n deleteCarrierLoader: false,\r\n isOpenCarrierDeleteConfirmModel: false,\r\n filterText: \"\",\r\n fullFilterText: \"\"\r\n }\r\n }\r\n\r\n openNewConnectionModel = () => {\r\n this.setState({\r\n sharedIsOpennewConnectionModel: true,\r\n sharedModelFlow: 'create'\r\n });\r\n }\r\n\r\n editConnection = () => {\r\n this.setState({\r\n sharedIsOpennewConnectionModel: true,\r\n sharedModelFlow: 'edit'\r\n });\r\n }\r\n onCloseNewConnectionModel = () => {\r\n this.setState({ sharedIsOpennewConnectionModel: false });\r\n }\r\n onOpenCarrierDeleteConfirmModel = () => {\r\n this.setState({ isOpenCarrierDeleteConfirmModel: true });\r\n }\r\n onCloseCarrierDeleteConfirmModel = () => {\r\n this.setState({ isOpenCarrierDeleteConfirmModel: false });\r\n }\r\n\r\n deleteCarrierAccount = () => {\r\n this.setState({ deleteCarrierLoader: true });\r\n\r\n let carrierAccountUri = this.state.selectedCarrierAccountData.Uri;\r\n\r\n carrierService.deleteCarrierAccount(carrierAccountUri).then((response) => {\r\n if (response && response.status == 200) {\r\n GlobalService.notification('success', this.translate('Label_CarrierAccount_Deleted'));\r\n this.props.onRefreshGridData();\r\n this.onCloseCarrierDeleteConfirmModel();\r\n }\r\n }).finally(() => {\r\n this.setState({ deleteCarrierLoader: false });\r\n });\r\n }\r\n\r\n selectRow = (param_kendogrid) => {\r\n\r\n let currentSelections = param_kendogrid.getNumberOfSelections();\r\n let selectedCarrierAccountData = null;\r\n let isEditCarrierDisable = true;\r\n\r\n if (currentSelections === 1) {\r\n selectedCarrierAccountData = param_kendogrid.getItem(param_kendogrid.getKeys());\r\n if (selectedCarrierAccountData.Carrier == 'UPS' || selectedCarrierAccountData.Carrier == 'FedEx') {\r\n isEditCarrierDisable = false;\r\n }\r\n }\r\n\r\n this.setState({\r\n selectedCarrierAccountData: selectedCarrierAccountData,\r\n isEditCarrierDisable: isEditCarrierDisable\r\n });\r\n }\r\n eventClickColumns = () => {\r\n this.setState({ isOpenColumnModel: true });\r\n }\r\n onCloseColumnModel = (e) => {\r\n this.setState({ isOpenColumnModel: false });\r\n }\r\n onGridDataBound = (e, kendoGrid) => {\r\n this.setState({\r\n localKendoGrid: kendoGrid\r\n })\r\n }\r\n // on grid column sort save changes in meta data object\r\n onSort = (event) => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n GlobalService.sortDataset(sortArray, event.sort);\r\n var gridColumn = grid.getOptions().columns;\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(gridColumn, sortArray, grid.dataSource.filter());\r\n metaDataService.setManageCarrierGridGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on grid column reorder save changes in meta data object\r\n onColumnReorder = (event) => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let gridColumn = grid.getOptions().columns;\r\n let switchedArray = ArrayWms.switchIndexByField(gridColumn, event.newIndex, event.oldIndex);\r\n let finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(switchedArray, sortArray, grid.dataSource.filter());\r\n metaDataService.setManageCarrierGridGridOptionInMetaData(finalSubmission);\r\n\r\n }\r\n\r\n // on grid column resize save changes in meta data object\r\n onColumnResize = (event) => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n metaDataService.setManageCarrierGridGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on click grid clear sort menu\r\n onClickClearSorts = () => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(grid.columns, [], grid.dataSource.filter());\r\n metaDataService.setManageCarrierGridGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on click grid reset default grid layout menu\r\n onClickResetGrid = () => {\r\n var finalSubmission = {\r\n \"optionsData\": {}\r\n }\r\n metaDataService.setManageCarrierGridGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // save column hide/show data in meta data\r\n saveChangesInMetaData = () => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sort = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sort,\r\n grid.dataSource.filter()\r\n );\r\n metaDataService.setManageCarrierGridGridOptionInMetaData(finalSubmission);\r\n }\r\n // on grid filter selection\r\n onGridFilterApplied = () => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n setTimeout(() => {\r\n this.setFilterAppliedText(dataSource.filter());\r\n\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(grid.columns, sortArray, dataSource.filter());\r\n\r\n metaDataService.setManageCarrierGridGridOptionInMetaData(finalSubmission);\r\n\r\n }, 100);\r\n\r\n }\r\n\r\n setFilterAppliedText = (filterObj) => {\r\n if (!filterObj) {\r\n this.setState({\r\n filterText: \"\",\r\n fullFilterText: \"\"\r\n });\r\n return;\r\n }\r\n var filterConditionTitle = {\r\n \"lte\": \"Is Less Than Or Equal To\",\r\n \"eq\": \"Is Equal To\",\r\n \"lt\": \"Is Less Than\",\r\n \"neq\": \"Is Not Equal To\",\r\n \"gte\": \"Is Greater Than Or Equal To\",\r\n \"gt\": \"Is Greater Than\",\r\n \"startswith\": \"Starts With\",\r\n \"endswith\": \"Ends With\",\r\n \"contains\": \"Contains\",\r\n \"doesnotcontain\": \"Does Not Contain\",\r\n \"isnull\": \"Is Null\",\r\n \"isnotnull\": \"Is Not Null\",\r\n \"isempty\": \"Is Empty\",\r\n \"isnotempty\": \"Is Not Empty\",\r\n \"isnullorempty\": \"Has No Value\",\r\n \"isnotnullorempty\": \"Has Value\",\r\n };\r\n\r\n var filterText = \"\";\r\n var fullFilterText = \"\";\r\n var filterList = filterObj.filters;\r\n var self = this;\r\n filterList.map(function (item) {\r\n var columnObj = self.state.gridColumns.find(x => x.field === item.field);\r\n if (columnObj) {\r\n var title = columnObj.title;\r\n filterText += title + \" : \" + item.value + ',';\r\n fullFilterText += title + \" \" + filterConditionTitle[item.operator] + \" : \" + item.value + \"\";\r\n }\r\n });\r\n filterText = filterText.slice(0, -1);\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n var recordsOnCurrentView = dataSource.view().length;\r\n\r\n this.setState({\r\n filterText: filterText,\r\n fullFilterText: fullFilterText\r\n });\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n
\r\n
\r\n )\r\n\r\n }\r\n}","\r\nimport React from 'react';\r\nimport { ObjectWms } from './../../../assets/ts/ObjectWms.ts';\r\n\r\n//components\r\nimport WmsDropdown from './../components/WmsDropdown/WmsDropdown.jsx';\r\nimport { default as WmsCollapseProto } from './../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsButton from './../components/WmsButton/WmsButton.jsx';\r\nimport { ManageCarriersGrid } from './manage-carriers-grid.component.jsx';\r\nimport * as metaDataService from './manage-carrier-meta-data.service';\r\n\r\nimport style from './manage-carriers-holder.scss';\r\n//services\r\nimport * as GlobalService from './../global_services';\r\nvar axios = require('axios');\r\n\r\nexport class ManageCarriersHolder extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n selector: 'manageCarriers',\r\n customerOptions: [],\r\n sharedSelectedCustomer: {},\r\n selectedCustomerUri: '',\r\n sharedFacilityOption: [],\r\n selectedCustomerIndex: '',\r\n staticGridData: [],\r\n isLoadMetaServices: false\r\n }\r\n }\r\n\r\n async componentDidMount() {\r\n kendo.ui.progress($(\"#manage-carrriers-holder-react\"), true);\r\n await metaDataService.getManageCarrierMetaData();\r\n\r\n GlobalService.GetCustomersAndFacility().then(() => {\r\n this.setState({\r\n customerOptions: GlobalService.getCustomerList(),\r\n sharedFacilityOption: GlobalService.getFacilityList(false)\r\n });\r\n }).finally(() => {\r\n kendo.ui.progress($('#manage-carrriers-holder-react'), false);\r\n });\r\n $('#manage-carrriers-holder-react').closest('.k-window-content').css(\"padding\", \"0\");\r\n this.setState({\r\n isLoadMetaServices: true\r\n });\r\n setTimeout(() => {\r\n this.getGridData();\r\n }, 100);\r\n }\r\n\r\n componentWillUnmount() {\r\n $('#manage-carrriers-holder-react').closest('.k-window-content').css(\"padding\", \"26\");\r\n }\r\n\r\n handleCustomerChange = (event) => {\r\n\r\n let value = event.target.value;\r\n let selFacilityOption = [];\r\n let customerObj = {};\r\n if (event.target.value) {\r\n let custFacility = this.state.customerOptions[value].facilities;\r\n let allFacilities = GlobalService.getFacilityList(false);\r\n for (let i = 0; i < custFacility.length; i++) {\r\n let facilityIndex = ObjectWms.FindIndexByProperty(allFacilities, \"id\", parseInt(custFacility[i]));\r\n if(allFacilities[facilityIndex]) {\r\n selFacilityOption.push(allFacilities[facilityIndex]);\r\n }\r\n }\r\n customerObj = this.state.customerOptions[value];\r\n } else {\r\n selFacilityOption = GlobalService.getFacilityList(false);\r\n }\r\n\r\n this.setState({\r\n selectedCustomerIndex: value,\r\n sharedSelectedCustomer: customerObj,\r\n sharedFacilityOption: selFacilityOption\r\n }, () => {\r\n this.getGridData();\r\n });\r\n };\r\n getGridData = () => {\r\n\r\n kendo.ui.progress($('#manageCarrierGrid'), true);\r\n var customerUri = '';\r\n if (this.state.sharedSelectedCustomer.uri) {\r\n customerUri = this.state.sharedSelectedCustomer.uri;\r\n }\r\n axios.get('/WebUI/Settings/CarrierAccount/GetCarrierAccounts', { params: { \"customerUri\": customerUri } })\r\n .then((response) => {\r\n console.log(\"response :\", response);\r\n let addRowNumberData = this.addRowNumber(response.data);\r\n this.setState({\r\n staticGridData: addRowNumberData\r\n });\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#manageCarrierGrid'), false);\r\n });\r\n }\r\n addRowNumber = (param_data) => {\r\n var index = 0;\r\n for (var i = 0; i < param_data.length; i++) {\r\n var firstItem = param_data[i];\r\n index++;\r\n firstItem[\"RowNumber\"] = index;\r\n }\r\n return param_data;\r\n }\r\n render() {\r\n return (\r\n \r\n { }}\r\n eventClickColumns={this.eventClickColumns}\r\n resetButtonLabel={this.translate('Label_Costomer_Options')}\r\n resetButtonIcon={'fa-sliders'}\r\n metaDataFieldsName={''}\r\n onGridFilterApplied={this.onGridFilterApplied}\r\n metaGridConfig={this.state.manageCarrierGridConfig}\r\n onDataBound={this.onGridDataBound}\r\n onSort={this.onSort}\r\n onColumnReorder={this.onColumnReorder}\r\n onColumnResize={this.onColumnResize}\r\n onClickClearSorts={this.onClickClearSorts}\r\n onClickResetGrid={this.onClickResetGrid}\r\n menu={[{\r\n \"name\": this.translate('Label_Create'),\r\n \"value\": [],\r\n // \"disabled\": !this.props.sharedSelectedCustomer.id,\r\n \"icon\": \"fa-plus\",\r\n \"color\": \"green\",\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'create',\r\n 'wmsSelector': this.state.selector + \"CreateCarrier\",\r\n 'clickFunc': this.openNewConnectionModel,\r\n }, {\r\n \"name\": this.translate('Label_Edit'),\r\n \"value\": [],\r\n \"disabled\": this.state.isEditCarrierDisable,\r\n \"showToolTip\": (this.state.selectedCarrierAccountData != null),\r\n \"tooltipText\": this.translate('Carrier_EDIT_DISABLE_TEXT'),\r\n \"icon\": \"fa-pencil\",\r\n \"color\": \"green\",\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'edit',\r\n 'wmsSelector': this.state.selector + \"EditCarrier\",\r\n 'clickFunc': this.editConnection,\r\n }, {\r\n \"name\": this.translate('Label_Delete'),\r\n \"value\": [],\r\n \"icon\": \"fa-trash\",\r\n \"color\": \"red\",\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'expandCollapse',\r\n 'wmsSelector': this.state.selector + \"ExpandCarrier\",\r\n 'clickFunc': this.onOpenCarrierDeleteConfirmModel,\r\n \"disabled\": (this.state.selectedCarrierAccountData == null)\r\n }, {\r\n \"name\": '',\r\n \"wmsSelector\": this.state.selector + 'RefreshGrid',\r\n \"value\": [],\r\n \"clickFunc\": this.props.onRefreshGridData,\r\n \"disabled\": false,\r\n \"icon\": \"fa-sync-alt\",\r\n \"color\": \"blue\",\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true,\r\n 'parentClassName': 'carrierGridRefreshButton'\r\n }]} />\r\n\r\n\r\n {this.state.isOpenColumnModel && (\r\n { }}\r\n saveChangesInMetaData={this.saveChangesInMetaData}\r\n />\r\n )}\r\n
\r\n {this.state.sharedIsOpennewConnectionModel && (\r\n \r\n
\r\n \r\n
\r\n )\r\n\r\n }\r\n}","import React, { Component } from \"react\";\r\n\r\n// Component\r\nimport WmsButton from \"../components/WmsButton/WmsButton.jsx\";\r\nimport WmsDropdown from \"../components/WmsDropdown/WmsDropdown.jsx\";\r\nimport WmsCollapse from \"../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsContainer from \"../components/WmsContainer/WmsContainer.jsx\";\r\nimport WmsTextArea from \"../components/WmsTextArea/WmsTextArea.jsx\";\r\nimport WmsInput from \"../components/WmsInput/WmsInput.jsx\";\r\nimport axios from \"axios\";\r\n\r\n// Services\r\nimport * as GlobalService from \"./../global_services\";\r\n\r\n\r\nimport style from \"./api-simulator.scss\";\r\n\r\nexport class ApiSimulator extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n url:'',\r\n guid:'',\r\n selectedType:'JSON',\r\n selectedMethod:'GET',\r\n requestBody:'',\r\n responseData:'',\r\n responseTime:'0',\r\n responseCode:'0'\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n }\r\n\r\n handleChangeEvent = (e) =>{\r\n this.setState({ [e.target.name]: e.target.value });\r\n }\r\n isJson = (str) => {\r\n try {\r\n JSON.parse(str);\r\n } catch (e) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n submitUrl = () => {\r\n\r\n if (!this.isJson(this.state.requestBody) && this.state.requestBody != '') {\r\n GlobalService.notification('error', this.translate('Settings_Label_Import_PreLabel_service_jsonFormatMessagef_Save_Success'));\r\n return false;\r\n }\r\n var method = this.state.selectedMethod;\r\n console.log(\"method\",method);\r\n axios({method:this.state.selectedMethod,url:this.state.url,data: (this.state.requestBody != '') ? JSON.parse(this.state.requestBody) : {} })\r\n .then( (response) => {\r\n if (typeof response != undefined) {\r\n\r\n var time = response.config.responseTimestamp - response.config.requestTimestamp;\r\n console.log('Time taken ' + (time) + ' ms.');\r\n this.setState({\r\n responseData:JSON.stringify(response, undefined, 2),\r\n responseTime: time + ' ms.',\r\n responseCode: response.status\r\n });\r\n }\r\n });\r\n }\r\n test400 = () => {\r\n axios({\r\n method:'GET',\r\n url:\"/WebUI/Shared/GlobalServices/TestErrorHandling?statusCode=2\"\r\n }).then(function (response) {\r\n return response\r\n });\r\n }\r\n\r\n test500a = () => {\r\n axios({\r\n method:'GET',\r\n url: \"/WebUI/Shared/GlobalServices/TestErrorHandling?statusCode=3\"\r\n }).then( (response) => {\r\n return response;\r\n });\r\n }\r\n /* istanbul ignore next */\r\n test500b = () => {\r\n\r\n axios({\r\n method:'GET',\r\n url: \"/WebUI/Shared/GlobalServices/TestErrorHandling?statusCode=4\"\r\n }).then( (response) => {\r\n return response;\r\n });\r\n }\r\n testCallOrdersMethod = () => {\r\n axios({\r\n method:'POST',\r\n url: '/WebUI/Shipping/UpdateSession/GridExporter',\r\n data: {\r\n \"sorts\": \"\",\r\n \"filters\": '[{\"member\":\"Customer\",\"operator\":\"Contains\",\"value\":\"Cus\"}]',\r\n \"columns\": [{\r\n \"HeaderName\": \"Customer\",\r\n \"ModelField\": \"CustomerIdentifier.Name\"\r\n }]\r\n }\r\n }).then( (response) => {\r\n // this callback will be called asynchronously\r\n // when the response is available\r\n })\r\n\r\n }\r\n testCallOrdersMethod2 = () => {\r\n axios({\r\n method:'GET',\r\n url: '/WebUI/Shipping/UpdateSession/GridExporter?guid=' +this.state.guid,\r\n data: {\r\n \"sorts\": \"\",\r\n \"filters\": '[{\"member\":\"Customer\",\"operator\":\"Contains\",\"value\":\"Cus\"}]',\r\n \"columns\": [{\r\n \"HeaderName\": \"Customer\",\r\n \"ModelField\": \"CustomerIdentifier.Name\"\r\n }]\r\n }\r\n }).then( (response) => {\r\n // this callback will be called asynchronously\r\n // when the response is available\r\n })\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n\r\n {/* { }}\r\n icon='fa-repeat' /> */}\r\n\r\n \r\n\r\n \r\n
\r\n {this.state.isLoadMetaServices && (\r\n\r\n \r\n
\r\n );\r\n }\r\n}","\r\nimport React from 'react';\r\nimport './themes.scss'\r\n\r\nexport class ColorPickerComponent extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n componentDidMount = () => {\r\n $(\"#picker_\" + this.props.id).kendoColorPicker({\r\n value: this.props.value,\r\n buttons: false,\r\n select: (e) => {\r\n document.documentElement.style.setProperty('--' + this.props.name, e.value);\r\n },\r\n change: (e) => {\r\n this.props.onChange(e, this.props.name);\r\n }\r\n });\r\n }\r\n resetColorPicker = (colorObj) => {\r\n console.log(\"resetColorPicker : \", colorObj);\r\n for (var key in colorObj) {\r\n if (colorObj.hasOwnProperty(key)) {\r\n var val = colorObj[key];\r\n var colorpicker = $(\"#picker_\" + key).data(\"kendoColorPicker\");\r\n if (typeof colorpicker != \"undefined\") {\r\n colorpicker.value(val);\r\n }\r\n\r\n }\r\n }\r\n\r\n }\r\n render() {\r\n return (\r\n API Simulator
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {}}\r\n rows={10}\r\n cols={10}>\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n )\r\n }\r\n}","\r\nimport React from 'react';\r\n\r\nimport WmsFile from './../components/WmsFile/WmsFile.jsx'\r\nimport WmsRadio from './../components/WmsRadio/WmsRadio.tsx'\r\nimport WmsInput from './../components/WmsInput/WmsInput.jsx'\r\nimport WmsButton from './../components/WmsButton/WmsButton.jsx';\r\nimport WmsConfirmModel from './../components/WmsConfirmModel/WmsConfirmModel.jsx';\r\nimport * as GlobalService from \"./../global_services\";\r\n\r\nvar axios = require('axios');\r\n\r\nimport './themes.scss';\r\nvar file, cropper;\r\nexport class BrandingLogo extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n \r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n gifRemoveImage: false,\r\n gifUploadImage: false,\r\n isOpenWarningModel: false,\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n selectedFileData: {},\r\n uploadType: 'file',\r\n logoUrl: '',\r\n imageSrc: '/WebUI/Settings/Logos/Logo'\r\n }\r\n }\r\n\r\n handleFileChange = (param_fileobj) => {\r\n console.log(\"param_fileobj\", param_fileobj);\r\n this.setState({ selectedFileData: param_fileobj });\r\n }\r\n\r\n handleChangeUploadType = (param_upload_type) => {\r\n this.setState({ uploadType: param_upload_type });\r\n }\r\n\r\n handleUrlChange = (e) => {\r\n this.setState({ logoUrl: e.target.value });\r\n }\r\n\r\n uploadImage = () => {\r\n\r\n this.setState({ gifUploadImage: true });\r\n\r\n if (this.state.uploadType == 'url') {\r\n\r\n axios.put('/WebUI/Settings/Logos/Downloader', { \"url\": this.state.logoUrl }).then((response) => {\r\n\r\n this.setState({\r\n logoUrl: '',\r\n imageSrc: \"/WebUI/Settings/Logos/Logo?\" + new Date().getTime()\r\n });\r\n GlobalService.notification('success', this.translate('Upload_Barnding_Logo_Message'));\r\n\r\n }).finally(() => {\r\n this.setState({ gifUploadImage: false })\r\n });\r\n\r\n } else {\r\n\r\n axios.put('/WebUI/Settings/Logos/Logo?contentType=' + this.state.selectedFileData.ContentType, this.state.selectedFileData.FileContents).then((response) => {\r\n\r\n this.setState({\r\n selectedFileData: {},\r\n imageSrc: \"/WebUI/Settings/Logos/Logo?\" + new Date().getTime()\r\n });\r\n GlobalService.notification('success', this.translate('Upload_Barnding_Logo_Message'));\r\n\r\n }).finally(() => {\r\n this.setState({ gifUploadImage: false })\r\n });\r\n\r\n }\r\n }\r\n onClickApplyLogo = () => {\r\n $(\"#img-logo-upperleft\").attr(\"src\", \"/WebUI/Shared/GlobalServices/Logo?\" + new Date().getTime());\r\n }\r\n\r\n openConfimationModal = () => {\r\n this.setState({ isOpenWarningModel: true });\r\n }\r\n\r\n closeConfimationModal = () => {\r\n this.setState({ isOpenWarningModel: false });\r\n }\r\n removeImage = () => {\r\n\r\n this.setState({\r\n gifRemoveImage: true,\r\n isOpenWarningModel: false\r\n })\r\n\r\n axios.delete('/WebUI/Settings/Logos/Logo').then((response) => {\r\n\r\n this.setState({ imageSrc: \"/WebUI/Settings/Logos/Logo?\" + new Date().getTime() });\r\n GlobalService.notification('success', this.translate('Remove_Barnding_Logo_Message'));\r\n\r\n }).finally(() => {\r\n this.setState({ gifRemoveImage: false })\r\n });\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n \r\n
\r\n )\r\n }\r\n}","\r\nimport React from 'react';\r\n\r\nimport reactCSS from 'reactcss';\r\nimport { SketchPicker } from 'react-color';\r\nimport { HeaderColorComponent } from './header-color.component.jsx';\r\nimport { SidebarColorComponent } from './sidebar-color.component.jsx';\r\nimport { ColorPickerComponent } from './color-picker.component.jsx';\r\nimport { default as WmsButton } from \"../components/WmsButton/WmsButton.jsx\";\r\nimport { default as WmsCollapseProto } from '../components/WmsCollapse/WmsCollapse.jsx';\r\nimport { default as WmsModel } from '../components/WmsModel/WmsModel.jsx';\r\nimport { default as WmsContainer } from '../components/WmsContainer/WmsContainer.jsx';\r\nimport { default as WmsInput } from '../components/WmsInput/WmsInput.jsx';\r\nimport { default as WmsConfirmModel } from '../components/WmsConfirmModel/WmsConfirmModel.jsx';\r\nimport {BrandingLogo} from './branding-logo.component.jsx';\r\n\r\nvar axios = require('axios');\r\nimport * as metaDataService from './meta-data.service';\r\nimport { kendo } from './../global_variable_service.jsx';\r\n\r\nimport './themes.scss';\r\n\r\nexport class themesComponent extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n \r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n displayColorPicker: false,\r\n color: \"#fff\",\r\n themeName: 'blue',\r\n // anotherObj: colorVariableList,\r\n mainColorObj: {},\r\n defaulLoading: false,\r\n resetLoading: false,\r\n isOpenConfirmModel: false,\r\n isOpenSaveThemeModel: false,\r\n Selector: \"Themes\",\r\n savedFilterList: [],\r\n filterNameExist: false,\r\n\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n kendo.ui.progress($(\".\" + this.state.windowId), true);\r\n await metaDataService.getUserClientMetaData();\r\n kendo.ui.progress($(\".\" + this.state.windowId), false);\r\n var appliedThemeData = metaDataService.getDefaultThemeMetaData();\r\n var savedTheme = metaDataService.getSaveThemeMetaData();\r\n console.log(\"savedTheme :\", savedTheme);\r\n this.setState({\r\n savedFilterList: savedTheme\r\n });\r\n if ($.isEmptyObject(appliedThemeData)) {\r\n this.colorObjectDataSet();\r\n } else {\r\n this.setThemeColorObject(appliedThemeData);\r\n }\r\n $('#wms-theme-wrapper').closest('.k-window-content').css(\"padding\", \"0\");\r\n }\r\n\r\n componentWillUnmount() {\r\n $('#wms-theme-wrapper').closest('.k-window-content').removeAttr(\"style\");\r\n }\r\n\r\n themeChange = (themeName) => {\r\n this.setState({\r\n themeName: themeName\r\n }, this.colorObjectDataSet);\r\n }\r\n exitSaveThemeModel = () => {\r\n this.setState({\r\n isOpenSaveThemeModel: false\r\n });\r\n }\r\n handleFilterTitleChange = (e) => {\r\n let value = e.target.value;\r\n if (value.Description == '') {\r\n value = '';\r\n }\r\n\r\n var nameExists = false;\r\n // check dublicate title for case sensitive\r\n var exists = this.state.savedFilterList.findIndex(function (item) {\r\n return value.toLowerCase() === item.title.toLowerCase();\r\n });\r\n if (exists != -1) {\r\n nameExists = true;\r\n }\r\n this.setState({\r\n newFilterTitle: value,\r\n filterNameExist: nameExists\r\n });\r\n }\r\n onOpenSaveThemeModel = () => {\r\n this.setState({\r\n isOpenSaveThemeModel: true,\r\n newFilterTitle: \"\",\r\n filterNameExist: false\r\n });\r\n }\r\n onSaveTheme = () => {\r\n if (!this.state.filterNameExist) {\r\n var colorObj = this.state.mainColorObj;\r\n console.log(\"colorObj :\",colorObj);\r\n // var metaObject = {};\r\n // for (var key in colorObj) {\r\n // metaObject[key] = colorObj[key]['val'];\r\n // }\r\n metaDataService.setSaveThemeMetaData(this.state.newFilterTitle, colorObj);\r\n this.exitSaveThemeModel();\r\n }\r\n }\r\n onClearSaveFilter = (index) => {\r\n this.setState({\r\n isOpenConfirmModel: true,\r\n savedFilterIndex: index\r\n });\r\n }\r\n onYesRemoveSavedFilter = () => {\r\n metaDataService.clearSaveThemeListMetaData(this.state.savedFilterIndex);\r\n this.setState({\r\n isOpenConfirmModel: false,\r\n savedFilterList: metaDataService.getSaveThemeMetaData()\r\n });\r\n }\r\n\r\n ClickExit = () => {\r\n this.setState({\r\n isOpenConfirmModel: false\r\n });\r\n }\r\n onUseSaveFilter = (index) => {\r\n var objFilter = JSON.parse(JSON.stringify(this.state.savedFilterList[index]));\r\n this.setThemeColorObject(objFilter.themeData);\r\n }\r\n colorObjectDataSet = () => {\r\n axios.get('assets/themes/' + this.state.themeName + '/variable.json').then((response) => {\r\n var responseObj = response.data;\r\n this.setThemeColorObject(responseObj);\r\n });\r\n }\r\n themeReset = (isSave) => {\r\n this.setState({\r\n themeName: 'blue'\r\n }, this.colorObjectDataSet);\r\n if (isSave) {\r\n this.setState({\r\n resetLoading: true\r\n });\r\n metaDataService.setDefaultThemeMetaData({}).then((response) => {\r\n this.setState({\r\n resetLoading: false\r\n });\r\n });\r\n }\r\n\r\n }\r\n resetTheme = (themeName) => {\r\n this.setState({\r\n themeName: themeName,\r\n resetLoading: true\r\n }, this.colorObjectDataSet);\r\n metaDataService.setDefaultThemeMetaData({}).then((response) => {\r\n this.setState({\r\n resetLoading: false\r\n });\r\n });\r\n }\r\n setThemeColorObject = (responseObj) => {\r\n var colorObj = {};\r\n for (var key in responseObj) {\r\n if (responseObj.hasOwnProperty(key)) {\r\n var val = responseObj[key];\r\n colorObj[key] = val;\r\n document.documentElement.style.setProperty('--' + key, val);\r\n }\r\n }\r\n this.setState({\r\n mainColorObj: colorObj\r\n });\r\n this.colorPickerComponent.resetColorPicker(colorObj);\r\n }\r\n\r\n handleChangeMainColor = (e, name) => {\r\n var steteAssign = this.state.mainColorObj;\r\n steteAssign[name] = e.value;\r\n this.setState({ mainColorObj: steteAssign });\r\n };\r\n themeSetAsDefault = () => {\r\n var colorObj = this.state.mainColorObj;\r\n var metaObject = {};\r\n for (var key in colorObj) {\r\n metaObject[key] = colorObj[key];\r\n }\r\n this.setState({\r\n defaulLoading: true\r\n });\r\n metaDataService.setDefaultThemeMetaData(metaObject).then((response) => {\r\n this.setState({\r\n defaulLoading: false\r\n });\r\n });\r\n }\r\n render() {\r\n const styles = reactCSS({\r\n 'default': {\r\n color: {\r\n width: '36px',\r\n height: '14px',\r\n borderRadius: '2px'\r\n },\r\n swatch: {\r\n padding: '5px',\r\n background: '#fff',\r\n borderRadius: '1px',\r\n boxShadow: '0 0 0 1px rgba(0,0,0,.1)',\r\n display: 'inline-block',\r\n cursor: 'pointer',\r\n },\r\n popover: {\r\n position: 'absolute',\r\n zIndex: '2',\r\n },\r\n cover: {\r\n position: 'fixed',\r\n top: '0px',\r\n right: '0px',\r\n bottom: '0px',\r\n left: '0px',\r\n },\r\n },\r\n });\r\n var anotherObj = this.state.anotherObj;\r\n var mainColorObj = this.state.mainColorObj;\r\n return (\r\n \r\n this.handleChangeUploadType('file')}\r\n checked={this.state.uploadType == 'file'}\r\n value={this.state.uploadType}\r\n />\r\n this.handleChangeUploadType('url')}\r\n checked={this.state.uploadType == 'url'}\r\n value={this.state.uploadType}\r\n />\r\n {this.state.uploadType == 'url' && (\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Apply Logo button will apply logo temporary on the upper left corner.
\r\n \r\n
\r\n\r\n );\r\n }\r\n}","import * as GlobalService from '../global_services';\r\nvar isFirstTimeOpen = true;\r\nvar keyName = \"SmartParcel\";\r\nvar metaDataOrderObject = {\r\n \"SmartParcel\": {\r\n \"filterData\": {\r\n\r\n },\r\n \"gridConfig\": {\r\n \"findOrderGrid\": {\r\n\r\n }\r\n },\r\n \"saveFilter\": [],\r\n \"sorableSection\": \"\",\r\n \"collapseData\": {\r\n\r\n },\r\n \"packAndShipModel\": {\r\n 'smartPackGrid': {\r\n\r\n },\r\n 'isAutoPrintEnable': false\r\n }\r\n }\r\n};\r\n\r\n// call api for get metaData of order is it's open first time\r\nexport const getUserClientMetaData = function () {\r\n if (isFirstTimeOpen) {\r\n return GlobalService.getUserClientMetaData(keyName).then(\r\n function successCallBack(response) {\r\n if (response != \"\") {\r\n Object.assign(metaDataOrderObject[keyName], JSON.parse(response));\r\n }\r\n isFirstTimeOpen = false;\r\n return true;\r\n },\r\n function errorCallBack(response) {\r\n return false;\r\n }\r\n );\r\n }\r\n}\r\n\r\nexport const setSmallParcelCollapseMetaData = function (collapseId, value) {\r\n if (!metaDataOrderObject[keyName]['collapseData']) {\r\n metaDataOrderObject[keyName]['collapseData'] = {}\r\n }\r\n metaDataOrderObject[keyName]['collapseData'][collapseId] = value;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\nexport const getSmallParcelCollapseMetaData = function () {\r\n return metaDataOrderObject[keyName]['collapseData'];\r\n}\r\n\r\n\r\n\r\n\r\nexport const setSmallParcelSortSectionMetaData = function (sortArray) {\r\n metaDataOrderObject[keyName]['sorableSection'] = sortArray;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getSmallParcelSortSectionMetaData = function () {\r\n return metaDataOrderObject[keyName]['sorableSection'];\r\n}\r\n\r\nexport const setSmallParcelFilterMetaData = function (filterData) {\r\n metaDataOrderObject[keyName]['filterData'] = filterData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getSmallParcelFilterMetaData = function () {\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['filterData'])) {\r\n return metaDataOrderObject[keyName]['filterData'];\r\n } else {\r\n return \"\";\r\n }\r\n\r\n}\r\n\r\n// save filter of find order in meta data\r\nexport const saveSmallParcelFilterMetaData = function (title, filterObj, columnObj) {\r\n var setData = {\r\n title: title,\r\n filterData: filterObj,\r\n columnData: columnObj.optionsData\r\n };\r\n if (typeof metaDataOrderObject[keyName]['saveFilter'] == \"undefined\") {\r\n metaDataOrderObject[keyName]['saveFilter'] = [];\r\n }\r\n (metaDataOrderObject[keyName]['saveFilter']).push(setData);\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n\r\n}\r\nexport const updateSmallParcelFilterMetaData = function (index, filterObj, columnObj) {\r\n\r\n if (typeof metaDataOrderObject[keyName]['saveFilter'][index] != \"undefined\") {\r\n metaDataOrderObject[keyName]['saveFilter'][index].filterData = filterObj;\r\n metaDataOrderObject[keyName]['saveFilter'][index].columnData = columnObj.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n }\r\n\r\n}\r\nexport const getSaveSmallParcelFilterListMetaData = function () {\r\n return metaDataOrderObject[keyName]['saveFilter'];\r\n}\r\n\r\nexport const clearSaveSmallParcelFilterListMetaData = function (index) {\r\n metaDataOrderObject[keyName]['saveFilter'].splice(index, 1);\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const applySavedFilterDataToSmallParcelGrid = function (gridConfig, filterData) {\r\n metaDataOrderObject[keyName]['gridConfig']['findOrderGrid'] = gridConfig.optionsData;\r\n metaDataOrderObject[keyName]['filterData'] = filterData;\r\n\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const clearSmallParcelFilterMetaData = function () {\r\n metaDataOrderObject[keyName]['filterData'] = {};\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const setSmallParcelGridOptionInMetaData = function (gridConfig) {\r\n metaDataOrderObject[keyName]['gridConfig']['findOrderGrid'] = gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getSmallParcelGridOptionInMetaData = function () {\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['gridConfig']['findOrderGrid'])) {\r\n return metaDataOrderObject[keyName]['gridConfig']['findOrderGrid'];\r\n } else {\r\n return \"\";\r\n }\r\n}\r\n\r\nexport const setPackAndShipGridOptionInMetaData = function (gridConfig) {\r\n metaDataOrderObject[keyName]['packAndShipModel']['smartPackGrid'] = gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getPackAndShipGridOptionInMetaData = function () {\r\n if (!$.isEmptyObject(metaDataOrderObject[keyName]['packAndShipModel']['smartPackGrid'])) {\r\n return metaDataOrderObject[keyName]['packAndShipModel']['smartPackGrid'];\r\n } else {\r\n return \"\";\r\n }\r\n}\r\nexport const setPackAndShipAutoPrintInMetaData = function (autoPrintEnable) {\r\n metaDataOrderObject[keyName]['packAndShipModel']['isAutoPrintEnable'] = autoPrintEnable;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getPackAndShipAutoPrintInMetaData = function () {\r\n if (metaDataOrderObject[keyName]['packAndShipModel']['isAutoPrintEnable']) {\r\n return metaDataOrderObject[keyName]['packAndShipModel']['isAutoPrintEnable'];\r\n } else {\r\n return false;\r\n }\r\n}\r\nexport const setPackAndShipOneQtyPackInMetaData = function (oneQtyPackEnable) {\r\n metaDataOrderObject[keyName]['packAndShipModel']['oneQtyPack'] = oneQtyPackEnable;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getPackAndShipOneQtyPackInMetaData = function () {\r\n if (metaDataOrderObject[keyName]['packAndShipModel']['oneQtyPack']) {\r\n return metaDataOrderObject[keyName]['packAndShipModel']['oneQtyPack'];\r\n } else {\r\n return false;\r\n }\r\n}\r\nexport const setPackAndShipTransactionLabelInMetaData = function (transactionLabel) {\r\n metaDataOrderObject[keyName]['packAndShipModel']['transactionLabel'] = transactionLabel;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataOrderObject[keyName]));\r\n}\r\n\r\nexport const getPackAndShipTransactionLabelInMetaData = function () {\r\n if (metaDataOrderObject[keyName]['packAndShipModel']['transactionLabel']) {\r\n return parseInt(metaDataOrderObject[keyName]['packAndShipModel']['transactionLabel']);\r\n } else {\r\n return 0;\r\n }\r\n}","export const getGridDemoColumns = (SmartParcel_GridHeaders, CustomLabels) => {\r\n\r\n return ({\r\n\r\n columns: [{\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n width: 60,\r\n wmsid: 1,\r\n locked: true,\r\n lockable: false,\r\n resizable: false,\r\n sortable: false,\r\n reorderable: false,\r\n filterable: false,\r\n attributes: { style: \"text-align:center;\" },\r\n headerAttributes: { style: \"text-align:center;\" }\r\n }, {\r\n field: \"Carrier\",\r\n title: SmartParcel_GridHeaders[3].description,\r\n width: 120,\r\n wmsid: 4,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridCarrier'\r\n },\r\n template: function (dataItem) {\r\n return dataItem.Carrier == \"PitneyBowesStd\" ? \"Pitney Bowes Standard\" : ( dataItem.Carrier != null ? dataItem.Carrier : '');\r\n },\r\n\r\n }, {\r\n field: \"Customer\",\r\n title: CustomLabels.Label_Customer,\r\n width: 120,\r\n wmsid: 7,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridGridCustomer'\r\n }\r\n }, {\r\n field: \"TotPackages\",\r\n title: SmartParcel_GridHeaders[8].description,\r\n width: 120,\r\n wmsid: 9,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridTotPackages'\r\n },\r\n\r\n }, {\r\n field: \"ShipService\",\r\n title: SmartParcel_GridHeaders[15].description,\r\n width: 120,\r\n wmsid: 16,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridShipService'\r\n }\r\n }, {\r\n field: \"SkuAndQty\",\r\n title: CustomLabels.Label_Sku + SmartParcel_GridHeaders[19].description,\r\n width: 120,\r\n wmsid: 20,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridSkuAndQty'\r\n },\r\n\r\n template: \"\"\r\n }, {\r\n field: \"TrackingNumber\",\r\n title: SmartParcel_GridHeaders[22].description,\r\n width: 120,\r\n wmsid: 23,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridTrackingNumber'\r\n },\r\n template: function(dataItem) {\r\n const {TrackingNumber, TrackingUrl} = dataItem;\r\n\r\n if (TrackingNumber != null) {\r\n if (TrackingUrl != '') {\r\n return `${TrackingNumber}`;\r\n }\r\n\r\n return TrackingNumber;\r\n }\r\n return '';\r\n }\r\n\r\n }, {\r\n field: \"Warehouse\",\r\n title: CustomLabels.Label_Warehouse,\r\n width: 120,\r\n wmsid: 26,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridWarehouse'\r\n },\r\n\r\n }]\r\n })\r\n}\r\n\r\nexport const getAllColumnList = (SmartParcel_GridHeaders, CustomLabels) => {\r\n\r\n\r\n var translate = window.translate;\r\n return ([{\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n width: 60,\r\n wmsid: 1,\r\n locked: true,\r\n lockable: false,\r\n sortable: false,\r\n resizable: false,\r\n reorderable: false,\r\n filterable: false,\r\n isShawRowNumberColumnInList: true,\r\n attributes: { style: \"text-align:center;\" },\r\n headerAttributes: { style: \"text-align:center;\" }\r\n }, {\r\n field: \"BatchOrderId\",\r\n title: SmartParcel_GridHeaders[1].description,\r\n width: 120,\r\n wmsid: 2,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridGridBatchOrderId'\r\n },\r\n\r\n }, {\r\n field: \"BatchName\",\r\n title: SmartParcel_GridHeaders[2].description,\r\n width: 120,\r\n wmsid: 3,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridGridBatchName'\r\n },\r\n\r\n }, {\r\n field: \"Carrier\",\r\n title: SmartParcel_GridHeaders[3].description,\r\n width: 120,\r\n wmsid: 4,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridCarrier'\r\n },\r\n template: function (dataItem) {\r\n return dataItem.Carrier == \"PitneyBowesStd\" ? \"Pitney Bowes Standard\" : ( dataItem.Carrier != null ? dataItem.Carrier : '');\r\n // return dataItem.Carrier == \"PitneyBowesStd\" ? \"Pitney Bowes Standard\" : dataItem.Carrier;\r\n },\r\n\r\n }, {\r\n field: \"CreationDate\",\r\n title: SmartParcel_GridHeaders[4].description,\r\n width: 120,\r\n wmsid: 5,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridGridCreationDate'\r\n },\r\n template: \"#= (typeof CreationDate != 'undefined' && CreationDate != null) ? kendo.toString(kendo.parseDate(CreationDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\"\r\n\r\n }, {\r\n field: \"TransactionSource\",\r\n title: SmartParcel_GridHeaders[5].description,\r\n width: 120,\r\n wmsid: 6,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridTransactionSource'\r\n },\r\n\r\n }, {\r\n field: \"Customer\",\r\n title: CustomLabels.Label_Customer,\r\n width: 120,\r\n wmsid: 7,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridGridCustomer'\r\n }\r\n }, {\r\n field: \"HvpBatchId\",\r\n title: SmartParcel_GridHeaders[49].description,\r\n width: 120,\r\n wmsid: 7,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridGridCustomer'\r\n }\r\n }, {\r\n field: \"HvpBatchName\",\r\n title: SmartParcel_GridHeaders[50].description,\r\n width: 120,\r\n wmsid: 7,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridGridCustomer'\r\n }\r\n }, {\r\n field: \"TotalLines\",\r\n title: SmartParcel_GridHeaders[7].description,\r\n width: 120,\r\n wmsid: 8,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridTotalLines'\r\n },\r\n }, {\r\n field: \"TotPackages\",\r\n title: SmartParcel_GridHeaders[8].description,\r\n width: 120,\r\n wmsid: 9,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridTotPackages'\r\n },\r\n\r\n }, {\r\n field: \"PackDoneDate\",\r\n title: SmartParcel_GridHeaders[9].description,\r\n width: 120,\r\n wmsid: 10,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridPackDoneDate'\r\n },\r\n\r\n template: \"#= (typeof PackDoneDate != 'undefined' && PackDoneDate != null) ? kendo.toString(kendo.parseDate(PackDoneDate), 'MMM dd yyyy, hh:mm:ss tt'): '' #\"\r\n }, {\r\n field: \"PickDoneDate\",\r\n title: SmartParcel_GridHeaders[10].description,\r\n width: 120,\r\n wmsid: 11,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridPickDoneDate'\r\n },\r\n\r\n template: \"#= (typeof PickDoneDate != 'undefined' && PickDoneDate != null) ? kendo.toString(kendo.parseDate(PickDoneDate), 'MMM dd yyyy, hh:mm:ss tt'): '' #\"\r\n }, {\r\n field: \"PickTicketPrintDate\",\r\n title: SmartParcel_GridHeaders[11].description,\r\n width: 120,\r\n wmsid: 12,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'OrderGriPickTicketPrintDate'\r\n },\r\n\r\n template: \"#= (typeof PickTicketPrintDate != 'undefined' && PickTicketPrintDate != null) ? kendo.toString(kendo.parseDate(PickTicketPrintDate), 'MMM dd yyyy, hh:mm:ss tt'): '' #\"\r\n }, {\r\n field: \"PoNum\",\r\n title: SmartParcel_GridHeaders[12].description,\r\n width: 120,\r\n wmsid: 13,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridPoNum'\r\n },\r\n\r\n }, {\r\n field: \"ReferenceNum\",\r\n title: SmartParcel_GridHeaders[13].description,\r\n width: 120,\r\n wmsid: 14,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridGridReferenceNum'\r\n }\r\n }, {\r\n field: \"RetailerId\",\r\n title: SmartParcel_GridHeaders[14].description,\r\n width: 120,\r\n wmsid: 15,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridRetailerId'\r\n },\r\n\r\n }, {\r\n field: \"ShipService\",\r\n title: SmartParcel_GridHeaders[15].description,\r\n width: 120,\r\n wmsid: 16,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridShipService'\r\n }\r\n }, {\r\n field: \"ShipToZip\",\r\n title: SmartParcel_GridHeaders[16].description,\r\n width: 120,\r\n wmsid: 17,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridShipToZip'\r\n },\r\n\r\n }, {\r\n field: \"ShipToState\",\r\n title: SmartParcel_GridHeaders[17].description,\r\n width: 120,\r\n wmsid: 18,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridShipToState'\r\n },\r\n\r\n }, {\r\n field: \"ShipToCountry\",\r\n title: SmartParcel_GridHeaders[18].description,\r\n width: 120,\r\n wmsid: 19,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridShipToCountry'\r\n },\r\n\r\n }, {\r\n field: \"SkuAndQty\",\r\n title: CustomLabels.Label_Sku + SmartParcel_GridHeaders[19].description,\r\n width: 120,\r\n wmsid: 20,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridSkuAndQty'\r\n },\r\n\r\n template: \"\"\r\n }, {\r\n field: \"SmallParcelShipDate\",\r\n title: SmartParcel_GridHeaders[20].description,\r\n width: 120,\r\n wmsid: 21,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridSmallParcelShipDate'\r\n },\r\n template: \"#= (typeof SmallParcelShipDate != 'undefined' && SmallParcelShipDate != null) ? kendo.toString(kendo.parseDate(SmallParcelShipDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\"\r\n }, {\r\n field: \"TotalItemQty\",\r\n title: SmartParcel_GridHeaders[21].description,\r\n width: 120,\r\n wmsid: 22,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridTotalItemQty'\r\n }\r\n }, {\r\n field: \"TrackingNumber\",\r\n title: SmartParcel_GridHeaders[22].description,\r\n width: 120,\r\n wmsid: 23,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridTrackingNumber'\r\n },\r\n template: function(dataItem) {\r\n const {TrackingNumber, TrackingUrl} = dataItem;\r\n\r\n if (TrackingNumber != null) {\r\n if (TrackingUrl != '') {\r\n return `${TrackingNumber}`;\r\n }\r\n\r\n return TrackingNumber;\r\n }\r\n return '';\r\n }\r\n }, {\r\n field: \"TotVolumeImperial\",\r\n title: SmartParcel_GridHeaders[23].description,\r\n width: 120,\r\n wmsid: 24,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridTotVolumeImperial'\r\n },\r\n\r\n }, {\r\n field: \"TotVolumeMetric\",\r\n title: SmartParcel_GridHeaders[24].description,\r\n width: 120,\r\n wmsid: 25,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridTotVolumeMetric'\r\n },\r\n\r\n }, {\r\n field: \"Warehouse\",\r\n title: CustomLabels.Label_Warehouse,\r\n width: 120,\r\n wmsid: 26,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridWarehouse'\r\n },\r\n\r\n }, {\r\n field: \"TotWeightImperial\",\r\n title: SmartParcel_GridHeaders[26].description,\r\n width: 120,\r\n wmsid: 27,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridTotWeightImperial'\r\n },\r\n\r\n }, {\r\n field: \"TotWeightMetric\",\r\n title: SmartParcel_GridHeaders[27].description,\r\n width: 120,\r\n wmsid: 28,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridTotWeightMetric'\r\n },\r\n\r\n }, {\r\n field: \"OrderId\",\r\n title: SmartParcel_GridHeaders[28].description,\r\n width: 120,\r\n wmsid: 29,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridOrderId'\r\n },\r\n }, {\r\n field: \"ParcelLabelType\",\r\n title: SmartParcel_GridHeaders[29].description,\r\n width: 120,\r\n wmsid: 30,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridParcelLabelType'\r\n },\r\n template: \"# if(typeof ParcelLabelType != 'undefined' && ParcelLabelType === 0){# \" + translate('Label_parcel_type_none') + \" #}else if(typeof ParcelLabelType != 'undefined' && ParcelLabelType === 1){# \" + translate('Label_parcel_type_pdf') + \" #}else{# \" + translate('Label_parcel_type_zpl') + \" #} # \"\r\n }, {\r\n field: \"ShipToName\",\r\n title: SmartParcel_GridHeaders[30].description,\r\n width: 120,\r\n wmsid: 31,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridShipToName'\r\n },\r\n }, {\r\n field: \"ShipToCompany\",\r\n title: SmartParcel_GridHeaders[31].description,\r\n width: 120,\r\n wmsid: 32,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridShipToCompany'\r\n },\r\n }, {\r\n field: \"ShipToAddress\",\r\n title: SmartParcel_GridHeaders[32].description,\r\n width: 120,\r\n wmsid: 33,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridShipToAddress'\r\n },\r\n }, {\r\n field: \"ShipToAddress2\",\r\n title: SmartParcel_GridHeaders[33].description,\r\n width: 120,\r\n wmsid: 34,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridShipToAddress2'\r\n },\r\n }, {\r\n field: \"ShipToCity\",\r\n title: SmartParcel_GridHeaders[34].description,\r\n width: 120,\r\n wmsid: 35,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridShipToCity'\r\n },\r\n }, {\r\n field: \"EndOfDayDate\",\r\n title: SmartParcel_GridHeaders[35].description,\r\n width: 120,\r\n wmsid: 36,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridEndOfDayDate'\r\n },\r\n template: \"#= (typeof EndOfDayDate != 'undefined' && EndOfDayDate != null) ? kendo.toString(kendo.parseDate(EndOfDayDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\"\r\n }, {\r\n field: \"AsnSentDate\",\r\n title: SmartParcel_GridHeaders[36].description,\r\n width: 120,\r\n wmsid: 37,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridAsnSentDate'\r\n },\r\n template: \"#= (typeof AsnSentDate != 'undefined' && AsnSentDate != null) ? kendo.toString(kendo.parseDate(AsnSentDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\"\r\n }, {\r\n field: \"BillingCode\",\r\n title: SmartParcel_GridHeaders[37].description,\r\n width: 120,\r\n wmsid: 38,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridBillingCode'\r\n }\r\n }, {\r\n field: \"CreatedByIdentifier\",\r\n title: SmartParcel_GridHeaders[38].description,\r\n width: 120,\r\n wmsid: 39,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridCreatedByIdentifier'\r\n },\r\n template: \"#= (typeof CreatedByIdentifier != 'undefined' && CreatedByIdentifier && CreatedByIdentifier.Name) ? CreatedByIdentifier.Name : '' #\"\r\n }, {\r\n field: \"EarliestShipDate\",\r\n title: SmartParcel_GridHeaders[39].description,\r\n width: 120,\r\n wmsid: 40,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridEarliestShipDate'\r\n },\r\n template: \"#= (typeof EarliestShipDate != 'undefined' && EarliestShipDate != null) ? kendo.toString(kendo.parseDate(EarliestShipDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\"\r\n }, {\r\n field: \"LoadNumber\",\r\n title: SmartParcel_GridHeaders[40].description,\r\n width: 120,\r\n wmsid: 41,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridLoadNumber'\r\n }\r\n }, {\r\n field: \"PickerIdentifier\",\r\n title: SmartParcel_GridHeaders[41].description,\r\n width: 120,\r\n wmsid: 42,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridPickerIdentifier'\r\n },\r\n template: \"#= (typeof PickerIdentifier != 'undefined' && PickerIdentifier && PickerIdentifier.Name) ? PickerIdentifier.Name : '' #\"\r\n }, {\r\n field: \"PickJobId\",\r\n title: SmartParcel_GridHeaders[42].description,\r\n width: 120,\r\n wmsid: 43,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridPickJobId'\r\n }\r\n }, {\r\n field: \"ShipToEmail\",\r\n title: SmartParcel_GridHeaders[43].description,\r\n width: 120,\r\n wmsid: 44,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridShipToEmail'\r\n }\r\n }, {\r\n field: \"ShipToPhone\",\r\n title: SmartParcel_GridHeaders[44].description,\r\n width: 120,\r\n wmsid: 45,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridShipToPhone'\r\n }\r\n }, {\r\n field: \"Status\",\r\n title: SmartParcel_GridHeaders[45].description,\r\n width: 120,\r\n wmsid: 46,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridStatus'\r\n }\r\n }, {\r\n field: \"Notes\",\r\n title: SmartParcel_GridHeaders[46].description,\r\n width: 120,\r\n wmsid: 47,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridNotes'\r\n }\r\n }, {\r\n field: \"ShipToIsResidential\",\r\n title: SmartParcel_GridHeaders[47].description,\r\n width: 120,\r\n wmsid: 48,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridShipToIsResidential'\r\n },\r\n template: \"#= (ShipToIsResidential == true) ? 'Yes' : 'No' #\"\r\n }, {\r\n field: \"ProcessDate\",\r\n title: SmartParcel_GridHeaders[48].description,\r\n width: 120,\r\n wmsid: 49,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'SmallParcelGridProcessDate'\r\n },\r\n template: \"#= (typeof ProcessDate != 'undefined' && ProcessDate != null) ? kendo.toString(kendo.parseDate(ProcessDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\"\r\n }]\r\n )\r\n}\r\n\r\nexport const getGridDemoSchema = () => {\r\n return ({\r\n model: {\r\n id: \"OrderId\",\r\n fields: {\r\n OrderId: { type: \"number\" },\r\n ReferenceNum: { type: \"string\" },\r\n BatchOrderId: { type: \"number\" },\r\n BatchName: { type: \"string\" },\r\n Carrier: { type: \"string\" },\r\n CreationDate: { type: \"date\" },\r\n TransactionSource: { type: \"string\" },\r\n Customer: { type: \"string\" },\r\n CustomerId: { type: \"number\" },\r\n CustomerUri: { type: \"string\" },\r\n Warehouse: { type: \"string\" },\r\n FacilityId: { type: \"number\" },\r\n TotalLines: { type: \"number\" },\r\n PickDoneDate: { type: \"date\" },\r\n PackDoneDate: { type: \"date\" },\r\n PickTicketPrintDate: { type: \"date\" },\r\n PoNum: { type: \"string\" },\r\n RetailerId: { type: \"string\" },\r\n ShipService: { type: \"string\" },\r\n ShipToZip: { type: \"string\" },\r\n ShipToState: { type: \"string\" },\r\n ShipToCountry: { type: \"string\" },\r\n SkuAndQty: { type: \"string\" },\r\n SmallParcelShipDate: { type: \"date\" },\r\n TrackingNumber: { type: \"string\" },\r\n ShipToName: { type: \"string\" },\r\n ShipToCompany: { type: \"string\" },\r\n ShipToAddress: { type: \"string\" },\r\n ShipToAddress2: { type: \"string\" },\r\n ShipToCity: { type: \"string\" },\r\n EndOfDayDate: { type: \"date\" },\r\n AsnSentDate: { type: \"date\" },\r\n BillingCode: { type: \"string\" },\r\n ShippingNotes: { type: \"string\" },\r\n CreatedByIdentifier: { type: \"object\" },\r\n EarliestShipDate: { type: \"date\" },\r\n LoadNumber: { type: \"string\" },\r\n PickerIdentifier: { type: \"object\" },\r\n PickJobId: { type: \"string\" },\r\n ShipToEmail: { type: \"string\" },\r\n ShipToPhone: { type: \"string\" },\r\n Status: { type: \"string\" },\r\n Notes: { type: \"string\" },\r\n ShipToIsResidential: { type: \"boolean\" },\r\n ProcessDate: { type: \"date\" }\r\n // TotVolumeImperial: { type: \"string\" },\r\n // TotVolumeMetric: { type: \"string\" },\r\n // TotWeightImperial: { type: \"string\" },\r\n // TotWeightMetric: { type: \"string\" }\r\n }\r\n }\r\n })\r\n}","import React from 'react';\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\nimport { ObjectWms } from '../../../assets/ts/ObjectWms.ts';\r\nimport { default as WmsButton } from '../components/WmsButton/WmsButton.jsx';\r\nimport { default as WmsCustomDateTimePicker } from '../components/WmsCustomDateTimePicker/WmsCustomDateTimePicker.jsx';\r\nimport { default as WmsDropdown } from '../components/WmsDropdown/WmsDropdown.jsx';\r\nimport { default as WmsDropdownList } from '../components/WmsDropdownList/WmsDropdownList.jsx';\r\nimport { default as WmsUpdateDropdownList } from '../components/WmsUpdateDropdownList/WmsUpdateDropdownList.jsx';\r\nimport { default as WmsInput } from '../components/WmsInput/WmsInput.jsx';\r\nimport { default as WmsModel } from '../components/WmsModel/WmsModel.jsx';\r\nimport { default as WmsConfirmModel } from '../components/WmsConfirmModel/WmsConfirmModel.jsx';\r\nimport { default as WmsContainer } from '../components/WmsContainer/WmsContainer.jsx';\r\nimport { default as WmsCollapse } from '../components/WmsCollapse/WmsCollapse.jsx';\r\nimport * as metaDataService from './meta-data.service';\r\nimport * as GridConfig from './grid_configuration.virtual.jsx';\r\n\r\n//services\r\nimport * as GlobalService from '../global_services';\r\nexport class SmallParcelSearch extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n this.customLabels = GlobalService.getCustomLabels();\r\n this.smallParcelGridId = \"SmallParcelRemoteGrid\";\r\n let SmartParcel_GridHeaders = StringWms.convertSringToOption(this.translate('SmallParcel_GridHeaders'));\r\n\r\n this.state = {\r\n Selector: 'SmallParcel',\r\n showTooltip: false,\r\n showSearchTargetTooltip: false,\r\n optionsSearchBy: StringWms.convertSringToOption(this.translate('Small_Parcel_Search_Filters')),\r\n containsOptions: StringWms.convertSringToOption(this.translate('Orders_FindOrders_SearchFilters')),\r\n optionsCustomer: GlobalService.getCustomerList(true),\r\n optionsFacility: GlobalService.getFacilityList(true),\r\n Rights: GlobalService.GetRights(),\r\n isOpenSaveFilterModel: false,\r\n isOpenConfirmModel: false,\r\n isOpenUpdateConfirmModel: false,\r\n newFilterTitle: \"\",\r\n savedFilterList: metaDataService.getSaveSmallParcelFilterListMetaData(),\r\n gridDomSelector: () => this.props.windowId ? '.' + this.props.windowId + ' #' + this.smallParcelGridId : '#' + this.smallParcelGridId,\r\n allColumnList: GridConfig.getAllColumnList(SmartParcel_GridHeaders, GlobalService.getCustomLabels()),\r\n isExpandedCollapse: (!$.isEmptyObject(metaDataService.getSmallParcelCollapseMetaData()) ? metaDataService.getSmallParcelCollapseMetaData() : []),\r\n filterNameExist: false,\r\n isClickSearchFilterToggle: false,\r\n sharedSmallParcelFilter: Object.assign({}, props.defaultFilterValue),\r\n optionsStatus: [{ value: 0, description: \"Complete\" }, { value: 3, description: \"Closed\" }]\r\n };\r\n this.onFilterDataSet = GlobalService.debounce(this.onFilterDataSet, 700);\r\n }\r\n componentDidMount() {\r\n var sortable = $('#sortable-section');\r\n var sortData = metaDataService.getSmallParcelSortSectionMetaData();\r\n // set saved sort data if any in meta data\r\n if (sortData) {\r\n var pos = JSON.parse(sortData);\r\n if (pos) {\r\n $.each(pos, function (i, position) {\r\n if (position != \"\") {\r\n var $target = sortable.find('#' + position);\r\n $target.appendTo(sortable); // or prependTo\r\n }\r\n });\r\n }\r\n }\r\n sortable.sortable({\r\n update: this.onSectionSort,\r\n cancel: \"label.icon_label,.wms-collapsible-content\",\r\n handle: \".wms-sort\",\r\n distance: 5,\r\n start: function (e, ui) {\r\n var height = ui.item.height();\r\n if (height > 100) {\r\n height = 100;\r\n }\r\n ui.placeholder.height(height);\r\n }\r\n });\r\n var filterData = metaDataService.getSmallParcelFilterMetaData();\r\n if (filterData != \"\") {\r\n // temporary remove batch name from metaData,\r\n // remove code after pass batchId in filter\r\n delete filterData.BatchName;\r\n this.setState({\r\n sharedSmallParcelFilter: filterData\r\n });\r\n }\r\n }\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n if (\r\n nextProps.sharedSmallParcelFilter &&\r\n prevState.sharedSmallParcelFilter &&\r\n (\r\n nextProps.sharedSmallParcelFilter.BatchOrderid != prevState.sharedSmallParcelFilter.BatchOrderid ||\r\n nextProps.sharedSmallParcelFilter.IsHVPTab != prevState.sharedSmallParcelFilter.IsHVPTab\r\n )\r\n ) {\r\n var nextSharedSmallParcelFilter = Object.assign({}, nextProps.sharedSmallParcelFilter);\r\n nextSharedSmallParcelFilter.IsHVPTab = false;\r\n return { sharedSmallParcelFilter: nextSharedSmallParcelFilter };\r\n }\r\n return null;\r\n }\r\n onSectionSort = () => {\r\n var sortArray = JSON.stringify($('#sortable-section').sortable(\"toArray\"));\r\n metaDataService.setSmallParcelSortSectionMetaData(sortArray);\r\n }\r\n handleFilterChange = (event) => {\r\n let propFilter = Object.assign({}, this.state.sharedSmallParcelFilter);\r\n let updateSearchOnFlag = true;\r\n let objFilter = Object.assign(\r\n propFilter,\r\n { [event.target.name]: event.target.value }\r\n );\r\n\r\n if (event.target.name == \"Skus\" && event.target.value == \"\") {\r\n objFilter[event.target.name] = [];\r\n } else if (event.target.name == \"BatchOrderid\" && event.target.value == \"\") {\r\n objFilter[event.target.name] = 0;\r\n } else if (event.target.name == 'IndexOptionsFacilityId') {\r\n updateSearchOnFlag = false;\r\n } else if (event.target.name == 'IndexOptionsCustomerId') {\r\n // WMS-19452 - Setting batchOrderId 0 when customer is changing\r\n objFilter['BatchOrderid'] = 0;\r\n }\r\n\r\n this.setState({\r\n sharedSmallParcelFilter: objFilter\r\n });\r\n this.onFilterDataSet(objFilter, updateSearchOnFlag);\r\n }\r\n\r\n multiDropdownChangeEvent = (param_value) => {\r\n\r\n if (param_value == null) { param_value = []; }\r\n let propFilter = this.state.sharedSmallParcelFilter;\r\n let objFilter = Object.assign(\r\n {},\r\n propFilter,\r\n { 'Skus': param_value }\r\n );\r\n\r\n this.setState({ sharedSmallParcelFilter: objFilter });\r\n this.onFilterDataSet(objFilter);\r\n\r\n }\r\n\r\n onFilterDataSet = (objFilter, isUpdateSearchOnFlag) => {\r\n this.props.onFilterDataSet(objFilter, isUpdateSearchOnFlag);\r\n }\r\n\r\n batchDropdownBound = (batchDropDown) => {\r\n batchDropDown.bind(\"filtering\", this.batchOptionFilter(batchDropDown));\r\n }\r\n\r\n batchOptionFilter = (batchDropDown) => (ev) => {\r\n var filterValue = ev.filter != undefined ? ev.filter.value : \"\";\r\n\r\n ev.preventDefault();\r\n\r\n if (filterValue == \"\" || filterValue.length >= 2) {\r\n let filtersObj = [{\r\n field: \"Description\",\r\n operator: \"contains\",\r\n value: filterValue\r\n }];\r\n\r\n if (!isNaN(filterValue) && filterValue != \"\") {\r\n filtersObj.push({\r\n field: \"BatchOrderId\",\r\n operator: \"eq\",\r\n value: parseInt(filterValue)\r\n });\r\n }\r\n\r\n batchDropDown.dataSource.filter({\r\n logic: \"or\",\r\n filters: filtersObj\r\n });\r\n }\r\n }\r\n\r\n gridRefresh = () => {\r\n this.props.onFilterDataSet(this.state.sharedSmallParcelFilter);\r\n }\r\n\r\n onSaveFilter = () => {\r\n if (!this.state.filterNameExist) {\r\n this.props.onManageFilter('saveFilter', this.state.newFilterTitle);\r\n this.exitSaveFilterModel();\r\n }\r\n }\r\n\r\n onUpdateFilter = () => {\r\n this.setState({ isOpenUpdateConfirmModel: false });\r\n this.props.onManageFilter('updateFilter', this.state.currentFilterIndex);\r\n }\r\n\r\n onOpenUpdateConfirmModel = (param_index) => {\r\n this.setState({\r\n isOpenUpdateConfirmModel: true,\r\n currentFilterIndex: param_index\r\n });\r\n }\r\n\r\n onCloseUpdateConfirmModel = () => {\r\n this.setState({ isOpenUpdateConfirmModel: false });\r\n }\r\n\r\n exitSaveFilterModel = () => {\r\n this.setState({\r\n isOpenSaveFilterModel: false\r\n });\r\n }\r\n\r\n onOpenSaveFilterModel = () => {\r\n this.setState({\r\n isOpenSaveFilterModel: true,\r\n newFilterTitle: \"\",\r\n filterNameExist: false\r\n });\r\n }\r\n\r\n handleFilterTitleChange = (e) => {\r\n let value = e.target.value;\r\n if (value.Description == '') {\r\n value = '';\r\n }\r\n\r\n var nameExists = false;\r\n // check dublicate title for case sensitive\r\n var exists = this.state.savedFilterList.findIndex(function (item) {\r\n return value.toLowerCase() === item.title.toLowerCase();\r\n });\r\n if (exists != -1) {\r\n nameExists = true;\r\n }\r\n this.setState({\r\n newFilterTitle: value,\r\n filterNameExist: nameExists\r\n });\r\n }\r\n\r\n onUseSaveFilter = (index) => {\r\n var objFilter = _.cloneDeep(this.state.savedFilterList[index]);\r\n objFilter.filterData.IndexOptionsFacilityId = this.state.sharedSmallParcelFilter.IndexOptionsFacilityId;\r\n\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var gridConfig = JSON.parse(objFilter.columnData, JSON.dateParser);\r\n var tempObject = \"\";\r\n\r\n if (gridConfig.columns) {\r\n var fieldArray = gridConfig.columns.map(el => el.field);\r\n var updateColumn = [];\r\n this.state.allColumnList.filter((column) => {\r\n if (fieldArray.indexOf(column.field) !== -1) {\r\n updateColumn.push(column);\r\n }\r\n });\r\n tempObject = ObjectWms.alignIndexesByProperty(gridConfig.columns, updateColumn, \"field\");\r\n } else {\r\n tempObject = ObjectWms.alignIndexesByProperty(gridConfig.columns, this.props.defaultColumns, \"field\");\r\n }\r\n\r\n if (grid) {\r\n grid.setOptions({\r\n columns: tempObject\r\n });\r\n grid.dataSource.sort(gridConfig.sorts);\r\n grid.dataSource.filter(gridConfig.filters);\r\n this.setState({\r\n sharedSmallParcelFilter: objFilter.filterData\r\n });\r\n this.props.onApplySavedFilter(objFilter.filterData);\r\n }\r\n }\r\n\r\n onYesRemoveSavedFilter = () => {\r\n metaDataService.clearSaveSmallParcelFilterListMetaData(this.state.savedFilterIndex);\r\n this.setState({\r\n isOpenConfirmModel: false,\r\n savedFilterList: metaDataService.getSaveSmallParcelFilterListMetaData()\r\n });\r\n }\r\n\r\n ClickExit = () => {\r\n this.setState({\r\n isOpenConfirmModel: false\r\n });\r\n }\r\n\r\n onClearSaveFilter = (index) => {\r\n this.setState({\r\n isOpenConfirmModel: true,\r\n savedFilterIndex: index\r\n });\r\n }\r\n\r\n setCollapseMetaData = (isExpanded, collapseId) => {\r\n metaDataService.setSmallParcelCollapseMetaData(collapseId, isExpanded);\r\n }\r\n\r\n clickForFilterToggle = () => {\r\n this.setState({ isClickSearchFilterToggle: true });\r\n this.props.onClickForFilterToggle();\r\n }\r\n\r\n onClearSearch = () => {\r\n this.setState({\r\n sharedSmallParcelFilter: Object.assign({}, this.props.defaultFilterValue, { 'IndexOptionsFacilityId': this.state.sharedSmallParcelFilter.IndexOptionsFacilityId })\r\n });\r\n this.props.onClearSearch();\r\n }\r\n showFilterTooltip = () => {\r\n this.setState({ showTooltip: true });\r\n }\r\n hideFilterTooltip = () => {\r\n this.setState({ showTooltip: false });\r\n }\r\n render() {\r\n const renderFilter = this.state.sharedSmallParcelFilter;\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n this.resetTheme('blue')}\r\n loading={this.state.resetLoading}\r\n icon='fa-sync-alt' /> */}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {this.state.savedFilterList.length !== 0 && (\r\n \r\n \r\n )}\r\n
\r\n - \r\n
- \r\n Green\r\n \r\n\r\n \r\n
- \r\n Blue\r\n \r\n\r\n \r\n
- \r\n Orange\r\n \r\n\r\n \r\n
- \r\n Dark Blue\r\n \r\n\r\n \r\n
- \r\n {this.state.savedFilterList.map((data, index) => (\r\n
- \r\n {data.title}\r\n this.onClearSaveFilter(index)}>\r\n \r\n\r\n \r\n ))}\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n this.themeReset(true)}\r\n loading={this.state.resetLoading}\r\n icon='fa-sync-alt' />\r\n this.themeReset(false)}\r\n icon='fa-redo-alt' />\r\n
\r\n - \r\n {Object.keys(mainColorObj).map((format, key) => (\r\n
- \r\n {format}\r\n \r\n
{ this.colorPickerComponent = c; }} />\r\n \r\n ))}\r\n
\r\n {this.state.isOpenSaveThemeModel && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n {((this.props.sharedSelectOrder && this.state.showTooltip) ?\r\n { }\r\n }>\r\n \r\n search filters\r\n
\r\n {this.translate(\"Order_filter_section_disabled_tooltip\")}
\r\n : \"\"\r\n )}\r\n \r\n
\r\n \r\n
\r\n\r\n {this.props.sharedSearchOn == true &&\r\n \r\n {this.translate('Label_NOTE')}: \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n {this.state.savedFilterList.length !== 0 && (\r\n this.setCollapseMetaData(e, 'search_collapse0')}>\r\n \r\n )}\r\n\r\n this.setCollapseMetaData(e, 'search_collapse1')}>\r\n {\r\n this.setState({ showSearchTargetTooltip: true });\r\n }}\r\n onMouseLeaveFunc={() => {\r\n this.setState({ showSearchTargetTooltip: false });\r\n }}\r\n isAutoFocus={true}\r\n />\r\n {this.state.showSearchTargetTooltip &&\r\n {this.translate('Label_Filter_Multi_Search_Tooltip')}\r\n }\r\n \r\n\r\n this.setCollapseMetaData(e, 'search_collapse2')}>\r\n \r\n\r\n this.setCollapseMetaData(e, 'search_collapse6')}>\r\n \r\n\r\n this.setCollapseMetaData(e, 'search_collapse4')}>\r\n {renderFilter.IndexOptionsCustomerId == 0 && (\r\n \r\n\r\n this.setCollapseMetaData(e, 'search_collapse5')}>\r\n \r\n
\r\n - \r\n {this.state.savedFilterList.map((data, index) => (\r\n
- \r\n {data.title}\r\n \r\n\r\n this.onClearSaveFilter(index)}>\r\n \r\n ))}\r\n
\r\n
\r\n )}\r\n {(this.state.Rights.hasOwnProperty('orders.manage.batch') && renderFilter.IndexOptionsCustomerId != 0) ?\r\n \r\n (${ BatchOrderId }) ${ (Description != null) ? Description : '' }\"}\r\n valueTemplate={\"\"}\r\n onDropdownBound={this.batchDropdownBound}\r\n isValuePrimitive={true}\r\n virtualObj={{\r\n itemHeight: 26,\r\n valueMapper: function (options) {\r\n var that = options;\r\n $.ajax({\r\n url: \"/WebUI/Shipping/FindOrders/BatchListForCustomerIndexRead\",\r\n type: \"POST\",\r\n dataType: \"json\",\r\n data: {\r\n batchOrderId: that.value || 0,\r\n customerId: parseInt(renderFilter.IndexOptionsCustomerId)\r\n },\r\n success: function (data) {\r\n // data = [0];\r\n options.success(data);\r\n }\r\n });\r\n }\r\n }}\r\n dataSourceObj={{\r\n pageSize: 40,\r\n serverPaging: true,\r\n serverFiltering: true,\r\n type: \"aspnetmvc-ajax\",\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Shipping/FindOrders/BatchListForCustomerRead\",\r\n type: \"POST\",\r\n data: {\r\n customerId: parseInt(renderFilter.IndexOptionsCustomerId)\r\n }\r\n },\r\n },\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\"\r\n }\r\n }}\r\n />\r\n
\r\n : ''\r\n }\r\n \r\n
\r\n \r\n {renderFilter.IndexOptionsCustomerId < 1 ? (\r\n
\r\n \r\n\r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.state.isOpenSaveFilterModel && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n {/*Add or exist batch model */}\r\n
\r\n )\r\n }\r\n}","\r\nvar axios = require('axios');\r\n\r\nexport const recalcPackages = function (orderIds) {\r\n return axios.put('/WebUI/Shipping/FindOrders/PackagesGenerator', orderIds)\r\n .then(function (response) {\r\n return response.data;\r\n });\r\n}\r\nexport const parcelFinalizer = function (ids) {\r\n return axios.put('/WebUI/Shipping/FindOrders/ParcelFinalizer', ids)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const parcelAutoRateShopper = function (ids) {\r\n return axios.post('/WebUI/Shipping/FindOrders/ParcelAutoRateShopper', ids)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const parcelCanceler = function (ids) {\r\n return axios.put('/WebUI/Shipping/FindOrders/ParcelCancelerStarter', ids)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const parcelReseter = function (ids) {\r\n return axios.post('/WebUI/Shipping/FindOrders/ParcelReseter', ids)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const parcelVoidCanceler = function (ids) {\r\n return axios.post('/WebUI/Shipping/FindOrders/ParcelVoidCanceler', ids)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const parcelVoidDbClear = function (ids) {\r\n return axios.post('/WebUI/Shipping/FindOrders/ParcelVoidDbClear', ids)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const reprintOrReturnZpl = function (uri, ids) {\r\n return axios.post(uri, { OrderIds: ids })\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const reprintOrReturnPdf = function (uri) {\r\n return axios.get(uri, { responseType: 'blob' })\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const getZplFormattedLabels = function (orderIds, includeReturnLabel, partner) {\r\n let data = {\r\n orderIds: orderIds,\r\n includeReturnLabels: includeReturnLabel,\r\n partner: partner\r\n }\r\n return axios.put('/WebUI/Shipping/SmartParcel/ZplFormattedShippingLabelsStarter', data)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const getPdfFormattedLabels = function (orderIds, customerId, labelFormat, runnerKey, includeReturnLabel, partner) {\r\n let data = {\r\n orderIds: orderIds,\r\n customerId: customerId,\r\n labelFormat: labelFormat,\r\n templatedRunnerKey: runnerKey,\r\n includeReturnLabels: includeReturnLabel,\r\n partner: partner,\r\n }\r\n return axios.put('/WebUI/Shipping/SmartParcel/PdfFormattedShippingLabelsStarter', data)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\n\r\nexport const orderInfo = function (orderId) {\r\n return axios.all([\r\n axios.get('/WebUI/Shipping/SmartParcel/OrderInfo?orderId=' + orderId),\r\n axios.get('/WebUI/Shipping/SmartPack/OrderPackInfo?orderId=' + orderId)\r\n ]).then(axios.spread(function (orderInfoResponse, orderPackInfoResponse) {\r\n return {\r\n orderInfoResponse: orderInfoResponse.data,\r\n orderPackInfoResponse: orderPackInfoResponse.data\r\n };\r\n }));\r\n}\r\n\r\nexport const getOrderInfo = function (orderId) {\r\n return axios.get('/WebUI/Shipping/SmartParcel/OrderInfo?orderId=' + orderId)\r\n .then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const getCarriersAndCapacityTypes = function (customerId, facilityId) {\r\n return axios.get('/WebUI/Shipping/FindOrders/CarriersAndCapacityTypes?customerId=' + customerId + '&facilityId=' + facilityId)\r\n .then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\n\r\nexport const deletePackage = function (packageUri) {\r\n return axios.delete('/WebUI/Shipping/SmartPack/Package?packageUri=' + packageUri)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const deletePackageContent = function (packageContentUri) {\r\n return axios.delete('/WebUI/Shipping/SmartPack/PackageContent?packageContentUriList=' + packageContentUri)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const createShippingLabelsHighVolumeBatch = function (orderIds, batchName, labelFormat) {\r\n let data = {\r\n orderIds: orderIds,\r\n batchName: batchName,\r\n labelFormat: labelFormat\r\n }\r\n return axios.put('/WebUI/Shipping/SmartParcel/ShippingLabelsHighVolumeBatch', data)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const initialGetShippingInfoData = function (orderIds, smallParcelSelectObj) {\r\n let shippingInfoDataParam = {\r\n orderIds: orderIds,\r\n customerId: smallParcelSelectObj.CustomerId\r\n }\r\n\r\n return axios.all([\r\n axios.put('/WebUI/Shipping/SmartParcel/ShippingInfoData', shippingInfoDataParam),\r\n axios.get('/WebUI/Settings/SmartParcel/CarrierAccountData?customerUri=/customers/' + smallParcelSelectObj.CustomerId),\r\n axios.get('/WebUI/Shipping/FindOrders/CarriersAndCapacityTypes?customerId=' + smallParcelSelectObj.CustomerId + '&facilityId=' + smallParcelSelectObj.FacilityId),\r\n ]).then(axios.spread(function (shippingInfoDataResponse, carrierAccountsResponse, carriersAndCapacityTypesResponse) {\r\n return {\r\n shippingInfoDataResponse: shippingInfoDataResponse.data,\r\n carrierAccountsResponse: carrierAccountsResponse.data,\r\n carriersAndCapacityTypesResponse: carriersAndCapacityTypesResponse.data\r\n };\r\n }));\r\n}\r\n\r\n\r\nexport const shippingInfoUpdater = function (orderIds, shippingInfoObj) {\r\n let data = {\r\n orderIds: orderIds,\r\n shippingInfo: shippingInfoObj\r\n }\r\n return axios.put('/WebUI/Shipping/SmartParcel/ShippingInfoUpdater', data)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const orderScanResolver = function (facilityId, scannedValue) {\r\n return axios.get('/WebUI/Shipping/SmartPack/OrderScanResolver?facilityId=' + facilityId + '&scannedValue=' + encodeURIComponent(scannedValue))\r\n .then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const getPackageFromMT = function (packageUri) {\r\n return axios.get('/WebUI/Shipping/SmartPack/Package?packageUri=' + packageUri)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const addItemToPackage = function (packageContent) {\r\n return axios.post('/WebUI/Shipping/SmartPack/Package', packageContent)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const addItemToPackageContent = function (packageContent) {\r\n return axios.post('/WebUI/Shipping/SmartPack/PackageContent', packageContent)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const updatePackage = function (objPackage) {\r\n return axios.put('/WebUI/Shipping/SmartPack/Package', objPackage)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const orderPackEvent = function (orderId, eventType) {\r\n return axios.post('/WebUI/Shipping/SmartParcel/OrderPackEvent?orderId='+orderId+'&eventType='+eventType+'&source=smart-ui')\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const updateItemToPackageContent = function (packageContent) {\r\n return axios.put('/WebUI/Shipping/SmartPack/PackageContent', packageContent)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const lineScanResolver = function (customerId, scanValue) {\r\n return axios.get('/WebUI/Shipping/SmartPack/LineScanResolver?customerId=' + customerId + '&scannedValue=' + scanValue)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const completePackage = function (orderUri) {\r\n var dataObj = {\r\n \"orderUri\": orderUri\r\n }\r\n return axios.put('/WebUI/Shipping/SmartPack/Completer', dataObj)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const autoPrintForIndividualPackage = function (payload) {\r\n return axios.put('/WebUI/Shipping/SmartPack/ZplFormattedUccLabel', payload)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\nexport const autoPrintForAllPackage = function (payload) {\r\n return axios.put('/WebUI/Shipping/SmartPack/ZplFormattedUccLabels', payload)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const deleteAllPackage = function (orderId) {\r\n return axios.delete('/WebUI/Shipping/SmartPack/Packages?orderId=' + orderId)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\n\r\nexport const getOrderPackInfo = function (orderId) {\r\n return axios.get('/WebUI/Shipping/SmartPack/OrderPackInfo?orderId=' + orderId)\r\n .then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const getAllPackage = function () {\r\n return axios.get('/WebUI/Shipping/PackageDefs/PackageDefsData')\r\n .then((response) => {\r\n return response;\r\n });\r\n}\r\n\r\nexport const initialAvailableRates = function (param_customerId, ids) {\r\n\r\n let editRoutingInfoDataParam = {\r\n orderIds: ids,\r\n customerId: param_customerId\r\n }\r\n\r\n return axios.put('/WebUI/Shipping/FindOrders/MassEditRoutingData', editRoutingInfoDataParam)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const updateRateCarrierAndServices = function (param_rouingdata) {\r\n return axios.put('/WebUI/Shipping/FindOrders/MassEditRoutingDataUpdater', param_rouingdata)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const getOrderOptionsData = function (orderId) {\r\n let params = {\r\n \"orderId\": orderId,\r\n \"getProposedBilling\": true,\r\n \"getParcelOptions\": true\r\n };\r\n return axios.post('/WebUI/Shipping/Orders/OrderOptions', params)\r\n .then(function (response) {\r\n return response.data;\r\n });\r\n};\r\nexport const updateAddressDetail = function (oldOrderData, updatedOrderData) {\r\n let params = {\r\n \"oldOrderData\": oldOrderData,\r\n \"updatedOrderData\": updatedOrderData,\r\n \"updateParcelOptions\": true\r\n };\r\n return axios.put('/WebUI/Shipping/Orders/Order', params)\r\n .then(function (response) {\r\n return response;\r\n });\r\n};\r\nexport const removeFromBatch = function (batchData) {\r\n return axios.post('/WebUI/Shipping/FindOrders/RemoveFromBatch', batchData).then(function success(response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const getReferenceFields = function (pkgUri) {\r\n return axios.get(`/WebUI/Shipping/SmartParcel/LabelReferences?packageuri=${pkgUri}`)\r\n .then(function (response) {\r\n return response.data;\r\n });\r\n}\r\n\r\nexport const setReferenceFields = function (pkgUri, params) {\r\n return axios.put(`/WebUI/Shipping/SmartParcel/LabelReferences?packageuri=${pkgUri}`, params)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const setParcelContainerFinalizer = function(params) {\r\n return axios.post(`/WebUI/Shipping/FindOrders/ParcelContainerFinalizer`, params)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const manifestStarter = function (orderIds, customerId) {\r\n let data = {\r\n orderIds: orderIds,\r\n customerId: customerId,\r\n }\r\n return axios.put('/WebUI/Shipping/SmartParcel/ManifestStarter', data)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport function getCustomersSettings(customerIds) {\r\n return axios.put(\"/WebUI/Settings/SmartParcel/CustomersSettings\", customerIds)\r\n .then((response) => {\r\n return response;\r\n });\r\n}\r\n\r\nexport const packNonSkuInserts = function (orderId, insertId, insertedQty) {\r\n return axios.put('/WebUI/Mobile/Pack/PackageInsertQty?orderId='+orderId+'&insertId='+insertId+'&qty='+insertedQty+'&insertedQty='+insertedQty)\r\n .then(function (response) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const deletePackNonSkuInsertsAsync = async function (orderId, insertId, insertedQty) {\r\n return await axios.put('/WebUI/Mobile/Pack/PackageInsertQty?orderId='+orderId+'&insertId='+insertId+'&qty='+insertedQty+'&insertedQty='+insertedQty);\r\n}\r\n\r\nexport function parcelAutoRateShopperStarter(dataObj) {\r\n return axios.put(\"/WebUI/Shipping/SmartParcel/ParcelAutoRateShopperStarter\", dataObj)\r\n .then((response) => {\r\n return response;\r\n });\r\n}\r\n\r\nexport const parcelAutoRateShopperStatus = function (passuri) {\r\n return axios.get('/WebUI/'+passuri).then(function (response) {\r\n return response;\r\n });\r\n}","import React, { Component } from 'react';\r\n// Component\r\nimport WmsModel from '../../components/WmsModel/WmsModel.jsx';\r\nimport WmsInput from '../../components/WmsInput/WmsInput.jsx';\r\nimport WmsCheckBox from '../../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsDropdown from '../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsButton from '../../components/WmsButton/WmsButton.jsx';\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport * as GlobalService from '../../global_services';\r\nimport * as smallParcelService from './../smallParcel.service.jsx';\r\nimport './edit-address-detail.scss';\r\n\r\nexport class EditAddressDetail extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n\r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n this.state = {\r\n selector: \"smallParcelAddressDetail\",\r\n oldOrderData: null,\r\n updatedOrderData: { ShipTo: {} },\r\n customLabels: GlobalService.getCustomLabels(),\r\n optionsCountry: GlobalService.GetCountries(),\r\n isCheckedStreetAddress2: false,\r\n isLoadingSaveAddressDetail: false\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n kendo.ui.progress($('#EditAddressDetails'), true);\r\n smallParcelService.getOrderOptionsData(this.props.sharedSelectedOrderIds[0], this.props.sharedSelectedGridRecored).then((response) => {\r\n this.setState({\r\n oldOrderData: _.cloneDeep(response.Order),\r\n updatedOrderData: _.cloneDeep(response.Order),\r\n isCheckedStreetAddress2: response.Order.ShipTo.Address2 ? true : false\r\n });\r\n }).finally(() => {\r\n kendo.ui.progress($('#EditAddressDetails'), false);\r\n });\r\n }\r\n saveEditAddressDetails = () => {\r\n this.setState({ isLoadingSaveAddressDetail: true });\r\n var tmpUpdatedOrderData = this.state.updatedOrderData;\r\n\r\n if (!this.state.isCheckedStreetAddress2) {\r\n tmpUpdatedOrderData.ShipTo.Address2 = '';\r\n }\r\n if (this.hasContactChanged('ShipTo')) {\r\n tmpUpdatedOrderData.ShipTo['ContactId'] = null;\r\n }\r\n\r\n smallParcelService.updateAddressDetail(this.state.oldOrderData, this.state.updatedOrderData).then((response) => {\r\n console.log(\"getOrderOptionsData response\", response)\r\n GlobalService.notification('success', this.translate('Label_Success_Address_Details'));\r\n this.props.updateAddressInfo();\r\n this.props.onCloseEditAddressDetailModal();\r\n }).finally(() => {\r\n this.setState({ isLoadingSaveAddressDetail: false });\r\n });\r\n }\r\n hasContactChanged = () => {\r\n\r\n var originalContactProps = Object.getOwnPropertyNames(this.state.oldOrderData.ShipTo);\r\n var originalContact = this.state.oldOrderData.ShipTo;\r\n var contactOrderData = this.state.updatedOrderData.ShipTo;\r\n\r\n\r\n for (var i = 0; i < originalContactProps.length; i++) {\r\n var propName = originalContactProps[i];\r\n if (originalContact.hasOwnProperty(propName)\r\n && contactOrderData.hasOwnProperty(propName)\r\n && originalContact[propName] !== contactOrderData[propName]) {\r\n\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n onChangeStreet2Address = (event) => {\r\n this.setState({\r\n isCheckedStreetAddress2: event.target.checked\r\n })\r\n }\r\n\r\n handleChangeEvent = (event) => {\r\n\r\n let orderObj = _.cloneDeep(this.state.updatedOrderData);\r\n orderObj.ShipTo[event.target.name] = event.target.value;\r\n if (event.target.name == 'Country') {\r\n orderObj.ShipTo.State = null;\r\n }\r\n this.setState({\r\n updatedOrderData: orderObj\r\n });\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n {this.state.isCheckedStreetAddress2 && (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { ObjectWms } from '../../../../assets/ts/ObjectWms.ts';\r\nimport style from \"./VirtualGroupGrid.scss\";\r\n\r\nclass VirtualGroupGrid extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n gridDomSelector: () => this.props.windowId ? '.' + this.props.windowId + ' #' + this.props.id : '#' + this.props.id,\r\n columns: props.columns,\r\n schema: props.schema,\r\n sorts: []\r\n }\r\n this.translate = window.translate\r\n }\r\n\r\n componentDidMount() {\r\n var self = this;\r\n $(document).off(\"click\", this.state.gridDomSelector() + \" .k-grouping-row\");\r\n $(document).on(\"click\", this.state.gridDomSelector() + \" .k-grouping-row\", function (e) {\r\n\r\n if (!$(this).hasClass('k-state-active-header')) {\r\n $('.k-grouping-row').removeClass('k-state-active-header');\r\n $(this).addClass('k-state-active-header');\r\n }\r\n\r\n self.props.onClickGroupHeader(this);\r\n });\r\n /* $(document).off(\"click\", this.state.gridDomSelector() + ' [role=\"row\"]');\r\n $(document).on(\"click\", this.state.gridDomSelector() + ' [role=\"row\"]', (e) => {\r\n // this.props.onSelection(e);\r\n }); */\r\n\r\n // grid column config set\r\n if (this.props.metaGridConfig != \"\") {\r\n var gridOptions = JSON.parse(this.props.metaGridConfig);\r\n var tempObject = this.props.columns;\r\n if (gridOptions.columns) {\r\n var fieldArray = gridOptions.columns.map(el => el.field);\r\n var updateColumn = [];\r\n this.props.columns.filter((column) => {\r\n updateColumn.push(column);\r\n // if (fieldArray.indexOf(column.field) !== -1) {\r\n // updateColumn.push(column);\r\n // } else if (column.locked && column.isShawRowNumberColumnInList != true) {\r\n // updateColumn.push(column);\r\n // }\r\n });\r\n tempObject = ObjectWms.alignIndexesByPropertyVirtual(gridOptions.columns, updateColumn, \"field\");\r\n } else {\r\n tempObject = ObjectWms.alignIndexesByPropertyVirtual(gridOptions.columns, this.props.defaultColumns, \"field\")\r\n }\r\n\r\n this.setState({\r\n columns: tempObject,\r\n sorts: gridOptions.sorts\r\n }, this.loadGrid);\r\n } else {\r\n this.loadGrid();\r\n }\r\n\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if (typeof this.props.staticGridData != \"undefined\" && _.isEqual(this.props.staticGridData, prevProps.staticGridData) == false) {\r\n var scrollPos = $(this.state.gridDomSelector() + \" .k-grid-content\").scrollTop();\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n grid.dataSource.data(this.props.staticGridData);\r\n if (this.props.sortOptions != null && _.isEqual(this.props.sortOptions, prevProps.sortOptions) == false) {\r\n let tmpOption = grid.options;\r\n tmpOption.sortable = this.props.sortOptions;\r\n grid.setOptions(tmpOption);\r\n }\r\n $(this.state.gridDomSelector() + \" .k-grid-content\").scrollTop(scrollPos);\r\n }\r\n }\r\n\r\n\r\n loadGrid = () => {\r\n var that = this;\r\n $(this.state.gridDomSelector()).kendoGrid({\r\n dataSource: {\r\n data: that.props.staticGridData,\r\n schema: this.state.schema,\r\n sort: this.state.sorts,\r\n group: {\r\n field: this.props.groupKeyName, dir: this.props.groupSortBy\r\n }\r\n },\r\n height: this.props.gridHeight,\r\n sortable: {\r\n mode: \"multiple\",\r\n allowUnsort: true,\r\n showIndexes: true\r\n },\r\n selectable: \"multiple\",\r\n navigatable: true,\r\n filterable: false,\r\n inPlaceSort: true,\r\n columnMenu: false,\r\n editable: this.props.gridEditable,\r\n sort: (e) => {\r\n this.props.onSort(e);\r\n },\r\n dataBound: (e) => {\r\n // this code for remove group header 'k-group-cell' which blank first td in grid\r\n if ($(\".k-group-col,.k-group-cell\") && $(\".k-group-col,.k-group-cell\").length > 0) {\r\n $(\".k-group-col,.k-group-cell\").remove();\r\n var spanCells = $(\".k-grouping-row\").children(\"td\");\r\n spanCells.attr(\"colspan\", spanCells.attr(\"colspan\") - 1);\r\n }\r\n $(this.state.gridDomSelector() + \" tbody\").off(\"click\", \"tr:not('[class*=k-grouping-row]')\");\r\n $(this.state.gridDomSelector() + \" tbody\").on(\"click\", \"tr:not('[class*=k-grouping-row]')\", (e) => {\r\n var row = $(e.currentTarget);\r\n var gridRef = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n if (row.hasClass(\"k-state-selected\") && (!e.shiftKey) && (!e.ctrlKey && !e.metaKey)) {\r\n var selectionCounter = (gridRef.select() && gridRef.select().length);\r\n gridRef.clearSelection();\r\n if (selectionCounter > 1) {\r\n gridRef.select(row);\r\n setTimeout(() => {\r\n this.props.onSelection(e);\r\n }, 100);\r\n }\r\n e.stopPropagation();\r\n } else {\r\n setTimeout(() => {\r\n this.props.onSelection(e);\r\n }, 100);\r\n }\r\n });\r\n this.props.onDataBound(e);\r\n },\r\n change: (e) => {\r\n // console.log(\"VirtualGroupGrid change e\", e)\r\n // that.props.onSelection(e);\r\n },\r\n columnShow: (e) => {\r\n this.props.callForGetNewData();\r\n },\r\n columnReorder: (e) => {\r\n this.props.onColumnReorder(e);\r\n },\r\n columnResize: (e) => {\r\n this.props.onColumnResize(e);\r\n },\r\n resizable: true,\r\n reorderable: true,\r\n columns: this.state.columns\r\n });\r\n }\r\n\r\n\r\n render() {\r\n const isRediousClass = !(this.props.showGridResult || this.props.showGridSummary) ? \"withRadious\" : \"\";\r\n return (\r\n \r\n
\r\n );\r\n }\r\n};\r\n\r\nVirtualGroupGrid.propTypes = {\r\n columns: PropTypes.array.isRequired,\r\n staticGridData: PropTypes.array,\r\n id: PropTypes.string.isRequired, // this should write the id to the input\r\n wmsSelector: PropTypes.string.isRequired, // this should set up a selector on the input\r\n windowId: PropTypes.string,\r\n onSelection: PropTypes.func.isRequired, // this should control the selection of row event\r\n getGridSelectionUrl: PropTypes.string, // url of get selection list of records\r\n gridEditable: PropTypes.oneOfType([\r\n PropTypes.bool,\r\n PropTypes.object\r\n ]), // set true or multiple edit column object to make grid columns editable\r\n gridHeight: PropTypes.string, // number for set grid height in px\r\n // onLoadGrid: PropTypes.func,\r\n onDataBound: PropTypes.func,\r\n callForGetNewData: PropTypes.func,\r\n onSort: PropTypes.func,// this function call when grid column's sort\r\n onColumnReorder: PropTypes.func,// this function call when grid column's order change\r\n onColumnResize: PropTypes.func, // this function call when grid column's size change\r\n groupKeyName: PropTypes.string.isRequired,// group key name\r\n onClickGroupHeader: PropTypes.func,\r\n showGridResult: PropTypes.bool,\r\n totalResult: PropTypes.number,\r\n showGridSummary: PropTypes.bool,\r\n propsSelectedOrders: PropTypes.number,\r\n\r\n\r\n}\r\n\r\nVirtualGroupGrid.defaultProps = {\r\n gridEditable: false,\r\n gridHeight: '99%',\r\n groupSortBy: 'asc',\r\n onDataBound: (e) => function () { },\r\n onSort: (e) => function () { },\r\n onColumnReorder: (e) => function () { },\r\n onColumnResize: (e) => function () { },\r\n onClickGroupHeader: (e) => function () { },\r\n sortOptions: null,\r\n showGridResult: false,\r\n totalResult: 0,\r\n showGridSummary: false,\r\n propsSelectedOrders: 0,\r\n\r\n}\r\n\r\nexport default VirtualGroupGrid;","import React, { useEffect, useState } from \"react\";\r\nimport { default as WmsModal } from \"../../components/WmsModel/WmsModel.jsx\";\r\nimport WmsGrid from \"../../components/WmsGrid/WmsGrid.jsx\";\r\nimport WmsButton from \"../../components/WmsButton/WmsButton.jsx\";\r\nimport _ from \"lodash\";\r\n\r\ninterface ViewRateShoppingWarningsModalProps {\r\n rateShoppingWarningData: any;\r\n open: boolean;\r\n onClose: () => void;\r\n}\r\n\r\nexport default function ViewRateShoppingWarningsModal(props: ViewRateShoppingWarningsModalProps) {\r\n /**\r\n * Global variables\r\n */\r\n const translate = (window as any).translate as any; //used to translate texts;\r\n\r\n /**\r\n * Constants\r\n */\r\n const wmsSelector = \"ViewRateShoppingWarnings\";\r\n const ViewRateShoppingWarningsModalId = \"ViewRateShoppingWarningsModal\";\r\n\r\n const [rateShoppingWarningData, setRateShoppingWarningData] = useState([]);\r\n\r\n /**\r\n * useEffects\r\n */\r\n useEffect(() => {\r\n kendo.ui.progress($(\"#\" + ViewRateShoppingWarningsModalId), true);\r\n let tempRateShoppingWarningData = [];\r\n _.map(props.rateShoppingWarningData, (warningData) => {\r\n if (warningData.WmsException.ErrorCode) {\r\n tempRateShoppingWarningData.push({\r\n Error: warningData.WmsException.ErrorCode,\r\n });\r\n }\r\n });\r\n setRateShoppingWarningData(tempRateShoppingWarningData);\r\n kendo.ui.progress($(\"#\" + ViewRateShoppingWarningsModalId), false);\r\n }, [props.rateShoppingWarningData]);\r\n\r\n const exportWarningGrid = () => {\r\n props.onClose();\r\n ($(\"#rateShoppingWarningGrid\") as any).getKendoGrid().saveAsExcel();\r\n };\r\n\r\n return (\r\n \r\n {this.props.loading && (\r\n
\r\n Loading...
\r\n )}\r\n \r\n {(this.props.showGridResult || this.props.showGridSummary) &&\r\n
\r\n \r\n {this.props.showGridResult == true &&\r\n \r\n }\r\n\r\n {this.props.showGridSummary &&\r\n \r\n }\r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {}}\r\n columns={[\r\n {\r\n field: \"Error\",\r\n title: \"Error\",\r\n width: \"100%\",\r\n },\r\n ]}\r\n schema={{\r\n model: {\r\n fields: {\r\n Error: { type: \"string\" },\r\n },\r\n },\r\n }}\r\n clickEventOfContextMenu={() => {}}\r\n menu={[]}\r\n />\r\n
\r\n \r\n exportWarningGrid()}\r\n icon=\"fa-download\"\r\n buttonType=\"green\"\r\n />\r\n
\r\n \r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport { default as WmsModal } from \"../../components/WmsModel/WmsModel.jsx\";\r\nimport WmsButton from \"../../components/WmsButton/WmsButton.jsx\";\r\nimport WmsCollapse from \"../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport \"./view-rate-shopping-details-modal.scss\";\r\n\r\ninterface ViewRateShoppingDetailsModalProps {\r\n rateShopDetailsData: any;\r\n open: boolean;\r\n onClose: () => void;\r\n}\r\n\r\nexport default function ViewRateShoppingDetailsModal(props: ViewRateShoppingDetailsModalProps) {\r\n const translate = (window as any).translate as any;\r\n\r\n const wmsSelector = \"ViewRateShoppingDetails\";\r\n const ViewRateShoppingDetailsModalId = \"ViewRateShoppingDetailsModal\";\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {props.rateShopDetailsData.RateDetails &&\r\n props.rateShopDetailsData.RateDetails.map((rateDetailData, index) => (\r\n
\r\n \r\n
\r\n | Total: | \r\n\r\n $\r\n {props.rateShopDetailsData.Rate.total\r\n ? parseFloat(props.rateShopDetailsData.Rate.total).toFixed(2)\r\n : \"0.00\"}\r\n | \r\n
|---|---|
| Confirmation: | \r\n\r\n $\r\n {props.rateShopDetailsData.Rate.confirmation\r\n ? parseFloat(props.rateShopDetailsData.Rate.confirmation).toFixed(2)\r\n : \"0.00\"}\r\n | \r\n
| Insurance: | \r\n\r\n $\r\n {props.rateShopDetailsData.Rate.insurance\r\n ? parseFloat(props.rateShopDetailsData.Rate.insurance).toFixed(2)\r\n : \"0.00\"}\r\n | \r\n
| Other: | \r\n\r\n $\r\n {props.rateShopDetailsData.Rate.other\r\n ? parseFloat(props.rateShopDetailsData.Rate.other).toFixed(2)\r\n : \"0.00\"}\r\n | \r\n
| Shipping: | \r\n\r\n $\r\n {props.rateShopDetailsData.Rate.shipping\r\n ? parseFloat(props.rateShopDetailsData.Rate.shipping).toFixed(2)\r\n : \"0.00\"}\r\n | \r\n
| Description: | \r\n{rateDetailData.Description} | \r\n
|---|---|
| Amount: | \r\n${parseFloat(rateDetailData.Amount).toFixed(2)} | \r\n
\r\n
\r\n \r\n );\r\n}\r\n","import React, { Component } from 'react';\r\n\r\n\r\nimport './available-rates.scss';\r\n\r\nimport { StringWms } from '../../../../assets/ts/StringWms.ts';\r\n// Component\r\nimport WmsModel from '../../components/WmsModel/WmsModel.jsx';\r\nimport WmsButton from '../../components/WmsButton/WmsButton.jsx';\r\nimport WmsFormGrid from '../../components/WmsFormGrid/WmsFormGrid.jsx';\r\nimport * as GlobalService from '../../global_services';\r\nimport * as smallParcelService from '../smallParcel.service.jsx';\r\nimport ViewRateShoppingWarnings from \"./view-rate-shopping-warnings.component\";\r\nimport ViewRateShoppingDetails from \"./view-rate-shopping-details.component\";\r\n\r\nexport class AvailableRates extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n\r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n let gridHeaders = StringWms.convertSringToOption(this.translate('AvailableRates_GridHeaders'));\r\n this._isMounted = false;\r\n this.state = {\r\n selector: \"availableRates\",\r\n availableRatesGridData: null,\r\n rateShopWarningsData: [],\r\n isOpenViewRateShoppingWarningsModal: false,\r\n rateShopDetailsData: [],\r\n isOpenViewRateShoppingDetailsModal: false,\r\n carrierRoutingData: null,\r\n selectedRateItems: null,\r\n saveRateLoading: false,\r\n selectedRate: 0,\r\n gridColumns: [\r\n {\r\n field: \"Carrier\",\r\n title: gridHeaders[0].description,\r\n width: 120\r\n }, {\r\n field: \"Service\",\r\n title: gridHeaders[1].description,\r\n width: 240\r\n }, {\r\n field: \"DeliveryDate\",\r\n title: gridHeaders[2].description,\r\n width: 180,\r\n template: \"#= DeliveryDate != null && DeliveryDate != '0001-01-01T00:00:00' ? kendo.toString(kendo.parseDate(DeliveryDate), 'MM/dd/yyyy by hh:mm tt') : '-' #\"\r\n }, {\r\n field: \"Rate\",\r\n title: gridHeaders[3].description,\r\n width: 120,\r\n template: '#if(RateDetails) {# #=parseFloat(Rate.total).toFixed(2)#
#} else{# #=parseFloat(Rate.total).toFixed(2)# #}#',\r\n }, {\r\n field: \"CarrierAccount\",\r\n title: gridHeaders[4].description,\r\n width: 120\r\n }, {\r\n field: \"Nickname\",\r\n title: gridHeaders[5].description,\r\n width: 120\r\n }\r\n ],\r\n gridSchema: {\r\n data: [],\r\n schema: {\r\n model: {\r\n fields: {\r\n Carrier: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Service: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Eta: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Rate: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n CarrierAccount: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Nickname: {\r\n type: \"string\",\r\n editable: false\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this._isMounted = true;\r\n kendo.ui.progress($('#AvailableRates'), true);\r\n smallParcelService.initialAvailableRates(this.props.customerId, this.props.sharedSelectedOrderIds).then((response) => {\r\n this.setState({\r\n carrierRoutingData: response.data\r\n });\r\n });\r\n let dataObj = {\r\n \"OrderIds\": this.props.sharedSelectedOrderIds,\r\n \"ReturnAllRates\": true,\r\n \"MultiOrderRateShopOnShip\": false\r\n }\r\n smallParcelService.parcelAutoRateShopperStarter(dataObj).then((response) => {\r\n if(response && response.data) {\r\n this.getParcelAutoRateShopperStatus(response.data);\r\n }\r\n });\r\n\r\n $(document).off(\"click\", \".rate-details\");\r\n $(document).on(\"click\", \".rate-details\", showRateDetails);\r\n let self = this;\r\n function showRateDetails() {\r\n let grid = $(\"#\" + self.props.windowId + 'gridAvailableRates').data(\"kendoGrid\");\r\n let selectedRate = grid.select();\r\n\r\n if (selectedRate.length == 1) {\r\n self.setState({\r\n isOpenViewRateShoppingDetailsModal: true,\r\n rateShopDetailsData: grid.dataItem(selectedRate[0])\r\n });\r\n }\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this._isMounted = false;\r\n }\r\n\r\n getParcelAutoRateShopperStatus = (data) => {\r\n smallParcelService.parcelAutoRateShopperStatus(data.StatusRelativeUri).then((response) => {\r\n if(response.data.Done) {\r\n let tmpAvailableRatesGridData = [];\r\n if (response.data.Rates && response.data.Rates.ResourceList) {\r\n tmpAvailableRatesGridData = [...response.data.Rates.ResourceList].sort((a, b) => a.Rate.total - b.Rate.total);\r\n }\r\n this.setState({\r\n availableRatesGridData: tmpAvailableRatesGridData,\r\n rateShopWarningsData: response.data.Rates.FaultedOrders ? response.data.Rates.FaultedOrders.Faults : []\r\n });\r\n kendo.ui.progress($('#AvailableRates'), false);\r\n } else {\r\n setTimeout(() => {\r\n this.getParcelAutoRateShopperStatus(response.data);\r\n }, 3000);\r\n }\r\n }, (err) => {\r\n kendo.ui.progress($('#AvailableRates'), false);\r\n this.props.onCloseAvailableRatesModel();\r\n });\r\n };\r\n\r\n selectAvailableRates = () => {\r\n this.setState({ saveRateLoading: true });\r\n // Create the ChosenRate dynamic JSON object\r\n const jsonObject = {\r\n requestId: this.state.selectedRateItems.RequestId,\r\n serviceName: this.state.selectedRateItems.Service,\r\n packageType: this.state.selectedRateItems.PackageType,\r\n carrier: {\r\n refKey: this.state.selectedRateItems.Carrier,\r\n refValue: this.state.selectedRateItems.CarrierAccount,\r\n provider: this.state.selectedRateItems.Provider,\r\n nickname: this.state.selectedRateItems.Nickname\r\n },\r\n serviceCode: this.state.selectedRateItems.ServiceCode,\r\n estimatedDelivery: {\r\n utcDate: StringWms.convertFilterStringToISODate(this.state.selectedRateItems.DeliveryDate,'',false, true).isoStringUTC,\r\n days: this.state.selectedRateItems.Days\r\n },\r\n amounts: this.state.selectedRateItems.Rate,\r\n rateDetails: this.state.selectedRateItems.RateDetails,\r\n splitPackageRates: this.state.selectedRateItems.SplitPackageRates\r\n };\r\n\r\n let routingFormObj = this.state.carrierRoutingData;\r\n if(String(routingFormObj?.Carrier?.Value).trim() !== String(this.state?.selectedRateItems?.Carrier).trim()) {\r\n routingFormObj.ScacCode.Value = this.props.onGetScacCode(this.state.selectedRateItems);\r\n routingFormObj.ScacCode.HasChanged = true;\r\n }\r\n routingFormObj.Carrier.Value = this.state.selectedRateItems.Carrier;\r\n routingFormObj.Carrier.HasChanged = true;\r\n routingFormObj.AccountNumber.Value = this.state.selectedRateItems.CarrierAccount;\r\n routingFormObj.AccountNumber.HasChanged = true;\r\n routingFormObj.Service.Value = this.props.onGetServiceCode(this.state.selectedRateItems);\r\n routingFormObj.Service.HasChanged = true;\r\n routingFormObj.ChosenRate.Value = JSON.stringify(jsonObject);\r\n routingFormObj.ChosenRate.HasChanged = true;\r\n smallParcelService.updateRateCarrierAndServices({\r\n 'massRoutingData': routingFormObj,\r\n 'orderIds': this.props.sharedSelectedOrderIds\r\n }).then((response) => {\r\n GlobalService.notification('success', this.translate('Rate_Save_Success'));\r\n this.props.updateCarrierAndServiceInfo()\r\n this.props.onCloseAvailableRatesModel();\r\n }).finally(() => {\r\n if (this._isMounted) {\r\n this.setState({ saveRateLoading: false });\r\n }\r\n });\r\n }\r\n\r\n onRowSelected = () => {\r\n let grid = $(\"#\" + this.props.windowId + 'gridAvailableRates').data(\"kendoGrid\");\r\n let selectedRate = grid.select();\r\n let selectedRateItems = null;\r\n\r\n if (selectedRate.length == 1) {\r\n selectedRateItems = grid.dataItem(selectedRate[0]);\r\n }\r\n\r\n this.setState({\r\n selectedRateItems: selectedRateItems,\r\n selectedRate: selectedRate.length\r\n });\r\n }\r\n\r\n viewRateShoppingWarnings = () => {\r\n this.setState({ isOpenViewRateShoppingWarningsModal: true });\r\n }\r\n\r\n onCloseViewRateShoppingModal = () => {\r\n this.setState({ isOpenViewRateShoppingWarningsModal: false });\r\n }\r\n\r\n onCloseViewRateShoppingDetailModal = () => {\r\n this.setState({ isOpenViewRateShoppingDetailsModal: false });\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n\r\n \r\n
\r\n {this.translate('Lable_Available_Rates_Description')}
\r\n {this.state.rateShopWarningsData.length > 0 && ()}\r\n \r\n
\r\n \r\n {this.state.isOpenViewRateShoppingWarningsModal &&\r\n Hazmat
${dataItem.Description}
\r\n \r\n \r\n {this.state.isOpenAddQuantity && (\r\n \r\n \r\n )}\r\n {this.state.isOpenSerialPopup && (\r\n \r\n \r\n )}\r\n {this.state.isOpenEditItemQtyModel && (\r\n \r\n \r\n )}\r\n {this.state.isOpenEditPackageDetailsModel && (\r\n \r\n \r\n )}\r\n {this.state.isOpenDeleteConfirmModel && (\r\n \r\n \r\n )}\r\n {this.state.isOpenConfirmDeleteAllPopup && (\r\n \r\n \r\n )}\r\n {this.state.isOpenTrackByInfoMOdel && (\r\n \r\n \r\n )}\r\n {this.state.showAvailableRates && \r\n \r\n )}\r\n {this.state.isOpenScanKeyNotAvailableModel && (\r\n \r\n \r\n )}\r\n {this.state.isOpenDuplicatePrintingModel && (\r\n \r\n \r\n )}\r\n {this.state.isOpenEditAddressDetailModal && \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\n\r\n\r\nimport './edit-shipping-info-model.scss';\r\n\r\n// Component\r\nimport WmsModel from '../../components/WmsModel/WmsModel.jsx';\r\nimport WmsButton from '../../components/WmsButton/WmsButton.jsx';\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsInput from '../../components/WmsInput/WmsInput.jsx';\r\nimport WmsCheckBox from '../../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsTextArea from '../../components/WmsTextArea/WmsTextArea.jsx';\r\nimport WmsDropdown from '../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsComboBox from '../../components/WmsComboBox/WmsComboBox.jsx';\r\nimport WmsRadio from '../../components/WmsRadio/WmsRadio.tsx'\r\nimport WmsDateTimePicker from \"../../components/WmsDateTimePicker/WmsDateTimePicker\";\r\nimport * as smallParcelService from './../smallParcel.service.jsx';\r\nimport * as GlobalService from '../../global_services';\r\n\r\nexport class EditShippingInfoModel extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n\r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n this.formInputs = [\"ScacCode\", \"AccountNumber\", \"AccountZip\", \"WarehouseInstructions\", \"CarrierInstructions\", \"TrackingNumber\", \"Carrier\", \"Service\", \"InsuranceAmount\", \"DryIceWeight\", \"TaxIdentifiers\", \"ShipDate\"];\r\n this.checkboxInputs = [\"IsCod\", \"IsInsured\", \"RequiresReturnReceipt\", \"SaturdayDelivery\", \"ResidentialDelivery\"];\r\n this.selectInputs = [\"BillingCode\", \"CapacityType\", \"DeliveryConfirmationType\", \"InsuranceType\", \"CODPayType\", \"IntlContentsType\", \"IntlNonDelivery\", \"DeliveredDutyPaid\"];\r\n this.USPSCarriers = [\"Buku\", \"Endicia\", \"PitneyBowesExp\", \"Stamps.com\"];\r\n\r\n this.Rights = GlobalService.GetRights();\r\n this.isEnableProvider = this.Rights.hasOwnProperty('Shipping.SmallParcelEnabled') && this.Rights['Integrations.SmallParcelPartner'] == 'ParcelApi';\r\n this.isEnableDynamicCarrier = this.Rights.hasOwnProperty('UxPrototypingDirectivesDynamicCarrier');\r\n\r\n this.state = {\r\n selector: \"editShippingInfo\",\r\n editOrderMultipleValues: this.translate('Label_Various_Values'),\r\n optionsDeliveryConfirmationType: [\r\n { description: 'None', value: 'none' },\r\n { description: 'Delivery', value: 'delivery' },\r\n { description: 'Signature', value: 'signature' },\r\n { description: 'Adult Signature', value: 'adult_signature' },\r\n { description: 'Direct Signature', value: 'direct_signature' }\r\n ],\r\n optionsInsuranceType: [\r\n { description: 'None', value: 0 },\r\n { description: 'Carrier', value: 106 },\r\n { description: 'Third-party', value: 107 }\r\n ],\r\n optionsCODType: [\r\n { description: 'None', value: 0 },\r\n { description: 'Any', value: 100 },\r\n { description: 'Cash', value: 103 },\r\n { description: 'Cash Equivalent', value: 'Cash Equivalent' }\r\n ],\r\n optionsInitalContentType: [\r\n { description: 'None', value: \"\" },\r\n { description: 'Documents', value: 'documents' },\r\n { description: 'Gift', value: 'gift' },\r\n { description: 'Merchandise', value: 'merchandise' },\r\n { description: 'Returned Goods', value: 'returned_goods' },\r\n { description: 'Sample', value: 'sample' }\r\n ],\r\n optionsInitalNoneDelivery: [\r\n { description: 'None', value: \"\" },\r\n { description: 'Treat as Abandoned', value: 'treat_as_abandoned' },\r\n { description: 'Return to Sender', value: 'return_to_sender' }\r\n ],\r\n optionsDutyBillType: [\r\n { text: \"Not Specified\", value: \"100\" },\r\n { text: \"Bill Sender\", value: \"102\" },\r\n { text: \"Bill Recipient\", value: \"103\" }\r\n ],\r\n optionsCarrier: [],\r\n defaultCarriersAndRoutingOptions: [],\r\n optionsBillingType: [],\r\n optionsService: [],\r\n oldServiceName: '',\r\n optionsCapacityTypes: [],\r\n shippingInfo: null,\r\n origShippingInfo: null,\r\n showScac: false,\r\n updateShippingInfoLoading: false,\r\n availableCarrierAccounts: [],\r\n accountNumberArr : [],\r\n nickNameArr : [],\r\n tempAccountNickname: \"\",\r\n custFacUPSFedExInfo: {},\r\n checkbox: {},\r\n concatInputs: this.formInputs.concat(this.checkboxInputs, this.selectInputs),\r\n optionTaxIdentifierType: [\r\n { description: 'None', value: \"\" },\r\n { description: 'EORI', value: \"eori\" },\r\n { description: 'VAT', value: 'vat' },\r\n { description: 'IOSS', value: 'ioss' },\r\n { description: 'VOEC', value: 'voec' },\r\n { description: 'TIN', value: 'tin' }\r\n ],\r\n taxIdentifierList: [],\r\n isChosenRateChange: false,\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n kendo.ui.progress($('#EditShippingInfoModel'), true);\r\n smallParcelService.initialGetShippingInfoData(this.props.sharedSelectedOrderIds, this.props.sharedSelectedGridRecored).then((response) => {\r\n\r\n let tmpOptionsCarrier = response.carriersAndCapacityTypesResponse.Carriers.Carriers;\r\n let tempObject = [];\r\n\r\n tempObject = tmpOptionsCarrier.filter(function (el) {\r\n return el.Carrier === response.shippingInfoDataResponse.Carrier.Value;\r\n })[0];\r\n\r\n let shipmentServices = [];\r\n let optionsShipmentServices = [];\r\n if (typeof tempObject != 'undefined' && tempObject.hasOwnProperty('ShipmentServices')) {\r\n optionsShipmentServices = tempObject['ShipmentServices'];\r\n } else {\r\n optionsShipmentServices = response.carriersAndCapacityTypesResponse.Carriers.DefaultShipmentServices;\r\n }\r\n shipmentServices = GlobalService.hideDeactivatedShipmentServices(response.shippingInfoDataResponse.Carrier.Value, optionsShipmentServices,response.shippingInfoDataResponse.Service.Value);\r\n\r\n let tmpShipEngineCarrierResponse = response.carriersAndCapacityTypesResponse.Carriers.Carriers;\r\n tmpShipEngineCarrierResponse = tmpShipEngineCarrierResponse.filter((obj) => {\r\n return obj.Carrier != \"Buku\" && obj.Carrier != \"PitneyBowesExp\";\r\n });\r\n if (!this.isEnableProvider) {\r\n tmpShipEngineCarrierResponse = tmpShipEngineCarrierResponse.filter((obj) => {\r\n return obj.Carrier != \"PitneyBowesStd\";\r\n });\r\n }\r\n\r\n this.setState({\r\n optionsCarrier: tmpShipEngineCarrierResponse,\r\n availableCarrierAccounts: response.carrierAccountsResponse,\r\n custFacUPSFedExInfo: response.carriersAndCapacityTypesResponse.CustFacCarrierInfo,\r\n optionsCapacityTypes: response.carriersAndCapacityTypesResponse.CapacityTypes,\r\n defaultCarriersAndRoutingOptions: response.carriersAndCapacityTypesResponse.Carriers,\r\n optionsBillingType: (typeof tempObject != 'undefined' && tempObject.hasOwnProperty('BillingCodes')) ? tempObject['BillingCodes'] : response.carriersAndCapacityTypesResponse.Carriers.DefaultBillingCodes,\r\n optionsService: shipmentServices.shipmentServices,\r\n oldServiceName: shipmentServices.valueCode ? shipmentServices.valueCode.Description : response.shippingInfoDataResponse.Service.Value,\r\n }, () => {\r\n this.translateFormData(response.shippingInfoDataResponse)\r\n });\r\n }).finally(() => {\r\n kendo.ui.progress($('#EditShippingInfoModel'), false);\r\n });\r\n }\r\n translateFormData = (param_formdata) => {\r\n\r\n let showScac = false;\r\n let concatInputs = this.state.concatInputs;\r\n let checkbox = {};\r\n let optionsBillingType = this.state.optionsBillingType;\r\n let optionsCapacityTypes = this.state.optionsCapacityTypes;\r\n let optionsInsuranceType = this.state.optionsInsuranceType;\r\n let optionsCODType = this.state.optionsCODType;\r\n let optionsInitalContentType = this.state.optionsInitalContentType;\r\n let optionsInitalNoneDelivery = this.state.optionsInitalNoneDelivery;\r\n let optionsDeliveryConfirmationType = this.state.optionsDeliveryConfirmationType;\r\n let optionTaxIdentifierType = this.state.optionTaxIdentifierType;\r\n let tmpTaxIdentifierList = [];\r\n let optionsDutyBillType = this.state.optionsDutyBillType;\r\n\r\n // SCAC state is dependent on carrier state so if it is Multiples\r\n if (param_formdata.Carrier.State === 1) {\r\n showScac = true;\r\n }\r\n for (var x = 0; x < concatInputs.length; x++) {\r\n\r\n if (this.formInputs.indexOf(concatInputs[x]) !== -1) { // these are form inputs\r\n // TaxIdentifiers\r\n if (concatInputs[x] == 'TaxIdentifiers') {\r\n tmpTaxIdentifierList = [\r\n {\r\n taxableEntityType: \"\",\r\n identifierType: \"\",\r\n value: \"\",\r\n issuingAuthority : \"\"\r\n }\r\n ];\r\n if(param_formdata[concatInputs[x]].Value) {\r\n tmpTaxIdentifierList = JSON.parse(param_formdata[concatInputs[x]].Value);\r\n }\r\n // If Multiple Order Selected Then Set Various Value\r\n if(this.props.sharedSelectedOrderIds.length > 1 && tmpTaxIdentifierList.length > 0) {\r\n optionTaxIdentifierType.push({\r\n \"description\": this.state.editOrderMultipleValues,\r\n \"value\": -1\r\n });\r\n if(!param_formdata[concatInputs[x]].Value && param_formdata[concatInputs[x]].State === 1) {\r\n Object.keys(tmpTaxIdentifierList).map((key, index) => {\r\n tmpTaxIdentifierList[key].identifierType = \"-1\";\r\n });\r\n }\r\n\r\n }\r\n }\r\n\r\n if (param_formdata[concatInputs[x]].State === 1 && (\r\n concatInputs[x] != 'WarehouseInstructions' &&\r\n concatInputs[x] != 'CarrierInstructions'\r\n )) {\r\n param_formdata[concatInputs[x]].Value = this.state.editOrderMultipleValues;\r\n\r\n } else if (param_formdata[concatInputs[x]].State === 0) {\r\n param_formdata[concatInputs[x]].Value = \"\";\r\n\r\n } else if (this.props.sharedSelectedOrderIds.length > 1 && (\r\n concatInputs[x] == 'WarehouseInstructions' ||\r\n concatInputs[x] == 'CarrierInstructions')\r\n ) {\r\n param_formdata[concatInputs[x]].Value = \"\";\r\n }\r\n }\r\n\r\n if (this.checkboxInputs.indexOf(concatInputs[x]) !== -1) { // these are checkbox inputs\r\n if (param_formdata[concatInputs[x]].State === 1) {\r\n $(\"#\" + concatInputs[x]).prop(\"indeterminate\", true);\r\n checkbox[concatInputs[x]] = true;\r\n\r\n } else {\r\n $(\"#\" + concatInputs[x]).prop(\"indeterminate\", false);\r\n checkbox[concatInputs[x]] = false;\r\n }\r\n }\r\n\r\n if (this.selectInputs.indexOf(concatInputs[x]) !== -1) { // these are select inputs\r\n if (param_formdata[concatInputs[x]].State === 1) {\r\n\r\n if (concatInputs[x] == 'BillingCode') {\r\n\r\n optionsBillingType.push({\r\n \"CodeTypeId\": -1,\r\n \"Code\": this.state.editOrderMultipleValues\r\n });\r\n param_formdata.BillingCode.Value = this.state.editOrderMultipleValues;\r\n\r\n } else if (concatInputs[x] == 'CapacityType') {\r\n\r\n optionsCapacityTypes.push({\r\n \"CapacityTypeId\": -1,\r\n \"Description\": this.state.editOrderMultipleValues\r\n });\r\n param_formdata.CapacityType.Value = this.state.editOrderMultipleValues;\r\n\r\n } else if (concatInputs[x] == \"InsuranceType\") {\r\n\r\n optionsInsuranceType.push({\r\n description: this.state.editOrderMultipleValues,\r\n value: -1\r\n });\r\n param_formdata.InsuranceType.Value = -1;\r\n\r\n } else if (concatInputs[x] == \"CODPayType\") {\r\n\r\n optionsCODType.push({\r\n description: this.state.editOrderMultipleValues,\r\n value: -1\r\n });\r\n param_formdata.CODPayType.Value = -1;\r\n\r\n } else if (concatInputs[x] == \"IntlContentsType\") {\r\n\r\n optionsInitalContentType.push({\r\n description: this.state.editOrderMultipleValues,\r\n value: -1\r\n });\r\n param_formdata.IntlContentsType.Value = -1;\r\n\r\n } else if (concatInputs[x] == \"IntlNonDelivery\") {\r\n\r\n optionsInitalNoneDelivery.push({\r\n description: this.state.editOrderMultipleValues,\r\n value: -1\r\n });\r\n param_formdata.IntlNonDelivery.Value = -1;\r\n\r\n } else if (concatInputs[x] == \"DeliveryConfirmationType\") {\r\n\r\n optionsDeliveryConfirmationType.push({\r\n description: this.state.editOrderMultipleValues,\r\n value: -1\r\n });\r\n param_formdata.DeliveryConfirmationType.Value = -1;\r\n\r\n } else if (concatInputs[x] == \"DeliveredDutyPaid\") {\r\n\r\n optionsDutyBillType.push({\r\n text: this.state.editOrderMultipleValues,\r\n value: -1\r\n });\r\n\r\n param_formdata.DeliveredDutyPaid.Value = -1;\r\n\r\n }\r\n\r\n }\r\n }\r\n\r\n }\r\n\r\n var tmpOrigShippingInfo = _.cloneDeep(param_formdata);\r\n\r\n if (param_formdata.Carrier.Value == 'FedEx') {\r\n if(param_formdata.BillingCode.Value == 'BillThirdParty') {\r\n param_formdata.BillingCode.Value = 'third party';\r\n }\r\n } else {\r\n if(param_formdata.BillingCode.Value == 'third party') {\r\n param_formdata.BillingCode.Value = 'BillThirdParty';\r\n }\r\n }\r\n\r\n // Parse ShipDate\r\n param_formdata.ShipDate.Value = (param_formdata.ShipDate.Value) ? kendo.toString(kendo.parseDate(param_formdata.ShipDate.Value), \"yyyy-MM-dd\") : '';\r\n\r\n this.setState({\r\n showScac: showScac,\r\n checkbox: checkbox,\r\n shippingInfo: param_formdata,\r\n optionsBillingType: optionsBillingType,\r\n optionsCapacityTypes: optionsCapacityTypes,\r\n optionsDeliveryConfirmationType: optionsDeliveryConfirmationType,\r\n optionsInsuranceType: optionsInsuranceType,\r\n optionsCODType: optionsCODType,\r\n optionsInitalContentType: optionsInitalContentType,\r\n optionsInitalNoneDelivery: optionsInitalNoneDelivery,\r\n origShippingInfo: tmpOrigShippingInfo,\r\n taxIdentifierList: tmpTaxIdentifierList,\r\n optionTaxIdentifierType: optionTaxIdentifierType\r\n }, () => {\r\n // Checked Enabled Multi-Carrier Selection\r\n if(param_formdata.CarrierSelectionV2.Value) {\r\n this.setAccountNumberAndZip(param_formdata.Carrier.Value, param_formdata.BillingCode.Value, param_formdata);\r\n this.setUpAccountNumberAndNickName(param_formdata.Carrier.Value, \"\");\r\n }\r\n });\r\n\r\n }\r\n\r\n handleCarrierChange = (e) => {\r\n\r\n let showScac = false;\r\n let shippingInfo = this.state.shippingInfo;\r\n\r\n if (e.target.value == null || e.target.value == \"\" || e.target.value == \" \" || e.target.value == this.state.editOrderMultipleValues) {\r\n showScac = true;\r\n }\r\n\r\n shippingInfo.Service.Value = '';\r\n shippingInfo.BillingCode.Value = '';\r\n shippingInfo.AccountNumber.Value = '';\r\n shippingInfo.AccountZip.Value = '';\r\n shippingInfo.Carrier.Value = e.target.value;\r\n\r\n let tempObject = this.state.optionsCarrier.filter(function (el) {\r\n return el.Carrier === e.target.value;\r\n })[0];\r\n\r\n shippingInfo.ScacCode.Value = (typeof tempObject != 'undefined' && tempObject.hasOwnProperty('ScacCode')) ? tempObject['ScacCode'] : '';\r\n\r\n this.setAccountNumberAndZip(e.target.value, null, shippingInfo);\r\n\r\n // Checked Enabled Multi-Carrier Selection\r\n if(shippingInfo && shippingInfo.CarrierSelectionV2.Value) {\r\n this.setUpAccountNumberAndNickName(e.target.value, \"handleCarrierChange\");\r\n }\r\n\r\n let shipmentServices = [];\r\n let optionsShipmentServices = [];\r\n if (typeof tempObject != 'undefined' && tempObject.hasOwnProperty('ShipmentServices')) {\r\n optionsShipmentServices = tempObject['ShipmentServices'];\r\n } else {\r\n optionsShipmentServices = this.state.defaultCarriersAndRoutingOptions.DefaultShipmentServices;\r\n }\r\n shipmentServices = GlobalService.hideDeactivatedShipmentServices(e.target.value, optionsShipmentServices);\r\n\r\n this.setState({\r\n optionsService: shipmentServices.shipmentServices,\r\n oldServiceName: shipmentServices.valueCode?.Description,\r\n optionsBillingType: (typeof tempObject != 'undefined' && tempObject.hasOwnProperty('BillingCodes')) ? tempObject['BillingCodes'] : this.state.defaultCarriersAndRoutingOptions.DefaultBillingCodes,\r\n showScac: showScac,\r\n isChosenRateChange: true\r\n });\r\n }\r\n\r\n onChangeFunc = (event) => {\r\n let tmpShippingInfo = this.state.shippingInfo;\r\n\r\n // When Multiple Carrier Account Nickname Value Change\r\n var that = this;\r\n if(event.target.name == 'AccountNickname') {\r\n if(event.target.value) {\r\n this.state.nickNameArr.filter(function (el, index) {\r\n if(el.value === event.target.value) {\r\n tmpShippingInfo.AccountNumber.Value = that.state.accountNumberArr[index].value;\r\n }\r\n });\r\n } else {\r\n tmpShippingInfo.AccountNumber.Value = '';\r\n }\r\n }\r\n\r\n // When Multiple Carrier Account Number Value Change\r\n if(event.target.name == 'AccountNumber') {\r\n that.setState({ isChosenRateChange: true });\r\n if(event.target.value) {\r\n this.state.accountNumberArr.filter(function (el, index) {\r\n if(el.value === event.target.value) {\r\n if(tmpShippingInfo.AccountNickname) {\r\n tmpShippingInfo.AccountNickname.Value = that.state.nickNameArr[index].value;\r\n } else {\r\n that.setState({ tempAccountNickname: that.state.nickNameArr[index].value });\r\n }\r\n }\r\n });\r\n } else {\r\n if(tmpShippingInfo.AccountNickname) {\r\n tmpShippingInfo.AccountNickname.Value = '';\r\n } else {\r\n that.setState({ tempAccountNickname: '' });\r\n }\r\n }\r\n }\r\n\r\n if (event.target.type == 'checkbox') {\r\n\r\n // let checkbox = this.state.checkbox;\r\n // checkbox[event.target.name] = false;\r\n // this.setState({ checkbox: checkbox });\r\n tmpShippingInfo[event.target.name].Value = event.target.checked;\r\n\r\n } else if (event.target.name == \"BillingCode\") {\r\n\r\n this.setAccountNumberAndZip(this.state.shippingInfo.Carrier.Value, event.target.value, tmpShippingInfo);\r\n tmpShippingInfo[event.target.name].Value = event.target.value;\r\n // Checked Enabled Multi-Carrier Selection\r\n if(this.state.shippingInfo && this.state.shippingInfo.CarrierSelectionV2.Value) {\r\n setTimeout(() => {\r\n this.setUpAccountNumberAndNickName(this.state.shippingInfo.Carrier.Value, \"\");\r\n }, 100);\r\n }\r\n\r\n } else {\r\n if (typeof tmpShippingInfo[event.target.name] == 'undefined') {\r\n tmpShippingInfo[event.target.name] = {\r\n HasChanged: true,\r\n State: 0\r\n }\r\n }\r\n\r\n tmpShippingInfo[event.target.name].Value = event.target.value;\r\n }\r\n\r\n var oldServiceName = this.state.oldServiceName;\r\n if (event.target.name == \"Service\") {\r\n oldServiceName = event.target.value;\r\n this.setState({ isChosenRateChange: true });\r\n if (this.state.shippingInfo.Carrier.Value) {\r\n var carrier = this.state.shippingInfo.Carrier.Value;\r\n let shipmentServices = [];\r\n let optionsShipmentServices = [];\r\n let tempObject = this.state.optionsCarrier.filter(function (el) {\r\n return el.Carrier === carrier;\r\n })[0];\r\n if (typeof tempObject != 'undefined' && tempObject.hasOwnProperty('ShipmentServices')) {\r\n optionsShipmentServices = tempObject['ShipmentServices'];\r\n } else {\r\n optionsShipmentServices = this.state.defaultCarriersAndRoutingOptions.DefaultShipmentServices;\r\n }\r\n shipmentServices = GlobalService.hideDeactivatedShipmentServices(carrier, optionsShipmentServices, event.target.value);\r\n oldServiceName = shipmentServices.valueCode?.Description;\r\n }\r\n }\r\n\r\n if (\r\n event.target.name == 'InsuranceType' ||\r\n event.target.name == 'CODPayType' ||\r\n event.target.name == 'DeliveredDutyPaid'\r\n ) {\r\n tmpShippingInfo[event.target.name].Value = parseInt(event.target.value);\r\n }\r\n\r\n if (event.target.name == 'IsInsured' && event.target.checked == false) {\r\n tmpShippingInfo.InsuranceType.Value = 0;\r\n tmpShippingInfo.InsuranceType.HasChanged = true;\r\n tmpShippingInfo.InsuranceAmount.Value = 0;\r\n tmpShippingInfo.InsuranceAmount.HasChanged = true;\r\n }\r\n\r\n this.setState({\r\n shippingInfo: tmpShippingInfo,\r\n oldServiceName: oldServiceName\r\n });\r\n }\r\n\r\n setAccountNumberAndZip = (param_current_carrier, param_billing_code, param_carrierFormData) => {\r\n //var selectedCarrierDetails = this.props.sharedOptions.Carriers.Carriers[param_current_carrier_index];\r\n if (param_current_carrier != null) {\r\n var accountSelectedText = '';\r\n\r\n if (param_current_carrier == 'UPS' || param_current_carrier == 'FedEx') {\r\n var Account = '';\r\n var ShipPointZip = '';\r\n\r\n if (param_current_carrier == 'UPS') {\r\n if (param_billing_code == 'Prepaid') {\r\n if (this.state.custFacUPSFedExInfo.CustCarrierInfo != 0 && this.state.custFacUPSFedExInfo.CustCarrierInfo != 3) {\r\n Account = this.state.custFacUPSFedExInfo.CustUPSAccount;\r\n ShipPointZip = this.state.custFacUPSFedExInfo.CustUPSAccountZip;\r\n accountSelectedText = 'UPS Account of ' + this.state.custFacUPSFedExInfo.CustName;\r\n } else {\r\n Account = this.state.custFacUPSFedExInfo.FacUPSAccount;\r\n ShipPointZip = this.state.custFacUPSFedExInfo.FacZip;\r\n accountSelectedText = 'UPS Account of ' + this.state.custFacUPSFedExInfo.FacName;\r\n }\r\n\r\n } else if (param_billing_code == 'BillThirdParty') {\r\n if (this.state.custFacUPSFedExInfo.CustCarrierInfo != 0 && this.state.custFacUPSFedExInfo.CustCarrierInfo != 2) {\r\n Account = this.state.custFacUPSFedExInfo.CustUPSAccount;\r\n ShipPointZip = this.state.custFacUPSFedExInfo.CustUPSAccountZip;\r\n accountSelectedText = 'UPS Account of ' + this.state.custFacUPSFedExInfo.CustName;\r\n } else {\r\n Account = this.state.custFacUPSFedExInfo.FacUPSAccount;\r\n ShipPointZip = this.state.custFacUPSFedExInfo.FacZip;\r\n accountSelectedText = 'UPS Account of ' + this.state.custFacUPSFedExInfo.FacName;\r\n }\r\n } else {\r\n Account = '';\r\n ShipPointZip = '';\r\n accountSelectedText = '';\r\n }\r\n\r\n } else if (param_current_carrier == 'FedEx') {\r\n if (param_billing_code == 'sender') {\r\n if (this.state.custFacUPSFedExInfo.CustCarrierInfo != 0 && this.state.custFacUPSFedExInfo.CustCarrierInfo != 3) {\r\n Account = this.state.custFacUPSFedExInfo.CustFedexAccount;\r\n ShipPointZip = this.state.custFacUPSFedExInfo.CustUPSAccountZip;\r\n accountSelectedText = 'Fedex Account of ' + this.state.custFacUPSFedExInfo.CustName;\r\n } else {\r\n Account = this.state.custFacUPSFedExInfo.FacFedexAccount;\r\n ShipPointZip = this.state.custFacUPSFedExInfo.FacZip;\r\n accountSelectedText = 'Fedex Account of ' + this.state.custFacUPSFedExInfo.FacName;\r\n }\r\n\r\n } else if (param_billing_code == 'third party') {\r\n if (this.state.custFacUPSFedExInfo.CustCarrierInfo != 0 && this.state.custFacUPSFedExInfo.CustCarrierInfo != 2) {\r\n Account = this.state.custFacUPSFedExInfo.CustFedexAccount;\r\n ShipPointZip = this.state.custFacUPSFedExInfo.CustUPSAccountZip;\r\n accountSelectedText = 'Fedex Account of ' + this.state.custFacUPSFedExInfo.CustName;\r\n } else {\r\n Account = this.state.custFacUPSFedExInfo.FacFedexAccount;\r\n ShipPointZip = this.state.custFacUPSFedExInfo.FacZip;\r\n accountSelectedText = 'Fedex Account of ' + this.state.custFacUPSFedExInfo.FacName;\r\n }\r\n\r\n } else {\r\n Account = '';\r\n ShipPointZip = '';\r\n accountSelectedText = '';\r\n }\r\n }\r\n\r\n // Checked Enabled Multi-Carrier Selection\r\n if(this.state.shippingInfo && this.state.shippingInfo.CarrierSelectionV2.Value) {\r\n // Set Account Nickname\r\n if(Account == '' || Account === null) {\r\n if(this.state.origShippingInfo.AccountNumber.Value) {\r\n Account = this.state.origShippingInfo.AccountNumber.Value;\r\n } else {\r\n if(param_carrierFormData[\"AccountNickname\"]) {\r\n param_carrierFormData[\"AccountNickname\"].Value = '';\r\n } else {\r\n param_carrierFormData[\"AccountNickname\"] = {};\r\n }\r\n this.setState({ tempAccountNickname: '' });\r\n }\r\n }\r\n }\r\n\r\n param_carrierFormData[\"AccountNumber\"].Value = Account;\r\n param_carrierFormData[\"AccountZip\"].Value = ShipPointZip;\r\n\r\n this.setState({\r\n shippingInfo: param_carrierFormData,\r\n accountSelectedText: accountSelectedText,\r\n });\r\n\r\n } else {\r\n param_carrierFormData[\"Carrier\"].Value = param_current_carrier;\r\n\r\n this.setState({\r\n shippingInfo: param_carrierFormData,\r\n });\r\n }\r\n }\r\n }\r\n setUpAccountNumberAndNickName = (param_current_carrier, calledFrom) => {\r\n let tmpAccountNumberArr = [];\r\n let tmpNickNameArr = [];\r\n let tmpShippingInfo = this.state.shippingInfo;\r\n let isThirdPartyBillingCode = false;\r\n let isSenderBillingCode = false;\r\n let isPrepaidBillingCode = false;\r\n // Checked is billing type is third party\r\n if(tmpShippingInfo.BillingCode.Value === 'third party' || tmpShippingInfo.BillingCode.Value === 'BillThirdParty') {\r\n isThirdPartyBillingCode = true;\r\n }\r\n // Checked is billing type is sender\r\n if(tmpShippingInfo.BillingCode.Value === 'sender') {\r\n isSenderBillingCode = true;\r\n }\r\n // Checked is billing type is prepaid\r\n if(tmpShippingInfo.BillingCode.Value === 'Prepaid') {\r\n isPrepaidBillingCode = true;\r\n }\r\n\r\n if (param_current_carrier && !isThirdPartyBillingCode && param_current_carrier.toLowerCase() === 'usps' && !this.isEnableDynamicCarrier) {\r\n for(var i = 0; i < this.state.availableCarrierAccounts.length; i++) {\r\n const carrier = this.state.availableCarrierAccounts[i];\r\n if (this.USPSCarriers.some(element => element.toLowerCase() === carrier.Carrier.toLowerCase())) {\r\n tmpAccountNumberArr.push({\r\n text: carrier.AccountNumber,\r\n value: carrier.AccountNumber,\r\n });\r\n tmpNickNameArr.push({\r\n text: carrier.NickName,\r\n value: carrier.NickName,\r\n });\r\n }\r\n }\r\n } else if(param_current_carrier && !isThirdPartyBillingCode) {\r\n for(var i = 0; i < this.state.availableCarrierAccounts.length; i++) {\r\n const carrier = this.state.availableCarrierAccounts[i];\r\n if (param_current_carrier.toLowerCase() === carrier.Carrier.toLowerCase()) {\r\n tmpAccountNumberArr.push({\r\n text: carrier.AccountNumber,\r\n value: carrier.AccountNumber,\r\n });\r\n tmpNickNameArr.push({\r\n text: carrier.NickName,\r\n value: carrier.NickName,\r\n });\r\n }\r\n }\r\n }\r\n\r\n // Set Account Nickname Value\r\n if (tmpNickNameArr.length <= 1) {\r\n if (typeof tmpShippingInfo.AccountNickname == 'undefined') {\r\n tmpShippingInfo.AccountNickname = {};\r\n }\r\n if(tmpNickNameArr[0] != undefined && tmpNickNameArr[0].text) {\r\n if(!isSenderBillingCode && !isThirdPartyBillingCode && !isPrepaidBillingCode) {\r\n if(this.state.origShippingInfo.AccountNumber.Value) {\r\n tmpShippingInfo.AccountNickname.Value = '';\r\n } else {\r\n tmpShippingInfo.AccountNickname.Value = tmpNickNameArr[0].text;\r\n }\r\n } else {\r\n tmpShippingInfo.AccountNickname.Value = '';\r\n }\r\n } else {\r\n tmpShippingInfo.AccountNickname.Value = '';\r\n }\r\n } else {\r\n var that = this;\r\n if(tmpShippingInfo.AccountNickname) {\r\n tmpShippingInfo.AccountNickname.Value = '';\r\n } else {\r\n that.setState({ tempAccountNickname: '' });\r\n }\r\n tmpAccountNumberArr.map(function (el, index) {\r\n if(el.value === tmpShippingInfo.AccountNumber.Value) {\r\n if(tmpShippingInfo.AccountNickname) {\r\n tmpShippingInfo.AccountNickname.Value = tmpNickNameArr[index].value;\r\n } else {\r\n that.setState({ tempAccountNickname: tmpNickNameArr[index].value });\r\n }\r\n }\r\n });\r\n }\r\n // Set Account Number Value\r\n if (tmpAccountNumberArr.length <= 1) {\r\n if(tmpAccountNumberArr[0] != undefined && tmpAccountNumberArr[0].text && !isSenderBillingCode && !isThirdPartyBillingCode && !isPrepaidBillingCode) {\r\n if(this.state.origShippingInfo.AccountNumber.Value) {\r\n if(calledFrom) {\r\n tmpShippingInfo.AccountNumber.Value = \"\";\r\n } else {\r\n tmpShippingInfo.AccountNumber.Value = this.state.origShippingInfo.AccountNumber.Value;\r\n }\r\n } else {\r\n tmpShippingInfo.AccountNumber.Value = tmpAccountNumberArr[0].text;\r\n }\r\n }\r\n } else {\r\n tmpAccountNumberArr.map(function (el, index) {\r\n if(el.value === tmpShippingInfo.AccountNumber.Value) {\r\n tmpShippingInfo.AccountNumber.Value = el.value;\r\n }\r\n });\r\n }\r\n this.setState({\r\n accountNumberArr: tmpAccountNumberArr,\r\n nickNameArr: tmpNickNameArr,\r\n shippingInfo: tmpShippingInfo\r\n })\r\n\r\n }\r\n\r\n updateEditInfo = () => {\r\n this.setState({ updateShippingInfoLoading: true });\r\n let tmpShippingInfo = this.detectChangesFromOrig();\r\n // Check If Chosen Rate Change\r\n if(this.state.isChosenRateChange) {\r\n tmpShippingInfo.ChosenRate.HasChanged = true;\r\n tmpShippingInfo.ChosenRate.Value = \"\";\r\n }\r\n smallParcelService.shippingInfoUpdater(this.props.sharedSelectedOrderIds, tmpShippingInfo).then((response) => {\r\n\r\n GlobalService.notification('success', this.translate('Shipping_Info_Edit_Success'));\r\n this.props.onResetGridSelection();\r\n setTimeout(() => {\r\n this.props.onCloseShipInfoModel('callFromSave');\r\n }, 100);\r\n }).finally(() => {\r\n this.setState({\r\n updateShippingInfoLoading: false,\r\n isChosenRateChange: false\r\n });\r\n });\r\n }\r\n\r\n detectChangesFromOrig = () => {\r\n let concatInputs = this.state.concatInputs;\r\n let routingObj = this.state.shippingInfo;\r\n for (var x = 0; x < concatInputs.length; x++) {\r\n\r\n\r\n if (routingObj[concatInputs[x]].Value !== this.state.origShippingInfo[concatInputs[x]].Value) {\r\n routingObj[concatInputs[x]].HasChanged = true;\r\n if (routingObj[concatInputs[x]].Value == null) {\r\n routingObj[concatInputs[x]].Value = \"\";\r\n }\r\n if (this.props.sharedSelectedOrderIds.length > 1 && (routingObj[concatInputs[x]].State == 1 || routingObj[concatInputs[x]].State == 2) &&\r\n (\r\n concatInputs[x] == 'WarehouseInstructions' ||\r\n concatInputs[x] == 'CarrierInstructions'\r\n ) && (routingObj[concatInputs[x]].Value != \"\")\r\n ) {\r\n var formVal = routingObj[concatInputs[x]].Value;\r\n routingObj[concatInputs[x]].Value = kendo.toString(kendo.parseDate(new Date()), 'yyyy/MM/dd HH:mm - ') + formVal;\r\n }\r\n }\r\n // Update Tax Identifier\r\n if(this.state.taxIdentifierList.length > 0) {\r\n if(concatInputs[x] == 'TaxIdentifiers') {\r\n routingObj[concatInputs[x]].HasChanged = true;\r\n routingObj[concatInputs[x]].Value = JSON.stringify(this.state.taxIdentifierList);\r\n }\r\n }\r\n }\r\n return routingObj;\r\n }\r\n isAllValid = () => {\r\n var tempArr = this.state.taxIdentifierList.filter(el => {\r\n return el.taxableEntityType != \"\" && (el.identifierType.trim() === \"\" || el.value.trim() === \"\" || el.issuingAuthority.trim() === \"\");\r\n });\r\n return tempArr.length > 0;\r\n }\r\n isAllValidForAdd = () => {\r\n var tempArr = this.state.taxIdentifierList.filter(el => {\r\n return el.identifierType.trim() === \"\" || el.value.trim() === \"\" || el.issuingAuthority.trim() === \"\";\r\n });\r\n return tempArr.length > 0;\r\n }\r\n\r\n handleChangeTaxableEntityType = (index, param_taxable_entity_type) => {\r\n let taxIdentifier = this.state.taxIdentifierList[index];\r\n taxIdentifier.taxableEntityType = param_taxable_entity_type;\r\n var tmpTaxIdentifierList = Object.assign(this.state.taxIdentifierList, { [index]: taxIdentifier });\r\n this.setState({ taxIdentifierList: tmpTaxIdentifierList });\r\n }\r\n\r\n handleChangeIdentifierType = (index) => (e) => {\r\n let taxIdentifier = this.state.taxIdentifierList[index];\r\n taxIdentifier.identifierType = e.target.value;\r\n var tmpTaxIdentifierList = Object.assign(this.state.taxIdentifierList, { [index]: taxIdentifier });\r\n this.setState({ taxIdentifierList: tmpTaxIdentifierList });\r\n }\r\n\r\n handleChangeTaxNumberValue = (index, input) => (e) => {\r\n let taxIdentifier = this.state.taxIdentifierList[index];\r\n if(input == 'taxNumber') {\r\n taxIdentifier.value = e.target.value;\r\n } else {\r\n taxIdentifier.issuingAuthority = e.target.value;\r\n }\r\n var tmpTaxIdentifierList = Object.assign(this.state.taxIdentifierList, { [index]: taxIdentifier });\r\n this.setState({ taxIdentifierList: tmpTaxIdentifierList });\r\n }\r\n\r\n manageTaxIdentifier = (action = 'add', index = 0) => (e) => {\r\n let tempTaxIdentifierList = _.cloneDeep(this.state.taxIdentifierList);\r\n\r\n if (action === 'remove') {\r\n tempTaxIdentifierList.splice(index, 1);\r\n } else if (action === 'refresh') {\r\n tempTaxIdentifierList.splice(index, 1);\r\n tempTaxIdentifierList.push({\r\n taxableEntityType: \"\",\r\n identifierType: \"\",\r\n value: \"\",\r\n issuingAuthority : \"\"\r\n });\r\n } else {\r\n tempTaxIdentifierList.push({\r\n taxableEntityType: \"\",\r\n identifierType: \"\",\r\n value: \"\",\r\n issuingAuthority : \"\"\r\n });\r\n }\r\n\r\n this.setState({ taxIdentifierList: tempTaxIdentifierList });\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n {this.props.sharedSelectedOrderIds.length == 1 && (\r\n \r\n \r\n\r\n 1 ? this.translate(\"Label_Setting_Disable_Multiple_Order_Tooltip\") : this.translate(\"Label_Setting_Disable_Tooltip\")}>\r\n \r\n
\r\n\r\n \r\n {/* Left Section */}\r\n
\r\n )}\r\n\r\n \r\n \r\n \r\n
\r\n
\r\n {/* Middle Section */}\r\n | {this.translate(\"FindOrders_Lbl_Customer\")} | \r\n{this.state.packAndShipOrderInfo.customer} | \r\n
|---|---|
| {this.translate(\"Label_Carrier_Account\")} | \r\n{GlobalService.showFirstNChar(this.state.packAndShipOrderInfo.accountNumber, 25)} | \r\n
| {this.translate(\"Label_Account_Nickname\")} | \r\n{(this.state.packAndShipOrderInfo.accountNickName) ? this.state.packAndShipOrderInfo.accountNickName : this.state.tempCarrierAccountNickname} | \r\n
| {this.translate(\"Orders_Lbl_Transaction_Id\")} | \r\n{this.state.packAndShipOrderInfo.OrderId} | \r\n
\r\n \r\n \r\n
\r\n {this.state.isShowEditCareerIcon && }\r\n
\r\n {/* Right Section */}\r\n | {this.translate(\"Label_Carrier\")} | \r\n{this.state.carrier && this.state.carrier == \"PitneyBowesStd\" ? \"Pitney Bowes Standard\" : this.state.carrier} | \r\n
|---|---|
| {this.translate(\"Label_Service\")} | \r\n{this.state.service} | \r\n
| {this.translate(\"Label_Billing\")} | \r\n{(this.state.packAndShipOrderInfo.billingCode && this.state.packAndShipOrderInfo.billingCode != null) ? this.state.packAndShipOrderInfo.billingCode : 'Unspecified'} | \r\n
| {this.translate(\"Label_Override_Account\")} | \r\n{GlobalService.showFirstNChar(this.state.packAndShipOrderInfo.overrideAccountNumber, 25)} | \r\n
\r\n \r\n \r\n
\r\n {this.state.isShowEditContactIcon && }\r\n
\r\n | {this.translate(\"Label_Recipient_Address\")} | \r\n{this.state.packAndShipContactString} | \r\n
|---|---|
| {this.translate(\"Label_Shipping_Warehouse_Instructions\")} | \r\n{GlobalService.showFirstNChar(this.state.packAndShipOrderInfo.warehouseInstructions, 50)} | \r\n
\r\n
\r\n )}\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.state.isDeviceConnect && (\r\n
\r\n\r\n \r\n \r\n {this.state.scaleChangeWeight + \" \" + (this.state.currentMeasurementStandardIsImperial ? \"lbs\" : \"kg\")}\r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n - \r\n {this.content.Sku && (\r\n
- \r\n \r\n {this.content.Sku}\r\n \r\n )}\r\n {this.content.Qualifier && (\r\n
- \r\n \r\n {this.content.Qualifier}\r\n \r\n )}\r\n {this.content.Description && (\r\n
- \r\n \r\n {this.content.Description}\r\n \r\n )}\r\n {this.content.Lot && (\r\n
- \r\n \r\n {this.content.Lot}\r\n \r\n )}\r\n {this.content.ExpirationDate && (\r\n
- \r\n \r\n {kendo.toString(kendo.parseDate(this.content.ExpirationDate), \"MMM dd yyyy\")}\r\n \r\n )}\r\n {this.content.Serial && (\r\n
- \r\n \r\n {this.content.Serial}\r\n \r\n )}\r\n
{this.translate(\"Label_Quantity_Remaining\")}
\r\n{this.state.remainingQuantity % 1 !== 0 ? this.state.remainingQuantity.toFixed(3) : this.state.remainingQuantity}
\r\n\r\n
\r\n
\r\n {this.state.isScanPackedNotAvailable ? this.translate(\"Label_Costomer_Record_Not_Found\") : \"\"}
\r\n \r\n \r\n
\r\n {this.translate(\"Label_Max_Qty_Warning\").replace(\"{remainQty}\", this.content.Remainder)}\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n {this.content.isSerialUnique ? \"Unique \" : \"\"}\r\n {this.translate(\"Label_Unique_Serial_Numbers\")}: {this.content.Sku}\r\n
\r\n{this.state.packSerialQty % 1 !== 0 ? parseFloat(this.state.packSerialQty).toFixed(3) : this.state.packSerialQty}
\r\n\r\n
\r\n
\r\n \r\n
\r\n
\r\n {this.translate(\"Label_Provided_Serial_Numbers\")}:
\r\n- \r\n {this.state.serials.map((serial, index) => (\r\n
- {serial} \r\n ))}\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {} : this.onResetIconClick} icon=\"fa-refresh\" />\r\n {this.state.isCustomDimensionPackSelect && (\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {}} />\r\n\r\n {}} />\r\n\r\n {}} />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n {this.state.trackByModelInfo.map((item, index) => (\r\n
- \r\n {item.text + \" :\"}\r\n {item.value}\r\n \r\n ))}\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {this.scanNotFoundMsg}
\r\n \r\n
\r\n {\"The order was already sent and printing again may cause multiple charges based on carrier fees\"}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n {this.nonSkuContent.Sku && (\r\n
- \r\n \r\n {this.nonSkuContent.Sku}\r\n \r\n )}\r\n {this.nonSkuContent.Description && (\r\n
- \r\n \r\n {this.nonSkuContent.Description}\r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n {Object.keys(this.state.taxIdentifierList).map((key, index) => (\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {} : this.onChangeFunc}\r\n label={this.translate('Label_Tracking_Number')}\r\n showToolTip={this.props.isSelectedOrderShipped}\r\n tooltipText={this.props.isSelectedOrderShipped ? this.translate('Label_Tracking_Number_Disable_Text') : ''}\r\n value={this.state.shippingInfo == null ? '' : this.state.shippingInfo.TrackingNumber.Value}\r\n extraWrapperClass=\"ship-info-tracking-number\" />\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n\r\n
\r\n\r\n \r\n\r\n
\r\n {/* \r\n\r\n \r\n
*/}\r\n \r\n\r\n
\r\n */}\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n ))}\r\n\r\n \r\n \r\n {this.translate(\"Label_Taxable_Entity_Type\")}\r\n \r\n\r\n this.handleChangeTaxableEntityType(index, 'shipper')}\r\n checked={this.state.taxIdentifierList[index].taxableEntityType == 'shipper'}\r\n value={'shipper'}\r\n disabled={this.props.isSelectedOrderShipped}\r\n />\r\n\r\n this.handleChangeTaxableEntityType(index, 'recipient')}\r\n checked={this.state.taxIdentifierList[index].taxableEntityType == 'recipient'}\r\n value={'recipient'}\r\n disabled={this.props.isSelectedOrderShipped}\r\n />\r\n
\r\n\r\n \r\n \r\n
\r\n )}\r\n {this.state.taxIdentifierList.length == 1 && (\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n );\r\n }\r\n}","import * as GlobalService from '../../global_services';\r\nvar isFirstTimeOpen = true;\r\nvar keyName = \"PackagingTypes\";\r\nvar metaDataPackagingTypeObject = {\r\n \"PackagingTypes\": {\r\n \"filterData\": {},\r\n \"gridConfig\": {\r\n \"packagingTypesGrid\": {\r\n\r\n }\r\n },\r\n \"packageDefModel\": {}\r\n }\r\n};\r\n\r\n// call api for get metaData of PackagingTypes is it's open first time\r\nexport const getUserClientMetaData = function () {\r\n if (isFirstTimeOpen) {\r\n return GlobalService.getUserClientMetaData(keyName).then(\r\n function successCallBack(response) {\r\n if (response != \"\") {\r\n Object.assign(metaDataPackagingTypeObject[keyName], JSON.parse(response));\r\n }\r\n isFirstTimeOpen = false;\r\n return true;\r\n },\r\n function errorCallBack(response) {\r\n return false;\r\n }\r\n );\r\n }\r\n}\r\n\r\nexport const setPackagingTypesFilterMetaData = function (filterData) {\r\n metaDataPackagingTypeObject[keyName]['filterData'] = filterData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataPackagingTypeObject[keyName]));\r\n}\r\n\r\nexport const getPackagingTypesFilterMetaData = function () {\r\n if (!$.isEmptyObject(metaDataPackagingTypeObject[keyName]['filterData'])) {\r\n return metaDataPackagingTypeObject[keyName]['filterData'];\r\n } else {\r\n return \"\";\r\n }\r\n}\r\n\r\nexport const clearPackagingTypesFilterMetaData = function () {\r\n metaDataPackagingTypeObject[keyName]['filterData'] = {};\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataPackagingTypeObject[keyName]));\r\n}\r\n\r\nexport const setPackagingTypesGridOptionInMetaData = function (gridConfig) {\r\n metaDataPackagingTypeObject[keyName]['gridConfig']['packagingTypesGrid'] = gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataPackagingTypeObject[keyName]));\r\n}\r\n\r\nexport const getPackagingTypesGridOptionInMetaData = function () {\r\n if (!$.isEmptyObject(metaDataPackagingTypeObject[keyName]['gridConfig']['packagingTypesGrid'])) {\r\n return metaDataPackagingTypeObject[keyName]['gridConfig']['packagingTypesGrid'];\r\n } else {\r\n return \"\";\r\n }\r\n}\r\n\r\nexport const setPackagingTypesPackageDefModelMetaData = function (packageDefModelData) {\r\n metaDataPackagingTypeObject[keyName]['packageDefModel'] = packageDefModelData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataPackagingTypeObject[keyName]));\r\n}\r\n\r\nexport const getPackagingTypesPackageDefModelMetaData = function () {\r\n if (!$.isEmptyObject(metaDataPackagingTypeObject[keyName]['packageDefModel'])) {\r\n return metaDataPackagingTypeObject[keyName]['packageDefModel'];\r\n } else {\r\n return \"\";\r\n }\r\n}","var axios = require('axios');\r\n\r\nexport const getPackageList = () => {\r\n // /WebUI/Shipping/PackageDefs/PackageDefsData\r\n return axios.get('/WebUI/Shipping/PackageMaterials/PackageMaterialsData')\r\n .then((response) => {\r\n return response;\r\n });\r\n}\r\nexport const getPackageListRow = ( url ) => {\r\n return axios.get(url)\r\n .then( (response) => {\r\n return response;\r\n });\r\n}\r\n\r\nexport const deletePackage = (url) => {\r\n return axios.delete(url)\r\n .then((response) => {\r\n return response;\r\n });\r\n}\r\n\r\nexport const createPackage = (url, packageDeta) => {\r\n return axios.post(url, packageDeta)\r\n .then((response) => {\r\n return response;\r\n });\r\n}\r\n\r\nexport const updatePackage = (url, packageDeta) => {\r\n return axios.put(url, packageDeta)\r\n .then((response) => {\r\n return response;\r\n });\r\n}\r\nexport const getThreePlOptions = () => {\r\n return axios.get('/WebUI/Shared/GlobalServices/ThreePlOptions')\r\n .then((response) => {\r\n return response;\r\n });\r\n}\r\nexport const saveThreePlOptions = (data) => {\r\n return axios.put('/WebUI/Shared/GlobalServices/ThreePlOptions', data)\r\n .then((response) => {\r\n return response;\r\n });\r\n}\r\nexport const getSkuOptions = (customerId) => {\r\n return axios.post('/WebUI/items/items/SkuDropDown', {customerId: customerId})\r\n .then((response) => {\r\n return response;\r\n });\r\n}\r\nexport const getOrderSourceOptions = (customerId) => {\r\n return axios.get('/webui/customers/CustomerOrderSource/GetCustomerOrderSources/' + customerId)\r\n .then((response) => {\r\n return response;\r\n });\r\n}","import React from 'react';\r\n\r\n//component\r\nimport WmsButton from '../../components/WmsButton/WmsButton.jsx';\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsUpdateDropdownList from '../../components/WmsUpdateDropdownList/WmsUpdateDropdownList.jsx';\r\nimport WmsInput from '../../components/WmsInput/WmsInput.jsx';\r\nimport WmsModel from '../../components/WmsModel/WmsModel.jsx';\r\nimport WmsRadio from '../../components/WmsRadio/WmsRadio.tsx';\r\nimport WmsCheckBox from '../../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsDropdownList from \"../../components/WmsDropdownList/WmsDropdownList.jsx\";\r\nimport WmsDropdown from \"../../components/WmsDropdown/WmsDropdown\";\r\nimport WmsDateTimePicker from \"../../components/WmsDateTimePicker/WmsDateTimePicker\";\r\n\r\nimport * as GlobalService from '../../global_services';\r\nimport * as packagingTypeMetaDataService from './packaging-type-meta-data.service';\r\nimport * as packagingTypeService from './packaging-type.services.jsx'\r\n\r\nexport class PackageDefModal extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.customLabels = GlobalService.getCustomLabels();\r\n this.metaDataPackagingDef = packagingTypeMetaDataService.getPackagingTypesPackageDefModelMetaData(),\r\n this.selector = \"PackageDefModal\";\r\n this.ModelId = \"PackageDefModal\";\r\n this.optionsCustomer = GlobalService.getCustomerList(false);\r\n let countries = [...GlobalService.GetCountries()];\r\n this.Rights = GlobalService.GetRights();\r\n\r\n countries.shift();\r\n this.state = {\r\n packageTypeFormData: null,\r\n PackingItemType: \"Packaging\",\r\n AssignedCustomers: [],\r\n selectedCustomer: null,\r\n IsInsertHasInventory: false,\r\n SelectedFacilities: [{\r\n FacilityIdentifier: {\r\n Id: 0,\r\n Name: \"\",\r\n\r\n },\r\n CurrentQuantity: \"\",\r\n MinQuantity: \"\",\r\n UserIdentifier: {\r\n Id: this.props.GlobalRecipient,\r\n Name: \"\",\r\n },\r\n isNew: true,\r\n }],\r\n gifSaveChangesAndExit: false,\r\n isUnitsOfMeasure: (this.metaDataPackagingDef != \"\" && typeof this.metaDataPackagingDef.isUnitsOfMeasure) ? this.metaDataPackagingDef.isUnitsOfMeasure : false,\r\n facilityOPtions: [],\r\n optionsCountry: countries,\r\n PackageInsertItemIds: [],\r\n SkuOptions: [],\r\n isSkuOptionsUpdating: false,\r\n OptionsState: [],\r\n OrderSourceOptions: [\r\n { name: \"option 1\"},\r\n { name: \"option 2\"},\r\n { name: \"option 3\"},\r\n { name: \"option 4\"},\r\n ],\r\n isLoading: false,\r\n\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.isNewPackage == false) {\r\n kendo.ui.progress($(\"#\" + this.ModelId), true);\r\n this.setState({isLoading: true});\r\n var url = \"/WebUI/Shipping/PackageDefs/PackageDef/\" + this.props.sharedSelectedPkgType.Id;\r\n if (this.props.sharedSelectedPkgType.MaterialType) {\r\n url = \"/WebUI/Shipping/PackageInserts/PackageInsert/\" + this.props.sharedSelectedPkgType.Id;\r\n }\r\n packagingTypeService.getPackageListRow(url)\r\n .then((res) => {\r\n if (this.props.sharedSelectedPkgType.MaterialType) {\r\n var selectedCustomer = this.optionsCustomer.find( el => el.id == res.data.CustomerIdentifier.Id);\r\n res.data.LifespanStartDate = res.data.LifespanStartDate;\r\n res.data.LifespanEndDate = res.data.LifespanEndDate;\r\n this.setState({\r\n PackingItemType: \"Insert\",\r\n packageTypeFormData: res.data,\r\n selectedCustomer: selectedCustomer,\r\n SelectedFacilities: res.data.PackageInsertFacilities && res.data.PackageInsertFacilities.length ? res.data.PackageInsertFacilities: [{\r\n FacilityIdentifier: {\r\n Id: 0,\r\n Name: \"\",\r\n\r\n },\r\n CurrentQuantity: \"\",\r\n MinQuantity: \"\",\r\n UserIdentifier: {\r\n Id: this.props.GlobalRecipient,\r\n Name: \"\",\r\n },\r\n isNew: true,\r\n\r\n }],\r\n PackageInsertItemIds: res.data.PackageInsertItems.map(el => el.Id),\r\n IsInsertHasInventory: res.data.ItemIdentifier != null,\r\n isLoading: false,\r\n });\r\n\r\n var customerFacilityIds = [];\r\n if(selectedCustomer && selectedCustomer.facilities) {\r\n customerFacilityIds = selectedCustomer.facilities;\r\n }\r\n this.changeFacilityOptions(customerFacilityIds);\r\n this.getOrderSourceOptions(res.data.CustomerIdentifier.Id);\r\n this.updateSkuOption(res.data.CustomerIdentifier.Id);\r\n this.setStatesAccordingToCountry(res.data.Country);\r\n } else {\r\n this.setState({\r\n PackingItemType: \"Packaging\",\r\n packageTypeFormData: res.data,\r\n // AssignedCustomers: res.data.AssignedCustomers,\r\n SelectedFacilities: res.data.PackageDefFacilities && res.data.PackageDefFacilities.length ? res.data.PackageDefFacilities : [{\r\n FacilityIdentifier: {\r\n Id: 0,\r\n Name: \"\",\r\n\r\n },\r\n CurrentQuantity: \"\",\r\n MinQuantity: \"\",\r\n UserIdentifier: {\r\n Id: this.props.GlobalRecipient,\r\n Name: \"\",\r\n },\r\n isNew: true,\r\n }],\r\n isLoading: false,\r\n });\r\n this.handleUserCustomerChange(res.data.AssignedCustomers);\r\n\r\n }\r\n kendo.ui.progress($(\"#\" + this.ModelId), false);\r\n\r\n\r\n });\r\n }\r\n else {\r\n this.changeFacilityOptions([]);\r\n }\r\n }\r\n setStatesAccordingToCountry = (param_country) => {\r\n this.setState({ OptionsState: GlobalService.GetRegions(param_country) });\r\n }\r\n changeTriggerItem = (event) => {\r\n if (event.dataItem !== undefined && event.dataItem.Id !== \"\") {\r\n let updatedEvent = {\r\n target: {\r\n name: \"PackageInsertItems\",\r\n value: {\r\n Id: event.dataItem.Id,\r\n Sku: event.dataItem.Sku\r\n }\r\n }\r\n }\r\n this.handleChangeEvent(updatedEvent);\r\n } else {\r\n // need to do if got an issue on rerendering.\r\n }\r\n }\r\n onChangeInventoryItem = (e) => {\r\n this.handleChangeEvent({target: {name: \"ItemIdentifier\", value: {\r\n Id: e.target.value.Id,\r\n Sku: e.target.value.Sku\r\n }}});\r\n }\r\n\r\n handleChangeEvent = (event) => {\r\n let packageTypeFormObj = Object.assign({}, this.state.packageTypeFormData);\r\n let name = event.target.name;\r\n\r\n packageTypeFormObj[name] = event.target.value;\r\n\r\n this.setState({\r\n packageTypeFormData: packageTypeFormObj\r\n });\r\n if (event.target.name == \"Country\"){\r\n this.setStatesAccordingToCountry(event.target.value);\r\n }\r\n }\r\n handleChangeCheckbox = (event) => {\r\n let updatedEvent = {\r\n target: {\r\n name: event.target.name,\r\n value: event.target.checked\r\n }\r\n }\r\n\r\n this.handleChangeEvent(updatedEvent);\r\n }\r\n handleChangeIsInsertHasInventory = (event) => {\r\n let packageTypeFormObj = Object.assign({}, this.state.packageTypeFormData);\r\n packageTypeFormObj.ItemIdentifier = null;\r\n this.setState({\r\n IsInsertHasInventory: event.target.checked,\r\n SelectedFacilities: [{\r\n FacilityIdentifier: {\r\n Id: 0,\r\n Name: \"\",\r\n\r\n },\r\n CurrentQuantity: \"\",\r\n MinQuantity: \"\",\r\n UserIdentifier: {\r\n Id: this.props.GlobalRecipient,\r\n Name: \"\",\r\n },\r\n isNew: true,\r\n\r\n }],\r\n packageTypeFormData: packageTypeFormObj\r\n });\r\n }\r\n handleChangePakingType = (value) => {\r\n this.setState({\r\n PackingItemType: value,\r\n packageTypeFormData: null,\r\n SelectedFacilities: [{\r\n FacilityIdentifier: {\r\n Id: 0,\r\n Name: \"\",\r\n\r\n },\r\n CurrentQuantity: \"\",\r\n MinQuantity: \"\",\r\n UserIdentifier: {\r\n Id: this.props.GlobalRecipient,\r\n Name: \"\",\r\n },\r\n isNew: true,\r\n\r\n }],\r\n PackageInsertItemIds: [],\r\n AssignedCustomers: [],\r\n facilityOPtions: [],\r\n });\r\n\r\n this.changeFacilityOptions([], value);\r\n }\r\n\r\n handleUserCustomerChange = (valueArr) => {\r\n if (!valueArr) {\r\n valueArr = [];\r\n }\r\n this.setState({AssignedCustomers: valueArr});\r\n var customerFacilityIds = [];\r\n valueArr.forEach(cu => {\r\n var selectedCustomer = this.optionsCustomer.find( el => el.id == cu);\r\n if(selectedCustomer && selectedCustomer.facilities){\r\n customerFacilityIds = customerFacilityIds.concat(selectedCustomer.facilities);\r\n }\r\n });\r\n this.changeFacilityOptions(customerFacilityIds);\r\n }\r\n handlePackageInsertItemChange = (valueArr) => {\r\n let packageTypeFormObj = Object.assign({}, this.state.packageTypeFormData);\r\n if (!valueArr || valueArr.length == 0) {\r\n packageTypeFormObj.InsertQtyMatchesItemQty = false;\r\n valueArr = [];\r\n }else if(valueArr.length > 1) {\r\n packageTypeFormObj.InsertQtyMatchesItemQty = false;\r\n }\r\n this.setState({\r\n PackageInsertItemIds: valueArr,\r\n packageTypeFormData: packageTypeFormObj\r\n });\r\n }\r\n handleCustomerChange = (event) => {\r\n var selectedCustomer = this.optionsCustomer.find( el => el.id == event.target.value);\r\n if (selectedCustomer) {\r\n this.setState({selectedCustomer: selectedCustomer});\r\n var customerFacilityIds = selectedCustomer.facilities;\r\n this.changeFacilityOptions(customerFacilityIds);\r\n this.updateSkuOption(event.target.value);\r\n this.getOrderSourceOptions(event.target.value);\r\n } else {\r\n this.setState({\r\n SkuOptions: [],\r\n facilityOPtions: [],\r\n OrderSourceOptions: [],\r\n selectedCustomer: null,\r\n SelectedFacilities: [{\r\n FacilityIdentifier: {\r\n Id: 0,\r\n Name: \"\",\r\n\r\n },\r\n CurrentQuantity: \"\",\r\n MinQuantity: \"\",\r\n UserIdentifier: {\r\n Id: this.props.GlobalRecipient,\r\n Name: \"\",\r\n },\r\n isNew: true,\r\n\r\n }],\r\n });\r\n }\r\n }\r\n updateSkuOption = (customerId) => {\r\n this.setState({isSkuOptionsUpdating: true});\r\n packagingTypeService.getSkuOptions(customerId).then((response) => {\r\n this.setState({SkuOptions: response.data.Data});\r\n }).finally(() => {\r\n this.setState({isSkuOptionsUpdating: false});\r\n });\r\n }\r\n getOrderSourceOptions = (customerId) => {\r\n packagingTypeService.getOrderSourceOptions(customerId).then((response) => {\r\n this.setState({OrderSourceOptions: response.data.Items});\r\n });\r\n }\r\n changeFacilityOptions = (customerFacilityIds, packingType = null) => {\r\n let packType = packingType || this.state.PackingItemType;\r\n let allFacilities = GlobalService.getFacilityList(false);\r\n\r\n if(packType === 'Packaging') {\r\n if(customerFacilityIds.length === 0)\r\n {\r\n this.setState({ facilityOPtions: allFacilities });\r\n return;\r\n }\r\n }\r\n\r\n allFacilities = allFacilities.filter((f) => customerFacilityIds.includes(f.id));\r\n var tempSelectedFacilities = this.state.SelectedFacilities.filter(\r\n o => customerFacilityIds.includes(o.FacilityIdentifier.Id)\r\n );\r\n if(tempSelectedFacilities.length === 0){\r\n tempSelectedFacilities = [{\r\n FacilityIdentifier: {\r\n Id: 0,\r\n Name: \"\",\r\n\r\n },\r\n CurrentQuantity: \"\",\r\n MinQuantity: \"\",\r\n UserIdentifier: {\r\n Id: this.props.GlobalRecipient,\r\n Name: \"\",\r\n },\r\n isNew: true,\r\n\r\n }];\r\n }\r\n\r\n this.setState({\r\n facilityOPtions: allFacilities,\r\n SelectedFacilities: tempSelectedFacilities,\r\n });\r\n }\r\n\r\n handleChangeUnitsOfMeasure = () => {\r\n let metaDataPackagingDef = Object.assign({}, this.metaDataPackagingDef, { isUnitsOfMeasure: !this.state.isUnitsOfMeasure })\r\n packagingTypeMetaDataService.setPackagingTypesPackageDefModelMetaData(metaDataPackagingDef)\r\n\r\n this.setState({\r\n isUnitsOfMeasure: !this.state.isUnitsOfMeasure,\r\n })\r\n }\r\n\r\n savePackageType = () => {\r\n if (this.props.isNewPackage) {\r\n this.createNewPackageType();\r\n } else {\r\n this.updatePackageType();\r\n }\r\n }\r\n\r\n getFormData(isNewCreate) {\r\n var returnObj = {};\r\n if (this.state.PackingItemType == \"Packaging\") {\r\n returnObj = {\r\n pkgDefData: {\r\n Name: this.state.packageTypeFormData.Name.trim(),\r\n Description: this.state.packageTypeFormData.Description?.trim(),\r\n Barcode: this.state.packageTypeFormData.Barcode.trim(),\r\n AssignedCustomers: this.state.AssignedCustomers,\r\n IsDefault: this.state.packageTypeFormData.IsDefault,\r\n LengthImperial: this.state.packageTypeFormData.LengthImperial,\r\n WidthImperial: this.state.packageTypeFormData.WidthImperial,\r\n HeightImperial: this.state.packageTypeFormData.HeightImperial,\r\n WeightImperial: this.state.packageTypeFormData.WeightImperial,\r\n // if Imperial is selected, what value for following.\r\n LengthMetric: this.state.packageTypeFormData.LengthMetric,\r\n WidthMetric: this.state.packageTypeFormData.WidthMetric,\r\n HeightMetric: this.state.packageTypeFormData.HeightMetric,\r\n WeightMetric: this.state.packageTypeFormData.WeightMetric,\r\n Cost: this.state.packageTypeFormData.Cost,\r\n DefaultMarkupPercent: this.state.packageTypeFormData.DefaultMarkupPercent,\r\n DefaultMarkupFlat: this.state.packageTypeFormData.DefaultMarkupFlat,\r\n PackageDefFacilities: this.state.SelectedFacilities[0].FacilityIdentifier.Id != 0 ? this.state.SelectedFacilities : undefined,\r\n }\r\n };\r\n if(!isNewCreate){\r\n returnObj.uri = this.state.packageTypeFormData.PackageDefUri;\r\n // returnObj.pkgDefData.PackageDefId = this.state.packageTypeFormData.PackageDefId;\r\n }\r\n } else {\r\n var tempPackageInsertItems = [];\r\n this.state.PackageInsertItemIds.forEach( skuId => {\r\n var tempSku = this.state.SkuOptions.find(el => el.ItemId == skuId);\r\n tempPackageInsertItems.push({\r\n id: tempSku.ItemId,\r\n Sku: tempSku.Sku,\r\n });\r\n });\r\n returnObj = {\r\n pkgInsertData: {\r\n CustomerIdentifier: {\r\n Id: this.state.selectedCustomer.id,\r\n Name: this.state.selectedCustomer.name,\r\n },\r\n ItemIdentifier: this.state.packageTypeFormData.ItemIdentifier,\r\n Name: this.state.packageTypeFormData.Name.trim(),\r\n Description: this.state.packageTypeFormData.Description?.trim(),\r\n Barcode: this.state.packageTypeFormData.Barcode.trim(),\r\n InsertQtyMatchesItemQty: this.state.packageTypeFormData.InsertQtyMatchesItemQty,\r\n LifespanStartDate: this.state.packageTypeFormData.LifespanStartDate? kendo.toString(kendo.parseDate(this.state.packageTypeFormData.LifespanStartDate), \"yyyy-MM-dd\") : null, //\"YYYY-MM-DDTHH:MM:SSZ\",\r\n LifespanEndDate: this.state.packageTypeFormData.LifespanEndDate? kendo.toString(kendo.parseDate(this.state.packageTypeFormData.LifespanEndDate), \"yyyy-MM-dd\") : null, //\"YYYY-MM-DDTHH:MM:SSZ\",\r\n Country: this.state.packageTypeFormData.Country,\r\n State: this.state.packageTypeFormData.State,\r\n OrderSource: this.state.packageTypeFormData.OrderSource,\r\n IgnoreForEdi: this.state.packageTypeFormData.IgnoreForEdi,\r\n // \"DisplayOnPackingList\": true,\r\n PackageInsertFacilities: this.state.SelectedFacilities[0].FacilityIdentifier.Id != 0 ? this.state.SelectedFacilities : undefined,\r\n PackageInsertItems: tempPackageInsertItems,\r\n }\r\n };\r\n if(!isNewCreate){\r\n returnObj.uri = this.state.packageTypeFormData.PackageInsertUri;\r\n // returnObj.pkgInsertData.PackageInsertId = this.state.packageTypeFormData.PackageInsertId;\r\n }\r\n }\r\n return returnObj;\r\n }\r\n isAllFacilityValid = () => {\r\n return this.state.SelectedFacilities.length == 0 ||\r\n (this.state.SelectedFacilities.length > 0 &&\r\n this.state.SelectedFacilities.find(el =>\r\n el.FacilityIdentifier.Id != 0\r\n && (el.UserIdentifier.Id == 0\r\n || el.CurrentQuantity == \"\" || el.CurrentQuantity <= 0\r\n || el.MinQuantity == \"\" || el.MinQuantity <= 0)\r\n ) == undefined);\r\n }\r\n isInvalidFormData = () => {\r\n if( !this.isAllFacilityValid()){\r\n return true;\r\n }\r\n if (this.state.PackingItemType == \"Packaging\") {\r\n return this.state.packageTypeFormData == null ||\r\n this.state.packageTypeFormData.Name == undefined || this.state.packageTypeFormData.Name.trim() == \"\" ||\r\n this.state.packageTypeFormData.Barcode == undefined ||this.state.packageTypeFormData.Barcode.trim() == \"\";\r\n\r\n } else {\r\n if (this.state.packageTypeFormData != null) {\r\n }\r\n return this.state.packageTypeFormData == null ||\r\n this.state.packageTypeFormData.Name == undefined || this.state.packageTypeFormData.Name.trim() == \"\" ||\r\n this.state.packageTypeFormData.Barcode == undefined || this.state.packageTypeFormData.Barcode.trim() == \"\" ||\r\n (this.state.IsInsertHasInventory && !(this.state.packageTypeFormData.ItemIdentifier?.Id));\r\n }\r\n }\r\n createNewPackageType = () => {\r\n if(this.isInvalidFormData()){\r\n return false;\r\n }\r\n let paramObj = this.getFormData(true);\r\n\r\n this.setState({ gifSaveChangesAndExit: true });\r\n var url = '/WebUI/Shipping/PackageDefs/PackageDef';\r\n var successText = \"Label_Package_Create_Success\";\r\n if(this.state.PackingItemType == \"Insert\"){\r\n url = '/WebUI/Shipping/PackageInserts/PackageInsert';\r\n successText = \"Label_Insert_Create_Success\";\r\n }\r\n packagingTypeService.createPackage(url, paramObj).then((response) => {\r\n GlobalService.notification('success', this.translate(successText));\r\n this.props.onSavePackageDef();\r\n setTimeout(() => {\r\n this.props.onClosePackageDefModal();\r\n }, 100);\r\n }).finally(() => {\r\n this.setState({ gifSaveChangesAndExit: false });\r\n });\r\n }\r\n\r\n updatePackageType = () => {\r\n let paramObj = this.getFormData(false);\r\n\r\n // let paramObj = {\r\n // uri: this.props.sharedSelectedPkgType.PackageDefUri,\r\n // pkgDefData: this.getFormData(false)\r\n // }\r\n this.setState({ gifSaveChangesAndExit: true });\r\n var url = '/WebUI/Shipping/PackageDefs/PackageDef';\r\n var successText = \"Label_Package_Update_Success\";\r\n if(this.state.PackingItemType == \"Insert\"){\r\n url = '/WebUI/Shipping/PackageInserts/PackageInsert';\r\n successText = \"Label_Insert_Update_Success\";\r\n }\r\n packagingTypeService.updatePackage(url, paramObj).then((response) => {\r\n GlobalService.notification('success', this.translate(successText));\r\n this.props.onSavePackageDef();\r\n setTimeout(() => {\r\n this.props.onClosePackageDefModal();\r\n }, 100);\r\n }).finally(() => {\r\n this.setState({ gifSaveChangesAndExit: false });\r\n });\r\n }\r\n removeSelectedWarehouse= (index) => {\r\n let tempArr = [...this.state.SelectedFacilities];\r\n tempArr.splice(index, 1);\r\n\r\n this.setState({SelectedFacilities: tempArr});\r\n }\r\n addAnotherWarehouse = () => {\r\n let tempArr = [...this.state.SelectedFacilities];\r\n tempArr.push({\r\n FacilityIdentifier: {\r\n Id: 0,\r\n Name: \"\",\r\n\r\n },\r\n CurrentQuantity: \"\",\r\n MinQuantity: \"\",\r\n UserIdentifier: {\r\n Id: this.props.GlobalRecipient,\r\n Name: \"\",\r\n },\r\n isNew: true,\r\n\r\n });\r\n this.setState({SelectedFacilities: tempArr});\r\n }\r\n handleWarehouseChange = (event, i) => {\r\n let tempArr = [...this.state.SelectedFacilities];\r\n var selectedWarehouse = this.state.facilityOPtions.find(el => el.id == event.target.value);\r\n if (selectedWarehouse) {\r\n tempArr[i].FacilityIdentifier = {\r\n Id: selectedWarehouse.id,\r\n Name: selectedWarehouse.name\r\n };\r\n } else {\r\n tempArr[i].FacilityIdentifier = {\r\n Id: 0,\r\n Name: \"\",\r\n };\r\n tempArr[i].UserIdentifier = {\r\n Id: this.props.GlobalRecipient,\r\n Name: \"\",\r\n }\r\n }\r\n this.setState({SelectedFacilities: tempArr});\r\n }\r\n handleEmailChange = (event, i) => {\r\n let tempArr = [...this.state.SelectedFacilities];\r\n tempArr[i].UserIdentifier = {\r\n Id: event.dataItem.UserId,\r\n Name: event.dataItem.Name,\r\n };\r\n this.setState({SelectedFacilities: tempArr});\r\n\r\n }\r\n handleChangeSelectFacilityInput = (event, i) => {\r\n let tempArr = [...this.state.SelectedFacilities];\r\n tempArr[i][event.target.name] = event.target.value;\r\n this.setState({SelectedFacilities: tempArr});\r\n }\r\n getActiveFacilityOptions = (selectedFacilityObj) => {\r\n if(this.isUserHaveFacilityAccess(selectedFacilityObj.Id)){\r\n return this.filterSelectedFacilities(selectedFacilityObj.Id);\r\n } else {\r\n return [{\r\n name: selectedFacilityObj.Name,\r\n id: selectedFacilityObj.Id\r\n }]\r\n }\r\n }\r\n isUserHaveFacilityAccess = (facilityId) => {\r\n let allFacilities = GlobalService.getFacilityList(false);\r\n return facilityId == 0 || allFacilities.find(el => el.id == facilityId) != undefined;\r\n }\r\n filterSelectedFacilities = (selectedFacilityId) => {\r\n const selectedFacility = this.state.SelectedFacilities.map(el => el.FacilityIdentifier.Id);\r\n return this.state.facilityOPtions.filter( (op) => op.id == selectedFacilityId || !selectedFacility.includes(op.id));\r\n }\r\n\r\n render() {\r\n const renderPkgType = (this.state.packageTypeFormData == null) ? {} : Object.assign({}, this.state.packageTypeFormData);\r\n const imperialMetricText = this.state.isUnitsOfMeasure == true ? 'Imperial' : 'Metric';\r\n const selectedCustomerId = this.state.selectedCustomer?.id || 0;\r\n const SelectedItemIds = this.state.PackageInsertItemIds || [];\r\n return (\r\n \r\n \r\n \r\n {this.state.PackingItemType == \"Packaging\" && (\r\n <>\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n )}\r\n {this.state.PackingItemType == \"Insert\" && (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n {this.state.SelectedFacilities.map((facilityObj, index) => (\r\n \r\n
\r\n )}\r\n \r\n this.handleChangePakingType(\"Packaging\")}\r\n checked={this.state.PackingItemType == \"Packaging\"}\r\n // disabled={!this.props.isNewPackage}\r\n />\r\n\r\n this.handleChangePakingType(\"Insert\")}\r\n checked={this.state.PackingItemType == \"Insert\"}\r\n // disabled={!this.props.isNewPackage}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n if(e.dataItem.isDeleted){\r\n e.preventDefault();\r\n }\r\n }}\r\n value={renderPkgType?.ItemIdentifier?.Id}\r\n onChangeFunc={this.onChangeInventoryItem}\r\n disabled={this.state.isSkuOptionsUpdating || selectedCustomerId == 0 || !this.state.IsInsertHasInventory}\r\n textField=\"Sku\"\r\n valueField=\"Id\"\r\n showDetailsTooltip={true}\r\n parentclassName=\"form-group\"\r\n template=\"\"\r\n extraWrapperClass=\"package-Inventory-items-dropdown\"\r\n required={this.state.IsInsertHasInventory}\r\n popupClassName=\"drop-down-list-unset-height\"\r\n virtualObj={{\r\n itemHeight: 45,\r\n valueMapper: (options) => {\r\n var valueMapperOptions = options;\r\n $.ajax({\r\n url: \"/WebUI/items/items/SkuDropdownIndexRead\",\r\n type: \"POST\",\r\n dataType: \"json\",\r\n data: {\r\n itemId: valueMapperOptions.value || 0,\r\n customerId: selectedCustomerId || 0,\r\n },\r\n success: function (data) {\r\n options.success(data);\r\n },\r\n });\r\n },\r\n }}\r\n dataSourceObj={{\r\n type: \"aspnetmvc-ajax\",\r\n pageSize: 30,\r\n serverPaging: true,\r\n serverFiltering: true,\r\n transport: {\r\n read: {\r\n url: \"/WebUI/items/items/SkuDropDownRead\",\r\n type: \"POST\",\r\n data: {\r\n customerId: selectedCustomerId,\r\n },\r\n },\r\n },\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n },\r\n requestEnd: (e) => {\r\n var temparr = e.response.Data.map(el => {el.isDeleted = SelectedItemIds.includes(el.Id); return el});\r\n e.response.Data = temparr;\r\n return e;\r\n }\r\n }}\r\n />\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n ))}\r\n \r\n this.handleWarehouseChange(e, index)}\r\n options={this.getActiveFacilityOptions(facilityObj.FacilityIdentifier)}\r\n textField='name'\r\n valueField='id'\r\n extraWrapperClass=\"form_group package-type-warehouse\"\r\n blankFirstOption={true}\r\n blankFirstOptionText={this.translate('Label_Select_warehouse')}\r\n disabled={this.state.IsInsertHasInventory || !facilityObj.isNew || !this.isUserHaveFacilityAccess(facilityObj.FacilityIdentifier.Id)}\r\n />\r\n this.handleEmailChange(e, index)}\r\n value={facilityObj.UserIdentifier.Id}\r\n onChangeFunc={() => {}}\r\n extraWrapperClass={'form_group package-type-email'}\r\n textField=\"Name\"\r\n valueField=\"UserId\"\r\n showDetailsTooltip={false}\r\n disabled={facilityObj.FacilityIdentifier.Id == 0 || this.state.IsInsertHasInventory || !this.isUserHaveFacilityAccess(facilityObj.FacilityIdentifier.Id)}\r\n template=\"\"\r\n popupClassName=\"drop-down-list-unset-height\"\r\n // required={true}\r\n virtualObj={{\r\n itemHeight: 45,\r\n valueMapper: (options) => {\r\n var valueMapperOptions = options;\r\n $.ajax({\r\n url: \"/WebUI/users/users/UserDropDownIndexRead\",\r\n type: \"POST\",\r\n dataType: \"json\",\r\n data: {\r\n id: valueMapperOptions.value || 0,\r\n userAccess: 1,\r\n },\r\n success: function (data) {\r\n options.success(data);\r\n },\r\n });\r\n },\r\n }}\r\n dataSourceObj={{\r\n type: \"aspnetmvc-ajax\",\r\n pageSize: 30,\r\n serverPaging: true,\r\n serverFiltering: true,\r\n transport: {\r\n read: {\r\n url: \"/WebUI/users/users/userDropDownRead\",\r\n type: \"POST\",\r\n data: {\r\n userAccess: 1,\r\n },\r\n },\r\n },\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n },\r\n }}\r\n />\r\n
\r\n \r\n {this.handleChangeSelectFacilityInput(e, index);}}\r\n label={this.translate('Label_Current_Quantity')}\r\n value={facilityObj.CurrentQuantity}\r\n extraWrapperClass=\"\"\r\n required={facilityObj.FacilityIdentifier.Id != 0}\r\n disabled={facilityObj.FacilityIdentifier.Id == 0 || this.state.IsInsertHasInventory || !this.isUserHaveFacilityAccess(facilityObj.FacilityIdentifier.Id)}\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/}\r\n />\r\n {this.handleChangeSelectFacilityInput(e, index);}}\r\n label={this.translate('Label_Min_Quantity')}\r\n value={facilityObj.MinQuantity}\r\n extraWrapperClass=\"\"\r\n required={facilityObj.FacilityIdentifier.Id != 0}\r\n disabled={facilityObj.FacilityIdentifier.Id == 0 || this.state.IsInsertHasInventory || !this.isUserHaveFacilityAccess(facilityObj.FacilityIdentifier.Id)}\r\n regularExp={/^[0-9]*(?:\\.[0-9]{0,4})?$/}\r\n />\r\n {this.state.SelectedFacilities.length >= 2 && (\r\n {this.removeSelectedWarehouse(index)}}\r\n buttonType='red'\r\n icon={'fa-trash'}\r\n disabled={!this.isUserHaveFacilityAccess(facilityObj.FacilityIdentifier.Id)}\r\n />\r\n )}\r\n
\r\n \r\n el.FacilityIdentifier.Id == 0) != undefined || this.state.IsInsertHasInventory || this.filterSelectedFacilities(0).length == 0}\r\n />\r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}","import React, { Component } from 'react';\r\n\r\nimport WmsModel from '../../components/WmsModel/WmsModel.jsx';\r\nimport WmsButton from '../../components/WmsButton/WmsButton.jsx';\r\nimport WmsFormGrid from '../../components/WmsFormGrid/WmsFormGrid.jsx';\r\nimport { ArrayWms } from '../../../../assets/ts/ArrayWms.ts';\r\n\r\nimport './scan-order-customer-selection-modal.scss';\r\n\r\nexport class ScanOrderCustomerSelectionModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n selector: \"scanOrderCustomerSelection\",\r\n selectedCustomer: null\r\n }\r\n }\r\n\r\n selectCustomer = () => {\r\n let grid = $(\"#\" + this.state.selector + 'Grid').data(\"kendoGrid\");\r\n let selectedCustomer = null;\r\n $.map(grid.select(), (item) => {\r\n selectedCustomer = ArrayWms.findObjectByKey(this.props.sharedScannedOrderData, 'OrderId', grid.dataItem(item).OrderId);\r\n });\r\n\r\n this.setState({\r\n selectedCustomer: selectedCustomer\r\n });\r\n }\r\n\r\n onClickContinue = () => {\r\n if(this.state.selectedCustomer) {\r\n this.props.onClickContinue(this.state.selectedCustomer)\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React from \"react\";\r\nimport WmsButton from \"../../components/WmsButton/WmsButton\";\r\nimport WmsCollapse from \"../../components/WmsCollapse/WmsCollapse\";\r\nimport WmsDropdown from \"../../components/WmsDropdown/WmsDropdown\";\r\nimport WmsInput from \"../../components/WmsInput/WmsInput\";\r\nimport WmsModel from \"../../components/WmsModel/WmsModel\";\r\nimport WmsTextArea from \"../../components/WmsTextArea/WmsTextArea\";\r\nimport * as GlobalService from './../../global_services';\r\n\r\nimport * as smallParcelService from './../smallParcel.service.jsx';\r\nimport './create-container-manifest-request.scss';\r\n\r\nclass CreateContainerManifestRequest extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n this.modalId = this.props.windowId + this.props.id;\r\n this.customer = this.props.customer != 0 ? GlobalService.getCustomerById(this.props.customer).name : '';\r\n\r\n this.containerOptions = [\r\n {\r\n \"Name\": \"Carton\",\r\n \"Value\": \"carton\",\r\n },\r\n {\r\n \"Name\": \"Pallet\",\r\n \"Value\": \"pallet\",\r\n },\r\n {\r\n \"Name\": \"Gaylord\",\r\n \"Value\": \"gaylord\",\r\n },\r\n {\r\n \"Name\": \"LicensePlate\",\r\n \"Value\": \"licensePlate\",\r\n },\r\n ]\r\n this.containerFormatOptions = [\r\n {\r\n \"Name\": \"PDF\",\r\n \"Value\": \"PDF\",\r\n },\r\n {\r\n \"Name\": \"ZPL\",\r\n \"Value\": \"ZPL\",\r\n },\r\n {\r\n \"Name\": \"PNG\",\r\n \"Value\": \"PNG\",\r\n },\r\n {\r\n \"Name\": \"JPEG\",\r\n \"Value\": \"JPEG\",\r\n },\r\n ]\r\n this.containerLayoutOptions = [\r\n {\r\n \"Name\": \"4x4\",\r\n \"Value\": \"4x4\",\r\n },\r\n {\r\n \"Name\": \"6x4\",\r\n \"Value\": \"6x4\",\r\n },\r\n ]\r\n\r\n this.state = {\r\n containerManifestData: {\r\n containerType: '',\r\n shipmentNumber: '',\r\n containerId: '',\r\n containerFormat: '',\r\n containerLayout: '',\r\n notes: '',\r\n },\r\n containerManifestBtnLoader: false\r\n }\r\n }\r\n\r\n onHandelChange = (e) => {\r\n let tmpCurrentManifestRequest = Object.assign({}, this.state.containerManifestData);\r\n let {name, value} = e.target;\r\n\r\n tmpCurrentManifestRequest[name] = value;\r\n this.setState({\r\n containerManifestData: tmpCurrentManifestRequest\r\n });\r\n }\r\n\r\n generateContainerManifest = () => {\r\n this.setState({ containerManifestBtnLoader: true });\r\n var payload = Object.assign({}, this.state.containerManifestData);\r\n payload.ids = this.props.SharedSelectedOrderIds;\r\n smallParcelService.setParcelContainerFinalizer(payload).then((response) => {\r\n GlobalService.notification('success', this.translate('Label_Smart_Parcel_Container_Manifest_Request'));\r\n this.props.closeContainerManifestModal();\r\n }).finally(() => {\r\n this.setState({ containerManifestBtnLoader: false });\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default CreateContainerManifestRequest;\r\n","\r\nexport const generatePdf = function (barcodeDataStatic, customerAll, barcodeDataCustomer) {\r\n return new Promise((resolve, reject) => {\r\n setTimeout(() => {\r\n\r\n var doc = new jspdf.jsPDF();\r\n doc.setFontSize(24);\r\n doc.text(\"3PL Central Small Parcel Suite\", 15, 10);\r\n\r\n doc.setFontSize(16);\r\n doc.text(\"SmartPack Barcode Sheet\", 15, 20);\r\n\r\n doc.setFontSize(16);\r\n var text = \"SmartPack Actions\";\r\n doc.text(text, 80, 30);\r\n let commonOptions = {\r\n head: [{\r\n \"Name\": \"Name\",\r\n \"Description\": \"Description\",\r\n \"Barcode\": \"Barcode\"\r\n }],\r\n theme: 'grid',\r\n rowPageBreak: 'avoid',\r\n columnStyles: {\r\n Barcode: { cellWidth: 80 },\r\n },\r\n didDrawCell: function (data) {\r\n if (data.column.dataKey == \"Barcode\" && data.cell.section == 'body') {\r\n var td = data.cell.raw;\r\n if (td) {\r\n var canvas = document.createElement(\"canvas\");\r\n JsBarcode(canvas, td);\r\n var imgSrc = canvas.toDataURL({\r\n format: 'jpeg',\r\n quality: 0.9 // compression works now!\r\n });\r\n var dim = data.cell.height - data.cell.padding('vertical');\r\n doc.addImage(imgSrc, data.cell.x + 1, data.cell.y + 1, dim + 40, dim);\r\n }\r\n }\r\n },\r\n didParseCell: function (HookData) {\r\n if (HookData.cell.section == 'head') {\r\n HookData.cell.styles.halign = \"center\";\r\n HookData.cell.styles.valign = \"middle\";\r\n HookData.cell.styles.fillColor = 255;\r\n HookData.cell.styles.textColor = 0;\r\n HookData.cell.styles.lineWidth = 0.1;\r\n HookData.cell.styles.lineColor = 200;\r\n\r\n } else if (HookData.cell.section == 'body') {\r\n HookData.cell.styles.minCellHeight = 38;\r\n }\r\n }\r\n };\r\n let barcodeOptions = _.cloneDeep(commonOptions);\r\n barcodeOptions.margin = {\r\n top: 40\r\n };\r\n barcodeOptions.body = barcodeDataStatic;\r\n doc.autoTable(barcodeOptions);\r\n\r\n doc.addPage();\r\n doc.setFontSize(16);\r\n doc.text(\"General Use Packages\", 80, 10); //you use the variable and add the number of pixels you want it to move.\r\n\r\n let customerAllOptions = _.cloneDeep(commonOptions);\r\n customerAllOptions.body = customerAll;\r\n doc.autoTable(customerAllOptions);\r\n\r\n Object.keys(barcodeDataCustomer).map((keyName, i) => {\r\n var responseData = _.map(barcodeDataCustomer[keyName], function (object) {\r\n return _.omit(object, ['AssignedCustomers']);\r\n });\r\n doc.addPage();\r\n doc.setFontSize(16);\r\n doc.text(keyName, 80, 10); //you use the variable and add the number of pixels you want it to move.\r\n let responseDataOptions = _.cloneDeep(commonOptions);\r\n responseDataOptions.body = responseData;\r\n doc.autoTable(responseDataOptions);\r\n });\r\n\r\n doc.setProperties({\r\n DisplayDocTitle: true,\r\n title: \"Small Parcel Suite - Barcode Sheet\"\r\n });\r\n // doc.output('dataurlnewwindow');\r\n // doc.save('barcode-sheet.pdf', { returnPromise: true });\r\n doc.save('barcode-sheet.pdf');\r\n resolve(true);\r\n }, 100);\r\n });\r\n}","import React from \"react\";\r\nimport { StringWms } from \"../../../../assets/ts/StringWms\";\r\nimport WmsButton from \"../../components/WmsButton/WmsButton\";\r\nimport WmsGrid from \"../../components/WmsGrid/WmsGrid\";\r\nimport WmsModel from \"../../components/WmsModel/WmsModel\";\r\n\r\nimport * as GlobalService from './../../global_services';\r\nimport axios from 'axios';\r\nimport './create-container-manifest-request.scss';\r\n\r\nclass ReprintContainerManifestModal extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n let gridHeaders = StringWms.convertSringToOption(this.translate('ReprintContainerManifest_GridHeaders'));\r\n\r\n this.state = {\r\n gridResourceList: [],\r\n printLabelsSaveGif: false,\r\n selectedPrintedItem: 0,\r\n gridColumns: [\r\n {\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n hidden: true,\r\n menu: false\r\n },\r\n {\r\n field: \"ManifestDate\",\r\n title: gridHeaders[0].description,\r\n width: \"100%\",\r\n wmsid: 1,\r\n template: \"#= ManifestDate != null ? (moment(ManifestDate).format('MMMM Do, YYYY hh:mm a')) : '' #\"\r\n }, {\r\n field: \"ShipmentNumber\",\r\n title: gridHeaders[2].description,\r\n width: 150,\r\n wmsid: 3\r\n }, {\r\n field: \"ContainerId\",\r\n title: gridHeaders[3].description,\r\n width: 150,\r\n wmsid: 4\r\n }\r\n ],\r\n gridSchema: {\r\n data: [],\r\n schema: {\r\n model: {\r\n fields: {\r\n RowNumber: {\r\n type: 'number'\r\n },\r\n CreatedOn: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ShipmentNumber: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n ContainerId: {\r\n type: \"string\",\r\n editable: false\r\n }\r\n }\r\n }\r\n }\r\n },\r\n isHasSameFormat: false\r\n };\r\n }\r\n\r\n componentDidMount = () => {\r\n this.getGridData();\r\n }\r\n\r\n listGrid_dataBind = (allData) => {\r\n let count = 0;\r\n for (let i = 0; i < allData.length; i++) {\r\n allData[i].RowNumber = (i+1);\r\n }\r\n return allData;\r\n };\r\n\r\n getGridData = () => {\r\n kendo.ui.progress($('#ReprintContainerManifestModal'), true);\r\n axios.get('/WebUI/Shipping/FindOrders/ContainerManifestReprinter')\r\n .then((response) => {\r\n kendo.ui.progress($('#ReprintContainerManifestModal'), false);\r\n let gridResourceList = this.listGrid_dataBind(response.data.ResourceList);\r\n this.setState({\r\n gridResourceList: gridResourceList,\r\n selectedPrintedItem:0\r\n });\r\n })\r\n .catch((error) => {\r\n kendo.ui.progress($('#ReprintContainerManifestModal'), false);\r\n console.log(error);\r\n this.setState({\r\n gridResourceList: [],\r\n selectedPrintedItem:0\r\n });\r\n });\r\n }\r\n\r\n selectRow = (KendoGrid) => {\r\n let currentSelections = KendoGrid.getNumberOfSelections();\r\n let isHasSameFormat = KendoGrid.valuesIdentical(\"ContainerFormat\");\r\n this.setState({ selectedPrintedItem:currentSelections, isHasSameFormat: isHasSameFormat });\r\n }\r\n\r\n onPrintSelected = () => {\r\n var reportGrid = $('#reprintContainerManifestGrid').data('kendoGrid');\r\n var rows = reportGrid.select();\r\n this.setState({\r\n printLabelsSaveGif: true\r\n })\r\n var printData = [];\r\n rows.each(async (index, row) => {\r\n var selectedItem = reportGrid.dataItem(row);\r\n if (selectedItem.ContainerFormat == \"ZPL\") {\r\n var res = await axios.get(selectedItem.Url).then(function (response) {\r\n return response;\r\n });\r\n if(res && res.status == 200) {\r\n printData.push(res.data);\r\n }\r\n } else {\r\n var a = $(\"\")\r\n .attr(\"href\", selectedItem.Url)\r\n .attr(\"target\", \"_blank\")\r\n .attr(\"download\", selectedItem.Url)\r\n .appendTo(\"body\");\r\n a[0].click();\r\n a.remove();\r\n }\r\n\r\n if (rows.length == (index+1)) {\r\n if (printData.length) {\r\n GlobalService.printDataInZplPrinter(printData);\r\n }\r\n this.setState({\r\n printLabelsSaveGif: false\r\n })\r\n }\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n null}\r\n clickEventOfContextMenu={() => { }}\r\n emptyRecoredText={this.translate('Window_Title_Label_Parcel_Ship_No_Recoreds')}\r\n menu={[]}\r\n />\r\n
\r\n \r\n = 1 || !this.state.isHasSameFormat}\r\n tooltipText={this.state.selectedPrintedItem == 0 ? this.translate(\"Select_Reprint_Container_Manifest_Tooltip\") : \"Please choose same format types only\"}\r\n showToolTip={!this.state.selectedPrintedItem >= 1 || !this.state.isHasSameFormat}\r\n loading={this.state.printLabelsSaveGif}\r\n icon={'fa-print'}\r\n />\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default ReprintContainerManifestModal;\r\n","import React from 'react';\r\nimport VirtualGridComponent from '../components_proto/VirtualGridComponent/VirtualGridComponent.jsx';\r\nimport { LoadingModel } from '../components/LoadingModel/LoadingModel.jsx';\r\nimport { StringWms } from '../../../assets/ts/StringWms.ts';\r\nimport { ArrayWms } from '../../../assets/ts/ArrayWms.ts';\r\nimport { KendoWms } from '../../../assets/ts/KendoWms.ts';\r\nimport { ConcurrencyManager } from '../../../assets/vendor/concurrencyManager/concurrencyManager.js';\r\nimport * as GridConfig from './grid_configuration.virtual.jsx';\r\nimport * as GlobalService from '../global_services';\r\nimport * as metaDataService from './meta-data.service';\r\nimport * as DynamicMenu from './grid_dynamic_menu.virtual.jsx';\r\nimport { AddEditColumnModel } from '../components/AddEditColumn/add-edit-columns.component.jsx';\r\nimport { ConsolidatePackages } from '../orders/findOrders/model/consolidate-packages/consolidate-packages.component.jsx';\r\nimport { ReprintEODReport } from '../orders/findOrders/model/reprint-end-of-day-reoprt/reprint-end-of-day-reoprt.component.jsx';\r\nimport { ProcessedBatchedShippingLabels } from '../orders/findOrders/model/processed-batched-shipping-labels/processed-batched-shipping-labels.component.jsx';\r\nimport { ReprintShippingLabel } from '../orders/findOrders/model/reprint-shipping-label/reprint-shipping-label.component.jsx';\r\nimport { BatchingModel } from '../orders/findOrders/model/batching-model.component.jsx';\r\nimport { ConfirmationModal } from './confirmationModal/confirmationModal.component.jsx';\r\nimport { PackingSlipsModel } from '../orders/findOrders/model/packing-slips-model.component.jsx';\r\nimport { MassShipAndCloseModel } from '../orders/findOrders/model/mass-ship-and-close-model.component.jsx';\r\nimport { PickTicketModel } from '../orders/findOrders/model/pick-ticket-model.component.jsx';\r\nimport { PackAndShipTransactionModel } from './model/pack-and-ship-transaction-model.component.jsx';\r\nimport { EditShippingInfoModel } from './model/edit-shipping-info-model.component.jsx';\r\nimport { PackageDefModal } from '../orders/packagingMaterials/package-def-modal.component.jsx';\r\nimport { ScanOrderCustomerSelectionModal } from './model/scan-order-customer-selection-modal.component.jsx';\r\nimport { _, kendo } from \"../global_variable_service.jsx\";\r\nimport { KendoGridWmsVirtual } from '../../../assets/ts/KendoGridWmsVirtual.ts';\r\nimport { reportIframe } from '../reportIframe/report-iframe.component.jsx';\r\nimport WmsConfirmModel from \"../components/WmsConfirmModel/WmsConfirmModel.jsx\";\r\n\r\nimport CreateContainerManifestRequest from './model/create-container-manifest-request.jsx';\r\nvar axios = require('axios');\r\n\r\nimport * as smallParcelService from './smallParcel.service.jsx';\r\nimport * as smallParcelPdfGenerator from './small-parcel-pdf-generator.jsx';\r\nimport ReprintContainerManifestModal from './model/reprint-container-manifest-modal.jsx';\r\n\r\n\r\nexport class SmallParcelGrid extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.$rootScope = window;\r\n this.translate = window.translate;\r\n this.firstFiftyAxiosSource = null;\r\n this.axiosSource = null;\r\n this.filterCountAxiosSource = null;\r\n this.InitialPrintMenuResponse = [];\r\n this.isSamePrintedFormat = false;\r\n this.parcelLabelType = 0;\r\n this.isHasSmallParcelShipDate = false;\r\n\r\n this.isEditCareerInfoBaseCall = '';\r\n\r\n let SmartParcel_GridHeaders = StringWms.convertSringToOption(this.translate('SmallParcel_GridHeaders'));\r\n this.smallParcelGridId = \"SmallParcelRemoteGrid\";\r\n this.isApiCanceled = false;\r\n this.barcodeDataAll = [{\r\n \"Name\": \"Custom Dimensions\",\r\n \"Description\": \"Custom Dimensions Package\",\r\n \"Barcode\": \"Custom Dimensions\"\r\n }];\r\n this.barcodeDataCustomer = {};\r\n this.barcodeDataStatic = [{\r\n \"Name\": \"Get Rates\",\r\n \"Description\": \"Get Rates.\",\r\n \"Barcode\": \"Get Rates\"\r\n },{\r\n \"Name\": \"Pack\",\r\n \"Description\": \"Complete Pack of current order.\",\r\n \"Barcode\": \"Pack\"\r\n }, {\r\n \"Name\": \"Pack and Ship\",\r\n \"Description\": \"Complete Pack of current order and generate shipping labels.\",\r\n \"Barcode\": \"Pack and Ship\"\r\n }, {\r\n \"Name\": \"Print Carton Label\",\r\n \"Description\": \"Print carton label for current package.\",\r\n \"Barcode\": \"Print Carton Label\"\r\n }, {\r\n \"Name\": \"Print All Carton Labels\",\r\n \"Description\": \"Print carton labels for all packages on order.\",\r\n \"Barcode\": \"Print All Carton Labels\"\r\n }, {\r\n \"Name\": \"Print Transaction Labels\",\r\n \"Description\": \"Print transaction labels for all packages on order.\",\r\n \"Barcode\": \"Print Transaction Labels\"\r\n }, {\r\n \"Name\": \"New Package\",\r\n \"Description\": \"Scan to jump to the Package field to add a new package to the order.\",\r\n \"Barcode\": \"New Package\"\r\n }, {\r\n \"Name\": \"Select All Unpacked Items\",\r\n \"Description\": \"Select All Unpacked Items.\",\r\n \"Barcode\": \"Select All Unpacked Items\"\r\n }, {\r\n \"Name\": \"Pack Selected\",\r\n \"Description\": \"Pack Selected items.\",\r\n \"Barcode\": \"Pack Selected\"\r\n }, {\r\n \"Name\": \"Clear All\",\r\n \"Description\": \"Clear the packing process.\",\r\n \"Barcode\": \"Clear All\"\r\n }, {\r\n \"Name\": \"Next Label Template\",\r\n \"Description\": \"Selects the next available Label Template.\",\r\n \"Barcode\": \"NxtLabTemp\"\r\n }, {\r\n \"Name\": \"Next Carton Label Template\",\r\n \"Description\": \"Selects the next available Carton Label Template.\",\r\n \"Barcode\": \"CrtLabTemp\"\r\n }, {\r\n \"Name\": \"Next Transaction Label Template\",\r\n \"Description\": \"Selects the next available Transaction Label Template.\",\r\n \"Barcode\": \"TranLabTemp\"\r\n }];\r\n this.defaultSelectionObj = {\r\n addToNewBatch: { disabled: false },\r\n addToExistingBatch: { disabled: false },\r\n removeFromBatch: { disabled: false }\r\n };\r\n this.isDisableCancelVoid = true;\r\n this.state = {\r\n gridDomSelector: () => this.props.windowId ? '.' + this.props.windowId + ' #' + this.smallParcelGridId : '#' + this.smallParcelGridId,\r\n selection: this.defaultSelectionObj,\r\n Selector: \"SmallParcel\",\r\n GridName: \"SmallParcelRemoteGrid\",\r\n isFilterRowCountLoading: false,\r\n isSmallParcelGridDataLoading: false,\r\n scanInputLoading: false,\r\n SelectedOrders: 0,\r\n staticGridData: [],\r\n Rights: GlobalService.GetRights(),\r\n TplSettings: GlobalService.getTplSettings(),\r\n defaultColumns: GridConfig.getGridDemoColumns(SmartParcel_GridHeaders, GlobalService.getCustomLabels()).columns,\r\n schema: GridConfig.getGridDemoSchema(),\r\n allColumnList: GridConfig.getAllColumnList(SmartParcel_GridHeaders, GlobalService.getCustomLabels()),\r\n allSortColumnList: [],\r\n LocalKendoGrid: new KendoGridWmsVirtual(this.smallParcelGridId, this.props.windowId, 'OrderId'),\r\n isOpenColumnModel: false,\r\n gifLoaderText: '',\r\n orderSummary: {\r\n \"TotVolumeMetric\": 0,\r\n \"TotVolumeImperial\": 0,\r\n \"TotWeightMetric\": 0,\r\n \"TotWeightImperial\": 0,\r\n \"TotPackages\": 0,\r\n \"TotPrimaryUnit\": 0,\r\n },\r\n gridExportLimit: GlobalService.constants.gridExportLimit,\r\n totalInLineColumnFilters: 0,\r\n filterText: \"\",\r\n fullFilterText: \"\",\r\n smallParcelGridConfig: metaDataService.getSmallParcelGridOptionInMetaData(),\r\n gridPageSize: GlobalService.constants.virtualSmallParcelGridPageSize,\r\n overlayScreenShow: false,\r\n isAllDataLoad: false,\r\n totalRequest: 0,\r\n isNewColumnAdded: false,\r\n selectOrderIds: '',\r\n recordsCount: 0,\r\n sharedIsOpenConsolidatePackages: false,\r\n isOpenPrintBatchedShippingModel: false,\r\n sharedIsOpenReprintEndOfDayReport: false,\r\n sharedIsPackAndShipModel: false,\r\n sharedIsShipInfoModelOpen: false,\r\n sharedIsReprintShippingLabelOpen: false,\r\n isOpenPackingSlipsModel: false,\r\n sharedIsOpenMassShipAndCloseModel: false,\r\n isOpenPackageDefModal: false,\r\n sharedSelectedOrderData: null,\r\n SameCustomer: false,\r\n SameWarehouse: false,\r\n SameBatchId: false,\r\n disabledPackAndShipBtn: false,\r\n isSelectedOrderShipped:false,\r\n sharedSelectedGridRecored: '',\r\n SharedSelectedOrderIds: [],\r\n manageMenuData: [],\r\n isScanKeyNotAvailable: false,\r\n documentMenuData: [],\r\n EnablePickOption: false,\r\n uidSelectionString: '',\r\n isOpenPickTicketModel: false,\r\n ticketModelConfig: {\r\n title: '',\r\n height: 0,\r\n batchOrderId: null,\r\n flow: '',\r\n pickTicketId: \"modalPickticket\"\r\n },\r\n sharedSelectedCustomerIds: [],\r\n FullyAllocated: false,\r\n customers: {},\r\n scannedOrderData: [],\r\n sharedIsScanOrderCustomerSelectionOpen: false,\r\n showLoadingError: false,\r\n barcodeDownloadLoading: false,\r\n isOrderIsClosed: false,\r\n currentMeasurementStandardIsImperial: GlobalService.getMeasurementStandardFlag(this.props.sharedSmallParcelFilter.IndexOptionsFacilityId),\r\n sharedBatchProcess: null,\r\n isOpenBatchConfirmModal: false,\r\n sharedIsOpenBatchingModel: false,\r\n isOpenRemoveBatchConfirmModal: false,\r\n canRegenPkgs: false,\r\n isOpenContainerManifestModal: false,\r\n isOpenReprintContainerManifestModal: false,\r\n isOpenVoidLabelConfirmModel: false,\r\n isOpenCancelAndVoidLabelConfirmModel: false,\r\n }\r\n\r\n }\r\n\r\n componentDidMount() {\r\n this.getInitialPrintMenu();\r\n let customerData = GlobalService.getCustomerList(false);\r\n if(this.$rootScope.ChildBulletin.Data.sharedSelectOrder){\r\n this.onOpenPackAndShipModel([this.$rootScope.ChildBulletin.Data.sharedSelectOrder]);\r\n }\r\n\r\n // add event for master picket reload grid data after pick ticket success\r\n document.addEventListener(\"EventOrderChanged\", this.eventOrderChanged);\r\n document.addEventListener(\"EventSmallParcelDataChanged\", this.eventOrderChanged);\r\n document.addEventListener(\"SmallParcel-openPackAndShipModal\", this.eventOpenPackAndShipModel);\r\n\r\n // sort all column list title\r\n let allSortColumnList = this.state.allColumnList.sort(function (first, second) {\r\n\r\n var columnTitle1 = first.title.toUpperCase(); // ignore upper and lowercase\r\n var columnTitle2 = second.title.toUpperCase(); // ignore upper and lowercase\r\n\r\n if (columnTitle1 < columnTitle2) { return -1; }\r\n\r\n if (columnTitle1 > columnTitle2) { return 1; }\r\n // names must be equal\r\n return 0;\r\n });\r\n\r\n this.setState({ allSortColumnList: allSortColumnList, customers: customerData });\r\n\r\n if (this.props.sharedSmallParcelFilter && this.props.sharedSmallParcelFilter.IndexOptionsFacilityId > 0) {\r\n this.callForGetTotalCount();\r\n }\r\n kendo.ui.progress($(\".\" + this.props.windowId), true);\r\n // Get all package list\r\n smallParcelService.getAllPackage().then((response) => {\r\n var responseData = response.data;\r\n // remove extra fields from package\r\n var responseData = _.map(responseData, function (object) {\r\n return _.pick(object, [\r\n 'Name',\r\n 'Description',\r\n 'Barcode',\r\n 'AssignedCustomers',\r\n 'LengthImperial',\r\n 'WidthImperial',\r\n 'HeightImperial',\r\n 'LengthMetric',\r\n 'WidthMetric',\r\n 'HeightMetric'\r\n ]);\r\n });\r\n\r\n for (let index = 0; index < responseData.length; index++) {\r\n\r\n const objPackage = responseData[index];\r\n var tmpDimensions = (\r\n this.state.currentMeasurementStandardIsImperial ?\r\n (objPackage.LengthImperial ? objPackage.LengthImperial + 'x' : '0x') +\r\n (objPackage.WidthImperial ? objPackage.WidthImperial + 'x' : '0x') +\r\n (objPackage.HeightImperial ? objPackage.HeightImperial : '0x') :\r\n (objPackage.LengthMetric ? objPackage.LengthMetric + 'x' : '0x') +\r\n (objPackage.WidthMetric ? objPackage.WidthMetric + 'x' : '0x') +\r\n (objPackage.HeightMetric ? objPackage.HeightMetric : '0x')\r\n );\r\n objPackage.Description = objPackage.Description + \" \\n\\nDimensions : \" + tmpDimensions;\r\n if (objPackage.AssignedCustomers.length) {\r\n for (let indexCust = 0; indexCust < objPackage.AssignedCustomers.length; indexCust++) {\r\n const custId = objPackage.AssignedCustomers[indexCust];\r\n let customerName = GlobalService.getCustomerById(custId);\r\n if (!customerName) {\r\n continue;\r\n }\r\n if (!this.barcodeDataCustomer.hasOwnProperty(customerName.name)) {\r\n this.barcodeDataCustomer[customerName.name] = [];\r\n }\r\n this.barcodeDataCustomer[customerName.name].push(objPackage);\r\n }\r\n } else {\r\n // delete objPackage.AssignedCustomers;\r\n this.barcodeDataAll.push(objPackage);\r\n }\r\n }\r\n\r\n this.setState({\r\n barcodeDataAll: this.barcodeDataAll,\r\n barcodeDataCustomer: this.barcodeDataCustomer\r\n })\r\n }).finally(() => {\r\n kendo.ui.progress($(\".\" + this.props.windowId), false);\r\n });\r\n }\r\n\r\n componentWillUnmount() {\r\n document.removeEventListener(\"EventOrderChanged\", this.eventOrderChanged);\r\n document.removeEventListener(\"EventSmallParcelDataChanged\", this.eventOrderChanged);\r\n document.removeEventListener(\"SmallParcel-openPackAndShipModal\", this.eventOpenPackAndShipModel);\r\n }\r\n\r\n eventOpenPackAndShipModel = (e) => {\r\n this.onOpenPackAndShipModel([e.detail.orderId]);\r\n }\r\n\r\n eventOrderChanged = (e) => {\r\n if (e && e.detail && e.detail.source && e.detail.source == \"pickTicketApiSuccess\") {\r\n this.resetGridSelectionAfterGridRefresh();\r\n } else {\r\n this.resetGridSelectionAndButton();\r\n }\r\n }\r\n resetGridSelectionAfterGridRefresh = () => {\r\n if (this.state.LocalKendoGrid != null) {\r\n let orderIds = this.state.LocalKendoGrid.getKeys();\r\n let uidSelectionString = [];\r\n orderIds.forEach(key => {\r\n var selectedItem = this.state.LocalKendoGrid.getItem(key);\r\n uidSelectionString.push(\"[data-uid='\" + selectedItem.uid + \"']\");\r\n });\r\n this.setState({ uidSelectionString: uidSelectionString });\r\n this.callForGetTotalCount();\r\n }\r\n }\r\n componentDidUpdate(prevProps) {\r\n if (this.props.sharedSmallParcelFilter.IndexOptionsFacilityId > 0) {\r\n if (prevProps.sharedSmallParcelFilter && prevProps.sharedSmallParcelFilter !== this.props.sharedSmallParcelFilter) {\r\n this.clearSelectionOfGrid();\r\n this.callForGetTotalCount(true, true);\r\n }\r\n } else {\r\n if (prevProps.sharedSmallParcelFilter && prevProps.sharedSmallParcelFilter !== this.props.sharedSmallParcelFilter) {\r\n this.refs.smallParcelGrid.cleanScanInput();\r\n this.setState({\r\n staticGridData: [],\r\n recordsCount: 0\r\n });\r\n }\r\n }\r\n if (prevProps.gridInlineFilter !== this.props.gridInlineFilter) {\r\n this.setFilterAppliedText(this.props.gridInlineFilter);\r\n }\r\n }\r\n getInitialPrintMenu() {\r\n //setting to the first customer in the list for now until we talk to Jeff and come to a resolution\r\n var customerId = GlobalService.GetCurrentUser().CustomerIds[0];\r\n\r\n GlobalService.initialPrintMenu(customerId).then((response) => {\r\n if (response) {\r\n this.InitialPrintMenuResponse = response;\r\n this.updateInitialPrintMenu();\r\n }\r\n }).finally(() => { });\r\n }\r\n\r\n updateInitialPrintMenu = () => {\r\n var params = {\r\n Selector: this.state.Selector,\r\n Rights: this.state.Rights,\r\n SelectedOrders: this.state.SelectedOrders,\r\n isSamePrintedFormat: this.isSamePrintedFormat,\r\n sameCustomer: this.state.SameCustomer,\r\n SameWarehouse: this.state.SameWarehouse,\r\n SameBatchId: this.state.SameBatchId,\r\n ParcelLabelType: this.parcelLabelType,\r\n EnablePickOption: this.state.EnablePickOption,\r\n barcodeDownloadLoading: this.state.barcodeDownloadLoading,\r\n isOrderIsClosed: this.state.isOrderIsClosed,\r\n disabledShipAndClose: this.state.disabledShipAndClose,\r\n canRegenPkgs: this.state.canRegenPkgs,\r\n isDisableCancelVoid: this.isDisableCancelVoid,\r\n isHasSmallParcelShipDate: this.isHasSmallParcelShipDate,\r\n }\r\n const updatedMenus = DynamicMenu.getInitialPrintMenu(this.InitialPrintMenuResponse, params, this.dynamicMenuClick);\r\n\r\n this.setState({\r\n manageMenuData: updatedMenus.ManageMenuData,\r\n documentMenuData: updatedMenus.DocumentMenuData,\r\n });\r\n }\r\n\r\n dynamicMenuClick = (event) => {\r\n var wmsid = $(event.target).parent().attr('data-wmsid');\r\n\r\n if (typeof this[wmsid] !== \"undefined\") {\r\n this[wmsid](event);\r\n } else {\r\n console.error(\"Uncaught TypeError: \" + wmsid + \" is not a function\");\r\n }\r\n }\r\n\r\n\r\n callForGetTotalCount = (clearData = true, clearGridSelection = false) => {\r\n if (clearGridSelection) {\r\n this.setState({\r\n SelectedOrders: 0,\r\n isAllDataLoad: false,\r\n isFilterRowCountLoading: true,\r\n recordsCount: 0,\r\n showLoadingError: false\r\n });\r\n } else {\r\n this.setState({\r\n isFilterRowCountLoading: true,\r\n showLoadingError: false,\r\n recordsCount: 0\r\n });\r\n }\r\n var param_filterObj = this.getSharedSmallParcelFilter();\r\n param_filterObj.StartDate = StringWms.convertFilterStringToISODate(param_filterObj.StartDate, '', false, true).isoStringUTC;\r\n param_filterObj.EndDate = StringWms.convertFilterStringToISODate(param_filterObj.EndDate, '23:59:59', false, true).isoStringUTC;\r\n\r\n if (this.filterCountAxiosSource) {\r\n this.filterCountAxiosSource.cancel();\r\n this.filterCountAxiosSource = null;\r\n }\r\n // on filter update cancel SmartParcelDataDataAxios call if any running\r\n this.cancelLoadAllData();\r\n this.filterCountAxiosSource = axios.CancelToken.source();\r\n let filterRowCount = 0;\r\n this.props.onGridLoading(true);\r\n axios.put('/WebUI/Shipping/SmartParcel/FilteredRowCount',\r\n param_filterObj,\r\n {\r\n cancelToken: this.filterCountAxiosSource.token\r\n }\r\n ).then((response) => {\r\n filterRowCount = response.data;\r\n var newStateData = {\r\n recordsCount: response.data\r\n };\r\n if (clearData == true) {\r\n newStateData.staticGridData = [];\r\n }\r\n this.filterCountAxiosSource = null;\r\n this.setState(\r\n newStateData\r\n , () => {\r\n if (response.data > 0) {\r\n this.callForGetNewData();\r\n }\r\n });\r\n\r\n }).finally((e) => {\r\n // false loading state on filter row count error\r\n this.setState({ isFilterRowCountLoading: false });\r\n if (!filterRowCount) {\r\n this.props.onGridLoading(false);\r\n }\r\n\r\n });\r\n }\r\n callForGetNewData = () => {\r\n if (this.state.recordsCount > 0 && this.state.recordsCount <= GlobalService.constants.virtualSmallParcelGridDataLimit) {\r\n this.loadAllRecords(false);\r\n } else {\r\n // reset selection of grid on filter data change\r\n // this.setState({ staticGridData: [] });\r\n console.log(\"resetGridAllMessage : call\");\r\n this.props.onGridLoading(false);\r\n this.resetGridAllMessage();\r\n }\r\n\r\n }\r\n setFilterAppliedText = (filterObj) => {\r\n if (!filterObj) {\r\n this.setState({\r\n filterText: \"\",\r\n fullFilterText: \"\"\r\n });\r\n return;\r\n }\r\n var filterConditionTitle = {\r\n \"lte\": \"Is Less Than Or Equal To\",\r\n \"eq\": \"Is Equal To\",\r\n \"lt\": \"Is Less Than\",\r\n \"neq\": \"Is Not Equal To\",\r\n \"gte\": \"Is Greater Than Or Equal To\",\r\n \"gt\": \"Is Greater Than\",\r\n \"startswith\": \"Starts With\",\r\n \"endswith\": \"Ends With\",\r\n \"contains\": \"Contains\",\r\n \"doesnotcontain\": \"Does Not Contain\",\r\n \"isnull\": \"Is Null\",\r\n \"isnotnull\": \"Is Not Null\",\r\n \"isempty\": \"Is Empty\",\r\n \"isnotempty\": \"Is Not Empty\",\r\n \"isnullorempty\": \"Has No Value\",\r\n \"isnotnullorempty\": \"Has Value\",\r\n };\r\n\r\n var filterText = \"\";\r\n var fullFilterText = \"\";\r\n var filterList = filterObj.filters;\r\n var self = this;\r\n filterList.map(function (item) {\r\n var columnObj = self.state.allColumnList.find(x => x.field === item.field);\r\n if (columnObj) {\r\n var title = columnObj.title;\r\n filterText += title + \" : \" + item.value + ',';\r\n fullFilterText += title + \" \" + filterConditionTitle[item.operator] + \" : \" + item.value + \"\";\r\n }\r\n });\r\n filterText = filterText.slice(0, -1);\r\n\r\n this.setState({\r\n filterText: filterText,\r\n fullFilterText: fullFilterText,\r\n });\r\n }\r\n UpdateGridSummary = () => {\r\n if (this.state.LocalKendoGrid != null) {\r\n let KendoGrid = this.state.LocalKendoGrid;\r\n\r\n if (this.state.LocalKendoGrid.getNumberOfSelections() >= 1) {\r\n let isDisabledShipAndClose = false;\r\n\r\n let selectedCustomerData = KendoGrid.getSelectedCustomerData(this.state.customers, this.state.sharedSelectedOrderData.CustomerId);\r\n let TrackingNumDoesNotExists = KendoGrid.valuesNullOrEmpty(\"TrackingNumber\");\r\n let TrackingNumRequired = selectedCustomerData.options.requireTrackingNumber;\r\n\r\n // Count only change if selected order is 1 or more\r\n var TotVolumeMetric = KendoGrid.sumDictionaryParameter(\"TotVolumeMetric\");\r\n var TotVolumeImperial = KendoGrid.sumDictionaryParameter(\"TotVolumeImperial\");\r\n var TotWeightMetric = KendoGrid.sumDictionaryParameter(\"TotWeightMetric\");\r\n var TotWeightImperial = KendoGrid.sumDictionaryParameter(\"TotWeightImperial\");\r\n var TotPackages = KendoGrid.sumDictionaryParameter(\"TotPackages\");\r\n var TotPrimaryUnit = KendoGrid.sumDictionaryParameter(\"TotalItemQty\");\r\n var notFullyAllocated = KendoGrid.valueExists(\"FullyAllocated\", false);\r\n var IdenticalSetOfOrders = KendoGrid.valuesIdentical(\"FullyAllocated\");\r\n var SelectedOrders = KendoGrid.getNumberOfSelections();\r\n\r\n // conditional enabling of the PickTicket option for overallocated and multiselected set of orders\r\n var enablePickTicketOption = true;\r\n if (SelectedOrders == 1 && notFullyAllocated && !this.state.TplSettings.Shipping.PrintOverAllocPickTickets) {\r\n enablePickTicketOption = false;\r\n } else if (SelectedOrders > 1 && !IdenticalSetOfOrders) {\r\n enablePickTicketOption = false;\r\n } else if (SelectedOrders > 1 && (notFullyAllocated && IdenticalSetOfOrders) && !this.state.TplSettings.Shipping.PrintOverAllocPickTickets) {\r\n enablePickTicketOption = false;\r\n }\r\n\r\n if (TrackingNumRequired && TrackingNumDoesNotExists) {\r\n isDisabledShipAndClose = true;\r\n }\r\n\r\n this.setState({\r\n orderSummary: {\r\n \"TotVolumeMetric\": TotVolumeMetric,\r\n \"TotVolumeImperial\": TotVolumeImperial,\r\n \"TotWeightMetric\": TotWeightMetric,\r\n \"TotWeightImperial\": TotWeightImperial,\r\n \"TotPackages\": TotPackages,\r\n \"TotPrimaryUnit\": TotPrimaryUnit,\r\n },\r\n EnablePickOption: enablePickTicketOption,\r\n FullyAllocated: !notFullyAllocated,\r\n disabledShipAndClose: isDisabledShipAndClose,\r\n });\r\n } else {\r\n this.totalOrderSummary();\r\n }\r\n this.updateInitialPrintMenu();\r\n }\r\n }\r\n\r\n selectRow = (KendoGrid, isCallFrom) => {\r\n // Condition for parcel type start\r\n const canRegenPkg = KendoGrid.valueDoesNotExist(\"CanRegenPkgs\", false);\r\n var ParcelLabelTypeArr = [];\r\n var selection = _.cloneDeep(this.defaultSelectionObj);\r\n var isShipDateHaveValue = KendoGrid.theNotValueDoesExist(\"SmallParcelShipDate\", null);\r\n var isParcelLabelTypeHaveValue = KendoGrid.theNotValueDoesExist(\"ParcelLabelType\", 0);\r\n var isClosed = KendoGrid.valueExists(\"Status\", 'Closed');\r\n var SameCustomer = KendoGrid.valuesIdentical(\"CustomerId\");\r\n var SameFacility = KendoGrid.valuesIdentical(\"FacilityId\");\r\n var orderPartOfBatch = KendoGrid.theNotValueDoesExist(\"BatchOrderId\", null);\r\n\r\n this.isDisableCancelVoid = KendoGrid.valueDoesNotExist(\"SmallParcelShipDate\", null);\r\n this.isHasSmallParcelShipDate = KendoGrid.valueDoesNotExist(\"SmallParcelShipDate\", null);\r\n if (SameCustomer !== true) {\r\n selection.addToNewBatch.disabled = true;\r\n selection.addToNewBatch.message = this.translate('note_addToNewBatch_samecustomer');\r\n selection.addToExistingBatch.disabled = true;\r\n selection.addToExistingBatch.message = this.translate('note_addToExistingBatch_samecustomer');\r\n }\r\n if (SameFacility !== true) {\r\n selection.addToNewBatch.disabled = true;\r\n selection.addToNewBatch.message = this.translate('note_addToNewBatch_samefacility');\r\n selection.addToExistingBatch.disabled = true;\r\n selection.addToExistingBatch.message = this.translate('note_addToExistingBatch_samefacility');\r\n }\r\n if (orderPartOfBatch == false) {\r\n selection.removeFromBatch.disabled = true;\r\n selection.removeFromBatch.message = this.translate('note_removeFromBatch_orderPartOfBatch');\r\n }\r\n // This appears to be looping through our selections.\r\n // Use this below if you need to get specific data out of the current selections\r\n // SELECTION LOOP\r\n var customerIds = [];\r\n KendoGrid.getKeys().forEach(key => {\r\n var selectedItem = KendoGrid.getItem(key);\r\n ParcelLabelTypeArr.push(selectedItem.ParcelLabelType);\r\n // Push customer ids in array\r\n if (!customerIds.includes(selectedItem.CustomerId)) {\r\n customerIds.push(selectedItem.CustomerId);\r\n }\r\n });\r\n\r\n this.parcelLabelType = 0;\r\n if (ParcelLabelTypeArr.includes(1)) {\r\n this.parcelLabelType = 1;\r\n } else if (ParcelLabelTypeArr.includes(2)) {\r\n this.parcelLabelType = 2;\r\n }\r\n this.isSamePrintedFormat = KendoGrid.valuesIdentical(\"ParcelLabelType\")\r\n\r\n this.setState({\r\n LocalKendoGrid: KendoGrid,\r\n SharedSelectedOrderIds: KendoGrid.getKeys(),\r\n SelectedOrders: KendoGrid.getNumberOfSelections(),\r\n sharedSelectedOrderData: KendoGrid.getItem(KendoGrid.getKeys()[0]),\r\n SameCustomer: KendoGrid.valuesIdentical(\"CustomerId\"),\r\n SameWarehouse: KendoGrid.valuesIdentical(\"FacilityId\"),\r\n SameBatchId: KendoGrid.valuesIdentical(\"BatchOrderId\"),\r\n disabledPackAndShipBtn: isShipDateHaveValue,\r\n isParcelLabelTypeHaveValue: isParcelLabelTypeHaveValue,\r\n isSelectedOrderShipped: isShipDateHaveValue,\r\n isOrderIsClosed: isClosed,\r\n selection: selection,\r\n canRegenPkgs: canRegenPkg,\r\n sharedSelectedCustomerIds: customerIds\r\n });\r\n let tempkey = KendoGrid.getKeys();\r\n if (isCallFrom != 'contextMenuClick' && tempkey.length == 1) {\r\n let dataItem = {\r\n 'isGridSelectionUpdate': true,\r\n 'dataItem': KendoGrid.getItem(tempkey)\r\n };\r\n this.props.onViewSummary(dataItem);\r\n }\r\n this.UpdateGridSummary();\r\n }\r\n\r\n\r\n resetGridSelectionAndButton = () => {\r\n if (this.isEditCareerInfoBaseCall == \"packNShipEditCareer\") {\r\n return;\r\n }\r\n if (this.state.LocalKendoGrid != null) {\r\n this.state.LocalKendoGrid.clearSelections(() => {\r\n this.state.LocalKendoGrid.repaintSelections();\r\n });\r\n }\r\n this.setState({\r\n SelectedOrders: 0\r\n }, () => {\r\n this.updateInitialPrintMenu();\r\n });\r\n // call for get new update data\r\n this.callForGetTotalCount(false);\r\n }\r\n\r\n onGridDataBound = (e, kendoGrid) => {\r\n var grid = $(this.state.gridDomSelector()).data('kendoGrid');\r\n var TotalInLineColumnFilters = KendoWms.getLengthOffFilters(grid.dataSource.filter());\r\n this.setState({\r\n totalInLineColumnFilters: TotalInLineColumnFilters,\r\n LocalKendoGrid: kendoGrid\r\n });\r\n }\r\n\r\n // on grid column sort save changes in meta data object\r\n onSort = (event) => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n GlobalService.sortDataset(sortArray, event.sort);\r\n var gridColumn = grid.getOptions().columns;\r\n var finalSubmission = this.state.LocalKendoGrid.prepareGridOptionsForStorage(gridColumn, sortArray, grid.dataSource.filter());\r\n metaDataService.setSmallParcelGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on apply saved filter data save changes in meta data object\r\n onApplySavedFilterData = (filterObj) => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n var gridColumn = grid.getOptions().columns;\r\n var finalSubmission = this.state.LocalKendoGrid.prepareGridOptionsForStorage(gridColumn, sortArray, grid.dataSource.filter());\r\n\r\n metaDataService.applySavedFilterDataToSmallParcelGrid(finalSubmission, filterObj);\r\n }\r\n refreshSmallParcelGrid = () => {\r\n this.clearSelectionOfGrid();\r\n this.callForGetTotalCount();\r\n console.log(\"callForGetTotalCount : in refreshSmallParcelGrid\");\r\n }\r\n // on new filter data clear selection of grid\r\n clearSelectionOfGrid = () => {\r\n if (this.state.LocalKendoGrid != null) {\r\n this.state.LocalKendoGrid.clearSelections(() => {\r\n this.state.LocalKendoGrid.repaintSelections();\r\n });\r\n }\r\n }\r\n\r\n resetGridAllMessage = () => {\r\n if (this.state.isAllDataLoad) {\r\n this.setState({\r\n isNewColumnAdded: true\r\n });\r\n }\r\n }\r\n\r\n // on grid column reorder save changes in meta data object\r\n onColumnReorder = (event) => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let gridColumn = grid.getOptions().columns;\r\n let switchedArray = ArrayWms.switchIndexByField(gridColumn, event.newIndex, event.oldIndex);\r\n let finalSubmission = this.state.LocalKendoGrid.prepareGridOptionsForStorage(switchedArray, sortArray, grid.dataSource.filter());\r\n metaDataService.setSmallParcelGridOptionInMetaData(finalSubmission);\r\n\r\n }\r\n\r\n // on grid column resize save changes in meta data object\r\n onColumnResize = () => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = this.state.LocalKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n metaDataService.setSmallParcelGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on click grid clear sort menu\r\n onClickClearSorts = () => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var finalSubmission = this.state.LocalKendoGrid.prepareGridOptionsForStorage(grid.columns, [], grid.dataSource.filter());\r\n metaDataService.setSmallParcelGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on click grid reset default grid layout menu\r\n onClickResetGrid = () => {\r\n var finalSubmission = {\r\n \"optionsData\": {}\r\n };\r\n metaDataService.setSmallParcelGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // on grid filter selection\r\n onGridFilterApplied = () => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n setTimeout(() => {\r\n this.setFilterAppliedText(dataSource.filter());\r\n\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n var finalSubmission = this.state.LocalKendoGrid.prepareGridOptionsForStorage(grid.columns, sortArray, dataSource.filter());\r\n\r\n metaDataService.setSmallParcelGridOptionInMetaData(finalSubmission);\r\n\r\n }, 100);\r\n\r\n }\r\n eventClickExportGrid = () => {\r\n $(this.state.gridDomSelector()).getKendoGrid().saveAsExcel();\r\n }\r\n eventClickColumns = () => {\r\n this.setState({\r\n isOpenColumnModel: true\r\n });\r\n }\r\n onCloseColumnModel = () => {\r\n this.setState({\r\n isOpenColumnModel: false\r\n });\r\n }\r\n // save column hide/show data in meta data\r\n saveChangesInMetaData = () => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sort = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = this.state.LocalKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sort,\r\n grid.dataSource.filter()\r\n );\r\n metaDataService.setSmallParcelGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n // Load all records of order\r\n loadAllRecords = (isLoaderPopupShow) => {\r\n this.isApiCanceled = false;\r\n if (isLoaderPopupShow == false) {\r\n this.setState({\r\n isSmallParcelGridDataLoading: true,\r\n staticGridData: []\r\n });\r\n }\r\n const sequence = n => {\r\n let seq = [];\r\n for (let i = 0; i < n; i++) {\r\n seq.push(i);\r\n }\r\n return seq;\r\n };\r\n this.axiosSource = axios.CancelToken.source();\r\n let api = axios.create({\r\n baseURL: \"/WebUI/Shipping/SmartParcel\",\r\n headers: { 'Access-Control-Allow-Origin': '*' },\r\n cancelToken: this.axiosSource.token\r\n });\r\n\r\n const MAX_CONCURRENT_REQUESTS = 3;\r\n\r\n let enableColumns = this.getEnableColumns();\r\n let orderSearchInfo = _.cloneDeep(this.getSharedSmallParcelFilter());\r\n orderSearchInfo.StartDate = StringWms.convertFilterStringToISODate(orderSearchInfo.StartDate, '', false, true).isoStringUTC;\r\n orderSearchInfo.EndDate = StringWms.convertFilterStringToISODate(orderSearchInfo.EndDate, '23:59:59', false, true).isoStringUTC;\r\n if (orderSearchInfo.OrderNote) {\r\n orderSearchInfo.OrderNote = orderSearchInfo.OrderNote.trim();\r\n }\r\n\r\n let totalRequest = Math.ceil(this.state.recordsCount / this.state.gridPageSize);\r\n this.setState({\r\n totalRequest: totalRequest\r\n });\r\n this.props.onGridLoading(true);\r\n // init your manager.\r\n var manager = ConcurrencyManager(api, MAX_CONCURRENT_REQUESTS, GlobalService);\r\n Promise.all(sequence(totalRequest).map(i => api.put(\"/SmartParcelData?sorts=[]&filters=[]&pgnum=\" + (i + 1) + '&pgsiz=' + this.state.gridPageSize, { \"columns\": enableColumns, \"searchInfo\": orderSearchInfo })))\r\n .then(responses => {\r\n let smallParcelData = responses.map(r => r.data);\r\n this.getAllResponseData(smallParcelData);\r\n }).catch((error) => {\r\n console.log(\"Promise.all catch\", error);\r\n this.setState({\r\n showLoadingError: true\r\n });\r\n this.cancelLoadAllData();\r\n }).then(() => {\r\n if (manager) {\r\n manager.detach();\r\n }\r\n });\r\n }\r\n\r\n onClickLoadAllRecords = () => {\r\n let enableColumns = this.getEnableColumns();\r\n let orderSearchInfo = _.cloneDeep(this.getSharedSmallParcelFilter());\r\n orderSearchInfo.StartDate = StringWms.convertFilterStringToISODate(orderSearchInfo.StartDate, '', false, true).isoStringUTC;\r\n orderSearchInfo.EndDate = StringWms.convertFilterStringToISODate(orderSearchInfo.EndDate, '23:59:59', false, true).isoStringUTC;\r\n if (orderSearchInfo.OrderNote) {\r\n orderSearchInfo.OrderNote = orderSearchInfo.OrderNote.trim();\r\n }\r\n\r\n this.setState({\r\n overlayScreenShow: true\r\n });\r\n if (this.firstFiftyAxiosSource) {\r\n this.firstFiftyAxiosSource.cancel();\r\n this.firstFiftyAxiosSource = null;\r\n }\r\n this.firstFiftyAxiosSource = axios.CancelToken.source();\r\n\r\n axios.put('/WebUI/Shipping/SmartParcel/SmartParcelData?filters=[]&pgnum=1&pgsiz=50', { \"columns\": enableColumns, \"searchInfo\": orderSearchInfo }, { cancelToken: this.firstFiftyAxiosSource.token })\r\n .then((response) => {\r\n this.firstFiftyAxiosSource = null;\r\n this.setState({\r\n staticGridData: response.data.Data\r\n }, this.loadAllRecords);\r\n });\r\n }\r\n getEnableColumns = () => {\r\n var defaultParam = [\"OrderId\", \"FullyAllocated\", \"FacilityId\", \"CustomerId\", \"BatchOrderId\", \"BatchUri\", \"CustomerUri\", \"TotVolumeMetric\", \"TotVolumeImperial\", \"TotWeightMetric\", \"TotWeightImperial\", \"TotPackages\", \"TotalItemQty\", \"ParcelLabelType\", \"ShipToName\", \"ShipToCompany\", \"ShipToAddress\", \"ShipToAddress2\", \"ShipToCity\", \"ShipToState\", \"ShipToZip\", \"SmallParcelShipDate\", \"Status\"]\r\n let columnList = [];\r\n\r\n let grid = $('#SmallParcelRemoteGrid').data('kendoGrid');\r\n // if grid already defined than we get columns from grid\r\n if (typeof grid != \"undefined\") {\r\n columnList = grid.columns;\r\n } else { // else get column list from metadataObject or default columns\r\n let SmartParcel_GridHeaders = StringWms.convertSringToOption(this.translate('SmallParcel_GridHeaders'));\r\n columnList = GridConfig.getGridDemoColumns(SmartParcel_GridHeaders, GlobalService.getCustomLabels()).columns;\r\n var smallParcelGridConfig = metaDataService.getSmallParcelGridOptionInMetaData();\r\n if (smallParcelGridConfig != \"\") {\r\n var gridOptions = JSON.parse(smallParcelGridConfig);\r\n if (gridOptions.columns) {\r\n columnList = gridOptions.columns;\r\n }\r\n }\r\n }\r\n\r\n var enableColumns = columnList.map(el => el.field);\r\n enableColumns.push(\"TrackingUrl\");\r\n // merge defaultParam and enableColumns without dublicate value\r\n return [...new Set([...defaultParam, ...enableColumns])];\r\n }\r\n totalOrderSummary = () => {\r\n var staticGridData = this.state.staticGridData;\r\n // _.sumBy(objects, 'n');\r\n var TotVolumeMetric = _.sumBy(staticGridData, \"TotVolumeMetric\");\r\n var TotVolumeImperial = _.sumBy(staticGridData, \"TotVolumeImperial\");\r\n var TotWeightMetric = _.sumBy(staticGridData, \"TotWeightMetric\");\r\n var TotWeightImperial = _.sumBy(staticGridData, \"TotWeightImperial\");\r\n var TotPackages = _.sumBy(staticGridData, \"TotPackages\");\r\n var TotPrimaryUnit = _.sumBy(staticGridData, \"TotalItemQty\");\r\n\r\n\r\n this.setState({\r\n orderSummary: {\r\n \"TotVolumeMetric\": TotVolumeMetric,\r\n \"TotVolumeImperial\": TotVolumeImperial,\r\n \"TotWeightMetric\": TotWeightMetric,\r\n \"TotWeightImperial\": TotWeightImperial,\r\n \"TotPackages\": TotPackages,\r\n \"TotPrimaryUnit\": TotPrimaryUnit,\r\n }\r\n });\r\n }\r\n getAllResponseData = (data) => {\r\n if (!this.isApiCanceled) {\r\n let allData = [];\r\n data.forEach(obj => {\r\n allData = [...obj.Data, ...allData];\r\n });\r\n if (this.state.uidSelectionString) {\r\n let grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n grid.select(this.state.uidSelectionString.join(\", \"));\r\n this.setState({ uidSelectionString: '' });\r\n }\r\n this.setState({\r\n staticGridData: allData,\r\n overlayScreenShow: false,\r\n isAllDataLoad: true,\r\n isNewColumnAdded: false,\r\n isSmallParcelGridDataLoading: false\r\n }, () => {\r\n // reset selection only for diplay recored in grid for pick ticket\r\n if (this.state.selectOrderIds) {\r\n let grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var dataSource = $(this.state.gridDomSelector()).data(\"kendoGrid\").dataSource;\r\n var filters = dataSource.filter();\r\n var query = new kendo.data.Query(dataSource.data());\r\n var data = query.filter(filters).data;\r\n var assignArr = [];\r\n\r\n this.state.selectOrderIds.forEach(key => {\r\n var selectedItem = this.state.LocalKendoGrid.getItem(key);\r\n\r\n if (_.find(data, { OrderId: parseInt(key) })) {\r\n assignArr.push(\"[data-uid='\" + selectedItem.uid + \"']\");\r\n }\r\n });\r\n if (assignArr.length) {\r\n grid.select(assignArr.join(\", \"));\r\n } else {\r\n this.resetGridSelectionAndButton();\r\n }\r\n this.setState({ selectOrderIds: '' });\r\n }\r\n if (this.refs.smallParcelGrid) {\r\n this.refs.smallParcelGrid.cleanScanInput();\r\n this.refs.smallParcelGrid.setFocusOnScanInput();\r\n }\r\n this.totalOrderSummary()\r\n });\r\n } else {\r\n this.setState({\r\n isSmallParcelGridDataLoading: false\r\n });\r\n }\r\n this.props.onGridLoading(false);\r\n }\r\n // Cancel axios call if new filter applied\r\n cancelLoadAllData = () => {\r\n if (this.firstFiftyAxiosSource) {\r\n this.firstFiftyAxiosSource.cancel();\r\n this.firstFiftyAxiosSource = null;\r\n }\r\n if (this.axiosSource) {\r\n this.axiosSource.cancel();\r\n this.axiosSource = null;\r\n }\r\n this.isApiCanceled = true;\r\n this.setState({\r\n overlayScreenShow: false,\r\n staticGridData: [],\r\n isAllDataLoad: false,\r\n isSmallParcelGridDataLoading: false\r\n });\r\n this.props.onGridLoading(false);\r\n }\r\n\r\n clickEventOfContextMenu = (obj) => {\r\n if (obj.wmsid == 'consolidatePackages') {\r\n this.consolidatePackages();\r\n } else if (obj.wmsid == 'autoRateShop') {\r\n this.autoRateShop();\r\n } else if (obj.wmsid == 'recalcPackages') {\r\n this.recalcPackages();\r\n } else if (obj.wmsid == 'newPackageType') {\r\n this.newPackageType();\r\n } else if (obj.wmsid == 'printBatchedShippingLabel') {\r\n this.printBatchedShippingLabel();\r\n } else if (obj.wmsid == 'createIntlDocuments') {\r\n this.createIntlDocuments();\r\n } else if (obj.wmsid == 'createPackingSlips') {\r\n this.createPackingSlips();\r\n } else if (obj.wmsid == 'createContinerManifestRequest') {\r\n this.createContinerManifestRequest();\r\n } else if (obj.wmsid == 'reprintContinerManifestRequest') {\r\n this.reprintContinerManifestRequest();\r\n } else if (obj.wmsid == 'createEndofDayRequest') {\r\n this.createEndofDayRequest();\r\n } else if (obj.wmsid == 'reprintEndofDayRequest') {\r\n this.reprintEndofDayRequest();\r\n } else if (obj.wmsid == 'voidLabelsConfirm') {\r\n this.voidLabelsConfirm();\r\n } else if (obj.wmsid == 'resetFailedHvp') {\r\n this.resetFailedHvp();\r\n } else if (obj.wmsid == 'packAndSlipModel') {\r\n this.onOpenPackAndShipModel();\r\n } else if (obj.wmsid == 'BarcodeSheet') {\r\n this.BarcodeSheet();\r\n } else if (obj.wmsid == 'editShippingInfo') {\r\n this.editShippingInfo();\r\n } else if (obj.wmsid == 'closeOrder') {\r\n this.closeOrder();\r\n } else if (obj.wmsid == 'smallParcelViewSummary') {\r\n this.smallParcelViewSummary();\r\n } else if (obj.wmsid == 'pickTicket') {\r\n this.pickTicket();\r\n } else if (obj.wmsid == 'masterPickTicket') {\r\n this.masterPickTicket();\r\n } else if (obj.wmsid == 'addToNew') {\r\n this.onOpenBatch('addToNew');\r\n } else if (obj.wmsid == 'addToExistingBatch') {\r\n this.onOpenBatch('addToExisting');\r\n } else if (obj.wmsid == 'removeFromBatch') {\r\n this.onRemoveFromBatch();\r\n }\r\n }\r\n\r\n smallParcelViewSummary = () => {\r\n let tempkey = this.state.LocalKendoGrid.getKeys();\r\n let dataItem = {\r\n 'isOnViewSummaryClick': true,\r\n 'dataItem': this.state.LocalKendoGrid.getItem(tempkey) // technically the key is the orderId as well so this step is redundant but just in case we run into a wierd scenario\r\n };\r\n this.props.onViewSummary(dataItem);\r\n }\r\n pickTicket = (e) => {\r\n var customerIds = [];\r\n this.state.LocalKendoGrid.getKeys().forEach(key => {\r\n var selectedItem = this.state.LocalKendoGrid.getItem(key);\r\n if (!customerIds.includes(selectedItem.CustomerId)) {\r\n customerIds.push(selectedItem.CustomerId);\r\n }\r\n });\r\n console.log(\"customerIds :\", customerIds);\r\n this.setState({\r\n isOpenPickTicketModel: true,\r\n sharedSelectedCustomerIds: customerIds,\r\n ticketModelConfig: {\r\n title: this.translate('Label_Pick_Ticket'),\r\n height: 470,\r\n batchOrderId: null,\r\n flow: 'regular',\r\n pickTicketId: \"pickTicketModel\"\r\n },\r\n });\r\n }\r\n masterPickTicket = (e) => {\r\n this.setState({\r\n isOpenPickTicketModel: true,\r\n ticketModelConfig: {\r\n title: this.translate('Label_Master_Pick_Ticket'),\r\n height: 325,\r\n batchOrderId: (this.state.sharedSelectedOrderData != null) ? this.state.sharedSelectedOrderData.BatchOrderId : null,\r\n flow: 'master',\r\n pickTicketId: \"masterPickTicketModel\"\r\n },\r\n });\r\n }\r\n closePickTicketModel = () => {\r\n this.setState({\r\n isOpenPickTicketModel: false,\r\n ticketModelConfig: {\r\n title: '',\r\n height: 0,\r\n batchOrderId: null,\r\n flow: '',\r\n pickTicketId: \"modalPickticket\"\r\n },\r\n });\r\n }\r\n\r\n consolidatePackages = () => {\r\n this.setState({ sharedIsOpenConsolidatePackages: true });\r\n }\r\n onCloseConsolidatePackages = () => {\r\n this.setState({ sharedIsOpenConsolidatePackages: false });\r\n }\r\n printBatchedShippingLabel = () => {\r\n this.setState({ isOpenPrintBatchedShippingModel: true });\r\n }\r\n closePrintBatchedShippingLabel = () => {\r\n this.setState({ isOpenPrintBatchedShippingModel: false });\r\n // Refresh Small Parcel Grid When Modal Close.\r\n this.refreshSmallParcelGrid();\r\n }\r\n recalcPackages = () => {\r\n var orderIds = this.state.LocalKendoGrid.getKeys().map(function (value) {\r\n return parseInt(value);\r\n });\r\n\r\n this.setState({ gifLoaderText: this.translate('Label_Recalc_Packages') });\r\n smallParcelService.recalcPackages(orderIds).then((response) => {\r\n GlobalService.notification('success', this.translate('Label_Recalc_Packages_Success'));\r\n this.resetGridSelectionAndButton();\r\n }).finally(() => {\r\n this.setState({ gifLoaderText: '' });\r\n });\r\n }\r\n newPackageType = () => {\r\n this.setState({\r\n isOpenPackageDefModal: true,\r\n newPkgType: true\r\n });\r\n }\r\n\r\n closePackageDefModal = () => {\r\n this.setState({\r\n isOpenPackageDefModal: false\r\n });\r\n }\r\n createEndofDayRequest = () => {\r\n if(this.state.Rights['Integrations.SmallParcelPartner'] == 'ParcelApi') {\r\n smallParcelService.manifestStarter(this.state.SharedSelectedOrderIds, this.state.sharedSelectedOrderData.CustomerId).then((response) => {\r\n var targetElement = $('[data-wms-selector=\"SmallParcelDocuments\"]');\r\n this.$rootScope.animationMoveIcon(targetElement);\r\n this.$rootScope.taskStarted();\r\n var transferOrderObj = {\r\n \"type\": \"createEndOfDay\",\r\n \"relativeUri\": response.data.StatusRelativeUri\r\n }\r\n var event = new CustomEvent(\"showProgressModal\", {\r\n detail: transferOrderObj,\r\n });\r\n document.dispatchEvent(event);\r\n }).finally(() => { });\r\n } else {\r\n this.setState({ gifLoaderText: this.translate('Label_End_of_Day_Request') });\r\n\r\n smallParcelService.parcelFinalizer(this.state.SharedSelectedOrderIds).then((response) => {\r\n if (typeof response != \"undefined\" && response.status == 204 || response.status == 200) {\r\n GlobalService.notification('success', this.translate('Label_Smart_Parcel_End_of_Day_Request'));\r\n\r\n if (response != null && response.data != null && response.data.length > 0)\r\n {\r\n var blob = ArrayWms.convertBase64ToByteArray(response.data, 'application/pdf');\r\n ArrayWms.displayBlobInWindow(blob, 'Manifest.pdf');\r\n }\r\n\r\n this.resetGridSelectionAndButton();\r\n }\r\n }).finally(() => {\r\n this.setState({ gifLoaderText: '' });\r\n });\r\n }\r\n }\r\n reprintEndofDayRequest = () => {\r\n this.setState({ sharedIsOpenReprintEndOfDayReport: true });\r\n }\r\n onCloseReprintEndOfDayReport = () => {\r\n this.setState({ sharedIsOpenReprintEndOfDayReport: false });\r\n }\r\n\r\n onOpenPackAndShipModel = (selectedOrderId = null) => {\r\n let newState = {\r\n sharedIsPackAndShipModel: true,\r\n }\r\n\r\n if (selectedOrderId) {\r\n newState.SharedSelectedOrderIds = selectedOrderId;\r\n }\r\n\r\n this.setState(newState);\r\n }\r\n BarcodeSheet = (selectedOrderId = null) => {\r\n this.setState({\r\n barcodeDownloadLoading: true,\r\n gifLoaderText: this.translate('Label_Barcode_Cheat_Sheet')\r\n }, () => {\r\n this.updateInitialPrintMenu();\r\n });\r\n\r\n smallParcelPdfGenerator.generatePdf(this.barcodeDataStatic, this.state.barcodeDataAll, this.state.barcodeDataCustomer)\r\n .then((response) => {\r\n GlobalService.notification('success', \"Pdf download completed\");\r\n }).finally(() => {\r\n this.setState({\r\n barcodeDownloadLoading: false,\r\n gifLoaderText: ''\r\n }, () => {\r\n this.updateInitialPrintMenu();\r\n });\r\n });\r\n\r\n }\r\n\r\n onClosePackAndShipModel = () => {\r\n this.setState({ sharedIsPackAndShipModel: false });\r\n if (this.refs.smallParcelGrid) {\r\n this.refs.smallParcelGrid.cleanScanInput();\r\n this.refs.smallParcelGrid.setFocusOnScanInput();\r\n }\r\n }\r\n editShippingInfo = (isEditCareerInfoBaseCall = '') => {\r\n this.isEditCareerInfoBaseCall = isEditCareerInfoBaseCall;\r\n var sharedSelectedGridRecored = this.state.LocalKendoGrid.getItem(this.state.SharedSelectedOrderIds[0]);\r\n if (!sharedSelectedGridRecored) {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var models = grid.dataSource.data();\r\n sharedSelectedGridRecored = models.find(element => element.OrderId == this.state.SharedSelectedOrderIds[0]);\r\n }\r\n this.setState({\r\n sharedIsShipInfoModelOpen: true,\r\n sharedSelectedGridRecored: sharedSelectedGridRecored\r\n });\r\n }\r\n onCloseShipInfoModel = (baseCall = '') => {\r\n if (baseCall == \"callFromSave\" && this.isEditCareerInfoBaseCall == \"packNShipEditCareer\") {\r\n this.refs.smallParcelPackNShipTransaction.updateCarrierAndServiceInfo();\r\n }\r\n this.isEditCareerInfoBaseCall = '';\r\n this.setState({ sharedIsShipInfoModelOpen: false });\r\n }\r\n autoRateShop = () => {\r\n this.setState({ gifLoaderText: this.translate('Label_Shop_Cheapest_Rate') });\r\n\r\n // Call Auto Rate Starter API\r\n let dataObj = {\r\n \"OrderIds\": this.state.SharedSelectedOrderIds,\r\n \"ReturnAllRates\": false,\r\n \"MultiOrderRateShopOnShip\": false\r\n }\r\n smallParcelService.parcelAutoRateShopperStarter(dataObj).then((response) => {\r\n if(response && response.data) {\r\n this.getParcelAutoRateShopperStatus(response.data);\r\n }\r\n });\r\n }\r\n\r\n getParcelAutoRateShopperStatus = (data) => {\r\n smallParcelService.parcelAutoRateShopperStatus(data.StatusRelativeUri).then((response) => {\r\n if(response.data.Done) {\r\n GlobalService.notification('success', this.translate('Label_Smart_Parcel_Auto_Rate_Shopping_Success'));\r\n this.resetGridSelectionAndButton();\r\n this.setState({ gifLoaderText: '' });\r\n } else {\r\n setTimeout(() => {\r\n this.getParcelAutoRateShopperStatus(response.data);\r\n }, 3000);\r\n }\r\n }, (err) => {\r\n this.resetGridSelectionAndButton();\r\n this.setState({ gifLoaderText: '' });\r\n });\r\n };\r\n\r\n createIntlDocuments = () => {\r\n let orderids = JSON.stringify(this.state.SharedSelectedOrderIds);\r\n this.$rootScope.OpenWindow({\r\n url: '
\r\n {this.state.overlayScreenShow && (\r\n 1 && this.state.SameCustomer}\r\n ref=\"smallParcelPackNShipTransaction\"\r\n sharedIsPackAndShipModel={this.state.sharedIsPackAndShipModel}\r\n windowId={this.props.windowId}\r\n onClosePackAndShipModel={this.onClosePackAndShipModel}\r\n editShippingInfo={this.editShippingInfo}\r\n sharedSelectedOrderIds={this.state.SharedSelectedOrderIds}\r\n sharedSelectedCustomerIds={this.state.sharedSelectedCustomerIds}\r\n onResetGridSelection={this.resetGridSelectionAndButton}\r\n facilityId={this.props.sharedSmallParcelFilter.IndexOptionsFacilityId}\r\n />\r\n )}\r\n {this.state.sharedIsShipInfoModelOpen && (\r\n { }}\r\n sharedSelectedPkgType={''}\r\n />\r\n )}\r\n {this.state.isOpenPickTicketModel && (\r\n this.setModelState('isOpenBatchConfirmModal', false)}\r\n onContinueBatchModal={this.continueBatchModal}\r\n isOpenRemoveBatchConfirmModal={this.state.isOpenRemoveBatchConfirmModal}\r\n onCloseRemoveBatchModal={(e) => this.setModelState('isOpenRemoveBatchConfirmModal', false)}\r\n onContinueRemoveBatchModal={this.continueRemoveBatchModal}\r\n />\r\n {this.state.sharedIsOpenBatchingModel && (\r\n
\r\n );\r\n }\r\n}","export const getInitialPrintMenu = (initialPrintMenuResponse, params, menuClickEvent) => {\r\n\r\n var translate = window.translate;\r\n\r\n var updatedPrintMenu = {\r\n ManageMenuData: [],\r\n DocumentMenuData: []\r\n }\r\n\r\n if (initialPrintMenuResponse.length > 0 || initialPrintMenuResponse != null || typeof initialPrintMenuResponse != undefined) {\r\n updatedPrintMenu.ManageMenuData.push({\r\n \"name\": translate('Label_Edit_Shipping_Info'),\r\n \"value\": [],\r\n \"disabled\": params.SelectedOrders == 0 || params.sameCustomer == false || params.SameWarehouse == false || !params.Rights.hasOwnProperty('orders.edit.view') || params.isOrderIsClosed,\r\n \"disabledText\": !params.Rights.hasOwnProperty('orders.edit.view') ? translate('Note_Disable_Permission_Edit_Shipping_Info') : params.isOrderIsClosed ? translate('Note_Disable_Status_Is_close') : translate('Note_Disable_Edit_Shipping_Info'),\r\n \"isContextMenu\": true,\r\n \"isButtonMenu\": true,\r\n \"wmsSelector\": params.Selector + \"EditShippingInfo\",\r\n \"onClickFunc\": menuClickEvent,\r\n \"wmsid\": \"editShippingInfo\"\r\n });\r\n updatedPrintMenu.ManageMenuData.push({\r\n \"name\": translate('Label_Shop_Cheapest_Rate'),\r\n \"value\": [],\r\n \"disabled\": params.SelectedOrders == 0 || params.isOrderIsClosed,\r\n \"disabledText\": params.isOrderIsClosed ? translate('Note_Disable_Status_Is_close') : \"\",\r\n 'isContextMenu': params.Rights.hasOwnProperty('Shipping.SmallParcelEnabled') && params.Rights.hasOwnProperty('Shipping.SmallParcelRateShoppingEnabled'),\r\n 'isButtonMenu': params.Rights.hasOwnProperty('Shipping.SmallParcelEnabled') && params.Rights.hasOwnProperty('Shipping.SmallParcelRateShoppingEnabled'),\r\n \"wmsSelector\": params.Selector + \"AutoRateShop\",\r\n \"onClickFunc\": menuClickEvent,\r\n \"wmsid\": \"autoRateShop\"\r\n });\r\n updatedPrintMenu.ManageMenuData.push({\r\n \"name\": translate('Label_Consolidate_Packages'),\r\n \"value\": [],\r\n \"disabled\": params.SelectedOrders == 0 || params.isOrderIsClosed || !params.canRegenPkgs,\r\n \"disabledText\": params.isOrderIsClosed ? translate('Note_Disable_Status_Is_close') : ((!params.canRegenPkgs) ? translate('Label_Already_Shipped_Tooltip') : ''),\r\n 'isContextMenu': params.Rights.hasOwnProperty('orders.edit.pack'),\r\n 'isButtonMenu': params.Rights.hasOwnProperty('orders.edit.pack'),\r\n \"wmsSelector\": params.Selector + \"ConsolidatePackages\",\r\n \"onClickFunc\": menuClickEvent,\r\n \"wmsid\": \"consolidatePackages\"\r\n });\r\n updatedPrintMenu.ManageMenuData.push({\r\n \"name\": translate('Label_Recalc_Packages'),\r\n \"value\": [],\r\n \"disabled\": params.SelectedOrders == 0 || params.isOrderIsClosed || !params.canRegenPkgs,\r\n \"disabledText\": params.isOrderIsClosed ? translate('Note_Disable_Status_Is_close') : ((!params.canRegenPkgs) ? translate('Label_Already_Shipped_Tooltip') : ''),\r\n 'isContextMenu': params.Rights.hasOwnProperty('orders.edit.pack'),\r\n 'isButtonMenu': params.Rights.hasOwnProperty('orders.edit.pack'),\r\n \"wmsSelector\": params.Selector + \"RecalcPackages\",\r\n \"onClickFunc\": menuClickEvent,\r\n \"wmsid\": \"recalcPackages\"\r\n });\r\n updatedPrintMenu.ManageMenuData.push({\r\n \"name\": translate('Label_New_Package_Type'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": params.Selector + \"NewPackageType\",\r\n \"onClickFunc\": menuClickEvent,\r\n \"wmsid\": \"newPackageType\",\r\n \"customClass\": params.Rights.hasOwnProperty('orders.confirm') ? '' : \"option-saperator\"\r\n });\r\n updatedPrintMenu.ManageMenuData.push({\r\n \"name\": translate('Label_Close_Orders'),\r\n \"value\": [],\r\n \"disabled\": (params.SelectedOrders == 0 || params.disabledShipAndClose || params.sameCustomer == false || params.isOrderIsClosed),\r\n \"disabledText\": (params.disabledShipAndClose) ? translate(\"Label_Disabled_ShipAndClose\") : (!params.sameCustomer) ? translate(\"note_ship_and_close_samecustomer\") : params.isOrderIsClosed ? translate('Note_Disable_Status_Is_close') : \"\",\r\n 'isContextMenu': params.Rights.hasOwnProperty('orders.confirm'),\r\n 'isButtonMenu': params.Rights.hasOwnProperty('orders.confirm'),\r\n \"wmsSelector\": params.Selector + \"CloseOrder\",\r\n \"onClickFunc\": menuClickEvent,\r\n \"wmsid\": \"closeOrder\",\r\n \"customClass\": \"option-saperator\"\r\n });\r\n updatedPrintMenu.ManageMenuData.push({\r\n \"name\": translate('Label_Print_Hvp_Batches'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"isContextMenu\": params.Rights.hasOwnProperty('Shipping.SmallParcelEnabled') && params.Rights.hasOwnProperty('Shipping.SmallParcelHighVolumeProcessing') && params.Rights.hasOwnProperty('orders.manage.smartparcel'),\r\n \"isButtonMenu\": params.Rights.hasOwnProperty('Shipping.SmallParcelEnabled') && params.Rights.hasOwnProperty('Shipping.SmallParcelHighVolumeProcessing') && params.Rights.hasOwnProperty('orders.manage.smartparcel'),\r\n \"wmsSelector\": params.Selector + \"PrintBatchedShippingLabel\",\r\n \"onClickFunc\": menuClickEvent,\r\n \"wmsid\": \"printBatchedShippingLabel\"\r\n });\r\n updatedPrintMenu.ManageMenuData.push({\r\n \"name\": translate('Reset_Failed_Hvp'),\r\n \"value\": [],\r\n \"disabled\": params.SelectedOrders < 1,\r\n \"isContextMenu\": params.Rights.hasOwnProperty('Shipping.SmallParcelEnabled') && params.Rights.hasOwnProperty('orders.manage.smartparcel'),\r\n \"isButtonMenu\": params.Rights.hasOwnProperty('Shipping.SmallParcelEnabled') && params.Rights.hasOwnProperty('orders.manage.smartparcel'),\r\n \"wmsSelector\": params.Selector + \"ResetFailedHvp\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"resetFailedHvp\"\r\n });\r\n initialPrintMenuResponse.forEach((item) => {\r\n var tempObj = {};\r\n\r\n tempObj = {\r\n \"name\": item.CategoryName,\r\n \"value\": [],\r\n \"disabled\": !params.Rights.hasOwnProperty('orders.docs'),\r\n \"disabledText\": translate(\"order_Document_Permission_note\"),\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": params.Selector + item.RdlName,\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': item.RdlName\r\n };\r\n\r\n\r\n if (item.CategoryName == \"Reprint Shipping Label\") {\r\n tempObj.name = translate('Label_Reprint_Labels'),\r\n tempObj.value = [],\r\n tempObj.disabled = (params.ParcelLabelType == 0 || !params.isSamePrintedFormat),\r\n tempObj.disabledText = translate(\"note_reprint_shipping_label\");\r\n tempObj.isContextMenu = false,\r\n tempObj.isButtonMenu = params.Rights.hasOwnProperty('Shipping.SmallParcelEnabled') && params.Rights.hasOwnProperty('orders.manage.smartparcel'),\r\n tempObj.wmsSelector = params.Selector + \"ReprintLabels\",\r\n tempObj.onClickFunc = menuClickEvent,\r\n tempObj.wmsid = \"reprintShippingLabel\"\r\n\r\n updatedPrintMenu.ManageMenuData.push(tempObj);\r\n } else if (item.CategoryName == \"Return Label\") {\r\n\r\n tempObj.name = translate('Label_Print_Return_Label'),\r\n tempObj.onClickFunc = () => null;\r\n tempObj.isButtonMenu = params.Rights.hasOwnProperty('Shipping.SmallParcelEnabled') && params.Rights.hasOwnProperty('orders.manage.smartparcel'),\r\n tempObj.isContextMenu = false,\r\n tempObj.disabled = (params.ParcelLabelType == 0);\r\n tempObj.disabledText = translate(\"note_return_label\");\r\n tempObj.customClass = \"option-saperator\";\r\n\r\n tempObj.value.push({\r\n \"name\": \"Return (Zpl)\",\r\n \"value\": [],\r\n \"disabled\": tempObj.disabled ? true : (params.ParcelLabelType != 1 && params.ParcelLabelType != 2),\r\n \"wmsSelector\": params.Selector + \"ReturnZpl\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"returnZpl\",\r\n 'runReport': \"/WebUI/Shipping/FindOrders/ParcelReturnZplContents\",\r\n 'runnerKey': item.hasOwnProperty('Reports') ? item.Reports[0].TemplatedRunnerKey : ''\r\n });\r\n\r\n tempObj.value.push({\r\n \"name\": \"Return (Pdf)\",\r\n \"value\": [],\r\n \"disabled\": tempObj.disabled ? true : (params.ParcelLabelType != 1 && params.ParcelLabelType != 2),\r\n \"wmsSelector\": params.Selector + \"ReturnPdf\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"returnPdf\",\r\n 'runReport': \"/WebUI/Shipping/FindOrders/ParcelReturnPdfContent\",\r\n 'runnerKey': item.hasOwnProperty('Reports') ? item.Reports[0].TemplatedRunnerKey : ''\r\n });\r\n\r\n updatedPrintMenu.ManageMenuData.push(tempObj);\r\n }\r\n\r\n });\r\n updatedPrintMenu.ManageMenuData.push({\r\n \"name\": translate('Label_Void_Labels'),\r\n \"value\": [],\r\n \"disabled\": params.SelectedOrders == 0 || !params.isDisableCancelVoid,\r\n \"disabledText\": !params.isDisableCancelVoid ? translate(\"note_void_label\") : \"\",\r\n \"isContextMenu\": params.Rights.hasOwnProperty('Shipping.SmallParcelEnabled') && params.Rights.hasOwnProperty('orders.manage.smartparcel'),\r\n \"isButtonMenu\": params.Rights.hasOwnProperty('Shipping.SmallParcelEnabled') && params.Rights.hasOwnProperty('orders.manage.smartparcel'),\r\n \"wmsSelector\": params.Selector + \"VoidLabels\",\r\n \"onClickFunc\": menuClickEvent,\r\n \"wmsid\": \"voidLabelsConfirm\"\r\n });\r\n updatedPrintMenu.ManageMenuData.push({\r\n \"name\": translate('Label_Cancel_Void_Labels'),\r\n \"value\": [],\r\n \"disabled\": params.SelectedOrders < 1 || params.isOrderIsClosed || !params.isDisableCancelVoid,\r\n \"disabledText\": (params.isOrderIsClosed ? translate('Note_Disable_Status_Is_close') : !params.isDisableCancelVoid ? translate(\"note_void_label\") : \"\"),\r\n \"isContextMenu\": params.Rights.hasOwnProperty('Shipping.SmallParcelEnabled') && params.Rights.hasOwnProperty('orders.manage.smartparcel') && params.Rights.hasOwnProperty('orders.manage.cancel'),\r\n \"isButtonMenu\": params.Rights.hasOwnProperty('Shipping.SmallParcelEnabled') && params.Rights.hasOwnProperty('orders.manage.smartparcel') && params.Rights.hasOwnProperty('orders.manage.cancel'),\r\n \"wmsSelector\": params.Selector + \"cancelAndVoidShippingLabelConfirm\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"cancelAndVoidShippingLabelConfirm\"\r\n });\r\n }\r\n // start document option\r\n updatedPrintMenu.DocumentMenuData.push({\r\n \"name\": translate('Label_Order_Summary'),\r\n \"value\": [],\r\n \"disabled\": (params.SelectedOrders != 1),\r\n \"disabledText\": '',\r\n \"icon\": \"fa-pencil\",\r\n \"color\": \"yellow\",\r\n 'isContextMenu': params.Rights.hasOwnProperty('orders.manage.view'),\r\n 'isButtonMenu': params.Rights.hasOwnProperty('orders.manage.view'),\r\n \"wmsSelector\": params.Selector + \"ViewSummary\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': 'smallParcelViewSummary'\r\n });\r\n updatedPrintMenu.DocumentMenuData.push({\r\n \"name\": translate('Label_Pick_Ticket'),\r\n \"value\": [],\r\n \"disabled\": ((params.SelectedOrders < 1) || !params.EnablePickOption || !params.Rights.hasOwnProperty('orders.docs')),\r\n \"disabledText\": !params.Rights.hasOwnProperty('orders.docs') ? translate(\"order_Document_Permission_note\") : translate(\"Tooltip_FullyAllocated_TplSettingPrintOverAllocOrders\"),\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": params.Selector + \"PickTicket\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"pickTicket\"\r\n });\r\n updatedPrintMenu.DocumentMenuData.push({\r\n \"name\": translate('Label_Master_Pick_Ticket'),\r\n \"value\": [],\r\n \"disabled\": ((params.SelectedOrders <= 1) || !params.SameWarehouse || !params.sameCustomer || !params.SameBatchId || !params.Rights.hasOwnProperty('orders.docs')),\r\n \"disabledText\": !params.Rights.hasOwnProperty('orders.docs') ? translate(\"order_Document_Permission_note\") : translate(\"note_Master_Pick_Ticket\"),\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": params.Selector + \"MasterPickTicket\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"masterPickTicket\"\r\n });\r\n updatedPrintMenu.DocumentMenuData.push({\r\n \"name\": translate('Label_Packing_Slip'),\r\n \"value\": [],\r\n \"disabled\": params.SelectedOrders == 0 || !params.Rights.hasOwnProperty('orders.docs'),\r\n \"disabledText\": !params.Rights.hasOwnProperty('orders.docs') ? translate(\"order_Document_Permission_note\") : '',\r\n \"isContextMenu\": true,\r\n \"isButtonMenu\": true,\r\n \"wmsSelector\": params.Selector + \"CreatePackingSlips\",\r\n \"onClickFunc\": menuClickEvent,\r\n \"wmsid\": \"createPackingSlips\"\r\n });\r\n updatedPrintMenu.DocumentMenuData.push({\r\n \"name\": translate('Label_Intl_Documents'),\r\n \"value\": [],\r\n \"disabled\": params.SelectedOrders == 0,\r\n \"isContextMenu\": params.Rights.hasOwnProperty('Shipping.SmallParcelEnabled') && params.Rights.hasOwnProperty('orders.manage.smartparcel'),\r\n \"isButtonMenu\": params.Rights.hasOwnProperty('Shipping.SmallParcelEnabled') && params.Rights.hasOwnProperty('orders.manage.smartparcel'),\r\n \"wmsSelector\": params.Selector + \"CreateIntlDocuments\",\r\n \"onClickFunc\": menuClickEvent,\r\n \"wmsid\": \"createIntlDocuments\"\r\n });\r\n updatedPrintMenu.DocumentMenuData.push({\r\n \"name\": translate('Label_End_of_Day_Request'),\r\n \"value\": [{\r\n \"name\": translate('Label_Create_End_of_Day_Request'),\r\n \"value\": [],\r\n \"disabled\": params.SelectedOrders < 1,\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": params.Selector + \"createEndofDayRequest\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"createEndofDayRequest\"\r\n }, {\r\n \"name\": translate('Label_Reprint_End_of_Day_Request'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": params.Selector + \"reprintEndofDayRequest\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'wmsid': \"reprintEndofDayRequest\"\r\n }],\r\n \"disabled\": false,\r\n \"isContextMenu\": params.Rights.hasOwnProperty('Shipping.SmallParcelEnabled') && params.Rights.hasOwnProperty('orders.manage.smartparcel'),\r\n \"isButtonMenu\": params.Rights.hasOwnProperty('Shipping.SmallParcelEnabled') && params.Rights.hasOwnProperty('orders.manage.smartparcel'),\r\n \"wmsSelector\": params.Selector + \"EndofDayRequest\",\r\n \"onClickFunc\": () => { },\r\n 'wmsid': \"endofDayRequest\"\r\n });\r\n if (params.Rights.hasOwnProperty(\"Integrations.SmallParcelPartner\") && params.Rights['Integrations.SmallParcelPartner'] == \"ParcelApi\") {\r\n let findEndOfDayRequestMenu = _.find(updatedPrintMenu.DocumentMenuData, (menuItem) => {\r\n return menuItem.wmsid == \"endofDayRequest\"\r\n });\r\n if (findEndOfDayRequestMenu) {\r\n /* console.log(\"params\", params);\r\n console.log(\"params.SelectedOrders\", params.SelectedOrders);\r\n console.log(\"!params.SmallParcelShipDate\", !params.SmallParcelShipDate); */\r\n findEndOfDayRequestMenu.value.push(\r\n {\r\n name: translate(\"Label_Create_Container_Manifest_Request\"),\r\n value: [],\r\n disabled: params.SelectedOrders == 0 || !params.isHasSmallParcelShipDate,\r\n disabledText: translate(\"Label_Create_Container_Manifest_Disable\"),\r\n isContextMenu: true,\r\n isButtonMenu: true,\r\n wmsSelector: params.Selector + \"createContinerManifestRequest\",\r\n onClickFunc: menuClickEvent,\r\n wmsid: \"createContinerManifestRequest\",\r\n },\r\n {\r\n name: translate(\"Label_Reprint_Container_Manifest_Request\"),\r\n value: [],\r\n disabled: params.SelectedOrders == 0 || !params.isHasSmallParcelShipDate,\r\n isContextMenu: true,\r\n disabledText: translate(\"Label_Create_Container_Manifest_Disable\"),\r\n isButtonMenu: true,\r\n wmsSelector: params.Selector + \"reprintContinerManifestRequest\",\r\n onClickFunc: menuClickEvent,\r\n wmsid: \"reprintContinerManifestRequest\",\r\n }\r\n );\r\n }\r\n }\r\n updatedPrintMenu.DocumentMenuData.push({\r\n \"name\": translate(\"Label_Barcode_Cheat_Sheet\"),\r\n \"value\": [],\r\n \"disabled\": params.barcodeDownloadLoading,\r\n \"loading\": params.barcodeDownloadLoading,\r\n \"disabledText\": \"\",\r\n \"icon\": \"fa-print\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n \"wmsSelector\": params.Selector + \"BarcodeSheet\",\r\n \"onClickFunc\": menuClickEvent,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'BarcodeSheet'\r\n });\r\n return updatedPrintMenu;\r\n}","import React from 'react';\r\nimport { SmallParcelSearch } from './smallParcel-search.component.jsx';\r\nimport { SmallParcelGrid } from './smallParcel-grid.component.jsx';\r\nimport './smallParcelSuit.scss';\r\nimport * as GlobalService from '../global_services';\r\nimport * as metaDataService from './meta-data.service';\r\nimport { OrderSummaryVirtual } from '../orders/orderSummary/order-summary.virtual.component.jsx';\r\n\r\nexport class SmallParcelHolder extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.rights = GlobalService.GetRights();\r\n // Set Dynamic Carrier Account Schema\r\n if (this.rights.hasOwnProperty('UxPrototypingDirectivesDynamicCarrier')) {\r\n GlobalService.SetDynamicCarrierAccountSchema();\r\n }\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n this.defaultFilterValue = {\r\n SearchTarget: \"\",\r\n HvpBatchName: \"\",\r\n BatchOrderid: 0,\r\n IndexOptionsCustomerId: 0,\r\n IndexOptionsFacilityId: 0,\r\n IndexOptionsSearchBy: 0,\r\n StartDate: '',\r\n EndDate: '',\r\n IndexOptionBatchName: 0,\r\n BatchName: '',\r\n IndexOptionBatchOrderId: 0,\r\n IndexOptionsReferenceNumber: 0,\r\n ReferenceNumber: '',\r\n IndexOptionsPoNum: 0,\r\n PurchaseOrderNumber: '',\r\n IndexOptionsShipToCountry: 0,\r\n ShipToCountry: '',\r\n IndexOptionsShipToState: 0,\r\n ShipToState: '',\r\n IndexOptionsShipToZip: 0,\r\n ShipToZip: '',\r\n IndexOptionsOrderNote: 0,\r\n OrderNote: '',\r\n Skus: [],\r\n sharedSelectOrder: null,\r\n openFormType: \"\",\r\n IndexOptionsStatus: 0,\r\n IsHVPTab: false,\r\n }\r\n this.smallParcelGridId = \"SmallParcelRemoteGrid\";\r\n this.state = {\r\n sharedSmallParcelFilter: Object.assign({}, this.defaultFilterValue),\r\n sharedSearchOn: false,\r\n filterObject: [],\r\n windowId: this.$rootScope.ChildBulletin.Data.Window,\r\n gridDomSelector: () => this.$rootScope.ChildBulletin.Data.Window ? '.' + this.$rootScope.ChildBulletin.Data.Window + ' #' + this.smallParcelGridId : '#' + this.smallParcelGridId,\r\n isOptionsCallComplete: false,\r\n isGridLoading: false,\r\n gridInlineFilter: \"\",\r\n optionsCustomer: GlobalService.getCustomerList(true),\r\n optionsFacility: GlobalService.getFacilityList(true)\r\n }\r\n }\r\n\r\n async componentDidMount() {\r\n\r\n // Add Event Listner For Filter HVP Batch Name\r\n document.addEventListener(\"SmallParcel-searchHVPBatchName\", this.searchHVPBatchName);\r\n\r\n kendo.ui.progress($(\".\" + this.state.windowId), true);\r\n\r\n await metaDataService.getUserClientMetaData();\r\n await GlobalService.GetCustomersAndFacility();\r\n var filterData = metaDataService.getSmallParcelFilterMetaData();\r\n\r\n var sharedSmallParcelFilter = Object.assign({}, this.defaultFilterValue);\r\n var sharedSearchOn = false;\r\n\r\n if (filterData != \"\") {\r\n\r\n // temporary remove batch name from metaData,\r\n // remove code after pass batchId in filter\r\n delete filterData.BatchName;\r\n sharedSmallParcelFilter = filterData;\r\n sharedSearchOn = true;\r\n }\r\n\r\n // When HVP Batch Name Filter Apply and Small Parcel Tab is Inactive\r\n if(this.$rootScope.ChildBulletin.Data.HvpBatchName && this.$rootScope.ChildBulletin.Data.HvpCustomerName && this.$rootScope.ChildBulletin.Data.HvpFacilityName) {\r\n sharedSmallParcelFilter = Object.assign({}, this.defaultFilterValue);\r\n var tmpCustomer = this.state.optionsCustomer.filter(x => x.name === this.$rootScope.ChildBulletin.Data.HvpCustomerName);\r\n var tmpFacility = this.state.optionsFacility.filter(x => x.name === this.$rootScope.ChildBulletin.Data.HvpFacilityName);\r\n if(tmpCustomer.length && tmpFacility.length) {\r\n sharedSmallParcelFilter.IndexOptionsCustomerId = tmpCustomer[0].id;\r\n sharedSmallParcelFilter.IndexOptionsFacilityId = tmpFacility[0].id;\r\n }\r\n sharedSmallParcelFilter.HvpBatchName = this.$rootScope.ChildBulletin.Data.HvpBatchName;\r\n sharedSmallParcelFilter.IsHVPTab = true;\r\n }\r\n\r\n this.setState({\r\n sharedSmallParcelFilter: sharedSmallParcelFilter,\r\n sharedSearchOn: sharedSearchOn,\r\n isOptionsCallComplete: true\r\n });\r\n\r\n setTimeout(() => {\r\n sharedSmallParcelFilter.IsHVPTab = false;\r\n this.setState({ sharedSmallParcelFilter: sharedSmallParcelFilter });\r\n }, 500);\r\n\r\n kendo.ui.progress($(\".\" + this.state.windowId), false);\r\n }\r\n\r\n componentWillUnmount() {\r\n document.removeEventListener(\"SmallParcel-searchHVPBatchName\", this.searchHVPBatchName);\r\n }\r\n\r\n searchHVPBatchName = (e) => {\r\n if(e.detail.HvpBatchName && e.detail.HvpFacilityName && e.detail.HvpCustomerName) {\r\n var tmpCustomer = this.state.optionsCustomer.filter(x => x.name === e.detail.HvpCustomerName);\r\n var tmpFacility = this.state.optionsFacility.filter(x => x.name === e.detail.HvpFacilityName);\r\n var sharedSmallParcelFilter = Object.assign({}, this.defaultFilterValue);\r\n if(tmpCustomer.length && tmpFacility.length) {\r\n sharedSmallParcelFilter.IndexOptionsCustomerId = tmpCustomer[0].id;\r\n sharedSmallParcelFilter.IndexOptionsFacilityId = tmpFacility[0].id;\r\n }\r\n sharedSmallParcelFilter.HvpBatchName = e.detail.HvpBatchName;\r\n sharedSmallParcelFilter.IsHVPTab = true;\r\n this.setState({ sharedSmallParcelFilter: sharedSmallParcelFilter });\r\n\r\n setTimeout(() => {\r\n sharedSmallParcelFilter.IsHVPTab = false;\r\n this.setState({ sharedSmallParcelFilter: sharedSmallParcelFilter });\r\n }, 500);\r\n }\r\n }\r\n\r\n onFilterDataSet = (param_filterObj, isUpdateSearchOnFlag = true) => {\r\n\r\n metaDataService.setSmallParcelFilterMetaData(param_filterObj);\r\n let newState = {\r\n sharedSmallParcelFilter: param_filterObj\r\n }\r\n if (isUpdateSearchOnFlag) {\r\n newState.sharedSearchOn = true\r\n }\r\n this.setState(newState);\r\n }\r\n\r\n onApplySavedFilter = (param_filterObj) => {\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var tmpGridInlineFilter = '';\r\n if (grid) {\r\n tmpGridInlineFilter = grid.dataSource.filter();\r\n }\r\n this.setState({\r\n sharedSmallParcelFilter: param_filterObj,\r\n sharedSearchOn: true,\r\n gridInlineFilter: tmpGridInlineFilter\r\n });\r\n this.refs.SmallParcelGrid.onApplySavedFilterData(param_filterObj);\r\n }\r\n\r\n // click on save search filter in meta data\r\n onManageFilter = (param_action, param_data) => {\r\n var filterData = Object.assign({}, this.state.sharedSmallParcelFilter);\r\n delete filterData.IndexOptionsFacilityId;\r\n\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n var sortArray = grid && grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n var filterArray = grid && grid.dataSource.filter() ? grid.dataSource.filter() : [];\r\n var gridColumn = grid.getOptions().columns;\r\n var finalSubmission = GlobalService.prepareGridOptionsForStorage(gridColumn, sortArray, filterArray);\r\n if (param_action == 'saveFilter') {\r\n metaDataService.saveSmallParcelFilterMetaData(param_data, JSON.parse(JSON.stringify(filterData)), finalSubmission);\r\n } else {\r\n metaDataService.updateSmallParcelFilterMetaData(param_data, JSON.parse(JSON.stringify(filterData)), finalSubmission);\r\n GlobalService.notification('success', this.translate('Order_Filter_Update_success'));\r\n }\r\n }\r\n\r\n onClearSearch = () => {\r\n metaDataService.clearSmallParcelFilterMetaData();\r\n this.setState({\r\n sharedSmallParcelFilter: Object.assign({}, this.defaultFilterValue, { 'IndexOptionsFacilityId': this.state.sharedSmallParcelFilter.IndexOptionsFacilityId }),\r\n sharedSearchOn: false,\r\n gridInlineFilter: \"\"\r\n }, () => {\r\n // reset selection of grid on filter data change\r\n var grid = $(this.state.gridDomSelector()).data(\"kendoGrid\");\r\n if (typeof grid != \"undefined\") {\r\n grid.dataSource.filter([]);\r\n var gridColumn = grid.getOptions().columns;\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = GlobalService.prepareGridOptionsForStorage(gridColumn, sortArray, grid.dataSource.filter());\r\n\r\n setTimeout(() => {\r\n metaDataService.setSmallParcelGridOptionInMetaData(finalSubmission);\r\n }, 500)\r\n }\r\n });\r\n }\r\n\r\n clickForFilterToggle = () => {\r\n this.setState({\r\n filterAreaToggle: !this.state.filterAreaToggle,\r\n isAnimatedClassAdded: !this.state.isAnimatedClassAdded\r\n });\r\n setTimeout(() => {\r\n this.setState({\r\n isAnimatedClassAdded: !this.state.isAnimatedClassAdded\r\n });\r\n $(\"#\" + this.smallParcelGridId).data(\"kendoGrid\").refresh();\r\n $(window).trigger('resize');\r\n }, 1000);\r\n }\r\n\r\n onGridLoading = (isLoading) => {\r\n this.setState({ isGridLoading: isLoading })\r\n }\r\n\r\n onViewSummary = (param_order) => {\r\n\r\n if (this.state.openFormType == \"viewSummary\" && param_order.isGridSelectionUpdate) {\r\n\r\n this.setState({\r\n sharedSelectOrder: param_order.dataItem,\r\n filterAreaToggle: true\r\n }, () => { this.resizeWindow(); });\r\n\r\n } else if (param_order.isOnViewSummaryClick) {\r\n\r\n this.setState({\r\n sharedSelectOrder: param_order.dataItem,\r\n filterAreaToggle: true,\r\n openFormType: \"viewSummary\"\r\n }, () => { this.resizeWindow(); });\r\n }\r\n\r\n }\r\n resizeWindow = () => {\r\n $(window).trigger('resize');\r\n }\r\n\r\n onExitOrderForm = () => {\r\n this.setState({\r\n sharedSelectOrder: null,\r\n filterAreaToggle: false,\r\n openFormType: ''\r\n }, () => {\r\n this.resizeWindow();\r\n });\r\n }\r\n render() {\r\n return (\r\n \r\n {this.state.manageMenuData.length > 0 && (\r\n this.state.gridExportLimit || this.state.totalInLineColumnFilters > 1) ? true : false}\r\n // exportGridDisabledText={this.translate('note_Export_GridLimit').replace(new RegExp('{' + 'dynamicAmount' + '}', 'gi'), this.state.gridExportLimit)}\r\n id={this.smallParcelGridId}\r\n defaultColumns={this.state.defaultColumns}\r\n allColumns={this.state.allColumnList}\r\n schema={this.state.schema}\r\n onSelection={this.selectRow}\r\n onDataBound={this.onGridDataBound}\r\n onSort={this.onSort}\r\n onColumnReorder={this.onColumnReorder}\r\n onColumnResize={this.onColumnResize}\r\n onClickClearSorts={this.onClickClearSorts}\r\n onClickResetGrid={this.onClickResetGrid}\r\n windowId={this.props.windowId}\r\n clickEventOfContextMenu={this.clickEventOfContextMenu}\r\n eventClickExportGrid={this.eventClickExportGrid}\r\n eventClickColumns={this.eventClickColumns}\r\n onGridFilterApplied={this.onGridFilterApplied}\r\n metaGridConfig={this.state.smallParcelGridConfig}\r\n loadAllRecords={this.onClickLoadAllRecords}\r\n isAllDataLoad={this.state.isAllDataLoad}\r\n isFindOrderSummary={true}\r\n orderSummary={this.state.orderSummary}\r\n loadAllMessageFirst={this.translate('Label_Order_Grid_Filter_Message')}\r\n loadAllMessageSecond={this.translate('Label_Order_Grid_Filter_Message_2')}\r\n OnScanValueEnter={this.onScanValueEnter}\r\n shawScanKeyInput={true}\r\n shawScanKeyTooltip={true}\r\n scanKeyTooltipText={this.translate('Label_Scan_Key_Tooltip')}\r\n disableScanKeyInput={(this.props.sharedSmallParcelFilter.IndexOptionsFacilityId <= 0)}\r\n scanInputLoading={this.state.scanInputLoading}\r\n isScanKeyNotAvailable={this.state.isScanKeyNotAvailable}\r\n showLoadingError={this.state.showLoadingError}\r\n menu={\r\n [{\r\n \"name\": this.translate(\"Label_Pack_And_Ship\"),\r\n \"value\": [],\r\n \"disabled\": this.state.SelectedOrders == 0 || this.state.isOrderIsClosed || (this.state.disabledPackAndShipBtn && !this.state.Rights.hasOwnProperty('Shipping.WarehousePackEnabled')) ||\r\n (this.state.disabledPackAndShipBtn && this.state.SelectedOrders > 1),\r\n \"showToolTip\": (this.state.disabledPackAndShipBtn && !this.state.Rights.hasOwnProperty('Shipping.WarehousePackEnabled')) ||\r\n (this.state.disabledPackAndShipBtn && this.state.SelectedOrders > 1) || this.state.isOrderIsClosed,\r\n \"tooltipText\": this.state.isOrderIsClosed ? translate('Note_Disable_Status_Is_close') : this.translate('Label_Pack_and_Ship_Disable_Text'),\r\n \"icon\": \"fa-box\",\r\n \"color\": \"green\",\r\n \"wmsSelector\": this.state.Selector + \"PackAndSlip\",\r\n 'isContextMenu': true,\r\n \"clickFunc\": (e) => this.onOpenPackAndShipModel(),\r\n 'isButtonMenu': true,\r\n 'wmsid': 'packAndSlipModel'\r\n }, {\r\n \"name\": this.translate('Label_Manage'),\r\n \"value\": this.state.manageMenuData,\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n \"wmsSelector\": this.state.Selector + \"Manage\",\r\n \"clickFunc\": () => { },\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true\r\n }, {\r\n \"name\": this.translate('Label_Batching'),\r\n \"wmsSelector\": this.state.Selector + \"Batching\",\r\n \"value\": [{\r\n \"name\": this.translate('Label_Add_To_New'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders < 1 || this.state.selection.addToNewBatch.disabled),\r\n \"disabledText\": this.state.selection.addToNewBatch.message,\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": this.state.Selector + \"AddToNewBatch\",\r\n \"onClickFunc\": () => this.onOpenBatch('addToNew'),\r\n 'wmsid': 'addToNew'\r\n },\r\n {\r\n \"name\": this.translate('Label_Add_Orders_To_Existing_Batch'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders < 1 || this.state.selection.addToExistingBatch.disabled),\r\n \"disabledText\": this.state.selection.addToExistingBatch.message,\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": this.state.Selector + \"AddToExistingBatch\",\r\n \"onClickFunc\": () => this.onOpenBatch('addToExisting'),\r\n 'wmsid': 'addToExistingBatch'\r\n },\r\n {\r\n \"name\": this.translate('Label_Remove_From_Batch'),\r\n \"value\": [],\r\n \"disabled\": (this.state.SelectedOrders < 1 || this.state.selection.removeFromBatch.disabled),\r\n \"disabledText\": this.state.selection.removeFromBatch.message,\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n \"wmsSelector\": this.state.Selector + \"RemoveFromBatch\",\r\n \"onClickFunc\": this.onRemoveFromBatch,\r\n 'wmsid': 'removeFromBatch'\r\n }],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-layer-group\",\r\n \"color\": \"green\",\r\n 'isContextMenu': this.state.Rights.hasOwnProperty('orders.manage.batch'),\r\n 'isButtonMenu': this.state.Rights.hasOwnProperty('orders.manage.batch'),\r\n }, {\r\n \"name\": this.translate('NavBarV1_Btn_Documents'),\r\n \"wmsSelector\": this.state.Selector + this.translate('NavBarV1_Btn_Documents'),\r\n \"value\": this.state.documentMenuData,\r\n \"clickFunc\": (e) => null,\r\n \"disabled\": (this.state.SelectedOrders < 1),\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-print\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true\r\n }, {\r\n \"name\": '',\r\n \"wmsSelector\": 'RefreshGrid',\r\n \"value\": [],\r\n \"clickFunc\": this.refreshSmallParcelGrid,\r\n \"disabled\": false,\r\n \"icon\": \"fa-sync-alt\",\r\n \"color\": \"blue\",\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true,\r\n 'parentClassName': 'refreshSmalParcelGrid'\r\n }, {\r\n \"name\": \"Copy\",\r\n \"value\": [{\r\n \"name\": this.translate('Label_Copy_Field'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": this.translate('Label_Copy_Field'),\r\n \"icon\": \"fa-bandcamp\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n 'wmsid': 'copyField',\r\n \"wmsSelector\": \"copyToClicpboard\",\r\n }, {\r\n \"name\": this.translate('Label_Copy_Row'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": this.translate('Label_Copy_Row'),\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n 'wmsid': 'copyRow'\r\n }],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false\r\n }]\r\n }\r\n />\r\n )}\r\n
\r\n {this.state.isOpenColumnModel && (\r\n \r\n
\r\n \r\n {this.state.isOptionsCallComplete && (\r\n\r\n
\r\n );\r\n }\r\n}","import axios from \"axios\";\r\n\r\ninterface CreateHVPBatch {\r\n orderIds: number[];\r\n batchName: string;\r\n labelFormat: string;\r\n includeReturnLabels: boolean;\r\n recalcPaks: boolean;\r\n packageDefId: number | null;\r\n shipDate: string | null;\r\n}\r\n\r\nexport const removeBatchErrors = async (batchUris: string[]) => {\r\n return axios.put(\"/WebUI/Shipping/FindOrders/RemoveSmallParcelBatchErrors\", {\r\n batchErrorsUriList: batchUris,\r\n });\r\n};\r\n\r\nexport const createShippingLabelsHighVolumeBatch = async (createHvpBatchData: CreateHVPBatch) => {\r\n return axios.put(\"/WebUI/Shipping/SmartParcel/ShippingLabelsHighVolumeBatch\", createHvpBatchData);\r\n};\r\n\r\nexport const getSmallParcelBatches = (startDate: string, endDate: string, cancleToken: any) => {\r\n let url = \"\";\r\n if (startDate && endDate) {\r\n url = `/WebUI/Shipping/FindOrders/GetSmallParcelBatches?includeOrderPackages=true&startDate=${startDate}&endDate=${endDate}`;\r\n } else {\r\n url = `/WebUI/Shipping/FindOrders/GetSmallParcelBatches?includeOrderPackages=true`;\r\n }\r\n return axios.get(url, { cancelToken: cancleToken });\r\n};\r\n\r\nexport const getAllPackages = () => {\r\n return axios.get(\"/WebUI/Shipping/PackageDefs/PackageDefsData\");\r\n};\r\n\r\nexport const getSmallParcelBatchZplContents = async (zplUri: string) => {\r\n const url = `/WebUI/Shipping/FindOrders/GetSmallParcelBatchZplContents?batchlabelszpluri=${zplUri}`;\r\n return axios.get(url);\r\n};\r\n\r\nexport const putSmallParcelBatchLabels = async (param_args: string) => {\r\n return axios.put(`/WebUI/Shipping/FindOrders/PutSmallParcelBatchLabels${param_args}`);\r\n};\r\n\r\nexport const updateBatchStatus = async (batchId: string, status: string) => {\r\n return axios.put(`/WebUI/Shipping/FindOrders/PutSmallParcelBatch?batchId=${batchId}&status=${status}`);\r\n};\r\n","import { StringWms } from \"../../../../../assets/ts/StringWms\";\r\nimport type { GridColumnsConfig } from \"../../../../../types/gridTypes\";\r\n\r\nexport interface GridFilter {\r\n field: string;\r\n operator: string;\r\n value: string;\r\n inputValue?: string;\r\n}\r\n\r\nexport const getGridDefaultColumns = ({ gridHeaders, customLabels }: GridColumnsConfig) => {\r\n const centrilizedStyling = { style: \"text-align:center;\" };\r\n return [\r\n {\r\n field: \"RowIndex\",\r\n title: \"#\",\r\n width: 60,\r\n wmsid: 1,\r\n hidden: false,\r\n locked: true,\r\n lockable: false,\r\n resizable: false,\r\n sortable: false,\r\n reorderable: false,\r\n filterable: false,\r\n attributes: centrilizedStyling,\r\n headerAttributes: centrilizedStyling,\r\n },\r\n {\r\n field: \"ExternalBatchId\",\r\n title: gridHeaders[1].description,\r\n width: 120,\r\n wmsid: 2,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"SmallParcelHVPGridBatchName\",\r\n },\r\n },\r\n {\r\n field: \"Customer\",\r\n title: customLabels.Label_Customer,\r\n width: 120,\r\n wmsid: 3,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"SmallParcelHVPGridCustomer\",\r\n },\r\n },\r\n {\r\n field: \"Facility\",\r\n title: customLabels.Label_Warehouse,\r\n width: 100,\r\n wmsid: 4,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"SmallParcelHVPGridWarehouse\",\r\n },\r\n },\r\n {\r\n field: \"BatchId\",\r\n title: gridHeaders[4].description,\r\n width: 120,\r\n wmsid: 5,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"SmallParcelHVPGridBatchId\",\r\n },\r\n template: function (dataItem) {\r\n const { BatchId, ExternalBatchId, Facility, Customer } = dataItem;\r\n return `${BatchId}`;\r\n },\r\n },\r\n {\r\n field: \"ordersCount\",\r\n title: gridHeaders[5].description,\r\n width: 100,\r\n wmsid: 6,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"SmallParcelHVPGridTotOrders\",\r\n style: centrilizedStyling.style,\r\n },\r\n attributes: centrilizedStyling,\r\n },\r\n {\r\n field: \"packagesCount\",\r\n title: gridHeaders[6].description,\r\n width: \"120px\",\r\n wmsid: 7,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"SmallParcelHVPGridTotPackages\",\r\n style: centrilizedStyling.style,\r\n },\r\n attributes: centrilizedStyling,\r\n },\r\n {\r\n field: \"PassFail\",\r\n title: gridHeaders[7].description,\r\n width: 120,\r\n wmsid: 8,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"SmallParcelHVPGridTotals\",\r\n style: centrilizedStyling.style,\r\n },\r\n attributes: centrilizedStyling,\r\n },\r\n {\r\n field: \"Status\",\r\n title: gridHeaders[8].description,\r\n width: \"155px\",\r\n wmsid: 9,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"SmallParcelHVPGridStatus\",\r\n },\r\n template:\r\n '#if(Status == \"open\") {# #= \"Open\" # #} else if(Status == \"queued\" || Status == \"processing\") {# #= \"Processing\" # #} else if(Status == \"completed\") {# #= \"Complete\" # #} else if(Status == \"printed\" && Errors > 0) {# #} else if(Status == \"printed\") {# #= \"Printed\" # #} else if(Status == \"completed_with_errors\" && Errors > 0) {# #} else if(Status == \"completed_with_errors\") {# #= \"Complete\" # #} else{# #=Status # #}#',\r\n },\r\n {\r\n field: \"CreatedAt\",\r\n title: gridHeaders[9].description,\r\n width: 120,\r\n wmsid: 10,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"SmallParcelHVPGridDateCreated\",\r\n },\r\n template: function (itemData) {\r\n return new Date(itemData.CreatedAt).toLocaleDateString(\"en-US\");\r\n },\r\n },\r\n ];\r\n};\r\n\r\nexport const defaultFilters: GridFilter[] = [\r\n {\r\n field: \"BatchId\",\r\n operator: \"contains\",\r\n value: \"\",\r\n },\r\n {\r\n field: \"ExternalBatchId\",\r\n operator: \"contains\",\r\n value: \"\",\r\n },\r\n {\r\n field: \"Customer\",\r\n operator: \"contains\",\r\n value: \"\",\r\n },\r\n {\r\n field: \"Facility\",\r\n operator: \"contains\",\r\n value: \"\",\r\n },\r\n {\r\n field: \"Status\",\r\n operator: \"contains\",\r\n value: \"\",\r\n },\r\n {\r\n field: \"CreatedAt\",\r\n operator: \"gte\",\r\n value: `${StringWms.convertFilterStringToISODate(\"today~00:00:00\", \"\", false, true).isoStringUTC}`,\r\n },\r\n {\r\n field: \"CreatedAt\",\r\n operator: \"lte\",\r\n value: `${StringWms.convertFilterStringToISODate(\"today~23:59:59\", \"\", false, true).isoStringUTC}`,\r\n },\r\n];\r\n\r\nexport const STATUS_OPTIONS = [\r\n { name: \"Any\", value: \"\" },\r\n { name: \"Open\", value: \"open\" },\r\n { name: \"Complete\", value: \"completed\" },\r\n { name: \"Processing\", value: \"processing\" },\r\n { name: \"Printed\", value: \"printed\" },\r\n { name: \"Complete With Error\", value: \"completed_with_errors\" },\r\n { name: \"Closed\", value: \"closed\" },\r\n];\r\n","import React, { createContext } from \"react\";\r\n\r\nexport interface ModalConfig {\r\n width: number;\r\n height: number;\r\n modalTitle: string;\r\n modalSubtitle: string;\r\n windowId: string;\r\n}\r\n\r\ntype CreateHVPContextType = {\r\n setModalConfig: React.Dispatch\r\n
\r\n )}\r\n \r\n {isPresetNameExists ? {presetNameValues} already been taken : null}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport axios from \"axios\";\r\nimport React, { ChangeEvent, useState, useEffect } from \"react\";\r\nimport { default as WmsDropdown } from \"../../../components/WmsDropdown/WmsDropdown.jsx\";\r\nimport { FormValues } from \"./create-hvp-batch-modal.js\";\r\nimport * as GlobalService from \"../../../global_services.js\";\r\nimport { DropdownOption } from \"./create-hvp-batch-modal.js\";\r\nimport { useContext } from \"react\";\r\nimport { CreateHVPContext } from \"../context/createHVPContext\";\r\nimport VirtualGridComponent from \"../../../components_proto/VirtualGridComponent/VirtualGridComponent.jsx\";\r\nimport * as GridConfig from \"./create-hvp-batch-modal-step-2-grid-config\";\r\nimport { StringWms } from \"../../../../../assets/ts/StringWms\";\r\nimport { KendoGridWmsVirtual } from \"../../../../../assets/ts/KendoGridWmsVirtual\";\r\nimport \"./create-hvp-batch-modal.scss\";\r\n\r\ninterface CreateHVPBatchStep1Props {\r\n selector: string;\r\n warehouseOptions: DropdownOption[];\r\n customerOptions: DropdownOption[];\r\n packageOptions: DropdownOption[];\r\n formValues: FormValues;\r\n onInputChange: (event: ChangeEvent\r\n
\r\n\r\n \r\n
\r\n \r\n );\r\n}\r\n","import type { GridColumnsConfig } from \"../../../../../types/gridTypes\";\r\n\r\nexport interface GridFilter {\r\n field: string;\r\n operator: string;\r\n value: string;\r\n}\r\n\r\nexport const getGridDefaultColumns = ({ gridHeaders, customLabels }: GridColumnsConfig) => {\r\n const centrilizedStyling = { style: \"text-align:center;\" };\r\n return [\r\n {\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n width: 60,\r\n wmsid: 1,\r\n locked: true,\r\n lockable: false,\r\n resizable: false,\r\n sortable: false,\r\n reorderable: false,\r\n filterable: false,\r\n attributes: centrilizedStyling,\r\n headerAttributes: centrilizedStyling,\r\n },\r\n {\r\n field: \"Customer\",\r\n title: customLabels.Label_Customer,\r\n width: 120,\r\n wmsid: 7,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"SmallParcelGridGridCustomer\",\r\n },\r\n },\r\n {\r\n field: \"Warehouse\",\r\n title: customLabels.Label_Warehouse,\r\n width: 120,\r\n wmsid: 26,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"SmallParcelGridWarehouse\",\r\n },\r\n },\r\n {\r\n field: \"OrderId\",\r\n title: \"Order ID\",\r\n width: 120,\r\n wmsid: 4,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"SmallParcelGridOrderOrBatchId\",\r\n },\r\n template: function (dataItem) {\r\n if ([\"batchesAndOrders\", \"batchesOrders\"].includes(dataItem?.displayOption)) {\r\n return dataItem?.Orders?.length > 1 ? \"Multiple\" : \"-\";\r\n }\r\n return dataItem?.OrderId;\r\n },\r\n },\r\n {\r\n field: \"BatchName\",\r\n title: \"Batch Name\",\r\n width: 120,\r\n wmsid: 4,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"SmallParcelGridOrderOrBatchId\",\r\n },\r\n },\r\n {\r\n title: \"Is Batch\",\r\n width: 120,\r\n wmsid: 4,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"SmallParcelGridIsBatch\",\r\n },\r\n // eslint-disable-next-line sonarjs/no-identical-functions\r\n template: function (dataItem) {\r\n return !!dataItem?.BatchOrderId ? \"Yes\" : \"No\";\r\n },\r\n },\r\n {\r\n field: \"TotPackages\",\r\n title: gridHeaders[8].description,\r\n width: 120,\r\n wmsid: 9,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"SmallParcelGridTotPackages\",\r\n },\r\n },\r\n {\r\n field: \"Status\",\r\n title: \"Status\",\r\n width: 120,\r\n wmsid: 7,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"SmallParcelCreateHVPGridStatus\",\r\n },\r\n // eslint-disable-next-line prettier/prettier\r\n template: '#if(Status == \"open\") {# #= \"Open\" # #} else if(Status == \"queued\" || Status == \"processing\") {# #= \"Processing\" # #} else if(Status == \"completed\") {# #= \"Complete\" # #} else if(Status == \"completed_with_errors\" && Errors > 0) {# #} else if(Status == \"completed_with_errors\") {# #= \"Complete\" # #} else{# #=Status # #}#',\r\n },\r\n {\r\n field: \"CreationDate\",\r\n title: \"Created Date\",\r\n width: 120,\r\n wmsid: 16,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"SmallParcelGridShipService\",\r\n },\r\n template: function (dataItem) {\r\n const columnVariable = dataItem?.Orders?.length ? \"BatchCreationDate\" : \"CreationDate\";\r\n\r\n if (\r\n typeof dataItem[columnVariable as string] != undefined &&\r\n dataItem[columnVariable as string] != null\r\n ) {\r\n return kendo.toString(\r\n kendo.parseDate(dataItem[columnVariable as string]),\r\n \"MMM dd yyyy, hh:mm:ss tt\"\r\n );\r\n }\r\n return \"\";\r\n },\r\n },\r\n ];\r\n};\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useEffect, useState, ChangeEvent } from \"react\";\r\nimport { default as WmsModal } from \"../../../components/WmsModel/WmsModel.jsx\";\r\nimport WmsButton from \"../../../components/WmsButton/WmsButton.jsx\";\r\nimport { default as Step1 } from \"./create-hvp-batch-modal-step-1\";\r\nimport { default as Step2 } from \"./create-hvp-batch-modal-step-2\";\r\nimport * as GlobalService from \"../../../global_services.js\";\r\nimport { CreateHVPContext } from \"../context/createHVPContext\";\r\nimport type { ModalConfig } from \"../context/createHVPContext\";\r\nimport { createShippingLabelsHighVolumeBatch, getAllPackages } from \"../../small-parcel-hvp.service\";\r\nimport \"./create-hvp-batch-modal.scss\";\r\n\r\ninterface CreateBatchHVPModalProps {\r\n open: boolean;\r\n onClose: () => void;\r\n windowId: string;\r\n onSuccess: () => void;\r\n}\r\n\r\nexport interface DropdownOption {\r\n id: string;\r\n name: string;\r\n value: string;\r\n assignedCustomers?: number[];\r\n}\r\n\r\ninterface UpdateOrderAndBatchesArrayProps {\r\n ordersAndBatchesArray: any[];\r\n order: any;\r\n displayOption: DisplayOptions;\r\n}\r\n\r\ntype DisplayOptions = \"batchesAndOrders\" | \"singleOrders\" | \"batchesOrders\";\r\n\r\nexport interface FormValues {\r\n batchName: string;\r\n warehouse: string;\r\n customer: string;\r\n labelFormat: string;\r\n labelDate: string;\r\n returnLabel: boolean;\r\n labelTemplate: string;\r\n package: string | null;\r\n display: DisplayOptions;\r\n gridDataToDisplay: any[] | null;\r\n gridBatchesOnlyData: any[];\r\n gridOrdersOnlyData: any[];\r\n gridBatchesAndOrdersData: any[];\r\n selectedOrders: number[];\r\n preset: string;\r\n}\r\n\r\nexport default function CreateHVPBatchModal({\r\n open = false,\r\n onClose,\r\n windowId,\r\n onSuccess,\r\n}: CreateBatchHVPModalProps): JSX.Element {\r\n const selector = \"CreateBatchHVPModal\";\r\n const translate = (window as any).translate as any; //used to translate texts;\r\n const [currentStep, setCurrentStep] = useState(0);\r\n const [warehouseOptions, setWarehouseOptions] = useState\r\n
\r\n \r\n
\r\n \r\n \r\n {getCurrentStep()}\r\n \r\n
\r\n \r\n setCurrentStep(currentStep - 1)}\r\n buttonType=\"orange\"\r\n icon={\"fa-arrow-left\"}\r\n />\r\n )}\r\n
\r\n \r\n );\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { default as WmsModal } from \"../../../components/WmsModel/WmsModel.jsx\";\r\nimport WmsButton from \"../../../components/WmsButton/WmsButton.jsx\";\r\nimport * as FindOrdersService from \"../../../../react/orders/findOrders/findOrders.services\";\r\nimport CsvDownloader from \"react-csv-downloader\";\r\nimport { SmallParcelHolder } from \"../../../smallParcel/smallParcel-holder.component\";\r\n\r\ninterface HVPBatchErrorModalProps {\r\n windowId: string;\r\n modalTitle: string;\r\n batchErrorsUrl: string;\r\n batchShipmentsUrl: string;\r\n open: boolean;\r\n onClose: () => void;\r\n}\r\n\r\nexport default function HVPBatchErrorModal(props: HVPBatchErrorModalProps) {\r\n /**\r\n * Global variables\r\n */\r\n const translate = (window as any).translate as any; //used to translate texts;\r\n\r\n /**\r\n * Constants\r\n */\r\n const wmsSelector = \"SmallParcelHVPBatchError\";\r\n const HVPBatchErrorModalId = \"HVPBatchErrorModal\";\r\n\r\n /**\r\n * Export Columns\r\n */\r\n const exportColumns = [\r\n {\r\n id: \"OrderId\",\r\n displayName: \"Transaction ID\",\r\n },\r\n {\r\n id: \"Error\",\r\n displayName: \"Error\",\r\n },\r\n ];\r\n\r\n const [HVPBatchErrorData, setHVPBatchErrorData] = useState([]);\r\n const [isLoading, setIsLoading] = useState(true);\r\n\r\n /**\r\n * useEffects\r\n */\r\n useEffect(() => {\r\n kendo.ui.progress($(\"#\" + HVPBatchErrorModalId), true);\r\n FindOrdersService.getSmallParcelBatchErrors(props.batchErrorsUrl, props.batchShipmentsUrl)\r\n .then((response) => {\r\n if (response && response.status === 200) {\r\n setHVPBatchErrorData(response.data.ParcelBatchErrors);\r\n }\r\n })\r\n .finally(() => {\r\n kendo.ui.progress($(\"#\" + HVPBatchErrorModalId), false);\r\n setIsLoading(false);\r\n });\r\n }, [props.batchErrorsUrl, props.batchShipmentsUrl]);\r\n\r\n const resolveHVPBatchError = (orderId: any) => {\r\n props.onClose();\r\n // For Active Small Parcel Tab and Open Pack And Ship Modal\r\n (window as any).OpenWindow({\r\n url: \"\r\n {HVPBatchErrorData.map((eData: any, index: number) => (\r\n
\r\n \r\n \r\n \r\n
\r\n resolveHVPBatchError(eData.OrderId)}\r\n buttonType=\"green\"\r\n />\r\n
\r\n ))}\r\n | {translate(\"Orders_Lbl_Transaction_Id\")} | \r\n{eData.OrderId} | \r\n
|---|---|
| {translate(\"Label_Error\")} | \r\n{eData.Error} | \r\n
\r\n \r\n false}\r\n icon=\"fa-download\"\r\n buttonType=\"green\"\r\n disabled={!HVPBatchErrorData.length}\r\n />\r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n}\r\n","import React, { useEffect, useState, useCallback } from \"react\";\r\nimport VirtualGridComponent from \"../../../components_proto/VirtualGridComponent/VirtualGridComponent\";\r\nimport {\r\n getSmallParcelBatches,\r\n getSmallParcelBatchZplContents,\r\n putSmallParcelBatchLabels,\r\n removeBatchErrors,\r\n updateBatchStatus,\r\n} from \"../../small-parcel-hvp.service\";\r\nimport * as GridConfig from \"./small-parcel-hvp-grid_configuration.virtual\";\r\nimport * as GlobalService from \"../../../global_services\";\r\nimport { StringWms } from \"../../../../../assets/ts/StringWms\";\r\nimport type { GridFilter } from \"./small-parcel-hvp-grid_configuration.virtual\";\r\nimport CreateHVPBatchModal from \"../modals/create-hvp-batch-modal\";\r\nimport { KendoGridWmsVirtual } from \"../../../../../assets/ts/KendoGridWmsVirtual\";\r\nimport { default as WmsModal } from \"../../../components/WmsModel/WmsModel.jsx\";\r\nimport WmsButton from \"../../../components/WmsButton/WmsButton.jsx\";\r\nimport HVPBatchErrorModal from \"../modals/hvp-batch-error-modal\";\r\nimport { SmallParcelHolder } from \"../../../smallParcel/smallParcel-holder.component\";\r\nimport axios from \"axios\";\r\n\r\ninterface SmallParcelHVPGridProps {\r\n windowId: string;\r\n filters: GridFilter[];\r\n}\r\n\r\nlet filterCountAxiosSource = null;\r\n\r\nexport default function SmallParcelHVPGrid(props: SmallParcelHVPGridProps) {\r\n /**\r\n * Global variables\r\n */\r\n const translate = (window as any).translate as any; //used to translate texts;\r\n\r\n /**\r\n * Constants\r\n */\r\n const wmsSelector = \"SmallParcelHVP\";\r\n const smallParcelHVPGridId = \"SmallParcelHVPRemoteGrid\";\r\n const smallParcelHVPGridHeaders = StringWms.convertSringToOption(translate(\"SmallParcelHVP_GridHeaders\"));\r\n const defaultColumns = GridConfig.getGridDefaultColumns({\r\n customLabels: GlobalService.getCustomLabels(),\r\n gridHeaders: smallParcelHVPGridHeaders,\r\n });\r\n\r\n /**\r\n * useStates\r\n */\r\n const [gridData, setGridData] = useState([]);\r\n const [openCreateHVPBatchModal, setOpenCreateHVPBatchModal] = useState(false);\r\n const [openPrintHvpBatchModal, setOpenPrintHvpBatchModal] = useState(false);\r\n const [gridRowCount, setGridRowCount] = useState(0);\r\n const [selectedBatches, setSelectedBatches] = useState([]);\r\n const [manageOptionsDisableStatus, setManageOptionsDisableStatus] = useState({\r\n printHvp: {\r\n documents: true,\r\n labels: true,\r\n },\r\n updateBatch: true,\r\n resetFailedHvp: true,\r\n });\r\n const [openHVPBatchErrorModal, setOpenHVPBatchErrorModal] = useState(false);\r\n const [HVPBatchErrorModalTitle, setHVPBatchErrorModalTitle] = useState(translate(\"Label_High_Volume_Batches\"));\r\n const [batchErrorsUrl, setBatchErrorsUrl] = useState(\"\");\r\n const [batchShipmentsUrl, setBatchShipmentsUrl] = useState(\"\");\r\n const [isGridLoading, setIsGridLoading] = useState(false);\r\n\r\n /**\r\n * Functions\r\n */\r\n const getBatches = () => {\r\n setIsGridLoading(true);\r\n const startDateVal = props.filters.find((filter) => filter.field === \"startDate\")?.value ?? \"today~00:00:00\";\r\n const endDateVal = props.filters.find((filter) => filter.field === \"endDate\")?.value ?? \"today~23:59:59\";\r\n const externalBatchId = props.filters.find((filter) => filter.field === \"ExternalBatchId\")?.value;\r\n const batchId = props.filters.find((filter) => filter.field === \"BatchId\")?.value;\r\n const customer = props.filters.find((filter) => filter.field === \"Customer\")?.value;\r\n const facility = props.filters.find((filter) => filter.field === \"Facility\")?.value;\r\n const status = props.filters.find((filter) => filter.field === \"Status\")?.value;\r\n const startDate = StringWms.convertFilterStringToISODate(startDateVal, \"\", false, true).isoStringUTC;\r\n const endDate = StringWms.convertFilterStringToISODate(endDateVal, \"\", false, true).isoStringUTC;\r\n\r\n if (filterCountAxiosSource) {\r\n filterCountAxiosSource.cancel();\r\n filterCountAxiosSource = null;\r\n }\r\n // on filter update cancel axiosSource call if any running\r\n filterCountAxiosSource = axios.CancelToken.source();\r\n getSmallParcelBatches(startDate, endDate, filterCountAxiosSource.token).then((response) => {\r\n const data = response.data;\r\n if (data && data.ParcelBatches) {\r\n data.ParcelBatches = data.ParcelBatches.filter((element) => {\r\n // Set Filters Locally\r\n if (externalBatchId && element.ExternalBatchId !== externalBatchId) {\r\n return false;\r\n }\r\n\r\n if (batchId && element.BatchId !== batchId) {\r\n return false;\r\n }\r\n\r\n if (customer && element.Customer !== customer) {\r\n return false;\r\n }\r\n\r\n if (facility && element.Facility !== facility) {\r\n return false;\r\n }\r\n\r\n if (\r\n (status && element.Status !== status) ||\r\n (status === \"processing\" && element.Status !== \"queued\")\r\n ) {\r\n return false;\r\n }\r\n return true;\r\n });\r\n\r\n data.ParcelBatches = data.ParcelBatches.map((element, index) => {\r\n element.completedPackageCount = 0;\r\n element.erroredPackageCount = 0;\r\n element.packagesCount = 0;\r\n element.ordersCount = 0;\r\n element.RowIndex = index + 1;\r\n if (element?.OrderData?.length) {\r\n let orderCounts = 0;\r\n let packageCounts = 0;\r\n element.OrderData.forEach((order) => {\r\n if (order.OrderId) orderCounts += 1;\r\n if (order.PackageCount) packageCounts += order.PackageCount;\r\n if (order.IsFailed) {\r\n element.erroredPackageCount += order.PackageCount;\r\n } else {\r\n element.completedPackageCount += order.PackageCount;\r\n }\r\n });\r\n element.packagesCount = packageCounts;\r\n element.ordersCount = orderCounts;\r\n }\r\n\r\n // update Pass Fail\r\n element.PassFail = `${element.completedPackageCount}/${element.erroredPackageCount}`;\r\n if (element.Status === \"processing\") {\r\n try {\r\n const percent = Math.round(((element.Completed + element.Errors) / element.Count) * 100);\r\n element.Status = `Processing (${percent}%)`;\r\n } catch (e) {\r\n console.log(`couldn't create percent`, e.message, element);\r\n }\r\n }\r\n return element;\r\n });\r\n setGridData(data.ParcelBatches);\r\n setGridRowCount(data?.ParcelBatches?.length ?? 0);\r\n setIsGridLoading(false);\r\n }\r\n });\r\n };\r\n\r\n const setLoading = (active: boolean) => {\r\n kendo.ui.progress($(\".\" + props.windowId), active);\r\n };\r\n\r\n const handleRowSelection = (kendoGrid: KendoGridWmsVirtual, isContextMenuSelection: string) => {\r\n if (isContextMenuSelection) return;\r\n const selectedBatches = kendoGrid.getDictionary().Values();\r\n setSelectedBatches(selectedBatches);\r\n };\r\n\r\n const updateManageOptionsStatus = useCallback(() => {\r\n const newStatus = { ...manageOptionsDisableStatus };\r\n\r\n if (selectedBatches.length === 1) {\r\n const [currentBatch] = selectedBatches;\r\n const batchStatus = currentBatch?.Status?.toLowerCase();\r\n const hasCompletedOrPrintedStatus = [\"printed\", \"completed\", \"completed_with_errors\"].includes(batchStatus);\r\n const hasCompletedStatus = [\"completed\", \"completed_with_errors\"].includes(batchStatus);\r\n const hasSomeLabelToDownload = !!currentBatch.LabelDownloadZpl || !!currentBatch.LabelDownloadPdf;\r\n const hasForms = currentBatch.Forms > 0;\r\n\r\n newStatus.printHvp.labels = !(hasCompletedOrPrintedStatus && hasSomeLabelToDownload);\r\n newStatus.printHvp.documents = !(hasForms && hasCompletedStatus);\r\n newStatus.updateBatch = false;\r\n newStatus.resetFailedHvp = false;\r\n } else {\r\n newStatus.printHvp.labels = true;\r\n newStatus.printHvp.documents = true;\r\n newStatus.updateBatch = true;\r\n }\r\n\r\n setManageOptionsDisableStatus(newStatus);\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [selectedBatches]);\r\n\r\n const handlePrintBatchLabel = async () => {\r\n const [currentBatch] = selectedBatches;\r\n\r\n const labelFormat = currentBatch?.LabelFormat?.toLowerCase();\r\n const isPdfOrPngFormat = [\"png\", \"pdf\"].includes(labelFormat);\r\n const isZplFormat = labelFormat === \"zpl\";\r\n\r\n if (isPdfOrPngFormat) {\r\n // eslint-disable-next-line security/detect-non-literal-fs-filename\r\n window.open(currentBatch.LabelDownloadPdf as string, \"_blank\");\r\n }\r\n\r\n if (isZplFormat) {\r\n try {\r\n setLoading(true);\r\n const { data } = await getSmallParcelBatchZplContents(currentBatch.LabelDownloadZpl);\r\n GlobalService.printDataInZplPrinter(data, true);\r\n } catch (error) {\r\n setLoading(false);\r\n console.error(error);\r\n }\r\n }\r\n if (currentBatch.Status.toLowerCase() !== \"printed\") {\r\n setLoading(true);\r\n await updateBatchStatus(currentBatch.BatchId, \"printed\");\r\n await getBatches();\r\n setLoading(false);\r\n }\r\n setOpenPrintHvpBatchModal(false);\r\n setLoading(false);\r\n };\r\n\r\n const handlePrintDocuments = () => {\r\n const [currentBatch] = selectedBatches;\r\n // eslint-disable-next-line security/detect-non-literal-fs-filename\r\n return window.open(currentBatch.FormDownload as string, \"_blank\");\r\n };\r\n\r\n const updateBatchLabel = async () => {\r\n setLoading(true);\r\n const [currentBatch] = selectedBatches;\r\n const { BatchLabelsUrl, Errors, BatchErrorsUrl, BatchShipmentsUrl } = currentBatch;\r\n\r\n const params = `?batchlabelsuri=${BatchLabelsUrl}${\r\n Errors ? `&batcherrorsuri=${BatchErrorsUrl}` : `&batchshipmentsuri=${BatchShipmentsUrl}`\r\n }`;\r\n\r\n try {\r\n await putSmallParcelBatchLabels(params);\r\n GlobalService.notification(\"success\", translate(\"High_Volume_Processing_Update\"));\r\n } catch (error) {\r\n setLoading(false);\r\n console.error(error);\r\n }\r\n setLoading(false);\r\n };\r\n\r\n const handleEventOfContextMenu = async (contextMenu: any) => {\r\n let { wmsid } = contextMenu;\r\n const [currentBatch] = selectedBatches;\r\n\r\n if (wmsid === \"updateBatchLabel\") {\r\n return updateBatchLabel();\r\n }\r\n if (wmsid === \"printBatchLabels\") {\r\n if (currentBatch.Status.toLowerCase() === \"printed\") {\r\n setOpenPrintHvpBatchModal(true);\r\n return;\r\n }\r\n return handlePrintBatchLabel();\r\n }\r\n if (wmsid === \"printBatchDocuments\") {\r\n return handlePrintDocuments();\r\n }\r\n if (wmsid === \"resetFailedHvp\") {\r\n return undefined;\r\n }\r\n };\r\n\r\n const handleResetFailedHvp = async () => {\r\n setLoading(true);\r\n // send array of papi batches [\"https://...\", \"https://...\"]\r\n const papiPaths = selectedBatches.map((batch) => batch.BatchLabelsUrl);\r\n await removeBatchErrors(papiPaths);\r\n await getBatches();\r\n setLoading(false);\r\n };\r\n\r\n /**\r\n * useEffects\r\n */\r\n\r\n useEffect(() => {\r\n getBatches();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [props.filters]);\r\n\r\n useEffect(() => {\r\n /**\r\n * When the griData changes, we have to ensure that the selectedBatches array has the most recent data;\r\n */\r\n if (selectedBatches?.length) {\r\n const updatedBatches = [];\r\n selectedBatches.forEach((selectedBatch) => {\r\n const filteredBatch = gridData.find((batch) => batch.BatchId === selectedBatch.BatchId);\r\n if (filteredBatch) updatedBatches.push(filteredBatch);\r\n });\r\n setSelectedBatches(updatedBatches);\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [gridData]);\r\n\r\n useEffect(() => {\r\n updateManageOptionsStatus();\r\n }, [updateManageOptionsStatus]);\r\n\r\n useEffect(() => {\r\n $(document).off(\"click\", \".error-icon-status-hvp\");\r\n $(document).on(\"click\", \".error-icon-status-hvp\", function () {\r\n setBatchErrorsUrl($(this).attr(\"batch-errors-url\"));\r\n setBatchShipmentsUrl($(this).attr(\"batch-shipments-url\"));\r\n const batchName = $(this).attr(\"batch-name\");\r\n if (batchName) {\r\n setHVPBatchErrorModalTitle(\"Batch Error(s) \" + batchName);\r\n setOpenHVPBatchErrorModal(true);\r\n }\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n $(document).off(\"click\", \".hvp-batch-id-link\");\r\n $(document).on(\"click\", \".hvp-batch-id-link\", function () {\r\n const batchName = $(this).attr(\"batch-name\");\r\n const facilityName = $(this).attr(\"facility-name\");\r\n const customerName = $(this).attr(\"customer-name\");\r\n if (batchName && facilityName && customerName) {\r\n // For Active Small Parcel Tab and Open Pack And Ship Modal\r\n (window as any).OpenWindow({\r\n url: \"\r\n setOpenCreateHVPBatchModal(false)}\r\n windowId={props.windowId}\r\n onSuccess={async () => {\r\n setOpenCreateHVPBatchModal(false);\r\n GlobalService.notification(\"success\", \"HVP Batch created\");\r\n await getBatches();\r\n }}\r\n />\r\n )}\r\n {openPrintHvpBatchModal && (\r\n setOpenPrintHvpBatchModal(false)}\r\n width={600}\r\n customClass=\"wms-model-new-ui-wrapper\"\r\n >\r\n setOpenHVPBatchErrorModal(false)}\r\n windowId={props.windowId}\r\n modalTitle={HVPBatchErrorModalTitle}\r\n batchErrorsUrl={batchErrorsUrl}\r\n batchShipmentsUrl={batchShipmentsUrl}\r\n />\r\n )}\r\n
\r\n );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { default as WmsButton } from \"../../../components/WmsButton/WmsButton.jsx\";\r\nimport { default as WmsCollapse } from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport { default as WmsInput } from \"../../../components/WmsInput/WmsInput.jsx\";\r\nimport { default as WmsDropdown } from \"../../../components/WmsDropdown/WmsDropdown.jsx\";\r\nimport { default as WmsCustomDateTimePicker } from \"../../../components/WmsCustomDateTimePicker/WmsCustomDateTimePicker.jsx\";\r\n\r\nimport type { GridFilter } from \"../grid/small-parcel-hvp-grid_configuration.virtual\";\r\nimport * as GlobalService from \"../../../global_services.js\";\r\nimport { STATUS_OPTIONS } from \"../grid/small-parcel-hvp-grid_configuration.virtual\";\r\n\r\ninterface SmallParcelHVPSearchProps {\r\n onClickForFilterToggle: () => void;\r\n defaultFilter?: any;\r\n onFilterChange: (e: React.ChangeEvent\r\n {},\r\n \"value\": [\r\n {\r\n \"disabled\": manageOptionsDisableStatus.printHvp.labels,\r\n \"name\": \"Print Labels\",\r\n \"onClickFunc\": async () =>\r\n await handleEventOfContextMenu({ wmsid: \"printBatchLabels\" }),\r\n \"value\": [],\r\n \"wmsSelector\": wmsSelector + \"printBatchLabels\",\r\n \"wmsid\": \"printBatchLabels\",\r\n \"isButtonMenu\": true,\r\n \"isContextMenu\": true,\r\n },\r\n {\r\n \"disabled\": manageOptionsDisableStatus.printHvp.documents,\r\n \"name\": \"Print Documents\",\r\n \"onClickFunc\": handlePrintDocuments,\r\n \"value\": [],\r\n \"wmsSelector\": wmsSelector + \"printBatchDocuments\",\r\n \"wmsid\": \"printBatchDocuments\",\r\n \"isButtonMenu\": true,\r\n \"isContextMenu\": true,\r\n },\r\n ],\r\n \"wmsSelector\": wmsSelector + \"SmallParcelPrintBatchedShippingLabel\",\r\n \"wmsid\": \"printHvpBatch\",\r\n },\r\n {\r\n \"disabled\": manageOptionsDisableStatus.updateBatch,\r\n \"isButtonMenu\": true,\r\n \"isContextMenu\": true,\r\n \"name\": \"Update Batch\",\r\n \"onClickFunc\": updateBatchLabel,\r\n \"value\": [],\r\n \"wmsSelector\": wmsSelector + \"UpdateBatchLabel\",\r\n \"wmsid\": \"updateBatchLabel\",\r\n },\r\n {\r\n \"disabled\": manageOptionsDisableStatus.resetFailedHvp,\r\n \"name\": \"Reset Failed HVP\",\r\n \"onClickFunc\": handleResetFailedHvp,\r\n \"value\": [],\r\n \"wmsSelector\": wmsSelector + \"resetFailedHvp\",\r\n \"wmsid\": \"resetFailedHvp\",\r\n \"isButtonMenu\": true,\r\n \"isContextMenu\": true,\r\n },\r\n ],\r\n \"disabled\": false,\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n \"wmsSelector\": wmsSelector + \"Manage\",\r\n \"clickFunc\": () => {},\r\n \"isContextMenu\": true,\r\n \"isButtonMenu\": true,\r\n },\r\n {\r\n \"name\": translate(\"Label_Batch_Create_HVP\"),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"color\": \"green\",\r\n \"wmsSelector\": wmsSelector + \"CreateHVPBatch\",\r\n \"isContextMenu\": false,\r\n \"clickFunc\": () => setOpenCreateHVPBatchModal(true),\r\n \"isButtonMenu\": true,\r\n },\r\n {\r\n \"name\": \"\",\r\n \"wmsSelector\": \"RefreshGrid\",\r\n \"value\": [],\r\n \"clickFunc\": async () => {\r\n await getBatches();\r\n },\r\n \"disabled\": false,\r\n \"icon\": \"fa-sync-alt\",\r\n \"color\": \"blue\",\r\n \"isContextMenu\": false,\r\n \"isButtonMenu\": true,\r\n \"parentClassName\": \"refreshSmalParcelHVPGrid\",\r\n },\r\n {\r\n \"name\": \"Copy\",\r\n \"value\": [\r\n {\r\n \"name\": translate(\"Label_Copy_Field\"),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": translate(\"Label_Copy_Field\"),\r\n \"icon\": \"fa-bandcamp\",\r\n \"color\": \"green\",\r\n \"isContextMenu\": true,\r\n \"isButtonMenu\": false,\r\n \"wmsid\": \"copyField\",\r\n \"wmsSelector\": \"copyToClicpboard\",\r\n },\r\n {\r\n \"name\": translate(\"Label_Copy_Row\"),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": translate(\"Label_Copy_Row\"),\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n \"isContextMenu\": true,\r\n \"isButtonMenu\": false,\r\n \"wmsid\": \"copyRow\",\r\n },\r\n ],\r\n \"disabled\": false,\r\n \"disabledText\": \"\",\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n \"isContextMenu\": true,\r\n \"isButtonMenu\": false,\r\n },\r\n ]}\r\n />\r\n
\r\n {openCreateHVPBatchModal && (\r\n {translate(\"Label_Are_Sure_Reprint_Label\")}
\r\n \r\n setOpenPrintHvpBatchModal(false)}\r\n buttonType=\"orange\"\r\n icon={\"fa-ban\"}\r\n />\r\n
\r\n \r\n )}\r\n\r\n {openHVPBatchErrorModal && (\r\n \r\n \r\n search filters\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n filter.field === \"BatchId\")?.value ?? \"\"}\r\n onChangeFunc={handleFilterChange}\r\n onIconClick={handleFilterChange}\r\n label={\"Batch ID\"}\r\n showIconAfterInput={false}\r\n icon=\"fa-search\"\r\n isAutoFocus={true}\r\n />\r\n filter.field === \"ExternalBatchId\")?.value ?? \"\"}\r\n onChangeFunc={handleFilterChange}\r\n onIconClick={handleFilterChange}\r\n label={\"Batch Name\"}\r\n showIconAfterInput={false}\r\n icon=\"fa-search\"\r\n isAutoFocus={true}\r\n />\r\n filter.field === \"Customer\")?.value ?? \"\"}\r\n onChangeFunc={handleFilterChange}\r\n options={customerOptions}\r\n textField=\"name\"\r\n valueField=\"value\"\r\n />\r\n filter.field === \"Facility\")?.value ?? \"\"}\r\n onChangeFunc={handleFilterChange}\r\n options={warehouseOptions}\r\n textField=\"name\"\r\n valueField=\"value\"\r\n />\r\n filter.field === \"Status\")?.inputValue ?? \"Open\"}\r\n options={STATUS_OPTIONS}\r\n textField=\"name\"\r\n valueField=\"value\"\r\n />\r\n filter.field === \"startDate\")?.value ?? \"\"}\r\n defaultOptionMonth={\"All Time\"}\r\n isDateParseInCustomFormat={true}\r\n />\r\n filter.field === \"endDate\")?.value ?? \"\"}\r\n defaultOptionMonth={\"All Time\"}\r\n isDateParseInCustomFormat={true}\r\n />\r\n \r\n
\r\n \";\r\n }\r\n });\r\n filterText = filterText.slice(0, -1);\r\n var grid = $(this.gridDomSelector).data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n\r\n this.setState({\r\n filterText: filterText,\r\n fullFilterText: fullFilterText\r\n });\r\n }\r\n\r\n // save column hide/show data in meta data\r\n saveChangesInMetaData = () => {\r\n var grid = $(this.gridDomSelector).data(\"kendoGrid\");\r\n var sort = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = this.localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sort,\r\n grid.dataSource.filter()\r\n );\r\n packagingTypeMetaDataService.setPackagingTypesGridOptionInMetaData(finalSubmission);\r\n }\r\n\r\n clickEventOfContextMenu = (obj, e) => {\r\n if (obj.wmsid == 'packagingTypesEdit') {\r\n this.openPackageDefModal(false)\r\n } else if (obj.wmsid == 'packagingTypesDelete') {\r\n this.toggleConfirmDeleteModal(true)\r\n }\r\n }\r\n\r\n getThreePlOptions = () => {\r\n this.setState({isLoadingUserOptions: true});\r\n packagingTypeService.getThreePlOptions().then((response) => {\r\n this.setState({threePlOptions: response.data});\r\n }).finally(() => {\r\n this.setState({\r\n isLoadingUserOptions: false,\r\n });\r\n });\r\n }\r\n handleAlertRecipient = (event) => {\r\n var tempSettings = Object.assign({}, this.state.threePlOptions);\r\n tempSettings.Shipping.GlobalRecipient = event.dataItem.UserId;\r\n this.setState({threePlOptions: tempSettings});\r\n }\r\n saveAlertRecipient = () => {\r\n this.setState({isLoadingUserOptions: true});\r\n\r\n packagingTypeService.saveThreePlOptions(this.state.threePlOptions)\r\n .then((response) => {\r\n GlobalService.notification(\"success\", this.translate(\"Message_Save_Alert_recipient_success\"));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingUserOptions: false,\r\n });\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n
\r\n \r\n \r\n this.onToggleColumnModal(true)}\r\n onGridFilterApplied={this.onGridFilterApplied}\r\n metaGridConfig={this.packagingTypesGridConfig}\r\n clickEventOfContextMenu={this.clickEventOfContextMenu}\r\n menu={\r\n [{\r\n \"name\": this.translate(\"Label_Create\"),\r\n \"value\": [],\r\n \"icon\": \"fa-plus\",\r\n \"color\": \"green\",\r\n \"wmsSelector\": this.props.selector + \"Create\",\r\n 'isContextMenu': false,\r\n \"clickFunc\": () => this.openPackageDefModal(true),\r\n 'isButtonMenu': true,\r\n }, {\r\n \"name\": this.translate('Label_Edit'),\r\n \"value\": [],\r\n \"disabled\": (!this.state.selectedPackageType),\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-pencil\",\r\n \"color\": \"outlined\",\r\n \"wmsSelector\": this.props.selector + \"Edit\",\r\n \"clickFunc\": () => this.openPackageDefModal(false),\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'packagingTypesEdit'\r\n }, {\r\n \"name\": this.translate('Label_Delete'),\r\n \"value\": [],\r\n \"disabled\": (!this.state.selectedPackageType),\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-trash\",\r\n \"color\": \"red\",\r\n \"wmsSelector\": this.props.selector + \"Delete\",\r\n \"clickFunc\": () => this.toggleConfirmDeleteModal(true),\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'packagingTypesDelete'\r\n },\r\n {\r\n \"name\": \"\",\r\n \"wmsSelector\": this.props.selector + \"RefreshGrid\",\r\n \"value\": [],\r\n \"clickFunc\": this.refreshGrid,\r\n \"disabled\": false,\r\n \"icon\": \"fa-sync-alt\",\r\n \"color\": \"blue\",\r\n \"isContextMenu\": false,\r\n \"isButtonMenu\": true,\r\n \"parentClassName\": \"package-def-grid-refresh-btn\",\r\n },\r\n {\r\n \"name\": \"Copy\",\r\n \"disabled\": false,\r\n \"disabledText\": \"Copy menu should never be disabled\",\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n \"value\": [{\r\n \"name\": this.translate('Label_Copy_Field'),\r\n \"value\": [],\r\n \"disabled\": (!this.state.selectedPackageType),\r\n \"disabledText\": this.translate('Label_Copy_Field'),\r\n \"icon\": \"fa-bandcamp\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n 'wmsid': 'copyField',\r\n \"wmsSelector\": \"copyToClicpboard\",\r\n }, {\r\n \"name\": this.translate('Label_Copy_Row'),\r\n \"value\": [],\r\n \"disabled\": (!this.state.selectedPackageType),\r\n \"disabledText\": this.translate('Label_Copy_Row'),\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n 'isContextMenu': true,\r\n 'isButtonMenu': false,\r\n 'wmsid': 'copyRow'\r\n }]\r\n }]\r\n }\r\n />\r\n\r\n this.toggleConfirmDeleteModal(false)}\r\n thirdBtnLabel={this.translate('Label_Cancel')}\r\n thirdBtnIcon={\"fa-ban\"}\r\n />\r\n\r\n {this.state.isOpenColumnModal && (\r\n this.onToggleColumnModal(false)}\r\n isOpenColumnModel={this.state.isOpenColumnModal}\r\n allSortColumnList={this.state.allSortColumnList}\r\n gridId={this.packagingTypesGridId}\r\n updateGridData={() => { }}\r\n saveChangesInMetaData={this.saveChangesInMetaData}\r\n />\r\n )}\r\n {this.state.isOpenPackageDefModal && (\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport WmsButton from \"./../../components/WmsButton/WmsButton.jsx\";\r\nimport WmsDropdown from \"./../../components/WmsDropdown/WmsDropdown.jsx\";\r\nimport WmsCollapse from './../../components/WmsCollapse/WmsCollapse.jsx';\r\n\r\n// Services\r\nimport * as GlobalService from '../../global_services';\r\n\r\nexport class PackagingTypesSearch extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate\r\n this.customLabels = GlobalService.getCustomLabels();\r\n\r\n this.state = {\r\n Rights: GlobalService.GetRights(),\r\n optionsCustomer: [],\r\n optionsMaterialType: [\r\n {\r\n name: \"All\",\r\n value: \"All\"\r\n },\r\n {\r\n name: \"Package\",\r\n value: 0\r\n },\r\n {\r\n name: \"Insert\",\r\n value: 1\r\n },\r\n ]\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n var tmpCustOpt = GlobalService.getCustomerList(false);\r\n tmpCustOpt.unshift({\r\n \"id\": 0,\r\n \"name\": \"All Customers\",\r\n });\r\n this.setState({ optionsCustomer: tmpCustOpt });\r\n }\r\n\r\n handleFilterChange = (event) => {\r\n let propFilter = Object.assign({}, this.props.sharedPackagingTypesFilter);\r\n let objFilter = Object.assign(propFilter, { [event.target.name]: event.target.value });\r\n\r\n this.props.onFilterDataSet(objFilter);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n\r\n {}}\r\n disabled={this.state.isLoadingUserOptions}\r\n textField=\"Name\"\r\n valueField=\"UserId\"\r\n windowId={this.props.windowId}\r\n parentclassName=\"form-group\"\r\n template=\"\"\r\n extraWrapperClass=\"\"\r\n popupClassName=\"drop-down-list-unset-height\"\r\n // required={true}\r\n virtualObj={{\r\n itemHeight: 45,\r\n valueMapper: (options) => {\r\n var valueMapperOptions = options;\r\n $.ajax({\r\n url: \"/WebUI/users/users/UserDropDownIndexRead\",\r\n type: \"POST\",\r\n dataType: \"json\",\r\n data: {\r\n id: valueMapperOptions.value || 0,\r\n userAccess: 1,\r\n },\r\n success: function (data) {\r\n options.success(data);\r\n },\r\n });\r\n },\r\n }}\r\n dataSourceObj={{\r\n type: \"aspnetmvc-ajax\",\r\n pageSize: 30,\r\n serverPaging: true,\r\n serverFiltering: true,\r\n transport: {\r\n read: {\r\n url: \"/WebUI/users/users/userDropDownRead\",\r\n type: \"POST\",\r\n data: {\r\n userAccess: 1,\r\n },\r\n },\r\n },\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n },\r\n }}\r\n />\r\n\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { PackagingTypesGrid } from './packaging-types-grid.component.jsx'\r\nimport { PackagingTypesSearch } from \"./packaging-types-search.component.jsx\";\r\n\r\n// Services\r\nimport * as GlobalService from \"../../global_services\";\r\nimport * as packagingTypeMetaDataService from './packaging-type-meta-data.service';\r\n\r\nimport style from \"./packagingTypes.scss\";\r\n\r\nexport class PackagingTypesHolder extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate\r\n this.$rootScope = window;\r\n this.windowId = this.$rootScope.ChildBulletin.Data.Window;\r\n this.selector = \"PackagingTypes\";\r\n this.defaultFilterValue = {\r\n IndexOptionsCustomerId: \"0\",\r\n IndexOptionsMaterialType: \"All\",\r\n }\r\n\r\n this.state = {\r\n sharedPackagingTypesFilter: Object.assign({}, this.defaultFilterValue),\r\n sharedSearchOn: false,\r\n isMetaCallComplete: false,\r\n };\r\n }\r\n async componentDidMount() {\r\n var sharedPackagingTypesFilter = Object.assign({}, this.defaultFilterValue);\r\n var sharedSearchOn = false;\r\n\r\n kendo.ui.progress($('#' + this.windowId), true);\r\n await packagingTypeMetaDataService.getUserClientMetaData();\r\n GlobalService.GetCustomersAndFacility();\r\n\r\n var filterData = packagingTypeMetaDataService.getPackagingTypesFilterMetaData();\r\n if (filterData != \"\" && !(_.isEqual(this.defaultFilterValue, filterData))) {\r\n sharedPackagingTypesFilter = filterData;\r\n sharedSearchOn = true;\r\n }\r\n if(sharedPackagingTypesFilter.IndexOptionsMaterialType == undefined){\r\n sharedPackagingTypesFilter.IndexOptionsMaterialType = \"All\";\r\n }\r\n this.setState({\r\n sharedPackagingTypesFilter: sharedPackagingTypesFilter,\r\n sharedSearchOn: sharedSearchOn,\r\n isMetaCallComplete: true\r\n });\r\n kendo.ui.progress($('#' + this.windowId), false);\r\n }\r\n\r\n onClearSearch = () => {\r\n packagingTypeMetaDataService.clearPackagingTypesFilterMetaData();\r\n this.setState({\r\n sharedPackagingTypesFilter: Object.assign({}, this.defaultFilterValue),\r\n sharedSearchOn: false\r\n });\r\n }\r\n\r\n onFilterDataSet = (param_filterObj) => {\r\n packagingTypeMetaDataService.setPackagingTypesFilterMetaData(param_filterObj);\r\n this.setState({\r\n sharedPackagingTypesFilter: param_filterObj,\r\n sharedSearchOn: !(_.isEqual(this.defaultFilterValue, param_filterObj))\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n {this.props.sharedSearchOn == true &&\r\n \r\n {this.translate('Label_NOTE')}: \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {this.state.isMetaCallComplete && (\r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\n\r\n\r\nexport class FedexEulaAgreementComponent extends React.Component {\r\n render() {\r\n return (\r\n \r\n
\r\n (b) Restrictions. \r\n
\r\n (c) Modifications.\r\n
\r\n (d) Ownership and Reservation of Rights.\r\n
\r\n (b) Maintenance.\r\n
\r\n (c) Information and Data.\r\n
\r\n (d) Supplies .\r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport WmsCollapse from '../../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsInput from '../../../components/WmsInput/WmsInput.jsx';\r\nimport WmsDropdown from '../../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsCheckBox from '../../../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport * as GlobalService from './../../../global_services';\r\n\r\nexport class FedexEditComponent extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n smartPostHubOptions: [],\r\n smartPostEndorsementOptions: []\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n let optionsForSettings = GlobalService.getDropdownOptionsForSettings('FedEx');\r\n this.setState({\r\n smartPostHubOptions: optionsForSettings.smartPostHub,\r\n smartPostEndorsementOptions: optionsForSettings.smartPostEndorsement\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n Appendix A-1
\r\nEnd-User License Agreement (ASP Agreement)
\r\n\r\n If Your Developer Agreement is a FedEx ASP Agreement, this EULA is to be included in\r\n Your FedEx Compatible Solution, subject to and in accordance with Your Developer\r\n Agreement:\r\n
\r\n\r\n To use the Application (as defined below), you must agree to abide by this Agreement. This\r\n Agreement gives each of us certain rights and responsibilities. You will be assuming full and\r\n sole responsibility for all use of the Application occurring under your Account Number and\r\n registration information (e.g., meter number(s), credentials, etc.); you will be limiting your\r\n remedies. Please read this Agreement carefully.\r\n
\r\n\r\n You will be required to accept this Agreement in order to complete the registration process. By\r\n clicking the \"I accept\" button, you accept and agree to be bound by all of the provisions of this\r\n Agreement, including those incorporated by reference, without modification, limitation or\r\n qualification. You will be binding yourself or your company to this Agreement. You represent\r\n that you have the authority to bind your company, if done on behalf of a company, to this\r\n Agreement. If you do not have such authority, you must click the \"I decline\" button. You must\r\n also click the \"I decline\" button if you do not agree with this Agreement. If you decline, you will\r\n not be authorized to access or use the Application and/or the FedEx services available\r\n through such Application.\r\n
\r\nFedEx End-User License Agreement
\r\n\r\n This license agreement (“Agreement”) is entered by and between FedEx Corporate Services,\r\n Inc. (“FedEx”) and you (“Licensee”).\r\n
\r\n\r\n In consideration of the mutual promises and obligations set out below, the sufficiency of\r\n which the Parties acknowledge, FedEx and Licensee acknowledge and agree as\r\n follows:\r\n
\r\nSection 1. Application, License, Restrictions.
\r\n (a) Grant. \r\n\r\n Subject to the terms and conditions of this Agreement, FedEx grants Licensee a\r\n personal, non-exclusive, royalty-free, non-assignable, non-transferable, limited, revocable\r\n license, without the right to grant sublicenses, solely within the United States, to: (i) access\r\n and use the FedEx shipping services application (“Application”), (a) only as the Application is\r\n integrated into and made accessible to Licensee as a part of Licensee’s licensed remote\r\n access to those application hosting services (“Services”) provided\r\n by_________________________ (“System Supplier”) to Licensee, and (b) only through the\r\n means provided by the System Supplier, all solely for the purposes of accessing and using\r\n those shipping and shipping related services offered, from time to time, by FedEx or its\r\n Affiliates through the Application (“FedEx Services”); (ii) access and use Documentation (as\r\n defined below) solely for the purposes of accessing and using the Application and obtaining\r\n FedEx Services; and, (iii) to the extent that Licensee incorporates shipping functionality into its\r\n public web page in connection with Licensee’s retail operations in order to facilitate shipments\r\n to its retail customers, Licensee may allow retail customers to access and use the Application,\r\n solely as part of the Service and through the means provided by the System Suppler, for the\r\n sole purpose of conducting e-commerce transactions with Licensee that request FedEx\r\n Services by (and through) Licensee; provided, however, in no event does such access by retail\r\n customers extend to third party shippers or resellers or consolidators of shipping or shipping\r\n related services except as may be expressly permitted by a separate written agreement\r\n between FedEx and Licensee. Licensee may not access or use the Application or\r\n Documentation for any other purposes.\r\n
\r\n\r\n (b) Restrictions. \r\n
\r\n (i) \r\n The license does not permit, and Licensee will not (and will not permit any employee or\r\n other third party to):\r\n
\r\n\r\n 1. \r\n Reverse engineer, decompile, disassemble, or translate the Application;\r\n
\r\n\r\n 2. \r\n Apply any procedure or process to the Application in order to ascertain, derive, and/or\r\n appropriate for any reason or purpose, the source code or source listings for the\r\n Application or any trade secret or confidential information or process contained in the\r\n Application;\r\n
\r\n\r\n 3. \r\n Remove, obscure, modify or otherwise change any product identification, copyright or other\r\n notices or legends contained in or on, or available through, the Application or Documentation;\r\n
\r\n\r\n 4. \r\n Transfer the Application, Documentation or the license, all whether in whole or in\r\n part, or grant any rights in the Application, Documentation or the license, all whether\r\n in whole or in part by sublicense or otherwise;\r\n
\r\n\r\n 5. \r\n Except as expressly permitted under Section 1(a) herein, provide, lease, lend, or otherwise\r\n use or allow others to use or have access to the Application, the Documentation or any\r\n portion thereof;\r\n
\r\n\r\n 6. \r\n Disseminate or disclose performance information or analysis (including, without limitation,\r\n benchmarks) relating to the Application without the prior written consent of FedEx;\r\n
\r\n\r\n 7. \r\n Use or display (including, doing either on a stand-alone basis (i.e., not as integrated with the\r\n Services)) the Application or Documentation, or any portion of either, except as expressly\r\n authorized in and in accordance with Section 1(a) above;\r\n
\r\n\r\n 8. \r\n Reproduce or distribute the Application or Documentation;\r\n
\r\n\r\n 9. \r\n Modify or create derivative works of the Application or Documentation; or,\r\n
\r\n\r\n 10. \r\n Use the Application to perform or order FedEx Services by or for the benefit of third\r\n parties. For the avoidance of doubt, the functionality available through the Application\r\n (e.g., that which enables Licensee to label, rate, route, record, track and invoice) may\r\n only be used by Licensee for shipments tendered to FedEx for carriage on behalf of\r\n Licensee unless expressly permitted by a separate written agreement between FedEx\r\n and Licensee.\r\n
\r\n\r\n (ii) \r\n Licensee shall promptly notify FedEx in writing upon its discovery of any unauthorized use\r\n of the Application or Documentation. FedEx may prevent access to or use of the Application\r\n or FedEx systems if FedEx has reason to believe that (a) Licensee or third party using the\r\n Application licensed to Licensee may be involved in potential unauthorized use of or other\r\n infringement of FedEx proprietary rights or (b) Licensee or its use of the Application is in\r\n violation of this Agreement.\r\n
\r\n\r\n (iii) Licensee acknowledges and agrees that the Application and Documentation are\r\n subject to export restrictions and controls imposed by various statutes and regulations,\r\n (collectively, \"the Acts\"), including the Export Administration Act and the Export\r\n Administration Regulations. Licensee shall not use, export or re-export the Application or\r\n Documentation except as authorized by and in compliance with the Acts and all laws and\r\n regulations of the jurisdiction in which FedEx made the Application available to Licensee.\r\n Without limiting the foregoing, Licensee shall not export or re-export the Application or\r\n Documentation (i) into or to a national or resident of any embargoed countries under the Acts\r\n which include as of the date hereof, Cuba, Iran, Iraq, Libya, North Korea, Sudan or Syria or\r\n (ii) to a Denied Party listed on U.S. Department of Commerce's list of U.S. Denied Persons or\r\n a Special Designated National on the U.S. Treasury Department's list of Specially Designated\r\n Nationals. By entering into this Agreement, Licensee represents and warrants that Licensee\r\n is not located in, under control of, or a national or resident of any such country or on any such\r\n list.\r\n
\r\n\r\n (iv) Licensee acknowledges that the Services and other services provided by System\r\n Supplier are not provided by\r\n or on behalf of FedEx. LICENSEE HEREBY WAIVES ANY AND ALL CLAIMS AGAINST\r\n FEDEX ARISING FROM OR RELATING TO LICENSEE’S USE OF THE SERVICES OR\r\n THE OTHER SERVICES PROVIDED BY SYSTEM SUPPLIER.\r\n
\r\n\r\n (v) In addition to the provisions of this Agreement, if Licensee is an agency, department, or\r\n other entity of the United States Government (“Government”), pursuant to 48 C.F.R. 12.212 or\r\n 48 C.F.R. 227.7202, as applicable, the (a)\r\n Application and (b) any related materials, specifications, technical data, and documentation\r\n (collectively, “Documentation”) are Commercial Items as defined in 48 C.F.R. 2.101 and are\r\n licensed to Government end users only as Commercial Items and only with the rights\r\n granted to all other end users as provided in this Agreement. Manufacturer is FedEx\r\n Corporate Services, Inc., 30 FedEx Parkway, Collierville, TN 38017.\r\n
\r\n\r\n (c) Modifications.\r\n
\r\n To the extent FedEx or the System Supplier makes available to Licensee\r\n any updates, upgrades, enhancements, bug-fixes or other modifications to the Application\r\n (collectively, “Modifications”), such Modifications shall be considered a part of the Application\r\n and subject to the terms and conditions of this Agreement; provided, however, a Modification\r\n may come with its own imbedded license agreement and in the event of a conflict between\r\n this Agreement and any imbedded license agreement, the terms of the imbedded license\r\n agreement control. For the avoidance of doubt, except as otherwise stated, “Application”\r\n includes “Modification.”\r\n
\r\n\r\n (d) Ownership and Reservation of Rights.\r\n
\r\n All right, title and interest, including all intellectual\r\n property rights, in and to the Application, Modifications (if any), and Documentation, are\r\n owned exclusively by FedEx and/or its licensors. The Application, Modification and\r\n Documentation are licensed, not sold, and are and shall at all times remain the property of\r\n FedEx. Except for the limited, revocable license granted in Section 1(a), Licensee shall have\r\n no right, title or interest in any the Application, Modification or Documentation, and shall not\r\n allow any lien or encumbrance to exist on any of the foregoing. Except for the express license\r\n granted in Section 1(a), all rights in and to the Application and Documentation are reserved.\r\n (e) FedEx affiliates. Licensee hereby acknowledges that, unless otherwise specified, when\r\n used in this Agreement, the name “FedEx” shall include FedEx Corporate Services, Inc., its\r\n parent company and any and all of its affiliate companies, including without limitation Federal\r\n Express Corporation and FedEx Ground Package System, Inc.; provided, however, Licensee\r\n acknowledges that the sole obligor under this Agreement is FedEx Corporate Services, Inc.\r\n alone. Licensee further acknowledges that the contract of carriage for shipments made by\r\n Licensee using the Application (and not the terms governing use of such Application) is\r\n between Licensee and the FedEx company to which Licensee tenders the package within the\r\n United States.\r\n
\r\nSection 2. Licensee Obligations.
\r\n (a) Systems and Access.\r\n\r\n This Agreement governs Licensee’s access and use of the\r\n Application as provided above and under the FedEx account numbers and/or registration\r\n information (e.g., meter numbers, credentials, etc.) provided to Licensee by FedEx. Licensee\r\n will follow instructions of FedEx, including those in the Application and/or Documentation,\r\n provided from time to time, for access and use of the Application. Licensee is solely\r\n responsible for providing and maintaining all hardware necessary to access and use the\r\n Application. In addition, Licensee acknowledges that use of certain Applications or Services\r\n may require Licensee to modify its internal computer systems from time to time, and Licensee\r\n will make such modifications at its expense pursuant to the instructions provided by FedEx or\r\n System Supplier. Licensee is solely responsible, for obtaining access to the Internet or World\r\n Wide Web. Such access is required to utilize the Application. FedEx may, and may require the\r\n System Supplier, to modify the Application at any time for any reason and Licensee hereby\r\n consents to all such Modifications. If required, when instructed by FedEx (and on an ongoing\r\n basis thereafter), Licensee will complete an End of Day Close Process as required by FedEx\r\n to ensure FedEx shipping transactions are uploaded to FedEx at the close of each business\r\n day\r\n
\r\n\r\n (b) Maintenance.\r\n
\r\n Licensee agrees to look solely to the System Supplier for all technical support\r\n and maintenance of the Services and Application, unless otherwise instructed by FedEx.\r\n Notwithstanding the foregoing, FedEx in its sole discretion may (i) repair, modify, replace,\r\n disable, monitor, or remove the Application; and (ii) provide installation and integration\r\n assistance or technical support with respect to Licensee’s access to and use of the Application\r\n (collectively (i) and (ii) referred to herein “Limited Support Services”). Notwithstanding the\r\n foregoing, FedEx is under no obligation to provide Limited Support Services, or any other\r\n services, or Modifications hereunder.\r\n
\r\n\r\n (c) Information and Data.\r\n
\r\n Licensee is advised and encouraged to maintain back-up copies of\r\n any data or information (including, names, addresses, reports, etc.) that it uses or stores with,\r\n through or in the Services or the Application (collectively, “Data”). FedEx is and will not be\r\n responsible for the loss of or damage to any Data. Licensee will not load process or store Data\r\n on or through the Application not required or related to the conduct of business with FedEx.\r\n FedEx shall have access to and use of the Data used or processed on, though, in or with the\r\n Application. FedEx reserves the right to access, use, delete or remove any Data in connection\r\n with the provision of any FedEx Services or in connection with this Agreement. In addition,\r\n Licensee consents to the collection, use or disclosure by FedEx or its designee of limited\r\n personally identifiable information about Licensee or its users for the purposes contemplated\r\n by this Agreement and for marketing, sales, testing, development and other FedEx business\r\n purposes.\r\n
\r\n\r\n (d) Supplies .\r\n
\r\n Licensee acknowledges that it is responsible for the purchase of any supplies\r\n necessary to use the Application or Service and will contact the System Supplier to determine\r\n what, if any, supplies it must purchase for use of any Application or Service.\r\n
\r\nSection 3. Termination.
\r\n\r\n This Agreement is effective until terminated by either party. This\r\n Agreement will terminate independently without notice if Licensee fails to comply with any\r\n provision of this Agreement or any instructions regarding the Application provided by FedEx.\r\n Upon termination for any reason, Licensee must cease all use of the Application. FedEx\r\n reserves the right to unilaterally terminate this Agreement and the use of the Application at any\r\n time, for any reason, and by whatever means.\r\n
\r\nSection 4. Payment.
\r\n\r\n With respect to FedEx Services, Licensee will follow all of payment terms\r\n and instructions of FedEx. Licensee will remit payment, in accordance with the terms and\r\n conditions contained in the applicable FedEx transportation agreement, applicable FedEx\r\n Service Guide (\"Service Guide\"), or as otherwise instructed by FedEx. Licensee is responsible\r\n for payment of all charges generated through use of the Application under Licensee’s account\r\n number and registration information (e.g., meter numbers, credentials, etc.). Any rates\r\n reflected in or published by the Application or Service, if shown, are offered for information\r\n purposes only and may be different from the actual charges for FedEx Services incurred by\r\n Licensee.\r\n
\r\nSection 5. Adjustments and Refunds.
\r\n\r\n With respect to FedEx Services, Licensee may bill\r\n shipping charges for transactions conducted through the Application only to valid account\r\n numbers (e.g., bill sender, bill recipient or bill third party). Shipments tendered to FedEx with\r\n incorrect or incomplete routing, labeling, commitment date, service designation or other errors\r\n\r\n will not be eligible for refunds under money-back guarantees of FedEx. Refunds requested by\r\n Licensee with respect to any shipment must be made in accordance with the applicable\r\n Service Guide or Licensee’s transportation agreement with FedEx. Licensee will not be entitled\r\n to any refund or credit under money-back guarantees of FedEx if FedEx determines that the\r\n claim resulted from improper use of the Application. FedEx, in its sole discretion, may suspend\r\n its money-back guarantees in the event Application or Service fails or is inoperable for any\r\n reason.\r\n
\r\nSection 6. Disclaimer of Warranty.
\r\n\r\n Licensee expressly acknowledges and agrees that access to and use of the Application is provided to Licensee by the System Supplier and\r\n that FedEx is neither providing the Services nor charging Licensee a fee for access to or\r\n use of the Application or for providing the Limited Support Services, if any.\r\n The Application and Limited Support Services are provided “AS-IS” WITHOUT\r\n representation or warranty of any kind.\r\n
\r\n\r\n To the extent permitted by applicable law, FedEx and its Representatives (as defined in\r\n Section 8 below), disclaim and exclude all warranties, whether, express, statutory, or implied,\r\n including the implied warranties of Merchantability and Fitness for a Particular Purpose, and\r\n the warranties of Non-Infringement or Quiet Enjoyment. FedEx does not represent or warrant\r\n that the Application will meet any or all of Licensee’s requirements or that its operations will be\r\n uninterrupted or error free or that any defect within the Application will be corrected. FedEx\r\n does not represent or warrant that the Limited Support Services will meet any or all of\r\n Licensee’s requirements or that it will correct any defect within the Application. FedEx does not\r\n represent or warrant that the Application, Limited Support Services or any other related\r\n services or content is free from bugs, viruses, errors or other program limitations. FedEx does\r\n not represent or warrant access to the Internet or to any other service or content through the\r\n Application. Furthermore, FedEx does not warrant or make any representation regarding the\r\n results of Licensee’s installation or use of the Application or the Limited Support Services in\r\n terms of capability, correctness, accuracy, reliability or otherwise.\r\n
\r\n\r\n No oral or written information, representation or advice given by FedEx, the System\r\n Supplier or an authorized representative of either shall create any warranty.\r\n
\r\n\r\n Some states do not allow the exclusion of implied warranties, so the above exclusions may\r\n not apply to Licensee. In that event, any implied warranties are limited in duration to sixty (60)\r\n days from the date of purchase of the Services. However, some states do not allow\r\n limitations on how long an implied warranty lasts, so the above limitation may not apply to\r\n Licensee. This warranty gives Licensee specific legal rights and Licensee may have other\r\n rights as well which vary from state to state.\r\n
\r\nSection 7. Remedies.
\r\n\r\n YOUR SOLE REMEDY FOR ANY DISSATISFACTION WITH THE APPLICATION OR LIMITED SUPPORT\r\n
\r\n\r\n SERVICES IS TO STOP USING THE APPLICATION. Licensee agrees to look to the System\r\n Supplier for all issues relating to Your access, use or inability to access or use the\r\n Application and/or Services. Licensee acknowledges and agrees that it is Licensee’s sole\r\n responsibility to arrange with the System Supplier for any and all warranties,\r\n maintenance/support requirements, and remedies, if any, arising out of Licensee’s access to\r\n and use of the Application and/or Services. Licensee agrees that the remedy set forth in this\r\n Section is Licensee’s exclusive remedy under this Agreement for any dissatisfaction with its\r\n access to or use of (or inability to do either) the Application, the Services or Limited Support\r\n Services.\r\n
\r\nSection 8. Limitation of Liability.
\r\n\r\n Licensee acknowledges that FedEx is providing the\r\n Application and Limited Support Services, if any, to Licensee free of charge.\r\n The entire liability of FedEx and its Representatives (as defined below) for any reason shall\r\n be limited to $100.00. whether based on breach of contract, breach of warranty, tort\r\n (including, negligence), product liability, statutory or strict liability or otherwise even if FedEx\r\n or its Representatives have been advised of the possibility of such damages and even if a\r\n remedy set forth herein is found to have failed of its essential purpose.\r\n To the maximum extent permitted by applicable law, FedEx and its parent company and\r\n subsidiaries and affiliates, direct and indirect, of its Parent company, licensors, or any of the\r\n foregoing’s respective employees, officers, directors and/or agents (collectively,\r\n “Representatives”) are not and shall not be liable for any special, incidental, exemplary,\r\n punitive, consequential or other indirect damages (including: damages for loss of business,\r\n loss of data, loss of profits, damages to Licensee’s computer systems or the like), whether\r\n based on breach of contract, breach of warranty, tort (including, negligence), product liability,\r\n statutory or strict liability or otherwise even if FedEx or its Representatives have been advised\r\n of the possibility of such damages and even if a remedy set forth herein is found to have failed\r\n of its essential purpose.\r\n
\r\n\r\n Some states do not allow the limitation and/or exclusion of liability for incidental or\r\n consequential damages, so the above limitation or exclusion may not apply to You.\r\n
\r\n\r\n The limitations of damages set forth above are fundamental elements of the basis of the\r\n bargain between FedEx and Licensee. FedEx would not be able to provide the Application\r\n without such limitations.\r\n
\r\nSection 9. Controlling Law and Severability.
\r\n\r\n This Agreement shall be governed by and construed in accordance with the laws of the United States and the State of Tennessee,\r\n excluding its conflicts of law provisions. If for any reason a court of competent jurisdiction finds\r\n any provision of this Agreement, or a portion thereof, to be unenforceable, that provision shall\r\n be enforced to the maximum extent permissible so as to effect the intent of the parties and the\r\n remainder of this Agreement shall remain in full force and effect. Any cause of action with\r\n respect to Application must be instituted within one (1) year after the claim or cause of action\r\n has arisen in Shelby County, Tennessee or be barred.\r\n
\r\nSection 10. Terms and Conditions of Carriage.
\r\n\r\n (a) \r\n It is understood and agreed by Licensee that the Application and/or Service may contain\r\n functionality which may be used by Licensee to make shipments through carriers other than\r\n
\r\n\r\n FedEx. Licensee should contact the System Supplier to determine if the Service has multicarrier capability. If so, Licensee agrees that it will look solely to such third party carriers for\r\n the terms under which Licensee may tender shipments to and have its shipments carried by\r\n such third party carriers and that, as between FedEx and Licensee, Licensee is solely\r\n responsible for its compliance with such third party carriers' terms of shipping and will look\r\n solely to such third party carriers for all remedies attributable to claims arising out of the\r\n third party carriers’ carriage of Licensee’s shipments. LICENSEE WILL DEFEND,\r\n INDEMNIFY AND HOLD HARMLESS FEDEX FROM ALL CLAIMS, DEMANDS AND\r\n JUDGMENTS, INCLUDING THE PAYMENT OF ATTORNEY’S FEES, FROM THIRD\r\n PARTY CARRIERS ARISING OUT OF LICENSEE’S USE OF THE SERVICES TO\r\n PROCESS SHIPMENTS TENDERED TO SUCH CARRIERS.\r\n
\r\n\r\n (b) \r\n With respect to FedEx Services, Licensee agrees that domestic and international\r\n carriage by FedEx of any shipments tendered to FedEx pursuant to this Agreement or using\r\n the Application shall be in accordance with the terms, conditions and limitations of liability set\r\n out on the NONNEGOTIABLE Air Waybill, Label, Manifest, or Pick-Up Record (collectively\r\n “Shipping Documentation”) and as appropriate any transportation agreement between\r\n Licensee and FedEx covering such shipment and in any applicable tariff, Service Guide or\r\n Standard Conditions of Carriage, copies of which are available upon request, and which are\r\n incorporated into this Agreement by reference. If there is a conflict between the Shipping\r\n Documentation and any such document then in effect or this Agreement, the transportation\r\n agreement, tariff, Service Guide, Standard Conditions of Carriage, or this Agreement will\r\n control, in that order of priority. If a shipment originates outside the United States, the contract\r\n of carriage is with the FedEx subsidiary, branch, or independent contractor who originally\r\n accepts the shipment.\r\n
\r\n\r\n (c) \r\n In the event Licensee uses the Application and/or Service to process shipments tendered to\r\n FedEx for delivery to locations outside the United States or country of shipment origin,\r\n Licensee will, at Licensee’s sole expense, assure that the terms and conditions of international\r\n carriage supplied by FedEx from time to time (and which may be amended or modified from\r\n time to time at the sole discretion of FedEx) are placed on the Shipping Documentation, as\r\n instructed by FedEx, for all such international shipments. LICENSEE WILL DEFEND,\r\n INDEMNIFY AND HOLD HARMLESS FEDEX AND ITS REPRESENTATIVES FROM AND\r\n AGAINST ANY AND ALL LOSSES, DAMAGES, CLAIMS AND OTHER ITEMS OF COST AND\r\n EXPENSE ARISING OUT OF LICENSEE’S FAILURE TO APPLY THE INTERNATIONAL\r\n CARRIAGE TERMS TO THE SHIPPING DOCUMENTATION FOR SUCH INTERNATIONAL\r\n SHIPMENTS, INCLUDING WITHOUT LIMITATION CLAIMS FROM THE RECIPIENT OF ANY\r\n SHIPMENT, AND LICENSEE’S FAILURE TO FOLLOW INSTRUCTIONS OF FEDEX IN\r\n REGARD TO THE PLACEMENT OF THE TERMS ON THE SHIPPING DOCUMENTATION\r\n FOR SUCH INTERNATIONAL SHIPMENTS.\r\n
\r\n\r\n (d) \r\n Licensee acknowledges that if the Application and/or Service is used to process shipments\r\n to locations outside the United States or country of shipment origin, Licensee must enter the\r\n name of the person completing the Shipping Documentation to print in lieu of its manual\r\n signature on the Shipping Documentation, as applicable, for all shipments tendered by\r\n Licensee to FedEx using the Application or Service. Licensee further acknowledges that such\r\n printed name shall be sufficient to constitute the Licensee’s signature, and Licensee’s\r\n acceptance of FedEx terms and conditions of carriage contained in the applicable\r\n transportation agreement, tariff, Service Guide, Standard Conditions, or Shipping\r\n Documentation, under which the shipment is accepted by FedEx, or its independent\r\n contractor.\r\n
\r\n\r\n (e) Unless otherwise indicated, the shipper's address indicated on the face of any Shipping\r\n Documentation is the place of execution and the place of departure and the recipient's address\r\n listed on the face of the Shipping Documentation is the place of destination. Unless otherwise\r\n indicated on the face of the Shipping Documentation the first carrier of all shipments is Federal\r\n Express Corporation, 3610 Hacks Cross Road, Memphis, TN, 38125. In the event another\r\n carrier is listed on any such document, that carrier is the first carrier of the shipment. The\r\n address for FedEx Ground is P.O. Box 108, Coraopolis, PA 15230.\r\n
\r\nSection 11. Indemnity.
\r\n\r\n Licensee shall, at Licensee’s sole cost and expense, defend, indemnify\r\n and hold FedEx and its Representatives harmless from and against all claims, demands, suits,\r\n damages, losses, liabilities, costs, expenses, fines and judgments, including reasonable\r\n attorney’s fees, (hereinafter, collectively, “Claims”) arising out of or relating to\r\n
\r\n(a) Licensee’s\r\n installation, use (or inability to use) and/or removal (or inability to remove) of the Application or\r\n any other materials or services provided to Licensee by or on behalf of FedEx or its\r\n Representatives;\r\n
\r\n\r\n (b) the intentional acts, willful misconduct or negligence (acts or omissions) of licensee, its\r\n employees, officers, directors, suppliers, customer, agents, users, or representatives\r\n (collectively, for purposes of sections 11(b) and 11(c), “Licensee”); or,\r\n
\r\n\r\n (c) Licensee’s breach of\r\n this Agreement. FedEx may intervene and assume its defense in any such Claims, at its\r\n expense and in its sole discretion. Licensee will not settle any Claims involving FedEx or the\r\n Application without the prior written consent of FedEx.\r\n
\r\nSection 12. Complete Agreement.
\r\n\r\n This Agreement constitutes the entire agreement between Licensee and FedEx with respect to the Application, and supersedes any prior or\r\n contemporaneous understandings, representations, statements or agreements, written or oral,\r\n regarding the Application. Notwithstanding the foregoing, an Application or Modification may\r\n come with its own imbedded license agreement and in the event of a conflict between this\r\n Agreement and any imbedded license agreement, the terms of the imbedded license\r\n agreement control. As used in this Agreement, “including” means “including, without limitation”\r\n and is illustrative rather than exhaustive. No amendment to or modification of this Agreement\r\n will be binding on FedEx without the written consent of FedEx. Licensee may not assign or\r\n otherwise transfer this Agreement or the licenses granted herein, including by operation of law\r\n without the prior written consent of FedEx. Any assignment or transfer in violation of the\r\n foregoing is void and of no effect. In addition, except for FedEx Representatives, Licensee and\r\n FedEx acknowledge and agree that there are no third party beneficiaries to this Agreement.\r\n The provisions of Sections 1(b), 1(c), 1(d), 1(e), 2(c), 3, 4, 5, 6, 7, 8, 9, 10 11, and 12 will\r\n survive the termination of this Agreement.\r\n
\r\n\r\n
\r\n \r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport WmsCollapse from '../../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsInput from '../../../components/WmsInput/WmsInput.jsx';\r\nimport WmsDropdown from '../../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsCheckBox from '../../../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsDateTimePicker from '../../../components/WmsDateTimePicker/WmsDateTimePicker.jsx';\r\nimport * as GlobalService from './../../../global_services';\r\n\r\nexport class UpsEditComponent extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.translate = window.translate;\r\n\r\n this.state = {\r\n pickupTypeOptions: []\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n\r\n let optionsForSettings = GlobalService.getDropdownOptionsForSettings('UPS');\r\n\r\n this.setState({\r\n pickupTypeOptions: optionsForSettings.pickupType,\r\n IsDisabledUseNegotiatedRates: this.props.currentCarrierObj.UseNegotiatedRates,\r\n IsDisabledUseNegotiatInputs: true\r\n });\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (this.props.currentCarrierObj.UseNegotiatedRates !== prevProps.currentCarrierObj.UseNegotiatedRates) {\r\n this.setState({\r\n IsDisabledUseNegotiatInputs: this.props.currentCarrierObj.UseNegotiatedRates == true ? false : true\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n {translate(\"Label_Include_Shipping_Cost_Info\").replace(\r\n new RegExp(\"{CustomerName}\"),\r\n this.props.selectedCustomerName\r\n )}\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React from 'react';\r\n\r\n\r\nexport class UpsEulaAgreementComponent extends React.Component {\r\n render() {\r\n return (\r\n \r\n\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {translate(\"Label_Include_Shipping_Cost_Info\").replace(\r\n new RegExp(\"{CustomerName}\"),\r\n this.props.selectedCustomerName\r\n )}\r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n}","import React, { Component } from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\n\r\nexport class EndiciaAccountInfoComponent extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n UPS TECHNOLOGY AGREEMENT
\r\n UPS TECHNOLOGY AGREEMENT Version UTA 08072018\r\n\r\n PLEASE CAREFULLY READ THE FOLLOWING TERMS AND CONDITIONS OF THIS UPS TECHNOLOGY AGREEMENT. BY INDICATING BELOW THAT YOU AGREE TO BE BOUND BY THE TERMS AND CONDITIONS OF THIS AGREEMENT, YOU HAVE ENTERED INTO A LEGALLY BINDING AGREEMENT WITH UPS MARKET DRIVER, INC. (\"UPS\").\r\n
\r\n\r\n This Agreement comprises\r\n (1) these General Terms and Conditions (including its attached Exhibit A (Definitions - General Terms and Conditions ) and Exhibit B (Country Specific Amendment to the General Terms and Conditions);\r\n
\r\n\r\n (2) the End User Rights (including its attached Exhibit A (Definitions - End User Rights), Exhibit B (UPS Technology), and Exhibit C (Permitted Territory)) available at https://www.ups.com/us/en/help-center/legalterms-conditions/technology-agreement.page (as such End User Rights may change from time to time in accordance with its terms); and\r\n
\r\n\r\n (3) the documentation referenced in any of the foregoing, which are all incorporated by reference. You hereby confirm that You have read and fully understand BOTH the General Terms and Conditions AND the End User Rights which are available for Your review by accessing https://www.ups.com/us/en/helpcenter/legal-terms-conditions/technology-agreement.page INCLUDING the documentation referenced therein. The Agreement may be presented to You more than once in conjunction with Your access and use of UPS Technology. Unless the version of the Agreement has changed, each instance serves to confirm the Agreement as mutually entered into and not to create an additional or separate agreement.\r\n
\r\n For purposes of the Agreement:\r\n\r\n \"Customer\" means the Person that is your employer, but is not a Service Provider, (1) and that has been assigned the UPS Account you use to register the first UPS Technology you access, if a UPS Account is required for such\r\n registration, (2) and that has been assigned the first UPS Account you use with the UPS Technology you access, if a UPS Account is not required for registration but is required for use, or (3) when the first UPS Technology you\r\n access does not require a UPS Account for registration or use.\r\n
\r\n\r\n \"Service Provider\" means a third party engaged by a UPS customer to assist such UPS customer in managing its shipping activity with the UPS Parties, including Billing Data Service Providers, that has been approved by UPS in\r\n writing to perform such services for the UPS customer; provided however, UPS Affiliates may serve as Service Provider without a written approval by UPS.\r\n
\r\n\r\n \"Service Provider Employee\" means an employee of a Service Provider.\r\n \"You\" or the possessive, \"Your,\" means, as applicable: (i) you as an individual, if you are entering into this Agreement as an individual on behalf of no other third party for your own personal use of the UPS Technologies; (ii) you\r\n as an individual and Customer, if you are accessing UPS Technology as part of your responsibilities as an employee of Customer; or (iii) you as an individual and your employer, if your employer is a Service Provider to a UPS\r\n customer and you are accessing UPS Technology as part of your responsibilities as a Service Provider Employee to perform services for the benefit of a UPS customer. You represent and warrant You have reached the age of legal majority and, if applicable, You can form legally binding contracts under applicable law on behalf of Yourself, the Customer or Service Provider related to the UPS Technology. If at any time You are no longer authorized to form legally binding contracts under applicable law on behalf of Yourself, the Customer or Service Provider, as applicable, You may no longer use UPS Technology on Your own behalf or on behalf of such Customer or Service Provider. General Terms and Conditions\r\n
\r\n 1. Definitions.\r\n\r\n Capitalized terms used in this Agreement have the meanings set forth on General Terms and Conditions Exhibit A attached hereto and End User Rights Exhibit A. In the case of any conflict between the terms of\r\n the End User Rights and these General Terms and Conditions, these General Terms and Conditions shall control.\r\n
\r\n 2. License Grant.\r\n\r\n 2.1. Scope. UPS hereby grants to You and You accept, subject to the terms and conditions of this Agreement, a limited, revocable, non-sublicenseable, non-exclusive, non-transferable, license to use or access, as applicable, the UPS Technology and associated Technical Documentation in the Permitted Territory for such UPS Technology. The End User Rights contain additional general license rights and restrictions, as well as UPS Technology-specific\r\n license rights and restrictions.\r\n
\r\n 2.2. General Restrictions - UPS Materials and Software.\r\n\r\n You shall not, and shall cause Your employees and agents not to, sublicense, disclose or transfer the UPS Materials to any third party without the written consent of UPS. You agree not to modify (including corrections to the Software), reproduce, rent, lease, lend, encumber, distribute, redistribute, remarket or otherwise dispose of the UPS Materials or any part thereof without the consent of UPS, and hereby waive such rights granted under applicable law, except where such waiver is unenforceable. You agree not to duplicate the Software, except as required for its use in accordance with this Agreement, provided that You may make one (1) back-up copy of the Software solely for archival purposes. Such back-up copy shall include UPS's copyright and other proprietary notices, and shall be subject to all the terms and conditions of this Agreement.Notwithstanding anything to the contrary in this Agreement, You may not use the Software on an outsourced time-share or service bureau basis.\r\n
\r\n 3. Export Law Assurances.\r\n\r\n You acknowledge that all UPS Materials provided hereunder are subject to the U.S. Export Administration Regulations (\"EAR\") administered by the U.S. Department of Commerce's Bureau of Industry and Security, as well as other U.S. laws and regulations. You agree to comply with the EAR and all applicable U.S. laws in your handling and use of all UPS Materials provided hereunder and to not export or reexport the UPS Materials except as authorized by the EAR, U.S. and other applicable laws. Without limiting the generality of the foregoing, you agree, represent and warrant that no UPS Materials will be accessed from, downloaded in,\r\n released in, carried to, transferred to, transshipped through or to, exported to, or reexported to (1) the Restricted Territory (or a national or resident thereof) or (2) any person, entity or organization on the U.S. Treasury Department's list of Specially Designated Nationals or the U.S. Department of Commerce's Denied Persons List or Entity List. The countries and territories considered Restricted Territory and the persons, entities or organizations\r\n on the aforementioned lists may change from time to time. You agree to stay current with and comply with this provision notwithstanding any such changes. For convenient reference only, information on the Restricted Territory\r\n countries and territories and the persons, entities or organizations on the aforementioned lists may be found at:\r\n http://www.treasury.gov/ofac/downloads/sdnlist.txt,\r\n http://www.treasury.gov/resource-center/sanctions/Programs/Pages/Programs.aspx, and\r\n http://www.bis.doc.gov/complianceandenforcement/liststocheck.htm.\r\n
\r\n 4. UPS Materials.\r\n\r\n 4.1. Ownership of Intellectual Property Rights. You hereby acknowledge and agree that UPS owns all right, title and interest in and to, or has the right to license to You, the UPS Materials. You acknowledge that You have not\r\n acquired any ownership interest in the UPS Materials and will not acquire any ownership interest in the UPS Materials by reason of this Agreement. You will not at any time do or knowingly permit to be done any act or thing\r\n that would in any way impair the rights of UPS or its licensors in and to the UPS Materials. UPS and its licensors reserve all rights pertaining to the UPS Materials not specifically granted herein.\r\n
\r\n 4.2. Changes to UPS Materials and UPS Technology.\r\n\r\n UPS may update, alter, modify or supplement any or all of the UPS Materials and/or UPS Technology at any time.\r\n
\r\n 5. Support Services.\r\n\r\n 5.1. Support and Maintenance. From time to time UPS, in its sole discretion, may, in response to Your request, choose to provide support or maintenance for the Software (\"Support Services\"). You hereby authorize UPS and its\r\n authorized agents (the \"Support Providers\"), in order to provide Support Services, to access the Software, other applications which You may be using in conjunction with the Software and Your computer systems either (1)\r\n remotely, via the Internet or other means (which may require the installation of additional software on Your computer systems by UPS or the Support Providers) (\"Support Software\"), or (2) through on-site visits at specific times\r\n as mutually agreed upon by the parties. Each support session using Support Software will be separately approved by You. During such sessions UPS may see the Software as operating on the Your computer system and UPS may\r\n assist You in making modifications to Your computer systems. You further grant UPS and Support Providers the right to manipulate and modify the Software and Your computer systems, applications, files and data as reasonably\r\n necessary to provide You with Support Services. However, You agree that any Support Services will be provided at UPS's discretion and nothing in the Agreement shall be interpreted to obligate UPS to provide any Support\r\n Services.\r\n
\r\n 5.2. Access to Proprietary Information.\r\n\r\n You acknowledge and agree that You may disclose, or that UPS or the Support Providers may observe, Your information and data during the provision of Support Services by UPS or the Support Providers; and that such information and data shall be deemed non-confidential and thus, not covered by General Terms and Conditions Article 7, unless UPS has agreed otherwise in a signed confidentiality agreement\r\n separate from this Agreement. In addition, You acknowledge that the remote communications sessions utilized by UPS or the Support Providers may be implemented through the Internet, which is inherently insecure, and You\r\n agree that UPS or the Support Providers shall not be liable for any security breaches occurring on the Internet. You should take the foregoing into account when requesting Support Services from UPS or Support Providers.\r\n
\r\n 6. Suspension; Term and Termination.\r\n\r\n 6.1. Suspension of Rights. UPS may suspend Your rights to access any part of the UPS Systems through the UPS Technology or as necessary in UPS's sole discretion including without limitation, to (1) prevent access to any part\r\n of UPS Systems or the UPS Technology that is not in compliance with the terms and conditions of this Agreement; (2) correct a material error in the UPS Systems or the UPS Technology or (3) comply with a law, regulation or\r\n rule or any ruling of a court or other body of competent jurisdiction.\r\n
\r\n 6.2. Term.\r\n\r\n This Agreement shall become effective upon Your assent by clickthrough below and shall remain in full force and effect thereafter until terminated as provided herein (the \"Term\").\r\n
\r\n 6.3. Hosted UPS Technology.\r\n\r\n Certain UPS Technology is hosted by UPS, UPS Affiliates or vendors of UPS or UPS Affiliates. Hosted UPS Technology is hosted on servers in the United States of America and is scheduled to be\r\n available twenty-four (24) hours a day, seven (7) days a week (other than when unavailable for maintenance); however, UPS does not guarantee the availability of hosted UPS Technology, or that access will be uninterrupted or\r\n error-free. UPS reserves the right to interrupt, limit, or suspend hosted UPS Technology from time to time for purposes of maintenance, upgrades and similar reasons. You agree that neither UPS nor UPS Affiliates shall be held\r\n responsible or liable for any Damages arising from any interruption, suspension or termination of hosted UPS Technology, regardless of the cause.\r\n
\r\n 6.4. Termination.\r\n\r\n a. Either party may terminate this Agreement, and UPS may terminate any or all licenses to the UPS Technology granted hereunder, for convenience at any time upon written notice to the other party.\r\n b. Notwithstanding the foregoing, this Agreement shall terminate without any further action needing to be taken by UPS (1) upon a breach of General Terms and Conditions Article 3, 7 or 10, or General Terms and Conditions\r\n Sections 2.2 and 4.1 (third sentence); (2) in the event of Your bankruptcy, commencement of bankruptcy, corporate reorganization, civil rehabilitation, concordat, special liquidation or any other insolvency proceeding with\r\n respect to You, or if You shall have a receiver, administrator, administrative receiver or liquidator appointed or shall pass a resolution for winding up, or a court shall make an order to that effect, (3) if You are a partner in or\r\n Customer or Service Provider is a partnership and such partnership is dissolved, or (4) upon deletion of Your UPS profile.\r\n
\r\n 6.5. Effect of Termination.\r\n\r\n a. Upon the termination of this Agreement for any reason whatsoever all licenses granted hereunder shall immediately terminate and You shall immediately cease and desist from all access to and use of the UPS Materials, and\r\n destroy all UPS Materials in Your possession or control.\r\n
\r\n\r\n b. Upon termination of any license to a UPS Technology, You shall immediately cease and desist from access to and use of such UPS Technology and associated UPS Materials and destroy all such associated UPS Materials in Your possession or control.\r\n 6.6. Survival of Terms upon Termination. General Terms and Conditions Articles 1, 5, 7-9 and 12; Sections 4.1, 6.5 and 6.6; and Exhibit A and Exhibit B to these General Terms and Conditions; and the Articles and those Sections of the End User Rights identified in End User Rights Section 3.2 shall survive the termination of this Agreement for any reason.\r\n
\r\n 7. Confidential Information, Trade Secrets, Information.\r\n\r\n 7.1. Disclosure. During the Term and thereafter, You shall not use (except as permitted in connection with Your performance hereunder), disclose or permit any Person access to any Trade Secrets (including, without limitation, any Trade Secrets contained in the UPS Materials). During the Term and for a period of five (5) years thereafter, except as otherwise mandated by law, You shall not use, disclose, or permit any Person access to any Confidential Information, except as permitted in connection with Your performance hereunder. You acknowledge that if You breach this General Terms and Conditions Article 7, UPS may have no adequate remedy at law available to it, may suffer irreparable harm, and will be entitled to seek equitable relief. You agree to protect such Confidential Information and Trade Secrets with no less diligence than You protect Your own confidential or proprietary information. If disclosure to Confidential Information is required under provisions of any law or court order, You will notify UPS sufficiently in advance so UPS will have a reasonable opportunity to object.\r\n
\r\n\r\n 7.2. Aggregation. You shall not aggregate the Information or derive or develop information, services or products that use the Information, other than as expressly permitted under this Agreement.\r\n
\r\n\r\n 7.3. Data Export. You may not export, whether by (i) data export functionality built into the Software; (ii) extraction from the Software interface (e.g. screen scraping); or (iii) otherwise, any data from the UPS Databases and use\r\n such data for comparing shipping rates or delivery times with the shipping rates or delivery times of any third party that is not a member of the UPS Parties.\r\n
\r\n 8. Warranties.\r\n\r\n 8.1. By Customer. You represent and warrant that (1) Customer is not headquartered in the Restricted Territory; (2) You will not use the UPS Technology in the Restricted Territory; and (3) You are not, nor is Customer under the\r\n control of any Person on the U.S. Treasury Department list of Specially Designated Nationals, or the U.S. Department of Commerce Denied Persons List or Entity List (as they may be amended from time to time and which, for convenient reference only, may be found at
\r\n http://www.treasury.gov/ofac/downloads/sdnlist.txt,
\r\n http://www.treasury.gov/resource-center/sanctions/Programs/Pages/Programs.aspx, and
\r\n http://www.treasury.gov/resource-center/sanctions/Programs/Pages/Programs.aspx ), or incorporated in, a national resident of or government of the Restricted Territory.\r\n
\r\n a. UPS PARTIES WARRANT THAT FOR NINETY (90) DAYS FROM THE DELIVERY TO YOU OF SOFTWARE THAT SUCH SOFTWARE SHALL MATERIALLY OPERATE AS DESCRIBED IN THE SOFTWARE'S CORRESPONDING TECHNICAL DOCUMENTATION. UPS'S SOLE LIABILITY FOR A BREACH OF THE FOREGOING WARRANTY SHALL BE TO REPLACE ANY SUCH SOFTWARE. EXCEPT AS STATED IN\r\n THE WARRANTY OF THE FOREGOING TWO SENTENCES, THE UPS MATERIALS ARE PROVIDED \"AS IS WITH ALL FAULTS\" AND IN THEIR PRESENT STATE AND CONDITION. NO WARRANTY, REPRESENTATION, GUARANTEE, CONDITION, UNDERTAKING OR TERM, EXPRESS OR IMPLIED, STATUTORY OR OTHERWISE, AS TO THE CONDITION, QUALITY, DURABILITY, ACCURACY, COMPLETENESS, PERFORMANCE, NON-INFRINGEMENT OF THIRD PARTY RIGHTS, MERCHANTABILITY, QUIET ENJOYMENT, OR FITNESS FOR A PARTICULAR PURPOSE OR USE OF THE UPS MATERIALS IS GIVEN OR ASSUMED BY UPS AND ALL SUCH WARRANTIES, REPRESENTATIONS, CONDITIONS, UNDERTAKINGS AND TERMS ARE HEREBY EXCLUDED TO THE FULLEST EXTENT\r\n PERMITTED BY APPLICABLE LAW, AS ARE ANY WARRANTIES ARISING FROM COURSE OF DEALING OR USAGE. UPS DOES NOT WARRANT THAT DEFECTS IN THE UPS MATERIALS WILL BE CORRECTED. NO ORAL OR WRITTEN INFORMATION OR ADVICE GIVEN BY UPS OR ANY UPS REPRESENTATIVE SHALL CREATE A WARRANTY.\r\n
\r\n\r\n b. You furthermore acknowledge and agree that access by UPS or the Support Providers to Your computer systems, files and associated data pursuant to General Terms and Conditions Article 5 hereof is merely to facilitate Support Services on Your behalf, and You remain solely responsible for backing up Your computer systems, applications, files and data. ANY SUPPORT SERVICES OR SUPPORT SOFTWARE PROVIDED BY UPS OR A SUPPORT PROVIDER PURSUANT TO THIS AGREEMENT ARE PROVIDED \"AS IS WITH ALL FAULTS\", AND UPS MAKES NO WARRANTIES, EXPRESS OR IMPLIED, REGARDING ANY SUCH SUPPORT SERVICES OR SUPPORT SOFTWARE. WITHOUT LIMITING THE GENERALITY OF THE FOREGOING, UPS HEREBY EXPRESSLY DISCLAIMS ALL WARRANTIES, INCLUDING WITHOUT LIMITATION ANY WARRANTY OF MERCHANTABILITY, NON-INFRINGEMENT OF THIRD PARTY RIGHTS OR FITNESS FOR A PARTICULAR PURPOSE, RELATED TO SUPPORT SERVICES OR SUPPORT SOFTWARE PROVIDED UNDER THE AGREEMENT AND ALL ASSOCIATED ADVICE, DIAGNOSES AND RESULTS. YOU ACKNOWLEDGE AND AGREE THAT UPS WILL NOT BE LIABLE FOR ANY ERROR, OMISSION, DEFAULT, DEFICIENCY, OR NONCONFORMITY IN THE SUPPORT SERVICES.\r\n
\r\n\r\n c. THE UPS PARTIES DO NOT GUARANTEE CONTINUOUS, UNINTERRUPTED, OR SECURE ACCESS TO THE UPS SYSTEMS AND ACCESS TO SUCH UPS SYSTEMS MAY BE INTERFERED WITH BY NUMEROUS FACTORS OUTSIDE OF UPS'S CONTROL. THE UPS PARTIES ARE NOT LIABLE FOR ANY DAMAGES OF ANY TYPE CAUSED BY SUCH INTERFERENCE.\r\n
\r\n\r\n d. SOME JURISDICTIONS DO NOT ALLOW LIMITATIONS ON IMPLIED WARRANTY, SO THE LIMITATIONS AND EXCLUSIONS IN THIS SECTION MAY NOT APPLY TO YOU. THE AGREEMENT GIVES YOU SPECIFIC LEGAL RIGHTS. YOU MAY ALSO HAVE OTHER RIGHTS WHICH VARY FROM JURISDICTION TO JURISDICTION. YOU AGREE AND ACKNOWLEDGE THAT THE LIMITATIONS AND EXCLUSIONS OF LIABILITY AND WARRANTY PROVIDED IN THIS AGREEMENT ARE FAIR AND REASONABLE.\r\n
\r\n 9. Limitation of Liability.\r\n\r\n a. SOME JURISDICTIONS DO NOT ALLOW LIMITATIONS ON CERTAIN DAMAGES SUCH AS LIMITATIONS ON (I) INCIDENTAL OR CONSEQUENTIAL DAMAGES, (II) DAMAGES RESULTING FROM GROSS NEGLIGENCE OR WILLFUL MISCONDUCT AND (III) DAMAGES RESULTING FROM PERSONAL INJURY OR DEATH. ACCORDINGLY, THE LIMITATIONS AND EXCLUSIONS IN THIS SECTION MAY NOT APPLY TO YOU AND ARE ONLY APPLICABLE TO THE FULLEST EXTENT PERMITTED BY APPLICABLE LAW. THIS AGREEMENT GIVES YOU SPECIFIC LEGAL RIGHTS. YOU MAY ALSO HAVE OTHER RIGHTS THAT VARY FROM JURISDICTION TO JURISDICTION. IF YOU ARE DEALING AS A CONSUMER, YOUR STATUTORY RIGHTS THAT CANNOT BE WAIVED, IF ANY, ARE NOT AFFECTED BY THESE PROVISIONS.\r\n
\r\n\r\n b. THE UPS PARTIES SHALL NOT BE LIABLE TO YOU OR ANY THIRD PARTY FOR ANY INDIRECT, CONSEQUENTIAL, EXEMPLARY, PUNITIVE, MULTIPLE, INCIDENTAL, OR SPECIAL DAMAGES, LOST\r\n PROFITS, LOSS OF DATA OR DATA USE, LOST SAVINGS, OR COSTS OF PROCURING SUBSTITUTE GOODS ARISING OUT OF THIS AGREEMENT, DUE TO BREACH OF CONTRACT, TORT (INCLUDING\r\n NEGLIGENCE), DELICT, USE OF THE UPS MATERIALS OR OTHERWISE, EVEN IF THE UPS PARTIES HAVE BEEN ADVISED OF THE LIKELIHOOD OF SUCH DAMAGES OCCURRING. EXCEPT FOR THE\r\n LIMITATIONS OF LIABILITY SET FORTH IN END USER RIGHTS SECTION 1.7 AND GENERAL TERMS AND CONDITIONS SECTION 8.2, IN NO EVENT SHALL THE LIABILITY OF ALL THE UPS PARTIES\r\n FOR ANY DAMAGES (DIRECT OR OTHERWISE) OR PENALTIES OR LOSS, REGARDLESS OF THE FORM OF ACTION OR CLAIM, WHETHER IN CONTRACT, TORT (INCLUDING NEGLIGENCE), DELICT OR OTHERWISE OF ANY TYPE EXCEED, IN THE AGGREGATE, ONE THOUSAND UNITED STATES DOLLARS (USD $1,000), ANY CLAIM FOR DAMAGES IN EXCESS THEREOF BEING HEREBY WAIVED\r\n BY YOU.\r\n
\r\n\r\n c. FOR THE AVOIDANCE OF DOUBT AND CONSISTENT WITH THE SECOND PARAGRAPH OF THESE GENERAL TERMS AND CONDITIONS, THE PRESENTMENT OF THIS AGREEMENT (VERSION UTA\r\n 08072018 (UPS.COM)) MORE THAN ONCE TO YOU DOES NOT CHANGE THE UPS PARTIES' TOTAL AGGREGATE LIABILITY ABOVE ONE THOUSAND UNITED STATES DOLLARS (USD $1,000).\r\n
\r\n\r\n d. CLAIMS NOT MADE WITHIN SIX (6) MONTHS AFTER THE FIRST EVENT GIVING RISE TO A CLAIM SHALL BE DEEMED WAIVED.\r\n
\r\n 10. Use of Name and Publicity.\r\n\r\n Except as expressly provided in this Agreement, You agree that You shall not, without separate prior written consent of UPS in each instance, use in advertising, publicity or otherwise the name of\r\n the UPS Parties (including without limitation United Parcel Service of America, Inc.), or any partner or employee of the UPS Parties, nor any trade name, trademark, trade dress or simulation thereof owned by the UPS Parties.\r\n
\r\n 11. Notices.\r\n\r\n Except as specifically provided in this Agreement, all notices, demands or other communications required or permitted hereunder shall\r\n be in writing and shall be given as follows: If by You: by personal delivery, UPS Next Day Air delivery (notice deemed effective one business day after dispatch); by facsimile or telecopier transmission if a transmission confirmation is received by the sending party (notice deemed effective on date confirmation is received); or by certified mail, return receipt requested, postage prepaid (notice deemed effective on tenth business day following placement in mail) to UPS, 35 Glenlake Parkway, Atlanta, Georgia 30328, attention: UPS Legal Department, facsimile: (404) 828-6912; and If by UPS: by each method available to You as well as electronic mail (notice deemed effective on date of transmission); to the address, email address or facsimile number, as applicable, (1) of Your registration information for the UPS Technology as provided to UPS, (2) of a UPS Account You use with the UPS Technology or (3) if neither (1) nor (2) above apply, then to the address, email address or facsimile number, as applicable, that You have otherwise provided to UPS. Either party may change its address, email address or facsimile number for notice through thirty (30) days' prior written notice to the other party.\r\n
\r\n 12. Miscellaneous.\r\n\r\n 12.1. Independent Parties. The parties are independent parties and nothing herein shall be construed as creating an employment or agency relationship, partnership, and/or joint venture between the parties. Neither party is granted\r\n any right or authority to assume or to create any obligation or responsibility, express or implied, on behalf of or in the name of the other party, or to bind such other party in any manner.\r\n
\r\n\r\n 12.2. Waiver. No waiver of any provision of this Agreement, or any rights or obligations of either party under this Agreement, shall be effective, except pursuant to a written instrument signed by the party or parties waiving\r\n compliance, and any such waiver shall be effective only in the specific instance and for the specific purpose stated in such writing.\r\n
\r\n\r\n 12.3. Severability of Provisions. In the event that any provision of this Agreement is found to be invalid or unenforceable pursuant to judicial decree or decision, the remainder of this Agreement shall remain valid and\r\n enforceable according to its terms.\r\n
\r\n\r\n 12.4. Assignment. This Agreement, including any rights, licenses or obligations under this Agreement, may not be assigned by You to any other Person or entity without the prior written consent of UPS. UPS may assign,\r\n delegate or transfer all or any part of this Agreement or any rights hereunder to any member of the UPS Parties without the need for any approval or consent from You. For these purposes, \"Assignment\" shall include, but is not\r\n limited to, any merger or sale of all or substantially all of the assets of the assigning party or any transfer of this Agreement, or any portion hereof, by operation of law or otherwise, or any sale or other transfer of thirty percent\r\n (30%) or more of the voting shares/interests of the assigning party or control thereof. In the event of any permitted Assignment of this Agreement, this Agreement shall be binding upon and inure to the benefit of each of the\r\n parties and their respective legal successors and permitted assigns.\r\n
\r\n\r\n 12.5. Taxes. Any fees payable under this Agreement do not include any taxes and fees (including, but not limited to, any applicable withholding taxes and VAT or any other tax or fee) levied by any duly constituted taxing\r\n authority against the fees payable to UPS hereunder. You shall be solely responsible for the calculation of and payment of any such taxes to the relevant taxing authority, and shall not reduce the amount of the fees payable for\r\n such tax payment.\r\n
\r\n\r\n 12.6. Governing Law; Jurisdiction and Language. To the fullest extent permitted by applicable law, this Agreement and any claim, case, or controversy arising out of or relating to this Agreement (whether for breach of contract,\r\n tort or otherwise) shall be governed by and construed in accordance with the laws of the State of New York, excluding (1) its conflict of law principles; (2) the United Nations Convention on Contracts for the International Sale of Goods; (3) the 1974 Convention on the Limitation Period in the International Sale of Goods; and (4) the Protocol amending the 1974 Convention, done at Vienna, April 11, 1980. The parties declare that they have required that this Agreement and all documents related hereto, either present or future, be drawn up in the English language only. Les parties declarent qu'elles exigent que cette entente et tous les documents y afferents, soit pour le present ou\r\n l'avenir, soient rediges en langue anglaise seulement. To the fullest extent permitted by applicable law and consistent with valid entry into a binding agreement, the controlling language of this Agreement is English and any translation You have received has been provided solely for Your convenience. To the fullest extent permitted by applicable law, all correspondence and communications between You and UPS under this Agreement must be in the English language. In the event You have entered into this Agreement by means of the Internet display of a translated version of this Agreement in a language other than U.S. English, You may view the U.S. English language\r\n version of this Agreement by accessing https://www.ups.com/us/en/help-center/legal-terms-conditions/technology-agreement.page. THE EXCLUSIVE JURISDICTION FOR ANY CLAIM, CASE, OR CONTROVERSY ARISING OUT OF OR RELATING TO THIS AGREEMENT (WHETHER FOR BREACH OF CONTRACT, TORT OR OTHERWISE) SHALL BE A FEDERAL OR STATE COURT IN ATLANTA, GEORGIA, AND THE PARTIES HEREBY CONSENT TO SUCH EXCLUSIVE JURISDICTION AND IRREVOCABLY WAIVE AND SHALL NOT ASSERT ANY DEFENSES BASED ON LACK OF IN PERSONAM JURISDICTION, IMPROPER VENUE OR INCONVENIENT FORUM. Notwithstanding the foregoing, if and to the extent subsequent separate or ancillary proceedings in another U.S. or foreign court are necessary in order to enforce a\r\n judgment of the court in Atlanta, Georgia, or otherwise as is necessary to provide complete relief and full resolution of all issues in dispute, the Parties may institute such subsequent separate or ancillary proceedings in any such U.S. or foreign court, and the Parties hereby consent to the non-exclusive jurisdiction of such court and hereby waive any defenses therein based on lack of in personam jurisdiction, improper venue or inconvenient forum. Notwithstanding anything herein to the contrary, UPS shall be entitled to interim relief or provisional remedies before any court having jurisdiction. You agree to the admissibility of computer records and electronic evidence in\r\n any dispute herein. For the avoidance of doubt, dispute resolution provisions contained in any agreement You have entered into with a member of the UPS Parties related to UPS services, including for example, the applicable UPS Terms and Conditions of Carriage/Service, shall govern whenever such provisions are applicable to any claim or controversy. SEE SECTION 12.15 AND EXHIBIT B FOR COUNTRY-SPECIFIC DEVIATIONS TO THIS AGREEMENT IF YOU ARE A RESIDENT OF OR YOUR REGISTERED OFFICE IS LOCATED IN ONE OF THE FOLLOWING COUNTRIES OR TERRITORIES: MIDDLE EASTERN COUNTRIES, BANGLADESH, INDONESIA, ISRAEL, THE UNITED STATES OF AMERICA OR PUERTO RICO.\r\n
\r\n\r\n 12.7. Force Majeure. Neither party hereto shall be liable for the failure to perform any of its obligations under this Agreement or for any Damages if such failure is caused by any reason beyond its reasonable control including without limitation, any occurrence of any act of God, labor strike or dispute, industrial disturbance, governmental emergency order, judicial or government action, emergency regulations, sabotage, riots, vandalism, electronic failure, major computer hardware or software failures, equipment delivery delays, acts of third parties, or act of terrorism.\r\n
\r\n\r\n 12.8. Remedies. Any remedies provided herein are non-exclusive.\r\n
\r\n\r\n 12.9. Compliance with Laws. Each party, in connection with its performance hereunder, shall strictly comply with all applicable laws, rulings, and regulations and shall take no actions which would cause the other party to be in violation of any laws, rulings or regulations applicable to it, including, where required, You as a licensee filing this Agreement with a governmental entity. You specifically acknowledge that the UPS Materials provided hereunder may contain encryption functionality. You acknowledge and agree that by downloading, importing or using the UPS Materials in any country or territory outside the United States you, not UPS, assume full responsibility for compliance with all the laws and regulations of such country or territory, including, without limitation, all laws and regulations governing the import, use, distribution, development, or transfer of encryption software or technology and all requirements of registration or licensing related to same.\r\n
\r\n\r\n 12.10. Data Practices. In order to perform pickup and delivery services, and in connection with Your use of the UPS Technology, the UPS package delivery company in Your jurisdiction, whose name and address may be found\r\n under \"Contact UPS\" on the UPS Web Site for Your jurisdiction (\"UPS Delivery Co.\"), collects, processes and uses personal information. UPS Market Driver, Inc., 35 Glenlake Parkway, N.E., Atlanta, Georgia, USA 30328 and\r\n the other UPS Parties receive personal information and use it for the Purposes defined below. The UPS Parties process personal information in accordance with applicable data protection laws. The personal information is used for the purposes (the \"Purposes\") set forth in, and is subject to, the UPS Privacy Notice published on UPS's web site at https://www.ups.com/us/en/help-center/legal-terms-conditions/privacy-notice.page (hereby incorporated by reference into this Agreement). The personal information may be disclosed to certain\r\n recipients (\"Recipients\") as described in the UPS Privacy Notice. You acknowledge You have read and fully understand the UPS Privacy Notice. You represent and warrant to UPS that when You or Your employees, agents or contractors (\"Shipper Parties\") provide UPS Delivery Co. with personal information: (1) the Shipper Parties have collected the personal information lawfully, and have the right and authority to provide the personal information to the UPS Parties for any uses permitted under these General Terms and Conditions Section 12.10; (2) You or another Shipper Party have notified each individual identified by the personal information (including all package addressees), as required by applicable law, that UPS will be processing the personal information in accordance with the UPS Privacy Notice published\r\n at https://www.ups.com/us/en/help-center/legal-terms-conditions/privacy-notice.page in effect at the time of shipping, that the personal information may be provided by UPS to the Recipients set forth above, and that the personal information may be transferred to countries or territories other than the country or territory in which the UPS Parties originally collected the information (which countries or territories may not have the same data protection laws as the country or territory in which You originally provided the information); and (3) You have obtained informed and specific consent from any package addressee or recipient, as required by law, that UPS may send e-mail and other notifications related to the agreed shipment services. You further agree to receive non-marketing telephone calls and text messages relating to the UPS pickup and delivery services (including, without limitation, collections calls and text messages) from or on behalf of UPS at any wireless telephone number assigned to Your account. You understand and agree that such calls or text messages may be prerecorded and/or delivered through the use of an automatic telephone dialing system and that Your wireless carrier's message and data rates may apply to Your receipt of such calls and text messages at a cellular telephone number. You understand and agree that any telephone number(s) that You provide to UPS will be true, accurate, current, and complete, and You will promptly update any such number as necessary to keep it true, accurate, current, and complete.\r\n
\r\n\r\n 12.11. Non-Exclusivity. Nothing in this Agreement shall be construed to preclude or restrict UPS in any way from entering into similar arrangements with any other Person or from dealing or contracting directly with mutual customers of the parties.\r\n
\r\n\r\n 12.12. Entire Agreement; Amendment. This Agreement constitutes the entire understanding and agreement between the parties with respect to the subject matter of this Agreement and supersedes any and all (1) prior or contemporaneous representations, understandings and agreements related thereto and (2) any prior versions of the UPS Technology Agreement between UPS and You, all of which are merged in this Agreement. Such merger will not be effective as to Software. The UPS Technology Agreement current at the time You receive a particular version of the Software will govern Your use of such Software version at all times. Any Corporate Technology\r\n Agreement between UPS and Customer, whether entered into before or after the date of this Agreement, shall supersede this Agreement. Any UPS Technology Agreement between UPS and You having a version more recent than Version UTA08072018 shall supersede this Agreement. The superseding of any prior agreement shall not abridge UPS's rights against You as a result of any violation or breach of such prior agreement before the date of this Agreement. This Agreement may not be modified or amended except by a writing signed by authorized representatives of the parties to this Agreement; provided, however, UPS may modify the End User Rights pursuant to End\r\n User Rights Section 3.1 and the UPS Materials and UPS Technology pursuant to these General Terms and Conditions Section 4.2. A writing with electronic signatures shall not qualify to modify or amend the Agreement.\r\n
\r\n\r\n 12.13. Waiver: European Union Notices. To the fullest extent permitted by applicable law, if You are a resident of or Your registered office is located in a member state of the European Union, You waive all notices,\r\n acknowledgements and confirmations relative to contracting by electronic means which may be required under Articles 10(1), 10(2), 11(1) and 11(2) of EU Directive 2000/31/EC as implemented in Your jurisdiction in respect of Your use of the UPS Technology. If You are a resident of any European Union member state, You understand You have a right to withdraw from this Agreement in the first fourteen (14) days after Your acceptance, and to the fullest extent permitted by applicable law, You hereby expressly renounce the 14-day right of withdrawal in exchange of UPS making UPS Technologies available to You immediately upon entering in this Agreement.\r\n
\r\n\r\n 12.14. NOTICE: Processing of Personal Information pursuant to UPS Privacy Notice. Except as You indicate to the contrary pursuant to the methods specified in the UPS Privacy Notice (which preferences may be changed by You at any time), You hereby acknowledge that personal information may be processed for the Purposes as set forth in General Terms and Conditions Section 12.10. You also agree that where You are the package addressee or recipient, You have received notice of the processing and use of personal information as described in General Terms and Conditions Section 12.10.\r\n
\r\n\r\n 12.15. Country-Specific Terms. If You are a resident of or Your registered office is located in one of the countries or territories listed below, the terms of Exhibit B shall apply to You. In the case of conflict or ambiguity between any provision contained in the body of these General Terms and Conditions and any provision contained in Exhibit B, the provision contained in Exhibit B shall prevail if Exhibit B applies to You. a. Bahrain, Kuwait, Oman, Qatar, Saudi Arabia, UAE, Jordan, Tunisia, Algeria, Djibouti, Iraq, Lebanon, Libya, Morocco, and Mauritania (\"Middle Eastern Countries\"). b. Bangladesh, Indonesia, Israel, the United States of America and Puerto Rico.\r\n
\r\nEXHIBIT A
\r\nDEFINITIONS- GENERAL TERMS AND CONDITIONS
\r\n\r\n Affiliates means third parties that control, are controlled by, or under common control with, whether directly or indirectly, a Person. For purposes of this definition, the term \"control\" (including with correlative meanings, the terms \"controlled by\" and \"under common control with\") means the possession directly or indirectly of the power to direct or cause the direction of the management and policies of an entity,whether through the ownership of voting securities, by trust, management agreement, contract or otherwise.\r\n
\r\n\r\n Agreement is defined in the second paragraph of these General Terms and Conditions.\r\n
\r\n\r\n Alternate Billed Shipment(s) means shipments tendered to the UPS Parties on Your behalf by another Person where such shipments are charged against Your UPS Account. Assignment has the definition provided in General Terms and Conditions Section 12.4.\r\n
\r\n\r\n Billing Data Service Provider means a third party services provider (1) hired by You for providing services for You to close the Customer Billing Cycle, and (2) who has been identified to UPS by You for receipt of Billing Data from UPS to You via the UPS Systems, using the approved secure transfer method which may be modified from time to time by UPS in accordance with this Agreement.\r\n
\r\n\r\n Confidential Information means any information or material, other than Trade Secrets, that is of value to UPS and is not generally known to third parties, or that UPS obtains from any third party (including without limitation the UPS Parties) that UPS treats as proprietary whether or not owned by UPS. Confidential Information shall include Information. Confidential Information shall not include information that You can show is: (1) known by You at the time of receipt from UPS and not subject to any other nondisclosure agreement between the parties; (2) now, or which hereafter becomes, generally known to the public through no fault of You; (3) otherwise lawfully and independently developed by You without reference to Confidential Information; or (4) lawfully acquired by You from a third party without any obligation of confidentiality.\r\n
\r\n\r\n Customer is defined in the third paragraph of the General Terms and Conditions.\r\n Damages means any claims, losses, damages, rulings, judgments and costs and expenses (including without limitation attorneys fees).\r\n End User Rights means the document available at\r\n https://www.ups.com/us/en/help-center/legal-terms-conditions/technology-agreement.page and described in the second paragraph of these General Terms and Conditions.\r\n General Terms and Conditions means this document.\r\n Inbound Shipments means shipments tendered to the UPS Parties for delivery to You.\r\n Information means information provided from the UPS Systems (i) related to services provided by the UPS Parties or (ii) generated in connection with You shipping with the UPS Parties, including without limitation, Tendered Shipments.\r\n Middle Eastern Countries has the definition provided in General Terms and Conditions Section 12.15. Outbound Shipments means a shipment tendered to the UPS Parties by You.\r\n Permitted Territory means for any UPS Technology those countries and territories associated with such UPS Technology on End User Rights Exhibit C.\r\n Person means any individual, corporation, limited liability company, partnership, joint venture, association, joint stock company, trust, unincorporated organization or other legal entity.\r\n
\r\n\r\n Purposes has the definition provided in General Terms and Conditions Section 12.10. Recipients has the definition provided in General Terms and Conditions Section 12.10. Restricted Territory means those countries or territories subject to a comprehensive economic sanctions program administered by the U.S. Department of the Treasury, Office of Foreign Assets Control (\"OFAC\") or to any other\r\n general prohibition on the use, exportation, or reexportation of the UPS Technology under U.S. sanctions or export control laws. Countries or territories subject to OFAC embargo or sanctions can change at any time. For Your\r\n convenient reference only, the following links provide information pertaining to such countries or territories:\r\n http://www.treasury.gov/resource-center/sanctions/Programs/Pages/Programs.aspx, and\r\n http://www.bis.doc.gov/complianceandenforcement/liststocheck.htm.\r\n
\r\n\r\n Service Provider has the definition provided in the third paragraph of the General Terms and Conditions.\r\n Service Provider Employee has the definition provided in the third paragraph of the General Terms and Conditions.\r\n Shipper Parties has the definition provided in General Terms and Conditions Section 12.10.\r\n Software means those items of UPS Technology that (i) are software and that are provided by UPS to You under this Agreement, (excluding\r\n sample computer software code) and any associated Technical Documentation, and (ii)\r\n any Updates thereto to the extent provided by UPS to You under this Agreement.\r\n Support Services has the definition provided in General Terms and Conditions Section 5.1.\r\n Support Software has the definition provided in General Terms and Conditions Section 5.1.\r\n Support Providers has the definition provided in General Terms and Conditions Section 5.1.\r\n Technical Documentation means collectively any and all documentation and/or sample computer software code regarding the UPS Technology or the UPS Marks provided or made available to You by UPS hereunder. Tendered Shipment means a shipment tendered (i) by or for You to the UPS Parties for delivery or (ii) by a third party to the UPS Parties for delivery to You, which can be an Outbound Shipment, Alternate Billed Shipment or Inbound Shipment.\r\n Term has the definition provided in General Terms and Conditions Section 6.2.\r\n Trade Secret means any information of UPS or that UPS acquired from a third party (including without limitation the UPS Parties) which is not commonly known by or available to the public, which (1) derives economic value,\r\n actual or potential, from not being generally known to and not being readily ascertainable by proper means by other persons who can obtain economic value from its disclosure or use, and (2) is the subject of efforts that are\r\n reasonable under the circumstances to maintain its secrecy.\r\n Update(s) shall mean maintenance, error corrections, modifications, updates, enhancements or revisions to the UPS Materials. UPS means UPS Market Driver, Inc.\r\n UPS Account means any shipping account assigned to You by a member of the UPS Parties, including, without limitation, those accounts assigned to users of UPS.com shipping known as \"temporary accounts\" and UPS Freight shipping accounts.\r\n UPS Databases means databases of proprietary information related to the shipping services of the UPS Parties and distributed with or for use with Software.\r\n UPS Delivery Co. has the definition provided in General Terms and Conditions Section 12.10. UPS Marks means the word mark \"UPS\" as shown in various trademark registrations including but not limited to U.S. Trademark Registration No. 966,724, and the mark \"UPS & Stylized Shield Device\" as shown below and as shown in various trademark registrations, including but not limited to U.S. Trademark Registration Nos.: 2,867,999, 2,965,392, 2,973,108, 2,978,624, 3,160,056 and European Community Trademark Registration Nos.:\r\n 3,107,026, 3,107,281, and 3,106,978.\r\n
\r\n\r\n UPS Materials means collectively the UPS Technology, the UPS Databases, the Technical Documentation, the Information, the Software, the UPS Marks, and the UPS Systems.\r\n UPS Parties means UPS and existing Affiliates, and their respective shareholders, officers, directors, employees, agents, partners, third party suppliers and third party licensors.\r\n UPS Privacy Notice means the privacy notice available at https://www.ups.com/us/en/help-center/legal-terms-conditions/privacy-notice.page.\r\n UPS Systems means the UPS computer and network systems accessed by the UPS Technology. UPS Technology means those products identified on End User Rights Exhibit B. You is defined in the third paragraph of this Agreement.\r\n
\r\nEXHIBIT B
\r\nCOUNTRY SPECIFIC AMENDMENT TO THE GENERAL TERMS AND CONDITIONS
\r\n\r\n If You are a resident of or Your registered office is located in any country or territory identified in Section 12.15 of the General Terms and Conditions, the following terms replace or modify the referenced terms of the General Terms and Conditions. All terms of the General Terms and Conditions that are not changed by these amendments remain unchanged and in effect.\r\n 1. Middle Eastern Countries, Bangladesh, Indonesia, Israel, the U.S. and Puerto Rico.\r\n 1.1 Geographic Scope and Applicability.\r\n a. You warrant and represent that You are a resident of or Your registered office is located in one of the following countries: Middle Eastern Countries, Bangladesh, Indonesia, Israel, the United States of America or Puerto Rico.\r\n b. Subject to Section 1.1(a) of this Exhibit B above, You and UPS agree to modify the General Terms and Conditions as set forth in Section 1.2 of this Exhibit B below.\r\n c. Except as amended as set forth herein, the General Terms and Conditions (including the Exhibits thereto) shall continue in full force and effect until expired or terminated and reflect the entire agreement between You and UPS regarding the subject matter hereof. To the extent that any provisions of this Exhibit B are inconsistent with the General Terms and Conditions, the terms of this Exhibit B shall govern solely with regard to the subject of the\r\n inconsistency.\r\n d. In consideration of the promises and mutual covenants of the parties, You and UPS agree that the General Terms and Conditions shall be modified as set forth in Section 1.2 of this Exhibit B below.\r\n 1.2 Amendments.\r\n a. If You are a resident of or Your registered office is located in one of the Middle Eastern Countries, Bangladesh, Indonesia or Israel, Section 9 of the General Terms and Conditions shall be deleted in its entirety and replaced\r\n with the following:\r\n \"9. Limitation of Liability.\r\n 9.1 Except as expressly stated in Section 9.2:\r\n a. UPS Parties shall not in any circumstances have any liability for any Damages which may be suffered by the Customer (or any person claiming under or through the Customer), whether the same are suffered directly or\r\n indirectly or are immediate or consequential, and whether the same arise in contract, tort (including negligence) or otherwise howsoever, which fall within any of the following categories:\r\n i. special damage even if UPS Parties was aware of the circumstances in which such special damage could arise;\r\n ii. loss of profits;\r\n iii. loss of anticipated savings;\r\n iv. loss of business opportunity;\r\n v. loss of goodwill;\r\n vi. costs of procuring substitute goods arising out of this Agreement;\r\n vii. loss or corruption of data or data use.\r\n b. The total liability of UPS Parties, whether in contract, tort (including negligence) or otherwise and whether in connection with this Agreement or any collateral contract, shall in no circumstances exceed, in the aggregate, a sum\r\n equal to one thousand United States dollars (USD $1,000); and\r\n c. You agree that, in entering into this Agreement, either it did not rely on any representations, whether written or oral, of any kind or of any person other than those expressly set out in this Agreement or (if it did rely on any\r\n representations, whether written or oral, not expressly set out in this licence) that it shall have no remedy in respect of such representations and, in either case, UPS Parties shall have no liability in any circumstances otherwise\r\n than in accordance with the express terms of this Agreement.\r\n 9.2 The exclusions in Section 9.1 shall apply to the fullest extent permitted by applicable law, but UPS Parties do not exclude liability for:\r\n a. death or personal injury caused by the negligence of UPS Parties, their officers, employees, contractors or agents;\r\n b. fraud or fraudulent misrepresentation; or\r\n c. any other liability which may not be excluded by law\r\n
\r\n\r\n 9.3 For the avoidance of doubt, the presentment of this Agreement (version UTA 08072018) more than once to you does not change the UPS Parties' total aggregate liability above one thousand united states dollars (USD $1,000).\r\n
\r\n\r\n 9.4 Claims not made within six (6) months after the first event giving rise to a claim shall be deemed waived.\"\r\n b. If You are a resident of or Your registered office is located in one of the Middle Eastern Countries, Bangladesh, Indonesia, Israel, the United States of America or Puerto Rico, Section 12.6 of the General Terms and Conditions\r\n shall be deleted in its entirety and replaced with the following:\r\n \"12.6 Governing Law and Arbitration.\r\n
\r\n\r\n a. If You are a resident of or Your registered office is located in one of the Middle Eastern Countries, any dispute arising out of or in connection with this Agreement, including any question regarding its existence, validity or\r\n termination, shall be referred to and finally resolved by arbitration under the Arbitration Rules of the DIFC-LCIA Arbitration Centre, which the Arbitration Rules of the DIFC-LCIA Arbitration Centre are deemed to be incorporated by reference into this clause. The number of arbitrators shall be one. The seat, or legal place, of arbitration shall be the Dubai International Financial Centre. The language to be used in the arbitration shall be English. The governing law of the Agreement shall be the substantive laws of England and Wales. You hereby represent and warrant that You have the authority to enter into an agreement to arbitrate in accordance with this\r\n clause and any applicable law.\r\n
\r\n\r\n b. If You are a resident of or Your registered office is located in Bangladesh or Indonesia, any dispute arising out of or in connection with this Agreement, including any question regarding its existence, validity or termination,\r\n shall be referred to and finally resolved by arbitration under the Arbitration Rules of the Singapore International Arbitration Centre, which the Arbitration Rules of the Singapore International Arbitration Centre are deemed to be\r\n incorporated by reference into this clause. The number of arbitrators shall be one. The seat, or legal place, of arbitration shall be the Singapore International Arbitration Centre. The language to be used in the arbitration shall be\r\n English. The governing law of the Agreement shall be the substantive laws of England and Wales. You hereby represent and warrant that You have the authority to enter into an agreement to arbitrate in accordance with this\r\n clause and any applicable law.\r\n
\r\n\r\n c. If You are a resident of or Your registered office is located in Israel, any dispute arising out of this Agreement, or the breach thereof, shall be settled by arbitration in accordance with the International Arbitration Rules of the\r\n Israeli Institute of Commercial Arbitration, which the International Arbitration Rules of the Israeli Institute of Commercial Arbitration are deemed to be incorporated by reference into this clause. The number of arbitrators shall\r\n be one. The parties also agree to abide by and to perform the award or judgment of the arbitrator as the final decision respecting such dispute. The language to be used in the arbitration shall be English. The governing law of the\r\n Agreement shall be the substantive laws of England and Wales. You hereby represent and warrant that You have the authority to enter into an agreement to arbitrate in accordance with this clause and any applicable law.\r\n
\r\n\r\n d. If You are a resident of or Your registered office is located in the United States of America or Puerto Rico, any dispute arising out of this Agreement, or the breach thereof, shall be governed as set forth in Attachment 1\r\n (Dispute Resolution in the U.S. and Puerto Rico) attached hereto.\r\n
\r\n\r\n e. To the fullest extent permitted by applicable law and consistent with valid entry into a binding agreement, the controlling language of this Agreement is English and any translation You have received has been provided solely\r\n for Your convenience. To the fullest extent permitted by applicable law, all correspondence and communications between You and UPS under this Agreement must be in the English language. In the event You have entered into\r\n this Agreement by means of the Internet display of a translated version of this Agreement in a language other than U.S. English, You may view the U.S. English language version of this Agreement by accessing https://www.ups.com/us/en/help-center/legal-terms-conditions/technology-agreement.page.\r\n
\r\n\r\n f. Notwithstanding any other term of this Agreement, dispute resolution provisions contained in any agreement You have entered into with a member of the UPS Parties related to UPS Services, including for example, the applicable UPS Terms and Conditions of Carriage/Service, shall govern whenever such provisions are applicable to any claim or controversy.\r\n
\r\n\r\n c. If You are a resident of or Your registered office is located in one of the Middle Eastern Countries, Bangladesh, Indonesia or Israel, Section 12.16 shall be appended to the General Terms and Conditions as follows:\r\n \"12.16 Interpretation. The following rules of interpretation shall apply to this Agreement:\r\n
\r\n\r\n a. Section and Exhibit headings shall not affect the interpretation of this Agreement.\r\n b. A person includes a natural person, corporate or unincorporated body (whether or not having separate legal personality).\r\n c. Unless the context otherwise requires, words in the singular shall include the plural and in the plural include the singular.\r\n d. Unless the context otherwise requires, a reference to one gender shall include a reference to the other gender.\r\n
\r\n\r\n e. Any reference to an English legal term for any action, remedy, method of judicial proceeding, legal document, legal status, court, official or any legal concept or thing shall, in respect of any jurisdiction other than England, be deemed to include a reference to what most nearly approximates to the English legal term in that jurisdiction.\r\n
\r\n\r\n f. A reference to a statute or statutory provision is a reference to it as amended, extended or re-enacted from time to time, whether before or after the date of this Agreement, and in the case of a reference to a statute is also to all subordinate legislation made under that statute whether before or after the date of this Agreement.\r\n
\r\n\r\n g. Any words following the terms \"including,\" \"include,\" \"in particular\" or \"for example\" or any similar phrase shall not limit the generality of the related general words.\r\n
\r\n\r\n h. Any reference to the word \"merchantability\" shall also be construed as meaning \"satisfactory quality.\"\"\r\n
\r\n\r\n d. If You are a resident of or Your registered office is located in one of the Middle Eastern Countries, Bangladesh, Indonesia or Israel, Section 12.17 shall be appended to the General Terms and Conditions as follows:\r\n \"12.17 Third Party Rights. A person who is not a party to this Agreement shall not have any rights under the Contracts (Rights of Third Parties) Act 1999 to enforce any term of this Agreement, but this does not affect any right or remedy of a third party which exists, or is available, apart from that Act.\"\r\n
\r\n\r\n e. If You are a resident of or Your registered office is located in one of the Middle Eastern Countries, Bangladesh, Indonesia or Israel, Section 12.18 shall be appended to the General Terms and Conditions as follows:\r\n \"12.18 Anti-Bribery and Anti-Corruption. You shall comply with all applicable laws, statutes, regulations, and codes relating to anti-bribery and anti-corruption including but not limited to the UK Bribery Act 2010 in connection\r\n with this Agreement and promptly report to UPS any request or demand for any undue financial or other advantage of any kind received by such party in connection with the performance of this Agreement.\"\r\n
\r\n\r\n f. If You are a resident of or Your registered office is located in Indonesia, Section 12.13 of the General Terms and Conditions shall be deleted in its entirety and replaced with the following:\r\n \"12.13 Entire Agreement; Amendment. This Agreement constitutes the entire understanding and agreement between the parties with respect to the subject matter of this Agreement and supersedes any and all (1) prior or contemporaneous representations, understandings and agreements related thereto and (2) any prior versions of the UPS Technology Agreement between UPS and You, all of which are merged in this Agreement. Such merger will not be effective as to Software. The UPS Technology Agreement current at the time You receive a particular version of the Software will govern Your use of such Software version at all times. Any Corporate Technology Agreement between UPS and Customer, whether entered into before or after the date of this Agreement, shall supersede this Agreement. Any UPS Technology Agreement between UPS and You having a version more recent than Version UTA08072018 shall supersede this Agreement. The superseding of any prior agreement shall not abridge UPS's rights against You as a result of any violation or breach of such prior agreement before the date of this Agreement. A writing with electronic signatures shall not qualify to modify or amend the Agreement.\r\n
\r\n Attachment 1 \r\n\r\n Dispute Resolution in the U.S. and Puerto Rico Binding Arbitration of Disputes Except as to disputes that qualify for state courts of limited jurisdiction (such as small claims, justice of the peace, magistrate court, and similar courts with monetary limits on their jurisdictions over civil disputes), You and UPS agree that any controversy or claim, whether at law or equity, arising out of or related to this Agreement that arises in whole or in part in the United States or Puerto Rico, regardless of the date of accrual of such dispute, shall be resolved in its entirety by individual (not class-wide nor collective) binding arbitration.\r\n
\r\n\r\n Arbitration is the submission of a dispute to a neutral arbitrator, instead of a judge or jury, for a final and binding decision, known as an \"award.\" Arbitration provides for more limited discovery than in court, and is subject to limited review by courts. Each party has an opportunity to present evidence to the arbitrator in writing or through witnesses. An arbitrator can only award the same damages and relief that a court can award under the law and must honor the terms and conditions in this Agreement. You and UPS agree that their sole relationship is a contractual one governed by this Agreement.\r\n
\r\n\r\n Institutional Arbitration The arbitration shall be conducted by the American Arbitration Association (\"AAA\") in accordance with its Commercial Arbitration Rules and the Supplementary Procedures for Consumer-Related Disputes (the \"AAA Rules\"),\r\n and judgment on the award may be entered in any court of competent jurisdiction. The AAA Rules, including instructions for how to initiate arbitration, are available at https://www.adr.org. The arbitrator shall decide all issues of\r\n the case on the basis of the applicable law, not equity. If You initiate arbitration, You must serve UPS's registered agent for service of process, Corporation Service Company, which has locations in every state. Information also\r\n can be found on the website of your local Secretary of State.\r\n
\r\n\r\n Any arbitration under this Agreement will take place on an individual basis; class, mass, consolidated or combined actions or arbitrations or proceeding as a private attorney general are not permitted. You and UPS each waives\r\n the right to trial by jury. You and UPS further waive the ability to participate in a class, mass, consolidated or combined action or arbitration.\r\n Place of Arbitration/Number of Arbitrators/Costs of Arbitration Any arbitration will take place in the county where You reside and will be determined by a single arbitrator. Any filing fee or administrative fee required of You by the AAA Rules shall be paid by You to the extent such fee does\r\n not exceed the amount of the fee required to commence a similar action in a court that otherwise would have jurisdiction. For all non frivolous complaints, UPS will pay the amount of such fee in excess of that amount. The\r\n arbitrator will allocate the administrative costs and arbitral fees consistent with the applicable rules of the AAA. Reasonable attorney's fees and expenses will be allocated or awarded only to the extent such allocation or award is\r\n available under applicable law.\r\n
\r\n\r\n All issues are for the arbitrator to decide, except that issues relating to the scope, application, and enforceability of the arbitration provision are for a court to decide. The Federal Arbitration Act governs the interpretation and\r\n enforcement of this provision.\r\n
\r\n\r\n Severability\r\n Notwithstanding anything to the contrary in the AAA Rules, if any part of this arbitration provision is deemed invalid or ineffective for any reason, this shall not affect the validity or enforceability of the remainder of this\r\n arbitration provision, and the arbitrator shall have the authority to amend any provisions deemed invalid or ineffective to make the same valid and enforceable. Desk Arbitration\r\n For all disputes concerning an amount less than fifteen thousand dollars ($15,000.00), the parties shall submit their arguments and evidence to the arbitrator in writing and the arbitrator shall make an award based only on the\r\n documents; no hearing will be held unless the arbitrator in his or her discretion, and upon request of a party, decides it is a necessity to require an in-person hearing. For a dispute governed by the AAA Consumer-Related Disputes Supplementary Procedures, and concerning an award between fifteen thousand dollars ($15,000.00) and fifty thousand dollars ($50,000.00), inclusive, UPS shall pay Your filing fee under the AAA Rules, provided that You agree that each party shall submit their arguments and evidence to the arbitrator in writing and that the arbitrator shall make an award based only on the documents, without a hearing being held. Notwithstanding this\r\n provision, the parties may agree to proceed with desk arbitration at any time. Access to Small Claims Courts All parties shall retain the right to seek adjudication in a state court of limited jurisdiction, such as small claims, justice of the peace, magistrate court, and similar courts with monetary limits on their jurisdiction over civil\r\n disputes, for individual disputes within the scope of such court's jurisdiction.\r\n Acknowledgements YOU AND UPS ACKNOWLEDGE AND AGREE THAT EACH PARTY WAIVES THE RIGHT TO:\r\n (a) HAVE A TRIAL BY JURY TO RESOLVE ANY DISPUTE ALLEGED AGAINST YOU, UPS OR RELATED THIRD PARTIES;\r\n (b) HAVE A COURT, OTHER THAN A STATE COURT OF LIMITED JURISDICTION AS DEFINED ABOVE, RESOLVE ANY DISPUTE ALLEGED AGAINST YOU, UPS OR RELATED THIRD PARTIES;\r\n (c) HAVE A COURT REVIEW ANY DECISION OR AWARD OF AN ARBITRATOR, WHETHER INTERIM OR FINAL, EXCEPT FOR APPEALS BASED ON THOSE GROUNDS FOR VACATUR EXPRESSLY SET\r\n FORTH IN SECTION 10 OF THE FEDERAL ARBITRATION ACT; AND\r\n (d) SERVE AS A REPRESENTATIVE, AS A PRIVATE ATTORNEY GENERAL, OR IN ANY OTHER REPRESENTATIVE CAPACITY, JOIN AS A CLASS MEMBER, AND/OR TO PARTICIPATE AS A MEMBER OF A\r\n CLASS IN ANY CLASS, MASS, CONSOLIDATED OR COMBINED ACTION OR ARBITRATION FILED AGAINST YOU, UPS AND/ OR RELATED THIRD PARTIES.\r\n Award The arbitrator may award money or equitable relief in favor of only the individual party seeking relief and only to the extent necessary to provide relief warranted by that party's individual claim. Similarly, an arbitration award\r\n and any judgment confirming it apply only to that specific case; it cannot be used in any other case except to enforce the award itself. To reduce the time and expense of the arbitration, the arbitrator will not provide a statement of\r\n reasons for his or her award unless a brief explanation of the reasons is requested by one of the parties. Unless both You and UPS agree otherwise, the arbitrator may not consolidate more than one person's claims, and may not\r\n otherwise preside over any form of a representative, private attorney general or class proceeding.\r\n Confidentiality of Arbitration\r\n Notwithstanding anything to the contrary in the AAA Rules, UPS and You agree that the filing of arbitration, the arbitration proceeding, any documents exchanged or produced during the arbitration proceeding, any briefs or\r\n other documents prepared for the arbitration, and the arbitral award shall all be kept fully confidential and shall not be disclosed to any other party, except to the extent necessary to enforce this arbitration provision, arbitral award\r\n or other rights of the parties, or as required by law or court order. This confidentiality provision does not foreclose the AAA from reporting certain consumer arbitration case information as required by state law.\r\n
\r\n\r\n\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React,\r\n{ Component } from 'react'\r\nimport WmsCollapse from '../../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsInput from '../../../components/WmsInput/WmsInput.jsx';\r\nimport WmsDropdown from '../../../components/WmsDropdown/WmsDropdown.jsx';\r\n\r\nexport class DHLeCommerceAccountInfoComponent extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.distributionCenterOption = [\r\n { name: \"USATL1\", value: \"USATL1\" },\r\n { name: \"USBOS1\", value: \"USBOS1\" },\r\n { name: \"USBWI1\", value: \"USBWI1\" },\r\n { name: \"USCAK1\", value: \"USCAK1\" },\r\n { name: \"USCVG1\", value: \"USCVG1\" },\r\n { name: \"USDEN1\", value: \"USDEN1\" },\r\n { name: \"USDFW1\", value: \"USDFW1\" },\r\n { name: \"USEWR1\", value: \"USEWR1\" },\r\n { name: \"USIAH1\", vlaue: \"USIAH1\" },\r\n { name: \"USLAX1\", value: \"USLAX1\" },\r\n { name: \"USMCI1\", value: \"USMCI1\" },\r\n { name: \"USMCO1\", value: \"USMCO1\" },\r\n { name: \"USMEM1\", value: \"USMEM1\" },\r\n { name: \"USORD1\", value: \"USORD1\" },\r\n { name: \"USPHX1\", value: \"USPHX1\" },\r\n { name: \"USRDU1\", value: \"USRDU1\" },\r\n { name: \"USSEA1\", value: \"USSEA1\" },\r\n { name: \"USSFO1\", value: \"USSFO1\" },\r\n { name: \"USSLC1\", value: \"USSLC1\" },\r\n { name: \"USSTL1\", value: \"USSTL1\" },\r\n { name: \"CNYYZ1\", value: \"CNYYZ1\" }\r\n ];\r\n this.ancillaryEndorsementOption = [\r\n { name: \"None\", value: \"none\" },\r\n { name: \"Return Service Requested\", value: \"return_service_requested\" },\r\n { name: \"Forwarding Service Requested\", value: \"forwarding_service_requested\" },\r\n { name: \"Address Service Requested\", value: \"address_service_requested\" },\r\n { name: \"Change Service Requested\", value: \"change_service_requested\" },\r\n { name: \"Leave If No Response\", value: \"leave_if_no_response\" }\r\n ];\r\n this.state = {\r\n selectedDistributionCenterIndex: null,\r\n selectedAncillaryEndorsementIndex: null\r\n }\r\n }\r\n\r\n handleSelectChange = (e) => {\r\n if(e.target.name === \"AncillaryEndorsement\") {\r\n this.setState({\r\n selectedAncillaryEndorsementIndex: e.target.value\r\n });\r\n } else {\r\n this.setState({\r\n selectedDistributionCenterIndex: e.target.value\r\n });\r\n }\r\n this.props.handleCarrierObjChange(e);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport WmsCollapse from '../../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsInput from '../../../components/WmsInput/WmsInput.jsx';\r\n\r\nexport class DHLExpressAccountInfoComponent extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react'\r\nimport WmsCollapse from '../../../components/WmsCollapse/WmsCollapse.jsx'\r\nimport WmsInput from '../../../components/WmsInput/WmsInput.jsx'\r\n\r\nexport class AustraliaPostAccountInfoComponent extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.translate = window.translate;\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\n\r\nexport class StampsAccountInfoComponent extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\n\r\nexport class APCAccountInfoComponent extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\n\r\nexport class FirstMileInfoComponent extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\n\r\nexport class GlobegisticsInfoComponent extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\n\r\nexport class RrDonnelleyInfoComponent extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react'\r\nimport WmsCollapse from '../../../components/WmsCollapse/WmsCollapse.jsx'\r\nimport WmsInput from '../../../components/WmsInput/WmsInput.jsx'\r\n\r\nexport class CanadaPostComponent extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\n\r\nexport class OnTraceComponent extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\n\r\nexport class SekoComponent extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\n\r\nexport class AmazonComponent extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n Amazon Buy Connection\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react'\r\nimport WmsCollapse from '../../../components/WmsCollapse/WmsCollapse.jsx'\r\nimport WmsInput from '../../../components/WmsInput/WmsInput.jsx'\r\n\r\nexport class CanparAccountInfoComponent extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\n\r\nexport class PurolatorAccountInfoComponent extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport WmsCollapse from '../../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsInput from '../../../components/WmsInput/WmsInput.jsx';\r\nimport WmsDropdown from '../../../components/WmsDropdown/WmsDropdown.jsx';\r\n\r\nexport class DHLExpressAUAccountInfoComponent extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.translate = window.translate;\r\n this.servicesOptions = [\r\n { description: 'Overnight', value: 'Overnight' },\r\n { description: '2nd Day Air', value: '2nd Day Air' },\r\n { description: 'Ground', value: 'Ground' },\r\n { description: 'Like, Crazy Slow', value: 'Like, Crazy Slow' }\r\n ];\r\n this.state = {\r\n defaultRatePercentage: 0,\r\n defaultRateAmount: 0\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsDropdown from \"../../../components/WmsDropdown/WmsDropdown.jsx\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\n\r\nexport class USPSBukuShipAccountInfoComponent extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react'\r\nimport WmsCollapse from '../../../components/WmsCollapse/WmsCollapse.jsx'\r\nimport WmsInput from '../../../components/WmsInput/WmsInput.jsx'\r\n\r\nexport class LandmarkAccountInfoComponent extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react'\r\nimport WmsCollapse from '../../../components/WmsCollapse/WmsCollapse.jsx'\r\nimport WmsInput from '../../../components/WmsInput/WmsInput.jsx'\r\n\r\nexport class StallionAccountInfoComponent extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react'\r\nimport WmsCollapse from '../../../components/WmsCollapse/WmsCollapse.jsx'\r\nimport WmsDropdown from \"../../../components/WmsDropdown/WmsDropdown.jsx\";\r\nimport WmsInput from '../../../components/WmsInput/WmsInput.jsx'\r\n\r\nexport class ParcllAccountInfoComponent extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n\r\n this.state = {\r\n\r\n }\r\n\r\n this.hubLocationOptions = [\r\n {\r\n Name: \"Vernon CA\",\r\n Value: \"LA\",\r\n },\r\n {\r\n Name: \"Franklin Park IL\",\r\n Value: \"ORD\",\r\n },\r\n {\r\n Name: \"Monroe NJ\",\r\n Value: \"NJ\",\r\n },\r\n {\r\n Name: \"Jamaica NJ\",\r\n Value: \"JFK\",\r\n },\r\n {\r\n Name: \"Austell GA\",\r\n Value: \"ATL\",\r\n },\r\n {\r\n Name: \"Hialeah FL\",\r\n Value: \"MIA\",\r\n },\r\n {\r\n Name: \"Coppell TX\",\r\n Value: \"DFW\",\r\n },\r\n ];\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react'\r\nimport WmsCollapse from '../../../components/WmsCollapse/WmsCollapse.jsx'\r\nimport WmsInput from '../../../components/WmsInput/WmsInput.jsx'\r\n\r\nexport class EpostGlobalAccountInfoComponent extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n {this.props.selectedProvider == 'shipEngine' ? (\r\n <>\r\n
\r\n \r\n )\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\nimport WmsCheckBox from '../../../components/WmsCheckBox/WmsCheckBox.jsx';\r\n\r\nexport class PitneyBowesExpeditedInfoComponent extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\nimport WmsDropdown from \"../../../components/WmsDropdown/WmsDropdown.jsx\";\r\nimport WmsCheckBox from \"../../../components/WmsCheckBox/WmsCheckBox.jsx\";\r\n\r\ninterface PitneyBowesCrossBorderInfoComponentProps {\r\n selector: string;\r\n handleCarrierObjChange: () => void;\r\n currentCarrierObj: {\r\n cbdsDeliverySolution: string;\r\n clientFacilityId: string;\r\n cbdsHub: string;\r\n nickname: string;\r\n shipmentType: string;\r\n MinimalAddressValidation: boolean;\r\n clientId: string;\r\n };\r\n}\r\n\r\nexport function PitneyBowesCrossBorderInfoComponent(props: PitneyBowesCrossBorderInfoComponentProps): JSX.Element {\r\n const translate = (window as any).translate as any;\r\n\r\n const cbdsHubOptions = [\r\n {\r\n name: \"California\",\r\n code: \"US_GEODIS_USZ\",\r\n },\r\n {\r\n name: \"Chicago\",\r\n code: \"US_GLOBAL_ILA\",\r\n },\r\n {\r\n name: \"Kentucky\",\r\n code: \"US_ELOVATIONS_KY\",\r\n },\r\n {\r\n name: \"New Jersey\",\r\n code: \"US_GLOBAL_NJA\",\r\n },\r\n {\r\n name: \"Washington\",\r\n code: \"US_GLOBAL_WAA\",\r\n },\r\n {\r\n name: \"BCA\",\r\n code: \"CA_GLOBAL_BCA\",\r\n },\r\n {\r\n name: \"ONA\",\r\n code: \"CA_GLOBAL_ONA\",\r\n },\r\n {\r\n name: \"GBA\",\r\n code: \"GB_GEODIS_GBA\",\r\n },\r\n ];\r\n\r\n const pbStandardFacilitiesOptions = [\r\n {\r\n name: \"ATL\",\r\n code: \"2035\",\r\n },\r\n {\r\n name: \"BOS\",\r\n code: \"2398\",\r\n },\r\n {\r\n name: \"BWI\",\r\n code: \"2109\",\r\n },\r\n {\r\n name: \"CMH\",\r\n code: \"2418\",\r\n },\r\n {\r\n name: \"CVG\",\r\n code: \"0921\",\r\n },\r\n {\r\n name: \"DFW\",\r\n code: \"2433\",\r\n },\r\n {\r\n name: \"EWR\",\r\n code: \"1779\",\r\n },\r\n {\r\n name: \"IND\",\r\n code: \"1585\",\r\n },\r\n {\r\n name: \"MCO\",\r\n code: \"2121\",\r\n },\r\n {\r\n name: \"ONT\",\r\n code: \"1787\",\r\n },\r\n {\r\n name: \"ORD\",\r\n code: \"2692\",\r\n },\r\n {\r\n name: \"SEA\",\r\n code: \"1571\",\r\n },\r\n {\r\n name: \"SLC\",\r\n code: \"1712\",\r\n },\r\n {\r\n name: \"SCK\",\r\n code: \"2124\",\r\n },\r\n ];\r\n\r\n const cbdsDeliverySolutionOptions = [\r\n {\r\n name: \"CBDS Returns Delivery Solution\",\r\n code: \"FIRSTMILE\",\r\n supportedShipmentTypes: [\"RETURN\"],\r\n },\r\n {\r\n name: \"Drop-Off to Local Depot\",\r\n code: \"FIRSTMILE\",\r\n supportedShipmentTypes: [\"DOMESTIC\"],\r\n },\r\n {\r\n name: \"Drop-Off to CBDS with Final-Mile Label\",\r\n code: \"DROPOFF_FINALMILELABEL\",\r\n supportedShipmentTypes: [\"DOMESTIC\", \"OUTBOUND\"],\r\n },\r\n {\r\n name: \"Bulk Pickup with Final-Mile Label\",\r\n code: \"PICKUP_FINALMILELABEL\",\r\n supportedShipmentTypes: [\"DOMESTIC\"],\r\n },\r\n {\r\n name: \"Piece-Level Shipment (U.S. outbound)\",\r\n code: \"FIRSTMILE\",\r\n supportedShipmentTypes: [\"OUTBOUND\"],\r\n },\r\n {\r\n name: \"Bulk Pickup (U.S. outbound)\",\r\n code: \"PICKUP_STANDARDLABEL\",\r\n supportedShipmentTypes: [\"OUTBOUND\"],\r\n },\r\n {\r\n name: \"Drop-Off to PB Standard (U.S. outbound)\",\r\n code: \"PICKUP_STANDARDLABEL\",\r\n supportedShipmentTypes: [\"OUTBOUND\"],\r\n },\r\n {\r\n name: \"Drop-Off to CBDS with Final-Mile Label (CA Outbound) - Drop-off\",\r\n code: \"DROPOFF_FINALMILELABEL\",\r\n supportedShipmentTypes: [\"OUTBOUND\"],\r\n },\r\n {\r\n name: \"Drop-Off to CBDS with Final-Mile Label (CA Outbound) - Pick up\",\r\n code: \"PICKUP_FINALMILELABEL\",\r\n supportedShipmentTypes: [\"OUTBOUND\"],\r\n },\r\n ];\r\n\r\n const cbdsShipmentTypes = [\r\n {\r\n name: \"Domestic\",\r\n code: \"DOMESTIC\",\r\n },\r\n {\r\n name: \"Return\",\r\n code: \"RETURN\",\r\n },\r\n {\r\n name: \"Outbound\",\r\n code: \"OUTBOUND\",\r\n },\r\n ];\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n deliveryOption.supportedShipmentTypes.includes(props.currentCarrierObj.shipmentType)\r\n )}\r\n required={true}\r\n textField=\"name\"\r\n valueField=\"code\"\r\n blankFirstOption={true}\r\n blankFirstOptionText=\"Unspecified\"\r\n />\r\n )}\r\n\r\n {props.currentCarrierObj.shipmentType === \"OUTBOUND\" && (\r\n <>\r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default PitneyBowesCrossBorderInfoComponent;\r\n","import React from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\n\r\ninterface PassportInfoComponentProps {\r\n selector: string;\r\n handleCarrierObjChange: () => void;\r\n currentCarrierObj: {\r\n ApiKey: string;\r\n Nickname: string;\r\n Company: string;\r\n };\r\n}\r\n\r\nexport function PassportInfoComponent(props: PassportInfoComponentProps): JSX.Element {\r\n const translate = (window as any).translate as any;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\n\r\ninterface SendleInfoComponentProps {\r\n selector: string;\r\n handleCarrierObjChange: () => void;\r\n currentCarrierObj: {\r\n ApiKey: string;\r\n Nickname: string;\r\n UserId: string;\r\n };\r\n}\r\n\r\nexport function SendleInfoComponent(props: SendleInfoComponentProps): JSX.Element {\r\n const translate = (window as any).translate as any;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\n\r\ninterface TuskInfoComponentProps {\r\n selector: string;\r\n handleCarrierObjChange: () => void;\r\n currentCarrierObj: {\r\n ApiKey: string;\r\n Nickname: string;\r\n AccountNumber: string;\r\n };\r\n}\r\n\r\nexport function TuskInfoComponent(props: TuskInfoComponentProps): JSX.Element {\r\n const translate = (window as any).translate as any;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\nimport WmsDropdown from \"../../../components/WmsDropdown/WmsDropdown.jsx\";\r\n\r\ninterface FlexportInfoComponentProps {\r\n selector: string;\r\n handleCarrierObjChange: () => void;\r\n currentCarrierObj: {\r\n Nickname: string;\r\n ApiToken: string;\r\n InjectionLocation: string;\r\n };\r\n}\r\n\r\nexport function FlexportInfoComponent(props: FlexportInfoComponentProps): JSX.Element {\r\n const translate = (window as any).translate as any;\r\n const injectionLocationOptions = [\r\n { Name: \"EWR\" },\r\n { Name: \"LAX\" },\r\n { Name: \"ORD\" },\r\n { Name: \"DFW\" },\r\n { Name: \"ATL\" },\r\n { Name: \"SFO\" },\r\n ];\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\nimport WmsDropdown from \"../../../components/WmsDropdown/WmsDropdown.jsx\";\r\nimport WmsCheckBox from \"../../../components/WmsCheckBox/WmsCheckBox.jsx\";\r\nimport \"./lasership-info.scss\";\r\nimport * as GlobalService from \"./../../../global_services\";\r\nimport WmsCustomTimePickerProto from \"../../../components/WmsCustomTimePickerProto/WmsCustomTimePickerProto.jsx\";\r\n\r\ninterface LasershipInfoComponentProps {\r\n selector: string;\r\n handleCarrierObjChange: () => void;\r\n currentCarrierObj: {\r\n Nickname: string;\r\n WebServicesId: string;\r\n WebServicesKey: string;\r\n CustomerBranch: string;\r\n Address1: string;\r\n Address2: string;\r\n City: string;\r\n State: string;\r\n PostalCode: string;\r\n Phone: string;\r\n Email: string;\r\n CriticalPullTime: string;\r\n CriticalEntryTime: string;\r\n AttrAlcohol: boolean;\r\n AttrDryIce: boolean;\r\n AttrHazMat: boolean;\r\n AttrTwoPersons: boolean;\r\n AttrExplosive: boolean;\r\n AttrControlledSubstance: boolean;\r\n AttrRefrigerated: boolean;\r\n AttrPerishable: boolean;\r\n AttrNorts: boolean;\r\n };\r\n}\r\n\r\nexport function LasershipInfoComponent(props: LasershipInfoComponentProps): JSX.Element {\r\n const translate = (window as any).translate as any;\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n","import React from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsDropdown from \"../../../components/WmsDropdown/WmsDropdown.jsx\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\n\r\ndeclare var window: any;\r\n\r\ninterface Props {\r\n selector: string;\r\n handleCarrierObjChange: any;\r\n currentCarrierObj: any;\r\n optionsState: any;\r\n optionsCountry: any;\r\n optionsHub: any;\r\n}\r\n\r\nconst FedExSmartPostAccountInfoComponent: React.FC\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nFedExSmartPostAccountInfoComponent.propTypes = {};\r\n\r\nFedExSmartPostAccountInfoComponent.defaultProps = {};\r\n\r\nexport default React.memo(FedExSmartPostAccountInfoComponent);\r\n","import React from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\n\r\ndeclare var window: any;\r\n\r\ninterface Props {\r\n selector: string;\r\n handleCarrierObjChange: any;\r\n currentCarrierObj: any;\r\n}\r\n\r\nconst UpsSurePostAccountInfoComponent: React.FC\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nUpsSurePostAccountInfoComponent.propTypes = {};\r\n\r\nUpsSurePostAccountInfoComponent.defaultProps = {};\r\n\r\nexport default React.memo(UpsSurePostAccountInfoComponent);\r\n","import React from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsCheckBox from \"../../../components/WmsCheckBox/WmsCheckBox.jsx\";\r\n\r\ninterface CarriersEditComponentProps {\r\n selector: string;\r\n handleCarrierObjChange: () => void;\r\n currentCarrierObj: {\r\n IncludeShippingCost: boolean;\r\n };\r\n selectedCustomerName: string;\r\n}\r\n\r\nexport function CarriersEditComponent(props: CarriersEditComponentProps): JSX.Element {\r\n const translate = (window as any).translate as any;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from 'react';\r\n\r\nimport WmsButton from './../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsDropdown from './../../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsModel from './../../../components/WmsModel/WmsModel.jsx';\r\nimport WmsCollapse from './../../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsCheckBox from './../../../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsDateTimePicker from './../../../components/WmsDateTimePicker/WmsDateTimePicker.jsx';\r\nimport { FedexEulaAgreementComponent } from './fedex-eula-agreement.component.jsx';\r\nimport { FedexEditComponent } from './fedex-edit.component.jsx';\r\nimport { UpsEditComponent } from './ups-edit.component.jsx';\r\nimport { UpsEulaAgreementComponent } from './ups-eula-agreement.component.jsx';\r\nimport WmsInput from './../../../components/WmsInput/WmsInput.jsx';\r\nimport WmsRadio from './../../../components/WmsRadio/WmsRadio.tsx';\r\nvar axios = require('axios');\r\n\r\n//services\r\nimport * as GlobalService from './../../../global_services';\r\nimport * as carrierService from './../../small-parcel-settings.services.jsx';\r\nimport { EndiciaAccountInfoComponent } from './endicia-account-info.component.jsx';\r\nimport { DHLeCommerceAccountInfoComponent } from './dhl-eCommerce-account-info.component.jsx';\r\nimport { DHLExpressAccountInfoComponent } from './dhl-express-account-info.component.jsx';\r\nimport { AustraliaPostAccountInfoComponent } from './australia-post-account-info.component.jsx';\r\nimport { StampsAccountInfoComponent } from './stamps-account-info.component.jsx';\r\nimport { APCAccountInfoComponent } from './apc-account-info.component.jsx';\r\nimport { FirstMileInfoComponent } from './first-mile-info.component.jsx';\r\nimport { GlobegisticsInfoComponent } from './globegistics-info.component.jsx';\r\nimport { RrDonnelleyInfoComponent } from './rrDonnelley-info.component.jsx';\r\nimport { CanadaPostComponent } from './canada-post.component.jsx';\r\nimport { OnTraceComponent } from './on-trac.component.jsx';\r\nimport { SekoComponent } from './seko.component.jsx';\r\nimport { AmazonComponent } from './amazon.component.jsx';\r\nimport { CanparAccountInfoComponent } from './canpar-account-info.component.jsx';\r\nimport { PurolatorAccountInfoComponent } from './purolator-account-info.component.jsx';\r\nimport { DHLExpressAUAccountInfoComponent } from './dhl-express-au-account-info.component.jsx';\r\nimport { USPSBukuShipAccountInfoComponent } from './usps-bukuship-account-info.component.jsx';\r\nimport { PitneyBowesStandardInfoComponent } from './pitney-bowes-standard-info-component.jsx';\r\nimport { LandmarkAccountInfoComponent } from './landmark-account-info.component.jsx';\r\nimport { StallionAccountInfoComponent } from './stallion-account-info.component.jsx';\r\nimport { ParcllAccountInfoComponent } from './parcll-account-info.component.jsx';\r\nimport { EpostGlobalAccountInfoComponent } from './epostGlobal-account-info.component.jsx';\r\nimport { PitneyBowesExpeditedInfoComponent } from './pitney-bowes-expedited-info-component.jsx';\r\nimport { PitneyBowesCrossBorderInfoComponent } from './pitney-bowes-cross-border-info-component.tsx';\r\nimport { PassportInfoComponent } from './passport-info.component.tsx';\r\nimport { SendleInfoComponent } from './sendle-info.component.tsx';\r\nimport { TuskInfoComponent } from './tusk-info.component.tsx';\r\nimport { FlexportInfoComponent } from './flexport-info.component.tsx';\r\nimport { LasershipInfoComponent } from './lasership-info.component.tsx';\r\nimport { UpsmiAccountInfoComponent } from './upsmi-account-info.component.jsx';\r\nimport FedExSmartPostAccountInfoComponent from './fedex-smartpost-info-component';\r\nimport UpsSurePostAccountInfoComponent from './ups-surepost-account-info.component';\r\nimport { CarriersEditComponent } from './carriers-edit.component.tsx';\r\nimport style from './new-carrier-connection.scss';\r\n\r\nexport class NewCarrierConnectionModel extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n this.selector = this.props.selector + \"Carrier\";\r\n this.rights = GlobalService.GetRights();\r\n this.optionsCountry = GlobalService.GetCountries();\r\n this.customerOptions = GlobalService.getCustomerList();\r\n this.facilityOption = GlobalService.getFacilityList(false);\r\n this.isEnableProvider = this.rights.hasOwnProperty('Shipping.SmallParcelEnabled') && this.rights['Integrations.SmallParcelPartner'] == 'ParcelApi';\r\n this.carrierElementClass = this.isEnableProvider ? \"new-connection-four-elements\" : \"new-connection-three-elements\";\r\n\r\n this.selectedProviderObj = [];\r\n this.timer = 0;\r\n this.countDown = this.countDown.bind(this);\r\n this.selectedCustomerName = this.props.sharedSelectedCustomer.name;\r\n this.state = {\r\n selectedContentType: '',\r\n selectedFacilityIndex: '',\r\n selectedCustomerIndex: '',\r\n selectedCarrierIndex: '',\r\n selectedProviderIndex: '',\r\n selectedCarrier: '',\r\n carrierConnectionBtnLoader: false,\r\n currentStep: 1,\r\n totalSteps: 0,\r\n currentCarrierImgUrl: '',\r\n currentLoginLabel: 'Login',\r\n carrierOptions: [],\r\n providerOptions: [],\r\n pickupTypeOptions: [],\r\n smartPostHubOptions: [],\r\n smartPostEndorsementOptions: [],\r\n mailInnovationsEndorsementOptions: [],\r\n optionsState: [],\r\n currentCarrierObj: {},\r\n isOpenPitneyBowesModel: false,\r\n pitneyBowesUsername: '',\r\n pitneyBowesPassword: '',\r\n pitneyBowesErrorMessage: '',\r\n pitneyBowesCrossBorderDisabledStatus: true,\r\n isAuthUrl: false,\r\n authUrl: \"\",\r\n upsAuthFlowCurrentStep: 0,\r\n isHaveUpsAuthorization: null,\r\n showExpireLinkTimer: false,\r\n time: {},\r\n seconds: 300, // Reminder to saw for 5 minutes\r\n showExpiredLinkMsg: false,\r\n checkCarrierConnectionBtnLoader: false,\r\n isCarrierConnectionWorking: \"None\",\r\n isResetLinkCalling: false,\r\n isFromResetLink: false,\r\n isAuthReset: false\r\n };\r\n }\r\n componentDidMount() {\r\n\r\n this.getCarrierOptions();\r\n this.createContainerElement();\r\n if (this.props.sharedCarrierConnectionFlow == 'edit') {\r\n\r\n kendo.ui.progress($('#newCarrierConnection'), true);\r\n carrierService.getCarrierDetail(this.props.sharedSelectedCarrierAccountData.ShipEngineId, this.props.sharedSelectedCustomer.id).then((response) => {\r\n\r\n if (this.isEnableProvider) {\r\n response.data.Provider = this.props.sharedSelectedCarrierAccountData.Provider;\r\n }\r\n this.setState({\r\n currentCarrierObj: response.data\r\n });\r\n this.setCarrierOptions(response.data.CarrierName);\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#newCarrierConnection'), false);\r\n });\r\n\r\n }\r\n }\r\n getCarrierOptions = () => {\r\n var carrierOptions = this.props.sharedShipEngineCarrier;\r\n var arrrOfRemoveCarrieresList = [\"DHL Express UK\", \"DHL Express Canada\", \"FedEx UK\", \"DPD\", \"Asendia\", \"Newgistics\", \"Royal Mail\", \"Lone Star Overnight\", \"Less-Than-Load\", \"Walmart Fedex\"];\r\n\r\n if (!this.rights.hasOwnProperty('UxPrototypingDirectivesPBCBDS')) {\r\n arrrOfRemoveCarrieresList.push('Pitney Bowes Cross-Border');\r\n }\r\n _.remove(carrierOptions, obj => arrrOfRemoveCarrieresList.includes(obj.Carrier));\r\n this.setState({\r\n carrierOptions: carrierOptions\r\n });\r\n }\r\n handleChangeEvent = (e) => {\r\n let name = e.target.name;\r\n let tmpCurrentCarrierObj = Object.assign({}, this.state.currentCarrierObj);\r\n if (e.target.type == 'checkbox') {\r\n this.setState({ [name]: !this.state[name] });\r\n } else {\r\n this.setState({ [name]: e.target.value });\r\n }\r\n\r\n if (name == 'selectedContentType' && e.target.value == 'Warehouse Account') {\r\n tmpCurrentCarrierObj.IncludeShippingCost = true;\r\n }\r\n\r\n if (name == 'selectedContentType' && (!e.target.value || e.target.value == 'Customer Account')) {\r\n tmpCurrentCarrierObj.IncludeShippingCost = false;\r\n }\r\n\r\n if (name == 'selectedCustomerIndex' && this.state.selectedContentType == 'Customer Account' && e.target.value) {\r\n let tmpCustomerObj = this.customerOptions[e.target.value];\r\n this.selectedCustomerName = tmpCustomerObj.name;\r\n }\r\n\r\n if ((name == 'selectedContentType' && (!e.target.value || this.state.selectedContentType != 'Customer Account')) || (name == 'selectedCustomerIndex' && !e.target.value)) {\r\n this.selectedCustomerName = this.props.sharedSelectedCustomer.name;\r\n }\r\n\r\n if (name == 'selectedCarrierIndex') {\r\n if (e.target.value) {\r\n let tmpSelectedCarrier = this.state.carrierOptions[e.target.value].Carrier;\r\n\r\n this.setCarrierOptions(tmpSelectedCarrier);\r\n\r\n // Check If Flexport Carrier Then Select Direct To Carrier Provider\r\n if(tmpSelectedCarrier === 'Flexport') {\r\n this.setState({ selectedProviderIndex: 'flexport' });\r\n } else {\r\n this.setState({ selectedProviderIndex: '' });\r\n }\r\n\r\n this.setState({ currentCarrierObj: {} });\r\n } else {\r\n this.setState({\r\n selectedProviderIndex: '',\r\n providerOptions: []\r\n });\r\n }\r\n }\r\n this.setState({ currentCarrierObj: tmpCurrentCarrierObj });\r\n }\r\n setCarrierOptions = async (tmpSelectedCarrier) => {\r\n\r\n\r\n let totalSteps = 2;\r\n let currentStep = 1;\r\n let currentCarrierImgUrl = '3PL_Logo_Orange.png';\r\n let currentLoginLabel = 'Login';\r\n let providerOptions = [];\r\n if (this.isEnableProvider && tmpSelectedCarrier != \"USPS\" && tmpSelectedCarrier != \"Landmark\" && tmpSelectedCarrier != \"Cirro E-Commerce\" && tmpSelectedCarrier != \"Pitney Bowes Cross-Border\" && tmpSelectedCarrier != \"Stallion Express\" && tmpSelectedCarrier != \"UPS Mail Innovations\" && tmpSelectedCarrier != \"FedEx SmartPost\" && tmpSelectedCarrier != \"UPS SurePost\" && tmpSelectedCarrier != \"Flexport\") {\r\n providerOptions = [\r\n {\r\n DisplayName: \"ShipEngine\",\r\n Code: \"shipEngine\"\r\n }\r\n ];\r\n }\r\n\r\n if (tmpSelectedCarrier == 'Endicia') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'endicia-logo.png';\r\n currentLoginLabel = 'Endicia Account';\r\n } else if (tmpSelectedCarrier == 'FedEx') {\r\n if (this.isEnableProvider && !this.rights.hasOwnProperty(\"UxPrototypingDirectivesHidePitneyBuku\")) {\r\n providerOptions.push({\r\n DisplayName: \"BUKU Ship\",\r\n Code: \"bukuShip\"\r\n }/*, {\r\n DisplayName: \"Pitney Bowes\",\r\n Code: \"pitneyBowes\"\r\n }*/);\r\n }\r\n totalSteps = 3;\r\n currentCarrierImgUrl = 'FedEx-logo.png';\r\n } else if (tmpSelectedCarrier == 'PitneyBowesStd') {\r\n providerOptions = [\r\n {\r\n DisplayName: \"Pitney Bowes\",\r\n Code: \"pitneyBowes\"\r\n }\r\n ];\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'pitney-bowes-standard-logo.png';\r\n } else if (tmpSelectedCarrier == 'Stamps.com') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'Stamps.com-logo.png';\r\n currentLoginLabel = 'Stamps Account';\r\n } else if (tmpSelectedCarrier == 'APC') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'APC-logo.png';\r\n } else if (tmpSelectedCarrier == 'USPS') {\r\n if (this.isEnableProvider) {\r\n if (!this.rights.hasOwnProperty('UxPrototypingDirectivesHidePitneyBuku')) {\r\n providerOptions = [\r\n {\r\n DisplayName: \"Pitney Bowes Expedited\",\r\n Code: \"pitneyBowes\"\r\n }\r\n ];\r\n }\r\n if (!this.rights.hasOwnProperty('UxPrototypingDirectivesHidePitneyBuku') && !this.rights.hasOwnProperty(\"UxPrototypingDirectivesHideUSPSProviders\")) {\r\n providerOptions.push(\r\n {\r\n DisplayName: \"BUKU Ship\",\r\n Code: \"bukuShip\"\r\n }\r\n );\r\n }\r\n if (!this.rights.hasOwnProperty(\"UxPrototypingDirectivesHideUSPSProviders\")) {\r\n providerOptions.push(\r\n {\r\n DisplayName: \"Endicia\",\r\n Code: \"Endicia\"\r\n },\r\n {\r\n DisplayName: \"Stamps.com\",\r\n Code: \"Stamps.com\"\r\n }\r\n );\r\n }\r\n }\r\n } else if (tmpSelectedCarrier == \"UPS\") {\r\n if (this.isEnableProvider && !this.rights.hasOwnProperty(\"UxPrototypingDirectivesHidePitneyBuku\")) {\r\n providerOptions.push({\r\n DisplayName: \"BUKU Ship\",\r\n Code: \"bukuShip\"\r\n });\r\n }\r\n totalSteps = 3;\r\n currentCarrierImgUrl = 'UPS-logo.png';\r\n } else if (tmpSelectedCarrier == 'DHL eCommerce') {\r\n if (this.isEnableProvider && !this.rights.hasOwnProperty(\"UxPrototypingDirectivesHidePitneyBuku\")) {\r\n providerOptions.push({\r\n DisplayName: \"BUKU Ship\",\r\n Code: \"bukuShip\"\r\n });\r\n }\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'dhl-ecommerce.png';\r\n } else if (tmpSelectedCarrier == 'DHL Express') {\r\n if (this.isEnableProvider) {\r\n providerOptions.push({\r\n DisplayName: \"BUKU Ship\",\r\n Code: \"bukuShip\"\r\n });\r\n }\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'dhl-express.png';\r\n } else if (tmpSelectedCarrier == 'Australia Post') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'australia-post.png';\r\n } else if (tmpSelectedCarrier == 'Purolator') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'purolator-seeklogo.com.png';\r\n } else if (tmpSelectedCarrier == 'DHL Express Australia') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'DHLExpressAU.png';\r\n } else if (tmpSelectedCarrier == 'Firstmile') {\r\n if (this.isEnableProvider) {\r\n providerOptions.push({\r\n DisplayName: \"BUKU Ship\",\r\n Code: \"bukuShip\"\r\n });\r\n }\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'First Mile.png';\r\n } else if (tmpSelectedCarrier == 'Globegistics') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'Globegistics.png';\r\n } else if (tmpSelectedCarrier == 'RR Donnelley') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'rrDonnelley.png';\r\n } else if (tmpSelectedCarrier == 'Canada Post') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'canada-post-logo.jpg';\r\n } else if (tmpSelectedCarrier == 'OnTrac') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'ontrac.png';\r\n } else if (tmpSelectedCarrier == 'SEKO') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'seko.png';\r\n } else if (tmpSelectedCarrier == 'Amazon Buy') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'amazon.png';\r\n } else if (tmpSelectedCarrier == 'Canpar') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'canpar.png';\r\n } else if (tmpSelectedCarrier == 'ePost Global' || tmpSelectedCarrier == 'Landmark' || tmpSelectedCarrier == 'Cirro E-Commerce' || tmpSelectedCarrier == 'Stallion Express' || tmpSelectedCarrier == 'UPS Mail Innovations' || tmpSelectedCarrier == 'FedEx SmartPost' || tmpSelectedCarrier == 'UPS SurePost') {\r\n totalSteps = 2;\r\n if (this.isEnableProvider) {\r\n providerOptions.push({\r\n DisplayName: \"BUKU Ship\",\r\n Code: \"bukuShip\"\r\n });\r\n }\r\n if(tmpSelectedCarrier == 'Cirro E-Commerce') {\r\n currentCarrierImgUrl = 'cirro-ecommerce.png';\r\n }\r\n if(tmpSelectedCarrier == 'ePost Global') {\r\n currentCarrierImgUrl = 'ePost-global.png';\r\n }\r\n if(tmpSelectedCarrier == 'Landmark') {\r\n currentCarrierImgUrl = 'landmark.png';\r\n }\r\n if(tmpSelectedCarrier == 'Stallion Express') {\r\n currentCarrierImgUrl = 'StallionExpressLogo.png';\r\n }\r\n if(tmpSelectedCarrier == 'UPS Mail Innovations') {\r\n currentCarrierImgUrl = 'UPS-logo.png';\r\n }\r\n if(tmpSelectedCarrier == 'FedEx SmartPost') {\r\n currentCarrierImgUrl = 'FedEx-logo.png';\r\n }\r\n if(tmpSelectedCarrier == 'UPS SurePost') {\r\n currentCarrierImgUrl = 'UPS-logo.png';\r\n }\r\n } else if (tmpSelectedCarrier == 'Pitney Bowes Cross-Border') {\r\n totalSteps = 2;\r\n providerOptions = [\r\n {\r\n DisplayName: \"Pitney Bowes\",\r\n Code: \"pitneyBowes\"\r\n }\r\n ];\r\n currentCarrierImgUrl = 'pitney-bowes-standard-logo.png';\r\n } else if (tmpSelectedCarrier === 'Passport') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'passport-shipping-logo.png';\r\n } else if (tmpSelectedCarrier === 'Sendle') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'sendle-logo.png';\r\n } else if (tmpSelectedCarrier === 'Tusk Logistics') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'tusk-logo.png';\r\n } else if (tmpSelectedCarrier === 'Flexport') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'flexport.png';\r\n providerOptions = [\r\n {\r\n DisplayName: \"Flexport\",\r\n Code: \"flexport\"\r\n }\r\n ];\r\n } else if (tmpSelectedCarrier === 'Lasership') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'lasership-logo.png';\r\n } else if (tmpSelectedCarrier === 'PitneyBowesExp') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'pitney-bowes-standard-logo.png';\r\n } else if (tmpSelectedCarrier === 'Buku') {\r\n totalSteps = 2;\r\n currentCarrierImgUrl = 'buku-ship.png';\r\n }\r\n\r\n let optionsForSettings = GlobalService.getDropdownOptionsForSettings(tmpSelectedCarrier);\r\n\r\n this.setState({\r\n currentCarrierImgUrl: currentCarrierImgUrl,\r\n totalSteps: totalSteps,\r\n currentLoginLabel: currentLoginLabel,\r\n selectedCarrier: tmpSelectedCarrier,\r\n pickupTypeOptions: optionsForSettings.pickupType,\r\n smartPostHubOptions: optionsForSettings.smartPostHub,\r\n smartPostEndorsementOptions: optionsForSettings.smartPostEndorsement,\r\n mailInnovationsEndorsementOptions: optionsForSettings.mailInnovationsEndorsement,\r\n currentStep: currentStep,\r\n providerOptions: providerOptions\r\n });\r\n }\r\n\r\n handleCarrierObjChange = (e) => {\r\n\r\n let tmpCurrentCarrierObj = Object.assign({}, this.state.currentCarrierObj);\r\n let tmpName = e.target.name;\r\n\r\n if (e.target.type == 'checkbox') {\r\n tmpCurrentCarrierObj[tmpName] = !tmpCurrentCarrierObj[tmpName];\r\n } else {\r\n tmpCurrentCarrierObj[tmpName] = e.target.value;\r\n }\r\n\r\n if (this.state.selectedCarrier === \"Pitney Bowes Cross-Border\") {\r\n if (tmpName === \"shipmentType\") {\r\n tmpCurrentCarrierObj[\"cbdsDeliverySolution\"] = \"\";\r\n tmpCurrentCarrierObj[\"clientFacilityId\"] = undefined;\r\n tmpCurrentCarrierObj[\"cbdsHub\"] = \"\";\r\n tmpCurrentCarrierObj[\"clientId\"] = undefined;\r\n }\r\n this.setState({ pitneyBowesCrossBorderDisabledStatus: this.handlePitneyBowesDisabledStatus(tmpCurrentCarrierObj) });\r\n }\r\n if (tmpName == 'CountryCode') {\r\n this.setState({ optionsState: GlobalService.GetRegions(e.target.value) });\r\n }\r\n this.setState({ currentCarrierObj: tmpCurrentCarrierObj });\r\n }\r\n\r\n handlePitneyBowesDisabledStatus = (currentCarrierObject) => {\r\n let isMissingSomeRequiredProperty = true;\r\n const { shipmentType, cbdsDeliverySolution, cbdsHub, clientId, nickname, clientFacilityId } = currentCarrierObject;\r\n if (!shipmentType || !nickname) return isMissingSomeRequiredProperty;\r\n\r\n if ([\"DOMESTIC\", \"RETURN\"].includes(currentCarrierObject?.shipmentType)) {\r\n isMissingSomeRequiredProperty = !(cbdsDeliverySolution)\r\n }\r\n if (currentCarrierObject?.shipmentType === \"OUTBOUND\") {\r\n const isPitneyStandardDeliverySolution = cbdsDeliverySolution === \"PICKUP_STANDARDLABEL\";\r\n const isMissingRequiredPropertiesForPbStandard = !(cbdsDeliverySolution && cbdsHub && clientId && clientFacilityId);\r\n const isMissingRequiredPropertiesForPbOutbound = !(cbdsDeliverySolution && cbdsHub);\r\n\r\n isMissingSomeRequiredProperty = isPitneyStandardDeliverySolution ? isMissingRequiredPropertiesForPbStandard : isMissingRequiredPropertiesForPbOutbound\r\n }\r\n return isMissingSomeRequiredProperty\r\n }\r\n\r\n movePreviousStep = () => {\r\n if (this.state.isAuthUrl && this.state.upsAuthFlowCurrentStep > 0) {\r\n let tmpAuthFlowStep = this.state.upsAuthFlowCurrentStep - 1\r\n\r\n // Reset carrier connection auth flow when user back fom first step\r\n let tmpIsAuthUrl = this.state.isAuthUrl\r\n if (tmpAuthFlowStep == 0) {\r\n tmpIsAuthUrl = false\r\n }\r\n this.setState({\r\n upsAuthFlowCurrentStep: tmpAuthFlowStep,\r\n isAuthUrl: tmpIsAuthUrl\r\n });\r\n } else {\r\n let prvStep = this.state.currentStep - 1;\r\n if (this.state.isOpenPitneyBowesModel) {\r\n prvStep = this.state.currentStep;\r\n }\r\n this.setState({\r\n currentStep: prvStep,\r\n isOpenPitneyBowesModel: false,\r\n isAuthUrl: false\r\n });\r\n }\r\n }\r\n\r\n moveNextStep = async() => {\r\n var isOpenPitneyBowesModel = false;\r\n let nxtStep = this.state.currentStep + 1;\r\n\r\n let selectedProviderIndex = this.state.selectedProviderIndex;\r\n this.selectedProviderObj = _.find(this.state.providerOptions, function (o) {\r\n return o.Code == selectedProviderIndex\r\n });\r\n let isAlreadyLoggedIn = false;\r\n if (\r\n !this.state.isOpenPitneyBowesModel &&\r\n this.state.currentStep == 1 &&\r\n (\r\n selectedProviderIndex == \"pitneyBowes\" || selectedProviderIndex == \"bukuShip\"\r\n )\r\n ) {\r\n this.setState({ carrierConnectionBtnLoader: true });\r\n await carrierService.getProviderDetail(selectedProviderIndex).then((response) => {\r\n if (!response.data) {\r\n nxtStep = this.state.currentStep;\r\n isOpenPitneyBowesModel = true;\r\n }/* else if (this.state.selectedCarrier == \"USPS\" && selectedProviderIndex == \"pitneyBowes\") {\r\n isAlreadyLoggedIn = true;\r\n }*/\r\n }).finally(() => {\r\n this.setState({ carrierConnectionBtnLoader: false });\r\n });\r\n }\r\n if (isAlreadyLoggedIn) {\r\n this.addCarrier();\r\n } else {\r\n if (this.state.selectedCarrier == \"USPS\") {\r\n let totalSteps = 2;\r\n let currentCarrierImgUrl = '3PL_Logo_Orange.png';\r\n let currentLoginLabel = 'Login';\r\n if (selectedProviderIndex == \"Stamps.com\") {\r\n currentCarrierImgUrl = 'Stamps.com-logo.png';\r\n currentLoginLabel = 'Stamps Account';\r\n } else if (selectedProviderIndex == \"pitneyBowes\") {\r\n currentCarrierImgUrl = 'pitney-bowes-standard-logo.png';\r\n currentLoginLabel = 'Pitney Bowes Expedited Account';\r\n } else if (selectedProviderIndex == \"Endicia\") {\r\n currentCarrierImgUrl = 'endicia-logo.png';\r\n currentLoginLabel = 'Endicia Account';\r\n } else if (selectedProviderIndex == \"bukuShip\") {\r\n currentCarrierImgUrl = 'buku-ship.png';\r\n currentLoginLabel = 'BukuShip Account';\r\n }\r\n this.setState({\r\n currentCarrierImgUrl: currentCarrierImgUrl,\r\n totalSteps: totalSteps,\r\n currentLoginLabel: currentLoginLabel,\r\n });\r\n }\r\n this.setState({\r\n currentStep: nxtStep,\r\n isOpenPitneyBowesModel: isOpenPitneyBowesModel\r\n });\r\n }\r\n }\r\n\r\n updateCarrier = () => {\r\n\r\n this.setState({ carrierConnectionBtnLoader: true });\r\n\r\n carrierService.updateCarrier(this.state.currentCarrierObj, this.props.sharedSelectedCustomer.id).then((response) => {\r\n\r\n GlobalService.notification('success', this.translate('Label_Carrier_Update_Success'));\r\n\r\n this.props.onResetSelectionAndGridRefresh();\r\n this.props.closeCarrierConnection();\r\n\r\n }).finally(() => {\r\n this.setState({ carrierConnectionBtnLoader: false });\r\n });\r\n }\r\n\r\n addCarrier = () => {\r\n\r\n this.setState({ carrierConnectionBtnLoader: true });\r\n let tmpCurrentCarrierObj = Object.assign({}, this.state.currentCarrierObj);\r\n let carrierObj = this.state.carrierOptions[this.state.selectedCarrierIndex];\r\n let facilityObj = this.facilityOption[this.state.selectedFacilityIndex];\r\n let customerObj = this.customerOptions[this.state.selectedCustomerIndex];\r\n if (!customerObj) {\r\n customerObj = this.props.sharedSelectedCustomer;\r\n }\r\n\r\n tmpCurrentCarrierObj.CarrierName = carrierObj.Carrier;\r\n tmpCurrentCarrierObj.CarrierUri = carrierObj.Uri;\r\n // Set Customer Object\r\n tmpCurrentCarrierObj.CustomerId = customerObj.id;\r\n tmpCurrentCarrierObj.CustomerUri = customerObj.uri;\r\n\r\n if (this.isEnableProvider) {\r\n tmpCurrentCarrierObj.Provider = this.state.selectedProviderIndex;\r\n if (tmpCurrentCarrierObj.CarrierName == \"USPS\") {\r\n if (this.state.selectedProviderIndex == \"Stamps.com\") {\r\n tmpCurrentCarrierObj.Provider = \"shipEngine\";\r\n tmpCurrentCarrierObj.CarrierName = \"Stamps.com\";\r\n } else if (this.state.selectedProviderIndex == \"Endicia\") {\r\n tmpCurrentCarrierObj.Provider = \"shipEngine\";\r\n tmpCurrentCarrierObj.CarrierName = \"Endicia\";\r\n } else if (this.state.selectedProviderIndex == \"bukuShip\") {\r\n tmpCurrentCarrierObj.CarrierName = \"Buku\";\r\n } else if (this.state.selectedProviderIndex == \"pitneyBowes\") {\r\n tmpCurrentCarrierObj.CarrierName = \"PitneyBowesExp\";\r\n if(!tmpCurrentCarrierObj.ShipperRatePlan) {\r\n tmpCurrentCarrierObj.ShipperRatePlan = \"\";\r\n }\r\n if(!tmpCurrentCarrierObj.IntegratorCarrierId) {\r\n tmpCurrentCarrierObj.IntegratorCarrierId = \"\";\r\n }\r\n if(!tmpCurrentCarrierObj.MinimalAddressValidation) {\r\n tmpCurrentCarrierObj.MinimalAddressValidation = false;\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (facilityObj && this.state.selectedContentType == 'Warehouse Account') {\r\n tmpCurrentCarrierObj.FacilityId = facilityObj.id;\r\n tmpCurrentCarrierObj.FacilityUri = facilityObj.uri;\r\n }\r\n\r\n\r\n if (tmpCurrentCarrierObj.CarrierName === \"APC\") {\r\n tmpCurrentCarrierObj.AccountNumber = tmpCurrentCarrierObj.Username;\r\n } else if (tmpCurrentCarrierObj.CarrierName === \"Firstmile\") {\r\n tmpCurrentCarrierObj.AccountNumber = tmpCurrentCarrierObj.MailerId;\r\n } else if (tmpCurrentCarrierObj.CarrierName === \"Globegistics\") {\r\n tmpCurrentCarrierObj.AccountNumber = tmpCurrentCarrierObj.Username;\r\n } else if (tmpCurrentCarrierObj.CarrierName === \"Purolator\") {\r\n tmpCurrentCarrierObj.AccountNumber = tmpCurrentCarrierObj.ApiKey;\r\n } else if (tmpCurrentCarrierObj.CarrierName === \"RR Donnelley\") {\r\n tmpCurrentCarrierObj.AccountNumber = tmpCurrentCarrierObj.Username;\r\n } else if (tmpCurrentCarrierObj.CarrierName === \"SEKO\") {\r\n tmpCurrentCarrierObj.AccountNumber = tmpCurrentCarrierObj.AccessKey;\r\n } else if (tmpCurrentCarrierObj.CarrierName === \"ePost Global\") {\r\n if(tmpCurrentCarrierObj.Provider == \"shipEngine\") {\r\n tmpCurrentCarrierObj.AccountNumber = tmpCurrentCarrierObj.Username;\r\n } else {\r\n tmpCurrentCarrierObj.AccountNumber = tmpCurrentCarrierObj.ApiToken;\r\n }\r\n } else if (tmpCurrentCarrierObj.CarrierName === \"Landmark\") {\r\n tmpCurrentCarrierObj.AccountNumber = tmpCurrentCarrierObj.Username;\r\n } else if (tmpCurrentCarrierObj.CarrierName === \"PitneyBowesStd\") {\r\n if(!tmpCurrentCarrierObj.MinimalAddressValidation) {\r\n tmpCurrentCarrierObj.MinimalAddressValidation = false;\r\n }\r\n } else if (tmpCurrentCarrierObj.CarrierName === \"Pitney Bowes Cross-Border\") {\r\n tmpCurrentCarrierObj.cbdsHub = tmpCurrentCarrierObj.cbdsHub || undefined;\r\n tmpCurrentCarrierObj.cbdsDeliverySolution = tmpCurrentCarrierObj.cbdsDeliverySolution || undefined;\r\n if(!tmpCurrentCarrierObj.MinimalAddressValidation) {\r\n tmpCurrentCarrierObj.MinimalAddressValidation = false;\r\n }\r\n } else if (tmpCurrentCarrierObj.CarrierName === \"Lasership\") {\r\n tmpCurrentCarrierObj.AccountNumber = tmpCurrentCarrierObj.WebServicesKey;\r\n }\r\n\r\n carrierService.addCarrier(tmpCurrentCarrierObj).then((response) => {\r\n // Check Auth URL Exist\r\n if (response && response.data.AuthUrl && (response.status == 200 || response.status == 204)) {\r\n this.setState({\r\n carrierConnectionBtnLoader: false,\r\n authUrl: response.data.AuthUrl,\r\n upsAuthFlowCurrentStep: this.state.isFromResetLink ? 2 : 1,\r\n isAuthUrl: true,\r\n isAuthReset: this.state.isFromResetLink,\r\n isFromResetLink: false,\r\n isResetLinkCalling: false\r\n }, () => {\r\n this.setLinkExpireTimer()\r\n });\r\n } else if (response && !response.data.AuthUrl && (response.status == 200 || response.status == 204)) {\r\n if(response && response.data.ShipEngineId) {\r\n // Update Ship Engine Settings\r\n tmpCurrentCarrierObj.ShipEngineId = response.data.ShipEngineId;\r\n if(tmpCurrentCarrierObj.CarrierName == \"UPS\" || tmpCurrentCarrierObj.CarrierName == \"FedEx\" && tmpCurrentCarrierObj.Provider == \"shipEngine\") {\r\n carrierService.updateCarrier(tmpCurrentCarrierObj, this.props.sharedSelectedCustomer.id);\r\n }\r\n }\r\n GlobalService.notification('success', this.translate('New_carrier_Connection_Success'));\r\n this.props.onResetSelectionAndGridRefresh();\r\n setTimeout(() => {\r\n this.props.closeCarrierConnection();\r\n }, 10);\r\n } else {\r\n GlobalService.notification('error', this.translate('Authorize_With_Failed'));\r\n this.setState({ carrierConnectionBtnLoader: false });\r\n }\r\n }).finally(() => {\r\n this.setState({ carrierConnectionBtnLoader: false });\r\n });\r\n }\r\n secondsToTime(secs){\r\n let hours = Math.floor(secs / (60 * 60));\r\n\r\n let divisor_for_minutes = secs % (60 * 60);\r\n let minutes = Math.floor(divisor_for_minutes / 60);\r\n\r\n let divisor_for_seconds = divisor_for_minutes % 60;\r\n let seconds = Math.ceil(divisor_for_seconds);\r\n let obj = {\r\n \"h\": hours,\r\n \"m\": minutes,\r\n \"s\": seconds.toLocaleString(undefined,{minimumIntegerDigits: 2})\r\n };\r\n return obj;\r\n }\r\n countDown() {\r\n // Remove one second, set state so a re-render happens.\r\n let seconds = this.state.seconds - 1;\r\n this.setState({\r\n time: this.secondsToTime(seconds),\r\n seconds: seconds,\r\n isAuthReset: false\r\n });\r\n\r\n // Check if we're at zero.\r\n if (seconds == 0) {\r\n this.setState({\r\n showExpiredLinkMsg: true\r\n });\r\n clearInterval(this.timer);\r\n }\r\n }\r\n setLinkExpireTimer = () => {\r\n // setTimeout(() => {\r\n this.setState({\r\n showExpireLinkTimer: true,\r\n isFromResetLink: false,\r\n showExpiredLinkMsg: false,\r\n time: {},\r\n seconds: 600,\r\n })\r\n this.timer = setInterval(this.countDown, 1000);\r\n // }, 300000); // Interval start after 5 minutes\r\n }\r\n\r\n checkConnectionAuthorized = () => {\r\n\r\n if (this.state.upsAuthFlowCurrentStep > 0 && this.state.authUrl) {\r\n let tmpUpsAuthFlowCurrentStep = this.state.upsAuthFlowCurrentStep + 1;\r\n if(this.state.isHaveUpsAuthorization && this.state.authUrl) {\r\n window.open(this.state.authUrl, \"_blank\", \"width=800,height=750,top=200,left=560,resizable=yes\");\r\n }\r\n this.setState({\r\n upsAuthFlowCurrentStep: tmpUpsAuthFlowCurrentStep\r\n });\r\n return;\r\n }\r\n\r\n this.setState({ carrierConnectionBtnLoader: true });\r\n let tmpCurrentCarrierObj = Object.assign({}, this.state.currentCarrierObj);\r\n let carrierObj = this.state.carrierOptions[this.state.selectedCarrierIndex];\r\n let facilityObj = this.facilityOption[this.state.selectedFacilityIndex];\r\n let customerObj = this.customerOptions[this.state.selectedCustomerIndex];\r\n if (!customerObj) {\r\n customerObj = this.props.sharedSelectedCustomer;\r\n }\r\n\r\n tmpCurrentCarrierObj.CarrierName = carrierObj.Carrier;\r\n tmpCurrentCarrierObj.CarrierUri = carrierObj.Uri;\r\n tmpCurrentCarrierObj.Provider = this.state.selectedProviderIndex;\r\n tmpCurrentCarrierObj.SyncWithProvider = this.state.selectedProviderIndex;\r\n // Set Customer Object\r\n tmpCurrentCarrierObj.CustomerId = customerObj.id;\r\n tmpCurrentCarrierObj.CustomerUri = customerObj.uri;\r\n\r\n if (facilityObj && this.state.selectedContentType == 'Warehouse Account') {\r\n tmpCurrentCarrierObj.FacilityId = facilityObj.id;\r\n tmpCurrentCarrierObj.FacilityUri = facilityObj.uri;\r\n }\r\n\r\n carrierService.addCarrier(tmpCurrentCarrierObj).then((response) => {\r\n\r\n if(response && response.data.ShipEngineId) {\r\n // Update Ship Engine Settings\r\n tmpCurrentCarrierObj.ShipEngineId = response.data.ShipEngineId;\r\n carrierService.updateCarrier(tmpCurrentCarrierObj, this.props.sharedSelectedCustomer.id);\r\n }\r\n GlobalService.notification('success', this.translate('New_carrier_Connection_Success'));\r\n this.props.onResetSelectionAndGridRefresh();\r\n\r\n setTimeout(() => {\r\n this.props.closeCarrierConnection();\r\n }, 10);\r\n\r\n }).finally(() => {\r\n this.setState({\r\n carrierConnectionBtnLoader: false,\r\n isAuthUrl: false,\r\n authUrl: \"\",\r\n upsAuthFlowCurrentStep: 0,\r\n isHaveUpsAuthorization: null\r\n });\r\n });\r\n }\r\n resetLink = () => {\r\n this.setState({\r\n // upsAuthFlowCurrentStep: 0,\r\n isFromResetLink: true,\r\n isResetLinkCalling: true,\r\n isAuthReset: false,\r\n showExpiredLinkMsg: false,\r\n time: {},\r\n seconds: 300,\r\n }, () => {\r\n clearInterval(this.timer);\r\n this.addCarrier()\r\n })\r\n }\r\n\r\n checkConnectionAuthorizedFinal = () => {\r\n this.setState({ checkCarrierConnectionBtnLoader: true });\r\n\r\n let tmpCurrentCarrierObj = Object.assign({}, this.state.currentCarrierObj);\r\n let carrierObj = this.state.carrierOptions[this.state.selectedCarrierIndex];\r\n let facilityObj = this.facilityOption[this.state.selectedFacilityIndex];\r\n let customerObj = this.customerOptions[this.state.selectedCustomerIndex];\r\n if (!customerObj) {\r\n customerObj = this.props.sharedSelectedCustomer;\r\n }\r\n\r\n tmpCurrentCarrierObj.CarrierName = carrierObj.Carrier;\r\n tmpCurrentCarrierObj.CarrierUri = carrierObj.Uri;\r\n tmpCurrentCarrierObj.Provider = this.state.selectedProviderIndex;\r\n tmpCurrentCarrierObj.SyncWithProvider = this.state.selectedProviderIndex;\r\n // Set Customer Object\r\n tmpCurrentCarrierObj.CustomerId = customerObj.id;\r\n tmpCurrentCarrierObj.CustomerUri = customerObj.uri;\r\n\r\n if (facilityObj && this.state.selectedContentType == 'Warehouse Account') {\r\n tmpCurrentCarrierObj.FacilityId = facilityObj.id;\r\n tmpCurrentCarrierObj.FacilityUri = facilityObj.uri;\r\n }\r\n\r\n carrierService.addCarrier(tmpCurrentCarrierObj).then((response) => {\r\n\r\n if(response && response.data.ShipEngineId) {\r\n // Update Ship Engine Settings\r\n tmpCurrentCarrierObj.ShipEngineId = response.data.ShipEngineId;\r\n carrierService.updateCarrier(tmpCurrentCarrierObj, this.props.sharedSelectedCustomer.id);\r\n }\r\n if(response.status == 200 || response.status == 204) {\r\n this.setState({\r\n isCarrierConnectionWorking: \"Yes\",\r\n checkCarrierConnectionBtnLoader: false\r\n });\r\n this.props.onResetSelectionAndGridRefresh();\r\n } else {\r\n this.setState({\r\n isCarrierConnectionWorking: \"No\",\r\n checkCarrierConnectionBtnLoader: false\r\n });\r\n }\r\n\r\n });\r\n }\r\n\r\n tryAgainConnectionAuthorized = () => {\r\n if(this.state.isHaveUpsAuthorization && this.state.authUrl) {\r\n window.open(this.state.authUrl, \"_blank\", \"width=800,height=750,top=200,left=560,resizable=yes\");\r\n }\r\n }\r\n\r\n startOverConnectionAuthorize = () => {\r\n this.setState({\r\n carrierConnectionBtnLoader: false,\r\n isAuthUrl: false,\r\n authUrl: \"\",\r\n upsAuthFlowCurrentStep: 0,\r\n isHaveUpsAuthorization: null\r\n });\r\n }\r\n\r\n handelPitneyBowesChangeEvent = (e) => {\r\n this.setState({ [e.target.name]: e.target.value });\r\n }\r\n\r\n addPitneyBowesAccout = () => {\r\n let providerAccountObj = {};\r\n if (this.state.selectedProviderIndex == \"pitneyBowes\") {\r\n providerAccountObj = {\r\n Username: this.state.pitneyBowesUsername,\r\n Password: this.state.pitneyBowesPassword,\r\n Provider: this.state.selectedProviderIndex,\r\n }\r\n } else if (this.state.selectedProviderIndex == \"bukuShip\") {\r\n providerAccountObj = {\r\n Username: this.state.providerUsername,\r\n OrganizationNumber: this.state.providerOrganizationNumber,\r\n ConnectToken: this.state.providerConnectToken,\r\n Provider: this.state.selectedProviderIndex,\r\n }\r\n }\r\n this.setState({\r\n carrierConnectionBtnLoader: true,\r\n pitneyBowesErrorMessage: ''\r\n });\r\n carrierService.createProviderAccount(providerAccountObj).then((response) => {\r\n if (response.status == 200 || response.status == 204 ) {\r\n this.moveNextStep();\r\n // if (this.state.selectedCarrier == \"USPS\" && this.state.selectedProviderIndex == \"pitneyBowes\") {\r\n // this.addCarrier();\r\n // } else {\r\n // this.moveNextStep();\r\n // }\r\n } else {\r\n if (\r\n response &&\r\n response.response.status == 403\r\n ) {\r\n this.setState({\r\n pitneyBowesErrorMessage: this.translate('Label_incorrect_pitney_bowes_account')\r\n });\r\n }\r\n }\r\n }).finally(() => {\r\n this.setState({ carrierConnectionBtnLoader: false });\r\n });\r\n }\r\n\r\n onClosePitneyBowesModel = () => {\r\n this.setState({\r\n isOpenPitneyBowesModel: false\r\n });\r\n }\r\n\r\n onClickCreatePitneyAccount = () => {\r\n if (this.state.selectedProviderIndex == \"pitneyBowes\") {\r\n window.open('https://www.pbshippingmerchant.pitneybowes.com/home?developerID=95490479', '_blank');\r\n } else {\r\n window.open('https://www.bukuship.com/extensiv', '_blank');\r\n }\r\n }\r\n\r\n onClickUpsAuthorization = (event) => {\r\n if(event.target.name === \"haveAuthoration\") {\r\n this.setState({\r\n isHaveUpsAuthorization: true\r\n });\r\n } else {\r\n this.setState({\r\n isHaveUpsAuthorization: false\r\n });\r\n }\r\n }\r\n createContainerElement() {\r\n if (document.getElementById(\"auth-clipboard\") == null) {\r\n let container = document.createElement('div');\r\n container.id = 'auth-clipboard-container';\r\n container.setAttribute('style', ['opacity: 0;height: 0;width: 0;'].join(''));\r\n document.body.appendChild(container);\r\n let textarea = document.createElement('textarea');\r\n textarea.id = 'auth-clipboard';\r\n textarea = textarea;\r\n container.appendChild(textarea);\r\n }\r\n }\r\n copyInstructionToClipBoard = () => {\r\n var copyText = 'To connect your UPS account to your 3PL’s warehouse management system:' + '\\n';\r\n copyText += 'Go to: \\n' + this.state.authUrl + '\\n';\r\n copyText += 'Log in with your UPS account' + '\\n';\r\n copyText += 'This link is valid for 10 minutes.' + '\\n';\r\n var copyTextarea = document.querySelector('#auth-clipboard');\r\n copyTextarea.appendChild(document.createTextNode(copyText));\r\n copyTextarea.select();\r\n document.execCommand('copy');\r\n $('#auth-clipboard').text('');\r\n GlobalService.notification('success', this.translate(\"Label_Instruction_Copied\"));\r\n }\r\n copyLinkToClipBoard = () => {\r\n var copyText = this.state.authUrl;\r\n var copyTextarea = document.querySelector('#auth-clipboard');\r\n copyTextarea.appendChild(document.createTextNode(copyText));\r\n copyTextarea.select();\r\n document.execCommand('copy');\r\n $('#auth-clipboard').text('');\r\n GlobalService.notification('success', this.translate(\"Label_Link_Copied\"));\r\n }\r\n\r\n render() {\r\n\r\n let carrierAccountInformationSection = () => {\r\n switch (this.state.selectedCarrier) {\r\n case 'Endicia':\r\n return \r\n
\r\n \r\n {translate(\"Label_Include_Shipping_Cost_Info\").replace(\r\n new RegExp(\"{CustomerName}\"),\r\n props.selectedCustomerName\r\n )}\r\n
\r\n \r\n We are currently building out the connection user interface for this carrier and expect to complete it soon. If you need this carrier set up immediately, please contact your Customer Success Manager to begin the process.\r\n
;\r\n }\r\n case 'Landmark':\r\n return \r\n We are currently building out the connection user interface for this carrier and expect to complete it soon. If you need this carrier set up immediately, please contact your Customer Success Manager to begin the process.\r\n
;\r\n }\r\n };\r\n return (\r\n\r\n \r\n {/* First step */}\r\n {this.props.sharedCarrierConnectionFlow == 'edit' && (\r\n
\r\n\r\n \r\n
\r\n )}\r\n {this.state.upsAuthFlowCurrentStep == 0 && this.props.sharedCarrierConnectionFlow == 'create' && this.state.currentStep == 1 && !this.state.isOpenPitneyBowesModel && (\r\n \r\n \r\n
\r\n {this.state.selectedCarrier == 'FedEx' ?\r\n \r\n \r\n \r\n\r\n
\r\n )}\r\n\r\n {this.state.upsAuthFlowCurrentStep == 0 && this.state.currentStep == 1 && this.state.isOpenPitneyBowesModel && (\r\n */}\r\n {this.state.selectedContentType == 'Customer Account' ? (\r\n
*/}\r\n\r\n \r\n
\r\n }\r\n {this.state.selectedContentType == 'Customer Account' &&\r\n \r\n
\r\n }\r\n {this.state.selectedContentType == 'Warehouse Account' &&\r\n For this account, label charges will be recorded and added to your invoice for {this.selectedCustomerName}.
\r\n\r\n
\r\n }\r\n {this.state.currentCarrierObj.IncludeShippingCost && this.state.selectedContentType == 'Customer Account' &&\r\n For this account, label charges will be recorded and added to your invoice for all customers in this warehouse.
\r\n\r\n
\r\n }\r\n \r\n \r\n \r\n {this.translate(\"Label_Include_Shipping_Cost_Warning\")}\r\n
\r\n \r\n \r\n
\r\n ) }\r\n\r\n {/* Second step */}\r\n {this.state.upsAuthFlowCurrentStep == 0 && this.state.currentStep == 2 && (\r\n \r\n { this.state.selectedProviderIndex && this.state.selectedProviderIndex == \"pitneyBowes\" ? (\r\n 
\r\n ) : this.state.selectedProviderIndex && this.state.selectedProviderIndex == \"bukuShip\" && (\r\n 
\r\n ) }\r\n
\r\n \r\n ) : this.state.selectedProviderIndex && this.state.selectedProviderIndex == \"bukuShip\" && (\r\n \r\n ) }\r\n \r\n \r\n { this.state.selectedProviderIndex && this.state.selectedProviderIndex == \"pitneyBowes\" ? (\r\n {this.translate(\"Label_pitney_bowes_account_connect_new\")}\r\n ) : this.state.selectedProviderIndex && this.state.selectedProviderIndex == \"bukuShip\" && (\r\n {this.translate(\"Label_pitney_bowes_account_connect\").replace(new RegExp('{' + 'carrier_account' + '}', 'gi'), this.state.carrierOptions[this.state.selectedCarrierIndex] ? this.state.carrierOptions[this.state.selectedCarrierIndex].Carrier : '').replace(new RegExp('{' + 'provider' + '}', 'gi'), this.selectedProviderObj ? this.selectedProviderObj.DisplayName : '')}\r\n ) }\r\n
\r\n {this.state.pitneyBowesErrorMessage != '' &&\r\n \r\n \r\n { this.state.pitneyBowesErrorMessage }\r\n
\r\n }\r\n\r\n {\r\n this.state.selectedProviderIndex == \"pitneyBowes\" ?\r\n \r\n
\r\n :\r\n \r\n
\r\n \r\n
\r\n OR
\r\n \r\n
\r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n \r\n
\r\n OR
\r\n \r\n
\r\n \r\n \r\n {this.state.selectedCarrier == 'FedEx' ?\r\n \r\n
\r\n )}\r\n\r\n {/* Third step */}\r\n {this.state.upsAuthFlowCurrentStep == 0 && this.state.currentStep == 3 && (\r\n \r\n \r\n
\r\n\r\n {this.state.selectedCarrier == 'FedEx' ? (\r\n \r\n \r\n {carrierAccountInformationSection()}\r\n
\r\n )}\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n\r\n
\r\n )}\r\n\r\n {/* Fourth step */}\r\n {this.state.upsAuthFlowCurrentStep == 0 && this.state.currentStep == 4 && (\r\n \r\n \r\n
\r\n\r\n {this.state.selectedCarrier == \"FedEx\" && (\r\n \r\n \r\n
\r\n\r\n {this.state.selectedCarrier == \"UPS\" &&\r\n \r\n
\r\n }\r\n\r\n \r\n
\r\n )}\r\n {this.state.selectedCarrier != 'FedEx' && (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n )}\r\n\r\n {this.state.selectedCarrier == \"UPS\" && (\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n\r\n
\r\n )}\r\n\r\n {/* New AuthFlow */}\r\n {this.state.upsAuthFlowCurrentStep == 1 && this.state.authUrl && (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n {this.state.selectedCarrier == \"UPS\" && (\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n )}\r\n \r\n
\r\n )}\r\n\r\n {this.state.upsAuthFlowCurrentStep == 2 && this.state.isHaveUpsAuthorization == false && this.state.authUrl && (\r\n Authorize with {this.state.selectedCarrier}
\r\nDo you have the {this.state.selectedCarrier} credentials for this account?
\r\n\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n You will need to enter them in a new browser pop-up
\r\n\r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n When you click “Next”, we’ll create a login link that you can share with the {this.state.selectedCarrier} account owner. The link will be valid for 10 minutes. You can reset it if it expires.
\r\n\r\n
\r\n )}\r\n\r\n {(\r\n (this.state.upsAuthFlowCurrentStep == 2 && this.state.isHaveUpsAuthorization == true) ||\r\n (this.state.upsAuthFlowCurrentStep == 3 && this.state.isHaveUpsAuthorization == false)\r\n ) &&\r\n this.state.authUrl && (\r\n Authorize with {this.state.selectedCarrier}
\r\n {this.state.showExpireLinkTimer && (\r\n\r\n
\r\n )}\r\n {((this.state.showExpiredLinkMsg == false && this.state.isResetLinkCalling == false) || this.state.isAuthReset) && (\r\n \r\n {this.state.isResetLinkCalling && (\r\n
\r\n {!this.state.isAuthReset && (\r\n \r\n \r\n
\r\n )}\r\n {this.state.isAuthReset && (\r\n Reseting the link...
\r\n\r\n \r\n
\r\n )}\r\n {this.state.showExpiredLinkMsg == true && (\r\n \r\n
\r\n The link has been reset.
\r\nPlease share the updated link with your customer.
\r\n\r\n \r\n
\r\n )}\r\n {this.state.showExpiredLinkMsg == false && this.state.isResetLinkCalling == false && this.state.isAuthReset == false && (\r\n \r\n
\r\n The link has expired.
\r\nIf you’d like to try again, please reset it.
\r\n\r\n \r\n The link will expire in {this.state.time.m}:{this.state.time.s} \r\n
\r\n )}\r\n \r\n
\r\n )}\r\n \r\n
\r\n )}\r\n Share these instructions with the {this.state.selectedCarrier} account owner:
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n To connect your {this.state.selectedCarrier} account to your 3PL’s warehouse management system:
\r\n\r\nGo to {this.state.authUrl}
\r\n Log in with your {this.state.selectedCarrier} account
\r\n This link is valid for 10 minutes.
\r\n\r\n
\r\n \r\n
\r\n )}\r\n Authorize with {this.state.selectedCarrier}
\r\n {this.state.isCarrierConnectionWorking == 'Yes' ? (\r\n Your {this.state.selectedCarrier} connection is working!
\r\n ) : (this.state.isCarrierConnectionWorking == 'No') ? (\r\n <>\r\n \r\n
\r\n Unable to establish your {this.state.selectedCarrier} connection
\r\nWait a few seconds and check again. if after a few attempts the connection is still not established, you may need to start over.
\r\n\r\n
\r\n \r\n ) : (\r\n \r\n {this.state.upsAuthFlowCurrentStep == 2 && this.state.isHaveUpsAuthorization == true && (\r\n <>\r\n {(this.state.checkCarrierConnectionBtnLoader === true) ? (\r\n
\r\nWait for the account owner to enter their {this.state.selectedCarrier} credentials. \r\n Check the {this.state.selectedCarrier} connection to make sure everything is working. \r\n \r\n )}\r\n
\r\n )}\r\n Checking connection....
\r\n ) : (\r\n If you have successfully logged into {this.state.selectedCarrier}, check your connection to make sure it's established:
\r\n )}\r\n\r\n
\r\n {!this.state.checkCarrierConnectionBtnLoader && (\r\n <>\r\n \r\n
\r\n
\r\n \r\n )}\r\n \r\n )}\r\n {(this.state.upsAuthFlowCurrentStep == 3 && this.state.isHaveUpsAuthorization == false && (\r\n <>\r\n {(this.state.checkCarrierConnectionBtnLoader === true) ? (\r\n Could not login or did not see the popup?
\r\n Try again\r\n Checking connection....
\r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n ))}\r\n \r\n\r\n 0 ?\r\n ((this.state.upsAuthFlowCurrentStep == 2 && this.state.isHaveUpsAuthorization == true) || (this.state.upsAuthFlowCurrentStep == 3 && this.state.isHaveUpsAuthorization == false)) ? this.translate('Label_Start_Over') : this.translate('Label_Next')\r\n : 'Check ' + this.state.selectedCarrier + ' Connection'}\r\n wmsSelector={this.selector + 'CheckConnectionAuthorized'}\r\n onClickFunc={((this.state.upsAuthFlowCurrentStep == 2 && this.state.isHaveUpsAuthorization == true) || (this.state.upsAuthFlowCurrentStep == 3 && this.state.isHaveUpsAuthorization == false)) ? this.startOverConnectionAuthorize : this.checkConnectionAuthorized}\r\n icon={this.state.upsAuthFlowCurrentStep > 0 ?\r\n ((this.state.upsAuthFlowCurrentStep == 2 && this.state.isHaveUpsAuthorization == true) || (this.state.upsAuthFlowCurrentStep == 3 && this.state.isHaveUpsAuthorization == false)) ? 'fa-solid fa-backward' : 'fa-caret-right'\r\n : \"fa fa-check\"}\r\n loading={this.state.carrierConnectionBtnLoader}\r\n disabled={this.state.isHaveUpsAuthorization == null || this.state.showExpiredLinkMsg}\r\n />\r\n )}\r\n {this.props.sharedCarrierConnectionFlow == 'edit' && (\r\n
\r\n \r\n );\r\n }\r\n}","/* eslint-disable indent */\r\nimport React, { useEffect, useState, useRef } from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\nimport WmsButton from \"../../../components/WmsButton/WmsButton.jsx\";\r\nimport WmsCheckBox from \"../../../components/WmsCheckBox/WmsCheckBox.jsx\";\r\nimport WmsDropdown from \"../../../components/WmsDropdown/WmsDropdown.jsx\";\r\nimport WmsRadio from \"../../../components/WmsRadio/WmsRadio\";\r\nimport WmsComboBox from \"../../../components/WmsComboBox/WmsComboBox.jsx\";\r\nimport WmsCustomTimePickerProto from \"../../../components/WmsCustomTimePickerProto/WmsCustomTimePickerProto.jsx\";\r\n\r\nimport * as GlobalService from \"./../../../global_services\";\r\n\r\ndeclare var window: any;\r\n\r\ninterface Props {\r\n selector: string;\r\n connectionTermsOfService: any;\r\n connectionSchemaXgroupings: any;\r\n connectionSchemaProperties: any;\r\n connectionSchemaRequired: any;\r\n closeCarrierConnection: () => void;\r\n movePreviousStep: () => void;\r\n selectedCarrier: any;\r\n currentCarrierImgUrl: any;\r\n totalSteps: number;\r\n currentLoginLabel: string;\r\n addDynamicCarrier: (obj: any, isFormResetLink: boolean) => void;\r\n carrierConnectionBtnLoader: boolean;\r\n authUrl: string;\r\n isAuthUrl: boolean;\r\n authFlowCurrentStep: number;\r\n isCarrierConnectionWorking: string;\r\n startOverConnectionAuthorize: () => void;\r\n checkConnectionAuthorized: (obj: any, obj1: any) => void;\r\n checkCarrierConnectionBtnLoader: boolean;\r\n checkConnectionAuthorizedFinal: (obj: any) => void;\r\n}\r\n\r\nconst DynamicCarrierFormComponent: React.FC\r\n
\r\n );\r\n};\r\n\r\nDynamicCarrierFormComponent.propTypes = {};\r\n\r\nDynamicCarrierFormComponent.defaultProps = {};\r\n\r\nexport default React.memo(DynamicCarrierFormComponent);\r\n","/* eslint-disable indent */\r\nimport React, { useEffect, useState } from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\nimport WmsButton from \"../../../components/WmsButton/WmsButton.jsx\";\r\nimport WmsCheckBox from \"../../../components/WmsCheckBox/WmsCheckBox.jsx\";\r\nimport WmsDropdown from \"../../../components/WmsDropdown/WmsDropdown.jsx\";\r\nimport WmsFile from \"../../../components/WmsFile/WmsFile.jsx\";\r\nimport WmsComboBox from \"../../../components/WmsComboBox/WmsComboBox.jsx\";\r\n\r\nimport * as GlobalService from \"./../../../global_services\";\r\n\r\ndeclare var window: any;\r\n\r\ninterface Props {\r\n selector: string;\r\n connectionSchemaXgroupings: any;\r\n connectionSchemaProperties: any;\r\n connectionSchemaRequired: any;\r\n closeCarrierConnection: () => void;\r\n selectedCarrier: any;\r\n currentCarrierImgUrl: any;\r\n updateDynamicCarrier: (obj: any) => void;\r\n carrierConnectionBtnLoader: boolean;\r\n editDynamicCarrierObj: any;\r\n isEditDynamicCarrier: boolean;\r\n selectedCustomerName: string;\r\n}\r\n\r\nconst EditDynamicCarrierFormComponent: React.FC\r\n \r\n \r\n {/* Add Agree To TOS */}\r\n {Object.entries(props.connectionSchemaProperties).map(\r\n ([inputName, inputElement], index) =>\r\n inputElement[\"type\"] === \"boolean\" &&\r\n inputName === \"agreeToCarrierTOS\" && (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {/* No Auth Flow */}\r\n {props.authFlowCurrentStep === 0 && (\r\n <>\r\n {/* STEP TWO SECTION */}\r\n {props.totalSteps === 3 && currentStep !== props.totalSteps ? (\r\n \r\n 
\r\n
\r\n \r\n \r\n {Object.entries(props.connectionSchemaProperties).map(\r\n ([inputName, inputElement], index) =>\r\n inputElement[\"type\"] === \"string\" &&\r\n connectionSchemaXgroupings[`${xKey}`].fields?.indexOf(\r\n inputName\r\n ) !== -1 ? (\r\n inputElement[\"enum\"] ? (\r\n
\r\n \r\n ))\r\n ) : (\r\n Object.keys(connectionSchemaXgroupings).map((xKey) => (\r\n \r\n {Object.entries(props.connectionSchemaProperties).map(\r\n // eslint-disable-next-line sonarjs/no-identical-functions\r\n ([inputName, inputElement], index) =>\r\n inputElement[\"type\"] === \"string\" &&\r\n connectionSchemaXgroupings[`${xKey}`].fields?.indexOf(\r\n inputName\r\n ) !== -1 ? (\r\n inputElement[\"enum\"] ? (\r\n
\r\n \r\n ))\r\n )\r\n ) : (\r\n // No X-Grouping Section\r\n \r\n {Object.entries(props.connectionSchemaProperties).map(\r\n ([inputName, inputElement], index) =>\r\n inputElement[\"type\"] === \"string\" ? (\r\n inputElement[\"enum\"] ? (\r\n
\r\n \r\n )}\r\n \r\n )}\r\n \r\n )}\r\n {/* Auth Flow Step One */}\r\n {props.authFlowCurrentStep === 1 && (\r\n \r\n
\r\n )}\r\n\r\n {/* Auth Flow Step Two and Not Have Authorization */}\r\n {props.authFlowCurrentStep === 2 && isHaveAuthorization === false && (\r\n Authorize with {props.selectedCarrier}
\r\nDo you have the {props.selectedCarrier} credentials for this account?
\r\n\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n You will need to enter them in a new browser pop-up
\r\n\r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n When you click “Next”, we’ll create a login link that you can share with the\r\n UPS account owner. The link will be valid for 10 minutes. You can reset it\r\n if it expires.\r\n
\r\n\r\n
\r\n )}\r\n\r\n {/* Auth Flow Step Two and Three Combined */}\r\n {((props.authFlowCurrentStep === 2 && isHaveAuthorization === true) ||\r\n (props.authFlowCurrentStep === 3 && isHaveAuthorization === false)) && (\r\n Authorize with {props.selectedCarrier}
\r\n {showExpireLinkTimer && (\r\n\r\n
\r\n )}\r\n {((showExpiredLinkMsg === false && isResetLinkCalling === false) || isAuthReset) && (\r\n \r\n {isResetLinkCalling && (\r\n
\r\n {!isAuthReset && (\r\n \r\n \r\n
\r\n )}\r\n {isAuthReset && (\r\n Reseting the link...
\r\n\r\n \r\n
\r\n )}\r\n {showExpiredLinkMsg === true && (\r\n \r\n
\r\n The link has been reset.
\r\nPlease share the updated link with your customer.
\r\n\r\n \r\n
\r\n )}\r\n {showExpiredLinkMsg === false &&\r\n isResetLinkCalling === false &&\r\n isAuthReset === false && (\r\n \r\n
\r\n The link has expired.
\r\nIf you’d like to try again, please reset it.
\r\n\r\n \r\n \r\n The link will expire in{\" \"}\r\n {window.moment.utc(counterSeconds * 1000).format(\"mm:ss\")}{\" \"}\r\n \r\n
\r\n )}\r\n \r\n
\r\n )}\r\n \r\n
\r\n )}\r\n Share these instructions with the {props.selectedCarrier} account owner:
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n To connect your {props.selectedCarrier} account to your 3PL’s warehouse\r\n management system:\r\n
\r\n\r\n\r\n Go to{\" \"}\r\n \r\n {props.authUrl}\r\n \r\n
\r\n Log in with your {props.selectedCarrier} account
\r\n This link is valid for 10 minutes.
\r\n\r\n
\r\n \r\n
\r\n )}\r\n Authorize with {props.selectedCarrier}
\r\n {props.isCarrierConnectionWorking === \"Yes\" ? (\r\n\r\n Your {props.selectedCarrier} connection\r\n is working!\r\n
\r\n ) : props.isCarrierConnectionWorking === \"No\" ? (\r\n <>\r\n \r\n
\r\n \r\n Unable to establish your{\" \"}\r\n {props.selectedCarrier} connection\r\n
\r\n\r\n Wait a few seconds and check again. if after a few attempts the connection is\r\n still not established, you may need to start over.\r\n
\r\n\r\n
\r\n \r\n ) : (\r\n \r\n {isHaveAuthorization === true && (\r\n <>\r\n {props.checkCarrierConnectionBtnLoader === true ? (\r\n
\r\n\r\n Wait for the account owner to enter their {props.selectedCarrier}{\" \"}\r\n credentials.\r\n \r\n \r\n Check the {props.selectedCarrier} connection to make sure everything\r\n is working.\r\n \r\n \r\n )}\r\n
\r\n )}\r\n \r\n Checking\r\n connection....\r\n
\r\n ) : (\r\n \r\n If you have successfully logged into {props.selectedCarrier}, check your\r\n connection to make sure it`s established:\r\n
\r\n )}\r\n\r\n
\r\n {!props.checkCarrierConnectionBtnLoader && (\r\n <>\r\n \r\n
\r\n
\r\n \r\n )}\r\n \r\n )}\r\n {isHaveAuthorization === false && (\r\n <>\r\n {props.checkCarrierConnectionBtnLoader === true ? (\r\n \r\n Could not login or did not see the popup?\r\n
\r\n {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\r\n Try again\r\n \r\n Checking\r\n connection....\r\n
\r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n )}\r\n \r\n 0\r\n ? (props.authFlowCurrentStep === 2 && isHaveAuthorization === true) ||\r\n (props.authFlowCurrentStep === 3 && isHaveAuthorization === false)\r\n ? window.translate(\"Label_Start_Over\")\r\n : window.translate(\"Label_Next\")\r\n : \"Check \" + props.selectedCarrier + \" Connection\"\r\n }\r\n wmsSelector={props.selector + \"CheckConnectionAuthorized\"}\r\n onClickFunc={\r\n (props.authFlowCurrentStep === 2 && isHaveAuthorization === true) ||\r\n (props.authFlowCurrentStep === 3 && isHaveAuthorization === false)\r\n ? startOverConnectionAuthorize\r\n : checkConnectionAuthorized\r\n }\r\n icon={\r\n props.authFlowCurrentStep > 0\r\n ? (props.authFlowCurrentStep === 2 && isHaveAuthorization === true) ||\r\n (props.authFlowCurrentStep === 3 && isHaveAuthorization === false)\r\n ? \"fa-solid fa-backward\"\r\n : \"fa-caret-right\"\r\n : \"fa fa-check\"\r\n }\r\n loading={props.carrierConnectionBtnLoader}\r\n disabled={isHaveAuthorization == null || showExpiredLinkMsg}\r\n />\r\n )}\r\n
\r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n ) : (\r\n \r\n \r\n
\r\n \r\n ))\r\n ) : (\r\n // No X-Grouping Section\r\n \r\n
\r\n <>\r\n {/* Check Edit Carrier Properties Available */}\r\n {props.isEditDynamicCarrier ? (\r\n <>\r\n {/* X-Grouping Section */}\r\n {connectionSchemaXgroupings.length === undefined ||\r\n connectionSchemaXgroupings.length > 0 ? (\r\n Object.keys(connectionSchemaXgroupings)\r\n .reverse()\r\n .map((xKey) => (\r\n \r\n \r\n
\r\n \r\n \r\n {Object.entries(props.connectionSchemaProperties).map(\r\n ([inputName, inputElement], index) =>\r\n inputElement[\"type\"] === \"string\" &&\r\n connectionSchemaXgroupings[`${xKey}`].fields?.indexOf(\r\n inputName\r\n ) !== -1 ? (\r\n inputElement[\"enum\"] ? (\r\n \r\n
\r\n ) : inputElement[`${xEnumDescrition}`] ? (\r\n \r\n
\r\n )}\r\n \r\n {window\r\n .translate(\"Label_Include_Shipping_Cost_Info\")\r\n .replace(regExpCustomerName, props.selectedCustomerName)}\r\n
\r\n \r\n {Object.entries(props.connectionSchemaProperties).map(\r\n ([inputName, inputElement], index) =>\r\n inputElement[\"type\"] === \"string\" ? (\r\n inputElement[\"enum\"] ? (\r\n \r\n
\r\n ) : inputElement[`${xEnumDescrition}`] ? (\r\n \r\n
\r\n )}\r\n \r\n {window\r\n .translate(\"Label_Include_Shipping_Cost_Info\")\r\n .replace(regExpCustomerName, props.selectedCustomerName)}\r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n {window\r\n .translate(\"Label_Include_Shipping_Cost_Info\")\r\n .replace(regExpCustomerName, props.selectedCustomerName)}\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nEditDynamicCarrierFormComponent.propTypes = {};\r\n\r\nEditDynamicCarrierFormComponent.defaultProps = {};\r\n\r\nexport default React.memo(EditDynamicCarrierFormComponent);\r\n","/* eslint-disable indent */\r\nimport React, { useEffect, useState } from \"react\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport * as CarrierService from \"./../../small-parcel-settings.services.jsx\";\r\nimport * as GlobalService from \"../../../global_services.js\";\r\nimport \"./new-carrier-connection.scss\";\r\nimport WmsModel from \"../../../components/WmsModel/WmsModel\";\r\nimport WmsDropdown from \"../../../components/WmsDropdown/WmsDropdown.jsx\";\r\nimport _, { lowerCase } from \"lodash\";\r\nimport WmsButton from \"../../../components/WmsButton/WmsButton.jsx\";\r\nimport DynamicCarrierFormComponent from \"./dynamic-carrier-form.component\";\r\nimport EditDynamicCarrierFormComponent from \"./edit-dynamic-carrier-form.component\";\r\nimport WmsCheckBox from \"../../../components/WmsCheckBox/WmsCheckBox.jsx\";\r\n\r\ndeclare var window: any;\r\n\r\ninterface Props {\r\n selector: string;\r\n isOpenCarrierConnectionModel: boolean;\r\n sharedSelectedCarrierAccountData: any;\r\n sharedCarrierConnectionFlow: any;\r\n closeCarrierConnection: () => void;\r\n sharedFacilityOption: any;\r\n onResetSelectionAndGridRefresh: () => void;\r\n sharedShipEngineCarrier: any;\r\n sharedSelectedCustomer: any;\r\n}\r\n\r\nconst stepOneDefaultObj = {\r\n selectedContentType: \"\",\r\n selectedFacilityIndex: \"\",\r\n selectedCustomerIndex: \"\",\r\n selectedCarrierIndex: \"\",\r\n selectedProviderIndex: \"\",\r\n IncludeShippingCost: false,\r\n};\r\n\r\nconst DynamicCarrierConnectionModel: React.FC\r\n
\r\n \r\n \r\n
\r\n \r\n handleCheckboxChangeEvent(\"IncludeShippingCost\")}\r\n label={window.translate(\"Label_Include_Shipping_Cost\")}\r\n checked={stepOneObject.IncludeShippingCost}\r\n wmsSelector={props.selector + \"IncludeShippingCost\"}\r\n disabled={!stepOneObject.selectedContentType}\r\n />\r\n
\r\n )}\r\n {stepOneObject.selectedContentType === customerAccountText && (\r\n \r\n
\r\n )}\r\n {stepOneObject.selectedContentType === warehouseAccountText && (\r\n \r\n For this account, label charges will be recorded and added to your invoice\r\n for {selectedCustomerName}.\r\n
\r\n\r\n
\r\n )}\r\n {stepOneObject.IncludeShippingCost &&\r\n stepOneObject.selectedContentType === customerAccountText && (\r\n \r\n For this account, label charges will be recorded and added to your invoice\r\n for all customers in this warehouse.\r\n
\r\n\r\n
\r\n )}\r\n \r\n \r\n \r\n {window.translate(\"Label_Include_Shipping_Cost_Warning\")}\r\n
\r\n \r\n
\r\n \r\n )}\r\n\r\n {/* Second Step */}\r\n {props.sharedCarrierConnectionFlow === \"create\" && currentStep === 2 && (\r\n <>\r\n \r\n \r\n\r\n\r\n
\r\n );\r\n }\r\n}","export const getCarrierGridColumnsColumns = (carrier_GridHeaders, isEnableProvider, sharedSmallParcelSettings, isEnableDynamicCarrier, dynamicCarrierAccountSchema) => {\r\n return ({\r\n columns: [{\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n hidden: true,\r\n menu: false,\r\n width: \"100%\"\r\n }, {\r\n field: \"Owner\",\r\n title: carrier_GridHeaders[0].description,\r\n width: 300,\r\n wmsid: 1\r\n }, {\r\n field: \"RateShop\",\r\n title: carrier_GridHeaders[6].description,\r\n width: 120,\r\n wmsid: 6,\r\n hidden: sharedSmallParcelSettings.SmallParcelCarrierSelectionV2 ? false : true,\r\n template: function (dataItem) {\r\n let rateshop = \"\";\r\n if(sharedSmallParcelSettings.SmallParcelRateShoppingCarrierAccounts) {\r\n let selectedCarrierAccounts = sharedSmallParcelSettings.SmallParcelRateShoppingCarrierAccounts.split(\",\");\r\n if(selectedCarrierAccounts.indexOf(dataItem.AccountNumber) !== -1) {\r\n rateshop = \"Yes\";\r\n }\r\n }\r\n return rateshop;\r\n }\r\n }, {\r\n field: \"IncludeShippingCost\",\r\n title: carrier_GridHeaders[7].description,\r\n width: 220,\r\n wmsid: 7,\r\n template: function (dataItem) {\r\n let includeShippingCost = \"No\";\r\n if(dataItem.IncludeShippingCost) {\r\n includeShippingCost = \"Yes\";\r\n }\r\n return includeShippingCost;\r\n }\r\n }, {\r\n field: \"Carrier\",\r\n title: carrier_GridHeaders[1].description,\r\n width: 160,\r\n wmsid: 2,\r\n template: function (dataItem) {\r\n let carrier = dataItem.Carrier;\r\n if (isEnableProvider) {\r\n if (carrier == \"Stamps.com\" || carrier == \"Endicia\") {\r\n carrier = \"USPS - \" + carrier;\r\n } else if (carrier == \"Buku\" && dataItem.Provider == \"bukuShip\") {\r\n carrier = \"USPS - BUKU Ship\";\r\n } else if (carrier == \"PitneyBowesExp\") {\r\n carrier = \"USPS - Pitney Bowes Expedited\";\r\n } else if (carrier == \"PitneyBowesStd\") {\r\n carrier = \"Pitney Bowes Standard\";\r\n }\r\n }\r\n return carrier;\r\n }\r\n }, {\r\n field: \"Provider\",\r\n title: carrier_GridHeaders[2].description,\r\n width: 160,\r\n wmsid: 3,\r\n hidden : isEnableProvider ? false : true,\r\n template: function (dataItem) {\r\n if (isEnableDynamicCarrier) {\r\n return dynamicCarrierAccountSchema[`${dataItem.Provider}`]?.name || \"\";\r\n } else {\r\n let provider = \"\";\r\n if (dataItem.Provider == \"shipEngine\") {\r\n provider = \"ShipEngine\";\r\n } else if (dataItem.Provider == \"bukuShip\") {\r\n provider = \"BUKU Ship\";\r\n } else if (dataItem.Provider == \"pitneyBowes\") {\r\n provider = \"Pitney Bowes\";\r\n } else if (dataItem.Provider == \"flexport\") {\r\n provider = \"Flexport\";\r\n } else if (dataItem.Provider == \"endicia\") {\r\n provider = \"Endicia\";\r\n }\r\n return provider;\r\n }\r\n }\r\n }, {\r\n field: \"NickName\",\r\n title: carrier_GridHeaders[3].description,\r\n width: 255,\r\n filterable: true,\r\n wmsid: 4\r\n }, {\r\n field: \"Type\",\r\n title: carrier_GridHeaders[4].description,\r\n width: 155,\r\n wmsid: 5\r\n }, {\r\n field: \"AccountNumber\",\r\n title: carrier_GridHeaders[5].description,\r\n width: 185,\r\n wmsid: 6\r\n }]\r\n });\r\n};\r\n\r\nexport const getCarrierGridSchema = () => {\r\n return ({\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n model: {\r\n id: \"Owner\",\r\n fields: {\r\n RowNumber: {\r\n type: 'number'\r\n },\r\n facility: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n rateshop: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n includeShippingCost: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n carrier: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n provider: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n accnickname: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n acctype: {\r\n type: \"string\",\r\n editable: false\r\n }\r\n }\r\n }\r\n }\r\n });\r\n};\r\n\r\n","import React, { Component } from \"react\";\r\nimport WmsModel from \"../../../components/WmsModel/WmsModel.jsx\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\nimport WmsDropdown from \"../../../components/WmsDropdown/WmsDropdown.jsx\";\r\nimport WmsInput from \"../../../components/WmsInput/WmsInput.jsx\";\r\nimport WmsButton from \"../../../components/WmsButton/WmsButton.jsx\";\r\nimport './auto-rate-shopping-rule-model.scss';\r\n\r\nexport class AutoRateShoppingRuleModel extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n\r\n this.rateShoppingLogics = [\r\n { text: \"Select One...\", value: \"\" },\r\n { text: \"Overnight - Cheapest\", value: \"Overnight\" },\r\n { text: \"2nd Day - Cheapest\", value: \"TwoDay\" },\r\n { text: \"3rd Day - Cheapest\", value: \"ThreeDay\" },\r\n { text: \"4th Day - Cheapest\", value: \"FourDay\" },\r\n { text: \"5th Day - Cheapest\", value: \"FiveDay\" },\r\n { text: \"Cheapest\", value: \"Cheapest\" },\r\n { text: \"Cheapest - Independent of Delivery Date\", value: \"CheapestDateIndependent\" }\r\n ];\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n null}\r\n clickEventOfContextMenu={() => { }}\r\n resetButtonLabel={this.translate('Label_Options')}\r\n resetButtonIcon={'fa-sliders'}\r\n isUpdateGridSummary={this.state.isUpdateGridSummary}\r\n onUpdateGridSummary={this.onUpdateGridSummary}\r\n onGridSave={this.onGridSave}\r\n menu={\r\n [{\r\n \"name\": this.translate('Label_Create'),\r\n \"value\": [],\r\n // \"disabled\": !this.props.sharedSelectedCustomer.id,\r\n \"icon\": \"fa-plus\",\r\n \"color\": \"green\",\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'create',\r\n 'wmsSelector': this.props.selector + \"CreateCarrier\",\r\n 'clickFunc': this.addCarrierConnection,\r\n }, {\r\n \"name\": this.translate('Label_Edit'),\r\n \"value\": [],\r\n \"disabled\": this.state.isEditCarrierDisable,\r\n \"showToolTip\": (this.state.selectedCarrierAccountData != null),\r\n \"tooltipText\": this.translate('Carrier_EDIT_DISABLE_TEXT'),\r\n \"icon\": \"fa-pencil\",\r\n \"color\": \"green\",\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'edit',\r\n 'wmsSelector': this.props.selector + \"EditCarrier\",\r\n 'clickFunc': this.editCarrierConnection,\r\n },{\r\n \"name\": this.translate('Label_Delete'),\r\n \"value\": [],\r\n \"icon\": \"fa-trash\",\r\n \"color\": \"red\",\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'expandCollapse',\r\n 'wmsSelector': this.props.selector + \"ExpandCarrier\",\r\n 'clickFunc': this.deleteCarrier,\r\n 'loading': this.state.deleteCarrierLoader,\r\n \"disabled\": (this.state.selectedCarrierAccountData == null)\r\n }]\r\n }\r\n />\r\n
\r\n {this.state.isOpenCarrierConnectionModel && (\r\n <>\r\n {this.isEnableDynamicCarrier ? (\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React from 'react';\r\n\r\nimport WmsButton from '../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsDropdown from '../../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsModel from '../../../components/WmsModel/WmsModel.jsx';\r\nimport WmsInput from '../../../components/WmsInput/WmsInput.jsx';\r\nimport WmsCollapse from '../../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport style from './carrier-markup.scss';\r\nimport * as GlobalService from '../../../global_services';\r\nimport * as carrierService from '../../small-parcel-settings.services.jsx';\r\n\r\nexport class CarrierMarkupModel extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n\r\n this.translate = window.translate;\r\n this.state = {\r\n carrierMarkUpsList: [],\r\n servicesOptions: [],\r\n deleteUris: [],\r\n saveLoader: false,\r\n disableSaveText: this.translate(\"Label_Markup_Save_Disable_Text\"),\r\n isSaveDisabled: true\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n kendo.ui.progress($('#carrierMarkUp'), true);\r\n carrierService.getCarrierMarkup(this.props.sharedSelectedCustomer.id).then((response) => {\r\n\r\n var tmpCarrierMarkUpResponse = response.data;\r\n var sharedCarrierAccountsGridData = this.props.sharedCarrierAccountsGridData;\r\n var markupServicesArr = {};\r\n var carrierActualNameObj = {};\r\n\r\n // create carrier object array from carrier grid data\r\n for (let i = 0; i < sharedCarrierAccountsGridData.length; i++) {\r\n const element = sharedCarrierAccountsGridData[i];\r\n var carrierInLowerCase = element.Carrier.toLowerCase();\r\n markupServicesArr[carrierInLowerCase] = [];\r\n carrierActualNameObj[carrierInLowerCase] = element.Carrier;\r\n }\r\n\r\n // add carrier markup flat rate from markup response\r\n for (let i = 0; i < tmpCarrierMarkUpResponse.length; i++) {\r\n const element = tmpCarrierMarkUpResponse[i];\r\n var carrierInLowerCase = element.Carrier.toLowerCase();\r\n if (markupServicesArr[carrierInLowerCase]) {\r\n markupServicesArr[carrierInLowerCase].push(element)\r\n }\r\n }\r\n\r\n // check null shipmentService is available if not then create and at last make first index\r\n Object.keys(markupServicesArr).map((key, index) => {\r\n var isNullServiceAvailable = false;\r\n\r\n for (let i = 0; i < markupServicesArr[key].length; i++) {\r\n const element = markupServicesArr[key][i];\r\n if (element.ShipmentService == null) {\r\n isNullServiceAvailable = true;\r\n }\r\n }\r\n\r\n if (isNullServiceAvailable == false) {\r\n markupServicesArr[key].push({\r\n Carrier: carrierActualNameObj[key],\r\n CarrierMarkupUri: null,\r\n CustomerId: this.props.sharedSelectedCustomer.id,\r\n CustomerName: this.props.sharedSelectedCustomer.name,\r\n CustomerUri: this.props.sharedSelectedCustomer.uri,\r\n FlatRateMarkup: 0,\r\n PercentMarkup: 0,\r\n ShipmentService: null,\r\n })\r\n }\r\n markupServicesArr[key].sort(function (x, y) { return x.ShipmentService == null ? -1 : y.ShipmentService == null ? 1 : 0; });\r\n });\r\n\r\n this.setState({\r\n isSaveDisabled: this.validateCarrierMarkups(markupServicesArr),\r\n carrierMarkUpsList: markupServicesArr\r\n });\r\n this.disableServiceOptions(response.data);\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#carrierMarkUp'), false);\r\n });\r\n }\r\n\r\n handleChangeEvent = (key, param_index) => (e) => {\r\n let serviceOption = this.state.carrierMarkUpsList[key];\r\n\r\n if (e.target.name === \"PercentMarkup\" || e.target.name === \"FlatRateMarkup\") {\r\n serviceOption[param_index][e.target.name] = e.target.value ? e.target.value : 0;\r\n } else {\r\n serviceOption[param_index][e.target.name] = e.target.value;\r\n }\r\n\r\n this.disableServiceOptions(serviceOption);\r\n\r\n var tmpCarrierMarkupList = Object.assign(this.state.carrierMarkUpsList, { [key]: serviceOption });\r\n\r\n this.setState({\r\n isSaveDisabled: this.validateCarrierMarkups(tmpCarrierMarkupList),\r\n carrierMarkUpsList: tmpCarrierMarkupList\r\n });\r\n }\r\n\r\n validateCarrierMarkups = (carrierMarkUp) => {\r\n\r\n var isSaveDisabled = false;\r\n for (const key in carrierMarkUp) {\r\n for (let i = 1; i < carrierMarkUp[key].length; i++) {\r\n const element = carrierMarkUp[key][i];\r\n if (!element.ShipmentService || !(element.PercentMarkup || element.FlatRateMarkup)) {\r\n isSaveDisabled = true;\r\n break;\r\n }\r\n }\r\n if (isSaveDisabled) {\r\n break;\r\n }\r\n }\r\n\r\n return isSaveDisabled;\r\n }\r\n\r\n manageCarrierMarkUp = (key, param_index) => (e) => {\r\n let serviceOption = this.state.carrierMarkUpsList[key];\r\n let deleteUris = this.state.deleteUris;\r\n\r\n if (typeof param_index != 'undefined') {\r\n var removeCarrierUri = serviceOption[param_index].CarrierMarkupUri;\r\n if (removeCarrierUri) {\r\n deleteUris.push(removeCarrierUri);\r\n }\r\n\r\n serviceOption.splice(param_index, 1);\r\n } else {\r\n serviceOption.push({\r\n Carrier: key,\r\n CarrierMarkupUri: null,\r\n CustomerId: this.props.sharedSelectedCustomer.id,\r\n CustomerName: this.props.sharedSelectedCustomer.name,\r\n CustomerUri: this.props.sharedSelectedCustomer.uri,\r\n FlatRateMarkup: 0,\r\n PercentMarkup: 0,\r\n ShipmentService: null,\r\n });\r\n\r\n }\r\n this.disableServiceOptions(serviceOption);\r\n var tmpCarrierMarkupList = Object.assign(\r\n this.state.carrierMarkUpsList,\r\n {\r\n [key]: serviceOption\r\n }\r\n );\r\n this.setState({\r\n isSaveDisabled: this.validateCarrierMarkups(tmpCarrierMarkupList),\r\n carrierMarkUpsList: tmpCarrierMarkupList,\r\n deleteUris: deleteUris\r\n });\r\n }\r\n\r\n disableServiceOptions = (carrierMarkUp) => {\r\n setTimeout(() => {\r\n carrierMarkUp.forEach((service, index) => {\r\n if (index == 0) {\r\n $(\"#\" + service.Carrier.replace(/\\s+/g, '') + \"_ShipmentService option\").removeAttr('disabled');\r\n }\r\n $(\"#\" + service.Carrier.replace(/\\s+/g, '') + \"_ShipmentService option[value='\" + service.ShipmentService + \"']\").attr('disabled', 'disabled');\r\n });\r\n }, 100);\r\n }\r\n onSaveCarrierMarkup = () => {\r\n this.setState({ saveLoader: true });\r\n\r\n var carrierMarkups = [];\r\n var deleteUris = this.state.deleteUris;\r\n Object.keys(this.state.carrierMarkUpsList).map((key, index) => {\r\n var nullShipmentServiceCounter = 0;\r\n\r\n for (let i = 0; i < this.state.carrierMarkUpsList[key].length; i++) {\r\n const element = this.state.carrierMarkUpsList[key][i];\r\n\r\n if (!element.ShipmentService) {\r\n nullShipmentServiceCounter = nullShipmentServiceCounter + 1;\r\n }\r\n if (nullShipmentServiceCounter == 1 && (parseFloat(element.FlatRateMarkup) || parseFloat(element.PercentMarkup))) {\r\n carrierMarkups.push(element);\r\n }\r\n if (element.CarrierMarkupUri && !parseFloat(element.FlatRateMarkup) && !parseFloat(element.PercentMarkup)) {\r\n deleteUris.push(element.CarrierMarkupUri);\r\n }\r\n }\r\n\r\n });\r\n // set object of markUp list in group by carrier\r\n // console.log(\"GroupedData\",_.groupBy(carrierMarkups, function (markup) { return markup.Carrier; }));\r\n\r\n var payloads = {\r\n \"DeleteUris\": deleteUris,\r\n \"CarrierMarkups\": carrierMarkups\r\n };\r\n carrierService.saveCarrierMarkup(payloads).then((response) => {\r\n GlobalService.notification('success', this.translate('Label_Carrier_Markup_Success'));\r\n this.props.onRefreshGridData();\r\n setTimeout(() => {\r\n this.props.closeCarrierMarkup();\r\n }, 10);\r\n }).finally(() => {\r\n this.setState({ saveLoader: false });\r\n });\r\n }\r\n getCarrierImage = (tmpSelectedCarrier) => {\r\n let currentCarrierImgUrl = '3PL_Logo_Orange.png';\r\n tmpSelectedCarrier = tmpSelectedCarrier.toLowerCase();\r\n\r\n if (tmpSelectedCarrier == 'Endicia'.toLowerCase()) {\r\n currentCarrierImgUrl = 'endicia-logo.png';\r\n // currentLoginLabel = 'Endicia Account';\r\n } else if (tmpSelectedCarrier == 'FedEx'.toLowerCase() || tmpSelectedCarrier == 'FedEx SmartPost'.toLowerCase()) {\r\n currentCarrierImgUrl = 'FedEx-logo.png';\r\n } else if (tmpSelectedCarrier == 'Stamps.com'.toLowerCase()) {\r\n currentCarrierImgUrl = 'Stamps.com-logo.png';\r\n // currentLoginLabel = 'Stamps Account';\r\n } else if (tmpSelectedCarrier == 'APC'.toLowerCase()) {\r\n currentCarrierImgUrl = 'APC-logo.png';\r\n } else if (tmpSelectedCarrier == 'UPS'.toLowerCase() || tmpSelectedCarrier == 'Ups Mail Innovations'.toLowerCase() || tmpSelectedCarrier == 'UPS SurePost'.toLowerCase()) {\r\n currentCarrierImgUrl = 'UPS-logo.png';\r\n } else if (tmpSelectedCarrier == 'DHL eCommerce'.toLowerCase()) {\r\n currentCarrierImgUrl = 'dhl-ecommerce.png';\r\n } else if (tmpSelectedCarrier == 'DHL Express'.toLowerCase()) {\r\n currentCarrierImgUrl = 'dhl-express.png';\r\n } else if (tmpSelectedCarrier == 'Australia Post'.toLowerCase()) {\r\n currentCarrierImgUrl = 'australia-post.png';\r\n } else if (tmpSelectedCarrier == 'Purolator'.toLowerCase()) {\r\n currentCarrierImgUrl = 'purolator-seeklogo.com.png';\r\n } else if (tmpSelectedCarrier == 'DHL Express Australia'.toLowerCase()) {\r\n currentCarrierImgUrl = 'DHLExpressAU.png';\r\n } else if (tmpSelectedCarrier == 'Firstmile'.toLowerCase()) {\r\n currentCarrierImgUrl = 'First Mile.png';\r\n } else if (tmpSelectedCarrier == 'Globegistics'.toLowerCase()) {\r\n currentCarrierImgUrl = 'Globegistics.png';\r\n } else if (tmpSelectedCarrier == 'RR Donnelley'.toLowerCase()) {\r\n currentCarrierImgUrl = 'rrDonnelley.png';\r\n } else if (tmpSelectedCarrier == 'Canada Post'.toLowerCase()) {\r\n currentCarrierImgUrl = 'canada-post-logo.jpg';\r\n } else if (tmpSelectedCarrier == 'OnTrac'.toLowerCase()) {\r\n currentCarrierImgUrl = 'ontrac.png';\r\n } else if (tmpSelectedCarrier == 'SEKO'.toLowerCase()) {\r\n currentCarrierImgUrl = 'seko.png';\r\n } else if (tmpSelectedCarrier == 'Amazon Buy'.toLowerCase()) {\r\n currentCarrierImgUrl = 'amazon.png';\r\n } else if (tmpSelectedCarrier == 'Canpar'.toLowerCase()) {\r\n currentCarrierImgUrl = 'canpar.png';\r\n } else if (tmpSelectedCarrier == 'Cirro E-Commerce'.toLowerCase()) {\r\n currentCarrierImgUrl = 'cirro-ecommerce.png';\r\n } else if (tmpSelectedCarrier == 'ePost Global'.toLowerCase()) {\r\n currentCarrierImgUrl = 'ePost-global.png';\r\n } else if (tmpSelectedCarrier == 'Landmark'.toLowerCase()) {\r\n currentCarrierImgUrl = 'landmark.png';\r\n } else if (tmpSelectedCarrier == 'Stallion Express'.toLowerCase()) {\r\n currentCarrierImgUrl = 'StallionExpressLogo.png';\r\n } else if (tmpSelectedCarrier == 'Buku'.toLowerCase()) {\r\n currentCarrierImgUrl = 'buku-ship.png';\r\n } else if (tmpSelectedCarrier == 'PitneyBowesExp'.toLowerCase() || tmpSelectedCarrier == 'PitneyBowesStd'.toLowerCase() || tmpSelectedCarrier == 'Pitney Bowes Cross-Border'.toLowerCase()) {\r\n currentCarrierImgUrl = 'pitney-bowes-standard-logo.png';\r\n }\r\n\r\n return currentCarrierImgUrl;\r\n }\r\n\r\n render() {\r\n return (\r\n\r\n \r\n \r\n {Object.keys(this.state.carrierMarkUpsList).map((key, index) => (\r\n\r\n
\r\n\r\n \r\n
\r\n ))}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {this.state.carrierMarkUpsList[key].map((obj, index) => (\r\n
\r\n\r\n \r\n
\r\n ))}\r\n \r\n
\r\n \r\n );\r\n }\r\n}","import React from 'react';\r\n\r\nimport WmsButton from '../../../components/WmsButton/WmsButton.jsx';\r\nimport WmsDropdown from '../../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsCheckBox from '../../../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsModel from '../../../components/WmsModel/WmsModel.jsx';\r\nimport WmsCollapse from '../../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport style from './carrier-service-levels.scss';\r\n//services\r\nimport * as GlobalService from '../../../global_services';\r\nimport * as CarrierServiceLevels from '../../small-parcel-settings.services.jsx';\r\n\r\nexport class CarrierServiceLevelsModel extends React.Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n\r\n\r\n this.translate = window.translate;\r\n this.state = {\r\n carrierOptions: [],\r\n servicesOptions: [],\r\n smallParcelRateShopFilter: this.props.sharedSmallParcelSettings.SmallParcelRateShopFilter ? JSON.parse(this.props.sharedSmallParcelSettings.SmallParcelRateShopFilter) : {\"carriers\":{}},\r\n disableSaveText: this.translate(\"Label_Markup_Save_Disable_Text\"),\r\n isSaveDisabled: false,\r\n isEditLevels: false,\r\n saveLoader: false,\r\n selectedCarrier: null,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n\r\n kendo.ui.progress($('#carrierServiceLevels'), true);\r\n // add carrier options\r\n if(this.props.selectedCarrierServiceLevels.length && this.props.sharedShipEngineCarrier.length) {\r\n let tempCarrierOptions = [];\r\n for (let i = 0; i < this.props.selectedCarrierServiceLevels.length; i++) {\r\n let selectedElement = this.props.selectedCarrierServiceLevels[i];\r\n if (selectedElement === \"DHLGM\") {\r\n selectedElement = \"DHL eCommerce\";\r\n } else if (selectedElement === \"FDXE\") {\r\n selectedElement = \"FedEx\";\r\n } else if (selectedElement === \"ENDCA\") {\r\n selectedElement = \"USPS\";\r\n } else if (selectedElement === \"PBCS\") {\r\n selectedElement = \"PitneyBowesStd\";\r\n } else if (selectedElement === \"AMZN\") {\r\n selectedElement = \"Amazon Buy\";\r\n } else if (selectedElement === \"USPS - Buku\") {\r\n selectedElement = \"Buku\";\r\n } else if (selectedElement === \"USPS - Endicia\") {\r\n selectedElement = \"Endicia\";\r\n } else if (selectedElement === \"USPS - Pitney Bowes Expedited\") {\r\n selectedElement = \"PitneyBowesExp\";\r\n } else if (selectedElement === \"USPS - Stamps.com\") {\r\n selectedElement = \"Stamps.com\";\r\n } else if (selectedElement === \"DHL Express AU\") {\r\n selectedElement = \"DHL Express Australia\";\r\n } else if (selectedElement === \"DHL Express CA\") {\r\n selectedElement = \"DHL Express Canada\";\r\n } else if (selectedElement === \"APC Postal Logistics\") {\r\n selectedElement = \"APC\";\r\n } else if (selectedElement === \"UPS Sure Post\") {\r\n selectedElement = \"UPS SurePost\";\r\n } else if (selectedElement === \"Tusk\") {\r\n selectedElement = \"Tusk Logistics\";\r\n } else if (selectedElement === \"SEKO Logistics\") {\r\n selectedElement = \"SEKO\";\r\n } else if (selectedElement === \"Passport Carrier\") {\r\n selectedElement = \"Passport\";\r\n } else if (selectedElement === \"FirstMile\") {\r\n selectedElement = \"Firstmile\";\r\n } else if (selectedElement === \"Epost Global / RR Donnelley\") {\r\n selectedElement = \"ePost Global\";\r\n }\r\n let tempObject = this.props.sharedShipEngineCarrier.filter(function (el) {\r\n return el.Carrier === selectedElement;\r\n })[0];\r\n\r\n if(tempObject != undefined) {\r\n tempCarrierOptions.push(tempObject);\r\n }\r\n }\r\n // Add first carrier service options\r\n let tempServiceOptions = this.props.carrierShipmentServices[tempCarrierOptions[0].Carrier.toLowerCase()];\r\n var tempActiveServiceOptions = tempServiceOptions.filter( el => !el.Deactivated);\r\n var tempIsAnyOneChecked = Object.keys(this.state.smallParcelRateShopFilter.carriers).length > 0;\r\n this.setState({\r\n carrierOptions: tempCarrierOptions,\r\n servicesOptions: tempActiveServiceOptions,\r\n selectedCarrier: tempCarrierOptions[0].Carrier.toLowerCase(),\r\n isSaveDisabled: tempIsAnyOneChecked,\r\n isEditLevels: tempIsAnyOneChecked\r\n });\r\n }\r\n kendo.ui.progress($('#carrierServiceLevels'), false);\r\n }\r\n\r\n handleChangeEvent = (e) => {\r\n if(e.target.value) {\r\n let tempServiceOptions = this.props.carrierShipmentServices[e.target.value.toLowerCase()];\r\n var tempActiveServiceOptions = tempServiceOptions.filter( el => !el.Deactivated);\r\n this.setState({\r\n servicesOptions: tempActiveServiceOptions,\r\n selectedCarrier: e.target.value.toLowerCase()\r\n });\r\n }\r\n }\r\n\r\n handleChangeCurrentServiceOptions = (e) => {\r\n var tempSPRSF = this.state.smallParcelRateShopFilter.carriers;\r\n if(e.target.checked){\r\n if(tempSPRSF[this.state.selectedCarrier] == undefined) {\r\n tempSPRSF[this.state.selectedCarrier] = [];\r\n }\r\n tempSPRSF[this.state.selectedCarrier].push(e.target.name);\r\n } else {\r\n tempSPRSF[this.state.selectedCarrier] = tempSPRSF[this.state.selectedCarrier].filter(el => el != e.target.name);\r\n if(tempSPRSF[this.state.selectedCarrier].length == 0) {\r\n delete tempSPRSF[this.state.selectedCarrier];\r\n }\r\n }\r\n var tempIsAnyOneChecked = Object.keys(tempSPRSF).length > 0 || this.state.isEditLevels;\r\n this.setState({\r\n smallParcelRateShopFilter: {carriers: tempSPRSF},\r\n isSaveDisabled: tempIsAnyOneChecked\r\n });\r\n }\r\n\r\n onSaveCarrierLevels = () => {\r\n this.setState({ saveLoader: true });\r\n let settingsData = Object.assign({}, this.props.sharedSmallParcelSettings);\r\n settingsData.SmallParcelRateShopFilter = JSON.stringify(this.state.smallParcelRateShopFilter);\r\n settingsData.SmallParcelRateShoppingLogic = JSON.stringify(settingsData.SmallParcelRateShoppingLogic);\r\n let param_settings_data = {\r\n 'custUri': this.props.sharedSelectedCustomer.uri,\r\n 'spsData': settingsData\r\n }\r\n\r\n CarrierServiceLevels.saveSmartParcelSettings(param_settings_data).then((response) => {\r\n if (response && response.status == 200) {\r\n GlobalService.notification('success', this.translate('Window_Title_Label_SmartParcel_Data_Success'));\r\n response.data.SmallParcelRateShoppingLogic = JSON.parse(response.data.SmallParcelRateShoppingLogic);\r\n this.props.onSaveCarrierServiceLevels(response.data);\r\n this.props.closeCarrierServiceLevels();\r\n }\r\n\r\n }).finally(() => {\r\n\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n {this.state.servicesOptions?.map((item, index) => (\r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport WmsModel from \"../../../components/WmsModel/WmsModel.jsx\";\r\nimport WmsButton from \"../../../components/WmsButton/WmsButton.jsx\";\r\nimport WmsDropdown from \"../../../components/WmsDropdown/WmsDropdown.jsx\";\r\nimport WmsCheckBox from \"../../../components/WmsCheckBox/WmsCheckBox.jsx\";\r\nimport WmsCollapse from \"../../../components/WmsCollapse/WmsCollapse.jsx\";\r\n//services\r\nimport * as GlobalService from \"../../../global_services\";\r\nimport * as SelectCarrierAccounts from \"../../small-parcel-settings.services.jsx\";\r\n\r\nimport \"./carrier-select-accounts-modal.scss\";\r\n\r\ndeclare var window: any;\r\nconst { $ } = window;\r\nconst USPSCarriers = [\"stamps.com\", \"endicia\", \"buku\", \"pitneybowesexp\"];\r\n\r\ninterface Props {\r\n wmsSelector: string;\r\n isOpenSelectAccountModal: boolean;\r\n onCloseSelectAccountModal: any;\r\n sharedShipEngineCarrier: any;\r\n smallParcelSettingsData: any;\r\n sharedSelectedCustomer: any;\r\n selectedCarrierAccounts: any;\r\n carrierAccountsData: any;\r\n onSaveSelectCarrierAccounts: any;\r\n isEnableDynamicCarrier: boolean;\r\n}\r\n\r\nconst CarrierSelectAccountModal: React.FC\r\n \r\n
}\r\n
\r\n \r\n
\r\n {carrierAccounts.length > 0 && }\r\n
\r\n {carrierAccounts?.map((item, index) => (\r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nCarrierSelectAccountModal.propTypes = {\r\n wmsSelector: PropTypes.string.isRequired,\r\n isOpenSelectAccountModal: PropTypes.bool.isRequired,\r\n onCloseSelectAccountModal: PropTypes.any.isRequired,\r\n sharedShipEngineCarrier: PropTypes.any.isRequired,\r\n smallParcelSettingsData: PropTypes.any.isRequired,\r\n sharedSelectedCustomer: PropTypes.any.isRequired,\r\n selectedCarrierAccounts: PropTypes.any.isRequired,\r\n carrierAccountsData: PropTypes.any.isRequired,\r\n onSaveSelectCarrierAccounts: PropTypes.any.isRequired,\r\n};\r\n\r\nCarrierSelectAccountModal.defaultProps = {\r\n wmsSelector: \"\",\r\n onCloseSelectAccountModal: (): void => {},\r\n};\r\n\r\nexport default React.memo(CarrierSelectAccountModal);\r\n","import React from 'react';\r\n\r\n// component\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsContainer from '../../components/WmsContainer/WmsContainer.jsx';\r\nimport WmsCheckBox from '../../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport WmsDropdown from '../../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsInput from '../../components/WmsInput/WmsInput.jsx';\r\nimport WmsButton from '../../components/WmsButton/WmsButton.jsx';\r\nimport WmsGrid from '../../components/WmsGrid/WmsGrid.jsx';\r\nimport { AutoRateShoppingRuleModel } from './model/auto-rate-shopping-rule-model.component.jsx';\r\nimport { CarrierMarkupModel } from './model/carrier-markup.component.jsx';\r\nimport { CarrierServiceLevelsModel } from './model/carrier-service-levels.component.jsx';\r\nimport CarrierSelectAccountsModal from './model/carrier-select-accounts-modal.component';\r\n\r\n\r\n//services\r\nimport * as GridConfig from './small-parcel-smart-settings-config.jsx';\r\nimport * as GlobalService from '../../global_services';\r\nimport * as smallParcelServices from '../small-parcel-settings.services.jsx';\r\n\r\n\r\nexport class SmallParcelSmartSettings extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate\r\n let countries = [...GlobalService.GetCountries()];\r\n\r\n this.rateShoppingGridColumns = GridConfig.getRateShoppingGridColumns().columns;\r\n this.rateShoppingGridSchema = GridConfig.getRateShoppingGridSchema().schema;\r\n this.rights = GlobalService.GetRights();\r\n this.isEnableProvider = this.rights.hasOwnProperty('Shipping.SmallParcelEnabled') && this.rights['Integrations.SmallParcelPartner'] == 'ParcelApi';\r\n this.isEnableDynamicCarrier = this.rights.hasOwnProperty('UxPrototypingDirectivesDynamicCarrier');\r\n this.carrierAccountSchema = GlobalService.GetDynamicCarrierAccountSchema();\r\n this.optionsDutyBillType = [\r\n { text: \"Not Specified\", value: \"100\" },\r\n { text: \"Bill Sender\", value: \"102\" },\r\n { text: \"Bill Recipient\", value: \"103\" }\r\n ];\r\n this.optionsReference = [\r\n { text: \"Reference Number\", value: \"RefNum\" },\r\n { text: \"PO Number\", value: \"PoNum\" },\r\n { text: \"SKU (qty)\", value: \"Sku(Qty)\" },\r\n { text: \"Transaction ID\", value: \"TransId\" },\r\n { text: \"BOL Number\", value: \"BolNum\" },\r\n { text: \"Dept. Number\", value: \"DeptNum\" },\r\n { text: \"UCC128\", value: \"UCC128\" },\r\n { text: \"Carrier Notes\", value: \"CarrierNotes\" },\r\n { text: \"Customer Name\", value: \"CustomerName\" }\r\n ];\r\n this.optionsUsps3rdParty = [\r\n { text: \"Endicia\", value: \"Endicia\" },\r\n { text: \"Stamps.com\", value: \"Stamps.com\" }\r\n ];\r\n this.state = {\r\n optionsCountry: countries,\r\n isOpenAddAutoRateShoppingRuleModel: false,\r\n SmallParcelProcessReturnStreetAddress2: false,\r\n carrierShipmentServices: [],\r\n isOpenCarrierMarkupModel: false,\r\n isOpenCarrierServiceLevelsModel: false,\r\n menuOptions: [],\r\n optionsTemplateReports: [],\r\n optionsPackingReports: [],\r\n cartonLabelsOptions: [],\r\n isIntegratedPackingSlips: false,\r\n rateShoppingCarriers: [],\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n // Get Label Template Options From The Get Reports API\r\n if(this.props.sharedSelectedCustomer && this.props.sharedSelectedCustomer.id) {\r\n GlobalService.initialPrintMenu(this.props.sharedSelectedCustomer.id).then((response) => {\r\n if (response) {\r\n let reprintShippingLabelMenus = [];\r\n\r\n // Get Label Template From The Reports API\r\n response.map(function (e) {\r\n if(e.CategoryName == \"Reprint Shipping Label\") {\r\n reprintShippingLabelMenus = e.Reports;\r\n }\r\n });\r\n\r\n // Check If Label Template Deleted Then Set Default Label Template\r\n if(this.props.sharedSmallParcelSettings.SmallParcelDefaultLabelTemplate != '' && reprintShippingLabelMenus.length) {\r\n let selLabelTemplate = reprintShippingLabelMenus.find((elem) => elem.Name == this.props.sharedSmallParcelSettings.SmallParcelDefaultLabelTemplate);\r\n if(selLabelTemplate == undefined) {\r\n this.props.sharedSmallParcelSettings.SmallParcelDefaultLabelTemplate = 'Default';\r\n }\r\n } else {\r\n this.props.sharedSmallParcelSettings.SmallParcelDefaultLabelTemplate = 'Default';\r\n }\r\n\r\n this.setState({\r\n menuOptions: reprintShippingLabelMenus\r\n });\r\n }\r\n });\r\n\r\n // Get Carton Label Template\r\n const defaultCartonLabelOption = { Name: \"Not specified\" };\r\n smallParcelServices.getCartonLabelTemplates(this.props.sharedSelectedCustomer.id)\r\n .then((response) => {\r\n const cartonLabelsOptions = response ? [defaultCartonLabelOption, ...response.CartonLabels] : [defaultCartonLabelOption];\r\n this.setState({ cartonLabelsOptions });\r\n });\r\n\r\n // Get Packing Slip Report\r\n let param_payload = {\r\n 'customerId': this.props.sharedSelectedCustomer.id\r\n }\r\n\r\n smallParcelServices.getPackingSlipReports(param_payload).then((response) => {\r\n if (response && response.status == 200) {\r\n let responseData = response.data;\r\n if(responseData.length >= 1) {\r\n let tempOptionsTemplateReports = responseData[0].Templates;\r\n tempOptionsTemplateReports.unshift({\r\n \"Name\": '',\r\n \"Id\": null\r\n });\r\n\r\n let tempOptionsPackingReports = [];\r\n tempOptionsPackingReports.push({\r\n \"Name\": '',\r\n \"TemplatedRunner\": null\r\n });\r\n for (let x = 0; x < responseData.length; x++) {\r\n if(responseData[x].Reports.length) {\r\n for (let y = 0; y < responseData[x].Reports.length; y++) {\r\n tempOptionsPackingReports.push(responseData[x].Reports[y]);\r\n }\r\n }\r\n }\r\n this.setState({\r\n optionsTemplateReports: tempOptionsTemplateReports,\r\n optionsPackingReports: tempOptionsPackingReports\r\n });\r\n }\r\n }\r\n });\r\n }\r\n if (this.props.sharedSmallParcelSettings && this.props.sharedSmallParcelSettings.Address2) {\r\n this.setState({ SmallParcelProcessReturnStreetAddress2: true });\r\n }\r\n\r\n if (this.props.sharedSmallParcelSettings && this.props.sharedSmallParcelSettings.SmallParcelPackSlip && this.props.sharedSmallParcelSettings.SmallParcelAddressTemplate) {\r\n this.setState({ isIntegratedPackingSlips: true });\r\n }\r\n\r\n // Dynamic Carrier Rate Shopping Carriers List\r\n let tmpRateShoppingCarriers = [];\r\n if (this.carrierAccountSchema) {\r\n for (const providerName in this.carrierAccountSchema) {\r\n const tmpCarriers = this.carrierAccountSchema[`${providerName}`].carriers;\r\n for (const carrier in tmpCarriers) {\r\n // Check canRateShop Enabled\r\n let isCanRateShop = tmpCarriers[`${carrier}`].settings['canRateShop'].value;\r\n if (isCanRateShop && !tmpRateShoppingCarriers.some((obj) => obj.CarrierCode === carrier)) {\r\n tmpRateShoppingCarriers.push({\r\n CarrierName: tmpCarriers[`${carrier}`].carrierName,\r\n CarrierCode: carrier,\r\n });\r\n }\r\n }\r\n }\r\n }\r\n // Sort Rate Shopping Carriers By CarrierName ASC\r\n let sortedRateShoppingCarriers = tmpRateShoppingCarriers.sort((a, b) => a.CarrierName.localeCompare(b.CarrierName));\r\n\r\n var tmpShipmentServices = {};\r\n _.map(this.props.sharedShipEngineCarrier, function (x) {\r\n tmpShipmentServices[x.Carrier.toLowerCase()] = x.ShipmentServices\r\n });\r\n this.setState({\r\n carrierShipmentServices: tmpShipmentServices,\r\n rateShoppingCarriers: sortedRateShoppingCarriers\r\n });\r\n }\r\n\r\n handleSettingsChange = (event) => {\r\n\r\n let name = event.target.name;\r\n let parentObj = this.props.sharedSmallParcelSettings;\r\n\r\n if (event.target.type == 'checkbox') {\r\n if(name === \"IntegratedPackingSlips\") {\r\n if(this.state.isIntegratedPackingSlips) {\r\n this.setState({ isIntegratedPackingSlips: false });\r\n } else {\r\n this.setState({ isIntegratedPackingSlips: true });\r\n }\r\n parentObj[\"SmallParcelPackSlip\"] = \"\";\r\n parentObj[\"SmallParcelAddressTemplate\"] = \"\";\r\n }\r\n parentObj[name] = !parentObj[name];\r\n } else if (event.target.type == 'radio') {\r\n parentObj.SmallParcelUspsReturnType = event.target.name;\r\n } else {\r\n parentObj[name] = event.target.value;\r\n if(name === \"SmallParcelDefaultLabelTemplate\" && event.target.value !== \"Default\") {\r\n parentObj[\"SmallParcelPackSlip\"] = \"\";\r\n parentObj[\"SmallParcelAddressTemplate\"] = \"\";\r\n }\r\n if(name === \"SmallParcelPackSlip\" && event.target.value === \"\") {\r\n parentObj[\"SmallParcelAddressTemplate\"] = \"\";\r\n }\r\n }\r\n\r\n let settingObj = Object.assign({}, this.props.sharedSmallParcelSettings, parentObj);\r\n this.props.onSettingsDataSet(settingObj);\r\n }\r\n\r\n handleAddressCheckboxChange = (e) => {\r\n if (e.target.checked == false) {\r\n let settingObj = Object.assign({}, this.props.sharedSmallParcelSettings, { Address2: '' });\r\n this.props.onSettingsDataSet(settingObj);\r\n }\r\n this.setState({ SmallParcelProcessReturnStreetAddress2: e.target.checked });\r\n }\r\n\r\n handleRateShoppingChange = (event) => {\r\n\r\n let parentObj = this.props.sharedSmallParcelSettings;\r\n let arrRateShopping = this.getRenderArrayRateShopping(parentObj);\r\n // let carrrierIds = this.props.sharedSmallParcelSettings.SmallParcelRateShoppingCarrierIds;\r\n let smallParcelRateShopFilter = this.props.sharedSmallParcelSettings.SmallParcelRateShopFilter;\r\n\r\n // if (carrrierIds != '' && carrrierIds != null) {\r\n // arrRateShopping = carrrierIds.split(',');\r\n // }\r\n\r\n let position = arrRateShopping.indexOf(event.target.name);\r\n\r\n if (position != -1)\r\n arrRateShopping.splice(position, 1);\r\n else\r\n arrRateShopping.push(event.target.name);\r\n\r\n // If Small Parcel Rate Shopping Filter Exist And Unchecked Target Checkbox\r\n if(!event.target.checked && smallParcelRateShopFilter) {\r\n var uncheckedElement = event.target.name;\r\n if(uncheckedElement === \"DHLGM\") {\r\n uncheckedElement = \"DHL eCommerce\";\r\n } else if(uncheckedElement === \"FDXE\") {\r\n uncheckedElement = \"FedEx\";\r\n } else if(uncheckedElement === \"ENDCA\") {\r\n uncheckedElement = \"USPS\";\r\n } else if(uncheckedElement === \"PBCS\") {\r\n uncheckedElement = \"PitneyBowesStd\";\r\n } else if(uncheckedElement === \"AMZN\") {\r\n uncheckedElement = \"Amazon Buy\";\r\n }\r\n var tempSmallParcelRateShopFilter = JSON.parse(smallParcelRateShopFilter);\r\n var tempSPRSF = tempSmallParcelRateShopFilter.carriers;\r\n if(tempSPRSF[uncheckedElement.toLowerCase()]) {\r\n delete tempSPRSF[uncheckedElement.toLowerCase()];\r\n }\r\n parentObj.SmallParcelRateShopFilter = JSON.stringify({carriers: tempSPRSF});\r\n }\r\n\r\n parentObj.SmallParcelRateShoppingCarrierIds = arrRateShopping.join(',');\r\n let settingObj = Object.assign({}, this.props.sharedSmallParcelSettings, parentObj);\r\n this.props.onSettingsDataSet(settingObj);\r\n }\r\n\r\n eventClickAddLogic = () => {\r\n let parentObj = this.props.sharedSmallParcelSettings;\r\n let newMapping = parentObj.AutoRateShoppingMapping;\r\n let newLogic = parentObj.AutoRateShoppingLogic;\r\n\r\n if (newMapping == \"\" || newLogic == \"\") {\r\n return;\r\n }\r\n\r\n let sprsLogics = [];\r\n\r\n if (parentObj.SmallParcelRateShoppingLogic) {\r\n sprsLogics = Object.assign([], parentObj.SmallParcelRateShoppingLogic);\r\n }\r\n\r\n for (let i = 0; i < sprsLogics.length; i++) {\r\n if (sprsLogics[i].Mapping.toLowerCase() == newMapping.toLowerCase()) {\r\n GlobalService.notification(\"error\", \"Mapping names must be unique\");\r\n return;\r\n }\r\n }\r\n\r\n parentObj.AutoRateShoppingMapping = \"\";\r\n parentObj.AutoRateShoppingLogic = \"\";\r\n\r\n sprsLogics.push({ Mapping: newMapping, Logic: newLogic });\r\n\r\n parentObj.SmallParcelRateShoppingLogic = sprsLogics;\r\n\r\n // let settingObj = Object.assign({}, this.props.sharedSmallParcelSettings, parentObj);\r\n this.props.onSettingsDataSet(parentObj);\r\n this.closeAddAutoRateShoppingRuleModel();\r\n }\r\n\r\n openAddAutoRateShoppingRuleModel = () => {\r\n this.setState({ isOpenAddAutoRateShoppingRuleModel: true });\r\n }\r\n closeAddAutoRateShoppingRuleModel = () => {\r\n this.setState({ isOpenAddAutoRateShoppingRuleModel: false });\r\n }\r\n onRemove = (e) => {\r\n setTimeout(() => {\r\n console.log(\"onRemove call\");\r\n var grid = $('#gridRateShoppingLogic').data('kendoGrid');\r\n let parentObj = this.props.sharedSmallParcelSettings;\r\n\r\n parentObj.SmallParcelRateShoppingLogic = grid._data;\r\n this.props.onSettingsDataSet(parentObj);\r\n }, 100);\r\n }\r\n\r\n openCarrierMarkup = () => {\r\n this.setState({\r\n isOpenCarrierMarkupModel: true\r\n });\r\n }\r\n closeCarrierMarkup = () => {\r\n this.setState({\r\n isOpenCarrierMarkupModel: false\r\n });\r\n }\r\n\r\n openCarrierServiceLevels = () => {\r\n this.setState({\r\n isOpenCarrierServiceLevelsModel: true\r\n });\r\n }\r\n closeCarrierServiceLevels = () => {\r\n this.setState({\r\n isOpenCarrierServiceLevelsModel: false\r\n });\r\n }\r\n saveCarrierServiceLevels = (newSettingsObj) => {\r\n let tempNewSettingsObj = Object.assign({}, this.props.sharedSmallParcelSettings, newSettingsObj);\r\n this.props.onSettingsDataSet(tempNewSettingsObj);\r\n }\r\n\r\n openSelectCarrierAccounts = () => {\r\n this.setState({ isOpenSelectCarrierAccountsModal: true });\r\n }\r\n closeSelectCarrierAccounts = () => {\r\n this.setState({ isOpenSelectCarrierAccountsModal: false });\r\n }\r\n getRenderArrayRateShopping = (renderSettings) => {\r\n const renderArrRateShopping =\r\n typeof renderSettings.SmallParcelRateShoppingCarrierIds != 'undefined' &&\r\n renderSettings.SmallParcelRateShoppingCarrierIds != null &&\r\n renderSettings.SmallParcelRateShoppingCarrierIds != '' ?\r\n renderSettings.SmallParcelRateShoppingCarrierIds.split(',') : [];\r\n\r\n var backwardsCompatibleRateShopJson = renderSettings.SmallParcelRateShopBackwardsCompatible;\r\n var backwardsCompatibleRateShop = backwardsCompatibleRateShopJson ? JSON.parse(backwardsCompatibleRateShopJson) : null;\r\n\r\n if (this.isEnableDynamicCarrier) {\r\n for (let i = 0; i < renderArrRateShopping.length; i++) {\r\n let selectedElement = renderArrRateShopping[`${i}`];\r\n var carriers = backwardsCompatibleRateShop ? backwardsCompatibleRateShop[selectedElement] : null;\r\n if(carriers != null) {\r\n renderArrRateShopping[i] = `${carriers[0]}`;\r\n for (let j = 1; j < carriers.length; j++) {\r\n renderArrRateShopping.push(carriers[j]);\r\n }\r\n }\r\n }\r\n } else {\r\n let backwardsCompatibleRateShopReverse = {};\r\n if(backwardsCompatibleRateShop != null){\r\n for(var carrierCode in backwardsCompatibleRateShop){\r\n var carriers = backwardsCompatibleRateShop[carrierCode];\r\n for(var carrier in carriers){\r\n backwardsCompatibleRateShopReverse[carriers[carrier]] = carrierCode\r\n }\r\n }\r\n }\r\n\r\n for (let i = 0; i < renderArrRateShopping.length; i++) {\r\n let selectedElement = renderArrRateShopping[`${i}`];\r\n var code = backwardsCompatibleRateShopReverse[selectedElement];\r\n if(code != null){\r\n renderArrRateShopping[`${i}`] = `${code}`;\r\n }\r\n }\r\n }\r\n return renderArrRateShopping;\r\n }\r\n\r\n render() {\r\n const renderSettings = this.props.sharedSmallParcelSettings;\r\n const renderArrRateShopping = this.getRenderArrayRateShopping(renderSettings);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {this.isEnableDynamicCarrier &&\r\n \r\n \r\n }\r\n {!this.isEnableDynamicCarrier &&\r\n \r\n \r\n }\r\n \r\n \r\n function () { }}\r\n onRemove={this.onRemove}\r\n onSelection={() => function () { }}\r\n resetButtonLabel={this.translate('Label_Options')}\r\n resetButtonIcon={'fa-filter'}\r\n gridEditable={{ confirmation: false }}\r\n menu={[{\r\n \"name\": this.translate('Label_Add'),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"icon\": 'fa-plus',\r\n \"color\": \"green\",\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'expandCollapse',\r\n 'wmsSelector': this.props.selector + \"AddLogic\",\r\n 'clickFunc': this.openAddAutoRateShoppingRuleModel,\r\n }]}\r\n shawCheckbox={false}\r\n showResetButton={true}\r\n showColumnFilter={true}\r\n showSortColumns={true} />\r\n {this.state.isOpenAddAutoRateShoppingRuleModel && (\r\n
\r\n );\r\n }\r\n}\r\n\r\n","\r\n\r\nexport const getRateShoppingGridColumns = () => {\r\n\r\n var translate = window.translate;\r\n return ({\r\n columns: [\r\n {\r\n field: \"Mapping\",\r\n title: translate(\"Label_Ship_Service_Keyword\"),\r\n },\r\n {\r\n field: \"Logic\",\r\n title: translate(\"Label_Rate_Type\")\r\n }, {\r\n field: 'cmdRemove',\r\n menu: false,\r\n command: [{\r\n name: \"destroy\",\r\n text: \" \",\r\n className: \"rate-shop-delete\",\r\n iconClass: \"fa fa-trash\"\r\n }],\r\n title: \" \",\r\n width: 32,\r\n }\r\n ]\r\n });\r\n};\r\n\r\nexport const getRateShoppingGridSchema = () => {\r\n return ({\r\n schema: {\r\n model: {\r\n fields: {\r\n Mapping: {\r\n type: \"string\",\r\n editable: false\r\n },\r\n Logic: {\r\n type: \"string\",\r\n editable: false\r\n }\r\n }\r\n }\r\n }\r\n });\r\n};\r\n\r\n","import React from 'react';\r\nimport WmsButton from '../components/WmsButton/WmsButton.jsx';\r\nimport WmsDropdown from '../components/WmsDropdown/WmsDropdown.jsx';\r\nimport WmsCollapse from '../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsConfirmModel from '../components/WmsConfirmModel/WmsConfirmModel.jsx';\r\nimport { SmallParcelCarrierAccountSettings } from './carrierAccount/small-parcel-carrier-account-settings.component.jsx';\r\nimport { SmallParcelSmartSettings } from './smartSettings/small-parcel-smart-settings.component.jsx';\r\n//services\r\nimport * as GlobalService from '../global_services';\r\nimport './small-parcel-settings.scss';\r\n\r\n//services\r\nimport * as smallParcelServices from './small-parcel-settings.services.jsx';\r\n\r\nexport class SmallParcelSettingsHolder extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n this.customLabels = GlobalService.getCustomLabels();\r\n this.windowId = this.$rootScope.ChildBulletin.Data.Window;\r\n this.sharedFacilityOption = GlobalService.getFacilityList(false);\r\n this.optionsCustomer = GlobalService.getCustomerList(false);\r\n this.selector = 'SmallParcelSettings';\r\n this.USPSCarriers = [\"stamps.com\", \"endicia\", \"buku\", \"pitneybowesexp\"];\r\n\r\n this.rights = GlobalService.GetRights();\r\n this.isEnableProvider = this.rights.hasOwnProperty('Shipping.SmallParcelEnabled') && this.rights['Integrations.SmallParcelPartner'] == 'ParcelApi';\r\n this.isEnableDynamicCarrier = this.rights.hasOwnProperty('UxPrototypingDirectivesDynamicCarrier');\r\n this.state = {\r\n settingsSaveLoading: false,\r\n isOpenConfirmModel: false,\r\n isFormDataChanged: false,\r\n sharedSmallParcelSettings: {\r\n carrierFedEx: [],\r\n carrierUPS: [],\r\n AutoRateShoppingMapping: '',\r\n AutoRateShoppingLogic: '',\r\n },\r\n selectedCustomerIndex: '',\r\n selectedCustomerObj: {},\r\n carrierAccountsGridData: [],\r\n sharedShipEngineCarrier: []\r\n }\r\n }\r\n componentDidMount() {\r\n\r\n var eventName = \"onDirtyWindowCloseSmallParcelSettings\" + this.windowId;\r\n document.addEventListener(eventName, this.openConfirmModal);\r\n var closeEventName = \"removeDirtyWindowCloseSmallParcelSettings\" + this.windowId;\r\n var that = this;\r\n document.addEventListener(closeEventName, function handler(e) {\r\n document.removeEventListener(eventName, that.openConfirmModal);\r\n e.currentTarget.removeEventListener(e.type, handler);\r\n /* whatever */\r\n });\r\n }\r\n openConfirmModal = () => {\r\n this.setState({\r\n isOpenConfirmModel: true\r\n });\r\n }\r\n onCloseFunc = () => {\r\n this.setState({\r\n isOpenConfirmModel: false\r\n });\r\n }\r\n onDiscardAndExit = () => {\r\n this.setState({\r\n isOpenConfirmModel: false,\r\n isFormDataChanged: false\r\n });\r\n setTimeout(() => {\r\n this.$rootScope.dirtyWindow[this.windowId] = false;\r\n GlobalService.closeWindow(this.windowId);\r\n // remove event listener on close window\r\n var eventName = \"onDirtyWindowCloseSmallParcelSettings\" + this.windowId;\r\n document.removeEventListener(eventName, this.openConfirmModal);\r\n }, 100);\r\n }\r\n\r\n handleCustomerChange = (event) => {\r\n\r\n let customerObj = {};\r\n if (event.target.value) {\r\n customerObj = this.optionsCustomer[event.target.value];\r\n this.getSmartParcelSettingsAndCarrier(customerObj.uri);\r\n }\r\n this.setState({\r\n selectedCustomerIndex: event.target.value,\r\n selectedCustomerObj: customerObj,\r\n isInitializeSettings: false\r\n });\r\n\r\n }\r\n getSmartParcelSettingsAndCarrier = (customerUri) => {\r\n\r\n kendo.ui.progress($('#' + this.windowId), true);\r\n smallParcelServices.getSmartParcelSettingsAndCarrier(customerUri).then((response) => {\r\n\r\n let tmpSharedSmallParcelSettings = {\r\n carrierFedEx: [],\r\n carrierUPS: [],\r\n AutoRateShoppingMapping: '',\r\n AutoRateShoppingLogic: '',\r\n };\r\n let tmpCarrierAccountsGridData = GlobalService.addRowNumberField(response.carrierAccountsResponse);\r\n\r\n // Saperate reference value in different property which have in below format\r\n // \"PieceShipRef:RefNum|PieceShipRef1:TransId|PieceShipRef2:TransId|PieceShipRef3:TransId|PieceShipRef4:TransId\"\r\n if (response.smartParcelSettingsOptionsResponse) {\r\n tmpSharedSmallParcelSettings = response.smartParcelSettingsOptionsResponse;\r\n\r\n if (tmpSharedSmallParcelSettings.SmallParcelReferences != null && tmpSharedSmallParcelSettings.SmallParcelReferences != \"\") {\r\n let arr = tmpSharedSmallParcelSettings.SmallParcelReferences.split('|');\r\n for (let i = 0; i < arr.length; i++) {\r\n if (arr[i] != \"\") {\r\n const splitKeyWithColon = arr[i].split(':');\r\n tmpSharedSmallParcelSettings[splitKeyWithColon[0]] = splitKeyWithColon[1];\r\n }\r\n }\r\n }\r\n\r\n if (tmpSharedSmallParcelSettings.Carrier.length) {\r\n for (let index = 0; index < tmpSharedSmallParcelSettings.Carrier.length; index++) {\r\n const element = tmpSharedSmallParcelSettings.Carrier[index];\r\n if (element.Carrier == \"FedEx\") {\r\n tmpSharedSmallParcelSettings.carrierFedEx = element.ShipmentServices;\r\n } else if (element.Carrier == \"UPS\") {\r\n tmpSharedSmallParcelSettings.carrierUPS = element.ShipmentServices;\r\n }\r\n }\r\n }\r\n\r\n if (tmpSharedSmallParcelSettings.SmallParcelRateShoppingLogic) {\r\n tmpSharedSmallParcelSettings.SmallParcelRateShoppingLogic = JSON.parse(tmpSharedSmallParcelSettings.SmallParcelRateShoppingLogic);\r\n }\r\n }\r\n\r\n if (response.shipEngineCarrierResponse.Carriers) {\r\n let tmpShipEngineCarrierResponse = response.shipEngineCarrierResponse.Carriers;\r\n if (!this.isEnableDynamicCarrier) {\r\n if (!this.isEnableProvider) {\r\n tmpShipEngineCarrierResponse = tmpShipEngineCarrierResponse.filter((obj) => {\r\n return obj.Carrier != \"USPS\" && obj.Carrier != \"PitneyBowesStd\";\r\n });\r\n }\r\n tmpShipEngineCarrierResponse = tmpShipEngineCarrierResponse.filter((obj) => {\r\n return obj.Carrier != \"Buku\" && obj.Carrier != \"PitneyBowesExp\"\r\n });\r\n if (this.isEnableProvider) {\r\n tmpShipEngineCarrierResponse = tmpShipEngineCarrierResponse.filter((obj) => {\r\n return obj.Carrier != \"Endicia\" && obj.Carrier != \"Stamps.com\";\r\n });\r\n }\r\n }\r\n response.shipEngineCarrierResponse.Carriers = tmpShipEngineCarrierResponse;\r\n }\r\n\r\n this.setState({\r\n sharedSmallParcelSettings: tmpSharedSmallParcelSettings,\r\n carrierAccountsGridData: tmpCarrierAccountsGridData,\r\n sharedShipEngineCarrier: response.shipEngineCarrierResponse.Carriers,\r\n isInitializeSettings: true\r\n });\r\n\r\n }).finally(() => {\r\n kendo.ui.progress($('#' + this.windowId), false);\r\n });\r\n }\r\n\r\n\r\n settingsDataSet = (param_setting_obj) => {\r\n this.setState({\r\n sharedSmallParcelSettings: param_setting_obj,\r\n isFormDataChanged: true\r\n });\r\n this.$rootScope.dirtyWindow[this.windowId] = true;\r\n }\r\n\r\n saveSmallParcelSettings = (isExitAfterSave) => (e) => {\r\n this.setState({ \"settingsSaveLoading\": true });\r\n\r\n\r\n let settingsData = Object.assign({}, this.state.sharedSmallParcelSettings);\r\n\r\n settingsData.SmallParcelRateShoppingLogic = JSON.stringify(settingsData.SmallParcelRateShoppingLogic);\r\n if (!this.isEnableProvider) {\r\n if (settingsData.SmallParcelUsps3rdParty == null || settingsData.SmallParcelUsps3rdParty == \"\") {\r\n if (settingsData.SmallParcelRateShoppingCarrierIds != null) {\r\n let tempArr = settingsData.SmallParcelRateShoppingCarrierIds.split(',');\r\n let position = tempArr.indexOf('ENDCA');\r\n (position != -1) ? tempArr.splice(position, 1) : '';\r\n settingsData.SmallParcelRateShoppingCarrierIds = tempArr.join(',');\r\n }\r\n }\r\n }\r\n\r\n settingsData.SmallParcelReferences = '';\r\n\r\n // Save Small Parcel Rate Shopping Carrier Accounts\r\n if(settingsData.SmallParcelRateShoppingCarrierIds && settingsData.SmallParcelRateShoppingCarrierIds !== '') {\r\n let carrierIds = settingsData.SmallParcelRateShoppingCarrierIds.split(',');\r\n let selectedCarrierAccounts = settingsData.SmallParcelRateShoppingCarrierAccounts ? settingsData.SmallParcelRateShoppingCarrierAccounts.split(',') : [];\r\n let tempSelectedCarrierAccounts = [];\r\n for (let i = 0; i < carrierIds.length; i++) {\r\n let carrierName = carrierIds[i];\r\n if (carrierName === \"DHLGM\") {\r\n carrierName = \"DHL eCommerce\";\r\n } else if (carrierName === \"FDXE\") {\r\n carrierName = \"FedEx\";\r\n } else if (carrierName === \"ENDCA\") {\r\n carrierName = \"USPS\";\r\n } else if (carrierName === \"PBCS\") {\r\n carrierName = \"PitneyBowesStd\";\r\n } else if (carrierName === \"AMZN\") {\r\n carrierName = \"Amazon Buy\";\r\n }\r\n // Check Carrier Account Exist\r\n this.state.carrierAccountsGridData.filter((el) => {\r\n if (carrierName === \"USPS\" && !this.isEnableDynamicCarrier) {\r\n if(this.USPSCarriers.includes(el.Carrier.toLowerCase())) {\r\n if(selectedCarrierAccounts.includes(el.AccountNumber)) {\r\n tempSelectedCarrierAccounts.push(el.AccountNumber);\r\n }\r\n }\r\n } else {\r\n if(el.Carrier.toLowerCase() === carrierName.toLowerCase()) {\r\n if(selectedCarrierAccounts.includes(el.AccountNumber)) {\r\n tempSelectedCarrierAccounts.push(el.AccountNumber);\r\n }\r\n }\r\n }\r\n });\r\n }\r\n settingsData.SmallParcelRateShoppingCarrierAccounts = tempSelectedCarrierAccounts.join(\",\");\r\n } else {\r\n settingsData.SmallParcelRateShoppingCarrierAccounts = '';\r\n }\r\n\r\n // set SmallParcelReferences in below format and remove temp reference property\r\n // \"PieceShipRef:RefNum|PieceShipRef1:TransId|PieceShipRef2:TransId|PieceShipRef3:TransId|PieceShipRef4:TransId\"\r\n\r\n var settingsArray = [];\r\n\r\n if (settingsData.PieceShipRef && settingsData.PieceShipRef != '') {\r\n settingsArray.push('PieceShipRef:' + settingsData.PieceShipRef);\r\n }\r\n\r\n if (settingsData.PieceShipRef1 && settingsData.PieceShipRef1 != '') {\r\n settingsArray.push('PieceShipRef1:' + settingsData.PieceShipRef1);\r\n }\r\n\r\n if (settingsData.PieceShipRef2 && settingsData.PieceShipRef2 != '')\r\n settingsArray.push('PieceShipRef2:' + settingsData.PieceShipRef2);\r\n\r\n if (settingsData.PieceShipRef3 && settingsData.PieceShipRef3 != '')\r\n settingsArray.push('PieceShipRef3:' + settingsData.PieceShipRef3);\r\n\r\n if (settingsData.PieceShipRef4 && settingsData.PieceShipRef4 != '')\r\n settingsArray.push('PieceShipRef4:' + settingsData.PieceShipRef4);\r\n\r\n if (settingsArray.length > 0) {\r\n settingsData.SmallParcelReferences = settingsArray.join('|');\r\n }\r\n\r\n delete settingsData.PieceShipRef;\r\n delete settingsData.PieceShipRef1;\r\n delete settingsData.PieceShipRef2;\r\n delete settingsData.PieceShipRef3;\r\n delete settingsData.PieceShipRef4;\r\n\r\n delete settingsData.carrierFedEx;\r\n delete settingsData.carrierUPS;\r\n\r\n delete settingsData.Carrier;\r\n\r\n let param_settings_data = {\r\n 'custUri': this.state.selectedCustomerObj.uri,\r\n 'spsData': settingsData\r\n }\r\n\r\n smallParcelServices.saveSmartParcelSettings(param_settings_data).then((response) => {\r\n\r\n if (response && response.status == 200) {\r\n GlobalService.notification('success', this.translate('Window_Title_Label_SmartParcel_Data_Success'));\r\n this.$rootScope.dirtyWindow[this.windowId] = false;\r\n if(isExitAfterSave) {\r\n this.onDiscardAndExit();\r\n }\r\n this.setState({isFormDataChanged: false});\r\n this.refreshGridData();\r\n }\r\n\r\n }).finally(() => {\r\n this.setState({ \"settingsSaveLoading\": false });\r\n });\r\n }\r\n\r\n refreshGridData = () => {\r\n this.getSmartParcelSettingsAndCarrier(this.state.selectedCustomerObj.uri);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n\r\n {Object.prototype.hasOwnProperty.call(this.rights, 'Shipping.SmallParcelHighVolumeProcessing') &&\r\n\r\n
\r\n \r\n {!this.isEnableProvider && (\r\n
\r\n \r\n
\r\n \r\n
\r\n {/* {Object.prototype.hasOwnProperty.call(this.rights, 'Shipping.SmallParcelReturnLabelEnabled') &&\r\n \r\n
\r\n } */}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n {(renderSettings.Address2 || this.state.SmallParcelProcessReturnStreetAddress2) && (\r\n \r\n
\r\n\r\n \r\n\r\n {Object.prototype.hasOwnProperty.call(this.rights, 'Shipping.SmallParcelRateShoppingEnabled') &&\r\n \r\n
\r\n \r\n {this.state.rateShoppingCarriers.map((item, index) => (\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n}","let text_center = \"text-align:center;\";\r\nexport const getEventNotificationGridDemoColumns = (EventNotifications_GridHeaders) => {\r\n return {\r\n columns: [\r\n {\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n width: 60,\r\n wmsid: 1,\r\n locked: true,\r\n lockable: false,\r\n resizable: false,\r\n sortable: false,\r\n reorderable: false,\r\n filterable: false,\r\n attributes: { style: text_center },\r\n headerAttributes: { style: text_center },\r\n },\r\n {\r\n field: \"Name\",\r\n title: EventNotifications_GridHeaders[0].description,\r\n width: 165,\r\n wmsid: 2,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"EventNotificationName\",\r\n },\r\n },\r\n {\r\n field: \"Url\",\r\n title: EventNotifications_GridHeaders[1].description,\r\n width: 300,\r\n wmsid: 3,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"EventNotificationUrl\",\r\n },\r\n },\r\n {\r\n field: \"Resource\",\r\n title: EventNotifications_GridHeaders[2].description,\r\n width: 190,\r\n wmsid: 4,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"EventNotificationResource\",\r\n },\r\n },\r\n {\r\n field: \"EventTypes\",\r\n title: EventNotifications_GridHeaders[3].description,\r\n width: 275,\r\n wmsid: 5,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"EventNotificationEvents\",\r\n },\r\n },\r\n ],\r\n };\r\n};\r\n\r\nexport const getEventNotificationGridDemoSchema = () => {\r\n return {\r\n model: {\r\n id: \"RowNumber\",\r\n fields: {\r\n Name: { type: \"string\" },\r\n Url: { type: \"string\" },\r\n Resource: { type: \"string\" },\r\n EventTypes: { type: \"string\" },\r\n // ResourceOptions: { type: \"string\" }\r\n },\r\n },\r\n };\r\n};\r\n\r\nexport const getWebhookEventTypes = () => {\r\n return [\r\n {\r\n name: \"Order\",\r\n Id: \"Order\",\r\n options: [\r\n { key: \"OrderCreate\", title: \"Created\" },\r\n { key: \"OrderComplete\", title: \"Completed\" },\r\n { key: \"OrderUpdate\", title: \"Updated\" },\r\n { key: \"OrderConfirm\", title: \"Confirmed\" },\r\n { key: \"OrderUnconfirm\", title: \"Unconfirmed\" },\r\n { key: \"OrderCancel\", title: \"Cancelled\" },\r\n { key: \"OrderDelete\", title: \"Deleted\" },\r\n { key: \"OrderTransfer\", title: \"Transferred\" },\r\n { key: \"OrderFullyAllocated\", title: \"Fully allocated\" },\r\n { key: \"OrderExcludedFromPickJob\", title: \"Excluded from pickjob\" },\r\n { key: \"OrderPickJobUserAssigned\", title: \"Pick job - user assigned\" },\r\n { key: \"OrderPickJobUserUnassigned\", title: \"Pick job - user unassigned\" },\r\n { key: \"OrderPickJobDone\", title: \"Pick job - done\" },\r\n { key: \"OrderPackStarted\", title: \"Pack - started\" },\r\n { key: \"OrderPacked\", title: \"Pack - complete\" },\r\n ],\r\n },\r\n {\r\n name: \"Receipt\",\r\n Id: \"Receiver\",\r\n options: [\r\n { key: \"ReceiverCreate\", title: \"Create\" },\r\n { key: \"ReceiverComplete\", title: \"Complete\" },\r\n { key: \"ReceiverUpdate\", title: \"Update\" },\r\n { key: \"ReceiverConfirm\", title: \"Confirm\" },\r\n { key: \"ReceiverUnconfirm\", title: \"Unconfirm\" },\r\n { key: \"ReceiverCancel\", title: \"Cancel\" },\r\n { key: \"ReceiverDelete\", title: \"Delete\" },\r\n ],\r\n },\r\n {\r\n name: \"Adjustment\",\r\n Id: \"Adjustment\",\r\n options: [\r\n { key: \"AdjustmentCreate\", title: \"Create\" },\r\n { key: \"AdjustmentConfirm\", title: \"Confirm\" },\r\n { key: \"AdjustmentCancel\", title: \"Cancel\" },\r\n { key: \"AdjustmentUpdate\", title: \"Update\" },\r\n { key: \"AdjustmentDelete\", title: \"Delete\" },\r\n ],\r\n },\r\n {\r\n name: \"Assembly\",\r\n Id: \"Assembly\",\r\n options: [\r\n { key: \"AssemblyCreate\", title: \"Create\" },\r\n { key: \"AssemblyCancel\", title: \"Cancel\" },\r\n { key: \"AssemblyDelete\", title: \"Delete\" },\r\n { key: \"AssemblyUpdate\", title: \"Update\" },\r\n { key: \"AssemblyConfirm\", title: \"Confirm\" },\r\n ],\r\n },\r\n {\r\n name: \"Order Item\",\r\n Id: \"OrderItem\",\r\n options: [\r\n { key: \"OrderItemPack\", title: \"Pack\" },\r\n { key: \"OrderItemUnpack\", title: \"Unpack\" },\r\n { key: \"OrderItemPick\", title: \"Pick\" },\r\n { key: \"OrderItemUnpick\", title: \"Unpick\" },\r\n ],\r\n },\r\n {\r\n name: \"Item\",\r\n Id: \"Item\",\r\n options: [\r\n { key: \"ItemCreate\", title: \"Create\" },\r\n { key: \"ItemUpdate\", title: \"Update\" },\r\n { key: \"ItemDelete\", title: \"Delete\" },\r\n ],\r\n },\r\n {\r\n name: \"Inventory Summary\",\r\n Id: \"InventorySummary\",\r\n options: [{ key: \"InventorySummaryUpdate\", title: \"Inventory Summary Update\" }],\r\n },\r\n ];\r\n};\r\n","/* eslint-disable no-undef */\r\nimport * as GlobalService from \"../react/global_services\";\r\nvar isFirstTimeOpen = true;\r\nvar keyName = \"WebhookNotification\";\r\nvar metaDataWebhookNotificationObject = {\r\n WebhookNotification: {\r\n filterData: {},\r\n gridConfig: {},\r\n },\r\n};\r\n\r\n// call api for get metaData of WebhookNotification is it's open first time\r\nexport const getWebhookNotificationClientMetaData = function () {\r\n if (isFirstTimeOpen) {\r\n return GlobalService.getUserClientMetaData(keyName).then(\r\n function successCallBack(response) {\r\n if (response !== \"\") {\r\n Object.assign(metaDataWebhookNotificationObject[keyName], JSON.parse(response));\r\n }\r\n isFirstTimeOpen = false;\r\n return true;\r\n },\r\n function errorCallBack(response) {\r\n return false;\r\n }\r\n );\r\n }\r\n};\r\n\r\nexport const setWebhookNotificationFilterMetaData = function (filterData) {\r\n metaDataWebhookNotificationObject[keyName][\"filterData\"] = filterData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataWebhookNotificationObject[keyName]));\r\n};\r\n\r\nexport const getWebhookNotificationFilterMetaData = function () {\r\n if (!$.isEmptyObject(metaDataWebhookNotificationObject[keyName][\"filterData\"])) {\r\n return metaDataWebhookNotificationObject[keyName][\"filterData\"];\r\n } else {\r\n return \"\";\r\n }\r\n};\r\nexport const setWebhookNotificationGridOptionInMetaData = function (gridConfig) {\r\n metaDataWebhookNotificationObject[keyName][\"gridConfig\"] = gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataWebhookNotificationObject[keyName]));\r\n};\r\nexport const getWebhookNotificationGridOptionInMetaData = function () {\r\n if (!$.isEmptyObject(metaDataWebhookNotificationObject[keyName][\"gridConfig\"])) {\r\n return metaDataWebhookNotificationObject[keyName][\"gridConfig\"];\r\n } else {\r\n return \"\";\r\n }\r\n};\r\n\r\nexport const clearWebhookNotificationFilterMetaData = function () {\r\n metaDataWebhookNotificationObject[keyName][\"filterData\"] = {};\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataWebhookNotificationObject[keyName]));\r\n};\r\n","var axios = require(\"axios\");\r\n\r\nexport const getCustomerDropDown = function () {\r\n return axios.get(\"/WebUI/Customers/WebHooksConfig/GetCustomerDropDown\").then(function (response) {\r\n return response;\r\n });\r\n};\r\nexport const getEventNotificationGridData = function (cstEditUri) {\r\n let url = \"/WebUI/Customers/WebHooksConfig/GridRead\";\r\n // let url = '/assets/json/event-norification.json';\r\n if (cstEditUri) {\r\n url = url + \"?editUri=\" + cstEditUri;\r\n }\r\n return axios.get(url).then(function (response) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const saveEventNotificationGridData = function (cstEditUri, data) {\r\n let url = \"/WebUI/Customers/WebHooksConfig/GridSave\";\r\n if (cstEditUri) {\r\n url = url + \"?editUri=\" + cstEditUri;\r\n }\r\n return axios.put(url, data).then(function (response) {\r\n return response;\r\n });\r\n};\r\n","import React from \"react\";\r\nimport WmsModel from \"../react/components/WmsModel/WmsModel\";\r\nimport PropTypes from \"prop-types\";\r\nimport WmsCollapse from \"../react/components/WmsCollapse/WmsCollapse\";\r\nimport WmsButton from \"../react/components/WmsButton/WmsButton\";\r\nimport * as GridConfig from \"./event-notification-grid-configuration.virtual.jsx\";\r\nimport WmsInput from \"../react/components/WmsInput/WmsInput\";\r\nimport WmsDropdown from \"../react/components/WmsDropdown/WmsDropdown\";\r\nimport WmsCheckBox from \"../react/components/WmsCheckBox/WmsCheckBox\";\r\n\r\nlet WebHookModalId = \"#WebHookModal\";\r\nexport default class WebHookModel extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.translate = window.translate;\r\n\r\n this.initialWebhookObj = {\r\n RowId: 0,\r\n Name: \"\",\r\n Url: \"https://\",\r\n Resource: \"\",\r\n EventTypesArr: [],\r\n IncludeResource: false,\r\n IncludeResourceOptions: [],\r\n };\r\n\r\n this.eventTypesOptions = GridConfig.getWebhookEventTypes();\r\n\r\n this.state = {\r\n webhookFormData: this.initialWebhookObj,\r\n isOpenDeleteConfirmModel: false,\r\n isValidURL: false,\r\n };\r\n this.eventTypesOptions.unshift({\r\n Id: \"\",\r\n name: \"Select an Event Type\",\r\n options: [],\r\n });\r\n }\r\n\r\n componentDidMount() {\r\n if (!this.props.isNewWebhook) {\r\n kendo.ui.progress($(WebHookModalId), true);\r\n let tmpWebhookData = this.props.sharedWebhookModalData;\r\n tmpWebhookData.EventTypesArr =\r\n this.props.sharedWebhookModalData.EventTypes !== undefined\r\n ? this.props.sharedWebhookModalData.EventTypes.split(\",\")\r\n : [];\r\n tmpWebhookData.IncludeResourceOptions = [];\r\n if (tmpWebhookData.Allocations) tmpWebhookData.IncludeResourceOptions.push(\"Allocations\");\r\n if (tmpWebhookData.AllocationsWithDetail)\r\n tmpWebhookData.IncludeResourceOptions.push(\"AllocationsWithDetail\");\r\n if (tmpWebhookData.BillingDetails) tmpWebhookData.IncludeResourceOptions.push(\"BillingDetails\");\r\n if (tmpWebhookData.Contacts) tmpWebhookData.IncludeResourceOptions.push(\"Contacts\");\r\n if (tmpWebhookData.ItemSavedElements) tmpWebhookData.IncludeResourceOptions.push(\"ItemSavedElements\");\r\n if (tmpWebhookData.OrderItems) tmpWebhookData.IncludeResourceOptions.push(\"OrderItems\");\r\n if (tmpWebhookData.OutboundSerialNumbers)\r\n tmpWebhookData.IncludeResourceOptions.push(\"OutboundSerialNumbers\");\r\n if (tmpWebhookData.Packages) tmpWebhookData.IncludeResourceOptions.push(\"Packages\");\r\n if (tmpWebhookData.ParcelOptions) tmpWebhookData.IncludeResourceOptions.push(\"ParcelOptions\");\r\n if (tmpWebhookData.ReceiveItems) tmpWebhookData.IncludeResourceOptions.push(\"ReceiveItems\");\r\n if (tmpWebhookData.SavedElements) tmpWebhookData.IncludeResourceOptions.push(\"SavedElements\");\r\n if (tmpWebhookData.SmallParcel) tmpWebhookData.IncludeResourceOptions.push(\"SmallParcel\");\r\n this.setState({\r\n webhookFormData: tmpWebhookData,\r\n isValidURL: this.urlPatternValidation(tmpWebhookData.Url),\r\n });\r\n kendo.ui.progress($(WebHookModalId), false);\r\n }\r\n }\r\n\r\n handleChangeEvent = (event) => {\r\n const { name, value } = event.target;\r\n let tempEventTypesArr = this.state.webhookFormData.EventTypesArr;\r\n let tempIncludeResource = this.state.webhookFormData.IncludeResource;\r\n let tempIncludeResourceOptions = this.state.webhookFormData.IncludeResourceOptions;\r\n if (name == \"Url\") {\r\n this.setState({\r\n isValidURL: this.urlPatternValidation(value),\r\n });\r\n }\r\n if (name === \"Resource\") {\r\n tempEventTypesArr = [];\r\n tempIncludeResource = false;\r\n tempIncludeResourceOptions = [];\r\n if (value == \"InventorySummary\") {\r\n tempEventTypesArr.push(\"InventorySummaryUpdate\");\r\n tempIncludeResource = true;\r\n }\r\n }\r\n this.setState({\r\n webhookFormData: {\r\n ...this.state.webhookFormData,\r\n [name]: value,\r\n EventTypesArr: tempEventTypesArr,\r\n IncludeResource: tempIncludeResource,\r\n IncludeResourceOptions: tempIncludeResourceOptions,\r\n },\r\n });\r\n };\r\n\r\n handelEventTypeOption = (event) => {\r\n const { name, checked } = event.target;\r\n let tempWebhookData = this.state.webhookFormData;\r\n let tempEventTypes = tempWebhookData.EventTypesArr;\r\n if (checked) {\r\n tempEventTypes.push(name);\r\n } else {\r\n let position = tempEventTypes.indexOf(name);\r\n tempEventTypes.splice(position, 1);\r\n }\r\n this.setState({ webhookFormData: { ...this.state.webhookFormData, EventTypesArr: tempEventTypes } });\r\n };\r\n\r\n handleIncludeResourceChangeEvent = (event) => {\r\n var checked = event.target.checked;\r\n this.setState({\r\n webhookFormData: { ...this.state.webhookFormData, IncludeResource: checked, IncludeResourceOptions: [] },\r\n });\r\n };\r\n\r\n handleIncludeResourceOptionChangeEvent = (event) => {\r\n const { name, checked } = event.target;\r\n let tempWebhookData = this.state.webhookFormData;\r\n let tempResourceOptionSelect = tempWebhookData.IncludeResourceOptions;\r\n if (checked) {\r\n tempResourceOptionSelect.push(name);\r\n } else {\r\n let position = tempResourceOptionSelect.indexOf(name);\r\n tempResourceOptionSelect.splice(position, 1);\r\n }\r\n this.setState({\r\n webhookFormData: { ...this.state.webhookFormData, IncludeResourceOptions: tempResourceOptionSelect },\r\n });\r\n };\r\n\r\n urlPatternValidation = (URL) => {\r\n var regex =\r\n /^https:\\/\\/((www.[-a-zA-Z0-9@:%._\\+~#=]{1,256}\\.[a-zA-Z0-9()]{2,6}\\b([-a-zA-Z0-9()@:%_\\+.~#?&//=]*)+)|((?!www).)[-a-zA-Z0-9@:%._\\+~#=]{1,256}\\.[a-zA-Z0-9()]{2,6}\\b([-a-zA-Z0-9()@:%_\\+.~#?&//=]*)+)/gm;\r\n return regex.test(URL);\r\n };\r\n\r\n onDeleteWebhookData = () => {\r\n this.setState({\r\n isOpenDeleteConfirmModel: true,\r\n });\r\n };\r\n\r\n onCloseDeleteAllConfirmationModel = () => {\r\n this.setState({\r\n isOpenDeleteConfirmModel: false,\r\n });\r\n };\r\n\r\n onConfirmDeleteWebhookData = () => {\r\n kendo.ui.progress($(\"#\" + this.props.windowId + \"confirmDeletePackage\"), true);\r\n this.props.DeleteWebhookData(this.state.webhookFormData.RowId);\r\n };\r\n\r\n saveWebhookData = () => {\r\n kendo.ui.progress($(WebHookModalId), true);\r\n let data = {\r\n RowId: this.state.webhookFormData.RowId,\r\n Name: this.state.webhookFormData.Name,\r\n Url: this.state.webhookFormData.Url,\r\n Resource: this.state.webhookFormData.Resource,\r\n EventTypes: this.state.webhookFormData.EventTypesArr.join(\",\"),\r\n IncludeResource: this.state.webhookFormData.IncludeResource,\r\n\r\n Allocations: this.state.webhookFormData.IncludeResourceOptions.includes(\"Allocations\"),\r\n AllocationsWithDetail: this.state.webhookFormData.IncludeResourceOptions.includes(\"AllocationsWithDetail\"),\r\n BillingDetails: this.state.webhookFormData.IncludeResourceOptions.includes(\"BillingDetails\"),\r\n Contacts: this.state.webhookFormData.IncludeResourceOptions.includes(\"Contacts\"),\r\n ItemSavedElements: this.state.webhookFormData.IncludeResourceOptions.includes(\"ItemSavedElements\"),\r\n OrderItems: this.state.webhookFormData.IncludeResourceOptions.includes(\"OrderItems\"),\r\n OutboundSerialNumbers: this.state.webhookFormData.IncludeResourceOptions.includes(\"OutboundSerialNumbers\"),\r\n Packages: this.state.webhookFormData.IncludeResourceOptions.includes(\"Packages\"),\r\n ParcelOptions: this.state.webhookFormData.IncludeResourceOptions.includes(\"ParcelOptions\"),\r\n ReceiveItems: this.state.webhookFormData.IncludeResourceOptions.includes(\"ReceiveItems\"),\r\n SavedElements: this.state.webhookFormData.IncludeResourceOptions.includes(\"SavedElements\"),\r\n SmallParcel: this.state.webhookFormData.IncludeResourceOptions.includes(\"SmallParcel\"),\r\n };\r\n this.props.onSaveWebhookData(data);\r\n };\r\n\r\n render() {\r\n const isDisplayEventOptions =\r\n this.eventTypesOptions.find((o) => o.Id === this.state.webhookFormData.Resource) != undefined &&\r\n this.eventTypesOptions.find((o) => o.Id === this.state.webhookFormData.Resource).options.length > 0;\r\n\r\n const isEnableCommonResources =\r\n this.state.webhookFormData.Resource === \"Order\" ||\r\n this.state.webhookFormData.Resource === \"Receiver\" ||\r\n this.state.webhookFormData.Resource === \"OrderItem\";\r\n\r\n return (\r\n \r\n\r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n
\r\n ) : null}\r\n {this.state.webhookFormData.Resource === \"OrderItem\" ? (\r\n \r\n \r\n \r\n \r\n {this.state.webhookFormData.Resource === \"Order\" ? (\r\n
\r\n ) : null}\r\n {this.state.webhookFormData.Resource === \"Receiver\" ? (\r\n \r\n {}}\r\n options={this.props.sharedCustomerOptions}\r\n isVirtualOptions={false}\r\n valueField=\"EditUri\"\r\n textField=\"Name\"\r\n parentClassName=\"webhook-customer\"\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n {isDisplayEventOptions && (\r\n \r\n \r\n
\r\n \r\n {this.eventTypesOptions\r\n .find((o) => o.Id === this.state.webhookFormData.Resource)\r\n .options.map((obj, i) => {\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n {this.state.webhookFormData.Resource && (\r\n <>\r\n
\r\n {isEnableCommonResources ? (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n \r\n ) : null}\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n {this.state.isOpenDeleteConfirmModel && (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nWebHookModel.defaultProps = {\r\n isNewWebhook: false,\r\n windowId: \"\",\r\n isOpen: false,\r\n selector: \"\",\r\n sharedWebhookModalData: {},\r\n sharedEventNotificationFilter: {},\r\n sharedCustomerOptions: {},\r\n};\r\n\r\nWebHookModel.propTypes = {\r\n isNewWebhook: PropTypes.bool,\r\n windowId: PropTypes.string,\r\n DeleteWebhookData: PropTypes.func.isRequired,\r\n onSaveWebhookData: PropTypes.func.isRequired,\r\n onCloseWebHookModal: PropTypes.func.isRequired,\r\n isOpen: PropTypes.bool,\r\n selector: PropTypes.string,\r\n sharedWebhookModalData: PropTypes.object,\r\n sharedEventNotificationFilter: PropTypes.object,\r\n sharedCustomerOptions: PropTypes.object,\r\n webhookSaveChangesAndExit: PropTypes.func.isRequired,\r\n};\r\n","import React from \"react\";\r\nimport { StringWms } from \"../../assets/ts/StringWms\";\r\nimport { AddEditColumnModel } from \"../react/components/AddEditColumn/add-edit-columns.component\";\r\n// import WmsScrollTo from \"../react/components/WmsScrollTo/WmsScrollTo\";\r\nimport VirtualGridComponent from \"../react/components_proto/VirtualGridComponent/VirtualGridComponent\";\r\nimport * as GridConfig from \"./event-notification-grid-configuration.virtual.jsx\";\r\nimport * as GlobalService from \"../react/global_services\";\r\nimport * as EventNotificationMetaServices from \"./event-notification-meta-data.service.js\";\r\nimport * as eventNotificationsService from \"./event-notifications.services.js\";\r\nimport WebHookModel from \"./webhook-modal.component.jsx\";\r\nimport { ArrayWms } from \"../../assets/ts/ArrayWms\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nexport class EventNotificationGrid extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.EventNotificationGridId = \"EventNotificationGrid\";\r\n this.translate = window.translate;\r\n this.EventNotification_GridHeaders = StringWms.convertSringToOption(\r\n this.translate(\"EventNotification_GridHeaders\")\r\n );\r\n this.gridDomSelector = this.props.windowId\r\n ? \".\" + this.props.windowId + \" #\" + this.EventNotificationGridId\r\n : \"#\" + this.EventNotificationGridId;\r\n\r\n this.defaultColumns = GridConfig.getEventNotificationGridDemoColumns(\r\n this.EventNotification_GridHeaders\r\n ).columns;\r\n this.schema = GridConfig.getEventNotificationGridDemoSchema();\r\n this.allColumnList = GridConfig.getEventNotificationGridDemoColumns(this.EventNotification_GridHeaders).columns;\r\n\r\n this.state = {\r\n eventNotificationGridConfig: EventNotificationMetaServices.getWebhookNotificationGridOptionInMetaData(),\r\n sharedWebhookModalData: [],\r\n localKendoGrid: null,\r\n staticGridData: [],\r\n recordsCount: 0,\r\n filterText: \"\",\r\n fullFilterText: \"\",\r\n isOpenColumnModal: false,\r\n isNewWebhook: false,\r\n isOpenWebhookModal: false,\r\n sharedWebhookModalDataIndex: 0,\r\n webhookSaveChangesAndExit: false,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.loadGrid();\r\n }\r\n\r\n loadGrid = () => {\r\n kendo.ui.progress($(this.gridDomSelector), true);\r\n let cstEditUri = \"\";\r\n if (this.props.sharedEventNotificationFilter.customerEditUri) {\r\n cstEditUri = this.props.sharedEventNotificationFilter.customerEditUri;\r\n }\r\n eventNotificationsService\r\n .getEventNotificationGridData(cstEditUri)\r\n .then((response) => {\r\n let i = 1;\r\n response.data.Params.map((obj) => (obj.RowId = i++));\r\n this.setState({\r\n staticGridData: response.data.Params,\r\n recordsCount: response.data.Params.length,\r\n });\r\n })\r\n .finally(() => {\r\n kendo.ui.progress($(this.gridDomSelector), false);\r\n });\r\n };\r\n\r\n onToggleColumnModal = (isOpen) => () => {\r\n this.setState({\r\n isOpenColumnModal: isOpen,\r\n });\r\n };\r\n\r\n openWebhookModel = (isNewWebhook = false) => {\r\n this.setState({\r\n isOpenWebhookModal: true,\r\n isNewWebhook: isNewWebhook,\r\n });\r\n };\r\n\r\n onCloseWebhookModal = () => {\r\n this.setState({\r\n isOpenWebhookModal: false,\r\n isNewWebhook: false,\r\n });\r\n };\r\n\r\n onSaveWebhookData = (data) => {\r\n this.setState({ webhookSaveChangesAndExit: true });\r\n let tempAllData = Object.assign([], this.state.staticGridData);\r\n let msaageLable = \"Lable_Webhook_Success\";\r\n if (data.RowId == 0) {\r\n tempAllData.push(data);\r\n } else {\r\n tempAllData = tempAllData.map((obj) => {\r\n return data.RowId == obj.RowId ? data : obj;\r\n });\r\n msaageLable = \"Lable_Webhook_Updated\";\r\n }\r\n\r\n let cstEditUri = \"\";\r\n if (this.props.sharedEventNotificationFilter.customerEditUri) {\r\n cstEditUri = this.props.sharedEventNotificationFilter.customerEditUri;\r\n }\r\n eventNotificationsService\r\n .saveEventNotificationGridData(cstEditUri, { Params: tempAllData })\r\n .then((response) => {\r\n this.setState({ webhookSaveChangesAndExit: false, isOpenWebhookModal: false });\r\n GlobalService.notification(\"success\", this.translate(msaageLable));\r\n this.loadGrid();\r\n })\r\n .finally(() => {\r\n this.setState({ webhookSaveChangesAndExit: false });\r\n kendo.ui.progress($(\"#WebHookModal\"), false);\r\n });\r\n };\r\n onDeleteWebhookData = (RowId) => {\r\n this.setState({ webhookSaveChangesAndExit: true });\r\n let tempAllData = Object.assign([], this.state.staticGridData);\r\n tempAllData = tempAllData.filter((obj) => {\r\n return RowId != obj.RowId;\r\n });\r\n let cstEditUri = \"\";\r\n if (this.props.sharedEventNotificationFilter.customerEditUri) {\r\n cstEditUri = this.props.sharedEventNotificationFilter.customerEditUri;\r\n }\r\n eventNotificationsService\r\n .saveEventNotificationGridData(cstEditUri, { Params: tempAllData })\r\n .then((response) => {\r\n this.setState({ webhookSaveChangesAndExit: false, isOpenWebhookModal: false });\r\n GlobalService.notification(\"success\", this.translate(\"Lable_Webhook_Deleted\"));\r\n this.loadGrid();\r\n })\r\n .finally(() => {\r\n this.setState({ webhookSaveChangesAndExit: false });\r\n });\r\n };\r\n\r\n onselectGridRow = () => {\r\n let grid = $(\"#\" + this.props.windowId + \" #EventNotificationGrid\").data(\"kendoGrid\");\r\n var data = grid.dataItem(grid.select());\r\n if (data) {\r\n this.setState({\r\n isOpenWebhookModal: true,\r\n isNewWebhook: false,\r\n sharedWebhookModalData: data,\r\n sharedWebhookModalDataIndex: data.RowId,\r\n });\r\n }\r\n };\r\n\r\n onGridDataBound = (e, kendoGrid) => {\r\n this.setState({\r\n localKendoGrid: kendoGrid,\r\n });\r\n };\r\n\r\n onSort = (event) => {\r\n var grid = $(this.gridDomSelector).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n GlobalService.sortDataset(sortArray, event.sort);\r\n var gridColumn = grid.getOptions().columns;\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(\r\n gridColumn,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n EventNotificationMetaServices.setWebhookNotificationGridOptionInMetaData(finalSubmission);\r\n };\r\n\r\n // on grid column reorder save changes in meta data object\r\n onColumnReorder = (event) => {\r\n var grid = $(this.gridDomSelector).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let gridColumn = grid.getOptions().columns;\r\n let switchedArray = ArrayWms.switchIndexByField(gridColumn, event.newIndex, event.oldIndex);\r\n let finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(\r\n switchedArray,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n EventNotificationMetaServices.setWebhookNotificationGridOptionInMetaData(finalSubmission);\r\n };\r\n\r\n // on grid column resize save changes in meta data object\r\n onColumnResize = (event) => {\r\n var grid = $(this.gridDomSelector).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n EventNotificationMetaServices.setWebhookNotificationGridOptionInMetaData(finalSubmission);\r\n };\r\n\r\n // on click grid clear sort menu\r\n onClickClearSorts = () => {\r\n var grid = $(this.gridDomSelector).data(\"kendoGrid\");\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n [],\r\n grid.dataSource.filter()\r\n );\r\n EventNotificationMetaServices.setWebhookNotificationGridOptionInMetaData(finalSubmission);\r\n };\r\n\r\n // on click grid reset default grid layout menu\r\n onClickResetGrid = () => {\r\n var finalSubmission = {\r\n optionsData: {},\r\n };\r\n EventNotificationMetaServices.setWebhookNotificationGridOptionInMetaData(finalSubmission);\r\n };\r\n\r\n setFilterAppliedText = (filterObj) => {\r\n if (!filterObj) {\r\n this.setState({\r\n filterText: \"\",\r\n fullFilterText: \"\",\r\n });\r\n return;\r\n }\r\n var filterConditionTitle = {\r\n lte: \"Is Less Than Or Equal To\",\r\n eq: \"Is Equal To\",\r\n lt: \"Is Less Than\",\r\n neq: \"Is Not Equal To\",\r\n gte: \"Is Greater Than Or Equal To\",\r\n gt: \"Is Greater Than\",\r\n startswith: \"Starts With\",\r\n endswith: \"Ends With\",\r\n contains: \"Contains\",\r\n doesnotcontain: \"Does Not Contain\",\r\n isnull: \"Is Null\",\r\n isnotnull: \"Is Not Null\",\r\n isempty: \"Is Empty\",\r\n isnotempty: \"Is Not Empty\",\r\n isnullorempty: \"Has No Value\",\r\n isnotnullorempty: \"Has Value\",\r\n };\r\n var filterText = \"\";\r\n var fullFilterText = \"\";\r\n var filterList = filterObj.filters;\r\n for (let i = 0; i < filterList.length; i++) {\r\n const item = filterList[i];\r\n var title = this.allColumnList.find((x) => x.field === item.field).title;\r\n filterText += title + \" : \" + item.value + \",\";\r\n fullFilterText += title + \" \" + filterConditionTitle[item.operator] + \" : \" + item.value + \"\";\r\n }\r\n filterText = filterText.slice(0, -1);\r\n this.setState({\r\n filterText: filterText,\r\n fullFilterText: fullFilterText,\r\n });\r\n };\r\n\r\n // on grid filter selection\r\n onGridFilterApplied = (filter) => {\r\n var grid = $(this.gridDomSelector).data(\"kendoGrid\");\r\n var dataSource = grid.dataSource;\r\n setTimeout(() => {\r\n this.setFilterAppliedText(dataSource.filter());\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n var finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sortArray,\r\n dataSource.filter()\r\n );\r\n EventNotificationMetaServices.setWebhookNotificationGridOptionInMetaData(finalSubmission);\r\n }, 100);\r\n };\r\n\r\n refreshEventNotificationGrid = () => {\r\n this.loadGrid();\r\n };\r\n\r\n saveMetaData = () => {\r\n var grid = $(this.gridDomSelector).data(\"kendoGrid\");\r\n var sort = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = this.state.localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sort,\r\n grid.dataSource.filter()\r\n );\r\n EventNotificationMetaServices.setWebhookNotificationGridOptionInMetaData(finalSubmission);\r\n };\r\n\r\n render() {\r\n return (\r\n
\r\n {/* this.openWebhookModel(true),\r\n isButtonMenu: true,\r\n },\r\n {\r\n name: \"\",\r\n wmsSelector: this.props.selector + \"RefreshGrid\",\r\n value: [],\r\n clickFunc: this.refreshEventNotificationGrid,\r\n disabled: false,\r\n icon: \"fa-sync-alt\",\r\n color: \"blue\",\r\n isContextMenu: false,\r\n isButtonMenu: true,\r\n parentClassName: \"event-notification-refresh-btn\",\r\n },\r\n ]}\r\n />\r\n {this.state.isOpenColumnModal && (\r\n {}}\r\n saveChangesInMetaData={this.saveMetaData}\r\n />\r\n )}\r\n\r\n {this.state.isOpenWebhookModal && (\r\n
\r\n );\r\n }\r\n}\r\n\r\nEventNotificationGrid.defaultProps = {\r\n windowId: \"\",\r\n sharedEventNotificationFilter: \"\",\r\n sharedCustomerOptions: \"\",\r\n selector: \"\",\r\n};\r\n\r\nEventNotificationGrid.propTypes = {\r\n windowId: PropTypes.string,\r\n selector: PropTypes.string,\r\n sharedCustomerOptions: PropTypes.object,\r\n sharedEventNotificationFilter: PropTypes.object,\r\n};\r\n","import React from \"react\";\r\nimport WmsButton from \"../react/components/WmsButton/WmsButton.jsx\";\r\nimport WmsDropdown from \"../react/components/WmsDropdown/WmsDropdown.jsx\";\r\nimport WmsCollapse from \"../react/components/WmsCollapse/WmsCollapse.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nexport class EventNotificationSearch extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.translate = window.translate;\r\n this.$rootScope = window;\r\n }\r\n\r\n handleFilterChange = (event) => {\r\n let propFilter = Object.assign({}, this.props.sharedEventNotificationFilter);\r\n let objFilter = Object.assign(propFilter, { [event.target.name]: event.target.value });\r\n this.props.onFilterDataSet(objFilter);\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
*/}\r\n \r\n
\r\n - \r\n
- \r\n
- \r\n
- \r\n
\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nEventNotificationSearch.defaultProps = {\r\n onFilterDataSet: \"\",\r\n selector: \"\",\r\n onClearSearch: \"\",\r\n sharedSearchOn: false,\r\n sharedCustomerOptions: \"\",\r\n sharedEventNotificationFilter: \"\",\r\n};\r\n\r\nEventNotificationSearch.propTypes = {\r\n onFilterDataSet: PropTypes.func,\r\n selector: PropTypes.string,\r\n onClearSearch: PropTypes.func,\r\n sharedSearchOn: PropTypes.bool,\r\n sharedCustomerOptions: PropTypes.object,\r\n sharedEventNotificationFilter: PropTypes.object,\r\n};\r\n","import React from \"react\";\r\nimport _ from \"lodash\";\r\nimport { EventNotificationGrid } from \"./event-notification-grid.component.jsx\";\r\nimport { EventNotificationSearch } from \"./event-notification-search.component.jsx\";\r\nimport \"./eventNotification.scss\";\r\nimport * as EventNotificationMetaServices from \"./event-notification-meta-data.service.js\";\r\nimport * as eventNotificationsService from \"./event-notifications.services.js\";\r\n\r\nexport class EventNotificationHolderComponent extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.$rootScope = window;\r\n this.windowId = this.$rootScope.ChildBulletin.Data.Window;\r\n this.selector = \"EventNotification\";\r\n this.translate = window.translate;\r\n\r\n this.defaultFilterValue = {\r\n customerEditUri: \"\",\r\n };\r\n\r\n this.state = {\r\n sharedCustomerOptions: [],\r\n sharedEventNotificationFilter: this.defaultFilterValue,\r\n sharedSearchOn: false,\r\n isMetaCallComplete: false,\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n kendo.ui.progress($(\"#\" + this.windowId), true);\r\n\r\n var sharedEventNotificationFilter = Object.assign({}, this.defaultFilterValue);\r\n var sharedSearchOn = false;\r\n await EventNotificationMetaServices.getWebhookNotificationClientMetaData();\r\n var filterData = EventNotificationMetaServices.getWebhookNotificationFilterMetaData();\r\n if (filterData !== \"\" && !_.isEqual(this.defaultFilterValue, filterData)) {\r\n sharedEventNotificationFilter = filterData;\r\n sharedSearchOn = true;\r\n }\r\n\r\n eventNotificationsService\r\n .getCustomerDropDown()\r\n .then((response) => {\r\n var tmpCustOpt = response.data;\r\n tmpCustOpt = tmpCustOpt.sort((i, j) => (i.Name.toUpperCase() > j.Name.toUpperCase() ? 1 : -1));\r\n tmpCustOpt.unshift({\r\n EditUri: \"\",\r\n Name: \"Any Customer\",\r\n });\r\n\r\n this.setState({\r\n sharedCustomerOptions: tmpCustOpt,\r\n sharedSearchOn: sharedSearchOn,\r\n sharedEventNotificationFilter: sharedEventNotificationFilter,\r\n });\r\n })\r\n .finally(() => {\r\n kendo.ui.progress($(\"#\" + this.windowId), false);\r\n this.setState({\r\n isMetaCallComplete: true,\r\n });\r\n });\r\n }\r\n\r\n onClearSearch = () => {\r\n this.setState(\r\n {\r\n sharedEventNotificationFilter: Object.assign({}, this.defaultFilterValue),\r\n sharedSearchOn: false,\r\n },\r\n () => {\r\n EventNotificationMetaServices.clearWebhookNotificationFilterMetaData();\r\n this.gridComponent.loadGrid();\r\n }\r\n );\r\n };\r\n\r\n onFilterDataSet = (param_filterObj) => {\r\n this.setState(\r\n {\r\n sharedEventNotificationFilter: param_filterObj,\r\n sharedSearchOn: !_.isEqual(this.defaultFilterValue, param_filterObj),\r\n },\r\n () => {\r\n EventNotificationMetaServices.setWebhookNotificationFilterMetaData(param_filterObj);\r\n this.gridComponent.loadGrid();\r\n }\r\n );\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n {this.props.sharedSearchOn && (\r\n \r\n {this.translate(\"Label_NOTE\")}: \r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {this.state.isMetaCallComplete && (\r\n {\r\n this.gridComponent = instance;\r\n }}\r\n windowId={this.windowId}\r\n selector={this.selector}\r\n sharedMultiSkuEnableRecurring={false}\r\n sharedCustomerOptions={this.state.sharedCustomerOptions}\r\n sharedEventNotificationFilter={this.state.sharedEventNotificationFilter}\r\n />\r\n )}\r\n
\r\n );\r\n }\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport WmsButton from \"../react/components/WmsButton/WmsButton\";\r\nimport WmsCollapse from \"../react/components/WmsCollapse/WmsCollapse\";\r\nimport WmsDropdown from \"../react/components/WmsDropdown/WmsDropdown\";\r\nimport WmsInput from \"../react/components/WmsInput/WmsInput\";\r\nimport WmsCustomDateTimePicker from \"../react/components/WmsCustomDateTimePicker/WmsCustomDateTimePicker\";\r\nimport * as GlobalService from \"../react/global_services\";\r\nimport \"./adjustCustomerCharges.scss\";\r\n\r\ninterface Props {\r\n wmsSelector: string;\r\n}\r\ninterface Props {\r\n wmsSelector: string;\r\n sharedSearchOn: boolean;\r\n sharedFilterObject: any;\r\n windowId: any;\r\n onClearSearch: () => void;\r\n onFilterDataSet: (objFilter: any) => void;\r\n}\r\n\r\ndeclare var window: any;\r\n\r\nconst AdjustCustomerChargesSearch: React.FC\r\n
\r\n );\r\n};\r\nAdjustCustomerChargesSearch.propTypes = {\r\n wmsSelector: PropTypes.string.isRequired,\r\n sharedSearchOn: PropTypes.bool.isRequired,\r\n sharedFilterObject: PropTypes.any.isRequired,\r\n windowId: PropTypes.any.isRequired,\r\n onClearSearch: PropTypes.func.isRequired,\r\n onFilterDataSet: PropTypes.func.isRequired,\r\n};\r\n\r\nAdjustCustomerChargesSearch.defaultProps = {\r\n wmsSelector: \"\",\r\n sharedSearchOn: false,\r\n sharedFilterObject: {},\r\n windowId: \"\",\r\n onClearSearch: (): void => {},\r\n onFilterDataSet: (filterObject: any): void => {},\r\n};\r\n\r\nexport default React.memo(AdjustCustomerChargesSearch);\r\n","import * as GlobalService from \"../react/global_services\";\r\nvar isFirstTimeOpen = true;\r\nvar keyName = \"AdjustCustomerCharges\";\r\nvar metaDataAdjustCustomerChargesObject = {\r\n \"AdjustCustomerCharges\": {\r\n \"filterData\": {},\r\n \"gridConfig\": {},\r\n },\r\n};\r\nvar axios = require(\"axios\");\r\ndeclare var window: any;\r\nconst { $ } = window;\r\n\r\nexport const setGridFilter = function (param_filterObj, cancleToken) {\r\n console.log(\"SetGridFilter\", param_filterObj);\r\n\r\n let url = \"/WebUI/customers/charges/FilteredRowCount\";\r\n\r\n return axios.put(url, param_filterObj, { cancelToken: cancleToken }).then((response: any) => {\r\n return response;\r\n });\r\n};\r\nexport const clearGridFiltere = function (param_filterObj) {\r\n let url = \"/WebUI/customers/UpdateSession/ChargesSearchInfo\";\r\n\r\n return axios.delete(url).then((response: any) => {\r\n return response;\r\n });\r\n};\r\n\r\nexport const getGridData = function () {\r\n let url = \"/WebUI/customers/charges/chargeslist?sort=&page=1&pageSize=50&group=&filter=\"; // ?sort=&page=1&pageSize=50&group=&filter=\r\n\r\n return axios.post(url).then(function (response: any) {\r\n return response;\r\n });\r\n};\r\nexport const getPredefinedChange = function (customerId, facilityId) {\r\n return axios\r\n .get(`/WebUI/inventory/adjustments/CustomerAdjustmentCharges?customerId=${customerId}&facilityId=${facilityId}`)\r\n .then(function (response) {\r\n return response;\r\n });\r\n};\r\n\r\n// call api for get metaData of AdjustCustomerCharges is it's open first time\r\nexport const getAdjustCustomerChargesClientMetaData = function () {\r\n if (isFirstTimeOpen) {\r\n return GlobalService.getUserClientMetaData(keyName).then(\r\n function successCallBack(response) {\r\n if (response !== \"\") {\r\n Object.assign(metaDataAdjustCustomerChargesObject[keyName], JSON.parse(response));\r\n }\r\n isFirstTimeOpen = false;\r\n return true;\r\n },\r\n function errorCallBack(response) {\r\n return false;\r\n }\r\n );\r\n }\r\n};\r\n\r\nexport const setAdjustCustomerChargesFilterMetaData = function (filterData) {\r\n metaDataAdjustCustomerChargesObject[keyName][\"filterData\"] = filterData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataAdjustCustomerChargesObject[keyName]));\r\n};\r\n\r\nexport const getAdjustCustomerChargesFilterMetaData = function () {\r\n if (!$.isEmptyObject(metaDataAdjustCustomerChargesObject[keyName][\"filterData\"])) {\r\n return metaDataAdjustCustomerChargesObject[keyName][\"filterData\"];\r\n } else {\r\n return \"\";\r\n }\r\n};\r\nexport const setAdjustCustomerChargesGridOptionInMetaData = function (gridConfig) {\r\n metaDataAdjustCustomerChargesObject[keyName][\"gridConfig\"] = gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataAdjustCustomerChargesObject[keyName]));\r\n};\r\nexport const getAdjustCustomerChargesGridOptionInMetaData = function () {\r\n if (!$.isEmptyObject(metaDataAdjustCustomerChargesObject[keyName][\"gridConfig\"])) {\r\n return metaDataAdjustCustomerChargesObject[keyName][\"gridConfig\"];\r\n } else {\r\n return \"\";\r\n }\r\n};\r\n\r\nexport const clearAdjustCustomerChargesFilterMetaData = function () {\r\n metaDataAdjustCustomerChargesObject[keyName][\"filterData\"] = {};\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataAdjustCustomerChargesObject[keyName]));\r\n};\r\n\r\nexport const saveCancelAdjustment = function (uri: any, data: any) {\r\n let url = \"/WebUI/customers/charges/chargesreverser?uri=\" + uri;\r\n return axios.post(url, data).then(function (response: any) {\r\n return response;\r\n });\r\n};\r\nexport const getCharges = function () {\r\n return axios.get(\"/WebUI/Shipping/Orders/GetChargeCategories?idList=1,2,3,5,6\").then(function (response: any) {\r\n return response;\r\n });\r\n};\r\nexport const createCharges = function (payload) {\r\n return axios.post(\"/WebUI/customers/charges/charges\", { data: payload }).then(function (response: any) {\r\n return response;\r\n });\r\n};\r\n","import React, { useState, useEffect } from \"react\";\r\n\r\nimport WmsModel from \"../react/components/WmsModel/WmsModel\";\r\nimport WmsCollapse from \"../react/components/WmsCollapse/WmsCollapse\";\r\nimport WmsDropdown from \"../react/components/WmsDropdown/WmsDropdown\";\r\nimport WmsInput from \"../react/components/WmsInput/WmsInput\";\r\nimport WmsCheckBox from \"../react/components/WmsCheckBox/WmsCheckBox\";\r\nimport WmsDateTimePicker from \"../react/components/WmsDateTimePicker/WmsDateTimePicker\";\r\nimport WmsButton from \"../react/components/WmsButton/WmsButton\";\r\nimport * as AdjustCustomerChargesServices from \"./adjust-customer-charges.services\";\r\nimport * as GlobalService from \"../react/global_services\";\r\nimport \"./adjustCustomerCharges.scss\";\r\nimport _ from \"lodash\";\r\nimport WmsGrid from \"../react/components/WmsGrid/WmsGrid.jsx\";\r\nimport { Big } from \"../react/global_variable_service\";\r\nimport { ObjectWms } from \"../../assets/ts/ObjectWms\";\r\nimport { CreateManualChargeModel } from \"../react/orders/findOrders/model/create-manual-charge-model.component.jsx\";\r\nimport { StringWms } from \"../../assets/ts/StringWms\";\r\nimport * as GridConfig from \"./adjust-customer-charges-grid-configuration\";\r\ninterface Props {\r\n onCloseCreateNewCharge?: any;\r\n sharedIsOpenNewChargeModal?: boolean;\r\n wmsSelector?: string;\r\n reloadGrid?: any;\r\n windowId: string;\r\n}\r\n\r\ndeclare var window: any;\r\nvar $ = window.$;\r\nlet defaultChargeObj = {\r\n ReferenceNum: \"\",\r\n CreateInvoice: false,\r\n InvoiceCreationInfo: {\r\n SetInvoiceDate: true,\r\n UtcOffset: (new Date().getTimezoneOffset() / 60) * -1,\r\n },\r\n Notes: \"\",\r\n PONumber: \"\",\r\n CustomerIdentifier: { Id: 0 },\r\n FacilityIdentifier: { Id: 0 },\r\n Billing: [],\r\n ProcessDate: new Date(),\r\n};\r\nconst CreateNewChargeModal: React.FC\r\n
\r\n {props.sharedSearchOn && (\r\n \r\n {window.translate(\"Label_NOTE\")}: \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n {}}\r\n options={[]}\r\n valueField='id'\r\n textField='name'\r\n extraWrapperClass='charges-type'\r\n />\r\n\r\n
\r\n \r\n {}}\r\n label={window.translate('Amount_Range_Start')} />\r\n {}}\r\n label={window.translate('Amount_Range_End')} />\r\n
*/}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n null}\r\n shawCheckbox={false}\r\n showGridResult={false}\r\n staticGridData={chargeObject.Billing}\r\n showSortColumns={false}\r\n onDataBound={onDataBound}\r\n gridEditable={{\r\n confirmation: false,\r\n }}\r\n onEdit={onEdit}\r\n onGridSave={EventSaveGridAppliedCharges}\r\n onChange={appliedChargesGridChange}\r\n menu={[\r\n {\r\n \"name\": window.translate(\"Label_Create_Manual_Charge\"),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"icon\": \"fa fa-keyboard-o\",\r\n \"color\": \"green\",\r\n \"clickFunc\": openCreateManualChargeModel,\r\n \"wmsSelector\": props.wmsSelector + \"CreateManualCharge\",\r\n \"isContextMenu\": false,\r\n },\r\n {\r\n \"name\": window.translate(\"Label_Delete\"),\r\n \"value\": [],\r\n \"disabledText\": \"You may not add blahssss\",\r\n \"disabled\": !isManualCharge,\r\n \"icon\": \"fa-trash\",\r\n \"color\": \"red\",\r\n \"clickFunc\": openConfirmationModal,\r\n \"wmsSelector\": props.wmsSelector + \"DeleteManualCharge\",\r\n \"isContextMenu\": false,\r\n },\r\n ]}\r\n />\r\n
\r\n \r\n
\r\n TOTAL
\r\n \r\n {}}\r\n label={\"\"}\r\n value={totalSum}\r\n />\r\n
\r\n \r\n
\r\n \r\n {isOpenManualChargeModal && (\r\n {window.translate(\"Label_Confirm_Selected_Charges\")}
\r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n};\r\nCreateNewChargeModal.propTypes = {};\r\n\r\nCreateNewChargeModal.defaultProps = {};\r\n\r\nexport default React.memo(CreateNewChargeModal);\r\n","export const getAdjustCustomerChargeColumns = () => {\r\n return {\r\n columns: [\r\n {\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n width: 50,\r\n wmsid: 1,\r\n locked: true,\r\n lockable: false,\r\n resizable: false,\r\n sortable: false,\r\n reorderable: false,\r\n filterable: false,\r\n },\r\n {\r\n field: \"TransactionId\",\r\n title: \"Transaction ID\",\r\n wmsid: 2,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"AdjustCustomerChargeTransactionId\",\r\n },\r\n },\r\n {\r\n field: \"ReferenceNum\",\r\n title: \"Reference Number\",\r\n wmsid: 3,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"AdjustCustomerChargeReference\",\r\n },\r\n },\r\n {\r\n field: \"ProcessDate\",\r\n title: \"Charge Date\",\r\n wmsid: 5,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"AdjustCustomerChargeChargeDate\",\r\n },\r\n template: function (dataItem) {\r\n return kendo.toString(kendo.parseDate(dataItem.ProcessDate), \"yyyy-MM-dd\");\r\n },\r\n },\r\n {\r\n field: \"Customer\",\r\n title: \"Customer\",\r\n wmsid: 6,\r\n locked: false,\r\n lockable: false,\r\n template: function (dataItem) {\r\n return dataItem.CustomerIdentifier ? dataItem.CustomerIdentifier.Name : \"\";\r\n },\r\n headerAttributes: {\r\n \"data-wms-selector\": \"AdjustCustomerChargeCustomer\",\r\n },\r\n },\r\n {\r\n field: \"Facility\",\r\n title: \"Facility\",\r\n wmsid: 7,\r\n locked: false,\r\n lockable: false,\r\n template: function (dataItem) {\r\n return dataItem.FacilityIdentifier ? dataItem.FacilityIdentifier.Name : \"\";\r\n },\r\n headerAttributes: {\r\n \"data-wms-selector\": \"AdjustCustomerChargeFacility\",\r\n },\r\n },\r\n {\r\n field: \"BillTotalCharges\",\r\n title: \"Total Charges\",\r\n wmsid: 8,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"AdjustCustomerChargeChargeAmount\",\r\n },\r\n },\r\n ],\r\n };\r\n};\r\n\r\nexport const getAdjustCustomerChargeAllColumnList = () => {\r\n return [\r\n {\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n width: 50,\r\n wmsid: 1,\r\n locked: true,\r\n lockable: false,\r\n resizable: false,\r\n sortable: false,\r\n reorderable: false,\r\n filterable: false,\r\n },\r\n {\r\n field: \"TransactionId\",\r\n title: \"Transaction ID\",\r\n width: 300,\r\n wmsid: 2,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"AdjustCustomerChargeTransactionId\",\r\n },\r\n },\r\n {\r\n field: \"ReferenceNum\",\r\n title: \"Reference Number\",\r\n wmsid: 3,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"AdjustCustomerChargeReference\",\r\n },\r\n },\r\n {\r\n field: \"ChargeType\",\r\n title: \"ChargeType\",\r\n wmsid: 4,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"AdjustCustomerChargeChargeType\",\r\n },\r\n },\r\n {\r\n field: \"ProcessDate\",\r\n title: \"Charge Date\",\r\n wmsid: 5,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"AdjustCustomerChargeChargeDate\",\r\n },\r\n template: function (dataItem) {\r\n return kendo.toString(kendo.parseDate(dataItem.ProcessDate), \"yyyy-MM-dd\");\r\n },\r\n },\r\n {\r\n field: \"Customer\",\r\n title: \"Customer\",\r\n wmsid: 6,\r\n locked: false,\r\n lockable: false,\r\n template: function (dataItem) {\r\n return dataItem.CustomerIdentifier ? dataItem.CustomerIdentifier.Name : \"\";\r\n },\r\n headerAttributes: {\r\n \"data-wms-selector\": \"AdjustCustomerChargeCustomer\",\r\n },\r\n },\r\n {\r\n field: \"Facility\",\r\n title: \"Facility\",\r\n wmsid: 7,\r\n locked: false,\r\n lockable: false,\r\n template: function (dataItem) {\r\n return dataItem.FacilityIdentifier ? dataItem.FacilityIdentifier.Name : \"\";\r\n },\r\n headerAttributes: {\r\n \"data-wms-selector\": \"AdjustCustomerChargeFacility\",\r\n },\r\n },\r\n {\r\n field: \"BillTotalCharges\",\r\n title: \"Total Charges\",\r\n wmsid: 8,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"AdjustCustomerChargeChargeAmount\",\r\n },\r\n },\r\n ];\r\n};\r\n\r\nexport const getAdjustCustomerChargeSchema = () => {\r\n return {\r\n model: {\r\n id: \"RowNumber\",\r\n fields: {\r\n RowNumber: { type: \"number\" },\r\n TransactionId: { type: \"number\" },\r\n ReferenceNum: { type: \"string\" },\r\n ChargeType: { type: \"string\" },\r\n ChargeDate: { type: \"string\" },\r\n Customer: { type: \"string\" },\r\n Facility: { type: \"string\" },\r\n ChargeAmount: { type: \"number\" },\r\n BillTotalCharges: { type: \"number\" },\r\n },\r\n },\r\n };\r\n};\r\n\r\nexport const getCalculateChargesGridSchema = () => {\r\n return {\r\n schema: {\r\n model: {\r\n fields: {\r\n ChargeOrigin: {\r\n type: \"number\",\r\n editable: false,\r\n },\r\n ChargeTypeDescription: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n ChargeLabel: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n ChargePerUnit: {\r\n type: \"number\",\r\n editable: true,\r\n },\r\n NumberOfUnits: {\r\n type: \"number\",\r\n editable: true,\r\n },\r\n TotalCharges: {\r\n type: \"number\",\r\n editable: false,\r\n },\r\n BSId: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n BSChargeType: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n BSPredefinedRateId: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n },\r\n },\r\n },\r\n };\r\n};\r\n\r\nexport const ChargesColumns = (CalculateCharges_GridHeaders, translate) => {\r\n // var translate = window.translate;\r\n return [\r\n {\r\n field: \"ChargeOrigin\",\r\n // title: CalculateCharges_GridHeaders[0].description,\r\n title: \"\",\r\n lockable: false,\r\n filterable: false,\r\n width: 160,\r\n template:\r\n \"# if( ChargeOrigin== 0) {# \" +\r\n translate(\"Label_Predefined_Required\") +\r\n \" #} else if( ChargeOrigin== 1) {# \" +\r\n translate(\"Label_Billing_Script\") +\r\n \" #} else if( ChargeOrigin== 2) {# \" +\r\n translate(\"Label_Manual_Charge\") +\r\n \" #} else if( ChargeOrigin== 3) {# \" +\r\n translate(\"Label_Predefined\") +\r\n \" #} #\",\r\n wmsid: 1,\r\n },\r\n {\r\n field: \"ChargeTypeDescription\",\r\n title: CalculateCharges_GridHeaders[1].description,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= ChargeTypeDescription != null ? ChargeTypeDescription : '' #\",\r\n wmsid: 2,\r\n },\r\n {\r\n field: \"ChargeLabel\",\r\n title: CalculateCharges_GridHeaders[2].description,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= ChargeLabel != null ? ChargeLabel : '' #\",\r\n wmsid: 3,\r\n },\r\n {\r\n field: \"ChargePerUnit\",\r\n title: CalculateCharges_GridHeaders[4].description,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= ChargePerUnit != null ? ChargePerUnit : '' #\",\r\n wmsid: 5,\r\n },\r\n {\r\n field: \"NumberOfUnits\",\r\n title: CalculateCharges_GridHeaders[5].description,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= NumberOfUnits != null ? NumberOfUnits : '' #\",\r\n wmsid: 6,\r\n },\r\n {\r\n field: \"TotalCharges\",\r\n title: CalculateCharges_GridHeaders[6].description,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= TotalCharges != null ? TotalCharges : '' #\",\r\n wmsid: 7,\r\n },\r\n ];\r\n};\r\n","import React, { useState } from \"react\";\r\n\r\nimport WmsModel from \"../react/components/WmsModel/WmsModel\";\r\nimport WmsCollapse from \"../react/components/WmsCollapse/WmsCollapse\";\r\nimport WmsInput from \"../react/components/WmsInput/WmsInput\";\r\nimport WmsButton from \"../react/components/WmsButton/WmsButton\";\r\nimport \"./adjustCustomerCharges.scss\";\r\n\r\ninterface Props {\r\n onCloseCancelAdjustment?: any;\r\n sharedIsOpenCancelAdjustmentModal?: boolean;\r\n wmsSelector?: string;\r\n selectedRow?: any;\r\n onApplyReverseAdjustment?: any;\r\n applyReverseAdjustment?: boolean;\r\n}\r\n\r\nconst defaultCancelAdjustmentData = {\r\n Charges: \"\",\r\n Reason: \"\",\r\n CreateInvoice: false,\r\n InvoiceCreationInfo: {},\r\n};\r\n\r\ndeclare var window: any;\r\nconst { $ } = window;\r\n\r\nconst CancelAdjustmentModal: React.FC\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {props.selectedRow.CustomerIdentifier.Name}\r\n
\r\n \r\n \r\n {props.selectedRow.FacilityIdentifier.Name}\r\n
\r\n \r\n
\r\n \r\n \r\n {props.selectedRow.TransactionId}\r\n
\r\n \r\n \r\n \r\n {kendo.toString(kendo.parseDate(props.selectedRow.ProcessDate), \"MM/dd/yyyy\")}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\nCancelAdjustmentModal.propTypes = {};\r\n\r\nCancelAdjustmentModal.defaultProps = {};\r\n\r\nexport default React.memo(CancelAdjustmentModal);\r\n","import React, { useState, useEffect, useCallback } from \"react\";\r\n\r\nimport VirtualGridComponent from \"../react/components_proto/VirtualGridComponent/VirtualGridComponent\";\r\nimport { StringWms } from \"../../assets/ts/StringWms\";\r\nimport { ArrayWms } from \"../../assets/ts/ArrayWms\";\r\nimport { AddEditColumnModel } from \"../react/components/AddEditColumn/add-edit-columns.component\";\r\nimport * as GlobalService from \"../react/global_services\";\r\nimport * as GridConfig from \"./adjust-customer-charges-grid-configuration\";\r\nimport CreateNewChargeModal from \"./create-new-charge.modal.component\";\r\nimport CancelAdjustmentModal from \"./cancel-adjustment.modal.component\";\r\nimport * as AdjustCustomerCharges from \"./adjust-customer-charges.services\";\r\nimport \"./adjustCustomerCharges.scss\";\r\nimport { ConcurrencyManager } from \"../../assets/vendor/concurrencyManager/concurrencyManager\";\r\nimport { LoadingModel } from \"../react/components/LoadingModel/LoadingModel\";\r\nimport * as DynamicMenu from \"../adjustCustomerCharges/grid_dynamic_menu.virtual.jsx\";\r\nimport * as findOrdersService from \"../../app/react/orders/findOrders/findOrders.services.jsx\";\r\n\r\nvar axios = require(\"axios\");\r\ndeclare var window: any;\r\nconst { $ } = window;\r\ninterface gridFilterType {\r\n CustomerID: number;\r\n FacilityID: number;\r\n WarehouseTransactionID: number;\r\n ReferenceNum: string;\r\n StartDate: string;\r\n EndDate: string;\r\n}\r\ninterface Props {\r\n wmsSelector: string;\r\n windowId: string;\r\n sharedFilterObject: gridFilterType;\r\n}\r\n\r\nconst gridId = \"AdjustCustomerCharges\";\r\n\r\nconst defaultCustomerAdjustmentChargesData = {\r\n CustomerIdentifier: { Id: 0 },\r\n FacilityIdentifier: { Id: 0 },\r\n ReferenceNum: \"\",\r\n PONumber: \"\",\r\n Notes: \"\",\r\n Uri: \"\",\r\n CreateInvoice: false,\r\n InvoiceCreationInfo: {\r\n SetInvoiceDate: true,\r\n UtcOffset: 0,\r\n },\r\n Billing: [],\r\n};\r\n// eslint-disable-next-line sonarjs/cognitive-complexity\r\nconst AdjustCustomerChargesGrid: React.FC\";\r\n return item;\r\n });\r\n filterText = filterText.slice(0, -1);\r\n setFilterText(filterText);\r\n setFullFilterText(fullFilterText);\r\n };\r\n // on grid column sort save changes in meta data object\r\n const onSort = (event) => {\r\n var grid = $(gridDomSelector).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n GlobalService.sortDataset(sortArray, event.sort);\r\n var gridColumn = grid.getOptions().columns;\r\n var finalSubmission = localKendoGrid.prepareGridOptionsForStorage(\r\n gridColumn,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n AdjustCustomerCharges.setAdjustCustomerChargesGridOptionInMetaData(finalSubmission);\r\n };\r\n // on grid column reorder save changes in meta data object\r\n const onColumnReorder = (event) => {\r\n var grid = $(gridDomSelector).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let gridColumn = grid.getOptions().columns;\r\n let switchedArray = ArrayWms.switchIndexByField(gridColumn, event.newIndex, event.oldIndex);\r\n let finalSubmission = localKendoGrid.prepareGridOptionsForStorage(\r\n switchedArray,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n AdjustCustomerCharges.setAdjustCustomerChargesGridOptionInMetaData(finalSubmission);\r\n };\r\n\r\n // on grid column resize save changes in meta data object\r\n const onColumnResize = () => {\r\n var grid = $(gridDomSelector).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n AdjustCustomerCharges.setAdjustCustomerChargesGridOptionInMetaData(finalSubmission);\r\n };\r\n\r\n // on click grid clear sort menu\r\n const onClickClearSorts = () => {\r\n var grid = $(gridDomSelector).data(\"kendoGrid\");\r\n var finalSubmission = localKendoGrid.prepareGridOptionsForStorage(grid.columns, [], grid.dataSource.filter());\r\n AdjustCustomerCharges.setAdjustCustomerChargesGridOptionInMetaData(finalSubmission);\r\n };\r\n\r\n // on click grid reset default grid layout menu\r\n const onClickResetGrid = () => {\r\n var finalSubmission = {\r\n optionsData: {},\r\n };\r\n AdjustCustomerCharges.setAdjustCustomerChargesGridOptionInMetaData(finalSubmission);\r\n };\r\n\r\n const eventClickExportGrid = () => {\r\n $(gridDomSelector).getKendoGrid().saveAsExcel();\r\n };\r\n const onToggleColumnModal = (isOpen) => () => {\r\n setIsOpenColumnModal(isOpen);\r\n };\r\n const saveMetaData = () => {\r\n var grid = $(gridDomSelector).data(\"kendoGrid\");\r\n var sort = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = localKendoGrid.prepareGridOptionsForStorage(grid.columns, sort, grid.dataSource.filter());\r\n AdjustCustomerCharges.setAdjustCustomerChargesGridOptionInMetaData(finalSubmission);\r\n };\r\n const onClickLoadAllRecords = () => {\r\n var param_filterObj = Object.assign({}, getGridFilter());\r\n param_filterObj.CustomerID = param_filterObj.CustomerID === 0 ? null : param_filterObj.CustomerID;\r\n param_filterObj.FacilityID = param_filterObj.FacilityID === 0 ? null : param_filterObj.FacilityID;\r\n param_filterObj.StartDate = param_filterObj.StartDate\r\n ? StringWms.convertFilterStringToISODate(param_filterObj.StartDate, \"\", false, true).isoStringUTC\r\n : null;\r\n param_filterObj.EndDate = param_filterObj.EndDate\r\n ? StringWms.convertFilterStringToISODate(param_filterObj.EndDate, \"23:59:59\", false, true).isoStringUTC\r\n : null;\r\n setOverlayScreenShow(true);\r\n\r\n if (firstFiftyAxiosSource) {\r\n firstFiftyAxiosSource.cancel();\r\n firstFiftyAxiosSource = null;\r\n }\r\n firstFiftyAxiosSource = axios.CancelToken.source();\r\n axios\r\n .put(\r\n \"/WebUI/customers/charges/ChargesData?sorts=[]&filters=[]&pgnum=1&pgsiz=50\",\r\n {\r\n chargesSearchInfo: param_filterObj,\r\n },\r\n { cancelToken: firstFiftyAxiosSource.token }\r\n )\r\n .then((response) => {\r\n firstFiftyAxiosSource = \"\";\r\n console.log(\"response\", response);\r\n setGridData(response.data.Data);\r\n loadAllRecords(false);\r\n });\r\n };\r\n\r\n const updateInitialPrintMenu = () => {\r\n var params = {\r\n Selector: props.wmsSelector,\r\n Rights: rights,\r\n TplSettings: tplSettings,\r\n FullyAllocated: false,\r\n EnablePickOption: false,\r\n SameFacility: true,\r\n SameCustomer: true,\r\n SelectedOrders: 1,\r\n fnNames: [\"RunReportViewTransaction\"],\r\n };\r\n const updatedMenus = DynamicMenu.getInitialPrintMenu(\r\n initialPrintMenuResponse,\r\n params,\r\n dynamicMenuClick,\r\n \"AdjustCharges\"\r\n );\r\n\r\n setMenuPrintData(updatedMenus.PrintData);\r\n };\r\n\r\n const dynamicMenuClick = (event) => {\r\n var wmsid = $(event.target).parent().attr(\"data-wmsid\");\r\n wmsid = \"clickOn\" + wmsid;\r\n if (typeof $[wmsid] !== \"undefined\") {\r\n $[wmsid](event);\r\n } else {\r\n console.error(\"Uncaught TypeError: \" + wmsid + \" is not a function\");\r\n }\r\n };\r\n\r\n const getInitialPrintMenu = () => {\r\n //setting to the first customer in the list for now until we talk to Jeff and come to a resolution\r\n var customerId = GlobalService.GetCurrentUser().CustomerIds[0];\r\n\r\n GlobalService.initialPrintMenu(customerId)\r\n .then((response) => {\r\n if (response) {\r\n setInitialPrintMenuResponse(response);\r\n }\r\n })\r\n .finally(() => {});\r\n };\r\n\r\n const dynamicServiceForDynamicMenu = (event, fnName) => {\r\n var runReport = $(event.target).parent().attr(\"data-run-report\");\r\n\r\n findOrdersService\r\n .dynamicServiceForDynamicMenu(fnName, runReport, [], null, \"AdjustCharges\")\r\n .then((response) => {\r\n handleResponseMenuPrint(response);\r\n })\r\n .finally(() => {});\r\n };\r\n\r\n const handleResponseMenuPrint = (response) => {\r\n var blob = ArrayWms.convertBase64ToByteArray(response.Data, \"application/pdf\");\r\n ArrayWms.displayBlobInWindow(blob, \"report.pdf\");\r\n };\r\n\r\n useEffect(() => {\r\n updateInitialPrintMenu();\r\n }, [initialPrintMenuResponse]);\r\n\r\n return (\r\n
\r\n {isCustomerRequired && (\r\n null,\r\n disabled: true,\r\n icon: \"fa-print\",\r\n color: \"green\",\r\n isContextMenu: false,\r\n isButtonMenu: false,\r\n },\r\n {\r\n name: \"\",\r\n wmsSelector: props.wmsSelector + \"RefreshGrid\",\r\n value: [],\r\n clickFunc: refreshGrid,\r\n disabled: false,\r\n icon: \"fa-sync-alt\",\r\n color: \"blue\",\r\n isContextMenu: false,\r\n isButtonMenu: true,\r\n parentClassName: \"customer-charge-refresh-btn\",\r\n },\r\n ]}\r\n />\r\n {isOpenColumnModal && (\r\n {}}\r\n saveChangesInMetaData={saveMetaData}\r\n />\r\n )}\r\n {sharedIsOpenNewChargeModal && (\r\n
\r\n );\r\n};\r\nAdjustCustomerChargesGrid.propTypes = {};\r\n\r\nAdjustCustomerChargesGrid.defaultProps = {};\r\n\r\nexport default React.memo(AdjustCustomerChargesGrid);\r\n","export const getInitialPrintMenu = (initialPrintMenuResponse, params, menuClickEvent, callFrom) => {\r\n var updatedMenus = {\r\n PrintData: [],\r\n };\r\n\r\n if (\r\n initialPrintMenuResponse.length > 0 ||\r\n initialPrintMenuResponse != null ||\r\n typeof initialPrintMenuResponse != undefined\r\n ) {\r\n initialPrintMenuResponse.forEach((item, i) => {\r\n if (item.RdlName === \"ViewTransaction\") {\r\n // eslint-disable-next-line\r\n var fnName = params.fnNames[i];\r\n var tempObj = {};\r\n\r\n tempObj = {\r\n \"name\": item.CategoryName,\r\n \"value\": [],\r\n \"disabled\": params.SelectedOrders < 1 || !params.Rights.hasOwnProperty(\"orders.docs\"),\r\n \"disabledText\": translate(\"order_Document_Permission_note\"),\r\n \"isContextMenu\": true,\r\n \"isButtonMenu\": true,\r\n \"wmsSelector\": params.Selector + item.RdlName,\r\n \"onClickFunc\": menuClickEvent,\r\n \"wmsid\": item.RdlName,\r\n };\r\n\r\n if (item.hasOwnProperty(\"Reports\") && item.RdlName !== \"ShippingLabel\") {\r\n item.Reports.forEach((report, i) => {\r\n tempObj.onClickFunc = () => null;\r\n tempObj.value.push({\r\n \"name\": report.Name,\r\n \"value\": [],\r\n \"disabled\": tempObj.disabled || !params.Rights.hasOwnProperty(\"orders.docs\"),\r\n \"disabledText\": translate(\"order_Document_Permission_note\"),\r\n \"isContextMenu\": true,\r\n \"isButtonMenu\": true,\r\n \"wmsSelector\": params.Selector + fnName + (i + 1),\r\n \"onClickFunc\": menuClickEvent,\r\n \"wmsid\": fnName,\r\n \"runReport\": report.TemplatedRunner,\r\n \"rdlName\": item.RdlName,\r\n });\r\n });\r\n }\r\n\r\n updatedMenus.PrintData.push(tempObj);\r\n }\r\n });\r\n }\r\n\r\n return updatedMenus;\r\n};\r\n","import React, { useState, useEffect } from \"react\";\r\nimport AdjustCustomerChargesSearch from \"./adjust-customer-charges-search.component\";\r\nimport AdjustCustomerChargesGrid from \"./adjust-customer-charges-grid.component\";\r\nimport * as AdjustCustomerCharges from \"./adjust-customer-charges.services\";\r\nimport \"./adjustCustomerCharges.scss\";\r\n\r\ninterface Props {}\r\n\r\ndeclare var window: any;\r\nvar $rootScope = window;\r\nconst wmsSelector = \"AdustCustomerCharges\";\r\nconst defaultFilterValue = {\r\n \"CustomerID\": null,\r\n \"FacilityID\": null,\r\n \"WarehouseTransactionID\": null,\r\n \"ReferenceNum\": null,\r\n \"StartDate\": null,\r\n \"EndDate\": null,\r\n};\r\n\r\nconst AdjustCustomerChargesHolder: React.FC{window.translate(\"Customer_Require_Filter\")}
\r\n )}\r\n \r\n
\r\n );\r\n};\r\nAdjustCustomerChargesHolder.propTypes = {};\r\n\r\nAdjustCustomerChargesHolder.defaultProps = {};\r\n\r\nexport default React.memo(AdjustCustomerChargesHolder);\r\n","import * as GlobalService from \"../../global_services\";\r\ndeclare var window: any;\r\nconst { $ } = window;\r\nvar isFirstTimeOpen = true;\r\nvar axios = require('axios');\r\nvar keyName = \"ConfigurePackingSlips\";\r\nvar metaDataOrderObject = {\r\n ConfigurePackingSlips: {\r\n ManageConfigurePackingSlips: {\r\n filterData: {},\r\n gridConfig: {},\r\n collapseData: {},\r\n sorableSection: \"\",\r\n saveFilter: [],\r\n }\r\n }\r\n};\r\n\r\nexport const getConfigurePackingSlipsGridData = function () {\r\n let url = '/WebUI/Settings/PackingListTemplates/PackingListTemplates';\r\n\r\n return axios.get(url).then(function (response: any) {\r\n return response;\r\n });\r\n};\r\nexport const saveConfigurePackingSlipsData = function (data: any) {\r\n let url = '/WebUI/Settings/PackingListTemplates/PackingListTemplate';\r\n\r\n return axios.post(url, data).then(function (response:any) {\r\n return response;\r\n });\r\n};\r\nexport const getConfigurePackingSlipsData = function (templateId: number) {\r\n let url = '/WebUI/Settings/PackingListTemplates/PackingListTemplate?editUri=properties/packinglisttemplates/'+templateId;\r\n\r\n return axios.get(url).then(function (response: any) {\r\n return response;\r\n });\r\n};\r\nexport const updateConfigurePackingSlipsData = function (data: any) {\r\n let url = '/WebUI/Settings/PackingListTemplates/PackingListTemplate';\r\n\r\n return axios.put(url, data).then(function (response:any) {\r\n return response;\r\n });\r\n};\r\nexport const deleteConfigurePackingSlipsData = function (templateId: number) {\r\n let url = '/WebUI/Settings/PackingListTemplates/PackingListTemplate?editUri=properties/packinglisttemplates/'+templateId;\r\n\r\n return axios.delete(url).then(function (response: any) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const saveEventNotificationGridData = function (cstEditUri: string, data: any) {\r\n let url = '/WebUI/Customers/WebHooksConfig/GridSave';\r\n if (cstEditUri) {\r\n url = url + \"?editUri=\" + cstEditUri\r\n }\r\n return axios.put(url, data).then(function (response: any) {\r\n return response;\r\n });\r\n}\r\n\r\nexport const getUserClientMetaData = function () {\r\n console.log('isFirstTimeOpen', isFirstTimeOpen);\r\n if (isFirstTimeOpen) {\r\n console.log('isFirstTimeOpen call', isFirstTimeOpen);\r\n return GlobalService.getUserClientMetaData(keyName).then(\r\n function successCallBack(response) {\r\n if (response !== \"\") {\r\n Object.assign(metaDataOrderObject[keyName], JSON.parse(response));\r\n }\r\n isFirstTimeOpen = false;\r\n return true;\r\n },\r\n function errorCallBack(response) {\r\n console.log(response);\r\n return false;\r\n }\r\n );\r\n }\r\n};\r\nexport const setConfigurePackingSlipsGridOptionInMetaData = function (\r\n gridConfig\r\n) {\r\n metaDataOrderObject[keyName][\"ManageConfigurePackingSlips\"][\"gridConfig\"] =\r\n gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(\r\n keyName,\r\n JSON.stringify(metaDataOrderObject[keyName])\r\n );\r\n};\r\n\r\nexport const getConfigurePackingSlipsGridOptionInMetaData = function () {\r\n if (\r\n !$.isEmptyObject(\r\n metaDataOrderObject[keyName][\"ManageConfigurePackingSlips\"][\"gridConfig\"]\r\n )\r\n ) {\r\n return metaDataOrderObject[keyName][\"ManageConfigurePackingSlips\"][\"gridConfig\"];\r\n } else {\r\n return \"\";\r\n }\r\n};","import React, { useState} from 'react';\r\nimport * as ConfigurePackingSlipsService from './configure-packing-slips.services';\r\nimport * as GlobalService from '../../global_services';\r\nimport WmsButton from '../../components/WmsButton/WmsButton.jsx';\r\nimport WmsCollapse from '../../components/WmsCollapse/WmsCollapse.jsx';\r\nimport WmsInput from '../../components/WmsInput/WmsInput.jsx';\r\nimport WmsModel from '../../components/WmsModel/WmsModel.jsx';\r\nimport WmsRadio from '../../components/WmsRadio/WmsRadio';\r\nimport WmsCheckBox from '../../components/WmsCheckBox/WmsCheckBox.jsx';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport './configurePackagingSlips.scss';\r\ndeclare var window: any;\r\nconst { $ } = window;\r\ninterface PackingSlipsConfigurationProps {\r\n sharedIsOpenPackingSlipsModal: boolean,\r\n onClosePackingSlipsModal: () => {},\r\n refreshGrid: () => {},\r\n afterDelete: () => {},\r\n selectedRow: any\r\n}\r\n\r\n\r\nconst PackingSlipsConfigurationModal: React.FC\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n {packingSlipsFormData.Address1Source === 3 ? (\r\n \r\n handleChangeRadio(e.target.name, 0)}\r\n checked={packingSlipsFormData.Address1Source === 0}\r\n />\r\n\r\n handleChangeRadio(e.target.name, 4)}\r\n checked={packingSlipsFormData.Address1Source === 4}\r\n />\r\n handleChangeRadio(e.target.name, 5)}\r\n checked={packingSlipsFormData.Address1Source === 5}\r\n />\r\n\r\n handleChangeRadio(e.target.name, 2)}\r\n checked={packingSlipsFormData.Address1Source === 2}\r\n />\r\n
\r\n \r\n handleChangeRadio(e.target.name, 3)}\r\n checked={packingSlipsFormData.Address1Source === 3}\r\n />\r\n\r\n handleChangeRadio(e.target.name, 1)}\r\n checked={packingSlipsFormData.Address1Source === 1}\r\n />\r\n
\r\n\r\n \r\n
\r\n ) : null}\r\n \r\n \r\n {window.translate('Label_Configure_Packing_Slips_custom_field_info')}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n {packingSlipsFormData.Address2Source === 3 ? (\r\n \r\n handleChangeRadio(e.target.name, 0)}\r\n checked={packingSlipsFormData.Address2Source === 0}\r\n />\r\n\r\n handleChangeRadio(e.target.name, 4)}\r\n checked={packingSlipsFormData.Address2Source === 4}\r\n />\r\n handleChangeRadio(e.target.name, 5)}\r\n checked={packingSlipsFormData.Address2Source === 5}\r\n />\r\n\r\n handleChangeRadio(e.target.name, 2)}\r\n checked={packingSlipsFormData.Address2Source === 2}\r\n />\r\n
\r\n \r\n handleChangeRadio(e.target.name, 3)}\r\n checked={packingSlipsFormData.Address2Source === 3}\r\n />\r\n\r\n handleChangeRadio(e.target.name, 1)}\r\n checked={packingSlipsFormData.Address2Source === 1}\r\n />\r\n
\r\n\r\n \r\n
\r\n ) : null}\r\n \r\n \r\n {window.translate('Label_Configure_Packing_Slips_custom_field_info')}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n}\r\nPackingSlipsConfigurationModal.propTypes = {\r\n sharedIsOpenPackingSlipsModal: PropTypes.bool.isRequired,\r\n onClosePackingSlipsModal: PropTypes.func,\r\n refreshGrid: PropTypes.func,\r\n afterDelete: PropTypes.func,\r\n selectedRow: PropTypes.any\r\n};\r\n\r\nPackingSlipsConfigurationModal.defaultProps = {\r\n sharedIsOpenPackingSlipsModal: false,\r\n onClosePackingSlipsModal: () => void {},\r\n refreshGrid: () => void {},\r\n afterDelete: () => void {},\r\n selectedRow: {}\r\n};\r\nexport default React.memo(PackingSlipsConfigurationModal);","import React, { useState, useEffect, useCallback} from 'react';\r\nimport * as ConfigurePackingSlipsService from './configure-packing-slips.services';\r\nimport * as GlobalService from '../../global_services';\r\nimport * as GridConfig from \"./configure-packing-slips-grid-configuration\"\r\nimport PackingSlipsConfigurationModal from './packing-slip-configuration-modal.component'\r\nimport VirtualGridComponent from '../../components_proto/VirtualGridComponent/VirtualGridComponent.jsx'\r\n\r\nimport './configurePackagingSlips.scss';\r\ndeclare var window: any;\r\nconst { $ } = window;\r\nvar $rootScope = window;\r\nconst defaultFormData = {\r\n Description: '',\r\n ShowShippingNotes: false,\r\n Address1Label: \"\",\r\n Address1Source: -1,\r\n Address2Label: \"\",\r\n Address2Source: -1\r\n}\r\n\r\nconst ConfigurePackingSlipsHolder: React.FC\";\r\n return item;\r\n });\r\n filterText = filterText.slice(0, -1);\r\n setFilterText(filterText);\r\n setFullFilterText(fullFilterText);\r\n }\r\n const clickEventOfContextMenu = (obj: any, e:any) => {\r\n editPackingSlipModal();\r\n }\r\n\r\n const createPackingSlipModal = () => {\r\n setSelectedRow(defaultFormData);\r\n setSharedIsOpenPackingSlipsModal(true);\r\n }\r\n const editPackingSlipModal = () => {\r\n let grid = $(gridDomSelector).data(\"kendoGrid\");\r\n var data = grid.dataItem(grid.select());\r\n setSelectedRow(data);\r\n setSharedIsOpenPackingSlipsModal(true);\r\n }\r\n const onClosePackingSlipsModal = () => {\r\n setSharedIsOpenPackingSlipsModal(false);\r\n }\r\n\r\n // useEffect(() => {\r\n // loadGridData();\r\n // },[loadGridData]);\r\n useEffect(()=> {\r\n },[])\r\n\r\n useEffect(() => {\r\n async function getGridMeta() {\r\n await ConfigurePackingSlipsService.getUserClientMetaData()\r\n setGridConfig(ConfigurePackingSlipsService.getConfigurePackingSlipsGridOptionInMetaData());\r\n setShowGrid(true)\r\n loadGridData();\r\n }\r\n getGridMeta();\r\n }, [loadGridData]);\r\n return (\r\n
\r\n\r\n \r\n {showGrid && (\r\n\r\n createPackingSlipModal(),\r\n 'isButtonMenu': true,\r\n }, {\r\n \"name\": window.translate('Label_Edit'),\r\n \"value\": [],\r\n \"disabled\": selectedRowCount !== 1,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": \"fa-pencil\",\r\n \"color\": \"outlined\",\r\n \"wmsSelector\": selector + \"Edit\",\r\n \"clickFunc\": () => editPackingSlipModal(),\r\n 'isContextMenu': true,\r\n 'isButtonMenu': true,\r\n 'wmsid': 'packagingTypesEdit'\r\n }, {\r\n \"name\": '',\r\n \"wmsSelector\": selector + 'RefreshGrid',\r\n \"value\": [],\r\n \"clickFunc\": refreshGrid,\r\n \"disabled\": false,\r\n \"icon\": \"fa-sync-alt\",\r\n \"color\": \"outlined\",\r\n 'isContextMenu': false,\r\n 'isButtonMenu': true,\r\n 'parentClassName': 'packing-slips-refresh-btn'\r\n }]\r\n }\r\n />\r\n )}\r\n {sharedIsOpenPackingSlipsModal &&\r\n void onClosePackingSlipsModal()}\r\n refreshGrid={() => void refreshGrid()}\r\n afterDelete={() => void afterDelete()}\r\n selectedRow={selectedRow}\r\n />}\r\n
\r\n )\r\n}\r\n\r\nexport default React.memo(ConfigurePackingSlipsHolder);","export const getConfigurePackingSlipsColumns = () => {\r\n\r\n return ({\r\n\r\n columns: [{\r\n field: \"Description\",\r\n title: \"Description\",\r\n width: 120,\r\n wmsid: 9,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'ConfigurePackingSlipsDescription'\r\n },\r\n\r\n }\r\n ]\r\n })\r\n}\r\n\r\nexport const getConfigurePackingSlipsAllColumnList = () => {\r\n return ([{\r\n field: \"Description\",\r\n title: \"Description\",\r\n width: 120,\r\n wmsid: 9,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": 'ConfigurePackingSlipsDescription'\r\n },\r\n\r\n }\r\n ])\r\n}\r\n\r\nexport const getConfigurePackingSlipsSchema = () => {\r\n return ({\r\n model: {\r\n id: \"rowNumber\",\r\n fields: {\r\n Description: { type: \"string\" }\r\n }\r\n }\r\n })\r\n}","import React, { useState, useEffect } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport WmsButton from \"../react/components/WmsButton/WmsButton\";\r\nimport WmsCollapse from \"../react/components/WmsCollapse/WmsCollapse\";\r\nimport WmsDropdown from \"../react/components/WmsDropdown/WmsDropdown\";\r\nimport WmsInput from \"../react/components/WmsInput/WmsInput\";\r\nimport * as GlobalService from \"../react/global_services\";\r\nimport \"./mobileLabelTemplates.scss\";\r\ninterface Props {\r\n wmsSelector: string;\r\n windowId: any;\r\n sharedSearchOn: boolean;\r\n sharedFilterObject: any;\r\n onClearSearch: () => void;\r\n onFilterDataSet: (objFilter: any) => void;\r\n}\r\n\r\ndeclare var window: any;\r\n\r\nconst MobileLabelTemplatesSearch: React.FC\r\n \r\n
\r\n );\r\n};\r\nMobileLabelTemplatesSearch.propTypes = {\r\n wmsSelector: PropTypes.string.isRequired,\r\n sharedSearchOn: PropTypes.bool.isRequired,\r\n sharedFilterObject: PropTypes.any.isRequired,\r\n windowId: PropTypes.any.isRequired,\r\n onClearSearch: PropTypes.func.isRequired,\r\n onFilterDataSet: PropTypes.func.isRequired,\r\n};\r\n\r\nMobileLabelTemplatesSearch.defaultProps = {\r\n wmsSelector: \"\",\r\n sharedSearchOn: false,\r\n sharedFilterObject: {},\r\n windowId: \"\",\r\n onClearSearch: (): void => {},\r\n onFilterDataSet: (filterObject: any): void => {},\r\n};\r\n\r\nexport default React.memo(MobileLabelTemplatesSearch);\r\n","import * as GlobalService from \"../react/global_services\";\r\nvar isFirstTimeOpen = true;\r\nvar keyName = \"MobileLabelTemplates\";\r\nvar metaDataMobileLabelTemplatesObject = {\r\n \"MobileLabelTemplates\": {\r\n \"filterData\": {},\r\n \"gridConfig\": {},\r\n },\r\n};\r\nvar axios = require(\"axios\");\r\ndeclare var window: any;\r\nconst { $ } = window;\r\nconst labelUrl = \"/WebUI/settings/zpllabel/Label\";\r\n\r\nexport const setGridFilter = function (param_filterObj, cancleToken) {\r\n console.log(\"SetGridFilter\", param_filterObj);\r\n\r\n let url = \"/WebUI/settings/zpllabel/FilterCount\";\r\n\r\n return axios.get(url, { params: param_filterObj }, { cancelToken: cancleToken }).then((response: any) => {\r\n return response;\r\n });\r\n};\r\n\r\nexport const saveMobileLabelTemplatesData = function (data) {\r\n return axios.post(labelUrl, data).then(function (response) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const updateMobileLabelTemplatesData = function (data) {\r\n return axios.put(labelUrl, data).then(function (response) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const deleteMobileLabelTemplatesData = function (ZplLabelId) {\r\n return axios.delete(labelUrl + \"?ZplLabelId=\" + ZplLabelId).then(function (response) {\r\n return response;\r\n });\r\n};\r\n\r\n// call api for get metaData of MobileLabelTemplates is it's open first time\r\nexport const getMobileLabelTemplatesClientMetaData = function () {\r\n console.log(\"isFirstTimeOpen\", isFirstTimeOpen);\r\n if (isFirstTimeOpen) {\r\n return GlobalService.getUserClientMetaData(keyName).then(\r\n function successCallBack(response) {\r\n if (response !== \"\") {\r\n // eslint-disable-next-line security/detect-object-injection\r\n Object.assign(metaDataMobileLabelTemplatesObject[keyName], JSON.parse(response));\r\n }\r\n isFirstTimeOpen = false;\r\n return true;\r\n },\r\n function errorCallBack(response) {\r\n return false;\r\n }\r\n );\r\n }\r\n};\r\n\r\nexport const setMobileLabelTemplatesFilterMetaData = function (filterData) {\r\n // eslint-disable-next-line security/detect-object-injection\r\n metaDataMobileLabelTemplatesObject[keyName][\"filterData\"] = filterData;\r\n // eslint-disable-next-line security/detect-object-injection\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataMobileLabelTemplatesObject[keyName]));\r\n};\r\n\r\nexport const getMobileLabelTemplatesFilterMetaData = function () {\r\n // eslint-disable-next-line security/detect-object-injection\r\n if (!$.isEmptyObject(metaDataMobileLabelTemplatesObject[keyName][\"filterData\"])) {\r\n // eslint-disable-next-line security/detect-object-injection\r\n return metaDataMobileLabelTemplatesObject[keyName][\"filterData\"];\r\n } else {\r\n return \"\";\r\n }\r\n};\r\nexport const setMobileLabelTemplatesGridOptionInMetaData = function (gridConfig) {\r\n // eslint-disable-next-line security/detect-object-injection\r\n metaDataMobileLabelTemplatesObject[keyName][\"gridConfig\"] = gridConfig.optionsData;\r\n // eslint-disable-next-line security/detect-object-injection\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataMobileLabelTemplatesObject[keyName]));\r\n};\r\nexport const getMobileLabelTemplatesGridOptionInMetaData = function () {\r\n // eslint-disable-next-line security/detect-object-injection\r\n if (!$.isEmptyObject(metaDataMobileLabelTemplatesObject[keyName][\"gridConfig\"])) {\r\n // eslint-disable-next-line security/detect-object-injection\r\n return metaDataMobileLabelTemplatesObject[keyName][\"gridConfig\"];\r\n } else {\r\n return \"\";\r\n }\r\n};\r\n\r\nexport const clearMobileLabelTemplatesFilterMetaData = function () {\r\n // eslint-disable-next-line security/detect-object-injection\r\n metaDataMobileLabelTemplatesObject[keyName][\"filterData\"] = {};\r\n // eslint-disable-next-line security/detect-object-injection\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataMobileLabelTemplatesObject[keyName]));\r\n};\r\n\r\nexport const saveReverseAdjustment = function (uri: any, data: any) {\r\n let url = \"/WebUI/Inventory/adjustments/adjustmentreverser?uri=\" + uri;\r\n return axios.post(url, data).then(function (response: any) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const getReceiveItemGridData = function (data: any) {\r\n let url = \"/WebUI/Inventory/InventoryUI/InventoryData?sorts=[]&filters=[]&pgnum=1&pgsiz=50\";\r\n return axios\r\n .put(url, {\r\n columns: [\r\n \"ReceiveItemId\",\r\n \"ReceiptDate\",\r\n \"ReceiverId\",\r\n \"ExpirationDate\",\r\n \"MovableUnitLabel\",\r\n \"LocationName\",\r\n \"PrimaryAvailable\",\r\n ], // Receved, MovablUnit,\r\n inventorySearchInfo: data,\r\n })\r\n .then(function (response: any) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const getCharges = function () {\r\n return axios.get(\"/WebUI/Shipping/Orders/GetChargeCategories\").then(function (response: any) {\r\n return response;\r\n });\r\n};\r\n","import React, { useState, useEffect } from \"react\";\r\n\r\nimport WmsModel from \"../react/components/WmsModel/WmsModel\";\r\nimport WmsCollapse from \"../react/components/WmsCollapse/WmsCollapse\";\r\nimport WmsInput from \"../react/components/WmsInput/WmsInput\";\r\nimport WmsButton from \"../react/components/WmsButton/WmsButton\";\r\nimport WmsCheckBox from \"../react/components/WmsCheckBox/WmsCheckBox\";\r\nimport WmsDropdown from \"../react/components/WmsDropdown/WmsDropdown\";\r\nimport WmsTextArea from \"../react/components/WmsTextArea/WmsTextArea\";\r\nimport * as MobileLabelTemplates from \"./mobile-label-template.services\";\r\nimport * as GlobalService from \"../react/global_services\";\r\nimport \"./mobileLabelTemplates.scss\";\r\n\r\nimport _ from \"lodash\";\r\ninterface sharedFilterObjectType {\r\n LabelName: string;\r\n TemplateType: string;\r\n LabelCommand: string;\r\n AssignedCustomers: any;\r\n}\r\ninterface Props {\r\n sharedIsOpenManageMULabelTemplate: boolean;\r\n wmsSelector: string;\r\n closeManageMuLabelTemplateModal: any;\r\n refreshGrid: any;\r\n mobileTemplatesType: string;\r\n sharedSelectedRow: sharedFilterObjectType;\r\n default: boolean;\r\n}\r\n\r\nconst defaultMuLabelTemplatesObj = {\r\n LabelName: \"\",\r\n TemplateType: \"Receipt\",\r\n LabelCommand: \"\",\r\n AssignedCustomers: [-1],\r\n};\r\n\r\ndeclare var window: any;\r\n\r\nconst ManageMULabelTemplateModal: React.FC\r\n
\r\n\r\n {props.sharedSearchOn && (\r\n \r\n {window.translate(\"Label_NOTE\")}: \r\n \r\n
\r\n )}\r\n\r\n \r\n {props.default && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n {!props.default && (\r\n \r\n {window.translate(\"Label_Template_Name\")}\r\n \r\n
\r\n \r\n \r\n onChangeDefaultCustomer(-1)}\r\n label={window.translate(\"Label_Assign_To_All_Customers\")}\r\n checked={muLabelTemplatesObj.AssignedCustomers?.indexOf(-1) !== -1}\r\n wmsSelector={\"AssignToAllCustomers\"}\r\n />\r\n
\r\n {defaultCustomerOptions.map((customer, index) => (\r\n
\r\n \r\n \r\n {defaultCustomerOptions.map((customer, index) => (\r\n
\r\n onChangeDefaultCustomer(customer.id)}\r\n label={customer.name}\r\n checked={\r\n muLabelTemplatesObj.AssignedCustomers?.indexOf(customer.id) !== -1 ||\r\n muLabelTemplatesObj.AssignedCustomers?.indexOf(-1) !== -1\r\n }\r\n />\r\n
\r\n ))}\r\n \r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n );\r\n};\r\nManageMULabelTemplateModal.propTypes = {};\r\n\r\nManageMULabelTemplateModal.defaultProps = {};\r\n\r\nexport default React.memo(ManageMULabelTemplateModal);\r\n","let align_center = \"text-align:center;\";\r\nexport const getMobileLabelTemplatesColumns = (GridHeaders) => {\r\n return {\r\n columns: [\r\n {\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n width: 60,\r\n wmsid: 1,\r\n hidden: false,\r\n locked: true,\r\n lockable: false,\r\n resizable: false,\r\n sortable: false,\r\n reorderable: false,\r\n filterable: false,\r\n attributes: { style: align_center },\r\n headerAttributes: { style: align_center },\r\n template: checkForDefaultRow,\r\n },\r\n {\r\n field: \"LabelName\",\r\n title: GridHeaders[0].description,\r\n wmsid: 2,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"MobileLabelLabelName\",\r\n },\r\n },\r\n {\r\n field: \"Customer\",\r\n title: GridHeaders[1].description,\r\n wmsid: 3,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"MobileLabelTemplateCustomer\",\r\n },\r\n },\r\n ],\r\n };\r\n};\r\n\r\nexport const getMobileLabelTemplatesAllColumnList = (GridHeaders) => {\r\n return [\r\n {\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n width: 60,\r\n wmsid: 1,\r\n hidden: false,\r\n locked: true,\r\n lockable: false,\r\n resizable: false,\r\n sortable: false,\r\n reorderable: false,\r\n filterable: false,\r\n attributes: { style: align_center },\r\n headerAttributes: { style: align_center },\r\n template: checkForDefaultRow,\r\n },\r\n {\r\n field: \"LabelName\",\r\n title: GridHeaders[0].description,\r\n wmsid: 2,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"MobileLabelLabelName\",\r\n },\r\n },\r\n {\r\n field: \"Customer\",\r\n title: GridHeaders[1].description,\r\n wmsid: 3,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"MobileLabelTemplateCustomer\",\r\n },\r\n },\r\n ];\r\n};\r\n\r\nexport const getMobileLabelTemplatesSchema = () => {\r\n return {\r\n model: {\r\n id: \"RowNumber\",\r\n fields: {\r\n LabelName: { type: \"string\" },\r\n customerName: { type: \"string\" },\r\n },\r\n },\r\n };\r\n};\r\n\r\nlet checkForDefaultRow = (dataItem) => {\r\n var returnString = dataItem.RowNumber;\r\n if (dataItem.IsDefault) {\r\n returnString = dataItem.RowNumber + \"\";\r\n }\r\n return returnString;\r\n};\r\n","import React, { useState, useCallback, useEffect } from \"react\";\r\n\r\nimport PropTypes from \"prop-types\";\r\nimport { StringWms } from \"../../assets/ts/StringWms\";\r\nimport { AddEditColumnModel } from \"../react/components/AddEditColumn/add-edit-columns.component\";\r\nimport { LoadingModel } from \"../react/components/LoadingModel/LoadingModel\";\r\nimport { ArrayWms } from \"../../assets/ts/ArrayWms\";\r\nimport { ConcurrencyManager } from \"../../assets/vendor/concurrencyManager/concurrencyManager\";\r\nimport VirtualGridComponent from \"../react/components_proto/VirtualGridComponent/VirtualGridComponent\";\r\nimport ManageMULabelTemplateModal from \"./manage-mu-label-template.modal.component\";\r\nimport * as GridConfig from \"./mobile-template-label-grid-configuration\";\r\nimport * as GlobalService from \"../react/global_services\";\r\nimport * as MobileLabelTemplates from \"./mobile-label-template.services\";\r\n\r\nimport \"./mobileLabelTemplates.scss\";\r\nimport _ from \"lodash\";\r\n\r\nvar axios = require(\"axios\");\r\ninterface gridFilterType {\r\n labelName: string;\r\n cusId: number;\r\n}\r\n\r\ninterface Props {\r\n wmsSelector: string;\r\n windowId: string;\r\n sharedFilterObject: gridFilterType;\r\n}\r\n\r\ndeclare var window: any;\r\nconst { $ } = window;\r\n\r\nconst gridId = \"MobileLabelTemplatesGrid\";\r\n\r\nconst MobileLabelTemplatesGrid: React.FC\";\r\n return item;\r\n });\r\n filterText = filterText.slice(0, -1);\r\n setFilterText(filterText);\r\n setFullFilterText(fullFilterText);\r\n };\r\n\r\n // on grid column sort save changes in meta data object\r\n const onSort = (event) => {\r\n var grid = $(gridDomSelector).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n var OrderBySortObj = _.find(sortArray, { field: \"OrderBy\" });\r\n if (!OrderBySortObj) {\r\n sortArray.unshift({ field: \"OrderBy\", dir: \"desc\", compare: undefined });\r\n }\r\n grid.dataSource.sort(sortArray);\r\n GlobalService.sortDataset(sortArray, event.sort);\r\n var gridColumn = grid.getOptions().columns;\r\n if (localKendoGrid != null) {\r\n var finalSubmission = localKendoGrid.prepareGridOptionsForStorage(\r\n gridColumn,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n MobileLabelTemplates.setMobileLabelTemplatesGridOptionInMetaData(finalSubmission);\r\n }\r\n };\r\n\r\n // on grid column reorder save changes in meta data object\r\n const onColumnReorder = (event) => {\r\n var grid = $(gridDomSelector).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let gridColumn = grid.getOptions().columns;\r\n let switchedArray = ArrayWms.switchIndexByField(gridColumn, event.newIndex, event.oldIndex);\r\n if (localKendoGrid != null) {\r\n let finalSubmission = localKendoGrid.prepareGridOptionsForStorage(\r\n switchedArray,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n MobileLabelTemplates.setMobileLabelTemplatesGridOptionInMetaData(finalSubmission);\r\n }\r\n };\r\n\r\n // on grid column resize save changes in meta data object\r\n const onColumnResize = () => {\r\n var grid = $(gridDomSelector).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n if (localKendoGrid != null) {\r\n let finalSubmission = localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n MobileLabelTemplates.setMobileLabelTemplatesGridOptionInMetaData(finalSubmission);\r\n }\r\n };\r\n\r\n // on click grid clear sort menu\r\n const onClickClearSorts = () => {\r\n var grid = $(gridDomSelector).data(\"kendoGrid\");\r\n if (localKendoGrid != null) {\r\n var finalSubmission = localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n [],\r\n grid.dataSource.filter()\r\n );\r\n MobileLabelTemplates.setMobileLabelTemplatesGridOptionInMetaData(finalSubmission);\r\n }\r\n };\r\n\r\n // on click grid reset default grid layout menu\r\n const onClickResetGrid = () => {\r\n var finalSubmission = {\r\n optionsData: {},\r\n };\r\n MobileLabelTemplates.setMobileLabelTemplatesGridOptionInMetaData(finalSubmission);\r\n };\r\n\r\n const eventClickExportGrid = () => {\r\n $(gridDomSelector).getKendoGrid().saveAsExcel();\r\n };\r\n\r\n const getGridFilter = useCallback(() => {\r\n let GridFilterData = props.sharedFilterObject;\r\n\r\n if (GridFilterData.cusId !== 0) {\r\n let selectedCustomer = GlobalService.getCustomerById(GridFilterData.cusId);\r\n if (selectedCustomer == null) {\r\n GridFilterData.cusId = 0;\r\n }\r\n }\r\n return GridFilterData;\r\n }, [props.sharedFilterObject]);\r\n // on new filter data clear selection of grid\r\n const clearSelectionOfGrid = () => {\r\n if (localKendoGrid != null) {\r\n localKendoGrid.clearSelections(() => {\r\n localKendoGrid.repaintSelections();\r\n });\r\n }\r\n };\r\n\r\n const refreshGrid = () => {\r\n setSelectedRowCount(0);\r\n clearSelectionOfGrid();\r\n callForGetTotalCount();\r\n };\r\n const setDefaultGridFirst = (data) => {\r\n return _.sortBy(data, ({ IsDefault }) => (IsDefault === true ? 0 : 1));\r\n };\r\n const onToggleColumnModal = (isOpen) => () => {\r\n setIsOpenColumnModal(isOpen);\r\n };\r\n\r\n const saveMetaData = () => {\r\n var grid = $(gridDomSelector).data(\"kendoGrid\");\r\n var sort = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n if (localKendoGrid != null) {\r\n let finalSubmission = localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sort,\r\n grid.dataSource.filter()\r\n );\r\n MobileLabelTemplates.setMobileLabelTemplatesGridOptionInMetaData(finalSubmission);\r\n }\r\n };\r\n useEffect(() => {\r\n setGridConfig(MobileLabelTemplates.getMobileLabelTemplatesGridOptionInMetaData());\r\n setShowGrid(true);\r\n if (getGridFilter()) {\r\n callForGetTotalCount();\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [props.sharedFilterObject]);\r\n\r\n useEffect(() => {\r\n if (recordsCount > 0) {\r\n callForGetNewData();\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [recordsCount]);\r\n\r\n // Cancel axios call if new filter applied\r\n const cancelLoadAllData = () => {\r\n if (firstFiftyAxiosSource) {\r\n firstFiftyAxiosSource.cancel();\r\n firstFiftyAxiosSource = null;\r\n }\r\n if (axiosSource) {\r\n axiosSource.cancel();\r\n axiosSource = null;\r\n }\r\n isApiCanceled = true;\r\n setIsGridDataLoading(false);\r\n setOverlayScreenShow(false);\r\n setGridData([]);\r\n setIsAllDataLoad(false);\r\n };\r\n\r\n const callForGetTotalCount = (clearData = true, clearGridSelection = false) => {\r\n setRecordsCount(0);\r\n setIsFilterRowCountLoading(true);\r\n setShowLoadingError(false);\r\n\r\n if (clearGridSelection) {\r\n setSelectedRowCount(0);\r\n setIsAllDataLoad(false);\r\n }\r\n\r\n var param_filterObj = Object.assign({}, getGridFilter());\r\n param_filterObj.cusId = param_filterObj.cusId === 0 ? null : param_filterObj.cusId;\r\n if (filterCountAxiosSource) {\r\n filterCountAxiosSource.cancel();\r\n filterCountAxiosSource = null;\r\n }\r\n // on filter update cancel axiosSource call if any running\r\n cancelLoadAllData();\r\n filterCountAxiosSource = axios.CancelToken.source();\r\n\r\n // Call for FilterRowCount.\r\n MobileLabelTemplates.setGridFilter(param_filterObj, filterCountAxiosSource.token)\r\n .then((response: any) => {\r\n setRecordsCount(response.data);\r\n if (clearData) {\r\n setGridData([]);\r\n }\r\n filterCountAxiosSource = null;\r\n })\r\n .finally(() => {\r\n setIsFilterRowCountLoading(false);\r\n });\r\n };\r\n\r\n const resetGridAllMessage = () => {\r\n if (isAllDataLoad) {\r\n setIsNewColumnAdded(true);\r\n }\r\n };\r\n\r\n const callForGetNewData = () => {\r\n if (recordsCount > 0 && recordsCount <= gridPageSize) {\r\n loadAllRecords(false);\r\n } else {\r\n resetGridAllMessage();\r\n }\r\n };\r\n\r\n const sequence = (n) => {\r\n let seq = [];\r\n for (let i = 0; i < n; i++) {\r\n seq.push(i);\r\n }\r\n return seq;\r\n };\r\n\r\n const getAllResponseData = (data) => {\r\n if (!isApiCanceled) {\r\n let allData = [];\r\n data.forEach((obj) => {\r\n allData = [...obj, ...allData];\r\n });\r\n const customerOptions = GlobalService.getCustomerList(false);\r\n let orderBYDefault = 1;\r\n for (let i = 0; i < allData.length; i++) {\r\n // eslint-disable-next-line security/detect-object-injection\r\n const item = allData[i];\r\n let customerName = \"\";\r\n if (\r\n item.AssignedCustomers &&\r\n item.AssignedCustomers.length &&\r\n item.AssignedCustomers.indexOf(-1) === -1\r\n ) {\r\n for (let i = 0; i < item.AssignedCustomers.length; i++) {\r\n // eslint-disable-next-line security/detect-object-injection\r\n const customerId = item.AssignedCustomers[i];\r\n let customerObj = _.find(customerOptions, { id: customerId });\r\n customerName = customerName ? customerName + \", \" + customerObj.name : customerObj.name;\r\n }\r\n } else if (\r\n item.AssignedCustomers &&\r\n item.AssignedCustomers.length &&\r\n item.AssignedCustomers.indexOf(-1) !== -1\r\n ) {\r\n customerName = \"All Customers\";\r\n }\r\n if (item.IsDefault) {\r\n item.OrderBy = orderBYDefault;\r\n orderBYDefault = orderBYDefault + 1;\r\n } else {\r\n item.OrderBy = 0;\r\n }\r\n // eslint-disable-next-line security/detect-object-injection\r\n allData[i].Customer = customerName;\r\n }\r\n\r\n let tmpData = setDefaultGridFirst(allData);\r\n setGridData(tmpData);\r\n setOverlayScreenShow(false);\r\n setIsGridDataLoading(false);\r\n setIsAllDataLoad(true);\r\n setIsNewColumnAdded(false);\r\n } else {\r\n setIsGridDataLoading(false);\r\n }\r\n };\r\n\r\n const loadAllRecords = (isLoaderPopupShow) => {\r\n isApiCanceled = false;\r\n if (isLoaderPopupShow) {\r\n setIsGridDataLoading(true);\r\n setGridData([]);\r\n }\r\n\r\n var param_filterObj = Object.assign({}, getGridFilter());\r\n param_filterObj.cusId = param_filterObj.cusId === 0 ? null : param_filterObj.cusId;\r\n\r\n axiosSource = axios.CancelToken.source();\r\n let api = axios.create({\r\n baseURL: \"/WebUI/settings/zpllabel\",\r\n headers: { \"Access-Control-Allow-Origin\": \"*\" },\r\n cancelToken: axiosSource.token,\r\n });\r\n const MAX_CONCURRENT_REQUESTS = 3;\r\n let totalRequest = Math.ceil(recordsCount / gridPageSize);\r\n setTotalRequest(totalRequest);\r\n var manager = ConcurrencyManager(api, MAX_CONCURRENT_REQUESTS, GlobalService);\r\n\r\n Promise.all(\r\n sequence(totalRequest).map((i) =>\r\n api.get(\"/label?pgnum=\" + (i + 1) + \"&pgsiz=\" + gridPageSize, { params: param_filterObj })\r\n )\r\n )\r\n .then((responses) => {\r\n let inventoryData = responses.map((r) => r.data.ZplLabelsView);\r\n getAllResponseData(inventoryData);\r\n })\r\n .catch((error) => {\r\n setShowLoadingError(true);\r\n cancelLoadAllData();\r\n })\r\n .then(() => {\r\n if (manager) {\r\n manager.detach();\r\n }\r\n });\r\n };\r\n\r\n const onClickLoadAllRecords = () => {\r\n var param_filterObj = Object.assign({}, getGridFilter());\r\n param_filterObj.cusId = param_filterObj.cusId === 0 ? null : param_filterObj.cusId;\r\n setOverlayScreenShow(true);\r\n\r\n if (firstFiftyAxiosSource) {\r\n firstFiftyAxiosSource.cancel();\r\n firstFiftyAxiosSource = null;\r\n }\r\n firstFiftyAxiosSource = axios.CancelToken.source();\r\n axios\r\n .get(\r\n \"/WebUI/settings/zpllabel/label?sorts=[]&filters=[]&pgnum=1&pgsiz=50\",\r\n { params: param_filterObj },\r\n { cancelToken: firstFiftyAxiosSource.token }\r\n )\r\n .then((response) => {\r\n firstFiftyAxiosSource = \"\";\r\n let tmpData = setDefaultGridFirst(response.data.ZplLabelsView);\r\n setGridData(tmpData);\r\n loadAllRecords(false);\r\n });\r\n };\r\n\r\n const deleteMULabelTemplate = (e: any) => {\r\n setDeleteLabelLoading(true);\r\n MobileLabelTemplates.deleteMobileLabelTemplatesData(selectedRow.ZplLabelId)\r\n .then((response: any) => {\r\n GlobalService.notification(\"success\", window.translate(\"Label_Template_Deleted_Success\"));\r\n refreshGrid();\r\n })\r\n .finally(() => {\r\n setDeleteLabelLoading(false);\r\n });\r\n };\r\n\r\n const openManageMULabelTemplate = (modeType) => (e: any) => {\r\n setSharedIsOpenManageMULabelTemplate(true);\r\n setMobileTemplatesType(modeType);\r\n };\r\n\r\n const closeManageMuLabelTemplateModal = () => {\r\n setSharedIsOpenManageMULabelTemplate(false);\r\n };\r\n\r\n return (\r\n
\r\n {showGrid && (\r\n {}}\r\n saveChangesInMetaData={saveMetaData}\r\n />\r\n )}\r\n {sharedIsOpenManageMULabelTemplate && (\r\n
\r\n );\r\n};\r\nMobileLabelTemplatesGrid.propTypes = {\r\n wmsSelector: PropTypes.string.isRequired,\r\n windowId: PropTypes.string.isRequired,\r\n sharedFilterObject: PropTypes.any.isRequired,\r\n};\r\n\r\nMobileLabelTemplatesGrid.defaultProps = {\r\n wmsSelector: \"\",\r\n windowId: \"\",\r\n sharedFilterObject: {\r\n labelName: null,\r\n cusId: 0,\r\n },\r\n};\r\n\r\nexport default React.memo(MobileLabelTemplatesGrid);\r\n","import React, { useState, useEffect } from \"react\";\r\nimport MobileLabelTemplatesSearch from \"./mobile-label-templates-search.component\";\r\nimport MobileLabelTemplatesGrid from \"./mobile-label-templates-grid.component\";\r\nimport \"./mobileLabelTemplates.scss\";\r\nimport * as MobileLabelTemplates from \"./mobile-label-template.services\";\r\ninterface Props {}\r\n\r\ndeclare var window: any;\r\nvar $rootScope = window;\r\nconst wmsSelector = \"MobileLabelTemplates\";\r\nconst defaultFilterValue = {\r\n labelName: null,\r\n cusId: 0,\r\n};\r\n\r\nconst MobileLabelTemplatesHolder: React.FC\r\n
\r\n );\r\n};\r\nMobileLabelTemplatesHolder.propTypes = {};\r\n\r\nMobileLabelTemplatesHolder.defaultProps = {};\r\n\r\nexport default React.memo(MobileLabelTemplatesHolder);\r\n","import React, { useState, useEffect } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport WmsButton from \"../react/components/WmsButton/WmsButton\";\r\nimport WmsCollapse from \"../react/components/WmsCollapse/WmsCollapse\";\r\nimport WmsDropdown from \"../react/components/WmsDropdown/WmsDropdown\";\r\nimport WmsInput from \"../react/components/WmsInput/WmsInput\";\r\nimport { default as WmsCustomDateTimePicker } from \"../react/components/WmsCustomDateTimePicker/WmsCustomDateTimePicker.jsx\";\r\n\r\nimport * as GlobalService from \"../react/global_services\";\r\nimport \"./adjustInventory.scss\";\r\ninterface Props {\r\n wmsSelector: string;\r\n sharedSearchOn: boolean;\r\n sharedFilterObject: any;\r\n windowId: any;\r\n onClearSearch: () => void;\r\n onFilterDataSet: (objFilter: any) => void;\r\n}\r\n\r\ndeclare var window: any;\r\n\r\nconst AdjustInventorySearch: React.FC\r\n
\r\n );\r\n};\r\nAdjustInventorySearch.propTypes = {\r\n wmsSelector: PropTypes.string.isRequired,\r\n sharedSearchOn: PropTypes.bool.isRequired,\r\n sharedFilterObject: PropTypes.any.isRequired,\r\n windowId: PropTypes.any.isRequired,\r\n onClearSearch: PropTypes.func.isRequired,\r\n onFilterDataSet: PropTypes.func.isRequired,\r\n};\r\n\r\nAdjustInventorySearch.defaultProps = {\r\n wmsSelector: \"\",\r\n sharedSearchOn: false,\r\n sharedFilterObject: {},\r\n windowId: \"\",\r\n onClearSearch: (): void => {},\r\n onFilterDataSet: (filterObject: any): void => {},\r\n};\r\n\r\nexport default React.memo(AdjustInventorySearch);\r\n","let align_center = \"text-align:center;\";\r\nlet movable_unit = \"Movable Unit\";\r\nexport const getAdjustInventoryColumns = (GridHeaders) => {\r\n return {\r\n columns: [\r\n {\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n width: 60,\r\n wmsid: 1,\r\n hidden: false,\r\n locked: true,\r\n lockable: false,\r\n resizable: false,\r\n sortable: false,\r\n reorderable: false,\r\n filterable: false,\r\n attributes: { style: align_center },\r\n headerAttributes: { style: align_center },\r\n },\r\n {\r\n field: \"AdjustmentId\",\r\n title: GridHeaders[0].description,\r\n wmsid: 2,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"AdjustInventoryTransactionId\",\r\n },\r\n },\r\n {\r\n field: \"ReferenceNum\",\r\n title: GridHeaders[1].description,\r\n wmsid: 3,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"AdjustInventoryReference\",\r\n },\r\n },\r\n {\r\n field: \"ProcessDate\",\r\n title: GridHeaders[2].description,\r\n wmsid: 5,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"AdjustInventoryAdjustmentDate\",\r\n },\r\n template: \"#= ProcessDate != null ? kendo.toString(kendo.parseDate(ProcessDate), 'MM/dd/yyyy') : '' #\",\r\n },\r\n {\r\n field: \"CustomerIdentifier.Name\",\r\n title: GridHeaders[3].description,\r\n wmsid: 6,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"AdjustInventoryCustomer\",\r\n },\r\n },\r\n {\r\n field: \"FacilityIdentifier.Name\",\r\n title: GridHeaders[4].description,\r\n wmsid: 7,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"AdjustInventoryFacility\",\r\n },\r\n },\r\n ],\r\n };\r\n};\r\n\r\nexport const getAdjustInventoryAllColumnList = (GridHeaders) => {\r\n return [\r\n {\r\n field: \"RowNumber\",\r\n title: \"RowNumber\",\r\n width: 60,\r\n wmsid: 1,\r\n hidden: false,\r\n locked: true,\r\n lockable: false,\r\n resizable: false,\r\n sortable: false,\r\n reorderable: false,\r\n filterable: false,\r\n attributes: { style: align_center },\r\n headerAttributes: { style: align_center },\r\n },\r\n {\r\n field: \"AdjustmentId\",\r\n title: GridHeaders[0].description,\r\n wmsid: 2,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"AdjustInventoryTransactionId\",\r\n },\r\n },\r\n {\r\n field: \"ReferenceNum\",\r\n title: GridHeaders[1].description,\r\n wmsid: 3,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"AdjustInventoryReference\",\r\n },\r\n },\r\n {\r\n field: \"ProcessDate\",\r\n title: GridHeaders[2].description,\r\n wmsid: 5,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"AdjustInventoryAdjustmentDate\",\r\n },\r\n template: \"#= ProcessDate != null ? kendo.toString(kendo.parseDate(ProcessDate), 'MM/dd/yyyy') : '' #\",\r\n },\r\n {\r\n field: \"CustomerIdentifier.Name\",\r\n title: GridHeaders[3].description,\r\n wmsid: 6,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"AdjustInventoryCustomer\",\r\n },\r\n },\r\n {\r\n field: \"FacilityIdentifier.Name\",\r\n title: GridHeaders[4].description,\r\n wmsid: 7,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"AdjustInventoryFacility\",\r\n },\r\n },\r\n ];\r\n};\r\n\r\nexport const getAdjustInventorySchema = () => {\r\n return {\r\n model: {\r\n id: \"RowNumber\",\r\n fields: {\r\n RowNumber: { type: \"number\" },\r\n TransactionId: { type: \"number\" },\r\n AdjustmentId: { type: \"number\" },\r\n Reference: { type: \"string\" },\r\n AdjustmentDate: { type: \"string\" },\r\n Customer: { type: \"string\" },\r\n Facility: { type: \"string\" },\r\n },\r\n },\r\n };\r\n};\r\n\r\nexport const getAdjustmentItemsGridColumns = () => {\r\n return [\r\n {\r\n field: \"SKU\",\r\n title: \"SKU\",\r\n width: 100,\r\n },\r\n {\r\n field: \"Qty\",\r\n title: \"QTY\",\r\n width: 50,\r\n },\r\n {\r\n field: \"LotNumber\",\r\n title: \"Lot Number\",\r\n width: 120,\r\n },\r\n {\r\n field: \"Location\",\r\n title: \"Location\",\r\n width: 100,\r\n },\r\n {\r\n field: \"SerialNumber\",\r\n title: \"Serial #\",\r\n width: 120,\r\n },\r\n {\r\n field: \"ExpirationDate\",\r\n title: \"Exp. Date\",\r\n width: 160,\r\n },\r\n {\r\n field: \"MovableUnitLabel\",\r\n title: movable_unit,\r\n width: 160,\r\n },\r\n {\r\n field: \"\",\r\n title: \"\",\r\n width: 50,\r\n template:\r\n \"\",\r\n },\r\n ];\r\n};\r\nexport const getAdjustmentItemsGridSchema = () => {\r\n return {\r\n data: [],\r\n schema: {\r\n model: {\r\n fields: {\r\n SKU: { type: \"string\" },\r\n QTY: { type: \"string\" },\r\n LotNumber: { type: \"string\" },\r\n Location: { type: \"string\" },\r\n MovableUnitLabel: { type: \"string\" },\r\n },\r\n },\r\n },\r\n };\r\n};\r\n\r\nexport const getAvailableReceiveItemGridColumns = () => {\r\n return [\r\n {\r\n field: \"ReceiptDate\",\r\n title: \"Received\",\r\n template:\r\n \"#= ReceiptDate != null ? kendo.toString(kendo.parseDate(ReceiptDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\",\r\n width: 100,\r\n },\r\n {\r\n field: \"ReceiverId\",\r\n title: \"Transaction #\",\r\n width: 140,\r\n },\r\n {\r\n field: \"ExpirationDate\",\r\n template:\r\n \"#= ExpirationDate != null ? kendo.toString(kendo.parseDate(ExpirationDate), 'MM/dd/yyyy') : '' #\",\r\n title: \"Exp. Date\",\r\n width: 100,\r\n },\r\n {\r\n field: \"MovableUnitLabel\",\r\n title: movable_unit,\r\n width: 130,\r\n },\r\n {\r\n field: \"LocationName\",\r\n title: \"Location\",\r\n width: 100,\r\n },\r\n {\r\n field: \"PrimaryAvailable\",\r\n title: \"Available\",\r\n width: 100,\r\n },\r\n {\r\n field: \"LotNumber\",\r\n title: \"Lot\",\r\n width: 120,\r\n },\r\n {\r\n field: \"SerialNumber\",\r\n title: \"Serial #\",\r\n width: 140,\r\n },\r\n {\r\n field: \"ReceiveItemId\",\r\n title: \"ReceiveItemId\",\r\n hidden: true,\r\n },\r\n ];\r\n};\r\nexport const getAvailableReceiveItemGridSchema = () => {\r\n return {\r\n data: [],\r\n schema: {\r\n model: {\r\n fields: {\r\n ReceiptDate: { type: \"date\" },\r\n ReceiverId: { type: \"number\" },\r\n ExpirationDate: { type: \"date\" },\r\n MovableUnitLabel: { type: \"string\" },\r\n LocationName: { type: \"string\" },\r\n PrimaryAvailable: { type: \"number\" },\r\n LotNumber: { type: \"string\" },\r\n SerialNumber: { type: \"string\" },\r\n ReceiveItemId: { type: \"string\" },\r\n },\r\n },\r\n },\r\n };\r\n};\r\nexport const getselectedReceivedItemGridColumns = () => {\r\n return [\r\n {\r\n field: \"LocationName\",\r\n title: \"Location\",\r\n width: 100,\r\n },\r\n {\r\n field: \"ReceiverId\",\r\n title: \"Receiver Id\",\r\n width: 100,\r\n },\r\n {\r\n field: \"MovableUnitLabel\",\r\n title: movable_unit,\r\n width: 100,\r\n },\r\n {\r\n field: \"Allocated\",\r\n title: \"Allocated\",\r\n width: 100,\r\n },\r\n {\r\n field: \"ReceiveItemId\",\r\n title: \"ReceiveItemId\",\r\n hidden: true,\r\n },\r\n {\r\n field: \"\",\r\n title: \"\",\r\n width: 35,\r\n template:\r\n \"\",\r\n },\r\n ];\r\n};\r\nexport const getselectedReceivedItemridSchema = () => {\r\n return {\r\n data: [],\r\n schema: {\r\n model: {\r\n fields: {\r\n LocationName: { type: \"string\" },\r\n ReceiverId: { type: \"number\" },\r\n MovableUnitLabel: { type: \"string\" },\r\n Allocated: { type: \"number\" },\r\n ReceiveItemId: { type: \"string\" },\r\n },\r\n },\r\n },\r\n };\r\n};\r\n\r\nexport const getCalculateChargesGridSchema = () => {\r\n return {\r\n schema: {\r\n model: {\r\n fields: {\r\n ChargeOrigin: {\r\n type: \"number\",\r\n editable: false,\r\n },\r\n ChargeTypeDescription: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n ChargeLabel: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n ChargePerUnit: {\r\n type: \"number\",\r\n editable: true,\r\n },\r\n NumberOfUnits: {\r\n type: \"number\",\r\n editable: true,\r\n },\r\n TotalCharges: {\r\n type: \"number\",\r\n editable: false,\r\n },\r\n BSId: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n BSChargeType: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n BSPredefinedRateId: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n },\r\n },\r\n },\r\n };\r\n};\r\n\r\nexport const ChargesColumns = (CalculateCharges_GridHeaders, translate) => {\r\n // var translate = window.translate;\r\n return [\r\n {\r\n field: \"ChargeOrigin\",\r\n // title: CalculateCharges_GridHeaders[0].description,\r\n title: \"\",\r\n lockable: false,\r\n filterable: false,\r\n width: 160,\r\n template:\r\n \"# if( ChargeOrigin== 0) {# \" +\r\n translate(\"Label_Predefined_Required\") +\r\n \" #} else if( ChargeOrigin== 1) {# \" +\r\n translate(\"Label_Billing_Script\") +\r\n \" #} else if( ChargeOrigin== 2) {# \" +\r\n translate(\"Label_Manual_Charge\") +\r\n \" #} else if( ChargeOrigin== 3) {# \" +\r\n translate(\"Label_Predefined\") +\r\n \" #} #\",\r\n wmsid: 1,\r\n },\r\n {\r\n field: \"ChargeTypeDescription\",\r\n title: CalculateCharges_GridHeaders[1].description,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= ChargeTypeDescription != null ? ChargeTypeDescription : '' #\",\r\n wmsid: 2,\r\n },\r\n {\r\n field: \"ChargeLabel\",\r\n title: CalculateCharges_GridHeaders[2].description,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= ChargeLabel != null ? ChargeLabel : '' #\",\r\n wmsid: 3,\r\n },\r\n {\r\n field: \"ChargePerUnit\",\r\n title: CalculateCharges_GridHeaders[4].description,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= ChargePerUnit != null ? ChargePerUnit : '' #\",\r\n wmsid: 5,\r\n },\r\n {\r\n field: \"NumberOfUnits\",\r\n title: CalculateCharges_GridHeaders[5].description,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= NumberOfUnits != null ? NumberOfUnits : '' #\",\r\n wmsid: 6,\r\n },\r\n {\r\n field: \"TotalCharges\",\r\n title: CalculateCharges_GridHeaders[6].description,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= TotalCharges != null ? TotalCharges : '' #\",\r\n wmsid: 7,\r\n },\r\n ];\r\n};\r\n","import * as GlobalService from \"../react/global_services\";\r\nvar isFirstTimeOpen = true;\r\nvar keyName = \"AdjustInventory\";\r\nvar metaDataAdjustInventoryObject = {\r\n \"AdjustInventory\": {\r\n \"filterData\": {},\r\n \"gridConfig\": {},\r\n },\r\n};\r\nvar axios = require(\"axios\");\r\ndeclare var window: any;\r\nconst { $ } = window;\r\n\r\nexport const setGridFiltere = function (param_filterObj, cancleToken) {\r\n console.log(\"SetGridFilter\", param_filterObj);\r\n\r\n let url = \"/WebUI/Inventory/adjustments/FilteredRowCount\";\r\n\r\n return axios.put(url, param_filterObj, { cancelToken: cancleToken }).then((response: any) => {\r\n return response;\r\n });\r\n};\r\nexport const clearGridFiltere = function (param_filterObj) {\r\n let url = \"/WebUI/Inventory/UpdateSession/AdjustmentSearchInfo\";\r\n\r\n return axios.delete(url).then((response: any) => {\r\n return response;\r\n });\r\n};\r\n\r\nexport const getGridData = function () {\r\n let url = \"/WebUI/Inventory/adjustments/adjustments?sort=&page=1&pageSize=50&group=&filter=\"; // ?sort=&page=1&pageSize=50&group=&filter=\r\n\r\n return axios.post(url).then(function (response: any) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const saveAdjustInventoryData = function (data) {\r\n let url = \"/WebUI/Inventory/adjustments/adjustment\";\r\n\r\n return axios.post(url, data).then(function (response) {\r\n return response;\r\n });\r\n};\r\nexport const InventoryCalculateCharges = function (data, getAutoGenerated) {\r\n let url = \"/WebUI/inventory/adjustments/InventoryAdjustmentCharges\";\r\n if (getAutoGenerated) {\r\n data.GetAutoGenerated = true;\r\n } else {\r\n data.GetAutoGenerated = false;\r\n }\r\n return axios.post(url, data).then(function (response) {\r\n return response;\r\n });\r\n};\r\n\r\n// call api for get metaData of AdjustInventory is it's open first time\r\nexport const getAdjustInventoryClientMetaData = function () {\r\n if (isFirstTimeOpen) {\r\n return GlobalService.getUserClientMetaData(keyName).then(\r\n function successCallBack(response) {\r\n if (response !== \"\") {\r\n Object.assign(metaDataAdjustInventoryObject[keyName], JSON.parse(response));\r\n }\r\n isFirstTimeOpen = false;\r\n return true;\r\n },\r\n function errorCallBack(response) {\r\n return false;\r\n }\r\n );\r\n }\r\n};\r\n\r\nexport const setAdjustInventoryFilterMetaData = function (filterData) {\r\n metaDataAdjustInventoryObject[keyName][\"filterData\"] = filterData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataAdjustInventoryObject[keyName]));\r\n};\r\n\r\nexport const getAdjustInventoryFilterMetaData = function () {\r\n if (!$.isEmptyObject(metaDataAdjustInventoryObject[keyName][\"filterData\"])) {\r\n return metaDataAdjustInventoryObject[keyName][\"filterData\"];\r\n } else {\r\n return \"\";\r\n }\r\n};\r\nexport const setAdjustInventoryGridOptionInMetaData = function (gridConfig) {\r\n metaDataAdjustInventoryObject[keyName][\"gridConfig\"] = gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataAdjustInventoryObject[keyName]));\r\n};\r\nexport const getAdjustInventoryGridOptionInMetaData = function () {\r\n if (!$.isEmptyObject(metaDataAdjustInventoryObject[keyName][\"gridConfig\"])) {\r\n return metaDataAdjustInventoryObject[keyName][\"gridConfig\"];\r\n } else {\r\n return \"\";\r\n }\r\n};\r\n\r\nexport const clearAdjustInventoryFilterMetaData = function () {\r\n metaDataAdjustInventoryObject[keyName][\"filterData\"] = {};\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataAdjustInventoryObject[keyName]));\r\n};\r\n\r\nexport const saveReverseAdjustment = function (uri: any, data: any) {\r\n let url = \"/WebUI/Inventory/adjustments/adjustmentreverser?uri=\" + uri;\r\n return axios.post(url, data).then(function (response: any) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const getAdjustmentData = function (filterData: any) {\r\n let url = \"/WebUI/Inventory/adjustments/AdjustmentData?sorts=[]&filters=[]&pgnum=1&pgsiz=1\";\r\n return axios.put(url, { adjustmentSearchInfo: filterData }).then(function (response: any) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const getReceiveItemGridData = function (data: any) {\r\n let url = \"/WebUI/Inventory/InventoryUI/InventoryData?sorts=[]&filters=[]&pgnum=1&pgsiz=50\";\r\n return axios\r\n .put(url, {\r\n columns: [\r\n \"ReceiveItemId\",\r\n \"ReceiptDate\",\r\n \"ReceiverId\",\r\n \"ExpirationDate\",\r\n \"MovableUnitLabel\",\r\n \"LocationName\",\r\n \"PrimaryAvailable\",\r\n \"LotNumber\",\r\n \"SerialNumber\",\r\n ], // Receved, MovablUnit,\r\n inventorySearchInfo: data,\r\n })\r\n .then(function (response: any) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const ProposedAdjustmentAllocations = function (data: any) {\r\n return axios.put(\"/WebUI/Inventory/Adjustments/ProposedAdjustmentAllocations\", data).then(function (response: any) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const getCharges = function () {\r\n return axios.get(\"/WebUI/Shipping/Orders/GetChargeCategories?idList=1,2,3,5,6\").then(function (response: any) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const checkifMUExistsMultipleLocs = function (palletLabel, facId, loc, paramReceiveItemId) {\r\n var params = {\r\n label: palletLabel,\r\n facilityId: facId,\r\n location: loc,\r\n receiveItemId: null,\r\n };\r\n if (paramReceiveItemId) {\r\n params.receiveItemId = paramReceiveItemId;\r\n }\r\n return axios\r\n .post(\"/WebUI/Receiving/ManageReceivings/CheckIfMUExistsInMultipleLocations\", params)\r\n .then(function (response) {\r\n return response.data;\r\n });\r\n};\r\n","import React, { useState, useEffect } from \"react\";\r\nimport WmsModel from \"./../react/components/WmsModel/WmsModel\";\r\nimport WmsCollapse from \"./../react/components/WmsCollapse/WmsCollapse\";\r\nimport WmsInput from \"./../react/components/WmsInput/WmsInput\";\r\nimport WmsButton from \"./../react/components/WmsButton/WmsButton\";\r\nimport WmsFormGrid from \"./../react/components/WmsFormGrid/WmsFormGrid\";\r\nimport * as GridConfig from \"./adjust-inventory-grid-configuration\";\r\nimport \"./adjustInventory.scss\";\r\nimport _ from \"lodash\";\r\n\r\ndeclare var window: any;\r\nconst { $ } = window;\r\ninterface Props {\r\n onCloseSelectReceiveItemModel: any;\r\n isOpenSelectReceiveItemModel: boolean;\r\n currentAdjustmentItem: any;\r\n windowId: string;\r\n wmsSelector: string;\r\n applyingAdjustment: boolean;\r\n addReduceInventoryAdjustmentItems: any;\r\n availableReceiveItemData: any;\r\n itemIsIntegral: boolean;\r\n}\r\nconst defaultSelectedReceivedItem = {\r\n ReceiptDate: \"\",\r\n ReceiverId: \"\",\r\n ExpirationDate: \"\",\r\n MovableUnitLabel: \"\",\r\n LocationName: \"\",\r\n PrimaryAvailable: 0,\r\n ReceiveItemId: \"\",\r\n LotNumber: \"\",\r\n SerialNumber: \"\",\r\n};\r\nconst SelectReceiveItemModel: React.FC\r\n
\r\n {props.sharedSearchOn && (\r\n \r\n {window.translate(\"Label_NOTE\")}: \r\n \r\n
\r\n )}\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {props.currentAdjustmentItem.SKU}\r\n
\r\n \r\n \r\n {props.currentAdjustmentItem.Qualifier}\r\n
\r\n \r\n
\r\n \r\n \r\n {}}\r\n label={window.translate(\"Total_Adjustment\")}\r\n value={totalAdjustment}\r\n extraWrapperClass=\"width-60\"\r\n disabled={true}\r\n />\r\n\r\n
\r\n \r\n
\r\n \r\n {}}\r\n IsMultipleSelectable={true}\r\n />\r\n
\r\n \r\n 0}\r\n loading={props.applyingAdjustment}\r\n />\r\n
\r\n \r\n );\r\n};\r\n\r\nSelectReceiveItemModel.propTypes = {};\r\n\r\nSelectReceiveItemModel.defaultProps = {};\r\n\r\nexport default React.memo(SelectReceiveItemModel);\r\n","import React, { useState, useEffect } from \"react\";\r\n\r\nimport WmsModel from \"./../react/components/WmsModel/WmsModel\";\r\nimport { StringWms } from \"../../assets/ts/StringWms\";\r\nimport WmsCollapse from \"./../react/components/WmsCollapse/WmsCollapse\";\r\nimport WmsDropdown from \"./../react/components/WmsDropdown/WmsDropdown\";\r\nimport WmsInput from \"./../react/components/WmsInput/WmsInput\";\r\nimport WmsTextArea from \"./../react/components/WmsTextArea/WmsTextArea\";\r\nimport WmsDateTimePicker from \"./../react/components/WmsDateTimePicker/WmsDateTimePicker\";\r\nimport WmsButton from \"./../react/components/WmsButton/WmsButton\";\r\nimport WmsRadio from \"./../react/components/WmsRadio/WmsRadio\";\r\nimport WmsFormGrid from \"./../react/components/WmsFormGrid/WmsFormGrid\";\r\nimport * as GlobalService from \"./../react/global_services\";\r\nimport WmsDropdownList from \"./../react/components/WmsDropdownList/WmsDropdownList.jsx\";\r\nimport WmsComboBox from \"./../react/components/WmsComboBox/WmsComboBox.jsx\";\r\nimport WmsCheckBox from \"./../react/components/WmsCheckBox/WmsCheckBox.jsx\";\r\nimport * as GridConfig from \"./adjust-inventory-grid-configuration\";\r\nimport SelectReceiveItemModel from \"./select-receive-item.model.component\";\r\nimport * as AdjustInventoryServices from \"./adjust-inventory.services\";\r\nimport WmsGrid from \"../react/components/WmsGrid/WmsGrid.jsx\";\r\nimport { Big } from \"../react/global_variable_service\";\r\nimport { ObjectWms } from \"../../assets/ts/ObjectWms\";\r\nimport { CreateManualChargeModel } from \"../react/orders/findOrders/model/create-manual-charge-model.component.jsx\";\r\n\r\nimport _ from \"lodash\";\r\n\r\nimport \"./adjustInventory.scss\";\r\ndeclare var window: any;\r\nconst { $ } = window;\r\n\r\nlet selectedCustomerId = 0;\r\ninterface Props {\r\n onCloseCreateNewInventoryAdjustmentModal: any;\r\n isOpenCreateNewInventoryAdjustmentModal: boolean;\r\n wmsSelector: string;\r\n selectedRow: any;\r\n windowId: string;\r\n onApplyCreateAdjustment: any;\r\n applyingAdjustment: boolean;\r\n}\r\n\r\nlet defaultAdjustmentItem = {\r\n rowIndex: 0,\r\n type: \"add\",\r\n AutoSelectInventory: false,\r\n SKU: \"\",\r\n ItemIdentifierId: 0,\r\n Qualifier: null,\r\n Qty: 0,\r\n LotNumber: \"\",\r\n SerialNumber: \"\",\r\n ExpirationDate: \"\",\r\n LandedCost: \"\",\r\n LocationId: null,\r\n Location: \"\",\r\n LocationName: \"\",\r\n MovableUnitLabel: \"\",\r\n SplitLineByMovableUnit: false,\r\n reduceInventoryObject: [],\r\n};\r\n\r\nconst defaultItemTrackByDetail = {\r\n TrackLotNumber: 0,\r\n TrackSerialNumber: 0,\r\n TrackExpirationDate: 0,\r\n TrackCost: 0,\r\n};\r\n\r\nconst CreateNewInventoryAdjustmentModal: React.FC\r\n \r\n
\r\n\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n null}\r\n shawCheckbox={false}\r\n showGridResult={false}\r\n staticGridData={adjustInventoryData.Billing}\r\n showSortColumns={false}\r\n onDataBound={onDataBound}\r\n gridEditable={{\r\n confirmation: false,\r\n }}\r\n onEdit={onEdit}\r\n onGridSave={EventSaveGridAppliedCharges}\r\n onChange={appliedChargesGridChange}\r\n menu={[\r\n {\r\n \"name\": window.translate(\"Label_Recalculate_AutoCharges\"),\r\n \"value\": [],\r\n \"disabled\": isManualChargeLoading,\r\n \"disabledText\": \"You may not add blahssss\",\r\n \"icon\": \"fa fa-calculator\",\r\n \"color\": \"green\",\r\n \"clickFunc\": calculateChargesClick,\r\n \"wmsSelector\": props.wmsSelector + \"RecalculateAutoCharges\",\r\n \"loading\": isManualChargeLoading,\r\n \"isContextMenu\": false,\r\n \"isButtonShaw\": rights.hasOwnProperty(\r\n \"Integrations.isNotActiveBillingManagerApp\"\r\n ),\r\n },\r\n {\r\n \"name\": window.translate(\"Label_Create_Manual_Charge\"),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"icon\": \"fa fa-keyboard-o\",\r\n \"color\": \"green\",\r\n \"clickFunc\": openCreateManualChargeModel,\r\n \"wmsSelector\": props.wmsSelector + \"CreateManualCharge\",\r\n \"isContextMenu\": false,\r\n },\r\n {\r\n \"name\": window.translate(\"Label_Delete\"),\r\n \"value\": [],\r\n \"disabledText\": \"You may not add blahssss\",\r\n \"disabled\": !isManualCharge,\r\n \"icon\": \"fa-trash\",\r\n \"color\": \"red\",\r\n \"clickFunc\": openConfirmationModal,\r\n \"wmsSelector\": props.wmsSelector + \"DeleteManualCharge\",\r\n \"isContextMenu\": false,\r\n },\r\n ]}\r\n />\r\n
\r\n \r\n
\r\n TOTAL
\r\n \r\n {}}\r\n label={\"\"}\r\n value={totalSum}\r\n />\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n handleAdjustmentType(\"add\")}\r\n checked={currentAdjustmentItem.type === \"add\"}\r\n disabled={isCompletePrimaryData()}\r\n />\r\n handleAdjustmentType(\"reduce\")}\r\n checked={currentAdjustmentItem.type === \"reduce\"}\r\n disabled={isCompletePrimaryData()}\r\n />\r\n
\r\n \r\n
\r\n \r\n {showMessageNoReceiveItemAsFilter ? (\r\n \r\n No receiveitems match the specified filter set. Try again with fewer filters\r\n selected.\r\n \r\n ) : null}\r\n
\r\n \r\n {}}\r\n disabled={isCompletePrimaryData()}\r\n textField=\"Sku\"\r\n valueField=\"Id\"\r\n showDetailsTooltip={true}\r\n windowId={props.windowId}\r\n parentclassName=\"form-group\"\r\n template=\"\"\r\n extraWrapperClass=\"width-40 sku-dropdown-wrapper\"\r\n required={true}\r\n virtualObj={{\r\n itemHeight: 45,\r\n valueMapper: (options) => {\r\n var valueMapperOptions = options;\r\n $.ajax({\r\n url: \"/WebUI/items/items/SkuDropdownIndexRead\",\r\n type: \"POST\",\r\n dataType: \"json\",\r\n data: {\r\n itemId: valueMapperOptions.value || 0,\r\n customerId: selectedCustomerId || 0,\r\n },\r\n success: function (data) {\r\n options.success(data);\r\n },\r\n });\r\n },\r\n }}\r\n dataSourceObj={{\r\n type: \"aspnetmvc-ajax\",\r\n pageSize: 30,\r\n serverPaging: true,\r\n serverFiltering: true,\r\n transport: {\r\n read: {\r\n url: \"/WebUI/items/items/SkuDropDownRead\",\r\n type: \"POST\",\r\n data: {\r\n customerId: adjustInventoryData.CustomerIdentifier.Id,\r\n },\r\n },\r\n },\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n },\r\n }}\r\n />\r\n {qualifiersOptions.length ? (\r\n
\r\n {currentAdjustmentItem.type === \"reduce\" && (\r\n \r\n
\r\n )}\r\n \r\n {itemTrackByDetail.TrackLotNumber !== 0 && (\r\n
\r\n \r\n
\r\n \r\n ${ Name } - ${Description}\"}\r\n dataSourceObj={{\r\n type: \"aspnetmvc-ajax\",\r\n pageSize: 50,\r\n serverPaging: true,\r\n serverFiltering: true,\r\n transport: {\r\n read: {\r\n url: \"/WebUI/items/items/LocationDropDownRead\",\r\n type: \"POST\",\r\n data: {\r\n facilityId: adjustInventoryData.FacilityIdentifier.Id,\r\n },\r\n },\r\n },\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n },\r\n }}\r\n />\r\n {muTrackPallats !== 0 && currentAdjustmentItem.type === \"reduce\" && (\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {}}\r\n IsMultipleSelectable={true}\r\n onDataBound={onBoundAdjustInventoryItemGrid}\r\n />\r\n
\r\n \r\n {isIncludeChargeShow ? (\r\n {\r\n nextIncludeCharge(false);\r\n setAdjustInventoryData((prevState: any) => ({\r\n ...prevState,\r\n Billing: [],\r\n }));\r\n }}\r\n buttonType=\"orange\"\r\n icon={\"fa-angle-left\"}\r\n />\r\n ) : (\r\n {\r\n nextIncludeCharge(true);\r\n }}\r\n icon={\"fa-caret-right\"}\r\n disabled={allValidationDone()}\r\n loading={props.applyingAdjustment}\r\n />\r\n )}\r\n {(!adjustInventoryData.IncludeCharges || isIncludeChargeShow) && (\r\n
\r\n \r\n {isOpenSelectReceiveItemModel && (\r\n {window.translate(\"Label_Confirm_Selected_Charges\")}
\r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n};\r\nCreateNewInventoryAdjustmentModal.propTypes = {};\r\n\r\nCreateNewInventoryAdjustmentModal.defaultProps = {};\r\n\r\nexport default React.memo(CreateNewInventoryAdjustmentModal);\r\n","import React, { useState, useEffect } from \"react\";\r\n\r\nimport WmsModel from \"../react/components/WmsModel/WmsModel\";\r\nimport WmsCollapse from \"../react/components/WmsCollapse/WmsCollapse\";\r\nimport WmsInput from \"../react/components/WmsInput/WmsInput\";\r\nimport WmsButton from \"../react/components/WmsButton/WmsButton\";\r\nimport WmsFormGrid from \"../react/components/WmsFormGrid/WmsFormGrid\";\r\nimport \"./adjustInventory.scss\";\r\nimport WmsCheckBox from \"../react/components/WmsCheckBox/WmsCheckBox\";\r\nimport * as AdjustInventoryServices from \"./adjust-inventory.services\";\r\n\r\ninterface Props {\r\n onCloseCancelAdjustment?: any;\r\n sharedIsOpenReverseAdjustmentModal?: boolean;\r\n wmsSelector?: string;\r\n selectedRow?: any;\r\n onApplyReverseAdjustment?: any;\r\n applyingAdjustment?: boolean;\r\n}\r\n\r\nconst defaultReverseAdjustmentData = {\r\n Charges: \"\",\r\n Reason: \"\",\r\n CreateInvoice: false,\r\n InvoiceCreationInfo: {},\r\n};\r\n\r\ndeclare var window: any;\r\nconst { $ } = window;\r\n\r\nconst ReverseAdjustmentModal: React.FC\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {props.selectedRow.CustomerIdentifier.Name}\r\n
\r\n \r\n \r\n {props.selectedRow.FacilityIdentifier.Name}\r\n
\r\n \r\n \r\n ${props.selectedRow.TotalCharges}\r\n
\r\n \r\n
\r\n \r\n \r\n {props.selectedRow.AdjustmentId}\r\n
\r\n \r\n \r\n \r\n {kendo.toString(kendo.parseDate(props.selectedRow.ProcessDate), \"MM/dd/yyyy\")}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n {}}\r\n IsMultipleSelectable={true}\r\n />\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\nReverseAdjustmentModal.propTypes = {};\r\n\r\nReverseAdjustmentModal.defaultProps = {};\r\n\r\nexport default React.memo(ReverseAdjustmentModal);\r\n","import React, { useState, useCallback, useEffect } from \"react\";\r\n\r\nimport VirtualGridComponent from \"../react/components_proto/VirtualGridComponent/VirtualGridComponent\";\r\nimport { StringWms } from \"../../assets/ts/StringWms\";\r\nimport * as GlobalService from \"../react/global_services\";\r\nimport * as GridConfig from \"./adjust-inventory-grid-configuration\";\r\nimport PropTypes from \"prop-types\";\r\nimport * as AdjustInventoryServices from \"./adjust-inventory.services\";\r\nimport { AddEditColumnModel } from \"../react/components/AddEditColumn/add-edit-columns.component\";\r\nimport { ArrayWms } from \"../../assets/ts/ArrayWms\";\r\nimport { ConcurrencyManager } from \"../../assets/vendor/concurrencyManager/concurrencyManager\";\r\nimport { LoadingModel } from \"../react/components/LoadingModel/LoadingModel\";\r\nimport * as DynamicMenu from \"../adjust-inventory/grid_dynamic_menu.virtual.jsx\";\r\nimport * as findOrdersService from \"../../app/react/orders/findOrders/findOrders.services.jsx\";\r\n\r\nimport CreateNewInventoryAdjustmentModal from \"./create-new-inventory-adjustment.modal.component\";\r\nimport ReverseAdjustmentModalComponent from \"./reverse-adjustment.modal.component\";\r\nimport \"./adjustInventory.scss\";\r\nimport { AttachDocuments } from \"../react/components/AttachDocuments/AttachDocuments\";\r\nimport _ from \"lodash\";\r\nvar axios = require(\"axios\");\r\n\r\ninterface gridFilterType {\r\n CustomerID: number;\r\n FacilityID: number;\r\n WarehouseTransactionID: number;\r\n ReferenceNum: string;\r\n StartDate: string;\r\n EndDate: string;\r\n}\r\n\r\ninterface Props {\r\n wmsSelector: string;\r\n windowId: string;\r\n sharedFilterObject: gridFilterType;\r\n}\r\n\r\ndeclare var window: any;\r\nconst { $ } = window;\r\n\r\nconst gridId = \"AdjustInventoryGrid\";\r\n\r\nconst defaultInventoryAdjustmentData = {\r\n AdjustmentId: 0,\r\n CustomerIdentifier: { Id: 0 },\r\n FacilityIdentifier: { Id: 0 },\r\n ReferenceNum: \"\",\r\n PONumber: \"\",\r\n Notes: \"\",\r\n Uri: \"\",\r\n CreateInvoice: false,\r\n InvoiceCreationInfo: {\r\n SetInvoiceDate: true,\r\n UtcOffset: (new Date().getTimezoneOffset() / 60) * -1,\r\n },\r\n Billing: [],\r\n AdjustmentItems: [],\r\n IncludeCharges: false,\r\n FileSummariesUri: null,\r\n};\r\nlet localKendoGrid = null;\r\n\r\nconst AdjustInventoryGrid: React.FC\";\r\n return item;\r\n });\r\n filterText = filterText.slice(0, -1);\r\n setFilterText(filterText);\r\n setFullFilterText(fullFilterText);\r\n };\r\n // on grid column sort save changes in meta data object\r\n const onSort = (event) => {\r\n var grid = $(gridDomSelector).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n GlobalService.sortDataset(sortArray, event.sort);\r\n var gridColumn = grid.getOptions().columns;\r\n var finalSubmission = localKendoGrid.prepareGridOptionsForStorage(\r\n gridColumn,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n AdjustInventoryServices.setAdjustInventoryGridOptionInMetaData(finalSubmission);\r\n };\r\n // on grid column reorder save changes in meta data object\r\n const onColumnReorder = (event) => {\r\n var grid = $(gridDomSelector).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let gridColumn = grid.getOptions().columns;\r\n let switchedArray = ArrayWms.switchIndexByField(gridColumn, event.newIndex, event.oldIndex);\r\n let finalSubmission = localKendoGrid.prepareGridOptionsForStorage(\r\n switchedArray,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n AdjustInventoryServices.setAdjustInventoryGridOptionInMetaData(finalSubmission);\r\n };\r\n\r\n // on grid column resize save changes in meta data object\r\n const onColumnResize = () => {\r\n var grid = $(gridDomSelector).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n AdjustInventoryServices.setAdjustInventoryGridOptionInMetaData(finalSubmission);\r\n };\r\n\r\n // on click grid clear sort menu\r\n const onClickClearSorts = () => {\r\n var grid = $(gridDomSelector).data(\"kendoGrid\");\r\n var finalSubmission = localKendoGrid.prepareGridOptionsForStorage(grid.columns, [], grid.dataSource.filter());\r\n AdjustInventoryServices.setAdjustInventoryGridOptionInMetaData(finalSubmission);\r\n };\r\n\r\n // on click grid reset default grid layout menu\r\n const onClickResetGrid = () => {\r\n var finalSubmission = {\r\n optionsData: {},\r\n };\r\n AdjustInventoryServices.setAdjustInventoryGridOptionInMetaData(finalSubmission);\r\n };\r\n\r\n const eventClickExportGrid = () => {\r\n $(gridDomSelector).getKendoGrid().saveAsExcel();\r\n };\r\n\r\n const getGridFilter = useCallback(() => {\r\n let GridFilterData = props.sharedFilterObject;\r\n\r\n if (GridFilterData.CustomerID !== 0) {\r\n let selectedCustomer = GlobalService.getCustomerById(GridFilterData.CustomerID);\r\n if (selectedCustomer == null) {\r\n GridFilterData.CustomerID = 0;\r\n }\r\n }\r\n return GridFilterData;\r\n }, [props.sharedFilterObject]);\r\n\r\n const listGrid_dataBind = (data) => {\r\n _.map(data, function (value) {\r\n value.TotalCharges = 0;\r\n _.map(value.Billing, function (subValue) {\r\n value.TotalCharges += subValue.TotalCharges;\r\n return value;\r\n });\r\n return data;\r\n });\r\n setGridData(data);\r\n };\r\n // on new filter data clear selection of grid\r\n const clearSelectionOfGrid = () => {\r\n if (localKendoGrid != null) {\r\n localKendoGrid.clearSelections(() => {\r\n localKendoGrid.repaintSelections();\r\n });\r\n }\r\n };\r\n\r\n const refreshGrid = () => {\r\n clearSelectionOfGrid();\r\n callForGetTotalCount();\r\n };\r\n\r\n const onToggleColumnModal = (isOpen) => () => {\r\n setIsOpenColumnModal(isOpen);\r\n };\r\n\r\n const saveMetaData = () => {\r\n var grid = $(gridDomSelector).data(\"kendoGrid\");\r\n var sort = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = localKendoGrid.prepareGridOptionsForStorage(grid.columns, sort, grid.dataSource.filter());\r\n AdjustInventoryServices.setAdjustInventoryGridOptionInMetaData(finalSubmission);\r\n };\r\n\r\n useEffect(() => {\r\n console.log(AdjustInventoryServices.getAdjustInventoryGridOptionInMetaData());\r\n setGridConfig(AdjustInventoryServices.getAdjustInventoryGridOptionInMetaData());\r\n if (getGridFilter()) {\r\n callForGetTotalCount();\r\n }\r\n }, [props.sharedFilterObject]);\r\n\r\n useEffect(() => {\r\n if (recordsCount > 0) {\r\n callForGetNewData();\r\n }\r\n }, [recordsCount]);\r\n\r\n // Cancel axios call if new filter applied\r\n const cancelLoadAllData = () => {\r\n if (firstFiftyAxiosSource) {\r\n firstFiftyAxiosSource.cancel();\r\n firstFiftyAxiosSource = null;\r\n }\r\n if (axiosSource) {\r\n axiosSource.cancel();\r\n axiosSource = null;\r\n }\r\n isApiCanceled = true;\r\n setIsGridDataLoading(false);\r\n setOverlayScreenShow(false);\r\n setGridData([]);\r\n setIsAllDataLoad(false);\r\n };\r\n const callForGetTotalCount = (clearData = true, clearGridSelection = false) => {\r\n setRecordsCount(0);\r\n setIsFilterRowCountLoading(true);\r\n setShowLoadingError(false);\r\n\r\n if (clearGridSelection) {\r\n setSelectedRowCount(0);\r\n setIsAllDataLoad(false);\r\n }\r\n\r\n var param_filterObj = Object.assign({}, getGridFilter());\r\n param_filterObj.CustomerID = param_filterObj.CustomerID === 0 ? null : param_filterObj.CustomerID;\r\n param_filterObj.FacilityID = param_filterObj.FacilityID === 0 ? null : param_filterObj.FacilityID;\r\n param_filterObj.StartDate = param_filterObj.StartDate\r\n ? StringWms.convertFilterStringToISODate(param_filterObj.StartDate, \"\", false, true).isoStringUTC\r\n : null;\r\n param_filterObj.EndDate = param_filterObj.EndDate\r\n ? StringWms.convertFilterStringToISODate(param_filterObj.EndDate, \"23:59:59\", false, true).isoStringUTC\r\n : null;\r\n if (filterCountAxiosSource) {\r\n filterCountAxiosSource.cancel();\r\n filterCountAxiosSource = null;\r\n }\r\n // on filter update cancel axiosSource call if any running\r\n cancelLoadAllData();\r\n filterCountAxiosSource = axios.CancelToken.source();\r\n\r\n // Call for FilterRowCount.\r\n AdjustInventoryServices.setGridFiltere(param_filterObj, filterCountAxiosSource.token)\r\n .then((response: any) => {\r\n setRecordsCount(response.data);\r\n if (clearData) {\r\n setGridData([]);\r\n }\r\n filterCountAxiosSource = null;\r\n })\r\n .finally(() => {\r\n setIsFilterRowCountLoading(false);\r\n });\r\n };\r\n const resetGridAllMessage = () => {\r\n if (isAllDataLoad) {\r\n setIsNewColumnAdded(true);\r\n }\r\n };\r\n\r\n const callForGetNewData = () => {\r\n if (recordsCount > 0 && recordsCount <= gridPageSize) {\r\n loadAllRecords(false);\r\n } else {\r\n resetGridAllMessage();\r\n }\r\n };\r\n const sequence = (n) => {\r\n let seq = [];\r\n for (let i = 0; i < n; i++) {\r\n seq.push(i);\r\n }\r\n return seq;\r\n };\r\n const getAllResponseData = (data) => {\r\n if (!isApiCanceled) {\r\n let allData = [];\r\n data.forEach((obj) => {\r\n allData = [...obj.Data, ...allData];\r\n });\r\n listGrid_dataBind(allData);\r\n setOverlayScreenShow(false);\r\n setIsGridDataLoading(false);\r\n setIsAllDataLoad(true);\r\n setIsNewColumnAdded(false);\r\n } else {\r\n setIsGridDataLoading(false);\r\n }\r\n };\r\n const loadAllRecords = (isLoaderPopupShow) => {\r\n isApiCanceled = false;\r\n if (isLoaderPopupShow) {\r\n setIsGridDataLoading(true);\r\n setGridData([]);\r\n }\r\n\r\n var param_filterObj = Object.assign({}, getGridFilter());\r\n param_filterObj.CustomerID = param_filterObj.CustomerID === 0 ? null : param_filterObj.CustomerID;\r\n param_filterObj.FacilityID = param_filterObj.FacilityID === 0 ? null : param_filterObj.FacilityID;\r\n param_filterObj.StartDate = param_filterObj.StartDate\r\n ? StringWms.convertFilterStringToISODate(param_filterObj.StartDate, \"\", false, true).isoStringUTC\r\n : null;\r\n param_filterObj.EndDate = param_filterObj.EndDate\r\n ? StringWms.convertFilterStringToISODate(param_filterObj.EndDate, \"23:59:59\", false, true).isoStringUTC\r\n : null;\r\n\r\n axiosSource = axios.CancelToken.source();\r\n let api = axios.create({\r\n baseURL: \"/WebUI/Inventory/adjustments\",\r\n headers: { \"Access-Control-Allow-Origin\": \"*\" },\r\n cancelToken: axiosSource.token,\r\n });\r\n const MAX_CONCURRENT_REQUESTS = 3;\r\n let totalRequest = Math.ceil(recordsCount / gridPageSize);\r\n setTotalRequest(totalRequest);\r\n var manager = ConcurrencyManager(api, MAX_CONCURRENT_REQUESTS, GlobalService);\r\n\r\n Promise.all(\r\n sequence(totalRequest).map((i) =>\r\n api.put(\"/AdjustmentDataLite?sorts=[]&filters=[]&pgnum=\" + (i + 1) + \"&pgsiz=\" + gridPageSize, {\r\n adjustmentSearchInfo: param_filterObj,\r\n })\r\n )\r\n )\r\n .then((responses) => {\r\n let inventoryData = responses.map((r) => r.data);\r\n getAllResponseData(inventoryData);\r\n })\r\n .catch((error) => {\r\n console.log(\"Promise.all catch\", error);\r\n setShowLoadingError(true);\r\n cancelLoadAllData();\r\n })\r\n .then(() => {\r\n if (manager) {\r\n manager.detach();\r\n }\r\n });\r\n };\r\n\r\n const onOpenCreateNewInventoryAdjustmentModal = () => {\r\n clearSelectionOfGrid();\r\n setSelectedRow(defaultInventoryAdjustmentData);\r\n setIsOpenCreateNewInventoryAdjustmentModal(true);\r\n };\r\n const onCloseCreateNewInventoryAdjustmentModal = () => {\r\n setIsOpenCreateNewInventoryAdjustmentModal(false);\r\n };\r\n const onOpenReverselAdjustmentModal = () => {\r\n setSharedIsOpenReverseAdjustmentModal(true);\r\n };\r\n const onCloseReverselAdjustmentModal = () => {\r\n setSharedIsOpenReverseAdjustmentModal(false);\r\n };\r\n\r\n const onApplyReverseAdjustment = (data) => {\r\n setApplyingAdjustment(true);\r\n AdjustInventoryServices.saveReverseAdjustment(selectedRow.Uri, data)\r\n .then((response) => {\r\n setSelectedRowCount(0);\r\n setSelectedRow(defaultInventoryAdjustmentData);\r\n setSharedIsOpenReverseAdjustmentModal(false);\r\n GlobalService.notification(\"success\", window.translate(\"Reverse_Adjustment_Completed_Successfully\"));\r\n refreshGrid();\r\n })\r\n .finally(() => {\r\n setApplyingAdjustment(false);\r\n kendo.ui.progress($(\"#ReverseAdjustmentModal\"), false);\r\n });\r\n };\r\n const onApplyCreateAdjustment = (data: any) => {\r\n setApplyingAdjustment(true);\r\n AdjustInventoryServices.saveAdjustInventoryData(data)\r\n .then((response) => {\r\n setSelectedRowCount(0);\r\n setSelectedRow(defaultInventoryAdjustmentData);\r\n setIsOpenCreateNewInventoryAdjustmentModal(false);\r\n GlobalService.notification(\"success\", window.translate(\"Create_Adjustment_Completed_Successfully\"));\r\n refreshGrid();\r\n })\r\n .finally(() => {\r\n setApplyingAdjustment(false);\r\n kendo.ui.progress($(\"#CreateNewInventoryAdjustmentModel\"), false);\r\n });\r\n };\r\n const onClickLoadAllRecords = () => {\r\n var param_filterObj = Object.assign({}, getGridFilter());\r\n param_filterObj.CustomerID = param_filterObj.CustomerID === 0 ? null : param_filterObj.CustomerID;\r\n param_filterObj.FacilityID = param_filterObj.FacilityID === 0 ? null : param_filterObj.FacilityID;\r\n param_filterObj.StartDate = param_filterObj.StartDate\r\n ? StringWms.convertFilterStringToISODate(param_filterObj.StartDate, \"\", false, true).isoStringUTC\r\n : null;\r\n param_filterObj.EndDate = param_filterObj.EndDate\r\n ? StringWms.convertFilterStringToISODate(param_filterObj.EndDate, \"23:59:59\", false, true).isoStringUTC\r\n : null;\r\n setOverlayScreenShow(true);\r\n\r\n if (firstFiftyAxiosSource) {\r\n firstFiftyAxiosSource.cancel();\r\n firstFiftyAxiosSource = null;\r\n }\r\n firstFiftyAxiosSource = axios.CancelToken.source();\r\n axios\r\n .put(\r\n \"/WebUI/Inventory/adjustments/AdjustmentDataLite?sorts=[]&filters=[]&pgnum=1&pgsiz=50\",\r\n { params: param_filterObj },\r\n { cancelToken: firstFiftyAxiosSource.token }\r\n )\r\n .then((response) => {\r\n firstFiftyAxiosSource = \"\";\r\n console.log(\"response\", response);\r\n setGridData(response.data.Data);\r\n loadAllRecords(false);\r\n });\r\n };\r\n\r\n const updateInitialPrintMenu = () => {\r\n var params = {\r\n Selector: props.wmsSelector,\r\n Rights: rights,\r\n TplSettings: tplSettings,\r\n FullyAllocated: false,\r\n EnablePickOption: false,\r\n SameFacility: true,\r\n SameCustomer: true,\r\n SelectedOrders: 1,\r\n fnNames: [\"\", \"\", \"\", \"RunReportViewTransaction\"],\r\n };\r\n\r\n if (localKendoGrid) {\r\n transactionIds = [];\r\n let adjustmentIds = localKendoGrid.getKeys();\r\n\r\n adjustmentIds.forEach((key) => {\r\n var selectedItem = localKendoGrid.getItem(key);\r\n transactionIds.push(selectedItem.AdjustmentId);\r\n });\r\n }\r\n\r\n const updatedMenus = DynamicMenu.getInitialPrintMenu(\r\n initialPrintMenuResponse,\r\n params,\r\n dynamicMenuClick,\r\n \"FindOrders\"\r\n );\r\n\r\n setMenuPrintData(updatedMenus.PrintData);\r\n };\r\n\r\n const dynamicMenuClick = (event) => {\r\n var wmsid = $(event.target).parent().attr(\"data-wmsid\");\r\n if (wmsid === \"RunReportViewTransaction\") {\r\n RunReportViewTransaction(event);\r\n } else {\r\n console.error(\"Uncaught TypeError: \" + wmsid + \" is not a function\");\r\n }\r\n };\r\n\r\n const getInitialPrintMenu = () => {\r\n //setting to the first customer in the list for now until we talk to Jeff and come to a resolution\r\n var customerId = GlobalService.GetCurrentUser().CustomerIds[0];\r\n\r\n GlobalService.initialPrintMenu(customerId)\r\n .then((response) => {\r\n if (response) {\r\n setInitialPrintMenuResponse(response);\r\n }\r\n })\r\n .finally(() => {});\r\n };\r\n\r\n const dynamicServiceForDynamicMenu = (event, fnName) => {\r\n setIsReportsLoading(true);\r\n var runReport = $(event.target).parent().attr(\"data-run-report\");\r\n if (transactionIds.length > 0) {\r\n findOrdersService\r\n .dynamicServiceForDynamicMenu(fnName, runReport, transactionIds, null, \"FindOrders\")\r\n .then((response) => {\r\n handleResponseMenuPrint(response);\r\n })\r\n .finally(() => setIsReportsLoading(false));\r\n } else {\r\n setIsReportsLoading(false);\r\n }\r\n };\r\n\r\n const handleResponseMenuPrint = (response) => {\r\n var blob = ArrayWms.convertBase64ToByteArray(response.Data, \"application/pdf\");\r\n ArrayWms.displayBlobInWindow(blob, \"report.pdf\");\r\n };\r\n\r\n const RunReportViewTransaction = (e) => {\r\n dynamicServiceForDynamicMenu(e, \"RunReportViewTransaction\");\r\n };\r\n\r\n const attachFiles = (e) => {\r\n var sharedAttachObj = {\r\n \"uri\": selectedRow.FileSummariesUri,\r\n \"fileSummariesUri\": selectedRow.FileSummariesUri,\r\n \"getAttachedDocsInfoUrl\":\r\n \"/WebUI/Inventory/Adjustments/GetAttachedDocsInfo?fileSummariesUri=\" + selectedRow.FileSummariesUri,\r\n \"getAttachedDocsInfoPayload\": {},\r\n \"attachdocumentUrl\":\r\n \"/WebUI/Inventory/Adjustments/AttachDocsToAdjustment?fileSummariesUri=\" + selectedRow.FileSummariesUri,\r\n \"getAttachedDocsInfoMethod\": \"GET\",\r\n \"removeAttachDocUrl\":\r\n \"/WebUI/Inventory/Adjustments/DeleteAttachedDoc?fileSummariesUri=\" + selectedRow.FileSummariesUri,\r\n \"selectedOrderData\": selectedRow,\r\n \"customer\": selectedRow.CustomerIdentifier?.Id,\r\n \"transactionId\": selectedRow.AdjustmentId,\r\n };\r\n setSharedAttachObj(sharedAttachObj);\r\n setIsOpenAttachDoc(true);\r\n };\r\n\r\n useEffect(() => {\r\n updateInitialPrintMenu();\r\n }, [initialPrintMenuResponse]);\r\n\r\n return (\r\n
\r\n null,\r\n disabled: selectedRowCount !== 1,\r\n icon: \"fa-print\",\r\n color: \"green\",\r\n isContextMenu: false,\r\n isButtonMenu: true,\r\n },\r\n {\r\n name: window.translate(\"Reverse_Adjustment\"),\r\n wmsSelector: props.wmsSelector + \"ReverseAdjustment\",\r\n value: [],\r\n clickFunc: onOpenReverselAdjustmentModal,\r\n disabled: selectedRowCount !== 1 || isReversedAdjustment,\r\n icon: \"fa-trash\",\r\n color: \"red\",\r\n isContextMenu: true,\r\n isButtonMenu: true,\r\n },\r\n {\r\n name: \"\",\r\n wmsSelector: props.wmsSelector + \"RefreshGrid\",\r\n value: [],\r\n clickFunc: refreshGrid,\r\n disabled: false,\r\n icon: \"fa-sync-alt\",\r\n color: \"blue\",\r\n isContextMenu: false,\r\n isButtonMenu: true,\r\n parentClassName: \"adjust-inventory-refresh-btn\",\r\n },\r\n ]}\r\n />\r\n {isOpenColumnModal && (\r\n {}}\r\n saveChangesInMetaData={saveMetaData}\r\n />\r\n )}\r\n {isOpenCreateNewInventoryAdjustmentModal && (\r\n setIsOpenAttachDoc(false)}\r\n />\r\n )}\r\n
\r\n );\r\n};\r\nAdjustInventoryGrid.propTypes = {\r\n wmsSelector: PropTypes.string.isRequired,\r\n windowId: PropTypes.string.isRequired,\r\n sharedFilterObject: PropTypes.any.isRequired,\r\n};\r\n\r\nAdjustInventoryGrid.defaultProps = {\r\n wmsSelector: \"\",\r\n windowId: \"\",\r\n sharedFilterObject: {\r\n CustomerID: null,\r\n FacilityID: null,\r\n WarehouseTransactionID: null,\r\n ReferenceNum: null,\r\n StartDate: null,\r\n EndDate: null,\r\n },\r\n};\r\n\r\nexport default React.memo(AdjustInventoryGrid);\r\n","export const getInitialPrintMenu = (initialPrintMenuResponse, params, menuClickEvent, callFrom) => {\r\n var updatedMenus = {\r\n PrintData: [],\r\n };\r\n\r\n if (\r\n initialPrintMenuResponse.length > 0 ||\r\n initialPrintMenuResponse != null ||\r\n typeof initialPrintMenuResponse != undefined\r\n ) {\r\n initialPrintMenuResponse.forEach((item, i) => {\r\n if (item.RdlName === \"ViewTransaction\") {\r\n // eslint-disable-next-line\r\n var fnName = params.fnNames[i];\r\n var tempObj = {};\r\n\r\n tempObj = {\r\n \"name\": item.CategoryName,\r\n \"value\": [],\r\n \"disabled\": params.SelectedOrders < 1 || !params.Rights.hasOwnProperty(\"orders.docs\"),\r\n \"disabledText\": translate(\"order_Document_Permission_note\"),\r\n \"isContextMenu\": true,\r\n \"isButtonMenu\": true,\r\n \"wmsSelector\": params.Selector + item.RdlName,\r\n \"onClickFunc\": menuClickEvent,\r\n \"wmsid\": fnName,\r\n \"rdlName\": item.RdlName,\r\n };\r\n\r\n if (item.hasOwnProperty(\"Reports\") && item.RdlName !== \"ShippingLabel\") {\r\n item.Reports.forEach((report, i) => {\r\n tempObj.onClickFunc = () => null;\r\n tempObj.value.push({\r\n \"name\": report.Name,\r\n \"value\": [],\r\n \"disabled\": tempObj.disabled || !params.Rights.hasOwnProperty(\"orders.docs\"),\r\n \"disabledText\": translate(\"order_Document_Permission_note\"),\r\n \"isContextMenu\": true,\r\n \"isButtonMenu\": true,\r\n \"wmsSelector\": params.Selector + fnName + (i + 1),\r\n \"onClickFunc\": menuClickEvent,\r\n \"wmsid\": fnName,\r\n \"runReport\": report.TemplatedRunner,\r\n \"rdlName\": item.RdlName,\r\n });\r\n });\r\n }\r\n\r\n updatedMenus.PrintData.push(tempObj);\r\n }\r\n });\r\n }\r\n\r\n return updatedMenus;\r\n};\r\n","import React, { useState, useEffect } from \"react\";\r\nimport AdjustInventorySearch from \"./adjust-inventory-search.component\";\r\nimport AdjustInventoryGrid from \"./adjust-inventory-grid.component\";\r\nimport \"./adjustInventory.scss\";\r\nimport * as AdjustInventoryServices from \"./adjust-inventory.services\";\r\ninterface Props {}\r\n\r\ndeclare var window: any;\r\nvar $rootScope = window;\r\nconst wmsSelector = \"AdustInventory\";\r\nconst defaultFilterValue = {\r\n CustomerID: null,\r\n FacilityID: null,\r\n WarehouseTransactionID: null,\r\n ReferenceNum: null,\r\n StartDate: null,\r\n EndDate: null,\r\n};\r\n\r\nconst AdjustInventoryHolder: React.FC\r\n
\r\n );\r\n};\r\nAdjustInventoryHolder.propTypes = {};\r\n\r\nAdjustInventoryHolder.defaultProps = {};\r\n\r\nexport default React.memo(AdjustInventoryHolder);\r\n","const GlobalService = require(\"../react/global_services\");\r\nvar axios = require(\"axios\");\r\n\r\nexport const getLaborAnalyticsDashboardURL = function (postParams: any) {\r\n return axios.post(GlobalService.getOutboundDashboardUrl(), postParams).then((response: any) => {\r\n return response.data;\r\n });\r\n};\r\n","import React, { useState, useEffect } from \"react\";\r\nimport \"./laborAnalytics.scss\";\r\nimport * as GlobalService from \"../react/global_services\";\r\nimport * as laborAnalyticsDashboardServices from \"./labor-analytics-dashboard.service\";\r\nimport _ from \"lodash\";\r\ndeclare var window: any;\r\nconst { $ } = window;\r\n\r\ninterface Props {}\r\n\r\nconst LaborAnalyticsDashboard: React.FC\r\n
\r\n );\r\n};\r\nLaborAnalyticsDashboard.propTypes = {};\r\n\r\nLaborAnalyticsDashboard.defaultProps = {};\r\n\r\nexport default React.memo(LaborAnalyticsDashboard);\r\n","/* eslint-disable security/detect-object-injection */\r\nimport * as GlobalService from \"../react/global_services\";\r\nvar isFirstTimeOpen = true;\r\nvar keyName = \"ManageAssembly\";\r\nvar metaDataManageAssemblyObject = {\r\n ManageAssembly: {\r\n filterData: {},\r\n gridConfig: {},\r\n collapseData: {},\r\n sorableSection: \"\",\r\n saveFilter: [],\r\n },\r\n};\r\nvar axios = require(\"axios\");\r\ndeclare var window: any;\r\nconst { $ } = window;\r\n\r\nexport const initialFilterData = function () {\r\n return axios.all([GlobalService.GetCustomersAndFacility()]).then(\r\n axios.spread(function (GetCustomerFacilityList) {\r\n return {\r\n getCustomerFacilityList: GlobalService.getFacilityList(),\r\n };\r\n })\r\n );\r\n};\r\n\r\nexport const setGridFiltere = function (param_filterObj, cancleToken) {\r\n let url = \"/WebUI/assemblies/FindAssemblies/FilteredRowCount\";\r\n\r\n return axios.put(url, param_filterObj, { cancelToken: cancleToken }).then((response: any) => {\r\n return response;\r\n });\r\n};\r\nexport const createAssembly = function (formData) {\r\n let url = \"/WebUI/assemblies/FindAssemblies/Assembly\";\r\n\r\n return axios.post(url, formData).then(function (response) {\r\n return response;\r\n });\r\n};\r\nexport const editAssembly = function (formData) {\r\n let url = \"/WebUI/assemblies/FindAssemblies/Assembly\";\r\n return axios.put(url, formData).then(function (response) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const getReport = function (url, param_object) {\r\n return axios.post(url, param_object).then(function (response) {\r\n return response;\r\n });\r\n};\r\nexport const getCharges = function () {\r\n return axios.get(\"/WebUI/Shipping/Orders/GetChargeCategories\").then(function (response) {\r\n return response;\r\n });\r\n};\r\nexport const confirmSingleAssembly = function (assemblyId) {\r\n return axios.post(\"/WebUI/assemblies/FindAssemblies/Confirm\", { assemblyId: assemblyId }).then(function (response) {\r\n return response;\r\n });\r\n};\r\nexport const confirmAssemblies = function (assemblyIds) {\r\n return axios\r\n .post(\"/WebUI/assemblies/FindAssemblies/ConfirmAssemblies\", { ids: assemblyIds })\r\n .then(function (response) {\r\n return response;\r\n });\r\n};\r\nexport const CancelAssembly = function (formData) {\r\n return axios.post(\"/WebUI/assemblies/FindAssemblies/CancelAssemblies\", formData).then(function (response) {\r\n return response;\r\n });\r\n};\r\nexport const getAssemblyDetailObject = function (assemblyId) {\r\n return axios.get(`/WebUI/assemblies/FindAssemblies/GetAssemblyById/${assemblyId}`).then(function (response) {\r\n return response;\r\n });\r\n};\r\nexport const AssemblyCalculateCharges = function (assemblyId) {\r\n return axios\r\n .get(`/WebUI/assemblies/FindAssemblies/AssemblyCharges?assemblyId=${assemblyId}`)\r\n .then(function (response) {\r\n return response;\r\n });\r\n};\r\n\r\nexport const initialEditAllocations = function (param_obj) {\r\n return axios\r\n .post(\"/WebUI/assemblies/FindAssemblies/GetLineItemAllocations\", {\r\n \"assemblyId\": param_obj.assemblyId,\r\n \"assemblyItemUri\": param_obj.assemblyItemUri,\r\n })\r\n .then(function (response) {\r\n return response.data;\r\n });\r\n};\r\n\r\nexport const editOrderLineItemAllocations = function (obj) {\r\n return axios\r\n .post(\"/WebUI/assemblies/FindAssemblies/EditOrderLineItemAllocations\", obj, { dataType: \"JSON\" })\r\n .then(function (response) {\r\n return response;\r\n });\r\n};\r\nexport const initialMassAdd = function () {\r\n return axios.post(\"/WebUI/Shipping/UpdateSession/MassAddSearchInfoClear\").then(function () {});\r\n};\r\nexport const massOrderLineItemsAdd = function (obj) {\r\n return axios\r\n .post(\"/WebUI/Shipping/Orders/MassOrderLineItemsAdd\", obj, { dataType: \"JSON\" })\r\n .then(function (response) {\r\n return response;\r\n });\r\n};\r\n\r\n// call api for get metaData of AdjustInventory is it's open first time\r\nexport const getManageAssemblyClientMetaData = function () {\r\n if (isFirstTimeOpen) {\r\n return GlobalService.getUserClientMetaData(keyName).then(\r\n function successCallBack(response) {\r\n if (response !== \"\") {\r\n Object.assign(metaDataManageAssemblyObject[keyName], JSON.parse(response));\r\n }\r\n isFirstTimeOpen = false;\r\n return true;\r\n },\r\n function errorCallBack(response) {\r\n return false;\r\n }\r\n );\r\n }\r\n};\r\n\r\nexport const setManageAssemblyFilterMetaData = function (filterData) {\r\n metaDataManageAssemblyObject[keyName][\"filterData\"] = filterData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataManageAssemblyObject[keyName]));\r\n};\r\n\r\nexport const getManageAssemblyFilterMetaData = function () {\r\n if (!$.isEmptyObject(metaDataManageAssemblyObject[keyName][\"filterData\"])) {\r\n return metaDataManageAssemblyObject[keyName][\"filterData\"];\r\n } else {\r\n return \"\";\r\n }\r\n};\r\nexport const setManageAssemblyGridOptionInMetaData = function (gridConfig) {\r\n metaDataManageAssemblyObject[keyName][\"gridConfig\"] = gridConfig.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataManageAssemblyObject[keyName]));\r\n};\r\nexport const getManageAssemblyGridOptionInMetaData = function () {\r\n if (!$.isEmptyObject(metaDataManageAssemblyObject[keyName][\"gridConfig\"])) {\r\n return metaDataManageAssemblyObject[keyName][\"gridConfig\"];\r\n } else {\r\n return \"\";\r\n }\r\n};\r\n\r\nexport const clearManageAssemblyFilterMetaData = function () {\r\n metaDataManageAssemblyObject[keyName][\"filterData\"] = {};\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataManageAssemblyObject[keyName]));\r\n};\r\n\r\nexport const setManageAssemblyCollapseMetaData = function (collapseId, value) {\r\n if (!metaDataManageAssemblyObject[keyName][\"collapseData\"]) {\r\n metaDataManageAssemblyObject[keyName][\"collapseData\"] = {};\r\n }\r\n metaDataManageAssemblyObject[keyName][\"collapseData\"][collapseId] = value;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataManageAssemblyObject[keyName]));\r\n};\r\nexport const getManageAssemblyCollapseMetaData = function () {\r\n return metaDataManageAssemblyObject[keyName][\"collapseData\"];\r\n};\r\n\r\nexport const setManageAssemblySortSectionMetaData = function (sortArray) {\r\n metaDataManageAssemblyObject[keyName][\"sorableSection\"] = sortArray;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataManageAssemblyObject[keyName]));\r\n};\r\nexport const getManageAssemblySortSectionMetaData = function () {\r\n return metaDataManageAssemblyObject[keyName][\"sorableSection\"];\r\n};\r\n\r\n// save filter of find order in meta data\r\nexport const saveManageAssemblyFilterMetaData = function (title, filterObj, columnObj) {\r\n var setData = {\r\n title: title,\r\n filterData: filterObj,\r\n columnData: columnObj.optionsData,\r\n };\r\n\r\n if (typeof metaDataManageAssemblyObject[keyName][\"saveFilter\"] == \"undefined\") {\r\n metaDataManageAssemblyObject[keyName][\"saveFilter\"] = [];\r\n }\r\n metaDataManageAssemblyObject[keyName][\"saveFilter\"].push(setData);\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataManageAssemblyObject[keyName]));\r\n};\r\nexport const updateManageAssemblyFilterMetaData = function (index, filterObj, columnObj) {\r\n if (typeof metaDataManageAssemblyObject[keyName][\"saveFilter\"][index] != \"undefined\") {\r\n metaDataManageAssemblyObject[keyName][\"saveFilter\"][index].filterData = filterObj;\r\n metaDataManageAssemblyObject[keyName][\"saveFilter\"][index].columnData = columnObj.optionsData;\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataManageAssemblyObject[keyName]));\r\n }\r\n};\r\nexport const getSaveManageAssemblyFilterListMetaData = function () {\r\n if (metaDataManageAssemblyObject[keyName][\"saveFilter\"]) {\r\n return metaDataManageAssemblyObject[keyName][\"saveFilter\"];\r\n }\r\n\r\n return [];\r\n};\r\n\r\nexport const clearSaveManageAssemblyFilterListMetaData = function (index) {\r\n metaDataManageAssemblyObject[keyName][\"saveFilter\"].splice(index, 1);\r\n GlobalService.setUserClientMetaData(keyName, JSON.stringify(metaDataManageAssemblyObject[keyName]));\r\n};\r\n\r\nexport const getReports = function (customerId) {\r\n return axios.get(`/WebUI/assemblies/FindAssemblies/GetReports?customerid=${customerId}`).then(function (response) {\r\n return response.data;\r\n });\r\n};\r\n","import * as GlobalService from \"./../react/global_services\";\r\nlet align_center = \"text-align:center;\";\r\n\r\nexport const getGridDefaultColumns = (manageAssembly_GridHeadersLabel, selector) => {\r\n return {\r\n columns: [\r\n {\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n width: 60,\r\n wmsid: 1,\r\n hidden: false,\r\n locked: true,\r\n lockable: false,\r\n resizable: false,\r\n sortable: false,\r\n reorderable: false,\r\n filterable: false,\r\n attributes: { style: align_center },\r\n headerAttributes: { style: align_center },\r\n },\r\n {\r\n field: \"Sku\",\r\n title: manageAssembly_GridHeadersLabel[0].description,\r\n width: 120,\r\n locked: false,\r\n lockable: false,\r\n wmsid: 2,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + \"Sku\",\r\n },\r\n },\r\n {\r\n field: \"Customer\",\r\n title: manageAssembly_GridHeadersLabel[1].description,\r\n width: 120,\r\n locked: false,\r\n lockable: false,\r\n wmsid: 3,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + \"Customer\",\r\n },\r\n },\r\n {\r\n field: \"Warehouse\",\r\n locked: false,\r\n lockable: false,\r\n title: manageAssembly_GridHeadersLabel[2].description,\r\n width: 120,\r\n wmsid: 4,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + \"Warehouse\",\r\n },\r\n },\r\n {\r\n field: \"Qty\",\r\n locked: false,\r\n lockable: false,\r\n title: manageAssembly_GridHeadersLabel[3].description,\r\n width: 120,\r\n wmsid: 5,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + \"Qty\",\r\n },\r\n },\r\n {\r\n field: \"ReferenceNum\",\r\n locked: false,\r\n lockable: false,\r\n title: manageAssembly_GridHeadersLabel[4].description,\r\n width: 120,\r\n wmsid: 6,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + \"ReferenceNum\",\r\n },\r\n },\r\n {\r\n field: \"ExpectedDate\",\r\n locked: false,\r\n lockable: false,\r\n title: manageAssembly_GridHeadersLabel[5].description,\r\n width: 120,\r\n wmsid: 7,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + \"ExpectedDate\",\r\n },\r\n template:\r\n \"#= ExpectedDate != null ? kendo.toString(kendo.parseDate(ExpectedDate), 'MM/dd/yyyy') : '' #\",\r\n },\r\n {\r\n field: \"AssemblyId\",\r\n locked: false,\r\n lockable: false,\r\n title: manageAssembly_GridHeadersLabel[6].description,\r\n width: 120,\r\n wmsid: 8,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + \"AssemblyId\",\r\n },\r\n },\r\n ],\r\n };\r\n};\r\n\r\nexport const getGridAllColumnList = (manageAssembly_GridHeadersLabel, selector) => {\r\n return [\r\n {\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n width: 60,\r\n wmsid: 1,\r\n hidden: false,\r\n locked: true,\r\n lockable: false,\r\n resizable: false,\r\n sortable: false,\r\n reorderable: false,\r\n filterable: false,\r\n attributes: { style: align_center },\r\n headerAttributes: { style: align_center },\r\n },\r\n {\r\n field: \"Sku\",\r\n title: manageAssembly_GridHeadersLabel[0].description,\r\n width: 120,\r\n locked: false,\r\n lockable: false,\r\n wmsid: 2,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + \"Sku\",\r\n },\r\n },\r\n {\r\n field: \"Customer\",\r\n title: manageAssembly_GridHeadersLabel[1].description,\r\n width: 120,\r\n locked: false,\r\n lockable: false,\r\n wmsid: 3,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + \"Customer\",\r\n },\r\n },\r\n {\r\n field: \"Warehouse\",\r\n locked: false,\r\n lockable: false,\r\n title: manageAssembly_GridHeadersLabel[2].description,\r\n width: 120,\r\n wmsid: 4,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + \"Warehouse\",\r\n },\r\n },\r\n {\r\n field: \"Qty\",\r\n locked: false,\r\n lockable: false,\r\n title: manageAssembly_GridHeadersLabel[3].description,\r\n width: 120,\r\n wmsid: 5,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + \"Qty\",\r\n },\r\n },\r\n {\r\n field: \"ReferenceNum\",\r\n locked: false,\r\n lockable: false,\r\n title: manageAssembly_GridHeadersLabel[4].description,\r\n width: 120,\r\n wmsid: 6,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + \"ReferenceNum\",\r\n },\r\n },\r\n {\r\n field: \"ExpectedDate\",\r\n locked: false,\r\n lockable: false,\r\n title: manageAssembly_GridHeadersLabel[5].description,\r\n width: 120,\r\n wmsid: 7,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + \"ExpectedDate\",\r\n },\r\n template: \"#= ExpectedDate != null ? kendo.toString(kendo.parseDate(ExpectedDate), 'MM/dd/yyyy') : '' #\",\r\n },\r\n {\r\n field: \"AssemblyId\",\r\n locked: false,\r\n lockable: false,\r\n title: manageAssembly_GridHeadersLabel[6].description,\r\n width: 120,\r\n wmsid: 8,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + \"AssemblyId\",\r\n },\r\n },\r\n {\r\n field: \"Status\",\r\n locked: false,\r\n lockable: false,\r\n title: manageAssembly_GridHeadersLabel[7].description,\r\n width: 120,\r\n wmsid: 9,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + \"Status\",\r\n },\r\n },\r\n {\r\n field: \"Notes\",\r\n locked: false,\r\n lockable: false,\r\n title: manageAssembly_GridHeadersLabel[8].description,\r\n width: 120,\r\n wmsid: 10,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + \"Notes\",\r\n },\r\n },\r\n {\r\n field: \"CreationDate\",\r\n locked: false,\r\n lockable: false,\r\n title: manageAssembly_GridHeadersLabel[9].description,\r\n width: 120,\r\n wmsid: 10,\r\n headerAttributes: {\r\n \"data-wms-selector\": selector + \"CreationDate\",\r\n },\r\n template:\r\n \"#= (typeof CreationDate != 'undefined' && CreationDate != null) ? kendo.toString(kendo.parseDate(CreationDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\",\r\n },\r\n ];\r\n};\r\n\r\nexport const getGridDemoSchema = () => {\r\n return {\r\n model: {\r\n id: \"AssemblyId\",\r\n fields: {\r\n RowNumber: { type: \"number\" },\r\n Sku: { type: \"string\" },\r\n Customer: { type: \"string\" },\r\n Warehouse: { type: \"string\" },\r\n Qty: { type: \"number\" },\r\n ReferenceNum: { type: \"string\" },\r\n ExpectedDate: { type: \"string\" },\r\n AssemblyId: { type: \"number\" },\r\n Status: { type: \"string\" },\r\n Notes: { type: \"string\" },\r\n },\r\n },\r\n };\r\n};\r\n\r\nexport const allocationGridSchema = () => {\r\n return {\r\n data: [],\r\n schema: {\r\n model: {\r\n fields: {\r\n SKU: { type: \"string\" },\r\n qualifier: { type: \"string\" },\r\n non_sku_material: { type: \"string\" },\r\n base_quantity: { type: \"string\" },\r\n total_quantity: { type: \"string\" },\r\n available: { type: \"string\" },\r\n },\r\n },\r\n },\r\n };\r\n};\r\nexport const chargesGridSchema = () => {\r\n return {\r\n data: [],\r\n schema: {\r\n model: {\r\n fields: {\r\n Date: { type: \"string\" },\r\n Type: { type: \"string\" },\r\n Description: { type: \"string\" },\r\n Amount: { type: \"string\" },\r\n },\r\n },\r\n },\r\n };\r\n};\r\n\r\nexport const getEditAllocationColumns = (gridHeader, customLabels, $) => {\r\n return {\r\n columns: [\r\n {\r\n field: \"PrimaryQuantity\",\r\n \"menu\": false,\r\n title: gridHeader[0],\r\n width: 160,\r\n wmsid: 1,\r\n lockable: false,\r\n sortable: false,\r\n editor: function (container, options) {\r\n // create an input element\r\n $(\"\")\r\n .appendTo(container)\r\n .kendoNumericTextBox({\r\n format: \"n4\",\r\n decimals: 4,\r\n });\r\n },\r\n },\r\n {\r\n field: \"PrimaryUnitType\",\r\n title: gridHeader[1],\r\n width: 180,\r\n wmsid: 2,\r\n sortable: false,\r\n lockable: false,\r\n },\r\n {\r\n field: \"Available\",\r\n title: gridHeader[2],\r\n width: 180,\r\n wmsid: 3,\r\n lockable: false,\r\n },\r\n {\r\n field: \"Qualifier\",\r\n title: gridHeader[16],\r\n width: 180,\r\n wmsid: 17,\r\n lockable: false,\r\n },\r\n {\r\n field: \"PalletLabel\",\r\n title: gridHeader[3],\r\n width: 180,\r\n wmsid: 4,\r\n lockable: false,\r\n },\r\n {\r\n field: \"ReceiverId\",\r\n title: gridHeader[4],\r\n width: 180,\r\n wmsid: 5,\r\n lockable: false,\r\n },\r\n {\r\n field: \"ReceiverReferenceNum\",\r\n title: gridHeader[5],\r\n width: 180,\r\n wmsid: 6,\r\n lockable: false,\r\n },\r\n {\r\n field: \"ReceivedDate\",\r\n title: gridHeader[15],\r\n width: 160,\r\n wmsid: 7,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n template:\r\n \"#= ReceivedDate != null ? kendo.toString(kendo.parseDate(ReceivedDate), 'MMM dd yyyy, hh:mm:ss tt'): '' #\",\r\n },\r\n {\r\n field: \"LotNumber\",\r\n title: customLabels.Label_Lot_Number,\r\n width: 180,\r\n wmsid: 8,\r\n lockable: false,\r\n },\r\n {\r\n field: \"SerialNumber\",\r\n title: customLabels.Label_Serial_Number,\r\n width: 180,\r\n wmsid: 9,\r\n lockable: false,\r\n },\r\n {\r\n field: \"ExpirationDate\",\r\n title: gridHeader[8],\r\n width: 180,\r\n wmsid: 10,\r\n lockable: false,\r\n template:\r\n \"#= ExpirationDate != null ? kendo.toString(kendo.parseDate(ExpirationDate), 'MMM dd yyyy, hh:mm:ss tt'): '' #\",\r\n },\r\n {\r\n field: \"Cost\",\r\n title: gridHeader[9],\r\n width: 180,\r\n wmsid: 11,\r\n lockable: false,\r\n },\r\n {\r\n field: \"PurchaseOrderNumber\",\r\n title: gridHeader[10],\r\n width: 180,\r\n wmsid: 12,\r\n lockable: false,\r\n },\r\n {\r\n field: \"TrailerNumber\",\r\n title: gridHeader[11],\r\n width: 180,\r\n wmsid: 13,\r\n lockable: false,\r\n },\r\n {\r\n field: \"LocationName\",\r\n title: gridHeader[12],\r\n width: 180,\r\n wmsid: 14,\r\n lockable: false,\r\n },\r\n {\r\n field: \"SupplierName\",\r\n title: gridHeader[13],\r\n width: 180,\r\n wmsid: 15,\r\n lockable: false,\r\n },\r\n {\r\n field: \"CustomFields\",\r\n title: gridHeader[14],\r\n width: 180,\r\n wmsid: 16,\r\n lockable: false,\r\n sortable: false,\r\n },\r\n ],\r\n };\r\n};\r\nexport const getEditAllocationSchema = (selector, $) => {\r\n return {\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n model: {\r\n fields: {\r\n //I'm not sure about these types\r\n PrimaryQuantity: {\r\n type: \"number\",\r\n editable: true,\r\n validation: {\r\n productnamevalidation: function (input) {\r\n const qtyFloat = parseFloat(input.val());\r\n if (\r\n input.is(`[name=${\"'PrimaryQuantity'\"}]`) &&\r\n input.val() !== \"\" &&\r\n !Number.isNaN(qtyFloat) &&\r\n qtyFloat !== 0\r\n ) {\r\n var grid = $(selector).data(\"kendoGrid\");\r\n var dataItem = grid.dataItem($(input).closest(\"tr\"));\r\n const inpAttr = \"data-productnamevalidation-msg\";\r\n var isIntegral = GlobalService.getIsIntegeralFlagByType(dataItem.PrimaryUnitType);\r\n if (isIntegral) {\r\n input.attr(inpAttr, \"This UOM only supports whole-number quantities\");\r\n return Math.floor(qtyFloat) === qtyFloat;\r\n }\r\n }\r\n\r\n return true;\r\n },\r\n min: 0,\r\n },\r\n },\r\n PrimaryUnitType: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n Available: {\r\n type: \"number\",\r\n editable: false,\r\n },\r\n PalletLabel: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n ReceiverId: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n ReceiverReferenceNum: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n ReceivedDate: {\r\n type: \"date\",\r\n editable: false,\r\n },\r\n LotNumber: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n SerialNumber: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n ExpirationDate: {\r\n type: \"DateTime\",\r\n editable: false,\r\n },\r\n Cost: {\r\n type: \"number\",\r\n editable: false,\r\n },\r\n PurchaseOrderNumber: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n TrailerNumber: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n LocationName: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n SupplierName: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n CustomFields: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n Qualifier: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n },\r\n },\r\n },\r\n };\r\n};\r\nexport const getEditAllocationTransport = (customerId, facilityId, itemId, qualifier, orderItemId) => {\r\n return {\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Shipping/Orders/EditLineItemAllocationsGridRead\",\r\n type: \"POST\",\r\n data: {\r\n customerId: customerId,\r\n facilityId: facilityId,\r\n itemId: itemId,\r\n qualifier: qualifier,\r\n orderItemId: orderItemId,\r\n },\r\n },\r\n },\r\n };\r\n};\r\n\r\nexport const getMassAddColumns = (gridHeader, customLabels) => {\r\n return {\r\n columns: [\r\n {\r\n field: \"PrimaryUnitsToAdd\",\r\n sortable: false,\r\n menu: false,\r\n title: gridHeader[0],\r\n width: 180,\r\n wmsid: 1,\r\n lockable: false,\r\n headerAttributes: {\r\n \"ng-non-bindable\": true,\r\n },\r\n attributes: {\r\n \"class\": \"wms-fake-look-input\",\r\n },\r\n },\r\n {\r\n field: \"ItemImage\",\r\n title: customLabels.Label_Item + \" Image\",\r\n width: 160,\r\n wmsid: 2,\r\n lockable: false,\r\n hidden: true,\r\n editable: false,\r\n sortable: false,\r\n },\r\n {\r\n field: \"SKU\",\r\n sortable: true,\r\n title: customLabels.Label_Sku,\r\n width: 180,\r\n wmsid: 3,\r\n lockable: false,\r\n editable: false,\r\n },\r\n {\r\n field: \"Qualifier\",\r\n title: gridHeader[3],\r\n width: 160,\r\n wmsid: 4,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n },\r\n {\r\n field: \"Description\",\r\n title: gridHeader[4],\r\n width: 160,\r\n wmsid: 5,\r\n lockable: false,\r\n editable: false,\r\n },\r\n {\r\n field: \"Available\",\r\n title: gridHeader[6],\r\n width: 160,\r\n wmsid: 6,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n },\r\n {\r\n field: \"PrimaryUnitType\",\r\n sortable: false,\r\n title: gridHeader[5],\r\n width: 160,\r\n wmsid: 7,\r\n lockable: false,\r\n editable: false,\r\n },\r\n {\r\n field: \"PalletLabel\",\r\n title: gridHeader[7],\r\n width: 160,\r\n wmsid: 8,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n },\r\n {\r\n field: \"ReceiverId\",\r\n title: gridHeader[8],\r\n width: 160,\r\n wmsid: 9,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n },\r\n {\r\n field: \"ReceiverReferenceNum\",\r\n title: gridHeader[9],\r\n width: 160,\r\n wmsid: 10,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n },\r\n {\r\n field: \"ReceivedDate\",\r\n title: gridHeader[10],\r\n width: 160,\r\n wmsid: 11,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n template:\r\n \"#= ReceivedDate != null ? kendo.toString(kendo.parseDate(ReceivedDate), 'MMM dd yyyy, hh:mm:ss tt'): '' #\",\r\n },\r\n {\r\n field: \"LotNumber\",\r\n title: customLabels.Label_Lot_Number,\r\n width: 160,\r\n wmsid: 12,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n },\r\n {\r\n field: \"SerialNumber\",\r\n title: customLabels.Label_Serial_Number,\r\n width: 160,\r\n wmsid: 13,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n },\r\n {\r\n field: \"ExpirationDate\",\r\n title: gridHeader[13],\r\n width: 160,\r\n wmsid: 14,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n template:\r\n \"#= ExpirationDate != null ? kendo.toString(kendo.parseDate(ExpirationDate), 'MMM dd yyyy, hh:mm:ss tt') : '' #\",\r\n },\r\n {\r\n field: \"Cost\",\r\n title: gridHeader[14],\r\n width: 160,\r\n wmsid: 15,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n },\r\n {\r\n field: \"PurchaseOrderNumber\",\r\n title: gridHeader[15],\r\n width: 160,\r\n wmsid: 16,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n },\r\n {\r\n field: \"TrailerNumber\",\r\n title: gridHeader[16],\r\n width: 160,\r\n wmsid: 17,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n },\r\n {\r\n field: \"LocationName\",\r\n title: gridHeader[17],\r\n width: 160,\r\n wmsid: 18,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n },\r\n {\r\n field: \"SupplierName\",\r\n title: gridHeader[18],\r\n width: 160,\r\n wmsid: 19,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n },\r\n {\r\n field: \"CustomFields\",\r\n title: gridHeader[19],\r\n width: 160,\r\n wmsid: 20,\r\n hidden: false,\r\n lockable: false,\r\n editable: false,\r\n sortable: false,\r\n },\r\n ],\r\n };\r\n};\r\n\r\nexport const getMassAddSchema = (validNumberText) => {\r\n return {\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n model: {\r\n fields: {\r\n PrimaryUnitsToAdd: {\r\n type: \"float\",\r\n editable: true,\r\n validation: {\r\n primaryunitstoaddvalidation: function (input) {\r\n if (input.is(\"[name='PrimaryUnitsToAdd']\") && input.val() !== \"\") {\r\n input.attr(\"data-primaryunitstoaddvalidation-msg\", validNumberText);\r\n // eslint-disable-next-line security/detect-unsafe-regex\r\n return /^[0-9]*(?:\\.[0-9]{0,4})?$/.test(input.val());\r\n }\r\n return true;\r\n },\r\n },\r\n },\r\n ItemImage: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n SKU: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n Qualifier: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n Description: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n Available: {\r\n type: \"number\",\r\n editable: false,\r\n },\r\n PrimaryUnitType: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n PrimaryQuantity: {\r\n type: \"number\",\r\n editable: false,\r\n },\r\n PalletLabel: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n ReceiverId: {\r\n type: \"number\",\r\n editable: false,\r\n },\r\n ReceiverReferenceNum: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n ReceivedDate: {\r\n type: \"date\",\r\n editable: false,\r\n },\r\n LotNumber: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n SerialNumber: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n ExpirationDate: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n Cost: {\r\n type: \"number\",\r\n editable: false,\r\n },\r\n PurchaseOrderNumber: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n TrailerNumber: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n LocationName: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n SupplierName: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n CustomFields: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n },\r\n },\r\n },\r\n };\r\n};\r\n\r\nexport const getMassAddTransport = (customerId, facilityId) => {\r\n return {\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Shipping/Orders/MassAddGridRead\",\r\n type: \"POST\",\r\n data: {\r\n customerId: customerId,\r\n facilityId: facilityId,\r\n },\r\n },\r\n },\r\n };\r\n};\r\n\r\nexport const getCalculateChargesGridSchema = () => {\r\n return {\r\n schema: {\r\n model: {\r\n fields: {\r\n ChargeOrigin: {\r\n type: \"number\",\r\n editable: false,\r\n },\r\n ChargeTypeDescription: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n ChargeLabel: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n ChargePerUnit: {\r\n type: \"number\",\r\n editable: true,\r\n },\r\n NumberOfUnits: {\r\n type: \"number\",\r\n editable: true,\r\n },\r\n TotalCharges: {\r\n type: \"number\",\r\n editable: false,\r\n },\r\n BSId: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n BSChargeType: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n BSPredefinedRateId: {\r\n type: \"string\",\r\n editable: false,\r\n },\r\n },\r\n },\r\n },\r\n };\r\n};\r\n\r\nexport const ChargesColumns = (CalculateCharges_GridHeaders, translate) => {\r\n // var translate = window.translate;\r\n return [\r\n {\r\n field: \"ChargeOrigin\",\r\n // title: CalculateCharges_GridHeaders[0].description,\r\n title: \"\",\r\n lockable: false,\r\n filterable: false,\r\n width: 160,\r\n template:\r\n \"# if( ChargeOrigin== 0) {# \" +\r\n translate(\"Label_Predefined_Required\") +\r\n \" #} else if( ChargeOrigin== 1) {# \" +\r\n translate(\"Label_Billing_Script\") +\r\n \" #} else if( ChargeOrigin== 2) {# \" +\r\n translate(\"Label_Manual_Charge\") +\r\n \" #} else if( ChargeOrigin== 3) {# \" +\r\n translate(\"Label_Predefined\") +\r\n \" #} #\",\r\n wmsid: 1,\r\n },\r\n {\r\n field: \"ChargeTypeDescription\",\r\n title: CalculateCharges_GridHeaders[1].description,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= ChargeTypeDescription != null ? ChargeTypeDescription : '' #\",\r\n wmsid: 2,\r\n },\r\n {\r\n field: \"ChargeLabel\",\r\n title: CalculateCharges_GridHeaders[2].description,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= ChargeLabel != null ? ChargeLabel : '' #\",\r\n wmsid: 3,\r\n },\r\n {\r\n field: \"ChargePerUnit\",\r\n title: CalculateCharges_GridHeaders[4].description,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= ChargePerUnit != null ? ChargePerUnit : '' #\",\r\n wmsid: 5,\r\n },\r\n {\r\n field: \"NumberOfUnits\",\r\n title: CalculateCharges_GridHeaders[5].description,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= NumberOfUnits != null ? NumberOfUnits : '' #\",\r\n wmsid: 6,\r\n },\r\n {\r\n field: \"TotalCharges\",\r\n title: CalculateCharges_GridHeaders[6].description,\r\n lockable: false,\r\n width: 160,\r\n template: \"#= TotalCharges != null ? TotalCharges : '' #\",\r\n wmsid: 7,\r\n },\r\n ];\r\n};\r\n","import React, { useEffect, useState, useCallback } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { StringWms } from \"../../assets/ts/StringWms\";\r\nimport { ObjectWms } from \"../../assets/ts/ObjectWms\";\r\n\r\nimport WmsButton from \"../react/components/WmsButton/WmsButton\";\r\nimport WmsInput from \"../react/components/WmsInput/WmsInput\";\r\nimport WmsDropdown from \"../react/components/WmsDropdown/WmsDropdown\";\r\nimport WmsCollapse from \"../react/components/WmsCollapse/WmsCollapse\";\r\nimport WmsModel from \"../react/components/WmsModel/WmsModel\";\r\nimport WmsContainer from \"../react/components/WmsContainer/WmsContainer\";\r\nimport WmsConfirmModel from \"../react/components/WmsConfirmModel/WmsConfirmModel\";\r\nimport { default as WmsUpdateDropdownList } from \"./../react/components/WmsUpdateDropdownList/WmsUpdateDropdownList\";\r\nimport { default as WmsCustomDateTimePicker } from \"../react/components/WmsCustomDateTimePicker/WmsCustomDateTimePicker.jsx\";\r\n\r\nimport * as ManageAssemblyServices from \"./manage-assembly.services\";\r\nimport * as GridConfig from \"./manage-assembly-grid-configuration\";\r\nimport * as GlobalService from \"../react/global_services\";\r\n\r\nimport \"./manageassembly.scss\";\r\n\r\ninterface Props {\r\n wmsSelector: string;\r\n sharedSearchOn: boolean;\r\n sharedFilterObject: any;\r\n onClearSearch: () => void;\r\n onFilterDataSet: (objFilter: any) => void;\r\n windowId: any;\r\n onApplySavedFilter: (objFilter: any) => void;\r\n}\r\nconst defaultFilterValue = {\r\n CustomerId: 0,\r\n FacilityId: 0,\r\n Skus: [],\r\n ReferenceNum: \"\",\r\n StartDueDate: null,\r\n EndDueDate: null,\r\n IndexOptionsStatus: 1,\r\n};\r\n\r\ndeclare var window: any;\r\nconst { $ } = window;\r\n\r\nconst ManageAssemblySearch: React.FC\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n
\r\n {IframeUrl !== \"\" ? (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nManageAssemblySearch.propTypes = {\r\n wmsSelector: PropTypes.string.isRequired,\r\n sharedSearchOn: PropTypes.bool.isRequired,\r\n sharedFilterObject: PropTypes.any.isRequired,\r\n windowId: PropTypes.any.isRequired,\r\n onClearSearch: PropTypes.func.isRequired,\r\n onFilterDataSet: PropTypes.func.isRequired,\r\n onApplySavedFilter: PropTypes.func.isRequired,\r\n};\r\n\r\nManageAssemblySearch.defaultProps = {\r\n wmsSelector: \"\",\r\n sharedSearchOn: false,\r\n sharedFilterObject: {},\r\n windowId: \"\",\r\n onClearSearch: (): void => {},\r\n onFilterDataSet: (filterObject: any): void => {},\r\n onApplySavedFilter: (filterObject: any): void => {},\r\n};\r\n\r\nexport default React.memo(ManageAssemblySearch);\r\n","import React, { useState } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport WmsModel from \"./../react/components/WmsModel/WmsModel\";\r\nimport WmsCollapse from \"./../react/components/WmsCollapse/WmsCollapse\";\r\nimport WmsDropdown from \"./../react/components/WmsDropdown/WmsDropdown\";\r\nimport WmsInput from \"./../react/components/WmsInput/WmsInput\";\r\nimport WmsTextArea from \"./../react/components/WmsTextArea/WmsTextArea\";\r\nimport WmsDateTimePicker from \"./../react/components/WmsDateTimePicker/WmsDateTimePicker\";\r\nimport WmsButton from \"./../react/components/WmsButton/WmsButton\";\r\nimport * as GlobalService from \"./../react/global_services\";\r\nimport WmsDropdownList from \"./../react/components/WmsDropdownList/WmsDropdownList.jsx\";\r\n\r\nimport \"./manageassembly.scss\";\r\n\r\ndeclare var window: any;\r\nconst { $ } = window;\r\n\r\nlet selectedCustomerId = 0;\r\n\r\ninterface Props {\r\n onCloseCreateNewAssemblyModal: any;\r\n isOpenCreateNewAssemblyModal: boolean;\r\n wmsSelector: string;\r\n selectedRow: any;\r\n windowId: string;\r\n onApplyCreateAssembly: any;\r\n isCreateAssemblyLoading: boolean;\r\n}\r\n\r\nconst CreateNewassemblyModal: React.FC\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {props.sharedSearchOn && (\r\n \r\n {window.translate(\"Label_NOTE\")}: \r\n \r\n
\r\n )}\r\n\r\n \r\n {savedFilterList.length !== 0 && (\r\n setCollapseMetaData(e, manageAssemblyFilterCollapse0)}\r\n >\r\n setCollapseMetaData(e, \"manage_assembly_search_collapse1\")}\r\n >\r\n setCollapseMetaData(e, \"manage_assembly_search_collapse2\")}\r\n >\r\n setCollapseMetaData(e, \"manage_assembly_search_collapse3\")}\r\n >\r\n {filter.CustomerId === null || filter.CustomerId === 0 ? (\r\n setCollapseMetaData(e, \"manage_assembly_search_collapse4\")}\r\n >\r\n
\r\n - \r\n {savedFilterList.map((data, index) => (\r\n
- \r\n \r\n {data.title}\r\n \r\n \r\n\r\n \r\n ))}\r\n
\r\n {\r\n var valueMapperOptions = options;\r\n console.log(\"valueMapperOptions\", valueMapperOptions);\r\n $.ajax({\r\n url: \"/WebUI/items/items/SkuDropdownIndexRead\",\r\n type: \"POST\",\r\n dataType: \"json\",\r\n data: {\r\n itemId: valueMapperOptions.value || 0,\r\n customerId: filter.CustomerId || 0,\r\n },\r\n success: function (data) {\r\n options.success(data);\r\n },\r\n });\r\n },\r\n }}\r\n isValuePrimitive={true}\r\n dataSourceObj={{\r\n pageSize: 40,\r\n serverPaging: true,\r\n serverFiltering: true,\r\n type: \"aspnetmvc-ajax\",\r\n transport: {\r\n read: {\r\n url: \"/WebUI/Shipping/FindOrders/SkuDropDownReadLite\",\r\n type: \"POST\",\r\n data: {\r\n customerId: filter.CustomerId,\r\n },\r\n },\r\n },\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n },\r\n }}\r\n />\r\n
\r\n )}\r\n \r\n {isOpenSaveFilterModel && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n onSaveFilter()}\r\n disabled={newFilterTitle === \"\" || filterNameExist}\r\n icon=\"fa-floppy-o\"\r\n showToolTip={filterNameExist}\r\n tooltipText={window.translate(\"Label_Filter_Name_Exist_Message\")}\r\n />\r\n
\r\n \r\n )}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n #if (Description == null) {# #: Sku# #}else{# #:Sku# - #:Description# #}#\"\r\n extraWrapperClass=\"width-40 sku-dropdown-wrapper\"\r\n required={true}\r\n virtualObj={{\r\n itemHeight: 45,\r\n valueMapper: (options) => {\r\n var valueMapperOptions = options;\r\n $.ajax({\r\n url: \"/WebUI/items/items/SkuDropdownAssemblyIndexRead\",\r\n type: \"POST\",\r\n dataType: \"json\",\r\n data: {\r\n itemId: valueMapperOptions.value || 0,\r\n customerId: selectedCustomerId || 0,\r\n },\r\n success: function (data) {\r\n options.success(data);\r\n },\r\n });\r\n },\r\n }}\r\n dataSourceObj={{\r\n type: \"aspnetmvc-ajax\",\r\n pageSize: 30,\r\n serverPaging: true,\r\n serverFiltering: true,\r\n transport: {\r\n read: {\r\n url: \"/WebUI/items/items/SkuDropDownRead\",\r\n type: \"POST\",\r\n data: {\r\n customerId: selectedCustomerId || 0,\r\n isAssembly: true,\r\n },\r\n },\r\n },\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n },\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\nCreateNewassemblyModal.propTypes = {\r\n onCloseCreateNewAssemblyModal: PropTypes.any.isRequired,\r\n isOpenCreateNewAssemblyModal: PropTypes.bool.isRequired,\r\n wmsSelector: PropTypes.string.isRequired,\r\n selectedRow: PropTypes.any.isRequired,\r\n windowId: PropTypes.string.isRequired,\r\n onApplyCreateAssembly: PropTypes.any.isRequired,\r\n isCreateAssemblyLoading: PropTypes.bool.isRequired,\r\n};\r\n\r\nCreateNewassemblyModal.defaultProps = {\r\n onCloseCreateNewAssemblyModal: (): void => {},\r\n isOpenCreateNewAssemblyModal: false,\r\n wmsSelector: \"\",\r\n selectedRow: {},\r\n windowId: \"\",\r\n onApplyCreateAssembly: (): void => {},\r\n isCreateAssemblyLoading: false,\r\n};\r\n\r\nexport default React.memo(CreateNewassemblyModal);\r\n","import React, { useState } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport WmsModel from \"./../react/components/WmsModel/WmsModel\";\r\nimport WmsCollapse from \"./../react/components/WmsCollapse/WmsCollapse\";\r\nimport WmsDropdown from \"./../react/components/WmsDropdown/WmsDropdown\";\r\nimport WmsButton from \"./../react/components/WmsButton/WmsButton\";\r\nimport WmsCheckBox from \"./../react/components/WmsCheckBox/WmsCheckBox.jsx\";\r\nimport WmsFile from \"./../react/components/WmsFile/WmsFile\";\r\n\r\nimport * as GlobalService from \"./../react/global_services\";\r\nimport \"./manageassembly.scss\";\r\n\r\ndeclare var window: any;\r\nconst { $ } = window;\r\nconst defaultImportAssemblyData = {\r\n CustomerId: 0,\r\n FacilityId: 0,\r\n fileName: \"\",\r\n fileSize: \"\",\r\n fileObject: null,\r\n onErrorCancleImport: false,\r\n};\r\n\r\ninterface Props {\r\n onCloseImportAssemblyModal: any;\r\n isOpenImportAssemblyModal: boolean;\r\n wmsSelector: string;\r\n windowId: string;\r\n onApplyImportAssembly: any;\r\n}\r\n\r\nconst ImportassemblyModal: React.FC\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {importAssemblyData.fileName !== \"\" && importAssemblyData.fileSize !== \"\" && (\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\nImportassemblyModal.propTypes = {\r\n onCloseImportAssemblyModal: PropTypes.any.isRequired,\r\n isOpenImportAssemblyModal: PropTypes.bool.isRequired,\r\n wmsSelector: PropTypes.string.isRequired,\r\n windowId: PropTypes.string.isRequired,\r\n onApplyImportAssembly: PropTypes.any.isRequired,\r\n};\r\n\r\nImportassemblyModal.defaultProps = {\r\n onCloseImportAssemblyModal: (): void => {},\r\n isOpenImportAssemblyModal: false,\r\n wmsSelector: \"\",\r\n windowId: \"\",\r\n onApplyImportAssembly: (): void => {},\r\n};\r\n\r\nexport default React.memo(ImportassemblyModal);\r\n","import React, { useState } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport WmsModel from \"./../react/components/WmsModel/WmsModel\";\r\nimport WmsCollapse from \"./../react/components/WmsCollapse/WmsCollapse\";\r\nimport WmsInput from \"./../react/components/WmsInput/WmsInput\";\r\nimport WmsButton from \"./../react/components/WmsButton/WmsButton\";\r\nimport \"./manageassembly.scss\";\r\n\r\ninterface Props {\r\n wmsSelector?: string;\r\n selectedRow?: any;\r\n onCloseCancelAssembly?: any;\r\n isOpenCancelAssemblyModal?: boolean;\r\n onApplyCancelAssembly?: any;\r\n applyingCancelAssembly?: boolean;\r\n selectedAssembliesIds: any;\r\n selectedCustomer: string;\r\n selectedWarehouse: string;\r\n}\r\n\r\nconst defaultCancelAssemblyData = {\r\n charge: \"\",\r\n reason: \"\",\r\n ids: [],\r\n};\r\n\r\ndeclare var window: any;\r\nconst { $ } = window;\r\n\r\nconst CancelAssemblyModal: React.FC\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {props.selectedCustomer}\r\n
\r\n \r\n \r\n {props.selectedWarehouse}\r\n
\r\n \r\n
\r\n \r\n \r\n {props.selectedAssembliesIds.toString()}\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\nCancelAssemblyModal.propTypes = {\r\n wmsSelector: PropTypes.string.isRequired,\r\n selectedRow: PropTypes.any.isRequired,\r\n onCloseCancelAssembly: PropTypes.any.isRequired,\r\n isOpenCancelAssemblyModal: PropTypes.bool.isRequired,\r\n onApplyCancelAssembly: PropTypes.any.isRequired,\r\n applyingCancelAssembly: PropTypes.bool.isRequired,\r\n selectedAssembliesIds: PropTypes.any.isRequired,\r\n selectedCustomer: PropTypes.string.isRequired,\r\n selectedWarehouse: PropTypes.string.isRequired,\r\n};\r\n\r\nCancelAssemblyModal.defaultProps = {\r\n wmsSelector: \"\",\r\n selectedRow: {},\r\n onCloseCancelAssembly: (): void => {},\r\n isOpenCancelAssemblyModal: false,\r\n onApplyCancelAssembly: (): void => {},\r\n applyingCancelAssembly: false,\r\n selectedAssembliesIds: [],\r\n selectedCustomer: \"\",\r\n selectedWarehouse: \"\",\r\n};\r\n\r\nexport default React.memo(CancelAssemblyModal);\r\n","import React, { useState, useEffect } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n//component\r\nimport WmsModel from \"./../react/components/WmsModel/WmsModel\";\r\nimport WmsDropdown from \"./../react/components/WmsDropdown/WmsDropdown\";\r\nimport WmsGrid from \"./../react/components/WmsGrid/WmsGrid\";\r\nimport WmsInput from \"./../react/components/WmsInput/WmsInput\";\r\nimport WmsDateTimePicker from \"./../react/components/WmsDateTimePicker/WmsDateTimePicker\";\r\nimport WmsButton from \"./../react/components/WmsButton/WmsButton\";\r\nimport * as GlobalService from \"./../react/global_services\";\r\nimport { StringWms } from \"./../../assets/ts/StringWms\";\r\nimport { KendoGridWms } from \"./../../assets/ts/KendoGridWms\";\r\nimport WmsContainer from \"./../react/components/WmsContainer/WmsContainer\";\r\nimport \"./manageassembly.scss\";\r\n\r\nimport { kendo } from \"./../react/global_variable_service\";\r\nimport * as ManageAssemblyServices from \"./manage-assembly.services\";\r\nimport * as GridConfig from \"./manage-assembly-grid-configuration\";\r\n\r\ndeclare var window: any;\r\nconst { $ } = window;\r\ninterface Props {\r\n wmsSelector: string;\r\n windowId: string;\r\n isOpenEditAllocationModal: boolean;\r\n onCloseEditAllocationModal: any;\r\n isEditAllocationLoading: boolean;\r\n AllocationObj: any;\r\n onResetAllocationGridAndSelection: any;\r\n onGridItemChange: any;\r\n}\r\nconst defaultFilter = {\r\n IndexOptionsSku: 0,\r\n Sku: \"\",\r\n IndexOptionsDescription: 0,\r\n Description: \"\",\r\n IndexOptionsQualifier: 0,\r\n Qualifier: \"\",\r\n IndexOptionsAvailableQty: 0,\r\n CustomField: \"\",\r\n IndexOptionsLotNumber: 0,\r\n LotNumber: \"\",\r\n IndexOptionsSerialNumber: 0,\r\n SerialNumber: \"\",\r\n IndexOptionsSupplier: 0,\r\n Supplier: \"\",\r\n IndexOptionsCost: 0,\r\n Cost: \"\",\r\n ExpDateBegin: null,\r\n ExpDateEnd: null,\r\n IndexOptionsReceiptRefId: 0,\r\n ReceiptRefId: \"\",\r\n IndexOptionsPoNumber: 0,\r\n PoNumber: \"\",\r\n IndexOptionsLocation: 0,\r\n Location: \"\",\r\n IndexOptionsPallet: 0,\r\n Pallet: \"\",\r\n IndexOptionsTrailerContainerNumber: 0,\r\n TrailerContainerNumber: \"\",\r\n ReceiptFirstTransaction: null,\r\n ReceiptLastTransaction: null,\r\n ReceiptBeginDate: null,\r\n ReceiptEndDate: null,\r\n};\r\n\r\nconst EditAllocationModal: React.FC\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {props.AllocationObj.modalType === \"GridMassAdd\" && (\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {isGridEditAllocations && (\r\n \r\n \r\n )}\r\n
\r\n\r\n \r\n
\r\n - \r\n
- \r\n
{customLabels.Label_Sku}:
\r\n{props.AllocationObj.Sku}
\r\n \r\n - \r\n
{window.translate(\"Label_Description\")}:
\r\n{props.AllocationObj.ItemDescription}
\r\n \r\n - \r\n
{window.translate(\"Label_Qualifier\")}:
\r\n\r\n {StringWms.isEmpty(props.AllocationObj.Qualifier)\r\n ? \"-\"\r\n : props.AllocationObj.Qualifier}\r\n
\r\n \r\n - \r\n
\r\n {window.translate(\"Label_Total_Ordered\")}:\r\n
\r\n{props.AllocationObj.totalOrdered}
\r\n \r\n - \r\n
\r\n {window.translate(\"Label_Selected_Quantity\")}:\r\n
\r\n{totalQuantity}
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {props.AllocationObj.modalType === \"GridMassAdd\" && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {}}\r\n getGridSelectionUrl={\"\"}\r\n filterObject={filterObject}\r\n searchUrl={\"/WebUI/Shipping/UpdateSession/FilterSearchInfoSend\"}\r\n gridEditable={true}\r\n onGridChange={onGridChange}\r\n onGridSave={onGridSave}\r\n onLoadGrid={onLoadGrid}\r\n resetButtonLabel={window.translate(\"Label_Options\")}\r\n menu={[]}\r\n />\r\n
\r\n \r\n \r\n {window.translate(\"Label_warning_for_total_weight_and_volume_add_edit\")}\r\n
\r\n {(totalQuantity > props.AllocationObj.totalOrdered || valueGreater) && isGridEditAllocations ? (\r\n \r\n {window.translate(\r\n \"Label_You_cannot_allocate_more_units_than_specified_in_the_line_item\"\r\n )}\r\n
\r\n ) : null}\r\n {isGridEditAllocations && totalQuantity < props.AllocationObj.totalOrdered ? (\r\n {window.translate(\"Label_You_Cannot_Remove_Quantity\")}
\r\n ) : null}\r\n {props.AllocationObj.modalType === \"GridMassAdd\" && valueGreater && (\r\n {window.translate(\"Label_You_May_Not_Add\")}\r\n )}\r\n \r\n
\r\n \r\n );\r\n};\r\nEditAllocationModal.propTypes = {\r\n wmsSelector: PropTypes.string.isRequired,\r\n windowId: PropTypes.string.isRequired,\r\n isOpenEditAllocationModal: PropTypes.bool.isRequired,\r\n onCloseEditAllocationModal: PropTypes.any.isRequired,\r\n isEditAllocationLoading: PropTypes.bool.isRequired,\r\n AllocationObj: PropTypes.any.isRequired,\r\n onResetAllocationGridAndSelection: PropTypes.any.isRequired,\r\n onGridItemChange: PropTypes.any.isRequired,\r\n};\r\n\r\nEditAllocationModal.defaultProps = {\r\n wmsSelector: \"\",\r\n windowId: \"\",\r\n isOpenEditAllocationModal: false,\r\n onCloseEditAllocationModal: (): void => {},\r\n isEditAllocationLoading: false,\r\n AllocationObj: {},\r\n onResetAllocationGridAndSelection: (): void => {},\r\n onGridItemChange: (): void => {},\r\n};\r\n\r\nexport default React.memo(EditAllocationModal);\r\n","import React, { useState, useEffect } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport WmsModel from \"../react/components/WmsModel/WmsModel\";\r\n\r\nimport WmsCollapse from \"../react/components/WmsCollapse/WmsCollapse\";\r\nimport WmsInput from \"../react/components/WmsInput/WmsInput\";\r\nimport WmsTextArea from \"../react/components/WmsTextArea/WmsTextArea\";\r\nimport WmsDateTimePicker from \"../react/components/WmsDateTimePicker/WmsDateTimePicker\";\r\nimport WmsButton from \"../react/components/WmsButton/WmsButton\";\r\nimport * as GlobalService from \"../react/global_services\";\r\nimport WmsDropdownList from \"../react/components/WmsDropdownList/WmsDropdownList.jsx\";\r\nimport WmsComboBox from \"../react/components/WmsComboBox/WmsComboBox.jsx\";\r\nimport WmsCheckBox from \"../react/components/WmsCheckBox/WmsCheckBox.jsx\";\r\nimport * as ManageAssemblyServices from \"./manage-assembly.services\";\r\nimport EditAllocationModal from \"./edit-allocation-model.component\";\r\nimport WmsGrid from \"../react/components/WmsGrid/WmsGrid.jsx\";\r\nimport { CreateManualChargeModel } from \"../react/orders/findOrders/model/create-manual-charge-model.component.jsx\";\r\nimport { StringWms } from \"../../assets/ts/StringWms\";\r\nimport * as GridConfig from \"./manage-assembly-grid-configuration\";\r\nimport { ObjectWms } from \"../../assets/ts/ObjectWms\";\r\n\r\nimport \"./manageassembly.scss\";\r\nimport { Big } from \"../react/global_variable_service\";\r\n\r\ndeclare var window: any;\r\nconst { $ } = window;\r\ninterface Props {\r\n wmsSelector: string;\r\n windowId: string;\r\n selectedRow: any;\r\n isOpenEditAssemblyModal: boolean;\r\n onCloseEditAssemblyModal: any;\r\n isEditAssemblyLoading: boolean;\r\n onApplyEditAssembly: any;\r\n}\r\nconst defaultItemTrackByDetail = {\r\n TrackLotNumber: 0,\r\n TrackSerialNumber: 0,\r\n TrackExpirationDate: 0,\r\n TrackCost: 0,\r\n};\r\nconst EditAssemblyModal: React.FC\r\n addLineItem(\"AddNew\")}\r\n disabled={valueGreater || savingGif.savingGifAddNew}\r\n icon=\"fa-plus\"\r\n loading={savingGif.savingGifAddNew}\r\n />\r\n\r\n addLineItem(\"AddExit\")}\r\n disabled={valueGreater}\r\n icon=\"fa-plus\"\r\n loading={savingGif.savingGifAddExit}\r\n />\r\n
\r\n )}\r\n \r\n {!isLoading && (\r\n <>\r\n \r\n \r\n \r\n null}\r\n isColumnsResizable={true}\r\n isColumnsReorderable={true}\r\n isColumnMenuenable={false}\r\n isColumnsSortable={true}\r\n parentClassName={\"allocationGridHolder\"}\r\n showResetMenu={false}\r\n showResetButton={false}\r\n IsMultipleSelectable={false}\r\n menu={[]}\r\n shawCheckbox={false}\r\n onDataBound={boundGridData}\r\n />\r\n \r\n\r\n \r\n
\r\n\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {assemblyData.CustomerName}\r\n
\r\n \r\n \r\n {assemblyData.FacilityName}\r\n
\r\n \r\n \r\n {assemblyData.Qty}\r\n
\r\n \r\n
\r\n \r\n \r\n {assemblyData?.Sku}\r\n
\r\n \r\n \r\n {assemblyData.ReferenceNum}\r\n
\r\n \r\n
\r\n
\r\n \r\n {itemTrackByDetail.TrackLotNumber !== 0 && (\r\n
\r\n \r\n {trackLocation !== 0 && (\r\n ${ Name } - ${Description}\"}\r\n dataSourceObj={{\r\n type: \"aspnetmvc-ajax\",\r\n pageSize: 50,\r\n serverPaging: true,\r\n serverFiltering: true,\r\n transport: {\r\n read: {\r\n url: \"/WebUI/items/items/LocationDropDownRead\",\r\n type: \"POST\",\r\n data: {\r\n facilityId: assemblyData.FacilityId,\r\n },\r\n },\r\n },\r\n schema: {\r\n data: \"Data\",\r\n total: \"Total\",\r\n },\r\n }}\r\n />\r\n )}\r\n {muTrackPallats !== 0 && (\r\n <>\r\n
\r\n \r\n \r\n null}\r\n shawCheckbox={false}\r\n showGridResult={false}\r\n staticGridData={assemblyData.BillingCharges ? assemblyData.BillingCharges : []}\r\n showSortColumns={false}\r\n onDataBound={onDataBound}\r\n gridEditable={{\r\n confirmation: false,\r\n }}\r\n onEdit={onEdit}\r\n onGridSave={EventSaveGridAppliedCharges}\r\n onChange={appliedChargesGridChange}\r\n menu={[\r\n {\r\n \"name\": window.translate(\"Label_Recalculate_AutoCharges\"),\r\n \"value\": [],\r\n \"disabled\": isManualChargeLoading,\r\n \"disabledText\": \"You may not add blahssss\",\r\n \"icon\": \"fa fa-calculator\",\r\n \"color\": \"green\",\r\n \"clickFunc\": calculateChargesClick,\r\n \"wmsSelector\": props.wmsSelector + \"RecalculateAutoCharges\",\r\n \"loading\": isManualChargeLoading,\r\n \"isContextMenu\": false,\r\n },\r\n {\r\n \"name\": window.translate(\"Label_Create_Manual_Charge\"),\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"icon\": \"fa fa-keyboard-o\",\r\n \"color\": \"green\",\r\n \"clickFunc\": openCreateManualChargeModel,\r\n \"wmsSelector\": props.wmsSelector + \"CreateManualCharge\",\r\n \"isContextMenu\": false,\r\n },\r\n {\r\n \"name\": window.translate(\"Label_Delete\"),\r\n \"value\": [],\r\n \"disabledText\": \"You may not add blahssss\",\r\n \"disabled\": !isManualCharge,\r\n \"icon\": \"fa-trash\",\r\n \"color\": \"red\",\r\n \"clickFunc\": openConfirmationModal,\r\n \"wmsSelector\": props.wmsSelector + \"DeleteManualCharge\",\r\n \"isContextMenu\": false,\r\n },\r\n ]}\r\n />\r\n
\r\n \r\n \r\n )}\r\n \r\n
\r\n TOTAL
\r\n \r\n {}}\r\n label={\"\"}\r\n value={totalSum}\r\n />\r\n
\r\n \r\n
\r\n \r\n {isOpenEditAllocationModal && (\r\n {window.translate(\"Label_Confirm_Selected_Charges\")}
\r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n};\r\nEditAssemblyModal.propTypes = {\r\n wmsSelector: PropTypes.string.isRequired,\r\n windowId: PropTypes.string.isRequired,\r\n selectedRow: PropTypes.any.isRequired,\r\n isOpenEditAssemblyModal: PropTypes.bool.isRequired,\r\n onCloseEditAssemblyModal: PropTypes.any.isRequired,\r\n isEditAssemblyLoading: PropTypes.bool.isRequired,\r\n onApplyEditAssembly: PropTypes.any.isRequired,\r\n};\r\n\r\nEditAssemblyModal.defaultProps = {\r\n wmsSelector: \"\",\r\n windowId: \"\",\r\n selectedRow: {},\r\n isOpenEditAssemblyModal: false,\r\n onCloseEditAssemblyModal: (): void => {},\r\n isEditAssemblyLoading: false,\r\n onApplyEditAssembly: (): void => {},\r\n};\r\n\r\nexport default React.memo(EditAssemblyModal);\r\n","import React, { useState, useCallback, useEffect } from \"react\";\r\n\r\nimport VirtualGridComponent from \"../react/components_proto/VirtualGridComponent/VirtualGridComponent\";\r\nimport { StringWms } from \"../../assets/ts/StringWms\";\r\nimport { ArrayWms } from \"../../assets/ts/ArrayWms\";\r\n\r\nimport * as GlobalService from \"../react/global_services\";\r\nimport * as GridConfig from \"./manage-assembly-grid-configuration\";\r\nimport PropTypes from \"prop-types\";\r\nimport \"./manageassembly.scss\";\r\nimport { AddEditColumnModel } from \"../react/components/AddEditColumn/add-edit-columns.component\";\r\nimport { ConcurrencyManager } from \"../../assets/vendor/concurrencyManager/concurrencyManager\";\r\nimport { LoadingModel } from \"../react/components/LoadingModel/LoadingModel\";\r\nimport * as ManageAssemblyServices from \"./manage-assembly.services\";\r\nimport CreateNewassemblyModal from \"./create-new-assembly.modal.component\";\r\nimport ImportassemblyModal from \"./import-assembly.modal.component\";\r\nimport CancelAssemblyModal from \"./cancel-assembly.modal.component\";\r\nimport EditAssemblyModal from \"./edit-assembly.modal.component\";\r\nimport { AttachDocuments } from \"../react/components/AttachDocuments/AttachDocuments\";\r\nimport _ from \"lodash\";\r\nvar axios = require(\"axios\");\r\n\r\ninterface gridFilterType {\r\n CustomerId: number;\r\n FacilityId: number;\r\n Skus: any;\r\n ReferenceNum: string;\r\n StartDueDate: string;\r\n EndDueDate: string;\r\n IndexOptionsStatus: number;\r\n}\r\n\r\ninterface Props {\r\n wmsSelector: string;\r\n windowId: string;\r\n sharedFilterObject: gridFilterType;\r\n}\r\n\r\ndeclare var window: any;\r\nconst { $ } = window;\r\n\r\nconst layerIcon = \"fa-layer-group\";\r\nconst defaultAssemblyItem = {\r\n // General\r\n AssemblyId: 0,\r\n EditUri: null,\r\n FileSummariesUri: null,\r\n Status: null,\r\n\r\n // transaction details\r\n CustomerId: 0,\r\n FacilityId: 0,\r\n ItemId: 0,\r\n Qty: 0,\r\n ReferenceNum: null,\r\n ExpectedDate: new Date(),\r\n Notes: null,\r\n Customer: null,\r\n\r\n // Inventory\r\n LotNumber: null,\r\n SerialNumber: null,\r\n ExpirationDate: null,\r\n Cost: null,\r\n LocationInfo: {\r\n locationId: null,\r\n },\r\n PalletInfo: {\r\n Label: null,\r\n SplitOverCapacityOnCreate: null,\r\n },\r\n\r\n //Billing details\r\n BillingCharges: [\r\n {\r\n chargeTypeId: 0,\r\n chargePerUnit: 0.0,\r\n unitDescription: null,\r\n totalCharges: 0.0,\r\n chargeLabel: \"Manual entry made\",\r\n numberOfUnits: 1,\r\n sku: null,\r\n\r\n // not required\r\n // \"warehouseTransactionPriceCalcId\": 0,\r\n // \"chargeOrigin\": 0,\r\n // \"chargeTypeDescription\": null,\r\n // \"notes\": null,\r\n // \"generalLedgerAccount\": null,\r\n // \"externalAccountsReceivable\": null,\r\n // \"externalItemIdentifier\": null,\r\n // \"externalItemDescription\": null,\r\n // \"systemGenerated\": false,\r\n // \"unsavedManualCharge\": false\r\n },\r\n ],\r\n\r\n // not required\r\n // Description: null,\r\n // CanFinalize: false,\r\n // InvoiceNumber: null,\r\n // ExternalId: null,\r\n // ProcessDate: null,\r\n // AssemblyItemsCount: 0,\r\n // SavedElements: null,\r\n // PalletInfo: null,\r\n};\r\nconst ManageAssembliesGridId = \"GridManageAssembly\";\r\nlet localKendoGrid = null;\r\n\r\nconst ManageAssemblyGrid: React.FC\";\r\n return item;\r\n });\r\n filterText = filterText.slice(0, -1);\r\n setFilterText(filterText);\r\n setFullFilterText(fullFilterText);\r\n };\r\n // on grid column sort save changes in meta data object\r\n const onSort = (event) => {\r\n var grid = $(gridDomSelector).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n GlobalService.sortDataset(sortArray, event.sort);\r\n var gridColumn = grid.getOptions().columns;\r\n var finalSubmission = localKendoGrid.prepareGridOptionsForStorage(\r\n gridColumn,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n ManageAssemblyServices.setManageAssemblyGridOptionInMetaData(finalSubmission);\r\n };\r\n // on grid column reorder save changes in meta data object\r\n const onColumnReorder = (event) => {\r\n var grid = $(gridDomSelector).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let gridColumn = grid.getOptions().columns;\r\n let switchedArray = ArrayWms.switchIndexByField(gridColumn, event.newIndex, event.oldIndex);\r\n let finalSubmission = localKendoGrid.prepareGridOptionsForStorage(\r\n switchedArray,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n ManageAssemblyServices.setManageAssemblyGridOptionInMetaData(finalSubmission);\r\n };\r\n // on grid column resize save changes in meta data object\r\n const onColumnResize = () => {\r\n var grid = $(gridDomSelector).data(\"kendoGrid\");\r\n var sortArray = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = localKendoGrid.prepareGridOptionsForStorage(\r\n grid.columns,\r\n sortArray,\r\n grid.dataSource.filter()\r\n );\r\n ManageAssemblyServices.setManageAssemblyGridOptionInMetaData(finalSubmission);\r\n };\r\n // on click grid clear sort menu\r\n const onClickClearSorts = () => {\r\n var grid = $(gridDomSelector).data(\"kendoGrid\");\r\n var finalSubmission = localKendoGrid.prepareGridOptionsForStorage(grid.columns, [], grid.dataSource.filter());\r\n ManageAssemblyServices.setManageAssemblyGridOptionInMetaData(finalSubmission);\r\n };\r\n // on click grid reset default grid layout menu\r\n const onClickResetGrid = () => {\r\n var finalSubmission = {\r\n optionsData: {},\r\n };\r\n ManageAssemblyServices.setManageAssemblyGridOptionInMetaData(finalSubmission);\r\n };\r\n const eventClickExportGrid = () => {\r\n $(gridDomSelector).getKendoGrid().saveAsExcel();\r\n };\r\n const getGridFilter = useCallback(() => {\r\n let GridFilterData = props.sharedFilterObject;\r\n\r\n if (GridFilterData.CustomerId !== 0) {\r\n let selectedCustomer = GlobalService.getCustomerById(GridFilterData.CustomerId);\r\n if (selectedCustomer == null) {\r\n GridFilterData.CustomerId = 0;\r\n }\r\n }\r\n return GridFilterData;\r\n }, [props.sharedFilterObject]);\r\n const listGrid_dataBind = (data) => {\r\n _.map(data, function (value) {\r\n value.TotalCharges = 0;\r\n _.map(value.Billing, function (subValue) {\r\n value.TotalCharges += subValue.TotalCharges;\r\n return value;\r\n });\r\n return data;\r\n });\r\n setGridData(data);\r\n };\r\n // // on new filter data clear selection of grid\r\n const clearSelectionOfGrid = () => {\r\n if (localKendoGrid != null) {\r\n localKendoGrid.clearSelections(() => {\r\n localKendoGrid.repaintSelections();\r\n });\r\n }\r\n };\r\n const refreshGrid = () => {\r\n clearSelectionOfGrid();\r\n callForGetTotalCount(true, true);\r\n };\r\n const onToggleColumnModal = (isOpen) => () => {\r\n setIsOpenColumnModal(isOpen);\r\n };\r\n const saveMetaData = () => {\r\n var grid = $(gridDomSelector).data(\"kendoGrid\");\r\n var sort = grid.dataSource.sort() ? grid.dataSource.sort() : [];\r\n let finalSubmission = localKendoGrid.prepareGridOptionsForStorage(grid.columns, sort, grid.dataSource.filter());\r\n ManageAssemblyServices.setManageAssemblyGridOptionInMetaData(finalSubmission);\r\n };\r\n // Cancel axios call if new filter applied\r\n const cancelLoadAllData = () => {\r\n if (firstFiftyAxiosSource) {\r\n firstFiftyAxiosSource.cancel();\r\n firstFiftyAxiosSource = null;\r\n }\r\n if (axiosSource) {\r\n axiosSource.cancel();\r\n axiosSource = null;\r\n }\r\n isApiCanceled = true;\r\n setIsGridDataLoading(false);\r\n setOverlayScreenShow(false);\r\n setGridData([]);\r\n setIsAllDataLoad(false);\r\n };\r\n const callForGetTotalCount = (clearData = true, clearGridSelection = false) => {\r\n setRecordsCount(0);\r\n setIsFilterRowCountLoading(true);\r\n setShowLoadingError(false);\r\n\r\n if (clearGridSelection) {\r\n setSelectedRowCount(0);\r\n setIsAllDataLoad(false);\r\n }\r\n\r\n var param_filterObj = Object.assign({}, getGridFilter());\r\n param_filterObj.StartDueDate = param_filterObj.StartDueDate\r\n ? StringWms.convertFilterStringToISODate(param_filterObj.StartDueDate, \"\", false, true).isoStringUTC\r\n : null;\r\n param_filterObj.EndDueDate = param_filterObj.EndDueDate\r\n ? StringWms.convertFilterStringToISODate(param_filterObj.EndDueDate, \"23:59:59\", false, true).isoStringUTC\r\n : null;\r\n if (filterCountAxiosSource) {\r\n filterCountAxiosSource.cancel();\r\n filterCountAxiosSource = null;\r\n }\r\n // on filter update cancel axiosSource call if any running\r\n cancelLoadAllData();\r\n filterCountAxiosSource = axios.CancelToken.source();\r\n\r\n // Call for FilterRowCount.\r\n ManageAssemblyServices.setGridFiltere(param_filterObj, filterCountAxiosSource.token)\r\n .then((response: any) => {\r\n setRecordsCount(response.data);\r\n if (clearData) {\r\n setGridData([]);\r\n }\r\n filterCountAxiosSource = null;\r\n })\r\n .finally(() => {\r\n setIsFilterRowCountLoading(false);\r\n });\r\n };\r\n const resetGridAllMessage = () => {\r\n if (isAllDataLoad) {\r\n setIsNewColumnAdded(true);\r\n }\r\n };\r\n const sequence = (n) => {\r\n let seq = [];\r\n for (let i = 0; i < n; i++) {\r\n seq.push(i);\r\n }\r\n return seq;\r\n };\r\n const getAllResponseData = (data) => {\r\n if (!isApiCanceled) {\r\n let allData = [];\r\n data.forEach((obj) => {\r\n allData = [...obj.Data, ...allData];\r\n });\r\n listGrid_dataBind(allData);\r\n setOverlayScreenShow(false);\r\n setIsGridDataLoading(false);\r\n setIsAllDataLoad(true);\r\n setIsNewColumnAdded(false);\r\n } else {\r\n setIsGridDataLoading(false);\r\n }\r\n };\r\n const loadAllRecords = (isLoaderPopupShow) => {\r\n isApiCanceled = false;\r\n if (isLoaderPopupShow) {\r\n setIsGridDataLoading(true);\r\n setGridData([]);\r\n }\r\n\r\n var param_filterObj = Object.assign({}, getGridFilter());\r\n param_filterObj.CustomerId = param_filterObj.CustomerId === 0 ? null : param_filterObj.CustomerId;\r\n param_filterObj.FacilityId = param_filterObj.FacilityId === 0 ? null : param_filterObj.FacilityId;\r\n param_filterObj.StartDueDate = param_filterObj.StartDueDate\r\n ? StringWms.convertFilterStringToISODate(param_filterObj.StartDueDate, \"\", false, true).isoStringUTC\r\n : null;\r\n param_filterObj.EndDueDate = param_filterObj.EndDueDate\r\n ? StringWms.convertFilterStringToISODate(param_filterObj.EndDueDate, \"23:59:59\", false, true).isoStringUTC\r\n : null;\r\n axiosSource = axios.CancelToken.source();\r\n let api = axios.create({\r\n baseURL: \"/WebUI/assemblies/FindAssemblies\",\r\n headers: { \"Access-Control-Allow-Origin\": \"*\" },\r\n cancelToken: axiosSource.token,\r\n });\r\n const MAX_CONCURRENT_REQUESTS = 3;\r\n let totalRequest = Math.ceil(recordsCount / gridPageSize);\r\n setTotalRequest(totalRequest);\r\n var manager = ConcurrencyManager(api, MAX_CONCURRENT_REQUESTS, GlobalService);\r\n let enableColumns = getEnableColumns();\r\n Promise.all(\r\n sequence(totalRequest).map((i) =>\r\n api.post(\"/AssembliesData?sorts=[]&filters=[]&pgnum=\" + (i + 1) + \"&pgsiz=\" + gridPageSize, {\r\n columns: enableColumns,\r\n assemblySearchInfo: param_filterObj,\r\n })\r\n )\r\n )\r\n .then((responses) => {\r\n let assembliesData = responses.map((r) => r.data);\r\n getAllResponseData(assembliesData);\r\n })\r\n .catch((error) => {\r\n setShowLoadingError(true);\r\n cancelLoadAllData();\r\n })\r\n .then(() => {\r\n if (manager) {\r\n manager.detach();\r\n }\r\n });\r\n };\r\n const getEnableColumns = () => {\r\n var defaultParam = [\r\n \"Sku\",\r\n \"Customer\",\r\n \"Warehouse\",\r\n \"Qty\",\r\n \"ReferenceNum\",\r\n \"ExpectedDate\",\r\n \"Status\",\r\n \"FileSummariesUri\",\r\n \"FullyAllocated\",\r\n \"HasAllocations\",\r\n ];\r\n let columnList = [];\r\n\r\n let grid = $(gridDomSelector).data(\"kendoGrid\");\r\n // if grid already defined than we get columns from grid\r\n if (typeof grid != \"undefined\") {\r\n columnList = grid.columns;\r\n } else {\r\n // else get column list from metadataObject or default columns\r\n columnList = GridConfig.getGridDefaultColumns(gridHeaders, props.wmsSelector + \"Grid\").columns;\r\n }\r\n\r\n var enableColumns = columnList.map((el) => el.field);\r\n // merge defaultParam and enableColumns without dublicate value\r\n return _.uniq(defaultParam.concat(enableColumns));\r\n };\r\n const callForGetNewData = () => {\r\n if (recordsCount > 0 && recordsCount <= gridPageSize) {\r\n loadAllRecords(false);\r\n } else {\r\n resetGridAllMessage();\r\n }\r\n };\r\n const onClickLoadAllRecords = () => {\r\n var param_filterObj = Object.assign({}, getGridFilter());\r\n param_filterObj.CustomerId = param_filterObj.CustomerId === 0 ? null : param_filterObj.CustomerId;\r\n param_filterObj.FacilityId = param_filterObj.FacilityId === 0 ? null : param_filterObj.FacilityId;\r\n param_filterObj.StartDueDate = param_filterObj.StartDueDate\r\n ? StringWms.convertFilterStringToISODate(param_filterObj.StartDueDate, \"\", false, true).isoStringUTC\r\n : null;\r\n param_filterObj.EndDueDate = param_filterObj.EndDueDate\r\n ? StringWms.convertFilterStringToISODate(param_filterObj.EndDueDate, \"23:59:59\", false, true).isoStringUTC\r\n : null;\r\n\r\n let enableColumns = getEnableColumns();\r\n setOverlayScreenShow(true);\r\n\r\n if (firstFiftyAxiosSource) {\r\n firstFiftyAxiosSource.cancel();\r\n firstFiftyAxiosSource = null;\r\n }\r\n firstFiftyAxiosSource = axios.CancelToken.source();\r\n axios\r\n .post(\r\n \"/WebUI/assemblies/FindAssemblies/AssembliesData?sorts=[]&filters=[]&pgnum=1&pgsiz=50\",\r\n {\r\n params: param_filterObj,\r\n columns: enableColumns,\r\n },\r\n { cancelToken: firstFiftyAxiosSource.token }\r\n )\r\n .then((response) => {\r\n firstFiftyAxiosSource = \"\";\r\n setGridData(response.data.Data);\r\n loadAllRecords(false);\r\n });\r\n };\r\n\r\n const openCreateModel = () => {\r\n setSelectedRow(defaultAssemblyItem);\r\n setIsOpenCreateModel(true);\r\n };\r\n const onCloseCreateNewAssemblyModal = () => {\r\n setIsOpenCreateModel(false);\r\n };\r\n const onApplyCreateAssembly = (formData) => {\r\n setIsCreateAssemblyLoading(true);\r\n setIsGridDataLoading(true);\r\n\r\n ManageAssemblyServices.createAssembly(formData)\r\n .then((response) => {\r\n // setSelectedRowCount(0);\r\n setSelectedRow(response.data);\r\n setIsOpenCreateModel(false);\r\n\r\n GlobalService.notification(\"success\", window.translate(\"Create_Assembly_Created_Successfully\"));\r\n refreshGrid();\r\n setIsOpenEditModel(true);\r\n })\r\n .finally(() => {\r\n kendo.ui.progress($(\"#CreateNewAssemblyModel\"), false);\r\n setIsCreateAssemblyLoading(false);\r\n setIsGridDataLoading(false);\r\n });\r\n };\r\n const openImportModel = () => {\r\n setIsOpenImportModel(true);\r\n };\r\n const onCloseImportModal = () => {\r\n setIsOpenImportModel(false);\r\n };\r\n const onApplyImportAssembly = () => {\r\n refreshGrid();\r\n };\r\n const openEditModel = () => {\r\n setIsOpenEditModel(true);\r\n };\r\n const onCloseEditModal = () => {\r\n setIsOpenEditModel(false);\r\n };\r\n const openCancelAssemblyModel = () => {\r\n setIsOpenCancelAssemblyModal(true);\r\n };\r\n const closeCancelAssemblyModel = () => {\r\n setIsOpenCancelAssemblyModal(false);\r\n };\r\n const onApplyCancelAssembly = (tempCancelAssemblyData) => {\r\n setApplyingCancelAssembly(true);\r\n\r\n ManageAssemblyServices.CancelAssembly(tempCancelAssemblyData)\r\n .then(() => {\r\n GlobalService.notification(\"success\", window.translate(\"Assembly_cancelled_Successfully\"));\r\n refreshGrid();\r\n })\r\n .finally(() => {\r\n kendo.ui.progress($(\"#CancelAssemblyModal\"), false);\r\n setApplyingCancelAssembly(false);\r\n setIsOpenCancelAssemblyModal(false);\r\n });\r\n };\r\n const confirmAssembly = () => {\r\n setIsGridDataLoading(true);\r\n if (sharedSelectedAssembliesIds.length === 1) {\r\n ManageAssemblyServices.confirmAssemblies(sharedSelectedAssembliesIds)\r\n .then((response) => {\r\n GlobalService.notification(\"success\", window.translate(\"Assembly_Confirmed_Successfully\"));\r\n refreshGrid();\r\n })\r\n .finally(() => {\r\n setIsGridDataLoading(false);\r\n });\r\n } else {\r\n ManageAssemblyServices.confirmSingleAssembly(sharedSelectedAssembliesIds[0])\r\n .then((response) => {\r\n GlobalService.notification(\"success\", window.translate(\"Assembly_Confirmed_Successfully\"));\r\n refreshGrid();\r\n })\r\n .finally(() => {\r\n setIsGridDataLoading(false);\r\n });\r\n }\r\n };\r\n const onClickBilOfMaterialMenu = (reportUrl, assemblyIds) => {\r\n setIsGridDataLoading(true);\r\n let param_obj = {\r\n \"requestBody\": {\r\n \"RunnerUriTemplate\": reportUrl ?? \"/reportdefs/ssrs/BillOfMaterials/runner{?parameters}\",\r\n \"TransactionIds\": assemblyIds,\r\n \"ShowCharges\": null,\r\n \"ShowPackages\": null,\r\n \"UtcOffset\": \"-6\",\r\n \"OutputType\": outPutTypePDF,\r\n },\r\n };\r\n let url = \"/WebUI/assemblies/FindAssemblies/RunBillOfMaterialReport\";\r\n ManageAssemblyServices.getReport(url, param_obj)\r\n .then(generateReport)\r\n .finally(() => {\r\n setIsGridDataLoading(false);\r\n });\r\n };\r\n const onClickTransactionReportMenu = (reportUrl, assemblyIds) => {\r\n setIsGridDataLoading(true);\r\n let param_obj = {\r\n \"requestBody\": {\r\n \"RunnerUriTemplate\": reportUrl ?? \"/reportdefs/ssrs/ViewTransaction/runner{?parameters}\",\r\n \"TransactionIds\": assemblyIds,\r\n \"ShowCharges\": null,\r\n \"ShowPackages\": null,\r\n \"UtcOffset\": \"-6\",\r\n \"OutputType\": outPutTypePDF,\r\n },\r\n };\r\n let url = \"/WebUI/assemblies/FindAssemblies/RunViewTransactionReport\";\r\n ManageAssemblyServices.getReport(url, param_obj)\r\n .then(generateReport)\r\n .finally(() => {\r\n setIsGridDataLoading(false);\r\n });\r\n };\r\n const onClickMULabelMenu = (reportUrl, assemblyIds) => {\r\n setIsGridDataLoading(true);\r\n let param_obj = {\r\n \"requestBody\": {\r\n \"RunnerUriTemplate\": reportUrl ?? \"/reportdefs/ssrs/PalletID/runner{?parameters,alternatepath}\",\r\n \"TransactionId\": assemblyIds[0],\r\n \"OutputType\": outPutTypePDF,\r\n },\r\n };\r\n let url = \"/WebUI/assemblies/FindAssemblies/RunMULabelReport\";\r\n ManageAssemblyServices.getReport(url, param_obj)\r\n .then(generateReport)\r\n .finally(() => {\r\n setIsGridDataLoading(false);\r\n });\r\n };\r\n const generateReport = (response) => {\r\n var blob = ArrayWms.convertBase64ToByteArray(response.data, outPutTypePDF);\r\n ArrayWms.displayBlobInWindow(blob, \"report.pdf\");\r\n refreshGrid();\r\n };\r\n const afterApplyEditAssembly = () => {\r\n refreshGrid();\r\n setIsOpenEditModel(false);\r\n };\r\n\r\n const attachFiles = (e) => {\r\n var sharedAttachObj = {\r\n \"isAssembly\": true,\r\n \"uri\": selectedRow.FileSummariesUri,\r\n \"fileSummariesUri\": selectedRow.FileSummariesUri,\r\n \"getAttachedDocsInfoUrl\":\r\n \"/WebUI/assemblies/FindAssemblies/GetAttachedDocsInfo?fileSummariesUri=\" + selectedRow.FileSummariesUri,\r\n \"getAttachedDocsInfoMethod\": \"GET\",\r\n \"getAttachedDocsInfoPayload\": {},\r\n \"attachdocumentUrl\":\r\n \"/WebUI/assemblies/FindAssemblies/AttachDocsToAssembly?fileSummariesUri=\" +\r\n selectedRow.FileSummariesUri,\r\n \"removeAttachDocUrl\":\r\n \"/WebUI/assemblies/FindAssemblies/DeleteAttachedDoc?fileSummariesUri=\" + selectedRow.FileSummariesUri,\r\n \"selectedOrderData\": selectedRow,\r\n \"customer\": selectedRow.Customer,\r\n \"transactionId\": selectedRow.AssemblyId,\r\n };\r\n setSharedAttachObj(sharedAttachObj);\r\n setIsOpenAttachDoc(true);\r\n };\r\n\r\n const isAllSelectedStatusOpen = () => {\r\n // localKendoGrid\r\n let grid = $(gridDomSelector).data(\"kendoGrid\");\r\n if (grid && localKendoGrid) {\r\n let selectedRowIds = grid.select();\r\n let isAllOpen = true;\r\n _.each(selectedRowIds, function (value, key) {\r\n const data = grid.dataItem(value);\r\n if (data.Status !== \"Open\") {\r\n isAllOpen = false;\r\n }\r\n });\r\n return isAllOpen;\r\n }\r\n return false;\r\n };\r\n\r\n useEffect(() => {\r\n if (getGridFilter()) {\r\n callForGetTotalCount();\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [props.sharedFilterObject]);\r\n useEffect(() => {\r\n if (recordsCount > 0) {\r\n callForGetNewData();\r\n }\r\n const currentUserId = GlobalService.GetCurrentUser().CustomerId;\r\n ManageAssemblyServices.getReports(currentUserId)\r\n .then((response) => {\r\n if (response !== undefined) {\r\n setInitialPrintMenuResponse(response);\r\n }\r\n })\r\n .finally(() => {});\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [recordsCount]);\r\n\r\n return (\r\n
\r\n 1\r\n ? \"Label_Disable_Edit_Multiple_Assembly\"\r\n : \"Label_Disable_Edit_Closed_Cancel_Assembly\"\r\n ),\r\n \"isContextMenu\": true,\r\n \"isButtonMenu\": true,\r\n \"wmsid\": \"EditAssembly\",\r\n },\r\n {\r\n \"name\": window.translate(\"Label_Select_Confirm\"),\r\n \"value\": [],\r\n \"disabled\": selectedRowCount !== 1 || selectedRow?.Status !== \"Open\",\r\n \"disabledText\": window.translate(\r\n selectedRowCount > 1\r\n ? \"Label_Disable_Confirm_Multiple_Assembly\"\r\n : \"Label_Disable_Confirm_Closed_Cancel_Assembly\"\r\n ),\r\n \"isContextMenu\": true,\r\n \"isButtonMenu\": true,\r\n \"wmsSelector\": props.wmsSelector + \"ConfirmAssembly\",\r\n \"onClickFunc\": confirmAssembly,\r\n \"wmsid\": \"ConfirmAssembly\",\r\n },\r\n {\r\n \"name\": window.translate(\"Label_Cancel\"),\r\n \"wmsSelector\": props.wmsSelector + \"cancel\",\r\n \"value\": [],\r\n \"onClickFunc\": openCancelAssemblyModel,\r\n \"isContextMenu\": true,\r\n \"isButtonMenu\": true,\r\n \"disabled\": selectedRowCount > 0 && !isAllSelectedStatusOpen(),\r\n \"wmsid\": \"CancelAssemblies\",\r\n \"disabledText\": window.translate(\"Label_Disable_Cancel_Closed_Assembly\"),\r\n },\r\n ],\r\n \"disabled\": false,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": layerIcon,\r\n \"color\": \"green\",\r\n \"isContextMenu\": true,\r\n \"isButtonMenu\": true,\r\n },\r\n {\r\n \"name\": window.translate(\"NavBarV1_Btn_Documents\"),\r\n \"wmsSelector\": props.wmsSelector + \"Documents\",\r\n \"value\": getMenuPrintData(),\r\n \"disabled\": selectedRowCount === 0,\r\n \"disabledText\": \"You may not add blahssss0\",\r\n \"icon\": layerIcon,\r\n \"color\": \"green\",\r\n \"isContextMenu\": false,\r\n \"isButtonMenu\": true,\r\n },\r\n {\r\n \"name\": \"\",\r\n \"wmsSelector\": props.wmsSelector + \"RefreshGrid\",\r\n \"value\": [],\r\n \"clickFunc\": refreshGrid,\r\n \"disabled\": false,\r\n \"icon\": \"fa-sync-alt\",\r\n \"color\": \"blue\",\r\n \"isContextMenu\": false,\r\n \"isButtonMenu\": true,\r\n \"parentClassName\": \"assemblyRefreshBtn\",\r\n },\r\n {\r\n \"name\": \"Copy\",\r\n \"wmsSelector\": props.wmsSelector + \"copy\",\r\n \"value\": [\r\n {\r\n \"name\": window.translate(\"Label_Copy_Field\"),\r\n \"wmsSelector\": props.wmsSelector + \"Copy_Field\",\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": window.translate(\"Label_Copy_Field\"),\r\n \"icon\": \"fa-bandcamp\",\r\n \"color\": \"green\",\r\n \"isContextMenu\": true,\r\n \"isButtonMenu\": false,\r\n \"wmsid\": \"copyField\",\r\n },\r\n {\r\n \"name\": window.translate(\"Label_Copy_Row\"),\r\n \"wmsSelector\": props.wmsSelector + \"Copy_Row\",\r\n \"value\": [],\r\n \"disabled\": false,\r\n \"disabledText\": window.translate(\"Label_Copy_Row\"),\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n \"isContextMenu\": true,\r\n \"isButtonMenu\": false,\r\n \"wmsid\": \"copyRow\",\r\n },\r\n ],\r\n \"disabled\": false,\r\n \"disabledText\": \"\",\r\n \"icon\": \"fa-wrench\",\r\n \"color\": \"green\",\r\n \"isContextMenu\": true,\r\n \"isButtonMenu\": false,\r\n },\r\n ]}\r\n />\r\n {isOpenColumnModal && (\r\n setIsOpenAttachDoc(false)}\r\n />\r\n )}\r\n
\r\n );\r\n};\r\nManageAssemblyGrid.propTypes = {\r\n wmsSelector: PropTypes.string.isRequired,\r\n windowId: PropTypes.string.isRequired,\r\n sharedFilterObject: PropTypes.any.isRequired,\r\n};\r\n\r\nManageAssemblyGrid.defaultProps = {\r\n wmsSelector: \"\",\r\n windowId: \"\",\r\n sharedFilterObject: {\r\n CustomerId: 0,\r\n FacilityId: 0,\r\n Skus: null,\r\n ReferenceNum: null,\r\n StartDueDate: null,\r\n EndDueDate: null,\r\n IndexOptionsStatus: 0,\r\n },\r\n};\r\n\r\nexport default React.memo(ManageAssemblyGrid);\r\n","import React, { useState, useEffect } from \"react\";\r\nimport ManageAssemblySearch from \"./manage-assembly-search.component\";\r\nimport ManageAssemblyGrid from \"./manage-assembly-grid.component\";\r\nimport \"./manageassembly.scss\";\r\nimport * as ManageAssemblyServices from \"./manage-assembly.services\";\r\ninterface Props {}\r\n\r\ndeclare var window: any;\r\nvar $rootScope = window;\r\nconst wmsSelector = \"ManageAssembly\";\r\nconst defaultFilterValue = {\r\n CustomerId: 0,\r\n FacilityId: 0,\r\n Skus: [],\r\n ReferenceNum: \"\",\r\n StartDueDate: null,\r\n EndDueDate: null,\r\n IndexOptionsStatus: 1,\r\n};\r\n\r\nconst ManageAssembliyHolder: React.FC\r\n {isLoadMetaServices && (\r\n
\r\n );\r\n};\r\nManageAssembliyHolder.propTypes = {};\r\n\r\nManageAssembliyHolder.defaultProps = {};\r\n\r\nexport default React.memo(ManageAssembliyHolder);\r\n","let align_center = \"text-align:center;\";\r\nexport const getItemAliasColumns = (GridHeaders) => {\r\n return {\r\n columns: [\r\n {\r\n field: \"RowNumber\",\r\n title: \"#\",\r\n width: 60,\r\n wmsid: 1,\r\n hidden: false,\r\n locked: true,\r\n lockable: false,\r\n resizable: false,\r\n sortable: false,\r\n reorderable: false,\r\n filterable: false,\r\n attributes: { style: align_center },\r\n headerAttributes: { style: align_center },\r\n },\r\n {\r\n field: \"Alias\",\r\n title: GridHeaders[0].description,\r\n wmsid: 2,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"ItemAliasName\",\r\n },\r\n },\r\n {\r\n field: \"ComponentItems\",\r\n title: GridHeaders[2].description,\r\n wmsid: 4,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"ItemAliasDescription\",\r\n },\r\n },\r\n {\r\n field: \"Description\",\r\n title: GridHeaders[3].description,\r\n wmsid: 5,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"ItemAliasDescription\",\r\n },\r\n },\r\n {\r\n field: \"Active\",\r\n title: GridHeaders[4].description,\r\n wmsid: 6,\r\n locked: false,\r\n lockable: false,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"ItemAliasStatus\",\r\n },\r\n template: function (dataItem: any) {\r\n return (\r\n dataItem.Active +\r\n (dataItem.HasDeactivatedItem\r\n ? \"\"\r\n : \"\")\r\n );\r\n },\r\n },\r\n ],\r\n };\r\n};\r\nexport const getItemAliasSchema = () => {\r\n return {\r\n model: {\r\n id: \"RowNumber\",\r\n fields: {\r\n RowNumber: { type: \"number\" },\r\n Alias: { type: \"string\" },\r\n ComponentItems: { type: \"string\" },\r\n Description: { type: \"string\" },\r\n Active: { type: \"string\" },\r\n },\r\n },\r\n };\r\n};\r\n\r\nexport const getItemGridColumns = (GridHeaders) => {\r\n return [\r\n {\r\n field: \"Sku\",\r\n title: GridHeaders[0].description,\r\n lockable: false,\r\n filterable: false,\r\n width: 160,\r\n wmsid: 1,\r\n // headerAttributes: {\r\n // \"data-wms-selector\": \"ItemAliasGridItemName\",\r\n // },\r\n },\r\n {\r\n field: \"Description\",\r\n title: GridHeaders[1].description,\r\n lockable: false,\r\n filterable: false,\r\n width: 160,\r\n wmsid: 2,\r\n // headerAttributes: {\r\n // \"data-wms-selector\": \"ItemAliasGridItemDescription\",\r\n // },\r\n },\r\n {\r\n field: \"IsActive\",\r\n title: \"Status\",\r\n lockable: false,\r\n filterable: false,\r\n width: 160,\r\n wmsid: 3,\r\n headerAttributes: {\r\n \"data-wms-selector\": \"ItemAliasGridItemIncluded\",\r\n },\r\n template: `#=data.IsActive ? 'Active' : 'Inactive'#`,\r\n },\r\n {\r\n field: \"Qty\",\r\n title: GridHeaders[2].description,\r\n lockable: false,\r\n filterable: false,\r\n width: 160,\r\n wmsid: 4,\r\n // headerAttributes: {\r\n // \"data-wms-selector\": \"ItemAliasGridQty\",\r\n // },\r\n template: `#=data.Qty#`,\r\n },\r\n ];\r\n};\r\nexport const getItemGridSchema = () => {\r\n return {\r\n schema: {\r\n model: {\r\n fields: {\r\n Sku: { type: \"string\", editable: false },\r\n Description: { type: \"string\", editable: false },\r\n IsActive: { type: \"boolean\", editable: false },\r\n Qty: { type: \"number\", editable: true },\r\n },\r\n },\r\n },\r\n };\r\n};\r\n\r\ninterface titleInterface {\r\n value: number;\r\n description: string;\r\n}\r\nexport const importParseDataGridColumns: Function = (titleArray: Array