1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[10197],{75238:function(t,i,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/studio/billing",function(){return e(98191)}])},73764:function(t,i,e){"use strict";e.d(i,{Z:function(){return v}});var n=e(85893),l=e(67294),r=e(41664),o=e.n(r),a=e(11163),s=e(35480),d=e(20931),c=e(31978),h=e(87251);let u={account:d.P2.STUDIO_ACCOUNT,notifications:d.P2.NOTIFICATIONS_SETTINGS,billing:d.P2.STUDIO_BILLING},p=["account","notifications","billing"],b=s.ZP.div.withConfig({componentId:"sc-93eb865b-0"})(["display:flex;flex-wrap:wrap;gap:16px;"]),x=(0,s.ZP)(o()).withConfig({componentId:"sc-93eb865b-1"})(["display:flex;align-items:center;justify-content:center;min-width:64px;padding:8px 9px;border-radius:12px;border:1px solid rgba(146,146,146,0.25);box-shadow:",";background:",";color:var(--custom-white);font-size:12px;font-weight:500;transition:background 0.2s ease;cursor:pointer;text-decoration:none;@media (hover:hover){&:hover{background:rgba(255,255,255,0.1);}}"],t=>{let{$active:i}=t;return i?"0 0 15px rgba(255, 255, 255, 0.1)":"none"},t=>{let{$active:i}=t;return i?"rgba(255, 255, 255, 0.1)":"transparent"}),g=t=>{let i=(0,c.NB)(t);return i===d.P2.NOTIFICATIONS_SETTINGS?"notifications":i===d.P2.STUDIO_BILLING?"billing":"account"};var f=()=>{let t=(0,a.useRouter)(),i=(0,h.Z)("studio.sidebars.account"),e=l.useMemo(()=>g(t.pathname),[t.pathname]),r={account:i.accountSettings,notifications:i.notificationsSettings,billing:i.billingSettings};return(0,n.jsx)(b,{children:p.map(t=>(0,n.jsx)(x,{href:u[t],$active:e===t,children:r[t]},t))})},v=t=>{let{children:i}=t;return(0,n.jsxs)("div",{className:"flex h-full w-full flex-col gap-8 pb-6",children:[(0,n.jsx)(f,{}),i]})}},25622:function(t,i,e){"use strict";e.r(i);var n=e(85893),l=e(67294),r=e(33443),o=e(30381),a=e.n(o),s=e(64749),d=e(25617),c=e(87251),h=e(35480),u=e(82821),p=e(46933),b=e(76979);let x=h.ZP.div.withConfig({componentId:"sc-eefbb09d-0"})(["width:100%;@media (max-width:830px){width:100%;overflow-x:auto;}"]),g=h.ZP.table.withConfig({componentId:"sc-eefbb09d-1"})(['width:100%;border-collapse:collapse;border-spacing:0;thead th{background-color:var(--shade);color:var(--text-shade-2);font-weight:500;font-size:12px;line-height:18px;text-align:left;padding:20px 32px;white-space:nowrap;}thead th:last-child{text-align:right;}[dir="rtl"] & thead th{text-align:right;}[dir="rtl"] & thead th:last-child{text-align:left;}tbody tr{border-bottom:1px solid rgba(51,65,85,0.5);}tbody tr:last-child{border-bottom:none;}tbody td{padding:30px 32px;font-weight:500;font-size:14px;line-height:21px;color:var(--custom-white);vertical-align:middle;}tbody td:last-child{text-align:right;}[dir="rtl"] & tbody td:last-child{text-align:left;}']),f=h.ZP.button.withConfig({componentId:"sc-eefbb09d-2"})(["display:inline-flex;align-items:center;gap:8px;background:var(--eerie-black);color:var(--ph-color);border-radius:8px;padding:8px 16px;font-size:12px;font-weight:500;line-height:18px;transition:opacity 0.2s ease;&:hover:not(:disabled){opacity:0.85;}&:disabled{cursor:not-allowed;opacity:0.6;}"]);i.default=()=>{var t;let i=(0,c.Z)("billing"),e=(0,d.v9)(t=>{var i;return null==t?void 0:null===(i=t.Auth)||void 0===i?void 0:i.user}),[o,h]=l.useState({billingHistory:!0,fetchTransactionReceipt:!1}),{getBillingHistory:v,geTransactionReceipt:m}=(0,r.Z)(),[w,j]=l.useState([]),y=async()=>{h({...o,billingHistory:!0});try{let{data:t}=await v();j(t)}catch(t){}finally{h({...o,billingHistory:!1})}};l.useEffect(()=>{y()},[null==e?void 0:null===(t=e.subscription)||void 0===t?void 0:t.is_subscribed]);let _=async t=>{if(o.fetchTransactionReceipt!==t){(0,b.j)("download_receipt",{cta_type:"secondary",button_text:i.billingHistory.table.receipt}),h({...o,fetchTransactionReceipt:t});try{let{data:i}=await m(t);window.open(null==i?void 0:i.receipt_url,"_blank")}catch(t){}finally{h({...o,fetchTransactionReceipt:!1})}}};return(0,n.jsxs)("section",{className:"grid gap-4",children:[(0,n.jsx)("h2",{className:"heading-5 text-ph-color",children:i.billingHistory.title}),(0,n.jsx)("div",{className:"bg-[rgba(255,255,255,0.03)] rounded-[24px] overflow-hidden shadow-[0px_25px_50px_-12px_rgba(0,0,0,0.25)]",children:(0,n.jsx)(x,{className:"hiddenScrollBar",children:(0,n.jsxs)(g,{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:i.billingHistory.table.date}),(0,n.jsx)("th",{children:i.billingHistory.table.amount}),(0,n.jsx)("th",{children:i.billingHistory.table.receipt})]})}),o.billingHistory?(0,n.jsx)("tbody",{children:(0,n.jsx)("tr",{children:(0,n.jsx)("td",{colSpan:3,className:"text-center",children:(0,n.jsx)(p.Z,{className:"w-full flex items-center justify-center py-4",children:(0,n.jsx)(u.Z,{className:"loader"})})})})}):(0,n.jsx)("tbody",{children:null==w?void 0:w.map((t,e)=>(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:a()(null==t?void 0:t.paid_at,"YYYY-MM-DD").format("DD MMMM, YYYY")}),(0,n.jsx)("td",{children:(0,n.jsxs)("span",{className:"font-semibold text-secondary",children:[null==t?void 0:t.amount," ",i.billingHistory.usd]})}),(0,n.jsx)("td",{children:(0,n.jsxs)(f,{type:"button",onClick:()=>_(null==t?void 0:t.id),disabled:o.fetchTransactionReceipt===(null==t?void 0:t.id),children:[o.fetchTransactionReceipt===(null==t?void 0:t.id)?(0,n.jsx)(p.Z,{className:"w-[14px] h-[14px]",children:(0,n.jsx)(u.Z,{size:"fill",className:"loader"})}):(0,n.jsx)(s.zb0,{size:14}),(0,n.jsx)("span",{children:i.billingHistory.table.receipt})]})})]},e))})]})})})]})}},98191:function(t,i,e){"use strict";e.r(i);var n=e(85893);e(67294);var l=e(25617),r=e(25622),o=e(2645),a=e(91113),s=e(20931),d=e(35480),c=e(73764);let h=d.ZP.div.withConfig({componentId:"sc-b589e863-0"})(['[data-is-basic="true"]{background:var(--eerie-black) !important;}']);i.default=()=>{var t,i;let e=(0,l.v9)(t=>{var i;return null==t?void 0:null===(i=t.Auth)||void 0===i?void 0:i.user});return(0,n.jsx)(c.Z,{children:(0,n.jsx)(h,{className:"grid gap-8 pb-4",children:(null==e?void 0:null===(t=e.subscription)||void 0===t?void 0:t.is_subscribed)||(null==e?void 0:null===(i=e.subscription)||void 0===i?void 0:i.subscription_status)===s.Ch.PAST_DUE?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.default,{}),(0,n.jsx)(r.default,{})]}):(0,n.jsx)(a.Z,{hideCloseButton:!0,trigger_source:"billing_page"})})})}}},function(t){t.O(0,[3874,48697,17956,2645,92888,49774,40179],function(){return t(t.s=75238)}),_N_E=t.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.