https://class101.net/_next/static/chunks/pages/[lang]/business/adm…/dashboard/charts/time-538d24ce2635d7c3.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[57771],{6049:(e,t,r)=>{"use strict";r.d(t,{m:()=>c});var i=r(4930),n=r(65162),l=r(39593),a=r(65168),o=r(15177),s=r(52371),u=r(84279),d=r(89002);let c=(0,r(68596)._)("OverlayBox")()(e=>{let{open:t,innerRef:r,onDismiss:c,targetRef:h,children:m,zIndex:y,...g}=e,[f,x]=(0,n.useState)(null);(0,u._)(t);let{width:p,height:b}=(0,d.v)();(0,n.useEffect)(()=>{t&&(0,l.x)(h.current).then(e=>{x(e)})},[t,h,p,b]);let v=(0,n.useCallback)(e=>{e.target===e.currentTarget&&(null==c||c(),x(null))},[c]);return f&&t?(0,i.jsxs)(o.Q,{zIndex:y,top:0,right:0,bottom:0,left:0,children:[(0,i.jsx)(s.d,{"data-class101-target-id":"25061e9f0d47",position:"absolute",width:"100%",height:"100%",onClick:()=>null==c?void 0:c()}),(0,i.jsx)(a.a,{"data-class101-target-id":"bcdfabcf7654",as:"div",top:f.y,left:f.x,width:f.width,height:f.height,onClick:v,children:(0,i.jsx)(a.a,{role:"dialog",position:"absolute",ref:r,...g,children:m})})]}):null})},9981:(e,t,r)=>{"use strict";r.d(t,{J:()=>p});var i=r(4930),n=r(50224),l=r(98802),a=r(39580),o=r(71188),s=r(72195),u=r(90302),d=r(4841),c=r(86739),h=r(56392),m=r(78975),y=r(65162);function g(){let e=(0,c._)(["\n    query GetBizCompanyBySlugOnTimePlaytimeChart($slug: String!, $filter: BusinessReportFilter!) {\n  getBizCompanyBySlug(bizCompanySlug: $slug) {\n    id\n    businessReport(filter: $filter) {\n      id\n      timeSeries {\n        id\n        time\n        totalPlaytimeHour\n      }\n    }\n  }\n}\n    "]);return g=function(){return e},e}let f={},x=(0,h.J1)(g()),p=(0,o.o)(function(e){var t,r;let{slug:i,full:n}=e,{startAt:l,endAt:a}=(0,u.Gz)(),{isLoggedIn:o}=(0,d.h)(),{getBizCompanyBySlugData:c,isGetBizCompanyBySlugLoading:h}=function(e){let t={...f,...e},r=m.I(x,t);return y.useMemo(()=>{let{data:e,loading:t,error:i,called:n,refetch:l,fetchMore:a,...o}=r;return{getBizCompanyBySlugData:null==e?void 0:e.getBizCompanyBySlug,isGetBizCompanyBySlugLoading:t,getBizCompanyBySlugError:i,isGetBizCompanyBySlugCalled:n,refetchGetBizCompanyBySlug:l,fetchMoreGetBizCompanyBySlug:a,...o}},[r])}({variables:{slug:i,filter:{after:(0,s.A)(l,"yyyy-MM-dd"),before:(0,s.A)(a,"yyyy-MM-dd")}},context:{single:!0},skip:!o});return{isLoading:h,chartData:null!=(r=null==c||null==(t=c.businessReport.timeSeries)?void 0:t.map(e=>({...e,time:e?"".concat(e.time," - ").concat(e.time+3):""})))?r:[],width:n?1232:540}},e=>{let{isLoading:t,chartData:r,width:o}=e;return t?(0,i.jsx)(n.x,{}):(0,i.jsx)(l.t,{padding:{left:20,right:20,bottom:30,top:0},domainPadding:40,width:o,children:(0,i.jsx)(a.k,{data:r,x:"time",y:"totalPlaytimeHour",style:{data:{fill:"#376DFA"}},barWidth:32})})})},11045:(e,t,r)=>{"use strict";r.d(t,{m:()=>x});var i=r(4930),n=r(65162),l=r(44160),a=r(23237),o=r(42298),s=r(52371),u=r(65168),d=r(43561),c=r(95639),h=r(34135),m=r(37501),y=r(39593),g=r(61044),f=r(22712);let x=(0,r(68596)._)("Tooltip")()(e=>{var t;let{children:r,anchorRef:x,content:p,enterDelay:b=100,leaveDelay:v=0,maxWidth:j=320,onClose:C,onOpen:S,offset:z=8,position:w="top",testId:B="tooltip",hidden:M=!1}=e,[k,R]=(0,n.useState)(!1),[O,E]=(0,n.useState)(!1),[_,I]=(0,n.useState)({x:0,y:0}),T=(0,n.useRef)(null),P=(0,n.useRef)(void 0),G=(0,n.useRef)(void 0),L=(0,n.useRef)(!1),{theme:{zIndex:H}}=(0,a.Am)(),N=(0,n.useRef)(0),{addEventListener:A}=(0,o.c)(),F=(0,n.useCallback)(async()=>{var e;let t=await (0,y.x)(null!=(e=null==x?void 0:x.current)?e:T.current);if(!P.current)return;let{x:r,y:i,left:n,right:a}=((e,t,r,i)=>{let{x:n,y:a}=(0,c.m)({referenceRect:e,targetRect:t,position:r,spacing:i}),o=(0,l.Y)();if(Object.values((0,h._)({viewport:o,targetRect:{...t,x:e.x+n,y:e.y+a}})).every(e=>e<=0))return{x:n+e.x,y:a+e.y};let{x:s,y:u}=(0,c.m)({referenceRect:e,targetRect:t,position:(0,m.J)(r,!1),spacing:i});return Object.values((0,h._)({viewport:o,targetRect:{...t,x:e.x+s,y:e.y+u}})).every(e=>e<=0)?{x:e.x+s,y:e.y+u}:r.includes("top")||r.includes("bottom")?{y:a+e.y,left:n+e.x<0?0:void 0,right:n+e.x+t.width>o.width?0:void 0}:r.includes("right")?{y:a+e.y,right:o.width-(n+e.x+t.width)}:{x:n+e.x,y:a+e.y}})(t,await (0,y.x)(P.current),w,z);I({x:r,y:i,left:n,right:a}),E(!0)},[x,z,w]),D=(0,n.useMemo)(()=>"function"==typeof window.matchMedia&&window.matchMedia("(hover: hover)").matches,[]),W=()=>{L.current=!1,clearTimeout(G.current),G.current=setTimeout(()=>{M||R(!0),null==S||S()},b)},$=(0,n.useCallback)(()=>

