https://myrunway.co.za/_next/static/chunks/pages/account/orders/[orderNumber]/upload-pop-817b992f43141b04.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9712,918,577],{40918:function(e,t,r){"use strict";r.r(t);var n,a,s=r(67294);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}t.default=function(e){return s.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 80 80"},e),n||(n=s.createElement("path",{d:"M12.834 40c0 14.976 12.19 27.167 27.166 27.167S67.167 54.977 67.167 40c0-14.976-12.19-27.167-27.167-27.167-14.976 0-27.166 12.19-27.166 27.167m60 0c0 18.124-14.71 32.833-32.834 32.833-18.123 0-32.833-14.71-32.833-32.833C7.167 21.876 21.877 7.167 40 7.167c18.124 0 32.834 14.71 32.834 32.833"})),a||(a=s.createElement("path",{d:"M36.667 40v13.333h6.667V40h10L40 26.667 26.667 40z"})))}},56789:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/account/orders/[orderNumber]/upload-pop",function(){return r(60007)}])},58675:function(e,t,r){"use strict";r.d(t,{Z:function(){return p}});var n=r(85893),a=r(86010),s=r(45697),i=r.n(s),o=r(67294),c=r(68901),d=r(40918),l=r(92581),u=r(29717);let m=e=>{let{onChange:t,value:r,multiple:s,title:i,subtitle:m,isZone:p=!0,isButton:h=!0,buttonLabel:f="Choose a file",className:y}=e,[x,g]=(0,o.useState)(r||[]),[v,b]=(0,o.useState)(r||[]),_=(0,o.useCallback)(e=>{let r=[...e];g(r),t(r),k(e)},[]),{getRootProps:j,getInputProps:N,isDragActive:w,fileRejections:Z}=(0,c.uI)({onDrop:_,multiple:s,accept:"image/jpeg, image/png, .pdf",maxSize:4096e3});function k(e){b(e.map(e=>URL.createObjectURL(e)))}let P=e=>{let r=[...x];r.splice(e,1),g(r),t(r),k(x)};return(0,n.jsxs)("div",{className:y,children:[null==Z?void 0:Z.map(e=>e.errors.map(e=>(0,n.jsx)("div",{className:"text-error text-center pt-12",children:"file-too-large"===e.code?"File is larger than 4MB":e.message},e.code))),(0,n.jsxs)("div",{className:(0,a.Z)("flex flex-col items-center border-3 border-dashed transition-colors rounded-corners",{"border-success":w,"border-transparent":!w,"p-24":p}),...j(),children:[(0,n.jsx)("input",{...N()}),p&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(d.default,{className:(0,a.Z)("h-80 w-80 fill-current transition-colors ",{"text-success":w||x.length>0,"text-red2":!w})}),(i||m)&&(0,n.jsxs)("div",{className:"text-center",children:[i&&(0,n.jsx)("div",{className:"uppercase text-24 font-bold mt-30",children:i}),m&&(0,n.jsx)("div",{className:"font-body mt-24",children:m})]})]}),h&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(l.Z,{className:(0,a.Z)({"mt-40":p}),category:"secondary",children:f}),(0,n.jsx)("div",{className:"font-body text-main dark:text-white mt-12 self-start",children:"Max file size: 4MB"}),(0,n.jsx)("div",{className:"font-body text-main dark:text-white mt-4 self-start",children:"Supported formats: jpg, jpeg, png, pdf"})]})]}),x.map((e,t)=>(0,n.jsx)(u.Z,{onRemove:()=>P(e),dataPop:{can_be_changed:!1,file_name:e.name,is_uploaded:!0,thumbnail_url:v[t]}},t))]})};m.propTypes={className:i().string,onChange:i().func,multiple:i().bool,title:i().string,subtitle:i().string,isZone:i().bool,isButton:i().bool,buttonLabel:i().string};var p=m},29717:function(e,t,r){"use strict";r.d(t,{Z:function(){return f}});var n=r(82729),a=r(85893),s=r(86010),i=r(1271),o=r(45697),c=r.n(o),d=r(44836),l=r(43880),u=r(88974);function m(){let e=(0,n._)([""]);return m=function(){return e},e}let p=(0,i.Z)(m()),h=e=>{let{className:t,orderNumber:r,dataPop:n,onRemove:i,title:o}=e;return n&&n.is_uploaded?(0,a.jsxs)("div",{className:(0,s.Z)(p,t),children:[o&&(0,a.jsx)(u.Z,{className:"mb-24",children:o}),n&&(0,a.jsxs)("div",{className:"flex items-center",children:[(0,a.jsx)(d.Z,{className:"w-[38px] h-[50px] min-w-[38px] object-contain",src:n.thumbnail_url}),(0,a.jsxs)("div",{className:"relative max-w-full-48 ml-8 px-16 flex justify-between items-center bg-gray-200 dark:bg-main-darken py-16 flex-1",children:[(0,a.jsx)("div",{className:"max-w-full-70 overflow-hidden font-bold uppercase break-words",children:n.file_name}),r&&n.can_be_changed&&(0,a.jsx)(l.Z,{href:"/account/orders/".concat(r,"/upload-pop"),link:!0,children:"Replace"}),i&&(0,a.jsx)(l.Z,{onClick:i,link:!0,children:"Remove"})]})]})]}):null};h.propTypes={className:c().string,orderNumber:c().string,title:c().string,onRemove:c().func,dataPop:c().shape({can_be_changed:c().bool,file_name:c().string,is_uploaded:c().bool,thumbnail_url:c().string})};var f=h},33476:function(e,t,r){"use strict";r.d(t,{p:function(){return j},Z:function(){return N}});var n=r(82729),a=r(85893),s=r(86010),i=r(1271),o=r(45697),c=r.n(o),d=r(22476),l=r(29336),u=r(83821),m=r(88974),p=r(92581),h=r(12062),f=r(7877),y=r(28265);function x(){let e=(0,n._)(["\n  divide-y\n  divide-trueGray-200\n  bg-white\n  dark:bg-main\n  dark:divide-dark-divider\n"]);return x=function(){return e},e}let g=(0,i.Z)(x()),v=e=>{let{className:t,name:r,activeName:n,isLoggingOut:i,onLogout:o,balance:c}=e;return(0,a.jsxs)("div",{className:(0,s.Z)(g,t),"data-cy-id":"account-side-bar",children:[(0,a.jsxs)("div",{className:"text-17 font-bold uppercase pb-24 dark:text-white","data-cy-id":"title",children:[(0,a.jsxs)("span",{children:["Hello",r?", ":""]}),r&&(0,a.jsx)("span",{className:"text-runway",children:r})]}),(0,a.jsx)("div",{children:(0,a.jsx)(h.Z,{isActive:"info"===n,icon:"account-info",href:"/account/info",children:"My account info"})}),(0,a.jsx)("div",{children:(0,a.jsx)(h.Z,{isActive:"credit"===n,icon:"account-credit",href:"/account/credit",children:(0,a.jsx)(f.Z,{count:c}

