1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1114,8649],{785:(e,t,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/order-track",function(){return i(41208)}])},978:(e,t,i)=>{"use strict";var r=i(29563);t.A=void 0;var n=r(i(94471)),a=i(37876);t.A=(0,n.default)((0,a.jsx)("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"}),"Search")},13145:(e,t,i)=>{"use strict";i.d(t,{A:()=>y});var r=i(40670),n=i(44501),a=i(14232),s=i(29440),o=i(45879),d=i(4697),l=i(93725),x=i(2407),c=i(14379),p=i(14248),h=i(37876);let m=["className","component","disableGutters","fixed","maxWidth","classes"],f=(0,p.A)(),g=(0,c.A)("div",{name:"MuiContainer",slot:"Root",overridesResolver:(e,t)=>{let{ownerState:i}=e;return[t.root,t[`maxWidth${(0,l.A)(String(i.maxWidth))}`],i.fixed&&t.fixed,i.disableGutters&&t.disableGutters]}}),u=e=>(0,x.A)({props:e,name:"MuiContainer",defaultTheme:f});var A=i(78257),j=i(44407),b=i(97802);let y=function(e={}){let{createStyledComponent:t=g,useThemeProps:i=u,componentName:x="MuiContainer"}=e,c=t(({theme:e,ownerState:t})=>(0,n.A)({width:"100%",marginLeft:"auto",boxSizing:"border-box",marginRight:"auto",display:"block"},!t.disableGutters&&{paddingLeft:e.spacing(2),paddingRight:e.spacing(2),[e.breakpoints.up("sm")]:{paddingLeft:e.spacing(3),paddingRight:e.spacing(3)}}),({theme:e,ownerState:t})=>t.fixed&&Object.keys(e.breakpoints.values).reduce((t,i)=>{let r=e.breakpoints.values[i];return 0!==r&&(t[e.breakpoints.up(i)]={maxWidth:`${r}${e.breakpoints.unit}`}),t},{}),({theme:e,ownerState:t})=>(0,n.A)({},"xs"===t.maxWidth&&{[e.breakpoints.up("xs")]:{maxWidth:Math.max(e.breakpoints.values.xs,444)}},t.maxWidth&&"xs"!==t.maxWidth&&{[e.breakpoints.up(t.maxWidth)]:{maxWidth:`${e.breakpoints.values[t.maxWidth]}${e.breakpoints.unit}`}}));return a.forwardRef(function(e,t){let a=i(e),{className:p,component:f="div",disableGutters:g=!1,fixed:u=!1,maxWidth:A="lg"}=a,j=(0,r.A)(a,m),b=(0,n.A)({},a,{component:f,disableGutters:g,fixed:u,maxWidth:A}),y=((e,t)=>{let{classes:i,fixed:r,disableGutters:n,maxWidth:a}=e,s={root:["root",a&&`maxWidth${(0,l.A)(String(a))}`,r&&"fixed",n&&"disableGutters"]};return(0,d.A)(s,e=>(0,o.Ay)(t,e),i)})(b,x);return(0,h.jsx)(c,(0,n.A)({as:f,ownerState:b,className:(0,s.A)(y.root,p),ref:t},j))})}({createStyledComponent:(0,j.Ay)("div",{name:"MuiContainer",slot:"Root",overridesResolver:(e,t)=>{let{ownerState:i}=e;return[t.root,t[`maxWidth${(0,A.A)(String(i.maxWidth))}`],i.fixed&&t.fixed,i.disableGutters&&t.disableGutters]}}),useThemeProps:e=>(0,b.b)({props:e,name:"MuiContainer"})})},41208:(e,t,i)=>{"use strict";i.r(t),i.d(t,{__N_SSP:()=>Z,default:()=>ee});var r=i(37876),n=i(14232),a=i(89099),s=i(35831),o=i(65648),d=i(17808),l=i(12992),x=i(42922),c=i(72636),p=i(13224),h=i(76252),m=i(978),f=i(13145),g=i(78163),u=i(73532),A=i(18042),j=i(61452),b=i(72831);let y=h.A.h1` 2 font-size: 25px; 3 color: #000; 4 margin-top: 43.8px; 5 6 ${(0,p.B)("mobile")} { 7 margin-top: 24px; 8 font-size: 20px; 9 justify-content: center; 10 align-items: center; 11 display: flex; 12 } 13`,w=(0,h.A)(f.A)` 14 max-width: 918px !important; 15 width: 100%; 16 height: 100%; 17 padding: 1.5rem; 18`,k=(0,h.A)(g.A)` 19 border-radius: 6px; 20 border: 1px solid #000; 21 box-shadow: none; 22 max-width: 538px; 23 width: 100%; 24 height: 49px; 25 margin-bottom: 20px; 26 background-color: #f8f8f8; 27 28 ${(0,p.B)("mobile")} { 29 max-width: 391px; 30 max-height: 44px; 31 } 32`,v=(0,h.A)(u.Ay)` 33 boxshadow: none; 34 fontsize: 15px; 35 fontfamily: OutFitMedium; 36 color: #b5b5b5; 37 max-width: 382px; 38 width: 100%; 39`,C=(0,h.A)(A.A)` 40 max-width: 156px; 41 max-height: 49px; 42 width: 100%; 43 height: 100%; 44 background-color: #000; 45 border-radius: 0 6px 6px 0; 46 :hover { 47 background-color: #000; 48 } 49 50 ${(0,p.B)("mobile")} { 51 max-width: 94px; 52 max-height: 44px; 53 } 54`,S=(0,h.A)(m.A)` 55 color: #a1a1a1; 56`;h.A.p` 57 font-size: 16px; 58 font-weight: 500; 59 color: #a1a1a1; 60`;let z=(0,h.A)(d.A)` 61 margin-top: 51px; 62 margin-bottom: 60.5px; 63`,N=h.A.p` 64 font-size: 12px; 65`;h.A.p` 66 margin-top: 29px; 67 margin-bottom: 29px; 68 font-size: 14px; 69 font-weight: 900; 70 color: #080808; 71`,(0,h.A)(j.A)` 72 box-shadow: none; 73`,(0,h.A)(b.A)` 74 height: 59px; 75 font-size: 16px; 76 font-weight: 500; 77`,h.A.p` 78 font-size: 16px; 79 font-weight: 600; 80 color: #080808; 81`,(0,h.A)(A.A)` 82 max-width: 344px; 83 width: 100%; 84 height: 56px; 85 padding: 18px 21px 17px; 86 border-radius: 1px; 87 border: solid 2px #121212; 88 background-color: #fff; 89 margin-top: 5px; 90 font-size: 16px; 91 font-weight: bold; 92 color: #151515; 93`,h.A.hr` 94 width: 450px; 95 border: 1px solid #f9f4f4; 96`;var I=i(58704),_=i(63676),W=i(56557),M=i.n(W),$=i(86649),D=i(60420);let R=h.A.p` 97 font-size: 16px; 98 font-weight: bold; 99 margin-bottom: 0px; 100`;h.A.p` 101 font-size: 16px; 102 font-weight: 800; 103 margin-bottom: 0; 104`;let B=h.A.p` 105 font-weight: 600; 106 text-align: center; 107`;function G({orderStatus:e}){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(D.A,{direction:"row",justifyContent:"center",alignItems:"baseline",spacing:3,children:(0,r.jsx)(R,{children:e.displayDate})}),(0,r.jsx)(l.Ay,{item:!0,children:(0,r.jsx)(B,{children:e.displayMessage&&(0,$.Ay)(e.displayMessage)})})]})}let L=(0,h.A)(f.A)` 108 max-width: 918px !important; 109 width: 100%; 110 border-radius: 6px; 111 border: solid 1px #e7d1ff !important; 112 padding: 0px !important; 113 margin-bottom: 60px; 114`,E=(0,h.A)(l.Ay)` 115 max-width: 917px; 116 width: 100%; 117 height: 66px; 118 background-color: #e7d1ff; 119`,F=h.A.p` 120 font-size: 20px; 121 font-weight: bold; 122 color: #000000; 123`,T=h.A.p` 124 font-size: 20px; 125 font-weight: bold; 126 color: #000; 127 text-align: center; 128 padding: 10px 20px; 129 width: 100%; 130`,O=(0,h.A)(l.Ay)` 131 max-height: 66px; 132 background-color: #f7f0ff; 133`,P=h.A.div` 134 margin: 0.5rem; 135 padding: 0.5rem; 136 border: #979797 1px solid; 137`,Y=(0,h.A)(l.Ay)` 138 border-right: solid 2px #f7f0ff; 139`,X=(0,h.A)(l.Ay)` 140 overflow-wrap: break-word; 141`;h.A.div` 142 padding-left: 2rem; 143`;var q=i(24144),K=i(91394);function H({boxDetail:e,statusTimeline:t}){let{t:i}=(0,s.Bd)(),a=({productDetail:e})=>
143{let[t,i]=(0,n.useState)(e&&e.productImages?e.productImages[0].img350Src:q.Y.icon),a=e.brand?.brandName+" "+e.prodName+" "+e.size,[s,o]=(0,n.useState)(a);return(0,r.jsx)("img",{src:t,width:75,height:75,alt:s,onError:()=>{(0,K.b)(i,o)}})};return(0,r.jsx)(L,{children:(0,r.jsx)(l.Ay,{container:!0,direction:"row",justifyContent:"center",alignItems:"center",children:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(E,{item:!0,xs:12,sm:12,md:12,lg:12,display:"flex",justifyContent:"center",children:(0,r.jsx)(F,{children:i("arr529")})}),e?.items&&(0,r.jsx)(l.Ay,{item:!0,xs:12,sm:12,md:12,lg:12,display:"flex",margin:"1rem 1.5rem",flexWrap:"wrap",children:e.items.map((e,t)=>(0,r.jsx)(P,{children:(0,r.jsx)(a,{productDetail:e})},t))}),(0,r.jsxs)(l.Ay,{container:!0,children:[(0,r.jsxs)(Y,{item:!0,xs:12,md:4,lg:4,children:[(0,r.jsx)(O,{item:!0,display:"flex",justifyContent:"center",children:(0,r.jsx)(F,{children:i("arr530")})}),(0,r.jsx)(X,{item:!0,display:"flex",justifyContent:"center",children:(0,r.jsx)(T,{children:e?.trackingInfo?.trackingNumber&&e.trackingInfo.trackingLink?(0,r.jsx)("a",{style:{textDecoration:"underline"},href:e.trackingInfo.trackingLink,target:"_blank",rel:"noreferrer",children:e?.trackingInfo?.trackingNumber}):e?.trackingInfo?.trackingNumber??"N/A"})}),e?.isTrackingInfo&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(O,{item:!0,display:"flex",justifyContent:"center",children:(0,r.jsx)(F,{children:i("arr531")})}),(0,r.jsx)(X,{item:!0,display:"flex",justifyContent:"center",children:(0,r.jsx)(T,{children:e?.dispatchDate?M()(e?.dispatchDate.split("/").reverse().join("/")).format("MMM DD, YYYY"):"N/A"})}),(0,r.jsx)(O,{item:!0,display:"flex",justifyContent:"center",children:(0,r.jsx)(F,{children:i("arr532")})}),(0,r.jsx)(X,{item:!0,display:"flex",justifyContent:"center",children:(0,r.jsx)(T,{children:e?.trackingInfo?.courierName??"N/A"})}),(0,r.jsx)(O,{item:!0,display:"flex",justifyContent:"center",children:(0,r.jsx)(F,{children:i("arr533")})}),(0,r.jsx)(X,{item:!0,display:"flex",justifyContent:"center",children:(0,r.jsx)(T,{children:e?.status??"N/A"})})]})]}),(0,r.jsxs)(l.Ay,{item:!0,xs:12,md:8,lg:8,children:[(0,r.jsx)(O,{item:!0,display:"flex",justifyContent:"center",children:(0,r.jsx)(F,{children:i("arr534")})}),(0,r.jsx)(l.Ay,{item:!0,display:"flex",justifyContent:"center",children:(0,r.jsx)(f.A,{children:t?.map((e,t)=>(0,r.jsx)(l.Ay,{sx:{borderBottom:"#e7d1ff solid 2px",borderRadius:"0px"},item:!0,children:(0,r.jsx)(G,{orderStatus:e})},t))})})]})]})]})})})}var J=i(75146),Q=i(96988),U=i(98145);let V=()=>{let{t:e}=(0,s.Bd)(),[t,i]=(0,n.useState)(""),[p,h]=(0,n.useState)(!1),[m,f]=(0,n.useState)(),g=(0,a.useRouter)(),{soid:u,orderNo:A}=g.query;async function j(e){e?(h(!0),await c.oo.get({region:Q.A.getState().region,soId:e}).then(e=>{f({...e})}).catch(e=>{console.error("Get Shipment by SOID error ",e),f(void 0)}),h(!1)):f(void 0)}return(0,U.A)(),(0,n.useEffect)(()=>{let e=u??A??"";i(e),j(e)},[u,A]),(0,r.jsxs)(_.A,{title:e("arr238"),children:[(0,r.jsx)(y,{children:e("arr4")}),(0,r.jsxs)(w,{children:[(0,r.jsx)(l.Ay,{display:"flex",justifyContent:"center",alignItems:"center",children:(0,r.jsxs)(k,{sx:{p:"0px 0px 0px 10px",display:"flex",alignItems:"center"},children:[(0,r.jsx)(x.A,{sx:{p:"0px"},"aria-label":"menu",children:(0,r.jsx)(S,{fontSize:"large"})}),(0,r.jsx)(v,{sx:{ml:1,flex:1},placeholder:e("arr299"),inputProps:{"aria-label":"Search keyword here"},value:t,onChange:e=>i(e.target.value)}),(0,r.jsx)(C,{onClick:()=>g.replace({pathname:location.pathname,query:{soid:t}}),children:e("arr46")})]})}),p?(0,r.jsx)("div",{style:{textAlign:"center"},children:(0,r.jsx)(o.A,{size:50,sx:{color:"#aaa"}})}):m?.boxes?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(z,{}),m.boxes?.length==0?(0,r.jsx)(H,{boxDetail:void 0,statusTimeline:m.timeLine}):m.boxes?.map((e,t)=>(0,r.jsx)(H,{boxDetail:e,statusTimeline:e.timeLine},t)),(0,r.jsx)(l.Ay,{item:!0,display:"flex",justifyContent:"end",alignItems:"end",children:(0,r.jsx)(N,{children:e("arr525")})}),(0,r.jsx)(d.A,{})]}):!!u&&(0,r.jsx)(J.A,{})]})]})};V.layout=I.A;var Z=!0;let ee=V},58704:(e,t,i)=>{"use strict";i.d(t,{A:()=>p});var r=i(37876),n=i(76252),a=i(82598);let s=n.A.main` 144 max-width: ${a.vX.default}px; 145 margin: 0 auto; 146 padding: 0 ${a.pK}px; 147 padding-bottom: 4rem; 148`;var o=i(99496),d=i(25784),l=i(65602),x=i(24379),c=i(8119);let p=({children:e})=>(0,r.jsx)(o.A,{children:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(d.A,{}),(0,r.jsx)(c.A,{}),(0,r.jsx)(l.A,{}),(0,r.jsx)(s,{children:e}),(0,r.jsx)(x.A,{})]})})},75146:(e,t,i)=>{"use strict";i.d(t,{A:()=>x});var r=i(37876),n=i(35831),a=i(13224),s=i(76252),o=i(32937);let d=(0,s.A)(o.A)` 149 margin: 0 auto; 150 max-width: 50%; 151 height: 421px; 152 border-radius: 10px; 153 border: solid 1px #ebebeb; 154 background-color: #fff; 155 display: flex; 156 flex-direction: column; 157 align-items: center; 158 justify-content: center; 159 160 ${(0,a.B)("mobile")} { 161 max-width: unset; 162 } 163`,l=s.A.p` 164 color: #a1a1a1; 165 margin-top: 11px; 166`,x=e=>{let{t}=(0,n.Bd)();return(0,r.jsxs)(d,{sx:e.sx,children:[(0,r.jsx)("img",{src:"https://a.cdnsbn.com/images/dash-circle-icon.svg",alt:"Dash circle icon",width:48,height:48}),(0,r.jsx)(l,{children:t("arr472")})]})}}},e=>{e.O(0,[6822,413,9214,9174,2992,5682,6469,8119,7639,636,6593,8792],()=>e(e.s=785)),_N_E=e.O()}]);
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.