\r\n STEP {stepNo}: \r\n {colName}\r\n
\r\n \r\n{columnTitle}
\r\n \r\n );\r\n };\r\n\r\n CustomRugDisplay = () => {\r\n const {\r\n fieldProductsList,\r\n customRug,\r\n bindingOptionsList,\r\n padOptionsList,\r\n showCustomRugSteps,\r\n } = this.state;\r\n const shapesList = _.chain(this.state.rugShapeList)\r\n .filter((x) => x.label !== \"N/A\" && x.label !== \"Odd Shapes\")\r\n .map((x) => {\r\n if (x.label === \"Round & Oval\") {\r\n return {\r\n value: x.value,\r\n label: \"Round\",\r\n };\r\n } else {\r\n return x;\r\n }\r\n })\r\n .value();\r\n const cardImageShape = (\r\n \r\n Select a Field to Display Image...\r\n
\r\n )}\r\n {/* \r\n Custom Rug Preview
\r\n \r\n\r\n Custom Rug Details\r\n {customRug &&\r\n customRug.estimatedPrice &&\r\n this.validateWidthSelection(\r\n customRug.shapeSelection.label\r\n ) ? (\r\n {`${formatPrice(\r\n customRug.estimatedPrice\r\n )}`}\r\n ) : null}\r\n this.resetCustomRug()}\r\n >\r\n Reset Quote\r\n \r\n
\r\n | \r\n Field\r\n | \r\n\r\n {customRug &&\r\n customRug.fieldSelection &&\r\n customRug.fieldSelection.label}\r\n | \r\n||
| \r\n Color\r\n | \r\n\r\n {customRug &&\r\n customRug.fieldSelectionColor &&\r\n customRug.fieldSelectionColor.label}\r\n | \r\n\r\n Shape\r\n | \r\n {customRug &&\r\n customRug.shapeSelection &&\r\n customRug.shapeSelection.label && (\r\n\r\n {customRug.shapeSelection.label}\r\n | \r\n
| \r\n Diameter\r\n | \r\n\r\n {customRug &&\r\n customRug.sizeRadius &&\r\n customRug.sizeRadius.feet &&\r\n `${customRug.sizeRadius.feet} Ft, ${\r\n customRug.sizeRadius.inches || 0\r\n } Inches Wide`}\r\n | \r\n||
| \r\n Size\r\n | \r\n\r\n {customRug &&\r\n customRug.sizeRadius &&\r\n customRug.sizeRadius.feet &&\r\n `${customRug.sizeRadius.feet} Ft, ${\r\n customRug.sizeRadius.inches || 0\r\n } Inches Wide X ${\r\n customRug.sizeRadius.feet\r\n } Ft, ${\r\n customRug.sizeRadius.inches || 0\r\n } Inches Long`}\r\n | \r\n||
| \r\n Size\r\n | \r\n\r\n | \r\n ||
| \r\n Border\r\n | \r\n\r\n {customRug.borderSelection &&\r\n customRug.borderSelection.label}\r\n | \r\n||
| \r\n Binding\r\n | \r\n\r\n {customRug.bindingSelection &&\r\n customRug.bindingSelection.label}\r\n {customRug.bindingSelectionColor &&\r\n customRug.bindingSelectionColor.label && (\r\n \r\n {` - ${customRug.bindingSelectionColor.label}`}\r\n \r\n )}\r\n | \r\n
| \r\n \r\n {formatPrice(p.price)}\r\n \r\n | \r\n \r\n );\r\n })}\r\n
\r\n \r\n \r\n {formatPrice(customRug.estimatedPrice)}\r\n \r\n\r\n | \r\n
\r\n \r\n this.toggleCustomRugOption(\r\n customRug.freightQuoteDesired,\r\n \"freightQuoteDesired\"\r\n )\r\n }\r\n checked={customRug.freightQuoteDesired || false}\r\n />\r\n
\r\n \r\n \r\n \r\n this.toggleCustomRugOption(\r\n customRug.sendScrapsDesired,\r\n \"sendScrapsDesired\"\r\n )\r\n }\r\n checked={customRug.sendScrapsDesired || false}\r\n />\r\n
\r\n \r\n \r\n \r\n Your order is being submitted now.\r\n \r\n
\r\n )}\r\n \r\n \r\n {message}\r\n \r\n
\r\n );\r\n })}\r\n \r\n No samples in cart yet
\r\n \r\n \r\n\r\n No items placed in purchase order cart yet\r\n
\r\n \r\n \r\n\r\n
\r\n \r\n \r\n \r\n TOTAL:\r\n \r\n ${total}\r\n
\r\n\r\n Note that you will be invoiced for any samples in excess of 10\r\n for a given job.
\r\n Maximum of 5 rug samples may be ordered at no charge. Any quantity over 5 will be required to be purchased.\r\n
*/}\r\n {sampleItems()}\r\n Loading your product...
\r\n \r\n \r\n {title}\r\n {section ? ` / ${section}` : null}\r\n {` / ${cleanerName}`}\r\n \r\n
\r\n \r\n{supplierLabel}
*/}\r\n{dcName}
\r\n \r\n\r\n \r\n Contact Distinctive directly to order this\r\n item.\r\n \r\n
\r\n \r\n| \r\n \r\n {title === params.hardSurface\r\n ? \"Material\"\r\n : \"Fiber\"}\r\n \r\n | \r\n{pileTypeName} | \r\n {/*{yarnBrandName} | */}\r\n
| \r\n Construction Type\r\n | \r\n{constructionTypeName} | \r\n|
| \r\n Widths\r\n | \r\n\r\n {/* {_.map(productWidths, (w) => w.widthName) || \"n/a\"} */}\r\n {_.map(productWidths, (w, index) => {\r\n if (index + 1 === productWidths.length) {\r\n return w.widthName;\r\n } else {\r\n return w.widthName + \", \";\r\n }\r\n }) || \"n/a\"}\r\n | \r\n|
| \r\n Pattern Match\r\n | \r\n\r\n {repeat\r\n ? repeat\r\n : patternMatch\r\n ? patternMatch\r\n : \"n/a\"}\r\n | \r\n|
| \r\n Piece Measurements\r\n | \r\n\r\n {`${itemWidth}W x ${itemLength}L x ${thickness}H`}\r\n | \r\n|
| \r\n Pieces per Carton\r\n | \r\n{perContainer} | \r\n|
| \r\n Sq. Feet per Carton\r\n | \r\n{squareFeetPerCarton} | \r\n|
| \r\n Basic Specs/Warranties\r\n | \r\n{basicSpecs} | \r\n|
| \r\n Detailed Specs\r\n | \r\n\r\n | \r\n
Link to this Product
\r\n \r\n \r\n{dcName}
\r\n \r\n\r\n {activePhoto ? activePhoto.title : \"\"}{\" \"}\r\n {/* used to display color? */}\r\n
\r\n \r\n {showPrices && (\r\n\r\n {showRugOptions ? (\r\n \"See price below\"\r\n ) : (\r\n \r\n {formatPrice(unitPrice)} / {`${priceUnitTypeName}`}\r\n \r\n )}\r\n
\r\n \r\n )}\r\n \r\n \r\n Contact Distinctive directly to order this\r\n item.\r\n \r\n
\r\n \r\n| \r\n \r\n {title === params.hardSurface\r\n ? \"Material\"\r\n : \"Fiber\"}\r\n \r\n | \r\n{pileTypeName} | \r\n {/*{yarnBrandName} | */}\r\n
| \r\n Construction Type\r\n | \r\n{constructionTypeName} | \r\n|
| \r\n Widths\r\n | \r\n\r\n {/* {_.map(productWidths, (w) => w.widthName) || \"n/a\"} */}\r\n {_.map(productWidths, (w, index) => {\r\n if (index + 1 === productWidths.length) {\r\n return w.widthName;\r\n } else {\r\n return w.widthName + \", \";\r\n }\r\n }) || \"n/a\"}\r\n | \r\n|
| \r\n Pattern Match\r\n | \r\n\r\n {repeat\r\n ? repeat\r\n : patternMatch\r\n ? patternMatch\r\n : \"n/a\"}\r\n | \r\n|
| \r\n Piece Measurements\r\n | \r\n\r\n {`${itemWidth}W x ${itemLength}L x ${thickness}H`}\r\n | \r\n|
| \r\n Pieces per Carton\r\n | \r\n{perContainer} | \r\n|
| \r\n Sq. Feet per Carton\r\n | \r\n{squareFeetPerCarton} | \r\n|
| \r\n Basic Specs/Warranties\r\n | \r\n{basicSpecs} | \r\n|
| \r\n Detailed Specs\r\n | \r\n\r\n | \r\n
Link to this Product
\r\n \r\n \r\n\r\n \r\n {title}\r\n {section ? ` / ${section}` : null}\r\n \r\n
\r\n \r\n\r\n
\r\n ) : (\r\n imagesMap\r\n )}\r\n \r\n Loading your results...\r\n
\r\n \r\n
\r\n ) : (\r\n imagesMap\r\n )}\r\n \r\n Loading your results...\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import _ from 'underscore';\r\nimport api from './api';\r\n\r\nconst find_filter = (filterName, filters) => {\r\n return _.find(filters, x => {\r\n return x.filterName === filterName;\r\n });\r\n};\r\n\r\nexport default {\r\n //gets a new filters array based on the new filter being sent back to the page from the filter component\r\n get_filters(state_filters, new_filter) {\r\n const filterIndex = state_filters.findIndex(\r\n x => x.filterName === new_filter.filterName\r\n );\r\n let filters = [];\r\n if (filterIndex === -1) {\r\n filters = [...state_filters, new_filter];\r\n } else {\r\n filters = Object.assign([], state_filters, { [filterIndex]: new_filter });\r\n }\r\n return filters.filter(x =>\r\n (x.value !== null && x.value !== undefined)\r\n || (x.values && x.values.length && x.values.length > 0) \r\n || x.startDate\r\n || x.endDate\r\n );\r\n },\r\n\r\n transform_filters(filters = []) {\r\n return filters.reduce(function (acc, item, i) {\r\n acc[item.filterName] = item.value || item.values;\r\n return acc;\r\n }, {});\r\n },\r\n\r\n save_search(area, sort_dir, sort_field, filters) {\r\n api\r\n .post(\"save_search\", {\r\n area: area,\r\n serialized_search: {\r\n sort_field: sort_field,\r\n sort_dir: sort_dir,\r\n filters: filters\r\n }\r\n })\r\n .catch(error => error);\r\n },\r\n\r\n set_saved_filters(area, callBack) {\r\n api\r\n .fetch(\"get_saved_search\", { area: area })\r\n .then(response => {\r\n const search = response.data.serialized_search;\r\n callBack(search.sort_field, search.sort_dir, search.filters);\r\n })\r\n .catch(error => error);\r\n },\r\n\r\n get_value(filterName, filters) {\r\n const filter = find_filter(filterName, filters);\r\n return filter ? filter.value : \"\";\r\n },\r\n\r\n get_values(filterName, filters) {\r\n const filter = find_filter(filterName, filters);\r\n return filter ? filter.values : [];\r\n },\r\n\r\n get_startDate(filterName, filters) {\r\n const filter = find_filter(filterName, filters);\r\n return filter ? filter.startDate : null;\r\n },\r\n\r\n get_endDate(filterName, filters) {\r\n const filter = find_filter(filterName, filters);\r\n return filter ? filter.endDate : null;\r\n }\r\n};\r\n","import React, { Component, Fragment } from 'react';\r\nimport { Card, Table, Button, Row, Col, Input, \r\n\tModal, ModalHeader, ModalBody, ModalFooter, ButtonGroup, Alert, Form } from 'reactstrap';\r\nimport _ from 'lodash';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport helpers from '../utils/helpers';\r\nimport api from '../utils/api';\r\nimport makeAnimated from \"react-select/animated\";\r\nimport Select from 'react-select';\r\n\r\nconst emptyContact = {\r\n\tid: null,\r\n\tfirstName: '',\r\n\tlastName: '',\r\n\temail: '',\r\n\ttypeOfContact: {label: null, value: 0},\r\n\tisPrimary: false,\r\n\tphoneNumbers: [],\r\n\taddresses: [],\r\n key: 0,\r\n deactivatedAt: null\r\n}; \r\n\r\nconst emptyPhone = {\r\n\tid: null,\r\n\tnumber: '',\r\n\ttypeOfPhone: {label: null, value: 0},\r\n\tdeactivatedAt: null,\r\n typeOfPhoneName: null,\r\n isPrimary: false,\r\n};\r\n\r\nconst emptyAddress = {\r\n\tid: null,\r\n\tln1: '',\r\n\tln2: '',\r\n\tln3: '',\r\n\tln4: '',\r\n\tcity: '',\r\n\tstate: '',\r\n\tzip: '',\r\n\ttypeOfAddress: {label: null, value: 0},\r\n\tisPrimary: false,\r\n\tdeactivatedAt: null,\r\n\ttypeOfAddressName: null\r\n};\r\n\r\nlet addId = 0;\r\nlet nextNumber = 0;\r\n\r\n// what?\r\nconst getAddId=() => {\r\n\taddId--;\r\n\treturn addId;\r\n};\r\n\r\nconst gimmeNextNumber = () => {nextNumber++; return nextNumber}\r\n\r\nclass EditPhone extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\t...props.editPhone,\r\n\t\t\tcontact: props.contact,\r\n\t\t\tshowPhoneEdit: true,\r\n\t\t\terrorMessage: null,\r\n\t\t\tphoneTypeList: props.phoneTypeList\r\n\t\t};\r\n\r\n\t\tthis.handleFormInputChange = this.handleFormInputChange.bind(this);\r\n\t\tthis.handleFormSelectionChange = this.handleFormSelectionChange.bind(this);\r\n\t\tthis.onPhoneSave = this.onPhoneSave.bind(this);\r\n\t\tthis.onPhoneCancel = this.onPhoneCancel.bind(this);\r\n\t\tthis.onIsPrimarySelection = this.onIsPrimarySelection.bind(this);\r\n\t}\r\n\r\n\thandleFormInputChange(event) {\r\n\t\tthis.setState({...this.state.user, [event.target.name]: event.target.value});\r\n\t}\r\n\r\n\thandleFormSelectionChange(elementName, selection) {\r\n\t\tthis.setState({\r\n\t\t\t[elementName]: {\r\n\t\t\t\tvalue: selection.value,\r\n\t\t\t\tlabel: selection.label\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n isFormValid() {\r\n\t\tlet warnings = [];\r\n\t\tif (! this.state.number) {warnings.push(\"Please enter a phone number.\");}\r\n\t\tif (this.state.typeOfPhone.label === null) {warnings.push(\"Please choose a type of phone.\");}\r\n\t\tif (warnings.length) {\r\n\t\t\tthis.setState({\r\n errorMessage: warnings.join(' '),\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.setState({errorMessage: null});\r\n\t\t}\r\n\t\treturn warnings.length === 0;\r\n }\r\n \r\n onPhoneSave() {\r\n\t\tif(! this.isFormValid()) return;\r\n\t\tthis.props.onPhoneSave({\r\n\t\t\tid: this.props.editPhone.id,\r\n\t\t\tnumber: this.state.number,\r\n\t\t\ttypeOfPhone: this.state.typeOfPhone,\r\n\t\t\tisPrimary: this.state.isPrimary,\r\n\t\t});\r\n }\r\n \r\n onPhoneCancel() {\r\n\t\tthis.props.onPhoneCancel(this.state.id);\r\n }\r\n \r\n onIsPrimarySelection(){\r\n\r\n\t\tthis.setState({isPrimary: !this.state.isPrimary});\r\n\t} \r\n\r\n render() {\r\n\t\treturn ( \r\n\t\t\tLoading ...
\r\n \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\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t| Phone | \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t|
|---|---|---|
| {helpers.formatPhoneNumber(c.number)} | \r\n{c.typeOfPhone.label} {c.isPrimary ? \"(Primary)\" : null} | \r\n\r\n | \r\n
| Address | \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\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\t\t\t\t\t{helpers.formatAddress(a).map(line => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn | \r\n\t\t\t\t\t\t\t\t\t\t\t{a.typeOfAddress.label} {a.isPrimary ? \"(Primary)\" : null} | \r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t{a.id === null\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? null\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: | \r\n\t\t\t\t\t\t\t\t\t\t
Contact Information {helpers.requiredStar()}
\r\n\t\t\t\t\t{this.state.errorMessage !== null ?\r\n\t\t\t\t\t\t| First Name {helpers.requiredStar()} | \r\n\t\t\t\t\t\t\t\t\t\tLast Name {helpers.requiredStar()} | \r\n\t\t\t\t\t\t\t\t\t\tPhone Numbers | \r\n\t\t\t\t\t\t\t\t\t\tContact Type {helpers.requiredStar()} | \r\n\t\t\t\t\t\t\t\t\t\tPrimary Contact? | \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t{!this.state.editing\r\n\t\t\t\t\t\t\t\t\t\t\t\t? | \r\n\t\t\t\t\t\t\t\t\t|
|---|---|---|---|---|---|---|
| {c.firstName} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{c.lastName} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{c.email} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{_.map(_.filter(c.phoneNumbers, p => !p.deactivatedAt), p =>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{c.typeOfContact.label || \"\"} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{c.isPrimary ? | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t
{c.id ? `Edit Information For ${c.customerName}` : 'Add New Account'}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\tAgent Administration
\r\n \r\n| \r\n | \r\n Home Area | \r\nID Tag | \r\n\r\n | \r\n Mobile Number | \r\n\r\n |
|---|---|---|---|---|---|
| {agent.firstName} {agent.lastName} | \r\n{agent.homeAreaName} | \r\n{agent.idTag} | \r\n{agent.email} | \r\n{agent.mobileNumber} | \r\n\r\n | \r\n
Area Administration
\r\n \r\nAdd New Area
\r\n \r\n| \r\n | \r\n \r\n | \r\n \r\n {`Special Pricing (%)`}\r\n | \r\n\r\n Apply Discount\r\n | \r\n\r\n |
|---|---|---|---|---|
| \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n
| {area.name} | \r\n{area.number} | \r\n{area.pricingDiscount ?\r\n `${area.pricingDiscount}%`\r\n : \"\"\r\n } | \r\n{area.pricingDiscountActive ?\r\n \"Included\"\r\n : \"Not-Included\"\r\n } | \r\n\r\n | \r\n
Manage Claims
\r\n \r\n| \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n Recent Comment | \r\n\r\n |
|---|---|---|---|---|---|
| {s.id} | \r\n{date_helpers.formatDateToShortDate(s.claimDate)} | \r\n{s.customerName} | \r\n{s.originalOrderId} | \r\n{s.mostRecentComment} | \r\n\r\n | \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\n","import React, { Component, Fragment } from 'react';\r\nimport {\r\n Alert,\r\n Container,\r\n Table,\r\n Button,\r\n ButtonGroup,\r\n CardBody,\r\n Row,\r\n Col,\r\n Card,\r\n Input,\r\n Label,\r\n Collapse\r\n} from 'reactstrap';\r\nimport {\r\n api,\r\n helpers,\r\n filter_helpers\r\n} from '../utils';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport {\r\n FilterBoolean,\r\n FilterSet,\r\n FilterText,\r\n SortHeader\r\n} from '../components';\r\nimport _ from 'lodash';\r\n\r\nconst apiUrl = 'Reference/';\r\n\r\nconst emptyConfigurationSetting = {\r\n id: 0,\r\n fieldName: \"\",\r\n dsc: \"\",\r\n};\r\n\r\nclass ConfigurationSettingsAdmin extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n list: [],\r\n item: emptyConfigurationSetting,\r\n newItem: emptyConfigurationSetting,\r\n filters: [],\r\n message: null,\r\n messageFlavor: null,\r\n showAddNew: false,\r\n sortField: 'FieldName',\r\n sortDir: 'asc',\r\n };\r\n this.refreshList = this.refreshList.bind(this);\r\n this.doSort = this.doSort.bind(this);\r\n this.filterChange = this.filterChange.bind(this);\r\n this.clearFilters = this.clearFilters.bind(this);\r\n this.currentFilterValue = this.currentFilterValue.bind(this);\r\n this.handleNewItemFormInput = this.handleNewItemFormInput.bind(this);\r\n this.handleFormInput = this.handleFormInput.bind(this);\r\n this.toggleAddNewCollapse = this.toggleAddNewCollapse.bind(this);\r\n this.onSubmit = this.onSubmit.bind(this);\r\n this.handleUnDelete = this.handleUnDelete.bind(this);\r\n this.handleDelete = this.handleDelete.bind(this);\r\n this.onEdit = this.onEdit.bind(this);\r\n this.onCancelEdit = this.onCancelEdit.bind(this);\r\n this.isFormValid = this.isFormValid.bind(this);\r\n this.onSubmit = this.onSubmit.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.refreshList();\r\n }\r\n\r\n refreshList(sortField, sortDirection, filters) {\r\n let filterList = filters || this.state.filters;\r\n let payload = {\r\n SortField: sortField || this.state.sortField,\r\n SortDir: sortDirection || this.state.sortDir\r\n }\r\n\r\n _.each(filterList, filter => payload[filter.filterName] = filter.value);\r\n \r\n api.post(apiUrl + 'GetConfigurationSettingsPaginatedList', payload)\r\n .then((response) => {\r\n this.setState({\r\n list: response.data.list\r\n })\r\n })\r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n doSort(field, direction) {\r\n this.setState({ sortDir: direction, sortField: field });\r\n this.refreshList(field, direction);\r\n }\r\n\r\n filterChange(changedFilter) {\r\n const filters = filter_helpers.get_filters(this.state.filters, changedFilter);\r\n this.setState({ filters: filters, clearValue: false });\r\n this.refreshList(null, null, filters);\r\n }\r\n\r\n clearFilters() {\r\n const filters = [];\r\n this.setState({ filters: filters, clearValue: true });\r\n this.refreshList(null, null, filters);\r\n }\r\n\r\n currentFilterValue(name) {\r\n const filterElement = this.state.filters.find(f => f.filterName === name);\r\n if (filterElement) {\r\n if (filterElement.value) {\r\n return filterElement.value;\r\n }\r\n return filterElement.values;\r\n }\r\n return '';\r\n }\r\n\r\n toggleAddNewCollapse() {\r\n this.setState({\r\n showAddNew: !this.state.showAddNew,\r\n newItem: emptyConfigurationSetting,\r\n message: null,\r\n messageFlavor: null\r\n });\r\n }\r\n\r\n handleNewItemFormInput(event) {\r\n this.setState({ newItem: {...this.state.newItem, [event.target.name]: event.target.value } });\r\n }\r\n\r\n handleFormInput(event) {\r\n this.setState({ item: {...this.state.item, [event.target.name]: event.target.value } });\r\n }\r\n\r\n onEdit(item) {\r\n this.setState({item: item})\r\n }\r\n\r\n onCancelEdit() {\r\n this.setState({item: emptyConfigurationSetting})\r\n }\r\n\r\n isFormValid(item) {\r\n let warnings = [];\r\n if (!item.fieldName || item.fieldName.length < 1) {\r\n warnings.push(\"Please provide a valid Field Name.\");\r\n }\r\n if (!item.dsc) {\r\n warnings.push(\"Description is required.\");\r\n }\r\n if (warnings.length) {\r\n this.setState({ message: warnings.join(' '), messageFlavor: \"danger\" });\r\n }\r\n else {\r\n this.setState({ message: null });\r\n }\r\n return warnings.length === 0;\r\n }\r\n\r\n onSubmit(e, item) {\r\n if (!this.isFormValid(item)) return;\r\n const payload = {\r\n id: item.id,\r\n FieldName: item.fieldName,\r\n Dsc: item.dsc,\r\n };\r\n api.post(\"Reference/SaveConfigurationSetting\", payload)\r\n\t\t\t\t.then(response => {\r\n\t\t\t\t\tif (response.data.success) {\r\n this.setState({\r\n showAddNew: item.id ? this.state.showAddNew : !this.state.showAddNew,\r\n newItem: emptyConfigurationSetting,\r\n item: emptyConfigurationSetting,\r\n message: null,\r\n messageFlavor: null\r\n }, () => this.refreshList());\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.setState({ messageFlavor: \"danger\", message: response.data.message });\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.catch(helpers.catchHandler);\r\n }\r\n\r\n handleUnDelete(id) {\r\n api.post(`Reference/ReviveConfigurationSettingItem/${id}`)\r\n .then(response => {\r\n if (response.data.success) { \r\n this.refreshList()\r\n } else {\r\n this.setState({ messageFlavor: \"danger\", message: response.data.message });\r\n } \r\n }) \r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n handleDelete(id) {\r\n api.post(`Reference/DeleteConfigurationSettingItem/${id}`)\r\n .then(response => {\r\n if (response.data.success) { \r\n this.refreshList()\r\n } else {\r\n this.setState({ messageFlavor: \"danger\", message: response.data.message });\r\n } \r\n }) \r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n render() {\r\n return (\r\n Company
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n Configuration Setting Administration
\r\n \r\nAdd New Configuration Setting
\r\n \r\n| \r\n | \r\n \r\n | \r\n \r\n |
|---|---|---|
| \r\n {/* | \r\n \r\n | \r\n \r\n | \r\n
| \r\n {item.fieldName}\r\n | \r\n\r\n {item.dsc}\r\n | \r\n\r\n | \r\n
Construction Type Administration
\r\n \r\nAdd New Construction 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 {item.name}\r\n | \r\n\r\n {item.seq}\r\n | \r\n\r\n | \r\n
\r\n {this.state.usedByCustomerSearchModal\r\n ? \"Account Search\"\r\n : \"Accounts Administration\"}\r\n
\r\n \r\n| \r\n | \r\n \r\n | \r\n {!this.state.usedByCustomerSearchModal && (\r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n Web Registration | \r\n {/*\r\n | */}\r\n \r\n |
|---|---|---|---|---|---|---|---|
| \r\n {this.state.usedByCustomerSearchModal ? (\r\n | \r\n {c.number} | \r\n {!this.state.usedByCustomerSearchModal && (\r\n{c.primaryBillToAddressCityState} | \r\n{c.areaName} | \r\n{c.agentName} | \r\n\r\n {c.isWebRegistration ? (\r\n | \r\n \r\n | \r\n
Books
\r\n \r\n| Book Name | \r\nStatus | \r\nStatus Due | \r\n {/*Management Shipment | */}\r\n
|---|---|---|---|
| {csb.sampleBookName} | \r\n{csb.customerSampleBookStatusName} | \r\n{date_helpers.formatDateToShortDate(csb.statusDate)} | \r\n {/*{csb.isManagementShipment ? 'Y' : 'N'} | */}\r\n
Outstanding Credits Due
\r\n \r\n\r\n| Notes | \r\nAmount | \r\nRemaining Balance | \r\nGiven On | \r\nApplied? | \r\n\r\n | |||
|---|---|---|---|---|---|---|---|---|
| Notes this.onTextChange(e, index, \"notes\")} /> | \r\n Amount this.onTextChange(e, index, \"amount\")} /> | \r\n \r\n | \r\n {coc.notes} | \r\n{coc.displayInitialAmount} | \r\n{coc.displayAmount} | \r\n{coc.givenOn ? moment(coc.givenOn).format(\"MM/DD/YYYY\") : \"\"} | \r\n\r\n {coc.applied ? | \r\n \r\n | \r\n
| No records found |
Special Pricing
\r\n \r\n| Product | \r\nRoll Size | \r\nRoll | \r\nCut | \r\nCmsn % | \r\nGiven On | \r\n
|---|---|---|---|---|---|
| \r\n | \r\n | \r\n | \r\n | \r\n | \r\n |
{`${props.isForMemoTable ? \"Memo\" : \"Sample\"} Order History`}
\r\n \r\n| Memo Order # | \r\nPlaced On | \r\n{props.isForMemoTable ? \"Size\" : null} | \r\nStatus | \r\n{props.isForMemoTable ? \"Supplier Product\" : \"Sample\"} | \r\n{props.isForMemoTable ? \"DC Product\" : null} | \r\n{props.isForMemoTable ? \"Color\" : null} | \r\n
|---|---|---|---|---|---|---|
| \r\n \r\n {cpmo.memoOrderId}\r\n \r\n | \r\n{date_helpers.formatDateToShortDate(cpmo.createdAt)} | \r\n{props.isForMemoTable ? cpmo.memoSizeName : null} | \r\n{cpmo.typeOfMemoOrderLineStatusName} | \r\n{props.isForMemoTable ? cpmo.supplierName : cpmo.sampleBookName} | \r\n{props.isForMemoTable ? cpmo.dcName : null}{} | \r\n{props.isForMemoTable ? cpmo.productColorName : null} | \r\n
Order History By Supplier
\r\n \r\n| Supplier | \r\n{this.state.year1DateRange} | \r\n{this.state.year2DateRange} | \r\n{this.state.year3DateRange} | \r\n
|---|---|---|---|
| {cpobs.supplierName} | \r\n{helpers.formatCurrency(cpobs.decimalYear1Total)} | \r\n{helpers.formatCurrency(cpobs.decimalYear2Total)} | \r\n{helpers.formatCurrency(cpobs.decimalYear3Total)} | \r\n
Order History
\r\n \r\n| DC Order # | \r\nPlaced On | \r\nAgent | \r\nStatus | \r\nAmount | \r\n
|---|---|---|---|---|
| \r\n \r\n {o.id}\r\n \r\n | \r\n{date_helpers.formatDateToShortDate(o.createdAt)} | \r\n{o.agentIdTag} | \r\n{o.orderStatusName} | \r\n{helpers.formatCurrency(o.decimalOrderTotal)} | \r\n
Payment History
\r\n \r\n| DC Order # | \r\nAmount | \r\nBalance Due | \r\nInvoice Terms | \r\nInvoice Date | \r\nPayment Type | \r\nLast Payment Date | \r\nDays To Pay | \r\n
|---|---|---|---|---|---|---|---|
| \r\n \r\n {p.orderId}\r\n \r\n | \r\n{helpers.formatCurrency(p.decimalAmountPaid)} | \r\n{helpers.formatCurrency(p.decimalAmountDue)} | \r\n{p.invoiceTermsName} | \r\n{p.invoicedOn} | \r\n{p.paymentTypeName} | \r\n{p.lastPaidOn} | \r\n{p.daysToPay >= 0 ? p.daysToPay : \"-\"} | \r\n
| Address | \r\n\t\t\t\t\t\t\t\t\tType | \r\n\t\t\t\t\t\t\t\t\tIs Primary | \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\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\t\t\t\t\t\t this.onInputChange(e, \"ln1\", index) }/> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t this.onInputChange(e, \"ln2\", index) }/> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t this.onInputChange(e, \"ln3\", index) }/> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t this.onInputChange(e, \"ln4\", index) }/> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t
| \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t {address.ln1} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{address.ln2} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{address.ln3} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{address.ln4} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{address.city}, {address.state} {address.zip} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{address.addressType && address.addressType.label} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{address.isPrimary ? | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t
| No addresses found |
Account Administration
\r\n \r\nAccount Details For {c.name}
\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t| Account Address | \r\n\t\t\t\t\t\t\t\t\t\t\t\tType | \r\n\t\t\t\t\t\t\t\t\t\t\t\tIs Primary | \r\n\t\t\t\t\t\t\t\t\t\t\t
|---|---|---|
| \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {address.ln1} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{address.ln2} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{address.ln3} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{address.ln4} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{address.city} {address.state}, {address.zip} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{address.addressTypeName} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{address.isPrimary ? | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
| No addresses found |
| Contact Name | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\tType of Contact | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t | |
|---|---|---|---|
| {i.firstName} {i.lastName} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{i.email ? i.email : \"\"} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{i.typeOfContactName ? i.typeOfContactName : \"\"} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
| Phone # | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tPhone Type | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t||
| {p.number ? helpers.formatPhoneNumber(p.number) : \"\"} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{p.typeOfPhoneName ? p.typeOfPhoneName : \"\"} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t||
| Address | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tAddress Type | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t||
| \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{helpers.formatAddress(a).map(line => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{a.typeOfAddressName ? a.typeOfAddressName : \"\"} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n
\r\n );\r\n }\r\n}","import React, { Fragment } from 'react';\r\nimport {\r\n Card,\r\n Row,\r\n Col,\r\n Container,\r\n CardBody,\r\n Alert,\r\n Button,\r\n ButtonGroup,\r\n Input,\r\n Label,\r\n Modal,\r\n ModalBody,\r\n ModalFooter,\r\n Table\r\n} from 'reactstrap';\r\nimport DatePicker from 'react-datepicker';\r\nimport {\r\n api,\r\n helpers,\r\n date_helpers,\r\n constants\r\n} from '../utils';\r\nimport {\r\n DropzoneUploader,\r\n CustomerTypeahead\r\n} from '../components';\r\nimport CustomerAdmin from './CustomerAdmin';\r\nimport _ from 'lodash';\r\nimport { Redirect } from 'react-router-dom';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport Select from 'react-select';\r\nimport moment from 'moment';\r\n\r\nconst emptyClaim = {\r\n id: null,\r\n claimDate: new Date(),\r\n customer: null,\r\n claimStatus: {value: 1, label: 'Open'},\r\n supplierOriginalInvoiceDate: null,\r\n supplierReplacementInvoiceDate: null,\r\n customerContact: '',\r\n originalOrderId: '',\r\n replacementOrderId: '',\r\n creditOrderId: '',\r\n originalProduct: '',\r\n originalColor: '',\r\n originalSize: '',\r\n originalInvoiceAmount: '',\r\n replacementProduct: '',\r\n replacementColor: '',\r\n replacementSize: '',\r\n replacementInvoiceAmount: '',\r\n replacementFreightCarrier: '',\r\n replacementFreightInvoice: '',\r\n replacementFreightAmount: '',\r\n supplierCreditNumber: '',\r\n supplierCreditReceived: '',\r\n totalCreditDue: '',\r\n freightCreditNumber: '',\r\n freightCreditReceived: '',\r\n totalCreditReceived: '',\r\n supplierClaimNumber: '',\r\n supplierOriginalInvoice: '',\r\n supplierReplacementInvoice: '',\r\n complaintText: ''\r\n};\r\n\r\nconst emptyComment = {\r\n id: 0,\r\n dsc: \"\",\r\n createdAt: new Date()\r\n};\r\n\r\nconst FINISHED_RUG_SIZES = constants.FINISHED_RUG_SIZES;\r\n\r\nexport default class EditClaim extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n routeClaimId: props.location.state && props.location.state.claimId\r\n ? props.location.state.claimId\r\n : null,\r\n claim: emptyClaim,\r\n // supplier: {\r\n // accountNumber: \"\",\r\n // contact: emptyContact\r\n // },\r\n addingImage: false,\r\n files: [],\r\n claimAttachments: [],\r\n isMessageVisible: false,\r\n message: null,\r\n messageFlavor: null,\r\n showCustomerSearchModal: false,\r\n supplierList: [],\r\n comments: [],\r\n showConfirmModal: false,\r\n currentUserName: props.currentUser.firstName + ' ' + props.currentUser.lastName\r\n };\r\n this.onInputChange = this.onInputChange.bind(this);\r\n this.onSelectChange = this.onSelectChange.bind(this);\r\n this.updateCurrencyField = this.updateCurrencyField.bind(this);\r\n this.onSupplierChange = this.onSupplierChange.bind(this);\r\n this.onCancel = this.onCancel.bind(this);\r\n this.isFormValid = this.isFormValid.bind(this);\r\n this.saveClaim = this.saveClaim.bind(this);\r\n this.toggleImages = this.toggleImages.bind(this);\r\n this.getClaimAttachments = this.getClaimAttachments.bind(this);\r\n this.onToggleCustomerSearchModal = this.onToggleCustomerSearchModal.bind(this);\r\n this.onCustomerSelectedFromSearchModal = this.onCustomerSelectedFromSearchModal.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n const getClaimStatuses = api.fetch(\"Reference/GetClaimStatusList\")\r\n .then(response => {\r\n return { claimStatusList: response.data };\r\n })\r\n .catch(helpers.catchHandler);\r\n\r\n const getSuppliers = api.fetch('Reference/GetSupplierList')\r\n .then((result) => {\r\n return { supplierList: result.data };\r\n })\r\n .catch(helpers.catchHandler);\r\n\r\n Promise.all([\r\n getClaimStatuses,\r\n getSuppliers\r\n ])\r\n .then((aggregateResults) => {\r\n const newStatus = {};\r\n aggregateResults.forEach(r => Object.assign(newStatus, r));\r\n this.setState(newStatus, () =>\r\n this.loadClaim());\r\n })\r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n loadClaim(newClaimId) {\r\n let claimId = newClaimId ? newClaimId : this.props.computedMatch.params.id;\r\n if (claimId === \"new\") {\r\n this.setState({ claim: emptyClaim });\r\n } else if (claimId > 0) {\r\n api.fetch(`Claim/GetClaim/${claimId}`)\r\n .then(response => {\r\n if (response.data) {\r\n const claim = {\r\n ...response.data.claim,\r\n customer: helpers.resolveValue(\r\n null,\r\n response.data.claim.customerId,\r\n response.data.claim.customerName),\r\n customerContact: helpers.nullableString(response.data.claim.customerContact),\r\n claimStatus: helpers.resolveValue(\r\n null,\r\n response.data.claim.typeOfClaimStatus,\r\n response.data.claim.typeOfClaimStatusName),\r\n originalOrderId: helpers.nullableString(response.data.claim.originalOrderId),\r\n replacementOrderId: helpers.nullableString(response.data.claim.replacementOrderId),\r\n creditOrderId: helpers.nullableString(response.data.claim.creditOrderId),\r\n originalProduct: helpers.nullableString(response.data.claim.originalProduct),\r\n originalColor: helpers.nullableString(response.data.claim.originalColor),\r\n originalSize: helpers.nullableString(response.data.claim.originalSize),\r\n originalInvoiceAmount: _.round(response.data.claim.originalInvoiceAmount, 2).toFixed(2),\r\n replacementProduct: helpers.nullableString(response.data.claim.replacementProduct),\r\n replacementColor: helpers.nullableString(response.data.claim.replacementColor),\r\n replacementSize: helpers.nullableString(response.data.claim.replacementSize),\r\n replacementInvoiceAmount: _.round(response.data.claim.replacementInvoiceAmount, 2).toFixed(2),\r\n replacementFreightCarrier: helpers.nullableString(response.data.claim.replacementFreightCarrier),\r\n replacementFreightInvoice: helpers.nullableString(response.data.claim.replacementFreightInvoice),\r\n replacementFreightAmount: _.round(response.data.claim.replacementFreightAmount, 2).toFixed(2),\r\n supplier: helpers.resolveValue(\r\n null,\r\n response.data.claim.supplierId,\r\n response.data.claim.supplierName),\r\n supplierCreditNumber: helpers.nullableString(response.data.claim.supplierCreditNumber),\r\n supplierCreditReceived: _.round(response.data.claim.supplierCreditReceived, 2).toFixed(2),\r\n totalCreditDue: _.round(response.data.claim.totalCreditDue, 2).toFixed(2),\r\n freightCreditNumber: helpers.nullableString(response.data.claim.freightCreditNumber),\r\n freightCreditReceived: _.round(response.data.claim.freightCreditReceived, 2).toFixed(2),\r\n totalCreditReceived: _.round(response.data.claim.totalCreditReceived, 2).toFixed(2),\r\n supplierClaimNumber: helpers.nullableString(response.data.claim.supplierClaimNumber),\r\n supplierOriginalInvoice: helpers.nullableString(response.data.claim.supplierOriginalInvoice),\r\n supplierReplacementInvoice: helpers.nullableString(response.data.claim.supplierReplacementInvoice),\r\n complaintText: helpers.nullableString(response.data.claim.complaintText)\r\n }\r\n const claimComments = _.map(response.data.claimComments, (item, index) => {\r\n return {\r\n id: item.id,\r\n dsc: item.dsc,\r\n local_id: -1 * (index + 1),\r\n createdAt: item.createdAt,\r\n createdByUserName: item.createdByUserName\r\n }\r\n });\r\n this.setState({\r\n claim: claim,\r\n comments: claimComments,\r\n claimAttachments: response.data.claimAttachments\r\n }, () => {\r\n this.getCustomer(claim.customerId)\r\n });\r\n }\r\n }).catch(helpers.catchHandler);\r\n }\r\n }\r\n\r\n onDateChange(name, date) {\r\n this.setState({ claim: { ...this.state.claim, [name]: date } });\r\n }\r\n\r\n onInputChange(fieldName, value) {\r\n this.setState(prevState => ({\r\n ...prevState,\r\n claim: {\r\n ...prevState.claim,\r\n [fieldName]: value\r\n }\r\n }));\r\n }\r\n\r\n onSelectChange(selection, fieldName) {\r\n this.setState({\r\n claim: {\r\n ...this.state.claim,\r\n [fieldName]: selection\r\n }\r\n });\r\n }\r\n\r\n updateCurrencyField(fieldName, value) {\r\n if (value) {\r\n this.setState(prevState => ({\r\n ...prevState,\r\n claim: {\r\n ...prevState.claim,\r\n [fieldName]: _.round(value, 2).toFixed(2) // parseFloat(value).toFixed(2)\r\n }\r\n }));\r\n }\r\n }\r\n\r\n onSupplierChange(selection) {\r\n api.fetch(`Supplier/GetSupplier/${selection.value}`)\r\n .then(response => {\r\n const supplierClaimsContact = _.find(response.data.contacts, (c) => c.typeOfContactName === 'Claims' && c.deactivatedAt == null);\r\n this.setState({\r\n supplier: response.data.supplier,\r\n claim: {\r\n ...this.state.claim,\r\n supplier: {\r\n value: selection.value,\r\n label: selection.label\r\n },\r\n supplierContactName: supplierClaimsContact ? `${supplierClaimsContact.firstName} ${supplierClaimsContact.lastName}` : null,\r\n supplierContactEmail: supplierClaimsContact ? supplierClaimsContact.email : null\r\n } \r\n });\r\n })\r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n removeClaimAttachment(attachment) {\r\n if (!window.confirm('This is a permanent delete. Are you sure?')) return;\r\n const attachments = this.state.claimAttachments.slice();\r\n const filtered = _.filter(attachments, x => x.id !== attachment.id);\r\n\r\n api\r\n .post(`Claim/DeleteClaimAttachment/${attachment.id}`)\r\n .then(response => {\r\n if (response.data.success) {\r\n this.setState({\r\n claimAttachments: filtered\r\n });\r\n } else {\r\n this.setState({ messageFlavor: \"danger\", message: response.data.message, isMessageVisible: true });\r\n }\r\n })\r\n .catch(helpers.catchHandler);\r\n return null;\r\n }\r\n\r\n\r\n onCancel() {\r\n this.setState({ redirect: true });\r\n }\r\n\r\n toggleImages() {\r\n this.setState({\r\n addingImage: !this.state.addingImage\r\n });\r\n }\r\n\r\n isFormValid() {\r\n let warnings = [];\r\n if (!this.state.claim.claimDate) {\r\n warnings.push(\"Claim Date required.\");\r\n }\r\n if (!this.state.claim.customer.value) {\r\n warnings.push(\"Account required.\");\r\n }\r\n if (!this.state.claim.claimStatus.value) {\r\n warnings.push(\"Claim Status required.\");\r\n }\r\n if (!this.state.claim.originalOrderId) {\r\n warnings.push(\"Original Invoice required.\");\r\n }\r\n // if (!this.state.product.unitCost && this.state.product.unitCost != \"0\") {\r\n // warnings.push(\"Net Cut Cost required.\");\r\n // }\r\n if (warnings.length) {\r\n this.setState({\r\n message: warnings.join(' '),\r\n messageFlavor: \"danger\",\r\n isMessageVisible: true\r\n });\r\n } else {\r\n this.setState({ message: null, isMessageVisible: false });\r\n }\r\n return warnings.length === 0;\r\n }\r\n\r\n formatClaimPayload(claim) {\r\n const payload = {\r\n Id: claim.id ? claim.id : 0,\r\n ClaimDate: date_helpers.formatDateForServer(claim.claimDate),\r\n CustomerId: claim.customer.value,\r\n CustomerContact: claim.customerContact,\r\n TypeOfClaimStatus: claim.claimStatus.value,\r\n OriginalOrderId: Number(claim.originalOrderId),\r\n ReplacementOrderId: claim.replacementOrderId ? Number(claim.replacementOrderId) : null,\r\n CreditOrderId: claim.creditOrderId ? Number(claim.creditOrderId) : null, \r\n OriginalProduct: claim.originalProduct,\r\n OriginalColor: claim.originalColor,\r\n OriginalSize: claim.originalSize,\r\n OriginalInvoiceAmount: Number(claim.originalInvoiceAmount),\r\n ReplacementColor: claim.replacementColor,\r\n ReplacementProduct: claim.replacementProduct,\r\n ReplacementSize: claim.replacementSize,\r\n ReplacementInvoiceAmount: Number(claim.replacementInvoiceAmount),\r\n ReplacementFreightCarrier: claim.replacementFreightCarrier,\r\n ReplacementFreightInvoice: claim.replacementFreightInvoice,\r\n ReplacementFreightAmount: Number(claim.replacementFreightAmount),\r\n SupplierCreditNumber: claim.supplierCreditNumber,\r\n SupplierCreditReceived: Number(claim.supplierCreditReceived),\r\n TotalCreditDue: Number(claim.totalCreditDue),\r\n FreightCreditNumber: claim.freightCreditNumber,\r\n FreightCreditReceived: Number(claim.freightCreditReceived),\r\n TotalCreditReceived: Number(claim.totalCreditReceived),\r\n SupplierId: claim.supplier.value,\r\n SupplierClaimNumber: claim.supplierClaimNumber,\r\n SupplierOriginalInvoice: claim.supplierOriginalInvoice,\r\n SupplierOriginalInvoiceDate: date_helpers.formatDateForServer(claim.supplierOriginalInvoiceDate),\r\n SupplierReplacementInvoice: claim.supplierReplacementInvoice,\r\n SupplierReplacementInvoiceDate: date_helpers.formatDateForServer(claim.supplierReplacementInvoiceDate),\r\n ComplaintText: claim.complaintText\r\n };\r\n return payload;\r\n }\r\n\r\n formatClaimAttachmentsPayload(files) {\r\n const formatted = [];\r\n _.map(files,\r\n x => {\r\n const file = {\r\n Id: 0,\r\n ClaimAttachmentTypeId: 1,\r\n ClaimId: this.state.claim.id ? this.state.claim.id : 0,\r\n Base64EncodedPhoto: x.base64EncodedPhoto,\r\n MimeType: x.type,\r\n AssetName: x.name,\r\n // Content: []\r\n }\r\n formatted.push(file);\r\n });\r\n return formatted;\r\n }\r\n\r\n saveClaim() {\r\n window.scroll(0,0);\r\n if (!this.isFormValid()) return;\r\n const claim = this.state.claim;\r\n const Claim = this.formatClaimPayload(claim);\r\n const ClaimComments = _.map(this.state.comments, (c) => ({\r\n id: c.id ? c.id : 0,\r\n dsc: c.dsc,\r\n }))\r\n const ClaimAttachments = this.state.addingImage ? this.formatClaimAttachmentsPayload(this.state.files) : [];\r\n const payload = {\r\n Claim: Claim,\r\n ClaimComments: ClaimComments,\r\n ClaimAttachments: ClaimAttachments\r\n };\r\n api.post('Claim/SaveClaim', payload)\r\n .then(response => {\r\n if (response.data.success) {\r\n const claimAttachments = this.state.claimAttachments.slice();\r\n const newList = _.concat(claimAttachments, ClaimAttachments);\r\n this.setState({\r\n claimAttachments: newList,\r\n addingImage: false,\r\n message: `Claim saved.`,\r\n messageFlavor: \"success\",\r\n isMessageVisible: true,\r\n redirect: true\r\n }, \r\n // () => this.getClaimAttachments(this.state.claim.id)\r\n );\r\n } else {\r\n this.setState({ messageFlavor: \"danger\", message: response.data.message, isMessageVisible: true });\r\n }\r\n })\r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n getClaimAttachments(claimId) {\r\n api.fetch(`Claim/GetClaimAttachments/${claimId}`)\r\n .then(response => {\r\n this.setState(prevState => ({\r\n ...prevState,\r\n claimAttachments: response.data\r\n }));\r\n })\r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n onDismiss() {\r\n this.setState({\r\n isMessageVisible: !this.state.isMessageVisible,\r\n message: null,\r\n messageColor: null\r\n });\r\n }\r\n\r\n onToggleCustomerSearchModal() {\r\n this.setState({showCustomerSearchModal: !this.state.showCustomerSearchModal})\r\n }\r\n\r\n onCustomerSelectedFromSearchModal(customerId, customerName) {\r\n let claimCopy = Object.assign({}, this.state.claim);\r\n if (!this.state.claim.customer || this.state.claim.customer.value !== customerId ) {\r\n claimCopy = {\r\n ...claimCopy,\r\n contactFirstName: '',\r\n contactLastName: ''\r\n }\r\n }\r\n this.setState({\r\n showCustomerSearchModal: false,\r\n claim: {\r\n ...claimCopy,\r\n customer: helpers.resolveValue(null, customerId, customerName)\r\n }\r\n }, () => this.getCustomer(customerId));\r\n }\r\n\r\n getCustomer(customerId) {\r\n api.fetch(`Customer/GetActiveContacts/${customerId}`).then((response) => {\r\n const customerShipToAddresses = _.chain(response.data.customerAddresses)\r\n .filter(ca => { return ca.addressTypeId === constants.ADDRESS_TYPE.SHIP_TO })\r\n .map(a => {\r\n a.value = a.id;\r\n a.label = helpers.formatAddressLabel(a, '* ')\r\n return a;\r\n }).value();\r\n let customerInfo = response.data.customer;\r\n let customerContacts = response.data.contacts;\r\n _.each(customerContacts, c => {\r\n // remove deactivated phones and addresses for each contact\r\n const addresses = _.filter(c.addresses, a => a.deactivatedAt === null);\r\n const phoneNumbers = _.filter(c.phoneNumbers, p => p.deactivatedAt === null);\r\n c.expanded = false;\r\n c.addresses = addresses;\r\n c.phoneNumbers = phoneNumbers;\r\n \r\n // set value and label for select\r\n c.label = `${c.firstName} ${c.lastName}`;\r\n c.value = c.id;\r\n return c;\r\n });\r\n this.setState({ \r\n customerInfo: customerInfo, \r\n // customerContacts: customerContacts,\r\n customerShipToAddresses: customerShipToAddresses,\r\n shippingAddresses: customerShipToAddresses\r\n });\r\n }).catch(helpers.catchHandler);\r\n }\r\n\r\n handleTypeaheadSelectionChange(fieldName, selection) {\r\n let claimCopy = Object.assign({}, this.state.claim);\r\n if (selection.value !== (claimCopy.customer && claimCopy.customer.value)) {\r\n claimCopy = {\r\n ...claimCopy,\r\n contactFirstName: '',\r\n contactLastName: ''\r\n }\r\n }\r\n this.setState({ \r\n claim: {\r\n ...claimCopy, \r\n [fieldName]: selection,\r\n errorMessage: null\r\n }\r\n }, () => this.getCustomer(selection.value));\r\n }\r\n\r\n fetchOriginalOrderInfo() {\r\n api.fetch(`Claim/GetClaimOriginalOrderInfo/${this.state.claim.originalOrderId}`)\r\n .then((response) => {\r\n if (response.data) {\r\n this.setState({ \r\n claim: {\r\n ...this.state.claim,\r\n customer: helpers.resolveValue(null, response.data.customerId, response.data.customerName),\r\n customerNumber: response.data.customerNumber,\r\n customerContact: helpers.nullableString(response.data.customerContactName),\r\n originalProduct: helpers.nullableString(response.data.originalProduct),\r\n originalColor: helpers.nullableString(response.data.originalColor),\r\n originalSize: helpers.nullableString(response.data.originalSize),\r\n originalInvoiceAmount: _.round(response.data.originalInvoiceAmount, 2).toFixed(2),\r\n replacementOrderId: helpers.nullableString(response.data.relatedReplacementOrderId),\r\n creditOrderId: helpers.nullableString(response.data.relatedCreditOrderId), \r\n replacementProduct: helpers.nullableString(response.data.replacementProduct),\r\n replacementColor: helpers.nullableString(response.data.replacementColor),\r\n replacementSize: helpers.nullableString(response.data.replacementSize),\r\n replacementInvoiceAmount: _.round(response.data.replacementInvoiceAmount, 2).toFixed(2),\r\n replacementFreightCarrier: helpers.nullableString(response.data.replacementFreightCarrier),\r\n replacementFreightInvoice: helpers.nullableString(response.data.replacementFreightInvoice),\r\n replacementFreightAmount: _.round(response.data.replacementFreightAmount, 2).toFixed(2),\r\n supplier: helpers.resolveValue(null, response.data.originalProductSupplierId, response.data.originalProductSupplierName),\r\n supplierContactName: helpers.nullableString(response.data.supplierContactName),\r\n supplierContactEmail: helpers.nullableString(response.data.supplierContactEmail),\r\n supplierOriginalInvoice: helpers.nullableString(response.data.supplierOriginalInvoice),\r\n supplierOriginalInvoiceDate: date_helpers.formatDateForServer(response.data.supplierOriginalInvoiceDate),\r\n supplierReplacementInvoice: helpers.nullableString(response.data.supplierReplacementInvoice),\r\n supplierReplacementInvoiceDate: date_helpers.formatDateForServer(response.data.supplierReplacementInvoiceDate),\r\n supplierCreditNumber: helpers.nullableString(response.data.supplierCreditNumber),\r\n supplierCreditReceived: _.round(response.data.supplierCreditReceived, 2).toFixed(2),\r\n totalCreditDue: _.round(response.data.totalCreditDue, 2).toFixed(2),\r\n freightCreditNumber: helpers.nullableString(response.data.freightCreditNumber),\r\n freightCreditReceived: _.round(response.data.freightCreditReceived, 2).toFixed(2),\r\n totalCreditReceived: _.round(response.data.totalCreditReceived, 2).toFixed(2)\r\n }\r\n }, () => {\r\n if (response.data.customerId > 0) {\r\n this.getCustomer(response.data.customerId);\r\n }\r\n }); \r\n } else {\r\n this.setState({claim: emptyClaim});\r\n }\r\n }).catch(helpers.catchHandler);\r\n }\r\n\r\n\r\n onAddNewComment() {\r\n this.setState({\r\n newComment: {\r\n ...emptyComment,\r\n createdByUserName: this.state.currentUserName\r\n }\r\n });\r\n }\r\n \r\n onCancelAddNewComment() {\r\n this.setState({\r\n newComment: null\r\n });\r\n }\r\n \r\n changeNewCommentField(event) {\r\n this.setState({\r\n newComment: {\r\n ...this.state.newComment,\r\n [event.target.name]: event.target.value\r\n }\r\n });\r\n }\r\n \r\n onEditComment(localCommentId) {\r\n const indexToEdit = _.findIndex(this.state.comments, { local_id: localCommentId });\r\n let tempList = _.cloneDeep(this.state.comments);\r\n const snapshotItem = Object.assign({}, tempList[indexToEdit]);\r\n tempList[indexToEdit].isEditing = true;\r\n tempList[indexToEdit].pristine = snapshotItem;\r\n this.setState({\r\n comments: tempList\r\n })\r\n }\r\n \r\n onCancelEditComment(localCommentId) {\r\n const indexToEdit = _.findIndex(this.state.comments, { local_id: localCommentId });\r\n let tempList = _.cloneDeep(this.state.comments);\r\n tempList[indexToEdit].isEditing = false;\r\n tempList[indexToEdit] = tempList[indexToEdit].pristine;\r\n this.setState({\r\n comments: tempList\r\n })\r\n }\r\n \r\n changeCommentField(event, localCommentId) {\r\n const indexToEdit = _.findIndex(this.state.comments, { local_id: localCommentId });\r\n const newList = Object.assign([], this.state.comments);\r\n newList[indexToEdit][event.target.name] = event.target.value;\r\n this.setState({\r\n comments: newList\r\n })\r\n }\r\n \r\n onSaveEditedComment(localCommentId) {\r\n const indexToEdit = _.findIndex(this.state.comments, { local_id: localCommentId });\r\n const newList = Object.assign([], this.state.comments);\r\n newList[indexToEdit].isEditing = false;\r\n this.setState({\r\n comments: newList\r\n })\r\n }\r\n \r\n onSaveNewComment() {\r\n let newList = Object.assign([], this.state.comments);\r\n let commentToSave = Object.assign({}, this.state.newComment);\r\n // if (!this.isCommentValid()) return;\r\n commentToSave = {\r\n ...commentToSave,\r\n local_id: -1 * (this.state.comments.length + 1)\r\n }\r\n newList = [...newList, commentToSave];\r\n this.setState({\r\n comments: newList,\r\n newComment: null\r\n })\r\n }\r\n \r\n onDeleteComment(localCommentId) {\r\n const indexToEdit = _.findIndex(this.state.comments, { local_id: localCommentId });\r\n const newList = Object.assign([], this.state.comments); // const newList = _.cloneDeep(jobFees);\r\n newList.splice(indexToEdit, 1);\r\n this.setState({\r\n comments: newList\r\n })\r\n }\r\n\r\n\r\n render() {\r\n if (this.state.redirect === true) {\r\n return Staff Dashboard
\r\n{this.state.claim.id ? 'Edit Claim' : 'Add Claim'}
\r\n \r\n{this.state.claim.id ? `Claim ${this.state.claim.id}` : `New Claim`}
\r\n \r\n{`Customer Account # ${this.state.claim && this.state.claim.customerNumber ? this.state.claim.customerNumber : '-'}`}
\r\n \r\n\r\n this.onDateChange(\"claimDate\", e)}\r\n selected={date_helpers.dateFormatForClient(this.state.claim.claimDate)}\r\n className=\"form-control\"\r\n />\r\n
\r\n \r\n {/* \r\n this.onDateChange(\"supplierOriginalInvoiceDate\", e)}\r\n selected={date_helpers.dateFormatForClient(this.state.claim.supplierOriginalInvoiceDate)}\r\n className=\"form-control\"\r\n />\r\n
\r\n \r\n \r\n this.onDateChange(\"supplierReplacementInvoiceDate\", e)}\r\n selected={date_helpers.dateFormatForClient(this.state.claim.supplierReplacementInvoiceDate)}\r\n className=\"form-control\"\r\n />\r\n
\r\n \r\n Nature of Complaint
\r\n \r\n\r\n \r\n {this.state.addingImage\r\n ?
\r\n \r\n \r\n {this.state.errorMessage ?\r\n \r\n {this.state.errorMessage}\r\n \r\n : null\r\n }\r\n this.setState({files: files})}\r\n // productAttachmentTypeList={this.state.productAttachmentTypeList}\r\n />\r\n
\r\n )}\r\n \r\n Comments
\r\n \r\n\r\n {c.isPrivate\r\n ? \r\n
\r\n \r\n {this.props.usedByCopyRugSizesModal\r\n ? `Copy Rug Prices To`\r\n : `Maintain Products`}\r\n
\r\n \r\n| \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n Supplier Phone # | \r\n\r\n {this.props.usedByCopyRugSizesModal ? `Select` : null}\r\n | \r\n
|---|---|---|---|---|---|---|
| \r\n {p.dcName}\r\n {\" \"}\r\n | \r\n {p.dcNumber} | \r\n{p.supplierName} | \r\n\r\n {p.supplierNumber}\r\n {\" \"}\r\n | \r\n {p.supplierLabel} | \r\n{p.supplierPhoneNo} | \r\n\r\n {this.props.usedByCopyRugSizesModal ? (\r\n | \r\n
Product Widths
\r\n \r\n| Width | \r\n\r\n |
|---|---|
| {pw.widthName} | \r\n\r\n | \r\n
Intl Rug Sizes
\r\n \r\nAdd New Size
\r\n \r\n| Size Description | \r\nNet Cost | \r\nSell Price | \r\n {/*Trade Size | */}\r\nSequence | \r\n\r\n | ||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| \r\n | \r\n \r\n | \r\n \r\n | \r\n {/* \r\n | */}\r\n \r\n | \r\n \r\n | \r\n {sz.dsc} | \r\n{sz.cost} | \r\n{sz.price} | \r\n {/*{sz.tradeSizeName} | */}\r\n{sz.seq} | \r\n\r\n {/* {sz.deactivatedAt === null\r\n ? */}\r\n | \r\n
Product Colors
\r\n \r\nAdd New Product Color
\r\n \r\n\r\n \r\n {this.state.addingImage ? (\r\n
\r\n \r\n {/*\r\n | Color Name | \r\nColor Number | \r\nWeb Images | \r\nColor Family | \r\nWeb Representative | \r\n\r\n | |
|---|---|---|---|---|---|---|
| \r\n {b.isEditing ? (\r\n | \r\n \r\n {b.isEditing ? (\r\n | \r\n \r\n {b.isEditing ? (\r\n \r\n \r\n {this.state.addingImage ? (\r\n \r\n {image.productAttachmentTypeName}\r\n \r\n ))}\r\n | \r\n {/*\r\n \r\n {b.isEditing ? (\r\n | \r\n */}\r\n \r\n {b.isEditing ? (\r\n | \r\n \r\n {b.isEditing ? null : (\r\n | \r\n \r\n | \r\n
Product Memo Inventory
\r\n \r\n\r\n {\r\n this.setState(prevState => ({\r\n ...prevState,\r\n showAll: !value\r\n }), () => this.getProductMemoSizes(this.state.productId));\r\n }}\r\n />\r\n
\r\n Show All\r\n \r\n {`Shelf #${this.state.memoShelfNumber}`}
\r\n \r\n| \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n |
|---|---|---|---|---|
| \r\n {b.productColorName}\r\n | \r\n\r\n {b.productColorNumber}\r\n | \r\n\r\n {b.memoSizeName}\r\n | \r\n\r\n {b.isEditing ? (\r\n | \r\n \r\n | \r\n
\r\n {\r\n this.state.errors.map(e => (
\r\n );\r\n }\r\n}\r\n\r\nexport default ErrorMessage;\r\n","import React, { Component } from 'react';\r\nimport {\r\n Container,\r\n Table,\r\n ButtonGroup,\r\n Button,\r\n Col,\r\n Row,\r\n Alert,\r\n Card,\r\n CardBody, \r\n} from 'reactstrap';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport _ from 'lodash';\r\nimport { FilterSet, SortHeader, FilterBoolean, FilterText, Pager, FilterSelect, FilterDate } from '../components';\r\nimport {api, date_helpers, filter_helpers, helpers} from '../utils';\r\nimport { Link } from 'react-router-dom';\r\nimport moment from 'moment';\r\n\r\nconst addAnyOption = (list) => {\r\n let newList = list.slice();\r\n newList.unshift({ label: \"(Any)\", value: null });\r\n return newList;\r\n};\r\n\r\nexport default class Expense extends Component {\r\n constructor(props) {\r\n super(props);\r\n let lastExpenseFilters = null;\r\n try {\r\n lastExpenseFilters = localStorage.getItem('lastExpenseFilters');\r\n } catch {}\r\n const defaultFilters = lastExpenseFilters\r\n ? JSON.parse(lastExpenseFilters)\r\n : [{\r\n filterName: \"ActiveOnly\",\r\n value: true,\r\n filteredDisplay: \"Active Only: Active\"\r\n },\r\n {\r\n filterName: \"DateFrom\",\r\n value: new Date(moment().subtract(90, \"day\")),\r\n filteredDisplay: \"Created in the last 90 days\"\r\n }];\r\n _.each(defaultFilters, f => {\r\n if ((f.filterName === 'DateFrom' || f.filterName === 'DateTo')) {\r\n f.value = date_helpers.getMomentFromString(f.value).valueOf();\r\n }\r\n });\r\n this.state = {\r\n message: null,\r\n messageFlavor: null,\r\n isMessageVisible: false,\r\n pagedList: {\r\n list: [],\r\n pageSize: 100, \r\n pageNumber: 1\r\n },\r\n sortField: 'Month',\r\n sortDir: 'desc',\r\n filters: defaultFilters,\r\n showEdit: false,\r\n supplierList: [],\r\n payToList: [],\r\n agentList: [],\r\n expenseCategoryList: [],\r\n expenseTypeList: []\r\n };\r\n this.onMessageDismiss = this.onMessageDismiss.bind(this);\r\n this.refreshList = this.refreshList.bind(this);\r\n this.setPage = this.setPage.bind(this);\r\n this.doSort = this.doSort.bind(this);\r\n this.filterChange = this.filterChange.bind(this);\r\n this.clearFilters = this.clearFilters.bind(this);\r\n this.currentFilterValue = this.currentFilterValue.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n const getAgents = api.fetch('Reference/GetAgentList')\r\n .then((result) => {\r\n return { agentList: result.data };\r\n })\r\n .catch(helpers.catchHandler);\r\n const getExpenseTypes = api.fetch('Reference/GetExpenseTypeList')\r\n .then((result) => {\r\n return { expenseTypeList: result.data };\r\n })\r\n .catch(helpers.catchHandler);\r\n const getBooks = api.fetch('Reference/GetSampleBookList')\r\n .then((result) => {\r\n return { bookList: result.data };\r\n })\r\n .catch(helpers.catchHandler);\r\n const getExpenseCategoriesForClerk = api.fetch('ExpenseCategory/GetExpenseCategoryListForClerk')\r\n .then((result) => {\r\n return { expenseCategoryList: result.data };\r\n })\r\n .catch(helpers.catchHandler);\r\n const getExpenseCategories = api.fetch('Reference/GetExpenseCategoryList')\r\n .then((result) => {\r\n return { expenseCategoryList: result.data };\r\n })\r\n .catch(helpers.catchHandler);\r\n const getSupplier = api.fetch('Reference/GetSupplierList')\r\n .then((result) => {\r\n return {\r\n supplierList: _.map(result.data, s => {\r\n s.id = s.value;\r\n s.value = s.label;\r\n return s;\r\n })\r\n };\r\n })\r\n .catch(helpers.catchHandler);\r\n const getExpensePayToList = api.fetch('Reference/GetExpensePayToList')\r\n .then((result) => {\r\n return { \r\n payToList: _.map(result.data, s => {\r\n s.id = s.value;\r\n s.value = s.label;\r\n return s; \r\n })\r\n };\r\n })\r\n .catch(helpers.catchHandler);\r\n\r\n let APIlist = [ \r\n getAgents,\r\n getExpenseTypes,\r\n getBooks,\r\n getExpenseCategories,\r\n getSupplier,\r\n getExpensePayToList]\r\n //push the full list if admin, otherwise this is a finance clerk\r\n if(this.props.currentUser && this.props.currentUser.isAdmin) {\r\n APIlist.push(getExpenseCategories);\r\n } else {\r\n APIlist.push(getExpenseCategoriesForClerk);\r\n }\r\n\r\n Promise.all(APIlist)\r\n .then((aggregateResults) => {\r\n const newStatus = {};\r\n aggregateResults.forEach(r => Object.assign(newStatus, r));\r\n this.setState(newStatus, () =>\r\n this.refreshList());\r\n })\r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n refreshList(sortField, sortDirection, filters) {\r\n let filterList = filters || this.state.filters;\r\n\r\n let payload = {\r\n page: this.state.pagedList.pageNumber,\r\n pageSize: this.state.pagedList.pageSize,\r\n SortField: sortField || this.state.sortField,\r\n SortDir: sortDirection || this.state.sortDir,\r\n }\r\n\r\n _.each(filterList, filter => {\r\n if (filter.filterName === 'DateFrom' || filter.filterName === 'DateTo') {\r\n payload[filter.filterName] = date_helpers.getMomentFromString(filter.value).format(date_helpers.YMD);\r\n } else {\r\n payload[filter.filterName] = filter.value\r\n }\r\n });\r\n \r\n api.post('Expense/GetPaginatedList', payload)\r\n .then((response) => {\r\n this.setState({\r\n pagedList: response.data\r\n })\r\n }).catch(helpers.catchHandler);\r\n }\r\n\r\n doSort(field, direction) {\r\n this.setState({ sortDir: direction, sortField: field });\r\n this.refreshList(field, direction);\r\n }\r\n\r\n filterChange(changedFilter) {\r\n const filters = filter_helpers.get_filters(this.state.filters, changedFilter);\r\n try {\r\n localStorage.setItem(\"lastExpenseFilters\", JSON.stringify(filters));\r\n } catch {}\r\n this.setState({ filters: filters, clearValue: false });\r\n this.refreshList(null, null, filters);\r\n }\r\n\r\n clearFilters() {\r\n const filters = [];\r\n try {\r\n localStorage.setItem(\"lastExpenseFilters\", JSON.stringify(filters));\r\n } catch {}\r\n this.setState({ filters: filters, clearValue: true });\r\n this.refreshList(null, null, filters);\r\n }\r\n\r\n currentFilterValue(name) {\r\n const filterElement = this.state.filters.find(f => f.filterName === name);\r\n if (filterElement) {\r\n if (filterElement.value) {\r\n return filterElement.value;\r\n }\r\n return filterElement.values;\r\n }\r\n return '';\r\n }\r\n\r\n setPage(page) {\r\n const newPagedList = Object.assign({}, this.state.pagedList);\r\n newPagedList.pageNumber = page;\r\n this.setState({ pagedList: newPagedList }, () => this.refreshList());\r\n }\r\n\r\n onMessageDismiss() {\r\n this.setState({ isMessageVisible: !this.state.isMessageVisible });\r\n }\r\n\r\n handleDelete(id) {\r\n api.delete('Expense/DeleteExpenseItem/' + id)\r\n .then(response => {\r\n if (response.data.success) {\r\n this.refreshList()\r\n } else {\r\n this.setState({ messageFlavor: \"danger\", message: response.data.message });\r\n }\r\n })\r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n handleUnDelete(id) {\r\n api.post('Expense/ReviveExpenseItem/' + id)\r\n .then(response => {\r\n if (response.data.success) {\r\n this.refreshList()\r\n } else {\r\n this.setState({ messageFlavor: \"danger\", message: response.data.message });\r\n }\r\n })\r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n render() {\r\n return (\r\n {e}
))\r\n }\r\n Operating Expense Details
\r\n \r\n| \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n |
|---|---|---|---|---|---|---|---|---|
| {b.checkNumber} | \r\n{b.invoiceNumber} | \r\n{b.payToName} | \r\n{b.monthName} | \r\n{b.expenseCategoryName} | \r\n{b.amountCurrency} | \r\n{b.expenseTypeName} | \r\n{date_helpers.dateTimeFormat(b.createdAt, date_helpers.MDY4)} | \r\n\r\n | \r\n
{editExpense.id ? 'Edit' : 'Add'} Expense
\r\n \r\n\r\n Created on: {date_helpers.dateTimeFormat(editExpense.createdAt, \"MM/DD/YYYY\")} \r\n
\r\n }\r\n Month {helpers.requiredStar()}\r\n {editExpense.total}\r\n
\r\n \r\n | Category {helpers.requiredStar()} | \r\n Expense Type {helpers.requiredStar()} | \r\nSample Type | \r\nAmount {helpers.requiredStar()} | \r\nMemo | \r\n\r\n | ||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n {item.expenseCategory.label || \"\"} | \r\n{item.expenseType.label || \"\"} | \r\n{item.sampleBook ? item.sampleBook.label : \"\"} | \r\n{helpers.formatCurrency(item.amount)|| \"\"} | \r\n{item.comment || \"\"} | \r\n\r\n | \r\n
Maintain Expense Categories
\r\n \r\nAdd New Expense Category
\r\n \r\n| \r\n | \r\n \r\n | \r\n \r\n |
|---|---|---|
| \r\n | \r\n \r\n | \r\n \r\n | \r\n
| {cat.name} | \r\n{cat.expenseCategoryTypeName} | \r\n\r\n | \r\n
Expense Pay to Administration
\r\n \r\nAdd New Expense Pay To Name
\r\n \r\n| \r\n | \r\n \r\n |
|---|---|
| \r\n | \r\n \r\n | \r\n
| \r\n {item.name}\r\n | \r\n\r\n | \r\n
\r\n Wait, I already have an account - take me to log in!\r\n
\r\n \r\n {this.state.message !== null\r\n ? {this.state.message} \r\n : null\r\n }\r\n
\r\n \r\n \r\n
\r\n Freight Carriers
\r\n \r\nNew Freight Carrier
\r\n \r\n| \r\n | \r\n \r\n |
|---|---|
| \r\n | \r\n \r\n | \r\n
| \r\n {item.name}\r\n | \r\n\r\n | \r\n
Recent Orders
\r\n \r\n| Order # | \r\nCreated | \r\nStatus | \r\nAccount | \r\nAgent | \r\nTotal | \r\n\r\n |
|---|---|---|---|---|---|---|
| {order.id} | \r\n{date_helpers.dateTimeFormat(order.createdAt, \"MM/DD/YYYY hh:mm A\")} | \r\n{order.orderStatusName} | \r\n{order.customerName} | \r\n{order.agentName} | \r\n{order.totalPrice} | \r\n\r\n | \r\n
Maintain Samples
\r\n \r\nAdd New Book
\r\n \r\n\r\n this.handleSampleBookStateChange(\r\n \"reportGroupingOnly\",\r\n !b.reportGroupingOnly)}\r\n checked={b.reportGroupingOnly}\r\n />\r\n
\r\n \r\n | \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n Report Grouping Only? | \r\n\r\n |
|---|---|---|---|---|---|---|
| \r\n {b.isEditing ? (\r\n | \r\n \r\n {b.isEditing ? (\r\n | \r\n \r\n {b.isEditing ? (\r\n | \r\n \r\n {b.isEditing ? (\r\n | \r\n \r\n {b.isEditing ? (\r\n | \r\n \r\n {b.isEditing ? (\r\n \r\n \r\n ) : ( b.reportGroupingOnly ? | \r\n\r\n \r\n \r\n \r\n ) : (\r\n \r\n {b.deactivatedAt === null ? (\r\n \r\n )}\r\n | \r\n
Maintain Samples
\r\n \r\nLoading...
:\r\n | \r\n {this.state.bookList.map(book => (\r\n | \r\n {book.name}\r\n | \r\n ))}\r\n
|---|---|
| \r\n \r\n {customer.name + ` (${customer.number})`}\r\n \r\n \r\n {this.state.checkingAllForCustomerId ?\r\n \r\n | \r\n {_.map(customer.customerSampleList, sample => {\r\n return (\r\n \r\n {this.state.updatingIds &&\r\n this.state.updatingIds.customerId === sample.customerId &&\r\n this.state.updatingIds.sampleBookId === sample.sampleBookId ?\r\n | \r\n )\r\n })}\r\n
Loading...
\r\n }\r\n return (\r\n \r\n {this.state.message && (\r\n \r\n this.onDismiss()}>{this.state.message} \r\n \r\n
\r\n )}\r\n this.setState({showDeleteMemoOrderLineConfirmationModal: !this.state.showDeleteMemoOrderLineConfirmationModal})}\r\n >\r\n {this.state.deletingMultipleOrderLines ? 'Delete Order Lines' : 'Delete Order Line?'} \r\n \r\n \r\n this.setState({showMoveSelectedConfirmationModal: !this.state.showMoveSelectedConfirmationModal})}\r\n >\r\n Move Selected Order Lines \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n this.setMemoOrderLineStatus(option)}\r\n />\r\n \r\n this.setSelectedProductColor(option)}\r\n />\r\n \r\n this.setSelectedMemoSize(option)}\r\n />\r\n \r\n this.handleMemoOrderLineQtyChange(\r\n event.target.value\r\n )}\r\n value={this.state.memoOrderLineToAddEdit.qty}\r\n />\r\n \r\n
\r\n {this.state.editingMemoOrderLineNotes && (\r\n \r\n \r\n this.onToggleMemoOrderLineNotes()}\r\n >\r\n {this.state.editingMemoOrderLineNotes ? 'Remove Notes' : 'Add Notes'}\r\n \r\n \r\n \r\n this.state.memoOrderLines.length > 0 || this.state.sampleOrderLines.length > 0\r\n ? this.state.memoOrderLineToAddEdit.id\r\n ? this.updateMemoOrderLine(this.state.memoOrderLineToAddEdit)\r\n : this.saveNewMemoOrderLine(this.state.memoOrderLineToAddEdit) \r\n : this.saveNewMemoOrderWithOrderLine(this.state.memoOrderLineToAddEdit)}\r\n >\r\n this.toggleAddMemoOrderLineCollapse()}\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\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.setSampleOrderLineStatus(option)}\r\n />\r\n \r\n this.onSampleBookChange(option)}\r\n />\r\n {/* this.handleSampleOrderLineQtyChange(\r\n event.target.value\r\n )}\r\n value={this.state.sampleOrderLineToAddEdit.qty}\r\n />\r\n \r\n
\r\n {this.state.editingSampleOrderLineNotes && (\r\n \r\n \r\n this.onToggleSampleOrderLineNotes()}\r\n >\r\n {this.state.editingSampleOrderLineNotes ? 'Remove Notes' : 'Add Notes'}\r\n \r\n \r\n \r\n this.state.memoOrderLines.length > 0 || this.state.sampleOrderLines.length > 0 \r\n ? this.state.sampleOrderLineToAddEdit.id\r\n ? this.updateMemoOrderLine(this.state.sampleOrderLineToAddEdit)\r\n : this.saveNewMemoOrderLine(this.state.sampleOrderLineToAddEdit) \r\n : this.saveNewMemoOrderWithOrderLine(this.state.sampleOrderLineToAddEdit)}\r\n >\r\n this.toggleAddSampleOrderLineCollapse()}\r\n >\r\n \r\n \r\n
\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.updateSelectedMemoOrderLines(true, null)}\r\n title=\"Ship selected\"\r\n >\r\n {/* this.updateSelectedMemoOrderLines(null, true)}\r\n title=\"Backorder selected\"\r\n >\r\n {/* this.showDeleteMemoOrderLineConfirmationModal()}\r\n title=\"Delete selected\"\r\n >\r\n {/* this.showMoveSelectedConfirmationModal()}\r\n title=\"Backorder selected\"\r\n >\r\n {/* \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default MemoOrderLines;\r\n","import React, { Component } from 'react';\r\nimport {\r\n Button,\r\n ButtonGroup,\r\n Col,\r\n Row,\r\n Table,\r\n Container,\r\n Form,\r\n Card,\r\n Alert,\r\n CardBody,\r\n Input,\r\n Modal,\r\n ModalBody\r\n} from 'reactstrap';\r\nimport Select from 'react-select';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport DatePicker from \"react-datepicker\";\r\nimport Switch from \"react-switch\";\r\nimport { Link } from 'react-router-dom';\r\nimport _ from 'lodash';\r\nimport {\r\n filter_helpers,\r\n api,\r\n helpers,\r\n date_helpers,\r\n constants\r\n} from '../utils';\r\nimport MemoOrderLines from './MemoOrderLines';\r\nimport CustomerAdmin from './CustomerAdmin';\r\nimport {\r\n CustomerTypeahead,\r\n FilterSet,\r\n FilterText,\r\n FilterBoolean,\r\n FilterSelect,\r\n SortHeader, \r\n Pager\r\n} from '../components';\r\n\r\nconst addAnyOption = (list) => {\r\n let newList = list.slice();\r\n newList.unshift({ label: \"(Any)\", value: null });\r\n return newList;\r\n };\r\n\r\nlet currentUserId = null;\r\nlet currentUserName = null;\r\n\r\nconst getCurrentUser = () => {\r\n try {\r\n currentUserId = localStorage.getItem('currentUser')\r\n ? JSON.parse(localStorage.getItem('currentUser')).id\r\n : null \r\n currentUserName = localStorage.getItem('currentUser')\r\n ? JSON.parse(localStorage.getItem('currentUser')).username\r\n : null\r\n return (\r\n {\r\n value: currentUserId,\r\n label: currentUserName\r\n }\r\n );\r\n } catch(e) {\r\n console.log('e', e);\r\n }\r\n}\r\n\r\nconst emptyMemoOrder = {\r\n id: 0,\r\n customer: null,\r\n sidemark: '',\r\n contactFirstName: '',\r\n contactLastName: '',\r\n contactEmail: '',\r\n addressLine1: '',\r\n addressLine2: '',\r\n addressLine3: '',\r\n addressLine4: '',\r\n city: '',\r\n state: '',\r\n zip: '',\r\n phone: '',\r\n memoShipMethod: constants.MEMO_SHIP_METHOD.FEDEX_GROUND,\r\n trackingNumber: '',\r\n memoOrderLines: [],\r\n createdAt: new Date(),\r\n createdByUser: null\r\n};\r\n\r\nexport default class MemoOrders extends Component {\r\n constructor(props) {\r\n super(props);\r\n let lastMemoOrderFilters = null;\r\n try {\r\n lastMemoOrderFilters = localStorage.getItem('lastMemoOrderFilters');\r\n } catch {}\r\n const defaultFilters = lastMemoOrderFilters\r\n ? JSON.parse(lastMemoOrderFilters)\r\n : [{filterName: \"ActiveOnly\", value: true, filteredDisplay: \"Active Only: Yes\" }];\r\n this.state = {\r\n suppliers: [], \r\n messageFlavor: null,\r\n message: null,\r\n editItem: null,\r\n sortField: 'CreatedAt',\r\n sortDir: 'desc',\r\n filters: defaultFilters,\r\n clearValue: false,\r\n showEdit: false,\r\n pagedList: {\r\n list: [],\r\n pageSize: 100,\r\n pageNumber: 1\r\n },\r\n customerList: [],\r\n contactTypeList: [],\r\n contactAddressTypeList: [],\r\n contacts: [],\r\n contactList: [],\r\n supplierIdCaptured: false,\r\n memoOrder: {\r\n ...emptyMemoOrder,\r\n createdByUser: getCurrentUser()\r\n },\r\n isContactEditing: false, \r\n customerContacts: [],\r\n selectedContact: null,\r\n customerShipToAddresses: [],\r\n showCustomerSearchModal: false,\r\n memoOrderLineStatusList: [],\r\n // relatedMemoBilledOrders: [],\r\n memoShipMethods: []\r\n };\r\n this.showAdd = this.showAdd.bind(this);\r\n this.refreshList = this.refreshList.bind(this);\r\n this.onCancel = this.onCancel.bind(this);\r\n this.doSort = this.doSort.bind(this);\r\n this.filterChange = this.filterChange.bind(this);\r\n this.clearFilters = this.clearFilters.bind(this);\r\n this.setPage = this.setPage.bind(this);\r\n this.currentFilterValue = this.currentFilterValue.bind(this);\r\n this.onSubmit = this.onSubmit.bind(this);\r\n this.setSelectedShippingContact = this.setSelectedShippingContact.bind(this);\r\n this.setSelectedShippingAddress = this.setSelectedShippingAddress.bind(this);\r\n this.handleCreatedAtInputChange = this.handleCreatedAtInputChange.bind(this);\r\n this.saveNewMemoOrderWithOrderLine = this.saveNewMemoOrderWithOrderLine.bind(this);\r\n this.onToggleCustomerSearchModal = this.onToggleCustomerSearchModal.bind(this);\r\n this.onCustomerSelectedFromSearchModal = this.onCustomerSelectedFromSearchModal.bind(this);\r\n this.moveSelectedMemoOrderLinesToNewOrder = this.moveSelectedMemoOrderLinesToNewOrder.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n const getMemoOrderLineStatues = api.fetch(\"Reference/GetMemoOrderLineStatusList\")\r\n .then(response => {\r\n return { memoOrderLineStatusList: response.data };\r\n })\r\n .catch(helpers.catchHandler);\r\n\r\n const getMemoShipMethods = api.fetch(\"Reference/GetMemoShipMethodsList\")\r\n .then(response => {\r\n return { memoShipMethodsList: response.data };\r\n })\r\n .catch(helpers.catchHandler);\r\n\r\n // const getCustomers = api.fetch(\"Reference/GetCustomerList\")\r\n // .then((response) => {\r\n // return { customerList: response.data };\r\n // })\r\n // .catch(helpers.catchHandler);\r\n\r\n Promise.all([\r\n getMemoOrderLineStatues,\r\n getMemoShipMethods,\r\n // getCustomers\r\n ])\r\n .then((aggregateResults) => {\r\n const newStatus = {};\r\n aggregateResults.forEach(r => Object.assign(newStatus, r));\r\n this.setState(newStatus, () =>\r\n this.refreshList());\r\n })\r\n .catch(helpers.catchHandler);\r\n\r\n if (this.props.location.state && this.props.location.state.memoOrderId) {\r\n this.onEdit(this.props.location.state.memoOrderId)\r\n }\r\n }\r\n\r\n refreshList(sortField, sortDirection, filters) {\r\n const filterList = filters || this.state.filters;\r\n const payload = {\r\n Page: this.state.pagedList.pageNumber,\r\n PageSize: this.state.pagedList.pageSize,\r\n SortField: sortField || this.state.sortField,\r\n SortDir: sortDirection || this.state.sortDir,\r\n };\r\n\r\n _.each(filterList, filter => payload[filter.filterName] = filter.value);\r\n\r\n api.post('MemoOrder/GetPaginatedList', payload)\r\n .then((response) => {\r\n this.setState({\r\n pagedList: response.data\r\n });\r\n }).catch(helpers.catchHandler);\r\n }\r\n\r\n doSort(field, direction) {\r\n this.setState({ sortDir: direction, sortField: field });\r\n this.refreshList(field, direction);\r\n }\r\n\r\n filterChange(changedFilter) {\r\n const filters = filter_helpers.get_filters(this.state.filters, changedFilter);\r\n try {\r\n localStorage.setItem(\"lastMemoOrderFilters\", JSON.stringify(filters));\r\n } catch {}\r\n this.setState({ filters: filters, clearValue: false });\r\n this.refreshList(null, null, filters);\r\n }\r\n\r\n currentFilterValue(name) {\r\n const filterElement = this.state.filters.find(f => f.filterName === name);\r\n if (filterElement) return filterElement.value;\r\n return '';\r\n }\r\n\r\n clearFilters() {\r\n const filters = [];\r\n try {\r\n localStorage.setItem(\"lastMemoOrderFilters\", JSON.stringify(filters));\r\n } catch {}\r\n this.setState({ filters: filters, clearValue: true });\r\n this.refreshList(null, null, filters);\r\n }\r\n\r\n setPage(page) {\r\n const newPagedList = Object.assign({}, this.state.pagedList);\r\n newPagedList.pageNumber = page;\r\n this.setState({ pagedList: newPagedList }, () => this.refreshList());\r\n }\r\n\r\n onCancel() {\r\n this.setState({\r\n showEdit: false,\r\n memoOrder: {\r\n ...emptyMemoOrder,\r\n createdByUser: getCurrentUser()\r\n },\r\n message: null, \r\n messageFlavor: null,\r\n customerInfo: null\r\n }, () => this.refreshList());\r\n }\r\n\r\n showAdd() {\r\n this.setState({\r\n memoOrder: {\r\n ...emptyMemoOrder,\r\n createdByUser: getCurrentUser()\r\n },\r\n showEdit: true\r\n });\r\n }\r\n\r\n onEdit(memoOrderId) {\r\n api.fetch(`MemoOrder/GetMemoOrder/${memoOrderId}`)\r\n .then((response) => {\r\n const item = response.data;\r\n this.setState({\r\n memoOrder: {\r\n id: item.id,\r\n customer: helpers.resolveValue(null, item.customerId, item.customerName), \r\n sidemark: helpers.nullableString(item.sidemark),\r\n contactFirstName: helpers.nullableString(item.contactFirstName),\r\n contactLastName: helpers.nullableString(item.contactLastName),\r\n contactEmail: helpers.nullableString(item.contactEmail),\r\n addressLine1: helpers.nullableString(item.addressLine1),\r\n addressLine2: helpers.nullableString(item.addressLine2),\r\n addressLine3: helpers.nullableString(item.addressLine3),\r\n addressLine4: helpers.nullableString(item.addressLine4),\r\n city: helpers.nullableString(item.city),\r\n state: helpers.nullableString(item.state),\r\n zip: helpers.nullableString(item.zip),\r\n phone: helpers.nullableString(item.phone),\r\n memoShipMethod: helpers.resolveValue(null, item.memoShipMethodId, item.memoShipMethodName),\r\n trackingNumber: helpers.nullableString(item.trackingNumber),\r\n comment: helpers.nullableString(item.comment),\r\n createdAt: date_helpers.dateFormatForClient(item.createdAt),\r\n creatdByUserName: item.createdByUserName,\r\n createdByUser: helpers.resolveValue(\r\n null,\r\n item.createdByUserId,\r\n item.createdByUserName),\r\n memoOrderLines: _.map(item.memoOrderLines, ol => {\r\n return {\r\n id: ol.id,\r\n lastStatusAt: date_helpers.getMomentFromString(ol.lastStatusAt),\r\n memoOrderId: ol.memoOrderId,\r\n memoSize: helpers.resolveValue(null, ol.memoSizeId, ol.memoSizeName),\r\n productColor: helpers.resolveValue(\r\n null, \r\n ol.productColorId, \r\n // ol.productColorName\r\n `${ol.productColorName} ${ol.productColorNumber ? ol.productColorNumber : ''}`),\r\n product: helpers.resolveValue(\r\n null, \r\n ol.productId, \r\n // ol.productDCName\r\n `${ol.productDCName} ${ol.productDCNumber ? '(' + ol.productDCNumber + ')' : ''}`),\r\n sampleBook: helpers.resolveValue(\r\n null, \r\n ol.sampleBookId, \r\n ol.sampleBookName),\r\n sampleBookStock: ol.sampleBookStock,\r\n productMemoShelfNumber: helpers.nullableString(ol.productMemoShelfNumber),\r\n typeOfMemoOrderLineStatus: helpers.resolveValue(null, ol.typeOfMemoOrderLineStatus, ol.typeOfMemoOrderLineStatusName),\r\n memoOrderLineStatus: null,\r\n supplierName: ol.productSupplierName,\r\n qty: ol.qty ? ol.qty : '1',\r\n deactivatedAt: null,\r\n orderLineComments: _.map(ol.memoOrderLineComments, comment => {\r\n return {\r\n ...comment, \r\n local_id: -1*(ol.memoOrderLineComments.indexOf(comment)+1),\r\n commentType: helpers.resolveValue(null, comment.commentTypeId, comment.commentTypeName)\r\n }\r\n }),\r\n commentCount: ol.memoOrderLineComments ? ol.memoOrderLineComments.length : 0, // for temporary use only\r\n productMemoSize: ol.productMemoSize,\r\n isSelected: false,\r\n lastSampleReceivedAt: date_helpers.getMomentFromString(ol.lastSampleReceivedAt)\r\n }\r\n })\r\n },\r\n // relatedMemoBilledOrders: item.relatedMemoBilledOrders,\r\n showEdit: true\r\n }, () => this.getCustomer(item.customerId));\r\n }).catch(helpers.catchHandler);\r\n window.scrollTo(0, 0);\r\n }\r\n\r\n getCustomer(customerId) {\r\n api.fetch(`Customer/GetActiveContacts/${customerId}`).then((response) => {\r\n const customerShipToAddresses = _.chain(response.data.customerAddresses)\r\n .filter(ca => { return ca.addressTypeId === constants.ADDRESS_TYPE.SHIP_TO })\r\n .map(a => {\r\n a.value = a.id;\r\n a.label = helpers.formatAddressLabel(a, '* ')\r\n return a;\r\n }).value();\r\n let customerInfo = response.data.customer;\r\n let customerContacts = response.data.contacts;\r\n _.each(customerContacts, c => {\r\n // remove deactivated phones and addresses for each contact\r\n const addresses = _.filter(c.addresses, a => a.deactivatedAt === null);\r\n const phoneNumbers = _.filter(c.phoneNumbers, p => p.deactivatedAt === null);\r\n c.expanded = false;\r\n c.addresses = addresses;\r\n c.phoneNumbers = phoneNumbers;\r\n \r\n // set value and label for select\r\n c.label = `${c.firstName} ${c.lastName}`;\r\n c.value = c.id;\r\n return c;\r\n });\r\n this.setState({ \r\n customerInfo: customerInfo, \r\n customerContacts: customerContacts,\r\n customerShipToAddresses: customerShipToAddresses,\r\n shippingAddresses: customerShipToAddresses\r\n });\r\n }).catch(helpers.catchHandler);\r\n }\r\n\r\n handleTypeaheadSelectionChange(fieldName, selection) {\r\n let memoOrderCopy = Object.assign({}, this.state.memoOrder);\r\n if (selection.value !== (memoOrderCopy.customer && memoOrderCopy.customer.value)) {\r\n memoOrderCopy = {\r\n ...memoOrderCopy,\r\n contactFirstName: '',\r\n contactLastName: '',\r\n contactEmail: '',\r\n addressLine1: '',\r\n addressLine2: '',\r\n addressLine3: '',\r\n addressLine4: '',\r\n city: '',\r\n state: '',\r\n zip: '',\r\n phone: '',\r\n }\r\n }\r\n this.setState({ \r\n memoOrder: {\r\n ...memoOrderCopy, \r\n [fieldName]: selection,\r\n errorMessage: null\r\n }\r\n }, () => this.getCustomer(selection.value));\r\n }\r\n\r\n handleCreatedAtInputChange(date) {\r\n this.setState({\r\n memoOrder: {\r\n ...this.state.memoOrder,\r\n createdAt: date\r\n }\r\n });\r\n }\r\n\r\n handleMemoOrderStateChange(fieldName, value) {\r\n this.setState({\r\n memoOrder: {\r\n ...this.state.memoOrder,\r\n [fieldName]: value\r\n }\r\n });\r\n }\r\n\r\n async setSelectedShippingContact(option) {\r\n const phoneNumber = await _.find(option.phoneNumbers, x => x.isPrimary);\r\n const shippingAddresses = this.state.customerShipToAddresses.concat(\r\n _.map(_.filter(option.addresses, x => x.typeOfAddress === constants.ADDRESS_TYPE.SHIP_TO),\r\n ad => {\r\n return {\r\n ...ad,\r\n value: ad.id,\r\n label: helpers.formatAddressLabel(ad)\r\n }\r\n }));\r\n this.setState({\r\n memoOrder: {\r\n ...this.state.memoOrder,\r\n contactFirstName: option.firstName,\r\n contactLastName: option.lastName,\r\n contactEmail: helpers.nullableString(option.email),\r\n phone: phoneNumber ? phoneNumber.number : \"\",\r\n },\r\n shippingAddresses: shippingAddresses\r\n });\r\n }\r\n\r\n setSelectedShippingAddress(option) {\r\n this.setState({\r\n memoOrder: {\r\n ...this.state.memoOrder,\r\n addressLine1: helpers.nullableString(option.ln1),\r\n addressLine2: helpers.nullableString(option.ln2),\r\n addressLine3: helpers.nullableString(option.ln3),\r\n addressLine4: helpers.nullableString(option.ln4),\r\n city: helpers.nullableString(option.city),\r\n state: helpers.nullableString(option.state),\r\n zip: helpers.nullableString(option.zip)\r\n }\r\n })\r\n }\r\n\r\n setSelectedMemoShipMethod(option) {\r\n this.setState({\r\n memoOrder: {\r\n ...this.state.memoOrder,\r\n memoShipMethod: option\r\n }\r\n });\r\n }\r\n\r\n isFormValid() {\r\n const warnings = [];\r\n if (this.state.memoOrder.memoOrderLines.length < 1 && !this.state.savingNewMemoOrderWithOrderLine) {\r\n warnings.push(\"At least one order line is required.\")\r\n }\r\n if (!this.state.memoOrder.customer) {\r\n warnings.push(\"Account is required.\");\r\n }\r\n if (!this.state.memoOrder.contactFirstName) {\r\n warnings.push(\"Contact First Name is required.\");\r\n }\r\n if (!this.state.memoOrder.contactLastName) {\r\n warnings.push(\"Contact Last Name is required.\");\r\n }\r\n // if (this.state.memoOrder.contactEmail) {\r\n // warnings.push(\"Contact email is not valid.\");\r\n // }\r\n if (!this.state.memoOrder.addressLine3) {\r\n warnings.push(\"Address is required.\");\r\n }\r\n if (warnings.length) {\r\n this.setState({\r\n message: warnings.join(' '),\r\n messageFlavor: \"danger\"\r\n });\r\n } else {\r\n this.setState({ message: null });\r\n }\r\n return warnings.length === 0;\r\n }\r\n\r\n onSubmitNewMemoOrderWithOrderLine(orderLine) {\r\n // window.scroll(0,0);\r\n if (!this.isFormValid()) return;\r\n let orderLines = [];\r\n orderLines.push(orderLine);\r\n const payload = {\r\n Id: this.state.memoOrder.id,\r\n CustomerId: this.state.memoOrder.customer.value,\r\n Sidemark: this.state.memoOrder.sidemark ,\r\n ContactFirstName: this.state.memoOrder.contactFirstName,\r\n ContactLastName: this.state.memoOrder.contactLastName,\r\n ContactEmail: this.state.memoOrder.contactEmail ? this.state.memoOrder.contactEmail : null,\r\n AddressLine1: this.state.memoOrder.addressLine1,\r\n AddressLine2: this.state.memoOrder.addressLine2,\r\n AddressLine3: this.state.memoOrder.addressLine3,\r\n AddressLine4: this.state.memoOrder.addressLine4,\r\n City: this.state.memoOrder.city,\r\n State: this.state.memoOrder.state,\r\n Zip: this.state.memoOrder.zip,\r\n Phone: this.state.memoOrder.phone,\r\n MemoShipMethodId: this.state.memoOrder.memoShipMethod ? this.state.memoOrder.memoShipMethod.value : null,\r\n TrackingNumber: this.state.memoOrder.trackingNumber,\r\n Comment: this.state.memoOrder.comment,\r\n MemoOrderLines: orderLines\r\n };\r\n\r\n api.post(`MemoOrder/SaveNewMemoOrderWithOrderLine/${false}`, payload)\r\n .then(response => {\r\n if(response.data.success) {\r\n let memoOrderId = parseInt(response.data.message);\r\n this.setState({\r\n messageFlavor: \"success\",\r\n message: \"New memo order was saved!\",\r\n savingNewMemoOrderWithOrderLine: false\r\n }, () => {\r\n this.onEdit(memoOrderId);\r\n }); \r\n } else {\r\n this.setState({\r\n messageFlavor: \"danger\",\r\n message: response.data.message\r\n });\r\n } \r\n })\r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n onSubmit() {\r\n window.scroll(0,0);\r\n if (!this.isFormValid()) return;\r\n const payload = {\r\n Id: this.state.memoOrder.id,\r\n CustomerId: this.state.memoOrder.customer.value,\r\n Sidemark: this.state.memoOrder.sidemark ,\r\n ContactFirstName: this.state.memoOrder.contactFirstName,\r\n ContactLastName: this.state.memoOrder.contactLastName,\r\n ContactEmail: this.state.memoOrder.contactEmail ? this.state.memoOrder.contactEmail : null,\r\n AddressLine1: this.state.memoOrder.addressLine1,\r\n AddressLine2: this.state.memoOrder.addressLine2,\r\n AddressLine3: this.state.memoOrder.addressLine3,\r\n AddressLine4: this.state.memoOrder.addressLine4,\r\n City: this.state.memoOrder.city,\r\n State: this.state.memoOrder.state,\r\n Zip: this.state.memoOrder.zip,\r\n Phone: this.state.memoOrder.phone,\r\n MemoShipMethodId: this.state.memoOrder.memoShipMethod ? this.state.memoOrder.memoShipMethod.value : null,\r\n TrackingNumber: this.state.memoOrder.trackingNumber,\r\n Comment: this.state.memoOrder.comment\r\n };\r\n\r\n api.post(\"MemoOrder/UpdateMemoOrder\", payload)\r\n .then(response => {\r\n if(response.data.success) {\r\n this.setState({\r\n memoOrder: {\r\n ...emptyMemoOrder,\r\n createdByUser: getCurrentUser()\r\n },\r\n showEdit: false\r\n }, () => this.refreshList()); \r\n } else {\r\n this.setState({\r\n messageFlavor: \"danger\",\r\n message: response.data.message,\r\n });\r\n } \r\n })\r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n handleDelete(id) {\r\n api.delete(`MemoOrder/DeleteMemoOrder/${id}`)\r\n .then(response => {\r\n if (response.data.success) { \r\n this.refreshList()\r\n } else {\r\n this.setState({ messageFlavor: \"danger\", message: response.data.message });\r\n } \r\n }) \r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n handleUnDelete(id) {\r\n api.delete(`MemoOrder/ReviveMemoOrder/${id}`)\r\n .then(response => {\r\n if (response.data.success) { \r\n this.refreshList()\r\n } else {\r\n this.setState({ messageFlavor: \"danger\", message: response.data.message });\r\n } \r\n }) \r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n saveNewMemoOrderWithOrderLine(orderLine) {\r\n this.setState({\r\n savingNewMemoOrderWithOrderLine: true\r\n }, () => this.onSubmitNewMemoOrderWithOrderLine(orderLine))\r\n }\r\n\r\n moveSelectedMemoOrderLinesToNewOrder(orderLines) {\r\n this.setState({\r\n savingNewMemoOrderWithOrderLine: true\r\n }, () => {\r\n window.scroll(0,0);\r\n if (!this.isFormValid()) return;\r\n const payload = {\r\n Id: this.state.memoOrder.id,\r\n CustomerId: this.state.memoOrder.customer.value,\r\n Sidemark: this.state.memoOrder.sidemark ,\r\n ContactFirstName: this.state.memoOrder.contactFirstName,\r\n ContactLastName: this.state.memoOrder.contactLastName,\r\n ContactEmail: this.state.memoOrder.contactEmail ? this.state.memoOrder.contactEmail : null,\r\n AddressLine1: this.state.memoOrder.addressLine1,\r\n AddressLine2: this.state.memoOrder.addressLine2,\r\n AddressLine3: this.state.memoOrder.addressLine3,\r\n AddressLine4: this.state.memoOrder.addressLine4,\r\n City: this.state.memoOrder.city,\r\n State: this.state.memoOrder.state,\r\n Zip: this.state.memoOrder.zip,\r\n Phone: this.state.memoOrder.phone,\r\n MemoShipMethodId: this.state.memoOrder.memoShipMethod ? this.state.memoOrder.memoShipMethod.value : null,\r\n TrackingNumber: this.state.memoOrder.trackingNumber,\r\n Comment: this.state.memoOrder.comment,\r\n MemoOrderLines: orderLines\r\n };\r\n \r\n api.post(`MemoOrder/SaveNewMemoOrderWithOrderLine/${true}`, payload)\r\n .then(response => {\r\n if(response.data.success) {\r\n let memoOrderId = parseInt(response.data.message);\r\n this.setState({\r\n messageFlavor: \"success\",\r\n message: `Selected order lines were successfully moved to newly created order #${memoOrderId}`,\r\n savingNewMemoOrderWithOrderLine: false\r\n }, () => {\r\n this.onEdit(this.state.memoOrder.id); // refresh current order\r\n }); \r\n } else {\r\n this.setState({\r\n messageFlavor: \"danger\",\r\n message: response.data.message\r\n });\r\n } \r\n })\r\n .catch(helpers.catchHandler);\r\n })\r\n }\r\n\r\n onToggleCustomerSearchModal() {\r\n this.setState({showCustomerSearchModal: !this.state.showCustomerSearchModal})\r\n }\r\n\r\n onCustomerSelectedFromSearchModal(customerId, customerName) {\r\n let memoOrderCopy = Object.assign({}, this.state.memoOrder);\r\n if (!this.state.memoOrder.customer || this.state.memoOrder.customer.value !== customerId ) {\r\n memoOrderCopy = {\r\n ...memoOrderCopy,\r\n contactFirstName: '',\r\n contactLastName: '',\r\n contactEmail: '',\r\n addressLine1: '',\r\n addressLine2: '',\r\n addressLine3: '',\r\n addressLine4: '',\r\n city: '',\r\n state: '',\r\n zip: '',\r\n phone: '',\r\n }\r\n }\r\n this.setState({\r\n showCustomerSearchModal: false,\r\n memoOrder: {\r\n ...memoOrderCopy,\r\n customer: helpers.resolveValue(null, customerId, customerName)\r\n }\r\n }, () => this.getCustomer(customerId));\r\n }\r\n\r\n render() {\r\n return (\r\n Memo Order Lines
\r\n \r\n{this.state.memoOrderLineToAddEdit.id > 0 ? 'Update Selected' : 'Add New'}
\r\n \r\n\r\n
\r\n \r\n this.onChangeMemoOrderLineComment(\r\n event.target.name,\r\n event.target.value\r\n )}\r\n maxLength=\"250\"\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n )}\r\n Notes
\r\n | Description | \r\n\r\n | ||
|---|---|---|---|
| \r\n | \r\n \r\n | \r\n {c.dsc} | \r\n\r\n | \r\n
| \r\n \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n | \r\n \r\n | \r\n \r\n | \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.onSelectIndividualMemoOrderLineCheckbox(ol)}\r\n disabled={ol.typeOfMemoOrderLineStatus.value === constants.MEMO_ORDERLINE_STATUS.SHIPPED}\r\n />\r\n \r\n | \r\n {ol.typeOfMemoOrderLineStatus.label} | \r\n\r\n \r\n {ol.typeOfMemoOrderLineStatus.value !== constants.MEMO_ORDERLINE_STATUS.SHIPPED &&\r\n // && ol.productMemoSize && ol.productMemoSize.qty > 0 && \r\n \r\n | \r\n {date_helpers.formatDateToShortDate(ol.lastStatusAt)} | \r\n\r\n {ol.product ? ol.product.label : ol.sampleBook.label}\r\n\r\n {ol.orderLineComments.length > 0 ? \r\n ol.orderLineComments.map(c => {\r\n if (c.deactivatedAt == null) {\r\n return {c.dsc} @ {moment(c.createdAt).format(\"M/DD/YY h:mm a\")} \r\n }\r\n }) : null}\r\n | \r\n {ol.productColor ? ol.productColor.label : null} | \r\n{ol.productMemoShelfNumber ? ol.productMemoShelfNumber : ''} | \r\n{ol.productMemoSize ? ol.memoSize.label : ''} | \r\n{ol.qty ? ol.qty : ''} | \r\n{ol.productMemoSize ? ol.productMemoSize.qty : ''} | \r\n\r\n \r\n \r\n | \r\n
Sample Order Lines
\r\n \r\n{this.state.sampleOrderLineToAddEdit.id > 0 ? 'Update Selected' : 'Add New'}
\r\n \r\n\r\n
\r\n \r\n this.onChangeSampleOrderLineComment(\r\n event.target.name,\r\n event.target.value\r\n )}\r\n maxLength=\"250\"\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n )}\r\n Notes
\r\n | Description | \r\n\r\n | ||
|---|---|---|---|
| \r\n | \r\n \r\n | \r\n {c.dsc} | \r\n\r\n | \r\n
| \r\n \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n | \r\n \r\n | \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.onSelectIndividualSampleOrderLineCheckbox(ol)}\r\n disabled={ol.typeOfMemoOrderLineStatus.value === constants.MEMO_ORDERLINE_STATUS.SHIPPED}\r\n />\r\n \r\n | \r\n {ol.typeOfMemoOrderLineStatus.label} | \r\n\r\n \r\n {ol.typeOfMemoOrderLineStatus.value !== constants.MEMO_ORDERLINE_STATUS.SHIPPED &&\r\n // && ol.productMemoSize && ol.productMemoSize.qty > 0 && \r\n \r\n | \r\n {date_helpers.formatDateToShortDate(ol.lastStatusAt)} | \r\n\r\n {ol.sampleBook.label}\r\n {ol.orderLineComments.length > 0 ? \r\n ol.orderLineComments.map(c => {\r\n if (c.deactivatedAt == null) {\r\n return {c.dsc} @ {moment(c.createdAt).format(\"M/DD/YY h:mm a\")} \r\n }\r\n }) : null}\r\n | \r\n {date_helpers.formatDateToShortDate(ol.lastSampleReceivedAt)} | \r\n\r\n | \r\n | {ol.qty ? ol.qty : ''} | \r\n{ol.sampleBookStock} | \r\n\r\n \r\n \r\n | \r\n
{!this.state.memoOrder.id ? 'Add New' : null} Memo Order {this.state.memoOrder.id ? '# ' + this.state.memoOrder.id : null}
\r\n \r\nCustomer's Open Memo Billed Orders
\r\n {this.state.relatedMemoBilledOrders.map((ro, index) => (\r\n\r\n \r\n {ro.orderId}:\r\n {ro.orderDsc}\r\n
\r\n ))}\r\n \r\n Memo Orders
\r\n \r\n| # | \r\n\r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n |
|---|---|---|---|---|---|---|
| {orderLine.memoOrderId} | \r\n{orderLine.customerName} | \r\n{date_helpers.formatDateToShortDate(orderLine.createdAt)} | \r\n\r\n {orderLine.supplierName\r\n ? \r\n Supplier: {orderLine.supplierName}\r\n \r\n \r\n DC: {orderLine.dcName}\r\n \r\n | \r\n \r\n {orderLine.productColorName ? orderLine.productColorName : null}\r\n {orderLine.productColorNumber ? ` ${orderLine.productColorNumber}` : null}\r\n | \r\n{orderLine.sampleBookName ? orderLine.sampleBookName : null} | \r\n\r\n | \r\n
Memo Sizes Administration
\r\n \r\n\r\n
| Description | \r\n\r\n |
|---|---|
| \r\n | \r\n \r\n | \r\n
| \r\n {item.name}\r\n | \r\n\r\n | \r\n
\r\n {this.state.message && (\r\n \r\n {this.state.message} \r\n \r\n
\r\n )}\r\n \r\n \r\n this.toggleAddMemoStockOrderCollapse()}\r\n title=\"Add New OrderLine\"\r\n >\r\n \r\n }\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n this.setSelectedProduct(option)}\r\n />\r\n \r\n this.setSelectedProductColor(option)}\r\n />\r\n \r\n this.setSelectedMemoSize(option)}\r\n />\r\n \r\n
\r\n \r\n this.handleMemoStockOrderStateChange(\r\n event.target.name,\r\n event.target.value\r\n )}\r\n value={this.state.memoStockOrderToAddEdit.comment}\r\n placeholder=\"Enter A Comment\"\r\n maxLength=\"500\"\r\n style={{height: \"105px\"}}\r\n />\r\n \r\n this.handleMemoStockOrderStateChange(\r\n event.target.name,\r\n event.target.value\r\n )}\r\n value={this.state.memoStockOrderToAddEdit.qty}\r\n />\r\n \r\n
\r\n \r\n \r\n this.saveNewMemoStockOrder()}\r\n >\r\n this.saveAndReceiveNewMemoStockOrder()}\r\n >\r\n this.toggleAddMemoStockOrderCollapse()}\r\n >\r\n \r\n \r\n
\r\n \r\n \r\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 MemoStockOrders;\r\n","import React, { Component } from 'react';\r\nimport {\r\n Button,\r\n ButtonGroup,\r\n Container,\r\n Card,\r\n CardBody,\r\n Col,\r\n Row,\r\n Table,\r\n Alert,\r\n Collapse,\r\n Input,\r\n Modal,\r\n ModalBody\r\n} from 'reactstrap';\r\nimport Select from 'react-select';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport _ from 'lodash';\r\nimport { CustomerTypeahead } from '../components';\r\nimport CustomerAdmin from './CustomerAdmin';\r\nimport {\r\n api,\r\n helpers,\r\n date_helpers\r\n} from '../utils';\r\n\r\nconst emptyMillReserve = {\r\n supplier: null,\r\n reserveNumber: '',\r\n customer: null,\r\n product: null, \r\n productColor: null,\r\n width: null,\r\n feet: '',\r\n fob: '',\r\n comment: ''\r\n};\r\n\r\nclass MillReserves extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n millReserves: [],\r\n message: null,\r\n messageFlavor: null,\r\n // customerList: [],\r\n supplierList: [],\r\n millReserveToAddEdit: emptyMillReserve,\r\n showMillReserveForm: false,\r\n showCustomerSearchModal: false,\r\n productsList: [],\r\n productColorsList: [],\r\n widthsList: []\r\n };\r\n this.refreshList = this.refreshList.bind(this);\r\n this.onToggleCustomerSearchModal = this.onToggleCustomerSearchModal.bind(this);\r\n this.onEdit = this.onEdit.bind(this);\r\n this.setSelectedProduct = this.setSelectedProduct.bind(this);\r\n this.fetchProductWidths = this.fetchProductWidths.bind(this);\r\n this.fetchListsForMillReserveToEdit = this.fetchListsForMillReserveToEdit.bind(this);\r\n this.onToggleCustomerSearchModal = this.onToggleCustomerSearchModal.bind(this);\r\n this.onCustomerSelectedFromSearchModal = this.onCustomerSelectedFromSearchModal.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n const getSupplier = api.fetch('Reference/GetSupplierList')\r\n .then((result) => {\r\n return { supplierList: result.data };\r\n })\r\n .catch(helpers.catchHandler);\r\n\r\n Promise.all([\r\n getSupplier\r\n ])\r\n .then((aggregateResults) => {\r\n const newStatus = {};\r\n aggregateResults.forEach(r => Object.assign(newStatus, r));\r\n this.setState(newStatus, () =>\r\n this.refreshList());\r\n })\r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n refreshList() {\r\n api.post(`MillReserve/GetList`)\r\n .then(response => {\r\n this.setState({\r\n millReserves: _.map(response.data, mr => {\r\n return {\r\n id: mr.id,\r\n supplier: helpers.resolveValue(null, mr.supplierId, mr.supplierName),\r\n supplierName: helpers.nullableString(mr.supplierName),\r\n supplierAccountNumber: helpers.nullableString(mr.supplierAccountNumber),\r\n millAgentPhoneNumber: helpers.nullableString(mr.millAgentPhoneNumber), //should be SupplierPhoneNo (not in new database)\r\n reserveNumber: helpers.nullableString(mr.reserveNumber),\r\n product: helpers.resolveValue(null, mr.productId, mr.productDCName),\r\n productDCName: helpers.nullableString(mr.productDCName),\r\n productDCNumber: helpers.nullableString(mr.productDCNumber),\r\n productSupplierName: helpers.nullableString(mr.productSupplierName),\r\n productSupplierNumber: helpers.nullableString(mr.productSupplierNumber),\r\n productColor: helpers.resolveValue(null, mr.productColorId, mr.productColorName),\r\n productColorName: helpers.nullableString(mr.productColorName),\r\n feet: mr.feet ? _.round(mr.feet, 2).toFixed(2) : '0',\r\n createdAt: date_helpers.formatDateToShortDate(mr.createdAt),\r\n lastReservedAt: date_helpers.formatDateToShortDate(mr.lastReservedAt),\r\n fob: helpers.nullableString(mr.fob),\r\n customer: helpers.resolveValue(null, mr.customerId, mr.customerName),\r\n customerName: mr.customerName,\r\n customerNumber: mr.customerNumber,\r\n customerContact: `${mr.customerContactFirstName} ${mr.customerContactLastName}`,\r\n customerPhone: mr.customerPhone,\r\n comment: helpers.nullableString(mr.comment),\r\n }\r\n })\r\n });\r\n })\r\n .catch(helpers.catchHandler);\r\n } \r\n\r\n toggleAddMillReserveCollapse() {\r\n this.setState({\r\n showMillReserveForm: !this.state.showMillReserveForm,\r\n millReserveToAddEdit: emptyMillReserve,\r\n message: null,\r\n messageFlavor: null,\r\n productsList: [],\r\n productColorsList: [],\r\n widthsList: [] \r\n });\r\n }\r\n\r\n onEdit(millReserve) {\r\n this.setState({\r\n showMillReserveForm: true,\r\n millReserveToAddEdit: millReserve,\r\n }, () => this.fetchListsForMillReserveToEdit(millReserve.supplier.value, millReserve.product.value));\r\n }\r\n\r\n async fetchListsForMillReserveToEdit(supplierId, productId) {\r\n let productsList;\r\n let productColorsList;\r\n let widthsList;\r\n\r\n await api.fetch(`Product/GetActiveProductsBySupplier/${supplierId}`)\r\n .then(response => {\r\n productsList = response.data;\r\n })\r\n .catch(helpers.catchHandler);\r\n\r\n await api.fetch(`Order/GetActiveProductColors/${productId}`)\r\n .then(response => {\r\n productColorsList = response.data;\r\n })\r\n .catch(helpers.catchHandler);\r\n\r\n await api.fetch(`Product/GetProductWidths/${productId}`)\r\n .then(response => {\r\n const widths = _.map(response.data, w => {\r\n return {\r\n value: w.widthId,\r\n label: w.widthName, \r\n widthNumericFeet: w.widthNumericFeet\r\n } \r\n });\r\n widthsList = widths; \r\n })\r\n .catch(helpers.catchHandler);\r\n\r\n this.setState({\r\n productsList: productsList,\r\n productColorsList: productColorsList,\r\n widthsList: widthsList\r\n });\r\n }\r\n\r\n handleTypeaheadSelectionChange(fieldName, selection) {\r\n this.setState({ \r\n millReserveToAddEdit: {\r\n ...this.state.millReserveToAddEdit, \r\n [fieldName]: selection,\r\n errorMessage: null\r\n }\r\n });\r\n }\r\n\r\n setSelectedSupplier(option) {\r\n api.fetch(`Product/GetActiveProductsBySupplier/${option.value}`)\r\n .then(response => {\r\n this.setState({\r\n productsList: response.data,\r\n millReserveToAddEdit: {\r\n ...this.state.millReserveToAddEdit,\r\n supplier: option, \r\n product: response.data.length > 0 ? response.data[0] : null\r\n }\r\n }, () => {\r\n if (this.state.millReserveToAddEdit.product) {\r\n this.setSelectedProduct(this.state.millReserveToAddEdit.product);\r\n }\r\n });\r\n })\r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n\r\n handleMillReserveStateChange(fieldName, value) {\r\n this.setState({\r\n millReserveToAddEdit: {\r\n ...this.state.millReserveToAddEdit,\r\n [fieldName]: value\r\n }\r\n });\r\n }\r\n\r\n setSelectedProduct(option) {\r\n api.fetch(`Order/GetActiveProductColors/${option.value}`)\r\n .then(response => {\r\n this.setState({\r\n productColorsList: response.data,\r\n millReserveToAddEdit: {\r\n ...this.state.millReserveToAddEdit,\r\n product: option, \r\n productColor: response.data.length > 0 ? response.data[0] : null\r\n }\r\n }, () => this.fetchProductWidths(option));\r\n })\r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n fetchProductWidths(option) {\r\n api.fetch(`Product/GetProductWidths/${option.value}`)\r\n .then(response => {\r\n const widths = _.map(response.data, w => {\r\n return {\r\n value: w.widthId,\r\n label: w.widthName, \r\n widthNumericFeet: w.widthNumericFeet\r\n } \r\n });\r\n this.setState({\r\n widthsList: widths,\r\n millReserveToAddEdit: {\r\n ...this.state.millReserveToAddEdit,\r\n width: widths.length > 0 ? widths[0] : null }\r\n });\r\n })\r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n setSelectedProductColor(option) {\r\n this.setState(prevState => ({\r\n ...prevState,\r\n millReserveToAddEdit: {\r\n ...prevState.millReserveToAddEdit,\r\n productColor: option\r\n }\r\n }));\r\n }\r\n\r\n setSelectedWidth(option) {\r\n this.setState(prevState => ({\r\n ...prevState,\r\n millReserveToAddEdit: {\r\n ...prevState.millReserveToAddEdit,\r\n width: option\r\n }\r\n }));\r\n }\r\n\r\n isFormValid(item) {\r\n let warnings = [];\r\n if(!item.supplier) {\r\n warnings.push(\"Supplier is required.\");\r\n }\r\n if(!item.customer) {\r\n warnings.push(\"Customer is required.\");\r\n }\r\n if (!item.product) {\r\n warnings.push(\"Product is required.\");\r\n }\r\n if(!item.productColor) {\r\n warnings.push(\"Product color is required.\");\r\n }\r\n if(!item.feet) {\r\n warnings.push(\"Linear Feet is required.\");\r\n }\r\n if (warnings.length) {\r\n this.setState({\r\n message: warnings.join(' '),\r\n messageFlavor: \"danger\"\r\n });\r\n } else {\r\n this.setState({ message: null });\r\n }\r\n return warnings.length === 0;\r\n }\r\n\r\n saveNewMillReserve() {\r\n if (!this.isFormValid(this.state.millReserveToAddEdit)) return;\r\n const millReserveToAddEdit = Object.assign({}, this.state.millReserveToAddEdit);\r\n const data = {\r\n Id: 0,\r\n SupplierId: millReserveToAddEdit.supplier.value,\r\n ReserveNumber: millReserveToAddEdit.reserveNumber,\r\n CustomerId: millReserveToAddEdit.customer.value,\r\n ProductId: millReserveToAddEdit.product.value,\r\n ProductColorId: millReserveToAddEdit.productColor.value,\r\n Width: millReserveToAddEdit.width ? millReserveToAddEdit.width.widthNumericFeet : null, // new database table still has option to save numeric feet and text (should just save widthId)\r\n WidthText: millReserveToAddEdit.width ? millReserveToAddEdit.width.label : null, // new database table still has option to save numeric feet and text (should just save widthId)\r\n // WidthId: millReserveToAddEdit.width ? millReserveToAddEdit.width.value : null, // not currently in database\r\n Feet: Number(millReserveToAddEdit.feet),\r\n FOB: millReserveToAddEdit.fob,\r\n Comment: millReserveToAddEdit.comment\r\n };\r\n\r\n api.post(\"MillReserve/SaveMillReserve\", data)\r\n .then(response => {\r\n if (response.data.success) {\r\n this.setState({\r\n showMillReserveForm: false,\r\n millReserveToAddEdit: emptyMillReserve\r\n }, () => this.refreshList());\r\n } else {\r\n this.setState({\r\n messageFlavor: \"danger\",\r\n message: response.data.message\r\n });\r\n } \r\n })\r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n updateMillReserve(millReserve, rereserving = false) {\r\n if (!this.isFormValid(millReserve)) return;\r\n const data = {\r\n Id: millReserve.id,\r\n SupplierId: millReserve.supplier.value,\r\n ReserveNumber: millReserve.reserveNumber,\r\n CustomerId: millReserve.customer.value,\r\n ProductId: millReserve.product.value,\r\n ProductColorId: millReserve.productColor.value,\r\n Width: millReserve.width ? millReserve.width.widthNumericFeet : null, // new database table still has option to save numeric feet and text (should just save widthId)\r\n WidthText: millReserve.width ? millReserve.width.label : null, // new database table still has option to save numeric feet and text (should just save widthId)\r\n // WidthId: millReserve.width ? millReserve.width.value : null, // not currently in database\r\n Feet: Number(millReserve.feet),\r\n FOB: millReserve.fob,\r\n Comment: millReserve.comment\r\n };\r\n\r\n api.post(\"MillReserve/SaveMillReserve\", data)\r\n .then(response => {\r\n if (response.data.success) { \r\n if (rereserving) {\r\n this.setState({\r\n showMillReserveForm: false,\r\n millReserveToAddEdit: emptyMillReserve,\r\n messageFlavor: \"success\",\r\n message: 'Re-Reserve Successful'\r\n }, () => this.refreshList());\r\n } else {\r\n this.setState({\r\n showMillReserveForm: false,\r\n millReserveToAddEdit: emptyMillReserve\r\n }, () => this.refreshList());\r\n }\r\n } else {\r\n this.setState({ \r\n messageFlavor: \"danger\",\r\n message: response.data.message\r\n });\r\n } \r\n })\r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n handleDelete(id) { // hard delete\r\n api.post(`MillReserve/HardDeleteMillReserve/${id}`)\r\n .then(response => {\r\n if (response.data.success) { \r\n this.refreshList()\r\n } else {\r\n this.setState({ messageFlavor: \"danger\", message: response.data.message });\r\n } \r\n }) \r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n // handleDelete(id) {\r\n // api.delete(`MillReserve/${id}`)\r\n // .then(response => {\r\n // if (response.data.success) { \r\n // this.refreshList()\r\n // } else {\r\n // this.setState({ messageFlavor: \"danger\", message: response.data.message });\r\n // } \r\n // }) \r\n // .catch(helpers.catchHandler);\r\n // }\r\n\r\n // handleUnDelete(id) {\r\n // api.post(`MillReserve/Undelete/${id}`)\r\n // .then(response => {\r\n // if (response.data.success) { \r\n // this.refreshList()\r\n // } else {\r\n // this.setState({ messageFlavor: \"danger\", message: response.data.message });\r\n // } \r\n // }) \r\n // .catch(helpers.catchHandler);\r\n // }\r\n\r\n onToggleCustomerSearchModal() {\r\n this.setState({showCustomerSearchModal: !this.state.showCustomerSearchModal})\r\n }\r\n\r\n onCustomerSelectedFromSearchModal(customerId, customerName) {\r\n this.setState({\r\n showCustomerSearchModal: false,\r\n millReserveToAddEdit: {\r\n ...this.state.millReserveToAddEdit,\r\n customer: helpers.resolveValue(null, customerId, customerName)\r\n }\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n Memo Orders for Stock Awaiting Delivery
\r\n \r\nAdd New Stock Order
\r\n \r\n| \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n Inventory\r\n | \r\n\r\n | \r\n \r\n | \r\n |
|---|---|---|---|---|---|---|---|---|---|---|
| {sto.createdAt} | \r\n{sto.memoSize.label} | \r\n{sto.productMemoShelfNumber} | \r\n{sto.qty - sto.qtyReceived} | \r\n\r\n \r\n {sto.supplier}\r\n \r\n \r\n {`${sto.productSupplierName} ${sto.productSupplierNumber}`} \r\n \r\n | \r\n \r\n {`${sto.productDCName} ${sto.productDCNumber}`} \r\n | \r\n{sto.productColor.label} {sto.productColorNumber} | \r\n{sto.inventory} | \r\n{sto.comment} | \r\n\r\n {sto.isEditing\r\n ? \r\n \r\n \r\n \r\n | \r\n \r\n | \r\n
Mill Reserves
\r\n \r\n| Supplier | \r\nReserve # | \r\nStyle & Color | \r\nAmt (Ft) | \r\nDates | \r\nFOB | \r\nCustomer | \r\nNotes | \r\n\r\n |
|---|---|---|---|---|---|---|---|---|
| \r\n \r\n {`${mr.supplierName}, #`}{mr.supplierAccountNumber}\r\n \r\n \r\n Ph:{mr.millAgentPhoneNumber}\r\n \r\n | \r\n \r\n {mr.reserveNumber}\r\n | \r\n\r\n \r\n DC: {`${mr.productDCName}, ${mr.productDCNumber}`}\r\n \r\n \r\n Mill: {`${mr.productSupplierName}, ${mr.productSupplierNumber}`}\r\n \r\n \r\n Color: {mr.productColorName}\r\n \r\n | \r\n {mr.feet} | \r\n\r\n \r\n Entered:\r\n \r\n \r\n {mr.createdAt}\r\n \r\n \r\n Latest:\r\n \r\n \r\n {mr.lastReservedAt}\r\n \r\n | \r\n \r\n {mr.fob}\r\n | \r\n\r\n \r\n {mr.customerName}\r\n \r\n \r\n {`#${mr.customerNumber}`}\r\n \r\n | \r\n {mr.comment} | \r\n\r\n \r\n {/* {mr.deactivatedAt === null ? ( */}\r\n \r\n | \r\n
404 Not Found
\r\n );\r\n }\r\n}\r\n\r\n","import React, { Component, Fragment } from 'react';\r\nimport { Redirect } from 'react-router-dom';\r\nimport {\r\n\tTabContent,\r\n\tTabPane,\r\n\tNav,\r\n\tNavItem,\r\n\tNavLink,\r\n\tCard,\r\n\tCardBody,\r\n\tRow,\r\n\tCol,\r\n\tContainer,\r\n\tModal,\r\n\tModalHeader,\r\n\tModalBody,\r\n\tModalFooter,\r\n\tForm,\r\n\tLabel,\r\n\tButtonGroup,\r\n\tButton,\r\n\tAlert as Alert2,\r\n\tInput,\r\n\tTable,\r\n\tCollapse,\r\n\tBadge,\r\n\tDropdownToggle,\r\n\tDropdownMenu,\r\n\tDropdownItem,\r\n\tInputGroup,\r\n\tInputGroupAddon,\r\n\tInputGroupText,\r\n\tInputGroupButtonDropdown\r\n} from 'reactstrap';\r\nimport Alert from \"react-s-alert\";\r\nimport {\r\n\tapi,\r\n\thelpers,\r\n\tconstants,\r\n\tdate_helpers,\r\n\tcalc\r\n} from '../utils';\r\nimport CustomerAdmin from './CustomerAdmin';\r\nimport { CustomerTypeahead, InputDebounce } from '../components';\r\nimport classnames from 'classnames';\r\nimport Select from 'react-select';\r\nimport DatePicker from \"react-datepicker\";\r\nimport ToggleButton from 'react-toggle-button';\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport _ from \"lodash\";\r\nimport moment from 'moment';\r\nimport { object } from 'underscore';\r\n\r\nconst MIN_REPEAT = constants.MIN_REPEAT;\r\nconst MITERED_PRODUCT_NAME = constants.MITERED_PRODUCT_NAME;\r\nconst EDGE_TYPES = {\r\n\tMITERED: 'Hidden Stitch Mitered Corners',\r\n\tMACHINED: 'Applied Machine Border'\r\n};\r\nconst FINISHED_RUG_SIZES = constants.FINISHED_RUG_SIZES;\r\n\r\nconst ORDER_LINE_TYPES_DONT_SHOW_FREIGHT = [\r\n\tconstants.ORDER_LINE_TYPE.CUSTOM_RUG.value,\r\n\tconstants.ORDER_LINE_TYPE.RUG_BORDER.value,\r\n\tconstants.ORDER_LINE_TYPE.RUG_MISCELLANEOUS.value\r\n];\r\n\r\nconst COMPONENT_ORDER_LINE_TYPES = [\r\n\tconstants.ORDER_LINE_TYPE.RUG_FIELD.value,\r\n\tconstants.ORDER_LINE_TYPE.RUG_BORDER.value,\r\n\tconstants.ORDER_LINE_TYPE.RUG_MISCELLANEOUS.value\r\n];\r\n\r\nconst MODAL_DELETE_CONFIRMATION_TYPES = {\r\n\tNORMAL_ORDER_LINE: 1,\r\n\tCUSTOM_RUG_ORDER_LINE: 2\r\n};\r\n\r\nconst rugComponentTypeList = [\r\n\tconstants.ORDER_LINE_TYPE.RUG_FIELD,\r\n\tconstants.ORDER_LINE_TYPE.RUG_BORDER,\r\n\tconstants.ORDER_LINE_TYPE.RUG_MISCELLANEOUS\r\n];\r\n\r\n\r\nlet CustomRugProducts;\r\n\r\nconst {\r\n\tRUG_BACKING_PRICE_PER,\r\n\tRUG_BACKING_COST_PER,\r\n\tPAD_CUT_COST,\r\n\tPAD_CUT_PRICE\r\n} = constants.CUSTOM_RUG_DEFAULT_PRICES\r\n\r\nconst emptyOrder = {\r\n\tid: null,\r\n\torderNumber: null,\r\n\torderStatus: { // default value\r\n\t\tvalue: constants.ORDER_STATUS.OPEN.value,\r\n\t\tlabel: constants.ORDER_STATUS.OPEN.label\r\n\t},\r\n\tmth: new Date(),\r\n\tisDistinctiveOrder: true,\r\n\tcreatedAt: new Date(),\r\n\tplacedBy: '',\r\n\tcustomer: null,\r\n\tagent: null,\r\n\tisReplacementOrder: false,\r\n\tisCreditOrder: false,\r\n\treferencesOrder: \"\",\r\n\t// billing info\r\n\tbtContactFirstName: \"\",\r\n\tbtContactLastName: \"\",\r\n\tbtContactEmail: \"\",\r\n\tbtAddressLine1: \"\",\r\n\tbtAddressLine2: \"\",\r\n\tbtAddressLine3: \"\",\r\n\tbtAddressLine4: \"\",\r\n\tbtCity: \"\",\r\n\tbtState: \"\",\r\n\tbtZip: \"\",\r\n\tbtPhone: \"\",\r\n\tbtFax: \"\",\r\n\tinvoiceTerms: null,\r\n\tcustomerPONumber: \"\",\r\n\trelatedReplacementOrders: \"\"\r\n};\r\n\r\nconst emptyOrderLine = {\r\n\tid: 0,\r\n\torderId: null,\r\n\tparentOrderLineId: null,\r\n\torderLineType: { // default value\r\n\t\tvalue: constants.ORDER_LINE_TYPE.CARPET.value,\r\n\t\tlabel: constants.ORDER_LINE_TYPE.CARPET.label\r\n\t},\r\n\tdsc: \"\",\r\n\tunitCost: \"\",\r\n\tcost: \"\",\r\n\tunitPrice: \"\",\r\n\tprice: \"\",\r\n\t// cmsnRate: \"10.00\",\r\n\tcmsn: \"\",\r\n\tisHidden: false,\r\n\tproduct: null,\r\n\tproductColor: null,\r\n\twidth: null,\r\n\tlengthFeet: \"\",\r\n\torderLineStatus: { // default value\r\n\t\tvalue: constants.ORDER_LINE_STATUS.NA.value,\r\n\t\tlabel: constants.ORDER_LINE_STATUS.NA.label\r\n\t},\r\n\tpriceUnitType: 'Sq Yds',\r\n\tsquareFeetRequired: \"\",\r\n\tcreditCardSurchargeRate: \"0\",\r\n\ttaxRate: \"0\", // not nullable in db\r\n\trugSize: \"\",\r\n\tfinishedSize: {value: 1, label: \"Custom\"},\r\n\trugLengthFeet: \"0\",\r\n\trugLengthInches: \"0\",\r\n\trugWidthFeet: \"8\",\r\n\trugWidthInches: \"0\",\r\n\trugType: null,\r\n\trugIntlCollection: null,\r\n\trugIntlSize: null,\r\n\tqty: \"\",\r\n\tcartonCount: \"\",\r\n\tsquareFeetPerCarton: \"\", // does not belong to orderLine schema, but set for wood and carpet tile product calculations\r\n\t// freight:\r\n\tfreightCarrier: null,\r\n\tfreightSidemark: \"\",\r\n\tfreightInvoiceNumber: \"\",\r\n\tfreightBolNumber: \"\",\r\n\tfreightDsc: \"Freight Charges\",\r\n\tfreightTerms: null,\r\n\tfreightCost: \"0.00\",\r\n\tfreightPrice: \"0.00\",\r\n\tstContactFirstName: \"\",\r\n\tstContactLastName: \"\",\r\n\tstContactEmail: \"\",\r\n\tstAddressLine1: \"\",\r\n\tstAddressLine2: \"\",\r\n\tstAddressLine3: \"\",\r\n\tstAddressLine4: \"\",\r\n\tstCity: \"\",\r\n\tstState: \"\",\r\n\tstZip: \"\",\r\n\tstPhone: \"\",\r\n\tcreatedAt: null,\r\n\tcreatedByUserId: null,\r\n\twidth: { widthNumericFeet: 0 },\r\n\tcommentCount: 0, // for temporary use only\r\n\tproductAllowCommission: null,\r\n\r\n\t// custom rug component specific\r\n\trugWidthFeet: \"8\",\r\n\trugWidthInches: \"0\",\r\n\trugLengthFeet: \"10\",\r\n\trugLengthInches: \"0\",\r\n\trugDsc: \"\",\r\n\tsqFt: \"0.0\",\r\n\tfinishedEdgeFt: \"0.0\",\r\n\tselectedField: null,\r\n\tappliedFieldRepeat: \"0.0\",\r\n\tselectedFieldColor: null,\r\n\tselectedFieldWidth: null,\r\n\tfieldWidthList: [],\r\n\tbindingList: [],\r\n\tselectedBinding: null,\r\n\tfieldRepeatWidth: \"0.0\",\r\n\tfieldRepeatLength: \"0.0\",\r\n\trepeatDsc: \"\",\r\n\tfieldLengthFeet: \"0\",\r\n\tfieldLengthInches: \"0\",\r\n\tfieldCostPer: \"0.0\",\r\n\ttotalFieldCost: \"0.00\",\r\n\tfieldPricePer: \"0.00\",\r\n\ttotalFieldUnits: \"0.0\",\r\n\ttotalFieldPrice: \"0.00\",\r\n\t// fieldCmsnRate: \"10.00\",\r\n\tfieldCmsn: \"0.00\",\r\n\tfieldPriceUnitType: \"\",\r\n\r\n\tselectedBorder: null,\r\n\t// appliedBorderRepeat: \"0.0\",\r\n\tselectedBorderColor: null,\r\n\tselectedBorderWidth: null,\r\n\tborderWidthList: [],\r\n\tbindingList: [],\r\n\t// borderRepeatWidth: \"0.0\",\r\n\t// borderRepeatLength: \"0.0\",\r\n\t// repeatDsc: \"\",\r\n\tborderLengthFeet: \"\",\r\n\tborderLengthInches: \"\",\r\n\tborderCostPer: \"0.0\",\r\n\ttotalBorderCost: \"0.00\",\r\n\tborderPricePer: \"0.00\",\r\n\ttotalBorderUnits: \"0.0\",\r\n\ttotalBorderPrice: \"0.00\",\r\n\t// borderCmsnRate: \"10.00\",\r\n\tborderCmsn: \"0.00\",\r\n\tborderPriceUnitType: \"\",\r\n};\r\n\r\nconst emptyOrderLineComment ={\r\n\tid: 0,\r\n\tdsc: \"\",\r\n\tcommentType: null,\r\n\tisPrivate: false,\r\n\tmarkedForDeletion: false\r\n};\r\n\r\nconst emptyRugOrderLine = (customRugComponentProducts, currentAgentCmsnRate) => {\r\n\treturn { // for custom rug quotes only (from angular app)\r\n\t...emptyOrderLine,\r\n\trugEditsValid: false,\r\n\trugHasClippedCorners: false,\r\n\trugClippedCornersCost: customRugComponentProducts.DefaultClippedCornersProduct ? _.round(customRugComponentProducts.DefaultClippedCornersProduct.unitCost, 2).toFixed(2) : \"5.00\",\r\n\trugClippedCornersPrice: customRugComponentProducts.DefaultClippedCornersProduct ? _.round(customRugComponentProducts.DefaultClippedCornersProduct.unitPrice, 2).toFixed(2) : \"15.00\",\r\n\trugHasLaborCutout: false,\r\n\trugLaborCutoutCost: customRugComponentProducts.DefaultLaborCutoutProduct ? _.round(customRugComponentProducts.DefaultLaborCutoutProduct.unitCost, 2).toFixed(2) : \"75.00\",\r\n\trugLaborCutoutPrice: customRugComponentProducts.DefaultLaborCutoutProduct ? _.round(customRugComponentProducts.DefaultLaborCutoutProduct.unitPrice, 2).toFixed(2) : \"100.00\",\r\n\trugHasLaborRound: false,\r\n\trugLaborRoundCost: customRugComponentProducts.DefaultLaborRoundProduct ? _.round(customRugComponentProducts.DefaultLaborRoundProduct.unitCost, 2).toFixed(2) : \"25.00\",\r\n\trugLaborRoundPrice: customRugComponentProducts.DefaultLaborRoundProduct ? _.round(customRugComponentProducts.DefaultLaborRoundProduct.unitPrice, 2).toFixed(2) : \"30.00\",\r\n\trugHasCutCharge: false,\r\n\trugCutChargeCost: customRugComponentProducts.DefaultCutChargeProduct ? _.round(customRugComponentProducts.DefaultCutChargeProduct.unitCost, 2).toFixed(2) : \"0.00\",\r\n\trugCutChargePrice: customRugComponentProducts.DefaultCutChargeProduct ? _.round(customRugComponentProducts.DefaultCutChargeProduct.unitPrice, 2).toFixed(2) : \"25.00\",\r\n\trugHasEndArmor: false,\r\n\trugArmorCost: customRugComponentProducts.DefaultRugEndArmorProduct ? _.round(customRugComponentProducts.DefaultRugEndArmorProduct.unitCost, 2).toFixed(2) : \"8.00\",\r\n\trugArmorPrice: customRugComponentProducts.DefaultRugEndArmorProduct ? _.round(customRugComponentProducts.DefaultRugEndArmorProduct.unitPrice, 2).toFixed(2) : \"10.00\",\r\n\trugHasInboundFreight: false,\r\n\tselectedInboundFreight: customRugComponentProducts.DefaultInboundFreightProduct ? customRugComponentProducts.DefaultInboundFreightProduct : null,\r\n\trugInboundFreightCost: customRugComponentProducts.DefaultInboundFreightProduct ? _.round(customRugComponentProducts.DefaultInboundFreightProduct.unitCost, 2).toFixed(2) : \"45.00\",\r\n\trugInboundFreightPrice: customRugComponentProducts.DefaultInboundFreightProduct ? _.round(customRugComponentProducts.DefaultInboundFreightProduct.unitPrice, 2).toFixed(2) : \"45.00\",\r\n\trugHasBacking: false,\r\n\trugHasPad: false,\r\n\trugSerged: true,\r\n\trugMachineSerged: true,\r\n\trugHiddenStitch: true,\r\n\trugWidthFeet: \"8\",\r\n\trugWidthInches: \"0\",\r\n\trugLengthFeet: \"10\",\r\n\trugLengthInches: \"0\",\r\n\trugDsc: \"\",\r\n\tfinishedSize: {value: 1, label: \"Custom\"},\r\n\t// selectedRugEdge: \"Serging\",\r\n\tsqFt: \"0.0\",\r\n\tfinishedEdgeFt: \"0.0\",\r\n\torderLines: [],\r\n\tselectedField: null,\r\n\tsearchingProduct: false,\r\n\tsearchProductFailed: false,\r\n\t// hideSearchingProductWhenUnsubscribed: new Observable(() => () => this.searchingProduct = false),\r\n\tappliedFieldRepeat: \"0.0\",\r\n\tselectedFieldColor: null,\r\n\tselectedFieldWidth: null,\r\n\tfieldWidthList: [],\r\n\tbindingList: [],\r\n\tselectedBinding: null,\r\n\tfieldRepeatWidth: \"0.0\",\r\n\tfieldRepeatLength: \"0.0\",\r\n\trepeatDsc: \"\",\r\n\tfieldLengthFeet: \"0.0\",\r\n\tfieldLengthInches: \"0.0\",\r\n\tfieldCostPer: \"0.0\",\r\n\ttotalFieldCost: \"0.00\",\r\n\tfieldPricePer: \"0.00\",\r\n\ttotalFieldUnits: \"0.0\",\r\n\ttotalFieldPrice: \"0.00\",\r\n\tfieldCmsnRate: currentAgentCmsnRate,\t//\"10.00\",\r\n\tfieldCmsn: \"0.00\",\r\n\tfieldPriceUnitType: \"\",\r\n\t// fieldDsc: \"\",\r\n\r\n\ttotalRugBackingPrice: \"0.00\",\r\n\trugBackingPricePer: customRugComponentProducts.DefaultBackingProduct ? _.round(customRugComponentProducts.DefaultBackingProduct.unitPrice, 2).toFixed(2) : RUG_BACKING_PRICE_PER,\r\n\ttotalRugBackingUnits: \"0.0\",\r\n\ttotalRugBackingCost: \"0.00\",\r\n\trugBackingCostPer: customRugComponentProducts.DefaultBackingProduct ? _.round(customRugComponentProducts.DefaultBackingProduct.unitCost, 2).toFixed(2) : RUG_BACKING_COST_PER,\r\n\trugBackingCmsn: \"0.00\",\r\n\trugBackingCmsnRate: currentAgentCmsnRate,\t//\"10.00\"\r\n\r\n\tselectedPad: customRugComponentProducts.DefaultRugPadLuxFeltCustomSizeProduct ? customRugComponentProducts.DefaultRugPadLuxFeltCustomSizeProduct : null,\r\n\tpadList: [],\r\n\thasPadCutCharge: true,\r\n\tpadCutCost: customRugComponentProducts.DefaultPadCutChargeProduct ? _.round(customRugComponentProducts.DefaultPadCutChargeProduct.unitCost, 2).toFixed(2) : PAD_CUT_COST,\r\n\tpadCutPrice: customRugComponentProducts.DefaultPadCutChargeProduct ? _.round(customRugComponentProducts.DefaultPadCutChargeProduct.unitPrice, 2).toFixed(2) : PAD_CUT_PRICE,\r\n\tselectedPadWidth: null,\r\n\tpadWidthList: [],\r\n\ttotalPadUnits: \"0.0\",\r\n\tpadLengthFeet: \"0.0\",\r\n\tpadCostPer: \"0.00\",\r\n\ttotalPadCost: \"0.00\",\r\n\tpadPricePer: \"0.00\",\r\n\ttotalPadPrice: \"0.00\",\r\n\tpadCmsnRate: currentAgentCmsnRate,\t//\"10.00\"\r\n\tpadCmsn: \"0.00\",\r\n\tpadPriceUnitType: \"\",\r\n\r\n\tselectedSerging: null,\r\n\r\n\tsergingCostPer: \"0.00\",\r\n\ttotalSergingCost: \"0.00\",\r\n\tsergingPricePer: \"0.00\",\r\n\ttotalSergingPrice: \"0.00\",\r\n\tsergingCmsnRate: currentAgentCmsnRate,\t//\"10.00\"\r\n\tsergingCmsn: \"0.00\",\r\n\r\n\tselectedMSerging: null,\r\n\tmSergingCostPer: \"0.00\",\r\n\ttotalMSergingCost: \"0.00\",\r\n\tmSergingPricePer: \"0.00\",\r\n\ttotalMSergingPrice: \"0.00\",\r\n\tmSergingCmsnRate: currentAgentCmsnRate,\t//\"10.00\"\r\n\tmSergingCmsn: \"0.00\",\r\n\r\n\tselectedHSSerging: null,\r\n\thsSergingCostPer: \"0.00\",\r\n\ttotalHSSergingCost: \"0.00\",\r\n\thsSergingPricePer: \"0.00\",\r\n\ttotalHSSergingPrice: \"0.00\",\r\n\thsSergingCmsnRate: currentAgentCmsnRate,\t//\"10.00\"\r\n\thsSergingCmsn: \"0.00\",\r\n\r\n\tselectedRugBindingStyle: null,\r\n\trugBindingList: [],\r\n\tselectedRugBindingColor: null,\r\n\trugBindingColorList: [],\r\n\trugBindingCostPer: \"0.00\",\r\n\ttotalRugBindingCost: \"0.00\",\r\n\trugBindingPricePer: \"0.00\",\r\n\ttotalRugBindingPrice: \"0.00\",\r\n\trugBindingCmsnRate: currentAgentCmsnRate,\t//\"10.00\"\r\n\trugBindingCmsn: \"0.00\"\r\n}};\r\n\r\n// const create_UUID = () => {\r\n// \tvar dt = new Date().getTime();\r\n// \tvar uuid = \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, function (\r\n// \t\tc\r\n// \t) {\r\n// \t\tvar r = (dt + Math.random() * 16) % 16 | 0;\r\n// \t\tdt = Math.floor(dt / 16);\r\n// \t\treturn (c === \"x\" ? r : (r & 0x3) | 0x8).toString(16);\r\n// \t});\r\n// \treturn uuid;\r\n// };\r\n\r\nconst emptyOrderPayment = {\r\n\tid: null,\r\n\tpaymentType: { // default value\r\n\t\tvalue: constants.PAYMENT_TYPE.EXTENDED_CREDIT.value,\r\n\t\tlabel: constants.PAYMENT_TYPE.EXTENDED_CREDIT.label\r\n\t},\r\n\tcustomerPaymentStatus: null,\r\n\treferenceNumber: \"\",\r\n\tpayToName: \"\",\r\n\tcheckNumber: \"\",\r\n\tamountDue: \"\", // remove this not nullable field eventually?\r\n\tamountPaid: \"\",\r\n\tbillOn: \"\",\r\n\tdueOn: \"\",\r\n\tpaidOn: \"\",\r\n\tforWhat: \"\", // remove this not nullable field eventually?\r\n\tinvoiceNumber: \"\",\r\n\tcomment: \"\",\r\n\tdateReceived: new Date(),\r\n\texpDate: '',\r\n\tcardNumber: \"\",\r\n\tbillingName: \"\",\r\n\tbillingZip: \"\",\r\n\tcreditCardType: null,\r\n\tcreditCardSurchargeRate: \"\",\r\n\ttaxRate: \"\"\r\n};\r\n\r\nconst emptyOrderFulfillment = {\r\n\tid: 0,\r\n\torderFulfillmentStatus: null,\r\n\tsupplier: null,\r\n\tfreightCarrier: null,\r\n\treferenceNumber: \"\",\r\n\tinvoiceNumber: \"\",\r\n\tcheckNumber: \"\",\r\n\tamountDue: \"\",\r\n\tamountPosted: \"0\",\r\n\tnotes: \"\",\r\n\tbillDate: new Date(),\r\n\tdueDate: new Date(),\r\n\tpayDate: new Date(),\r\n\tisPayToSupplier: true\r\n};\r\n\r\nconst invoiceOptions = _.map(constants.TYPE_OF_INVOICE, (v, k) => {return {label: k, value: v}});\r\n\r\n// const CUSTOM_DSC =\r\n// \t`Please inspect this merchandise for style, size and color to insure you have received proper product.\r\n// \tMill will not honor any complaints on visible defects after merchandise has been cut or installed. By\r\n// \taccepting shipment of this material the bill to agrees to pay all attorney, court, and collection fees if\r\n// \tplaced for collections on this invoice. Freight Claims: Title of Carpet transfers to the purchaser when\r\n// \taccepted by Freight carrier. You have 14 days to report concealed Damage. ALL CARPETS MUST BE\r\n// \tPROFESSIONALLY CLEANED EVERY 18 MONTHS TO MAINTAIN YOUR WARRANTY! IF YOU USE A\r\n// \tCYCLONIC ACTION VACUUM ON ANY OF OUR CARPETS IT COULD VOID YOUR WARRANTY.`;\r\n\r\nconst CUSTOM_DSC2 = ``;\r\n\r\nconst TABS = {\r\n\tGENERAL_INFORMATION: 1,\r\n\tLINE_ITEMS: 2,\r\n\tPAYMENT: 3,\r\n\tFULLFILLMENT: 4,\r\n\tFINAL_REVIEW: 5,\r\n\tPRINT: 6,\r\n}\r\n\r\nexport default class OrderEntry extends Component {\r\n\tconstructor(props) {\r\n\r\n\t\tconst date = new Date();\r\n\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tactiveTab: this.props.location && this.props.location.state && this.props.location.state.activeOrderId ? TABS.FINAL_REVIEW : TABS.GENERAL_INFORMATION,\r\n\t\t\tactiveOrderId: this.props.location && this.props.location.state && this.props.location.state.activeOrderId ? this.props.location.state.activeOrderId : null,\r\n\t\t\tshowCancelOrderModal: false,\r\n\t\t\tgeneralOrderSaved: false,\r\n\t\t\torder: {\r\n\t\t\t\t...emptyOrder,\r\n\t\t\t\tcreatedByUser: {\r\n\t\t\t\t\tvalue: props.currentUser.id,\r\n\t\t\t\t\tlabel: props.currentUser.firstName + ' ' + props.currentUser.lastName\r\n\t\t\t\t},\r\n\t\t\t\t// updatedByUser: {\r\n\t\t\t\t// \tvalue: props.currentUser.id,\r\n\t\t\t\t// \tlabel: props.currentUser.firstName + ' ' + props.currentUser.lastName\r\n\t\t\t\t// },\r\n\t\t\t},\r\n\t\t\trugShapeList: [],\r\n\t\t\tmessage: null,\r\n\t\t\tmessageFlavor: null,\r\n\t\t\tmonthList: constants.monthList,\r\n\t\t\tyearList: constants.yearList,\r\n\t\t\torderStatusList: [],\r\n\t\t\tuserList: [],\r\n\t\t\tagentList: [],\r\n\t\t\tproductsList: [],\r\n\t\t\t// collectionProductsList: [], // used for Intl Rug order lines\r\n\t\t\twidthsList: [],\r\n\t\t\tfreightCarrierList: [],\r\n\t\t\tcommentTypeList: [],\r\n\t\t\tfreightTermsList: [],\r\n\t\t\tcustomerPaymentStatusList: [],\r\n\t\t\tcredtiCardTypeList: [],\r\n\t\t\torderFulfillmentStatusList: [],\r\n\t\t\tsupplierList: [],\r\n\t\t\ttotalOrderCost: \"\",\r\n\t\t\ttotalOrderPrice: \"\",\r\n\t\t\torderLines: [],\r\n\t\t\torderFulfillments: [],\r\n\t\t\torderPayments: [],\r\n\t\t\tverifications: [],\r\n\t\t\torderId: props.orderId,\r\n\t\t\torderFulfillment: emptyOrderFulfillment,\r\n\t\t\taddNewFulfillment: false,\r\n\t\t\torderPayment: emptyOrderPayment,\r\n\t\t\tpaymentTypeList: [],\r\n\t\t\tselectedCustomer: [],\r\n\t\t\tcreditCardTypeList: [],\r\n\t\t\tsumOfPayments: \"\",\r\n\t\t\tbalance: \"\",\r\n\t\t\torderLine: emptyOrderLine,\r\n\t\t\tnewOrderLineComment: emptyOrderLineComment,\r\n\t\t\torderLineCommentList: [],\r\n\t\t\tshowOrderLineForm: false,\r\n\t\t\torderLineCount: 0,\r\n\t\t\teditingFreight: false,\r\n\t\t\teditingNotes: false,\r\n\t\t\tnotesList: null,\r\n\t\t\torderLineTypeList: [],\r\n\t\t\torderLineStatusList: [],\r\n\t\t\tcolorFamilyList: [],\r\n\t\t\tareaList: [],\r\n\t\t\taddUpdatePayment: false,\r\n\t\t\torderFulfillmentsTotalDue: \"\",\r\n\t\t\torderFulfillmentsTotalPosted: \"\",\r\n\t\t\torderFulfillmentsBalance: \"\",\r\n\t\t\tcustomRugToViewEdit: null,\r\n\t\t\tconfirmationModalOrderLineId: null,\r\n\t\t\tconfirmationModalType: null,\r\n\t\t\tconfirmationModalComponentLines: null,\r\n\t\t\tshowCustomerSearchModal: false,\r\n\t\t\tcolorOptOut: false,\r\n\t\t\tgeneratingReplacement: false,\r\n\t\t\tshowOrderLineStatusModal: false,\r\n\t\t\tbackOrderOrShippedDate: null,\r\n\t\t\thasSalesTaxOrSurcharge: false,\r\n\t\t\t// rug related\r\n\t\t\tselectedRugEdge: \"Serging\",\r\n\t\t\tsergingList: [],\r\n\t\t\tmSergingList: [],\r\n\t\t\thsSergingList: [],\r\n\t\t\tinvoiceDate: date,\r\n\t\t\tdueDate: date,\r\n\t\t\tcustomDescription: '',\r\n\t\t\tcustomDescription2: CUSTOM_DSC2,\r\n\t\t\tinvoiceType: invoiceOptions[0],\r\n\t\t\tcustomerAddressList: [],\r\n\t\t\tcustomerShipToAddresses: []\r\n\t\t};\r\n\t\tthis.toggle = this.toggle.bind(this);\r\n\t\tthis.onClickCancelButton = this.onClickCancelButton.bind(this);\r\n\t\tthis.yesCancelOrder = this.yesCancelOrder.bind(this);\r\n\t\tthis.noCancelOrder = this.noCancelOrder.bind(this);\r\n\t\tthis.handleOrderStatusSelectChange = this.handleOrderStatusSelectChange.bind(this);\r\n\t\t// this.handleMonthSelectChange = this.handleMonthSelectChange.bind(this);\r\n\t\t// this.handleYearSelectChange = this.handleYearSelectChange.bind(this);\r\n\t\tthis.handleCreatedAtInputChange = this.handleCreatedAtInputChange.bind(this);\r\n\t\tthis.handleTakenBySelectChange = this.handleTakenBySelectChange.bind(this);\r\n\t\tthis.handleOnPlacedByInputChange = this.handleOnPlacedByInputChange.bind(this);\r\n\t\tthis.onToggleCustomerSearchModal = this.onToggleCustomerSearchModal.bind(this);\r\n\t\tthis.onCustomerSelectedFromSearchModal = this.onCustomerSelectedFromSearchModal.bind(this);\r\n\t\tthis.handleCustomerSelectChange = this.handleCustomerSelectChange.bind(this);\r\n\t\tthis.handleOrderInputChange = this.handleOrderInputChange.bind(this);\r\n\t\tthis.getCustomer = this.getCustomer.bind(this);\r\n\t\tthis.handleAgentSelectChange = this.handleAgentSelectChange.bind(this);\r\n\t\tthis.onReferencesOrderChange = this.onReferencesOrderChange.bind(this);\r\n\t\tthis.isGeneralInfoFormValid = this.isGeneralInfoFormValid.bind(this);\r\n\t\tthis.saveOrderEntryGeneralInfo = this.saveOrderEntryGeneralInfo.bind(this);\r\n\t\tthis.isOrderLineFormValid = this.isOrderLineFormValid.bind(this);\r\n\t\tthis.setSelectedShippingContact = this.setSelectedShippingContact.bind(this);\r\n\t\tthis.setSelectedShippingAddress = this.setSelectedShippingAddress.bind(this);\r\n\t\tthis.setSelectedBillingContact = this.setSelectedBillingContact.bind(this);\r\n\t\tthis.setSelectedBillingAddress = this.setSelectedBillingAddress.bind(this);\r\n\t\tthis.saveOrderLine = this.saveOrderLine.bind(this);\r\n\t\tthis.formatSavedOrder = this.formatSavedOrder.bind(this);\r\n\t\tthis.formatSavedOrderLines = this.formatSavedOrderLines.bind(this);\r\n\t\tthis.formatSavedOrderPayments = this.formatSavedOrderPayments.bind(this);\r\n\t\tthis.handleDateReceivedChange = this.handleDateReceivedChange.bind(this);\r\n\t\tthis.createInitialOrderFulfillments = this.createInitialOrderFulfillments.bind(this);\r\n\t\tthis.isOrderPaymentFormValid = this.isOrderPaymentFormValid.bind(this);\r\n\t\tthis.isOrderFulfillmentFormValid = this.isOrderFulfillmentFormValid.bind(this);\r\n\t\tthis.downloadReprint = this.downloadReprint.bind(this);\r\n\t\tthis.transformItemToRugComponentOrderLine = this.transformItemToRugComponentOrderLine.bind(this);\r\n\r\n\t\t// rug component stuff\r\n\t\tthis.toggleCutCharge = this.toggleCutCharge.bind(this);\r\n\t\tthis.toggleArmor = this.toggleArmor.bind(this);\r\n\t\tthis.toggleInboundFreight = this.toggleInboundFreight.bind(this);\r\n\t\tthis.toggleBacking = this.toggleBacking.bind(this);\r\n\t\tthis.togglePad = this.togglePad.bind(this);\r\n\t\tthis.toggleClippedCorners = this.toggleClippedCorners.bind(this);\r\n\t\tthis.toggleLaborCutout = this.toggleLaborCutout.bind(this);\r\n\t\tthis.toggleLaborRound = this.toggleLaborRound.bind(this);\r\n\t\tthis.toggleEdgeOptions = this.toggleEdgeOptions.bind(this);\r\n\t\tthis.initializeRugOrder = this.initializeRugOrder.bind(this);\r\n\t\tthis.refreshRugDescription = this.refreshRugDescription.bind(this);\r\n\t\tthis.rugSizeChange = this.rugSizeChange.bind(this);\r\n\t\tthis.fieldSizeChange = this.fieldSizeChange.bind(this);\r\n\t\tthis.setRugEdge = this.setRugEdge.bind(this);\r\n\t\tthis.onHasPadCutChargeChange = this.onHasPadCutChargeChange.bind(this);\r\n\t\tthis.borderSizeChange = this.borderSizeChange.bind(this);\r\n\r\n\t\tthis.generateReplacementCredit = this.generateReplacementCredit.bind(this);\r\n\t\tthis.applyVolumePricingIfNecessary = this.applyVolumePricingIfNecessary.bind(this);\r\n\t\tthis.calculateFigures = this.calculateFigures.bind(this);\r\n\t\tthis.loadInvoiceDynamicDsc = this.loadInvoiceDynamicDsc.bind(this);\r\n\t\tthis.getOverallStatus = this.getOverallStatus.bind(this);\r\n\t\t// this.renderSignOffForm = this.renderSignOffForm.bind(this);\r\n\t\tthis.renderWorkorderForm = this.renderWorkorderForm.bind(this);\r\n\t\tthis.onChangeAdditionalRugField = this.onChangeAdditionalRugField.bind(this);\r\n\t}\r\n\r\n\tasync componentDidMount() {\r\n\t\tthis.getOrderSelectsData();\r\n\t\tlet CUSTOM_DSC = '';\r\n\t\tawait api.fetch('Order/GetInvoiceBoilerPlate')\r\n\t\t\t.then(response => {\r\n\t\t\t\t_.forEach(response.data, (x) => {\r\n\t\t\t\t\tCUSTOM_DSC = CUSTOM_DSC + x.dsc + \" \";\r\n\t\t\t\t});\r\n\t\t\t\tthis.setState({customDescription: CUSTOM_DSC});\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\t\tif (this.props.location && this.props.location.state && this.props.location.state.activeOrderId) {\r\n\t\t\tthis.getExistingOrder();\r\n\t\t}\r\n\t}\r\n\r\n\tgenerateReplacementCredit() {\r\n\t\t\tthis.setState({ generatingReplacement: true, message: \"Generating Replacement Credit\", messageFlavor: \"info\" });\r\n\t\t\tapi.post(`Order/GenerateReplacementOrder/${this.state.order.id}`)\r\n\t\t\t\t.then(response => {\r\n\t\t\t\t\tif (response.data) {\r\n\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\tgeneratingReplacement: false,\r\n\t\t\t\t\t\t\tmessage: \"Replacement Order Generated\",\r\n\t\t\t\t\t\t\tmessageFlavor: \"success\",\r\n\t\t\t\t\t\t\torder: {\r\n\t\t\t\t\t\t\t\t...this.state.order,\r\n\t\t\t\t\t\t\t\trelatedReplacementOrders: `R${response.data}`\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\tmessage: \"There was an error generating replacement credit.\",\r\n\t\t\t\t\t\t\tmessageFlavor: \"danger\"\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t}).catch(helpers.catchHandler);\r\n\t\t}\r\n\r\n\tgetOrderSelectsData() {\r\n\t\tapi.fetch('Order/GetOrderSelectsData')\r\n\t\t\t.then(response => {\r\n\t\t\t\tCustomRugProducts = response.data.customRugProducts;\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\torderStatusTypeList: response.data.orderStatusTypeList,\r\n\t\t\t\t\torderLineTypeList: this.formatOrderLineTypeList(response.data.orderLineTypeList),\r\n\t\t\t\t\torderLineStatusList: response.data.orderLineStatusList,\r\n\t\t\t\t\tpaymentTypeList: response.data.paymentTypeList,\r\n\t\t\t\t\tcolorFamilyList: response.data.colorFamilyList,\r\n\t\t\t\t\tagentList: response.data.agentList,\r\n\t\t\t\t\tareaList: response.data.areaList,\r\n\t\t\t\t\torderStatusList: response.data.orderStatusList,\r\n\t\t\t\t\tuserList: response.data.userList,\r\n\t\t\t\t\tfreightCarrierList: response.data.freightCarrierList,\r\n\t\t\t\t\tcommentTypeList: response.data.commentTypeList,\r\n\t\t\t\t\tfreightTermsList: response.data.freightTermsList,\r\n\t\t\t\t\tcustomerPaymentStatusList: response.data.customerPaymentStatusList,\r\n\t\t\t\t\tcreditCardTypeList: response.data.creditCardTypeList,\r\n\t\t\t\t\torderFulfillmentStatusList: response.data.orderFulfillmentStatusList,\r\n\t\t\t\t\tsupplierList: response.data.supplierList,\r\n\t\t\t\t\trugShapeList: response.data.rugShapeList\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\t}\r\n\r\n\tgetExistingOrder() {\r\n\t\tapi.fetch(`Order/${this.props.location.state.activeOrderId}`).then((response) => {\r\n\t\t\tconst order = this.formatSavedOrder(response.data.order);\r\n\t\t\tlet orderLines = this.formatSavedOrderLines(response.data.orderLines);\r\n\t\t\tconst orderPayments = this.formatSavedOrderPayments(response.data.orderPayments);\r\n\t\t\tconst orderFulfillments = this.formatSavedOrderFulfillments(response.data.orderFulfillments);\r\n\t\t\tlet invoiceState = response.data.invoice\r\n\t\t\t\t? {\r\n\t\t\t\t\t\tinvoiceDate: response.data.invoice.invoiceDate\r\n\t\t\t\t\t\t\t? date_helpers.getSelectedDate(response.data.invoice.invoiceDate).valueOf()\r\n\t\t\t\t\t\t\t: null,\r\n\t\t\t\t\t\tdueDate: response.data.invoice.dueDate\r\n\t\t\t\t\t\t\t? date_helpers.getSelectedDate(response.data.invoice.dueDate).valueOf()\r\n\t\t\t\t\t\t\t: null,\r\n\t\t\t\t\t\tcustomDescription: response.data.invoice.customDescription,\r\n\t\t\t\t\t\tcustomDescription2: response.data.invoice.customDescription2,\r\n\t\t\t\t\t\tinvoiceType: _.find(invoiceOptions, io => io.value === response.data.invoice.typeOfInvoice),\r\n\t\t\t\t\t}\r\n\t\t\t\t: {};\r\n\t\t\tthis.setState(Object.assign(invoiceState, {\r\n\t\t\t\torder: order,\r\n\t\t\t\torderId: order.id,\r\n\t\t\t\torderLines: orderLines,\r\n\t\t\t\torderPayments: orderPayments,\r\n\t\t\t\torderFulfillments: orderFulfillments,\r\n\t\t\t\thasSalesTaxOrSurcharge: _.findIndex(orderLines, o => {\r\n\t\t\t\t\treturn o.orderLineType.value === constants.ORDER_LINE_TYPE.SALES_TAX.value\r\n\t\t\t\t\t\t|| o.orderLineTypeId === constants.ORDER_LINE_TYPE.CREDIT_CARD_SURCHARGE.value\r\n\t\t\t\t}) >= 0\r\n\t\t\t}), () => {\r\n\t\t\t\tthis.getOrderTotals(response.data.orderLines, response.data.orderPayments, response.data.orderFulfillments,\r\n\t\t\t\t\t() => this.getCustomer(response.data.order.customerId));\r\n\t\t\t});\r\n\t\t}).catch(helpers.catchHandler);\r\n\t}\r\n\r\n\tasync getCustomer(customerId) {\r\n\t\tapi.fetch(`Customer/GetActiveContacts/${customerId}`)\r\n\t\t\t.then((response) => {\r\n\t\t\t\tlet customerInfo = response.data.customer;\r\n\t\t\t\tlet customerContacts = response.data.contacts;\r\n\t\t\t\tlet customerAddresses = _.chain(response.data.customerAddresses)\r\n\t\t\t\t\t.filter(ca => { return ca.addressTypeId === constants.ADDRESS_TYPE.BILL_TO })\r\n\t\t\t\t\t.map(a => {\r\n\t\t\t\t\t\ta.value = a.id;\r\n\t\t\t\t\t\ta.label = helpers.formatAddressLabel(a)\r\n\t\t\t\t\t\treturn a;\r\n\t\t\t\t\t}).value();\r\n\t\t\t\tconst customerShipToAddresses = _.chain(response.data.customerAddresses)\r\n\t\t\t\t\t.filter(ca => { return ca.addressTypeId === constants.ADDRESS_TYPE.SHIP_TO })\r\n\t\t\t\t\t.map(a => {\r\n\t\t\t\t\t\ta.value = a.id;\r\n\t\t\t\t\t\ta.label = helpers.formatAddressLabel(a, '* ')\r\n\t\t\t\t\t\treturn a;\r\n\t\t\t\t\t}).value();\r\n\t\t\t\tcustomerContacts.map(c => {\r\n\t\t\t\t\t// remove deactivated phones and addresses for each contact\r\n\t\t\t\t\tconst addresses = _.filter(c.addresses, a => a.deactivatedAt === null);\r\n\t\t\t\t\tconst phoneNumbers = _.filter(c.phoneNumbers, p => p.deactivatedAt === null);\r\n\t\t\t\t\tc.expanded = false;\r\n\t\t\t\t\tc.addresses = addresses;\r\n\t\t\t\t\tc.phoneNumbers = phoneNumbers;\r\n\r\n\t\t\t\t\t// set value and label for select\r\n\t\t\t\t\tc.label = `${c.firstName} ${c.lastName}`;\r\n\t\t\t\t\tc.value = c.id;\r\n\t\t\t\t\treturn c;\r\n\t\t\t\t});\r\n\t\t\t\tlet customerCredits = _.map(response.data.customerCredits, c => {\r\n\t\t\t\t\tc.value = c.id;\r\n\t\t\t\t\tc.label = `${c.displayAmount} ${c.comment} - Given on ${moment(c.givenOn).format(\"MM/DD/YYYY\")}`;\r\n\t\t\t\t\t// c.amount = c.amount !== 0 && c.amount !== '' ? c.amount / 100 : null;\r\n\t\t\t\t\tc.amount = c.amount;\r\n\t\t\t\t\treturn c;\r\n\t\t\t\t});\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tcustomerInfo: customerInfo,\r\n\t\t\t\t\tcustomerContacts: customerContacts,\r\n\t\t\t\t\tcustomerOutstandingCredits: customerCredits,\r\n\t\t\t\t\tcustomerAddressList: customerAddresses,\r\n\t\t\t\t\tcustomerShipToAddresses: customerShipToAddresses\r\n\t\t\t\t}, () => {\r\n\t\t\t\t\tif(customerAddresses.length == 1) {\r\n\t\t\t\t\t\tthis.setSelectedBillingAddress(customerAddresses[0])\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}).catch(helpers.catchHandler);\r\n\t}\r\n\r\n\tasync getOrderLines(orderId) {\r\n\t\tapi.fetch(`Order/GetOrderLines/${orderId}?x=${new Date().getMilliseconds()}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tconst orderLines = this.formatSavedOrderLines(response.data);\r\n\t\t\t\tlet updatedCustomRugToViewEdit;\r\n\t\t\t\tif (this.state.customRugToViewEdit) {\r\n\t\t\t\t\tupdatedCustomRugToViewEdit = _.find(orderLines, ol => ol.id === this.state.customRugToViewEdit.id);\r\n\t\t\t\t}\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\torderLines: orderLines,\r\n\t\t\t\t\tcolorOptOut: false,\r\n\t\t\t\t\tcustomRugToViewEdit: updatedCustomRugToViewEdit\r\n\t\t\t\t}, () => {\r\n\t\t\t\t\tthis.getOrderTotals(response.data, this.state.orderPayments, this.state.orderFulfillments);\r\n\t\t\t\t})\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\t}\r\n\r\n\tgetOrderPayments(orderId) {\r\n\t\tapi.fetch(`Order/GetOrderPayments/${orderId}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tconst orderPayments = this.formatSavedOrderPayments(response.data);\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\torderPayments: orderPayments\r\n\t\t\t\t}, () => {\r\n\t\t\t\t\tthis.getOrderTotals(this.state.orderLines, response.data, this.state.orderFulfillments);\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\t}\r\n\r\n\tgetOrderFulfillments(orderId) {\r\n\t\tapi.fetch(`Order/GetOrderFulfillments/${orderId}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tconst orderFulfillments = this.formatSavedOrderFulfillments(response.data);\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\torderFulfillments: orderFulfillments\r\n\t\t\t\t}, () => {\r\n\t\t\t\t\tthis.getOrderTotals(this.state.orderLines, this.state.orderPayments, response.data, () => this.getCustomer(this.state.order.customer.value));\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\t}\r\n\r\n\tasync getOrderTotals(orderLines, orderPayments, orderFulfillments, getCustomerCallback = null) {\r\n\t\tconst tempOrderLines = _.map(orderLines, orderLine => {\r\n\t\t\treturn {\r\n\t\t\t\tcost: Number(orderLine.cost),\r\n\t\t\t\tprice: Number(orderLine.price),\r\n\t\t\t\tcmsn: Number(orderLine.cmsn),\r\n\t\t\t\tdeactivatedAt: orderLine.deactivatedAt,\r\n\t\t\t\torderLineTypeId: orderLine.orderLineTypeId,\r\n\t\t\t\torderLineTypeName: orderLine.orderLineTypeName\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tconst tempOrderPayments = _.map(orderPayments, orderPayment => {\r\n\t\t\treturn {\r\n\t\t\t\tamountPaid: Number(orderPayment.amountPaid),\r\n\t\t\t\tdeactivatedAt: orderPayment.deactivatedAt,\r\n\t\t\t\tpaymentTypeId: orderPayment.paymentTypeId\r\n\t\t\t}\r\n\t\t});\r\n\t\tconst tempOrderFulfillments = _.map(orderFulfillments, orderFulfillment => {\r\n\t\t\treturn {\r\n\t\t\t\tamountPosted: Number(orderFulfillment.amountPosted),\r\n\t\t\t\tamountDue: Number(orderFulfillment.amountDue),\r\n\t\t\t\tbalance: Number(orderFulfillment.balance),\r\n\t\t\t\tdeactivatedAt: orderFulfillment.deactivatedAt\r\n\t\t\t}\r\n\t\t});\r\n\t\tconst payload = {\r\n\t\t\torderLines: tempOrderLines,\r\n\t\t\torderPayments: tempOrderPayments,\r\n\t\t\torderFulfillments: tempOrderFulfillments\r\n\t\t}\r\n\t\tawait api.post(\"Order/GetOrderTotals\", payload)\r\n\t\t\t.then(response => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\ttotalOrderCost: response.data.totalOrderCostDisplay,\r\n\t\t\t\t\ttotalOrderPrice: response.data.totalOrderPriceDisplay,\r\n\t\t\t\t\t// totalPaidCmsn: _.round(response.data.totalPaidCmsn, 2).toFixed(2),\r\n\t\t\t\t\testimatedGrossProfit: response.data.estimatedGrossProfitDisplay,\r\n\t\t\t\t\testimatedNetProfit: response.data.estimatedNetProfitDisplay,\r\n\t\t\t\t\tsumOfPayments: response.data.sumOfPaymentsDisplay,\r\n\t\t\t\t\tbalance: response.data.balanceDisplay,\r\n\t\t\t\t\ttotalWithoutCreditCardSurcharge: _.round(response.data.totalWithoutCreditCardSurcharge, 2).toFixed(2),\r\n\t\t\t\t\tsumOfTaxableItems: _.round(response.data.sumOfTaxableItems, 2).toFixed(2),\r\n\t\t\t\t\torderFulfillmentsTotalDue: response.data.orderFulfillmentsTotalDueDisplay,\r\n\t\t\t\t\torderFulfillmentsTotalPosted: response.data.orderFulfillmentsTotalPostedDisplay,\r\n\t\t\t\t\torderFulfillmentsBalance: response.data.orderFulfillmentsBalanceDisplay,\r\n\t\t\t\t}, () => {\r\n\t\t\t\t\tif(getCustomerCallback && typeof getCustomerCallback === \"function\") {\r\n\t\t\t\t\t\tgetCustomerCallback();\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\t}\r\n\r\n\tformatOrderLineTypeList(orderLineTypeList) {\r\n\t\tconst formattedOrderLineTypeList = _.reject(orderLineTypeList, item => {\r\n\t\t\treturn item.value === constants.ORDER_LINE_TYPE.FREIGHT.value\r\n\t\t\t\t|| item.value === constants.ORDER_LINE_TYPE.RUG_FIELD.value\r\n\t\t\t\t|| item.value === constants.ORDER_LINE_TYPE.RUG_BORDER.value\r\n\t\t\t\t|| item.value === constants.ORDER_LINE_TYPE.RUG_MISCELLANEOUS.value\r\n\t\t});\r\n\t\treturn formattedOrderLineTypeList;\r\n\t}\r\n\r\n\tformatSavedOrder(order) {\r\n\t\tlet customer = helpers.resolveValue(null, order.customerId, order.customerName);\r\n\t\tcustomer.number = order.customerNumber;\r\n\t\treturn {\r\n\t\t\tid: order.id,\r\n\t\t\torderNumber: order.orderNumber,\r\n\t\t\torderStatus: helpers.resolveValue(\r\n\t\t\t\tnull,\r\n\t\t\t\torder.orderStatusId,\r\n\t\t\t\torder.orderStatusName),\r\n\t\t\tmth: date_helpers.dateFormatForClient(order.mth),\r\n\t\t\tcreatedAt: date_helpers.dateFormatForClient(order.createdAt),\r\n\t\t\tcreatedByUser: helpers.resolveValue(\r\n\t\t\t\tnull,\r\n\t\t\t\torder.createdByUserId,\r\n\t\t\t\torder.createdByUserName),\r\n\t\t\t// updatedByUser: helpers.resolveValue(\r\n\t\t\t// \t\tnull,\r\n\t\t\t// \t\torder.updatedByUserId,\r\n\t\t\t// \t\torder.updatedByUserName),\r\n\t\t\tplacedBy: order.placedBy,\r\n\t\t\tcustomer: customer,\r\n\t\t\tagent: helpers.resolveValue(\r\n\t\t\t\tnull,\r\n\t\t\t\torder.agentId,\r\n\t\t\t\torder.agentName),\r\n\t\t\tcurrentAgentCmsnRate: order.currentAgentCmsnRate, // read only\r\n\t\t\tisDistinctiveOrder: order.isDistinctiveOrder ? true : false,\r\n\t\t\tisReplacementOrder: order.isReplacementOrder ? true : false,\r\n\t\t\tisCreditOrder: order.isCreditOrder ? true : false,\r\n\t\t\treferencesOrder: helpers.nullableString(order.referencesOrderId),\r\n\t\t\trelatedReplacementOrders: helpers.nullableString(order.relatedReplacementOrders),\r\n\t\t\tbtContactFirstName: helpers.nullableString(order.btContactFirstName),\r\n\t\t\tbtContactLastName: helpers.nullableString(order.btContactLastName),\r\n\t\t\tbtContactEmail: helpers.nullableString(order.btContactEmail),\r\n\t\t\tbtAddressLine1: helpers.nullableString(order.btAddressLine1),\r\n\t\t\tbtAddressLine2: helpers.nullableString(order.btAddressLine2),\r\n\t\t\tbtAddressLine3: helpers.nullableString(order.btAddressLine3),\r\n\t\t\tbtAddressLine4: helpers.nullableString(order.btAddressLine4),\r\n\t\t\tbtCity: helpers.nullableString(order.btCity),\r\n\t\t\tbtState: helpers.nullableString(order.btState),\r\n\t\t\tbtZip: helpers.nullableString(order.btZip),\r\n\t\t\tbtPhone: helpers.nullableString(order.btPhone),\r\n\t\t\tbtFax: helpers.nullableString(order.btFax),\r\n\t\t\tcustomerPONumber: helpers.nullableString(order.customerPONumber),\r\n\t\t\tinvoiceTerms: helpers.resolveValue(\r\n\t\t\t\tnull,\r\n\t\t\t\torder.invoiceTermsId,\r\n\t\t\t\torder.invoiceTermsName)\r\n\t\t};\r\n\t}\r\n\r\n\tformatSavedOrderLines(orderLines) {\r\n\t\tlet formattedOrderLines = _.map(orderLines, item => {\r\n\t\t\tlet newShape = {\r\n\t\t\t\tid: item.id,\r\n\t\t\t\trugShape: helpers.resolveValue(\r\n\t\t\t\t\tnull,\r\n\t\t\t\t\titem.rugShapeId,\r\n\t\t\t\t\titem.rugShapeName),\r\n\t\t\t\tparentOrderLineId: item.parentOrderLineId,\r\n\t\t\t\torderId: item.orderId,\r\n\t\t\t\torderLineType: helpers.resolveValue(\r\n\t\t\t\t\tnull,\r\n\t\t\t\t\titem.orderLineTypeId,\r\n\t\t\t\t\titem.orderLineTypeName),\r\n\t\t\t\tdsc: item.dsc,\r\n\t\t\t\tcost: _.round(item.cost, 2).toFixed(2),\r\n\t\t\t\tprice: _.round(item.price, 2).toFixed(2),\r\n\t\t\t\tcmsnRate: _.round(item.cmsnRate, 2).toFixed(2),\r\n\t\t\t\tcmsn: _.round(item.cmsn, 2).toFixed(2),\r\n\t\t\t\tcreditCardSurchargeRate: item.creditCardSurchargeRate !== null ? _.round(item.creditCardSurchargeRate, 2) : \"\",\r\n\t\t\t\ttaxRate: _.round(item.taxRate, 2).toFixed(2),\r\n\t\t\t\tisHidden: item.isHidden,\r\n\t\t\t\tproduct: helpers.resolveValue(\r\n\t\t\t\t\tnull,\r\n\t\t\t\t\titem.productId,\r\n\t\t\t\t\t`${item.productDCName} ${item.productDCNumber ? item.productDCNumber : null}`\r\n\t\t\t\t\t// item.productDCName\r\n\t\t\t\t),\r\n\t\t\t\tproductColor: helpers.resolveValue(\r\n\t\t\t\t\tnull,\r\n\t\t\t\t\titem.productColorId,\r\n\t\t\t\t\t`${item.productColorName} ${item.productColorNumber ? item.productColorNumber : null}`\r\n\t\t\t\t\t// item.productColorName\r\n\t\t\t\t),\r\n\t\t\t\twidth: item.widthId\r\n\t\t\t\t\t? {\r\n\t\t\t\t\t\tvalue: item.widthId,\r\n\t\t\t\t\t\tlabel: item.widthName,\r\n\t\t\t\t\t\twidthNumericFeet: item.widthNumericFeet\r\n\t\t\t\t\t}\r\n\t\t\t\t\t: item.widthFeet && { value: 0, label: item.widthFeet, widthNumericFeet: item.widthFeet },\r\n\t\t\t\tunitCost: _.round(item.unitCost, 2).toFixed(2),\r\n\t\t\t\tunitPrice: _.round(item.unitPrice, 2).toFixed(2),\r\n\t\t\t\t// lengthFeet: item.lengthFeet !== null ? item.lengthFeet.toString() : \"\",\r\n\t\t\t\tlengthFeet: item.lengthFeet !== null ? _.round(item.lengthFeet, 2).toFixed(2) : \"\",\r\n\t\t\t\torderLineStatus: helpers.resolveValue(\r\n\t\t\t\t\tnull,\r\n\t\t\t\t\titem.orderLineStatusId,\r\n\t\t\t\t\titem.orderLineStatusName),\r\n\t\t\t\tpriceUnitType: helpers.resolveValue(\r\n\t\t\t\t\tnull,\r\n\t\t\t\t\titem.priceUnitTypeId,\r\n\t\t\t\t\titem.priceUnitTypeName),\r\n\t\t\t\tqty: item.qty !== null ? item.qty.toString() : \"\",\r\n\t\t\t\tcartonCount: helpers.nullableString(item.cartonCount),\r\n\t\t\t\tsquareFeetPerCarton: helpers.nullableString(item.productSquareFeetPerCarton), // retrieved from product info, but not currently saved in orderLine table\r\n\t\t\t\tperContainer: helpers.nullableString(item.productPerContainer), // retrieved from product info, but not currently saved in orderLine table\r\n\t\t\t\tsquareFeetRequired: item.squareFeetRequired,\r\n\t\t\t\tfreightCarrier: helpers.resolveValue(\r\n\t\t\t\t\tnull,\r\n\t\t\t\t\titem.freightCarrierId,\r\n\t\t\t\t\titem.freightCarrierName),\r\n\t\t\t\tfreightSidemark: helpers.nullableString(item.freightSidemark),\r\n\t\t\t\tfreightInvoiceNumber: helpers.nullableString(item.freightInvoiceNumber),\r\n\t\t\t\tfreightBolNumber: helpers.nullableString(item.freightBolNumber),\r\n\t\t\t\tfreightTerms: helpers.resolveValue(\r\n\t\t\t\t\tnull,\r\n\t\t\t\t\titem.freightTermsId,\r\n\t\t\t\t\titem.freightTermsName),\r\n\t\t\t\tfreightDsc: item.freightDsc ? item.freightDsc : \"Freight Charges\",\t// used to be: helpers.nullableString(item.freightDsc),\r\n\t\t\t\tfreightCost: item.freightCost ? _.round(item.freightCost, 2).toFixed(2) : \"0\",\r\n\t\t\t\tfreightPrice: item.freightPrice ? _.round(item.freightPrice, 2).toFixed(2) : \"0\",\r\n\t\t\t\trugSize: item.rugSize,\r\n\t\t\t\tfinishedSize: item.finishedSize ? _.find(FINISHED_RUG_SIZES, sz => sz.label == item.finishedSize) || {value: 1, label: \"Custom\"} : {value: 1, label: \"Custom\"},\r\n\t\t\t\trepeatDsc: item.repeatDsc && item.repeatDsc != \"\" ? item.repeatDsc : \"0.0\\\"x0.0\\\"\",\r\n\t\t\t\trepeatNumeric: item.repeatNumeric,\r\n\t\t\t\trun: item.run,\r\n\t\t\t\tborderLetter: helpers.nullableString(item.borderLetter),\r\n\t\t\t\tborderWidth: item.borderWidth,\r\n\t\t\t\trugLengthFeet: item.rugLengthFeet != null ? item.rugLengthFeet : \"\",\r\n\t\t\t\trugLengthInches: item.rugLengthInches != null ? item.rugLengthInches : \"\",\r\n\t\t\t\trugWidthFeet: item.rugWidthFeet != null ? item.rugWidthFeet : \"\",\r\n\t\t\t\trugWidthInches: item.rugWidthInches != null ? item.rugWidthInches : \"\",\r\n\t\t\t\trugType: helpers.resolveValue(\r\n\t\t\t\t\tnull,\r\n\t\t\t\t\titem.rugTypeId,\r\n\t\t\t\t\titem.rugTypeName),\r\n\t\t\t\trugIntlCollection: helpers.resolveValue(\r\n\t\t\t\t\tnull,\r\n\t\t\t\t\titem.rugIntlCollectionId,\r\n\t\t\t\t\titem.rugIntlCollectionName),\r\n\t\t\t\trugIntlSize: helpers.resolveValue(\r\n\t\t\t\t\tnull,\r\n\t\t\t\t\titem.rugIntlSizeId,\r\n\t\t\t\t\titem.rugIntlSizeDsc),\r\n\t\t\t\tstContactFirstName: helpers.nullableString(item.stContactFirstName),\r\n\t\t\t\tstContactLastName: helpers.nullableString(item.stContactLastName),\r\n\t\t\t\tstContactEmail: helpers.nullableString(item.stContactEmail),\r\n\t\t\t\tstAddressLine1: helpers.nullableString(item.stAddressLine1),\r\n\t\t\t\tstAddressLine2: helpers.nullableString(item.stAddressLine2),\r\n\t\t\t\tstAddressLine3: helpers.nullableString(item.stAddressLine3),\r\n\t\t\t\tstAddressLine4: helpers.nullableString(item.stAddressLine4),\r\n\t\t\t\tstCity: helpers.nullableString(item.stCity),\r\n\t\t\t\tstState: helpers.nullableString(item.stState),\r\n\t\t\t\tstZip: helpers.nullableString(item.stZip),\r\n\t\t\t\tstPhone: helpers.nullableString(item.stPhone),\r\n\t\t\t\trugStyle: item.rugStyle,\r\n\t\t\t\tfinishedEdge: item.finishedEdge,\r\n\t\t\t\tlaborCost: item.laborCost,\r\n\t\t\t\ttotalAgreedCharges: item.totalAgreedCharges,\r\n\t\t\t\tforOutdoorUse: item.forOutdoorUse,\r\n\t\t\t\tdeactivatedAt: item.deactivatedAt,\r\n\t\t\t\torderLineComments: _.map(item.orderLineComments, comment => {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\t...comment,\r\n\t\t\t\t\t\t//createdAt: \"asdf\", createdAt is whats rendered in line item comments not updated\r\n\t\t\t\t\t\tlocal_id: -1 * (item.orderLineComments.indexOf(comment) + 1),\r\n\t\t\t\t\t\tcommentType: helpers.resolveValue(null, comment.commentTypeId, comment.commentTypeName)\r\n\t\t\t\t\t}\r\n\t\t\t\t}),\r\n\t\t\t\tcommentCount: item.orderLineComments ? item.orderLineComments.length : 0 // for temporary use only\r\n\t\t\t}\r\n\t\t\tif (item.orderLineTypeId === constants.ORDER_LINE_TYPE.RUG_FIELD.value) {\r\n\t\t\t\tnewShape.fieldLengthFeet = newShape.rugLengthFeet.toString();\r\n\t\t\t\tnewShape.fieldLengthInches = newShape.rugLengthInches.toString();\r\n\t\t\t}\r\n\t\t\treturn newShape;\r\n\t\t});\r\n\r\n\t\t// same function updated to take into account freight lines that have a rug field as a parent order line // still testing\r\n\t\t// rearrange orderlines to take into account custom rug orderlines with component orderlines\r\n\t\tlet rugOrderLines = _.filter(formattedOrderLines, function (orderLine) {\r\n\t\t\treturn orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.CUSTOM_RUG.value\r\n\t\t});\r\n\r\n\t\trugOrderLines = _.map(rugOrderLines, function (rugOrderLine) {\r\n\t\t\tlet componentLines = _.filter(formattedOrderLines, function (orderLine) {\r\n\t\t\t\tlet parentOrderLine = null;\r\n\t\t\t\tif (orderLine.parentOrderLineId) {\r\n\t\t\t\t\tparentOrderLine = _.find(formattedOrderLines, fol => fol.id === orderLine.parentOrderLineId);\r\n\t\t\t\t}\r\n\t\t\t\treturn orderLine.parentOrderLineId === rugOrderLine.id\r\n\t\t\t\t\t|| (orderLine.orderLineType\r\n\t\t\t\t\t\t&& orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.FREIGHT.value\r\n\t\t\t\t\t\t&& parentOrderLine\r\n\t\t\t\t\t\t&& parentOrderLine.orderLineType\r\n\t\t\t\t\t\t&& parentOrderLine.orderLineType.value === constants.ORDER_LINE_TYPE.RUG_FIELD.value\r\n\t\t\t\t\t\t&& parentOrderLine.parentOrderLineId === rugOrderLine.id)\r\n\t\t\t});\r\n\t\t\t_.forEach(componentLines, function (componentLine) { // remove componentLines from formattedOrderLines\r\n\t\t\t\tformattedOrderLines = _.reject(formattedOrderLines, function (orderLine) {\r\n\t\t\t\t\treturn orderLine.id === componentLine.id\r\n\t\t\t\t})\r\n\t\t\t});\r\n\t\t\treturn {\r\n\t\t\t\t...rugOrderLine,\r\n\t\t\t\tcomponentLines: componentLines\r\n\t\t\t}\r\n\t\t});\r\n\t\t_.forEach(rugOrderLines, function (rugOrderLine) {\r\n\t\t\tformattedOrderLines = _.map(formattedOrderLines, function (orderLine) {\r\n\t\t\t\tif (orderLine.id === rugOrderLine.id) {\r\n\t\t\t\t\treturn rugOrderLine\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\treturn orderLine\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tformattedOrderLines = _.map(formattedOrderLines, line => {\r\n\t\t\tif (line.orderLineType.value === constants.ORDER_LINE_TYPE.CUSTOM_RUG.value) {\r\n\t\t\t\t// let list = _.filter(formattedOrderLines, l => { return l.parentOrderLineId === line.id })\r\n\t\t\t\tline.price = _.round(_.sumBy(line.componentLines, p => { return parseFloat(p.price); }), 2).toFixed(2);\r\n\t\t\t\tline.cost = _.round(_.sumBy(line.componentLines, c => { return parseFloat(c.cost); }), 2).toFixed(2);\r\n\t\t\t}\r\n\t\t\treturn line;\r\n\t\t})\r\n\r\n\t\treturn formattedOrderLines;\r\n\t}\r\n\r\n\tformatSavedOrderPayments(orderPayments) {\r\n\t\tconst formattedOrderPayments = _.map(orderPayments, item => {\r\n\t\t\treturn {\r\n\t\t\t\tid: item.id,\r\n\t\t\t\torderId: item.orderId,\r\n\t\t\t\tcustomerPaymentStatus: helpers.resolveValue(\r\n\t\t\t\t\tnull,\r\n\t\t\t\t\titem.customerPaymentStatusId,\r\n\t\t\t\t\titem.customerPaymentStatusName),\r\n\t\t\t\tpaymentType: helpers.resolveValue(\r\n\t\t\t\t\tnull,\r\n\t\t\t\t\titem.paymentTypeId,\r\n\t\t\t\t\titem.paymentTypeName),\r\n\t\t\t\treferenceNumber: helpers.nullableString(item.referenceNumber),\r\n\t\t\t\tpayToName: helpers.nullableString(item.payToName),\r\n\t\t\t\tcheckNumber: helpers.nullableString(item.checkNumber),\r\n\t\t\t\t// amountDue: item.amountDue,\r\n\t\t\t\tamountPaid: _.round(item.amountPaid, 2).toFixed(2),\r\n\t\t\t\t// balance: item.balance,\r\n\t\t\t\tforWhat: helpers.nullableString(item.forWhat),\r\n\t\t\t\tinvoiceNumber: helpers.nullableString(item.invoiceNumber),\r\n\t\t\t\tdateReceived: date_helpers.dateFormatForClient(item.dateReceived),\r\n\t\t\t\texpDate: item.expDate,\r\n\t\t\t\tcardNumber: helpers.nullableString(item.cardNumber),\r\n\t\t\t\tbillingName: helpers.nullableString(item.billingName),\r\n\t\t\t\tbillingZip: helpers.nullableString(item.billingZip),\r\n\t\t\t\tcomment: helpers.nullableString(item.comment),\r\n\t\t\t\tcreditCardType: helpers.resolveValue(\r\n\t\t\t\t\tnull,\r\n\t\t\t\t\titem.creditCardTypeId,\r\n\t\t\t\t\titem.creditCardTypeName),\r\n\t\t\t\tcreatedAt: item.createdAt,\r\n\t\t\t\tcreatedByUserId: item.createdByUserId,\r\n\t\t\t\tdeactivatedAt: item.deactivatedAt,\r\n\t\t\t\tdeactivatedByUserId: item.deactivatedByUserId\r\n\t\t\t}\r\n\t\t});\r\n\t\treturn formattedOrderPayments\r\n\t}\r\n\r\n\tformatSavedOrderFulfillments(orderFulfillments) {\r\n\t\tconst formattedOrderFulfillments = _.map(orderFulfillments, item => {\r\n\t\t\treturn {\r\n\t\t\t\t...item,\r\n\t\t\t\tamountDue: _.round(item.amountDue, 2).toFixed(2),\r\n\t\t\t\tamountPosted: _.round(item.amountPosted, 2).toFixed(2),\r\n\t\t\t\torderFulfillmentOrderLines: _.map(item.orderFulfillmentOrderLines, ol => {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\t...ol,\r\n\t\t\t\t\t\torderLineCost: _.round(ol.orderLineCost, 2).toFixed(2)\r\n\t\t\t\t\t}\r\n\t\t\t\t}),\r\n\t\t\t\torderFulfillmentStatus: helpers.resolveValue(\r\n\t\t\t\t\tnull,\r\n\t\t\t\t\titem.orderFulfillmentStatusId,\r\n\t\t\t\t\titem.orderFulfillmentStatusName),\r\n\t\t\t\tsupplier: helpers.resolveValue(\r\n\t\t\t\t\tnull,\r\n\t\t\t\t\titem.supplierId,\r\n\t\t\t\t\titem.supplierName),\r\n\t\t\t\tfreightCarrier: helpers.resolveValue(\r\n\t\t\t\t\tnull,\r\n\t\t\t\t\titem.freightCarrierId,\r\n\t\t\t\t\titem.freightCarrierName),\r\n\t\t\t\treferenceNumber: helpers.nullableString(item.referenceNumber),\r\n\t\t\t\tinvoiceNumber: helpers.nullableString(item.invoiceNumber),\r\n\t\t\t\tcheckNumber: helpers.nullableString(item.checkNumber),\r\n\t\t\t\tnotes: helpers.nullableString(item.notes),\r\n\t\t\t\tbillDate: date_helpers.dateFormatForClient(item.billDate),\r\n\t\t\t\tdueDate: date_helpers.dateFormatForClient(item.dueDate),\r\n\t\t\t\tpayDate: date_helpers.dateFormatForClient(item.payDate)\r\n\t\t\t}\r\n\t\t});\r\n\t\treturn formattedOrderFulfillments\r\n\t}\r\n\r\n\t//General Functions:\r\n\ttoggle(tab) {\r\n\t\tif (this.state.activeTab !== tab) {\r\n\t\t\tthis.setState(\r\n\t\t\t\t{ activeTab: tab }\r\n\t\t\t\t, () => {\r\n\t\t\t\t\tif (tab === 6) { // Invoice Print\r\n\t\t\t\t\t\tthis.getOverallStatus();\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tonClickCancelButton() {\r\n\t\tthis.setState({\r\n\t\t\tshowCancelOrderModal: true\r\n\t\t});\r\n\t}\r\n\r\n\tyesCancelOrder() {\r\n\t\tthis.setState({\r\n\t\t\tredirectToOrders: true\r\n\t\t});\r\n\t}\r\n\r\n\tnoCancelOrder() {\r\n\t\tthis.setState({\r\n\t\t\tshowCancelOrderModal: false\r\n\t\t});\r\n\t}\r\n\r\n\t//Order Entry General Information:\r\n\thandleOrderStatusSelectChange(selection) {\r\n\t\tthis.setState({\r\n\t\t\torder: {\r\n\t\t\t\t...this.state.order,\r\n\t\t\t\torderStatus: selection\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\thandleCreatedAtInputChange(date) {\r\n\t\tthis.setState({\r\n\t\t\torder: {\r\n\t\t\t\t...this.state.order,\r\n\t\t\t\tcreatedAt: date\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tsetMonth(date) {\r\n\t\tthis.setState(prevState => ({\r\n\t\t\t...prevState,\r\n\t\t\torder: {\r\n\t\t\t\t...prevState.order,\r\n\t\t\t\tmth: date\r\n\t\t\t}\r\n\t\t}));\r\n\t}\r\n\r\n\thandleTakenBySelectChange(selection) {\r\n\t\tthis.setState({\r\n\t\t\torder: {\r\n\t\t\t\t...this.state.order,\r\n\t\t\t\tcreatedByUser: selection\r\n\t\t\t\t// updatedByUser: selection\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\thandleOnPlacedByInputChange(e) {\r\n\t\tthis.setState({\r\n\t\t\torder: {\r\n\t\t\t\t...this.state.order,\r\n\t\t\t\tplacedBy: e.target.value\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tonToggleCustomerSearchModal() {\r\n\t\tthis.setState({ showCustomerSearchModal: !this.state.showCustomerSearchModal })\r\n\t}\r\n\r\n\tonCustomerSelectedFromSearchModal(customerId, customerName) {\r\n\t\tthis.setState({\r\n\t\t\tshowCustomerSearchModal: false,\r\n\t\t}, () => this.handleCustomerSelectChange(helpers.resolveValue(null, customerId, customerName)));\r\n\t}\r\n\r\n\thandleCustomerSelectChange(selection) {\r\n\t\tapi.fetch(`Customer/GetActiveContacts/${selection.value}`)\r\n\t\t\t.then((response) => {\r\n\t\t\t\tlet customerInfo = response.data.customer;\r\n\t\t\t\tlet customerContacts = response.data.contacts;\r\n\t\t\t\tlet customerAddresses = _.chain(response.data.customerAddresses)\r\n\t\t\t\t\t.filter(ca => { return ca.addressTypeId === constants.ADDRESS_TYPE.BILL_TO})\r\n\t\t\t\t\t.map(a => {\r\n\t\t\t\t\ta.value = a.id;\r\n\t\t\t\t\ta.label = helpers.formatAddressLabel(a)\r\n\t\t\t\t\treturn a;\r\n\t\t\t\t}).value();\r\n\t\t\t\tconst customerShipToAddresses = _.chain(response.data.customerAddresses)\r\n\t\t\t\t.filter(ca => { return ca.addressTypeId === constants.ADDRESS_TYPE.SHIP_TO })\r\n\t\t\t\t.map(a => {\r\n\t\t\t\t\ta.value = a.id;\r\n\t\t\t\t\ta.label = helpers.formatAddressLabel(a, '* ')\r\n\t\t\t\t\treturn a;\r\n\t\t\t\t}).value();\r\n\t\t\t\tcustomerContacts.map(c => {\r\n\t\t\t\t\t// remove deactivated phones and addresses for each contact\r\n\t\t\t\t\tconst addresses = _.filter(c.addresses, a => a.deactivatedAt === null);\r\n\t\t\t\t\tconst phoneNumbers = _.filter(c.phoneNumbers, p => p.deactivatedAt === null);\r\n\t\t\t\t\tc.expanded = false;\r\n\t\t\t\t\tc.addresses = addresses;\r\n\t\t\t\t\tc.phoneNumbers = phoneNumbers;\r\n\r\n\t\t\t\t\t// set value and label for select\r\n\t\t\t\t\tc.label = `${c.firstName} ${c.lastName}`;\r\n\t\t\t\t\tc.value = c.id;\r\n\t\t\t\t\treturn c;\r\n\t\t\t\t});\r\n\t\t\t\tlet customerCredits = _.map(response.data.customerCredits, c => {\r\n\t\t\t\t\tc.value = c.id;\r\n\t\t\t\t\tc.label = `${c.displayAmount} ${c.comment} - Given on ${moment(c.givenOn).format(\"MM/DD/YYYY\")}`;\r\n\t\t\t\t\t// c.amount = c.amount !== 0 && c.amount !== '' ? c.amount / 100 : null;\r\n\t\t\t\t\tc.amount = c.amount;\r\n\t\t\t\t\treturn c;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tcustomerInfo: customerInfo,\r\n\t\t\t\t\tcustomerContacts: customerContacts,\r\n\t\t\t\t\tcustomerOutstandingCredits: customerCredits,\r\n\t\t\t\t\tcustomerAddressList: customerAddresses,\r\n\t\t\t\t\tcustomerShipToAddresses: customerShipToAddresses,\r\n\t\t\t\t\torder: {\r\n\t\t\t\t\t\t...this.state.order,\r\n\t\t\t\t\t\tcustomer: selection,\r\n\t\t\t\t\t\tagent: (customerInfo.agentId && customerInfo.agentName) ? helpers.resolveValue(null, customerInfo.agentId, customerInfo.agentName) : null,\r\n\t\t\t\t\t\tbtAddressLine1: null,\r\n\t\t\t\t\t\tbtAddressLine2: null,\r\n\t\t\t\t\t\tbtAddressLine3: null,\r\n\t\t\t\t\t\tbtAddressLine4: null,\r\n\t\t\t\t\t\tbtCity: null,\r\n\t\t\t\t\t\tbtState: null,\r\n\t\t\t\t\t\tbtZip: null\r\n\t\t\t\t\t},\r\n\t\t\t\t\tselectedBillingAddress: null\r\n\t\t\t\t}, () => {\r\n\t\t\t\t\tif(customerAddresses.length == 1) {\r\n\t\t\t\t\t\tthis.setSelectedBillingAddress(customerAddresses[0])\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\t}\r\n\r\n\thandleAgentSelectChange(selection) {\r\n\t\tthis.setState({\r\n\t\t\torder: {\r\n\t\t\t\t...this.state.order,\r\n\t\t\t\tagent: selection\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tonReferencesOrderChange(e) {\r\n\t\tthis.setState({\r\n\t\t\torder: {\r\n\t\t\t\t...this.state.order,\r\n\t\t\t\treferencesOrder: e.target.value\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\thandleOrderInputChange(fieldName, value) {\r\n\t\tthis.setState(prevState => ({\r\n\t\t\t...prevState,\r\n\t\t\torder: {\r\n\t\t\t\t...prevState.order,\r\n\t\t\t\t[fieldName]: value\r\n\t\t\t}\r\n\t\t}));\r\n\t}\r\n\r\n\tisGeneralInfoFormValid() {\r\n\t\tconst warnings = [];\r\n\t\tif (!this.state.order.orderStatus.value) {\r\n\t\t\twarnings.push(\"Order Status is required.\");\r\n\t\t}\r\n\t\tif (!this.state.order.mth) {\r\n\t\t\twarnings.push(\"Order Month is required.\");\r\n\t\t}\r\n\t\t// if (!this.state.order.orderYear.value) {\r\n\t\t// warnings.push(\"Order Year is required.\");\r\n\t\t// }\r\n\t\tif (!this.state.order.createdAt) {\r\n\t\t\twarnings.push(\"Created at is required.\");\r\n\t\t}\r\n\t\t{/* Tracy wanted the name of this field changed to Sold To */ }\r\n\t\tif (!this.state.order.placedBy) {\r\n\t\t\twarnings.push(\"Order Sold To is required.\");\r\n\t\t}\r\n\t\tif (!this.state.order.createdByUser.value || !this.state.order.createdByUser.label) {\r\n\t\t\twarnings.push(\"Order Entered By is required.\");\r\n\t\t}\r\n\t\t// if (!this.state.order.updatedByUser.value || !this.state.order.updatedByUser.label) {\r\n\t\t// \twarnings.push(\"Order Entered By is required.\");\r\n\t\t// }\r\n\t\tif (!this.state.order.customer || !this.state.order.customer.value) {\r\n\t\t\twarnings.push(\"Account is required.\");\r\n\t\t}\r\n\t\tif (!this.state.order.agent || !this.state.order.agent.value) {\r\n\t\t\twarnings.push(\"Agent is required.\");\r\n\t\t}\r\n\t\tif (!this.state.order.referencesOrder &&\r\n\t\t\t(this.state.order.isReplacementOrder || this.state.order.isCreditOrder)) {\r\n\t\t\twarnings.push(\"This is a Replacement or Credit order: References Order is required. \");\r\n\t\t}\r\n\t\tif (warnings.length) {\r\n\t\t\tthis.setState({ message: warnings.join(' '), messageFlavor: \"danger\" });\r\n\t\t}\r\n\t\treturn warnings.length === 0;\r\n\t}\r\n\r\n\tsaveOrderEntryGeneralInfo() {\r\n\t\tif (!this.isGeneralInfoFormValid()) return;\r\n\t\tconst order = this.state.order;\r\n\t\tconst data = {\r\n\t\t\tId: order.id ? order.id : 0,\r\n\t\t\tCustomerId: order.customer.value,\r\n\t\t\tAgentId: order.agent.value,\r\n\t\t\tOrderStatusId: order.orderStatus.value,\r\n\t\t\tPlacedBy: order.placedBy,\r\n\t\t\tCreatedAt: order.createdAt,\r\n\t\t\tCreatedByUserId: order.createdByUser.value,\t// Entered By field\r\n\t\t\t// UpdatedByUserId: order.updatedByUser.value,\t// Entered By field\r\n\t\t\tMth: date_helpers.formatDateForServer(order.mth),\r\n\t\t\tIsReplacementOrder: order.isReplacementOrder,\r\n\t\t\tIsDistinctiveOrder: order.isDistinctiveOrder,\r\n\t\t\tIsCreditOrder: order.isCreditOrder,\r\n\t\t\tReferencesOrderId: order.referencesOrder ? Number(order.referencesOrder) : null,\r\n\t\t\tCustomerPONumber: order.customerPONumber,\r\n\t\t\tInvoiceTermsId: order.id && order.invoiceTerms ? order.invoiceTerms.value : this.state.customerInfo.invoiceTermsId, // if new order, get invoiceTerms from customer\r\n\t\t\tBTContactFirstName: order.btContactFirstName,\r\n BTContactLastName: order.btContactLastName,\r\n BTContactEmail: order.btContactEmail,\r\n BTAddressLine1: order.btAddressLine1,\r\n BTAddressLine2: order.btAddressLine2,\r\n BTAddressLine3: order.btAddressLine3,\r\n BTAddressLine4: order.btAddressLine4,\r\n BTCity: order.btCity,\r\n BTState: order.btState,\r\n BTZip: order.btZip\r\n\t\t};\r\n\t\tapi.post('Order/SaveOrderGeneralInformation', data)\r\n\t\t\t.then(response => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\torder: this.formatSavedOrder(response.data),\r\n\t\t\t\t\torderId: response.data.id,\r\n\t\t\t\t\tsetGeneralOrderSavedFlag: true,\r\n\t\t\t\t\tactiveTab: TABS.LINE_ITEMS,\r\n\t\t\t\t\tmessage: null,\r\n\t\t\t\t\tmessageFlavor: null\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\t}\r\n\r\n\t// Order Line Entry:\r\n\r\n\tgetOrderLineCorrespondingProductType(value) {\r\n\t\tlet productType;\r\n\t\tswitch (value.toString()) {\r\n\t\t\tcase constants.ORDER_LINE_TYPE.CARPET.value.toString():\r\n\t\t\tcase constants.ORDER_LINE_TYPE.RUG_FIELD.value.toString():\r\n\t\t\tcase constants.ORDER_LINE_TYPE.RUG_BORDER.value.toString():\r\n\t\t\t\tproductType = constants.PRODUCT_TYPE.CARPET.value;\r\n\t\t\t\tbreak;\r\n\t\t\tcase constants.ORDER_LINE_TYPE.MISCELLANEOUS.value.toString():\r\n\t\t\t\tproductType = constants.PRODUCT_TYPE.MISCELLANEOUS.value;\r\n\t\t\t\tbreak;\r\n\t\t\tcase constants.ORDER_LINE_TYPE.RUG_MISCELLANEOUS.value.toString():\r\n\t\t\t\tproductType = constants.PRODUCT_TYPE.RUG_COMPONENT.value;\r\n\t\t\t\tbreak;\r\n\t\t\tcase constants.ORDER_LINE_TYPE.RUG_PAD.value.toString():\r\n\t\t\t\tproductType = constants.PRODUCT_TYPE.RUG_PAD.value;\r\n\t\t\t\tbreak;\r\n\t\t\tcase constants.ORDER_LINE_TYPE.INTL_COLL_RUG.value.toString():\r\n\t\t\t\tproductType = constants.PRODUCT_TYPE.INTL_RUG.value;\r\n\t\t\t\tbreak;\r\n\t\t\tcase constants.ORDER_LINE_TYPE.HARD_SURFACE.value.toString():\r\n\t\t\t\tproductType = constants.PRODUCT_TYPE.HARD_SURFACE.value;\r\n\t\t\t\tbreak;\r\n\t\t\tcase constants.ORDER_LINE_TYPE.ROLL_RUNNER.value.toString():\r\n\t\t\t\tproductType = constants.PRODUCT_TYPE.ROLL_RUNNER.value;\r\n\t\t\t\tbreak;\r\n\t\t\tcase constants.ORDER_LINE_TYPE.BINDING.value.toString():\r\n\t\t\t\tproductType = constants.PRODUCT_TYPE.BORDER_OR_BINDING.value;\r\n\t\t\t\tbreak;\r\n\t\t\tcase constants.ORDER_LINE_TYPE.CARPET_TILE.value.toString():\r\n\t\t\t\tproductType = constants.PRODUCT_TYPE.CARPET_TILE.value;\r\n\t\t\t\tbreak;\r\n\t\t\tcase constants.ORDER_LINE_TYPE.SAMPLE.value.toString():\r\n\t\t\t\tproductType = constants.PRODUCT_TYPE.SAMPLE.value;\r\n\t\t\t\tbreak;\r\n\t\t};\r\n\t\treturn productType;\r\n\t}\r\n\r\n\tonAddNewOrderLine(orderLineType = null) {\r\n\t\tlet productType;\r\n\t\tif (orderLineType) {\r\n\t\t\tproductType = this.getOrderLineCorrespondingProductType(orderLineType.value);\r\n\t\t} else {\r\n\t\t\tproductType = constants.PRODUCT_TYPE.CARPET.value;\r\n\t\t}\r\n\r\n\t\t// Fetch products for default new rug component line type first\r\n\t\t// api.fetch(`Order/GetProductsOfProductType/${constants.PRODUCT_TYPE.CARPET.value}`)\r\n\t\tapi.fetch(`Order/GetProductsOfProductType/${productType}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\t//if response success\r\n\t\t\t\tif (this.state.customRugToViewEdit) {\r\n\t\t\t\t\tlet { sqFt, finishedEdgeFt } = calc.calculateSqFeetAndFinEdgeFt(\r\n\t\t\t\t\t\tthis.state.customRugToViewEdit.rugLengthFeet,\r\n\t\t\t\t\t\tthis.state.customRugToViewEdit.rugLengthInches,\r\n\t\t\t\t\t\tthis.state.customRugToViewEdit.rugWidthFeet,\r\n\t\t\t\t\t\tthis.state.customRugToViewEdit.rugWidthInches);\r\n\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tshowOrderLineForm: true,\r\n\t\t\t\t\t\tmessage: null,\r\n\t\t\t\t\t\tmessageFlavor: null,\r\n\t\t\t\t\t\tproductsList: response.data,\r\n\t\t\t\t\t\torderLine: {\r\n\t\t\t\t\t\t\t...emptyOrderLine,\r\n\t\t\t\t\t\t\tcmsnRate: this.state.order.currentAgentCmsnRate,\r\n\t\t\t\t\t\t\tfieldCmsnRate: this.state.order.currentAgentCmsnRate,\r\n\t\t\t\t\t\t\tborderCmsnRate: this.state.order.currentAgentCmsnRate,\r\n\t\t\t\t\t\t\tparentOrderLineId: this.state.customRugToViewEdit.id,\r\n\t\t\t\t\t\t\torderLineType: orderLineType ? orderLineType : constants.ORDER_LINE_TYPE.RUG_FIELD,\r\n\t\t\t\t\t\t\tsqFt: sqFt,\r\n\t\t\t\t\t\t\tfinishedEdgeFt: finishedEdgeFt,\r\n\t\t\t\t\t\t\trugLengthFeet: this.state.customRugToViewEdit.rugLengthFeet,\t\t\t// needed for local fuctions to work\r\n\t\t\t\t\t\t\trugLengthInches: this.state.customRugToViewEdit.rugLengthInches, // needed for local fuctions to work\r\n\t\t\t\t\t\t\trugWidthFeet: this.state.customRugToViewEdit.rugWidthFeet,\t\t\t\t// needed for local fuctions to work\r\n\t\t\t\t\t\t\trugWidthInches: this.state.customRugToViewEdit.rugWidthInches, \t\t// needed for local fuctions to work\r\n\t\t\t\t\t\t\trugDsc: this.state.customRugToViewEdit.dsc,\t\t\t\t\t\t\t\t\t\t\t\t// needed for local fuctions to work\r\n\t\t\t\t\t\t\tshippingAddresses: this.state.customerShipToAddresses\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tshowOrderLineForm: true,\r\n\t\t\t\t\t\tmessage: null,\r\n\t\t\t\t\t\tmessageFlavor: null,\r\n\t\t\t\t\t\tproductsList: response.data,\r\n\t\t\t\t\t\torderLine: {\r\n\t\t\t\t\t\t\t...emptyOrderLine,\r\n\t\t\t\t\t\t\tcmsnRate: this.state.order.currentAgentCmsnRate,\r\n\t\t\t\t\t\t\tfieldCmsnRate: this.state.order.currentAgentCmsnRate,\r\n\t\t\t\t\t\t\tborderCmsnRate: this.state.order.currentAgentCmsnRate,\r\n\t\t\t\t\t\t\torderLineType: constants.ORDER_LINE_TYPE.CARPET,\r\n\t\t\t\t\t\t\tshippingAddresses: this.state.customerShipToAddresses\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\t\t\t});\r\n\t}\r\n\r\n\tasync handleOrderLineTypeChange(selection) {\r\n\t\tif (selection.value === constants.ORDER_LINE_TYPE.RUG_BORDER.value || selection.value === constants.ORDER_LINE_TYPE.RUG_MISCELLANEOUS.value) {\r\n\t\t\tthis.onAddNewOrderLine(selection);\r\n\t\t} else if (selection.value === constants.ORDER_LINE_TYPE.CUSTOM_RUG.value) {\r\n\t\t\tlet padProductsList;\r\n\t\t\tlet rugBindingList;\r\n\t\t\tlet inboundFreightProductList;\r\n\t\t\tlet customRugComponentProducts;\r\n\t\t\tawait api.fetch(`Order/GetProductsOfProductType/${constants.PRODUCT_TYPE.RUG_PAD.value}`)\r\n\t\t\t\t.then(response => {\r\n\t\t\t\t\tpadProductsList = response.data;\r\n\t\t\t\t});\r\n\t\t\tawait api.fetch(`Order/GetProductsOfProductType/${constants.PRODUCT_TYPE.BORDER_OR_BINDING.value}`)\r\n\t\t\t\t.then(response => {\r\n\t\t\t\t\trugBindingList = response.data;\r\n\t\t\t\t});\r\n\t\t\tawait api.fetch(`Order/GetProductsOfProductType/${constants.PRODUCT_TYPE.RUG_COMPONENT.value}`)\r\n\t\t\t\t.then(response => {\r\n\t\t\t\t\tinboundFreightProductList = _.filter(response.data, p => _.includes(p.label, 'Inbound'))\r\n\t\t\t\t});\r\n\t\t\tawait api.fetch(`Order/GetCustomRugComponentProducts/`)\r\n\t\t\t\t.then(response => {\r\n\t\t\t\t\tcustomRugComponentProducts = {\r\n\t\t\t\t\t\tDefaultCutChargeProduct: _.find(response.data, x => x.configName === constants.CUSTOM_RUG_CONFIG_NAMES.DefaultCutChargeProduct),\r\n\t\t\t\t\t\tDefaultRugEndArmorProduct: _.find(response.data, x => x.configName === constants.CUSTOM_RUG_CONFIG_NAMES.DefaultRugEndArmorProduct),\r\n\t\t\t\t\t\tDefaultInboundFreightProduct: _.find(response.data, x => x.configName === constants.CUSTOM_RUG_CONFIG_NAMES.DefaultInboundFreightProduct),\r\n\t\t\t\t\t\tDefaultBackingProduct: _.find(response.data, x => x.configName === constants.CUSTOM_RUG_CONFIG_NAMES.DefaultBackingProduct),\r\n\t\t\t\t\t\tDefaultPadCutChargeProduct: _.find(response.data, x => x.configName === constants.CUSTOM_RUG_CONFIG_NAMES.DefaultPadCutChargeProduct),\r\n\t\t\t\t\t\tUnder30SFPadCutChargeProduct: _.find(response.data, x => x.configName === constants.CUSTOM_RUG_CONFIG_NAMES.Under30SFPadCutChargeProduct),\r\n\t\t\t\t\t\tDefaultClippedCornersProduct: _.find(response.data, x => x.configName === constants.CUSTOM_RUG_CONFIG_NAMES.DefaultClippedCornersProduct),\r\n\t\t\t\t\t\tDefaultLaborCutoutProduct: _.find(response.data, x => x.configName === constants.CUSTOM_RUG_CONFIG_NAMES.DefaultLaborCutoutProduct),\r\n\t\t\t\t\t\tDefaultLaborRoundProduct: _.find(response.data, x => x.configName === constants.CUSTOM_RUG_CONFIG_NAMES.DefaultLaborRoundProduct),\r\n\t\t\t\t\t\tDefaultFabricationChargeProduct: _.find(response.data, x => x.configName === constants.CUSTOM_RUG_CONFIG_NAMES.DefaultFabricationChargeProduct),\r\n\t\t\t\t\t\tDefaultUVSergingChargeProduct: _.find(response.data, x => x.configName === constants.CUSTOM_RUG_CONFIG_NAMES.DefaultUVSergingChargeProduct),\r\n\t\t\t\t\t\tDefaultWoolSergingChargeProduct: _.find(response.data, x => x.configName === constants.CUSTOM_RUG_CONFIG_NAMES.DefaultWoolSergingChargeProduct),\r\n\t\t\t\t\t\tDefaultPremiumWoolSergingChargeProduct: _.find(response.data, x => x.configName === constants.CUSTOM_RUG_CONFIG_NAMES.DefaultPremiumWoolSergingChargeProduct),\r\n\t\t\t\t\t\tDefaultWoolSergingChargeNProduct: _.find(response.data, x => x.configName === constants.CUSTOM_RUG_CONFIG_NAMES.DefaultWoolSergingChargeNProduct),\r\n\t\t\t\t\t\tDefaultAppliedMachineBordersProduct: _.find(response.data, x => x.configName === constants.CUSTOM_RUG_CONFIG_NAMES.DefaultAppliedMachineBordersProduct),\r\n\t\t\t\t\t\tDefaultMiteredProduct: _.find(response.data, x => x.configName === constants.CUSTOM_RUG_CONFIG_NAMES.DefaultMiteredProduct),\r\n\t\t\t\t\t\tDefaultRugPadLuxFeltCustomSizeProduct: _.find(response.data, x => x.configName === constants.CUSTOM_RUG_CONFIG_NAMES.DefaultRugPadLuxFeltCustomSizeProduct)\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\tconst emptyRugLine = emptyRugOrderLine(customRugComponentProducts, this.state.order.currentAgentCmsnRate);\r\n\t\t\tconst sergingList = [\r\n\t\t\t\tcustomRugComponentProducts.DefaultWoolSergingChargeProduct,\r\n\t\t\t\tcustomRugComponentProducts.DefaultPremiumWoolSergingChargeProduct,\r\n\t\t\t\tcustomRugComponentProducts.DefaultWoolSergingChargeNProduct,\r\n\t\t\t\tcustomRugComponentProducts.DefaultUVSergingChargeProduct\r\n\t\t\t];\r\n\t\t\tconst mSergingList = [customRugComponentProducts.DefaultAppliedMachineBordersProduct];\r\n\t\t\tconst hsSergingList = [customRugComponentProducts.DefaultMiteredProduct];\r\n\t\t\tthis.setState({\r\n\t\t\t\torderLine: {\r\n\t\t\t\t\t...emptyRugLine,\r\n\t\t\t\t\tcmsnRate: this.state.order.currentAgentCmsnRate,\r\n\t\t\t\t\torderLineType: selection,\r\n\t\t\t\t\tid: this.state.orderLine.id,\r\n\t\t\t\t\t//freight:\r\n\t\t\t\t\tfreightCarrier: this.state.orderLine.freightCarrier,\r\n\t\t\t\t\tfreightSidemark: this.state.orderLine.freightSidemark,\r\n\t\t\t\t\tfreightInvoiceNumber: this.state.orderLine.freightInvoiceNumber,\r\n\t\t\t\t\tfreightBolNumber: this.state.orderLine.freightBolNumber,\r\n\t\t\t\t\tfreightDsc: this.state.orderLine.freightDsc,\r\n\t\t\t\t\tfreightTerms: this.state.orderLine.freightTerms,\r\n\t\t\t\t\tfreightCost: this.state.orderLine.freightCost,\r\n\t\t\t\t\tfreightPrice: this.state.orderLine.freightPrice,\r\n\t\t\t\t\tstContactFirstName: this.state.orderLine.stContactFirstName,\r\n\t\t\t\t\tstContactLastName: this.state.orderLine.stContactLastName,\r\n\t\t\t\t\tstContactEmail: this.state.orderLine.stContactEmail,\r\n\t\t\t\t\tstAddressLine1: this.state.orderLine.stAddressLine1,\r\n\t\t\t\t\tstAddressLine2: this.state.orderLine.stAddressLine2,\r\n\t\t\t\t\tstAddressLine3: this.state.orderLine.stAddressLine3,\r\n\t\t\t\t\tstAddressLine4: this.state.orderLine.stAddressLine4,\r\n\t\t\t\t\tstCity: this.state.orderLine.stCity,\r\n\t\t\t\t\tstState: this.state.orderLine.stState,\r\n\t\t\t\t\tstZip: this.state.orderLine.stZip,\r\n\t\t\t\t\tstPhone: this.state.orderLine.stPhone\r\n\t\t\t\t},\r\n\t\t\t\tpadProductsList: padProductsList,\r\n\t\t\t\trugBindingList: rugBindingList,\r\n\t\t\t\tinboundFreightProductList: inboundFreightProductList,\r\n\t\t\t\tcustomRugComponentProducts: customRugComponentProducts,\r\n\t\t\t\tsergingList: sergingList,\r\n\t\t\t\tmSergingList: mSergingList,\r\n\t\t\t\thsSergingList: hsSergingList,\r\n\t\t\t}, () => {\r\n\t\t\t\tthis.initializeRugOrder();\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tlet productType = this.getOrderLineCorrespondingProductType(selection.value);\r\n\t\t\tlet productsList = [];\r\n\t\t\t// let collectionList = [];\r\n\t\t\t// if (selection.value !== constants.ORDER_LINE_TYPE.INTL_COLL_RUG.value) {\r\n\t\t\t\tawait api.fetch(`Order/GetProductsOfProductType/${productType}`)\r\n\t\t\t\t\t.then(response => {\r\n\t\t\t\t\t\tproductsList = response.data;\r\n\t\t\t\t\t});\r\n\t\t\t// } else {\r\n\t\t\t// \t// For Intl Coll rugs, collection must be selected before product\r\n\t\t\t// \tawait api.fetch(\"Order/GetRugIntlCollectionList\")\r\n\t\t\t// \t\t.then(response => {\r\n\t\t\t// \t\t\tcollectionList = response.data;\r\n\t\t\t// \t\t});\r\n\t\t\t// }\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\torderLine: {\r\n\t\t\t\t\t...emptyOrderLine,\r\n\t\t\t\t\tcmsnRate: this.state.order.currentAgentCmsnRate,\r\n\t\t\t\t\tfieldCmsnRate: this.state.order.currentAgentCmsnRate,\r\n\t\t\t\t\tborderCmsnRate: this.state.order.currentAgentCmsnRate,\r\n\t\t\t\t\torderLineType: selection,\r\n\t\t\t\t\tid: this.state.orderLine.id,\r\n\t\t\t\t\t//freight:\r\n\t\t\t\t\tfreightCarrier: this.state.orderLine.freightCarrier,\r\n\t\t\t\t\tfreightSidemark: this.state.orderLine.freightSidemark,\r\n\t\t\t\t\tfreightInvoiceNumber: this.state.orderLine.freightInvoiceNumber,\r\n\t\t\t\t\tfreightBolNumber: this.state.orderLine.freightBolNumber,\r\n\t\t\t\t\tfreightDsc: this.state.orderLine.freightDsc,\r\n\t\t\t\t\tfreightTerms: this.state.orderLine.freightTerms,\r\n\t\t\t\t\tfreightCost: this.state.orderLine.freightCost,\r\n\t\t\t\t\tfreightPrice: this.state.orderLine.freightPrice,\r\n\t\t\t\t\tstContactFirstName: this.state.orderLine.stContactFirstName,\r\n\t\t\t\t\tstContactLastName: this.state.orderLine.stContactLastName,\r\n\t\t\t\t\tstContactEmail: this.state.orderLine.stContactEmail,\r\n\t\t\t\t\tstAddressLine1: this.state.orderLine.stAddressLine1,\r\n\t\t\t\t\tstAddressLine2: this.state.orderLine.stAddressLine2,\r\n\t\t\t\t\tstAddressLine3: this.state.orderLine.stAddressLine3,\r\n\t\t\t\t\tstAddressLine4: this.state.orderLine.stAddressLine4,\r\n\t\t\t\t\tstCity: this.state.orderLine.stCity,\r\n\t\t\t\t\tstState: this.state.orderLine.stState,\r\n\t\t\t\t\tstZip: this.state.orderLine.stZip,\r\n\t\t\t\t\tstPhone: this.state.orderLine.stPhone\r\n\t\t\t\t},\r\n\t\t\t\t// rugIntlCollectionList: collectionList,\r\n\t\t\t\tproductsList: productsList\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tasync setSelectedProduct(option) {\r\n\t\tawait api.fetch(`Order/GetActiveProductColors/${option.value}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tproductColorsList: response.data,\r\n\t\t\t\t\torderLine: {\r\n\t\t\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t\t\tproduct: option,\r\n\t\t\t\t\t\tproductColor: response.data.length > 0 ? response.data[0] : null\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\r\n\t\tawait api.fetch(`Product/GetProductWidths/${option.value}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tconst widths = _.map(response.data, w => {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tvalue: w.widthId,\r\n\t\t\t\t\t\tlabel: w.widthName,\r\n\t\t\t\t\t\twidthNumericFeet: w.widthNumericFeet\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\t//widthsList: widths,\r\n\t\t\t\t\torderLine: {\r\n\t\t\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t\t\twidthsList: widths,\r\n\t\t\t\t\t\twidth: widths.length > 0 ? widths[0] : null\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\r\n\t\tif (this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.INTL_COLL_RUG.value) {\r\n\t\t\tawait api.fetch(`Product/GetRugIntlSizes/${option.value}`)\r\n\t\t\t\t.then(response => {\r\n\t\t\t\t\tconst rugSizes = _.map(response.data, sz => {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tvalue: sz.id,\r\n\t\t\t\t\t\t\tlabel: sz.dsc,\r\n\t\t\t\t\t\t\tcost: _.round(sz.cost, 2).toFixed(2),\r\n\t\t\t\t\t\t\tprice: _.round(sz.price, 2).toFixed(2)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\trugIntlSizeList: rugSizes,\r\n\t\t\t\t\t\torderLine: {\r\n\t\t\t\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t\t\t\trugIntlSize: rugSizes.length > 0 ? rugSizes[0] : null,\r\n\t\t\t\t\t\t\tunitCost: rugSizes.length > 0 ? rugSizes[0].cost : this.state.orderLine.unitCost,\r\n\t\t\t\t\t\t\tunitPrice: rugSizes.length > 0 ? rugSizes[0].price : this.state.orderLine.unitPrice\r\n\t\t\t\t\t\t\t// unitCost: response.data.length > 0 ? _.round(response.data[0].cost, 2).toFixed(2) : this.state.orderLine.unitCost,\r\n\t\t\t\t\t\t\t// unitPrice: response.data.length > 0 ? _.round(response.data[0].price, 2).toFixed(2) : this.state.orderLine.unitPrice,\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t})\r\n\t\t\t\t.catch(helpers.catchHandler);\r\n\t\t}\r\n\t\tconsole.log(`right here, ${option.value}, ${this.state.activeOrderId}`);\r\n\t\tawait api.fetch(`Product/GetProductWithOrder/${option.value}/${this.state.orderId}`)\r\n\t\t.then(response => {\r\n\t\t\tthis.setState({\r\n\t\t\t\t\torderLine: {\r\n\t\t\t\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t\t\t\tunitCost: this.state.orderLine.orderLineType.value !== constants.ORDER_LINE_TYPE.INTL_COLL_RUG.value ? _.round(response.data.unitCost, 2).toFixed(2) : this.state.orderLine.unitCost,\r\n\t\t\t\t\t\t\tunitPrice: this.state.orderLine.orderLineType.value !== constants.ORDER_LINE_TYPE.INTL_COLL_RUG.value ? _.round(response.data.unitPrice, 2).toFixed(2) : this.state.orderLine.unitPrice,\r\n\t\t\t\t\t\t\tvolumeCost: _.round(response.data.volumeCost, 2).toFixed(2),\t\t\t// not saved on orderline, only used for volume calculations\r\n\t\t\t\t\t\t\tvolumePrice: _.round(response.data.volumePrice, 2).toFixed(2),\t\t// not saved on orderline, only used for volume calculations\r\n\t\t\t\t\t\t\trollSize: response.data.rollSize, \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// not saved on orderline, only used for volume calculations\r\n\t\t\t\t\t\t\tpriceUnitType: helpers.resolveValue(\r\n\t\t\t\t\t\t\t\t\tnull,\r\n\t\t\t\t\t\t\t\t\tresponse.data.priceUnitTypeId,\r\n\t\t\t\t\t\t\t\t\tresponse.data.priceUnitTypeName),\r\n\t\t\t\t\t\t\tperContainer: helpers.nullableString(response.data.perContainer),\r\n\t\t\t\t\t\t\tsquareFeetPerCarton: helpers.nullableString(response.data.squareFeetPerCarton),\r\n\t\t\t\t\t\t\tproductAllowCommission: response.data.allowCommission\r\n\t\t\t\t\t},\r\n\t\t\t\t\tnonVolumeUnitCost: _.round(response.data.unitCost, 2).toFixed(2),\r\n\t\t\t\t\tnonVolumeUnitPrice: _.round(response.data.unitPrice, 2).toFixed(2)\r\n\t\t\t}, () => {\r\n\t\t\t\t\tthis.calculateFigures()\r\n\t\t\t});\r\n\t\t})\r\n\t\t.catch(helpers.catchHandler);\r\n\t}\r\n\r\n\t// setSelectedCollection(option) {\r\n\t// \t// Fetch products that belong to collection and are INTL_RUG product types\r\n\t// \tapi.fetch(`Order/GetActiveCollectionProducts/${option.value}`)\r\n\t// \t\t.then(response => {\r\n\t// \t\t\tthis.setState({\r\n\t// \t\t\t\tcollectionProductsList: response.data,\r\n\t// \t\t\t\torderLine: {\r\n\t// \t\t\t\t\t...this.state.orderLine,\r\n\t// \t\t\t\t\trugIntlCollection: option,\r\n\t// \t\t\t\t\tproduct: response.data.length > 0 ? response.data[0] : null\r\n\t// \t\t\t\t}\r\n\t// \t\t\t}, () => {\r\n\t// \t\t\t\tif (response.data.length > 0) {\r\n\t// \t\t\t\t\tthis.setSelectedProduct(response.data[0])\r\n\t// \t\t\t\t}\r\n\t// \t\t\t});\r\n\t// \t\t})\r\n\t// \t\t.catch(helpers.catchHandler);\r\n\t// }\r\n\r\n\thandleFormSelectChange(elementName, selection) {\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t[elementName]: selection\r\n\t\t\t},\r\n\t\t\tshowOrderLineStatusModal:\r\n\t\t\t\t(selection.label === constants.ORDER_LINE_STATUS.BACKORDER.label\r\n\t\t\t\t|| selection.label === constants.ORDER_LINE_STATUS.SHIPPED.label)\r\n\t\t\t\t? true : false\r\n\t\t}, () => {\r\n\t\t\tif (elementName === \"productColor\") {\r\n\t\t\t\tthis.calculateFigures();\r\n\t\t\t\t}\r\n\t\t});\r\n\t}\r\n\thandleRugShapeSelectChange(elementName, selection) {\r\n\t\tlet newRugDsc = this.state.orderLine.rugDsc;\r\n\t\tif(selection.label === constants.CUSTOM_RUG_SHAPE_LIST.ROUND.label){\r\n\t\t\tnewRugDsc = newRugDsc.replace(\"Custom Rug\", \"Round Custom Rug\")\r\n\t\t}else{\r\n\t\t\tnewRugDsc = newRugDsc.replace( \"Round Custom Rug\", \"Custom Rug\")\r\n\t\t} \r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t[elementName]: selection,\r\n\t\t\t\trugDsc: newRugDsc\r\n\t\t\t},\r\n\t\t\tshowOrderLineStatusModal:\r\n\t\t\t\t(selection.label === constants.ORDER_LINE_STATUS.BACKORDER.label\r\n\t\t\t\t|| selection.label === constants.ORDER_LINE_STATUS.SHIPPED.label)\r\n\t\t\t\t? true : false\r\n\t\t}, () => {\r\n\t\t\tif (elementName === \"productColor\") {\r\n\t\t\t\tthis.calculateFigures();\r\n\t\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\thandleWidthSelectChange(elementName, selection) {\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t[elementName]: selection\r\n\t\t\t}\r\n\t\t}, () => {\r\n\t\t\tthis.calculateFigures();\r\n\t\t});\r\n\t}\r\n\r\n\thandleRugIntlSizeChange(elementName, selection) {\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t[elementName]: selection,\r\n\t\t\t\tunitCost: selection.cost,\r\n\t\t\t\tunitPrice: selection.price\r\n\t\t\t}\r\n\t\t}, () => {\r\n\t\t\tthis.calculateFigures();\r\n\t\t});\r\n\t}\r\n\r\n\thandleOrderLineStateChange(fieldName, value) {\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t[fieldName]: value\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tupdateOrderLineRateOrCurrencyField(fieldName, value) {\r\n\t\tif (value) {\r\n\t\t\tthis.setState({\r\n\t\t\t\torderLine: {\r\n\t\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t\t[fieldName]: _.round(value, 2).toFixed(2)\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tonChangeOrderLineComment(fieldName, value) {\r\n\t\tthis.setState({\r\n\t\t\tnewOrderLineComment: {\r\n\t\t\t\t...this.state.newOrderLineComment,\r\n\t\t\t\t[fieldName]: value\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\thandleOrderLineCommentSelectionChange(elementName, selection) {\r\n\t\tthis.setState({\r\n\t\t\tnewOrderLineComment: {\r\n\t\t\t\t...this.state.newOrderLineComment,\r\n\t\t\t\t[elementName]: {\r\n\t\t\t\t\tvalue: selection.value,\r\n\t\t\t\t\tlabel: selection.label\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tisOrderLineCommentValid() {\r\n\t\tconst warnings = [];\r\n\t\tif (!this.state.newOrderLineComment.dsc) {\r\n\t\t\twarnings.push(\"Comment required in order to add.\");\r\n\t\t}\r\n\t\tif (!this.state.newOrderLineComment.commentType) {\r\n\t\t\twarnings.push(\"To add comment, please select what comment applies to.\");\r\n\t\t}\r\n\t\tif (warnings.length) {\r\n\t\t\twindow.scroll(0, 0);\r\n\t\t\tthis.setState({ message: warnings.join(' '), messageFlavor: \"danger\" });\r\n\t\t}\r\n\t\treturn warnings.length === 0;\r\n\t}\r\n\r\n\tonSaveNote(forOrderLineStatus) {\r\n\t\tconst notes = this.state.orderLineCommentList.slice();\r\n\t\tlet commentToSave = Object.assign({}, this.state.newOrderLineComment);\r\n\t\tif (forOrderLineStatus) {\r\n\t\t\tcommentToSave = emptyOrderLineComment;\r\n\t\t\tcommentToSave = {\r\n\t\t\t\t...commentToSave,\r\n\t\t\t\tdsc: `${this.state.orderLine.orderLineStatus.label} on ${moment(this.state.backOrderOrShippedDate).format(\"M/DD/YY\")}`,\r\n\t\t\t\tcommentType: _.find(this.state.commentTypeList, c => c.label === \"Customer\"),\r\n\t\t\t\tisPrivate: false,\r\n\t\t\t\tlocal_id: -1 * (this.state.orderLine.commentCount + 1)\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tif (!this.isOrderLineCommentValid()) return;\r\n\t\t\tcommentToSave = {\r\n\t\t\t\t...commentToSave,\r\n\t\t\t\tlocal_id: -1 * (this.state.orderLine.commentCount + 1)\r\n\t\t\t}\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\tnewOrderLineComment: emptyOrderLineComment,\r\n\t\t\torderLineCommentList: [...notes, commentToSave],\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\tcommentCount: this.state.orderLine.commentCount + 1\r\n\t\t\t},\r\n\t\t\tshowOrderLineStatusModal: false,\r\n\t\t\tbackOrderOrShippedDate: null\r\n\t\t});\r\n\t}\r\n\r\n\tonEditComment(commentId) {\r\n\t\tconst indexToEdit = _.findIndex(this.state.orderLineCommentList, { local_id: commentId });\r\n\t\tlet tempList = _.cloneDeep(this.state.orderLineCommentList);\r\n\t\tconst snapshotItem = Object.assign({}, tempList[indexToEdit]);\r\n\t\ttempList[indexToEdit].isEditing = true;\r\n\t\ttempList[indexToEdit].pristine = snapshotItem;\r\n\t\tthis.setState({\r\n\t\t\torderLineCommentList: tempList\r\n\t\t});\r\n\t}\r\n\r\n\tupdateCommentDscField(fieldName, value, commentId) {\r\n\t\tconst tempList = this.state.orderLineCommentList.slice();\r\n\t\tconst comment = _.find(tempList, x => x.local_id === commentId);\r\n\t\tcomment[fieldName] = value;\r\n\t\tthis.setState({\r\n\t\t\torderLineCommentList: tempList\r\n\t\t});\r\n\t}\r\n\r\n\tupdateCommentTypeField(selection, commentId) {\r\n\t\tconst tempList = this.state.orderLineCommentList.slice();\r\n\t\tconst comment = _.find(tempList, x => x.local_id === commentId);\r\n\t\tcomment.commentType = {\r\n\t\t\tvalue: selection.value,\r\n\t\t\tlabel: selection.label\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\torderLineCommentList: tempList\r\n\t\t});\r\n\t}\r\n\r\n\tupdateCommentIsPrivateField(value, commentId) {\r\n\t\tconst tempList = this.state.orderLineCommentList.slice();\r\n\t\tconst comment = _.find(tempList, x => x.local_id === commentId);\r\n\t\tcomment.isPrivate = !comment.isPrivate;\r\n\t\tthis.setState({\r\n\t\t\torderLineCommentList: tempList\r\n\t\t});\r\n\t}\r\n\r\n\tonSaveEditedComment(commentId) {\r\n\t\tconst indexToEdit = _.findIndex(this.state.orderLineCommentList, { local_id: commentId });\r\n\t\tlet tempList = this.state.orderLineCommentList.slice();\r\n\t\ttempList[indexToEdit].isEditing = false;\r\n\t\tthis.setState({\r\n\t\t\torderLineCommentList: tempList,\r\n\t\t\tmessage: null,\r\n\t\t\tmessageFlavor: null\r\n\t\t});\r\n\t}\r\n\r\n\tonCancelEditComment(commentId) {\r\n\t\tconst indexToEdit = _.findIndex(this.state.orderLineCommentList, { local_id: commentId });\r\n\t\tlet tempList = this.state.orderLineCommentList.slice();\r\n\t\ttempList[indexToEdit] = Object.assign({}, tempList[indexToEdit].pristine);\r\n\t\tthis.setState({\r\n\t\t\torderLineCommentList: tempList,\r\n\t\t\tmessage: null,\r\n\t\t\tmessageFlavor: null\r\n\t\t});\r\n\t}\r\n\r\n\tonDeleteComment(commentId) {\r\n\t\tconst indexToEdit = _.findIndex(this.state.orderLineCommentList, { local_id: commentId });\r\n\t\tlet tempList = _.cloneDeep(this.state.orderLineCommentList);\r\n\t\ttempList[indexToEdit].markedForDeletion = true;\r\n\t\tthis.setState({\r\n\t\t\torderLineCommentList: tempList\r\n\t\t});\r\n\t}\r\n\r\n\tcancelAddOrUpdateOrderLine() {\r\n\t\tthis.setState({\r\n\t\t\torderLine: emptyOrderLine, // not updating agent's commission rate if add or update orderline is cancelled\r\n\t\t\torderLineCommentList: [],\r\n\t\t\tshowOrderLineForm: false,\r\n\t\t\teditingFreight: false,\r\n\t\t\teditingNotes: false,\r\n\t\t\tmessage: null,\r\n\t\t\tmessageFlavor: null\r\n\t\t});\r\n\t}\r\n\r\n\tisOrderLineFormValid() {\r\n\t\tconst warnings = [];\r\n\t\tif (!this.state.orderLine.orderLineType.value) {\r\n\t\t\twarnings.push(\"Line Type is required.\");\r\n\t\t}\r\n\t\tif (this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.CREDIT_CARD_SURCHARGE.value) {\r\n\t\t\tconst alreadyExists = _.find(this.state.orderLines, function (orderLine) {\r\n\t\t\t\treturn (orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.CREDIT_CARD_SURCHARGE.value &&\r\n\t\t\t\t\torderLine.deactivatedAt === null && orderLine.id)\r\n\t\t\t})\r\n\t\t\tif (alreadyExists && alreadyExists.id !== this.state.orderLine.id) {\r\n\t\t\t\twarnings.push(\"Credit Surcharge has already been applied.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.creditCardSurchargeRate) {\r\n\t\t\t\twarnings.push(\"Credit Card Surcharge rate is required.\");\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.SALES_TAX.value) {\r\n\t\t\tconst alreadyExists = _.find(this.state.orderLines, function (orderLine) {\r\n\t\t\t\treturn (orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.SALES_TAX.value &&\r\n\t\t\t\t\torderLine.deactivatedAt === null && orderLine.id)\r\n\t\t\t})\r\n\t\t\tif (alreadyExists && alreadyExists.id !== this.state.orderLine.id) {\r\n\t\t\t\twarnings.push(\"Sales tax has already been applied.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.taxRate) {\r\n\t\t\t\twarnings.push(\"Sales tax rate is required.\");\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.CARPET.value\r\n\t\t\t|| this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.BINDING.value\r\n\t\t\t|| this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.HARD_SURFACE.value\r\n\t\t\t|| this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.CARPET_TILE.value\r\n\t\t\t|| this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.RUG_PAD.value\r\n\t\t\t|| this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.MISCELLANEOUS.value\r\n\t\t\t|| this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.SAMPLE.value\r\n\t\t\t|| this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.ROLL_RUNNER.value\r\n\t\t\t|| this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.INTL_COLL_RUG.value) {\r\n\t\t\tif (!this.state.orderLine.product) {\r\n\t\t\t\twarnings.push(\"Product is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.dsc) {\r\n\t\t\t\twarnings.push(\"Description is required.\");\r\n\t\t\t}\r\n\t\t\tif (this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.CARPET.value\r\n\t\t\t\t|| this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.RUG_PAD.value) {\r\n\t\t\t\tif (!this.state.orderLine.width) {\r\n\t\t\t\t\twarnings.push(\"Width is required.\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif ((this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.CARPET.value && this.state.orderLine.priceUnitType.value !== constants.PRICE_UNIT_TYPE.EACH.value)\r\n\t\t\t\t|| this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.BINDING.value\r\n\t\t\t\t|| this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.ROLL_RUNNER.value\r\n\t\t\t\t|| this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.RUG_PAD.value) {\r\n\t\t\t\tif (!this.state.orderLine.lengthFeet) {\r\n\t\t\t\t\twarnings.push(\"Length (ft.) is required.\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.MISCELLANEOUS.value\r\n\t\t\t\t|| this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.SAMPLE.value) {\r\n\t\t\t\tif (!this.state.orderLine.qty) {\r\n\t\t\t\t\twarnings.push(\"Qty is required.\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.HARD_SURFACE.value ||\r\n\t\t\t\tthis.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.CARPET_TILE.value) {\r\n\t\t\t\tif (!this.state.orderLine.squareFeetRequired) {\r\n\t\t\t\t\twarnings.push(\"Sq. Units Required is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.cartonCount) {\r\n\t\t\t\t\twarnings.push(\"# Items is required.\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.unitCost) {\r\n\t\t\t\twarnings.push(\"Unit Cost is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.cost) {\r\n\t\t\t\twarnings.push(\"Total Cost is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.unitPrice) {\r\n\t\t\t\twarnings.push(\"Unit Price is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.price) {\r\n\t\t\t\twarnings.push(\"Price is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.cmsnRate) {\r\n\t\t\t\twarnings.push(\"Commission Rate is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.cmsn) {\r\n\t\t\t\twarnings.push(\"Commission is required.\");\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.state.editingFreight) {\r\n\t\t\tif (!this.state.orderLine.freightDsc) {\r\n\t\t\t\twarnings.push(\"Freight Description is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.freightCarrier) {\r\n\t\t\t\twarnings.push(\"Freight Carrier is required.\");\r\n\t\t\t}\r\n\t\t\t// if (!this.state.orderLine.freightTerms) {\r\n\t\t\t// warnings.push(\"Freight Terms is required.\");\r\n\t\t\t// }\r\n\t\t\t// if (!this.state.orderLine.freightSidemark) {\r\n\t\t\t// warnings.push(\"Freight Sidemark is required.\");\r\n\t\t\t// }\r\n\t\t\t// if (!this.state.orderLine.freightInvoiceNumber) {\r\n\t\t\t// warnings.push(\"Freight Invoice Number is required.\");\r\n\t\t\t// }\r\n\t\t\t// if (!this.state.orderLine.freightBolNumber) {\r\n\t\t\t// warnings.push(\"Freigh Bol Number is required.\");\r\n\t\t\t// }\r\n\t\t\tif (!this.state.orderLine.freightCost) {\r\n\t\t\t\twarnings.push(\"Freight Cost is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.freightPrice) {\r\n\t\t\t\twarnings.push(\"Freight Price is required.\");\r\n\t\t\t}\r\n\t\t\t// if (!this.state.orderLine.stContactEmail) {\r\n\t\t\t// \twarnings.push(\"Ship to email is not valid\");\r\n\t\t\t// }\r\n\t\t\t// if item is the parent to a deactivated freightOrderLine\r\n\t\t\t// const childItem = _.find(this.state.orderLines, (x) => {return (x.parentOrderLineId === this.state.orderLine.id && x.deactivatedAt !== null)});\r\n\t\t\t// if (childItem) {\r\n\t\t\t// warnings.push(\"This order line already has a freight order line associated with it. To edit it, please revive it first.\");\r\n\t\t\t// }\r\n\t\t}\r\n\t\tif (this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.RUG_FIELD.value\r\n\t\t\t|| this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.RUG_BORDER.value\r\n\t\t\t|| this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.RUG_MISCELLANEOUS.value) {\r\n\t\t\t\tif (!this.state.orderLine.rugDsc) {\r\n\t\t\t\t\twarnings.push(\"Rug Description is required.\");\r\n\t\t\t\t}\r\n\t\t}\r\n\t\tif (this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.RUG_FIELD.value) {\r\n\t\t\tif (!this.state.orderLine.selectedField) {\r\n\t\t\t\twarnings.push(\"Field Style is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.dsc) {\r\n\t\t\t\twarnings.push(\"Description is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.fieldCostPer) {\r\n\t\t\t\twarnings.push(\"Unit Cost is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.totalFieldCost) {\r\n\t\t\t\twarnings.push(\"Total Cost is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.fieldPricePer) {\r\n\t\t\t\twarnings.push(\"Unit Price is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.totalFieldPrice) {\r\n\t\t\t\twarnings.push(\"Price is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.fieldCmsnRate) {\r\n\t\t\t\twarnings.push(\"Commission Rate is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.fieldCmsn) {\r\n\t\t\t\twarnings.push(\"Commission is required.\");\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.RUG_BORDER.value) {\r\n\t\t\tif (!this.state.orderLine.selectedBorder) {\r\n\t\t\t\twarnings.push(\"Border Style is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.dsc) {\r\n\t\t\t\twarnings.push(\"Description is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.borderLengthFeet) {\r\n\t\t\t\twarnings.push(\"Border Length Feet is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.borderLengthInches) {\r\n\t\t\t\twarnings.push(\"Border Length Inches is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.borderCostPer) {\r\n\t\t\t\twarnings.push(\"Unit Cost is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.totalBorderCost) {\r\n\t\t\t\twarnings.push(\"Total Cost is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.borderPricePer) {\r\n\t\t\t\twarnings.push(\"Unit Price is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.totalBorderPrice) {\r\n\t\t\t\twarnings.push(\"Price is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.borderCmsnRate) {\r\n\t\t\t\twarnings.push(\"Commission Rate is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.borderCmsn) {\r\n\t\t\t\twarnings.push(\"Commission is required.\");\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (warnings.length) {\r\n\t\t\tthis.setState({ message: warnings.join(' '), messageFlavor: \"danger\" });\r\n\t\t}\r\n\t\treturn warnings.length === 0;\r\n\t}\r\n\r\n\tformatOrderLineForDto(orderLine) {\r\n\t\tlet formattedOrderLineForDto = {\r\n\t\t\tId: orderLine.id,\r\n\t\t\tOrderId: this.state.orderId,\r\n\t\t\tParentOrderLineId: null, // should always be null if not a freight order line?\r\n\t\t\tOrderLineTypeId: orderLine.orderLineType.value,\r\n\t\t\tDsc: orderLine.dsc,\r\n\t\t\tUnitCost: Number(orderLine.unitCost),\r\n\t\t\tCost: Number(orderLine.cost),\r\n\t\t\tUnitPrice: Number(orderLine.unitPrice),\r\n\t\t\tPrice: Number(orderLine.price),\r\n\t\t\tCmsnRate: orderLine.productAllowCommission ? Number(orderLine.cmsnRate) : 0,\r\n\t\t\tCmsn: orderLine.productAllowCommission ? Number(orderLine.cmsn) : 0,\r\n\t\t\tIsHidden: orderLine.isHidden,\r\n\t\t\tProductId: orderLine.product ? orderLine.product.value : null,\r\n\t\t\tProductColorId: orderLine.productColor ? orderLine.productColor.value : null,\r\n\t\t\tWidthId: orderLine.width ? orderLine.width.value : null,\r\n\t\t\tLengthFeet: orderLine.lengthFeet || orderLine.lengthFeet === 0 ? Number(orderLine.lengthFeet) : null,\r\n\t\t\tOrderLineStatusId: orderLine.orderLineStatus ? orderLine.orderLineStatus.value : constants.ORDER_LINE_STATUS.NA.value,\r\n\t\t\tPriceUnitTypeId: orderLine.priceUnitType ? orderLine.priceUnitType.value : null,\r\n\t\t\tSquareFeetRequired: orderLine.squareFeetRequired ? Number(orderLine.squareFeetRequired) : null,\r\n\t\t\tRugSize: orderLine.rugSize,\r\n\t\t\tFinishedSize: orderLine.finishedSize.label,\r\n\t\t\tRugLengthFeet: orderLine.RugLengthFeet ? Number(orderLine.rugLengthFeet) : null,\r\n\t\t\tRugLengthInches: orderLine.RugLengthInches ? Number(orderLine.rugLengthInches) : null,\r\n\t\t\tRugWidthFeet: orderLine.RugWidthFeet ? Number(orderLine.rugWidthFeet) : null,\r\n\t\t\tRugWidthInches: orderLine.RugWidthInches ? Number(orderLine.rugWidthInches) : null,\r\n\t\t\tRugTypeId: orderLine.rugType ? orderLine.rugType.value : null,\r\n\t\t\tRugIntlCollectionId: orderLine.rugIntlCollection ? orderLine.rugIntlCollection.value : null,\r\n\t\t\tRugIntlSizeId: orderLine.rugIntlSize ? orderLine.rugIntlSize.value : null,\r\n\t\t\tCreatedAt: moment(),\r\n\t\t\tCreatedByUserId: this.props.currentUser.id,\r\n\t\t\tCreditCardSurchargeRate: orderLine.CreditCardSurchargeRate ? Number(orderLine.creditCardSurchargeRate) : null,\r\n\t\t\tTaxRate: Number(orderLine.taxRate),\r\n\t\t\tQty: orderLine.qty ? Number(orderLine.qty) : null,\r\n\t\t\tcartonCount: orderLine.cartonCount ? Number(orderLine.cartonCount) : null\r\n\t\t};\r\n\t\tif (this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.CREDIT_CARD_SURCHARGE.value) {\r\n\t\t\tlet surchargePrice = parseFloat(this.state.totalWithoutCreditCardSurcharge) * (parseFloat(orderLine.creditCardSurchargeRate) / 100.0);\r\n\t\t\tformattedOrderLineForDto = {\r\n\t\t\t\t...formattedOrderLineForDto,\r\n\t\t\t\tUnitCost: 0,\r\n\t\t\t\tCost: 0,\r\n\t\t\t\tUnitPrice: 0,\r\n\t\t\t\tPrice: Number(surchargePrice), //Number(this.state.orderLine.price), 114.0675\r\n\t\t\t\tCmsnRate: 0,\r\n\t\t\t\tCmsn: 0,\r\n\t\t\t\tTaxRate: 0,\r\n\t\t\t\tCreditCardSurchargeRate: Number(orderLine.creditCardSurchargeRate),\r\n\t\t\t\tDsc: 'Credit Card Surcharge'\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.SALES_TAX.value) {\r\n\t\t\tlet taxRatePrice = (parseFloat(orderLine.taxRate) / 100.0) * parseFloat(this.state.sumOfTaxableItems);\r\n\t\t\tformattedOrderLineForDto = {\r\n\t\t\t\t...formattedOrderLineForDto,\r\n\t\t\t\tUnitCost: 0,\r\n\t\t\t\tCost: Number(taxRatePrice), //0,\r\n\t\t\t\tUnitPrice: 0,\r\n\t\t\t\tPrice: Number(taxRatePrice), //Number(this.state.orderLine.price),\r\n\t\t\t\tCmsnRate: 0,\r\n\t\t\t\tCmsn: 0,\r\n\t\t\t\tTaxRate: Number(orderLine.taxRate),\r\n\t\t\t\tCreditCardSurchargeRate: 0,\r\n\t\t\t\tDsc: 'Sales Tax'\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn formattedOrderLineForDto;\r\n\t}\r\n\r\n\tformatFreightOrderLineForDto(orderLine) {\r\n\t\tconst formattedOrderLineForDto = {\r\n\t\t\tId: orderLine.freightOrderLineId,\r\n\t\t\tOrderId: this.state.orderId,\r\n\t\t\tParentOrderLineId: orderLine.parentOrderLineId\r\n\t\t\t\t? COMPONENT_ORDER_LINE_TYPES.includes(orderLine.orderLineType.value)\r\n\t\t\t\t\t? orderLine.id\r\n\t\t\t\t\t: orderLine.parentOrderLineId\r\n\t\t\t\t: null, // null if parent order line being created at same time\r\n\t\t\tOrderLineTypeId: constants.ORDER_LINE_TYPE.FREIGHT.value,\r\n\t\t\tDsc: orderLine.freightDsc,\r\n\t\t\tUnitCost: 0,\r\n\t\t\tCost: Number(orderLine.freightCost),\r\n\t\t\tUnitPrice: 0,\r\n\t\t\tPrice: Number(orderLine.freightPrice),\r\n\t\t\tCmsnRate: 0,\r\n\t\t\tCmsn: 0,\r\n\t\t\tIsHidden: orderLine.isHidden,\r\n\t\t\tCreatedAt: moment(),\r\n\t\t\tCreatedByUserId: this.props.currentUser.id,\r\n\t\t\tTaxRate: Number(orderLine.taxRate),\r\n\t\t\tFreightCarrierId: orderLine.freightCarrier ? orderLine.freightCarrier.value : null,\r\n\t\t\tFreightSidemark: orderLine.freightSidemark,\r\n\t\t\tFreightInvoiceNumber: orderLine.freightInvoiceNumber,\r\n\t\t\tFreightBolNumber: orderLine.freightBolNumber,\r\n\t\t\tFreightTermsId: orderLine.freightTerms ? orderLine.freightTerms.value : null,\r\n\t\t\tSTContactFirstName: orderLine.stContactFirstName,\r\n\t\t\tSTContactLastName: orderLine.stContactLastName,\r\n\t\t\tSTContactEmail: orderLine.stContactEmail,\r\n\t\t\tSTAddressLine1: orderLine.stAddressLine1,\r\n\t\t\tSTAddressLine2: orderLine.stAddressLine2,\r\n\t\t\tSTAddressLine3: orderLine.stAddressLine3,\r\n\t\t\tSTAddressLine4: orderLine.stAddressLine4,\r\n\t\t\tSTCity: orderLine.stCity,\r\n\t\t\tSTState: orderLine.stState,\r\n\t\t\tSTZip: orderLine.stZip,\r\n\t\t\tSTPhone: orderLine.stPhone\r\n\t\t}\r\n\t\treturn formattedOrderLineForDto;\r\n\t}\r\n\r\n\tformatOrderLineCommentsForDto(orderLineComments, orderLineId) {\r\n\t\tconst orderLineCommentList = [];\r\n\t\t_.map(orderLineComments,\r\n\t\t\tx => {\r\n\t\t\t\tconst comment = {\r\n\t\t\t\t\tId: x.id,\r\n\t\t\t\t\tDsc: x.dsc,\r\n\t\t\t\t\tOrderLineId: orderLineId,\r\n\t\t\t\t\tTypeOfComment: x.commentType.value,\r\n\t\t\t\t\t// CommentTypeId: x.commentType.value,\r\n\t\t\t\t\tIsPrivate: x.isPrivate,\r\n\t\t\t\t\tCreatedAt: moment(),\r\n\t\t\t\t\tCreatedByUserId: this.props.currentUser.id,\r\n\t\t\t\t\tMarkedForDeletion: x.markedForDeletion\r\n\t\t\t\t};\r\n\t\t\t\torderLineCommentList.push(comment);\r\n\t\t\t});\r\n\t\treturn orderLineCommentList;\r\n\t}\r\n\r\n\tasync saveOrderLine() {\r\n\t\twindow.scroll(0, 0);\r\n\t\tif (this.state.customRugToViewEdit) { // orderLine to update is a custom rug component\r\n\t\t\tif (!this.isOrderLineFormValid()) return;\r\n\t\t\tlet orderLine;\r\n\t\t\tswitch (this.state.orderLine.orderLineType.value) {\r\n\t\t\t\tcase constants.ORDER_LINE_TYPE.RUG_FIELD.value:\r\n\t\t\t\t\torderLine = this.parseFieldLine().OrderLine;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase constants.ORDER_LINE_TYPE.RUG_BORDER.value:\r\n\t\t\t\t\torderLine = this.parseBorderLine().OrderLine;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase constants.ORDER_LINE_TYPE.RUG_MISCELLANEOUS.value:\r\n\t\t\t\t\tlet productId = this.state.orderLine && this.state.orderLine.product ? this.state.orderLine.product.value : 0;\r\n\t\t\t\t\torderLine = this.parseMiscLine(\r\n\t\t\t\t\t\tthis.state.orderLine.unitCost,\r\n\t\t\t\t\t\tthis.state.orderLine.cost,\r\n\t\t\t\t\t\tthis.state.orderLine.unitPrice,\r\n\t\t\t\t\t\tthis.state.orderLine.price,\r\n\t\t\t\t\t\tthis.state.orderLine.cmsn,\r\n\t\t\t\t\t\tthis.state.orderLine.cmsnRate,\r\n\t\t\t\t\t\tthis.state.orderLine.dsc,\r\n\t\t\t\t\t\tproductId,\r\n\t\t\t\t\t\tthis.state.orderLine.qty).OrderLine;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tconsole.log('unknown rug component type: ', this.state.orderLine.orderLineType.value);\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\r\n\t\t\tlet freightOrderLine = null;\r\n\t\t\tif (this.state.editingFreight) {\r\n\t\t\t\tfreightOrderLine = this.formatFreightOrderLineForDto(this.state.orderLine);\r\n\t\t\t} else {\r\n\t\t\t\tconst childItem = _.find(this.state.customRugToViewEdit.componentLines, function (x) { return (x.parentOrderLineId === orderLine.Id && x.deactivatedAt === null) });\r\n\t\t\t\tif (childItem) { // if item is the parent to a freightOrderLine\r\n\t\t\t\t\tapi.post(`Order/DeleteOrderLine/${childItem.id}`)\r\n\t\t\t\t\t\t.catch(helpers.catchHandler);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tconst orderLineComments = this.formatOrderLineCommentsForDto(this.state.orderLineCommentList, orderLine.id);\r\n\t\t\tconst componentOrderLine = {\r\n\t\t\t\tOrderLine: orderLine,\r\n\t\t\t\tOrderLineComments: orderLineComments,\r\n\t\t\t\tFreightOrderLine: freightOrderLine\r\n\t\t\t};\r\n\t\t\tconst rugOrderLine = {\r\n\t\t\t\tOrderLine: {\r\n\t\t\t\t\tId: this.state.customRugToViewEdit.id,\r\n\t\t\t\t\tOrderId: this.state.orderId,\r\n\t\t\t\t\tParentOrderLineId: null,\r\n\t\t\t\t\tOrderLineTypeId: constants.ORDER_LINE_TYPE.CUSTOM_RUG.value,\r\n\t\t\t\t\tDsc: this.state.orderLine.rugDsc,\r\n\t\t\t\t\tIsHidden: false,\r\n\t\t\t\t\tCreatedAt: moment(),\r\n\t\t\t\t\tCreatedByUserId: this.props.currentUser.id,\r\n\t\t\t\t\tCmsnRate: 0,\r\n\t\t\t\t\tCmsn: 0,\r\n\t\t\t\t\tUnitCost: 0,\r\n\t\t\t\t\tCost: 0,\r\n\t\t\t\t\tPriceUnitTypeId: constants.PRICE_UNIT_TYPE.EACH.value,\r\n\t\t\t\t\tUnitPrice: 0,\r\n\t\t\t\t\tPrice: 0,\r\n\t\t\t\t\tRugLengthFeet: Number(this.state.orderLine.rugLengthFeet),\r\n\t\t\t\t\tRugLengthInches: Number(this.state.orderLine.rugLengthInches),\r\n\t\t\t\t\tRugWidthFeet: Number(this.state.orderLine.rugWidthFeet),\r\n\t\t\t\t\tRugWidthInches: Number(this.state.orderLine.rugWidthInches),\r\n\t\t\t\t\tFinishedSize: this.state.orderLine.finishedSize \r\n\t\t\t\t\t\t? this.state.orderLine.finishedSize.label\r\n\t\t\t\t\t\t: null,\r\n\t\t\t\t\t// FinishedSize: this.state.orderLine.rugWidthFeet + \"\\' \" + this.state.orderLine.rugWidthInches + \"\\\" x \" + this.state.orderLine.rugLengthFeet + \"\\' \" + this.state.orderLine.rugLengthInches + \"\\\"\" // should this be from presets?\r\n\t\t\t\t\tRugShapeId: this.state.orderLine.rugShape \r\n\t\t\t\t\t\t? this.state.orderLine.rugShape.value \r\n\t\t\t\t\t\t: null,\r\n\t\t\t\t\tForOutdoorUse: this.state.orderLine.forOutdoorUse\r\n\t\t\t\t},\r\n\t\t\t\tFreightOrderLine: null,\r\n\t\t\t\tOrderLineComments: []\r\n\t\t\t};\r\n\t\t\tconst payload = {\r\n\t\t\t\tRugOrderLine: rugOrderLine,\r\n\t\t\t\tComponentOrderLine: componentOrderLine\r\n\t\t\t};\r\n\t\t\tapi.post(\"Order/SaveCustomRugComponent\", payload)\r\n\t\t\t\t.then(response => {\r\n\t\t\t\t\tif (response.data.success) {\r\n\t\t\t\t\t\tthis.getOrderLines(this.state.orderId);\r\n\t\t\t\t\t\tthis.getOrderFulfillments(this.state.orderId);\r\n\t\t\t\t\t\tthis.cancelAddOrUpdateOrderLine();\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.setState({ messageFlavor: \"danger\", message: response.data.message });\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.catch(helpers.catchHandler);\r\n\t\t} else {\r\n\t\t\tif (!this.isOrderLineFormValid()) return;\r\n\t\t\tlet isSaving = true;\r\n\t\t\tawait this.calculateFigures(isSaving);\r\n\t\t\tconst orderLine = this.formatOrderLineForDto(this.state.orderLine);\r\n\t\t\tlet freightOrderLine = null;\r\n\t\t\tif (this.state.editingFreight) {\r\n\t\t\t\tfreightOrderLine = this.formatFreightOrderLineForDto(this.state.orderLine);\r\n\t\t\t} else {\r\n\t\t\t\tconst childItem = _.find(this.state.orderLines, function (x) { return (x.parentOrderLineId === orderLine.Id && x.deactivatedAt === null) });\r\n\t\t\t\tif (childItem) { // if item is the parent to a freightOrderLine\r\n\t\t\t\t\tapi.post(`Order/DeleteOrderLine/${childItem.id}`)\r\n\t\t\t\t\t\t.catch(helpers.catchHandler);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tconst orderLineComments = this.formatOrderLineCommentsForDto(this.state.orderLineCommentList, orderLine.id);\r\n\t\t\tconst payload = {\r\n\t\t\t\tOrderLine: orderLine,\r\n\t\t\t\tOrderLineComments: orderLineComments,\r\n\t\t\t\tFreightOrderLine: freightOrderLine\r\n\t\t\t};\r\n\t\t\tapi.post(\"Order/SaveOrderLine\", payload)\r\n\t\t\t\t.then(response => {\r\n\t\t\t\t\tif (response.data.success) {\r\n\t\t\t\t\t\tthis.getOrderLines(this.state.orderId);\r\n\t\t\t\t\t\tthis.getOrderFulfillments(this.state.orderId);\r\n\t\t\t\t\t\tthis.cancelAddOrUpdateOrderLine();\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.setState({ messageFlavor: \"danger\", message: response.data.message });\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.catch(helpers.catchHandler);\r\n\t\t}\r\n\t}\r\n\r\n\tmergeOrderLine(item, parentItem) {\r\n\t\tconst mergedOrderLine = {\r\n\t\t\tid: item.parentOrderLineId,\r\n\t\t\tfreightOrderLineId: item.id,\r\n\t\t\torderId: parentItem.orderId,\r\n\t\t\t// parentOrderLineId: parentItem.orderLineType.value == constants.ORDER_LINE_TYPE.RUG_FIELD.value ? parentItem.parentOrderLineId : parentItem.id,\r\n\t\t\tparentOrderLineId: COMPONENT_ORDER_LINE_TYPES.includes(parentItem.orderLineType.value) ? parentItem.parentOrderLineId : parentItem.id,\r\n\t\t\t// parentOrderLineId: parentItem.id,\r\n\t\t\torderLineType: parentItem.orderLineType,\r\n\t\t\tdsc: parentItem.dsc,\r\n\t\t\tunitCost: parentItem.unitCost,\r\n\t\t\tcost: parentItem.cost,\r\n\t\t\tunitPrice: parentItem.unitPrice,\r\n\t\t\tprice: parentItem.price,\r\n\t\t\tcmsnRate: parentItem.cmsnRate,\r\n\t\t\tcmsn: parentItem.cmsn,\r\n\t\t\tisHidden: parentItem.isHidden,\r\n\t\t\tproduct: parentItem.product,\r\n\t\t\tproductColor: parentItem.productColor,\r\n\t\t\tlengthFeet: parentItem.lengthFeet,\r\n\t\t\torderLineStatus: parentItem.orderLineStatus,\r\n\t\t\tpriceUnitType: parentItem.priceUnitType,\r\n\t\t\tsquareFeetRequired: parentItem.squareFeetRequired,\r\n\t\t\tcreditCardSurchargeRate: null,\r\n\t\t\ttaxRate: parentItem.taxRate,\r\n\t\t\trugIntlCollection: parentItem.rugIntlCollection,\r\n\t\t\trugIntlSize: parentItem.rugIntlSize,\r\n\t\t\tcreatedAt: parentItem.createdAt,\r\n\t\t\tcreatedByUserId: parentItem.createdByUserId,\r\n\t\t\tupdatedByUserId: parentItem.updatedByUserId,\r\n\t\t\twidth: parentItem.width,\r\n\t\t\tqty: parentItem.qty,\r\n\t\t\tcartonCount: parentItem.cartonCount,\r\n\t\t\tsquareFeetPerCarton: parentItem.squareFeetPerCarton,\r\n\t\t\tperContainer: parentItem.perContainer,\r\n\t\t\t// custom rug stuff:\r\n\t\t\trugSize: parentItem.rugSize,\r\n\t\t\tfinishedSize: parentItem.finishedSize,\r\n\t\t\trugLengthFeet: parentItem.rugLengthFeet,\r\n\t\t\trugLengthInches: parentItem.rugLengthInches,\r\n\t\t\trugWidthFeet: parentItem.rugWidthFeet,\r\n\t\t\trugWidthInches: parentItem.rugWidthInches,\r\n\t\t\trugDsc: parentItem.rugDsc,\r\n\t\t\tsqFt: parentItem.sqFt,\r\n\t\t\tfinishedEdgeFt: parentItem.finishedEdgeFt,\r\n\t\t\trugType: parentItem.rugType,\r\n\t\t\t// field stuff (used for local calculations):\r\n\t\t\tfieldLengthFeet: parentItem.fieldLengthFeet,\r\n\t\t\tfieldLengthInches: parentItem.fieldLengthInches,\r\n\t\t\tselectedField: parentItem.selectedField,\r\n\t\t\tselectedFieldColor: parentItem.selectedFieldColor,\r\n\t\t\tselectedFieldWidth: parentItem.selectedFieldWidth,\r\n\t\t\t// fieldDsc: parentItem.dsc,\r\n\t\t\tfieldCmsnRate: parentItem.cmsnRate,\r\n\t\t\tfieldCmsn: parentItem.cmsn,\r\n\t\t\tfieldCostPer: parentItem.unitCost,\r\n\t\t\ttotalFieldCost: parentItem.cost,\r\n\t\t\tfieldPricePer: parentItem.unitPrice,\r\n\t\t\ttotalFieldPrice: parentItem.price,\r\n\t\t\tfieldPriceUnitType: parentItem.priceUnitType,\r\n\t\t\ttotalFieldUnits: parentItem.qty,\r\n\t\t\tfieldRun: parentItem.run,\r\n\t\t\tappliedFieldRepeat: parentItem.repeatNumeric,\r\n\t\t\trepeatDsc: parentItem.repeatDsc,\r\n\t\t\t//freight:\r\n\t\t\tfreightCarrier: item.freightCarrier,\r\n\t\t\tfreightSidemark: item.freightSidemark,\r\n\t\t\tfreightInvoiceNumber: item.freightInvoiceNumber,\r\n\t\t\tfreightBolNumber: item.freightBolNumber,\r\n\t\t\tfreightDsc: item.dsc,\r\n\t\t\tfreightTerms: item.freightTerms,\r\n\t\t\tfreightCost: item.cost,\r\n\t\t\tfreightPrice: item.price,\r\n\t\t\tstContactFirstName: item.stContactFirstName,\r\n\t\t\tstContactLastName: item.stContactLastName,\r\n\t\t\tstContactEmail: item.stContactEmail,\r\n\t\t\tstAddressLine1: item.stAddressLine1,\r\n\t\t\tstAddressLine2: item.stAddressLine2,\r\n\t\t\tstAddressLine3: item.stAddressLine3,\r\n\t\t\tstAddressLine4: item.stAddressLine4,\r\n\t\t\tstCity: item.stCity,\r\n\t\t\tstState: item.stState,\r\n\t\t\tstZip: item.stZip,\r\n\t\t\tstPhone: item.stPhone,\r\n\t\t\tcommentCount: parentItem.commentCount,\r\n\t\t\trugShape: parentItem.rugShape,\r\n\t\t\tforOutdoorUse: parentItem.forOutdoorUse\r\n\t\t}\r\n\t\treturn mergedOrderLine\r\n\t}\r\n\r\n\tupdateOrderLine(item) {\r\n\t\twindow.scroll(0, 0);\r\n\t\tif (this.state.customRugToViewEdit) { // orderLine to update is a custom rug component\r\n\t\t\tif (item.orderLineType.value !== constants.ORDER_LINE_TYPE.FREIGHT.value) {\r\n\t\t\t\titem = this.transformItemToRugComponentOrderLine(item);\r\n\t\t\t}\r\n\r\n\t\t\tlet mergedOrderLine;\r\n\t\t\tlet orderLineCommentList = item.orderLineComments.slice();\r\n\r\n\t\t\t// if item is the parent to a freightOrderLine\r\n\t\t\tconst childItem = _.find(this.state.customRugToViewEdit.componentLines, function (x) { return (x.parentOrderLineId === item.id && x.deactivatedAt === null) });\r\n\t\t\tif (childItem) {\r\n\t\t\t\tconst parentItem = Object.assign({}, item);\r\n\t\t\t\tmergedOrderLine = Object.assign({}, this.mergeOrderLine(childItem, parentItem));\r\n\t\t\t}\r\n\r\n\t\t\t// if item is a freightOrderLine and has a parent orderLine associated with it\r\n\t\t\tif (item.parentOrderLineId && item.orderLineType.value === constants.ORDER_LINE_TYPE.FREIGHT.value) {\r\n\t\t\t\tlet parentItem = _.find(this.state.customRugToViewEdit.componentLines, function (x) { return x.id === item.parentOrderLineId });\r\n\t\t\t\tif (parentItem) {\r\n\t\t\t\t\tparentItem = this.transformItemToRugComponentOrderLine(parentItem);\r\n\t\t\t\t\tmergedOrderLine = Object.assign({}, this.mergeOrderLine(item, parentItem));\r\n\t\t\t\t\torderLineCommentList = parentItem.orderLineComments.slice();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tthis.setState({\r\n\t\t\t\torderLine: mergedOrderLine ? mergedOrderLine : item,\r\n\t\t\t\torderLineCommentList: orderLineCommentList,\r\n\t\t\t\tshowOrderLineForm: true,\r\n\t\t\t\teditingFreight: (item.parentOrderLineId && item.orderLineType.value === constants.ORDER_LINE_TYPE.FREIGHT.value || childItem) ? true : false,\t// display Freight section if order line has freight info saved\r\n\t\t\t\teditingNotes: orderLineCommentList.length > 0 ? true : false, \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// display Notes section if order line has notes saved\r\n\t\t\t}, () => {\r\n\t\t\t\tthis.fetchAppropiateDataForSelects(mergedOrderLine ? mergedOrderLine : item);\r\n\t\t\t});\r\n\r\n\r\n\t\t} else { // orderLine to update does not belong to a custom rug\r\n\t\t\tlet mergedOrderLine;\r\n\t\t\tlet orderLineCommentList = item.orderLineComments.slice();\r\n\r\n\t\t\t// if item is the parent to a freightOrderLine\r\n\t\t\tconst childItem = _.find(this.state.orderLines, function (x) { return (x.parentOrderLineId === item.id && x.deactivatedAt === null) });\r\n\t\t\tif (childItem) {\r\n\t\t\t\tconst parentItem = Object.assign({}, item);\r\n\t\t\t\tmergedOrderLine = Object.assign({}, this.mergeOrderLine(childItem, parentItem));\r\n\t\t\t}\r\n\r\n\t\t\t// if item is a freightOrderLine and has a parent orderLine associated with it\r\n\t\t\tif (item.parentOrderLineId) {\r\n\t\t\t\tconst parentItem = _.find(this.state.orderLines, function (x) { return x.id === item.parentOrderLineId });\r\n\t\t\t\tmergedOrderLine = Object.assign({}, this.mergeOrderLine(item, parentItem));\r\n\t\t\t\torderLineCommentList = parentItem.orderLineComments.slice();\r\n\t\t\t}\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\torderLine: mergedOrderLine ? mergedOrderLine : item,\r\n\t\t\t\torderLineCommentList: orderLineCommentList,\r\n\t\t\t\tshowOrderLineForm: true,\r\n\t\t\t\teditingFreight: (item.parentOrderLineId || childItem) ? true : false,\t\t// display Freight section if order line has freight info saved\r\n\t\t\t\teditingNotes: orderLineCommentList.length > 0 ? true : false,\t\t\t\t\t\t\t// display Notes section if order line has notes saved\r\n\t\t\t}, () => {\r\n\t\t\t\tthis.fetchAppropiateDataForSelects(mergedOrderLine ? mergedOrderLine : item);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\r\n\ttransformItemToRugComponentOrderLine(item) {\r\n\t\tlet { sqFt, finishedEdgeFt } = calc.calculateSqFeetAndFinEdgeFt(\r\n\t\t\tthis.state.customRugToViewEdit.rugLengthFeet,\r\n\t\t\tthis.state.customRugToViewEdit.rugLengthInches,\r\n\t\t\tthis.state.customRugToViewEdit.rugWidthFeet,\r\n\t\t\tthis.state.customRugToViewEdit.rugWidthInches);\r\n\t\titem.sqFt = sqFt;\r\n\t\titem.finishedEdgeFt = finishedEdgeFt;\r\n\t\titem.rugLengthFeet = this.state.customRugToViewEdit.rugLengthFeet.toString();\t\t\t// needed for local fuctions to work\r\n\t\titem.rugLengthInches = this.state.customRugToViewEdit.rugLengthInches.toString(); // needed for local fuctions to work\r\n\t\titem.rugWidthFeet = this.state.customRugToViewEdit.rugWidthFeet.toString();\t\t\t\t// needed for local fuctions to work\r\n\t\titem.rugWidthInches = this.state.customRugToViewEdit.rugWidthInches.toString();\t\t// needed for local fuctions to work\r\n\t\titem.rugShape = this.state.customRugToViewEdit.rugShape;\r\n\t\titem.forOutdoorUse = this.state.customRugToViewEdit.forOutdoorUse;\r\n\t\titem.rugDsc = this.state.customRugToViewEdit.dsc;\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// needed for local fuctions to work\r\n\r\n\t\tswitch (item.orderLineType.value) {\r\n\t\t\tcase constants.ORDER_LINE_TYPE.RUG_FIELD.value:\r\n\t\t\tcase constants.ORDER_LINE_TYPE.FREIGHT.value:\r\n\t\t\t\t// item.fieldLengthFeet = Math.floor(item.lengthFeet);\r\n\t\t\t\t// item.fieldLengthInches = Math.round((item.fieldLengthInches ? item.fieldLengthInches : 0 * 12) % 1) // this is calculated elsewhere but not on orderline load so\r\n\r\n\t\t\t\titem.fieldLengthFeet = Math.floor(item.lengthFeet);\r\n\t\t\t\tlet inchesDec = item.lengthFeet - item.fieldLengthFeet;\r\n\t\t\t\titem.fieldLengthInches = (inchesDec * 12).toFixed(0); // this is calculated elsewhere but not on orderline load so\r\n\t\t\t\titem.selectedField = Object.assign({}, item.product);\r\n\t\t\t\titem.selectedFieldColor = item.productColor ? Object.assign({}, item.productColor) : null;\r\n\t\t\t\titem.selectedFieldWidth = Object.assign({}, item.width);\r\n\t\t\t\t// item.fieldDsc = helpers.nullableString(item.dsc);\r\n\t\t\t\titem.fieldCmsnRate = item.cmsnRate;\r\n\t\t\t\titem.fieldCmsn = item.cmsn;\r\n\t\t\t\titem.fieldCostPer = item.unitCost;\r\n\t\t\t\titem.totalFieldCost = item.cost;\r\n\t\t\t\titem.fieldPricePer = item.unitPrice;\r\n\t\t\t\titem.totalFieldPrice = item.price;\r\n\t\t\t\titem.fieldPriceUnitType = item.priceUnitType ? Object.assign({}, item.priceUnitType) : null;\r\n\t\t\t\titem.totalFieldUnits = item.qty;\r\n\t\t\t\titem.fieldRun = item.run;\r\n\t\t\t\titem.appliedFieldRepeat = item.repeatNumeric;\r\n\t\t\tcase constants.ORDER_LINE_TYPE.RUG_BORDER.value:\r\n\t\t\tcase constants.ORDER_LINE_TYPE.FREIGHT.value:\r\n\t\t\t\titem.borderLengthFeet = Math.floor(item.lengthFeet);\r\n\t\t\t\tlet inchesDec2 = item.lengthFeet - item.borderLengthFeet;\r\n\t\t\t\titem.borderLengthInches = (inchesDec2 * 12).toFixed(0); // this is calculated elsewhere but not on orderline load so\r\n\t\t\t\titem.selectedBorder = Object.assign({}, item.product);\r\n\t\t\t\titem.selectedBorderColor = Object.assign({}, item.productColor);\r\n\t\t\t\titem.selectedBorderWidth = Object.assign({}, item.width);\r\n\t\t\t\t// item.borderDsc = helpers.nullableString(item.dsc);\r\n\t\t\t\titem.borderCmsnRate = item.cmsnRate;\r\n\t\t\t\titem.borderCmsn = item.cmsn;\r\n\t\t\t\titem.borderCostPer = item.unitCost;\r\n\t\t\t\titem.totalBorderCost = item.cost;\r\n\t\t\t\titem.borderPricePer = item.unitPrice;\r\n\t\t\t\titem.totalBorderPrice = item.price;\r\n\t\t\t\titem.borderPriceUnitType = item.priceUnitType ? Object.assign({}, item.priceUnitType) : null;\r\n\t\t\t\titem.totalBorderUnits = item.qty;\r\n\t\t\t\t// item.borderRun = item.run;\r\n\t\t\t\t// item.appliedBorderRepeat = item.repeatNumeric;\r\n\t\t\t\tbreak;\r\n\t\t\tcase constants.ORDER_LINE_TYPE.RUG_MISCELLANEOUS.value:\r\n\t\t\t// break;\r\n\t\t\tdefault:\r\n\t\t\t// code block\r\n\t\t}\r\n\t\treturn item;\r\n\t}\r\n\r\n\tasync fetchAppropiateDataForSelects(orderLine) { // fetch appropriate data for selects for product to be updated\r\n\t\tlet productAllowCommission;\r\n\t\tlet volumeCost;\r\n\t\tlet volumePrice;\r\n\t\tlet nonVolumeUnitCost;\r\n\t\tlet nonVolumeUnitPrice;\r\n\t\tlet rollSize;\r\n\t\tlet productsList = [];\r\n\t\tlet productColorsList = [];\r\n\t\tlet widthsList = [];\r\n\t\t// let collectionList = [];\r\n\t\t// let collectionProductsList = [];\r\n\t\tlet rugIntlSizeList = [];\r\n\t\tlet repeatLength = 0;\r\n\t\tlet repeatWidth = 0;\r\n\t\tlet repeatDsc = \"\";\r\n\t\tlet productType = this.getOrderLineCorrespondingProductType(orderLine.orderLineType.value);\r\n\t\tif (orderLine.product) {\r\n\t\t\tawait api.fetch(`Product/GetProductWithOrder/${orderLine.product.value}/${this.state.orderId}`) // TODO: make new api to fetch only this property\r\n\t\t\t.then(response => {\r\n\t\t\t\tproductAllowCommission = response.data.allowCommission;\r\n\t\t\t\tvolumeCost = _.round(response.data.volumeCost, 2).toFixed(2);\t\t// not saved on orderline, only used for volume calculations\r\n\t\t\t\tvolumePrice = _.round(response.data.volumePrice, 2).toFixed(2);\r\n\t\t\t\tnonVolumeUnitCost= _.round(response.data.unitCost, 2).toFixed(2);\r\n\t\t\t\tnonVolumeUnitPrice= _.round(response.data.unitPrice, 2).toFixed(2);\r\n\t\t\t\tnonVolumeUnitCost= _.round(response.data.unitCost, 2).toFixed(2);\r\n\t\t\t\tnonVolumeUnitPrice= _.round(response.data.unitPrice, 2).toFixed(2);\r\n\t\t\t\trepeatLength = _.round(response.data.repeatLength, 2).toFixed(2);\r\n\t\t\t\trepeatWidth = _.round(response.data.repeatWidth, 2).toFixed(2);\r\n\t\t\t\trollSize = response.data.rollSize;\r\n\t\t\t\trepeatDsc = response.data.repeat;\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\t\t}\r\n\t\tif (orderLine.orderLineType.value !== constants.ORDER_LINE_TYPE.INTL_COLL_RUG.value) {\r\n\t\t\tawait api.fetch(`Order/GetProductsOfProductType/${productType}`)\r\n\t\t\t\t.then(response => {\r\n\t\t\t\t\tproductsList = response.data;\r\n\t\t\t\t});\r\n\r\n\t\t\tif (orderLine.product) { // some orderLines don't have a product apparently\r\n\t\t\t\tawait api.fetch(`Product/GetProductWidths/${orderLine.product.value}`)\r\n\t\t\t\t\t.then(response => {\r\n\t\t\t\t\t\twidthsList = _.map(response.data, w => {\r\n\t\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t\tvalue: w.widthId,\r\n\t\t\t\t\t\t\t\tlabel: w.widthName,\r\n\t\t\t\t\t\t\t\twidthNumericFeet: w.widthNumericFeet\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\t.catch(helpers.catchHandler);\r\n\r\n\t\t\t\tawait api.fetch(`Order/GetActiveProductColors/${orderLine.product.value}`)\r\n\t\t\t\t\t.then(response => {\r\n\t\t\t\t\t\tproductColorsList = response.data;\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(helpers.catchHandler);\r\n\t\t\t}\r\n\t\t\tthis.setState({\r\n\t\t\t\tproductsList: productsList,\r\n\t\t\t\tproductColorsList: productColorsList ? productColorsList : null,\r\n\t\t\t\torderLine: {\r\n\t\t\t\t\t...orderLine,\r\n\t\t\t\t\twidthsList: widthsList ? widthsList : null,\r\n\t\t\t\t\tproductAllowCommission: productAllowCommission,\r\n\t\t\t\t\tvolumeCost: volumeCost,\r\n\t\t\t\t\tvolumePrice: volumePrice,\r\n\t\t\t\t\trollSize: rollSize\r\n\t\t\t\t},\r\n\t\t\t\tnonVolumeUnitCost: nonVolumeUnitCost, \r\n\t\t\t\tnonVolumeUnitPrice: nonVolumeUnitPrice\t\r\n\t\t\t\t//widthsList: widthsList\r\n\t\t\t})\r\n\t\t} else {\r\n\t\t\t// await api.fetch(\"Order/GetRugIntlCollectionList\")\r\n\t\t\t// \t.then(response => {\r\n\t\t\t// \t\tcollectionList = response.data;\r\n\t\t\t// \t})\r\n\t\t\t// \t.catch(helpers.catchHandler);;\r\n\r\n\t\t\t// await api.fetch(`Order/GetActiveCollectionProducts/${orderLine.rugIntlCollection.value}`)\r\n\t\t\t// \t.then(response => {\r\n\t\t\t// \t\tcollectionProductsList = response.data;\r\n\t\t\t// \t})\r\n\t\t\t// \t.catch(helpers.catchHandler);\r\n\r\n\t\t\tawait api.fetch(`Order/GetProductsOfProductType/${productType}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tproductsList = response.data;\r\n\t\t\t});\r\n\r\n\t\t\tawait api.fetch(`Order/GetActiveProductColors/${orderLine.product.value}`)\r\n\t\t\t\t.then(response => {\r\n\t\t\t\t\tproductColorsList = response.data;\r\n\t\t\t\t})\r\n\t\t\t\t.catch(helpers.catchHandler);\r\n\r\n\t\t\tawait api.fetch(`Product/GetRugIntlSizes/${orderLine.product.value}`)\r\n\t\t\t\t.then(response => {\r\n\t\t\t\t\trugIntlSizeList = _.map(response.data, sz => {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tvalue: sz.id,\r\n\t\t\t\t\t\t\tlabel: sz.dsc,\r\n\t\t\t\t\t\t\tcost: sz.cost,\r\n\t\t\t\t\t\t\tprice: sz.price\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t})\r\n\t\t\t\t.catch(helpers.catchHandler);\r\n\t\t\tproductColorsList.unshift({ label: \"No color selected\", value: null });\r\n\t\t\tthis.setState({\r\n\t\t\t\t// rugIntlCollectionList: collectionList,\r\n\t\t\t\t// collectionProductsList: collectionProductsList,\r\n\t\t\t\tproductsList: productsList,\r\n\t\t\t\tproductColorsList: productColorsList,\r\n\t\t\t\trugIntlSizeList: rugIntlSizeList,\r\n\t\t\t\torderLine: {\r\n\t\t\t\t\t...orderLine,\r\n\t\t\t\t\tproductAllowCommission: productAllowCommission\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tonToggleFreight() {\r\n\t\tthis.setState({\r\n\t\t\teditingFreight: !this.state.editingFreight,\r\n\t\t\tmessage: null,\r\n\t\t\tmessageFlavor: null\r\n\t\t}, () => {\r\n\t\t\tif (this.state.editingFreight\r\n\t\t\t\t&& this.state.orderLine\r\n\t\t\t\t&& (!this.state.orderLine.shippingAddresses \r\n\t\t\t\t\t\t|| this.state.orderLine.shippingAddresses.length < this.state.customerShipToAddresses.length))\r\n\t\t\t{\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\torderLine: {\r\n\t\t\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t\t\tshippingAddresses: this.state.customerShipToAddresses\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tonToggleNotes() {\r\n\t\tlet tempList = _.cloneDeep(this.state.orderLineCommentList);\r\n\t\tif (this.state.editingNotes) {\r\n\t\t\ttempList = _.map(this.state.orderLineCommentList, comment => {\r\n\t\t\t\treturn {\r\n\t\t\t\t\t...comment,\r\n\t\t\t\t\tmarkedForDeletion: true\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\ttempList = _.map(this.state.orderLineCommentList, comment => {\r\n\t\t\t\treturn {\r\n\t\t\t\t\t...comment,\r\n\t\t\t\t\tmarkedForDeletion: false\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\teditingNotes: !this.state.editingNotes,\r\n\t\t\torderLineCommentList: tempList\r\n\r\n\t\t});\r\n\t}\r\n\r\n\tapplyVolumePricingIfNecessary() {\r\n\t\tlet unitCost = _.round(this.state.orderLine.unitCost, 2).toFixed(2);\r\n\t\tlet unitPrice =_.round(this.state.orderLine.unitPrice, 2).toFixed(2);\r\n\t\tlet volumePricingApplied = this.state.orderLine.volumePricingApplied;\r\n\t\tconst lengthFeet = this.state.orderLine.lengthFeet ? _.round(this.state.orderLine.lengthFeet, 2).toFixed(2) : \"\";\r\n\t\tconst squareFeetRequired = this.state.orderLine.squareFeetRequired ?_.round(this.state.orderLine.squareFeetRequired, 2).toFixed(2) : \"\";\r\n\t\tif (lengthFeet || squareFeetRequired) { // lengthFeet for carpets and rug pads. squareFeetRequired for Wood items\r\n\t\t\tlet hasQualifyingVolume = \r\n\t\t\t\t(Number(this.state.orderLine.rollSize) > 0 \r\n\t\t\t\t\t&& (Number(lengthFeet) > Number(this.state.orderLine.rollSize) || Number(squareFeetRequired) > Number(this.state.orderLine.rollSize))) ? true : false;\r\n\t\t\tif (hasQualifyingVolume) {\r\n\t\t\t\t\tif(window.confirm('Apply volume pricing?')) {\r\n\t\t\t\t\t\tunitCost = _.round(this.state.orderLine.volumeCost, 2).toFixed(2);\r\n\t\t\t\t\t\tunitPrice = _.round(this.state.orderLine.volumePrice, 2).toFixed(2);\r\n\t\t\t\t\t\tvolumePricingApplied = true;\r\n\t\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tif (volumePricingApplied && window.confirm('Apply non volume pricing?')) {\r\n\t\t\t\t\tunitCost =_.round(this.state.nonVolumeUnitCost, 2).toFixed(2);\r\n\t\t\t\t\tunitPrice = _.round(this.state.nonVolumeUnitPrice, 2).toFixed(2);\r\n\t\t\t\t\tvolumePricingApplied = false;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\tunitCost: unitCost,\r\n\t\t\t\tunitPrice: unitPrice,\r\n\t\t\t\tvolumePricingApplied: volumePricingApplied\r\n\t\t\t}\r\n\t\t}, () => this.calculateFigures());\r\n\t}\r\n\r\n\tasync calculateFigures(isSaving = false) {\r\n\t\tconst orderLine = this.state.orderLine;\r\n\t\tif (!orderLine.product) return;\r\n\r\n\t\tconst orderLineType = orderLine.orderLineType.value;\r\n\t\tif (orderLineType === constants.ORDER_LINE_TYPE.CARPET.value || orderLineType === constants.ORDER_LINE_TYPE.RUG_PAD.value) {\r\n\t\t\tlet updatedOrderLine = Object.assign({}, orderLine);\r\n\t\t\tupdatedOrderLine.unitCost = _.round(orderLine.unitCost, 2).toFixed(2);\t\t\t// round entered value even if no calculations are made\r\n\t\t\tupdatedOrderLine.unitPrice = _.round(orderLine.unitPrice, 2).toFixed(2);\t\t// round entered value even if no calculations are made\r\n\t\t\tupdatedOrderLine.cmsnRate = _.round(orderLine.cmsnRate, 2).toFixed(2);\t\t\t// round entered value even if no calculations are made\r\n\r\n\t\t\tconst lengthFeet = orderLine.lengthFeet ? _.round(orderLine.lengthFeet, 2).toFixed(2) : \"\";\r\n\t\t\tconst widthNumericFeet = orderLine.width && orderLine.width.widthNumericFeet;\r\n\t\t\tlet payload = {\r\n\t\t\t\torderLineTypeId: orderLine.orderLineType.value,\r\n\t\t\t\tlengthFeet: lengthFeet ? Number(lengthFeet) : null,\r\n\t\t\t\twidthNumericFeet: Number(widthNumericFeet),\r\n\t\t\t\tqty: Number(orderLine.qty),\r\n\t\t\t\tunitCost: Number(updatedOrderLine.unitCost),\r\n\t\t\t\tunitPrice: Number(updatedOrderLine.unitPrice),\r\n\t\t\t\tcmsnRate: Number(_.round(orderLine.cmsnRate, 2).toFixed(2)),\r\n\t\t\t\tpriceUnitTypeName: orderLine.priceUnitType ? orderLine.priceUnitType.label : '' // should send Id,\r\n\t\t\t}\r\n\t\t\tif (payload.widthNumericFeet && (payload.lengthFeet || payload.qty) &&\r\n\t\t\t\tpayload.unitCost && payload.unitPrice) {\r\n\t\t\t\tawait api.post(\"Order/CalculateFigures\", payload)\r\n\t\t\t\t\t.then(response => {\r\n\t\t\t\t\t\tupdatedOrderLine.unitCost = _.round(response.data.unitCost, 2).toFixed(2);\r\n\t\t\t\t\t\tupdatedOrderLine.unitPrice = _.round(response.data.unitPrice, 2).toFixed(2);\r\n\t\t\t\t\t\tupdatedOrderLine.cmsnRate = _.round(response.data.cmsnRate, 2).toFixed(2);\r\n\t\t\t\t\t\tupdatedOrderLine.lengthFeet = lengthFeet;\r\n\t\t\t\t\t\tupdatedOrderLine.widthNumericFeet = widthNumericFeet;\r\n\t\t\t\t\t\tupdatedOrderLine.qty = _.round(response.data.qty, 2).toFixed(2);\r\n\t\t\t\t\t\tupdatedOrderLine.cost = _.round(response.data.cost, 2).toFixed(2);\r\n\t\t\t\t\t\tupdatedOrderLine.price = _.round(response.data.price, 2).toFixed(2);\r\n\t\t\t\t\t\tupdatedOrderLine.cmsn = _.round(response.data.cmsn, 2).toFixed(2);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(helpers.catchHandler);\r\n\t\t\t} else {\r\n\t\t\t\tupdatedOrderLine.qty = '';\r\n\t\t\t\tupdatedOrderLine.cost = '';\r\n\t\t\t\tupdatedOrderLine.price = '';\r\n\t\t\t\tupdatedOrderLine.cmsn = '';\r\n\t\t\t\tupdatedOrderLine.dsc = '';\r\n\t\t\t}\r\n\r\n\t\t\tconst productDsc = orderLine.product.label;\r\n\t\t\tconst productColorDsc = orderLine.productColor ? orderLine.productColor.label : '';\r\n\t\t\tconst widthDsc = orderLine.width ? orderLine.width.label : '';\r\n\t\t\tconst lengthDsc = orderLine.lengthFeet || updatedOrderLine.qty || orderLine.qty;\r\n\t\t\tconst qtyDsc = updatedOrderLine.qty || orderLine.qty;\r\n\t\t\tconst priceUnitDsc = orderLine.priceUnitType ? orderLine.priceUnitType.label : '';\r\n\r\n\t\t\t// before was blank if api call didn't go through, now still displays dsc\r\n\t\t\tif (!isSaving && orderLine.width && (orderLine.lengthFeet || updatedOrderLine.qty || orderLine.qty)) {\r\n\t\t\t\tupdatedOrderLine.dsc = `${productDsc}, ${productColorDsc} (${widthDsc} X ${lengthDsc}) = ${qtyDsc} ${priceUnitDsc}`\r\n\t\t\t}\r\n\t\t\tthis.setState({\r\n\t\t\t\torderLine: updatedOrderLine\r\n\t\t\t});\r\n\t\t}\r\n\t\tif (this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.MISCELLANEOUS.value\r\n\t\t\t|| this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.SAMPLE.value\r\n\t\t\t|| this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.RUG_MISCELLANEOUS.value) {\r\n\t\t\tlet updatedOrderLine = Object.assign({}, this.state.orderLine);\r\n\r\n\t\t\tupdatedOrderLine.cmsnRate = _.round(this.state.orderLine.cmsnRate, 2).toFixed(2);\r\n\t\t\tif (!isSaving && this.state.orderLine.qty && this.state.orderLine.product) {\r\n\t\t\t\tlet dsc;\r\n\t\t\t\tif (this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.SAMPLE.value && this.state.orderLine.productColor) {\r\n\t\t\t\t\tdsc = `${this.state.orderLine.qty} X ${this.state.orderLine.product.label}, ${this.state.orderLine.productColor.label}`\r\n\t\t\t\t} else {\r\n\t\t\t\t\tdsc = `${this.state.orderLine.qty} X ${this.state.orderLine.product.label}`\r\n\t\t\t\t}\r\n\t\t\t\tupdatedOrderLine.dsc = dsc;\r\n\t\t\t}\r\n\t\t\tif (this.state.orderLine.qty &&\r\n\t\t\t\tthis.state.orderLine.unitCost && this.state.orderLine.unitPrice && updatedOrderLine.cmsnRate) {\r\n\t\t\t\tconst payload = {\r\n\t\t\t\t\torderLineTypeId: this.state.orderLine.orderLineType.value,\r\n\t\t\t\t\tqty: Number(this.state.orderLine.qty),\r\n\t\t\t\t\tunitCost: Number(_.round(this.state.orderLine.unitCost, 2).toFixed(2)),\r\n\t\t\t\t\tunitPrice: Number(_.round(this.state.orderLine.unitPrice, 2).toFixed(2)),\r\n\t\t\t\t\tcmsnRate: Number(_.round(this.state.orderLine.cmsnRate, 2).toFixed(2))\r\n\t\t\t\t}\r\n\t\t\t\tawait api.post(\"Order/CalculateFigures\", payload)\r\n\t\t\t\t\t.then(response => {\r\n\t\t\t\t\t\t// if (response.data.success) {\r\n\t\t\t\t\t\tupdatedOrderLine = {\r\n\t\t\t\t\t\t\t...updatedOrderLine,\r\n\t\t\t\t\t\t\tcost: _.round(response.data.cost, 2).toFixed(2),\r\n\t\t\t\t\t\t\tprice: _.round(response.data.price, 2).toFixed(2),\r\n\t\t\t\t\t\t\tcmsn: _.round(response.data.cmsn, 2).toFixed(2)\r\n\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\t.catch(helpers.catchHandler);\r\n\t\t\t} else {\r\n\t\t\t\tupdatedOrderLine = {\r\n\t\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t\tcost: '',\r\n\t\t\t\t\tprice: '',\r\n\t\t\t\t\tcmsn: '',\r\n\t\t\t\t\tdsc: ''\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tthis.setState({\r\n\t\t\t\torderLine: updatedOrderLine\r\n\t\t\t});\r\n\t\t}\r\n\t\tif (this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.BINDING.value ||\r\n\t\t\tthis.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.ROLL_RUNNER.value) {\r\n\t\t\tlet updatedOrderLine = Object.assign({}, this.state.orderLine);\r\n\t\t\tupdatedOrderLine = {\r\n\t\t\t\t...updatedOrderLine,\r\n\t\t\t\tunitCost: _.round(this.state.orderLine.unitCost, 2).toFixed(2),\t\t\t// round entered value even if no calculations are made\r\n\t\t\t\tunitPrice: _.round(this.state.orderLine.unitPrice, 2).toFixed(2),\t\t// round entered value even if no calculations are made\r\n\t\t\t\tcmsnRate: _.round(this.state.orderLine.cmsnRate, 2).toFixed(2)\t\t\t// round entered value even if no calculations are made\r\n\t\t\t}\r\n\t\t\tif (!isSaving && this.state.orderLine.product && this.state.orderLine.lengthFeet) {\r\n\t\t\t\tupdatedOrderLine = {\r\n\t\t\t\t\t...updatedOrderLine,\r\n\t\t\t\t\tdsc: `${this.state.orderLine.product.label}, ${this.state.orderLine.productColor ? this.state.orderLine.productColor.label : ''} - ${this.state.orderLine.lengthFeet} Lin Ft`\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (this.state.orderLine.lengthFeet &&\r\n\t\t\t\tthis.state.orderLine.unitCost && this.state.orderLine.unitPrice && updatedOrderLine.cmsnRate) {\r\n\t\t\t\tconst lengthFeet = this.state.orderLine.lengthFeet ? _.round(this.state.orderLine.lengthFeet, 2).toFixed(2) : \"\";\r\n\t\t\t\tconst payload = {\r\n\t\t\t\t\torderLineTypeId: this.state.orderLine.orderLineType.value,\r\n\t\t\t\t\tlengthFeet: lengthFeet ? Number(lengthFeet) : null,\r\n\t\t\t\t\tunitCost: Number(_.round(this.state.orderLine.unitCost, 2).toFixed(2)),\r\n\t\t\t\t\tunitPrice: Number(_.round(this.state.orderLine.unitPrice, 2).toFixed(2)),\r\n\t\t\t\t\tcmsnRate: Number(_.round(this.state.orderLine.cmsnRate, 2).toFixed(2))\r\n\t\t\t\t}\r\n\t\t\t\tawait api.post(\"Order/CalculateFigures\", payload)\r\n\t\t\t\t\t.then(response => {\r\n\t\t\t\t\t\t// if (response.data.success) {\r\n\t\t\t\t\t\tupdatedOrderLine = {\r\n\t\t\t\t\t\t\t...updatedOrderLine,\r\n\t\t\t\t\t\t\tlengthFeet: lengthFeet,\r\n\t\t\t\t\t\t\tqty: _.round(response.data.qty, 2).toFixed(2),\r\n\t\t\t\t\t\t\tcost: _.round(response.data.cost, 2).toFixed(2),\r\n\t\t\t\t\t\t\tprice: _.round(response.data.price, 2).toFixed(2),\r\n\t\t\t\t\t\t\tcmsn: _.round(response.data.cmsn, 2).toFixed(2)\r\n\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\t.catch(helpers.catchHandler);\r\n\t\t\t} else {\r\n\t\t\t\tupdatedOrderLine = {\r\n\t\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t\tqty: '',\r\n\t\t\t\t\tcost: '',\r\n\t\t\t\t\tprice: '',\r\n\t\t\t\t\tcmsn: '',\r\n\t\t\t\t\tdsc: ''\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tthis.setState({\r\n\t\t\t\torderLine: updatedOrderLine\r\n\t\t\t});\r\n\t\t}\r\n\t\tif (this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.HARD_SURFACE.value ||\r\n\t\t\tthis.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.CARPET_TILE.value) {\r\n\t\t\tlet updatedOrderLine = Object.assign({}, this.state.orderLine);\r\n\t\t\tupdatedOrderLine = {\r\n\t\t\t\t...updatedOrderLine,\r\n\t\t\t\tunitCost: _.round(this.state.orderLine.unitCost, 2).toFixed(2),\t\t\t// round entered value even if no calculations are made\r\n\t\t\t\tunitPrice: _.round(this.state.orderLine.unitPrice, 2).toFixed(2),\t\t// round entered value even if no calculations are made\r\n\t\t\t\tcmsnRate: _.round(this.state.orderLine.cmsnRate, 2).toFixed(2)\t\t\t// round entered value even if no calculations are made\r\n\t\t\t}\r\n\r\n\t\t\tif (this.state.orderLine.squareFeetRequired &&\r\n\t\t\t\t\tthis.state.orderLine.unitCost && this.state.orderLine.unitPrice && updatedOrderLine.cmsnRate &&\r\n\t\t\t\t\tthis.state.orderLine.squareFeetPerCarton) {\r\n\t\t\t\tconst squareFeetRequired = _.round(this.state.orderLine.squareFeetRequired, 2).toFixed(2);\r\n\t\t\t\tconst payload = {\r\n\t\t\t\t\torderLineTypeId: this.state.orderLine.orderLineType.value,\r\n\t\t\t\t\tsquareFeetRequired: Number(squareFeetRequired),\r\n\t\t\t\t\tsquareFeetPerCarton: Number(_.round(this.state.orderLine.squareFeetPerCarton, 2).toFixed(2)),\r\n\t\t\t\t\tunitCost: Number(updatedOrderLine.unitCost),\r\n\t\t\t\t\tunitPrice: Number(updatedOrderLine.unitPrice),\r\n\t\t\t\t\tcmsnRate: Number(_.round(this.state.orderLine.cmsnRate, 2).toFixed(2))\r\n\t\t\t\t}\r\n\t\t\t\tawait api.post(\"Order/CalculateFigures\", payload)\r\n\t\t\t\t\t.then(response => {\r\n\t\t\t\t\t\t// if (response.data.success) {\r\n\t\t\t\t\t\tlet dsc;\r\n\t\t\t\t\t\tlet cartonOrCartonsString = response.data.cartonCount > 1 ? 'Cartons' : 'Carton';\r\n\t\t\t\t\t\tif (!isSaving && this.state.orderLine.product && this.state.orderLine.squareFeetRequired) {\r\n\t\t\t\t\t\t\tdsc = `${this.state.orderLine.product.label}, ${this.state.orderLine.productColor ? this.state.orderLine.productColor.label : ''} ` +\r\n\t\t\t\t\t\t\t\t`${response.data.cartonCount} ${cartonOrCartonsString} ` +\r\n\t\t\t\t\t\t\t\t`(${_.round(response.data.qty, 2).toFixed(2)} ${this.state.orderLine.priceUnitType.label})`\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tupdatedOrderLine = {\r\n\t\t\t\t\t\t\t...updatedOrderLine,\r\n\t\t\t\t\t\t\tsquareFeetRequired: squareFeetRequired,\r\n\t\t\t\t\t\t\tcartonCount: response.data.cartonCount,\r\n\t\t\t\t\t\t\tqty: _.round(response.data.qty, 2).toFixed(2),\r\n\t\t\t\t\t\t\tcost: _.round(response.data.cost, 2).toFixed(2),\r\n\t\t\t\t\t\t\tprice: _.round(response.data.price, 2).toFixed(2),\r\n\t\t\t\t\t\t\tcmsn: _.round(response.data.cmsn, 2).toFixed(2),\r\n\t\t\t\t\t\t\tdsc: dsc ? dsc : this.state.orderLine.dsc\r\n\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\t.catch(helpers.catchHandler);\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tupdatedOrderLine = {\r\n\t\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t\tcartonCount: '',\r\n\t\t\t\t\tqty: '',\r\n\t\t\t\t\tcost: '',\r\n\t\t\t\t\tprice: '',\r\n\t\t\t\t\tcmsn: '',\r\n\t\t\t\t\tdsc: ''\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tthis.setState({\r\n\t\t\t\torderLine: updatedOrderLine\r\n\t\t\t});\r\n\t\t}\r\n\t\tif (this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.INTL_COLL_RUG.value) {\r\n\t\t\tlet updatedOrderLine = Object.assign({}, this.state.orderLine);\r\n\t\t\tif (this.state.orderLine.rugIntlSize) {\r\n\t\t\t\tupdatedOrderLine = {\r\n\t\t\t\t\t...updatedOrderLine,\r\n\t\t\t\t\tunitCost: _.round(this.state.orderLine.unitCost, 2).toFixed(2),\r\n\t\t\t\t\tunitPrice: _.round(this.state.orderLine.unitPrice, 2).toFixed(2),\r\n\t\t\t\t\tcmsnRate: _.round(this.state.orderLine.cmsnRate, 2).toFixed(2)\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (!isSaving && this.state.orderLine.qty && this.state.orderLine.product && this.state.orderLine.rugIntlSize) {\r\n\t\t\t\tlet dsc;\r\n\t\t\t\tif (this.state.orderLine.productColor) {\r\n\t\t\t\t\tdsc = `${this.state.orderLine.qty} X ${this.state.orderLine.product.label}, ${this.state.orderLine.productColor.label} (${this.state.orderLine.rugIntlSize.label})`\r\n\t\t\t\t} else {\r\n\t\t\t\t\tdsc = `${this.state.orderLine.qty} X ${this.state.orderLine.product.label} (${this.state.orderLine.rugIntlSize.label})`\r\n\t\t\t\t}\r\n\t\t\t\tupdatedOrderLine = {\r\n\t\t\t\t\t...updatedOrderLine,\r\n\t\t\t\t\tdsc: dsc\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (this.state.orderLine.qty &&\r\n\t\t\t\tthis.state.orderLine.unitCost && this.state.orderLine.unitPrice && updatedOrderLine.cmsnRate) {\r\n\t\t\t\tconst payload = {\r\n\t\t\t\t\torderLineTypeId: this.state.orderLine.orderLineType.value,\r\n\t\t\t\t\tqty: Number(this.state.orderLine.qty),\r\n\t\t\t\t\tunitCost: Number(_.round(this.state.orderLine.unitCost, 2).toFixed(2)),\r\n\t\t\t\t\tunitPrice: Number(_.round(this.state.orderLine.unitPrice, 2).toFixed(2)),\r\n\t\t\t\t\tcmsnRate: Number(_.round(this.state.orderLine.cmsnRate, 2).toFixed(2))\r\n\t\t\t\t}\r\n\t\t\t\tawait api.post(\"Order/CalculateFigures\", payload)\r\n\t\t\t\t\t.then(response => {\r\n\t\t\t\t\t\t// if (response.data.success) {\r\n\t\t\t\t\t\tupdatedOrderLine = {\r\n\t\t\t\t\t\t\t...updatedOrderLine,\r\n\t\t\t\t\t\t\tcost: _.round(response.data.cost, 2).toFixed(2),\r\n\t\t\t\t\t\t\tprice: _.round(response.data.price, 2).toFixed(2),\r\n\t\t\t\t\t\t\tcmsn: _.round(response.data.cmsn, 2).toFixed(2)\r\n\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\t.catch(helpers.catchHandler);\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tupdatedOrderLine = {\r\n\t\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t\tcost: '',\r\n\t\t\t\t\tprice: '',\r\n\t\t\t\t\tcmsn: '',\r\n\t\t\t\t\tdsc: ''\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tthis.setState({\r\n\t\t\t\torderLine: updatedOrderLine\r\n\t\t\t});\r\n\t\t}\r\n\t\tif (this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.CREDIT_CARD_SURCHARGE.value) {\r\n\t\t\tconst creditCardSurchargeRate = _.round(this.state.orderLine.creditCardSurchargeRate, 2).toFixed(2);\r\n\t\t\tconst payload = {\r\n\t\t\t\torderLineTypeId: this.state.orderLine.orderLineType.value,\r\n\t\t\t\tcreditCardSurchargeRate: Number(creditCardSurchargeRate),\r\n\t\t\t\ttotalOrderCost: Number(this.state.totalOrderCost),\r\n\t\t\t\ttotalWithoutCreditCardSurcharge: Number(this.state.totalWithoutCreditCardSurcharge),\r\n\t\t\t}\r\n\t\t\tapi.post(\"Order/CalculateFigures\", payload)\r\n\t\t\t\t.then(response => {\r\n\t\t\t\t\t// if (response.data.success) {\r\n\t\t\t\t\tthis.setState(prevState => ({\r\n\t\t\t\t\t\t...prevState,\r\n\t\t\t\t\t\torderLine: {\r\n\t\t\t\t\t\t\t...prevState.orderLine,\r\n\t\t\t\t\t\t\tcreditCardSurchargeRate: creditCardSurchargeRate,\r\n\t\t\t\t\t\t\tprice: _.round(response.data.price, 2).toFixed(2)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}));\r\n\t\t\t\t\t// }\r\n\t\t\t\t})\r\n\t\t\t\t.catch(helpers.catchHandler);\r\n\t\t}\r\n\r\n\t\tif (this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.SALES_TAX.value) {\r\n\t\t\tconst taxRate = _.round(this.state.orderLine.taxRate, 2).toFixed(2);\r\n\t\t\tconst payload = {\r\n\t\t\t\torderLineTypeId: this.state.orderLine.orderLineType.value,\r\n\t\t\t\ttaxRate: Number(taxRate),\r\n\t\t\t\ttotalOrderCost: Number(this.state.totalOrderCost),\r\n\t\t\t\tsumOfTaxableItems: Number(this.state.sumOfTaxableItems),\r\n\t\t\t}\r\n\t\t\tapi.post(\"Order/CalculateFigures\", payload)\r\n\t\t\t\t.then(response => {\r\n\t\t\t\t\t// if (response.data.success) {\r\n\t\t\t\t\tthis.setState(prevState => ({\r\n\t\t\t\t\t\t...prevState,\r\n\t\t\t\t\t\torderLine: {\r\n\t\t\t\t\t\t\t...prevState.orderLine,\r\n\t\t\t\t\t\t\ttaxRate: taxRate,\r\n\t\t\t\t\t\t\tprice: _.round(response.data.price, 2).toFixed(2)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}));\r\n\t\t\t\t\t// }\r\n\t\t\t\t})\r\n\t\t\t\t.catch(helpers.catchHandler);\r\n\t\t}\r\n\t}\r\n\r\n\tasync setSelectedShippingContact(option) {\r\n\t\tlet phoneNumber = await _.find(option.phoneNumbers, x => x.typeOfPhone === constants.PHONE_TYPE.SHIP_TO);\r\n\t\tif (!phoneNumber) {\r\n\t\t\tphoneNumber = await _.find(option.phoneNumbers, x => x.isPrimary === true);\r\n\t\t}\r\n\t\tconst shippingAddresses = this.state.customerShipToAddresses.concat(\r\n\t\t\t_.map(_.filter(option.addresses, x => x.typeOfAddress === constants.ADDRESS_TYPE.SHIP_TO),\r\n\t\t\t\tad => {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\t...ad,\r\n\t\t\t\t\t\tvalue: ad.id,\r\n\t\t\t\t\t\tlabel: helpers.formatAddressLabel(ad)\r\n\t\t\t\t\t}\r\n\t\t\t\t}));\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\tstContactFirstName: option.firstName,\r\n\t\t\t\tstContactLastName: option.lastName,\r\n\t\t\t\tstContactEmail: helpers.nullableString(option.email),\r\n\t\t\t\tstPhone: phoneNumber ? phoneNumber.number : \"\",\r\n\t\t\t\tshippingAddresses: shippingAddresses\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tsetSelectedShippingAddress(option) {\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\tstAddressLine1: helpers.nullableString(option.ln1),\r\n\t\t\t\tstAddressLine2: helpers.nullableString(option.ln2),\r\n\t\t\t\tstAddressLine3: helpers.nullableString(option.ln3),\r\n\t\t\t\tstAddressLine4: helpers.nullableString(option.ln4),\r\n\t\t\t\tstCity: helpers.nullableString(option.city),\r\n\t\t\t\tstState: helpers.nullableString(option.state),\r\n\t\t\t\tstZip: helpers.nullableString(option.zip),\r\n\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\tasync setSelectedBillingContact(option) {\r\n\t\t// let phoneNumber = await _.find(option.phoneNumbers, x => x.typeOfPhone === constants.PHONE_TYPE.CELL); // No BILL_TO phone type currently available\r\n\t\tlet phoneNumber = await _.find(option.phoneNumbers, x => x.isPrimary === true); // Should default to primary phone?\r\n\t\tlet faxNumber = await _.find(option.faxNumbers, x => x.typeOfPhone === constants.PHONE_TYPE.FAX);\r\n\t\tlet billingAddresses = _.filter(option.addresses, x => x.typeOfAddress === constants.ADDRESS_TYPE.BILL_TO);\r\n\t\tthis.setState({\r\n\t\t\torder: {\r\n\t\t\t\t...this.state.order,\r\n\t\t\t\tbtContactFirstName: option.firstName,\r\n\t\t\t\tbtContactLastName: option.lastName,\r\n\t\t\t\tbtContactEmail: helpers.nullableString(option.email),\r\n\t\t\t\tbtPhone: phoneNumber ? phoneNumber.number : \"\",\r\n\t\t\t\tbtFax: faxNumber ? faxNumber.number : \"\",\r\n\t\t\t\tbillingAddresses: _.map(billingAddresses, ad => { // only used temporarily, not persisted\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\t...ad,\r\n\t\t\t\t\t\tvalue: ad.id,\r\n\t\t\t\t\t\tlabel: helpers.formatAddressLabel(ad)\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tsetSelectedBillingAddress(option) {\r\n\t\tthis.setState({\r\n\t\t\torder: {\r\n\t\t\t\t...this.state.order,\r\n\t\t\t\tbtAddressLine1: helpers.nullableString(option.ln1),\r\n\t\t\t\tbtAddressLine2: helpers.nullableString(option.ln2),\r\n\t\t\t\tbtAddressLine3: helpers.nullableString(option.ln3),\r\n\t\t\t\tbtAddressLine4: helpers.nullableString(option.ln4),\r\n\t\t\t\tbtCity: helpers.nullableString(option.city),\r\n\t\t\t\tbtState: helpers.nullableString(option.state),\r\n\t\t\t\tbtZip: helpers.nullableString(option.zip)\r\n\t\t\t},\r\n\t\t\tselectedBillingAddress: option\r\n\t\t})\r\n\t}\r\n\r\n\tshowOrderLineDeleteConfirmationModal(orderLineId, orderLineType, orderLineComponentLines) {\r\n\t\tif (this.state.confirmationModalOrderLineId) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tconfirmationModalOrderLineId: null,\r\n\t\t\t\tconfirmationModalType: null,\r\n\t\t\t\tconfirmationModalComponentLines: null\r\n\t\t\t});\r\n\t\t}\r\n\t\telse {\r\n\t\t\tthis.setState({\r\n\t\t\t\tconfirmationModalOrderLineId: orderLineId,\r\n\t\t\t\tconfirmationModalType: orderLineType,\r\n\t\t\t\tconfirmationModalComponentLines: orderLineComponentLines\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\thandleDeleteConfirmationCancel() {\r\n\t\tthis.setState({ confirmationModalOrderLineId: null });\r\n\t}\r\n\r\n\tasync handleOrderLineDelete(orderLineId) {\r\n\t\tconst childItem = _.find(this.state.orderLines, function (x) { return (x.parentOrderLineId === orderLineId && x.deactivatedAt === null) });\r\n\t\tif (childItem) { // if item is the parent to a freightOrderLine\r\n\t\t\tawait api.post(`Order/DeleteOrderLine/${childItem.id}`)\r\n\t\t\t\t.catch(helpers.catchHandler);\r\n\t\t}\r\n\r\n\t\tapi.post(`Order/DeleteOrderLine/${orderLineId}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tthis.getOrderLines(this.state.orderId);\r\n\t\t\t\tthis.getOrderFulfillments(this.state.orderId);\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\r\n\t\tthis.setState({ confirmationModalOrderLineId: null });\r\n\t}\r\n\r\n\thandleOrderLineUndelete(orderLineId) {\r\n\t\tapi\r\n\t\t\t.post(`Order/ReviveOrderLine/${orderLineId}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tthis.getOrderLines(this.state.orderId);\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\t}\r\n\r\n\tasync handleCustomRugOrderLineDelete(rugOrderLineId, componentLines) {\r\n\t\tlet componentLineIds = _.map(componentLines, cl => {\r\n\t\t\treturn cl.id\r\n\t\t});\r\n\t\tcomponentLineIds.push(rugOrderLineId);\r\n\t\tconst payload = {\r\n\t\t\tlinesToDeleteIds: componentLineIds\r\n\t\t}\r\n\r\n\t\tapi.post(`Order/DeleteCustomRugOrderLine`, payload)\r\n\t\t\t.then(response => {\r\n\t\t\t\tif (response.data.success) {\r\n\t\t\t\t\tthis.getOrderLines(this.state.orderId);\r\n\t\t\t\t\tthis.getOrderFulfillments(this.state.orderId);\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\r\n\t\tthis.setState({ confirmationModalOrderLineId: null });\r\n\t}\r\n\r\n\t//Order Payments:\r\n\tonAddNewPayment() {\r\n\t\tthis.setState({\r\n\t\t\taddUpdatePayment: true,\r\n\t\t\tmessage: null,\r\n\t\t\tmessageFlavor: null\r\n\t\t});\r\n\t}\r\n\r\n\tcancelAddOrUpdatePayment() {\r\n\t\tthis.setState({\r\n\t\t\torderPayment: emptyOrderPayment,\r\n\t\t\taddUpdatePayment: false,\r\n\t\t\tmessage: null,\r\n\t\t\tmessageFlavor: null\r\n\t\t});\r\n\t}\r\n\r\n\thandleOrderPaymentStateUpdate(fieldName, value) {\r\n\t\tthis.setState({\r\n\t\t\torderPayment: {\r\n\t\t\t\t...this.state.orderPayment,\r\n\t\t\t\t[fieldName]: value\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tupdateOrderPaymentRateOrCurrencyField(fieldName, value) {\r\n\t\tif (value) {\r\n\t\t\tthis.setState({\r\n\t\t\t\torderPayment: {\r\n\t\t\t\t\t...this.state.orderPayment,\r\n\t\t\t\t\t[fieldName]: _.round(value, 2).toFixed(2)\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\thandlePaymentTypeChange(elementName, selection) {\r\n\t\t// If updating a payment, and payment type is changed, all fields\r\n\t\t// for old payment type need to be cleared out. Keep Id though.\r\n\t\tthis.setState({\r\n\t\t\torderPayment: {\r\n\t\t\t\t...emptyOrderPayment,\r\n\t\t\t\tid: this.state.orderPayment.id,\r\n\t\t\t\t[elementName]: selection\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\thandleDateReceivedChange(date) {\r\n\t\tthis.setState({\r\n\t\t\torderPayment: {\r\n\t\t\t\t...this.state.orderPayment,\r\n\t\t\t\tdateReceived: date\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\thandleCreditCardTypeChange(elementName, selection) {\r\n\t\tthis.setState({\r\n\t\t\torderPayment: {\r\n\t\t\t\t...this.state.orderPayment,\r\n\t\t\t\t[elementName]: selection\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\thandleOutstandingCreditChange(elementName, selection) {\r\n\t\tthis.setState({\r\n\t\t\torderPayment: {\r\n\t\t\t\t...this.state.orderPayment,\r\n\t\t\t\t[elementName]: selection\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tsetSelectedCustomer(option) {\r\n\t\tthis.setState(prevState => ({\r\n\t\t\t...prevState,\r\n\t\t\tpayment: {\r\n\t\t\t\t...prevState.payment,\r\n\t\t\t\tcustomer: option\r\n\t\t\t}\r\n\t\t}));\r\n\t}\r\n\r\n\tisBillingInfoFormValid() {\r\n\t\tconst warnings = [];\r\n\t\tif (!this.state.order.btAddressLine1) {\r\n\t\t\twarnings.push(\"Bill To Name is required.\");\r\n\t\t}\r\n\t\tif (!this.state.order.btAddressLine3) {\r\n\t\t\twarnings.push(\"Billing Address is required.\");\r\n\t\t}\r\n\t\tif (!this.state.order.btCity) {\r\n\t\t\twarnings.push(\"City is required.\");\r\n\t\t}\r\n\t\tif (!this.state.order.btState) {\r\n\t\t\twarnings.push(\"State is required.\");\r\n\t\t}\r\n\t\tif (!this.state.order.btZip) {\r\n\t\t\twarnings.push(\"Zip is required.\");\r\n\t\t}\r\n\t\tif (warnings.length) {\r\n\t\t\tthis.setState({ message: warnings.join(' '), messageFlavor: \"danger\" });\r\n\t\t}\r\n\t\treturn warnings.length === 0;\r\n\t}\r\n\r\n\tformatBillingInfoPayload() {\r\n\t\tconst formattedBillingInfo = {\r\n\t\t\tOrderId: this.state.orderId,\r\n\t\t\tCustomerPONumber: this.state.order.customerPONumber,\r\n\t\t\tBTContactFirstName: this.state.order.btContactFirstName,\r\n\t\t\tBTContactLastName: this.state.order.btContactLastName,\r\n\t\t\tBTContactEmail: this.state.order.btContactEmail,\r\n\t\t\tBTAddressLine1: this.state.order.btAddressLine1,\r\n\t\t\tBTAddressLine2: this.state.order.btAddressLine2,\r\n\t\t\tBTAddressLine3: this.state.order.btAddressLine3,\r\n\t\t\tBTAddressLine4: this.state.order.btAddressLine4,\r\n\t\t\tBTCity: this.state.order.btCity,\r\n\t\t\tBTState: this.state.order.btState,\r\n\t\t\tBTZip: this.state.order.btZip,\r\n\t\t\tBTPhone: this.state.order.btPhone,\r\n\t\t\tBTFax: this.state.order.btFax,\r\n\t\t\tInvoiceTermsId: this.state.order.invoiceTerms.value\r\n\t\t};\r\n\t\treturn formattedBillingInfo;\r\n\t}\r\n\r\n\tsaveBillingInfo() {\r\n\t\twindow.scroll(0, 0);\r\n\t\tif (!this.isBillingInfoFormValid()) return;\r\n\t\tconst BillingInfoDto = this.formatBillingInfoPayload();\r\n\t\tapi.post(\"Order/SaveBillingInfo\", BillingInfoDto)\r\n\t\t\t.then(response => {\r\n\t\t\t\tif (response.data.success) {\r\n\t\t\t\t\tAlert.success(\"Billing info saved\");\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tmessage: null,\r\n\t\t\t\t\t\tmessageFlavor: null\r\n\t\t\t\t\t},\r\n\t\t\t\t\t\t// () => this.getCustomer(this.state.order.customer.value)\r\n\t\t\t\t\t);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.setState({ messageFlavor: \"danger\", message: response.data.message });\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\t}\r\n\r\n\tisOrderPaymentFormValid() {\r\n\t\tconst warnings = [];\r\n\t\t// if (!this.state.order.btAddressLine1) {\r\n\t\t// \twarnings.push(\"Bill To Name is required.\");\r\n\t\t// }\r\n\t\t// if (!this.state.order.btAddressLine3) {\r\n\t\t// \twarnings.push(\"Billing Address is required.\");\r\n\t\t// }\r\n\t\t// if (!this.state.order.btCity) {\r\n\t\t// \twarnings.push(\"City is required.\");\r\n\t\t// }\r\n\t\t// if (!this.state.order.btState) {\r\n\t\t// \twarnings.push(\"State is required.\");\r\n\t\t// }\r\n\t\t// if (!this.state.order.btZip) {\r\n\t\t// \twarnings.push(\"Zip is required.\");\r\n\t\t// }\r\n\t\tif (!this.state.orderPayment.paymentType) {\r\n\t\t\twarnings.push(\"Payment Type is required.\");\r\n\t\t}\r\n\t\tif (this.state.orderPayment.paymentType.value === constants.PAYMENT_TYPE.CASH.value) {\r\n\t\t\tif (!this.state.orderPayment.amountPaid) {\r\n\t\t\t\twarnings.push(\"Cash Amount is required.\");\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.state.orderPayment.paymentType.value === constants.PAYMENT_TYPE.CHECK.value) {\r\n\t\t\tif (!this.state.orderPayment.amountPaid) {\r\n\t\t\t\twarnings.push(\"Check Amount is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderPayment.checkNumber) {\r\n\t\t\t\twarnings.push(\"Check Number is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderPayment.dateReceived) {\r\n\t\t\t\twarnings.push(\"Date Received is required.\");\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.state.orderPayment.paymentType.value === constants.PAYMENT_TYPE.CREDIT_CARD.value) {\r\n\t\t\tif (!this.state.orderPayment.creditCardType || !this.state.orderPayment.creditCardType.value) {\r\n\t\t\t\twarnings.push(\"Credit Card Type is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderPayment.amountPaid) {\r\n\t\t\t\twarnings.push(\"Charge Amount is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderPayment.dateReceived) {\r\n\t\t\t\twarnings.push(\"Date Received is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderPayment.expDate) {\r\n\t\t\t\twarnings.push(\"Expiration Date is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderPayment.cardNumber) {\r\n\t\t\t\twarnings.push(\"Card Number is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderPayment.billingName) {\r\n\t\t\t\twarnings.push(\"Billing Name is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderPayment.billingZip) {\r\n\t\t\t\twarnings.push(\"Billing Zip is required.\");\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.state.orderPayment.paymentType.value === constants.PAYMENT_TYPE.EXTENDED_CREDIT.value) {\r\n\t\t\tif (!this.state.orderPayment.amountPaid) {\r\n\t\t\t\twarnings.push(\"Credit Amount is required.\");\r\n\t\t\t}\r\n\r\n\t\t}\r\n\t\tif (this.state.orderPayment.paymentType.value === constants.PAYMENT_TYPE.REBATE.value) {\r\n\t\t\tif (!this.state.orderPayment.amountPaid) {\r\n\t\t\t\twarnings.push(\"Rebate Amount is required.\");\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (warnings.length) {\r\n\t\t\tthis.setState({ message: warnings.join(' '), messageFlavor: \"danger\" });\r\n\t\t}\r\n\t\treturn warnings.length === 0;\r\n\t}\r\n\r\n\tformatOrderPaymentPayload() {\r\n\t\tconst orderPayment = Object.assign({}, this.state.orderPayment);\r\n\t\tconst formattedOrderPayment = {\r\n\t\t\tId: orderPayment.id ? orderPayment.id : 0,\r\n\t\t\tOrderId: this.state.orderId,\r\n\t\t\t// OrderLineId: null,\r\n\t\t\tCustomerPaymentStatusId: null,\r\n\t\t\tCustomerPaymentStatusName: null,\r\n\t\t\tSampleBookId: null,\r\n\t\t\tReferenceNumber: orderPayment.referenceNumber,\r\n\t\t\tPayToName: orderPayment.payToName,\r\n\t\t\tCheckNumber: orderPayment.checkNumber,\r\n\t\t\tAmountPaid: Number(orderPayment.amountPaid),\r\n\t\t\tForWhat: orderPayment.forWhat,\r\n\t\t\t// InvoiceNumber: orderPayment.invoiceNumber,\r\n\t\t\tComment: orderPayment.comment,\r\n\t\t\tPaymentTypeId: orderPayment.paymentType.value,\r\n\t\t\tCreatedAt: new Date(),\r\n\t\t\tCreatedByUserId: this.props.currentUser.id,\r\n\t\t\tDateReceived: orderPayment.dateReceived,\r\n\t\t\tExpDate: orderPayment.expDate,\r\n\t\t\tCardNumber: orderPayment.cardNumber,\r\n\t\t\tBillingName: orderPayment.billingName,\r\n\t\t\tBillingZip: orderPayment.billingZip,\r\n\t\t\tCreditCardTypeId: orderPayment.creditCardType ? orderPayment.creditCardType.value : null,\r\n\t\t\tCreditCardTypeName: orderPayment.creditCardType ? orderPayment.creditCardType.label : null,\r\n\t\t\tDeactivatedAt: null,\r\n\t\t\tDeactivatedByUserId: null,\r\n\t\t\tCustomerCreditId: orderPayment.customerOutstandingCredit ? orderPayment.customerOutstandingCredit.value : null\r\n\t\t};\r\n\t\treturn formattedOrderPayment;\r\n\t}\r\n\r\n\tsaveOrderPayment() {\r\n\t\twindow.scroll(0, 0);\r\n\t\tif (!this.isOrderPaymentFormValid()) return;\r\n\t\tconst OrderPaymentDto = this.formatOrderPaymentPayload();\r\n\t\tapi.post(\"Order/SaveOrderPayment\", OrderPaymentDto)\r\n\t\t\t.then(response => {\r\n\t\t\t\tif (response.data.success) {\r\n\t\t\t\t\tthis.getOrderPayments(this.state.orderId);\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\torderPayment: emptyOrderPayment,\r\n\t\t\t\t\t\taddUpdatePayment: false,\r\n\t\t\t\t\t\tmessage: null,\r\n\t\t\t\t\t\tmessageFlavor: null\r\n\t\t\t\t\t}, () => this.getCustomer(this.state.order.customer.value));\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.setState({ messageFlavor: \"danger\", message: response.data.message });\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\t}\r\n\r\n\tupdateOrderPayment(orderPayment) {\r\n\t\tthis.setState({\r\n\t\t\torderPayment: orderPayment,\r\n\t\t\taddUpdatePayment: true\r\n\t\t});\r\n\t}\r\n\r\n\thandleDelete(orderPaymentId) {\r\n\t\tapi\r\n\t\t\t.post(`Order/DeleteOrderPayment/${orderPaymentId}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tthis.getOrderPayments(this.state.orderId);\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\t}\r\n\r\n\thandleUndelete(orderPaymentId) {\r\n\t\tapi\r\n\t\t\t.post(`Order/ReviveOrderPayment/${orderPaymentId}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tthis.getOrderPayments(this.state.orderId);\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\t}\r\n\r\n\t//Order Fulfillments:\r\n\tcreateInitialOrderFulfillments() {\r\n\t\tapi.fetch(`Order/CreateInitialOrderFulfillments/${this.state.orderId}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\torderFulfillments: response.data\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\t}\r\n\r\n\taddNewFulfillment() {\r\n\t\tthis.setState({\r\n\t\t\torderFulfillment: emptyOrderFulfillment,\r\n\t\t\taddNewFulfillment: !this.state.addNewFulfillment\r\n\t\t});\r\n\t}\r\n\r\n\thandleOrderFullfillmentSelectChange(elementName, selection) {\r\n\t\tthis.setState({\r\n\t\t\torderFulfillment: {\r\n\t\t\t\t...this.state.orderFulfillment,\r\n\t\t\t\t[elementName]: selection\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\thandleFulfillmentStateUpdate(fieldName, value) {\r\n\t\tthis.setState(prevState => ({\r\n\t\t\t...prevState,\r\n\t\t\torderFulfillment: {\r\n\t\t\t\t...prevState.orderFulfillment,\r\n\t\t\t\t[fieldName]: value\r\n\t\t\t}\r\n\t\t}));\r\n\t}\r\n\r\n\teditOrderFulfillment(orderFulfillmentId) {\r\n\t\tconst indexToEdit = _.findIndex(this.state.orderFulfillments, { id: orderFulfillmentId });\r\n\t\tlet tempList = this.state.orderFulfillments.slice();\r\n\t\tconst snapshotItem = Object.assign({}, tempList[indexToEdit]);\r\n\t\ttempList[indexToEdit].isEditing = true;\r\n\t\ttempList[indexToEdit].pristine = snapshotItem;\r\n\t\tthis.setState({\r\n\t\t\torderFulfillments: tempList\r\n\t\t});\r\n\t}\r\n\r\n\tupdateOrderFulfillmentStatus(selection, orderFulfillmentId) {\r\n\t\tconst tempList = this.state.orderFulfillments.slice();\r\n\t\tconst fulfillment = _.find(tempList, x => x.id === orderFulfillmentId);\r\n\t\tfulfillment.orderFulfillmentStatus = {\r\n\t\t\tvalue: selection.value,\r\n\t\t\tlabel: selection.label\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\torderFulfillments: tempList\r\n\t\t});\r\n\t}\r\n\r\n\r\n\thandleEditFulfillmentStateUpdate(fieldName, value, orderFulfillmentId) {\r\n\t\tconst orderFulfillments = this.state.orderFulfillments.slice();\r\n\t\tconst orderFulfillment = _.find(orderFulfillments, x => x.id === orderFulfillmentId);\r\n\t\torderFulfillment[fieldName] = value;\r\n\t\tthis.setState({\r\n\t\t\torderFulfillments: orderFulfillments\r\n\t\t});\r\n\t}\r\n\r\n\teditFulfillmentDateChange(fieldName, orderFulfillmentId, date) {\r\n\t\tconst orderFulfillments = this.state.orderFulfillments.slice();\r\n\t\tconst orderFulfillment = _.find(orderFulfillments, x => x.id === orderFulfillmentId);\r\n\t\torderFulfillment[fieldName] = date;\r\n\t\tthis.setState({\r\n\t\t\torderFulfillments: orderFulfillments\r\n\t\t});\r\n\t}\r\n\r\n\tonCancelEditOrderFulfillment(orderFulfillmentId) {\r\n\t\tconst indexToEdit = _.findIndex(this.state.orderFulfillments, { id: orderFulfillmentId });\r\n\t\tlet tempList = this.state.orderFulfillments.slice();\r\n\t\ttempList[indexToEdit] = tempList[indexToEdit].pristine;\r\n\t\tthis.setState({\r\n\t\t\torderFulfillments: tempList,\r\n\t\t\tmessage: null,\r\n\t\t\tmessageFlavor: null\r\n\t\t});\r\n\t}\r\n\r\n\tisOrderFulfillmentFormValid(fulfillment) {\r\n\t\tconst warnings = [];\r\n\t\tif (!fulfillment.orderFulfillmentStatus) {\r\n\t\t\twarnings.push(\"Fulfillment status is required.\");\r\n\t\t}\r\n\t\tif (!fulfillment.supplier && !fulfillment.freightCarrier) {\r\n\t\t\twarnings.push(\"Pay To is required.\");\r\n\t\t}\r\n\t\tif (isNaN(Number(fulfillment.amountDue)) || fulfillment.amountDue === '') {\r\n\t\t\twarnings.push(\"Amount Due is required.\");\r\n\t\t}\r\n\t\tif (warnings.length) {\r\n\t\t\tthis.setState({ message: warnings.join(' '), messageFlavor: \"danger\" });\r\n\t\t}\r\n\t\treturn warnings.length === 0;\r\n\t}\r\n\r\n\tformatOrderFulfillmentForPayload(orderFulfillment) {\r\n\t\tconst formattedOrderFulfillment = {\r\n\t\t\tId: orderFulfillment.id ? orderFulfillment.id : 0,\r\n\t\t\tOrderId: this.state.orderId,\r\n\t\t\tOrderFulfillmentStatusId: orderFulfillment.orderFulfillmentStatus ? orderFulfillment.orderFulfillmentStatus.value : orderFulfillment.orderFulfillmentStatusId,\r\n\t\t\tSupplierId: orderFulfillment.supplier ? orderFulfillment.supplier.value : orderFulfillment.supplierId,\r\n\t\t\tFreightCarrierId: orderFulfillment.freightCarrier ? orderFulfillment.freightCarrier.value : orderFulfillment.freightCarrierId,\r\n\t\t\tReferenceNumber: orderFulfillment.referenceNumber,\r\n\t\t\tInvoiceNumber: orderFulfillment.invoiceNumber,\r\n\t\t\tCheckNumber: orderFulfillment.checkNumber,\r\n\t\t\tAmountDue: Number(orderFulfillment.amountDue),\r\n\t\t\tAmountPosted: Number(orderFulfillment.amountPosted),\r\n\t\t\tNotes: orderFulfillment.notes,\r\n\t\t\tBillDate: orderFulfillment.billDate,\r\n\t\t\tDueDate: orderFulfillment.dueDate,\r\n\t\t\tPayDate: orderFulfillment.payDate,\r\n\t\t\tCreatedAt: moment(),\r\n\t\t\tCreatedByUserId: this.props.currentUser.id\r\n\t\t};\r\n\t\treturn formattedOrderFulfillment;\r\n\t}\r\n\r\n\tsaveOrderFulfillment(orderFulfillment) {\r\n\t\twindow.scroll(0, 0);\r\n\t\tif (!this.isOrderFulfillmentFormValid(orderFulfillment)) return;\r\n\t\tconst payload = this.formatOrderFulfillmentForPayload(orderFulfillment);\r\n\t\tapi.post(\"Order/SaveOrderFulfillment\", payload)\r\n\t\t\t.then(response => {\r\n\t\t\t\tif (response.data.success) {\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\torderFulfillment: emptyOrderFulfillment,\r\n\t\t\t\t\t\taddNewFulfillment: false,\r\n\t\t\t\t\t\tmessage: null,\r\n\t\t\t\t\t\tmessageFlavor: null\r\n\t\t\t\t\t}, () => this.getOrderFulfillments(this.state.orderId));\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.setState({ messageFlavor: \"danger\", message: response.data.message });\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\t}\r\n\r\n\tdeleteOrderFulfillment(orderFulfillmentId) {\r\n\t\tif (!window.confirm('This is a permanent delete. Are you sure?')) return;\r\n\t\tapi.post(`Order/DeleteOrderFulfillment/${orderFulfillmentId}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tthis.getOrderFulfillments(this.state.orderId);\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\t}\r\n\r\n\treviveOrderFulfillment(orderFulfillmentId) {\r\n\t\tapi.post(`Order/ReviveOrderFulfillment/${orderFulfillmentId}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tthis.getOrderFulfillments(this.state.orderId);\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\t}\r\n\r\n\r\n\t// rug component stuff\r\n\ttoggleCutCharge() {\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\trugHasCutCharge: !this.state.orderLine.rugHasCutCharge\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\ttoggleArmor() {\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\trugHasEndArmor: !this.state.orderLine.rugHasEndArmor\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\ttoggleInboundFreight() {\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\trugHasInboundFreight: !this.state.orderLine.rugHasInboundFreight\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\ttoggleBacking() {\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\trugHasBacking: !this.state.orderLine.rugHasBacking\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\ttogglePad() {\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\trugHasPad: !this.state.orderLine.rugHasPad\r\n\t\t\t}\r\n\t\t}, () => {\r\n\t\t\tthis.setRugValidity()\r\n\t\t})\r\n\t}\r\n\r\n\ttoggleClippedCorners() {\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\trugHasClippedCorners: !this.state.orderLine.rugHasClippedCorners\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\ttoggleLaborCutout() {\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\trugHasLaborCutout: !this.state.orderLine.rugHasLaborCutout\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\ttoggleLaborRound() {\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\trugHasLaborRound: !this.state.orderLine.rugHasLaborRound\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\ttoggleEdgeOptions() {\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\tedgeOptionsOpen: !this.state.orderLine.edgeOptionsOpen\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\tsetRugEdge(rugEdgeName) {\r\n\t\t// refreshRugDescription\r\n\t\tlet edgeSuffix;\r\n\t\tif (rugEdgeName === EDGE_TYPES.MITERED) {\r\n\t\t\tedgeSuffix = 'Serged to Match Background';\r\n\t\t} else {\r\n\t\t\tedgeSuffix = 'Serged';\r\n\t\t}\r\n\t\tlet rugDescription = this.state.orderLine.rugWidthFeet + \"\\' \" + this.state.orderLine.rugWidthInches + \"\\\" x \" + this.state.orderLine.rugLengthFeet + \"\\' \" + this.state.orderLine.rugLengthInches + \"\\\" Custom Rug-\" + edgeSuffix;\r\n\t\tthis.setState({\r\n\t\t\tselectedRugEdge: rugEdgeName,\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\trugDsc: rugDescription\t\t\t// Doesn't work\r\n\t\t\t}\r\n\t\t}, () => {\r\n\t\t\tthis.setRugValidity();\r\n\t\t})\r\n\t}\r\n\r\n\t// Set rug properties\r\n\tasync initializeRugOrder() {\r\n\t\tawait this.rugSizeChange();\r\n\t\tawait this.setSelectedPad(this.state.orderLine.selectedPad);\t// Already set to default pad\r\n\t\tconst selectedSerging = this.state.sergingList[0];\r\n\t\tconst selectedMSerging = this.state.mSergingList[0];\r\n\t\tconst selectedHSSerging = this.state.hsSergingList[0];\r\n\t\tthis.sergingSelected(selectedSerging);\r\n\t\tthis.mSergingSelected(selectedMSerging);\r\n\t\tthis.hsSergingSelected(selectedHSSerging);\r\n\t}\r\n\r\n\tasync sergingSelected(selection) {\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\tselectedSerging: selection,\r\n\t\t\t\tsergingCostPer: _.round(selection.unitCost, 2).toFixed(2),\r\n\t\t\t\tsergingPricePer: _.round(selection.unitPrice, 2).toFixed(2)\r\n\t\t\t}\r\n\t\t}, () => { this.updateSergingTotals() })\r\n\t}\r\n\r\n\tasync updateSergingTotals() {\r\n\t\tconst totalSergingPrice = this.state.orderLine.sergingPricePer * this.state.orderLine.finishedEdgeFt;\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\tsergingCostPer: _.round(this.state.orderLine.sergingCostPer, 2).toFixed(2),\r\n\t\t\t\tsergingPricePer: _.round(this.state.orderLine.sergingPricePer, 2).toFixed(2),\r\n\t\t\t\tsergingCmsnRate: _.round(this.state.orderLine.sergingCmsnRate, 2).toFixed(2),\r\n\t\t\t\ttotalSergingPrice: _.round(totalSergingPrice, 2).toFixed(2),\r\n\t\t\t\ttotalSergingCost: _.round(this.state.orderLine.sergingCostPer * this.state.orderLine.finishedEdgeFt, 2).toFixed(2),\r\n\t\t\t\tsergingCmsn: _.round((this.state.orderLine.sergingCmsnRate / 100.0) * totalSergingPrice, 2).toFixed(2)\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\tasync mSergingSelected(selection) {\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\tselectedMSerging: selection,\r\n\t\t\t\tmSergingCostPer: _.round(selection.unitCost, 2).toFixed(2),\r\n\t\t\t\tmSergingPricePer: _.round(selection.unitPrice, 2).toFixed(2)\r\n\t\t\t}\r\n\t\t}, () => { this.updateMSergingTotals() })\r\n\t}\r\n\r\n\tasync updateMSergingTotals() {\r\n\t\tconst totalMSergingPrice = this.state.orderLine.mSergingPricePer * this.state.orderLine.finishedEdgeFt;\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\tmSergingCostPer: _.round(this.state.orderLine.mSergingCostPer, 2).toFixed(2),\r\n\t\t\t\tmSergingPricePer: _.round(this.state.orderLine.mSergingPricePer, 2).toFixed(2),\r\n\t\t\t\tmSergingCmsnRate: _.round(this.state.orderLine.mSergingCmsnRate, 2).toFixed(2),\r\n\t\t\t\ttotalMSergingPrice: _.round(totalMSergingPrice, 2).toFixed(2),\r\n\t\t\t\ttotalMSergingCost: _.round(this.state.orderLine.mSergingCostPer * this.state.orderLine.finishedEdgeFt, 2).toFixed(2),\r\n\t\t\t\tmSergingCmsn: _.round((this.state.orderLine.mSergingCmsnRate / 100.0) * totalMSergingPrice, 2).toFixed(2)\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\tasync hsSergingSelected(selection) {\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\tselectedHSSerging: selection,\r\n\t\t\t\thsSergingCostPer: _.round(selection.unitCost, 2).toFixed(2),\r\n\t\t\t\thsSergingPricePer: _.round(selection.unitPrice, 2).toFixed(2)\r\n\t\t\t}\r\n\t\t}, () => { this.updateHSSergingTotals() })\r\n\t}\r\n\r\n\tupdateHSSergingTotals() {\r\n\t\tconst totalHSSergingPrice = this.state.orderLine.hsSergingPricePer * this.state.orderLine.finishedEdgeFt;\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\thsSergingCostPer: _.round(this.state.orderLine.hsSergingCostPer, 2).toFixed(2),\r\n\t\t\t\thsSergingPricePer: _.round(this.state.orderLine.hsSergingPricePer, 2).toFixed(2),\r\n\t\t\t\thsSergingCmsnRate: _.round(this.state.orderLine.hsSergingCmsnRate, 2).toFixed(2),\r\n\t\t\t\ttotalHSSergingPrice: _.round(totalHSSergingPrice, 2).toFixed(2),\r\n\t\t\t\ttotalHSSergingCost: _.round(this.state.orderLine.hsSergingCostPer * this.state.orderLine.finishedEdgeFt, 2).toFixed(2),\r\n\t\t\t\thsSergingCmsn: _.round((this.state.orderLine.hsSergingCmsnRate / 100.0) * totalHSSergingPrice, 2).toFixed(2),\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\trefreshRugDescription() {\r\n\t\tlet edgeSuffix;\r\n\t\tif (this.state.selectedRugEdge === EDGE_TYPES.MITERED) {\r\n\t\t\tedgeSuffix = 'Serged to Match Background';\r\n\t\t} else {\r\n\t\t\tedgeSuffix = 'Serged';\r\n\t\t}\r\n\t\tconst rugDsc = this.state.orderLine.rugWidthFeet + \"\\' \" + this.state.orderLine.rugWidthInches + \"\\\" x \" + this.state.orderLine.rugLengthFeet + \"\\' \" + this.state.orderLine.rugLengthInches + \"\\\" Custom Rug-\" + edgeSuffix;\r\n\t\treturn rugDsc;\r\n\t}\r\n\r\n\tcalculateFieldDsc() {\r\n\t\tlet dsc;\r\n\t\tif (this.state.orderLine.selectedField) {\r\n\t\t\tdsc = calc.getFieldDescription(this.state.orderLine.selectedField.label, this.state.orderLine.selectedFieldColor); // ${this.state.orderLine.totalFieldUnits ? this.state.orderLine.totalFieldUnits : ''} ${this.state.orderLine.fieldPriceUnitType ? this.state.orderLine.fieldPriceUnitType.label : ''}\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\tdsc: dsc\r\n\t\t\t}\r\n\t\t}, () => \tthis.setRugValidity());\r\n\t}\r\n\r\n\tsetFinishedRugSize(option) {\r\n\t\t\tthis.setState({\r\n\t\t\t\torderLine: {\r\n\t\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t\tfinishedSize: option,\r\n\t\t\t\t\trugWidthFeet: option.rugWidthFeet,\r\n\t\t\t\t\trugWidthInches: option.rugWidthInches,\r\n\t\t\t\t\trugLengthFeet: option.rugLengthFeet,\r\n\t\t\t\t\trugLengthInches: option.rugLengthInches\r\n\t\t\t\t}\r\n\t\t\t}, () => this.rugSizeChange());\r\n\t}\r\n\r\n onChangeAdditionalRugField(line, fieldName, value) {\r\n \tlet payload = {\r\n\t\t\tid: line.id,\r\n\t\t\trugStyle: line.rugStyle,\r\n\t\t\tfinishedEdge: line.finishedEdge,\r\n\t\t\tlaborCost: line.laborCost,\r\n\t\t\ttotalAgreedCharges: line.totalAgreedCharges,\r\n\t\t\tsendScrap: line.sendScrap\r\n\t\t};\r\n\t\tpayload[fieldName] = value;\r\n\t\tapi.post('order/SaveAdditionalRugLineFields', payload).then(r => {\r\n\t\t\tif (r.data.success) {\r\n\t\t\t\tlet newLines = this.state.orderLines.slice();\r\n\t\t\t\tconst idx = _.findIndex(newLines, ln => ln.id === line.id);\r\n\t\t\t\tnewLines[idx][fieldName] = value;\r\n\t\t\t\tthis.setState({orderLines: newLines});\r\n\t\t\t} else {\r\n\t\t\t\tAlert.error(`Failed to save the ${fieldName} value!`);\r\n\t\t\t}\r\n\t\t}).catch(error => {\r\n\t\t\tconsole.error(error);\r\n\t\t\tAlert.error(\"There was an error saving the rug line \" + fieldName);\r\n\t\t});\r\n }\r\n\r\n // renderSignOffForm(lineId) {\r\n\t// \tif (!this.state.orderId) {\r\n\t// \t\tconsole.warn(\"orderId is empty\");\r\n\t// \t\treturn;\r\n\t// \t}\r\n\t// \t/*\r\n\t// \tthe following fields may need to be captured, remembered and defaulted for orderline with a dialog:\r\n\t// \t\tContactFullName, OverallSize, FinishedEdge, RugCost, PadCost, OtherCost, TotalCost\r\n\t// \t*/\r\n\t// \tthis.setState({ printing: true }, () => {\r\n\t// \t\tconst pdfWindow = window.open();\r\n\t// \t\tapi.post_get_blob(`order/GetRugSignOffPDF/${this.state.orderId}/${lineId}`, {}).then(r => {\r\n\t// \t\t\tif (r.status !== 200) {\r\n\t// \t\t\t\tthrow new Error(\"Error rendering document\");\r\n\t// \t\t\t}\r\n\t// \t\t\tconst file = new Blob([r.data], { type: \"application/pdf\" });\r\n\t// \t\t\tconst fileURL = URL.createObjectURL(file);\r\n\t// \t\t\tpdfWindow.location.href = fileURL;\r\n\t// \t\t}).catch(error => {\r\n\t// \t\t\tconsole.log(error);\r\n\t// \t\t\tAlert.error(\"There was an error downloading the document\");\r\n\t// \t\t\tpdfWindow.close();\r\n\t// \t\t}).finally(() => this.setState({ printing: false }))\r\n\t// \t});\r\n // }\r\n\r\n renderWorkorderForm(lineId) {\r\n\t\tif (!this.state.orderId) {\r\n\t\t\tconsole.warn(\"orderId is empty\");\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tthis.setState({ printing: true }, () => {\r\n\t\t\tconst pdfWindow = window.open();\r\n\t\t\tapi.post_get_blob(`order/GetRugWorkOrderPDF/${this.state.orderId}/${lineId}`, {}).then(r => {\r\n\t\t\t\tif (r.status !== 200) {\r\n\t\t\t\t\tthrow new Error(\"Error rendering document\");\r\n\t\t\t\t}\r\n\t\t\t\tconst file = new Blob([r.data], { type: \"application/pdf\" });\r\n\t\t\t\tconst fileURL = URL.createObjectURL(file);\r\n\t\t\t\tpdfWindow.location.href = fileURL;\r\n\t\t\t}).catch(error => {\r\n\t\t\t\tconsole.log(error);\r\n\t\t\t\tAlert.error(\"There was an error downloading the document\");\r\n\t\t\t\tpdfWindow.close();\r\n\t\t\t}).finally(() => this.setState({ printing: false }))\r\n\t\t});\r\n }\r\n\r\n\tasync rugSizeChange() {\r\n\t\tlet rugDsc = this.refreshRugDescription();\r\n\t\tlet { sqFt, finishedEdgeFt } = calc.calculateSqFeetAndFinEdgeFt(\r\n\t\t\tthis.state.orderLine.rugLengthFeet,\r\n\t\t\tthis.state.orderLine.rugLengthInches,\r\n\t\t\tthis.state.orderLine.rugWidthFeet,\r\n\t\t\tthis.state.orderLine.rugWidthInches);\r\n\t\tlet {\r\n\t\t\ttotalRugBackingPrice,\r\n\t\t\ttotalRugBackingCost,\r\n\t\t\trugBackingCmsn,\r\n\t\t\ttotalSergingPrice,\r\n\t\t\ttotalSergingCost,\r\n\t\t\tsergingCmsn,\r\n\t\t\ttotalMSergingPrice,\r\n\t\t\ttotalMSergingCost,\r\n\t\t\tmSergingCmsn,\r\n\t\t\ttotalHSSergingPrice,\r\n\t\t\ttotalHSSergingCost,\r\n\t\t\thsSergingCmsn\r\n\t\t} = calc.calculateRugExtraCosts(this.state.orderLine, sqFt, finishedEdgeFt);\r\n\t\tawait this.setFieldDefaultSize();\r\n\t\tawait this.defaultPadRequired();\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\tsqFt: sqFt,\r\n\t\t\t\trugDsc: rugDsc,\r\n\t\t\t\tfinishedEdgeFt: finishedEdgeFt,\r\n\t\t\t\ttotalRugBackingUnits: sqFt,\r\n\t\t\t\ttotalRugBackingPrice: _.round(totalRugBackingPrice, 2).toFixed(2),\r\n\t\t\t\ttotalRugBackingCost: _.round(totalRugBackingCost, 2).toFixed(2),\r\n\t\t\t\trugBackingCmsn: _.round(rugBackingCmsn, 2).toFixed(2),\r\n\t\t\t\ttotalSergingPrice: _.round(totalSergingPrice, 2).toFixed(2),\r\n\t\t\t\ttotalSergingCost: _.round(totalSergingCost, 2).toFixed(2),\r\n\t\t\t\tsergingCmsn: _.round(sergingCmsn, 2).toFixed(2),\r\n\t\t\t\ttotalMSergingPrice: _.round(totalMSergingPrice, 2).toFixed(2),\r\n\t\t\t\ttotalMSergingCost: _.round(totalMSergingCost, 2).toFixed(2),\r\n\t\t\t\tmSergingCmsn: _.round(mSergingCmsn, 2).toFixed(2),\r\n\t\t\t\ttotalHSSergingPrice: _.round(totalHSSergingPrice, 2).toFixed(2),\r\n\t\t\t\ttotalHSSergingCost: _.round(totalHSSergingCost, 2).toFixed(2),\r\n\t\t\t\thsSergingCmsn: _.round(hsSergingCmsn, 2).toFixed(2)\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\tasync setSelectedField(option) {\r\n\t\tawait api.fetch(`Order/GetActiveProductColors/${option.value}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tproductColorsList: response.data,\r\n\t\t\t\t\torderLine: {\r\n\t\t\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t\t\tselectedFieldColor: response.data.length > 0 ? response.data[0] : null\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\r\n\t\tawait api.fetch(`Product/GetProductWidths/${option.value}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tconst widths = _.map(response.data, w => {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tvalue: w.widthId,\r\n\t\t\t\t\t\tlabel: w.widthName,\r\n\t\t\t\t\t\twidthNumericFeet: w.widthNumericFeet\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\torderLine: {\r\n\t\t\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t\t\twidthsList: widths,\r\n\t\t\t\t\t\tselectedFieldWidth: widths.length > 0 ? widths[0] : null\r\n\t\t\t\t\t\t//width: widths.length > 0 ? widths[0] : null\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\r\n\t\tawait\tapi.fetch(`Product/GetProductWithOrder/${option.value}/${this.state.orderId}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\torderLine: {\r\n\t\t\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t\t\tselectedField: option,\r\n\t\t\t\t\t\tfieldCostPer: _.round(response.data.unitCost, 2).toFixed(2),\r\n\t\t\t\t\t\tfieldPricePer: _.round(response.data.unitPrice, 2).toFixed(2),\r\n\t\t\t\t\t\tfieldRepeatWidth: _.round(response.data.repeatWidth, 3).toFixed(3),\r\n\t\t\t\t\t\tfieldRepeatLength: _.round(response.data.repeatLength, 3).toFixed(3),\r\n\t\t\t\t\t\tfieldPriceUnitType: helpers.resolveValue(\r\n\t\t\t\t\t\t\tnull,\r\n\t\t\t\t\t\t\tresponse.data.priceUnitTypeId,\r\n\t\t\t\t\t\t\tresponse.data.priceUnitTypeName),\r\n\t\t\t\t\t\trepeatDsc: _.round(response.data.repeatWidth, 3).toFixed(3) + ' x ' + _.round(response.data.repeatLength, 3).toFixed(3),\r\n\t\t\t\t\t\tfieldRun: response.data.run,\r\n\t\t\t\t\t\tproductAllowCommission: response.data.allowCommission,\r\n\t\t\t\t\t}\r\n\t\t\t\t}, this.setFieldDefaultSize);\r\n\t\t\t}).catch(helpers.catchHandler);\r\n\t}\r\n\r\n\tasync setFieldDefaultSize() {\r\n\t\tlet orderLine = Object.assign({}, this.state.orderLine);\r\n\t\tconsole.log('orderLine', orderLine);\r\n\t\tconst {\r\n\t\t\tselectedField,\r\n\t\t\tfieldRepeatLength,\r\n\t\t\tfieldRepeatWidth\t\r\n\t\t} = orderLine;\r\n\t\tif (orderLine && orderLine.selectedField) {\r\n\t\t\tconst payload = {\r\n\t\t\t\tCustomWidth: Number(parseFloat(orderLine.rugWidthFeet) + parseFloat(orderLine.rugWidthInches / 12.0)),\r\n\t\t\t\tCustomLength: Number(parseFloat(orderLine.rugLengthFeet) + parseFloat(orderLine.rugLengthInches / 12.0)),\r\n\t\t\t\tProductId: Number(orderLine.selectedField.value)\r\n\t\t\t}\r\n\t\t\tlet resp = await calc.getDefaultFieldSize(payload, selectedField, fieldRepeatLength, fieldRepeatWidth);\r\n\t\t\tthis.applyDefaultSizes(resp);\r\n\t\t}\r\n\t}\r\n\r\n\tapplyDefaultSizes(results) {\r\n\t\tconst {\r\n\t\t appliedFieldRepeat, fieldLengthFeet, fieldLengthInches, widthFeetName\r\n\t\t} = results;\r\n\t\tvar width = _.find(this.state.orderLine.widthsList, w => { return w.label === widthFeetName });\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\tappliedFieldRepeat: appliedFieldRepeat,\r\n\t\t\t\tfieldLengthFeet: fieldLengthFeet,\r\n\t\t\t\tfieldLengthInches: fieldLengthInches ? fieldLengthInches : 0,\r\n\t\t\t\tselectedFieldWidth: width\r\n\t\t\t}\r\n\t\t}, this.fieldSizeChange);\r\n\t}\r\n\r\n\tfieldSizeChange() {\r\n\t let totalFieldUnits;\r\n\t if (this.state.orderLine && this.state.orderLine.selectedFieldWidth) {\r\n\t\t\ttotalFieldUnits = calc.calculateFieldUnits(\r\n\t\t\t this.state.orderLine.selectedFieldWidth.widthNumericFeet,\r\n\t\t\t this.state.orderLine.fieldLengthFeet,\r\n\t\t\t this.state.orderLine.fieldLengthInches,\r\n\t\t\t this.state.orderLine.fieldPriceUnitType && this.state.orderLine.fieldPriceUnitType.label\r\n\t\t\t);\r\n\t }\r\n\t if (totalFieldUnits) {\r\n\t\t\tthis.setState({\r\n\t\t\t orderLine: {\r\n\t\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t\ttotalFieldUnits: totalFieldUnits\r\n\t\t\t }\r\n\t\t\t}, this.updateFieldTotals);\r\n\t }\r\n\t}\r\n\r\n\tupdateFieldTotals() {\r\n\t\tlet totalFieldPrice = this.state.orderLine.fieldPricePer * this.state.orderLine.totalFieldUnits;\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\tfieldCostPer: _.round(this.state.orderLine.fieldCostPer, 2).toFixed(2),\r\n\t\t\t\tfieldPricePer: _.round(this.state.orderLine.fieldPricePer, 2).toFixed(2),\r\n\t\t\t\tfieldCmsnRate: _.round(this.state.orderLine.fieldCmsnRate, 2).toFixed(2),\r\n\t\t\t\ttotalFieldPrice: _.round(totalFieldPrice, 2).toFixed(2),\r\n\t\t\t\ttotalFieldCost: _.round(this.state.orderLine.fieldCostPer * this.state.orderLine.totalFieldUnits, 2).toFixed(2),\r\n\t\t\t\tfieldCmsn: _.round((this.state.orderLine.fieldCmsnRate / 100.0) * totalFieldPrice, 2).toFixed(2)\r\n\t\t\t}\r\n\t\t}, this.calculateFieldDsc);\r\n\t}\r\n\r\n\tasync updateRugBackingTotals() {\r\n\t\tlet totalRugBackingPrice = this.state.orderLine.rugBackingPricePer * this.state.orderLine.totalRugBackingUnits;\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\trugBackingCostPer: _.round(this.state.orderLine.rugBackingCostPer, 2).toFixed(2),\r\n\t\t\t\trugBackingPricePer: _.round(this.state.orderLine.rugBackingPricePer, 2).toFixed(2),\r\n\t\t\t\trugBackingCmsnRate: _.round(this.state.orderLine.rugBackingCmsnRate, 2).toFixed(2),\r\n\t\t\t\ttotalRugBackingPrice: _.round(totalRugBackingPrice, 2).toFixed(2),\r\n\t\t\t\ttotalRugBackingCost: _.round(this.state.orderLine.rugBackingCostPer * this.state.orderLine.totalRugBackingUnits, 2).toFixed(2),\r\n\t\t\t\trugBackingCmsn: _.round((this.state.orderLine.rugBackingCmsnRate / 100.0) * totalRugBackingPrice, 2).toFixed(2)\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tsetSelectedPad(option) {\r\n\t\tapi.fetch(`Product/GetProductWidths/${option.value}`).then(response => {\r\n\t\t\t\tconst widths = _.map(response.data, w => {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tvalue: w.widthId,\r\n\t\t\t\t\t\tlabel: w.widthName,\r\n\t\t\t\t\t\twidthNumericFeet: w.widthNumericFeet\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tpadWidthList: widths,\r\n\t\t\t\t\torderLine: {\r\n\t\t\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t\t\tselectedPadWidth: widths.length > 0 ? widths[0] : null\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\r\n\t\tapi.fetch(`Product/GetProductWithOrder/${option.value}/${this.state.orderId}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\torderLine: {\r\n\t\t\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t\t\tselectedPad: option,\r\n\t\t\t\t\t\tpadCostPer: _.round(response.data.unitCost, 2).toFixed(2),\r\n\t\t\t\t\t\tpadPricePer: _.round(response.data.unitPrice, 2).toFixed(2),\r\n\t\t\t\t\t\tpadPriceUnitType: helpers.resolveValue(\r\n\t\t\t\t\t\t\tnull,\r\n\t\t\t\t\t\t\tresponse.data.priceUnitTypeId,\r\n\t\t\t\t\t\t\tresponse.data.priceUnitTypeName)\r\n\t\t\t\t\t}\r\n\t\t\t\t}, () => {\r\n\t\t\t\t\tthis.defaultPadRequired();\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\t}\r\n\r\n\tasync defaultPadRequired() {\r\n\t\t// default pad length to meet sq ft requirements\r\n\t\tlet padLengthFeet = \"0\";\r\n\t\tif (this.state.orderLine.selectedPadWidth) {\r\n\t\t\tlet dimA = (this.state.orderLine.rugWidthInches / 12.0) + parseFloat(this.state.orderLine.rugWidthFeet.toString());\r\n\t\t\tlet dimB = (this.state.orderLine.rugLengthInches / 12.0) + parseFloat(this.state.orderLine.rugLengthFeet.toString());\r\n\t\t\tlet longer = dimA > dimB ? dimA : dimB;\r\n\t\t\tlet shorter = dimA > dimB ? dimB : dimA;\r\n\t\t\t// let minLen = this.sqFt / this.selectedPadWidth.widthNumericFeet;\r\n\t\t\tif (longer <= this.state.orderLine.selectedPadWidth.widthNumericFeet) {\r\n\t\t\t\tpadLengthFeet = Math.ceil(shorter);\r\n\t\t\t} else {\r\n\t\t\t\tpadLengthFeet = Math.ceil(longer);\r\n\t\t\t}\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\tpadLengthFeet: padLengthFeet\r\n\t\t\t}\r\n\t\t}, () => this.padSizeChange())\r\n\t}\r\n\r\n\r\n\tpadSizeChange() {\r\n\t\tlet totalPadUnits;\r\n\t\tlet message;\r\n\t\tlet messageFlavor;\r\n\t\tif (!this.state.orderLine.selectedPadWidth || !this.state.orderLine.padLengthFeet) return;\r\n\t\tlet lngth = parseFloat(this.state.orderLine.padLengthFeet.toString());\r\n\t\tif (isNaN(lngth)) return;\r\n\t\tlet widthNumericFeet = parseFloat(this.state.orderLine.selectedPadWidth.widthNumericFeet.toString());\r\n\t\tif (this.state.orderLine.padPriceUnitType.label === \"Sq Yds\") {\r\n\t\t\tlet sqYds = ((widthNumericFeet / 3.0) * lngth) / 3.0;\r\n\t\t\tif (isNaN(sqYds)) return;\r\n\t\t\ttotalPadUnits = sqYds;\r\n\t\t} else if (this.state.orderLine.padPriceUnitType.label === \"Sq Ft\") {\r\n\t\t\ttotalPadUnits = widthNumericFeet * lngth;\r\n\t\t} else {\r\n\t\t\ttotalPadUnits = 0.0;\r\n\t\t\tmessage = \"Cannot calculate required material for this pad's price unit: \" + this.state.orderLine.padPriceUnitType.label + \". Unknown Price Units\";\r\n\t\t\tmessageFlavor = \"danger\";\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\ttotalPadUnits: _.round(totalPadUnits, 2).toFixed(2),\r\n\t\t\t},\r\n\t\t\tmessage: message,\r\n\t\t\tmessageFlavor: messageFlavor\r\n\t\t}, () => this.updatePadTotals())\r\n\t}\r\n\r\n\tupdatePadTotals() {\r\n\t\tlet totalPadPrice = this.state.orderLine.padPricePer * this.state.orderLine.totalPadUnits;\r\n\t\tlet padCutCost;\r\n\t\tlet padCutPrice;\r\n\r\n\t\tif ( (parseFloat(this.state.orderLine.totalPadUnits) <= 30 && this.state.orderLine.padPriceUnitType.value == constants.PRICE_UNIT_TYPE.SQ_FT.value)\r\n\t\t\t\t\t|| (parseFloat(this.state.orderLine.totalPadUnits) <= 30/9 && this.state.orderLine.padPriceUnitType.value == constants.PRICE_UNIT_TYPE.SQ_YARDS.value) ) {\r\n\t\t\tpadCutCost = this.state.customRugComponentProducts.Under30SFPadCutChargeProduct.unitCost\r\n\t\t\tpadCutPrice = this.state.customRugComponentProducts.Under30SFPadCutChargeProduct.unitPrice\r\n\t\t} else {\r\n\t\t\tpadCutCost = this.state.customRugComponentProducts.DefaultPadCutChargeProduct.unitCost\r\n\t\t\tpadCutPrice = this.state.customRugComponentProducts.DefaultPadCutChargeProduct.unitPrice\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\tpadCostPer: _.round(this.state.orderLine.padCostPer, 2).toFixed(2),\r\n\t\t\t\tpadPricePer: _.round(this.state.orderLine.padPricePer, 2).toFixed(2),\r\n\t\t\t\tpadCmsnRate: _.round(this.state.orderLine.padCmsnRate, 2).toFixed(2),\r\n\t\t\t\ttotalPadPrice: _.round(totalPadPrice, 2).toFixed(2),\r\n\t\t\t\ttotalPadCost: _.round(this.state.orderLine.padCostPer * this.state.orderLine.totalPadUnits, 2).toFixed(2),\r\n\t\t\t\tpadCmsn: _.round((this.state.orderLine.padCmsnRate / 100.0) * totalPadPrice, 2).toFixed(2), \r\n\t\t\t\tpadCutCost: _.round(padCutCost, 2).toFixed(2),\r\n\t\t\t\tpadCutPrice: _.round(padCutPrice, 2).toFixed(2)\r\n\t\t\t}\r\n\t\t}, () => {\r\n\t\t\tthis.setRugValidity();\r\n\t\t})\r\n\t}\r\n\r\n\tsetSelectedInboundFreight(option) {\r\n\t\tapi.fetch(`Product/GetProductWithOrder/${option.value}/${this.state.orderId}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\torderLine: {\r\n\t\t\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t\t\tselectedInboundFreight: option,\r\n\t\t\t\t\t\trugInboundFreightCost: _.round(response.data.unitCost, 2).toFixed(2),\r\n\t\t\t\t\t\trugInboundFreightPrice: _.round(response.data.unitPrice, 2).toFixed(2)\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\t}\r\n\r\n\t// rugBindingStyleSelected in original app\r\n\tsetSelectedRugBindingStyle(option) {\r\n\t\tapi.fetch(`Order/GetActiveProductColors/${option.value}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\trugBindingColorList: response.data,\r\n\t\t\t\t\torderLine: {\r\n\t\t\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t\t\tselectedRugBindingColor: response.data.length > 0 ? response.data[0] : null\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\r\n\t\tapi.fetch(`Product/GetProductWithOrder/${option.value}/${this.state.orderId}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\torderLine: {\r\n\t\t\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t\t\tselectedRugBindingStyle: option,\r\n\t\t\t\t\t\trugBindingCostPer: _.round(response.data.unitCost, 2).toFixed(2),\r\n\t\t\t\t\t\trugBindingPricePer: _.round(response.data.unitPrice, 2).toFixed(2)\r\n\t\t\t\t\t}\r\n\t\t\t\t}, () => {\r\n\t\t\t\t\tthis.updateRugBindingTotals();\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\t}\r\n\r\n\tupdateRugBindingTotals() {\r\n\t\tlet totalRugBindingPrice = this.state.orderLine.rugBindingPricePer * this.state.orderLine.finishedEdgeFt;\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\trugBindingCostPer: _.round(this.state.orderLine.rugBindingCostPer, 2).toFixed(2),\r\n\t\t\t\trugBindingPricePer: _.round(this.state.orderLine.rugBindingPricePer, 2).toFixed(2),\r\n\t\t\t\trugBindingCmsnRate: _.round(this.state.orderLine.rugBindingCmsnRate, 2).toFixed(2),\r\n\t\t\t\ttotalRugBindingPrice: _.round(totalRugBindingPrice, 2).toFixed(2),\r\n\t\t\t\ttotalRugBindingCost: _.round(this.state.orderLine.rugBindingCostPer * this.state.orderLine.finishedEdgeFt, 2).toFixed(2),\r\n\t\t\t\trugBindingCmsn: _.round((this.state.orderLine.rugBindingCmsnRate / 100.0) * totalRugBindingPrice, 2).toFixed(2)\r\n\t\t\t}\r\n\t\t}, () => {\r\n\t\t\tthis.setRugValidity();\r\n\t\t});\r\n\t}\r\n\r\n\thandleRugOrderLineStateChange(elementName, value) {\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t[elementName]: value\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\thandleRugFormSelectChange(elementName, selection) {\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t[elementName]: selection,\r\n\t\t\t}\r\n\t\t}, () => {\r\n\t\t\tif (elementName === \"selectedFieldColor\") {\r\n\t\t\t\tthis.calculateFieldDsc();\r\n\t\t\t}\r\n\t\t\tif (elementName === \"selectedBorderColor\") {\r\n\t\t\t\tthis.calculateBorderDsc();\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\thandleFieldWidthSelectChange(elementName, selection) {\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t[elementName]: selection\r\n\t\t\t}\r\n\t\t}, () => {\r\n\t\t\tthis.fieldSizeChange();\r\n\t\t});\r\n\t}\r\n\r\n\thandlePadWidthSelectChange(elementName, selection) {\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t[elementName]: selection\r\n\t\t\t}\r\n\t\t}, () => {\r\n\t\t\tthis.defaultPadRequired();\r\n\t\t});\r\n\t}\r\n\r\n\tonHasPadCutChargeChange() {\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\thasPadCutCharge: !this.state.orderLine.hasPadCutCharge\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tasync setSelectedBorder(option) {\r\n\t\tawait api.fetch(`Order/GetActiveProductColors/${option.value}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tborderColorList: response.data,\r\n\t\t\t\t\torderLine: {\r\n\t\t\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t\t\tselectedBorderColor: response.data.length > 0 ? response.data[0] : null\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\r\n\t\tawait api.fetch(`Product/GetProductWidths/${option.value}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tconst widths = _.map(response.data, w => {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tvalue: w.widthId,\r\n\t\t\t\t\t\tlabel: w.widthName,\r\n\t\t\t\t\t\twidthNumericFeet: w.widthNumericFeet\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\torderLine: {\r\n\t\t\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t\t\twidthsList: widths,\r\n\t\t\t\t\t\tselectedBorderWidth: widths.length > 0 ? widths[0] : null\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\r\n\t\tawait\tapi.fetch(`Product/GetProductWithOrder/${option.value}/${this.state.orderId}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\torderLine: {\r\n\t\t\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t\t\tselectedBorder: option,\r\n\t\t\t\t\t\tborderCostPer: _.round(response.data.unitCost, 2).toFixed(2),\r\n\t\t\t\t\t\tborderPricePer: _.round(response.data.unitPrice, 2).toFixed(2),\r\n\t\t\t\t\t\t// borderRepeatWidth: _.round(response.data.repeatWidth, 3).toFixed(3),\r\n\t\t\t\t\t\t// borderRepeatLength: _.round(response.data.repeatLength, 3).toFixed(3),\r\n\t\t\t\t\t\tborderPriceUnitType: helpers.resolveValue(\r\n\t\t\t\t\t\t\tnull,\r\n\t\t\t\t\t\t\tresponse.data.priceUnitTypeId,\r\n\t\t\t\t\t\t\tresponse.data.priceUnitTypeName),\r\n\t\t\t\t\t\t// repeatDsc: _.round(response.data.repeatWidth, 3).toFixed(3) + ' x ' + _.round(response.data.repeatLength, 3).toFixed(3),\r\n\t\t\t\t\t\t// fieldRun: response.data.run,\r\n\t\t\t\t\t\tproductAllowCommission: response.data.allowCommission,\r\n\t\t\t\t\t}\r\n\t\t\t\t}, () => {\r\n\t\t\t\t\tthis.borderSizeChange();\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch(helpers.catchHandler);\r\n\t}\r\n\r\n\tcalculateBorderDsc() {\r\n\t\tlet dsc;\r\n\t\tif (this.state.orderLine.selectedBorder) {\r\n\t\t\t// dsc = `Field (A): ${this.state.orderLine.totalFieldUnits ? this.state.orderLine.totalFieldUnits : ''} ${this.state.orderLine.fieldPriceUnitType ? this.state.orderLine.fieldPriceUnitType.label : ''} ${this.state.orderLine.selectedField ? this.state.orderLine.selectedField.label : ''} ${this.state.orderLine.selectedFieldColor ? this.state.orderLine.selectedFieldColor.label : ''}`\r\n\t\t\tdsc = `${this.state.orderLine.borderLetter ? this.state.orderLine.borderLetter + \":\" : \"\"} ${this.state.orderLine.selectedBorder ? this.state.orderLine.selectedBorder.label : \"\"} ${this.state.orderLine.selectedBorderColor ? \", \" + this.state.orderLine.selectedBorderColor.label : ''}`\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\tdsc: dsc\r\n\t\t\t}\r\n\t\t}, () => \tthis.setRugValidity());\r\n\t}\r\n\r\n\thandleBorderWidthSelectChange(elementName, selection) {\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\t[elementName]: selection\r\n\t\t\t}\r\n\t\t}, () => {\r\n\t\t\tthis.borderSizeChange();\r\n\t\t});\r\n\t}\r\n\r\n\tborderSizeChange() {\r\n\t\tlet totalBorderUnits;\r\n\t\tif (this.state.orderLine && this.state.orderLine.selectedBorderWidth) {\r\n\t\t\tlet lngth = 0;\r\n\t\t\tif ((this.state.orderLine.borderLengthFeet !== '' || this.state.orderLine.borderLengthFeet !== null)\r\n\t\t\t\t&& (this.state.orderLine.borderLengthInches !== \"\" || this.state.orderLine.borderLengthInches !== null)) {\r\n\t\t\t\tlngth = parseFloat(this.state.orderLine.borderLengthFeet.toString()) + (parseFloat(this.state.orderLine.borderLengthInches.toString()) / 12.0)\r\n\t\t\t}\r\n\t\t\tif (lngth === 0) {this.calculateBorderDsc()};\r\n\t\t\tlet widthNumericFeet = 0;\r\n\t\t\t//if (this.state.orderLine && this.state.orderLine.selectedBorderWidth) {\r\n\t\t\t\twidthNumericFeet = this.state.orderLine.selectedBorderWidth.widthNumericFeet;\r\n\t\t\t//}\r\n\t\t\tif (this.state.orderLine.borderPriceUnitType && this.state.orderLine.borderPriceUnitType.label === \"Sq Yds\") {\r\n\t\t\t\tlet sqYds = ((widthNumericFeet / 3.0) * lngth) / 3.0;\r\n\t\t\t\tif (isNaN(sqYds)) {this.calculateBorderDsc()};\r\n\t\t\t\ttotalBorderUnits = sqYds;\r\n\t\t\t} else if (this.state.orderLine.borderPriceUnitType && this.state.orderLine.borderPriceUnitType.label === \"Sq Ft\") {\r\n\t\t\t\ttotalBorderUnits = widthNumericFeet * lngth\r\n\t\t\t} else {\r\n\t\t\t\ttotalBorderUnits = \"0.0\"\r\n\t\t\t\t// message = \"Cannot calculate required material for this price unit: \" + this.state.orderLine.priceUnitType.label + \". Unknown Price Units\",\r\n\t\t\t\t// messageFlavor = \"danger\"\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\ttotalBorderUnits: _.round(totalBorderUnits, 3).toFixed(3)\r\n\t\t\t}\r\n\t\t}, () => {\r\n\t\t\tthis.updateBorderTotals()\r\n\t\t})\r\n\t}\r\n\r\n\tupdateBorderTotals() {\r\n\t\tlet totalBorderPrice = this.state.orderLine.borderPricePer * this.state.orderLine.totalBorderUnits;\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\tborderCostPer: _.round(this.state.orderLine.borderCostPer, 2).toFixed(2),\r\n\t\t\t\tborderPricePer: _.round(this.state.orderLine.borderPricePer, 2).toFixed(2),\r\n\t\t\t\tborderCmsnRate: _.round(this.state.orderLine.borderCmsnRate, 2).toFixed(2),\r\n\t\t\t\ttotalBorderPrice: _.round(totalBorderPrice, 2).toFixed(2),\r\n\t\t\t\ttotalBorderCost: _.round(this.state.orderLine.borderCostPer * this.state.orderLine.totalBorderUnits, 2).toFixed(2),\r\n\t\t\t\tborderCmsn: _.round((this.state.orderLine.borderCmsnRate / 100.0) * totalBorderPrice, 2).toFixed(2)\r\n\t\t\t}\r\n\t\t}, () => {\r\n\t\t\tthis.calculateBorderDsc();\r\n\t\t})\r\n\t}\r\n\r\n\tupdateCustomRug(customRugOrderLine) {\r\n\t\twindow.scroll(0, 0);\r\n\t\tthis.setState({\r\n\t\t\tshowOrderLineForm: false,\r\n\t\t\tcustomRugToViewEdit: customRugOrderLine\r\n\t\t});\r\n\t}\r\n\r\n\treturnToMainOrderLineScreen() {\r\n\t\twindow.scroll(0, 0);\r\n\t\tthis.setState({\r\n\t\t\tshowOrderLineForm: false,\r\n\t\t\tcustomRugToViewEdit: null\r\n\t\t}, () => this.cancelAddOrUpdateOrderLine());\r\n\t}\r\n\r\n\tisCustomRugOrderLineFormValid() { // quotes only -- angular app\r\n\t\tconst warnings = [];\r\n\t\tif (this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.CUSTOM_RUG.value) {\r\n\t\t\tif (!this.state.orderLine.rugDsc) {\r\n\t\t\t\twarnings.push(\"Rug Description is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.rugWidthFeet) {\r\n\t\t\t\twarnings.push(\"Rug Width Feet is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.rugWidthInches) {\r\n\t\t\t\twarnings.push(\"Rug Width Inches is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.rugLengthFeet) {\r\n\t\t\t\twarnings.push(\"Rug Length Feet is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.rugLengthInches) {\r\n\t\t\t\twarnings.push(\"Rug Length Inches required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.selectedField) {\r\n\t\t\t\twarnings.push(\"Field is required.\");\r\n\t\t\t}\r\n\t\t\t// if (!this.state.orderLine.selectedFieldColor) {\r\n\t\t\t// \twarnings.push(\"Field Color is required.\");\r\n\t\t\t// }\r\n\t\t\tif (!this.state.orderLine.selectedFieldWidth) {\r\n\t\t\t\twarnings.push(\"Field Width is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.fieldLengthFeet) {\r\n\t\t\t\twarnings.push(\"Field Length Feet is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.fieldLengthInches && !this.state.fieldInches === 0) {\r\n\t\t\t\t//zero is a valid number of inches\r\n\t\t\t\twarnings.push(\"Field Length Inches is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.fieldPricePer) {\r\n\t\t\t\twarnings.push(\"Field Unit Price is required.\");\r\n\t\t\t}\r\n\t\t\tif (!this.state.orderLine.fieldCmsnRate) {\r\n\t\t\t\twarnings.push(\"Field Commission Rate is required.\");\r\n\t\t\t}\r\n\t\t\tif (this.state.orderLine.rugHasCutCharge) {\r\n\t\t\t\tif (!this.state.orderLine.rugCutChargeCost) {\r\n\t\t\t\t\twarnings.push(\"Cut Charge Cost is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.rugCutChargePrice) {\r\n\t\t\t\t\twarnings.push(\"Cut Charge Price is required.\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (this.state.orderLine.rugHasEndArmor) {\r\n\t\t\t\tif (!this.state.orderLine.rugArmorCost) {\r\n\t\t\t\t\twarnings.push(\"End Armor Cost is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.rugArmorPrice) {\r\n\t\t\t\t\twarnings.push(\"End Armor Price is required.\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (this.state.orderLine.rugHasInboundFreight) {\r\n\t\t\t\tif (!this.state.orderLine.rugInboundFreightCost) {\r\n\t\t\t\t\twarnings.push(\"Inbound Freight Cost is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.rugInboundFreightCost) {\r\n\t\t\t\t\twarnings.push(\"Inbound Freight Price is required.\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (this.state.orderLine.rugHasBacking) {\r\n\t\t\t\tif (!this.state.orderLine.totalRugBackingUnits) {\r\n\t\t\t\t\twarnings.push(\"Backing Sq Ft is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.rugBackingPricePer) {\r\n\t\t\t\t\twarnings.push(\"Backing Unit Price is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.rugBackingCmsnRate) {\r\n\t\t\t\t\twarnings.push(\"Backing Cmsn % is required.\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (this.state.orderLine.rugHasPad && this.state.orderLine.hasPadCutCharge) {\r\n\t\t\t\tif (!this.state.orderLine.padCutCost) {\r\n\t\t\t\t\twarnings.push(\"Pad Cut Charge Cost is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.padCutPrice) {\r\n\t\t\t\t\twarnings.push(\"Pad Cut Charge Price is required.\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (this.state.orderLine.rugHasClippedCorners) {\r\n\t\t\t\tif (!this.state.orderLine.rugClippedCornersCost) {\r\n\t\t\t\t\twarnings.push(\"Clipped Corners Cost is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.rugClippedCornersPrice) {\r\n\t\t\t\t\twarnings.push(\"Clipped Corners Price is required.\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (this.state.orderLine.rugHasLaborCutout) {\r\n\t\t\t\tif (!this.state.orderLine.rugLaborCutoutCost) {\r\n\t\t\t\t\twarnings.push(\"Cutout Labor Cost is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.rugLaborCutoutPrice) {\r\n\t\t\t\t\twarnings.push(\"Cutout Labor Price is required.\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (this.state.orderLine.rugHasLaborRound) {\r\n\t\t\t\tif (!this.state.orderLine.rugLaborRoundCost) {\r\n\t\t\t\t\twarnings.push(\"Round/Oval Labor Cost is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.rugLaborRoundPrice) {\r\n\t\t\t\t\twarnings.push(\"Round/Oval Labor Price is required.\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (this.state.orderLine.rugHasPad) {\r\n\t\t\t\tif (!this.state.orderLine.selectedPad) {\r\n\t\t\t\t\twarnings.push(\"Please select a pad or remove pad.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.selectedPadWidth) {\r\n\t\t\t\t\twarnings.push(\"Pad Width is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.padLengthFeet) {\r\n\t\t\t\t\twarnings.push(\"Pad Length Feet is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.padPricePer) {\r\n\t\t\t\t\twarnings.push(\"Pad Unit Price is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.padCmsnRate) {\r\n\t\t\t\t\twarnings.push(\"Pad Commission Rate is required.\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (this.state.selectedRugEdge === EDGE_TYPES.MACHINED) {\r\n\t\t\t\tif (!this.state.orderLine.selectedMSerging) {\r\n\t\t\t\t\twarnings.push(\"Edge Style is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.mSergingPricePer) {\r\n\t\t\t\t\twarnings.push(\"Edge Unit Price is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.mSergingCmsnRate) {\r\n\t\t\t\t\twarnings.push(\"Edge Commission Rate is required.\");\r\n\t\t\t\t}\r\n\t\t\t} else if (this.state.selectedRugEdge === EDGE_TYPES.MITERED) {\r\n\t\t\t\tif (!this.state.orderLine.selectedHSSerging) {\r\n\t\t\t\t\twarnings.push(\"Edge Style is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.hsSergingPricePer) {\r\n\t\t\t\t\twarnings.push(\"Edge Unit Price is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.hsSergingCmsnRate) {\r\n\t\t\t\t\twarnings.push(\"Edge Commission Rate is required.\");\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tif (!this.state.orderLine.selectedSerging) {\r\n\t\t\t\t\twarnings.push(\"Edge Style is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.sergingPricePer) {\r\n\t\t\t\t\twarnings.push(\"Edge Unit Price is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.sergingCmsnRate) {\r\n\t\t\t\t\twarnings.push(\"Edge Commission Rate is required.\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (this.state.selectedRugEdge === EDGE_TYPES.MACHINED\r\n\t\t\t\t|| this.state.selectedRugEdge === EDGE_TYPES.MITERED) {\r\n\t\t\t\tif (!this.state.orderLine.selectedRugBindingStyle) {\r\n\t\t\t\t\twarnings.push(\"Binding Style is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.selectedRugBindingColor) {\r\n\t\t\t\t\twarnings.push(\"Binding Color is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.rugBindingPricePer) {\r\n\t\t\t\t\twarnings.push(\"Binding Unit Price is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.rugBindingCmsnRate) {\r\n\t\t\t\t\twarnings.push(\"Field Commission Rate is required.\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (this.state.editingFreight) {\r\n\t\t\t\tif (!this.state.orderLine.freightDsc) {\r\n\t\t\t\t\twarnings.push(\"Freight Description is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.freightCarrier) {\r\n\t\t\t\t\twarnings.push(\"Freight Carrier is required.\");\r\n\t\t\t\t}\r\n\t\t\t\t// if (!this.state.orderLine.freightTerms) {\r\n\t\t\t\t// warnings.push(\"Freight Terms is required.\");\r\n\t\t\t\t// }\r\n\t\t\t\t// if (!this.state.orderLine.freightSidemark) {\r\n\t\t\t\t// warnings.push(\"Freight Sidemark is required.\");\r\n\t\t\t\t// }\r\n\t\t\t\t// if (!this.state.orderLine.freightInvoiceNumber) {\r\n\t\t\t\t// warnings.push(\"Freight Invoice Number is required.\");\r\n\t\t\t\t// }\r\n\t\t\t\t// if (!this.state.orderLine.freightBolNumber) {\r\n\t\t\t\t// warnings.push(\"Freigh Bol Number is required.\");\r\n\t\t\t\t// }\r\n\t\t\t\tif (!this.state.orderLine.freightCost) {\r\n\t\t\t\t\twarnings.push(\"Freight Cost is required.\");\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.state.orderLine.freightPrice) {\r\n\t\t\t\t\twarnings.push(\"Freight Price is required.\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (warnings.length) {\r\n\t\t\tthis.setState({ message: warnings.join(' '), messageFlavor: \"danger\" });\r\n\t\t}\r\n\t\treturn warnings.length === 0;\r\n\t}\r\n\r\n\tsaveCustomRugOrderLine() {\r\n\t\twindow.scroll(0, 0);\r\n\t\tif (!this.isCustomRugOrderLineFormValid()) return;\r\n\t\tsetTimeout(() => {\r\n\t\t\tlet componentLines = [];\r\n\t\t\tcomponentLines.push(\r\n\t\t\t\tthis.parseFieldLine())\r\n\t\t\tif (this.state.orderLine.rugHasCutCharge) {\r\n\t\t\t\tcomponentLines.push(\r\n\t\t\t\t\tthis.parseMiscLine(this.state.orderLine.rugCutChargeCost, this.state.orderLine.rugCutChargeCost, this.state.orderLine.rugCutChargePrice, this.state.orderLine.rugCutChargePrice, 0, 0, \"1 X Cut Charge\", this.state.customRugComponentProducts.DefaultCutChargeProduct.value, 1)); // 1133 // was -1 //supplierProductId = -1?\r\n\t\t\t}\r\n\t\t\tif (this.state.orderLine.rugHasEndArmor) {\r\n\t\t\t\tcomponentLines.push(\r\n\t\t\t\t\tthis.parseMiscLine(this.state.orderLine.rugArmorCost, this.state.orderLine.rugArmorCost, this.state.orderLine.rugArmorPrice, this.state.orderLine.rugArmorPrice, 0, 0, \"1 X 8 Rug Ends Armor Charge\", this.state.customRugComponentProducts.DefaultRugEndArmorProduct.value, 1)); // 3907 // was 4025 //legacy supplierProductId = 4649\r\n\t\t\t}\r\n\t\t\tif (this.state.orderLine.rugHasInboundFreight) {\r\n\t\t\t\tcomponentLines.push(\r\n\t\t\t\t\tthis.parseMiscLine(\r\n\t\t\t\t\t\tthis.state.orderLine.rugInboundFreightCost, \r\n\t\t\t\t\t\tthis.state.orderLine.rugInboundFreightCost, \r\n\t\t\t\t\t\tthis.state.orderLine.rugInboundFreightPrice, \r\n\t\t\t\t\t\tthis.state.orderLine.rugInboundFreightPrice, \r\n\t\t\t\t\t\t0, \r\n\t\t\t\t\t\t0, \r\n\t\t\t\t\t\t`1 X ${this.state.orderLine.selectedInboundFreight.label}`,\t\r\n\t\t\t\t\t\tthis.state.orderLine.selectedInboundFreight.value,\t// this.state.customRugComponentProducts.DefaultInboundFreightProduct.value, \r\n\t\t\t\t\t\t1\r\n\t\t\t\t\t)\r\n\t\t\t\t); //2530 // was 2645 //legacy supplierProductId = 3070\r\n\t\t\t}\r\n\t\t\tif (this.state.orderLine.rugHasBacking) {\r\n\t\t\t\tcomponentLines.push(\r\n\t\t\t\t\tthis.parseMiscLine(this.state.orderLine.rugBackingCostPer, this.state.orderLine.totalRugBackingCost, this.state.orderLine.rugBackingPricePer, this.state.orderLine.totalRugBackingPrice, this.state.orderLine.rugBackingCmsn, this.state.orderLine.rugBackingCmsnRate, `${this.state.orderLine.totalRugBackingUnits} X 1 Rug Backing Custom Rug`, this.state.customRugComponentProducts.DefaultBackingProduct.value, this.state.orderLine.totalRugBackingUnits)); // 2391 // was 2505 //legacy supplierProductId = 2908\r\n\t\t\t}\r\n\t\t\tif (this.state.orderLine.rugHasPad && this.state.orderLine.hasPadCutCharge) {\r\n\t\t\t\tcomponentLines.push(\r\n\t\t\t\t\tthis.parseMiscLine(\r\n\t\t\t\t\t\tthis.state.orderLine.padCutCost,\r\n\t\t\t\t\t\tthis.state.orderLine.padCutCost,\r\n\t\t\t\t\t\tthis.state.orderLine.padCutPrice,\r\n\t\t\t\t\t\tthis.state.orderLine.padCutPrice,\r\n\t\t\t\t\t\t0,\r\n\t\t\t\t\t\t0,\r\n\t\t\t\t\t\t\"1 X 6 Rug Pad Cut Fee Over 31SF\",\r\n\t\t\t\t\t\t(parseFloat(this.state.orderLine.totalPadUnits) <= 30 && this.state.orderLine.padPriceUnitType.value == constants.PRICE_UNIT_TYPE.SQ_FT.value)\r\n\t\t\t\t\t\t\t|| (parseFloat(this.state.orderLine.totalPadUnits) <= 30/9 && this.state.orderLine.padPriceUnitType.value == constants.PRICE_UNIT_TYPE.SQ_YARDS.value)\r\n\t\t\t\t\t\t\t\t ? this.state.customRugComponentProducts.Under30SFPadCutChargeProduct.value\r\n\t\t\t\t\t\t\t\t : this.state.customRugComponentProducts.DefaultPadCutChargeProduct.value,\r\n\t\t\t\t\t\t1\r\n\t\t\t\t\t)\r\n\t\t\t\t); // 2384 // was 2498 //legacy supplierProductId = 2901\r\n\t\t\t}\r\n\t\t\tif (this.state.orderLine.rugHasClippedCorners) {\r\n\t\t\t\tcomponentLines.push(\r\n\t\t\t\t\tthis.parseMiscLine(this.state.orderLine.rugClippedCornersCost, this.state.orderLine.rugClippedCornersCost, this.state.orderLine.rugClippedCornersPrice, this.state.orderLine.rugClippedCornersPrice, 0, 0, \"1 X Applied (1) Clipped Corner\", this.state.customRugComponentProducts.DefaultClippedCornersProduct.value, 1)); // 2573 // was 2688 //legacy supplierProductId = 3116\r\n\t\t\t}\r\n\t\t\tif (this.state.orderLine.rugHasLaborCutout) {\r\n\t\t\t\tcomponentLines.push(\r\n\t\t\t\t\tthis.parseMiscLine(this.state.orderLine.rugLaborCutoutCost, this.state.orderLine.rugLaborCutoutCost, this.state.orderLine.rugLaborCutoutPrice, this.state.orderLine.rugLaborCutoutPrice, 0, 0, \"1 X Applied Labor Cutout/ Fireplace\", this.state.customRugComponentProducts.DefaultLaborCutoutProduct.value, 1)); //2581 // was 2696 //legacy supplierProductId = 3127\r\n\t\t\t}\r\n\t\t\tif (this.state.orderLine.rugHasLaborRound) {\r\n\t\t\t\tcomponentLines.push(\r\n\t\t\t\t\tthis.parseMiscLine(this.state.orderLine.rugLaborRoundCost, this.state.orderLine.rugLaborRoundCost, this.state.orderLine.rugLaborRoundPrice, this.state.orderLine.rugLaborRoundPrice, 0, 0, \"1 X Applied Labor Round/Oval/Octagon shape\", this.state.customRugComponentProducts.DefaultLaborRoundProduct.value, 1)); //2574 // was 2689 //legacy supplierProductId = 3117\r\n\t\t\t}\r\n\t\t\tif (this.state.orderLine.finishedEdgeFt < 15.0) {\r\n\t\t\t\tcomponentLines.push(\r\n\t\t\t\t\tthis.parseMiscLine(\r\n\t\t\t\t\t\tthis.state.customRugComponentProducts.DefaultFabricationChargeProduct.unitCost,\r\n\t\t\t\t\t\tthis.state.customRugComponentProducts.DefaultFabricationChargeProduct.unitCost,\r\n\t\t\t\t\t\tthis.state.customRugComponentProducts.DefaultFabricationChargeProduct.unitPrice,\r\n\t\t\t\t\t\tthis.state.customRugComponentProducts.DefaultFabricationChargeProduct.unitPrice,\r\n\t\t\t\t\t\t0,\r\n\t\t\t\t\t\t0,\r\n\t\t\t\t\t\t\"xFabrication Charge minn\",\r\n\t\t\t\t\t\tthis.state.customRugComponentProducts.DefaultFabricationChargeProduct.value,\r\n\t\t\t\t\t\t1\r\n\t\t\t\t\t)\r\n\t\t\t\t); //2535 //legacy supplierProductId = 3075\r\n\t\t\t}\r\n\t\t\tcomponentLines.push(this.parseEdgeLine());\r\n\r\n\t\t\t// let rugShapeId = this.state.orderLine.rugHasLaborRound \r\n\t\t\t// \t? rugShapeId = 1 // 1 - Round Oval\r\n\t\t\t// \t: rugShapeId = 2; // 2 - Rectangular\r\n\t\t\t// _.forEach(componentLines, cl => {\r\n\t\t\t// \tcl.OrderLine = Object.assign({}, {...cl.OrderLine, RugShapeId: rugShapeId});\r\n\t\t\t// })\r\n\t\t\tlet padOrderLine;\r\n\t\t\tlet bindingOrderLine;\r\n\t\t\tlet freightOrderLine;\r\n\t\t\tif (this.state.orderLine.rugHasPad) {\r\n\t\t\t\tpadOrderLine = this.parsePadLine();\r\n\t\t\t}\r\n\t\t\tif (this.state.selectedRugEdge === EDGE_TYPES.MACHINED\r\n\t\t\t\t|| this.state.selectedRugEdge === EDGE_TYPES.MITERED) {\r\n\t\t\t\tbindingOrderLine = this.parseBindingLine();\r\n\t\t\t}\r\n\t\t\tif (this.state.editingFreight) {\r\n\t\t\t\tfreightOrderLine = this.formatFreightOrderLineForDto(this.state.orderLine);\r\n\t\t\t}\r\n\t\t\tconst orderLineComments = this.formatOrderLineCommentsForDto(this.state.orderLineCommentList, this.state.orderLine.id);\r\n\t\t\tconst rugOrderLine = {\r\n\t\t\t\tOrderLine: {\r\n\t\t\t\t\tId: this.state.orderLine.id,\r\n\t\t\t\t\tOrderId: this.state.orderId,\r\n\t\t\t\t\tParentOrderLineId: null,\r\n\t\t\t\t\tOrderLineTypeId: constants.ORDER_LINE_TYPE.CUSTOM_RUG.value, //this.state.orderLine.orderLineType.value,\r\n\t\t\t\t\tDsc: this.state.orderLine.rugDsc,\r\n\t\t\t\t\tIsHidden: false,\r\n\t\t\t\t\tCreatedAt: moment(),\r\n\t\t\t\t\tCreatedByUserId: this.props.currentUser.id,\r\n\t\t\t\t\tCmsnRate: 0,\r\n\t\t\t\t\tCmsn: 0,\r\n\t\t\t\t\tUnitCost: 0,\r\n\t\t\t\t\tPriceUnitTypeId: constants.PRICE_UNIT_TYPE.EACH.value,\r\n\t\t\t\t\tUnitPrice: 0,\r\n\t\t\t\t\tRugLengthFeet: Number(this.state.orderLine.rugLengthFeet),\r\n\t\t\t\t\tRugLengthInches: Number(this.state.orderLine.rugLengthInches),\r\n\t\t\t\t\tRugWidthFeet: Number(this.state.orderLine.rugWidthFeet),\r\n\t\t\t\t\tRugWidthInches: Number(this.state.orderLine.rugWidthInches),\r\n\t\t\t\t\tFinishedSize: this.state.orderLine.finishedSize.label,\r\n\t\t\t\t\tRugShapeId: this.state.orderLine.rugShape \r\n\t\t\t\t\t\t? this.state.orderLine.rugShape.value \r\n\t\t\t\t\t\t: null,\r\n\t\t\t\t\tForOutdoorUse: this.state.orderLine.forOutdoorUse\r\n\t\t\t\t},\r\n\t\t\t\tFreightOrderLine: freightOrderLine,\r\n\t\t\t\tOrderLineComments: orderLineComments\r\n\t\t\t};\r\n\t\t\tconst payload = {\r\n\t\t\t\tRugOrderLine: rugOrderLine,\r\n\t\t\t\tComponentLines: componentLines,\r\n\t\t\t\tPadOrderLine: padOrderLine ? padOrderLine : null,\r\n\t\t\t\tBindingOrderLine: bindingOrderLine ? bindingOrderLine : null\r\n\t\t\t};\r\n\t\t\tapi.post(\"Order/SaveCustomRugOrderLine\", payload)\r\n\t\t\t\t.then(response => {\r\n\t\t\t\t\tif (response.data.success) {\r\n\t\t\t\t\t\tthis.getOrderLines(this.state.orderId);\r\n\t\t\t\t\t\tthis.getOrderFulfillments(this.state.orderId);\r\n\t\t\t\t\t\t// this.getOrderTotals(this.state.orderLIn)\r\n\t\t\t\t\t\tthis.cancelAddOrUpdateOrderLine();\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.setState({ messageFlavor: \"danger\", message: response.data.message });\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.catch(helpers.catchHandler);\r\n\t\t}, 300);\r\n\t}\r\n\r\n\tparseFieldLine() {\r\n\t\tconsole.log(\"Orderline on state\", this.state.orderLine);\r\n\t\tconst fieldLine = {\r\n\t\t\tOrderLine: {\r\n\t\t\t\tId: this.state.orderLine.id ? this.state.orderLine.id : 0,\r\n\t\t\t\tOrderId: this.state.orderId,\r\n\t\t\t\tParentOrderLineId: this.state.orderLine.parentOrderLineId ? this.state.orderLine.parentOrderLineId : null, // rugOrderLineId (added on backend after parent custom rug has been created)\r\n\t\t\t\tOrderLineTypeId: constants.ORDER_LINE_TYPE.RUG_FIELD.value,\r\n\t\t\t\tCreatedAt: this.state.orderLine.createdAt ? this.state.orderLine.createdAt : moment(),\r\n\t\t\t\tCreatedByUserId: this.props.currentUser.id,\r\n\t\t\t\tCmsnRate: this.state.orderLine.productAllowCommission ? Number(this.state.orderLine.fieldCmsnRate) : 0,\r\n\t\t\t\tCmsn: this.state.orderLine.productAllowCommission ? Number(this.state.orderLine.fieldCmsn) : 0,\r\n\t\t\t\tUnitCost: Number(this.state.orderLine.fieldCostPer),\r\n\t\t\t\tCost: Number(this.state.orderLine.totalFieldCost), // Cost: Math.round(this.state.orderLine.totalFieldCost * 100) / 100,\r\n\t\t\t\tDsc: this.state.orderLine.dsc ? this.state.orderLine.dsc : calc.getFieldDescription(this.state.orderLine.selectedField.label, this.state.orderLine.selectedFieldColor), // rug quote does not allow dsc to be entered, so default\r\n\t\t\t\tIsHidden: true,\r\n\t\t\t\tUnitPrice: Number(this.state.orderLine.fieldPricePer),\r\n\t\t\t\tPrice: Number(this.state.orderLine.totalFieldPrice), // Price: Math.round(this.state.orderLine.totalFieldPrice * 100) / 100,\r\n\t\t\t\tPriceUnitTypeId: this.state.orderLine.fieldPriceUnitType.value,\r\n\t\t\t\tQty: Number(this.state.orderLine.totalFieldUnits), // SquareYards: Math.round(this.state.orderLine.totalFieldUnits * 100) / 100,\r\n\t\t\t\tOrderLineStatusId: this.state.orderLine.orderLineStatus ? this.state.orderLine.orderLineStatus.value : constants.ORDER_LINE_STATUS.NA.value,\r\n\t\t\t\tProductId: this.state.orderLine.selectedField.value,\r\n\t\t\t\tProductColorId: this.state.orderLine.selectedFieldColor ? this.state.orderLine.selectedFieldColor.value : null,\r\n\t\t\t\t// LengthInches: Number(this.state.orderLine.fieldLengthInches), no such thing on backend\r\n\t\t\t\tLengthFeet: Number(this.state.orderLine.fieldLengthFeet) + (Number(this.state.orderLine.fieldLengthInches) / 12.0),\r\n\t\t\t\tWidthFeet: Number(this.state.orderLine.selectedFieldWidth.widthNumericFeet),\r\n\t\t\t\tRepeatDsc: this.state.orderLine.repeatDsc, //this.state.orderLine.fieldRepeatWidth + ' x ' + this.state.orderLine.fieldRepeatLength,\r\n\t\t\t\tRepeatNumeric: Number(this.state.orderLine.appliedFieldRepeat),\r\n\t\t\t\tRun: this.state.orderLine.fieldRun,\r\n\t\t\t\tBorderLetter: \"A\",\r\n\t\t\t\tWidthId: this.state.orderLine.selectedFieldWidth ? this.state.orderLine.selectedFieldWidth.value : null,\r\n\t\t\t\t// RugShape: this.state.orderLine.rugShape ? this.state.orderLine.rugShape : null\r\n\t\t\t},\r\n\t\t\tFreightOrderLine: null,\r\n\t\t\tOrderLineComments: []\r\n\t\t}\r\n\t\treturn fieldLine;\r\n\t}\r\n\r\n\tparseBorderLine() {\r\n\t\tconst borderLine = {\r\n\t\t\tOrderLine: {\r\n\t\t\t\tId: this.state.orderLine.id ? this.state.orderLine.id : 0,\r\n\t\t\t\tOrderId: this.state.orderId,\r\n\t\t\t\tParentOrderLineId: this.state.orderLine.parentOrderLineId ? this.state.orderLine.parentOrderLineId : null, // rugOrderLineId (added on backend after parent custom rug has been created)\r\n\t\t\t\tOrderLineTypeId: constants.ORDER_LINE_TYPE.RUG_BORDER.value,\r\n\t\t\t\tCreatedAt: moment(),\r\n\t\t\t\tCreatedByUserId: this.props.currentUser.id,\r\n\t\t\t\tCmsnRate: this.state.orderLine.productAllowCommission ? Number(this.state.orderLine.borderCmsnRate) : 0,\r\n\t\t\t\tCmsn: this.state.orderLine.productAllowCommission ? Number(this.state.orderLine.borderCmsn) : 0, // Cmsn: Math.round(this.state.orderLine.borderCmsn * 100) / 100,\r\n\t\t\t\tUnitCost: Number(this.state.orderLine.borderCostPer),\r\n\t\t\t\tCost: Number(this.state.orderLine.totalBorderCost), // Cost: Math.round(this.state.orderLine.totalBorderCost * 100) / 100,\r\n\t\t\t\tDsc: this.state.orderLine.dsc,\r\n\t\t\t\tIsHidden: true,\r\n\t\t\t\tUnitPrice: Number(this.state.orderLine.borderPricePer),\r\n\t\t\t\tPrice: Number(this.state.orderLine.totalBorderPrice), // Price: Math.round(this.state.orderLine.totalBorderPrice * 100) / 100,\r\n\t\t\t\tPriceUnitTypeId: this.state.orderLine.borderPriceUnitType.value,\r\n\t\t\t\tQty: Number(this.state.orderLine.totalBorderUnits), // SquareYards: Math.round(this.state.orderLine.totalBorderUnits * 100) / 100,\r\n\t\t\t\tOrderLineStatusId: this.state.orderLine.orderLineStatus ? this.state.orderLine.orderLineStatus.value : constants.ORDER_LINE_STATUS.NA.value,\r\n\t\t\t\tProductId: this.state.orderLine.selectedBorder.value,\r\n\t\t\t\tProductColorId: this.state.orderLine.selectedBorderColor.value,\r\n\t\t\t\t// LengthInches: Number(this.state.orderLine.borderLengthInches), no such thing on backend\r\n\t\t\t\tLengthFeet: Number(this.state.orderLine.borderLengthFeet) + (Number(this.state.orderLine.borderLengthInches) / 12.0),\r\n\t\t\t\tWidthFeet: Number(this.state.orderLine.selectedBorderWidth.widthNumericFeet),\r\n\t\t\t\tBorderLetter: this.state.orderLine.borderLetter,\r\n\t\t\t\tBorderWidth: this.state.orderLine.borderWidth,\r\n\t\t\t\tWidthId: this.state.orderLine.selectedBorderWidth ? this.state.orderLine.selectedBorderWidth.value : null\r\n\t\t\t},\r\n\t\t\tFreightOrderLine: null,\r\n\t\t\tOrderLineComments: []\r\n\t\t}\r\n\t\treturn borderLine;\r\n\t}\r\n\r\n\tparseMiscLine(unitCost, cost, unitPrice, price, cmsn=0, cmsnRate=0, dsc, productId=0, qty=1) {\r\n\t\tconst miscLine = {\r\n\t\t\tOrderLine: {\r\n\t\t\t\tId: this.state.orderLine.id ? this.state.orderLine.id : 0,\r\n\t\t\t\tOrderId: this.state.orderId,\r\n\t\t\t\tParentOrderLineId: this.state.orderLine.parentOrderLineId ? this.state.orderLine.parentOrderLineId : null, // rugOrderLineId (added on backend after parent custom rug has been created)\r\n\t\t\t\tCreatedAt: moment(),\r\n\t\t\t\tCreatedByUserId: this.props.currentUser.id,\r\n\t\t\t\tCmsnRate: this.state.orderLine.productAllowCommission ? Number(cmsnRate) : 0,\r\n\t\t\t\tCmsn: this.state.orderLine.productAllowCommission ? Number(cmsn) : 0,\r\n\t\t\t\tUnitCost: Number(unitCost),\r\n\t\t\t\tCost: Number(cost),\r\n\t\t\t\tDsc: dsc,\r\n\t\t\t\tQty: Number(qty),\r\n\t\t\t\tHidden: true,\r\n\t\t\t\tOrderLineTypeId: constants.ORDER_LINE_TYPE.RUG_MISCELLANEOUS.value,\r\n\t\t\t\tUnitPrice: Number(unitPrice),\r\n\t\t\t\tPrice: Number(price),\r\n\t\t\t\tPriceUnitTypeId: constants.PRICE_UNIT_TYPE.EACH.value,\r\n\t\t\t\tOrderLineStatusId: constants.ORDER_LINE_STATUS.NA.value, // No misc rug component orderlines had status in old system\r\n\t\t\t\tProductId: productId\r\n\t\t\t},\r\n\t\t\tFreightOrderLine: null,\r\n\t\t\tOrderLineComments: []\r\n\t\t}\r\n\t\treturn miscLine\r\n\t}\r\n\r\n\tparsePadLine() {\r\n\t\tconst padLine = {\r\n\t\t\tOrderLine: {\r\n\t\t\t\tId: 0,\r\n\t\t\t\tOrderId: this.state.orderId,\r\n\t\t\t\tParentOrderLineId: null,\r\n\t\t\t\tCreatedAt: moment(),\r\n\t\t\t\tCreatedByUserId: this.props.currentUser.id,\r\n\t\t\t\tCmsnRate: this.state.orderLine.productAllowCommission ? Number(this.state.orderLine.padCmsnRate) : 0,\r\n\t\t\t\tCmsn: this.state.orderLine.productAllowCommission ? Number(this.state.orderLine.padCmsn): 0, \t\t\t// Cmsn: Math.round(this.state.orderLine.padCmsn * 100) / 100,\r\n\t\t\t\tUnitCost: Number(this.state.orderLine.padCostPer),\r\n\t\t\t\tCost: Number(this.state.orderLine.totalPadCost),\r\n\t\t\t\tDsc: this.state.orderLine.selectedPad.label,\r\n\t\t\t\tHidden: false,\r\n\t\t\t\tOrderLineTypeId: constants.ORDER_LINE_TYPE.RUG_PAD.value,\r\n\t\t\t\tUnitPrice: Number(this.state.orderLine.padPricePer),\r\n\t\t\t\tPrice: Number(this.state.orderLine.totalPadPrice),\r\n\t\t\t\tPriceUnitTypeId: this.state.orderLine.padPriceUnitType.value,\r\n\t\t\t\tQty: Number(this.state.orderLine.totalPadUnits), \t\t\t\t// Math.round(this.state.orderLine.totalFieldUnits * 100) / 100,\r\n\t\t\t\tOrderLineStatusId: constants.ORDER_LINE_STATUS.MAT_EMERY_PARK.value, //should this be constant?\r\n\t\t\t\tProductId: this.state.orderLine.selectedPad.value,\r\n\t\t\t\tLengthFeet: Number(this.state.orderLine.padLengthFeet),\r\n\t\t\t\tWidthId: this.state.orderLine.selectedPadWidth ? this.state.orderLine.selectedPadWidth.value : null,\r\n\t\t\t\tRugSize: this.state.orderLine.rugWidthFeet + \"\\' \" + this.state.orderLine.rugWidthInches + \"\\\" x \" + this.state.orderLine.rugLengthFeet + \"\\' \" + this.state.orderLine.rugLengthInches + \"\\\"\"\r\n\t\t\t},\r\n\t\t\tFreightOrderLine: null,\r\n\t\t\tOrderLineComments: []\r\n\t\t}\r\n\t\treturn padLine;\r\n\t}\r\n\r\n\tparseBindingLine() {\r\n\t\tconst bindingLine = {\r\n\t\t\tOrderLine: {\r\n\t\t\t\tId: 0,\r\n\t\t\t\tOrderId: this.state.orderId,\r\n\t\t\t\tParentOrderLineId: null, // save as separate order line or as part of custom rug order line?\r\n\t\t\t\tCreatedAt: moment(),\r\n\t\t\t\tCreatedByUserId: this.props.currentUser.id,\r\n\t\t\t\tCmsnRate: this.state.orderLine.productAllowCommission ? Number(this.state.orderLine.rugBindingCmsnRate) : 0,\r\n\t\t\t\tCmsn: this.state.orderLine.productAllowCommission ? Number(this.state.orderLine.rugBindingCmsn) : 0,\r\n\t\t\t\tUnitCost: Number(this.state.orderLine.rugBindingCostPer),\r\n\t\t\t\tCost: Number(this.state.orderLine.totalRugBindingCost),\r\n\t\t\t\tDsc: this.state.orderLine.selectedRugBindingStyle.label + ' - ' + this.state.orderLine.selectedRugBindingColor.label,\r\n\t\t\t\tHidden: false,\r\n\t\t\t\tOrderLineTypeId: constants.ORDER_LINE_TYPE.BINDING.value,\r\n\t\t\t\tUnitPrice: Number(this.state.orderLine.rugBindingPricePer),\r\n\t\t\t\tPrice: Number(this.state.orderLine.totalRugBindingPrice),\r\n\t\t\t\tPriceUnitTypeId: constants.PRICE_UNIT_TYPE.LIN_FT.value,\r\n\t\t\t\tOrderLineStatusId: constants.ORDER_LINE_STATUS.IN_STOCK.value, //should this be constant?,\r\n\t\t\t\tProductId: this.state.orderLine.selectedRugBindingStyle.value,\r\n\t\t\t\tProductColorId: this.state.orderLine.selectedRugBindingColor.value,\r\n\t\t\t\tLengthFeet: Number(this.state.orderLine.finishedEdgeFt) \t\t\t// should be saved in Qty\r\n\t\t\t},\r\n\t\t\tFreightOrderLine: null,\r\n\t\t\tOrderLineComments: []\r\n\t\t}\r\n\t\treturn bindingLine;\r\n\t}\r\n\r\n\tparseEdgeLine() {\r\n\t\tlet CmsnRate;\r\n\t\tlet Cmsn;\r\n\t\tlet UnitCost;\r\n\t\tlet Cost;\r\n\t\tlet Dsc;\r\n\t\tlet UnitPrice;\r\n\t\tlet Price;\r\n\t\tlet SupplierProductId;\r\n\t\tif (this.state.selectedRugEdge === EDGE_TYPES.MACHINED) {\r\n\t\t\tCmsnRate = this.state.orderLine.productAllowCommission ? this.state.orderLine.mSergingCmsnRate : 0;\r\n\t\t\tCmsn = this.state.orderLine.productAllowCommission ? this.state.orderLine.mSergingCmsn : 0;\r\n\t\t\tUnitCost = this.state.orderLine.mSergingCostPer;\r\n\t\t\tCost = this.state.orderLine.totalMSergingCost;\r\n\t\t\tDsc = this.state.orderLine.finishedEdgeFt + ' x Applied Labor Borders (Machine) 2-3/4 & 4-3/4';\r\n\t\t\tUnitPrice = this.state.orderLine.mSergingPricePer;\r\n\t\t\tPrice = this.state.orderLine.totalMSergingPrice;\r\n\t\t\tSupplierProductId = this.state.orderLine.selectedMSerging.value;\r\n\t\t} else if (this.state.selectedRugEdge === EDGE_TYPES.MITERED) {\r\n\t\t\tCmsnRate = this.state.orderLine.productAllowCommission ? this.state.orderLine.hsSergingCmsnRate : 0;\r\n\t\t\tCmsn = this.state.orderLine.productAllowCommission ? this.state.orderLine.hsSergingCmsn : 0;\r\n\t\t\tUnitCost = this.state.orderLine.hsSergingCostPer;\r\n\t\t\tCost = this.state.orderLine.totalHSSergingCost;\r\n\t\t\tDsc = this.state.orderLine.finishedEdgeFt + ' x ' + MITERED_PRODUCT_NAME;\r\n\t\t\tUnitPrice = this.state.orderLine.hsSergingPricePer;\r\n\t\t\tPrice = this.state.orderLine.totalHSSergingPrice;\r\n\t\t\tSupplierProductId = this.state.orderLine.selectedHSSerging.value;\r\n\t\t} else {\r\n\t\t\tCmsnRate = this.state.orderLine.productAllowCommission ? this.state.orderLine.sergingCmsnRate : 0;\r\n\t\t\tCmsn = this.state.orderLine.productAllowCommission ? this.state.orderLine.sergingCmsn : 0;\r\n\t\t\tUnitCost = this.state.orderLine.sergingCostPer;\r\n\t\t\tCost = this.state.orderLine.totalSergingCost;\r\n\t\t\tDsc = this.state.orderLine.finishedEdgeFt + ' x ' + this.state.orderLine.selectedSerging.label;\r\n\t\t\tUnitPrice = this.state.orderLine.sergingPricePer;\r\n\t\t\tPrice = this.state.orderLine.totalSergingPrice;\r\n\t\t\tSupplierProductId = this.state.orderLine.selectedSerging.value;\r\n\t\t}\r\n\t\tlet edgeLine = {\r\n\t\t\tOrderLine: {\r\n\t\t\t\tId: 0,\r\n\t\t\t\tOrderId: this.state.orderId,\r\n\t\t\t\t// ParentOrderLineId: null, // rugOrderLineId (added on backend after parent custom rug has been created)\r\n\t\t\t\tCreatedAt: moment(),\r\n\t\t\t\tCreatedByUserId: this.props.currentUser.id,\r\n\t\t\t\tOrderLineTypeId: constants.ORDER_LINE_TYPE.RUG_MISCELLANEOUS.value,\r\n\t\t\t\tQty: Number(this.state.orderLine.finishedEdgeFt),\r\n\t\t\t\tHidden: true,\r\n\t\t\t\tPriceUnitTypeId: constants.PRICE_UNIT_TYPE.EACH.value,\r\n\t\t\t\tOrderLineStatusId: constants.ORDER_LINE_STATUS.NA.value,\r\n\t\t\t\t// dsc2: 'EDGE: ' + this.selectedRugEdge,\r\n\t\t\t\tCmsnRate: this.state.orderLine.productAllowCommission ? Number(CmsnRate) : 0,\r\n\t\t\t\tCmsn: this.state.orderLine.productAllowCommission ? Number(Cmsn) : 0,\r\n\t\t\t\tUnitCost: Number(UnitCost),\r\n\t\t\t\tCost: Number(Cost),\r\n\t\t\t\tDsc: Dsc,\r\n\t\t\t\tUnitPrice: Number(UnitPrice),\r\n\t\t\t\tPrice: Number(Price),\r\n\t\t\t\tProductId: SupplierProductId\r\n\t\t\t},\r\n\t\t\tFreightOrderLine: null,\r\n\t\t\tOrderLineComments: []\r\n\t\t}\r\n\t\treturn edgeLine;\r\n\t}\r\n\r\n\tsetRugValidity() {\r\n\t\tlet isValid = (this.state.orderLine.selectedField !== null);\r\n\t\tif (isValid && this.state.orderLine.rugHasPad) {\r\n\t\t\tisValid = this.state.orderLine.selectedPad !== null && this.state.orderLine.selectedPadWidth !== null;\r\n\t\t}\r\n\t\tif (isValid && (this.state.selectedRugEdge === EDGE_TYPES.MACHINED || this.state.selectedRugEdge === EDGE_TYPES.MITERED)) {\r\n\t\t\tisValid = this.state.orderLine.selectedRugBindingStyle !== null && this.state.orderLine.selectedRugBindingColor !== null;\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\torderLine: {\r\n\t\t\t\t...this.state.orderLine,\r\n\t\t\t\trugEditsValid: isValid\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\tonNoColorSelected() {\r\n\t\tlet lineOrder = Object.assign({}, this.state.orderLine);\r\n\t\tif (lineOrder !== null) {\r\n\t\t\tlineOrder.productColor = null\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\torderLine: lineOrder,\r\n\t\t\tcolorOptOut: !this.state.colorOptOut\r\n\t\t});\r\n\t}\r\n\r\n\tdownloadExport = (data, fileName, mime) => {\r\n\t\tif (window.navigator && window.navigator.msSaveOrOpenBlob) {\r\n\t\t\twindow.navigator.msSaveOrOpenBlob(data, fileName);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconst file = new Blob([data], { type: mime });\r\n\t\t\tvar anchor = window.document.createElement('a');\r\n\t\t\tanchor.download = fileName;\r\n\t\t\tanchor.href = (window.webkitURL || window.URL).createObjectURL(file);\r\n\t\t\tanchor.dataset.downloadurl = [mime, anchor.download, anchor.href].join(':');\r\n\t\t\tanchor.click();\r\n\t\t}\r\n\t}\r\n\r\n\tdownloadReprint(isSignOffForm = false) {\r\n\t\tif (!this.state.orderId) {\r\n\t\t\tconsole.warn(\"orderId is empty\");\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tthis.setState({ printing: true }, () => {\r\n\t\t\tconst payload = {\r\n\t\t\t\tOrderId: this.state.orderId,\r\n\t\t\t\tInvoiceTypeId: this.state.invoiceType.value,\r\n\t\t\t\tInvoiceDate: date_helpers.getSelectedDate(this.state.invoiceDate || moment()).format(date_helpers.YMD),\r\n\t\t\t\tDueDate: date_helpers.getSelectedDate(this.state.dueDate || moment()).format(date_helpers.YMD),\r\n\t\t\t\tCustomDescription: this.state.customDescription,\r\n\t\t\t\tCustomDescription2: this.state.customDescription2,\r\n\t\t\t\tIsSignOffForm: isSignOffForm\r\n\t\t\t};\r\n\t\t\tconst pdfWindow = window.open();\r\n\t\t\tapi.post_get_blob(\"order/GetOrderPDF\", payload).then(r => {\r\n\t\t\t\tif (r.status !== 200)\r\n\t\t\t\t\t\tthrow new Error(\"Error rendering document\");\r\n\r\n\t\t\t\t\tconst file = new Blob([r.data], { type: \"application/pdf\" });\r\n\t\t\t\t\tconst fileURL = URL.createObjectURL(file);\r\n\t\t\t\t\tpdfWindow.location.href = fileURL;\r\n\t\t\t}).catch(error => {\r\n\t\t\t\t\tconsole.error(error);\r\n\t\t\t\t\tAlert.error(\"There was an error downloading the document\");\r\n\t\t\t\t\tpdfWindow.close();\r\n\t\t\t}).finally(() => this.setState({ printing: false }))\r\n\t\t})\r\n\t}\r\n\r\n\thandleStatusOrderCancel() {\r\n\t\tthis.setState({ showOrderLineStatusModal: false, backOrderOrShippedDate: null})\r\n\t}\r\n\r\n\trecalculateSalesTaxAndSurcharge() {\r\n\t\tapi.post(`Order/CalculateSalesTaxSurcharge/${this.state.orderId}`)\r\n\t\t\t.then(response => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tmessage: \"Sales Tax and Surcharge recalculated\",\r\n\t\t\t\t\tmessageFlavor: \"success\",\r\n\r\n\t\t\t\t}, () => {\r\n\t\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\t\tmessage: null,\r\n\t\t\t\t\t\t\t\tmessageFlavor: null,\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t}, 400);\r\n\t\t\t\t})\r\n\t\t\t})\r\n\t}\r\n\r\n\tgetOverallStatus() {\r\n\t\tlet overallStatus;\r\n\t\tlet lBackorderDate;\r\n\t\tlet unShipCnt=0;\r\n\t\tlet shipCnt=0;\r\n\t\tlet orderStatus = this.state.order.orderStatus;\r\n\t\tif (orderStatus.value === constants.ORDER_STATUS.MEMO_BLD.value)\r\n\t\t{\r\n\t\t\toverallStatus = \"MEMO BLD\";\r\n\t\t}\r\n\t\telse\r\n\t\t{\r\n\t\t\toverallStatus = \"IN-STOCK\";\r\n\t\t\t_.forEach(this.state.orderLines, (ol) => {\r\n\t\t\t\tif (ol.orderLineType.value === constants.ORDER_LINE_TYPE.CARPET.value) {\r\n\t\t\t\t\tif (ol.orderLineStatus && ol.orderLineStatus.value === constants.ORDER_LINE_STATUS.BACKORDER.value) {\r\n\t\t\t\t\t\toverallStatus = \"BACKORDER\";\r\n\t\t\t\t\t\ttry\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t_.forEach(ol.orderLineComments, c => {\r\n\t\t\t\t\t\t\t\tif (c.dsc.toString().substring(0,9) == \"BACKORDER\")\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tlBackorderDate = c.dsc.toString().substring(13);\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\tcatch {}\r\n\t\t\t\t\t}\telse {\r\n\t\t\t\t\t\tif (ol.orderLineStatus && ol.orderLineStatus.value === constants.ORDER_LINE_STATUS.SHIPPED.value)\r\n\t\t\t\t\t\t\tshipCnt++;\r\n\t\t\t\t\t\telse\r\n\t\t\t\t\t\t\tunShipCnt++;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tif (ol.orderLineType.value === constants.ORDER_LINE_TYPE.HARD_SURFACE.value) {\r\n\t\t\t\t\tif (ol.orderLineStatus && ol.orderLineStatus.value === constants.ORDER_LINE_STATUS.BACKORDER.value) {\r\n\t\t\t\t\t\toverallStatus = \"BACKORDER\";\r\n\t\t\t\t\t\ttry\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t_.forEach(ol.orderLineComments, c => {\r\n\t\t\t\t\t\t\t\tif (c.dsc.toString().substring(0,9) == \"BACKORDER\")\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tlBackorderDate = c.dsc.toString().substring(13);\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\tcatch {}\r\n\t\t\t\t\t}\telse {\r\n\t\t\t\t\t\tif (ol.orderLineStatus && ol.orderLineStatus.value === constants.ORDER_LINE_STATUS.SHIPPED.value)\r\n\t\t\t\t\t\t\tshipCnt++;\r\n\t\t\t\t\t\telse\r\n\t\t\t\t\t\t\tunShipCnt++;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tif (ol.orderLineType.value === constants.ORDER_LINE_TYPE.CUSTOM_RUG.value) {\r\n\t\t\t\t\t_.forEach(ol.componentLines, cl => {\r\n\t\t\t\t\t\tif (cl.orderLineType.value === constants.ORDER_LINE_TYPE.RUG_BORDER.value) {\r\n\t\t\t\t\t\t\tif (cl.orderLineStatus && cl.orderLineStatus.value === constants.ORDER_LINE_STATUS.BACKORDER.value) {\r\n\t\t\t\t\t\t\t\toverallStatus = \"BACKORDER\";\r\n\t\t\t\t\t\t\t\ttry\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t_.forEach(cl.orderLineComments, c => {\r\n\t\t\t\t\t\t\t\t\t\tif (c.dsc.toString().substring(0,9) == \"BACKORDER\")\r\n\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\tlBackorderDate = c.dsc.toString().substring(13);\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\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\tcatch {}\r\n\t\t\t\t\t\t\t}\telse {\r\n\t\t\t\t\t\t\t\tif (cl.orderLineStatus && cl.orderLineStatus.value === constants.ORDER_LINE_STATUS.SHIPPED.value)\r\n\t\t\t\t\t\t\t\t\tshipCnt++;\r\n\t\t\t\t\t\t\t\telse\r\n\t\t\t\t\t\t\t\t\tunShipCnt++;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\telse {\r\n\t\t\t\t\t\t\tif (cl.orderLineType.value === constants.ORDER_LINE_TYPE.RUG_FIELD.value) {\r\n\t\t\t\t\t\t\t\tif (cl.orderLineStatus && cl.orderLineStatus.value === constants.ORDER_LINE_STATUS.BACKORDER.value) {\r\n\t\t\t\t\t\t\t\t\toverallStatus = \"BACKORDER\";\r\n\t\t\t\t\t\t\t\t\ttry\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t_.forEach(cl.orderLineComments, c => {\r\n\t\t\t\t\t\t\t\t\t\t\tif (c.dsc.toString().substring(0,9) == \"BACKORDER\")\r\n\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\tlBackorderDate = c.dsc.toString().substring(13);\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\tcatch {}\r\n\t\t\t\t\t\t\t\t}\telse {\r\n\t\t\t\t\t\t\t\t\tif (cl.orderLineStatus && cl.orderLineStatus.value === constants.ORDER_LINE_STATUS.SHIPPED.value)\r\n\t\t\t\t\t\t\t\t\t\tshipCnt++;\r\n\t\t\t\t\t\t\t\t\telse\r\n\t\t\t\t\t\t\t\t\t\tunShipCnt++;\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\t\t\t});\r\n\t\t};\r\n\t\t// shipped status only if all carpet,rug,wood lines come back as shipped\r\n\t\t// backorder status if any line comes back as backorder\r\n\t\t// in-stock for a mix of non-backorder lines\r\n\t\tif (overallStatus==\"IN-STOCK\")\r\n\t\t{\r\n\t\t\tif (unShipCnt==0 && shipCnt>0)\r\n\t\t\t\toverallStatus = \"SHIPPED\";\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\toverallStatus: overallStatus,\r\n\t\t\tlBackorderDate: lBackorderDate\r\n\t\t}, () => this.loadInvoiceDynamicDsc());\r\n\t}\r\n\r\n\tasync loadInvoiceDynamicDsc() {\r\n\t\tawait api.fetch('Order/GetInvoiceDynamicDscBoilerPlate/' + this.state.orderId).then(response => {\r\n\t\t\tthis.setState({customDescription2: response.data});\r\n\t\t}).catch(helpers.catchHandler);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tsquarespace\r\n\t\t} = this.props;\r\n\t\tlet orderLinesToMapOver = this.state.customRugToViewEdit ? this.state.customRugToViewEdit.componentLines : this.state.orderLines;\r\n\t\tif (this.state.redirectToOrders) {\r\n\t\t\treturn\r\n\t\t\t\t\t\t\t{squarespace ? \"Custom Rug Quote\" :\r\n\t\t\t\t\t\t\t\t(\r\n\t\t\t\t\t\t\t\t\t{this.state.activeTab === TABS.GENERAL_INFORMATION ? 'Order Entry : General Information' :\r\n\t\t\t\t\t\t\t\t\t\tthis.state.activeTab === TABS.LINE_ITEMS ? 'Order Entry : Line Items' :\r\n\t\t\t\t\t\t\t\t\t\t\tthis.state.activeTab === TABS.PAYMENT ? 'Order Entry : Payment' :\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.state.activeTab === TABS.FULLFILLMENT ? 'Order Entry : Fullfillment' :\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.activeTab === TABS.FINAL_REVIEW ? 'Order Entry : Final Review' :\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.activeTab === TABS.PRINT ? 'Order Entry : Print' : null\r\n\t\t\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\t\r\n\t\t\t\t\t\t\t\tOrder #\r\n\t\t\t\t\t\t\t\t{this.state.order.orderNumber}\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\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"250\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.setSelectedProduct(option)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.applyVolumePricingIfNecessary()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.orderLine.priceUnitType\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t&& (this.state.orderLine.priceUnitType.value === constants.PRICE_UNIT_TYPE.SQ_YARDS.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t|| this.state.orderLine.priceUnitType.value === constants.PRICE_UNIT_TYPE.LIN_FT.value)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? `Sq. Yds.`\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: `Sq. Ft`\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!this.state.orderLine.productAllowCommission}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!this.state.orderLine.productAllowCommission}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.RUG_PAD.value &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"250\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.setSelectedProduct(option)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// onBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.applyVolumePricingIfNecessary()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!this.state.orderLine.productAllowCommission}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!this.state.orderLine.productAllowCommission}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{(this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.MISCELLANEOUS.value ||\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.SAMPLE.value) &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"250\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.setSelectedProduct(option)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.SAMPLE.value &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!this.state.orderLine.productAllowCommission}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!this.state.orderLine.productAllowCommission}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{(this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.HARD_SURFACE.value ||\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.CARPET_TILE.value) &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"250\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.setSelectedProduct(option)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.applyVolumePricingIfNecessary()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!this.state.orderLine.productAllowCommission}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!this.state.orderLine.productAllowCommission}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{(this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.BINDING.value ||\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.ROLL_RUNNER.value) &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.orderLine.squareFeetPerCarton\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? `${this.state.orderLine.squareFeetPerCarton} ${this.state.orderLine.priceUnitType.label}`\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.orderLine.perContainer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? `${this.state.orderLine.perContainer} per`\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"250\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.setSelectedProduct(option)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!this.state.orderLine.productAllowCommission}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!this.state.orderLine.productAllowCommission}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.INTL_COLL_RUG.value &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"250\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* this.setSelectedCollection(option)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t */}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.setSelectedProduct(option)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!this.state.orderLine.productAllowCommission}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!this.state.orderLine.productAllowCommission}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{COMPONENT_ORDER_LINE_TYPES.includes(this.state.orderLine.orderLineType.value) &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleRugOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"250\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* The following two fields are saved with the parent rug orderline, not the field line (parent rug orderline has the truth for these two fields) */}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.setState(prevState => ({\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...prevState,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\torderLine: {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...prevState.orderLine,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tforOutdoorUse: !value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}));\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.setSelectedField(option)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleRugOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"L'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={this.fieldSizeChange}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/> ' \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleRugOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='L\"'\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={this.fieldSizeChange}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/> \" \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleRugOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.updateFieldTotals()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleRugOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.updateFieldTotals()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleRugOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.updateFieldTotals()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!this.state.orderLine.productAllowCommission}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.RUG_BORDER.value &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleRugOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"250\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.setSelectedBorder(option)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleRugOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"L'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={this.borderSizeChange}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/> ' \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleRugOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder='L\"'\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={this.borderSizeChange}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/> \" \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleRugOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={(event) => this.updateOrderLineRateOrCurrencyField(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleRugOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.updateBorderTotals()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleRugOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.updateBorderTotals()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!this.state.orderLine.productAllowCommission}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleRugOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateBorderDsc()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.RUG_MISCELLANEOUS.value &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"250\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* {this.state.orderLine.orderLineType.label !== \"MISCELLANEOUS (RUG COMPONENT)\" && */}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.setSelectedProduct(option)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* } */}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={() => this.calculateFigures()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!this.state.orderLine.productAllowCommission}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!this.state.orderLine.productAllowCommission}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.state.orderLine.orderLineType.value === constants.ORDER_LINE_TYPE.CUSTOM_RUG.value &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"250\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"50\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"20\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"20\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={(event) => this.updateOrderLineRateOrCurrencyField(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={(event) => this.updateOrderLineRateOrCurrencyField(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"25\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"25\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"20\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"150\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"100\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"100\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"100\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"100\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"35\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"5\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleOrderLineStateChange(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"10\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.state.editingNotes && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tFreight
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.onChangeOrderLineComment(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength=\"250\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.setState(prevState => ({\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...prevState,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tnewOrderLineComment: {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...prevState.newOrderLineComment,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisPrivate: !value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}));\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.onSaveNote()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\tNotes
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t| Applies To | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tDescription | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tIs Private? | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | ||||
|---|---|---|---|---|---|---|---|
| \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{c.commentType.label} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{c.dsc} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{c.isPrivate ? \"Yes\" : \"No\"} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.customRugToViewEdit ? 'Current Saved Custom Rug Components' : 'Current Saved Line Items'}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{this.state.customRugToViewEdit &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t| \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t | {this.state.customRugToViewEdit ? 'Component Type' : 'Line Type'} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\tDescription | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\tTotal Cost | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\tTotal Price | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t |
|---|---|---|---|---|---|
| {orderLine.id} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{orderLine.orderLineType.label} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{orderLine.dsc}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{orderLine.orderLineComments && orderLine.orderLineComments.length > 0 ?\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t_.filter(orderLine.orderLineComments, oc => { return !oc.isPrivate}).map(c => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {c.dsc} - added @ {moment(c.createdAt).format(\"M/DD/YY h:mm a\")} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t))\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{helpers.formatCurrency(orderLine.cost)} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{helpers.formatCurrency(orderLine.price)} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
| \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | {componentLine.orderLineType.label} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{componentLine.dsc} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t${componentLine.cost} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t${componentLine.price} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t |
Billing Info
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{this.state.customerInfo ? this.state.customerInfo.name : ''}
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tAccount Credit Line:\r\n\t\t\t\t\t\t\t\t\t\t\t${this.state.customerInfo ? this.state.customerInfo.creditLine : ''}\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tTotal Due
\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.state.totalOrderPrice}
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tTotal Posted
\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.state.sumOfPayments}
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tBalance
\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.state.balance}
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tPayment Info
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tCurrent Saved Payments\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t| Type | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\tReceived | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\tAmount | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t |
|---|---|---|---|
| {p.paymentType ? p.paymentType.label : \"\"} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{p.dateReceived\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? date_helpers.dateTimeFormat(p.dateReceived, \"MM/DD/YYYY hh:mm A\")\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: date_helpers.dateTimeFormat(p.createdAt, \"MM/DD/YYYY hh:mm A\")}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{p.paymentType ? p.paymentType.value === constants.PAYMENT_TYPE.CREDIT.value && \"-\" : \"\"}{helpers.formatCurrency(p.amountPaid)} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
| Status | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\tPay To / Line Dsc | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\tRef# | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\tInv# | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\tChk# | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\tAmt Due | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\tAmt Post | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\tDates | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\tNotes | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t |
|---|---|---|---|---|---|---|---|---|---|
| \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{fulfillment.isEditing ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {fulfillment.supplierPayToName || fulfillment.freightCarrierName} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{fulfillment.orderFulfillmentOrderLines.map(ol => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ol.orderLineDsc} - ${ol.orderLineCost} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{fulfillment.isEditing ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{fulfillment.isEditing ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{fulfillment.isEditing ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{fulfillment.isEditing ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{fulfillment.isEditing ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{fulfillment.isEditing\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{date_helpers.toMDYDateString(fulfillment.billDate)} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{date_helpers.toMDYDateString(fulfillment.dueDate)} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{date_helpers.toMDYDateString(fulfillment.payDate)} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{fulfillment.isEditing ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{!fulfillment.isEditing ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
{this.state.order.orderStatus.label}
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{this.state.order.customer.label} {this.state.order.customer.number}
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tAgent: {this.state.order.agent ? this.state.order.agent.label : null}
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t| Summary | \r\n\t\t\t\t\t\t\t\t\t\t\t||
|---|---|---|
| \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{line.dsc}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{line.orderLineType.value === constants.ORDER_LINE_TYPE.CUSTOM_RUG.value\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? ( | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{helpers.formatCurrency(line.price)} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{helpers.formatCurrency(line.cost)} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t
| \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t||
| \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t||
| Invoice Total | \r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.state.totalOrderPrice} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.state.totalOrderCost} | \r\n\t\t\t\t\t\t\t\t\t\t\t
| Estimated Gross Profit | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.estimatedGrossProfit}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t|
| {`${line.dsc} - Agent Commission`} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t({_.round(line.cmsnRate).toFixed(2)}%) | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{helpers.formatCurrency(line.cmsn)} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
| Estimated Net Profit | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.estimatedNetProfit}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t|
| \r\n\t\t\t\t\t\t\t\t\t\t\t\t |
| Verifications | \r\n\t\t\t\t\t\t\t\t\t\t\t||
|---|---|---|
| {v.warning} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{v.message} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{v.something} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t
Orders
\r\n \r\n\r\n
) \r\n : null\r\n }\r\n \r\n
\r\n | \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n Total | \r\n\r\n | |
|---|---|---|---|---|---|---|---|---|
| {orderItem.orderNumber} | \r\n {/*{date_helpers.dateTimeFormat(orderItem.createdAt, \"MM/DD/YYYY hh:mm A\")} | */}\r\n{moment(orderItem.createdAt).format(date_helpers.MDY)} | \r\n{orderItem.orderStatusName} | \r\n{orderItem.customerName} | \r\n{orderItem.createdByUserName} | \r\n{orderItem.agentName} | \r\n{orderItem.totalPrice} | \r\n\r\n | \r\n
Maintain Fiber
\r\n \r\nAdd New Fiber
\r\n \r\n| \r\n | \r\n Group | \r\n\r\n |
|---|---|---|
| \r\n {p.isEditing ? (\r\n | \r\n \r\n {p.isEditing ? (\r\n | \r\n \r\n | \r\n
Product Administration
\r\n \r\n\r\n {this.state.product.dcName}\r\n
\r\n \r\nProduct Details
\r\n \r\n\r\n {this.state.supplier.accountNumber}\r\n
\r\n \r\n \r\n {/* {helpers.formatPhoneNumber(\r\n this.state.supplier.contact.phoneNumber ?\r\n this.state.supplier.contact.phoneNumber.number :\r\n \"\")} */}\r\n {helpers.formatPhoneNumber(\r\n this.state.supplier.supplierPhoneNo\r\n ? this.state.supplier\r\n .supplierPhoneNo\r\n : \"\"\r\n )}\r\n
\r\n \r\n \r\n {/* {this.state.supplier.contact.firstName} {this.state.supplier.contact.lastName} */}\r\n {this.state.supplier.millAgentName}\r\n
\r\n \r\n \r\n {/* {this.state.supplier.contact.email} */}\r\n {this.state.supplier.millAgentEmail}\r\n
\r\n \r\n \r\n {/* {this.state.supplier.contact.phoneNumber.number} */}\r\n {helpers.formatPhoneNumber(\r\n this.state.supplier.millAgentPhone\r\n ? this.state.supplier.millAgentPhone\r\n : \"\"\r\n )}\r\n
\r\n \r\n \r\n \r\n {this.state.addingImage ? (\r\n
\r\n \r\n \r\n {this.state.errorMessage ? (\r\n \r\n {this.state.errorMessage}\r\n \r\n ) : null}\r\n \r\n this.setState({ files: files })\r\n }\r\n productAttachmentTypeList={\r\n this.state\r\n .productDetailsAttachmentTypes\r\n }\r\n />\r\n
\r\n )}\r\n \r\n \r\n \r\n {this.state.addingImage ? (\r\n
\r\n \r\n \r\n {this.state.errorMessage ? (\r\n \r\n {this.state.errorMessage}\r\n \r\n ) : null}\r\n \r\n this.setState({ files: files })\r\n }\r\n productAttachmentTypeList={\r\n this.state\r\n .productDetailsAttachmentTypes\r\n }\r\n />\r\n
\r\n )}\r\n \r\n Edit Profile
\r\n \r\n\r\n Return to Login Screen\r\n
\r\n \r\n {this.state.message !== null\r\n ? {this.state.message} \r\n : null\r\n }\r\n
\r\n \r\n \r\n
\r\n Shipping Console
\r\n \r\nMemo Orders Pending Shipment
\r\n \r\n| Memo Order # | \r\nAccount # | \r\nAccount Name | \r\nEntered Date | \r\nEntered By | \r\n\r\n | |||||
|---|---|---|---|---|---|---|---|---|---|---|
| \r\n \r\n {pmo.id}\r\n \r\n | \r\n{pmo.customerNumber} | \r\n{pmo.customerName} | \r\n{date_helpers.formatDateToShortDate(pmo.createdAt)} | \r\n{pmo.createdByUserName} | \r\n\r\n | \r\n |||||
\r\n
| \r\n
Backordered Memo Orders
\r\n \r\n| Memo Order # | \r\nPlaced On | \r\nSize | \r\nShelf # | \r\nSupplier Product | \r\nDC Product | \r\nColor | \r\n
|---|---|---|---|---|---|---|
| \r\n \r\n {bmo.memoOrderId}\r\n \r\n | \r\n{date_helpers.formatDateToShortDate(bmo.createdAt)} | \r\n{bmo.memoSizeName} | \r\n{bmo.productMemoShelfNumber} | \r\n{bmo.supplierName} | \r\n{bmo.dcName} | \r\n\r\n {bmo.productColorName}\r\n {\" \"}\r\n {bmo.productColorNumber}\r\n | \r\n
Manage Suppliers
\r\n \r\n| \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n |
|---|---|---|---|
| {s.name} | \r\n{s.accountNumber} | \r\n{s.samplesEmail} | \r\n\r\n | \r\n
Update Profile
\r\n\r\n {this.state.message !== null\r\n ? {this.state.message} \r\n : null\r\n }\r\n
\r\n \r\n \r\n
\r\n {this.state.editItem.id ? 'Edit' : 'Add'} Staff
\r\n Staff Administration
\r\n \r\n| \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n Agent\r\n | \r\n\r\n Staff Roles\r\n | \r\n\r\n | \r\n \r\n |
|---|---|---|---|---|---|---|---|---|
| {u.firstName} | \r\n{u.lastName} | \r\n{u.username} | \r\n{u.email} | \r\n{u.mobileNumber} | \r\n{u.agent.value} | \r\n{getUserRoleNameCSV(u.roles)} | \r\n{u.isOfficeStaff ? | \r\n \r\n {this.renderEditButtons(u)}\r\n | \r\n
| Phone | \r\n\r\n | Phone\r\n ||||
|---|---|---|---|---|---|
| \r\n \r\n | \r\n\r\n \r\n | \r\n\r\n | \r\n {c.Number} | \r\n{c.TypeOfPhone.label} | \r\n\r\n | \r\n
| Address | \r\n\r\n | \r\n |||||||
|---|---|---|---|---|---|---|---|---|
| {a.Ln1} | \r\n{a.Ln2} | \r\n{a.Ln3} | \r\n{a.Ln4} | \r\n{a.City} | \r\n{a.State} | \r\n{a.Zip} | \r\n{a.TypeOfAddress ? a.TypeOfAddress.label : null } | \r\n\r\n {a.Id === null ? null\r\n : | \r\n
\r\n {this.state.message !== null\r\n ?{this.state.message} \r\n :null\r\n }\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { Button, Card, CardBody, Col, Row, Container, Table } from 'reactstrap';\r\nimport api from '../utils/api';\r\nimport { Link } from 'react-router-dom';\r\nimport helpers from '../utils/helpers';\r\nimport _ from 'lodash';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\n\r\nlet nextNumber = 0;\r\n\r\nconst gimmeNextNumber = () => {\r\n nextNumber++;\r\n return nextNumber;\r\n};\r\n\r\nconst DataRow = props => {\r\n return (\r\n | Name | \r\nIs Primary? | \r\n\r\n {!this.isEditingAny()\r\n ? \r\n : null\r\n } \r\n | \r\n|
|---|---|---|---|
| {c.FirstName} {c.LastName} | \r\n{c.Email} | \r\n{c.IsPrimary ? \"yes\" : null} | \r\n\r\n \r\n | \r\n
Contact Details for {s.name}
\r\n \r\n| Contact Name | \r\nType of Contact | \r\n\r\n | |
|---|---|---|---|
| {i.firstName} {i.lastName} | \r\n{i.email ? i.email : \"\"} | \r\n{i.typeOfContactName ? i.typeOfContactName : \"\"} | \r\n\r\n | \r\n
| Phone # | \r\nPhone Type | \r\n||
| {p.number ? helpers.formatPhoneNumber(p.number) : \"\"} | \r\n{p.typeOfPhoneName ? p.typeOfPhoneName : \"\"} | \r\n||
| Address | \r\nAddress Type | \r\n||
| \r\n {helpers.formatAddress(a).map(line => {\r\n return | \r\n {a.typeOfAddressName ? a.typeOfAddressName : \"\"} | \r\n
Maintain Widths
\r\n \r\nAdd New Width
\r\n \r\n| \r\n | \r\n \r\n | \r\n {/*\r\n \r\n | \r\n */}\r\n \r\n |
|---|---|---|---|
| \r\n {w.isEditing ? (\r\n | \r\n \r\n {w.isEditing ? (\r\n | \r\n {/*\r\n \r\n {w.isEditing ? (\r\n | \r\n */}\r\n \r\n \r\n {w.deactivatedAt === null ? (\r\n \r\n )}\r\n | \r\n
Fiber Brand Suppliers & Descriptions
\r\n \r\nAdd New Fiber Brand Supplier
\r\n \r\n| \r\n | \r\n \r\n Include in Report?\r\n | \r\nBrands | \r\n\r\n |
|---|---|---|---|
| \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n
| {item.name} | \r\n\r\n {item.includeInReport ?\r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n
\r\n \r\n Fiber Brands for {this.state.relatedSupplier.name} \r\n \r\n {this.state.errorMessage &&\r\n {this.state.errorMessage} \r\n }\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\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 YarnSupplierBrand;\r\n","import React, { Component, Fragment } from \"react\";\r\nimport {\r\n Card,\r\n Button,\r\n CardBody,\r\n Row,\r\n Col,\r\n Label,\r\n ButtonGroup,\r\n Input,\r\n Modal, ModalHeader, ModalBody, ModalFooter\r\n} from \"reactstrap\";\r\nimport Switch from \"react-switch\";\r\nimport Select from \"react-select\";\r\nimport AsyncSelect from \"react-select/async\";\r\nimport moment from \"moment\";\r\nimport _ from \"underscore\";\r\nimport { DropzoneUploader } from '../components';\r\nimport DatePicker from \"react-datepicker\";\r\nimport { api, helpers, date_helpers, constants } from \"../utils\";\r\nimport Alert from \"react-s-alert\";\r\n\r\nconst renderExtension = (typeOfRender) => {\r\n switch(typeOfRender) {\r\n case constants.RENDER_TYPES.Excel:\r\n return \".xlsx\";\r\n case constants.RENDER_TYPES.CSV:\r\n return \".csv\";\r\n case constants.RENDER_TYPES.PDF:\r\n return \".pdf\";\r\n default:\r\n return \"\";\r\n }\r\n};\r\n\r\nconst renderMimeType = (typeOfRender) => {\r\n switch(typeOfRender) {\r\n case constants.RENDER_TYPES.Excel:\r\n return constants.MIME_XLSX;\r\n case constants.RENDER_TYPES.CSV:\r\n return constants.MIME_CSV;\r\n case constants.RENDER_TYPES.PDF:\r\n return constants.MIME_PDF;\r\n default:\r\n return \"application/octet-stream\";\r\n }\r\n};\r\n\r\nconst blobToDataURL = (blob, callback) => {\r\n var a = new FileReader();\r\n a.onload = function(e) {callback(e.target.result);}\r\n a.readAsDataURL(blob);\r\n};\r\n\r\nexport default class Reports extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n reportGroups: [],\r\n flatReports: [],\r\n parameters: [],\r\n displayTemplateModal: false,\r\n templateFile: null,\r\n // defaultParameters: [],\r\n selectedReport: null\r\n };\r\n\r\n this.saveReportTemplate = this.saveReportTemplate.bind(this);\r\n this.showTemplateModal = this.showTemplateModal.bind(this);\r\n this.generateReport = this.generateReport.bind(this);\r\n this.onReportSelect = this.onReportSelect.bind(this);\r\n this.isFormValid = this.isFormValid.bind(this);\r\n this.parseParameters = this.parseParameters.bind(this);\r\n this.setParameterValue = this.setParameterValue.bind(this);\r\n this.loadApiListOptions = this.loadApiListOptions.bind(this);\r\n this.onDropdownSelection = this.onDropdownSelection.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n api.fetch(\"report/reports\").then(response => {\r\n const reportGroups = _.map(response.data, rg => {\r\n return {\r\n ...rg,\r\n reports: _.map(_.filter(rg.reports, r => r.enabled), r => {\r\n return {\r\n ...r,\r\n groupName: rg.name,\r\n label: r.name, // ${r.description}`,\r\n value: r.name\r\n };\r\n }),\r\n label: rg.name,\r\n value: rg.name\r\n };\r\n });\r\n let flatReports = [];\r\n _.each(reportGroups, rg => {\r\n _.each(rg.reports, rpt => {\r\n flatReports.push(rpt);\r\n });\r\n });\r\n this.setState({ reportGroups: reportGroups, flatReports: _.sortBy(flatReports, r => r.label)});\r\n }).catch((error) => console.error(error));\r\n }\r\n\r\n isFormValid(report, params) {\r\n let warnings = [];\r\n _.each(report.parameters, rp => {\r\n if (!rp.hidden && rp.required) {\r\n switch(rp.parameterType) {\r\n case constants.REPORT_PARAMETER_TYPES.Text:\r\n if (!rp.value) {\r\n warnings.push(`Enter a ${rp.prompts[0]} value`);\r\n }\r\n break;\r\n case constants.REPORT_PARAMETER_TYPES.DateRange:\r\n if (!rp.value || !rp.value.length) {\r\n warnings.push('Select valid date from and date through values');\r\n // } else if (!moment.isMoment(rp.value[0].value) || !moment.isMoment(rp.value[1].value)) {\r\n // warnings.push('Date from and date through must be valid dates');\r\n } else if (date_helpers.getMomentFromString(rp.value[0]).isAfter(date_helpers.getMomentFromString(rp.value[1]))) {\r\n warnings.push('Date from cannot be after date through');\r\n }\r\n break;\r\n case constants.REPORT_PARAMETER_TYPES.Date:\r\n if (!rp.value) {\r\n warnings.push(`Select a valid ${rp.prompts[0]} value`);\r\n }\r\n break;\r\n case constants.REPORT_PARAMETER_TYPES.ApiList:\r\n if (rp.multi) {\r\n if (!rp.value || !rp.value.length) {\r\n warnings.push(`Select one or more ${rp.prompts[0]} values`);\r\n }\r\n } else {\r\n if (!rp.value || !rp.value.value) {\r\n warnings.push(`Select a ${rp.prompts[0]} value`);\r\n }\r\n }\r\n break;\r\n case constants.REPORT_PARAMETER_TYPES.Integer:\r\n if (!rp.value || isNaN(parseInt(rp.value.value, 10))) {\r\n warnings.push(`Provide a valid ${rp.prompts[0]} value`);\r\n }\r\n break;\r\n default:\r\n console.error(`UNKNOWN parameter type [${rp.parameterType}] !!!!`)\r\n break;\r\n }\r\n }\r\n });\r\n if (warnings.length) {\r\n //TODO: something better here\r\n alert(warnings.join(\"\\n\"));\r\n }\r\n return warnings.length === 0;\r\n }\r\n\r\n parseParameters(report, params) {\r\n let rawParameters = {};\r\n _.each(report.parameters, rp => {\r\n if (!rp.hidden) {\r\n switch(rp.parameterType) {\r\n case constants.REPORT_PARAMETER_TYPES.Text:\r\n rawParameters[rp.names[0]] = {label: \"\", value: (rp.value || \"\")};\r\n break;\r\n case constants.REPORT_PARAMETER_TYPES.DateRange:\r\n if (rp.value) {\r\n // due to validation we know that these are valid moment values now\r\n rawParameters.date_range = {\r\n label: `${rp.value[0]} - ${rp.value[1]}`,\r\n value: [\r\n {label: \"Date From\", value: rp.value[0]}, \r\n {label: \"Date Through\", value: rp.value[1]}\r\n ] \r\n // date_helpers.formatDateForServer(rp.value) + \"|\" + date_helpers.formatDateForServer(params[rp.names[1]])\r\n };\r\n } else {\r\n rawParameters.date_range = {\r\n label: 'Date Range not set',\r\n value: [null, null] \r\n };\r\n }\r\n break;\r\n case constants.REPORT_PARAMETER_TYPES.Date:\r\n rawParameters[rp.names[0]] = {label: \"\", value: rp.value};\r\n break;\r\n case constants.REPORT_PARAMETER_TYPES.ApiList:\r\n if (rp.value) {\r\n if (rp.multi) {\r\n if (rp.value.length) \r\n {\r\n rawParameters[rp.names[0]] = {\r\n label: _.map(rp.value, x => x[rp.apiValueAttribute]).join(','), \r\n value: _.map(rp.value, x => ({label: x[rp.apiValueAttribute], value: x[rp.apiKeyAttribute]}))\r\n \r\n };\r\n }\r\n } else {\r\n rawParameters[rp.names[0]] = {label: rp.value[rp.apiValueAttribute], value: rp.value[rp.apiKeyAttribute]};\r\n }\r\n } else {\r\n rawParameters[rp.names[0]] = null; // {label: \"\", value: null};\r\n }\r\n break;\r\n case constants.REPORT_PARAMETER_TYPES.Integer:\r\n if (rp.value) {\r\n rawParameters[rp.names[0]] = {label: \"\", value: parseInt(rp.value, 10)};\r\n } else {\r\n rawParameters[rp.names[0]] = {label: \"\", value: null};\r\n }\r\n break;\r\n case constants.REPORT_PARAMETER_TYPES.Boolean:\r\n rawParameters[rp.names[0]] = {label: \"\", value: (rp.value === true)};\r\n break;\r\n default:\r\n console.error(`UNKNOWN parameter type [${rp.parameterType}] !!!!`)\r\n break;\r\n }\r\n }\r\n });\r\n return rawParameters;\r\n }\r\n\r\n showTemplateModal() {\r\n this.setState({displayTemplateModal: true});\r\n }\r\n\r\n saveReportTemplate() {\r\n if (!this.state.templateFile) return;\r\n let payload = new FormData();\r\n payload.append('reportName', this.state.selectedReport.name);\r\n payload.append('templateFile', this.state.templateFile);\r\n api.post(\"report/SetTemplate\", payload).then(response => {\r\n if (response.data.success) {\r\n Alert.success(`The new template for ${this.state.selectedReport.name} has been applied.`);\r\n this.setState({displayTemplateModal: false, templateFile: null});\r\n } else {\r\n Alert.error(response.data.message); \r\n }\r\n }).catch((e) => {\r\n console.error(e);\r\n Alert.error(\"There was an error applying the report template\");\r\n });\r\n }\r\n\r\n generateReport() {\r\n if (!this.isFormValid(this.state.selectedReport, this.state.parameters)) return;\r\n const payload = {\r\n reportName: this.state.selectedReport.value, \r\n parameters: this.parseParameters(this.state.selectedReport, this.state.parameters),\r\n // TODO: allow user to select this...\r\n typeOfRender: constants.RENDER_TYPES.Excel\r\n };\r\n // const xlsWindow = window.open();\r\n //if (payload.typeOfRender === constants.RENDER_TYPES.CSV) {\r\n api.post(\"report/execute\", payload, \"blob\").then(response => {\r\n const ext = renderExtension(payload.typeOfRender);\r\n const fileName = `report_${new Date().getTime()}.${ext}`;\r\n // if (window.navigator && window.navigator.msSaveOrOpenBlob) {\r\n // window.navigator.msSaveOrOpenBlob(response.data, fileName);\r\n // } else {\r\n const file = new Blob([response.data], { type: constants.MIME_XLSX });\r\n blobToDataURL(file, (dataurl) => {\r\n var link = document.createElement(\"a\");\r\n link.style = \"visibility:hidden\";\r\n link.download = fileName;\r\n link.href = dataurl;\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n // xlsWindow.location.name = fileName;\r\n // xlsWindow.location.href = dataurl; \r\n });\r\n // }\r\n }).catch((e) => {\r\n console.error(e);\r\n Alert.error(\"There was an error generating the report\");\r\n // xlsWindow.close();\r\n });\r\n // } else {\r\n // api.post_form_data_get_blob(\"report/execute\", payload).then(response => {\r\n // helpers.downloadExport(response.data, `report_${new Date().getTime()}.${renderExtension(payload.typeOfRender)}`, renderMimeType(payload.typeOfRender));\r\n // }).catch((error) => console.error(error));\r\n // }\r\n }\r\n\r\n cancel() {\r\n this.setState({\r\n parameters: this.state.defaultParameters,\r\n selectedReport: null\r\n });\r\n }\r\n\r\n onReportSelect(report) {\r\n let fetches = [];\r\n _.each(_.filter(report.parameters, p => p.parameterType === constants.REPORT_PARAMETER_TYPES.ApiList && !p.typeahead), p => {\r\n fetches.push(() => {\r\n return api.fetch_raw(p.apiRoute, {}).then(response => {\r\n return {\r\n [`${p.names[0]}_options`]: _.map(response.data, x => ({\r\n ...x,\r\n value: x[p.apiKeyAttribute],\r\n label: x[p.apiValueAttribute]\r\n }))\r\n };\r\n }).catch((error) => console.error(error));\r\n });\r\n });\r\n if (fetches.length) {\r\n Promise.all(_.map(fetches, f => (f()))).then((aggregateResults) => {\r\n let newStatus = { selectedReport: report };\r\n aggregateResults.forEach(r => Object.assign(newStatus, r));\r\n this.setState(newStatus);\r\n }).catch((error) => console.error(error));\r\n } else {\r\n this.setState({ selectedReport: report });\r\n }\r\n }\r\n\r\n // loadOptions={_.debounce((inputValue, callBack) => \r\n // this.loadApiListOptions(inputValue, callBack, p.apiRoute, p.apiKeyAttribute, p.apiValueAttribute), \r\n // 500)}\r\n loadApiListOptions(inputValue, callBack, apiRoute, valueAttribute, labelAttribute) {\r\n //if (!inputValue || !inputValue.length || inputValue.length < 2) return;\r\n let sampleBooks = [];\r\n \r\n api.fetch_raw(apiRoute, { inputValue }).then(response => {\r\n callBack(_.map(response.data, x => ({\r\n ...x,\r\n value: x[valueAttribute],\r\n label: x[labelAttribute],\r\n })));\r\n }).catch((error) => console.error(error));\r\n }\r\n\r\n setParameterValue(parameterName, value, parameterIndex = null) {\r\n let r = Object.assign({}, this.state.selectedReport);\r\n const paramToChangeIndex = _.findIndex(r.parameters, p => p.names.includes(parameterName));\r\n let paramToChange = r.parameters[paramToChangeIndex];\r\n if (parameterIndex !== null) \r\n {\r\n if (!paramToChange.value || paramToChange.value.constructor !== Array) \r\n {\r\n paramToChange.value = [null, null];\r\n }\r\n paramToChange.value[parameterIndex] = value;\r\n } else {\r\n paramToChange.value = value;\r\n }\r\n this.setState({selectedReport: r});\r\n }\r\n\r\n onDropdownSelection(parameterName, selection) {\r\n let r = Object.assign({}, this.state.selectedReport);\r\n const paramToChangeIndex = _.findIndex(r.parameters, p => p.names.includes(parameterName));\r\n let paramToChange = r.parameters[paramToChangeIndex];\r\n let newState = {};\r\n if (selection) \r\n {\r\n paramToChange.value = selection;\r\n } \r\n else \r\n {\r\n paramToChange.value = null;\r\n newState[`${parameterName}_input_value`] = \"\";\r\n }\r\n newState.selectedReport = r;\r\n this.setState(newState);\r\n }\r\n\r\n renderParameters = (paramList) => {\r\n let segments = [];\r\n _.each(paramList, p => {\r\n const segmentKey = `${p.names[0]}_param`;\r\n switch(p.parameterType) {\r\n case constants.REPORT_PARAMETER_TYPES.Boolean:\r\n segments.push((| \r\n | \r\n | ||
|---|---|---|---|
| \r\n \r\n | \r\n\r\n | \r\n {i.name} | \r\n\r\n | \r\n
\r\n \r\n \r\n \r\n \r\n this.onReportSelect(e)}\r\n options={this.state.flatReports}\r\n />\r\n \r\n
\r\n {this.state.selectedReport && (\r\n \r\n \r\n
\r\n
\r\n {this.renderParameters(this.state.selectedReport.parameters)}\r\n\r\n \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.displayTemplateModal\r\n ? ( this.setState({displayTemplateModal: false})}\r\n >\r\n \r\n this.setState({ templateFile: files[0] })}\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
\r\n );\r\n }\r\n}\r\n","import React, { Component, Fragment } from 'react';\r\nimport {\r\n Button,\r\n ButtonGroup,\r\n Col,\r\n Row,\r\n Table,\r\n Container,\r\n Form,\r\n Card,\r\n Alert,\r\n CardBody,\r\n Input\r\n} from 'reactstrap';\r\nimport api from '../utils/api';\r\nimport Select from 'react-select';\r\nimport Switch from \"react-switch\";\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { Link,Redirect } from 'react-router-dom';\r\nimport _ from 'lodash';\r\nimport helpers from '../utils/helpers';\r\nimport { ContactList } from './';\r\n\r\nconst emptySupplier = {\r\n id: 0,\r\n name: '',\r\n accountNumber: '',\r\n comment: '',\r\n supplierGroupId: null,\r\n payToName: '',\r\n samplesEmail: '',\r\n isActive: true, \r\n contactTypeId: null,\r\n firstName: '',\r\n lastName: '',\r\n email: '',\r\n millAgentName: '',\r\n millAgentPhone: '',\r\n millAgentEmail: '', \r\n supplierPhoneNo: ''\r\n};\r\n\r\nconst cleanBadIds = (contactList) => {\r\n // this poorly named function also sets up the data so the API likes it\r\n return _.map(contactList, function (c) {\r\n c.id = c.id > 0 ? c.id : 0; // clean any 'new' ids\r\n c.typeOfContactName = c.typeOfContact.label;\r\n c.typeOfContact = c.typeOfContact.value;\r\n c.phoneNumbers = _.map(c.phoneNumbers, function (p) {\r\n p.id = p.id > 0 ? p.id : 0; // clean any 'new' ids\r\n p.typeOfPhoneName = p.typeOfPhone.label;\r\n p.typeOfPhone = p.typeOfPhone.value;\r\n return p;\r\n });\r\n c.addresses = _.map(c.addresses, function (a) {\r\n a.id = a.id > 0 ? a.id : 0; // clean any 'new' ids\r\n a.typeOfAddressName = a.typeOfAddress.label;\r\n a.typeOfAddress = a.typeOfAddress.value;\r\n return a;\r\n });\r\n return c;\r\n });\r\n};\r\n\r\nexport default class EditSupplier extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n suppliers: [],\r\n messageFlavor: null,\r\n message: null,\r\n isMessageVisible: false,\r\n editItem: null,\r\n sortField: 'id',\r\n sortDir: 'asc',\r\n filters: [],\r\n clearValue: false,\r\n showEdit: false,\r\n added_count: 0,\r\n added_order_count: 0,\r\n editSupplier: Object.assign({}, emptySupplier),\r\n supplierGroupList: [],\r\n contactTypeList: [],\r\n contactAddressTypeList: [],\r\n contacts: [],\r\n supplierIdCaptured: false,\r\n supplier: null,\r\n isContactEditing: false,\r\n redirect: false\r\n };\r\n\r\n this.loadSupplier = this.loadSupplier.bind(this);\r\n // this.onContactSave = this.onContactSave.bind(this);\r\n this.onSubmit = this.onSubmit.bind(this);\r\n this.onSupplierGroupSelected = this.onSupplierGroupSelected.bind(this);\r\n this.onIsActive = this.onIsActive.bind(this);\r\n this.onContactListChanged = this.onContactListChanged.bind(this);\r\n this.toggleContactEditing = this.toggleContactEditing.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n const getSupplierGroups = api.fetch(\"Reference/GetSupplierGroupList\")\r\n .then((response) => {\r\n return { supplierGroupList: response.data };\r\n })\r\n .catch(helpers.catchHandler);\r\n\r\n Promise.all([\r\n getSupplierGroups\r\n ])\r\n .then((aggregateResults) => {\r\n const newStatus = {};\r\n aggregateResults.forEach(r => Object.assign(newStatus, r));\r\n this.setState(newStatus, () =>\r\n this.loadSupplier());\r\n })\r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n loadSupplier(newSupplierId) {\r\n let supplierId = newSupplierId ? newSupplierId : this.props.computedMatch.params.id;\r\n if (supplierId === \"new\") {\r\n this.setState({ supplier: Object.assign({}, emptySupplier) });\r\n } else if (supplierId > 0) {\r\n api.fetch(`Supplier/GetSupplier/${supplierId}`)\r\n .then(response => {\r\n if (response.data) {\r\n let supplier = response.data.supplier;\r\n supplier.supplierGroup = helpers.resolveValue(null, supplier.supplierGroupId, supplier.supplierGroupName);\r\n supplier.isActive = !supplier.deactivatedAt;\r\n const contactList = _.map(_.filter(response.data.contacts, c => !c.deactivatedAt),\r\n contact => {\r\n return {\r\n addresses: _.map(contact.addresses,\r\n address => {\r\n return {\r\n city: address.city,\r\n id: address.id,\r\n isPrimary: address.isPrimary,\r\n ln1: address.ln1,\r\n ln2: address.ln2,\r\n ln3: address.ln3,\r\n ln4: address.ln4,\r\n state: address.state,\r\n typeOfAddress: {\r\n label: address.typeOfAddressName,\r\n value: address.typeOfAddress\r\n },\r\n zip: address.zip,\r\n deactivatedAt: address.deactivatedAt\r\n };\r\n }),\r\n email: contact.email,\r\n firstName: contact.firstName,\r\n id: contact.id,\r\n isPrimary: contact.isPrimary,\r\n lastName: contact.lastName,\r\n phoneNumbers: _.map(contact.phoneNumbers,\r\n phone => {\r\n return {\r\n id: phone.id,\r\n number: phone.number,\r\n typeOfPhone: {\r\n label: phone.typeOfPhoneName,\r\n value: phone.typeOfPhone\r\n },\r\n deactivatedAt: phone.deactivatedAt,\r\n isPrimary: phone.isPrimary\r\n };\r\n }),\r\n typeOfContact: { label: contact.typeOfContactName, value: contact.typeOfContact },\r\n deactivatedAt: contact.deactivatedAt\r\n };\r\n });\r\n this.setState({\r\n supplier: supplier,\r\n contacts: contactList\r\n })\r\n }\r\n }).catch(helpers.catchHandler);\r\n }\r\n }\r\n\r\n onTextChange(fieldName, e) {\r\n const supplier = this.state.supplier;\r\n supplier[fieldName] = e.target.value;\r\n this.setState({\r\n supplier: supplier\r\n });\r\n }\r\n\r\n onSupplierGroupSelected(newSupplierGroup) {\r\n this.setState({\r\n supplier: {\r\n ...this.state.supplier,\r\n supplierGroup: newSupplierGroup\r\n }\r\n });\r\n }\r\n\r\n onIsActive() {\r\n this.setState({\r\n supplier: {\r\n ...this.state.supplier,\r\n isActive: !this.state.supplier.isActive\r\n }\r\n });\r\n }\r\n\r\n onContactListChanged(contactList) {\r\n this.setState({\r\n contacts: contactList\r\n });\r\n }\r\n\r\n toggleContactEditing(isEditing) {\r\n this.setState({\r\n isContactEditing: isEditing\r\n });\r\n }\r\n\r\n isFormValid() {\r\n const warnings = [];\r\n const supplier = Object.assign({}, this.state.supplier);\r\n if (!supplier.name) {\r\n warnings.push(\"Supplier Name is required.\");\r\n }\r\n if (!supplier.payToName) {\r\n warnings.push(\"Pay To Name is required.\");\r\n }\r\n if (supplier.id === 0 && !supplier.millAgentName) {\r\n warnings.push(\"Supplier Agent Name is required.\");\r\n }\r\n if (supplier.id === 0 && (!supplier.millAgentEmail || !helpers.emailIsValid(supplier.millAgentEmail))) {\r\n warnings.push(\"Valid Supplier Agent Email is required.\");\r\n }\r\n if (supplier.id === 0 && !supplier.millAgentPhone) {\r\n warnings.push(\"Supplier Agent Phone Number is required.\");\r\n }\r\n //if (supplier.id === 0 && contactList.length === 0) {\r\n // warnings.push(\"Contact information is required\");\r\n //}\r\n //if (supplier.id === 0 && contactList.length > 0){\r\n // let hasMillRep = _.find(contactList, l => {\r\n // return l.typeOfContact.label === \"Mill Representative\"\r\n // }) !== undefined;\r\n // if (supplier.id === 0 && !hasMillRep) {\r\n // warnings.push(\"Mill Representative contact is required\")\r\n // }\r\n // let hasCustomerServiceRep = _.find(contactList, l => {\r\n // return l.typeOfContact.label === \"Customer Service\"\r\n // }) !== undefined;\r\n // if (supplier.id === 0 && !hasCustomerServiceRep) {\r\n // warnings.push(\"Customer Service contact is required\")\r\n // }\r\n //}\r\n if (warnings.length) {\r\n this.setState({\r\n message: warnings.join(' '),\r\n messageFlavor: \"danger\",\r\n isMessageVisible: true\r\n });\r\n } else {\r\n this.setState({ message: null });\r\n }\r\n return warnings.length === 0;\r\n }\r\n\r\n onSubmit(event) {\r\n if (!this.isFormValid()) return;\r\n const exorcisedContacts = cleanBadIds(this.state.contacts.slice());\r\n event.preventDefault();\r\n\r\n let supplierDto = {\r\n Name: this.state.supplier.name,\r\n AccountNumber: this.state.supplier.accountNumber,\r\n Comment: this.state.supplier.comment,\r\n SupplierGroupId: this.state.supplier.supplierGroupId\r\n ? this.state.supplier.supplierGroupId\r\n : _.find(this.state.supplierGroupList, g => { return g.label === \"Default\"; }).value,\r\n PayToName: this.state.supplier.payToName,\r\n SamplesEmail: this.state.supplier.samplesEmail,\r\n IsHidden: this.state.supplier.isActive, //terrible name needs to change \r\n SupplierId: this.state.supplier.id,\r\n ContactTypeId: this.state.supplier.contactType,\r\n FirstName: this.state.supplier.firstName,\r\n LastName: this.state.supplier.lastName,\r\n Email: this.state.supplier.email,\r\n MillAgentEmail: this.state.supplier.millAgentEmail,\r\n MillAgentName: this.state.supplier.millAgentName,\r\n MillagentPhone: this.state.supplier.millAgentPhone,\r\n SupplierPhoneNo: this.state.supplier.supplierPhoneNo\r\n };\r\n if (this.state.supplier.id > 0) {\r\n supplierDto.Id = this.state.supplier.id;\r\n }\r\n api.upload('post', 'Supplier', { Supplier: supplierDto, Contacts: exorcisedContacts })\r\n .then(response => {\r\n if (response.data.success) {\r\n if (this.state.supplier.id > 0) {\r\n this.setState({\r\n messageFlavor: \"success\",\r\n message: \"Supplier was updated\",\r\n //supplier: emptySupplier,\r\n //editSupplier: emptySupplier,\r\n showEdit: false\r\n }, () => this.loadSupplier());\r\n } else {\r\n this.setState({ messageFlavor: \"success\", message: \"Supplier was saved. You will be redirected momentarily.\", isMessageVisible: true },\r\n () => {\r\n setTimeout(() => {\r\n this.setState({ redirect: true })\r\n }, 3000);\r\n });\r\n }\r\n } else {\r\n this.setState({\r\n messageFlavor: \"danger\",\r\n message: response.data.message,\r\n isMessageVisible: true\r\n });\r\n }\r\n })\r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n handleDelete(id) {\r\n api.delete(`Supplier/${id}`)\r\n .then(response => {\r\n if (response.data.success) {\r\n this.loadSupplier()\r\n } else {\r\n this.setState({ messageFlavor: \"danger\", message: response.data.message, isMessageVisible: true });\r\n }\r\n })\r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n handleUnDelete(id) {\r\n api.post(`Supplier/undelete/${id}`)\r\n .then(response => {\r\n if (response.data.success) {\r\n this.loadSupplier()\r\n } else {\r\n this.setState({ messageFlavor: \"danger\", message: response.data.message, isMessageVisible: true });\r\n }\r\n })\r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n render() {\r\n if (this.state.redirect) { return \r\n {this.renderParameters(this.state.selectedReport.parameters)}\r\n
{s && s.id ? 'Edit' : 'Add New'} Supplier
\r\n \r\nMulti Order Payables
\r\n \r\n\r\n this.onDatePaidChange(e)}\r\n className=\"form-control\"\r\n />\r\n
\r\n | \r\n {ordersList && ordersList.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 {/* Using AmountPosted here to sort will bring unexpected results, as value is automatically changed to amount due*/}\r\n | \r\n \r\n | \r\n
|---|---|---|---|---|---|---|---|---|
| this.onTextChange(\"isChecked\", e, index) } /> | \r\n{o.orderId} | \r\n{o.customerName} | \r\n{date_helpers.formatDateToShortDate(o.billDate)} | \r\nthis.onTextChange(\"referenceNumber\", e, index)} /> | \r\nthis.onTextChange(\"invoiceNumber\", e, index)} /> | \r\nthis.onTextChange(\"checkNumber\", e, index)}/> | \r\nthis.onTextChange(\"amountPosted\", e, index)} /> | \r\n{helpers.formatCurrency(o.amountDue)} | \r\n
| \r\n | {helpers.formatCurrency(selectedTotalAmount)} | \r\n{helpers.formatCurrency(selectedTotalDue)} | \r\n
Sample Book Inventory
\r\n \r\n| Name | */}\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.onInputChange(e, \"quantity\", index)} value={b.quantity} /> | \r\n\r\n | \r\n {b.sampleBookName} {b.sampleBookTypeName} | \r\n {date_helpers.formatDateToShortDate(b.shipDate)} | \r\n{b.quantity} | \r\n\r\n | \r\n
| No records found |
\r\n {this.state.message &&\r\n \r\n { this.state.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\r\n \r\n \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 { Alert, Button, ButtonGroup, Card, CardBody, Col, Container, Label, Row, Input } from 'reactstrap';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { api, date_helpers, helpers } from '../utils';\r\nimport _ from 'underscore';\r\nimport Select from 'react-select';\r\nimport makeAnimated from \"react-select/animated\";\r\nimport DatePicker from 'react-datepicker';\r\nimport { Link } from 'react-router-dom';\r\nimport AgentContact from './AgentContact';\r\n\r\nconst apiUrl = 'Agent/';\r\n\r\nconst emptyAgent = {\r\n id: null,\r\n mobileNumber: '', // not used, but col in database does not allow nulls\r\n comment: ''\r\n};\r\n\r\nconst inputMaxLengths = {\r\n firstName: 25,\r\n lastName: 25,\r\n idTag: 5,\r\n ssn: 11,\r\n comment: 300,\r\n payToName: 100,\r\n email: 150,\r\n mobileNumber: 15\r\n};\r\n\r\nexport default class EditAgent extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n messageFlavor: 'danger',\r\n message: null,\r\n isMessageVisible: false,\r\n editItem: null,\r\n agentId: props.agentId,\r\n areaList: []\r\n };\r\n this.loadAgent = this.loadAgent.bind(this);\r\n this.onTextChange = this.onTextChange.bind(this);\r\n this.onSelectChange = this.onSelectChange.bind(this);\r\n this.onDateChange = this.onDateChange.bind(this);\r\n this.isFormValid = this.isFormValid.bind(this);\r\n this.onSubmit = this.onSubmit.bind(this);\r\n this.onDismiss = this.onDismiss.bind(this);\r\n this.formatSSN = this.formatSSN.bind(this);\r\n }\r\n componentDidMount() {\r\n api.fetch(\"Reference/GetAreaList\").then(response => {\r\n this.setState({\r\n areaList: response.data\r\n }, this.loadAgent)\r\n }).catch(helpers.catchHandler);\r\n }\r\n\r\n loadAgent() {\r\n if (this.state.agentId > 0) {\r\n api.fetch(`Agent/GetAgent/${this.state.agentId}`).then(response => {\r\n if (response && response.data) {\r\n let agent = response.data;\r\n agent.ssn = agent.ssn.replace(/(\\d{3})(\\d{2})(\\d{4})/, \"$1-$2-$3\");\r\n agent.homeArea = helpers.resolveValue(null, agent.homeAreaId, agent.homeAreaName);\r\n this.setState({\r\n editItem: response.data\r\n })\r\n }\r\n }).catch(helpers.catchHandler);\r\n } else {\r\n this.setState({ editItem: emptyAgent });\r\n }\r\n }\r\n\r\n onDismiss() {\r\n this.setState({\r\n isMessageVisible: !this.state.isMessageVisible,\r\n message: null,\r\n messageFlavor: null\r\n });\r\n }\r\n\r\n formatSSN() {\r\n let agent = Object.assign({}, this.state.editItem);\r\n agent.ssn = agent.ssn.replace(/(\\d{3})(\\d{3})(\\d+)/, '$1-$2-$3');\r\n this.setState({\r\n editItem: agent\r\n })\r\n }\r\n\r\n onTextChange(fieldName, value) {\r\n const editItem = Object.assign({}, this.state.editItem);\r\n editItem[fieldName] = value;\r\n this.setState({ editItem: editItem });\r\n }\r\n\r\n onDateChange(name, date) {\r\n this.setState({ editItem: { ...this.state.editItem, [name]: date } });\r\n }\r\n\r\n onSelectChange(event) {\r\n this.setState({\r\n editItem: {\r\n ...this.state.editItem,\r\n homeArea: event,\r\n homeAreaId: event.value,\r\n homeAreaName: event.label\r\n }\r\n });\r\n }\r\n\r\n isFormValid() {\r\n const warnings = [];\r\n if (!this.state.editItem.firstName) {\r\n warnings.push(\"First Name is required.\");\r\n }\r\n if (!this.state.editItem.lastName) {\r\n warnings.push(\"Last Name is required.\");\r\n }\r\n if (!this.state.editItem.email || this.state.editItem.email.length < 1 || !helpers.emailIsValid(this.state.editItem.email)) {\r\n warnings.push(\"Valid email is required.\");\r\n }\r\n if (!this.state.editItem.hiredOn) {\r\n warnings.push(\"Hired On date is required.\");\r\n }\r\n if ((!this.state.editItem.ssn && !this.state.editItem.ein)) {\r\n warnings.push(\"SSN or EIN is required.\");\r\n }\r\n if (!this.state.editItem.homeAreaId) {\r\n warnings.push(\"Home Area is required.\");\r\n }\r\n if (!this.state.editItem.idTag || this.state.editItem.idTag.length < 1) {\r\n warnings.push(\"ID Tag is required.\");\r\n }\r\n if (this.state.editItem.cmsnRate.length < 1) {\r\n warnings.push(\"Commission Rate is required.\");\r\n }\r\n if (!this.state.editItem.payToName || this.state.editItem.payToName.length < 1) {\r\n warnings.push(\"Pay To Name is required.\");\r\n }\r\n if (warnings.length) {\r\n this.setState({ message: warnings.join(' '), messageFlavor: \"danger\", isMessageVisible: true });\r\n } else {\r\n this.setState({ message: null, isMessageVisible: false });\r\n }\r\n return warnings.length === 0;\r\n }\r\n\r\n onSubmit() {\r\n window.scroll(0, 0);\r\n if (!this.isFormValid()) return;\r\n const payload = {\r\n ...this.state.editItem,\r\n ssn: this.state.editItem.ssn.replaceAll(\"-\", \"\"),\r\n hiredOn: date_helpers.formatDateForServer(this.state.editItem.hiredOn),\r\n departureDate: date_helpers.formatDateForServer(this.state.editItem.departureDate),\r\n cmsnRate: Number(this.state.editItem.cmsnRate)\r\n };\r\n delete payload.homeArea;\r\n delete payload.homeAreaName;\r\n if (!payload.id) { delete payload.id; }\r\n const verb = this.state.editItem.id > 0 ? \"put\" : \"post\";\r\n api.upload(verb, apiUrl, payload)\r\n .then(result => {\r\n if (result.data.success) {\r\n this.setState({ \r\n messageFlavor: \"success\",\r\n message: payload.id ? \"Record Updated\" : \"Record Saved\",\r\n isMessageVisible: true\r\n }, () => this.loadAgent());\r\n } else {\r\n this.setState({ messageFlavor: \"danger\", message: result.data.message, isMessageVisible: true });\r\n }\r\n })\r\n .catch(helpers.catchHandler);\r\n }\r\n\r\n render() {\r\n const SaveButton = () => {\r\n return (Addresses
\r\n| Address | \r\nType | \r\nIsPrimary? | \r\n\r\n | ||
|---|---|---|---|---|---|
| \r\n this.onAddressTextChange(e, index, \"ln1\")} maxLength={100} placeholder=\"Company Name\"/ > \r\n this.onAddressTextChange(e, index, \"ln2\")} maxLength={100} placeholder=\"Attention\"/> \r\n this.onAddressTextChange(e, index, \"ln3\")} maxLength={100} placeholder=\"Address Line 1\"/> \r\n this.onAddressTextChange(e, index, \"ln4\")} maxLength={100} placeholder=\"Address Line 2\"/> \r\n \r\n \r\n \r\n \r\n \r\n | \r\n \r\n | \r\n \r\n {address.ln1} \r\n {address.ln2} \r\n {address.ln3} \r\n {address.ln4} \r\n \r\n {address.city} {address.state} {address.zip}\r\n \r\n | \r\n {address.typeOfAddress.label} | \r\n{address.isPrimary && | \r\n \r\n | \r\n
Phone Numbers
\r\n| Number | \r\nType | \r\nIs Primary | \r\n\r\n | ||||
|---|---|---|---|---|---|---|---|
| this.onPhoneTextChange(e, index, \"number\")} maxLength={100} placeholder=\"(xxx)xxx-xxxx\" /> | \r\n\r\n | \r\n \r\n | \r\n \r\n | \r\n {phone.number} | \r\n{phone.typeOfPhone ? phone.typeOfPhone.label : null} | \r\n{phone.isPrimary ? | \r\n \r\n | \r\n
\r\n {this.state.message !== null && (\r\n \r\n {this.state.message} \r\n \r\n
\r\n )}\r\n \r\n
\r\n\r\n \r\n this.onTextChange(event.target.name, event.target.value)}\r\n value={this.state.editItem.firstName || \"\"}\r\n maxLength={inputMaxLengths.firstName}\r\n />\r\n \r\n this.onTextChange(event.target.name, event.target.value)}\r\n value={this.state.editItem.lastName || \"\"}\r\n maxLength={inputMaxLengths.lastName}\r\n />\r\n \r\n
\r\n \r\n this.onTextChange(event.target.name, event.target.value)}\r\n value={this.state.editItem.email || \"\"}\r\n maxLength={inputMaxLengths.email}\r\n />\r\n \r\n this.onTextChange(event.target.name, event.target.value)}\r\n value={this.state.editItem.mobileNumber || \"\"}\r\n maxLength={inputMaxLengths.mobileNumber}\r\n />\r\n \r\n this.onTextChange(event.target.name, event.target.value)}\r\n value={this.state.editItem.mobileNumber || \"\"}\r\n maxLength={inputMaxLengths.mobileNumber}\r\n />\r\n */}\r\n
\r\n \r\n this.onTextChange(event.target.name, event.target.value)}\r\n value={this.state.editItem.ssn || \"\"}\r\n maxLength={inputMaxLengths.ssn}\r\n onBlur={this.formatSSN}\r\n />\r\n \r\n this.onTextChange(event.target.name, event.target.value)}\r\n value={this.state.editItem.ein || \"\"}\r\n maxLength=\"15\"\r\n />\r\n \r\n
\r\n \r\n this.onTextChange(event.target.name, event.target.value)}\r\n value={this.state.editItem.idTag || \"\"}\r\n maxLength={inputMaxLengths.idTag}\r\n />\r\n \r\n this.onTextChange(event.target.name, event.target.value)}\r\n value={this.state.editItem.cmsnRate || \"0\"}\r\n maxLength={inputMaxLengths.cmsnRate}\r\n />\r\n \r\n this.onTextChange(event.target.name, event.target.value)}\r\n value={this.state.editItem.payToName || \"\"}\r\n maxLength={inputMaxLengths.payToName}\r\n />\r\n \r\n
\r\n \r\n \r\n this.onTextChange(event.target.name, event.target.value)}\r\n value={this.state.editItem.comment || \"\"}\r\n maxLength={inputMaxLengths.comment}\r\n />\r\n \r\n
\r\n\r\n
\r\n }\r\n \r\n {this.state.editItem.id && this.state.editItem.id > 0 ? 'Edit' : 'Add New'} Agent\r\n
\r\n \r\n\r\n this.onDateChange(\"hiredOn\", e)}\r\n selected={date_helpers.dateFormatForClient(this.state.editItem.hiredOn)}\r\n className=\"form-control\"\r\n />\r\n
\r\n \r\n \r\n this.onDateChange(\"departureDate\", e)}\r\n selected={date_helpers.dateFormatForClient(this.state.editItem.departureDate)}\r\n className=\"form-control\"\r\n />\r\n
\r\n \r\n {/* Agent Administration
\r\n \r\nLogging out now...
\r\n \r\n \r\n \r\n Wait, I already have an account - take me to log in!\r\n \r\n
\r\n \r\n {this.state.message !== null ? (\r\n \r\n {this.state.message}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n
\r\n \r\n Return to Login Screen\r\n
\r\n \r\n {this.state.message !== null ? (\r\n \r\n {this.state.message}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n
\r\n {stateList.stateName}
\r\n \r\nDon't see an agent in your area?
\r\n \r\nSales Transfer
\r\n \r\n\r\n Fiber Group Administration\r\n
\r\n \r\nAdd New Fiber Group
\r\n \r\n| \r\n | \r\n \r\n | \r\n \r\n |
|---|---|---|
| \r\n | \r\n \r\n | \r\n \r\n | \r\n
| {item.name} | \r\n{item.seq} | \r\n\r\n | \r\n
Public Order Page
\r\n | \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n Total | \r\n\r\n |
|---|---|---|---|---|---|
| {orderItem.orderNumber} | \r\n{moment(orderItem.createdAt).format(date_helpers.MDY)} | \r\n{orderItem.orderStatusName} | \r\n{orderItem.customerName} | \r\n{orderItem.totalPrice} | \r\n\r\n | \r\n
\r\n \r\n
\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n maxLength=\"250\"\r\n />\r\n \r\n
\r\n \r\n \r\n this.setSelectedProduct(option)\r\n }\r\n />\r\n \r\n this.onNoColorSelected()}\r\n />\r\n No Color Selected\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n />\r\n \r\n ) : (\r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() =>\r\n this.applyVolumePricingIfNecessary()\r\n }\r\n />\r\n \r\n )}\r\n \r\n {this.state.orderLine.priceUnitType &&\r\n (this.state.orderLine.priceUnitType.value ===\r\n constants.PRICE_UNIT_TYPE.SQ_YARDS.value ||\r\n this.state.orderLine.priceUnitType.value ===\r\n constants.PRICE_UNIT_TYPE.LIN_FT.value)\r\n ? `Sq. Yds.`\r\n : `Sq. Ft`}\r\n \r\n ) : null}\r\n \r\n
\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n disabled={\r\n !this.state.orderLine.productAllowCommission\r\n }\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n disabled={\r\n !this.state.orderLine.productAllowCommission\r\n }\r\n />\r\n \r\n
\r\n
\r\n )}\r\n {this.state.orderLine.orderLineType.value ===\r\n constants.ORDER_LINE_TYPE.RUG_PAD.value && (\r\n \r\n \r\n
\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n maxLength=\"250\"\r\n />\r\n \r\n
\r\n \r\n \r\n this.setSelectedProduct(option)\r\n }\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n // onBlur={() => this.calculateFigures()}\r\n onBlur={() =>\r\n this.applyVolumePricingIfNecessary()\r\n }\r\n />\r\n \r\n
\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n disabled={\r\n !this.state.orderLine.productAllowCommission\r\n }\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n disabled={\r\n !this.state.orderLine.productAllowCommission\r\n }\r\n />\r\n \r\n
\r\n
\r\n )}\r\n {(this.state.orderLine.orderLineType.value ===\r\n constants.ORDER_LINE_TYPE.MISCELLANEOUS.value ||\r\n this.state.orderLine.orderLineType.value ===\r\n constants.ORDER_LINE_TYPE.SAMPLE.value) && (\r\n \r\n \r\n
\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n maxLength=\"250\"\r\n />\r\n \r\n
\r\n \r\n \r\n this.setSelectedProduct(option)\r\n }\r\n />\r\n \r\n {this.state.orderLine.orderLineType.value ===\r\n constants.ORDER_LINE_TYPE.SAMPLE.value && (\r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n />\r\n \r\n
\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n disabled={\r\n !this.state.orderLine.productAllowCommission\r\n }\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n disabled={\r\n !this.state.orderLine.productAllowCommission\r\n }\r\n />\r\n \r\n
\r\n
\r\n )}\r\n {(this.state.orderLine.orderLineType.value ===\r\n constants.ORDER_LINE_TYPE.HARD_SURFACE.value ||\r\n this.state.orderLine.orderLineType.value ===\r\n constants.ORDER_LINE_TYPE.CARPET_TILE.value) && (\r\n \r\n \r\n
\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n maxLength=\"250\"\r\n />\r\n \r\n
\r\n \r\n \r\n this.setSelectedProduct(option)\r\n }\r\n />\r\n \r\n
\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() =>\r\n this.applyVolumePricingIfNecessary()\r\n }\r\n />\r\n \r\n
\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n disabled={\r\n !this.state.orderLine.productAllowCommission\r\n }\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n disabled={\r\n !this.state.orderLine.productAllowCommission\r\n }\r\n />\r\n \r\n
\r\n
\r\n )}\r\n {(this.state.orderLine.orderLineType.value ===\r\n constants.ORDER_LINE_TYPE.BINDING.value ||\r\n this.state.orderLine.orderLineType.value ===\r\n constants.ORDER_LINE_TYPE.ROLL_RUNNER.value) && (\r\n \r\n {this.state.orderLine.squareFeetPerCarton\r\n ? `${this.state.orderLine.squareFeetPerCarton} ${this.state.orderLine.priceUnitType.label}`\r\n : null}\r\n
\r\n \r\n {this.state.orderLine.perContainer\r\n ? `${this.state.orderLine.perContainer} per`\r\n : null}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n maxLength=\"250\"\r\n />\r\n \r\n
\r\n \r\n \r\n this.setSelectedProduct(option)\r\n }\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n />\r\n \r\n
\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n disabled={\r\n !this.state.orderLine.productAllowCommission\r\n }\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n disabled={\r\n !this.state.orderLine.productAllowCommission\r\n }\r\n />\r\n \r\n
\r\n
\r\n )}\r\n {this.state.orderLine.orderLineType.value ===\r\n constants.ORDER_LINE_TYPE.INTL_COLL_RUG.value && (\r\n \r\n \r\n
\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n maxLength=\"250\"\r\n />\r\n \r\n
\r\n \r\n {/* this.setSelectedCollection(option)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t */}\r\n \r\n this.setSelectedProduct(option)\r\n }\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n />\r\n \r\n
\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n disabled={\r\n !this.state.orderLine.productAllowCommission\r\n }\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n disabled={\r\n !this.state.orderLine.productAllowCommission\r\n }\r\n />\r\n \r\n
\r\n
\r\n )}\r\n\r\n {COMPONENT_ORDER_LINE_TYPES.includes(\r\n this.state.orderLine.orderLineType.value\r\n ) && (\r\n \r\n \r\n \r\n this.handleRugOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n maxLength=\"250\"\r\n />\r\n \r\n
\r\n \r\n \r\n this.setSelectedField(option)\r\n }\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n this.handleRugOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n required\r\n placeholder=\"L'\"\r\n onBlur={this.fieldSizeChange}\r\n />\r\n \r\n {\" \"}\r\n '{\" \"}\r\n \r\n \r\n \r\n \r\n \r\n this.handleRugOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n required\r\n placeholder='L\"'\r\n onBlur={this.fieldSizeChange}\r\n />\r\n \r\n {\" \"}\r\n \"{\" \"}\r\n \r\n \r\n \r\n
\r\n \r\n this.handleRugOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.updateFieldTotals()}\r\n required\r\n />\r\n \r\n this.handleRugOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.updateFieldTotals()}\r\n required\r\n />\r\n \r\n this.handleRugOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.updateFieldTotals()}\r\n required\r\n />\r\n
\r\n
\r\n )}\r\n {this.state.orderLine.orderLineType.value ===\r\n constants.ORDER_LINE_TYPE.RUG_BORDER.value && (\r\n \r\n \r\n \r\n this.handleRugOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n maxLength=\"250\"\r\n />\r\n \r\n
\r\n \r\n \r\n this.setSelectedBorder(option)\r\n }\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n \r\n this.handleRugOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n required\r\n placeholder=\"L'\"\r\n onBlur={this.borderSizeChange}\r\n />\r\n \r\n {\" \"}\r\n '{\" \"}\r\n \r\n \r\n \r\n \r\n \r\n this.handleRugOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n required\r\n placeholder='L\"'\r\n onBlur={this.borderSizeChange}\r\n />\r\n \r\n {\" \"}\r\n \"{\" \"}\r\n \r\n \r\n \r\n
\r\n \r\n this.handleRugOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={(event) =>\r\n this.updateOrderLineRateOrCurrencyField(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n />\r\n \r\n this.handleRugOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.updateBorderTotals()}\r\n required\r\n />\r\n \r\n this.handleRugOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.updateBorderTotals()}\r\n required\r\n />\r\n
\r\n \r\n \r\n this.handleRugOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateBorderDsc()}\r\n />\r\n \r\n
\r\n
\r\n )}\r\n {this.state.orderLine.orderLineType.value ===\r\n constants.ORDER_LINE_TYPE.RUG_MISCELLANEOUS.value && (\r\n \r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n maxLength=\"250\"\r\n />\r\n \r\n
\r\n {/* {this.state.orderLine.orderLineType.label !== \"MISCELLANEOUS (RUG COMPONENT)\" && */}\r\n \r\n \r\n this.setSelectedProduct(option)\r\n }\r\n />\r\n \r\n
\r\n {/* } */}\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n onBlur={() => this.calculateFigures()}\r\n />\r\n \r\n \r\n this.handleOrderLineStateChange(\r\n event.target.name,\r\n event.target.value\r\n )\r\n }\r\n />\r\n \r\n
\r\n
\r\n )}\r\n {this.state.orderLine.orderLineType.value ===\r\n constants.ORDER_LINE_TYPE.CUSTOM_RUG.value && (\r\n \r\n \r\n {this.state.ClearImpersonationMessage}\r\n \r\n )}\r\n \r\n {this.state.logoutMessage}\r\n \r\n \r\n \r\n
\r\n Something went wrong on our side.
\r\n \r\nPlease use your browser's back button to return to the previous screen.
\r\n \r\n\r\n
\r\n \r\n \r\n \r\n {this.state.displayName}\r\n
\r\n */}\r\n \r\n \r\n Done\r\n \r\n }\r\n {/*
*/}\r\n \r\n \r\n {showPager &&\r\n \r\n {previous &&\r\n props.callBack(1)} refPage={props.refPage} />\r\n }\r\n {previous &&\r\n props.callBack(props.pageNumber - 1)} refPage={props.refPage} />\r\n }\r\n Page {props.pageNumber} of {props.totalPages}\r\n {next &&\r\n props.callBack(props.pageNumber + 1)} refPage={props.refPage} />\r\n }\r\n {next &&\r\n props.callBack(props.totalPages)} refPage={props.refPage} />\r\n }\r\n \r\n }\r\n
\r\n );\r\n};\r\n\r\nexport default Pager;","import React from 'react';\r\nimport { constants } from '../utils';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\n\r\nconst SortHeader = (props) => {\r\n if (!props.callBack) {\r\n console.warn('Add a callBack function property on the sort header that accepts field and direction params');\r\n }\r\n if (!props.field) {\r\n console.warn('Add a field property on the sort header that specifies the field');\r\n }\r\n if (!props.displayName) {\r\n console.warn('Add a displayName property on the sort header that specifies the field');\r\n }\r\n\r\n const dir = props.sortDir || 'desc';\r\n const callBackDir = dir === 'desc' || dir == constants.SORT_DIRECTION.descending ? 'asc' : 'desc';\r\n\r\n return (\r\n props.callBack(props.field, callBackDir)} className=\"sort-handle\">\r\n {props.displayName}\r\n {props.sorted && (dir === 'asc' || dir == constants.SORT_DIRECTION.ascending) && \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\n//export default Pagination;\r\n","import React, { Component } from 'react';\r\nimport { Card, CardBody, CardTitle }from 'reactstrap';\r\nimport Dropzone from 'react-dropzone';\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\n\r\nconst initialState = () => ({\r\n files: [],\r\n});\r\n\r\nexport default class Upload extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = initialState();\r\n this.onDrop = this.onDrop.bind(this);\r\n }\r\n\r\n onDrop(acceptedFiles, rejectedFiles) {\r\n this.setState({ files: acceptedFiles });\r\n }\r\n\r\n render() {\r\n return (\r\n - \r\n
- \r\n Pages:\r\n \r\n {renderPageNumbers}\r\n
\r\n \r\n \r\n Drop files or click on the icon below \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n ","import React, { Component } from \"react\";\r\nimport AsyncSelect from \"react-select/async\";\r\nimport _ from \"lodash\";\r\nimport { api } from \"../utils\";\r\n\r\nconst resolveValues = (supplier) => {\r\n if (!supplier) return;\r\n return {\r\n supplierId: supplier.value,\r\n supplier: supplier,\r\n inputValue: supplier.label\r\n };\r\n};\r\n\r\nexport default class SupplierTypeahead extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = Object.assign(\r\n { options: [] },\r\n resolveValues(props.supplier)\r\n );\r\n this.onSelect = this.onSelect.bind(this);\r\n this.loadOptions = this.loadOptions.bind(this);\r\n this.onInputChange = this.onInputChange.bind(this);\r\n this.clearSelection = this.clearSelection.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n if (!this.props.onChange) {\r\n console.warn(\"set onChange for supplier typeahead\");\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.clearValue !== this.props.clearValue && this.props.clearValue) {\r\n this.clearSelection();\r\n } else if (this.props.supplier !== undefined\r\n && this.props.supplier !== null\r\n && this.props.supplier.value\r\n && (!this.state.supplier || (this.state.supplier && (this.state.supplier.value !== this.props.supplier.value)))) {\r\n this.setState(resolveValues(this.props.supplier));\r\n }\r\n }\r\n\r\n clearSelection() {\r\n this.setState({\r\n supplierName: null,\r\n inputValue: \"\",\r\n supplierId: null\r\n });\r\n if (this.props.onChange) {\r\n this.props.onChange({ filterName: (this.props.name), value: null });\r\n }\r\n }\r\n\r\n onSelect(selection) {\r\n if (selection) {\r\n if (this.props.onChange) {\r\n this.props.onChange(selection);\r\n }\r\n this.setState({\r\n supplier: selection\r\n });\r\n } else {\r\n this.clearSelection();\r\n }\r\n }\r\n\r\n loadOptions(inputValue, callBack) {\r\n if (!inputValue || !inputValue.length || inputValue.length < 3) return;\r\n api\r\n .fetch(`Supplier/SupplierTypeahead/${inputValue}`)\r\n .then(response => {\r\n const options = _.map(response.data, x => {\r\n return { value: x.value, label: x.label }\r\n })\r\n callBack(options);\r\n })\r\n .catch(api.catchHanlder);\r\n }\r\n\r\n onInputChange(inputValue) {\r\n this.setState({ inputValue });\r\n return inputValue;\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n