@local-civics/mgmt-ui 0.1.50 → 0.1.52

package/dist/components/data/LineChart/LineChart.d.ts

@@ -1,18 +0,0 @@
-/**
- * DataPoint
- */
-export type DataPoint = {
-    time: string;
-};
-/**
- * ChartProps
- */
-export interface LineChartProps {
-    points: DataPoint[];
-}
-/**
- * LineChart
- * @param props
- * @constructor
- */
-export declare const LineChart: (props: LineChartProps) => JSX.Element;

package/dist/components/data/StatsGrid/StatsGrid.d.ts

@@ -1,14 +0,0 @@
-interface StatsGridProps {
-    data: {
-        title: string;
-        value: number;
-        diff: number;
-    }[];
-}
-/**
- * StatsGrid
- * @param data
- * @constructor
- */
-export declare const StatsGrid: ({ data }: StatsGridProps) => JSX.Element;
-export {};

package/dist/components/data/StatsGroup/StatsGroup.d.ts

@@ -1,14 +0,0 @@
-interface StatsGroupProps {
-    data: {
-        title: string;
-        value: number;
-        unit?: string;
-    }[];
-}
-/**
- * StatsGroup
- * @param data
- * @constructor
- */
-export declare const StatsGroup: ({ data }: StatsGroupProps) => JSX.Element;
-export {};

package/dist/components/navigation/Navbar/Navbar.d.ts

@@ -1,15 +0,0 @@
-/**
- * NavbarProps
- */
-export interface NavbarProps {
-    active: string;
-    navigate: (to: string) => void;
-    onLogout: () => void;
-    onSwitchAccounts?: () => void;
-}
-/**
- * Navbar
- * @param props
- * @constructor
- */
-export declare const Navbar: (props: NavbarProps) => JSX.Element;

package/dist/components/navigation/Navbar/component.stories.d.ts

@@ -1,14 +0,0 @@
-import { NavbarProps } from "./Navbar";
-import { Story } from "@storybook/react";
-/**
- * Storybook component configuration
- */
-declare const _default: {
-    title: string;
-    component: (props: NavbarProps) => JSX.Element;
-};
-export default _default;
-/**
- * Component stories
- */
-export declare const Component: Story<NavbarProps>;

package/dist/components/navigation/Tabs/Tabs.d.ts

@@ -1,18 +0,0 @@
-import { TabsValue } from '@mantine/core';
-/**
- * TabProps
- */
-export interface TabsProps {
-    data?: {
-        label?: string;
-        value: string;
-    }[];
-    value?: TabsValue;
-    onChange: (next: string) => void;
-}
-/**
- * Tabs
- * @param props
- * @constructor
- */
-export declare const Tabs: (props: TabsProps) => JSX.Element;

package/dist/components/users/UserInfo/UserInfo.d.ts

@@ -1,11 +0,0 @@
-export type UserInfoProps = {
-    variant?: "compact";
-    name: string;
-    impactStatement: string;
-};
-/**
- * UserInfo
- * @constructor
- * @param props
- */
-export declare const UserInfo: (props: UserInfoProps) => JSX.Element;

package/dist/hooks/notifications.d.ts

@@ -1 +0,0 @@
-export { showNotification, updateNotification } from '@mantine/notifications';

package/dist/index.es.js

