https://app.monnify.com/static/js/97.892553a6.chunk.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[97],{1515:function(e,t,a){},1900:function(e,t,a){"use strict";a.r(t);var n=a(1),s=a(0),l=a.n(s),c=a(178),r=a(262),i=(a(261),a(149)),m=(a(456),a(321)),u=(a(458),a(204)),o=(a(328),a(92)),E=(a(825),a(826)),p=a(150),b=a(21),d=a(38);a(1515);const N=E.a.TabPane;var h=class extends l.a.Component{constructor(){super(...arguments),this.state={transactions:[{date:"Jan 21 2022 | 9:34 AM",amount:"\u20a6 150,000.00",status:"PAID"},{date:"Jan 21 2022 | 9:34 AM",amount:"\u20a6 150,000.00",status:"CANCELLED"},{date:"Jan 21 2022 | 9:34 AM",amount:"\u20a6 150,000.00",status:"PAID"},{date:"Jan 21 2022 | 9:34 AM",amount:"\u20a6 150,000.00",status:"PAID"},{date:"Jan 21 2022 | 9:34 AM",amount:"\u20a6 150,000.00",status:"CANCELLED"},{date:"Jan 21 2022 | 9:34 AM",amount:"\u20a6 150,000.00",status:"PAID"},{date:"Jan 21 2022 | 9:34 AM",amount:"\u20a6 150,000.00",status:"PAID"},{date:"Jan 21 2022 | 9:34 AM",amount:"\u20a6 150,000.00",status:"CANCELLED"}]},this.isTransactionPaid=(e=>"PAID"===e.status),this.subscriberDetails=(e=>l.a.createElement("div",{className:"card-wrapper"},l.a.createElement("div",{className:"subscriber-overview"},l.a.createElement("span",null,"No. of Payments"),l.a.createElement("span",null,"24"),l.a.createElement("span",null,"payments")),l.a.createElement("table",null,l.a.createElement("thead",null,l.a.createElement("tr",null,l.a.createElement("th",

1null,"First Name"))),l.a.createElement("tbody",null,l.a.createElement("tr",null,l.a.createElement("td",null,"Williams")))),l.a.createElement("table",null,l.a.createElement("thead",null,l.a.createElement("tr",null,l.a.createElement("th",null,"Last Name"))),l.a.createElement("tbody",null,l.a.createElement("tr",null,l.a.createElement("td",null,"Bamidele")))),l.a.createElement("table",null,l.a.createElement("thead",null,l.a.createElement("tr",null,l.a.createElement("th",null,"Customer Email"))),l.a.createElement("tbody",null,l.a.createElement("tr",null,l.a.createElement("td",null,"[email protected]")))),l.a.createElement("table",null,l.a.createElement("thead",null,l.a.createElement("tr",null,l.a.createElement("th",null,"Date Subscribed"))),l.a.createElement("tbody",null,l.a.createElement("tr",null,l.a.createElement("td",null,"Nov 14th 2021, 11:16:54 pm")))),l.a.createElement("table",null,l.a.createElement("thead",null,l.a.createElement("tr",null,l.a.createElement("th",null,"Subscrition Status"))),l.a.createElement("tbody",null,l.a.createElement("tr",null,l.a.createElement("td",null,l.a.createElement(o.a,null,"Active")),l.a.createElement("td",null,l.a.createElement("button",{className:"subscriptin-btn subscription-paused"},l.a.createElement(b.a,{type:"PUASED_ICON"})," Pause"))))))),this.renderDestokView=(()=>{const{subscriberDetails:e,transactionDetails:t}=this;return l.a.createElement("div",null,l.a.createElement(m.a,{className:"mb-10",type:"flex",justify:"space-between"},l.a.createElement(u.a,{span:10}),l.a.createElement(u.a,{span:14},l.a.createElement("div",{className:"susbcription-btns-wrapper"},l.a.createElement("button",{className:"subscriptin-btn subscription-active"},l.a.createElement(b.a,{type:"PLAY_ICON"})," Activate Subscription"),l.a.createElement("button",{className:"subscriptin-btn subscription-paused"},l.a.createElement(b.a,{type:"PUASED_ICON"})," Cancel Subscription")))),l.a.createElement(m.a,{gutter:24,type:"flex",justify:"space-between"},l.a.createElement(u.a,{span:10},e({})),l.a.createElement(u.a,{span:14},l.a.createElement("div",{className:"card-wrapper"},l.a.createElement(i.a.Title,{className:"mb-5",level:3},"Transactions"),t()))))}),this.transactionDetails=(()=>l.a.createElement("div",{className:"mt-10"},this.state.transactions.map((e,t)=>l.a.createElement("div",{key:t,className:"subscription-list-item"},l.a.createElement("div",{className:"subscription-timeline"},l.a.createElement("div",{className:"subscripton-timeline-cirlce ".concat(this.isTransactionPaid(e)?"subscripton-timeline-cirlce-paid":"subscripton-timeline-cirlce-cancelled")},l.a.createElement("div",{className:"subscripton-timeline-cirlce-inner ".concat(this.isTransactionPaid(e)?"subscripton-timeline-cirlce-inner-paid":"subscripton-timeline-cirlce-inner-cancelled")})),l.a.createElement("div",{className:"subscripton-timeline-border"})),l.a.createElement("div",{className:"subscription-list-item-main"},l.a.createElement("div",{className:"subscription-item-content"},l.a.createElement("div",{className:"date"},e.date),l.a.createElement("div",{className:"value"},l.a.createElement("span",{className:"".concat(this.isTransactionPaid(e)?"":"text-cancelled")},e.amount))),l.a.createElement("div",{className:"subscription-item-status"},l.a.createElement(o.a,{className:"subscriber-payment-status ".concat(d.b.getGeneralStatusTagClass(e.status))},e.status))))))),this.renderMobileView=(()=>l.a.createElement(E.a,{className:"settings-container",tabPosition:"top",defaultActiveKey:"subscriber-details",type:"card"},l.a.createElement(N,{tab:"Subscriber Details",key:"subscriber-details"},this.subscriberDetails({})),l.a.createElement(N,{tab:"Transactions",key:"transactions"},this.transactionDetails())))}render(){return l.a.createElement("div",{className:"page-subscriber-detail-wrapper"},l.a.createElement(p.a,{query:"(max-width: 600px)"},e=>e?this.renderMobileView():this.renderDestokView()))}};class v extends l.a.Component{constructor(){super(...arguments),this.state={pageName:null}}componentDidMount(){const e=this.props.match.params;let t=e&&e.pageName||"";this.setState({pageName:t})}render(){const e=this.props,t=this.state.pageName,a=Object(n.a)(Object(n.a)({},e.location.state),{},{pageName:t});return l.a.createElement(r.a,e,l.a.createElement(c.a,{title:"".concat(t,"  subscribers")}),l.a.createElement(h,{pageState:a}))}}v.defaultProps={pathName:"Payment Links",breadcrumb:[{text:"Payment Links",link:"/payment-links"},{text:"Subscribers"}]};t.default=v}}]);