https://cdn.shapermint.com/ssr/v8.51.4/_next/static/chunks/pages/account/service-records-cd47a4113a2d22c1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2870],{92132:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/account/service-records",function(){return t(68275)}])},68275:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSP:function(){return nc},default:function(){return nx}});var i=t(85893),r=t(67294),o=t(17e3),l=t(60814),s=t(16770),a=t(55240),u=t(38780);let d=n=>{if(n)return"Something went wrong. Please try again later."},c={open:{message:"We got your reply! Our team will get back to you soon.",color:"#2F806A"},new:{message:"We got your request! Our team will get back to you soon.",color:"#0A609B"},pending:{message:"We’ve sent you a reply. Check your email with your Ticket ID below.",color:"#0A609B"},closed:{message:"We’ve completed your request. Some updates may take a few hours to fully reflect in our system or on your records. If you feel this is not correct, please reply to the email we sent you with your Ticket ID below.",color:"#C64844"}},x=n=>{var e,t;return null!==(t=null===(e=n.match(/Order Number:\s*(#[\w-]+)/))||void 0===e?void 0:e[1])&&void 0!==t?t:"N/A"},f=n=>{if(!n||"string"!=typeof n||""===n.trim())return"N/A";let e=new Date(n);if(isNaN(e.getTime()))return"N/A";try{return e.toLocaleDateString("en-US")}catch(n){return"N/A"}};var h=t(82729),p=t(26601);function g(){let n=(0,h._)(["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  background: #fafafa;\n  border-radius: 8px;\n  border: 1px solid #e5e5e5;\n  padding: 18px;\n"]);return g=function(){return n},n}function m(){let n=(0,h._)(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n  border-bottom: 1px solid #e5e5e5;\n  padding-bottom: 16px;\n  @media (max-width: 768px) {\n    flex-direction: column-reverse;\n    align-items: flex-start;\n    gap: 16px;\n  }\n"]);return m=function(){return n},n}function v(){let n=(0,h._)([""]);return v=function(){return n},n}function w(){let n=(0,h._)([""]);return w=function(){return n},n}function j(){let n=(0,h._)(["\n  font-size: 20px;\n  font-weight: 600;\n  line-height: 28px;\n"]);return j=function(){return n},n}function y(){let n=(0,h._)([""]);return y=function(){return n},n}function _(){let n=(0,h._)(["\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 24px;\n"]);return _=function(){return n},n}function b(){let n=(0,h._)([""]);return b=function(){return n},n}function k(){let n=(0,h._)(["\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 16px;\n  text-transform: uppercase;\n  background-color: ",";\n  color: #fff;\n  border-radius: 8px;\n  padding: 8px;\n"]);return k=function(){return n},n}function Z(){let n=(0,h._)(["\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 16px;\n\n  @media (max-width: 768px) {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 8px;\n  }\n"]);return Z=function(){return n},n}function N(){let n=(0,h._)(["\n  display: flex;\n  gap: 4px;\n"]);return N=function(){return n},n}function T(){let n=(0,h._)(["\n  display: flex;\n  gap: 4px;\n"]);return T=function(){return n},n}function C(){let n=(0,h._)(["\n  display: flex;\n  gap: 4px;\n"]);return C=function(){return n},n}let S=p.Z.div(g()),A=p.Z.div(m()),z=p.Z.div(v()),D=p.Z.div(w()),O=(0,p.Z)(l.x)(j()),P=p.Z.div(y()),E=(0,p.Z)(l.x)(_()),I=p.Z.div(b()),B=(0,p.Z)(l.x)(k(),n=>{let{bgcolor:e}=n;return e||"#0A609B"}),W=p.Z.div(Z()),U=p.Z.div(N()),q=p.Z.div(T()),R=p.Z.div(C()),F=n=>{var e,t;let{status:r="",orderNumber:o="",ticketNumber:s=0,orderDate:a="",statusColor:u={},subject:d=""}=n;return(0,i.jsxs)(S,{children:[(0,i.jsxs)(A,{children:[(0,i.jsxs)(z,{children:[(0,i.jsx)(D,{children:(0,i.jsx)(O,{variant:"body",weight:"demi",children:d})}),(0,i.jsx)(P,{children:(0,i.jsx)(E,{variant:"body",weight:"regular",children:null===(e=c[r])||void 0===e?void 0:e.message})})]}),(0,i.jsx)(I,{children:(0,i.jsx)(B,{variant:"body",weight:"demi",bgcolor:(null===(t=u[r])||void 0===t?void 0:t.color)||c[r].color,children:r})})]}),(0,i.jsxs)(W,{children:[(0,i.jsxs)(U,{children:[(0,i.jsx)(l.x,{variant:"body",weight:"demi",size:"small",color:"#686872",children:"Order Number:"}),(0,i.jsx)(l.x,{variant:"body",weight:"demi",size:"small",children:o})]}),(0,i.jsxs)(q,{children:[(0,i.jsx)(l.x,{variant:"body",weight:"demi",size:"small",color:"#686872",children:"Ticket ID:"}),(0,i.jsx)(l.x,{variant:"body",weight:"demi",size:"small",children:s})]}),(0,i.jsxs)(R,{children:[(0,i.jsx)(l.x,{variant:"body",weight:"demi",size:"small",color:"#686872",children:"Created Date:"}),(0,i.jsx)(l.x,{variant:"body",weight:"demi",size:"small",children:f(a)})]})]})]})};var M=t(91769);function X(){let n=(0,h._)(["\n  display: flex;\n  gap: 16px;\n  margin-bottom: 22px;\n  align-items: center;