@@ -1 +0,0 @@
-import{NotificationsProvider as e}from"@mantine/notifications";export{showNotification,updateNotification}from"@mantine/notifications";import{jsxs as n,jsx as i,Fragment as t}from"react/jsx-runtime";import{IconArrowLeft as r,IconCategory2 as l,IconCheck as o,IconTrash as a,IconPlaylistAdd as s,IconDownload as c,IconX as d,IconCloudUpload as h,IconInfoCircle as m,IconColorSwatch as u,IconSwitchHorizontal as g,IconLogout as p,IconHome2 as f,IconGauge as v,IconAlbum as b,IconLambda as C,IconBrandInstagram as y,IconBrandLinkedin as k,IconBrandFacebook as x}from"@tabler/icons";import*as N from"react";import{useState as S}from"react";import{createStyles as z,Text as w,Tabs as O,Title as T,Image as L,UnstyledButton as A,Group as B,Avatar as I,Badge as W,ScrollArea as E,Table as P,Container as D,Stack as H,Grid as j,ActionIcon as R,Button as M,LoadingOverlay as F,Select as q,Autocomplete as V,Drawer as G,Divider as U,TextInput as _,Tooltip as Y,Paper as $,ThemeIcon as J,Card as Q,Overlay as K,createEmotionCache as X,MantineProvider as Z,Modal as ee,Navbar as ne,Center as ie,AppShell as te,Loader as re}from"@mantine/core";import{Dropzone as le,MIME_TYPES as oe}from"@mantine/dropzone";import{useForm as ae}from"@mantine/form";import*as se from"papaparse";import{openConfirmModal as ce,ModalsProvider as de}from"@mantine/modals";import{Chart as he}from"react-charts";var me=function(){return me=Object.assign||function(e){for(var n,i=1,t=arguments.length;i<t;i++)for(var r in n=arguments[i])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e},me.apply(this,arguments)};var ue=z((function(e){var n,i;return{root:(n={display:"flex",backgroundImage:"linear-gradient(-60deg, ".concat(e.colors[e.primaryColor][4]," 0%, ").concat(e.colors[e.primaryColor][7]," 100%)"),padding:1.5*e.spacing.xl,borderRadius:e.radius.md},n[e.fn.smallerThan("sm")]={flexDirection:"column"},n),title:{color:e.white,textTransform:"uppercase",fontWeight:700,fontSize:e.fontSizes.sm},count:{color:e.white,fontSize:32,lineHeight:1,fontWeight:700,marginBottom:e.spacing.md,fontFamily:"Greycliff CF, ".concat(e.fontFamily)},description:{color:e.colors[e.primaryColor][0],fontSize:e.fontSizes.sm,marginTop:5},stat:{flex:1,"& + &":(i={paddingLeft:e.spacing.xl,marginLeft:e.spacing.xl,borderLeft:"1px solid ".concat(e.colors[e.primaryColor][3])},i[e.fn.smallerThan("sm")]={paddingLeft:0,marginLeft:0,borderLeft:0,paddingTop:e.spacing.xl,marginTop:e.spacing.xl,borderTop:"1px solid ".concat(e.colors[e.primaryColor][3])},i)}}})),ge=function(e){var t=e.data,r=ue().classes,l=t.map((function(e){var t="%"===e.unit?Math.round(100*(e.value+Number.EPSILON)):e.value;return n("div",me({className:r.stat},{children:[n(w,me({className:r.count},{children:[t.toLocaleString(),e.unit]})),i(w,me({className:r.title},{children:e.title}))]}),e.title)}));return i("div",me({className:r.root},{children:l}))},pe=function(e){var n,t=null===(n=e.data)||void 0===n?void 0:n.map((function(e){return i(O.Tab,me({value:e.value},{children:e.label||e.value}),e.value)}));return i(O,me({value:e.value,onTabChange:e.onChange},{children:i(O.List,{children:t})}))},fe=z((function(e){var n,i,t;return{wrapper:(n={display:"flex",alignItems:"center",padding:2*e.spacing.xl,borderRadius:e.radius.md,backgroundColor:"dark"===e.colorScheme?e.colors.dark[8]:e.white,border:"1px solid ".concat("dark"===e.colorScheme?e.colors.dark[8]:e.colors.gray[3])},n["@media (max-width: ".concat(e.breakpoints.sm,"px)")]={flexDirection:"column-reverse",padding:e.spacing.xl},n),image:(i={maxWidth:"40%"},i["@media (max-width: ".concat(e.breakpoints.sm,"px)")]={maxWidth:"100%"},i),body:(t={paddingRight:4*e.spacing.xl},t["@media (max-width: ".concat(e.breakpoints.sm,"px)")]={paddingRight:0,marginTop:e.spacing.xl},t),title:{color:"dark"===e.colorScheme?e.white:e.black,fontFamily:"Greycliff CF, ".concat(e.fontFamily),lineHeight:1,marginBottom:e.spacing.md},controls:{display:"flex",marginTop:e.spacing.xl},inputWrapper:{width:"100%",flex:"1"},input:{borderTopRightRadius:0,borderBottomRightRadius:0,borderRight:0},control:{borderTopLeftRadius:0,borderBottomLeftRadius:0}}})),ve=function(e){var t=fe().classes,r=e.title||"Nothing to display",l=e.description||"We don't have anything to show you here just yet. Add data, check back later, or adjust your search.";return n("div",me({className:t.wrapper},{children:[n("div",me({className:t.body},{children:[i(T,me({className:t.title},{children:e.loading?"Loading...":r})),i(w,me({size:"sm",color:"dimmed"},{children:e.loading?"Hold on, we're loading your data.":l}))]})),i(L,{src:"https://cdn.localcivics.io/illustrations/".concat(e.icon,".svg"),className:t.image})]}))};function be(e){if(0===e.items.length)return i(ve,{title:"No badges to display",description:"There has not been any badge progress just yet.",loading:e.loading,icon:"badges"});var t=e.items.map((function(t){return n("tr",{children:[i("td",{children:i(A,me({onClick:function(){return e.onClick&&e.onClick(t)}},{children:n(B,me({spacing:"sm"},{children:[i(I,{size:40,src:t.avatar,radius:40}),n("div",{children:[i(w,me({size:"sm",weight:500},{children:t.name})),i(w,me({size:"xs",color:"dimmed"},{children:t.email}))]})]}))}))}),n("td",{children:[!!t.isComplete&&i(W,me({variant:"filled"},{children:"Complete"})),!t.isComplete&&i(W,me({color:"red",variant:"filled"},{children:"Incomplete"}))]})]},t.name)}));return i(E.Autosize,me({maxHeight:500},{children:n(P,me({verticalSpacing:"sm",sx:{minWidth:700},highlightOnHover:!0,striped:!0},{children:[i("thead",{children:n("tr",{children:[i("th",{children:"Student Name"}),i("th",{children:"Badge Status"})]})}),i("tbody",{children:t})]}))}))}function Ce(e){if(0===e.items.length)return i(ve,{title:"No lessons to display",description:"There are not lessons in badge.",loading:e.loading,icon:"badges"});var t=e.items.map((function(t){var r=Math.round(100*(t.percentageCompletion+Number.EPSILON));return n("tr",{children:[i("td",{children:i(A,me({onClick:function(){return e.onClick&&e.onClick(t)}},{children:t.lessonName}))}),n("td",{children:[r,"%"]})]},t.lessonName)}));return i(E.Autosize,me({maxHeight:500},{children:n(P,me({verticalSpacing:"sm",sx:{minWidth:700},highlightOnHover:!0,striped:!0},{children:[i("thead",{children:n("tr",{children:[i("th",{children:"Lesson Name"}),i("th",{children:"Lesson Completion"})]})}),i("tbody",{children:t})]}))}))}var ye=z((function(e){var n;return{title:(n={fontSize:34,fontWeight:900},n[e.fn.smallerThan("sm")]={fontSize:24},n),description:{maxWidth:600}}})),ke=function(e){var t=ye().classes,o=S("lessons"),a=o[0],s=o[1],c=e.students.length,d=c>0?e.students.filter((function(e){return e.isComplete})).length/c:0;return i(D,me({size:"lg",py:"xl"},{children:n(H,me({spacing:"md"},{children:[i(j,{children:n(j.Col,me({sm:"auto"},{children:[i(W,me({variant:"filled",leftSection:i(R,me({onClick:e.onBackClick,color:"blue",size:"xs",radius:"xl",variant:"filled"},{children:i(r,{size:14})})),size:"lg"},{children:"Badges"})),n(B,{children:[n(H,me({spacing:0},{children:[i(T,me({order:2,className:t.title,mt:"md"},{children:e.displayName||"Badge"})),i(w,me({color:"dimmed",className:t.description,mt:"sm"},{children:e.description||"No description"}))]})),i(H,me({ml:"auto"},{children:i(M,me({variant:"gradient",onClick:e.onPreviewClick},{children:"Preview"}))}))]})]}))}),i("div",{children:n("div",me({style:{position:"relative"}},{children:[i(F,{visible:e.loading,overlayBlur:2}),n(H,{children:[i(ge,{data:[{title:"BADGE COMPLETION",value:d,unit:"%"}]}),i(q,{clearable:!0,clearButtonLabel:"Clear class selection",size:"sm",placeholder:"Select a class",nothingFound:"No options",value:e.classId,onChange:e.onClassChange,icon:i(l,{}),data:e.classes.map((function(e){return{value:e.classId,label:e.name}}))}),n(H,me({spacing:0},{children:[i(pe,{value:a,data:[{label:"By lesson",value:"lessons"},{label:"By student",value:"students"}],onChange:s}),"lessons"===a&&i(Ce,{loading:e.loading,items:e.lessons,onClick:e.onLessonClick}),"students"===a&&i(be,{loading:e.loading,items:e.students,onClick:e.onUserClick})]}))]})]}))})]}))}))};function xe(e){if(0===e.items.length)return i(ve,{title:"No badges to display",description:"We don't have any badges to show you just yet.",loading:e.loading,icon:"badges"});var t=e.items.map((function(t){return i("tr",{children:i("td",{children:i(A,me({sx:function(e){return{display:"block",width:"100%",padding:e.spacing.md,color:"dark"===e.colorScheme?e.colors.dark[0]:e.black,"&:hover":{backgroundColor:"dark"===e.colorScheme?e.colors.dark[8]:e.colors.gray[1]}}},onClick:function(){return e.onClick&&e.onClick(t)}},{children:i(B,{children:n("div",{children:[i(w,me({size:"sm",weight:500},{children:t.name})),i(w,me({size:"xs",color:"dimmed"},{children:t.description}))]})})}))})},t.badgeId)}));return i(E.Autosize,me({maxHeight:500},{children:i(P,me({horizontalSpacing:0,verticalSpacing:0,sx:{minWidth:700}},{children:i("tbody",{children:t})}))}))}var Ne=z((function(e){var n;return{title:(n={fontSize:34,fontWeight:900},n[e.fn.smallerThan("sm")]={fontSize:24},n),description:{maxWidth:600}}})),Se=function(e){var t=Ne().classes;return i(D,me({size:"lg",py:"xl"},{children:n(H,me({spacing:"md"},{children:[i(j,{children:n(j.Col,me({sm:"auto"},{children:[i(W,me({variant:"filled",size:"lg"},{children:"Badges"})),i(T,me({order:2,className:t.title,mt:"md"},{children:"Badges and micro-credentials"})),i(w,me({color:"dimmed",className:t.description,mt:"sm"},{children:"Project-sized skills acquisition and standards alignment."}))]}))}),i(V,{placeholder:"Search for a badge that fits your needs",data:e.badges.map((function(e){return e.name})),onChange:e.onAutocompleteChange}),n("div",me({style:{position:"relative"}},{children:[i(F,{visible:e.loading,overlayBlur:2}),i(xe,{loading:e.loading,items:e.badges,onClick:e.onBadgeClick})]}))]}))}))};function ze(e){if(0===e.items.length)return i(ve,{title:"No students to display",description:"You don't have any students yet, add them and revisit.",loading:e.loading,icon:"groups"});var t=e.items.map((function(t){return n("tr",{children:[i("td",{children:i(A,me({onClick:function(){return e.onViewProfile(t)}},{children:t.studentName}))}),i("td",{children:t.className})]},t.studentName)}));return i(E.Autosize,me({maxHeight:500},{children:n(P,me({verticalSpacing:"sm",sx:{minWidth:700},highlightOnHover:!0,striped:!0},{children:[i("thead",{children:n("tr",{children:[i("th",{children:"Student Name"}),i("th",{children:"Class Name"})]})}),i("tbody",{children:t})]}))}))}var we=[{unit:"year",ms:31536e6},{unit:"month",ms:2628e6},{unit:"day",ms:864e5},{unit:"hour",ms:36e5},{unit:"minute",ms:6e4},{unit:"second",ms:1e3}],Oe=new Intl.RelativeTimeFormat("en",{numeric:"auto"});function Te(e,n){return void 0===n&&(n=new Date),e?function(e){for(var n=0,i=we;n<i.length;n++){var t=i[n],r=t.unit,l=t.ms;if(Math.abs(e)>=l||"second"===r)return Oe.format(Math.round(e/l),r)}return""}(e.getTime()-n.getTime()):""}function Le(e){if(0===e.items.length)return i(ve,{title:"No reflections to display",description:"There has not been any lesson progress just yet.",loading:e.loading,icon:"lessons"});var t=e.items.map((function(e){return n("tr",{children:[i("td",{children:e.studentName}),i("td",{children:e.lessonName}),i("td",{children:e.reflection}),i("td",{children:Te(new Date(e.updatedAt))})]},e.studentName+e.lessonName)}));return i(E.Autosize,me({maxHeight:500},{children:n(P,me({verticalSpacing:"sm",sx:{minWidth:700},highlightOnHover:!0,striped:!0},{children:[i("thead",{children:n("tr",{children:[i("th",{children:"Student Name"}),i("th",{children:"Lesson Name"}),i("th",{children:"Reflection"}),i("th",{children:"Updated At"})]})}),i("tbody",{children:t})]}))}))}function Ae(e){if(0===e.items.length)return i(ve,{title:"No impact statements to display",description:"There are no students with impact statements yet.",loading:e.loading,icon:"kindergarten"});var t=e.items.map((function(e){return n("tr",{children:[i("td",{children:e.studentName}),i("td",{children:e.impactStatement})]},e.studentName)}));return i(E.Autosize,me({maxHeight:500},{children:n(P,me({verticalSpacing:"sm",sx:{minWidth:700},highlightOnHover:!0,striped:!0},{children:[i("thead",{children:n("tr",{children:[i("th",{children:"Student Name"}),i("th",{children:"Impact Statement"})]})}),i("tbody",{children:t})]}))}))}function Be(e){if(0===e.items.length)return i(ve,{title:"No badges to display",description:"We don't have any badges to show you just yet.",loading:e.loading,icon:"badges"});var t=e.items.map((function(t){return n("tr",{children:[i("td",{children:i(A,me({onClick:function(){return e.onClick&&e.onClick(t)}},{children:t.name}))}),i("td",{children:t.description}),n("td",{children:[Math.round(100*(t.percentageCompletion+Number.EPSILON)),"%"]})]},t.badgeId)}));return i(E.Autosize,me({maxHeight:500},{children:n(P,me({verticalSpacing:"sm",sx:{minWidth:700},highlightOnHover:!0,striped:!0},{children:[i("thead",{children:n("tr",{children:[i("th",{children:"Badge Name"}),i("th",{children:"Description"}),i("th",{children:"Completion"})]})}),i("tbody",{children:t})]}))}))}function Ie(e){if(0===e.items.length)return i(ve,{title:"No lessons to display",description:"We don't have any lessons to show you just yet.",loading:e.loading,icon:"lessons"});var t=e.items.map((function(t){return n("tr",{children:[i("td",{children:i(A,me({onClick:function(){return e.onClick&&e.onClick(t)}},{children:t.name}))}),i("td",{children:t.description}),n("td",{children:[Math.round(100*(t.percentageCompletion+Number.EPSILON)),"%"]})]},t.lessonId)}));return i(E.Autosize,me({maxHeight:500},{children:n(P,me({verticalSpacing:"sm",sx:{minWidth:700},highlightOnHover:!0,striped:!0},{children:[i("thead",{children:n("tr",{children:[i("th",{children:"Lesson Name"}),i("th",{children:"Description"}),i("th",{children:"Completion"})]})}),i("tbody",{children:t})]}))}))}var We=function(e){var t=S("students"),r=t[0],o=t[1];return i(D,me({size:"lg",py:"xl"},{children:n(H,{children:[n(H,me({spacing:0},{children:[i(T,me({size:"h3"},{children:"Dashboard"})),i(w,me({color:"dimmed",size:"sm",mt:"md"},{children:"Fast-track learning for your students."}))]})),i(H,{children:n("div",me({style:{position:"relative"}},{children:[i(F,{visible:e.loading,overlayBlur:2}),n(H,me({spacing:"sm"},{children:[i(ge,{data:[{title:"# OF STUDENTS",value:e.students.length},{title:"ACCOUNT CREATION",value:e.percentageOfAccountsCreated,unit:"%"},{title:"BADGE COMPLETION",value:e.percentageOfBadgesEarned,unit:"%"},{title:"LESSON COMPLETION",value:e.percentageOfLessonsCompleted,unit:"%"}]}),i(q,{clearable:!0,clearButtonLabel:"Clear class selection",size:"sm",placeholder:"Select a class",nothingFound:"No options",value:e.classId,onChange:e.onClassChange,icon:i(l,{}),data:e.classes.map((function(e){return{value:e.classId,label:e.name}}))}),n(H,me({spacing:0},{children:[i(pe,{value:r,data:[{label:"My students",value:"students"},{label:"Impact statements",value:"impact"},{label:"Reflections",value:"reflections"},{label:"Badges",value:"badges"},{label:"Lessons",value:"lessons"}],onChange:o}),"impact"===r&&i(Ae,{loading:e.loading,items:e.impacts}),"reflections"===r&&i(Le,{loading:e.loading,items:e.reflections}),"badges"===r&&i(Be,{loading:e.loading,items:e.badges,onClick:e.onBadgeClick}),"lessons"===r&&i(Ie,{loading:e.loading,items:e.lessons,onClick:e.onLessonClick}),"students"===r&&i(ze,{loading:e.loading,items:e.students,onViewProfile:e.onViewStudentProfile})]}))]}))]}))})]})}))};function Ee(e){if(0===e.items.length)return i(ve,{title:"No students to display",description:"You have not rostered any students yet.",loading:e.loading,icon:"groups"});var t=e.items.map((function(t){return n("tr",{children:[i("td",{children:i(A,me({onClick:function(){return e.onViewProfile&&e.onViewProfile(t)}},{children:n(B,me({spacing:"sm"},{children:[i(I,{size:40,src:t.avatar,radius:40}),n("div",{children:[i(w,me({size:"sm",weight:500},{children:t.givenName&&t.familyName?"".concat(t.givenName," ").concat(t.familyName):t.email})),i(w,me({size:"xs",color:"dimmed"},{children:t.email}))]})]}))}))}),i("td",{children:t.badgesEarned}),i("td",{children:t.lessonsCompleted}),i("td",{children:t.hasAccount&&i(o,{color:"green"})}),i("td",{children:t.lastActivity?Te(t.lastActivity):""}),i("td",{children:i(B,me({noWrap:!0,spacing:0,position:"right"},{children:!t.readonly&&!!e.onDelete&&i(R,me({color:"red"},{children:i(a,{onClick:function(){return ce({title:'Delete "'.concat((n=t).givenName&&n.familyName?"".concat(n.givenName," ").concat(n.familyName):n.email,'"?'),centered:!0,children:i(w,me({size:"sm"},{children:"Are you sure you want to delete this person? This action is destructive and you will have to contact support to restore your data."})),labels:{confirm:"Delete",cancel:"No don't delete them"},confirmProps:{color:"red"},onConfirm:function(){return e.onDelete&&e.onDelete(n)}});var n},size:16,stroke:1.5})}))}))})]},t.email)}));return i(E,{children:n(P,me({verticalSpacing:20,sx:{minWidth:700},highlightOnHover:!0,striped:!0},{children:[i("thead",{children:n("tr",{children:[i("th",{children:"Student Name"}),i("th",{children:"Badges Earned"}),i("th",{children:"Lessons Completed"}),i("th",{children:"Account Created?"}),i("th",{children:"Last Active"}),i("th",{})]})}),i("tbody",{children:t})]}))})}var Pe=z((function(e){var n;return{title:(n={fontSize:34,fontWeight:900},n[e.fn.smallerThan("sm")]={fontSize:24},n),description:{maxWidth:600},wrapper:{position:"relative",marginBottom:30},dropzone:{borderWidth:1,paddingBottom:50},icon:{color:"dark"===e.colorScheme?e.colors.dark[3]:e.colors.gray[4]},control:{position:"absolute",width:250,left:"calc(50% - 125px)",bottom:-20}}})),De=function(e){var l=Pe().classes,o=ae({initialValues:{classId:"",studentId:"",email:"",givenName:"",familyName:"",avatar:"",role:"",readonly:!1,lastActivity:null,hasAccount:!1,lessonsCompleted:0,badgesEarned:0},validate:{email:function(n){return/^\S+@\S+$/.test(n)&&0===e.students.filter((function(e){return e.email===n})).length?null:"Invalid email"}}}),a=S(!1),c=a[0],d=a[1];return n(t,{children:[i(G,me({opened:c,onClose:function(){return d(!1)},title:i(T,me({size:"h5"},{children:"Add students"})),padding:"xl",size:"xl"},{children:n(H,me({spacing:"md"},{children:[i(He,me({},e,{close:function(){return d(!1)}})),i(U,{label:"or",labelPosition:"center",my:"md",variant:"dashed"}),i("form",me({onSubmit:o.onSubmit((function(){var n=o.values;o.reset(),d(!1),e.onCreateStudents&&e.onCreateStudents([n])}))},{children:n(H,{children:[i(_,me({withAsterisk:!0,label:"Email",placeholder:"Email"},o.getInputProps("email"))),n(B,me({grow:!0},{children:[i(_,me({label:"Given name",placeholder:"Given name"},o.getInputProps("givenName"))),i(_,me({label:"Family name",placeholder:"Family name"},o.getInputProps("familyName")))]})),i(M,me({type:"submit",fullWidth:!0,mt:"md"},{children:"Submit"}))]})}))]}))})),i(D,me({size:"lg",py:"xl"},{children:n(H,me({spacing:"md"},{children:[n(j,{children:[n(j.Col,me({sm:"auto"},{children:[i(W,me({variant:"filled",leftSection:i(R,me({onClick:e.onBackClick,color:"blue",size:"xs",radius:"xl",variant:"filled"},{children:i(r,{size:14})})),size:"lg"},{children:"Classes"})),i(T,me({order:2,className:l.title,mt:"md"},{children:e.displayName||"Class"})),i(w,me({color:"dimmed",className:l.description,mt:"sm"},{children:e.description||"No description"}))]})),i(j.Col,me({sm:"content"},{children:!e.loading&&i(M,me({onClick:function(){return d(!0)},leftIcon:i(s,{size:14})},{children:"Add students"}))}))]}),n("div",me({style:{position:"relative"}},{children:[i(F,{visible:e.loading,overlayBlur:2}),n(H,me({spacing:"sm"},{children:[i(ge,{data:[{title:"# OF STUDENTS",value:e.students.length},{title:"ACCOUNT CREATION",value:e.percentageOfAccountsCreated,unit:"%"},{title:"BADGE COMPLETION",value:e.percentageOfBadgesEarned,unit:"%"},{title:"LESSON COMPLETION",value:e.percentageOfLessonsCompleted,unit:"%"}]}),i(Ee,{loading:e.loading,items:e.students,onDelete:e.onDeleteStudent,onViewProfile:function(n){return e.onStudentClick(n)}})]}))]}))]}))}))]})},He=function(e){var t=Pe(),r=t.classes,l=t.theme,o=N.useRef(null),a=N.useState(!1),s=a[0],m=a[1],u=N.useCallback((function(n){m(!0),n.forEach((function(n){se.parse(n,{download:!0,header:!0,dynamicTyping:!0,skipEmptyLines:!0,worker:!0,complete:function(n){var i=n.data.filter((function(n){return/^\S+@\S+$/.test(n.email)&&0===e.students.filter((function(e){return e.email===n.email})).length}));i.length>0&&e.onCreateStudents&&e.onCreateStudents(i),m(!1),e.close()}})}))}),[]);return n("div",me({className:r.wrapper},{children:[i(le,me({loading:s,openRef:o,onDrop:u,className:r.dropzone,radius:"md",accept:[oe.csv],maxSize:5*Math.pow(1024,2)},{children:n("div",me({style:{pointerEvents:"none"}},{children:[n(B,me({position:"center"},{children:[i(le.Accept,{children:i(c,{size:50,color:l.colors[l.primaryColor][6],stroke:1.5})}),i(le.Reject,{children:i(d,{size:50,color:l.colors.red[6],stroke:1.5})}),i(le.Idle,{children:i(h,{size:50,color:"dark"===l.colorScheme?l.colors.dark[0]:l.black,stroke:1.5})})]})),n(w,me({align:"center",weight:700,size:"lg",mt:"xl"},{children:[i(le.Accept,{children:"Drop files here"}),i(le.Reject,{children:"Csv file less than 5mb"}),i(le.Idle,{children:"Upload multiple"})]})),n(w,me({align:"center",size:"sm",mt:"xs",color:"dimmed"},{children:["Drag'n'drop files here to upload. We can accept only ",i("i",{children:".csv"})," files that are less than 5mb in size."]}))]}))})),i(M,me({className:r.control,size:"md",radius:"xl",onClick:function(){var e;return null===(e=o.current)||void 0===e?void 0:e.call(o)}},{children:"Select file"}))]}))};function je(e){if(0===e.items.length)return i(ve,{title:"No classes to display",description:"You don't have any classes yet. Try creating one first...",loading:e.loading,icon:"groups"});var t=e.items.map((function(t){return n("tr",{children:[i("td",{children:i(A,me({onClick:function(){return e.onClick(t)}},{children:i(w,me({size:14},{children:t.name}))}))}),i("td",{children:i(w,me({size:14},{children:t.description}))}),i("td",{children:i(B,me({noWrap:!0,spacing:0,position:"right"},{children:i(R,me({color:"red"},{children:i(a,{onClick:function(){return ce({title:'Delete "'.concat((n=t).name,'"?'),centered:!0,children:i(w,me({size:"sm"},{children:"Are you sure you want to delete this class? This action is destructive and you will have to contact support to restore your data."})),labels:{confirm:"Delete class",cancel:"No don't delete it"},confirmProps:{color:"red"},onConfirm:function(){return e.onDeleteClass(n)}});var n},size:16,stroke:1.5})}))}))})]},t.classId)}));return i(E.Autosize,me({maxHeight:300},{children:n(P,me({verticalSpacing:20,sx:{minWidth:700},highlightOnHover:!0,striped:!0},{children:[i("thead",{children:n("tr",{children:[i("th",{children:"Class Name"}),i("th",{children:"Description"}),i("th",{})]})}),i("tbody",{children:t})]}))}))}var Re=z((function(e){var n;return{title:(n={fontSize:34,fontWeight:900},n[e.fn.smallerThan("sm")]={fontSize:24},n),description:{maxWidth:600}}})),Me=function(e){var r=Re().classes,l=ae({initialValues:{classId:"",name:"",description:""},validate:{name:function(e){return e.length<=6?"Name should include at least 6 characters":null}}}),o=S(!1),a=o[0],c=o[1];return n(t,{children:[i(G,me({opened:a,onClose:function(){return c(!1)},title:n(B,me({spacing:0},{children:[i(T,me({size:"h5"},{children:"Create a class"})),i(Y,me({label:"Classes settings cannot be modified once created"},{children:i(R,{children:i(m,{color:"#3b82f6",size:14})})}))]})),padding:"xl",size:"xl"},{children:n("form",me({onSubmit:l.onSubmit((function(){var n=l.values;l.reset(),c(!1),e.onCreateClass&&e.onCreateClass(n)}))},{children:[n(H,{children:[i(_,me({withAsterisk:!0,label:"Name",placeholder:"Class name"},l.getInputProps("name"))),i(_,me({label:"Description",placeholder:"A class for my first period English students"},l.getInputProps("description")))]}),i(M,me({type:"submit",fullWidth:!0,mt:"md"},{children:"Submit"}))]}))})),i(D,me({size:"lg",py:"xl"},{children:n(H,me({spacing:"md"},{children:[n(j,{children:[n(j.Col,me({sm:"auto"},{children:[i(W,me({variant:"filled",size:"lg"},{children:"Classes"})),i(T,me({order:2,className:r.title,mt:"md"},{children:"Organize students into classes"})),i(w,me({color:"dimmed",className:r.description,mt:"sm"},{children:"A class can be for a specific period of time, grade, team, or other cohorts."}))]})),i(j.Col,me({sm:"content"},{children:!e.loading&&i(M,me({onClick:function(){return c(!0)},leftIcon:i(s,{size:14})},{children:"Create class"}))}))]}),n("div",me({style:{position:"relative"}},{children:[i(F,{visible:e.loading,overlayBlur:2}),n(H,me({spacing:"sm"},{children:[i(ge,{data:[{title:"# OF CLASSES",value:e.classes.length}]}),i(je,{loading:e.loading,items:e.classes,onDeleteClass:e.onDeleteClass,onClick:e.onClassClick})]}))]}))]}))}))]})},Fe=z((function(e){var n;return{title:(n={fontSize:34,fontWeight:900,marginTop:16},n[e.fn.smallerThan("sm")]={fontSize:24},n),description:{maxWidth:600}}})),qe=function(e){var r=Fe().classes;return n(t,{children:[i(T,me({className:r.title},{children:e.name})),i(w,me({color:"dimmed",className:r.description,mt:"xs"},{children:e.impactStatement}))]})};function Ve(e){if(0===e.items.length)return i(ve,{title:"No badges to display",description:"There has not been any badge progress just yet.",loading:e.loading,icon:"badges"});var t=e.items.map((function(t){return n("tr",{children:[i("td",{children:i(A,me({onClick:function(){return e.onClick(t)}},{children:t.badgeName}))}),n("td",{children:[!!t.isComplete&&i(W,me({variant:"filled"},{children:"Complete"})),!t.isComplete&&i(W,me({color:"red",variant:"filled"},{children:"Incomplete"}))]})]},t.badgeName)}));return i(E.Autosize,me({maxHeight:500},{children:n(P,me({verticalSpacing:"sm",sx:{minWidth:700},highlightOnHover:!0,striped:!0},{children:[i("thead",{children:n("tr",{children:[i("th",{children:"Badge Name"}),i("th",{children:"Status"})]})}),i("tbody",{children:t})]}))}))}function Ge(e){if(0===e.items.length)return i(ve,{title:"No answers to display",description:"There has not been any lesson progress just yet.",loading:e.loading,icon:"lessons"});var t=e.items.map((function(t){return n("tr",{children:[i("td",{children:i(A,me({onClick:function(){return e.onClick(t)}},{children:t.lessonName}))}),i("td",{children:t.questionName}),i("td",{children:t.answer.join(",")})]},t.questionName)}));return i(E.Autosize,me({maxHeight:500},{children:n(P,me({verticalSpacing:"sm",sx:{minWidth:700},highlightOnHover:!0,striped:!0},{children:[i("thead",{children:n("tr",{children:[i("th",{children:"Lesson Name"}),i("th",{children:"Question"}),i("th",{children:"Answer"})]})}),i("tbody",{children:t})]}))}))}function Ue(e){if(0===e.items.length)return i(ve,{title:"No reflections to display",description:"There has not been any lesson progress just yet.",loading:e.loading,icon:"lessons"});var t=e.items.map((function(t){return n("tr",{children:[i("td",{children:i(A,me({onClick:function(){return e.onClick(t)}},{children:t.lessonName}))}),i("td",{children:t.reflection}),i("td",{children:t.rating.toLocaleString()})]},t.lessonName)}));return i(E.Autosize,me({maxHeight:500},{children:n(P,me({verticalSpacing:"sm",sx:{minWidth:700},highlightOnHover:!0,striped:!0},{children:[i("thead",{children:n("tr",{children:[i("th",{children:"Lesson Name"}),i("th",{children:"Reflection"}),i("th",{children:"Rating"})]})}),i("tbody",{children:t})]}))}))}var _e=function(e){var t=S("badges"),l=t[0],o=t[1],a=e.badges.length,s=a>0?e.badges.filter((function(e){return e.isComplete})).length/a:0;return i(D,me({size:"lg",py:"xl"},{children:n(H,me({spacing:"md"},{children:[i(j,me({gutter:"md"},{children:n(j.Col,me({sm:"auto"},{children:[i(W,me({variant:"filled",leftSection:i(R,me({onClick:e.onBackClick,color:"blue",size:"xs",radius:"xl",variant:"filled"},{children:i(r,{size:14})})),size:"lg"},{children:"Students"})),i(qe,{variant:"compact",name:e.name,impactStatement:e.impactStatement})]}))})),n("div",me({style:{position:"relative"}},{children:[i(F,{visible:e.loading,overlayBlur:2}),n(H,me({spacing:"lg"},{children:[i(ge,{data:[{title:"PROBLEMS SOLVED",value:e.numberOfProblemsSolved},{title:"LESSON COMPLETION",value:e.percentageOfLessonsCompleted,unit:"%"},{title:"BADGE COMPLETION",value:s,unit:"%"}]}),n(H,me({spacing:0},{children:[i(pe,{value:l,data:[{label:"My badges",value:"badges"},{label:"My answers",value:"answers"},{label:"My reflections",value:"reflections"}],onChange:o}),"badges"===l&&i(Ve,{loading:e.loading,items:e.badges,onClick:e.onBadgeClick}),"answers"===l&&i(Ge,{loading:e.loading,items:e.answers,onClick:e.onAnswerClick}),"reflections"===l&&i(Ue,{loading:e.loading,items:e.reflections,onClick:e.onReflectionClick})]}))]}))]}))]}))}))},Ye=z((function(e,n){var i=n.from||"blue",t=n.to||"green";return{card:{position:"relative",cursor:"pointer",overflow:"hidden",transition:"transform 150ms ease, box-shadow 100ms ease",padding:e.spacing.xl,paddingLeft:2*e.spacing.xl,"&:hover":{boxShadow:e.shadows.md,transform:"scale(1.02)"},"&::before":{content:'""',position:"absolute",top:0,bottom:0,left:0,width:6,backgroundImage:e.fn.linearGradient(0,e.colors[i][6],e.colors[t][6])}}}}));function $e(e){var t=Ye(e).classes,r=e.from||"blue",l=e.to||"green",o=e.icon||i(u,{size:28,stroke:1.5});return n($,me({withBorder:!0,radius:"md",className:t.card,onClick:e.onClick},{children:[i(J,me({size:"xl",radius:"md",variant:"gradient",gradient:{deg:0,from:r,to:l}},{children:o})),i(w,me({size:"xl",weight:500,mt:"md"},{children:e.title})),i(w,me({size:"sm",mt:"sm",color:"dimmed"},{children:e.description}))]}))}var Je=z((function(e){return{card:{height:240,backgroundSize:"cover",backgroundPosition:"center"},content:{position:"absolute",padding:e.spacing.xl,zIndex:1,top:0,bottom:0,right:0,left:0},action:{position:"absolute",bottom:e.spacing.xl,right:e.spacing.xl},title:{color:e.white,marginBottom:e.spacing.xs/2},description:{color:e.white,maxWidth:220}}})),Qe=function(e){var t=e.title,r=e.description,l=e.image,o=e.action,a=e.style,s=e.className,c=function(e,n){var i={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(i[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(t=Object.getOwnPropertySymbols(e);r<t.length;r++)n.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(e,t[r])&&(i[t[r]]=e[t[r]])}return i}(e,["title","description","image","action","style","className"]),d=Je(),h=d.classes,m=d.cx,u=d.theme;return n(Q,me({radius:"md",style:me({backgroundImage:"url(".concat(l,")")},a),className:m(h.card,s)},c,{children:[i(K,{gradient:"linear-gradient(105deg, ".concat(u.black," 20%, #312f2f 50%, ").concat(u.colors.gray[4]," 100%)"),opacity:.55,zIndex:0}),n("div",me({className:h.content},{children:[i(w,me({size:"lg",weight:700,className:h.title},{children:t})),i(w,me({size:"sm",className:h.description},{children:r})),i(M,me({className:h.action,variant:"white",color:"dark",component:"a",size:"xs",href:o.link,target:"_blank"},{children:o.label}))]}))]}))},Ke=function(e){return i(D,me({size:"lg"},{children:n(H,me({spacing:"lg"},{children:[n(j,me({gutter:"md"},{children:[i(j.Col,me({md:6},{children:i(qe,{variant:"compact",name:e.name,impactStatement:e.impactStatement})})),i(j.Col,me({md:6},{children:i(Qe,{title:e.organization.name,description:e.organization.description,image:e.organization.image,action:{label:"Visit website",link:e.organization.website}})}))]})),n(j,me({gutter:"md"},{children:[i(j.Col,{children:i($e,{title:"Dashboard",description:"Track class performance across core areas of focus.",onClick:e.onDashboardClick})}),i(j.Col,{children:i($e,{title:"Classes",description:"Organize students into classes.",onClick:e.onClassesClick})}),i(j.Col,{children:i($e,{title:"Lessons",description:"Explore units of instruction and/or see corresponding class progress.",onClick:e.onLessonsClick})}),i(j.Col,{children:i($e,{title:"Badges",description:"Project-sized skills acquisition and standards alignment.",onClick:e.onBadgesClick})})]}))]}))}))};function Xe(e){if(0===e.items.length)return i(ve,{title:"No reflections to display",description:"There has not been any lesson progress just yet.",loading:e.loading,icon:"lessons"});var t=e.items.map((function(e){return n("tr",{children:[i("td",{children:e.studentName}),i("td",{children:e.reflection}),i("td",{children:e.rating.toLocaleString()})]},e.studentName)}));return i(E.Autosize,me({maxHeight:500},{children:n(P,me({verticalSpacing:"sm",sx:{minWidth:700},highlightOnHover:!0,striped:!0},{children:[i("thead",{children:n("tr",{children:[i("th",{children:"Student Name"}),i("th",{children:"Reflection"}),i("th",{children:"Rating"})]})}),i("tbody",{children:t})]}))}))}function Ze(e){if(0===e.items.length)return i(ve,{title:"No students to display",description:"You don't have any student data yet for this lesson",loading:e.loading,icon:"lessons"});var t=e.items.map((function(t){return n("tr",{children:[i("td",{children:i(A,me({onClick:function(){return e.onClick&&e.onClick(t)}},{children:n(B,me({spacing:"sm"},{children:[i(I,{size:40,src:t.avatar,radius:40}),n("div",{children:[i(w,me({size:"sm",weight:500},{children:t.name})),i(w,me({size:"xs",color:"dimmed"},{children:t.email}))]})]}))}))}),n("td",{children:[!!t.isComplete&&i(W,me({variant:"filled"},{children:"Complete"})),!t.isComplete&&!t.isStarted&&i(W,me({color:"red",variant:"filled"},{children:"Not started"})),!t.isComplete&&!!t.isStarted&&i(W,me({color:"violet",variant:"filled"},{children:"In progress"}))]})]},t.name)}));return i(E.Autosize,me({maxHeight:500},{children:n(P,me({verticalSpacing:"sm",sx:{minWidth:700},highlightOnHover:!0,striped:!0},{children:[i("thead",{children:n("tr",{children:[i("th",{children:"Lesson Name"}),i("th",{children:"Status"})]})}),i("tbody",{children:t})]}))}))}function en(e){var t=N.useMemo((function(){return{position:"left",getValue:function(e){return e.primary}}}),[]),r=N.useMemo((function(){return[{position:"bottom",getValue:function(e){return e.secondary}}]}),[]);if(0===e.items.length)return i(ve,{title:"No questions to display",description:"There are no questions in this lesson.",loading:e.loading,icon:"lessons"});var l=e.items.map((function(e){if(e.chart){var l={},o=e.choices||[];return o.forEach((function(e){l[e]=0})),e.answers.forEach((function(e){return e.forEach((function(e){e in l&&(l[e]=l[e]?l[e]+1:1)}))})),i(Q,me({withBorder:!0,p:"xl",radius:"md"},{children:n(H,me({spacing:4},{children:[i(T,me({size:"lg"},{children:e.question})),n(w,me({size:"sm"},{children:[e.answers.length," answers"]})),i("div",me({style:{background:"white",height:"300px",width:"100%",position:"relative"}},{children:i(he,{options:{data:[{label:"",data:o.map((function(e){return{primary:nn(e,50),secondary:l[e]}}))}],primaryAxis:t,secondaryAxes:r}})}))]}))}),e.question)}return i(Q,me({withBorder:!0,p:"xl",radius:"md"},{children:n(H,me({spacing:4},{children:[i(T,me({size:"lg"},{children:e.question})),n(w,me({size:"sm"},{children:[e.answers.length," answers"]})),i(E.Autosize,me({maxHeight:500},{children:i(H,me({spacing:4},{children:e.answers.map((function(e){var n=e.join("\n");return i(Q,me({p:5,radius:0,bg:"gray.0"},{children:i(w,{children:n})}),n)}))}))}))]}))}),e.question)}));return i(H,me({py:4,spacing:10,sx:{minWidth:700}},{children:l}))}var nn=function(e,n){return e.substr(0,n-1)+(e.length>n?"&hellip;":"")},tn=z((function(e){var n;return{title:(n={fontSize:34,fontWeight:900},n[e.fn.smallerThan("sm")]={fontSize:24},n),description:{maxWidth:600}}})),rn=function(e){var t=tn().classes,o=S("question"),a=o[0],s=o[1],c=e.students.length,d=c>0?e.students.filter((function(e){return e.isComplete})).length/c:0;return i(D,me({size:"lg",py:"xl"},{children:n(H,me({spacing:"md"},{children:[i(j,{children:n(j.Col,me({sm:"auto"},{children:[i(W,me({variant:"filled",leftSection:i(R,me({onClick:e.onBackClick,color:"blue",size:"xs",radius:"xl",variant:"filled"},{children:i(r,{size:14})})),size:"lg"},{children:"Lessons"})),n(B,{children:[n(H,me({spacing:0},{children:[i(T,me({order:2,className:t.title,mt:"md"},{children:e.displayName||"Lesson"})),i(w,me({color:"dimmed",className:t.description,mt:"sm"},{children:e.description||"No description"}))]})),i(H,me({ml:"auto"},{children:i(M,me({variant:"gradient",onClick:e.onPreviewClick},{children:"Preview"}))}))]})]}))}),i("div",{children:n("div",me({style:{position:"relative"}},{children:[i(F,{visible:e.loading,overlayBlur:2}),n(H,{children:[i(ge,{data:[{title:"LESSON COMPLETION",value:d,unit:"%"}]}),i(q,{clearable:!0,clearButtonLabel:"Clear class selection",size:"sm",placeholder:"Select a class",nothingFound:"No options",value:e.classId,onChange:e.onClassChange,icon:i(l,{}),data:e.classes.map((function(e){return{value:e.classId,label:e.name}}))}),n(H,me({spacing:0},{children:[i(pe,{value:a,data:[{label:"By question",value:"question"},{label:"By reflection",value:"reflections"},{label:"By student",value:"students"}],onChange:s}),"question"===a&&i(en,{loading:e.loading,items:e.questions}),"reflections"===a&&i(Xe,{loading:e.loading,items:e.reflections}),"students"===a&&i(Ze,{loading:e.loading,items:e.students,onClick:e.onUserClick})]}))]})]}))})]}))}))};function ln(e){if(0===e.items.length)return i(ve,{title:"No lessons to display",description:"We don't have any lessons to show you just yet.",loading:e.loading,icon:"lessons"});var t=e.items.map((function(t){return i("tr",{children:i("td",{children:i(A,me({sx:function(e){return{display:"block",width:"100%",padding:e.spacing.md,color:"dark"===e.colorScheme?e.colors.dark[0]:e.black,"&:hover":{backgroundColor:"dark"===e.colorScheme?e.colors.dark[8]:e.colors.gray[1]}}},onClick:function(){return e.onClick&&e.onClick(t)}},{children:i(B,{children:n("div",{children:[i(w,me({size:"sm",weight:500},{children:t.name})),i(w,me({size:"xs",color:"dimmed"},{children:t.description}))]})})}))})},t.lessonId)}));return i(E.Autosize,me({maxHeight:500},{children:i(P,me({horizontalSpacing:0,verticalSpacing:0,sx:{minWidth:700}},{children:i("tbody",{children:t})}))}))}var on=z((function(e){var n;return{title:(n={fontSize:34,fontWeight:900},n[e.fn.smallerThan("sm")]={fontSize:24},n),description:{maxWidth:600}}})),an=function(e){var t=on().classes;return i(D,me({size:"lg",py:"xl"},{children:n(H,me({spacing:"md"},{children:[i(j,{children:n(j.Col,me({sm:"auto"},{children:[i(W,me({variant:"filled",size:"lg"},{children:"Lessons"})),i(T,me({order:2,className:t.title,mt:"md"},{children:"Lessons"})),i(w,me({color:"dimmed",className:t.description,mt:"sm"},{children:"Explore units of instruction and/or see corresponding class progress."}))]}))}),i(V,{placeholder:"Search for a lesson that fits your needs",data:e.lessons.map((function(e){return e.name})),onChange:e.onAutocompleteChange}),n("div",me({style:{position:"relative"}},{children:[i(F,{visible:e.loading,overlayBlur:2}),i(ln,{loading:e.loading,items:e.lessons,onClick:e.onLessonClick})]}))]}))}))},sn=X({key:"mantine",prepend:!1}),cn=function(n){return i(Z,me({withNormalizeCSS:!0,withGlobalStyles:!0,emotionCache:sn,theme:{loader:"bars"}},{children:i(e,me({limit:n.notificationLimit||5},{children:i(de,{children:n.children})}))}))},dn=function(e){var t=ae({initialValues:{active:e.account}});return i(ee,me({centered:!0,opened:e.opened,onClose:function(){return e.onClose&&e.onClose()},size:"sm",title:i(T,me({size:"h5"},{children:"Accounts"}))},{children:n("form",me({onSubmit:t.onSubmit((function(){e.onChange&&e.onChange(t.values.active)}))},{children:[i(q,me({required:!0,placeholder:"Select an account",defaultValue:e.account,data:e.accounts.map((function(e){return{value:e.accountId,label:e.name}}))},t.getInputProps("active"))),i(M,me({type:"submit",fullWidth:!0,mt:"xl"},{children:"Switch"}))]}))}))},hn=z((function(e){return{link:{width:50,height:50,borderRadius:e.radius.md,display:"flex",alignItems:"center",justifyContent:"center",color:"dark"===e.colorScheme?e.colors.dark[0]:e.colors.gray[7],"&:hover":{backgroundColor:"dark"===e.colorScheme?e.colors.dark[5]:e.colors.gray[0]}},active:{"&, &:hover":{backgroundColor:e.fn.variant({variant:"light",color:e.primaryColor}).background,color:e.fn.variant({variant:"light",color:e.primaryColor}).color}}}})),mn=[{icon:f,label:"Home",href:"/home"},{icon:v,label:"Dashboard",href:"/dashboard"},{icon:l,label:"Classes",href:"/classes"},{icon:b,label:"Badges",href:"/badges"},{icon:C,label:"Lessons",href:"/lessons"}],un=function(e){var n,t=e.icon,r=e.label,l=e.active,o=e.onClick,a=hn(),s=a.classes,c=a.cx;return i(Y,me({label:r,position:"right",transitionDuration:0},{children:i(A,me({onClick:o,className:c(s.link,(n={},n[s.active]=l,n))},{children:i(t,{stroke:1.5})}))}))},gn=function(e){var t=mn.map((function(n){return i(un,{label:n.label,icon:n.icon,active:n.label===e.active,onClick:function(){return e.navigate(n.href)}},n.label)}));return n(ne,me({width:{base:80},p:"md"},{children:[i(ie,{children:i(I,me({color:"blue",radius:"sm"},{children:i("div",me({style:{width:15,marginLeft:"auto",marginRight:"auto"}},{children:i(L,{fit:"contain",src:"https://cdn.localcivics.io/brand/l.png"})}))}))}),i(ne.Section,me({grow:!0,mt:50},{children:i(H,me({justify:"center",spacing:0},{children:t}))})),i(ne.Section,{children:n(H,me({justify:"center",spacing:0},{children:[i(un,{icon:g,label:"Switch accounts",onClick:e.onSwitchAccounts}),i(un,{icon:p,label:"Logout",onClick:e.onLogout})]}))})]}))},pn=z((function(e){var n,i,t,r,l,o;return{footer:{paddingTop:2*e.spacing.xl,paddingBottom:2*e.spacing.xl,paddingLeft:3*e.spacing.xl,backgroundColor:"dark"===e.colorScheme?e.colors.dark[6]:e.colors.gray[0],borderTop:"1px solid ".concat("dark"===e.colorScheme?e.colors.dark[5]:e.colors.gray[2])},logo:(n={maxWidth:200},n[e.fn.smallerThan("sm")]={display:"flex",flexDirection:"column",alignItems:"center"},n),description:(i={marginTop:5},i[e.fn.smallerThan("sm")]={marginTop:e.spacing.xs,textAlign:"center"},i),inner:(t={display:"flex",justifyContent:"space-between"},t[e.fn.smallerThan("sm")]={flexDirection:"column",alignItems:"center"},t),groups:(r={display:"flex",flexWrap:"wrap"},r[e.fn.smallerThan("sm")]={display:"none"},r),wrapper:{width:160},link:{display:"block",color:"dark"===e.colorScheme?e.colors.dark[1]:e.colors.gray[6],fontSize:e.fontSizes.sm,paddingTop:3,paddingBottom:3,"&:hover":{textDecoration:"underline"}},title:{fontSize:e.fontSizes.md,fontWeight:700,fontFamily:"Greycliff CF, ".concat(e.fontFamily),marginBottom:e.spacing.xs/2,color:"dark"===e.colorScheme?e.white:e.black},afterFooter:(l={display:"flex",justifyContent:"space-between",alignItems:"center",marginTop:e.spacing.xl,paddingTop:e.spacing.xl,paddingBottom:e.spacing.xl,borderTop:"1px solid ".concat("dark"===e.colorScheme?e.colors.dark[4]:e.colors.gray[2])},l[e.fn.smallerThan("sm")]={flexDirection:"column"},l),social:(o={},o[e.fn.smallerThan("sm")]={marginTop:e.spacing.xs},o)}})),fn=function(e){var r=pn().classes,l=vn(e.account,e.accounts,e.onAccountChange);return n(te,me({padding:"xs",navbar:i(gn,{active:e.navbar.props.active,navigate:e.navbar.props.navigate,onLogout:e.navbar.props.onLogout,onSwitchAccounts:function(){return l.setChangeModalOpen(!0)}}),footer:i(t,{children:!l.opened&&n("footer",me({className:r.footer},{children:[n(D,me({className:r.inner},{children:[n("div",me({className:r.logo},{children:[n(B,me({spacing:"xs"},{children:[i("div",me({style:{width:15}},{children:i(L,{fit:"contain",src:"https://cdn.localcivics.io/brand/l.png"})})),i(T,me({color:"dimmed",size:"h5"},{children:"Local Civics"}))]})),i(w,me({size:"xs",color:"dimmed",className:r.description},{children:"We connect students to powerful civic learning experiences."}))]})),i("div",me({className:r.groups},{children:n("div",me({className:r.wrapper},{children:[i(w,me({className:r.link,component:"a",href:"https://www.localcivics.io",target:"_blank"},{children:"About"})),i(w,me({className:r.link,component:"a",href:"https://www.localcivics.io/terms-of-service",target:"_blank"},{children:"Terms"})),i(w,me({className:r.link,component:"a",href:"https://www.localcivics.io/privacy-policy",target:"_blank"},{children:"Privacy"})),i(w,me({className:r.link,component:"a",href:"https://localcivics.notion.site/Help-Center-b52300f587b64fc0a61f512686e7626d",target:"_blank"},{children:"Help Center"}))]}))}))]})),n(D,me({className:r.afterFooter},{children:[n(w,me({color:"dimmed",size:"sm"},{children:["© ",(new Date).getFullYear()," Local Civics. All rights reserved."]})),n(B,me({spacing:0,className:r.social,position:"right",noWrap:!0},{children:[i(R,me({component:"a",target:"_blank",href:"https://www.instagram.com/localcivics/",size:"lg"},{children:i(y,{size:18,stroke:1.5})})),i(R,me({component:"a",target:"_blank",href:"https://www.linkedin.com/company/localcivics",size:"lg"},{children:i(k,{size:18,stroke:1.5})})),i(R,me({component:"a",target:"_blank",href:"https://www.facebook.com/localcivics/",size:"lg"},{children:i(x,{size:18,stroke:1.5})}))]}))]}))]}))}),styles:function(e){return{main:{backgroundColor:"dark"===e.colorScheme?e.colors.dark[8]:e.colors.gray[0]}}}},{children:[n("div",me({style:{position:"relative"}},{children:[(e.loading||l.opened)&&i(ie,me({style:{height:400}},{children:i(re,{})})),!e.loading&&!l.opened&&e.page]})),i(dn,{opened:l.opened,account:l.account,accounts:l.accounts,onChange:l.onAccountChange,onClose:function(){return l.setChangeModalOpen(!1)}})]}))},vn=function(e,n,i){var t=JSON.stringify(n),r=S(!1),l=r[0],o=r[1],a=S(e),s=a[0],c=a[1];return N.useEffect((function(){c(e)}),[e,t]),{opened:l,account:s,accounts:n,setChangeModalOpen:o,onAccountChange:function(e){c(e),o(!1),i(e)}}};export{cn as AdminProvider,fn as App,ke as Badge,Se as Badges,De as Class,Me as Classes,We as Dashboard,Ke as Home,rn as Lesson,an as Lessons,gn as Navbar,_e as Student,dn as SwitchAccount};

package/dist/pages/Badge/Badge.d.ts

@@ -1,37 +0,0 @@
-import { Item } from "./Table";
-import { Item as LessonItem } from "./LessonTable";
-/**
- * BadgeUserItem
- */
-export type BadgeUserItem = Item;
-/**
- * BadgeClass
- */
-export type BadgeClass = {
-    classId: string;
-    name: string;
-    active: boolean;
-};
-/**
- * BadgeProps
- */
-export type BadgeProps = {
-    loading: boolean;
-    displayName: string;
-    description: string;
-    classes: BadgeClass[];
-    lessons: LessonItem[];
-    classId: string;
-    students: BadgeUserItem[];
-    onBackClick: () => void;
-    onClassChange: (classId: string) => void;
-    onPreviewClick: () => void;
-    onUserClick: (user: BadgeUserItem) => void;
-    onLessonClick: (lesson: LessonItem) => void;
-};
-/**
- * Badge
- * @param props
- * @constructor
- */
-export declare const Badge: (props: BadgeProps) => JSX.Element;

package/dist/pages/Badge/LessonTable.d.ts

@@ -1,31 +0,0 @@
-/**
- * Item
- */
-export interface Item {
-    lessonId: string;
-    lessonName: string;
-    percentageCompletion: number;
-}
-/**
- * TableData
- */
-export type TableData = {
-    loading: boolean;
-    items: Item[];
-};
-/**
- * TableMethods
- */
-export type TableMethods = {
-    onClick: (item: Item) => void;
-};
-/**
- * TableProps
- */
-export type TableProps = TableData & TableMethods;
-/**
- * Table
- * @constructor
- * @param props
- */
-export declare function Table(props: TableProps): JSX.Element;

package/dist/pages/Badge/Table.d.ts

@@ -1,33 +0,0 @@
-/**
- * Item
- */
-export interface Item {
-    userId: string;
-    avatar: string;
-    name: string;
-    email: string;
-    isComplete?: boolean;
-}
-/**
- * TableData
- */
-export type TableData = {
-    loading: boolean;
-    items: Item[];
-};
-/**
- * TableMethods
- */
-export type TableMethods = {
-    onClick: (item: Item) => void;
-};
-/**
- * TableProps
- */
-export type TableProps = TableData & TableMethods;
-/**
- * Table
- * @constructor
- * @param props
- */
-export declare function Table(props: TableProps): JSX.Element;

package/dist/pages/Badge/component.stories.d.ts

@@ -1,18 +0,0 @@
-import { BadgeProps } from "./Badge";
-import { Story } from "@storybook/react";
-/**
- * Storybook component configuration
- */
-declare const _default: {
-    title: string;
-    component: (props: BadgeProps) => JSX.Element;
-};
-export default _default;
-/**
- * Component stories
- */
-export declare const Component: Story<BadgeProps>;
-/**
- * Component stories
- */
-export declare const Mock: Story<BadgeProps>;

package/dist/pages/Badges/Badges.d.ts

@@ -1,20 +0,0 @@
-import { Item } from "./Table";
-/**
- * BadgeItem
- */
-export type BadgeItem = Item;
-/**
- * BadgesProps
- */
-export type BadgesProps = {
-    loading: boolean;
-    badges: BadgeItem[];
-    onAutocompleteChange: (value: string) => void;
-    onBadgeClick: (badge: BadgeItem) => void;
-};
-/**
- * Badges
- * @param props
- * @constructor
- */
-export declare const Badges: (props: BadgesProps) => JSX.Element;

package/dist/pages/Badges/Table.d.ts

@@ -1,31 +0,0 @@
-/**
- * Item
- */
-export interface Item {
-    badgeId: string;
-    name: string;
-    description: string;
-}
-/**
- * TableData
- */
-export type TableData = {
-    loading: boolean;
-    items: Item[];
-};
-/**
- * TableMethods
- */
-export type TableMethods = {
-    onClick: (badge: Item) => void;
-};
-/**
- * TableProps
- */
-export type TableProps = TableData & TableMethods;
-/**
- * Table
- * @param props
- * @constructor
- */
-export declare function Table(props: TableProps): JSX.Element;

package/dist/pages/Badges/component.stories.d.ts

@@ -1,14 +0,0 @@
-import { BadgesProps } from "./Badges";
-import { Story } from "@storybook/react";
-/**
- * Storybook component configuration
- */
-declare const _default: {
-    title: string;
-    component: (props: BadgesProps) => JSX.Element;
-};
-export default _default;
-/**
- * Component stories
- */
-export declare const Component: Story<BadgesProps>;

package/dist/pages/Class/Class.d.ts

@@ -1,27 +0,0 @@
-import { Item } from "./Table";
-/**
- * StudentItem
- */
-export type StudentItem = Item;
-/**
- * ClassProps
- */
-export type ClassProps = {
-    loading: boolean;
-    displayName: string;
-    description: string;
-    students: StudentItem[];
-    percentageOfAccountsCreated: number;
-    percentageOfBadgesEarned: number;
-    percentageOfLessonsCompleted: number;
-    onBackClick: () => void;
-    onCreateStudents: (students: StudentItem[]) => void;
-    onDeleteStudent: (student: StudentItem) => void;
-    onStudentClick: (student: StudentItem) => void;
-};
-/**
- * Class
- * @param props
- * @constructor
- */
-export declare const Class: (props: ClassProps) => JSX.Element;

package/dist/pages/Class/Table.d.ts

@@ -1,31 +0,0 @@
-/**
- * Item
- */
-export type Item = {
-    classId: string;
-    studentId: string;
-    avatar: string;
-    email: string;
-    givenName: string;
-    familyName: string;
-    lastActivity: Date | null;
-    readonly: boolean;
-    hasAccount: boolean;
-    badgesEarned: number;
-    lessonsCompleted: number;
-};
-/**
- * TableProps
- */
-export interface TableProps {
-    loading: boolean;
-    items: Item[];
-    onViewProfile: (student: Item) => void;
-    onDelete?: (student: Item) => void;
-}
-/**
- * Table
- * @param props
- * @constructor
- */
-export declare function Table(props: TableProps): JSX.Element;

package/dist/pages/Class/component.stories.d.ts

@@ -1,18 +0,0 @@
-import { ClassProps } from "./Class";
-import { Story } from "@storybook/react";
-/**
- * Storybook component configuration
- */
-declare const _default: {
-    title: string;
-    component: (props: ClassProps) => JSX.Element;
-};
-export default _default;
-/**
- * Component stories
- */
-export declare const Component: Story<ClassProps>;
-/**
- * Mock stories
- */
-export declare const Mock: Story<ClassProps>;

package/dist/pages/Classes/Classes.d.ts

@@ -1,21 +0,0 @@
-import { Item } from "./Table";
-/**
- * ClassItem
- */
-export type ClassItem = Item;
-/**
- * ClassesProps
- */
-export type ClassesProps = {
-    loading: boolean;
-    classes: ClassItem[];
-    onCreateClass: (group: ClassItem) => void;
-    onDeleteClass: (group: ClassItem) => void;
-    onClassClick: (group: ClassItem) => void;
-};
-/**
- * Classes
- * @param props
- * @constructor
- */
-export declare const Classes: (props: ClassesProps) => JSX.Element;

package/dist/pages/Classes/Table.d.ts

@@ -1,23 +0,0 @@
-/**
- * Item
- */
-export type Item = {
-    classId: string;
-    name: string;
-    description: string;
-};
-/**
- * TableProps
- */
-export interface TableProps {
-    loading: boolean;
-    items: Item[];
-    onClick: (item: Item) => void;
-    onDeleteClass: (item: Item) => void;
-}
-/**
- * Table
- * @param props
- * @constructor
- */
-export declare function Table(props: TableProps): JSX.Element;

package/dist/pages/Classes/component.stories.d.ts

@@ -1,18 +0,0 @@
-import { ClassesProps } from "./Classes";
-import { Story } from "@storybook/react";
-/**
- * Storybook component configuration
- */
-declare const _default: {
-    title: string;
-    component: (props: ClassesProps) => JSX.Element;
-};
-export default _default;
-/**
- * Component stories
- */
-export declare const Component: Story<ClassesProps>;
-/**
- * Component stories
- */
-export declare const Mock: Story<ClassesProps>;

package/dist/pages/Dashboard/BadgeTable.d.ts

@@ -1,32 +0,0 @@
-/**
- * Item
- */
-export interface Item {
-    badgeId: string;
-    name: string;
-    description: string;
-    percentageCompletion: number;
-}
-/**
- * TableData
- */
-export type TableData = {
-    loading: boolean;
-    items: Item[];
-};
-/**
- * TableMethods
- */
-export type TableMethods = {
-    onClick: (badge: Item) => void;
-};
-/**
- * TableProps
- */
-export type TableProps = TableData & TableMethods;
-/**
- * Table
- * @param props
- * @constructor
- */
-export declare function Table(props: TableProps): JSX.Element;

package/dist/pages/Dashboard/Dashboard.d.ts

@@ -1,38 +0,0 @@
-import { Item as StudentItem } from "./StudentTable";
-import { Item as ReflectionItem } from "./ReflectionTable";
-import { Item as ImpactItem } from "./ImpactTable";
-import { Item as BadgeItem } from "./BadgeTable";
-import { Item as LessonItem } from "./LessonTable";
-/**
- * DashboardClass
- */
-export type DashboardClass = {
-    classId: string;
-    name: string;
-};
-/**
- * DashboardProps
- */
-export type DashboardProps = {
-    loading: boolean;
-    students: StudentItem[];
-    impacts: ImpactItem[];
-    reflections: ReflectionItem[];
-    classes: DashboardClass[];
-    badges: BadgeItem[];
-    lessons: LessonItem[];
-    classId: string;
-    percentageOfAccountsCreated: number;
-    percentageOfBadgesEarned: number;
-    percentageOfLessonsCompleted: number;
-    onClassChange: (classId: string) => void;
-    onViewStudentProfile: (student: StudentItem) => void;
-    onBadgeClick: (badge: BadgeItem) => void;
-    onLessonClick: (lesson: LessonItem) => void;
-};
-/**
- * Dashboard
- * @param props
- * @constructor
- */
-export declare const Dashboard: (props: DashboardProps) => JSX.Element;