/home/infinitibizsol/.trash/static.1/js/ Current File: /home/infinitibizsol/.trash/static.1/js/908.9103903c.chunk.js
"use strict";(self.webpackChunk_minimal_material_kit_react=self.webpackChunk_minimal_material_kit_react||[]).push([[908],{8908:(e,l,a)=>{a.r(l),a.d(l,{default:()=>O});var t=a(5043),n=a(7154),i=a(5865),o=a(9252),s=a(8911),r=a(8903),d=a(5795),c=a(3193),u=a(9190),p=a(9285),v=a(688),h=a(2143),m=a(2110),x=a(8168),g=a(8587),y=a(9292),A=a(8606),j=a(4535),f=a(2876),b=a(7056),F=a(2400);function C(e){return(0,F.Ay)("MuiCardContent",e)}(0,b.A)("MuiCardContent",["root"]);var k=a(579);const w=["className","component"],I=(0,j.Ay)("div",{name:"MuiCardContent",slot:"Root",overridesResolver:(e,l)=>l.root})((()=>({padding:16,"&:last-child":{paddingBottom:24}}))),S=t.forwardRef((function(e,l){const a=(0,f.A)({props:e,name:"MuiCardContent"}),{className:t,component:n="div"}=a,i=(0,g.A)(a,w),o=(0,x.A)({},a,{component:n}),s=(e=>{const{classes:l}=e;return(0,A.A)({root:["root"]},C,l)})(o);return(0,k.jsx)(I,(0,x.A)({as:n,className:(0,y.A)(s.root,t),ownerState:o,ref:l},i))}));var R=a(7392),E=a(9588),_=a(3383),z=a(5869),L=a(9456),M=a(1036),V=a(3216),D=a(5475),W=a(9529);const Y=[{label:(0,k.jsxs)("div",{style:{display:"flex",alignItems:"center",paddingLeft:"10px"},children:[(0,k.jsx)(i.A,{sx:{fontSize:"20px",paddingRight:"10px"},children:"Red"}),(0,k.jsx)(_.A,{style:{color:"#FF0000",fontSize:"40px"}})]}),value:"#FF0000"},{label:(0,k.jsxs)("div",{style:{display:"flex",alignItems:"center",paddingLeft:"10px"},children:[(0,k.jsx)(i.A,{sx:{fontSize:"20px",paddingRight:"10px"},children:"Blue"}),(0,k.jsx)(_.A,{style:{color:"#0000FF",fontSize:"40px"}})]}),value:"#0000FF"},{label:(0,k.jsxs)("div",{style:{display:"flex",alignItems:"center",paddingLeft:"10px"},children:[(0,k.jsx)(i.A,{sx:{fontSize:"20px",paddingRight:"10px"},children:"Green"}),(0,k.jsx)(_.A,{style:{color:"#008000",fontSize:"40px"}})]}),value:"#008000"},{label:(0,k.jsxs)("div",{style:{display:"flex",alignItems:"center",paddingLeft:"10px"},children:[(0,k.jsx)(i.A,{sx:{fontSize:"20px",paddingRight:"10px"},children:"Yellow"}),(0,k.jsx)(_.A,{style:{color:"#FFFF00",fontSize:"40px"}})]}),value:"#FFFF00"},{label:(0,k.jsxs)("div",{style:{display:"flex",alignItems:"center",paddingLeft:"10px"},children:[(0,k.jsx)(i.A,{sx:{fontSize:"20px",paddingRight:"10px"},children:"Black"}),(0,k.jsx)(_.A,{style:{color:"#000000",fontSize:"40px"}})]}),value:"#000000"}],O=()=>{var e;const[l,a]=(0,t.useState)({vin:"",year:"",make:"",model:"",trim:"",color:"",mileage:"",details:"",selectedImages:[],selectedFiles:[]}),[x,g]=(0,t.useState)([]),[y,A]=(0,t.useState)([]),[j,f]=(0,t.useState)([]),[b,F]=(0,t.useState)(!1),[C,w]=(0,t.useState)(!1),[I,_]=(0,t.useState)(!1),O=(0,t.useRef)(),{state:T}=(0,V.zy)(),[B]=(0,D.ok)(),{userInfo:N}=(0,L.d4)((e=>e.auth)),P=(0,V.Zp)(),G=(e,l)=>{a((a=>({...a,[e]:l})))},U=e=>new Promise(((l,a)=>{const t=new FileReader;t.onload=e=>{l(e.target.result)},t.onerror=e=>{a(e)},t.readAsDataURL(e)}));(0,t.useEffect)((()=>{if("true"===B.get("edit")){_(!0);let e=null===T||void 0===T?void 0:T.product;a((l=>{let a={...l};return Object.keys(l).forEach((l=>{a[l]=e[l]})),console.log("\ud83d\ude80 ~ Object.keys ~ dataToSet:",a),a})),(null===e||void 0===e?void 0:e.year)&&q(null===e||void 0===e?void 0:e.year),(null===e||void 0===e?void 0:e.make)&&J(null===e||void 0===e?void 0:e.make,null===e||void 0===e?void 0:e.year)}n.A.get("".concat(E.VY,"/vehicle/get-all-years"),{headers:{"Content-Type":"application/json",Accept:"application/json"}}).then((e=>{var l;g(null===e||void 0===e||null===(l=e.data)||void 0===l?void 0:l.data)})).catch((e=>{console.log("[Error]",e)}))}),[]);const q=async e=>{a((l=>({...l,year:e})));try{var l;const a=await n.A.post("".concat(E.VY,"/back4app/getback4-make-by-year"),{year:e},{headers:{"Content-Type":"application/json"}});A(null===a||void 0===a||null===(l=a.data)||void 0===l?void 0:l.data)}catch(t){console.log("[Error]",t)}},J=async(e,t)=>{a((l=>({...l,make:e})));try{var i;let a=null!==l&&void 0!==l&&l.year?null===l||void 0===l?void 0:l.year:t;const o=await n.A.post("".concat(E.VY,"/back4app/getback4-models-by-yearmake"),{make:e,year:a},{headers:{"Content-Type":"application/json"}});f(null===o||void 0===o||null===(i=o.data)||void 0===i?void 0:i.data)}catch(o){console.log("[Error]",o)}};return(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)(o.A,{children:[(0,k.jsx)(s.A,{direction:"row",alignItems:"center",justifyContent:"space-between",mb:5,children:(0,k.jsxs)(i.A,{variant:"h4",sx:{mb:5},children:[I?"Update ":"Add New ","Vehicle"]})}),(0,k.jsx)("form",{onSubmit:async e=>{e.preventDefault(),F(!0);const a={"#FF0000":"Red","#0000FF":"Blue","#008000":"Green","#FFFF00":"Yellow","#000000":"Black"},t=l.color,i=null===a||void 0===a?void 0:a[l.color],o=new FormData;o.append("year",l.year),o.append("make",l.make),o.append("model",l.model),o.append("color",t),o.append("color_name",i),o.append("details",l.details),o.append("vin",l.vin),o.append("mileage",l.mileage),o.append("trim",l.trim),o.append("user_id",null===N||void 0===N?void 0:N.user_id),l.selectedFiles.forEach(((e,l)=>{o.append("imageUrl",e)}));try{const e=await n.A.post("".concat(E.VY,"/vehicle/withimages"),o);console.log("Create vehicle:",e),200===(null===e||void 0===e?void 0:e.status)&&(M.oR.success("Vehicle added successfully"),F(!1),P("/dashboard/inventory"))}catch(s){F(!1),console.log("[Error]",s)}},children:(0,k.jsxs)(r.Ay,{container:!0,spacing:4,children:[(0,k.jsx)(r.Ay,{item:!0,xs:6,children:(0,k.jsx)(d.A,{fullWidth:!0,label:"VIN",type:"text",value:l.vin,onChange:e=>G("vin",e.target.value)})}),(0,k.jsx)(r.Ay,{item:!0,xs:6,children:(0,k.jsxs)(c.A,{fullWidth:!0,children:[(0,k.jsx)(u.A,{id:"year-label",children:"YEAR"}),(0,k.jsx)(p.A,{labelId:"year-label",name:"year",value:null===l||void 0===l?void 0:l.year,onChange:e=>{G("year",e.target.value),q(e.target.value)},MenuComponent:e=>(0,k.jsx)(v.A,{style:{width:"auto"},...e}),children:null===x||void 0===x?void 0:x.map(((e,l)=>(0,k.jsx)(h.A,{value:e,children:e},l)))})]})}),(0,k.jsx)(r.Ay,{item:!0,xs:6,children:(0,k.jsxs)(c.A,{fullWidth:!0,children:[(0,k.jsx)(u.A,{id:"make-label",children:"MAKE"}),(0,k.jsx)(p.A,{labelId:"make-label",name:"make",value:l.make,onChange:e=>{G("make",e.target.value),J(e.target.value)},children:null===y||void 0===y?void 0:y.map(((e,l)=>(0,k.jsx)(h.A,{value:e,children:e},l)))})]})}),(0,k.jsx)(r.Ay,{item:!0,xs:6,children:(0,k.jsxs)(c.A,{fullWidth:!0,children:[(0,k.jsx)(u.A,{id:"model-label",children:"MODEL"}),(0,k.jsx)(p.A,{labelId:"model-label",name:"model",value:l.model,onChange:e=>G("model",e.target.value),children:null===j||void 0===j?void 0:j.map(((e,l)=>(0,k.jsx)(h.A,{value:e,children:e},l)))})]})}),(0,k.jsx)(r.Ay,{item:!0,xs:6,children:(0,k.jsx)(d.A,{fullWidth:!0,label:"TRIM",type:"text",value:l.trim,onChange:e=>G("trim",e.target.value)})}),(0,k.jsx)(r.Ay,{item:!0,xs:6,children:(0,k.jsxs)(c.A,{fullWidth:!0,children:[(0,k.jsx)(u.A,{id:"color-label",children:"COLOR"}),(0,k.jsx)(p.A,{labelId:"color-label",name:"color",value:l.color,onChange:e=>G("color",e.target.value),children:null===Y||void 0===Y?void 0:Y.map(((e,l)=>(0,k.jsx)(h.A,{value:e.value,children:e.label},l)))})]})}),(0,k.jsx)(r.Ay,{item:!0,xs:6,children:(0,k.jsx)(d.A,{fullWidth:!0,label:"MILEAGE",type:"text",value:l.mileage,onChange:e=>G("mileage",e.target.value)})}),(0,k.jsx)(r.Ay,{item:!0,xs:12,mb:4,children:(0,k.jsx)(d.A,{fullWidth:!0,label:"DETAILS",multiline:!0,rows:4,value:l.details,onChange:e=>G("details",e.target.value)})}),(0,k.jsx)(i.A,{variant:"h4",sx:{marginTop:5,marginLeft:5},children:"Images:"}),(0,k.jsxs)(r.Ay,{item:!0,xs:12,style:{flexDirection:"row",display:"flex"},children:[null===l||void 0===l||null===(e=l.selectedImages)||void 0===e?void 0:e.map(((e,l)=>(0,k.jsx)("div",{children:(0,k.jsxs)(m.A,{sx:{width:150,height:150,justifyContent:"center",alignContent:"center",display:"grid",marginRight:5},children:[(0,k.jsx)(z.A,{icon:"mdi:close-circle-outline",sx:{width:25,height:25,position:"absolute",right:5,top:5,zIndex:9999},onClick:()=>{(e=>{a((l=>{const a=[...l.selectedImages];return a.splice(e,1),{...l,selectedImages:a}}))})(l)}}),(0,k.jsx)(S,{children:(0,k.jsx)("img",{src:e,alt:""})})]})},l))),(0,k.jsx)(m.A,{sx:{width:150,height:150,justifyContent:"center",alignContent:"center"},children:(0,k.jsxs)(S,{style:{justifyContent:"center"},children:[(0,k.jsx)("input",{ref:O,style:{display:"none"},type:"file",accept:"image/*",name:"selectedImages",onChange:e=>(e=>{const l=Array.from(e.target.files);Promise.all(l.map((e=>U(e)))).then((e=>{a((a=>({...a,selectedImages:[...a.selectedImages,...e],selectedFiles:[...a.selectedFiles,...l]})))})).catch((e=>{console.error("Error reading files:",e)}))})(e),multiple:!0}),(0,k.jsx)(R.A,{onClick:()=>{O.current.click()},children:(0,k.jsx)(z.A,{icon:"mdi:file-image-plus-outline",sx:{width:80,height:80}})})]})})]}),(0,k.jsx)(r.Ay,{container:!0,direction:"row",justifyContent:"center",alignItems:"center",m:4,children:I?(0,k.jsx)(W.A,{onClick:async e=>{e.preventDefault(),w(!0);const a={"#FF0000":"Red","#0000FF":"Blue","#008000":"Green","#FFFF00":"Yellow","#000000":"Black"},t=l.color,i=null===a||void 0===a?void 0:a[l.color],o=new FormData;o.append("year",l.year),o.append("make",l.make),o.append("model",l.model),o.append("color",t),o.append("color_name",i),o.append("details",l.details),o.append("vin",l.vin),o.append("mileage",l.mileage),o.append("trim",l.trim),o.append("user_id",null===N||void 0===N?void 0:N.user_id),o.append("imagesListIds",JSON.stringify([]));try{var s;const e=await n.A.patch("".concat(E.VY,"/vehicle/update-vehicle-details/").concat(null===T||void 0===T||null===(s=T.product)||void 0===s?void 0:s.vehicle_id),o);200===(null===e||void 0===e?void 0:e.status)&&(M.oR.success("Vehicle updated successfully!"),w(!1),P("/dashboard/inventory"))}catch(r){w(!1),M.oR.error("Error while updating Vehicles!"),console.log("[Error]",r)}},loading:C,size:"large",type:"button",variant:"contained",children:"Update"}):(0,k.jsx)(W.A,{loading:b,size:"large",type:"submit",variant:"contained",children:"Save"})})]})})]})})}},3383:(e,l,a)=>{var t=a(4994);l.A=void 0;var n=t(a(39)),i=a(579);l.A=(0,n.default)((0,i.jsx)("circle",{cx:"12",cy:"12",r:"8"}),"FiberManualRecord")},39:(e,l,a)=>{Object.defineProperty(l,"__esModule",{value:!0}),Object.defineProperty(l,"default",{enumerable:!0,get:function(){return t.createSvgIcon}});var t=a(1715)},1715:(e,l,a)=>{a.r(l),a.d(l,{capitalize:()=>n.A,createChainedFunction:()=>i,createSvgIcon:()=>o.A,debounce:()=>s.A,deprecatedPropType:()=>r,isMuiElement:()=>d.A,ownerDocument:()=>c.A,ownerWindow:()=>u.A,requirePropFactory:()=>p,setRef:()=>v,unstable_ClassNameGenerator:()=>f,unstable_useEnhancedEffect:()=>h.A,unstable_useId:()=>m.A,unsupportedProp:()=>x,useControlled:()=>g.A,useEventCallback:()=>y.A,useForkRef:()=>A.A,useIsFocusVisible:()=>j.A});var t=a(5430),n=a(6803);const i=a(4708).A;var o=a(9662),s=a(950);const r=function(e,l){return()=>null};var d=a(154),c=a(2427),u=a(6078);a(8168);const p=function(e,l){return()=>null};const v=a(9184).A;var h=a(5013),m=a(5879);const x=function(e,l,a,t,n){return null};var g=a(4516),y=a(3319),A=a(5849),j=a(2191);const f={configure:e=>{t.A.configure(e)}}}}]);
//# sourceMappingURL=908.9103903c.chunk.js.map