1import{e,r as t,a as r}from"./react-vendor-690ef4bc.js";import{f as l,P as s}from"./icons-142e3e49.js";import{E as a}from"./editicon-8a697f27.js";import{O as c}from"./index-d3072779.js";import"./utils-b81ec68d.js";import"./mui-core-0fc19580.js";const i=({className:s,routeId:i,...d})=>{const x=e(),u=i||x.routeId,[p,g]=t.useState(null);return t.useEffect(()=>{if(u){(async()=>{g({status:"In progress",orderCount:4})})()}},[u]),u?r.createElement("div",{className:"bg-basic-colors-white rounded-2xl border-solid border-grey-colors-grey-200 border pr-6 pl-6 h-[936px] relative overflow-hidden "+s},r.createElement("div",{className:"p-6 flex flex-col gap-6 items-start justify-start w-[590px] absolute left-0 top-0"},r.createElement("div",{className:"flex flex-row gap-2 items-center justify-start shrink-0 relative"},r.createElement("div",{className:"bg-grey-colors-grey-100 rounded-lg pt-1 pr-2 pb-1 pl-2 flex flex-row gap-2.5 items-center justify-center shrink-0 relative"},r.createElement("div",{className:"text-grey-colors-grey-500 text-left font-text-xs-regular"},"Routes")),r.createElement("div",{className:"text-basic-colors-black text-left font-text-xs-medium"},"/"),r.createElement("div",{className:"bg-grey-colors-grey-100 rounded-lg pt-1 pr-2 pb-1 pl-2 flex flex-row gap-2.5 items-center justify-center shrink-0 relative"},r.createElement("div",{className:"text-basic-colors-black text-left font-text-xs-regular"},"Route details"))),r.createElement("div",{className:"flex flex-row items-center justify-between self-stretch shrink-0 h-10 relative"},r.createElement("div",{className:"flex flex-row gap-4 items-center justify-start shrink-0 relative"},r.createElement("div",{className:"flex flex-row gap-3 items-center justify-start shrink-0 relative"},r.createElement(l,null),r.createElement("div",{className:"text-basic-colors-black text-left font-h1-font"},"Route #",u)),p&&r.createElement(n,{status:p.status})),r.createElement(a,null)),r.createElement("div",{className:"flex flex-col gap-2.5 items-start justify-start self-stretch shrink-0 relative"},r.createElement("div",{className:"bg-grey-colors-grey-100 rounded-[50px] p-1 flex flex-row gap-0 items-center justify-start self-stretch shrink-0 h-10 relative"},r.createElement(o,{active:!0},"Orders"),r.createElement(o,null,"Route timeline"))),p&&r.createElement("div",{className:"flex flex-row items-center justify-between shrink-0 w-[542px] relative"},r.createElement("div",{className:"flex flex-row gap-3 items-center justify-start shrink-0 relative"},r.createElement("div",{className:"text-[#000000] text-left font-text-md-semibold"},"Orders"),r.createElement(m,null),r.createElement("div",{className:"flex flex-row gap-1.5 items-center justify-start shrink-0 relative"},r.createElement("div",{className:"text-green-colors-green text-left font-text-sm-semibold"},p.orderCount),r.createElement("div",{className:"text-grey-colors-grey-500 text-left font-text-sm-regular"},"Total orders"))),r.createElement(f,null)),r.createElement("div",{className:"flex flex-col gap-4 w-full"},r.createElement("div",{className:"flex flex-row gap-4"},r.createElement(c,null),r.createElement(c,null)),r.createElement("div",{className:"flex flex-row gap-4"},r.createElement(c,null),r.createElement(c,null))))):r.createElement("div",null,"Route ID not specified")},n=({status:e})=>r.createElement("div",{className:"bg-blue-colors-blue-8 rounded-[50px] border-solid border-blue-colors-blue-16 border pt-1 pr-2 pb-1 pl-2 flex flex-row gap-1.5 items-center justify-center shrink-0 relative"},r.createElement("div",{className:"text-blue-colors-blue text-left font-['Inter-Medium',_sans-serif] text-xs font-medium"},e)),o=({children:e,active:t=!1})=>r.createElement("div",{className:"rounded-[50px] p-spacing-1 flex flex-row gap-tabs-item-spacing items-center justify-center self-stretch flex-1 relative "+(t?"bg-basic-colors-white shadow-[0px_2px_6px_0px_rgba(0,0,0,0.04)]":"")},r.createElement("div",{className:"text-left font-text-sm-medium "+(t?"text-green-colors-green":"text-grey-colors-grey-500")},e)),m=()=>r.createElement("div",{className:"border-solid border-grey-colors-grey-200 border-t border-r-[0] border-b-[0] border-l-[0] shrink-0 w-6 h-0 relative",style:{marginTop:"-1px",transformOrigin:"0 0",transform:"rotate(90deg) scale(1, 1)"}}),f=()=>r.createElement("div",{className:"flex flex-row gap-2 items-center justify-center shrink-0 relative overflow-hidden"},r.createElement(s,null),r.createElement("div",{className:"text-green-colors-green text-center font-text-sm-medium"},"Add order to route"));export{i as RouteTracking};
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.