https://member.cyberstudio.id/_next/static/chunks/9727-792c4225214940ea.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9727],{89727:function(e,t,i){i.r(t),i.d(t,{default:function(){return et}});var n=i(85893),a=i(1855),l=i(8270),o=i(14641),r=i(37337),d=i(91065),s=i(66847),c=i(13136),u=i(85540),h=i(60949),p=i(52905),x=i(2573),g=i(66839),m=i(67294),b=i(89523);let f=(0,m.createContext)(null),v=e=>{let{children:t}=e,i=function(){let{tenant:e}=(0,s.S)(),[t,i]=(0,g.v1)("tab",g.Oi.withDefault(e===d.rk.KODIO?"soai":"path"));return{tab:t,setTab:i,...(0,b.B)({materialTypeDefault:"path"})}}();return(0,n.jsx)(f.Provider,{value:i,children:t})},y=()=>{let e=(0,m.useContext)(f);if(!e)throw Error("useCoursesFilter must be used within CoursesFilterProvider");return e};var w=i(11163),j=i(29232),C=()=>{let{tenant:e}=(0,s.S)(),t=(0,w.useRouter)(),i=y(),{setMaterialType:a}=i,l="soai"===i.tab&&e===d.rk.KODIO;return(0,m.useEffect)(()=>{l||null==t.query.materialType||a(null)},[l,t.query.materialType,a]),(0,n.jsx)(j.Z,{...i,showMaterialType:l})},Z=i(31374),k=i(82589),S=i(5037),_=i(70297),P=i(11650),W=i(41408),I=i(50733),M=i(3212),O=()=>{var e,t,i,a,l,o;let{tenant:r}=(0,s.S)(),{tab:c,materialType:u,search:h,sort:p,category:x,progress:g,page:m,setPage:f}=y(),v="soai"===c&&r===d.rk.KODIO,w="path"===c,j="courses"===c,C=(0,b.w)(p),O=(0,W.Q)({materialType:u,search:h,sort:p,category:x,progress:g,page:m,enabled:v}),T=(0,_.cc)({page:m,pageSize:P.b,search:h,progress:g,sort:C,enabled:w}),L=(0,S.o)("all",{search:h,category:x,progress:g,sort:C,enabled:j}),N=[],z=1,D=!1,K=!1;if(v)D=O.isPending,K=O.isError,z=O.totalPages,N="path"===O.mode?O.paths.map(e=>(0,k.hh)(e)):O.courses.map(e=>(0,k.nZ)(e));else if(w){D=T.isPending,K=T.isError;let n=(null===(e=T.data)||void 0===e?void 0:e.pageSize)||P.b;z=Math.ceil((null!==(a=null===(t=T.data)||void 0===t?void 0:t.totalItems)&&void 0!==a?a:0)/n),N=(null!==(l=null===(i=T.data)||void 0===i?void 0:i.paths)&&void 0!==l?l:[]).map(e=>(0,k.hh)(e))}else if(j){D=L.isPending,K=L.isError;let e=null!==(o=L.data)&&void 0!==o?o:[];z=Math.ceil(e.length/P.b),N=e.slice((m-1)*P.b,m*P.b).map(e=>(0,k.nZ)(e))}return((0,I.w)(m,z,f),v||w||j)?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(M.Z,{cards:N,isLoading:D,isError:K}),!D&&!K&&N.length>0&&(0,n.jsx)(Z.Z,{totalPages:z})]}):(0,n.jsx)(M.Z,{cards:[],isLoading:!1,isError:!1})};let T=()=>{var e,t,i,a;let{tenant:l}=(0,s.S)(),{data:g}=(0,x.O_)(),{tab:m}=y(),b=null==g?void 0:g.metadata,f="soai"===m&&l===d.rk.KODIO&&!(0,h.A)(g);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(c.Z,{id:o.l.courseTabs,sx:{minWidth:0,display:"block"},children:(0,n.jsx)(r.Z,{syncToUrl:!0,fullWidth:!0,bleed:!0,tabs:[...l===d.rk.KODIO?[{id:"soai",label:"School of AI",count:null!==(e=null==b?void 0:b.aiSchoolPathCount)&&void 0!==e?e:0}]:[],{id:"path",label:"Learning Path",count:null!==(i=null!==(t=null==b?void 0:b.learningPathCount)&&void 0!==t?t:null==b?void 0:b.regularLearningPathCount)&&void 0!==i?i:0},{id:"courses",label:"Kursus Lain",count:null!==(a=null==b?void 0:b.courseCount)&&void 0!==a?a:0}]})}),(0,n.jsxs)(u.Z,{spacing:2,sx:{mt:2,minWidth:0,maxWidth:"100%"},children:[f&&(0,n.jsx)(p.Z,{}),(0,n.jsx)(C,{}),(0,n.jsx)(O,{})]})]})};var L=()=>(0,n.jsx)(v,{children:(0,n.jsx)(T,{})}),N=i(25675),z=i.n(N),D=i(38468),K=i(54335);let B=K.ZP.div.withConfig({displayName:"style.d__Overlay",componentId:"sc-a5eb3cbd-0"})(["width:100%;height:100%;background:rgba(46,46,46,0.54);position:absolute;display:flex;align-items:center;justify-content:center;z-index:2;"]),E=K.ZP.div.withConfig({displayName:"style.d__ModalCard",componentId:"sc-a5eb3cbd-1"})(["display:flex;flex-direction:column;align-content:center;gap:",";padding:",";min-width:450px;font-family:",";background-color:",";z-index:3;border-radius:",";text-align:center;"],D.n4,D._X,e=>{let{theme:t}=e;return t.fontBody},e=>{let{theme:t}=e;return t.bgLight},D.b4),F=K.ZP.div.withConfig({displayName:"style.d__CloseWrapper",componentId:"sc-a5eb3cbd-2"})(["width:100%;display:flex;justify-content:flex-end;& > img{cursor:pointer;}"]),q=K.ZP.div.withConfig({displayName:"style.d__Content",componentId:"sc-a5eb3cbd-3"})(["display:flex;flex-direction:column;align-items:center;justify-content:center;gap:",";color:",";& > img{margin-bottom:4px;}& > h1{margin:0;font-size:24px;font-weight:600;}& > p{margin:0;font-size:16px;font-weight:400;max-width:60%;}"],D.b4,e=>{let{theme:t}=e;return t.text}),A=K.ZP.button.withConfig({displayName:"style.d__CloseButton",componentId:"sc-a5eb3cbd-4"})(["padding:",";background-color:",";color:",";width:100%;font-size:12px;font-weight:700;cursor:pointer;border:none;border-radius:",";box-shadow:0px 1px 3px 0px rgba(0,0,0,0.08),0px 4px 6px 0px rgba(50,50,93,0.1);"],D.b4,e=>{let{theme:t}=e;return t.primary},e=>{let{theme:t}=e;return t.text},D.b4);var H=i(15930),R=e=>{let{title:t,body:i,closeModal:a}=e;return(0,n.jsx)(B,{onClick:a,children:(0,n.jsxs)(E,{children:[(0,n.jsx)(F,{children:(0,n.jsx)(H.x8,{fontSize:16,onClick:a})}),(0,n.jsxs)(q,{children:[(0,n.jsx)(z(),{src:"/images/todo/confetti.svg",alt:"",width:125,height:105}),(0,n.jsx)("h1",{children:t}),(0,n.jsx)("p",{children:i})]}),(0,n.jsx)(A,{onClick:a,children:"Kembali"})]})})},X=i(363),Q=i(17777),U=i(68521),Y=i(78551),$=i(30202),G=i(98029);let J=()=>(0,Y.a)({queryKey:["todoList"],queryFn:async()=>(await Q.Z.get(U.iD)).data}),V=()=>{let e=(0,$.NL)();return(0,G.D)({mutationFn:async e=>{await Q.Z.put(U.ni,e)},onSuccess:()=>

