https://www.matcotools.com/_next/static/chunks/pages/account/order-details/[...order]-9624e35c22703c8a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6726],{67903:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return N},default:function(){return k}});var r=n(59499),i=n(36864),o=n(16523),l=n(9008),s=n.n(l),a=n(11163),c=n(39233),d=n(22834),u=n(45704),v=n(61590),m=n(13037),p=n(41664),f=n.n(p),x=n(58848),h=n(85893);function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var y=function(e){var t,n,r,i,l,s,p,b,y,g,w,O,N=e.accountMenu,k=e.user,P=e.orderId,I=null===k||void 0===k?void 0:k.id,C=(0,a.useRouter)().push,T=(0,o.useRendererContext)().gqlClient,L=(0,m.useGetMyOrderQuery)(T,{orderId:P},{onError:function(){return C("/account/my-orders")}}),M=L.data,S=L.isLoading,D=null===M||void 0===M||null===(t=M.getMyOrder)||void 0===t?void 0:t.order,E=null===M||void 0===M||null===(n=M.getMyOrder)||void 0===n||null===(r=n.order)||void 0===r?void 0:r.shippingAddress,_=null===M||void 0===M||null===(i=M.getMyOrder)||void 0===i||null===(l=i.order)||void 0===l?void 0:l.billingAddress,A=null===M||void 0===M||null===(s=M.getMyOrder)||void 0===s||null===(p=s.order)||void 0===p?void 0:p.shippingMethod,Z=null===M||void 0===M||null===(b=M.getMyOrder)||void 0===b||null===(y=b.order)||void 0===y?void 0:y.totalPrice,R=null===M||void 0===M||null===(g=M.getMyOrder)||void 0===g||null===(w=g.order)||void 0===w||null===(O=w.payments[0])||void 0===O?void 0:O.cardDetails,U=(0,x.Fj)(null===R||void 0===R?void 0:R.cardType)+(null===R||void 0===R?void 0:R.cardNumberLast4Digits),B={price:Z,cardHolder:null===R||void 0===R?void 0:R.cardName,cardNumber:U,expirationDate:"".concat(null===R||void 0===R?void 0:R.expMonth,"/").concat(null===R||void 0===R?void 0:R.expYear)};return I&&!S&&D?(0,h.jsxs)("div",{className:"w-full pb-8 lg:pb-14",children:[(0,h.jsx)(d.z,{lastCrumbTitle:"My Orders"}),(0,h.jsxs)("div",{className:"flex w-full",children:[(0,h.jsx)(u.B,{menuItems:N,type:"account"}),(0,h.jsxs)("div",{className:"w-full lg:ml-8 lg:grow",children:[(0,h.jsx)("div",{className:"flex items-center justify-between",children:(0,h.jsx)(f(),{className:"hover:cursor-pointer",href:"/account/my-orders",passHref:!0,children:(0,h.jsxs)("div",{className:"flex items-center gap-2.5 text-base  text-blackHole hover:cursor-pointer",children:[(0,h.jsx)(v.Z,{})," Back"]})})}),(0,h.jsxs)("div",{className:"grid-col-1 grid gap-6 py-6 md:gap-8 md:py-8",children:[(0,h.jsx)("div",{children:(0,h.jsx)(x.ai,{})}),D&&(0,h.jsx)(x.Vo,j({},D))||null]}),(0,h.jsxs)("div",{className:"grid grid-cols-1 gap-8 md:grid-cols-3",children:[(0,h.jsx)(x.Gb,{type:"address",title:"Shipping Addresss",info:E}),(0,h.jsx)(x.Gb,{type:"address",title:"Billing Addresss",info:_}),(0,h.jsx)(x.Gb,{type:"shipping",title:"Shipping Method",info:A}),(null===R||void 0===R?void 0:R.cardType)&&(null===R||void 0===R?void 0:R.cardNumberLast4Digits)&&(0,h.jsx)("div",{className:"col-span-full",children:(0,h.jsx)(x.Gb,{type:"payment",info:B,title:"Payment Method"})})]})]})]})]}):(0,h.jsx)("div",{className:"flex h-full w-full items-center justify-center",children:(0,h.jsx)(c.$,{})})},g=n(68038);function w(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=!0,k=function(e){var t,n,r,l,a,c,d,u,v=(0,i.Z)({},e.cmsPageData),m=e.myAccountMenu,p=e.orderId;return(0,h.jsxs)("div",{className:"flex min-h-screen flex-col justify-between",children:[(0,h.jsxs)(s(),{children:[(0,h.jsx)("title",{children:null===v||void 0===v||null===(t=v.meta)||void 0===t||null===(n=t.seo)||void 0===n?void 0:n.metaTitle}),(0,h.jsx)("meta",{property:"og:title",content:null===v||void 0===v||null===(r=v.meta)||void 0===r||null===(l=r.seo)||void 0===l?void 0:l.opengraphTitle}),(0,h.jsx)("meta",{name:"description",content:null===v||void 0===v||null===(a=v.meta)||void 0===a||null===(c=a.seo)||void 0===c?void 0:c.metaDescription},"titleDescription"),(0,h.jsx)("meta",{name:"keywords",content:null===v||void 0===v||null===(d=v.meta)||void 0===d||null===(u=d.seo)||void 0===u?void 0:u.metaKeywords},"titleKeywords")]}),v&&(0,h.jsx)(o.Renderer,O(O({},v),{},{children:(0,h.jsx)(g.T,{children:(0,h.jsx)(y,{accountMenu:m,orderId:p})})}))]})}},68038:function(e,t,n){"use strict";n.d(t,{T:function(){return l}});var r=n(16523),i=n(11163),o=n(67294),l=function(e){var t=e.children,n=(0,r.useRendererContext)().gqlClient,l=(0,i.useRouter)(),s=l.push,a=(0,r.useUserPersonalDetailsInformation)(n),c=a.customer,d=a.isLoading,u=a.isStudent,v=a.isInstructor,m=a.verificationPending,p=!(null===c||void 0===c||!c.id);return(0,o.useEffect)((function(){d||p||s("/account/signin?redirectURL=".concat(l.asPath))}),[d,c,s,p]),(0,o.cloneElement)(t,{user:c,isStudent:u,isInstructor:v,isLoading:d,verificationPending:m})}},22834:function(e,t,n){"use strict";n.d(t,{z:function(){return l}});var r=n(11163),i=n(38124),o=n(85893),l=function(e){var t,n,l=e.lastCrumbTitle,s=e.firstCrumb,a=void 0===s?"My Account":s,c=e.firstCrumbHref,d=void 0===c?"/account/profile/dashboard":c,u=(0,r.useRouter)().route,v=(null===u||void 0===u||null===(t=u.split("/"))||void 0===t||null===(n=t.splice(-1))||void 0===n?void 0:n[0])||"";return(0,o.jsxs)("div",{className:"flex items-end py-3 sm:py-7.5",children:[(0,o.jsx)(i.$,{text:a,href:d,isLast:!1}),l&&(0,o.jsx)(i.$,{text:l,href:v,isClickable:!1,isLast:!0})]})}},45704:function(e,t,n){"use strict";n.d(t,{B:function(){return b}});var r,i=n(6512),o=n(11355),l=n(86010),s=n(11163),a=n(67294),c=n(16523),d=n(43291),u=n(45791),v=["title","titleId"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(null,arguments)}var p=function(e){var t=e.title,n=e.titleId,i=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(e,v);return a.createElement("svg",m({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor","aria-labelledby":n},i),t?a.createElement("title",{id:n},t):null,r||(r=a.createElement("path",{d:"m13 17 5-5-5-5M6 17l5-5-5-5",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})))},f=n(99223),x=n(85893),h=function(e){var t,n,r,v=e.item,m=e.alternativeLink,p=e.onCLick,h=(0,s.useRouter)().route,b=(0,c.useRendererContext)().gqlClient,j=(0,c.useUserPersonalDetailsInformation)(b),y=j.isInstructor,g=j.isStudent,w=m||h,O=w===(null===v||void 0===v?void 0:v.menuItemUrl),N=(0,a.useMemo)((function(){var e,t;return null===v||void 0===v||!v.menuItemUrl||null!==v&&void 0!==v&&null!==(e=v.myAccountSubNavigation)&&void 0!==e&&e.length?null===v||void 0===v||null===(t=v.myAccountSubNavigation)||void 0===t?void 0:t.some((function(e){return m?(null===e||void 0===e?void 0:e.link)===m:h.includes(null===e||void 0===e?void 0:e.link)})):h.includes(v.menuItemUrl)}),[v,h,m]);return null!==(t=v.myAccountSubNavigation)&&void 0!==t&&t.length?(r=v,(0,x.jsx)(i.p,{defaultOpen:N,children:function(e){var t,n=e.open;return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsxs)(i.p.Button,{"data-testid":"item-with-children",className:"flex w-full items-center justify-between gap-4 p-4 text-2xl font-bold text-black",children:[(0,x.jsx)("span",{children:r.menuItemText}),(0,x.jsx)("span",{children:n?(0,x.jsx)(d.Z,{viewBox:"-4 0 12 6",

