Sindbad~EG File Manager

"use strict";(self.webpackChunk_minimal_material_kit_react=self.webpackChunk_minimal_material_kit_react||[]).push([[764],{1764:(e,i,l)=>{l.r(i),l.d(i,{default:()=>E});var a=l(5043),t=l(7154),n=l(9252),o=l(8911),d=l(5865),s=l(8903),r=l(5795),c=l(8977),v=l(3193),u=l(9190),m=l(2221),h=l(688),p=l(2143),g=l(1482),y=l(2110),I=l(6494),j=l(7392),x=l(9588),f=l(3383),A=l(5869),z=l(9456),b=l(1036),C=l(3216),Y=l(5475),w=l(2812),M=l(579);const k=[{label:"Red",value:"#FF0000"},{label:"Blue",value:"#0000FF"},{label:"Green",value:"#008000"},{label:"Black",value:"#000000"},{label:"Silver",value:"#C0C0C0"},{label:"Golden",value:"#FFD700"},{label:"White",value:"#ffffff"},{label:"Grey",value:"#808080"}],E=()=>{var e;const[i,l]=(0,a.useState)({vin:"",year:"",make:"",model:"",trim:"",color:"",mileage:"",details:"",selectedImages:[],selectedFiles:[],rmvImagesListIds:[]}),[E,Z]=(0,a.useState)([]),[W,N]=(0,a.useState)([]),[J,L]=(0,a.useState)([]),[V,O]=(0,a.useState)(!1),[S,D]=(0,a.useState)(!1),[F,X]=(0,a.useState)(!1),T=(0,a.useRef)(),{state:R}=(0,C.zy)(),[G]=(0,Y.ok)(),{userInfo:_}=(0,z.d4)((e=>e.auth)),Q=(0,C.Zp)(),U=(e,i)=>{l((l=>({...l,[e]:i})))},B=e=>new Promise(((i,l)=>{const a=new FileReader;a.onload=e=>{i(e.target.result)},a.onerror=e=>{l(e)},a.readAsDataURL(e)}));(0,a.useEffect)((()=>{if("true"===G.get("edit")){X(!0);let e=null===R||void 0===R?void 0:R.product;l((i=>{let l={...i};return Object.keys(i).forEach((i=>{l[i]=e[i]})),console.log("\ud83d\ude80 ~ Object.keys ~ dataToSet:",l),l})),(null===e||void 0===e?void 0:e.year)&&K(null===e||void 0===e?void 0:e.year),(null===e||void 0===e?void 0:e.make)&&H(null===e||void 0===e?void 0:e.make,null===e||void 0===e?void 0:e.year),(async e=>{try{const i=await t.A.post("".concat(x.VY,"/vehicle/vehicle-images/").concat(e));200===(null===i||void 0===i?void 0:i.status)&&l((e=>{var l;return{...e,selectedImages:null===i||void 0===i||null===(l=i.data)||void 0===l?void 0:l.data,selectedFiles:[],rmvImagesListIds:[]}}))}catch(i){}})(null===e||void 0===e?void 0:e.vehicle_id)}t.A.get("".concat(x.VY,"/back4app/get-all-years"),{headers:{"Content-Type":"application/json",Accept:"application/json"}}).then((e=>{var i;Z(null===e||void 0===e||null===(i=e.data)||void 0===i?void 0:i.data)})).catch((e=>{console.log("[Error]",e)}))}),[]);const K=async e=>{l((i=>({...i,year:e})));try{var i;const l=await t.A.post("".concat(x.VY,"/back4app/get-makes-by-year"),{year:e,bearer_token:"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJjYXJhcGkuYXBwIiwic3ViIjoiMTg0YzBhYzItNmEzOS00ZDQzLWE3YWItZWE2OTg0NzA3MDA5IiwiYXVkIjoiMTg0YzBhYzItNmEzOS00ZDQzLWE3YWItZWE2OTg0NzA3MDA5IiwiZXhwIjoxNzEyMDM2MDc2LCJpYXQiOjE3MTE0MzEyNzYsImp0aSI6IjQ5NWY4MzhjLTliZjMtNDJhNC04MTgzLTAwNzc3YzM1ZWUzMCIsInVzZXIiOnsic3Vic2NyaWJlZCI6dHJ1ZSwic3Vic2NyaXB0aW9uIjoic3RhcnRlciIsInJhdGVfbGltaXRfdHlwZSI6ImhhcmQiLCJhZGRvbnMiOnsiYW50aXF1ZV92ZWhpY2xlcyI6ZmFsc2V9fX0.1VzfYRCmzmY8njUK_59NLbQUDZy-4L3tbyg1vjfdzOE"},{headers:{"Content-Type":"application/json"}});N(null===l||void 0===l||null===(i=l.data)||void 0===i?void 0:i.data)}catch(a){console.log("[Error]",a)}},H=async(e,a)=>{l((i=>({...i,make:e})));try{var n;let l=null!==i&&void 0!==i&&i.year?null===i||void 0===i?void 0:i.year:a;const o=await t.A.post("".concat(x.VY,"/back4app/get-models-by-yearmake"),{make:e,year:l,bearer_token:"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJjYXJhcGkuYXBwIiwic3ViIjoiMTg0YzBhYzItNmEzOS00ZDQzLWE3YWItZWE2OTg0NzA3MDA5IiwiYXVkIjoiMTg0YzBhYzItNmEzOS00ZDQzLWE3YWItZWE2OTg0NzA3MDA5IiwiZXhwIjoxNzEyMDM2MDc2LCJpYXQiOjE3MTE0MzEyNzYsImp0aSI6IjQ5NWY4MzhjLTliZjMtNDJhNC04MTgzLTAwNzc3YzM1ZWUzMCIsInVzZXIiOnsic3Vic2NyaWJlZCI6dHJ1ZSwic3Vic2NyaXB0aW9uIjoic3RhcnRlciIsInJhdGVfbGltaXRfdHlwZSI6ImhhcmQiLCJhZGRvbnMiOnsiYW50aXF1ZV92ZWhpY2xlcyI6ZmFsc2V9fX0.1VzfYRCmzmY8njUK_59NLbQUDZy-4L3tbyg1vjfdzOE"},{headers:{"Content-Type":"application/json"}});L(null===o||void 0===o||null===(n=o.data)||void 0===n?void 0:n.data)}catch(o){console.log("[Error]",o)}};return(0,M.jsx)(M.Fragment,{children:(0,M.jsxs)(n.A,{children:[(0,M.jsx)(o.A,{direction:"row",alignItems:"center",justifyContent:"space-between",mb:5,children:(0,M.jsxs)(d.A,{variant:"h4",sx:{mb:5},children:[F?"Update ":"Add New ","Vehicle"]})}),(0,M.jsx)("form",{onSubmit:async e=>{e.preventDefault(),O(!0);const l={"#FF0000":"Red","#0000FF":"Blue","#008000":"Green","#000000":"Black","#C0C0C0":"Silver","#FFD700":"Golden","#ffffff":"White","#808080":"Grey"},a=i.color,n=null===l||void 0===l?void 0:l[i.color],o=new FormData;o.append("year",i.year),o.append("make",i.make),o.append("model",i.model),o.append("color",a),o.append("color_name",n),o.append("details",i.details),o.append("vin",i.vin),o.append("mileage",i.mileage),o.append("trim",i.trim),o.append("user_id",null===_||void 0===_?void 0:_.user_id),null===i||void 0===i||i.selectedFiles.forEach(((e,i)=>{o.append("imageUrl",e)}));try{const e=await t.A.post("".concat(x.VY,"/vehicle/withimages"),o);console.log("Create vehicle:",e),200===(null===e||void 0===e?void 0:e.status)&&(b.oR.success("Vehicle added successfully"),O(!1),Q("/dashboard/inventory"))}catch(d){O(!1),console.log("[Error]",d)}},children:(0,M.jsxs)(s.Ay,{container:!0,spacing:4,children:[(0,M.jsxs)(s.Ay,{item:!0,xs:6,display:"flex",children:[(0,M.jsx)(r.A,{fullWidth:!0,label:"VIN",type:"text",value:i.vin,onChange:e=>U("vin",e.target.value)}),(0,M.jsx)(c.A,{variant:"contained",onClick:async()=>{try{var e;const o=await t.A.post("".concat(x.VY,"/back4app/vin-decoder"),{vin:null===i||void 0===i?void 0:i.vin,bearer_token:"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJjYXJhcGkuYXBwIiwic3ViIjoiMTg0YzBhYzItNmEzOS00ZDQzLWE3YWItZWE2OTg0NzA3MDA5IiwiYXVkIjoiMTg0YzBhYzItNmEzOS00ZDQzLWE3YWItZWE2OTg0NzA3MDA5IiwiZXhwIjoxNzEyMDM2MDc2LCJpYXQiOjE3MTE0MzEyNzYsImp0aSI6IjQ5NWY4MzhjLTliZjMtNDJhNC04MTgzLTAwNzc3YzM1ZWUzMCIsInVzZXIiOnsic3Vic2NyaWJlZCI6dHJ1ZSwic3Vic2NyaXB0aW9uIjoic3RhcnRlciIsInJhdGVfbGltaXRfdHlwZSI6ImhhcmQiLCJhZGRvbnMiOnsiYW50aXF1ZV92ZWhpY2xlcyI6ZmFsc2V9fX0.1VzfYRCmzmY8njUK_59NLbQUDZy-4L3tbyg1vjfdzOE"});let d=null===o||void 0===o||null===(e=o.data)||void 0===e?void 0:e.data;var a,n;if(200===o.status)l((e=>{var i,l,a,t;return{...e,make:(null===d||void 0===d||null===(i=d.make)||void 0===i?void 0:i.charAt(0).toUpperCase())+(null===d||void 0===d||null===(l=d.make)||void 0===l?void 0:l.slice(1).toLowerCase()),model:null===d||void 0===d?void 0:d.model,year:null===d||void 0===d?void 0:d.year,details:null===d||void 0===d||null===(a=d.trims)||void 0===a||null===(t=a[0])||void 0===t?void 0:t.description,trim:null===d||void 0===d?void 0:d.trim}})),(null===d||void 0===d?void 0:d.year)&&K(null===d||void 0===d?void 0:d.year),(null===d||void 0===d?void 0:d.make)&&H((null===d||void 0===d||null===(a=d.make)||void 0===a?void 0:a.charAt(0).toUpperCase())+(null===d||void 0===d||null===(n=d.make)||void 0===n?void 0:n.slice(1).toLowerCase()),null===d||void 0===d?void 0:d.year)}catch(s){var o,d;b.oR.error("Error while decoding VIN!"),console.log("error",null===s||void 0===s||null===(o=s.response)||void 0===o||null===(d=o.data)||void 0===d?void 0:d.message)}},children:"Decode"})]}),(0,M.jsx)(s.Ay,{item:!0,xs:6,children:(0,M.jsxs)(v.A,{fullWidth:!0,children:[(0,M.jsx)(u.A,{id:"year-label",children:"YEAR"}),(0,M.jsx)(m.A,{labelId:"year-label",name:"year",value:null===i||void 0===i?void 0:i.year,onChange:e=>{U("year",e.target.value),K(e.target.value)},MenuComponent:e=>(0,M.jsx)(h.A,{style:{width:"auto"},...e}),children:null===E||void 0===E?void 0:E.map(((e,i)=>(0,M.jsx)(p.A,{value:e,children:e},i)))})]})}),(0,M.jsx)(s.Ay,{item:!0,xs:6,children:(0,M.jsx)(v.A,{fullWidth:!0,children:(0,M.jsx)(g.A,{id:"make",name:"make",freeSolo:!0,options:W.map((e=>e)),getOptionLabel:e=>"string"===typeof e||e instanceof String?e:"",value:null===i||void 0===i?void 0:i.make,onChange:(e,i)=>{U("make",i),H(i)},renderInput:e=>(0,M.jsx)(r.A,{...e,label:"MAKE",onChange:e=>{U("make",e.target.value)}})})})}),(0,M.jsx)(s.Ay,{item:!0,xs:6,children:(0,M.jsx)(v.A,{fullWidth:!0,children:(0,M.jsx)(g.A,{id:"model",name:"model",freeSolo:!0,options:J.map((e=>e)),getOptionLabel:e=>"string"===typeof e||e instanceof String?e:"",value:null===i||void 0===i?void 0:i.model,onChange:(e,i)=>{U("model",i)},renderInput:e=>(0,M.jsx)(r.A,{...e,label:"MODEL",onChange:e=>U("model",e.target.value)})})})}),(0,M.jsx)(s.Ay,{item:!0,xs:6,children:(0,M.jsx)(r.A,{fullWidth:!0,label:"TRIM",type:"text",value:i.trim,onChange:e=>U("trim",e.target.value)})}),(0,M.jsx)(s.Ay,{item:!0,xs:6,children:(0,M.jsxs)(v.A,{fullWidth:!0,children:[(0,M.jsx)(u.A,{id:"color-label",children:"COLOR"}),(0,M.jsx)(m.A,{labelId:"color-label",name:"color",value:i.color,onChange:e=>U("color",e.target.value),children:null===k||void 0===k?void 0:k.map(((e,i)=>(0,M.jsx)(p.A,{value:e.value,children:(0,M.jsxs)("div",{style:{display:"flex",alignItems:"center",paddingLeft:"10px"},children:[(0,M.jsx)(d.A,{sx:{fontSize:"20px",paddingRight:"10px",width:"140px"},children:e.label}),(0,M.jsx)(f.A,{style:{color:e.value,fontSize:"40px",boxShadow:"rgb(50 50 93 / 4%) 0px 30px 60px -12px inset, rgb(0 0 0 / 23%) 0px 18px 36px -18px inset"}})]})},i)))})]})}),(0,M.jsx)(s.Ay,{item:!0,xs:6,children:(0,M.jsx)(r.A,{fullWidth:!0,label:"MILEAGE",type:"number",value:i.mileage,onChange:e=>U("mileage",e.target.value)})}),(0,M.jsx)(s.Ay,{item:!0,xs:12,mb:4,children:(0,M.jsx)(r.A,{fullWidth:!0,label:"DETAILS",multiline:!0,rows:4,value:i.details,onChange:e=>U("details",e.target.value)})}),(0,M.jsx)(d.A,{variant:"h4",sx:{marginTop:5,marginLeft:5},children:"Images:"}),(0,M.jsxs)(s.Ay,{item:!0,xs:12,style:{flexDirection:"row",display:"flex"},children:[null===i||void 0===i||null===(e=i.selectedImages)||void 0===e?void 0:e.map(((e,i)=>(0,M.jsx)("div",{children:(0,M.jsxs)(y.A,{sx:{width:150,height:150,justifyContent:"center",alignContent:"center",display:"grid",marginRight:5},children:[(0,M.jsx)(A.A,{icon:"mdi:close-circle-outline",sx:{width:25,height:25,position:"absolute",right:5,top:5,zIndex:9999},onClick:()=>{((e,i)=>{l(i?l=>{const a=[...l.selectedImages];return a.splice(e,1),{...l,selectedImages:a,rmvImagesListIds:[...l.rmvImagesListIds,i]}}:i=>{const l=[...i.selectedImages],a=[...i.selectedFiles];return l.splice(e,1),a.splice(e,1),{...i,selectedImages:l,selectedFiles:a}})})(i,e.image_id)}}),(0,M.jsx)(I.A,{children:(0,M.jsx)("img",{src:e.image_id?"".concat(x.Jz,"/").concat(null===e||void 0===e?void 0:e.imageUrl):e,alt:""})})]})},i))),(0,M.jsx)(y.A,{sx:{width:150,height:150,justifyContent:"center",alignContent:"center"},children:(0,M.jsxs)(I.A,{style:{justifyContent:"center"},children:[(0,M.jsx)("input",{ref:T,style:{display:"none"},type:"file",accept:"image/*",name:"selectedImages",onChange:e=>(e=>{const i=Array.from(e.target.files);Promise.all(i.map((e=>B(e)))).then((e=>{l((l=>({...l,selectedImages:[...null===l||void 0===l?void 0:l.selectedImages,...e],selectedFiles:[...null===l||void 0===l?void 0:l.selectedFiles,...i]})))})).catch((e=>{console.error("Error reading files:",e)}))})(e),multiple:!0}),(0,M.jsx)(j.A,{onClick:()=>{T.current.click()},children:(0,M.jsx)(A.A,{icon:"mdi:file-image-plus-outline",sx:{width:80,height:80}})})]})})]}),(0,M.jsx)(s.Ay,{container:!0,direction:"row",justifyContent:"center",alignItems:"center",m:4,children:F?(0,M.jsx)(w.A,{onClick:async e=>{var l;e.preventDefault(),D(!0);const a={"#FF0000":"Red","#0000FF":"Blue","#008000":"Green","#000000":"Black","#C0C0C0":"Silver","#FFD700":"Golden","#ffffff":"White","#808080":"Grey"},n=i.color,o=null===a||void 0===a?void 0:a[i.color],d=new FormData;d.append("year",i.year),d.append("make",i.make),d.append("model",i.model),d.append("color",n),d.append("color_name",o),d.append("details",i.details),d.append("vin",i.vin),d.append("mileage",i.mileage),d.append("trim",i.trim),d.append("user_id",null===_||void 0===_?void 0:_.user_id),d.append("rmvImagesListIds",JSON.stringify(null===i||void 0===i?void 0:i.rmvImagesListIds)),null===i||void 0===i||null===(l=i.selectedFiles)||void 0===l||l.forEach(((e,i)=>{d.append("imageUrl",e)}));try{var s;const e=await t.A.patch("".concat(x.VY,"/vehicle/update-vehicle-details/").concat(null===R||void 0===R||null===(s=R.product)||void 0===s?void 0:s.vehicle_id),d);200===(null===e||void 0===e?void 0:e.status)&&(b.oR.success("Vehicle updated successfully!"),D(!1),Q("/dashboard/inventory"))}catch(r){D(!1),b.oR.error("Error while updating Vehicles!"),console.log("[Error]",r)}},loading:S,size:"large",type:"button",variant:"contained",children:"Update"}):(0,M.jsx)(w.A,{loading:V,size:"large",type:"submit",variant:"contained",children:"Save"})})]})})]})})}}}]);
//# sourceMappingURL=764.f3404347.chunk.js.map