https://mond.how/_next/static/chunks/pages/my/analytics/membership-93e245d8a8a29883.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1079],{95735:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/my/analytics/membership",function(){return a(78332)}])},78332:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSG:function(){return W},default:function(){return $}});var n=a(52322),r=a(45516),s=a(27006),i=a(21190),l=a(59772),c=a(2784),u=a(68322),d=a(94182),o=a(62799),m=a(39513),v=a(81861),g=a(95072),b=a(90363),y=a(69678),h=a(2822),p=a(32440),_=a(84163);let M=()=>{let{gqlClient:e}=(0,b.gq)(),{t}=(0,l.$G)(),{data:a}=(0,p.pnl)(e,{user_id:_.b}),{data:r}=(0,p.WDr)(e),s=(0,c.useMemo)(()=>(null==r?void 0:r.getMembershipStats)||{},[null==r?void 0:r.getMembershipStats]),i=(0,c.useMemo)(()=>{if(!s.gender_group)return[];let e=s.gender_group;return Object.keys(e).map(a=>{var n;return{name:"notAnswered"===a?t("Analytics.Unanswered"):t("Gender.".concat(a)),value:Number(null!==(n=e[a])&&void 0!==n?n:0)}})},[s.gender_group,t]),u=(0,c.useMemo)(()=>{if(!s.age_group)return[];let e=s.age_group,a=e=>{switch(e){case"underTwenty":return t("Under {{age}} years old",{age:20});case"twenty":return"20〜29".concat(t("Analytics.years old"));case"thirty":return"30〜39".concat(t("Analytics.years old"));case"overForty":return t("Analytics.Over {{age}} years old",{age:40});default:return t("Analytics.Unanswered")}};return Object.keys(e).map(t=>{var n;return{name:a(t),value:Number(null!==(n=e[t])&&void 0!==n?n:0)}})},[s.age_group,t]);return a&&r&&(null==r?void 0:r.getMembershipStats)?(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)("div",{className:"flex flex-col md:flex-row mt-6 gap-[16px] md:gap-0",children:[(0,n.jsxs)("div",{className:"md:w-[50%]",children:[(0,n.jsx)("h3",{className:"tg-heading-6 mb-5",children:t("Analytics.Gender")}),(0,n.jsx)(o.uc,{data:i})]}),(0,n.jsxs)("div",{className:"md:w-[50%]",children:[(0,n.jsx)("h3",{className:"tg-heading-6 mb-5",children:t("Analytics.ByAge")}),(0,n.jsx)(o.uc,{data:u})]})]})}):null};var w=a(55195),f=a(43157),A=a(13986),x=a(4254),Z=a(35433),D=a(4895),j=a(59127),N=a(63650),L=a(49435);function E(e,t){(0,D.Z)(1,arguments);var a,n=e||{},r=(0,L.Z)(n.start),s=(0,L.Z)(n.end).getTime();if(!(r.getTime()<=s))throw RangeError("Invalid interval");var i=[];r.setHours(0,0,0,0);var l=Number(null!==(a=null==t?void 0:t.step)&&void 0!==a?a:1);if(l<1||isNaN(l))throw RangeError("`options.step` must be a number greater than 1");for(;r.getTime()<=s;)i.push((0,L.Z)(r)),r.setDate(r.getDate()+l),r.setHours(0,0,0,0);return i}var k=a(7223),S=a(31460),C=a(33838);let Y=e=>{let{membershipSettings:t,period:a}=e,{gqlClient:n}=(0,b.gq)(),r=t&&t.length>0?t[0].user_id:"",l=(0,c.useMemo)(()=>{var e;return null!==(e=null==t?void 0:t.map(e=>e.id))&&void 0!==e?e:[]},[t]),u=(0,C.Z)((0,f.Z)(new Date),"Asia/Tokyo"),d=(0,c.useCallback)(e=>{switch(e){case w.a.DAYS_7:return(0,A.Z)(u,7);case w.a.DAYS_90:return(0,A.Z)(u,90);case w.a.YEAR:return function(e,t){(0,D.Z)(2,arguments);var a=(0,x.Z)(t);return(0,Z.Z)(e,-a)}(u,1);case w.a.ALL:return t?t.map(e=>new Date(e.created_at)).sort(s.Z)[0]:u;case w.a.DAYS_30:default:return(0,A.Z)(u,30)}},[t,u]),{data:o,isFetching:m}=(0,p.VnU)(n,{user_id:r,since_date:(0,f.Z)(d(w.a.ALL))},{enabled:r.length>0}),v=(0,c.useMemo)(()=>{var e;return null!==(e=null==o?void 0:o.daily_membership_active_count)&&void 0!==e?e:[]},[null==o?void 0:o.daily_membership_active_count]);return{activeUserChartData:(0,c.useMemo)(()=>{let e=(0,f.Z)(d(a)),t=(0,i.Z)(u,e)>=90,n=v.reduce((e,t)=>(e[t.date]=(e[t.date]||0)+t.active_count,e),{}),r=[],s=(0,j.Z)([(0,f.Z)(d(w.a.ALL)),e]),l=0;for(;s<=u;){let e=(0,N.Z)(s,"yyyy-MM-dd");if(t){let t=E({start:(0,A.Z)(s,6),end:s}).filter(e=>n[(0,N.Z)(e,"yyyy-MM-dd")]>0),a=t.length>0?t[t.length-1]:s,r=(0,N.Z)(a,"yyyy-MM-dd");l=void 0!==n[e]?n[e]:void 0!==n[r]?n[r]:l}else l=void 0!==n[e]?n[e]:l;r.push({date:e,value:l}),s=(0,k.Z)(s,t?7:1)}return r.filter(t=>{let{date:a}=t;return(0,S.Z)(new Date(a),e)})},[v,d,u,a]),latestActiveUserCount:(0,c.useMemo)(()=>v&&0!==v.length?l.map(e=>v.filter(t=>t.membership_setting_id===e).sort((e,t)=>(function(e,t){(0,D.Z)(2,arguments);var a=(0,L.Z)(e),n=(0,L.Z)(t),r=a.getTime()-n.getTime();return r>0?-1:r<0?1:r})(new Date(e.date),new Date(t.date)))[0]).filter(e=>void 0!==e):[],[v,l]),isFetching:m}};var F=a(26692);let T="create",O="cancel",U=(e,t)=>{var a;return null!==(a=null==e?void 0:e.daily_resource_access_count.filter(e=>e.action===t))&&void 0!==a?a:[]},G=(e,t,a)=>{let n=(0,i.Z)(a,t)>=90,r=e.reduce((e,t)=>

