https://www.learnwithexplore.com/_next/static/chunks/pages/classrooms-d1d9af49a897b376.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},s=(new e.Error).stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="41863707-c0de-4ea9-80a5-ffcd71c5f041",e._sentryDebugIdIdentifier="sentry-dbid-41863707-c0de-4ea9-80a5-ffcd71c5f041")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3528],{16391:(e,s,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/classrooms",function(){return r(26532)}])},19596:(e,s,r)=>{"use strict";r.d(s,{q:()=>n});var t=r(73512),a=r(61482),l=r(13478),i=class extends l.${constructor(e,s){super(e,s)}bindMethods(){super.bindMethods(),this.fetchNextPage=this.fetchNextPage.bind(this),this.fetchPreviousPage=this.fetchPreviousPage.bind(this)}setOptions(e){e._type="infinite",super.setOptions(e)}getOptimisticResult(e){return e._type="infinite",super.getOptimisticResult(e)}fetchNextPage(e){return this.fetch({...e,meta:{fetchMore:{direction:"forward"}}})}fetchPreviousPage(e){return this.fetch({...e,meta:{fetchMore:{direction:"backward"}}})}createResult(e,s){let{state:r}=e,t=super.createResult(e,s),{isFetching:l,isRefetching:i,isError:n,isRefetchError:c}=t,o=r.fetchMeta?.fetchMore?.direction,d=n&&"forward"===o,u=l&&"forward"===o,m=n&&"backward"===o,x=l&&"backward"===o;return{...t,fetchNextPage:this.fetchNextPage,fetchPreviousPage:this.fetchPreviousPage,hasNextPage:(0,a.rB)(s,r.data),hasPreviousPage:(0,a.RQ)(s,r.data),isFetchNextPageError:d,isFetchingNextPage:u,isFetchPreviousPageError:m,isFetchingPreviousPage:x,isRefetchError:c&&!d&&!m,isRefetching:i&&!u&&!x}}};function n(e,s){return(0,t.t)(e,i,s)}},21412:(e,s,r)=>{"use strict";r.d(s,{A:()=>c});var t=r(37876),a=r(46652),l=r(38116);r(14232);var i=r(80987),n=r(46334);let c=({onDismiss:e,onLearnMore:s,className:r})=>(0,t.jsx)("div",{className:(0,l.x)("bg-blue-50 border border-blue-200 rounded-lg p-4 mb-4",r),children:(0,t.jsxs)("div",{className:"flex items-start justify-between",children:[(0,t.jsxs)("div",{className:"flex gap-3",children:[(0,t.jsx)("div",{className:"flex-shrink-0 mt-0.5",children:(0,t.jsx)("div",{className:"bg-blue-100 rounded-full p-2",children:(0,t.jsx)(n.UgF,{className:"h-5 w-5 text-blue-600","aria-hidden":"true",focusable:"false"})})}),(0,t.jsxs)("div",{className:"flex-grow",children:[(0,t.jsxs)("h3",{className:"text-sm font-semibold text-blue-900 flex items-center gap-2",children:["How Clever Sync Works",(0,t.jsx)(i.S8s,{className:"h-4 w-4 text-blue-600","aria-hidden":"true",focusable:"false"})]}),(0,t.jsxs)("div",{className:"mt-2 text-sm text-blue-800 space-y-2",children:[(0,t.jsxs)("div",{className:"flex items-start gap-2",children:[(0,t.jsx)("div",{className:"w-1.5 h-1.5 rounded-full bg-blue-600 mt-1.5 flex-shrink-0"}),(0,t.jsxs)("div",{children:[(0,t.jsx)("strong",{children:"Clever sections"})," — Stay in sync every time you run a Clever refresh. These classrooms are managed by the roster you share from Clever."]})]}),(0,t.jsxs)("div",{className:"flex items-start gap-2",children:[(0,t.jsx)("div",{className:"w-1.5 h-1.5 rounded-full bg-blue-600 mt-1.5 flex-shrink-0"}),(0,t.jsxs)("div",{children:[(0,t.jsx)("strong",{children:"Teacher-created classes"})," — Built right inside MindLabs. They stay separate from Clever so you can add or remove students yourself."]})]})]}),(0,t.jsxs)("div",{className:"mt-3 flex items-center gap-2",children:[(0,t.jsx)(a.A,{size:"sm",color:"primary",onClick:e,className:"text-xs",children:"Got it"}),s&&(0,t.jsx)(a.A,{size:"sm",color:"outline",onClick:s,className:"text-xs text-blue-700 hover:text-blue-800",children:"Learn more"})]})]})]}),(0,t.jsx)("button",{onClick:e,className:"p-1 hover:bg-blue-100 rounded transition-colors","aria-label":"Dismiss",children:(0,t.jsx)(i.yGN,{className:"h-4 w-4 text-blue-600","aria-hidden":"true",focusable:"false"})})]})})},23262:(e,s,r)=>{"use strict";r.d(s,{A:()=>l});var t=r(37876),a=r(663);let l=function(){return(0,t.jsxs)("ul",{className:"animate-pulse divide-y divide-neutral-200 rounded-md border border-gray-200 bg-white sm:overflow-hidden",children:[(0,t.jsx)(i,{}),(0,t.jsx)(i,{}),(0,t.jsx)(i,{})]})};function i(){return(0,t.jsxs)("li",{className:"group flex w-full items-center justify-between px-4 py-4 sm:px-6",children:[(0,t.jsx)("div",{className:"flex-grow truncate text-sm",children:(0,t.jsx)("div",{className:"flex",children:(0,t.jsxs)("div",{className:"flex flex-col space-y-2",children:[(0,t.jsx)(a.rr,{className:"h-5 w-16"}),(0,t.jsx)(a.rr,{className:"h-4 w-32"})]})})}),(0,t.jsx)("div",{className:"mt-4 hidden flex-shrink-0 sm:mt-0 sm:ml-5 lg:flex",children:(0,t.jsxs)("div",{className:"flex justify-between space-x-2",children:[(0,t.jsx)(a.rr,{className:"h-6 w-16"}),(0,t.jsx)(a.rr,{className:"h-6 w-32"})]})})]})}},26532:(e,s,r)=>{"use strict";r.r(s),r.d(s,{__N_SSP:()=>K,default:()=>V});var t=r(37876),a=r(67768),l=r(18847),i=r.n(l),n=r(89099),c=r(14232),o=r(21412),d=r(46652),u=r(38116),m=r(80987),x=r(46334);let h=({syncStatus:e,onSyncNow:s,onDismiss:r,isLoading:a=!1})=>{let{status:l,syncedSections:i,syncedStudents:n,failedSections:c,emptySections:o,lastSyncTime:h,error:p}=e;if("idle"===l&&!h)return null;let f=()=>{let e="number"==typeof i,s="number"==typeof n;if(!e&&!s)return null;let r=i??0,a=n??0;if(0===r&&0===a)return(0,t.jsx)("span",{className:"ml-2",children:"No roster changes detected."});let l=[];return(e&&r>0&&l.push(`${r} ${1===r?"classroom":"classrooms"}`),s&&a>0&&l.push(`${a} ${1===a?"student":"students"}`),l.length)?(0,t.jsx)("span",{className:"ml-2",children:l.join(" • ")}):(0,t.jsx)("span",{className:"ml-2",children:"Roster data updated."})};return(0,t.jsxs)("div",{className:(0,u.x)("flex items-center justify-between px-4 py-3 border rounded-lg mb-4 transition-all",(()=>{switch(l){case"success":return"bg-green-50 border-green-200 text-green-800";