1{e.invalidateQueries({queryKey:["todoList"]})}})},ee=K.ZP.div.withConfig({displayName:"style.d__CourseWrapper",componentId:"sc-51d2acee-0"})(["position:relative;"]);var et=(0,X.Z)(()=>{let{data:e}=J(),{mutate:t}=V(),[i,o]=(0,m.useState)(!1);return(0,m.useEffect)(()=>{(null==e?void 0:e.isBiodata)&&(null==e?void 0:e.isProfileImage)&&(null==e?void 0:e.showCompletedModal)&&o(!0)},[e]),(0,n.jsxs)(ee,{children:[(0,n.jsx)(l.Z,{title:"Kursus Kamu"}),i&&(0,n.jsx)(R,{title:"Selamat! Misimu Berhasil!",body:"Kamu berhasil menyelesaikan To-Do List: Lengkapi Profil",closeModal:()=>{e&&t({...e,showCompletedModal:!1}),o(!1)}}),(0,n.jsx)(a.Z,{title:"Kursus Saya",children:(0,n.jsx)(L,{})})]})})},37337:function(e,t,i){i.d(t,{Z:function(){return k}});var n=i(85893),a=i(13136),l=i(20162),o=i(86754),r=i(14819),d=i(15416),s=i(54335);let c=function(){for(var e=arguments.length,t=Array(e),i=0;i<e;i++)t[i]=arguments[i];let n=t.filter(Boolean);return n.length<=1?n[0]:n},u={width:"calc(100% + 2 * var(--page-padding-x, 32px))",maxWidth:"calc(100% + 2 * var(--page-padding-x, 32px))",ml:"calc(-1 * var(--page-padding-x, 32px))",mr:"calc(-1 * var(--page-padding-x, 32px))",boxSizing:"border-box"},h={borderBottom:1,borderColor:"divider"},p={scrollbarWidth:"none",msOverflowStyle:"none","&::-webkit-scrollbar":{display:"none",width:0,height:0}},x={width:"100%",overflowX:"auto",overflowY:"hidden",WebkitOverflowScrolling:"touch",...p},g={width:"max-content",minHeight:48,"& .MuiTabs-indicator":{height:2},"& .MuiTabs-flexContainer":{width:"max-content",gap:0},"& .MuiTab-root":{flex:"0 0 auto",minWidth:"auto",maxWidth:"none"}},m={width:"100%",maxWidth:"100%",minWidth:0,minHeight:48,borderBottom:1,borderColor:"divider","& .MuiTabs-scroller":{overflowX:"auto !important",overflowY:"hidden !important",WebkitOverflowScrolling:"touch",...p},"& .MuiTabs-indicator":{height:2},"& .MuiTabs-flexContainer":{gap:0}},b={textTransform:"none",minHeight:48,px:3,py:2,fontSize:"1rem",fontWeight:500,color:"text.secondary",opacity:1,minWidth:"auto","&.Mui-selected":{color:"primary.main",fontWeight:600},"&.Mui-disabled":{color:"text.disabled"}},f=s.ZP.span.withConfig({displayName:"style__LabelRoot",componentId:"sc-1d8575d6-0"})(["display:inline-flex;align-items:center;gap:0.5rem;white-space:nowrap;"]),v=s.ZP.span.withConfig({displayName:"style__TabCountBadge",componentId:"sc-1d8575d6-1"})(["display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 6px;border-radius:4px;font-size:0.75rem;font-weight:600;line-height:1;background-color:",";color:",";border:1px solid ",";"],e=>{let{$active:t,theme:i}=e;return t?i.primary:i.bgDark},e=>{let{$active:t,theme:i}=e;return t?"#ffffff":i.textLight},e=>{let{$active:t,theme:i}=e;return t?i.primary:i.textLight}),y=s.ZP.div.withConfig({displayName:"style__TabPanel",componentId:"sc-1d8575d6-2"})(["width:100%;"]);var w=e=>{let{tab:t,active:i}=e;return(0,n.jsxs)(f,{children:[t.leftSection,(0,n.jsx)("span",{children:t.label}),void 0!==t.count&&(0,n.jsx)(v,{$active:i,children:t.count}),t.rightSection]})},j=i(66839),C=i(67294);let Z=e=>{var t,i;let{tabs:n,queryParam:a,syncToUrl:l=!1,selectedTab:o,defaultActiveTab:r,onChange:d,resetPageOnChange:s=!0}=e,c=null!==(i=null===(t=n[0])||void 0===t?void 0:t.id)&&void 0!==i?i:"",[u,h]=(0,C.useState)(c),p=null!=o?o:r,x=void 0!==p,[g,m]=(0,j.v1)(l?null!=a?a:"tab":null!=a?a:"_tab",j.Oi.withDefault(c)),[,b]=(0,j.v1)("page",j.U.withDefault(1)),f=!!(l||a),v=x?p:f?g:u,y=(0,C.useCallback)(e=>{e!==v&&(!x&&(f?(m(e),s&&b(1)):h(e)),null==d||d(e))},[v,x,d,s,b,m,f]),w=(0,C.useCallback)((e,t)=>{y(t)},[y]);return{activeTab:v,selectTab:y,handleChange:w}};var k=e=>{let{tabs:t,queryParam:i,syncToUrl:s=!1,selectedTab:p,defaultActiveTab:f,onChange:v,disabled:j,className:C,sx:k,tabSx:S,bleed:_,fullWidth:P,"aria-label":W="Tabs",resetPageOnChange:I=!0}=e,{activeTab:M,handleChange:O}=Z({tabs:t,queryParam:i,syncToUrl:s,selectedTab:p,defaultActiveTab:f,onChange:v,resetPageOnChange:I});if(!t.length)return null;let T=(0,r.Z)(),{mobile:L}=(0,d.k)(),N=L?T.spacing(2):T.spacing(4),z=_?{width:"calc(100% + 2 * ".concat(N,")"),maxWidth:"calc(100% + 2 * ".concat(N,")"),ml:"calc(-1 * ".concat(N,") !important"),mr:"calc(-1 * ".concat(N,") !important"),boxSizing:"border-box",alignSelf:"flex-start"}:{width:"100%"},D=_?{px:N,boxSizing:"border-box"}:void 0,K=t.some(e=>e.content),B=t.map(e=>(0,n.jsx)(l.Z,{value:e.id,disabled:j||e.disabled,label:(0,n.jsx)(w,{tab:e,active:M===e.id}),disableRipple:!0,sx:c(b,S)},e.id));return(0,n.jsxs)(n.Fragment,{children:[P?(0,n.jsx)(a.Z,{sx:c({minWidth:0,display:"block"},z,h),children:(0,n.jsx)(a.Z,{sx:c(x,D),children:(0,n.jsx)(o.Z,{value:M,onChange:O,variant:"standard",className:C,"aria-label":W,sx:c(g,k),children:B})})}):(0,n.jsx)(a.Z,{sx:{width:"100%",minWidth:0,overflow:"hidden"},children:(0,n.jsx)(o.Z,{value:M,onChange:O,variant:"scrollable",scrollButtons:"auto",allowScrollButtonsMobile:!0,className:C,"aria-label":W,sx:c(m,_&&u,k),children:B})}),K&&t.map(e=>e.id===M&&e.content&&(0,n.jsx)(y,{role:"tabpanel",children:e.content},e.id))]})}}}]);