1{L.current=!0,clearTimeout(G.current),G.current=setTimeout(()=>{E(!1),null==C||C()},v)},[v,C]);(0,n.useEffect)(()=>A(e=>{let{scrollPosition:t}=e;N.current!==t&&$(),N.current=t}),[A,$,N]),((e,t,r)=>{(0,n.useEffect)(()=>{let i=e.current;if(r&&i)return i.addEventListener("click",t,!0),()=>i.removeEventListener("click",t,!0)})})(T,()=>{if(k&&!L.current)return void $();if(k){clearTimeout(G.current),L.current=!1,M||F(),null==S||S();return}W()},!D),(0,n.useEffect)(()=>()=>clearTimeout(G.current),[]);let J=(0,n.useCallback)(e=>{P.current=e,e&&F()},[F]);return(0,i.jsxs)(f.z,{"data-testid":B,children:[(0,i.jsx)(s.d,{ref:T,onHoverIn:D?W:void 0,onHoverOut:D?$:void 0,children:r}),k&&(0,i.jsx)(d.e,{ref:J,duration:200,easing:"easeOutQuad",animation:{opacity:+!!O},onEnd:O?void 0:()=>{M||(R(!1),I({x:0,y:0}))},children:(0,i.jsx)(u.a,{maxWidth:j,position:"fixed",py:6,px:8,zIndex:H.dropdown,top:_.y,left:null!=(t=_.left)?t:_.x,right:_.right,rounded:"md",backgroundColor:"inverseSurface",flexShrink:0,children:"string"==typeof p?(0,i.jsx)(g.n,{level:4,color:"onInverseSurface",children:p}):p})})]})})},12903:(e,t,r)=>{"use strict";r.d(t,{W:()=>l});var i=r(65162),n=r(13727);let l=e=>{let{initialInView:t,onChange:r,options:l}=e,a=(0,i.useRef)(void 0),[o,s]=(0,i.useState)(t),u=(0,n.c)(r),d=(0,i.useCallback)(()=>{var e;null==(e=a.current)||e.disconnect(),a.current=void 0},[]),c=(0,i.useCallback)(e=>{d(),e&&(a.current=new IntersectionObserver(e=>{let[t]=e;s(t.isIntersecting),null==u||u(t.isIntersecting)},l),a.current.observe(e))},[u,l,d]);return(0,i.useEffect)(()=>d,[d]),{ref:c,isInView:o}}},13897:(e,t,r)=>{"use strict";r.d(t,{e:()=>c});var i=r(4930),n=r(65162),l=r(15531);let a=(0,n.createContext)(void 0);var o=r(24653),s=r(68596),u=r(56275);let d=(0,s._)("Avatar")((0,u.X)({props:[{name:"size",responsive:!0}],variants:e=>{let{size:t}=e;return"number"==typeof t?{size:t,borderRadius:t/2}:"xs"===t?{size:16,borderRadius:8}:"sm"===t?{size:24,borderRadius:12}:"md"===t?{size:30,borderRadius:15}:{size:44,borderRadius:22}}}))(e=>{let{testId:t,src:r,alt:a,size:s,borderRadius:u,placeholder:d,innerRef:c}=e,{avatar:h}=(0,o.h)(),m=(0,n.useMemo)(()=>d||(null==h?void 0:h.placeholder)||"",[h,d]),[y,g]=(0,n.useState)(r||m);return(0,n.useEffect)(()=>{g(r||m)},[m,r]),(0,i.jsx)(l._,{ref:c,testId:t,src:y,alt:a,width:s,height:s,borderRadius:u,onError:()=>{g(m)},loading:"eager",sizes:s})}),c=(0,n.memo)(e=>{let{size:t,ref:r,...l}=e,o=(0,n.useContext)(a);return(0,i.jsx)(d,{...l,size:null!=o?o:t,ref:r})});c.displayName="Avatar"},18004:(e,t,r)=>{"use strict";r.d(t,{w:()=>m});var i=r(4930),n=r(71188),l=r(22712),a=r(48621),o=r(16615),s=r(66526),u=r(90302),d=r(37902),c=r(20925),h=r(41908);let m=(0,n.o)(e=>{let{title:t,companySlug:r}=e,{startAt:i,endAt:n}=(0,u.Gz)(),{getUrl:l}=(0,d.h)(),{push:a}=(0,h.W)();return{title:t,goBack:()=>{a({pathname:l("/[lang]/business/admin/[companySlug]/dashboard",{companySlug:r}),search:"?startAt=".concat((0,c.G)(i,"yyyy-MM-dd"),"&endAt=").concat((0,c.G)(n,"yyyy-MM-dd"))})}}},e=>{let{title:t,goBack:r}=e;return(0,i.jsxs)(l.z,{alignVertical:"center",spacing:6,children:[(0,i.jsx)(a.K,{"data-class101-target-id":"33c4d5464e8b",size:"md",IconComponent:s.S,onClick:r}),(0,i.jsx)(o.h,{level:2,children:t})]})})},21933:(e,t,r)=>{"use strict";r.d(t,{U:()=>l});var i=r(65162),n=r(33902);function l(e){var t;let{data:r,pageSize:l,onIndexChange:a}=e,o=(0,i.useMemo)(()=>(0,n.i)(r,l),[r,l]),[s,u]=(0,i.useState)(0);return{pageData:null!=(t=o[s])?t:[],total:r.length,pageSize:l,changePage:e=>{let t=e-1;t>=o.length||t<0||(u(t),null==a||a(t))}}}},22328:(e,t,r)=>{"use strict";r.d(t,{m:()=>R});var i=r(4930),n=r(65162),l=r(82759),a=r(44160),o=r(89002),s=r(92672),u=r(42316),d=r(9552),c=r(23237),h=r(84279),m=r(65168),y=r(24801),g=r(6049),f=r(21788),x=r(43561),p=r(95639),b=r(34135),v=r(37501),j=r(27691),C=r(30003),S=r(89309),z=r(39593),w=r(42588),B=r(75053);let M=(0,r(68596)._)("Dropdown")(),k=e=>l.i?0:Math.min(B.B8,"number"==typeof e?e:0),R=M(e=>{let{defaultOpen:t=!1,open:r,calculatedHeight:l=!0,renderOpener:B,renderContents:M,position:R="bottom",spacing:O=8,onClose:E,onOpen:_,testId:I="dropdown",py:T,pb:P,pt:G,width:L,minWidth:H,maxHeight:N}=e,A=(0,n.useRef)(null),F=(0,n.useRef)(null),D=(0,n.useRef)(null),[W,$]=(0,j.i)({value:r,defaultValue:t}

1),[J,X]=(0,n.useState)(!1),[V,K]=(0,n.useState)({}),[U,q]=(0,n.useState)(R.startsWith("top")?"top":"bottom"),[Q,Y]=(0,n.useState)(),[Z,ee]=(0,n.useState)(),{height:et}=(0,o.v)(),{generateStyle:er}=(0,s.c)(),{bottom:ei}=er({edges:["bottom"],minInsets:{bottom:20}}),{rootBreakPointIndex:en,getRootResponsiveValue:el}=(0,u.tv)(),ea=0===en,eo=(0,C.O)(T)?el(T):12,es=k(ea?el(null!=G?G:24):(0,C.O)(G)?el(G):eo),eu=k(ea?20:(0,C.O)(P)?el(P):eo),{offset:ed}=(0,d.yD)({position:"top"}),{offset:ec}=(0,d.yD)({position:"bottom"}),{theme:{zIndex:eh}}=(0,c.Am)(),{mode:em}=(0,c.Rk)({root:!0}),ey=(0,n.useMemo)(()=>({mode:em}),[em]),eg=(0,n.useCallback)(()=>!!ea&&($(!1),W),[ea,W,$]);(0,S.H)(eg),(0,h._)(W||J);let ef=(0,n.useCallback)(()=>{$(!0),null==_||_()},[_,$]),ex=(0,n.useCallback)(()=>{$(!1),null==E||E()},[E,$]);(0,n.useEffect)(()=>{if(!W||"undefined"==typeof document)return;let e=e=>{var t;"Escape"===e.code&&(null==(t=D.current)?void 0:t.contains(e.target))&&ex()};return document.addEventListener("keydown",e,!0),()=>document.removeEventListener("keydown",e,!0)},[ex,W]);let ep=(0,n.useMemo)(()=>null==B?void 0:B({open:ef,isOpen:W,ref:F}),[W,ef,B]),eb=(0,n.useCallback)(async e=>{var t;let{width:r,height:i,top:n,left:l}=e,o=await (0,z.x)(null!=(t=F.current)?t:A.current),s=i;if(ea)(0,C.O)(N)&&(s=Math.min(s,el(N))),ee(s);else{let e,t,{x:s,y:u}=((e,t,r,i)=>{let[n,l]=r.split("-"),{x:o,y:s}=(0,p.m)({referenceRect:e,targetRect:t,position:r,spacing:i}),u=(0,a.Y)(),d=(0,b._)({viewport:u,targetRect:{...t,x:e.x+o,y:e.y+s}}),c=n,h=[l];return Object.values(d).every(e=>e<=0)?{x:o,y:s}:(d[n]>0&&(c=(0,v.J)(n)),(e=>"top"===e||"bottom"===e?["left","right"]:["top","bottom"])(n).some(e=>d[e]>0)&&(h=["start",void 0,"end"].filter(e=>e!==l)),h.map(r=>(0,p.m)({referenceRect:e,targetRect:t,position:void 0!==r?[c,r].join("-"):c,spacing:i})).find(r=>{let{x:i,y:n}=r;return Object.values((0,b._)({viewport:u,targetRect:{...t,x:e.x+i,y:e.y+n}})).every(e=>e<=0)})||{x:o,y:s})})(o,{x:l,y:n,width:r,height:i+(T?el(T):12)*2},R,O),d=Math.max("number"==typeof ed?ed:8,8),c=Math.max("number"==typeof ec?ec:8,8),h=(T?el(T):12)*2,m=Math.max(0,o.y-d-O),y=Math.max(0,et-(o.y+o.height+O+c));u>0?y<100&&m>y?(e="top",t=m):(e="bottom",t=y):u<0?m<100&&y>m?(e="bottom",t=y):(e="top",t=m):(e="bottom",t=y);let g=Math.min(i+h,t);(0,C.O)(N)&&(g=Math.min(g,el(N)+h));let f=Math.max(0,g-h);q(e),"bottom"===e?K({x:s,y:o.height+O}):K({x:s,y:-(g+O)}),ee(f)}},[el,ea,N,R,T,O,ec,ed,et]),ev=(0,n.useCallback)(e=>{let{height:t}=e;Y(t)},[]);return(0,n.useEffect)(()=>{W||X(!1)},[W]),(0,n.useEffect)(()=>{(0,C.O)(null==V?void 0:V.x)&&(0,C.O)(null==V?void 0:V.y)&&X(!0)},[V]),(0,n.useEffect)(()=>{ea&&(0,C.O)(Z)&&X(!0)},[Z,ea]),(0,n.useEffect)(()=>{J||(K({}),ee(void 0))},[J]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(m.a,{ref:A,flexShrink:0,children:ep}),!ea&&W&&(0,i.jsx)(y.NP,{theme:ey,children:(0,i.jsx)(g.m,{open:W,onDismiss:ex,targetRef:F.current?F:A,zIndex:eh.dropdown,top:V.y,left:V.x,children:(0,i.jsx)(x.e,{animation:J?{opacity:1,scale:1,y:0}:{opacity:0,scale:.95,y:"bottom"===U?-8:8},duration:150,children:(0,i.jsx)(m.a,{alignSelf:"flex-start",children:(0,i.jsx)(m.a,{backgroundColor:"surface2",py:(0,C.O)(T)?T:12,elevationLevel:2,rounded:"md",minWidth:H?el(H):["100%",240,240],pb:P,pt:G,width:L,children:(0,i.jsx)(x.e,{animation:J?{height:l&&(0,C.O)(Z)?Z+es+eu:void 0}:{},duration:150,children:(0,i.jsx)(f.Z,{height:l&&(0,C.O)(Z)?Z+es+eu:void 0,pt:es,mt:-es,pb:eu,mb:-eu,hideScroll:(null!=Q?Q:0)<et-120,children:(0,i.jsx)(m.a,{ref:D,onLayout:eb,flexShrink:0,"data-testid":I,children:M({close:ex})})})})})})})})}),ea&&(0,i.jsx)(y.NP,{theme:ey,children:(0,i.jsx)(w.z,{"data-class101-target-id":"255289cb2b06",open:W,zIndex:eh.dropdown,onClick:ex,transitionDuration:200,children:(0,i.jsx)(x.e,{animation:{y:J?0:null!=Q?Q:et},duration:200,children:(0,i.jsx)(m.a,{mt:"auto",pt:null!=G?G:24,pb:ei,width:"100%",maxHeight:et-120,backgroundColor:"surface2",roundedTopLeft:"2xl",roundedTopRight:"2xl",onLayout:ev,children:(0,i.jsx)(x.e,{animation:{height:(0,C.O)(Z)?Z+es+eu:void 0},duration:200,children:(0,i.jsx)(f.Z,{height:(0,C.O)(Z)?Z+es+eu:void 0,pt:es,mt:-es,pb:eu,mb:-eu,hideScroll:(null!=Q?Q:0)<et-120,children:(0,i.jsx)(m.a,{ref:D,onLayout:eb,flexShrink:0,"data-testid":I,children:M({close:ex})})})})})})})})]})})},23724:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/[lang]/business/admin/[companySlug]/dashboard/charts/time",function(){return r(82242)}])},24653:(e,t,r)=>{"use strict";r.d(t,{T:()=>a,h:()=>o});var i=r(4930),n=r(65162);let l=(0,n.createContext)({avatar:{placeholder:"https://cdn.class101.net/images/2483a7e5-8c20-4ac7-a209-805b4482664d"},cardNumberField:{cardIconMap:{}}}),a=e=>{let{children:t,...r}=e,a=o(),s=(0,n.useMemo)(()=>({...a,...r}),[a,r]);return(0,i.jsx)(l.Provider,{value:s,children:t})},o=()=>(0,n.useContext)(l);a.displayName="CustomizationProvider"},33902:(e,t,r)=>{"use strict";r.d(t,{i:()=>l});var i=r(88131),n=r(35086);function l(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return 0!==(t=Math.max(Math.floor(t),0))&&(0,n.X)(e)?function(e,t){if(!Number.isInteger(t)||t<=0)throw Error("Size must be an integer greater than zero.");let r=Math.ceil(e.length/t),i=Array(r);for(let n=0;n<r;n++){let r=n*t,l=r+t;i[n]=e.slice(r,l)}return i}((0,i.$)(e),t):[]}},34135:(e,t,r)=>{"use strict";r.d(t,{_:()=>i});let i=e=>{let{viewport:t,targetRect:r}=e,i=-r.y,n=r.y+r.height-t.height;return{top:i,bottom:n,left:-r.x,right:r.x+r.width-t.width}}},37501:(e,t,r)=>{"use strict";r.d(t,{J:()=>i});let i=function(e){let t=!(arguments.length>1)||void 0===arguments[1]||arguments[1],[r,i]=e.split("-"),n={top:"bottom",bottom:"top",left:"r

