https://volumo.com/_next/static/chunks/pages/profile/billing-info/order-history-b10f751d231dd56d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5986],{10712:e=>{e.exports={label:"Property_label__kUAoo",value:"Property_value__Zy5gY"}},12045:e=>{e.exports={noBillingWrapper:"OrdersTable_noBillingWrapper__ZFfI8",noBilling:"OrdersTable_noBilling__8e_jV",topNote:"OrdersTable_topNote__wlSpu"}},37422:(e,r,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/profile/billing-info/order-history",function(){return t(97051)}])},45208:(e,r,t)=>{"use strict";t.d(r,{m:()=>o});var a=t(80263),l=t(97930),n=t(27129),s=t(3638);t(53239);var i=t(10712),d=t.n(i);let o=e=>{if("inline"===e.variant){let{label:r,value:t,valueStyle:l}=e;return(0,a.jsxs)("span",{children:[r?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("span",{className:d().label,children:[r,":"]})," "]}):null,(0,a.jsx)("span",{className:(0,s.A)(d().value,n.Yr),style:l,children:t||"-"})]})}if("two-line"===e.variant){let{label:r,value:t,valueStyle:i}=e;return(0,a.jsxs)(l.xA,{alignItems:"flex-start",verticalSpacing:.25,width:"unset",children:[(0,a.jsxs)("span",{className:d().label,children:[r,":"]}),(0,a.jsx)("span",{className:(0,s.A)(d().value,n.Yr),style:i,children:t||"-"})]})}let{label:r,labelWidth:t="120px",narrowColumns:i,value:o,valueStyle:c,valueWidth:u="1fr"}=e;return(0,a.jsxs)(l.NP,{alignItems:"flex-start",columns:`${t} ${u}`,horizontalSpacing:1,narrowColumns:i,verticalSpacing:.25,width:"unset",children:[(0,a.jsxs)("span",{className:d().label,children:[r,":"]}),(0,a.jsx)("span",{className:(0,s.A)(d().value,n.Yr),style:c,children:o||"-"})]})}},85793:e=>{e.exports={priceGreen:"columns_priceGreen__3MmN9"}},97051:(e,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>G});var a=t(80263),l=t(61528),n=t(13463),s=t(53239),i=t(50005),d=t(95041),o=t(45740