1)})}),(0,a.jsx)("div",{children:(0,a.jsx)(h.Z,{isActive:"orders"===n,icon:"account-orders",href:"/account/orders",children:"My orders"})}),(0,a.jsx)("div",{children:(0,a.jsx)(h.Z,{isActive:"orders-track"===n,icon:"find_in_page",href:"/account/orders?track=1",children:"Track my Order"})}),(0,a.jsx)("div",{children:(0,a.jsx)(h.Z,{isActive:"cards"===n,icon:"account-cards",href:"/account/cards",children:"My cards"})}),(0,a.jsx)("div",{children:(0,a.jsx)(h.Z,{isActive:"addresses"===n,icon:"account-orders",href:"/account/addresses",children:"My addresses"})}),(0,a.jsx)("div",{children:(0,a.jsx)(h.Z,{isActive:"wishlist"===n,icon:"wishlist",href:"/account/wishlists",children:"My wishlists"})}),(0,a.jsx)("div",{children:(0,a.jsx)(h.Z,{isActive:"return"===n,icon:"account-return",href:"/account/returns",children:"My returns"})}),(0,a.jsx)("div",{children:(0,a.jsx)(h.Z,{isActive:"style"===n,icon:"style",href:"/account/style",children:"My Style"})}),(0,a.jsx)("div",{children:(0,a.jsx)(h.Z,{isActive:"help"===n,icon:"account-help",href:"/help",children:"Help centre"})}),(0,a.jsx)("div",{className:"py-24",children:(0,a.jsx)(y.Z,{})}),o&&(0,a.jsx)("div",{className:"pt-24",children:(0,a.jsx)(p.Z,{category:"tertiary","data-cy-id":"logout",loading:i,onClick:o,children:"Log out"})})]})};function b(){let e=(0,n._)(["\n  lg:py-40\n  lg:px-24\n"]);return b=function(){return e},e}v.propTypes={className:c().string,name:c().string,activeName:c().string,isLoggingOut:c().bool,onLogout:c().func,balance:c().number};let _=(0,i.Z)(b()),j=e=>{let{className:t,children:r,title:n="Loading...",userName:i="Guest",activeName:o,isLoggingOut:c,onLogout:d,isChildrenPadding:l=!0,isButtonBack:p=!0,backTo:h,balance:f}=e;return(0,a.jsx)("div",{className:(0,s.Z)(_,t),"data-cy-id":"account-menu",children:(0,a.jsxs)("div",{className:(0,s.Z)("max-w-1000 w-full mx-auto flex items-start lg:space-x-24",{"xl:space-x-80":r}),children:[(0,a.jsx)(v,{activeName:o,isLoggingOut:c,onLogout:d,className:(0,s.Z)("flex-1 sticky top-40",{"w-375 min-w-375 max-w-375 hidden lg:block lg:p-24":r,"p-24":!r}),name:i,balance:f}),r&&(0,a.jsxs)("div",{className:"flex-1 max-w-full lg:max-w-601 xl:max-w-545","data-cy-id":"menu",children:[(0,a.jsxs)("div",{className:"mb-8 py-16 px-24 bg-white dark:bg-main hidden lg:flex",children:[p&&(0,a.jsx)(u.Z,{isPadding:!1,className:"pr-14",href:h}),(0,a.jsx)(m.Z,{"data-cy-id":"account-title",className:"flex-1 truncate",children:n})]}),(0,a.jsx)("div",{className:(0,s.Z)("relative bg-white dark:bg-main",{"p-24":l}),children:r})]})]})})};function N(e){let{data:t}=(0,d.U)(),{data:r}=(0,l.sC)();return(0,a.jsx)(j,{userName:t&&t.firstName,balance:r&&r.creditAmount,...e})}j.propTypes={className:c().string,backTo:c().string,title:c().string,userName:c().string,activeName:c().string,isLoggingOut:c().bool,isChildrenPadding:c().bool,isButtonBack:c().bool,onLogout:c().func}},17336:function(e,t,r){"use strict";r.d(t,{Z:function(){return n.Z}});var n=r(33476)},76758:function(e,t,r){"use strict";r.d(t,{A:function(){return f},y:function(){return h}});var n=r(11163),a=r(17563),s=r(92618),i=r.n(s),o=r(36492),c=r(48228),d=r(85945),l=r(29769),u=r(84797),m=r(37418),p=r(17696);function h(e,t){let{query:r,replace:s}=(0,n.useRouter)(),{isAuthenticated:d}=(0,p.d)(),u={page:r.page||"1",limit:r.limit||"5",date:r.date},h=(0,a.stringify)(u),f=(0,o.a)(["orders",h],async()=>(0,l.Z)("".concat("https://api.myrunway.co.za/v1","/order-list?").concat(h)).then(e=>({totalCount:Number.parseInt(e.totalCount),data:e.data.map(e=>y(e))})),{keepPreviousData:!0,enabled:d,...t}),{data:x}=(0,o.a)(["orders-dates"],async()=>(0,l.Z)("".concat("https://api.myrunway.co.za/v1","/order-dates")),t),g=(0,c.D)(e=>{s({query:{...u,...e}})},{onSuccess:()=>{e&&i()(e,{ease:"inOutExpo"})},onError:m.q});return{...f,...u,dataDates:x,updateQuery:g.mutateAsync}}function f(e,t){let{push:r}=(0,n.useRouter)(),a=(0,d.NL)(),{isAuthenticated:s}=(0,p.d)(),{data:i}=(0,o.a)(["order",e],async()=>(0,l.Z)("".concat("https://api.myrunway.co.za/v1","/order/").concat(e)).then(e=>y(e)),{...t,enabled:!!e&&s}),u=(0,c.D)(e=>(0,l.Z)("".concat("https://api.myrunway.co.za/v1","/order-cancel"),{method:"post",body:JSON.stringify({order_number:e})}).then(async()=>{await a.invalidateQueries(["order",e])}),{onError:m.q}),h=(0,c.D)(e=>(0,l.Z)("".concat("https://api.myrunway.co.za/v1","/order/change-delivery-address"),{method:"put",body:JSON.stringify({order_number:e.order_number,address_hash:e.address_hash})}).then(async()=>{r("/account/orders/".concat(e.order_number))}),{onSuccess:()=>{(0,m.w)("Address updated")},onError:m.q}),f=(0,c.D)(e=>(0,l.Z)("".concat("https://api.myrunway.co.za/v1","/order/payment-proof/upload"),{method:"post",body:e}),{onSuccess:()=>{r("/account/orders/".concat(e,"/upload-pop-success"))},onError:m.q});return{data:i,cancelOrder:u.mutateAsync,uploadPoP:f.mutateAsync,updateAddress:h.mutateAsync}}function y(e){return{...e,created_at:(0,u.p)(e.created_at,"dd mmm (ddd) yyyy"),order_number:e.order_number.value,estimated_delivery:{date_from:(0,u.p)(e.estimated_delivery.date_from,"dd mmm (ddd)"),date_to:(0,u.p)(e.estimated_delivery.date_to,"dd mmm (ddd) yyyy"),delivery:[e.estimated_delivery.working_days_from||2,e.estimated_delivery.working_days_to||5],estimated_delivery_string:e.estimated_delivery.estimated_delivery_string},order_items:e.order_items.map(e=>({sku:e.sku,simple_sku:e.simple_sku,name:e.product_name,brand_name:e.brand_name,size_name:e.size_name,image_url:e.image_url,qty:e.qty,dtd:e.dtd,retail_price:e.product_original_price,selling_price:e.product_current_price,total_cost:e.total_cost,url_params:e.url_params})),status:{description:e.status.description,value:e.status.value,label:e.status.label}}}},60007:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSP:function(){return Z},default:function(){return k}});var n=r(85893),a=r(11163),s=r(17696),i=r(67035),o=r(78375),c=r(45697),d=r.

