https://shop.mercaso.com/_next/static/chunks/pages/account/membership/[id]/payments-1f238dded383805f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4390],{94775:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/account/membership/[id]/payments",function(){return s(24382)}])},95846:function(e,t,s){"use strict";s.d(t,{_:function(){return r}});var n=s(35250);function r(){let{size:e=24}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:(0,n.jsx)("path",{d:"M11.2 4C10.7584 4 10.4 4.3584 10.4 4.8V11.2H7.2L12 16L16.8 11.2H13.6V4.8C13.6 4.3584 13.2416 4 12.8 4H11.2ZM4 18.4V20H20V18.4H4Z",fill:"#4E2280"})})}},34245:function(e,t,s){"use strict";s.d(t,{t:function(){return r}});var n=s(35250);function r(e){let{width:t=32,height:s=32,color:r,className:a}=e;return(0,n.jsx)("svg",{width:t,height:s,viewBox:"0 0 24 24",fill:"#4E2280",xmlns:"http://www.w3.org/2000/svg",className:a,children:(0,n.jsx)("path",{d:"M12 2L14.85 8.4L21.6 9.18L16.5 13.86L17.94 20.52L12 16.92L6.06 20.52L7.5 13.86L2.4 9.18L9.15 8.4L12 2Z",fill:r})})}s(70079)},89338:function(e,t,s){"use strict";s.d(t,{f:function(){return m}});var n=s(35250),r=s(68056),a=s(19841),i=s(29863),l=s.n(i),c=s(59171);s(70079);var o=s(54813),d=s(91346);let m=e=>{let{headerText:t,imageSrc:s,paragraphText:i,buttonHref:m=r.L.root,buttonText:u,containerOverrides:x,buttonClickOverride:h,paragraphStyleOverrides:p,hideButtons:f,buttonTextStyleOverrides:b,altImage:g}=e,{t:j}=(0,c.$G)("common"),y=null!=i?i:j("defaultEmptyStateParagraph"),w=null!=u?u:j("startShopping");function N(){for(var e=arguments.length,t=Array(e),s=0;s<e;s++)t[s]=arguments[s];return t.filter(Boolean).join(" ")}return(0,n.jsxs)("div",{className:(0,a.Z)("flex justify-center mx-auto pt-14 flex-col w-80 sm:w-96 lg:w-5/12 items-center xl:w-5/12",x),children:[null!=g?g:s&&(0,n.jsx)(d.E,{src:s,alt:""}),(0,n.jsx)("h1",{className:"text-xl sm:text-2xl font-bold mt-6 text-center",children:t}),(0,n.jsx)("p",{className:(0,a.Z)("mt-3 mb-6 sm:mb-8 text-sm sm:text-base text-center",p),children:y}),f?null:h?(0,n.jsx)(o.u,{onClick:h,variant:o.c.DEFAULT,className:N("w-full py-2 rounded-full font-medium",null!=b?b:""),children:w}):(0,n.jsx)(l(),{className:"w-10/12 sm:w-full flex justify-center",href:m,children:(0,n.jsx)(o.u,{variant:o.c.DEFAULT,className:N("w-full py-2 rounded-full font-medium",null!=b?b:""),children:w})})]})}},47649:function(e,t,s){"use strict";s.d(t,{R:function(){return a}});var n=s(35250),r=s(34245);function a(e){let{name:t,address:s}=e;return(0,n.jsxs)("div",{className:"flex items-center gap-3 rounded-lg border border-mercaso-grayLight bg-white p-4 shadow",children:[(0,n.jsx)("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded bg-indigo-100",children:(0,n.jsx)(r.t,{width:26,height:26,className:"fill-current text-indigo-600"})}),(0,n.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,n.jsx)("p",{className:"truncate text-base font-bold",children:t}),s&&(0,n.jsx)("p",{className:"truncate text-sm text-mercaso-grayDark",children:s})]})]})}s(70079)},76751:function(e,t,s){"use strict";s.d(t,{e:function(){return r}});var n=s(49220);function r(){return(0,n.C)()}},64694:function(e,t,s){"use strict";s.d(t,{F0:function(){return o},KH:function(){return d},M3:function(){return c},vX:function(){return l}});var n=s(35250),r=s(50974),a=s(68056),i=s(85545);s(70079);let l=e=>"".concat(r.Fk).concat(e),c=e=>"".concat(r.Fk).concat(a.L.productPage(e)),o=(e,t)=>"".concat(r.Fk).concat(a.L.collectionProductPage(e,t)),d=(e,t,s)=>(0,n.jsx)(i.Z,{title:t,description:s||t,openGraph:{type:"website",title:t,url:l(e),description:s||t},twitter:{title:t}})},24382:function(e,t,s){"use strict";s.r(t),s.d(t,{__N_SSP:function(){return S},default:function(){return Z}});var n=s(35250),r=s(36779),a=s(64002),i=s(46446),l=s(92543),c=s(54611),o=s(95846),d=s(34245),m=s(89338),u=s(38482),x=s(91102),h=s(19841),p=s(59171),f=s(70079);function b(e){let{payment:t}=e,{t:s}=(0,p.$G)("common");return(0,n.jsx)("span",{className:(0,h.Z)("inline-block whitespace-nowrap rounded-full px-2.5 py-1 text-sm font-medium",(0,u.k2)(t.status)),children:(0,u.jt)(s,t.status)})}function g(e){let t=e.paymentInstrument;if(t&&t.hasAnything)return(0,u.Jz)(t)}function j(){return(0,n.jsx)("span",{role:"status",className:"inline-block h-4 w-4 animate-spin rounded-full border-2 border-solid border-current border-r-transparent"})}function y(e){let{payment:t,isDownloading:s,onDownload:r}=e;return t.hasInvoice?(0,n.jsxs)("button",{type:"button",disabled:s,onClick:()=>r(t),className:"inline-flex items-center gap-1.5 text-sm font-medium text-mercaso-purpleMain hover:underline disabled:opacity-60 disabled:hover:no-underline",children:[s?(0,n.jsx)(j,{}):(0,n.jsx)(o._,{size:16}),t.invoiceLabel]}):(0,n.jsx)("span",{className:"text-mercaso-grayMedium",children:"—"})}function w(e){var t;let{payment:s,isDownloading:r,onDownload:a}=e,{t:i}=(0,p.$G)("common");return(0,n.jsxs)("tr",{className:"border-b border-gray-200 last:border-b-0",children:[(0,n.jsx)("td",{className:"py-4 align-top text-base text-mercaso-blackLight",children:(0,u.tC)(s.createdAt)}),(0,n.jsx)("td",{className:"py-4 align-top text-base text-gray-600",children:(0,u.yV)(s.billingPeriodStart,s.billingPeriodEnd)}),(0,n.jsx)("td",{className:"py-4 align-top text-base text-gray-600",children:(0,u.P6)(i,s.type)}),(0,n.jsx)("td",{className:"py-4 align-top text-base tabular-nums text-gray-600",children:null!==(t=g(s))&&void 0!==t?t:(0,n.jsx)("span",{className:"text-mercaso-grayMedium",children:"—"})}),(0,n.jsx)("td",{className:"py-4 align-top",children:(0,n.jsx)(b,{payment:s})}