1),c=t(67445),u=t(64011),x=t(92839),m=t(24318),h=t(136),j=t(78852),v=t(11359),p=t(35796),b=t(90244),g=t(70719),C=t(77148),_=t(32471),f=t(97930),y=t(45208),w=t(50016),N=t(27129);let A={fontVariantNumeric:"tabular-nums",textAlign:"right"},H=e=>{let{cancellation:r}=e,{t}=(0,n.c3)(),{track:l,album:s,amount:i,available:d}=r,o=l?(0,b.vl)(l):s?.title??"",c=l?(0,g.$O)(l):s?(0,g.FD)(s):void 0;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(w.V,{variant:"h5",children:[t(l?"Cancelled track":"Cancelled album"),": "]}),(0,a.jsx)(j.K,{mt:2}),(0,a.jsx)("div",{className:N.Yr,children:d&&c?(0,a.jsx)(_.A,{href:c,children:o}):t("{title} (no longer available)",void 0,{title:o})}),(0,a.jsx)(j.K,{mr:2,mt:2,children:(0,a.jsx)(f.xA,{autoFlow:"row",justifyContent:"flex-end",children:(0,a.jsx)(y.m,{label:t("Refunded to balance"),labelWidth:"auto",narrowColumns:"1fr auto",value:(0,a.jsx)("span",{className:N.Yr,children:(0,C.vv)(i)}),valueStyle:A,valueWidth:"60px"})})})]})};var F=t(93107),U=t(52996),k=t(3638),S=t(88196),T=t(85793),W=t.n(T),L=t(12045),O=t.n(L),Y=t(76923);let I={fontVariantNumeric:"tabular-nums",textAlign:"right"},P=e=>{let{paymentId:r,purchaseId:t}=e,{t:l}=(0,n.c3)(),{data:s,isFetching:i}=(0,v.Xi)(t??void 0),{data:d}=(0,v.Ye)(r??void 0),c=d?.total_amount||s?.total_amount||0,u=s?.subtotal_amount;return(0,a.jsxs)(a.Fragment,{children:[s&&s.albums?.length>0?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(w.V,{variant:"h5",children:[l("Albums"),": "]}),(0,a.jsx)(j.K,{mt:2}),(0,a.jsx)(o.bQ,{columns:[{accessor:"title",renderCell:e=>{let{row:r}=e;return(0,a.jsx)(_.A,{href:(0,g.FD)(r),children:r.title})},renderHeading:()=>l("Title")},{accessor:"artists",renderCell:e=>{let{row:r}=e;return(0,U.CU)(r.artists.map(e=>(0,a.jsx)(S.U,{contributor:e},e.id)))},renderHeading:()=>l("Artists")},{accessor:"recordlabel",renderCell:e=>{let{row:r}=e;return r.recordlabel?(0,a.jsx)(S.U,{contributor:r.recordlabel},r.recordlabel.id):void 0},renderHeading:()=>l("Label")},{accessor:"tracks_count",renderHeading:()=>l("Tracks total")},{accessor:"price",renderCell:e=>{let{row:r}=e;return(0,a.jsx)("span",{className:N.Yr,children:(0,C.vv)(r.price)})},renderHeading:()=>l("Price")}],data:s?.albums,isLoading:i,variant:"secondary"})]}):null,s&&s.tracks?.length>0?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(w.V,{variant:"h5",children:[l("Tracks"),": "]}),(0,a.jsx)(j.K,{mt:2}),(0,a.jsx)(o.bQ,{columns:[{accessor:"title",renderCell:e=>{let{row:r}=e;return(0,a.jsx)(_.A,{href:(0,g.$O)(r),children:(0,b.vl)(r)})},renderHeading:()=>l("Title")},{accessor:"album",renderHeading:()=>l("Album"),renderCell:e=>{let{row:r}=e;return(0,a.jsx)(_.A,{href:(0,g.FD)(r.album),children:r.album.title})},width:"100px"},{accessor:"artists",renderCell:e=>{let{row:r}=e;return(0,U.CU)(r.artists.map(e=>(0,a.jsx)(S.U,{contributor:e},e.id)))},renderHeading:()=>l("Artists")},{accessor:"featured_artists",renderCell:e=>{let{row:r}=e;return(0,U.CU)(r.featured_artists.map(e=>(0,a.jsx)(S.U,{contributor:e},e.id)))},renderHeading:()=>l("Featured artists")},{accessor:"remixers",renderCell:e=>{let{row:r}=e;

1return r.remixers?(0,U.CU)(r.remixers.map(e=>(0,a.jsx)(S.U,{contributor:e},e.id))):void 0},renderHeading:()=>l("Remixers")},{accessor:"recordlabel",renderCell:e=>{let{row:r}=e;return r.recordlabel?(0,a.jsx)(S.U,{contributor:r.recordlabel}):void 0},renderHeading:()=>l("Label")},{accessor:"price",renderCell:e=>{let{row:r}=e;return(0,a.jsx)("span",{className:N.Yr,children:(0,C.vv)(r.price)})},renderHeading:()=>l("Price")}],data:s?.tracks,isLoading:i,variant:"secondary"})]}):null,(0,a.jsx)(j.K,{mr:2,mt:2,children:(0,a.jsxs)(f.xA,{autoFlow:"row",justifyContent:"flex-end",children:[u&&(0,a.jsx)(y.m,{label:l("Subtotal"),labelWidth:"auto",narrowColumns:"1fr auto",value:(0,C.vv)(u),valueStyle:I,valueWidth:"50px"}),s?.discount&&(0,a.jsx)(y.m,{label:`${l("Discount")}, ${(0,Y.Ee)(s?.discount.rate??0)}`,labelWidth:"auto",narrowColumns:"1fr auto",value:(0,C.vv)(s?.discount.amount??void 0,{showNegative:!0}),valueStyle:I,valueWidth:"50px"}),d?.tax&&(0,a.jsx)(y.m,{label:`${l("Taxes")} (${d.tax.name}, ${(0,Y.Ee)(d.tax.rate)})`,labelWidth:"auto",narrowColumns:"1fr auto",value:(0,C.vv)(d.tax.amount),valueStyle:I,valueWidth:"50px"}),(0,a.jsx)(y.m,{label:l("Grand Total"),labelWidth:"auto",narrowColumns:"1fr auto",value:(0,C.vv)(c),valueStyle:I,valueWidth:"50px"})]})})]})},B={fontVariantNumeric:"tabular-nums",textAlign:"right"},V=e=>{let{tipId:r}=e,{t}=(0,n.c3)(),{data:l,isFetching:s}=(0,v.LB)(r),i=l?.amount;return(0,a.jsxs)(a.Fragment,{children:[l&&l.album?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(w.V,{variant:"h5",children:[t("Album"),": "]}),(0,a.jsx)(j.K,{mt:2}),(0,a.jsx)(o.bQ,{columns:[{accessor:"title",renderCell:e=>{let{row:r}=e;return(0,a.jsx)(_.A,{href:(0,g.FD)(r),children:r.title})},renderHeading:()=>t("Title")},{accessor:"artists",renderCell:e=>{let{row:r}=e;return(0,U.CU)(r.artists.map(e=>(0,a.jsx)(S.U,{contributor:e},e.id)))},renderHeading:()=>t("Artists")},{accessor:"recordlabel",renderCell:e=>{let{row:r}=e;return r.recordlabel?(0,a.jsx)(S.U,{contributor:r.recordlabel},r.recordlabel.id):void 0},renderHeading:()=>t("Label")}],data:[l?.album],isLoading:s,variant:"secondary"})]}):null,l&&l.track?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(w.V,{variant:"h5",children:[t("Track"),": "]}),(0,a.jsx)(j.K,{mt:2}),(0,a.jsx)(o.bQ,{columns:[{accessor:"title",renderCell:e=>{let{row:r}=e;return(0,a.jsx)(_.A,{href:(0,g.$O)(r),children:(0,b.vl)(r)})},renderHeading:()=>t("Title")},{accessor:"album",renderHeading:()=>t("Album"),renderCell:e=>{let{row:r}=e;return(0,a.jsx)(_.A,{href:(0,g.FD)(r.album),children:r.album.title})},width:"100px"},{accessor:"artists",renderCell:e=>{let{row:r}=e;return(0,U.CU)(r.artists.map(e=>(0,a.jsx)(S.U,{contributor:e},e.id)))},renderHeading:()=>t("Artists")},{accessor:"featured_artists",renderCell:e=>{let{row:r}=e;return(0,U.CU)(r.featured_artists.map(e=>(0,a.jsx)(S.U,{contributor:e},e.id)))},renderHeading:()=>t("Featured artists")},{accessor:"remixers",renderCell:e=>{let{row:r}=e;

1return r.remixers?(0,U.CU)(r.remixers.map(e=>(0,a.jsx)(S.U,{contributor:e},e.id))):void 0},renderHeading:()=>t("Remixers")},{accessor:"recordlabel",renderCell:e=>{let{row:r}=e;return r.recordlabel?(0,a.jsx)(S.U,{contributor:r.recordlabel}):void 0},renderHeading:()=>t("Label")}],data:[l?.track],isLoading:s,variant:"secondary"})]}):null,(0,a.jsx)(j.K,{mr:2,mt:2,children:(0,a.jsx)(f.xA,{autoFlow:"row",justifyContent:"flex-end",children:(0,a.jsx)(y.m,{label:t("Total"),labelWidth:"auto",narrowColumns:"1fr auto",value:(0,C.vv)(i),valueStyle:B,valueWidth:"50px"})})})]})},$=()=>{let{locale:e,t:r}=(0,n.c3)(),[t,l]=(0,s.useState)({accessor:"created_at",direction:"desc"}),i=(0,v.l6)({sortBy:t}),[b,g]=(0,s.useState)(),_=(0,s.useMemo)(()=>[{accessor:"id",renderCell:e=>{let{row:r}=e;return r.id},renderHeading:()=>r("ID"),width:"*"},{accessor:"payment_source",renderCell:e=>{let{row:r}=e;return v.LC.find(e=>e.value===r.payment_source)?.text},renderHeading:()=>r("Payment source"),width:"110px"},{accessor:"type",renderCell:e=>{let{row:r}=e;return v.kt.find(e=>e.value===r.type)?.text},renderHeading:()=>r("Payment type"),width:"110px"},{accessor:"created_at",canSort:!0,renderCell:r=>{let{row:t}=r;return(0,F.ik)(t.created_at,{locale:e})},renderHeading:()=>r("Created at"),width:"140px"},{accessor:"amount",width:"80px",renderCell:e=>{let{row:t}=e;return(0,a.jsx)("div",{className:(0,k.A)(t.amount>0?W().priceGreen:"",N.Yr),children:0!==t.amount?(0,C.vv)(t.amount):r("Free")})},renderHeading:()=>r("Amount")},{accessor:"balance",width:"80px",renderCell:e=>{let{row:r}=e;return(0,a.jsx)("span",{className:N.Yr,children:(0,C.vv)(r.balance)})},renderHeading:()=>r("Balance")}],[r,e]);return(0,a.jsxs)("div",{children:[i.data?.items?.length===p.N4.Orders?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("p",{className:O().topNote,children:r("Note: As a temporary limitation, this table shows only first {count} records.",void 0,{count:p.N4.Orders})}),(0,a.jsx)(c.c,{})]}):null,i.error?(0,a.jsx)(h.p,{type:"error",children:(0,u.Nw)(i.error)}):i.isFetching?(0,a.jsx)(m.a,{}):i.data?(0,a.jsx)(o.bQ,{columns:_,data:i.data.items,defaultSortBy:t,isLoading:i.isFetching,renderRow:(e,r)=>{let t=e.cancellation?(0,a.jsx)(H,{cancellation:e.cancellation}):"tip"===e.type?(0,a.jsx)(V,{tipId:e.tip_id??void 0}):"gift_card"!==e.payment_source&&(e.purchase_id||e.payment_id)?(0,a.jsx)(P,{paymentId:e.payment_id,purchaseId:e.purchase_id}):null;return(0,a.jsx)(o.wI,{columns:_,row:e,rowId:r,onClick:t?()=>g(b!==r?r:void 0):void 0,children:t&&(0,a.jsx)(d.m,{expanded:b===r,children:(0,a.jsx)(j.K,{mb:4,ml:5.5,mr:2,mt:2,children:t})})},r)},onSortByChange:l}):(0,a.jsxs)("div",{className:O().noBillingWrapper,children:[(0,a.jsx)("div",{className:O().noBilling,children:(0,a.jsx)(x.Dko,{})}),(0,a.jsx)("div",{children:r("You don't have any transactions yet")})]})]})};var K=t(42173),D=t(54923),E=t(7060),R=t(59486);let Q=()=>{let{t:e}=(0,n.c3)(),r=e("Order history"),t=(0,s.useMemo)(()=>({title:r}),[r]),d=(0,D.UV)(e),o=(0,s.useMemo)(()=>[d.Root,d.UserProfile,{text:r}],[d,r]);return(0,a.jsxs)(R.u,{topLine:(0,a.jsx)(i.I,{pageName:"orderHistory",values:o}),children:[(0,a.jsx)(K.t,{fields:t,microdata:(0,l.Oq)(o),pageName:"orderHistory"}),(0,a.jsx)($,{})]})};Q.getConfig=()=>({isAuthenticationRequired:!0}),Q.renderInLayout=E.P;let G=Q}},e=>{e.O(0,[4001,7236,8288,5720,7874,4802,5599,7095,1488,5740,636,6593,8792],()=>e(e.s=37422)),_N_E=e.O()}]);