1\n  cursor: pointer;\n"]);return X=function(){return n},n}function J(){let n=(0,h._)(["\n  cursor: pointer;\n"]);return J=function(){return n},n}function K(){let n=(0,h._)(["\n  width: 24px;\n  height: 24px;\n  @media (max-width: 768px) {\n    width: 22px;\n    height: 22px;\n  }\n"]);return K=function(){return n},n}function L(){let n=(0,h._)(["\n  & > div > div {\n    @media (max-width: 768px) {\n      padding: 0;\n    }\n  }\n\n  & > div > div > div {\n    font-size: 20px;\n    font-weight: 600;\n    line-height: 28px;\n\n    @media (max-width: 768px) {\n      font-size: 18px;\n      padding: 0;\n    }\n  }\n"]);return L=function(){return n},n}function Y(){let n=(0,h._)(["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin-top: 32px;\n\n  @media (max-width: 768px) {\n    margin-top: 24px;\n  }\n"]);return Y=function(){return n},n}function G(){let n=(0,h._)([""]);return G=function(){return n},n}function H(){let n=(0,h._)(["\n    height: 160px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n"]);return H=function(){return n},n}let Q=p.Z.div(X()),V=p.Z.span(J()),$=(0,p.Z)(M.J)(K()),nn=p.Z.div(L()),ne=p.Z.div(Y()),nt=p.Z.div(G()),ni=p.Z.div(H()),nr=n=>{let{email:e,statusColor:t,localePrefix:c,pageTitle:f="Service records"}=n,[h,p]=(0,r.useState)([]),[g,m]=(0,r.useState)([]),{isSuccess:v,isError:w,isLoading:j,isFetching:y,error:_}=(0,o.a)(["ticket-records",e],async()=>await u.b.getUserTickets(),{enabled:!!e,onSuccess:n=>{let e=n.filter(n=>n.tags.some(n=>n.includes("myacct"))).sort((n,e)=>new Date(e.created_at).getTime()-new Date(n.created_at).getTime()),t=e.filter(n=>"solved"!==n.status&&"closed"!==n.status),i=e.filter(n=>"solved"===n.status||"closed"===n.status);p(t),m(i)}});return w?(0,i.jsx)(l.x,{variant:"heading5",children:d(_)}):j||y?(0,i.jsx)(a.Od,{height:"400px",width:"100%"}):v?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(Q,{children:[(0,i.jsx)(V,{onClick:()=>{window.location.assign("".concat(c,"/account/home"))},children:(0,i.jsx)($,{name:"arrows/chevron_left"})}),(0,i.jsx)(l.x,{variant:"heading3",weight:"demi",children:f})]}),(0,i.jsx)(nn,{children:(0,i.jsx)(s.Z,{backgroundColor:"#fff",tabsMaxWidth:"15rem",initialSelected:"Active tickets",fixedBorderColor:"#000",tabs:[{title:"Active tickets",content:(0,i.jsxs)(ne,{children:[0===h.length&&(0,i.jsx)(ni,{children:(0,i.jsx)(l.x,{variant:"heading3",weight:"demi",children:"No active tickets"})}),h.length>0&&h.map((n,e)=>{var r,o,l,s,a,u;return(0,i.jsx)(nt,{children:(0,i.jsx)(F,{status:null!==(r=n.status)&&void 0!==r?r:"",orderNumber:null!==(l=x(null!==(o=n.description)&&void 0!==o?o:""))&&void 0!==l?l:"",ticketNumber:null!==(s=n.id)&&void 0!==s?s:0,orderDate:null!==(a=n.created_at)&&void 0!==a?a:"",statusColor:t,subject:null!==(u=n.subject)&&void 0!==u?u:""})},e)})]})},{title:"Past tickets",content:(0,i.jsxs)(ne,{children:[0===g.length&&(0,i.jsx)(ni,{children:(0,i.jsx)(l.x,{variant:"heading3",weight:"demi",children:"No past tickets"})}),g.length>0&&g.map((n,e)=>{var r,o,l,s,a;return(0,i.jsx)(nt,{children:(0,i.jsx)(F,{status:"closed",orderNumber:null!==(o=x(null!==(r=n.description)&&void 0!==r?r:""))&&void 0!==o?o:"",ticketNumber:null!==(l=n.id)&&void 0!==l?l:0,orderDate:null!==(s=n.created_at)&&void 0!==s?s:"",statusColor:t,subject:null!==(a=n.subject)&&void 0!==a?a:""})},e)})]})}]})})]}):void 0};var no=t(11163),nl=t(57742),ns=t(87027),na=t(61867),nu=t(20243);let nd=()=>{let{email:n}=(0,ns.q3)(),{locale:e}=(0,no.useRouter)(),{localePrefix:t}=(0,na.Cm)(e),{translate:r,TRANSLATION_KEYS:o}=(0,nu.T)();return(0,i.jsx)(nl.Z,{children:(0,i.jsx)(nr,{email:null!=n?n:"",localePrefix:t,pageTitle:r(o.ACCOUNT.SIDEBAR_MY_SUPPORT_TICKETS)})})};var nc=!0,nx=()=>(0,i.jsx)(nd,{})}},function(n){n.O(0,[2647,38,2888,9774,179],function(){return n(n.s=92132)}),_N_E=n.O()}]);