https://za.wumdrop.com/static/js/9576.345118a8.chunk.js

1"use strict";(self.webpackChunkwumdrop_web=self.webpackChunkwumdrop_web||[]).push([[9576],{78080(e,t,a){a.d(t,{A:()=>O});var s=a(89379),r=a(76998),i=a(28961),l=a(59917),o=a(55363),n=a(86160),d=a(53577),c=a(68111),p=a(1808),h=a(89592),u=a(72547),m=a(96204),v=a(64848),f=a(5e4),y=a(395),A=a(22879),g=a(11684),x=a(88171),S=a(29386),b=a(99874),N=a(61140),j=a(1499),I=a(57954),C=a(91834),F=a(23446);const T=C.Ik().shape({vehicleType:C.Yj().required("Required"),companyId:C.ai().required("Required"),territoryId:C.ai().required("Required"),registrationNumber:C.Yj().required("Required"),model:C.Yj().required("Required"),manufacturer:C.Yj().required("Required"),approved:C.Yj().required("Required"),isActive:C.zM()});class E extends r.Component{constructor(e){super(e),this.handleCheckboxChange=e=>{const t=this.state.vehicle;t[e.target.name]=e.target.checked,this.setState({vehicle:t})},this.handleChange=e=>{const t=this.state.vehicle;t[e.target.name]=e.target.value,this.setState({vehicle:t})},this.handleSelectChange=(e,t,a)=>{let r=(0,s.A)({},t);r[e.field]=e.value,a(r)},this.handleSelectToChange=e=>{const t=this.state.vehicle;t[e.field]=e.value,this.setState({vehicle:t})};let t=!0,a="",r="",i="",l="",o="",n="",d="",c="",h="",u="",m="",v="";(0,p.default)(this.props.vehicles)||(0,p.default)(this.props.vehicles.data)||((0,p.default)(this.props.vehicles.data.isActive)||(t=this.props.vehicles.data.isActive),(0,p.default)(this.props.vehicles.data.approved)||(a=this.props.vehicles.data.approved),(0,p.default)(this.props.vehicles.data.driverId)||(n=this.props.vehicles.data.driverId),(0,p.default)(this.props.vehicles.data.driverName)||(d=this.props.vehicles.data.driverName),(0,p.default)(this.props.vehicles.data.driverEmail)||(c=this.props.vehicles.data.driverEmail),(0,p.default)(this.props.vehicles.data.companyId)||(r=this.props.vehicles.data.companyId),(0,p.default)(this.props.vehicles.data.companyName)||(i=this.props.vehicles.data.companyName),(0,p.default)(this.props.vehicles.data.territoryId)||(l=this.props.vehicles.data.territoryId),(0,p.default)(this.props.vehicles.data.territoryName)||(o=this.props.vehicles.data.territoryName),(0,p.default)(this.props.vehicles.data.manufacturer)||(h=this.props.vehicles.data.manufacturer),(0,p.default)(this.props.vehicles.data.model)||(u=this.props.vehicles.data.model),(0,p.default)(this.props.vehicles.data.registrationNumber)||(m=this.props.vehicles.data.registrationNumber),(0,p.default)(this.props.vehicles.data.vehicleType)||(v=this.props.vehicles.data.vehicleType)),this.state={vehicle:{isActive:t,approved:a,companyId:r,territoryId:l,driverId:n,driverName:d,companyName:i,territoryName:o,manufacturer:h,model:u,registrationNumber:m,vehicleType:v,driverEmail:c},valid:null}}UNSAFE_componentWillReceiveProps(e){if(this.props.vehicles.data!==e.vehicles.data&&!(0,p.default)(e.vehicles.data)){let t=e.vehicles.data;this.setState({vehicle:t})}}handleSubmit(e){const t=e.companyId,a=e.territoryId;(0,p.default)(t)||(0,p.default)(a)?this.setState({valid:!1}):(this.props.onSubmit(e),this.setState({valid:!0}))}renderAlert(){const e=this.props.classes;let t=[],a=0;return((0,p.default)(this.props.errors)||(0,p.default)(this.props.errors.message))&&((0,p.default)(this.props.errors)||(0,p.default)(this.props.errors.errors))||((0,p.default)(this.props.errors.message)||(t.push((0,F.jsx)(m.A,{className:e.errorMessage,children:this.props.errors.message},a)),a++),(0,p.default)(this.props.errors.errors)||this.props.errors.errors.forEach(s=>{t.push((0,F.jsx)(m.A,{className:e.errorMessage,children:s.message},a)),a++}),(0,p.default)(this.props.errors.message)&&(0,p.default)(this.props.errors.errors))?(0,p.default)(this.props.vehicles)||(0,p.default)(this.props.vehicles.success)?void 0:(0,F.jsxs)(m.A,{className:e.successMessage,children:[this.props.vehicles.success,": ",this.props.vehicles.data.vehicleType]}):(0,F.jsx)("div",{className:e.errorContainer,children:t})}buildSelectOptions(e){let t=(0,F.jsx)("div",{});return(0,p.default)(e)||(t=e.map((e,t)=>(0,F.jsx)(v.A,{value:e.key,children:e.value},t))),t}render(){const e=this.state,t=e.vehicle,a=e.valid,s=this.props,r=s.classes,i=s.submitText,l=s.cancelText,m=s.vehicleTypes,v=s.portal;let y=this.buildSelectOptions(m),C=this.buildSelectOptions(h.eqq),E={};(0,p.default)(t.companyId)||(0,p.default)(t.companyName)||(E.key=t.companyId,E.value=t.companyName);let O={};(0,p.default)(t.territoryId)||(0,p.default)(t.territoryName)||(O.key=t.territoryId,O.value=t.territoryName);let k={};(0,p.default)(t.driverId)||(0,p.default)(t.driverName)||(k.key=t.driverId,k.value="".concat(t.driverName," (").concat(t.driverEmail,")"));let q="";return(0,p.default)(v)||(0,p.default)(v.data)||(q=v.data.cca2),(0,F.jsxs)("div",{children:[this.renderAlert(),(0,F.jsx)(I.l1,{initialValues:t,onSubmit:this.handleSubmit.bind(this),enableReinitialize:!0,validateOnChange:!0,validationSchema:T,children:e=>{let t=e.values,s=e.handleChange,p=e.handleSubmit,m=e.touched,v=e.errors,T=e.setValues;return(0,F.jsx)(I.lV,{onSubmit:p,id:"vehiclesForm",children:(0,F.jsxs)(A.A,{container:!0,spacing:0,direction:"row",sx:{alignItems:"flex-start",justifyContent:"flex-start"},children:[(0,F.jsxs)(A.A,{size:{xs:12,sm:6,md:6,lg:4},children:[(0,F.jsxs)(x.A,{error:m.vehicleType&&Boolean(v.vehicleType),fullWidth:!0,className:r.field,children:[(0,F.jsx)(S.A,{s

1x:{left:"-14px",top:"7px"},className:r.label,id:"vehicleType-label",children:"Vehicle Type"}),(0,F.jsx)(b.A,{variant:"standard",labelId:"vehicleType-label",id:"vehicleType",name:"vehicleType",value:t.vehicleType,onChange:s,classes:{select:r.select},children:y}),v.vehicleType&&m.vehicleType&&(0,F.jsx)(N.A,{sx:{marginLeft:"0px"},error:!0,children:v.vehicleType})]}),(0,F.jsx)("div",{}),(0,F.jsx)("div",{className:r.selectField,children:(0,F.jsx)(g.A,{fieldName:"driverId",id:"driverId",label:"Driver",onSelect:e=>this.handleSelectChange(e,t,T),multiSelect:!1,value:k,minimumSearchCharacters:1,portalCode:q,filter:h.I2Q})}),(0,F.jsx)("div",{className:r.selectField,children:(0,F.jsxs)(x.A,{sx:{marginLeft:"0px"},error:m.companyId&&Boolean(v.companyId),fullWidth:!0,children:[(0,F.jsx)(u.A,{fieldName:"companyId",id:"companyId",label:"Company",onSelect:e=>this.handleSelectChange(e,t,T),apiEntity:"".concat(f.wl,"/").concat(q),multiSelect:!1,value:E}),null!==a&&!a&&v.companyId&&m.companyId&&(0,F.jsx)(N.A,{sx:{marginLeft:"0px"},error:!0,children:v.companyId})]})}),(0,F.jsx)("div",{className:r.selectField,children:(0,F.jsxs)(x.A,{error:m.territoryId&&Boolean(v.territoryId),fullWidth:!0,children:[(0,F.jsx)(u.A,{fieldName:"territoryId",id:"territoryId",label:"Territory",onSelect:e=>this.handleSelectChange(e,t,T),apiEntity:"".concat(f.vh,"/").concat(q),multiSelect:!1,value:O}),v.territoryId&&m.territoryId&&(0,F.jsx)(N.A,{sx:{marginLeft:"0px"},error:!0,children:v.territoryId})]})}),(0,F.jsx)("div",{})]}),(0,F.jsxs)(A.A,{size:{xs:12,sm:6,md:6,lg:4},children:[(0,F.jsx)(j.A,{variant:"standard",InputLabelProps:{className:r.label},label:"Registration Number",className:r.field,onChange:s,name:"registrationNumber",id:"registrationNumber",value:t.registrationNumber,error:m.registrationNumber&&v.registrationNumber,helperText:m.registrationNumber&&v.registrationNumber}),(0,F.jsx)("div",{}),(0,F.jsx)(j.A,{variant:"standard",InputLabelProps:{className:r.label},label:"Model",className:r.field,onChange:s,name:"model",id:"model",value:t.model,error:m.model&&v.model,helperText:m.model&&v.model}),(0,F.jsx)("div",{}),(0,F.jsx)(j.A,{variant:"standard",InputLabelProps:{className:r.label},label:"Manufacturer",className:r.field,onChange:s,name:"manufacturer",id:"manufacturer",value:t.manufacturer,error:m.manufacturer&&v.manufacturer,helperText:m.manufacturer&&v.manufacturer}),(0,F.jsx)("div",{}),(0,F.jsxs)(x.A,{error:Boolean(v.approved&&m.approved),fullWidth:!0,className:r.field,children:[(0,F.jsx)(S.A,{sx:{left:"-14px",top:"7px"},className:r.label,id:"approved-label",children:"Approved"}),(0,F.jsx)(b.A,{variant:"standard",labelId:"approved-label",id:"approved",name:"approved",value:t.approved,onChange:s,classes:{select:r.select},children:C}),v.approved&&m.approved&&(0,F.jsx)(N.A,{sx:{marginLeft:"0px"},error:!0,children:v.approved})]}),(0,F.jsx)("div",{}),(0,F.jsx)("div",{})]}),(0,F.jsx)(A.A,{size:12,className:r.actionsBar,children:(0,F.jsx)(n.A,{className:r.activeSpacing,control:(0,F.jsx)(d.A,{className:r.isActiveField,checked:t.isActive,onChange:this.handleCheckboxChange,value:"isActive",name:"isActive",id:"isActive",color:"primary"}),label:"Active"})}),(0,F.jsxs)(A.A,{size:{xs:12,sm:12,md:12},children:[(0,F.jsx)(o.A,{variant:"contained",color:"primary",className:r.cancelButton,component:c.N_,to:"/vehicles",id:"cancelButton",children:l}),(0,F.jsx)(o.A,{variant:"contained",type:"submit",className:r.submitButton,id:"submitButton",children:i})]})]})})}})]})}}const O=(0,l.Zz)((0,i.A)(y.A,{withTheme:!0},{name:"VehiclesForm"}))(E)},11684(e,t,a){a.d(t,{A:()=>x});var s=a(89379),r=a(76998),i=a(8556),l=a(1808),o=a(61981),n=a(20756),d=a(51895),c=a(89592),p=a(96204),h=a(28961),u=a(45901),m=a.n(u),v=a(24542),f=a(23446);const y={option:(e,t)=>(0,s.A)((0,s.A)({},e),{},{fontFamily:d.F2+"!important",fontSize:d.Ef}),menu:(e,t)=>(0,s.A)((0,s.A)({},e),{},{zIndex:9999999,overflow:"visible",position:"relative"}),singleValue:(e,t)=>(0,s.A)((0,s.A)({},e),{},{fontFamily:d.F2+"!important",fontSize:d.Ef}),input:e=>(0,s.A)((0,s.A)({},e),{},{fontFamily:d.F2+"!important",fontSize:"".concat(d.Ef,"px !important"),"& input":{font:"inherit"}}),placeholder:(e,t)=>(0,s.A)((0,s.A)({},e),{},{fontFamily:d.F2+"!important",fontSize:"".concat(d.Ef,"px !important"),color:"rgba(0, 0, 0, 0.40)"}),noOptionsMessage:(e,t)=>

1(0,s.A)((0,s.A)({},e),{},{fontFamily:d.F2+"!important",color:"rgba(0, 0, 0, 0.40)",fontSize:d.Ef}),loadingMessage:(e,t)=>(0,s.A)((0,s.A)({},e),{},{fontFamily:d.F2+"!important",fontSize:d.Ef})},A=o.A.CancelToken.source();class g extends r.Component{constructor(e){super(e),this.handleInputChange=e=>{const t=this.props.minimumSearchCharacters;let a=(0,l.default)(t)?c.BUr:t;if(0===e.length||(0,l.default)(e))this.setState({noOptions:"Enter search term..."});else if(e.length<a)return this.setState({noOptions:"Minimum of "+a+" characters for a search..."}),"";return this.setState({newValue:e}),e},this.handleChange=e=>{let t={};t.field=this.props.fieldName,t.value=(0,l.default)(e)?null:e[this.state.displayKey],this.props.onSelect(t,e)},this.loadOptions=(e,t)=>{const a=this.props.minimumSearchCharacters;let s=(0,l.default)(a)?c.BUr:a;if((0,l.default)(e)||!(e.length<s))return this.getSelectData(e,t);t("")};let t=!1;(0,l.default)(this.props.multiSelect)||(t=this.props.multiSelect);let a="";(0,l.default)(this.props.value)||(a=this.props.value);let s="key",r="value";(0,l.default)(this.props.displayKey)||(s=this.props.displayKey),(0,l.default)(this.props.displayValue)||(r=this.props.displayValue),this.state={inputValue:"",data:[],noOptions:"Enter search term...",isMultiSelect:t,value:a,displayKey:s,displayValue:r}}componentWillUnmount(){A.cancel("Select to unmounted")}UNSAFE_componentWillReceiveProps(e){this.setState({data:e.values}),(0,l.default)(e.values)&&this.setState({noOptions:"No matching results."}),(0,l.default)(e.multiSelect)||e.multiSelect===this.props.multiSelect||this.setState({isMultiSelect:e.multiSelect})}getSelectData(e,t){let a="";(0,l.default)(this.props.filter)||(a="&"+this.props.filter.key+"="+this.props.filter.value);let s=n.T1R;return this.props.portalCode&&(s=this.props.portalCode),o.A.get("".concat(n.JRD).concat(n.a6Y,"/").concat(s,"/?select=true&search=").concat(e).concat(a)).then(e=>{(0,l.default)(e.data)&&this.setState({noOptions:"No matching results."}),t(e.data)}).catch(e=>{this.setState({noOptions:"Not found! No matching results."}),t("")})}render(){const e=this.props,t=e.classes,a=e.label,s=e.placeholder,r=e.disabled,o=this.state,n=o.noOptions,d=o.value,c=o.displayKey,h=o.displayValue;let u=!1;return(0,l.default)(r)||!0!==r||(u=!0),(0,f.jsxs)("div",{className:t.selectContainer,children:[a&&(0,f.jsxs)(p.A,{className:t.labelText,children:[a,":"]}),(0,f.jsx)(i.A,{styles:y,cacheOptions:!0,defaultValue:d,loadOptions:m().debounce(this.loadOptions,500),onInputChange:this.handleInputChange,onChange:this.handleChange,defaultOptions:!0,placeholder:(0,l.default)(s)?"Search...":s,isMulti:this.state.isMultiSelect,noOptionsMessage:()=>n,getOptionLabel:e=>e[h],getOptionValue:e=>e[c],isClearable:!0,isDisabled:u})]})}}const x=(0,h.A)(v.A)(g)},76754(e,t,a){a.d(t,{g:()=>l});var s=a(1354),r=a(35264),i=a(20756);const l=()=>e=>(o(e,!0),(0,r.A)().then(t=>t.get(i.CZ_).then(t=>{e({type:s.eF8,payload:t.data})}).catch(t=>{e({type:s.FPn,payload:t.response}),o(e,!1)}))),o=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];e({type:s.b3X,payload:t})}},38218(e,t,a){a.d(t,{Q3:()=>g,jp:()=>f,kS:()=>y,kw:()=>v,r6:()=>x,ro:()=>b,w0:()=>S,xn:()=>A});var s=a(1354),r=a(35264),i=a(20756),l=a(4419),o=a(19904),n=a(13703),d=a(1808),c=a(14642),p=a(58364),h=a(59981),u=a(4512);const m=[{field:"applicationInProgress",value:!1}],v=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return t=>{(0,d.default)(e)||(e="/"+e);let a=p.A.getState().portal.data.cca2;return(0,r.A)().then(r=>r.get("".concat(i.ffv,"/").concat(a).concat(e)).then(e=>{t({type:s.pEf,payload:e.data})}).catch(e=>{t({type:s.FPn,payload:e.response})}))}},f=e=>t=>N(e,t),y=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return a=>{if(t){e=(0,u.A)(e,m);let n=(0,o.A)(e),d=p.A.getState().portal.data.cca2;return(0,r.A)().then(e=>e.get("".concat(i.ffv,"/").concat(d,"?").concat((0,l.A)(n)),i.Fpe).then(e=>{let a=new Blob([e.data],h.PH);t(a,h.kg)}).catch(e=>{a({type:s.FPn,payload:e.response})}))}}},A=(e,t)=>a=>{let l=p.A.getState().portal.data.cca2,o="".concat(i.ffv,"/").concat(l);return(0,r.A)().then(r=>

1r.post(o,e).then(e=>{a({type:s.FEx,payload:e.data}),t.push("/vehicles/edit/"+e.data.id)}).catch(e=>{a({type:s.FPn,payload:e.response})}))},g=(e,t)=>a=>{let l=p.A.getState().portal.data.cca2,o="".concat(i.ffv,"/").concat(l);return(0,r.A)().then(r=>r.put(o+"/"+e,t).then(e=>{a({type:s.ypV,payload:e.data})}).catch(e=>{a({type:s.FPn,payload:e.response})}))},x=(e,t)=>a=>{let o=(0,c.A)(e),n=p.A.getState().portal.data.cca2,d="".concat(i.ffv,"/").concat(n);return(0,r.A)().then(r=>r.delete(d+"?"+(0,l.A)(o)).then(t=>{a({type:s.u70,payload:e})}).then(e=>{N(t,a)}).catch(e=>{a({type:s.FPn,payload:e.response})}))},S=()=>e=>{e({type:s.utq,payload:""})},b=()=>e=>{e({type:s.CtS,payload:""})};let N=(e,t)=>{e=(0,u.A)(e,m);let a=(0,o.A)(e),d=p.A.getState().portal.data.cca2,c="".concat(i.ffv,"/").concat(d);return(0,r.A)().then(r=>r.get(c+"?"+(0,l.A)(a)).then(a=>{a=(0,n.A)(a,e),t({type:s.pEf,payload:a.data})}).catch(e=>{t({type:s.FPn,payload:e.response})}))}},4512(e,t,a){a.d(t,{A:()=>r});var s=a(1808);const r=(e,t)=>((0,s.default)(t)||(e.filters?e.filters=e.filters.concat(t):e.filters=t),e)}}]);
2//# sourceMappingURL=9576.345118a8.chunk.js.map