https://baskadia.com/_next/static/chunks/pages/auth/earnings/subscribers-d829646ff585dc8a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9111],{53489:function(e,n,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/auth/earnings/subscribers",function(){return r(78874)}])},90227:function(e,n,r){"use strict";r.d(n,{Z:function(){return m}});var t=r(828),s=r(85893),i=r(60357),o=r.n(i),a=r(67294),l=r(5152),c=r.n(l),u=r(11163),d=r(60253),f=r(32427),x=r(67265),h=r(36847),v=r(61164),p=(0,f.Z)((function(e){return{root:{position:"absolute",top:"0",left:"0",transition:e.transitions.create(["opacity"],{duration:500})}}})),j=a.forwardRef((function(e,n){var r=e.user,i=(0,d.$G)().t,l=p(),c=(0,t.Z)((0,v.o)(),1)[0].isIntersectionObserverEnabled,u=a.useRef(null),f=(0,t.Z)(a.useState(!0),2),j=f[0],Z=f[1],b="";!(null===r||void 0===r?void 0:r.DeletedAt)&&(null===r||void 0===r?void 0:r.Img)&&(b="".concat("https://api.baskadia.com","/static/").concat(r.Img));var m=a.useMemo((function(){return!(null===r||void 0===r?void 0:r.DeletedAt)&&(null===r||void 0===r?void 0:r.Name)?r.Name.charAt(0).toUpperCase():(0,s.jsx)(h.Z,{style:{color:"#fff"}})}),[null===r||void 0===r?void 0:r.DeletedAt,null===r||void 0===r?void 0:r.Name]);return a.useEffect((function(){if(c&&b&&j){var e=u.current;if(e){var n,r=new IntersectionObserver((function(e){e.forEach((function(e){e.isIntersecting&&((n=new Image).src=b,n.onload=function(){Z(!1)})}))}),{root:null,rootMargin:"400px",threshold:0});return r.observe(e),function(){r.unobserve(e),n&&(n.onload=null)}}}}),[c,j,b]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{ref:n,className:"jsx-8d5dcff28671bcd4 container",children:[(0,s.jsx)(x.Z,{ref:u,src:j?"":b,alt:(null===r||void 0===r?void 0:r.Name)||i("guest"),children:m}),(0,s.jsx)(x.Z,{classes:l,style:{opacity:j?1:0},children:m})]}),(0,s.jsx)(o(),{id:"8d5dcff28671bcd4",children:".container.jsx-8d5dcff28671bcd4{display:inline-block;position:relative}"})]})})),Z=r(57308),b=c()((function(){return Promise.all([r.e(2387),r.e(4041),r.e(1915)]).then(r.bind(r,61915))}),{loadableGenerated:{webpack:function(){return[61915]}},ssr:!1}),m=a.forwardRef((function(e,n){var r=e.user,i=e.style,l=e.onUserUpdate,c=(0,u.useRouter)().pathname,d=a.useRef(null),f=(0,t.Z)(a.useState(!1),2),x=f[0],h=f[1],v=(0,t.Z)(a.useState(!1),2),p=v[0],m=v[1],g="/user/[uid]"===c,w=a.useMemo((function(){return!(null===r||void 0===r?void 0:r.DeletedAt)&&(null===r||void 0===r?void 0:r.ID)?"/user/".concat(r.ID.toString(36)):""}),[null===r||void 0===r?void 0:r.DeletedAt,null===r||void 0===r?void 0:r.ID]),y=a.useMemo((function(){return!w||c.indexOf("/preview")>0}),[w,c]),k=a.useCallback((function(){h(!0),m(!0)}),[]),I=a.useCallback((function(){return m(!1)}),[]);return y?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{ref:n,style:i,className:"jsx-da756dcad42200a2 container",children:(0,s.jsx)(j,{user:r})}),(0,s.jsx)(o(),{id:"da756dcad42200a2",children:".container.jsx-da756dcad42200a2{display:inline-block}"})]}):g?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{ref:n,style:i,className:"jsx-da756dcad42200a2 container",children:(0,s.jsx)(Z.Z,{href:w,style:{display:"block"},children:(0,s.jsx)(j,{user:r})})}),(0,s.jsx)(o(),{id:"da756dcad42200a2",children:".container.jsx-da756dcad42200a2{display:inline-block}"})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{ref:n,style:i,onClick:function(e){return e.stopPropagation()},onMouseEnter:k,onMouseLeave:I,className:"jsx-c5660aab1142f778 container",children:[(0,s.jsx)(Z.Z,{href:w,style:{display:"block"},children:(0,s.jsx)(j,{ref:d,user:r})}),x&&(0,s.jsx)(b,{user:r,open:p,anchorEl:d.current,onClose:I,onUserUpdate:l})]}),(0,s.jsx)(o(),{id:"c5660aab1142f778",children:".container.jsx-c5660aab1142f778{display:inline-block}"})]})}))},40570:function(e,n,r){"use strict";var t=r(26042),s=r(69396),i=r(99534),o=r(85893),a=r(67294),l=r(86002),c=r(4662),u=r(282),d=r(71344),f=a.forwardRef((function(e,n){var r=e.color,f=(0,i.Z)(e,["color"]),x=(0,c.Z)(),h=a.useMemo((function(){switch(r){case"default":case"inherit":case"primary":case"secondary":case void 0:return x;case"warning":return(0,s.Z)((0,t.Z)({},x),{palette:(0,s.Z)((0,t.Z)({},x.palette),{primary:(0,t.Z)({},x.palette.warning)})});case"error":return(0,s.Z)((0,t.Z)({},x),{palette:(0,s.Z)((0,t.Z)({},x.palette),{primary:(0,t.Z)({},x.palette.error)})});default:return(0,l.default)((0,s.Z)((0,t.Z)({},x),{palette:{primary:{main:r}}}))}}),[r,x]);return"default"===r||"inherit"===r||"primary"===r||"secondary"===r||void 0===r?(0,o.jsx)(u.Z,(0,t.Z)({ref:n,color:r},f)):(0,o.jsx)(d.Z,{theme:h,children:(0,o.jsx)(u.Z,(0,t.Z)({ref:n,color:"primary"},f))})}));n.Z=f},12295:function(e,n,r){"use strict";