1width:24,height:12,className:"rotate-180 stroke-black"}):(0,x.jsx)(d.Z,{width:24,height:12,viewBox:"0 -2 12 6",className:"stroke-black"})})]}),(0,x.jsx)(o.u,{show:n,enter:"transition duration-100 ease-out",enterFrom:"transform scale-95 opacity-0",enterTo:"transform scale-100 opacity-100",leave:"transition duration-75 ease-out",leaveFrom:"transform scale-100 opacity-100",leaveTo:"transform scale-95 opacity-0",children:(0,x.jsx)(i.p.Panel,{children:null===r||void 0===r||null===(t=r.myAccountSubNavigation)||void 0===t?void 0:t.map((function(e){var t=e.text,n=e.link,r=void 0===n?"":n,i=e.openInNewTab,o=e.userVisibility,s=void 0===o?[]:o,a=e.hiddenUsers,c=void 0===a?[]:a;return(0,f.Q)(s,c,!!g,!!y)?(0,x.jsx)("button",{type:"button",className:"w-full text-left",onClick:p,children:(0,x.jsx)(u.x,{href:r,ariaLabel:t,openInNewTab:i,children:(0,x.jsx)("div",{className:(0,l.Z)('px-3 py-4 pl-6 text-tiny before:mr-3 before:text-black before:content-["\u25e6"]',{"bg-blue-100":r===w,"cursor-pointer":r!==w}),children:t})},t)}):null}))})})]})}})):(n=v).menuItemUrl?(0,x.jsx)("button",{type:"button",className:"w-full text-left",onClick:p,children:(0,x.jsx)(u.x,{href:n.menuItemUrl,onClick:p,ariaLabel:v.menuItemText,children:(0,x.jsx)("div",{className:(0,l.Z)("p-4 text-2xl font-bold text-black",{"bg-blue-100":O}),children:v.menuItemText})})}):(0,x.jsx)("div",{className:(0,l.Z)("p-4 text-2xl font-bold text-black",{"bg-blue-100":O}),children:n.menuItemText})},b=function(e){var t=e.menuItems,n=e.defaultValue,r=e.type,i=(0,a.useState)(!1),s=i[0],d=i[1],u=(0,c.useLogout)().onLogout,v=function(){return d(!s)},m=(0,x.jsxs)("div",{className:"min-w-[275px] shrink-0 basis-[300px] lg:block",children:[t.map((function(e,t){return(0,x.jsx)(h,{item:e,alternativeLink:n,onCLick:v},e.menuItemText+t)})),"account"===r&&(0,x.jsx)("button",{type:"button",className:"w-full p-4 text-left text-2xl font-bold text-black",onClick:u,children:"Logout"})]});return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsxs)("div",{className:"fixed right-0 z-50 flex h-[100vh] md:hidden",children:["side-menu"===r&&(0,x.jsx)("button",{className:"z-10 h-fit rounded-l-lg bg-grey-500 py-6 px-2",type:"button",onClick:v,children:s?(0,x.jsx)(p,{className:"stroke-white"}):(0,x.jsx)(p,{className:"rotate-180 stroke-white"})}),(0,x.jsx)("div",{className:(0,l.Z)("border-1 border-grey-500 bg-white",{"w-[80vw]":s}),children:(0,x.jsx)(o.u,{show:s,enter:"transition-opacity duration-75",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"transition-opacity duration-150",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:m})})]}),(0,x.jsx)("div",{className:"hidden md:block",children:m})]})}},31559:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/account/order-details/[...order]",function(){return n(67903)}])}},function(e){e.O(0,[3842,4148,2107,5374,2172,1224,1557,9178,9041,8692,4199,4194,9922,5397,7467,1988,9774,2888,179],(function(){return t=31559,e(e.s=t);var t}));var t=e.O();_N_E=t}]);