1(e[t.aggregated_date]=(e[t.aggregated_date]||0)+t.count,e),{}),s=[],l=t;for(;l<=a;){let e=(0,F.L0)(l,"yyyy-MM-dd"),t=E({start:l,end:(0,F.E4)(l,5)});s.push({date:e,value:n?t.reduce((e,t)=>e+(r[(0,F.L0)(t,"yyyy-MM-dd")]||0),0):r[e]||0}),l=(0,F.E4)(l,n?6:1)}return s},R=(e,t)=>{let a={},n=0;return e.forEach(e=>{a[e.resource_id]=(a[e.resource_id]||0)+e.count,n+=e.count}),{cardData:Object.entries(a).map(e=>{var a,n;let[r,s]=e;return{title:null!==(n=null==t?void 0:null===(a=t.find(e=>e.id===r))||void 0===a?void 0:a.name)&&void 0!==n?n:"",value:s.toLocaleString()}}),total:n}},X=e=>{var t;let{membershipSettings:a,period:n}=e,{gqlClient:r}=(0,b.gq)(),i=null!==(t=null==a?void 0:a.map(e=>e.id))&&void 0!==t?t:[],l=(0,C.Z)((0,F.b7)(new Date),"Asia/Tokyo"),u=(0,F.b7)((e=>{switch(e){case w.a.DAYS_7:return(0,F.E4)(l,-7);case w.a.DAYS_90:return(0,F.E4)(l,-90);case w.a.YEAR:return(0,F.Bc)(l,-1);case w.a.ALL:return a.map(e=>new Date(e.created_at)).sort(s.Z)[0];case w.a.DAYS_30:default:return(0,F.E4)(l,-30)}})(n)),{data:d,isFetching:o}=(0,p.HKX)(r,{resource_ids:i,since_date:u},{enabled:i.length>0}),{data:m,isFetching:v}=(0,p.HKX)(r,{resource_ids:i,since_date:(0,F.b7)((0,F.E4)(l,-30))},{enabled:i.length>0}),g=(0,c.useMemo)(()=>U(d,T),[d]),y=(0,c.useMemo)(()=>U(d,O),[d]),h=(0,c.useMemo)(()=>G(g,u,l),[g,l,u]),_=(0,c.useMemo)(()=>G(y,u,l),[y,l,u]),{cardData:M,total:f}=(0,c.useMemo)(()=>R(U(m,T),a),[m,a]),{cardData:A,total:x}=(0,c.useMemo)(()=>R(U(m,O),a),[a,m]);return{newMemberCardData:M,newMemberChartData:h,newMemberTotal:f,canceledMemberChartData:_,canceledMemberCardData:A,canceledMemberTotal:x,isFetching:o||v}},q={activeMembers:"activeMembers",newMembers:"newMembers",cancellations:"cancellations"},H={activeMembers:"Analytics.Active Members",newMembers:"Analytics.New Members",cancellations:"Analytics.Cancellations"},B=()=>{let{t:e}=(0,l.$G)(),{userId:t}=(0,b.gq)(),{membershipSettings:a}=(0,v.r)(),{selectedPeriod:r,displayPeriodSelectorItems:p}=(0,w.O)(),{newMemberTotal:f,newMemberCardData:A,newMemberChartData:x,canceledMemberTotal:Z,canceledMemberCardData:D,canceledMemberChartData:j,isFetching:N}=X({membershipSettings:a,period:r}),{activeUserChartData:L,latestActiveUserCount:E,isFetching:k}=Y({membershipSettings:a,period:r}),S=E.length>0?E.reduce((e,t)=>{var a;return e+(null!==(a=t.active_count)&&void 0!==a?a:0)},0):0,C=[{main:{title:e("Analytics.Active Members"),value:S},items:E.length>0&&a&&(null==a?void 0:a.length)>0?a.map(e=>{var t,a;return{title:e.name,value:null!==(a=null===(t=E.find(t=>t.membership_setting_id===e.id))||void 0===t?void 0:t.active_count)&&void 0!==a?a:0}}):[],isLoading:k},{main:{title:"".concat(e("Analytics.New Members"),"（").concat(e("Analytics.Last{{day}}Days",{day:30}),"）"),value:f},items:A,isLoading:N},{main:{title:"".concat(e("Analytics.Cancellations"),"（").concat(e("Analytics.Last{{day}}Days",{day:30}),"）"),value:Z},items:D,isLoading:N}],[F,T]=(0,c.useState)(q.activeMembers),O=(0,c.useMemo)(()=>[{key:q.activeMembers,label:(0,n.jsx)(h.y,{label:e(H[q.activeMembers]),value:S,useAbbreviation:!0,isLoading:k}),onClick:()=>T(q.activeMembers),isActive:F===q.activeMembers},{key:q.newMembers,label:(0,n.jsx)(h.y,{label:e(H[q.newMembers]),value:x.reduce((e,t)=>e+t.value,0),useAbbreviation:!0,isLoading:N}),onClick:()=>T(q.newMembers),isActive:F===q.newMembers},{key:q.cancellations,label:(0,n.jsx)(h.y,{label:e(H[q.cancellations]),value:j.reduce((e,t)=>e+t.value,0),useAbbreviation:!0,isLoading:N}),onClick:()=>T(q.cancellations),isActive:F===q.cancellations}],[j,x,F,e,S,k,N]),U=(0,c.useMemo)(()=>{switch(F){case q.activeMembers:return L;case q.newMembers:return x;case q.cancellations:return j;default:(0,u.assertNever)(F)}},[L,j,x,F]),{isMobile:G}=(0,g.F)(),R=(0,c.useMemo)(()=>{if(G)return Math.floor(U.length/7);switch(r){case w.a.DAYS_30:return 3;case w.a.YEAR:return 4;case w.a.ALL:let e=a&&a.length>0?a.map(e=>new Date(e.created_at)).sort(s.Z)[0]:new Date;if((0,i.Z)(new Date,new Date(e))>90)return 4;return U.length>30?6:void 0;default:return}},[G,a,U.length,r]);return a&&0!==a.length?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"flex flex-wrap gap-[12px] md:gap-[16px] mb-5",children:C.map((e,t)=>(0,n.jsx)(y.Z,{...e,className:"min-w-[calc(50%-6px)] md:min-w-0 md:max-w-[40%]"},e.main.title+t))}),(0,n.jsx)(m.QU,{className:"text-nowrap justify-self-end my-7",tabs:p}),(0,n.jsx)(m._X,{tabs:O,className:"!w-fit mb-[30px] border-none 

1!static",buttonClassName:"border-b-[3px] pt-0 pb-[16px] px-[8px] md:px-[20px]",isFitContent:!0}),N||k?(0,n.jsx)(d.jk,{py:!0}):(0,n.jsx)(o.wW,{data:U,label:e(H[F]),interval:R}),(0,_.p)(t)&&(0,n.jsx)(M,{})]}):null};var K=a(34725);let P=()=>(0,n.jsx)(K.Y,{children:()=>(0,n.jsx)(B,{})});P.getLayout=r.Y;var W=!0,$=P}},function(e){e.O(0,[3838,6216,5098,2888,9774,179],function(){return e(e.s=95735)}),_N_E=e.O()}]);
2//# sourceMappingURL=membership-93e245d8a8a29883.js.map