1case"partial":return"bg-yellow-50 border-yellow-200 text-yellow-800";case"error":return"bg-red-50 border-red-200 text-red-800";case"syncing":return"bg-blue-50 border-blue-200 text-blue-800";default:return"bg-gray-50 border-gray-200 text-gray-800"}})()),children:[(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("div",{className:"flex-shrink-0",children:(()=>{switch(l){case"syncing":return(0,t.jsx)(m.jTZ,{className:"h-5 w-5 animate-spin","aria-hidden":"true",focusable:"false"});case"success":return(0,t.jsx)(m.YrT,{className:"h-5 w-5","aria-hidden":"true",focusable:"false"});case"partial":case"error":return(0,t.jsx)(m.y3G,{className:"h-5 w-5","aria-hidden":"true",focusable:"false"});default:return(0,t.jsx)(x.HxW,{className:"h-5 w-5","aria-hidden":"true",focusable:"false"})}})()}),(0,t.jsxs)("div",{className:"flex-grow",children:[(0,t.jsx)("div",{className:"text-sm font-medium",children:(()=>{switch(l){case"syncing":return"Syncing with Clever...";case"success":return(0,t.jsxs)("span",{children:[(0,t.jsx)("strong",{children:"Sync complete!"}),f()]});case"partial":return(0,t.jsxs)("span",{children:[(0,t.jsx)("strong",{children:"Sync partially complete"}),f(),c&&c>0&&(0,t.jsxs)("span",{className:"text-yellow-600 ml-1",children:["(",c," failed)"]})]});case"error":return(0,t.jsxs)("span",{children:[(0,t.jsx)("strong",{children:"Sync failed"}),p&&(0,t.jsx)("span",{className:"ml-2",children:p})]});default:if(h){var e;let s,r=(e=h,(s=Math.floor((new Date().getTime()-new Date(e).getTime())/1e3))<60?"just now":s<3600?`${Math.floor(s/60)} min ago`:s<86400?`${Math.floor(s/3600)} hours ago`:`${Math.floor(s/86400)} days ago`);return(0,t.jsxs)("span",{children:[(0,t.jsx)("strong",{children:"Connected to Clever"}),(0,t.jsxs)("span",{className:"ml-2 opacity-75",children:["Last synced ",r]})]})}return"Clever integration active"}})()}),o&&o>0&&(0,t.jsxs)("div",{className:"text-xs mt-1 opacity-75",children:[o," ",1===o?"classroom has":"classrooms have"," no students in Clever"]})]})]}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[s&&"syncing"!==l&&(0,t.jsxs)(d.A,{size:"sm",color:"secondary",onClick:s,disabled:a,className:"text-xs",children:[(0,t.jsx)(m.jTZ,{className:(0,u.x)("h-3 w-3 mr-1",a&&"animate-spin"),"aria-hidden":"true",focusable:"false"}),"Sync Now"]}),r&&(0,t.jsx)("button",{onClick:r,className:"p-1 hover:bg-black hover:bg-opacity-10 rounded transition-colors","aria-label":"Dismiss",children:(0,t.jsx)(m.yGN,{className:"h-4 w-4","aria-hidden":"true",focusable:"false"})})]})]})},p=({onDismiss:e,onUpgrade:s,onLearnMore:r,cleverSyncEnabled:a,className:l})=>(0,t.jsx)("div",{className:(0,u.x)("bg-gradient-to-r from-purple-50 to-indigo-50 border border-purple-200 rounded-lg p-4 mb-4",l),children:(0,t.jsxs)("div",{className:"flex items-start justify-between",children:[(0,t.jsxs)("div",{className:"flex gap-3",children:[(0,t.jsx)("div",{className:"flex-shrink-0 mt-0.5",children:(0,t.jsx)("div",{className:"bg-purple-100 rounded-full p-2",children:(0,t.jsx)(m.x_j,{className:"h-5 w-5 text-purple-600"})})}),(0,t.jsxs)("div",{className:"flex-grow",children:[(0,t.jsx)("h3",{className:"text-sm font-semibold text-purple-900 flex items-center gap-2",children:"Limited Mode Active"}),(0,t.jsxs)("p",{className:"mt-1 text-sm text-purple-800",children:["You can create only ",(0,t.jsx)("strong",{children:"1 classroom"})," with up to"," ",(0,t.jsx)("strong",{children:"30 students"}),".",a?" Clever-synced classrooms do not count toward this limit.":null,s?" Activate a Product Key to unlock normal classroom and roster capacity.":null]}),(0,t.jsxs)("div",{className:"mt-3 flex items-center gap-2",children:[s&&(0,t.jsxs)(d.A,{size:"sm",color:"primary",onClick:s,className:"text-xs bg-purple-600 hover:bg-purple-700 border-purple-600",children:["Activate Product Key",(0,t.jsx)(m.dyV,{className:"ml-1 h-3 w-3"})]}),r&&(0,t.jsx)(d.A,{size:"sm",color:"outline",onClick:r,className:"text-xs text-purple-700 hover:text-purple-800",children:"Learn More"}),(0,t.jsx)(d.A,{size:"sm",color:"outline",onClick:e,className:"text-xs text-purple-600 hover:text-purple-700",children:"Dismiss"})]})]})]}),(0,t.jsx)("button",{onClick:e,className:"p-1 hover:bg-purple-100 rounded transition-colors","aria-label":"Dismiss",children:(0,t.jsx)(m.yGN,{className:"h-4 w-4 text-purple-600"})})]})});var f=r(62877),y=r(15362),g=r(81083),b=r(67848),v=r(65623),j=r(74901),N=r(45516),S=r(23262),w=r(68346);let C=i()(()=>Promise.all([r.e(3371),r.e(3674),r.e(1659),r.e(7966),r.e(7542),r.e(7546)]).then(r.bind(r,17542)),{loadableGenerated:{webpack:()=>[17542]}}),A=({classroom:e,user:s,onJoinClick:r,isExpired:a=!1})=>{let{id:l,nickname:i,displayName:n,startDate:c,endDate:o,accessCode:d,grade:u,grades:m,isApproved:x}=e,h=s?.role,p="STUDENT"===h||"COLLABORATOR"===h,f="TEACHER"===h||"ADMIN"===h||"EXPLORE_ADMIN"===h,y=e.teacher?.firstName&&e.teacher?.lastName?`${e.teacher.firstName} ${e.teacher.lastName}`:e.teacher?.firstName||e.teacher?.lastName||void 0;return(0,t.jsx)("div",{className:"classroom-card",children:(0,t.jsx)(C,{mode:p?"STUDENT":"TEACHER",displayName:i??n??"",startDate:c??"",endDate:o??"",accessCode:p?"":d,variant:"classroom",grade:u,grades:m,isCompleteSection:a,actionButton:(()=>

1{if(f)return{href:`/classroom/${l}/assignments`,child:"View"};if(p)if(!x)return{href:"#",onClick:e=>{e.preventDefault(),r(l)},child:"Join",tooltip:"Enter class code to join this classroom"};else return{href:`/classroom/${l}/assignments`,child:"View"}})(),teacherName:y,cleverClassroomId:e.cleverClassroomId})},l)},E=i()(()=>r.e(8213).then(r.bind(r,88213)),{loadableGenerated:{webpack:()=>[88213]}}),k=({isLoading:e,isError:s,error:r,classrooms:a,user:l,onJoinClick:i,onRetry:n,isExpiredSection:c=!1})=>{if(e)return(0,t.jsx)(S.A,{});if(s){let e=r?.response?.data?.message??r?.message??"An unknown error occurred.";return(0,t.jsx)(N.A,{message:e,title:"Error Loading Classrooms",icon:(0,t.jsx)(w.Gxj,{}),link:(0,t.jsx)(d.A,{className:"h-9 px-4 py-2.5 border text-white focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2 focus:ring-offset-white",onClick:n,children:"Try Again"})})}return a?.length?(0,t.jsx)("div",{"data-testid":"classroom-card-list",className:"grid gap-3 lg:grid-cols-4 [@media(max-width:1270px)]:grid-cols-3 [@media(max-width:730px)]:grid-cols-2 @media(max-width:500px):grid-cols-1",children:a.map(e=>(0,t.jsx)(A,{classroom:e,user:l,onJoinClick:i,isExpired:c},e.id))}):(0,t.jsx)("div",{className:"flex pt-2 xl:mx-6 xl:pt-0","data-testid":"empty-classrooms",children:(0,t.jsx)(E,{Icon:w.Gxj,headline:c?"No Expired Classrooms":"No Active Classrooms Yet.",description:c?"No classrooms have expired in the last 6 months":"You currently have no Active Classrooms"})})};var M=r(21993),P=r(10553);let T=({user:e,isAllowedToCreateClassroom:s,shouldDisableCreateClassroomButton:r,limitedModeActive:a,cleverSyncEnabled:l,selfServiceSubscriptionEnabled:i,onShowCreateModal:n})=>{let c=r?i?"Limited mode includes one teacher-created classroom. Upgrade your plan to add more.":"Limited mode includes one teacher-created classroom.":a?"Limited mode lets you create one teacher-created classroom to get started.":"Create a new teacher-created classroom";if(!s)return null;if(l&&e?.cleverUserId){let e=M.BV.SITE.TEACHER_CLASSROOMS;return(0,t.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center",children:[(0,t.jsx)(d.A,{type:"button",tooltip:"Sync Clever classes into MindLabs",className:"whitespace-nowrap",StartIcon:m.GGD,onClick:()=>{(0,P.signIn)("clever-sync",{callbackUrl:e})},"aria-label":"Sync Clever",children:"Sync Clever"}),(0,t.jsx)(d.A,{type:"button",disabled:r,tooltip:c,StartIcon:m.GGD,onClick:n,className:"create-classroom-btn whitespace-nowrap","aria-label":"Create a Class",children:"New Classroom"})]})}return(0,t.jsx)(d.A,{type:"button",disabled:r,tooltip:c,StartIcon:m.GGD,onClick:n,className:"create-classroom-btn","aria-label":"Create a Class",children:"Classroom"})};var R=r(77292);let D=new Set([R.UserRole.TEACHER,R.UserRole.ADMIN,R.UserRole.EXPLORE_ADMIN]);var O=r(95836),L=r(26038),_=r(7273),I=r(20151),q=r(63937),U=r(7132);let G={status:"idle"},$=i()(()=>Promise.all([r.e(956),r.e(7743),r.e(8992),r.e(1659),r.e(9718),r.e(2909),r.e(8994),r.e(1044),r.e(7874)]).then(r.bind(r,2627)),{loadableGenerated:{webpack:()=>[2627]}}),B=i()(()=>Promise.all([r.e(956),r.e(7743),r.e(8992),r.e(1659),r.e(9718),r.e(8332),r.e(2909),r.e(8994),r.e(9789),r.e(1044),r.e(9858)]).then(r.bind(r,39858)),{loadableGenerated:{webpack:()=>[39858]}}),H=()=>{let e=(0,a.jE)(),s=(0,b.PB)(),r=(0,v.D)("clever-sync",s),l=(0,j.yM)(s),[i,d]=(0,c.useState)(!1),[u,m]=(0,c.useState)(!1),[x,f]=(0,c.useState)(""),N=(0,n.useRouter)(),S=(0,c.useRef)(!1),[w,C]=(0,c.useState)(()=>G),A=(0,c.useCallback)(e=>{G=e,C(e)},[]),[E,H]=(0,c.useState)(!1),[K,V]=(0,c.useState)(!1),{isLoading:z,hideManualClassInfo:Y,hideLimitedModeInfo:F,dismissManualClassInfoNotice:Q,dismissLimitedModeNotice:W}=(0,I.H)();(0,c.useEffect)(()=>{let s=N.query?.cleverStatus,t=Array.isArray(s)?s[0]:s;if(!t){S.current=!1;return}let a=e=>{let s=Array.isArray(e)?e[0]:e;if(void 0===s)return;let r=Number(s);return Number.isFinite(r)&&r>=0?r:void 0},l=a(N.query?.syncedSections),i=a(N.query?.syncedStudents),n=a(N.query?.emptySections),c=a(N.query?.failedSections),o=()=>{let{cleverStatus:e,syncedSections:s,syncedStudents:r,emptySections:t,failedSections:a,...l}=N.query;N.replace({pathname:N.pathname,query:l},void 0,{shallow:!0}).catch(()=>{})};if(!r||("syncSuccess"===t||"syncPartial"===t||"syncFailed"===t||"noSections"===t)&&(()=>{if("settings"!==window.sessionStorage.getItem("cleverSyncReturnTo"))return!1;let e={cleverStatus:t};return"number"==typeof l&&(e.syncedSections=String(l)),"number"==typeof i&&(e.syncedStudents=String(i)),"number"==typeof n&&(e.emptySections=String(n)),"number"==typeof c&&(e.failedSections=String(c)),window.sessionStorage.removeItem("cleverSyncReturnTo"),N.replace({pathname:M.BV.SITE.SETTINGS_MY_ACCOUNT_CLEVER,query:e},void 0,{shallow:!0}).catch(()=>{}),!0})())return void o();if("noSections"===t){S.current||(U.oR.error("We couldn't find any Clever classes. Ask your Clever admin to share sections with MindLabs, then try syncing again.",{id:"clever-no-sections",duration:12e3}),S.current=!0),o();return}if("syncSuccess"===t||"syncPartial"===t){A({status:"syncSuccess"===t?"success":"partial",syncedSections:l,syncedStudents:i,emptySections:n,failedSections:c,lastSyncTime:new Date}

1),e.invalidateQueries({queryKey:[q.Ay.CLASSROOMS_HOME]}),e.invalidateQueries({queryKey:[q.Ay.CLASSROOMS]}),setTimeout(()=>{o()},500);return}"syncFailed"===t&&(A({status:"error",error:"Sync could not complete. Please try again or contact support.",lastSyncTime:new Date}),e.invalidateQueries({queryKey:[q.Ay.CLASSROOMS_HOME]}),e.invalidateQueries({queryKey:[q.Ay.CLASSROOMS]}),setTimeout(()=>o(),500))},[N.query?.cleverStatus,N.query?.emptySections,N.query?.failedSections,N.query?.syncedSections,N.query?.syncedStudents,r,e]);let{user:J,sessionStatus:X,isAllowedToCreateClassroom:Z,isStudent:ee,limitedModeActive:es}=(()=>{let{data:e,status:s}=(0,P.useSession)(),{data:r}=(0,O.C)({enabled:!!e?.user}),t=(0,_.Av)(),a=e?.user;return(0,c.useMemo)(()=>{if(!a||!e)return{user:void 0,sessionStatus:s,isAllowedToCreateClassroom:!1,hasActiveProductKey:!1,shouldDisableCreateClassroomButton:!0,activeUnits:[],isStudent:!1,canManageClassrooms:!1,limitedModeActive:!1};let l=t?.some(e=>e.productKey?.some(e=>"ACTIVE"===e.status))??!1,i=!!r&&(({role:e})=>{let s=e?.toString().toUpperCase();return!!(s&&D.has(s))})({role:a.role});return{user:a,sessionStatus:s,isAllowedToCreateClassroom:i,hasActiveProductKey:l,hasClassroomAccess:i,shouldDisableCreateClassroomButton:!i,activeUnits:(0,L.BW)(t??[]),isStudent:a.role===R.UserRole.STUDENT||a.role===R.UserRole.COLLABORATOR,canManageClassrooms:i,limitedModeActive:i&&!l}},[e,t,r,s])})(),er=r&&!!J?.cleverUserId;(0,c.useEffect)(()=>{z||!er||Y?H(!1):H(!0)},[Y,z,er]),(0,c.useEffect)(()=>{z||!es||F?V(!1):V(!0)},[es,F,z]);let{isPending:et,data:ea,isError:el,error:ei,refetch:en,fetchNextPage:ec,hasNextPage:eo,isFetchingNextPage:ed}=(0,g.I)(J?.id,{includeExpired:!ee}),eu=ea?.pages?.flatMap(e=>e.active)??[],em=ea?.pages?.flatMap(e=>e.expired)??[],ex=eu.filter(e=>!e.cleverClassroomId).length,eh=es&&ex>=1,ep=e=>{f(e),m(!0)};return(0,t.jsxs)(y.A,{heading:"Classrooms",subtitle:ee?"You are currently part of these classrooms":"Manage your Classrooms here.",CTA:(0,t.jsx)(T,{user:J,isAllowedToCreateClassroom:Z,shouldDisableCreateClassroomButton:eh,limitedModeActive:es,cleverSyncEnabled:r,selfServiceSubscriptionEnabled:l,onShowCreateModal:()=>{d(!0)}}),children:["idle"!==w.status&&(0,t.jsx)(h,{syncStatus:w,onDismiss:()=>A({status:"idle"})}),E&&(0,t.jsx)(o.A,{onDismiss:()=>{H(!1),Q()}}),K&&(0,t.jsx)(p,{cleverSyncEnabled:r,onDismiss:()=>{V(!1),W()},onUpgrade:l?()=>N.push("/settings/my-account/subscriptions"):void 0}),(0,t.jsxs)("div",{className:"mb-8",children:[(0,t.jsx)("h2",{className:"text-xl font-semibold text-gray-900 mb-4",children:"Active Classrooms"}),(0,t.jsx)(k,{isLoading:"loading"===X||et,isError:el,error:ei,classrooms:eu,user:J,onJoinClick:ep,onRetry:en}),eo&&(0,t.jsx)("div",{className:"mt-4 text-center",children:(0,t.jsx)("button",{onClick:()=>ec(),disabled:ed,className:"px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 disabled:opacity-50",children:ed?"Loading...":"Load More"})})]}),!ee&&em.length>0&&(0,t.jsxs)("div",{className:"mt-8",children:[(0,t.jsx)("h2",{className:"text-xl font-semibold text-gray-900 mb-4",children:"Expired Classrooms"}),(0,t.jsx)(k,{isLoading:!1,isError:!1,error:null,classrooms:em,user:J,onJoinClick:ep,onRetry:en,isExpiredSection:!0})]}),(0,t.jsx)("div",{className:"new-classroom-modal","data-testid":"create-classroom-modal",children:(0,t.jsx)(B,{open:i,onClose:()=>d(!1)})}),(0,t.jsx)("div",{className:"classroom-access-code-modal","data-testid":"classroom-access-code-modal",children:(0,t.jsx)($,{open:u,classroomId:x,onClose:()=>m(!1)})})]})};H.PageWrapper=f.A;var K=!0;let V=H},45516:(e,s,r)=>{"use strict";r.d(s,{A:()=>a});var t=r(37876);let a=({title:e,icon:s,message:r,link:a})=>(0,t.jsxs)("div",{className:"flex flex-col gap-2 xs:gap-4 p-4 rounded-md w-full max-w-xs xs:max-w-md mx-4 xs:mx-0 bg-gray-200",children:[(0,t.jsx)("h1",{className:"",children:e}),(0,t.jsxs)("div",{className:"flex  gap-1 items-center xs:flex-row",children:[(0,t.jsx)("div",{className:"",children:s}),(0,t.jsx)("div",{className:"xs:self-center",children:r})]}),(0,t.jsx)("div",{className:"text-blue-900 font-semibold",children:a})]})},65623:(e,s,r)=>{"use strict";r.d(s,{D:()=>a});let t={credentials:"credentials","student-room-login":"student-room-code","student-room-code":"student-room-code",clever:"clever","clever-sync":"clever-sync"},a=(e,s)=>{let r=e?t[e]:void 0;return!!(r&&s.enabledAuthProviders.includes(r))}},81083:(e,s,r)=>{"use strict";r.d(s,{I:()=>c});var t=r(19596),a=r(21993),l=r(68223),i=r(63937);let n=async({cursor:e,limit:s=50,includeExpired:r=!0})=>{let t=new URLSearchParams;e&&t.append("cursor",e),s&&t.append("limit",s.toString()),r&&t.append("includeExpired","true");let{data:i}=await l.A.get(`${a.BV.API.CLASSROOMS}?${t.toString()}`);return i},c=(e,s)=>(0,t.q)({queryKey:[i.Ay.CLASSROOMS_HOME,e,s?.includeExpired],queryFn:({pageParam:e})=>n({cursor:e,includeExpired:s?.includeExpired??!0}),initialPageParam:void 0,getNextPageParam:e=>e.nextCursor,throwOnError:!1,enabled:!!e})}},e=>{e.O(0,[6695,4188,8690,2901,7671,8230,2713,9221,3497,3640,6140,7496,7292,2877,5362,636,6593,8792],()=>e(e.s=16391)),_N_E=e.O()}]);