https://qiedoodle.com/_next/static/chunks/pages/billing-4362c59939c26d92.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6921],{2665:(e,t,n)=>{"use strict";n.d(t,{Tr:()=>l});var s=n(37876),r=n(99407),a=n(89461),i=n(56044);let l=(0,a.R)((e,t)=>{let n=(0,r.k)();return(0,s.jsx)(i.B.tr,{...e,ref:t,__css:n.tr})})},17523:(e,t,n)=>{"use strict";n.d(t,{E:()=>c});var s=n(37876),r=n(29530),a=n(75255),i=n(89461),l=n(66394),o=n(56044);let c=(0,i.R)(function(e,t){let n=(0,l.V)("Badge",e),{className:i,...c}=(0,r.M)(e);return(0,s.jsx)(o.B.span,{ref:t,className:(0,a.cx)("chakra-badge",e.className),...c,__css:{display:"inline-block",whiteSpace:"nowrap",verticalAlign:"middle",...n}})});c.displayName="Badge"},43043:(e,t,n)=>{"use strict";n.d(t,{N:()=>l});var s=n(37876),r=n(99407),a=n(89461),i=n(56044);let l=(0,a.R)((e,t)=>{let n=(0,r.k)();return(0,s.jsx)(i.B.tbody,{...e,ref:t,__css:n.tbody})})},46909:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>z});var s=n(37876),r=n(8047),a=n(10553),i=n(35816),l=n(89099),o=n.n(l),c=n(14232),d=n(77328),h=n.n(d),u=n(68106),x=n(83089),j=n(2932),f=n(76060),p=n(2140),b=n(41533),g=n(17523),m=n(91921),T=n(39955),_=n(99407),E=n(63973),y=n(2665),k=n(64435),v=n(43043),w=n(48230),B=n.n(w),S=n(15673),A=n(91040);let N=()=>{let{address:e}=(0,r.F)(),[t,n]=(0,c.useState)([]),[a,i]=(0,c.useState)(!1);return(0,c.useEffect)(()=>{let t=setInterval(()=>{e?A.A.get("https://api.qiedoodle.com/api/v1/user/"+e.toLowerCase()+"/balance-history").then(e=>{n(e.data.data.history)}).catch(()=>{n([])}).finally(()=>{i(!a)}):i(!a)},1e4);return()=>clearInterval(t)},[a]),(0,c.useEffect)(()=>{e&&A.A.get("https://api.qiedoodle.com/api/v1/user/"+e.toLowerCase()+"/balance-history").then(e=>{n(e.data.data.history)}).catch(()=>{n([])})},[e]),(0,s.jsxs)(S.t,{children:[(0,s.jsx)(m.E,{fontSize:[22,28],fontWeight:"bold",mb:"4",children:"Balance History"}),(0,s.jsxs)(T.a,{overflowX:"auto",children:[(0,s.jsxs)(_.X,{variant:"simple",children:[(0,s.jsx)(E.d,{children:(0,s.jsxs)(y.Tr,{children:[(0,s.jsx)(k.Td,{fontWeight:"bold",color:"#807E7B",fontSize:13,children:"Time"}),(0,s.jsx)(k.Td,{fontWeight:"bold",color:"#807E7B",fontSize:13,textAlign:"center",children:"Type"}),(0,s.jsx)(k.Td,{fontWeight:"bold",color:"#807E7B",fontSize:13,textAlign:"center",children:"Amount"}),(0,s.jsx)(k.Td,{fontWeight:"bold",color:"#807E7B",fontSize:13,textAlign:"center",children:"Transaction"})]})}),(0,s.jsx)(v.N,{fontWeight:"bold",children:t.map(function(e,t){return(0,s.jsxs)(y.Tr,{children:[(0,s.jsx)(k.Td,{fontSize:[12,14],children:e.timestamp}),(0,s.jsx)(k.Td,{textAlign:"center",children:(e=>{let t=e.toLowerCase().includes("deposit")||e.toLowerCase().includes("top");return(0,s.jsx)(g.E,{bg:t?"rgba(238, 51, 121, 0.12)":"rgba(231, 77, 49, 0.1)",color:t?"#b8265e":"#E74D31",px:2,py:.5,borderRadius:"full",fontSize:11,fontWeight:"bold",children:e})})(e.type)}),(0,s.jsxs)(k.Td,{textAlign:"center",children:[Math.abs(e.amount)," QIE"]}),null!==e.transactionHash?(0,s.jsx)(k.Td,{textAlign:"center",children:(0,s.jsx)(B(),{href:"https://mainnet.qie.digital/tx/"+e.transactionHash,target:"_blank",children:(0,s.jsx)(m.E,{fontFamily:"monospace",fontSize:12,color:"#4282D3",_hover:{textDecoration:"underline"},children:e.transactionHash.substring(0,8)+"..."+e.transactionHash.substring(e.transactionHash.length-6)})})}):(0,s.jsx)(k.Td,{textAlign:"center",color:"#807E7B",children:"—"})]},t)})})]}),0===t.length&&(0,s.jsx)(T.a,{textAlign:"center",py:10,children:(0,s.jsx)(m.E,{color:"#807E7B",fontSize:16,children:"No transactions yet."})})]})]})},z=()=>{let{address:e}=(0,r.F)(),{data:t,status:n}=(0,a.useSession)();async function l(){await o().push("/")}return(0,c.useEffect)(()=>{"authenticated"===n?e&&t&&(0,i.setAuthTokens)({accessToken:t.user.name,refreshToken:t.user.name}).then():"unauthenticated"===n&&(0,i.clearAuthTokens)().then()},[n,t,e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(h(),{children:(0,s.jsx)("title",{children:"Billing | QIE Doodle"})}),(0,s.jsx)(j.Y,{}),(0,s.jsxs)(u.m,{pt:["50px","200px"],pb:["10px","200px"],children:[(0,s.jsx)(p.q,{children:(0,s.jsx)(b.Q,{})}),(0,s.jsx)(N,{}),(0,s.jsx)(f.q,{onClick:l,children:"Exit"})]}),(0,s.jsx)(x.w,{})]})}},63973:(e,t,n)=>{"use strict";n.d(t,{d:()=>l});var s=n(37876),r=n(99407),a=n(89461),i=n(56044);let l=(0,a.R)((e,t)=>{let n=(0,r.k)();return(0,s.jsx)(i.B.thead,{...e,ref:t,__css:n.thead})})},64435:(e,t,n)=>{"use strict";n.d(t,{Td:()=>l});var s=n(37876),r=n(99407),a=n(89461),i=n(56044);let l=(0,a.R)(({isNumeric:e,...t},n)=>{let a=(0,r.k)();return(0,s.jsx)(i.B.td,{...t,ref:n,__css:a.td,"data-is-numeric":e})})}

1,71972:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/billing",function(){return n(46909)}])},99407:(e,t,n)=>{"use strict";n.d(t,{X:()=>u,k:()=>h});var s=n(37876),r=n(29530),a=n(16229),i=n(75255),l=n(89461),o=n(66394),c=n(56044);let[d,h]=(0,a.q)({name:"TableStylesContext",errorMessage:"useTableStyles returned is 'undefined'. Seems you forgot to wrap the components in \"<Table />\" "}),u=(0,l.R)((e,t)=>{let n=(0,o.o)("Table",e),{className:a,layout:l,...h}=(0,r.M)(e);return(0,s.jsx)(d,{value:n,children:(0,s.jsx)(c.B.table,{ref:t,__css:{tableLayout:l,...n.table},className:(0,i.cx)("chakra-table",a),...h})})});u.displayName="Table"}},e=>{e.O(0,[2909,8318,1040,470,7957,4895,636,6593,8792],()=>e(e.s=71972)),_N_E=e.O()}]);