1var t=r(47568),s=r(26042),i=r(69396),o=r(828),a=r(20414),l=r(85893),c=r(60357),u=r.n(c),d=r(67294),f=r(11163),x=r(60253),h=r(36808),v=r.n(h),p=r(72091),j=r(17812),Z=r(22318),b=r(91910),m=r(48777),g=r(49384),w=r(61164),y=r(92674),k=r(40570);n.Z=function(e){var n=e.user,r=e.onUserUpdate,c=(0,f.useRouter)(),h=(0,x.$G)().t,I=(0,p.Ds)().enqueueSnackbar,D=(0,o.Z)((0,w.o)(),1)[0],E=D.auth,C=D.isIntersectionObserverEnabled,N=(0,y.Z)(),_=d.useRef(null),S=(0,o.Z)(d.useState(!1),2),F=S[0],R=S[1],M=(0,o.Z)(d.useState(),2),P=M[0],O=M[1],A=(0,o.Z)(d.useState(!1),2),G=A[0],U=A[1],T=(0,o.Z)(d.useState(!1),2),L=T[0],$=T[1],B=!(!E||!(null===P||void 0===P?void 0:P.length)),W=d.useMemo((function(){return!(E&&!P)&&((null===E||void 0===E?void 0:E.ID)!==(null===n||void 0===n?void 0:n.ID)&&!(null===n||void 0===n?void 0:n.DeletedAt))}),[E,P,null===n||void 0===n?void 0:n.DeletedAt,null===n||void 0===n?void 0:n.ID]),X=d.useCallback((function(e){e.isIntersecting&&($(!0),R(!0),(null===n||void 0===n?void 0:n.ID)?N("/auth/user/".concat(n.ID,"/follower"),{method:"GET"}).then((function(e){if(null===e)throw new Error("newFollowers is null");O(e)})).catch((function(e){(0,g.kg)(e)})).finally((function(){R(!1)})):(0,g.kg)("user.ID is undefined"))}),[N,null===n||void 0===n?void 0:n.ID]);d.useEffect((function(){if(E&&C&&!L){var e=_.current;if(e){var n=new IntersectionObserver((function(e){e.forEach(X)}),{root:null,rootMargin:"400px",threshold:0});return n.observe(e),function(){n.unobserve(e)}}}}),[E,X,L,C]);var q=d.useCallback((function(){return U(!0)}),[]),z=d.useCallback((function(){return U(!1)}),[]),H=d.useCallback((0,t.Z)((function(){var e,t;return(0,a.__generator)(this,(function(o){switch(o.label){case 0:R(!0),o.label=1;case 1:return o.trys.push([1,6,,7]),E?[3,3]:(v().set("return_to",c.asPath,{expires:1,secure:!0,sameSite:"lax"}),[4,c.push("/signup")]);case 2:return o.sent(),[2];case 3:return E.Unconfirmed?(v().set("return_to",c.asPath,{expires:1,secure:!0,sameSite:"lax"}),[4,c.push("/auth/unconfirmed")]):[3,5];case 4:return o.sent(),[2];case 5:return[3,7];case 6:return e=o.sent(),(0,g.kg)(e),I(h("failed-to-follow"),{variant:"error"}),R(!1),[2];case 7:if(o.trys.push([7,9,,10]),!(null===n||void 0===n?void 0:n.ID))throw new Error("user.ID is undefined");return[4,N("/auth/user/".concat(n.ID,"/follower"),{method:"POST"})];case 8:return o.sent(),O([{}]),null===r||void 0===r||r((0,i.Z)((0,s.Z)({},n),{FollowerCount:(n.FollowerCount||0)+1})),[3,10];case 9:return t=o.sent(),(0,g.kg)(t),I(h("failed-to-follow"),{variant:"error"}),R(!1),[2];case 10:return R(!1),[2]}}))})),[E,I,N,r,c,h,n]),J=d.useCallback((0,t.Z)((function(){var e;return(0,a.__generator)(this,(function(t){switch(t.label){case 0:R(!0),t.label=1;case 1:if(t.trys.push([1,3,,4]),!(null===n||void 0===n?void 0:n.ID))throw new Error("user.ID is undefined");return[4,N("/auth/user/".concat(n.ID,"/follower"),{method:"DELETE"})];case 2:return t.sent(),O([]),null===r||void 0===r||r((0,i.Z)((0,s.Z)({},n),{FollowerCount:(n.FollowerCount||1)-1})),[3,4];case 3:return e=t.sent(),(0,g.kg)(e),I(h("failed-to-unfollow"),{variant:"error"}),R(!1),[2];case 4:return R(!1),[2]}}))})),[I,N,r,h,n]);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{ref:_,className:"jsx-e20212abf16b2b5 sm",children:[(0,l.jsx)(Z.Z,{component:"div",variant:"caption",style:{opacity:W?1:.38,marginBottom:"-8px",textAlign:"center"},children:h("follow")}),B&&(0,l.jsx)(j.Z,{disabled:F,onClick:J,children:(0,l.jsx)(b.Z,{style:{color:"#FFEB3B"}})}),!B&&(0,l.jsx)(j.Z,{disabled:F||!W,onClick:H,children:(0,l.jsx)(m.Z,{})})]}),(0,l.jsxs)("div",{ref:_,className:"jsx-e20212abf16b2b5 lg",children:[B&&(0,l.jsx)(k.Z,{color:G?"error":"default",disabled:F,variant:G?"contained":"outlined",style:{borderRadius:"18px"},onClick:J,onMouseEnter:q,onMouseLeave:z,children:h(G?"unfollow":"following")}),!B&&(0,l.jsx)(k.Z,{color:"primary",disabled:F||!W,variant:"contained",style:{borderRadius:"18px"},onClick:H,children:h("follow")})]}),(0,l.jsx)(u(),{id:"e20212abf16b2b5",children:".lg.jsx-e20212abf16b2b5{display:none}@media(min-width:360px){.sm.jsx-e20212abf16b2b5{display:none}.lg.jsx-e20212abf16b2b5{display:block}}"})]})}},62284:function(e,n,r){"use strict";

1var t=r(14924),s=r(26042),i=r(85893),o=r(67294),a=r(32427),l=r(43832),c=(0,a.Z)((function(e){return{root:(0,t.Z)({},e.breakpoints.down("xs"),{paddingRight:"8px",paddingLeft:"8px"})}})),u=o.forwardRef((function(e,n){var r=c();return(0,i.jsx)(l.Z,(0,s.Z)({ref:n,classes:r,fixed:!0,maxWidth:"sm"},e))}));n.Z=u},86263:function(e,n,r){"use strict";var t=r(14924),s=r(26042),i=r(85893),o=r(67294),a=r(32427),l=r(41749),c=(0,a.Z)((function(e){return{root:(0,t.Z)({width:"calc(100% + 16px)",margin:"-8px"},e.breakpoints.down("xs"),{width:"calc(100% + 8px)",margin:"-4px"})}})),u=o.forwardRef((function(e,n){var r=c();return(0,i.jsx)(l.Z,(0,s.Z)({ref:n,classes:r,container:!0,justifyContent:"center"},e))}));n.Z=u},73844:function(e,n,r){"use strict";var t=r(14924),s=r(26042),i=r(85893),o=r(67294),a=r(32427),l=r(41749),c=(0,a.Z)((function(e){return{root:(0,t.Z)({padding:"8px"},e.breakpoints.down("xs"),{padding:"4px"})}})),u=o.forwardRef((function(e,n){var r=c();return(0,i.jsx)(l.Z,(0,s.Z)({ref:n,classes:r,item:!0,xs:12},e))}));n.Z=u},63052:function(e,n,r){"use strict";var t=r(828),s=r(85893),i=r(60357),o=r.n(i),a=r(67294),l=r(60253),c=r(49384),u=r(61164),d=r(92674);n.Z=function(e){var n=e.user,r=(0,l.$G)().t,i=(0,t.Z)((0,u.o)(),1)[0],f=i.auth,x=i.isIntersectionObserverEnabled,h=(0,d.Z)(),v=a.useRef(null),p=(0,t.Z)(a.useState(),2),j=p[0],Z=p[1],b=(0,t.Z)(a.useState(!1),2),m=b[0],g=b[1],w=a.useCallback((function(e){e.isIntersecting&&(g(!0),(null===n||void 0===n?void 0:n.ID)?h("/auth/user/".concat(n.ID,"/following-user"),{method:"GET"}).then((function(e){if(null===e)throw new Error("newFollowingUsers is null");Z(e)})).catch((function(e){(0,c.kg)(e)})):(0,c.kg)("user.ID is undefined"))}),[h,null===n||void 0===n?void 0:n.ID]);return a.useEffect((function(){if(f&&x&&!m){var e=v.current;if(e){var n=new IntersectionObserver((function(e){e.forEach(w)}),{root:null,rootMargin:"400px",threshold:0});return n.observe(e),function(){n.unobserve(e)}}}}),[f,w,m,x]),(null===j||void 0===j?void 0:j.length)?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{className:"jsx-1407cc0596a3aa55",children:r("is-following-you")}),(0,s.jsx)(o(),{id:"1407cc0596a3aa55",children:"span.jsx-1407cc0596a3aa55{background-color:#eee}"})]}):(0,s.jsx)("span",{ref:v})}},78874:function(e,n,r){"use strict";r.r(n),r.d(n,{__N_SSG:function(){return C},default:function(){return N}});var t=r(85893),s=r(67294),i=r(9008),o=r.n(i),a=r(60253),l=r(8936),c=r(7885),u=r(86263),d=r(73844),f=r(62822),x=r(50998),h=r(96353),v=r(95757),p=r(79895),j=r(58365),Z=r(22318),b=r(13048),m=r(62284),g=r(57308),w=r(60357),y=r.n(w),k=r(90227),I=r(12295),D=r(63052),E=function(e){var n=e.subscription,r=(0,a.$G)().t,i=n.Buyer,o=s.useMemo((function(){return(null===i||void 0===i?void 0:i.ID)?"/user/".concat(i.ID.toString(36)):""}),[null===i||void 0===i?void 0:i.ID]);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"jsx-671eda0c2536e770 container",children:[(0,t.jsx)(g.Z,{href:o,children:(0,t.jsxs)(x.Z,{alignItems:"flex-start",button:!0,children:[(0,t.jsx)(h.Z,{children:(0,t.jsx)("div",{className:"jsx-671eda0c2536e770 placeholder"})}),(0,t.jsx)(v.Z,{primary:(null===i||void 0===i?void 0:i.Name)||r("guest"),primaryTypographyProps:{noWrap:!0},secondary:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(D.Z,{user:i}),(0,t.jsxs)("div",{className:"jsx-671eda0c2536e770",children:[r(n.CurrentPlan||"")," $",(n.CurrentPrice||0).toLocaleString()]})]}),secondaryTypographyProps:{component:"div"},style:{overflowWrap:"break-word"}}),(0,t.jsx)("div",{onClick:function(e){return e.preventDefault()},className:"jsx-671eda0c2536e770 follow",children:(0,t.jsx)(I.Z,{user:i})})]})}),(0,t.jsx)(k.Z,{user:i,style:{position:"absolute",top:"16px",left:"16px"}})]}),(0,t.jsx)(y(),{id:"671eda0c2536e770",children:".container.jsx-671eda0c2536e770{position:relative}.placeholder.jsx-671eda0c2536e770{display:inline-block;width:40px;height:40px}.follow.jsx-671eda0c2536e770{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-left:8px}@media(min-width:360px){.follow.jsx-671eda0c2536e770{margin-top:10px}}"})]})},C=!0,N=function(){var e=(0,a.$G)().t,n=(0,b.Z)("/auth/subscription?role=seller").data;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(o(),{children:(0,t.jsx)("title",{children:"Baskadia"})}),(0,t.jsx)(m.Z,{style:{margin:"16px auto"},children:(0,t.jsxs)(u.Z,{children:[(0,t.jsx)(d.Z,{children:(0,t.jsxs)(c.Z,{style:{padding:"0 8px"},children:[(0,t.jsx)(g.Z,{href:"/home",textLink:!0,children:e("home")}),(0,t.jsx)(g.Z,{href:"/earnings",textLink:!0,children:e("earnings")}),(0,t.jsx)(Z.Z,{children:e("subscribers")})]})}),!n&&(0,t.jsx)(d.Z,{children:(0,t.jsx)(p.Z,{children:(0,t.jsx)(f.Z,{children:[1,2,3].map((function(e){return(0,t.jsxs)(x.Z,{children:[(0,t.jsx)(h.Z,{children:(0,t.jsx)(j.Z,{variant:"circle",width:40,height:40})}),(0,t.jsx)(v.Z,{primary:(0,t.jsx)(j.Z,{variant:"text",width:"100%"}),secondary:(0,t.jsx)(j.Z,{variant:"text",width:"50%"})})]},e)}))})})}),n&&!n.length&&(0,t.jsx)(d.Z,{children:(0,t.jsx)(l.Z,{severity:"info",variant:"filled",children:e("there-are-no-subscribers")})}),n&&!!n.length&&(0,t.jsx)(d.Z,{children:(0,t.jsx)(p.Z,{children:(0,t.jsx)(f.Z,{children:(n||[]).map((function(e){return(0,t.jsx)(E,{subscription:e},e.ID)}))})})})]})})]})}}},function(e){e.O(0,[8652,9040,9774,2888,179],(function(){return n=53489,e(e.s=n);var n}));var n=e.O();_N_E=n}]);