1),(0,n.jsx)("td",{className:"py-4 text-right align-top text-base font-semibold tabular-nums text-mercaso-blackLight",children:(0,x.T4)(s.amount,"USD")}),(0,n.jsx)("td",{className:"py-4 text-right align-top",children:(0,n.jsx)(y,{payment:s,isDownloading:r,onDownload:a})})]})}function N(e){let{payment:t,isDownloading:s,onDownload:r}=e,{t:a}=(0,p.$G)("common"),i=g(t);return(0,n.jsxs)("div",{className:"flex flex-col gap-2 border-b border-gray-200 py-4 last:border-b-0",children:[(0,n.jsxs)("div",{className:"flex flex-row items-center justify-between gap-3",children:[(0,n.jsx)("span",{className:"text-base font-bold text-mercaso-blackLight",children:(0,u.tC)(t.createdAt)}),(0,n.jsx)("span",{className:"text-base font-semibold tabular-nums text-mercaso-blackLight",children:(0,x.T4)(t.amount,"USD")})]}),(0,n.jsxs)("div",{className:"flex flex-row items-center gap-2",children:[(0,n.jsx)(b,{payment:t}),(0,n.jsx)("span",{className:"text-sm text-gray-600",children:(0,u.P6)(a,t.type)})]}),(0,n.jsx)("span",{className:"text-sm text-mercaso-grayMedium",children:(0,u.yV)(t.billingPeriodStart,t.billingPeriodEnd)}),i&&(0,n.jsx)("span",{className:"text-sm text-mercaso-grayMedium",children:a("membershipPaymentsPaidWith",{instrument:i})}),t.hasInvoice&&(0,n.jsx)(y,{payment:t,isDownloading:s,onDownload:r})]})}function v(){return(0,n.jsx)("div",{className:"absolute bottom-0 left-0 right-0 top-0 flex flex-row items-center justify-center bg-white opacity-50",children:(0,n.jsx)(l.T,{})})}function P(e){let{payments:t,isLoading:s,downloadingPaymentId:r,onDownload:a}=e,{t:i}=(0,p.$G)("common");if(!s&&(void 0===t||0===t.length))return(0,n.jsx)(m.f,{altImage:(0,n.jsx)(d.t,{width:144,height:144,className:"fill-current text-mercaso-purpleMain"}),headerText:i("membershipPaymentsEmptyTitle"),paragraphText:i("membershipPaymentsEmptyParagraph"),hideButtons:!0});let l=null!=t?t:[];return(0,n.jsxs)("div",{className:"relative w-full",children:[s&&(0,n.jsx)(v,{}),(0,n.jsx)("div",{className:"w-full rounded-lg border border-gray-200 bg-white px-4 py-2 md:hidden",children:l.map(e=>(0,n.jsx)(N,{payment:e,isDownloading:r===e.id,onDownload:a},e.id))}),(0,n.jsx)("div",{className:"hidden w-full rounded-lg border border-gray-200 bg-white px-6 py-6 md:block",children:(0,n.jsxs)("table",{className:"min-w-full table-fixed [&_td:not(:last-child)]:pr-3 [&_th:not(:last-child)]:pr-3",children:[(0,n.jsxs)("colgroup",{children:[(0,n.jsx)("col",{className:"w-[120px]"}),(0,n.jsx)("col",{className:"w-[190px]"}),(0,n.jsx)("col",{className:"w-[90px]"}),(0,n.jsx)("col",{className:"w-[150px]"}),(0,n.jsx)("col",{}),(0,n.jsx)("col",{className:"w-[100px]"}),(0,n.jsx)("col",{className:"w-[130px]"})]}),(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{className:"border-b border-gray-200",children:[(0,n.jsx)("th",{className:"pb-2 text-left text-[12px] font-medium tracking-wide text-mercaso-grayMedium",children:i("date")}),(0,n.jsx)("th",{className:"pb-2 text-left text-[12px] font-medium tracking-wide text-mercaso-grayMedium",children:i("membershipPaymentsBillingPeriod")}),(0,n.jsx)("th",{className:"pb-2 text-left text-[12px] font-medium tracking-wide text-mercaso-grayMedium",children:i("membershipPaymentsType")}),(0,n.jsx)("th",{className:"pb-2 text-left text-[12px] font-medium tracking-wide text-mercaso-grayMedium",children:i("paymentMethod")}),(0,n.jsx)("th",{className:"pb-2 text-left text-[12px] font-medium tracking-wide text-mercaso-grayMedium",children:i("status")}),(0,n.jsx)("th",{className:"pb-2 text-right text-[12px] font-medium tracking-wide text-mercaso-grayMedium",children:i("amount")}),(0,n.jsx)("th",{className:"pb-2 text-right text-[12px] font-medium tracking-wide text-mercaso-grayMedium",children:i("membershipPaymentsInvoice")})]})}),(0,n.jsx)("tbody",{children:l.map(e=>(0,n.jsx)(w,{payment:e,isDownloading:r===e.id,onDownload:a},e.id))})]})})]})}var L=s(47649),_=s(76751),k=s(68056),E=s(3641),M=s(64694),D=s(9921),I=s(69263),T=s(78954),H=s(36859),S=!0;function Z(){var e,t,s;let{t:r}=(0,p.$G)("common"),o=(0,H.useRouter)(),{id:d}=o.query,{memberships:m,isLoading:u,refreshMemberships:x,payments:h,isPaymentsLoading:b,refreshPayments:g,downloadMembershipInvoice:j}=(0,_.e)(),{stores:y}=(0,E.Q)(),[w,N]=(0,f.useState)();(0,f.useEffect)(()=>{x()},[x]);let v=(0,f.useMemo)(()=>(null!=m?m:[]).find(e=>e.id===d),[m,d]),S=(0,f.useMemo)(()=>y.find(e=>e.id===(null==v?void 0:v.storeId)),[y,v]),Z=null==v?void 0:v.id;(0,f.useEffect)(()=>{Z&&g(Z)},[Z,g]),(0,f.useEffect)(()=>{v&&T.Z.track(I.Xw.VIEW_MEMBERSHIP_PAYMENTS,{store_id:v.storeId,membership_id:v.id})},[v]);let A=Z?h[Z]:void 0,C=async e=>{T.Z.track(I.Xw.TAP_MEMBERSHIP_PAYMENT_INVOICE,{store_id:null==v?void 0:v.storeId,membership_id:e.membershipId,payment_id:e.id,invoice_number:e.invoiceNumber}),N(e.id);let t=await j(e);N(void 0),t||(0,D.x2)(r("membershipInvoiceDownloadError"))},F=[{href:k.L.accountPage,label:r("account")},{href:k.L.membership,label:r("membership")},{href:k.L.membershipDetails(null!=Z?Z:""),label:r("membershipDetails")},{href:k.L.membershipPayments(null!=Z?Z:""),label:r("membershipPaymentHistory")}],V=null!==(e=null==A?void 0:A.length)&&void 0!==e?e:0;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.Z,{children:(0,n.jsxs)(i.a,{children:[(0,n.jsx)(c.O,{breadcrumbs:F}),(0,n.jsxs)("div",{className:"flex flex-row items-center justify-between gap-4 pt-8 pb-6 sm:pt-0",children:[(0,n.jsx)("h1",{className:"text-2xl font-bold text-mercaso-blackLight",children:r("membershipPaymentHistory")}),V>0&&(0,n.jsx)("span",{className:"text-sm text-mercaso-grayMedium",children:r("membershipPaymentsEntries",{count:V})})]}),u&&void 0===m?(0,n.jsx)("div",{className:"flex h-[50vh] w-full items-center justify-center",children:(0,n.jsx)(l.T,{})}):(0,n.jsxs)("div",{className:"flex max-w-5xl flex-col gap-4 pb-12",children:[(0,n.jsx)(L.R,{name:null!==(s=null!==(t=null==S?void 0:S.name)&&void 0!==t?t:null==v?void 0:v.storeId)&&void 0!==s?s:"",address:null==S?void 0:S.contactAddress.manualFullFormatted}),(0,n.jsx)(P,{payments:A,isLoading:b,downloadingPaymentId:w,onDownload:e=>void C(e)})]})]})}),(0,M.KH)(k.L.membershipPayments(null!=Z?Z:""),"Membership Payment History")]})}Z.Layout=r.Z}},function(e){e.O(0,[4698,6779,9774,2888,179],function(){return e(e.s=94775)}),_N_E=e.O()}]);