1ight",right:"left"};return i?[n[r],t?({start:"end",end:"start"})[i]:i].join("-"):n[r]}},39593:(e,t,r)=>{"use strict";function i(e){return new Promise(t=>{e.measure?e.measure((e,r,i,n,l,a)=>{t({x:l,y:a,width:i,height:n})}):new IntersectionObserver((e,r)=>{let[i]=e;r.disconnect();let{boundingClientRect:n}=i,{x:l,y:a,width:o,height:s}=n;t({x:l,y:a,width:o,height:s})}).observe(e)})}r.d(t,{x:()=>i})},44226:(e,t,r)=>{"use strict";r.d(t,{S:()=>o});var i=r(4930),n=r(65162),l=r(47952),a=r(36607);let o=Object.assign((0,n.memo)(e=>{let{size:t=24,fill:r="onColor",linearGradient:n,testId:o="check-fill",...s}=e;return(0,i.jsx)(a.z,{viewBox:"0 0 24 24",size:t,fill:r,linearGradient:n,testId:o,...s,children:(0,i.jsx)(l.B.Path,{d:"M1.565 10.621a1 1 0 0 1 0-1.414l.142-.142a1 1 0 0 1 1.414 0L10 15.944 20.879 5.065a1 1 0 0 1 1.414 0l.141.142a1 1 0 0 1 0 1.414L10.707 18.348a1 1 0 0 1-1.414 0z"})})}),{iconType:"Fill"});o.displayName="CheckFill"},66526:(e,t,r)=>{"use strict";r.d(t,{S:()=>o});var i=r(4930),n=r(65162),l=r(47952),a=r(36607);let o=Object.assign((0,n.memo)(e=>{let{size:t=24,fill:r="onColor",linearGradient:n,testId:o="arrowleft-fill",...s}=e;return(0,i.jsx)(a.z,{viewBox:"0 0 24 24",size:t,fill:r,linearGradient:n,testId:o,...s,children:(0,i.jsx)(l.B.Path,{d:"M11.174 4.174a.5.5 0 0 1 0 .707l-6.02 6.02H21.25a.5.5 0 0 1 .5.5V12.6a.5.5 0 0 1-.5.5H5.154l6.02 6.019a.5.5 0 0 1 0 .707l-.848.848a.5.5 0 0 1-.707 0l-8.321-8.32a.5.5 0 0 1 0-.708l8.321-8.32a.5.5 0 0 1 .707 0z"})})}),{iconType:"Fill"});o.displayName="ArrowLeftFill"},82242:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>_});var i=r(4930),n=r(79536),l=r(4841),a=r(30448),o=r(18004),s=r(34916),u=r(9981),d=r(71188),c=r(27919),h=r(2529),m=r(60951),y=r(65162),g=r(90302),f=r(21933),x=r(20925),p=r(86739),b=r(56392),v=r(78975);function j(){let e=(0,p._)(["\n    query GetBizCompanyBySlugOnTimePlaytimeTable($slug: String!, $filter: BusinessReportFilter!) {\n  getBizCompanyBySlug(bizCompanySlug: $slug) {\n    id\n    businessReport(filter: $filter) {\n      id\n      timeSeries {\n        id\n        time\n        totalPlaytimeMinute\n      }\n    }\n  }\n}\n    "]);return j=function(){return e},e}let C={},S=(0,b.J1)(j()),z=(0,d.o)(function(e){let{slug:t}=e,{startAt:r,endAt:i}=(0,g.Gz)(),{isLoggedIn:n}=(0,l.h)(),{getBizCompanyBySlugData:a,isGetBizCompanyBySlugLoading:o}=function(e){let t={...C,...e},r=v.I(S,t);return y.useMemo(()=>{let{data:e,loading:t,error:i,called:n,refetch:l,fetchMore:a,...o}=r;return{getBizCompanyBySlugData:null==e?void 0:e.getBizCompanyBySlug,isGetBizCompanyBySlugLoading:t,getBizCompanyBySlugError:i,isGetBizCompanyBySlugCalled:n,refetchGetBizCompanyBySlug:l,fetchMoreGetBizCompanyBySlug:a,...o}},[r])}({variables:{slug:t,filter:{after:(0,x.G)(r,"yyyy-MM-dd"),before:(0,x.G)(i,"yyyy-MM-dd")}},context:{single:!0},skip:!n}),s=(0,y.useMemo)(()=>{var e,t;return null!=(t=null==a||null==(e=a.businessReport.timeSeries)?void 0:e.map(e=>({...e,time:e?"".concat(e.time," - ").concat(e.time+3):""})))?t:[]},[null==a?void 0:a.businessReport.timeSeries]),{pageData:u,changePage:d,total:c}=(0,f.U)({data:s,pageSize:10});return{isLoading:o,pageData:u,total:c,changePage:d}},e=>{let{isLoading:t,pageData:r,total:n,changePage:l}=e;return(0,i.jsxs)(c.T,{spacing:16,children:[(0,i.jsxs)(h.XI,{data:r,rowKey:"id",loading:t,children:[(0,i.jsx)(h.XI.Column,{dataKey:"time",title:"시간대",alignHorizontal:{header:"start",dataCell:"start"}},"time"),(0,i.jsx)(h.XI.Column,{dataKey:"totalPlaytimeMinute",title:"수강시간(분)",alignHorizontal:{header:"end",dataCell:"end"}},"totalPlaytimeHour")]}),(0,i.jsx)(m.G,{total:n,defaultPageSize:10,onPageChange:l,pagination:!0})]})});var w=r(86879),B=r(54991),M=r(22712),k=r(13248);let R=e=>{let{match:{params:{companySlug:t}}}=e;return(0,i.jsx)(w.a,{children:(0,i.jsx)(c.T,{width:"100%",alignHorizontal:"center",children:(0,i.jsx)(c.T,{width:"100%",maxWidth:1232,children:(0,i.jsx)(g.We,{slug:t,children:(0,i.jsxs)(c.T,{spacing:24,mb:48,children:[(0,i.jsxs)(M.z,{alignVertical:"center",mt:52,mb:4,alignHorizontal:"space-between",children:[(0,i.jsx)(o.w,{title:(0,i.jsx)(B.V,{id:"business.dashboard.time-playtime",defaultMessage:"시간대별 평균 수강시간"}),companySlug:t}),(0,i.jsx)(s.U,{companySlug:t})]}),(0,i.jsx)(k.t,{rounded:"md",p:32,borderColor:"outline1",borderWidth:1,borderStyle:"solid",backgroundColor:"surface2",mb:36,children:(0,i.jsx)(u.J,{full:!0,slug:t})}),(0,i.jsx)(z,{slug:t})]})})})})})};var O=r(7774),E=r(98518);let _=e=>{let{companySlug:t}=(0,a.g)(),{isLoggedIn:r}=(0,l.h)();return r?(0,i.jsx)(E.k,{slug:t,pending:(0,i.jsx)(O.A,{}),notManagerRender:"/",children:(0,i.jsx)(R,{...e})}):(0,i.jsx)(n.e,{})}},95639:(e,t,r)=>{"use strict";r.d(t,{m:()=>i});let i=e=>{let{referenceRect:t,targetRect:r,position:i,spacing:n=0}=e,[l,a]=i.split("-"),o="top"===l||"bottom"===l,s=(t.width-r.width)/2,u=(t.height-r.height)/2,d={x:0,y:0};switch(l){case"top":d={x:s,y:-1*r.height-n};break;case"bottom":d={x:s,y:t.height+n};break;case"right":d={x:t.width+n,y:u};break;case"left":d={x:-1*r.width-n,y:u}}switch(a){case"start":d={...d,...o?{x:0}:{y:0}};break;case"end":d={...d,...o?{x:t.width-r.width}:{y:t.height-r.height}}}return d}},98091:(e,t,r)=>{"use strict";r.d(t,{S:()=>o});var i=r(4930),n=r(65162),l=r(47952),a=r(36607);let o=Object.assign((0,n.memo)(e=>{let{size:t=24,fill:r="onColor",linearGradient:n,testId:o="morehorizontal-fill",...s}=e;return(0,i.jsx)(a.z,{viewBox:"0 0 24 24",size:t,fill:r,linearGradient:n,testId:o,...s,children:(0,i.jsx)(l.B.Path,{d:"M4 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4m8 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4m8 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4"})})}),{iconType:"Fill"});o.displayName="MoreHorizontalFill"}},e=>{e.O(0,[72195,82691,58796,44187,86879,76863,89729,90636,46593,38792],()=>e(e.s=23724)),_N_E=e.O()}]);
2//# sourceMappingURL=time-538d24ce2635d7c3.js.map