1n(c),l=r(76758),u=r(82729),m=r(86010),p=r(1271),h=r(80044),f=r(92581),y=r(43880),x=r(58675),g=r(29717);function v(){let e=(0,u._)(["\n  divide-y\n  divide-trueGray-200\n"]);return v=function(){return e},e}let b=(0,p.Z)(v()),_=e=>{let{className:t,onSubmit:r,orderNumber:a,dataPop:s}=e,i=s&&s.is_uploaded;async function o(e){let t=[...e.files][0].name,n=new FormData;n.append("order_number",a),n.append("payment_proof",e.files[0],t),n.append("Accept","application/json"),await r(n)}return(0,n.jsx)(h.J9,{onSubmit:o,initialValues:{files:[]},children:e=>{let{setFieldValue:r,values:o,isSubmitting:c}=e;return(0,n.jsxs)(h.l0,{className:(0,m.Z)(b,t),children:[(0,n.jsx)(x.Z,{className:"pb-16",onChange:e=>r("files",e),multiple:!1,subtitle:"for order #".concat(a),title:"".concat(i?"Replace":"Upload"," proof of payment")}),(0,n.jsx)(g.Z,{title:"Uploaded PoP",className:"py-24",dataPop:s}),(0,n.jsxs)("div",{className:"pt-16",children:[(0,n.jsx)(f.Z,{loading:c,size:"large",disabled:0===o.files.length,Tag:"button",className:"fixed z-50 bottom-0 left-0 lg:relative lg:z-auto",type:"submit",children:"Upload"}),(0,n.jsx)("div",{className:"text-center py-16",children:(0,n.jsx)(y.Z,{href:"/account/orders",link:!0,children:"Back to my orders"})})]})]})}})};_.propTypes={className:d().string,onSubmit:d().func,orderNumber:d().string,dataPop:d().shape({can_be_changed:d().bool,file_name:d().string,is_uploaded:d().bool,thumbnail_url:d().string})};var j=r(17336);let N=e=>{let{orderNumber:t,dataPop:r,onSubmit:a}=e;return(0,n.jsx)(j.Z,{title:"Proof of Payment",activeName:"orders",children:(0,n.jsx)(_,{orderNumber:t,dataPop:r,onSubmit:a})})};function w(){let{query:e}=(0,a.useRouter)(),{data:t,uploadPoP:r}=(0,l.A)(e.orderNumber);return(0,n.jsx)(N,{orderNumber:e.orderNumber,dataPop:t&&t.pop,onSubmit:r})}N.propTypes={orderNumber:d().string,dataPop:d().object,onSubmit:d().func};var Z=!0,k=()=>{(0,s.d)({redirectTo:"/login"});let{query:e}=(0,a.useRouter)();return(0,n.jsxs)(i.Z,{backProps:{fallback:"/account/orders/".concat(e.orderNumber)},isCart:!1,isMobileFooter:!1,isDesktopGray:!0,title:"Proof Of Payment",isFixedDesktop:!1,children:[(0,n.jsx)(w,{}),(0,n.jsx)(o.Aq,{title:"Upload Proof Of Payment",description:"\nWelcome to the MyRunway Upload Proof of Payment page - your secure portal for hassle-free transaction verification. At MyRunway, we understand the importance of transparency, and this feature is designed to make your shopping experience seamless and trustworthy.\n\nEmbrace the simplicity of uploading your proof of payment, ensuring a smooth and efficient verification process. Our user-friendly platform allows you to submit the necessary documentation with just a few clicks, providing you with peace of mind as you await the arrival of your latest fashion treasures.\n\nMyRunway is committed to keeping your transactions secure and transparent. Join our exclusive community and stay connected through email, the MyRunway app, and our social media platforms. Receive timely updates on the status of your payment verification and exclusive promotions, making MyRunway your go-to destination for secure and stylish transactions.\n\n#MyRunway #ProofOfPayment #SecureTransactions #Fashion #TrustworthyShopping\n",image:"/images/seo/my-orders.jpg"})]})}}},function(e){e.O(0,[44,757,9483,958,3461,1928,8901,4411,323,911,1388,7035,2888,9774,179],function(){return e(e.s=56789)}),_N_E=e.O()}]);