1"use strict";(globalThis.webpackChunkmain_bt5||=[]).push([[6004],{50749(e,n,i){var r=i(82216),d=i(28797),o=i(21958);const a=(0,r.zD)("LayoutList",async(e,n)=>{let{commandType:i,passData:r}=e;try{return(await d.A.post(`${o.uH}GridLayout/GetGridLayout?commandType=${i}`,r)).data}catch(a){return n.rejectWithValue(a.response.data)}}),l=(0,r.zD)("GetLayoutByName",async(e,n)=>{let{commandType:i,passData:r}=e;try{return(await d.A.post(`${o.uH}GridLayout/GetGridLayoutByLayoutName?commandType=${i}`,r)).data}catch(a){return n.rejectWithValue(a.response.data)}}),t=(0,r.zD)("SaveLayout",async(e,n)=>{let{commandType:i,passData:r}=e;try{return(await d.A.post(`${o.uH}GridLayout/AddGridLayout?commandType=${i}`,r)).data}catch(a){return n.rejectWithValue(a.response.data)}}),c=(0,r.zD)("RemoveLayout",async(e,n)=>{let{commandType:i,passData:r}=e;try{return(await d.A.post(`${o.uH}GridLayout/DeleteGridLayoutByLayoutNameAdo?commandType=${i}`,r)).data}catch(a){return n.rejectWithValue(a.response.data)}}),s=(0,r.zD)("AddOrUpdateGridLayout",async(e,n)=>{let{commandType:i,passData:r}=e;try{return(await d.A.post(`${o.uH}GridLayout/AddGridLayoutAdo?commandType=${i}`,r)).data}catch(a){return n.rejectWithValue(a.response.data)}});(0,r.Z0)({name:"Layout",initialState:{loading:!1,error:null,LayoutList:[],LayoutByName:[],AddLayout:null,Deletelayout:null,AddOrUpdate:null},reducers:{extraReducers:e=>{e.addCase(a.pending,e=>{e.isLoading=!0,e.error=null}).addCase(a.fulfilled,(e,n)=>{e.isLoading=!1,e.LayoutList=n.payload}).addCase(a.rejected,(e,n)=>{e.isLoading=!1,e.error=n.error.message}).addCase(l.pending,e=>{e.isLoading=!0,e.error=null}).addCase(l.fulfilled,(e,n)=>{e.isLoading=!1,e.LayoutByName=n.payload}).addCase(l.rejected,(e,n)=>{e.isLoading=!1,e.error=n.error.message}).addCase(t.pending,e=>{e.isLoading=!0,e.error=null}).addCase(t.fulfilled,(e,n)=>{e.isLoading=!1,e.AddLayout=n.payload}).addCase(t.rejected,(e,n)=>{e.isLoading=!1,e.error=n.error.message}).addCase(c.pending,e=>{e.isLoading=!0,e.error=null}).addCase(c.fulfilled,(e,n)=>{e.isLoading=!1,e.Deletelayout=n.payload}).addCase(c.rejected,(e,n)=>{e.isLoading=!1,e.error=n.error.message}).addCase(s.pending,e=>{e.isLoading=!0,e.error=null}).addCase(s.fulfilled,(e,n)=>{e.isLoading=!1,e.AddOrUpdate=n.payload}).addCase(s.rejected,(e,n)=>{e.isLoading=!1,e.error=n.error.message})}}}).reducer;i.d(n,["DD",0,a,"JR",0,c,"M2",0,s])},90234(e,n,i){const r=()=>{const e=localStorage.getItem("user");return null===e?(window.location.href="/auth/login",!0):JSON.parse(e)};i.d(n,["A",0,r])},86004(e,n,i){i.r(n);var r=i(632),d=i(65043),o=i(13966),a=i(26259),l=i(49157),t=i(18353),c=i(72679),s=i(56762),v=i(5606),h=i(26488),p=i(19392),f=i(93434),x=i(92195),g=i(78561),m=i(75055),u=i(30267),b=i(48586),y=i(67330),j=i(79252),w=i(7875),k=i(79456),N=i(48476),A=i(41946),z=i(50749),E=i(21958),I=i(90234),D=i(19886),L=i(41233),C=i(70579);const{companyId:V,userName:S}=(0,I.A)(),P=[50,100,500,"all"],T=[{value:1,text:"Beige"},{value:2,text:"Black"},{value:3,text:"Blue"},{value:4,text:"Brown"},{value:5,text:"Gold"},{value:6,text:"Green"},{value:7,text:"Grey"},{value:8,text:"Orange"},{value:9,text:"Pink"},{value:10,text:"Purple"},{value:11,text:"Red"},{value:12,text:"Silver"},{value:13,text:"White"},{value:14,text:"Yellow"}],R={driverVehicleId:0,companyId:V,makeName:"",model:"",colors:"",modelYear:"",vehicleImage:"",description:"",status:1,createdBy:"",createdDate:"",modifiedBy:"",modifiedDate:""},M={makeName:"",model:"",colors:"",modelYear:""},B=()=>{const e=(0,k.wA)(),n=(0,d.useRef)(null),i=(0,d.useRef)(null),[I,B]=(0,d.useState)([]),[O,F]=(0,d.useState)([]),[G,U]=(0,d.useState)([]),[H,Y]=(0,d.useState)(R),[W,$]=(0,d.useState)(M),[q,X]=(0,d.useState)(!1),[J,Q]=(0,d.useState)(!1),[Z,_]=(0,d.useState)(!1),[K,ee]=(0,d.useState)(""),[ne,ie]=(0,d.useState)(!1),[re,de]=(0,d.useState)(null),[oe,ae]=(0,d.useState)(""),[le,te]=(0,d.useState)(null),ce=(0,d.useCallback)(()=>{ie(!0),e((0,N.XM)({Data:{companyId:V,status:1}})).then(e=>{B(Array.isArray(e.payload)?e.payload:[]),ie(!1)}).catch(e=>{ie(!1),console.error("Error loading Driver Vehicles:",e)})},[e]),se=(0,d.useCallback)(()=>{ie(!0),e((0,N.Ap)()).then(e=>{F(Array.isArray(e.payload)?e.payload:[]),ie(!1)}).catch(e=>{ie(!1),console.error("Error loading Vehicle Makes:",e)})},[e]);(0,d.useEffect)(()=>{ce(),se()},[ce,se]);const ve=function(n){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return null===n||void 0===n||""===n?(U([]),Y(e=>({...e,model:""})),Promise.resolve([])):(ie(!0),e((0,N.q_)(n)).then(e=>{const n=Array.isArray(e.payload)?e.payload:[];U(n);let r="";if(i){const e=n.find(e=>e.name===i||e.model===i);r=(null===e||void 0===e?void 0:e.modelId)||""}return Y(e=>({...e,model:r})),ie(!1),n}).catch(e=>(ie(!1),console.error("Error loading Vehicle Models:",e),U([]),[])))},he=(0,d.useCallback)(()=>e((0,z.DD)({commandType:"GETLAYOUTLIST",passData:{companyId:V,gridId:"GrdDriverVehicleV8",layoutName:"DriverVehicle"}})).then(e=>{var n;return e.payload&&e.payload.length&&null!==(n=e.payload[0])&&void 0!==n&&n.layoutDescrption?JSON.parse(e.payload[0].layoutDescrption):{}}).catch(e=>(console.error("Error loading Driver Vehicle layout:",e),{})),[e]),pe=(0,d.useCallback)(n=>{const i={id:0,gridId:"GrdDriverVehicleV8",layoutName:"DriverVehicle",layoutDescrption:JSON.stringify(n),userName:S,companyId:V,menuId:0,isDefault:!0};e((0,z.M2)({commandType:"Save",passData:i})).catch(e=>{console.error("Error saving Driver Vehicle layout:",e)})},[e]),fe=(0,d.useCallback)(()=>he(),[he]),xe=(0,d.useCallback)(e=>pe(e),[pe]),ge=e=>e?e.startsWith("http://")||e.startsWith("https://")||e.startsWith("data:")?e:`${E.jP}Advertisements/${e}`:"",me=()=>{de(null),i.current&&(i.current.value="")},ue=e=>{if(me(),$(M),U([]),e){var n;const i=I.find(n=>n.driverVehicleId===e);if(!i)return;const r=T.find(e=>e.text===i.colors),d=O.find(e=>e.name===i.makeName),o=(null===d||void 0===d?void 0:d.makeId)||"";Y({driverVehicleId:i.driverVehicleId,companyId:i.companyId||V,makeName:o,model:"",colors:(null===r||void 0===r?void 0:r.value)||"",modelYear:i.modelYear||"",vehicleImage:i.vehicleImage||"",description:i.description||"",status:null!==(n=i.status)&&void 0!==n?n:1,createdBy:i.createdBy||"",createdDate:i.createdDate||"",modifiedBy:i.modifiedBy||"",modifiedDate:i.modifiedDate||""}),ae(ge(i.vehicleImage)),o&&ve(o,i.model)}else Y({...R,companyId:V}),ae("");X(!0)},be=(e,n)=>{$(e=>({...e,[n]:""}));const i=null!==e&&void 0!==e&&e.target?e.target.value:null===e||void 0===e?void 0:e.value;if("makeName"===n)return Y(e=>({...e,makeName:i,model:""})),void ve(i);Y(e=>({...e,[n]:null!==i&&void 0!==i?i:""}))},ye=(n,i)=>{ie(!0),e((0,N.m5)({passData:n,commandType:i})).then(e=>{var n;ie(!1),ce(),X(!1),ee((null===(n=e.payload)||void 0===n?void 0:n.description)||"Vehicle saved successfully."),_(!0)}).catch(e=>{ie(!1),console.error("Error saving Driver Vehicle:",e)})},je=Array.isArray(I)?I.length:0;return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("div",{className:"driver-vehicle-page",children:(0,C.jsx)(l.A,{className:"driver-vehicle-management-card",children:(0,C.jsxs)(t.A,{className:"p-0",children:[(0,C.jsxs)("div",{className:"driver-vehicle-header",children:[(0,C.jsxs)("div",{className:"driver-vehicle-heading",children:[(0,C.jsx)("div",{className:"driver-vehicle-heading-icon",children:(0,C.jsx)(j.A,{size:20})}),(0,C.jsxs)("div",{children:[(0,C.jsx)("h4",{children:"Driver Vehicle Management"}),(0,C.jsx)("p",{children:"Manage vehicle make, model, year, color and vehicle images."})]})]}),(0,C.jsxs)("div",{className:"driver-vehicle-record-count",children:[(0,C.jsx)(f.A,{size:13}),je," ",1===je?"vehicle":"vehicles"]})]}),(0,C.jsxs)("div",{className:"driver-vehicle-toolbar",children:[(0,C.jsxs)("div",{className:"driver-vehicle-toolbar-info",children:[(0,C.jsx)(m.A,{size:15}),"Click the vehicle make to edit, or use the row actions."]}),(0,C.jsxs)("div",{className:"driver-vehicle-toolbar-actions",children:[(0,C.jsxs)(a.A,{type:"button",className:"driver-vehicle-clear-button",onClick:()=>{n.current&&n.current.instance.clearFilter()},children:[(0,C.jsx)(g.A,{size:15}),"Clear Filters"]}),(0,C.jsxs)(a.A,{type:"button",className:"driver-vehicle-add-button",onClick:()=>ue(null),children:[(0,C.jsx)(u.A,{size:16}),"Add Vehicle"]})]})]}),(0,C.jsx)("div",{className:"driver-vehicle-grid-wrapper",children:(0,C.jsxs)(r.Ay,{className:"driver-vehicle-grid",id:"grid",ref:n,dataSource:I,keyExpr:"driverVehicleId",showBorders:!1,showColumnLines:!1,showRowLines:!0,hoverStateEnabled:!0,remoteOperations:!1,allowColumnResizing:!0,columnResizingMode:"widget",columnAutoWidth:!1,allowColumnReordering:!0,noDataText:"No driver vehicles found.",children:[(0,C.jsx)(r.Pl,{visible:!0,width:250,placeholder:"Search vehicles..."}),(0,C.jsx)(r.i8,{enabled:!0}),(0,C.jsx)(r.XD,{visible:!0,showClearButton:!0}),(0,C.jsx)(r.QA,{visible:!0,showClearButton:!0}),(0,C.jsx)(r.uh,{visible:!0}),(0,C.jsx)(r.cl,{mode:"standard",rowRenderingMode:"standard",columnRenderingMode:"standard",useNative:!0}),(0,C.jsx)(r.lK,{defaultPageSize:500}),(0,C.jsx)(r.is,{allowedPageSizes:P,showPageSizeSelector:!0,showInfo:!0,visible:!0,displayMode:"compact"}),(0,C.jsx)(r.Qr,{enabled:!0,type:"custom",customLoad:fe,customSave:xe}),(0,C.jsx)(r.VP,{dataField:"makeName",caption:"Vehicle Make",width:175,minWidth:165,cellRender:e=>(0,C.jsxs)("button",{type:"button",className:"driver-vehicle-name-button",onClick:()=>ue(e.data.driverVehicleId),children:[(0,C.jsx)("span",{className:"driver-vehicle-name-icon",children:(0,C.jsx)(j.A,{size:16})}),(0,C.jsxs)("span",{className:"driver-vehicle-name-content",children:[(0,C.jsx)("strong",{children:e.data.makeName||"Unknown Make"}),(0,C.jsx)("small",{children:"Click to edit"})]})]})}),(0,C.jsx)(r.VP,{dataField:"model",caption:"Model",width:145,minWidth:135,cellRender:e=>(0,C.jsx)("span",{className:"driver-vehicle-model",children:e.data.model||"\u2014"})}),(0,C.jsx)(r.VP,{dataField:"modelYear",caption:"Year",width:85,minWidth:80,alignment:"center",cellRender:e=>(0,C.jsx)("span",{className:"driver-vehicle-year",children:e.data.modelYear||"\u2014"})}),(0,C.jsx)(r.VP,{dataField:"colors",caption:"Color",width:110,minWidth:100,alignment:"center",cellRender:e=>(0,C.jsxs)("span",{className:"driver-vehicle-color",children:[(0,C.jsx)("span",{className:"driver-vehicle-color-dot"}),e.data.colors||"\u2014"]})}),(0,C.jsx)(r.VP,{dataField:"vehicleImage",caption:"Vehicle Image",width:145,minWidth:135,alignment:"center",allowFiltering:!1,cellRender:e=>{const n=ge(e.data.vehicleImage);return(0,C.jsx)("div",{className:"driver-vehicle-thumbnail-wrapper",children:n?(0,C.jsx)("img",{src:n,alt:`${e.data.makeName||""} ${e.data.model||""}`,className:"driver-vehicle-thumbnail"}):(0,C.jsxs)("div",{className:"driver-vehicle-no-image",children:[(0,C.jsx)(h.A,{size:19}),(0,C.jsx)("span",{children:"No Image"})]})})}}),(0,C.jsx)(r.VP,{dataField:"description",caption:"Description",width:210,minWidth:180,cellRender:e=>(0,C.jsx)("div",{className:"driver-vehicle-description",title:e.data.description||"",children:e.data.description||"No description"})}),(0,C.jsx)(r.VP,{caption:"Actions",width:105,minWidth:100,alignment:"center",allowFiltering:!1,allowHeaderFiltering:!1,allowSorting:!1,cellRender:e=>(0,C.jsxs)("div",{className:"driver-vehicle-actions",children:[(0,C.jsx)("button",{type:"button",className:"driver-vehicle-action edit",title:"Edit Vehicle","aria-label":"Edit Vehicle",onClick:()=>ue(e.data.driverVehicleId),children:(0,C.jsx)(x.A,{size:16})}),(0,C.jsx)("button",{type:"button",className:"driver-vehicle-action delete",title:"Delete Vehicle","aria-label":"Delete Vehicle",onClick:()=>{return n=e.data.driverVehicleId,te(n),void Q(!0);var n},children:(0,C.jsx)(y.A,{size:16})})]})}),(0,C.jsx)(r.VP,{dataField:"status",caption:"Status",visible:!1}),(0,C.jsx)(r.VP,{dataField:"createdBy",caption:"Created By",visible:!1}),(0,C.jsx)(r.VP,{dataField:"createdDate",caption:"Created Date",visible:!1}),(0,C.jsx)(r.VP,{dataField:"modifiedBy",caption:"Modified By",visible:!1}),(0,C.jsx)(r.VP,{dataField:"modifiedDate",caption:"Modified Date",visible:!1})]})})]})})}
1),(0,C.jsx)(o.zD,{id:"OnAddOrEditDriverVehiclePopup",visible:q,onHiding:()=>X(!1),showTitle:!1,showCloseButton:!1,width:"min(840px, 95vw)",height:"auto",maxHeight:"92vh",dragEnabled:!1,resizeEnabled:!1,position:"center",wrapperAttr:{class:"driver-vehicle-editor-popup-wrapper"},children:(0,C.jsxs)("div",{className:"driver-vehicle-editor-popup",children:[(0,C.jsxs)("div",{className:"driver-vehicle-popup-header",children:[(0,C.jsxs)("div",{className:"driver-vehicle-popup-heading",children:[(0,C.jsx)("div",{className:"driver-vehicle-popup-heading-icon",children:H.driverVehicleId>0?(0,C.jsx)(x.A,{size:19}):(0,C.jsx)(u.A,{size:19})}),(0,C.jsxs)("div",{children:[(0,C.jsx)("h4",{children:H.driverVehicleId>0?"Edit Driver Vehicle":"Add Driver Vehicle"}),(0,C.jsx)("p",{children:"Configure the vehicle make, model, year, color and image."})]})]}),(0,C.jsx)("button",{type:"button",className:"driver-vehicle-popup-close","aria-label":"Close",onClick:()=>X(!1),children:(0,C.jsx)(w.A,{size:18})})]}),(0,C.jsxs)("div",{className:"driver-vehicle-popup-body",children:[(0,C.jsxs)("div",{className:"driver-vehicle-form-section",children:[(0,C.jsxs)("div",{className:"driver-vehicle-form-section-header",children:[(0,C.jsx)("div",{className:"driver-vehicle-section-icon",children:(0,C.jsx)(j.A,{size:16})}),(0,C.jsxs)("div",{children:[(0,C.jsx)("h5",{children:"Vehicle Details"}),(0,C.jsx)("p",{children:"Select the vehicle make, model, model year and exterior color."})]})]}),(0,C.jsxs)("div",{className:"driver-vehicle-form-grid",children:[(0,C.jsxs)("div",{className:"driver-vehicle-field",children:[(0,C.jsxs)("div",{className:"driver-vehicle-label",children:["Make",(0,C.jsx)("span",{className:"driver-vehicle-required",children:"*"})]}),(0,C.jsx)(o.aL,{id:"txtmakeName",className:"driver-vehicle-input",value:H.makeName,dataSource:O,valueExpr:"makeId",displayExpr:"name",searchEnabled:!0,showClearButton:!0,placeholder:"Select vehicle make",onValueChanged:e=>be(e,"makeName")}),W.makeName&&(0,C.jsxs)("div",{className:"driver-vehicle-error",children:[(0,C.jsx)(s.A,{size:12}),W.makeName]})]}),(0,C.jsxs)("div",{className:"driver-vehicle-field",children:[(0,C.jsxs)("div",{className:"driver-vehicle-label",children:["Model",(0,C.jsx)("span",{className:"driver-vehicle-required",children:"*"})]}),(0,C.jsx)(o.aL,{id:"txtmodel",className:"driver-vehicle-input",dataSource:G,valueExpr:"modelId",displayExpr:"name",searchEnabled:!0,showClearButton:!0,value:H.model,disabled:!H.makeName,placeholder:H.makeName?"Select vehicle model":"Select a make first",onValueChanged:e=>be(e,"model")}),W.model&&(0,C.jsxs)("div",{className:"driver-vehicle-error",children:[(0,C.jsx)(s.A,{size:12}),W.model]})]}),(0,C.jsxs)("div",{className:"driver-vehicle-field",children:[(0,C.jsxs)("div",{className:"driver-vehicle-label",children:["Model Year",(0,C.jsx)("span",{className:"driver-vehicle-required",children:"*"})]}),(0,C.jsx)(o.fI,{id:"txtmodelYear",className:"driver-vehicle-input",value:H.modelYear,placeholder:"Example: 2025",maxLength:4,onValueChanged:e=>be(e,"modelYear")}),W.modelYear&&(0,C.jsxs)("div",{className:"driver-vehicle-error",children:[(0,C.jsx)(s.A,{size:12}),W.modelYear]})]}),(0,C.jsxs)("div",{className:"driver-vehicle-field",children:[(0,C.jsxs)("div",{className:"driver-vehicle-label",children:["Color",(0,C.jsx)("span",{className:"driver-vehicle-required",children:"*"})]}),(0,C.jsx)(o.aL,{id:"sbColor",className:"driver-vehicle-input",dataSource:T,displayExpr:"text",valueExpr:"value",searchEnabled:!0,showClearButton:!0,value:H.colors,placeholder:"Select vehicle color",onValueChanged:e=>be(e,"colors")}),W.colors&&(0,C.jsxs)("div",{className:"driver-vehicle-error",children:[(0,C.jsx)(s.A,{size:12}),W.colors]})]}),(0,C.jsxs)("div",{className:"driver-vehicle-field driver-vehicle-field-full",children:[(0,C.jsx)("div",{className:"driver-vehicle-label",children:"Description"}),(0,C.jsx)(c.A,{type:"textarea",rows:"3",className:"driver-vehicle-textarea",value:H.description,placeholder:"Enter vehicle description or additional details",onChange:e=>be(e,"description")})]})]})]}),(0,C.jsxs)("div",{className:"driver-vehicle-form-section",children:[(0,C.jsxs)("div",{className:"driver-vehicle-form-section-header",children:[(0,C.jsx)("div",{className:"driver-vehicle-section-icon",children:(0,C.jsx)(h.A,{size:16})}),(0,C.jsxs)("div",{children:[(0,C.jsx)("h5",{children:"Vehicle Image"}),(0,C.jsx)("p",{children:"Upload a photo used to identify this vehicle."})]})]}),(0,C.jsxs)("div",{className:"driver-vehicle-image-layout",children:[(0,C.jsx)("div",{className:"driver-vehicle-image-preview",children:oe?(0,C.jsx)("img",{src:oe,alt:"
1Vehicle preview"}):(0,C.jsxs)("div",{className:"driver-vehicle-image-placeholder",children:[(0,C.jsx)(h.A,{size:36}),(0,C.jsx)("strong",{children:"Vehicle Image Preview"}),(0,C.jsx)("span",{children:"Choose an image to preview it here."})]})}),(0,C.jsxs)("div",{className:"driver-vehicle-file-area",children:[(0,C.jsx)("div",{className:"driver-vehicle-label",children:"Select Image"}),(0,C.jsx)("input",{type:"file",id:"myFile",className:"driver-vehicle-file-input",accept:"image/*",onChange:e=>{var n;const i=null===(n=e.target.files)||void 0===n?void 0:n[0];if(!i)return;de(i);const r=new FileReader;r.onload=e=>{ae(e.target.result)},r.readAsDataURL(i)},ref:i}),(0,C.jsx)("div",{className:"driver-vehicle-field-help",children:"Recommended: clear front or side vehicle image."}),re&&(0,C.jsxs)("div",{className:"driver-vehicle-selected-file",children:[(0,C.jsx)(p.A,{size:14}),(0,C.jsx)("span",{children:re.name}),(0,C.jsx)("button",{type:"button",title:"Remove selected image",onClick:()=>{me(),H.vehicleImage?ae(ge(H.vehicleImage)):ae("")},children:(0,C.jsx)(w.A,{size:14})})]})]})]})]})]}),(0,C.jsxs)("div",{className:"driver-vehicle-popup-footer",children:[(0,C.jsxs)("div",{className:"driver-vehicle-popup-footer-info",children:[(0,C.jsx)(m.A,{size:14}),"Fields marked with * are required."]}),(0,C.jsxs)("div",{className:"driver-vehicle-popup-footer-actions",children:[(0,C.jsx)(a.A,{type:"button",className:"driver-vehicle-cancel-button",onClick:()=>X(!1),children:"Cancel"}),(0,C.jsxs)(a.A,{type:"button",className:"driver-vehicle-save-button",onClick:()=>{const n={};if(H.makeName||(n.makeName="Make is required."),H.model||(n.model="Model is required."),H.modelYear||(n.modelYear="Model year is required."),H.colors||(n.colors="Color is required."),Object.keys(n).length>0)return void $(n);const i=T.find(e=>e.value===H.colors),r=O.find(e=>e.makeId===H.makeName),d=G.find(e=>e.modelId===H.model);if(!r||!d||!i)return ee("Please select a valid vehicle make, model and color."),void _(!0);const o=H.driverVehicleId>0?"UPDATE":"INSERT",a={driverVehicleId:H.driverVehicleId||0,companyId:V,makeName:r.name,model:d.name,status:1,colors:i.text,modelYear:H.modelYear,vehicleImage:H.vehicleImage||"",description:H.description||"",createdBy:H.driverVehicleId>0?H.createdBy:S,createdDate:H.createdDate,modifiedBy:S,modifiedDate:H.modifiedDate};if(re){const n=new FormData;return n.append("file",re),ie(!0),void e((0,A.Z9)({ftpDirectoryName:"Advertisements",file:n,companyId:V})).then(e=>{var n;ie(!1),a.vehicleImage=(null===(n=e.payload)||void 0===n?void 0:n.description)||H.vehicleImage,ye(a,o)}).catch(e=>{ie(!1),console.error("Error uploading Vehicle image:",e)})}ye(a,o)},children:[(0,C.jsx)(b.A,{size:15}),H.driverVehicleId?"Save Changes":"Add Vehicle"]})]})]})]})}),(0,C.jsx)(o.zD,{id:"Confirmation",visible:J,onHiding:()=>Q(!1),showTitle:!1,showCloseButton:!1,width:"min(430px, 92vw)",height:"auto",dragEnabled:!1,resizeEnabled:!1,position:"center",wrapperAttr:{class:"driver-vehicle-delete-popup-wrapper"},children:(0,C.jsxs)("div",{className:"driver-vehicle-delete-popup",children:[(0,C.jsxs)("div",{className:"driver-vehicle-delete-header",children:[(0,C.jsxs)("div",{className:"driver-vehicle-delete-heading",children:[(0,C.jsx)("div",{className:"driver-vehicle-delete-icon",children:(0,C.jsx)(v.A,{size:20})}),(0,C.jsxs)("div",{children:[(0,C.jsx)("h4",{children:"Delete Vehicle?"}),(0,C.jsx)("p",{children:"This action cannot be undone."})]})]}),(0,C.jsx)("button",{type:"button",className:"driver-vehicle-delete-close","aria-label":"Close",onClick:()=>Q(!1),children:(0,C.jsx)(w.A,{size:18})})]}),(0,C.jsx)("div",{className:"driver-vehicle-delete-body",children:"Are you sure you want to delete the selected driver vehicle?"}),(0,C.jsxs)("div",{className:"driver-vehicle-delete-footer",children:[(0,C.jsx)(a.A,{type:"button",className:"driver-vehicle-cancel-button",onClick:()=>Q(!1),children:"Cancel"}),(0,C.jsxs)(a.A,{type:"button",className:"driver-vehicle-delete-button",onClick:()=>{le&&(ie(!0),e((0,N.h3)({Id:le,commandtype:"DELETE"})).then(e=>{var n;ie(!1),ee((null===(n=e.payload)||void 0===n?void 0:n.description)||"Vehicle deleted successfully."),Q(!1),_(!0),ce()}).catch(e=>{ie(!1),console.error("Error deleting Driver Vehicle:",e)}))},children:[(0,C.jsx)(y.A,{size:15}),"Delete Vehicle"]})]})]})}),(0,C.jsx)(L.A,{showPopup:Z,onHiding:()=>_(!1),labelMessage:K}),(0,C.jsx)(D.A,{isVisible:ne}),(0,C.jsx)("style",{children:'\n\n /* =====================================================\n PAGE\n ====================================================== */\n\n .driver-vehicle-page {\n position: relative;\n\n padding-bottom: 28px;\n\n color: #263746;\n\n font-family:\n "Segoe UI",\n -apple-system,\n BlinkMacSystemFont,\n "Helvetica Neue",\n Arial,\n sans-serif;\n\n font-size: 14px;\n }\n\n\n /* =====================================================\n MANAGEMENT CARD\n ====================================================== */\n\n .driver-vehicle-management-card {\n overflow: hidden;\n\n margin-bottom: 18px;\n\n background: #ffffff;\n\n border: 1px solid #dbe2e8;\n border-radius: 10px;\n\n box-shadow:\n 0 1px 2px rgba(16,24,40,.025),\n 0 3px 8px rgba(16,24,40,.035);\n }\n\n\n /* =====================================================\n HEADER\n ====================================================== */\n\n .driver-vehicle-header {\n display: flex;
1\n align-items: center;\n justify-content: space-between;\n\n gap: 14px;\n\n padding: 15px 17px;\n\n background: #5b6f82;\n\n border-bottom: 1px solid #4f6274;\n }\n\n\n .driver-vehicle-heading {\n display: flex;\n align-items: center;\n\n gap: 11px;\n\n min-width: 0;\n }\n\n\n .driver-vehicle-heading-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 40px;\n height: 40px;\n\n flex-shrink: 0;\n\n color: #ffffff;\n\n background: rgba(255,255,255,.14);\n\n border: 1px solid rgba(255,255,255,.18);\n border-radius: 7px;\n }\n\n\n .driver-vehicle-heading h4 {\n margin: 0;\n\n color: #ffffff;\n\n font-size: 18px;\n font-weight: 700;\n line-height: 1.35;\n }\n\n\n .driver-vehicle-heading p {\n margin: 4px 0 0;\n\n color: #e5ebef;\n\n font-size: 14px;\n font-weight: 500;\n line-height: 1.45;\n }\n\n\n .driver-vehicle-record-count {\n display: inline-flex;\n align-items: center;\n\n gap: 6px;\n\n flex-shrink: 0;\n\n padding: 7px 11px;\n\n color: #ffffff;\n\n background: rgba(255,255,255,.13);\n\n border: 1px solid rgba(255,255,255,.17);\n border-radius: 15px;\n\n font-size: 13px;\n font-weight: 650;\n\n white-space: nowrap;\n }\n\n\n /* =====================================================\n TOOLBAR\n ====================================================== */\n\n .driver-vehicle-toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n gap: 12px;\n\n padding: 11px 13px;\n\n background: #f8fafb;\n\n border-bottom: 1px solid #e3e8ec;\n }\n\n\n .driver-vehicle-toolbar-info {\n display: flex;\n align-items: center;\n\n gap: 7px;\n\n color: #657580;\n\n font-size: 14px;\n font-weight: 500;\n line-height: 1.45;\n }\n\n\n .driver-vehicle-toolbar-info svg {\n flex-shrink: 0;\n\n color: #6e8291;\n }\n\n\n .driver-vehicle-toolbar-actions {\n display: flex;\n align-items: center;\n\n gap: 8px;\n\n flex-shrink: 0;\n }\n\n\n .driver-vehicle-clear-button,\n .driver-vehicle-add-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n gap: 7px;\n\n height: 39px;\n\n padding: 0 14px;\n\n border-radius: 7px;\n\n font-family: inherit;\n font-size: 14px;\n font-weight: 650;\n\n white-space: nowrap;\n\n transition:\n background .15s ease,\n color .15s ease,\n border-color .15s ease;\n }\n\n\n .driver-vehicle-clear-button {\n color: #5d6f7d;\n background: #ffffff;\n\n border: 1px solid #d5dee5;\n }\n\n\n .driver-vehicle-clear-button:hover,\n .driver-vehicle-clear-button:focus {\n color: #4d606e;\n background: #f3f6f8;\n\n border-color: #c9d4dc;\n }\n\n\n .driver-vehicle-add-button {\n color: #ffffff;\n background: #5b6f82;\n\n border: 1px solid #5b6f82;\n }\n\n\n .driver-vehicle-add-button:hover,\n .driver-vehicle-add-button:focus {\n color: #ffffff;\n background: #4f6274;\n\n border-color: #4f6274;\n }\n\n\n /* =====================================================\n GRID WRAPPER\n ====================================================== */\n\n .driver-vehicle-grid-wrapper {\n position: relative;\n\n padding: 10px 12px 13px;\n\n overflow-x: auto;\n }\n\n\n /* =====================================================\n GRID\n ====================================================== */\n\n .driver-vehicle-grid {\n width: 100%;\n\n color: #344550;\n\n font-size: 14px;\n }\n\n\n .driver-vehicle-grid .dx-datagrid {\n color: #344550;\n background: #ffffff;\n\n font-family: inherit;\n font-size: 14px;\n }\n\n\n .driver-vehicle-grid .dx-datagrid-headers {\n color: #455765;\n background: #f4f7f9;\n\n font-size: 14px;\n font-weight: 700;\n }\n\n\n .driver-vehicle-grid\n .dx-datagrid-headers\n .dx-datagrid-text-content {\n color: #455765;\n\n font-size: 14px;\n font-weight: 700;\n }\n\n\n .driver-vehicle-grid\n .dx-header-row > td {\n padding-top: 11px;\n padding-bottom: 11px;\n\n vertical-align: middle;\n\n border-bottom: 1px solid #dce3e8;\n }\n\n\n .driver-vehicle-grid\n .dx-data-row > td {\n padding-top: 11px;\n padding-bottom: 11px;\n\n color: #344550;\n\n font-size: 14px;\n line-height: 1.45;\n\n vertical-align: middle;\n\n border-bottom: 1px solid #edf0f2;\n }\n\n\n .driver-vehicle-grid\n .dx-data-row:hover {\n background: #fafcfd;\n }\n\n\n /* =====================================================\n FILTER ROW\n ====================================================== */\n\n .driver-vehicle-grid\n .dx-filter-row\n .dx-texteditor-input {\n min-height: 36px;\n\n color: #43545f;\n\n font-size: 13.5px !important;\n }\n\n\n .driver-vehicle-grid\n .dx-filter-row\n .dx-placeholder {\n font-size: 13px !important;\n }\n\n\n /* =====================================================\n SEARCH PANEL\n ====================================================== */\n\n .driver-vehicle-grid\n .dx-datagrid-search-panel {\n border: 1px solid #d5dee5;\n border-radius: 6px;\n }\n\n\n .driver-vehicle-grid\n .dx-datagrid-search-panel\n .dx-texteditor-input {\n min-height: 36px;\n\n font-size: 13.5px !important;\n }\n\n\n /* =====================================================\n GROUP PANEL\n ====================================================== */\n\n .driver-vehicle-grid\n .dx-group-panel-message,\n .driver-vehicle-grid\n .dx-group-panel-item {\n font-size: 13.5px;\n }\n\n\n .driver-vehicle-grid\n .dx-toolbar-item {\n font-size: 13.5px;\n }\n\n\n /* =====================================================\n VEHICLE NAME\n ====================================================== */\n\n .driver-vehicle-name-button {\n display: inline-flex;
1\n align-items: center;\n\n gap: 9px;\n\n max-width: 100%;\n\n padding: 0;\n\n cursor: pointer;\n\n color: #365f80;\n background: transparent;\n\n border: 0;\n\n font-family: inherit;\n text-align: left;\n }\n\n\n .driver-vehicle-name-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 35px;\n height: 35px;\n\n flex-shrink: 0;\n\n color: #57738a;\n background: #edf2f5;\n\n border-radius: 6px;\n }\n\n\n .driver-vehicle-name-content {\n min-width: 0;\n }\n\n\n .driver-vehicle-name-content strong {\n display: block;\n\n overflow: hidden;\n\n color: #365f80;\n\n font-size: 14.5px;\n font-weight: 650;\n line-height: 1.4;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n\n .driver-vehicle-name-content small {\n display: block;\n\n margin-top: 3px;\n\n color: #89959e;\n\n font-size: 12.5px;\n font-weight: 500;\n line-height: 1.35;\n }\n\n\n .driver-vehicle-name-button:hover\n .driver-vehicle-name-content strong {\n color: #294e69;\n\n text-decoration: underline;\n }\n\n\n /* =====================================================\n VEHICLE TEXT CELLS\n ====================================================== */\n\n .driver-vehicle-text,\n .driver-vehicle-description,\n .driver-vehicle-model,\n .driver-vehicle-make,\n .driver-vehicle-color {\n color: #596a75;\n\n font-size: 14px;\n line-height: 1.45;\n }\n\n\n /* =====================================================\n IMAGE / THUMBNAIL\n ====================================================== */\n\n .driver-vehicle-thumbnail-wrapper,\n .driver-vehicle-image-wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n\n .driver-vehicle-thumbnail,\n .driver-vehicle-image {\n display: block;\n\n width: 90px;\n max-width: 100%;\n height: 58px;\n\n object-fit: contain;\n\n background: #f7f9fa;\n\n border: 1px solid #dce3e8;\n border-radius: 7px;\n }\n\n\n .driver-vehicle-no-image {\n display: flex;\n align-items: center;\n justify-content: center;\n\n gap: 5px;\n\n width: 90px;\n height: 58px;\n\n color: #84919b;\n background: #f7f9fa;\n\n border: 1px dashed #d4dde4;\n border-radius: 7px;\n\n font-size: 12px;\n font-weight: 500;\n }\n\n\n /* =====================================================\n STATUS / BADGES\n ====================================================== */\n\n .driver-vehicle-badge,\n .driver-vehicle-status {\n display: inline-flex;\n align-items: center;\n\n gap: 5px;\n\n padding: 5px 9px;\n\n color: #526b7e;\n background: #edf3f7;\n\n border: 1px solid #dce5ea;\n border-radius: 13px;\n\n font-size: 12.5px;\n font-weight: 650;\n\n white-space: nowrap;\n }\n\n\n /* =====================================================\n ACTIONS\n ====================================================== */\n\n .driver-vehicle-actions {\n display: flex;\n align-items: center;\n justify-content: center;\n\n gap: 6px;\n }\n\n\n .driver-vehicle-action {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n width: 35px;\n height: 35px;\n\n padding: 0;\n\n cursor: pointer;\n\n background: #ffffff;\n\n border: 1px solid #d9e1e7;\n border-radius: 6px;\n\n transition:\n background .15s ease,\n color .15s ease,\n border-color .15s ease,\n transform .10s ease;\n }\n\n\n .driver-vehicle-action.edit,\n .driver-vehicle-action.copy {\n color: #567286;\n }\n\n\n .driver-vehicle-action.edit:hover,\n .driver-vehicle-action.copy:hover {\n color: #ffffff;\n background: #5b6f82;\n\n border-color: #5b6f82;\n }\n\n\n .driver-vehicle-action.delete {\n color: #a65757;\n }\n\n\n .driver-vehicle-action.delete:hover {\n color: #ffffff;\n background: #a95a5a;\n\n border-color: #a95a5a;\n }\n\n\n .driver-vehicle-action:active {\n transform: scale(.95);\n }\n\n\n /* =====================================================\n PAGER\n ====================================================== */\n\n .driver-vehicle-grid\n .dx-pager {\n padding-top: 10px;\n padding-bottom: 6px;\n\n font-size: 13.5px;\n }\n\n\n .driver-vehicle-grid\n .dx-page,\n .driver-vehicle-grid\n .dx-page-size,\n .driver-vehicle-grid\n .dx-info {\n font-size: 13.5px;\n }\n\n\n /* =====================================================\n POPUP WRAPPER\n ====================================================== */\n\n .driver-vehicle-editor-popup-wrapper\n .dx-overlay-content,\n\n .driver-vehicle-popup-wrapper\n .dx-overlay-content,\n\n .driver-vehicle-delete-popup-wrapper\n .dx-overlay-content {\n overflow: hidden;\n\n background: #ffffff;\n\n border: 1px solid #d9e1e7;\n border-radius: 10px;\n\n box-shadow:\n 0 15px 40px rgba(24,39,52,.18);\n }\n\n\n .driver-vehicle-editor-popup-wrapper\n .dx-popup-content,\n\n .driver-vehicle-popup-wrapper\n .dx-popup-content,\n\n .driver-vehicle-delete-popup-wrapper\n .dx-popup-content {\n padding: 0 !important;\n }\n\n\n /* =====================================================\n EDITOR POPUP\n ====================================================== */\n\n .driver-vehicle-editor-popup,\n .driver-vehicle-popup {\n display: flex;\n flex-direction: column;\n\n width: 100%;\n height: 100%;\n\n background: #ffffff;\n\n font-size: 14px;\n }\n\n\n /* =====================================================\n POPUP HEADER\n ====================================================== */\n\n .driver-vehicle-popup-header {\n display: flex;
1\n align-items: center;\n justify-content: space-between;\n\n gap: 12px;\n\n padding: 14px 16px;\n\n background: #5b6f82;\n\n border-bottom: 1px solid #4f6274;\n }\n\n\n .driver-vehicle-popup-heading {\n display: flex;\n align-items: center;\n\n gap: 10px;\n\n min-width: 0;\n }\n\n\n .driver-vehicle-popup-heading-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 39px;\n height: 39px;\n\n flex-shrink: 0;\n\n color: #ffffff;\n\n background: rgba(255,255,255,.14);\n\n border: 1px solid rgba(255,255,255,.18);\n border-radius: 7px;\n }\n\n\n .driver-vehicle-popup-heading h4 {\n margin: 0;\n\n color: #ffffff;\n\n font-size: 18px;\n font-weight: 700;\n line-height: 1.35;\n }\n\n\n .driver-vehicle-popup-heading p {\n margin: 3px 0 0;\n\n color: #e5ebef;\n\n font-size: 13.5px;\n line-height: 1.45;\n }\n\n\n .driver-vehicle-popup-close {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 35px;\n height: 35px;\n\n flex-shrink: 0;\n\n padding: 0;\n\n cursor: pointer;\n\n color: #ffffff;\n background: rgba(255,255,255,.11);\n\n border: 1px solid rgba(255,255,255,.16);\n border-radius: 6px;\n }\n\n\n .driver-vehicle-popup-close:hover {\n background: rgba(255,255,255,.20);\n }\n\n\n /* =====================================================\n POPUP BODY\n ====================================================== */\n\n .driver-vehicle-popup-body {\n overflow-y: auto;\n\n flex: 1;\n\n min-height: 0;\n\n padding: 16px 18px;\n }\n\n\n /* =====================================================\n FORM SECTION\n ====================================================== */\n\n .driver-vehicle-form-section {\n overflow: hidden;\n\n margin-bottom: 14px;\n\n background: #ffffff;\n\n border: 1px solid #dde4e9;\n border-radius: 8px;\n }\n\n\n .driver-vehicle-form-section:last-child {\n margin-bottom: 0;\n }\n\n\n .driver-vehicle-form-section-header {\n display: flex;\n align-items: center;\n\n gap: 9px;\n\n padding: 12px 14px;\n\n background: #f5f7f9;\n\n border-bottom: 1px solid #e0e5e9;\n }\n\n\n .driver-vehicle-section-icon,\n .driver-vehicle-form-section-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 35px;\n height: 35px;\n\n flex-shrink: 0;\n\n color: #5b7487;\n background: #e9eff3;\n\n border-radius: 6px;\n }\n\n\n .driver-vehicle-form-section-header h5 {\n margin: 0;\n\n color: #344956;\n\n font-size: 15px;\n font-weight: 700;\n line-height: 1.35;\n }\n\n\n .driver-vehicle-form-section-header p {\n margin: 3px 0 0;\n\n color: #7e8c96;\n\n font-size: 13px;\n line-height: 1.4;\n }\n\n\n /* =====================================================\n FORM LAYOUT\n ====================================================== */\n\n .driver-vehicle-form-body,\n .driver-vehicle-two-column-form {\n display: grid;\n\n grid-template-columns:\n repeat(2, minmax(0,1fr));\n\n gap: 15px;\n\n padding: 16px;\n }\n\n\n .driver-vehicle-field {\n min-width: 0;\n }\n\n\n .driver-vehicle-field-full {\n grid-column: 1 / -1;\n }\n\n\n /* =====================================================\n LABELS\n ====================================================== */\n\n .driver-vehicle-label {\n display: flex;\n align-items: center;\n\n gap: 6px;\n\n margin-bottom: 7px;\n\n color: #293a47;\n\n font-size: 14px;\n font-weight: 650;\n line-height: 1.4;\n }\n\n\n .driver-vehicle-label svg {\n flex-shrink: 0;\n\n color: #647b8d;\n }\n\n\n .driver-vehicle-required {\n margin-left: 2px;\n\n color: #b34e4e;\n\n font-size: 14px;\n }\n\n\n /* =====================================================\n DEVEXTREME INPUT\n ====================================================== */\n\n .driver-vehicle-input {\n background: #ffffff;\n\n border: 1px solid #d3dce4;\n border-radius: 6px;\n }\n\n\n .driver-vehicle-input\n .dx-texteditor-input {\n min-height: 42px;\n\n color: #263746 !important;\n\n font-family:\n "Segoe UI",\n -apple-system,\n BlinkMacSystemFont,\n "Helvetica Neue",\n Arial,\n sans-serif !important;\n\n font-size: 14px !important;\n line-height: 1.4;\n }\n\n\n .driver-vehicle-input\n .dx-placeholder {\n color: #87939d !important;\n\n font-size: 13.5px !important;\n\n opacity: 1 !important;\n }\n\n\n .driver-vehicle-input.dx-state-focused {\n border-color: #7898b2;\n\n box-shadow:\n 0 0 0 2px rgba(61,96,125,.08);\n }\n\n\n /* =====================================================\n NORMAL INPUTS\n ====================================================== */\n\n .driver-vehicle-page input,\n .driver-vehicle-page select {\n font-family:\n "Segoe UI",\n -apple-system,\n BlinkMacSystemFont,\n "Helvetica Neue",\n Arial,\n sans-serif;\n\n font-size: 14px;\n }\n\n\n .driver-vehicle-page .form-control {\n min-height: 42px;\n\n color: #263746;\n\n border-color: #d3dce4;\n border-radius: 6px;\n\n font-size: 14px;\n }\n\n\n .driver-vehicle-page .form-control:focus {\n border-color: #7898b2;\n\n box-shadow:\n 0 0 0 2px rgba(61,96,125,.08);\n }\n\n\n /* =====================================================\n TEXTAREA\n ====================================================== */\n\n .driver-vehicle-textarea {\n width: 100%;\n min-height: 90px;\n\n padding: 10px 12px;\n\n color: #263746;\n background: #ffffff;\n\n border: 1px solid #d3dce4;\n border-radius: 6px;\n\n outline: none;\n\n font-family:\n "Segoe UI",\n -apple-system,\n BlinkMacSystemFont,\n "Helvetica Neue",\n Arial,\n sans-serif;\n\n font-size: 14px;\n line-height: 1.5;\n\n resize: vertical;\n }\n\n\n .driver-vehicle-textarea::placeholder {\n color: #87939d;\n\n font-size: 13.5px;\n }\n\n\n .driver-vehicle-textarea:focus {\n border-color: #7898b2;\n\n box-shadow:\n 0 0 0 2px rgba(61,96,125,.08);\n }\n\n\n /* =====================================================\n VALIDATION\n ====================================================== */\n\n .driver-vehicle-error {\n display: flex;
1\n align-items: center;\n\n gap: 5px;\n\n margin-top: 6px;\n\n color: #b34e4e;\n\n font-size: 12.5px;\n font-weight: 600;\n line-height: 1.4;\n }\n\n\n /* =====================================================\n HELP TEXT\n ====================================================== */\n\n .driver-vehicle-field-help {\n margin-top: 6px;\n\n color: #7e8c96;\n\n font-size: 12.5px;\n line-height: 1.45;\n }\n\n\n /* =====================================================\n VEHICLE IMAGE EDITOR\n ====================================================== */\n\n .driver-vehicle-image-editor,\n .driver-vehicle-image-body {\n display: grid;\n\n grid-template-columns:\n minmax(0,1.25fr)\n minmax(0,.75fr);\n\n gap: 18px;\n\n padding: 16px;\n }\n\n\n .driver-vehicle-image-preview {\n display: flex;\n align-items: center;\n justify-content: center;\n\n min-height: 220px;\n\n overflow: hidden;\n\n background: #f7f9fa;\n\n border: 1px solid #dce3e8;\n border-radius: 8px;\n }\n\n\n .driver-vehicle-image-preview img {\n display: block;\n\n max-width: 100%;\n max-height: 280px;\n\n object-fit: contain;\n }\n\n\n .driver-vehicle-image-placeholder {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n\n gap: 8px;\n\n padding: 28px;\n\n color: #84919a;\n\n text-align: center;\n }\n\n\n .driver-vehicle-image-placeholder strong {\n color: #566875;\n\n font-size: 14px;\n font-weight: 700;\n }\n\n\n .driver-vehicle-image-placeholder span {\n max-width: 280px;\n\n color: #84919a;\n\n font-size: 12.5px;\n line-height: 1.45;\n }\n\n\n /* =====================================================\n FILE INPUT\n ====================================================== */\n\n .driver-vehicle-file-input {\n display: block;\n\n width: 100%;\n\n padding: 9px;\n\n color: #4f606c;\n background: #ffffff;\n\n border: 1px solid #d3dce4;\n border-radius: 6px;\n\n font-family: inherit;\n font-size: 13.5px;\n }\n\n\n .driver-vehicle-file-input::file-selector-button {\n margin-right: 10px;\n\n padding: 7px 10px;\n\n cursor: pointer;\n\n color: #506676;\n background: #eef3f6;\n\n border: 1px solid #d5dfe5;\n border-radius: 5px;\n\n font-family: inherit;\n font-size: 13px;\n font-weight: 650;\n }\n\n\n .driver-vehicle-file-input::file-selector-button:hover {\n background: #e5edf2;\n }\n\n\n /* =====================================================\n SELECTED FILE\n ====================================================== */\n\n .driver-vehicle-selected-file {\n display: flex;\n align-items: center;\n\n gap: 7px;\n\n margin-top: 10px;\n padding: 9px 10px;\n\n color: #486a54;\n background: #eff6f1;\n\n border: 1px solid #dceade;\n border-radius: 6px;\n\n font-size: 12.5px;\n font-weight: 600;\n line-height: 1.4;\n }\n\n\n .driver-vehicle-selected-file span {\n flex: 1;\n\n overflow: hidden;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n\n .driver-vehicle-selected-file button {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 27px;\n height: 27px;\n\n flex-shrink: 0;\n\n padding: 0;\n\n cursor: pointer;\n\n color: #765858;\n background: transparent;\n\n border: 0;\n border-radius: 5px;\n }\n\n\n .driver-vehicle-selected-file button:hover {\n background: rgba(118,88,88,.08);\n }\n\n\n /* =====================================================\n POPUP FOOTER\n ====================================================== */\n\n .driver-vehicle-popup-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n gap: 12px;\n\n padding: 12px 16px;\n\n background: #f7f9fa;\n\n border-top: 1px solid #e2e7eb;\n }\n\n\n .driver-vehicle-popup-footer-info {\n display: flex;\n align-items: center;\n\n gap: 6px;\n\n color: #71808b;\n\n font-size: 13px;\n line-height: 1.4;\n }\n\n\n .driver-vehicle-popup-footer-actions {\n display: flex;
1\n align-items: center;\n\n gap: 8px;\n }\n\n\n .driver-vehicle-cancel-button,\n .driver-vehicle-save-button,\n .driver-vehicle-delete-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n gap: 7px;\n\n height: 40px;\n\n padding: 0 15px;\n\n border-radius: 7px;\n\n font-family: inherit;\n font-size: 14px;\n font-weight: 650;\n\n white-space: nowrap;\n }\n\n\n .driver-vehicle-cancel-button {\n color: #596b78;\n background: #ffffff;\n\n border: 1px solid #d3dce3;\n }\n\n\n .driver-vehicle-cancel-button:hover,\n .driver-vehicle-cancel-button:focus {\n color: #4e606c;\n background: #f4f6f8;\n\n border-color: #c8d3da;\n }\n\n\n .driver-vehicle-save-button {\n color: #ffffff;\n background: #5b6f82;\n\n border: 1px solid #5b6f82;\n }\n\n\n .driver-vehicle-save-button:hover,\n .driver-vehicle-save-button:focus {\n color: #ffffff;\n background: #4f6274;\n\n border-color: #4f6274;\n }\n\n\n .driver-vehicle-delete-button {\n color: #ffffff;\n background: #a95a5a;\n\n border: 1px solid #a95a5a;\n }\n\n\n .driver-vehicle-delete-button:hover,\n .driver-vehicle-delete-button:focus {\n color: #ffffff;\n background: #964c4c;\n\n border-color: #964c4c;\n }\n\n\n /* =====================================================\n DELETE POPUP\n ====================================================== */\n\n .driver-vehicle-delete-popup {\n width: 100%;\n\n background: #ffffff;\n\n font-size: 14px;\n }\n\n\n .driver-vehicle-delete-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n gap: 10px;\n\n padding: 14px 16px;\n\n background: #fff8f0;\n\n border-bottom: 1px solid #eadfce;\n }\n\n\n .driver-vehicle-delete-heading {\n display: flex;\n align-items: center;\n\n gap: 10px;\n }\n\n\n .driver-vehicle-delete-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 41px;\n height: 41px;\n\n flex-shrink: 0;\n\n color: #a06b34;\n background: #ffeed7;\n\n border-radius: 50%;\n }\n\n\n .driver-vehicle-delete-heading h4 {\n margin: 0;\n\n color: #4b4035;\n\n font-size: 18px;\n font-weight: 700;\n line-height: 1.35;\n }\n\n\n .driver-vehicle-delete-heading p {\n margin: 3px 0 0;\n\n color: #8a7763;\n\n font-size: 13.5px;\n line-height: 1.4;\n }\n\n\n .driver-vehicle-delete-close {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 35px;\n height: 35px;\n\n flex-shrink: 0;\n\n padding: 0;\n\n cursor: pointer;\n\n color: #74675a;\n background: transparent;\n\n border: 0;\n border-radius: 6px;\n }\n\n\n .driver-vehicle-delete-close:hover {\n background: rgba(116,103,90,.08);\n }\n\n\n .driver-vehicle-delete-body {\n padding: 21px 18px;\n\n color: #56636c;\n\n font-size: 14px;\n line-height: 1.6;\n }\n\n\n .driver-vehicle-delete-footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n gap: 8px;\n\n padding: 12px 16px;\n\n background: #f8fafb;\n\n border-top: 1px solid #e3e8ec;\n }\n\n\n /* =====================================================\n DEVEXTREME COMMON\n ====================================================== */\n\n .driver-vehicle-page .dx-widget {\n font-family:\n "Segoe UI",\n -apple-system,\n BlinkMacSystemFont,\n "Helvetica Neue",\n Arial,\n sans-serif;\n }\n\n\n .driver-vehicle-page\n .dx-texteditor-input {\n font-family:\n "Segoe UI",\n -apple-system,\n BlinkMacSystemFont,\n "Helvetica Neue",\n Arial,\n sans-serif;\n }\n\n\n .dx-dropdownlist-popup-wrapper\n .dx-list-item-content {\n font-size: 14px;\n }\n\n\n /* =====================================================\n TABLET\n ====================================================== */\n\n @media (max-width: 991px) {\n\n .driver-vehicle-toolbar {\n align-items: stretch;\n flex-direction: column;\n }\n\n\n .driver-vehicle-toolbar-actions {\n justify-content: flex-end;\n }\n\n\n .driver-vehicle-form-body,\n .driver-vehicle-two-column-form,\n .driver-vehicle-image-editor,\n .driver-vehicle-image-body {\n grid-template-columns: 1fr;\n }\n\n\n .driver-vehicle-field-full {\n grid-column: auto;\n }\n\n }\n\n\n /* =====================================================\n MOBILE\n ====================================================== */\n\n @media (max-width: 767px) {\n\n .driver-vehicle-page {\n padding-bottom: 18px;\n\n font-size: 13.5px;\n }\n\n\n .driver-vehicle-header {\n align-items: flex-start;\n flex-direction: column;\n }\n\n\n .driver-vehicle-heading h4 {\n font-size: 17px;\n }\n\n\n .driver-vehicle-heading p {\n font-size: 13px;\n }\n\n\n .driver-vehicle-record-count {\n align-self: flex-start;\n\n font-size: 12.5px;\n }\n\n\n .driver-vehicle-toolbar-info {\n font-size: 13px;\n }\n\n\n .driver-vehicle-toolbar-actions {\n align-items: stretch;\n flex-direction: column;\n\n width: 100%;\n }\n\n\n .driver-vehicle-clear-button,\n .driver-vehicle-add-button {\n width: 100%;\n\n font-size: 13.5px;\n }\n\n\n .driver-vehicle-grid-wrapper {\n padding: 8px;\n }\n\n\n .driver-vehicle-grid,\n .driver-vehicle-grid\n .dx-data-row > td {\n font-size: 13.5px;\n }\n\n\n .driver-vehicle-grid\n .dx-datagrid-headers,\n .driver-vehicle-grid\n .dx-datagrid-text-content {\n font-size: 13.5px;\n }\n\n\n .driver-vehicle-name-content strong {\n font-size: 14px;\n }\n\n\n .driver-vehicle-name-content small {\n font-size: 12px;\n }\n\n\n .driver-vehicle-popup-heading h4 {\n font-size: 17px;\n }\n\n\n .driver-vehicle-popup-heading p {\n display: none;\n }\n\n\n .driver-vehicle-popup-body {\n padding: 12px;\n }\n\n\n .driver-vehicle-form-body,\n .driver-vehicle-two-column-form,\n .driver-vehicle-image-editor,\n .driver-vehicle-image-body {\n padding: 13px;\n }\n\n\n .driver-vehicle-form-section-header h5 {\n font-size: 14.5px;\n }\n\n\n .driver-vehicle-label {\n font-size: 13.5px;\n }\n\n\n .driver-vehicle-input\n .dx-texteditor-input,\n .driver-vehicle-textarea {\n font-size: 13.5px !important;\n }\n\n\n .driver-vehicle-popup-footer {\n align-items: stretch;\n flex-direction: column;\n }\n\n\n .driver-vehicle-popup-footer-info {\n display: none;\n }\n\n\n .driver-vehicle-popup-footer-actions,\n .driver-vehicle-delete-footer {\n width: 100%;\n\n flex-direction: column-reverse;\n }\n\n\n .driver-vehicle-cancel-button,\n .driver-vehicle-save-button,\n .driver-vehicle-delete-button {\n width: 100%;\n }\n\n }\n\n\n\n /* =====================================================\n COLORFUL PROFESSIONAL SHUTTLEQ THEME\n ====================================================== */\n\n .driver-vehicle-management-card {\n border-color: #d5e6e2;\n box-shadow: 0 3px 12px rgba(31,77,91,.08);\n }\n\n .driver-vehicle-header {\n padding: 14px 17px;\n background: linear-gradient(105deg, #1565c0 0%, #00897b 55%, #43a047 100%);\n border-bottom-color: rgba(0,0,0,.08);\n }\n\n .driver-vehicle-heading-icon {\n color: #fff;\n background: rgba(255,255,255,.15);\n border-color: rgba(255,255,255,.22);\n }\n\n .driver-vehicle-heading h3,\n .driver-vehicle-heading h4 {\n margin: 0;\n color: #fff;\n font-size: 20px;\n font-weight: 700;\n line-height: 1.25;\n }\n\n .driver-vehicle-heading p {\n margin-top: 3px;\n color: rgba(255,255,255,.88);\n }\n\n .driver-vehicle-record-count {\n color: #fff;\n background: rgba(255,255,255,.14);\n border-color: rgba(255,255,255,.22);\n }\n\n .driver-vehicle-toolbar {\n background: linear-gradient(90deg, #f7fbff 0%, #f3fbf8 100%);\n border-bottom-color: #d7e6e2;\n }\n\n .driver-vehicle-toolbar-info svg {\n color: #078f9a;\n }\n\n .driver-vehicle-add-button {\n color: #fff;\n background: linear-gradient(100deg, #1565c0, #00897b);\n border-color: #087f89;
1\n box-shadow: 0 2px 7px rgba(0,137,123,.12);\n }\n\n .driver-vehicle-add-button:hover,\n .driver-vehicle-add-button:focus {\n color: #fff;\n background: linear-gradient(100deg, #0e57aa, #00766c);\n border-color: #00766c;\n }\n\n .driver-vehicle-clear-button {\n color: #176b91;\n border-color: #c7dce5;\n }\n\n .driver-vehicle-clear-button:hover,\n .driver-vehicle-clear-button:focus {\n color: #0f5f80;\n background: #eef7fb;\n border-color: #acd0df;\n }\n\n .driver-vehicle-grid .dx-datagrid-headers {\n color: #31586a;\n background: linear-gradient(90deg, #edf7ff 0%, #eefaf6 100%);\n border-top: 2px solid #15958a;\n }\n\n .driver-vehicle-grid\n .dx-datagrid-headers\n .dx-datagrid-text-content {\n overflow: visible !important;\n color: #31586a;\n font-weight: 700;\n white-space: nowrap !important;\n text-overflow: clip !important;\n }\n\n .driver-vehicle-grid .dx-header-row > td {\n border-bottom-color: #d7e6e2;\n }\n\n .driver-vehicle-grid .dx-data-row:hover {\n background: #f0faf7;\n }\n\n .driver-vehicle-name-icon {\n color: #087f89;\n background: #e4f5f1;\n }\n\n .driver-vehicle-name-button,\n .driver-vehicle-name-content strong {\n color: #176b91;\n }\n\n .driver-vehicle-year {\n color: #176b91;\n background: #eaf5fb;\n border-color: #cce2ed;\n }\n\n .driver-vehicle-color {\n color: #087f89;\n background: #e9f8f4;\n border-color: #cce9e1;\n }\n\n .driver-vehicle-thumbnail {\n width: 74px;\n height: 48px;\n border-color: #cfe2dc;\n box-shadow: 0 2px 5px rgba(31,77,91,.08);\n }\n\n .driver-vehicle-no-image {\n min-width: 82px;\n min-height: 48px;\n color: #6b7f87;\n background: #f4f8f8;\n border-color: #d9e6e2;\n }\n\n .driver-vehicle-action.edit {\n color: #176b91;\n border-color: #c5dce5;\n }\n\n .driver-vehicle-action.edit:hover {\n color: #fff;\n background: #1769aa;\n border-color: #1769aa;\n }\n\n .driver-vehicle-action.delete {\n color: #b24f55;\n border-color: #e8c6c8;\n }\n\n .driver-vehicle-action.delete:hover {\n color: #fff;\n background: #c65359;\n border-color: #c65359;\n }\n\n .driver-vehicle-popup-header {\n background: linear-gradient(105deg, #1565c0 0%, #00897b 65%, #43a047 100%);\n border-bottom-color: rgba(0,0,0,.08);\n }\n\n .driver-vehicle-popup-heading-icon {\n color: #fff;\n background: rgba(255,255,255,.15);\n border-color: rgba(255,255,255,.22);\n }\n\n .driver-vehicle-popup-heading h4 {\n color: #fff;\n }\n\n .driver-vehicle-popup-heading p {\n color: rgba(255,255,255,.87);\n }\n\n .driver-vehicle-popup-close {\n color: #fff;\n background: rgba(255,255,255,.12);\n border-color: rgba(255,255,255,.20);\n }\n\n .driver-vehicle-popup-close:hover {\n color: #fff;\n background: rgba(255,255,255,.20);\n }\n\n .driver-vehicle-form-section {\n border-color: #d6e6e1;\n box-shadow: 0 1px 4px rgba(31,77,91,.04);\n }\n\n .driver-vehicle-form-section-header {\n background: linear-gradient(90deg, #edf7ff 0%, #eefaf6 100%);\n border-bottom-color: #d6e6e1;\n }\n\n .driver-vehicle-section-icon {\n color: #087f89;\n background: #dff4ef;\n }\n\n .driver-vehicle-form-section-header h5 {\n color: #176b91;\n }\n\n .driver-vehicle-input.dx-state-focused,\n .driver-vehicle-input .dx-state-focused,\n .driver-vehicle-textarea:focus {\n border-color: #15958a !important;\n box-shadow: 0 0 0 3px rgba(21,149,138,.10) !important;\n }\n\n .driver-vehicle-image-preview {\n border-color: #cfe2dc;\n background: linear-gradient(135deg, #f8fcff, #f3faf7);\n }\n\n .driver-vehicle-selected-file {\n color: #087f89;\n background: #e9f8f4;\n border-color: #cce9e1;\n }\n\n .driver-vehicle-save-button {\n color: #fff;\n background: linear-gradient(100deg, #1565c0, #00897b);\n border-color: #087f89;\n }\n\n .driver-vehicle-save-button:hover,\n .driver-vehicle-save-button:focus {\n color: #fff;\n background: linear-gradient(100deg, #0e57aa, #00766c);\n border-color: #00766c;\n }\n\n .driver-vehicle-delete-header {\n background: linear-gradient(90deg, #fff3f3 0%, #fff8f4 100%);\n }\n\n .driver-vehicle-delete-button {\n color: #fff;\n background: #c65359;\n border-color: #c65359;\n }\n\n .driver-vehicle-delete-button:hover,\n .driver-vehicle-delete-button:focus {\n color: #fff;\n background: #b8454b;\n border-color: #b8454b;\n }\n\n @media (max-width: 767px) {\n .driver-vehicle-heading h3,\n .driver-vehicle-heading h4 {\n font-size: 17px;\n }\n }\n\n\n '})]})};i.d(n,["default",0,B])}}]); 2//# sourceMappingURL=6004.a59015e6.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.