@local-civics/mgmt-ui 0.1.72 → 0.1.73

package/dist/index.d.ts

@@ -31,6 +31,7 @@ interface NestedNavbarProps {
         href: string;
         hidden?: boolean;
     }>;
+    trial?: boolean;
     onLogout: () => void;
     onSwitchAccounts?: () => void;
 }
@@ -119,6 +120,7 @@ type BadgeProps = {
     classId: string;
     students: BadgeUserItem[];
     href: string;
+    trial?: boolean;
     onBackClick: () => void;
     onClassChange: (classId: string) => void;
     onCopyLinkClick: () => void;
@@ -459,6 +461,7 @@ type LessonProps = {
     students: LessonUserItem[];
     reflections: Item$5[];
     questions: Item$2[];
+    trial?: boolean;
     onBackClick: () => void;
     onClassChange: (classId: string) => void;
     onCopyLinkClick: () => void;

package/dist/index.js

@@ -357,7 +357,7 @@ function NestedNavbar(props) {
   const toggle = () => setBurgerOpen(!burgerOpen);
   const links = data.map((item) => {
     const context = props.links[item.label] || { notifications: 0, href: "" };
-    if (context.hidden) {
+    if (context.hidden || props.trial && item.label !== "Home") {
       return null;
     }
     return /* @__PURE__ */ React__namespace.createElement(
@@ -372,7 +372,7 @@ function NestedNavbar(props) {
       })
     );
   });
-  return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(core.Navbar, { width: { sm: 300 }, p: "md", className: cx(classes.navbar, { [classes.navHeader]: !burgerOpen }) }, /* @__PURE__ */ React__namespace.createElement(core.Navbar.Section, { className: classes.header }, /* @__PURE__ */ React__namespace.createElement(core.Group, { position: "apart" }, /* @__PURE__ */ React__namespace.createElement(core.Center, null, /* @__PURE__ */ React__namespace.createElement(core.Avatar, { color: "blue", radius: "sm" }, /* @__PURE__ */ React__namespace.createElement("div", { style: { width: 15, marginLeft: "auto", marginRight: "auto" } }, /* @__PURE__ */ React__namespace.createElement(core.Image, { fit: "contain", src: "https://cdn.localcivics.io/brand/l.png" })))), /* @__PURE__ */ React__namespace.createElement(core.Group, { position: "apart" }, /* @__PURE__ */ React__namespace.createElement(core.Code, { sx: { fontWeight: 700 } }, props.version), /* @__PURE__ */ React__namespace.createElement(core.Burger, { opened: burgerOpen, onClick: toggle, className: classes.burger, size: "sm" })))), /* @__PURE__ */ React__namespace.createElement("div", { className: cx({ [classes.navBody]: !burgerOpen }) }, /* @__PURE__ */ React__namespace.createElement(
+  return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(core.Navbar, { width: { sm: 300 }, p: "md", className: cx(classes.navbar, { [classes.navHeader]: !burgerOpen }) }, /* @__PURE__ */ React__namespace.createElement(core.Navbar.Section, { className: classes.header }, /* @__PURE__ */ React__namespace.createElement(core.Group, { position: "apart" }, /* @__PURE__ */ React__namespace.createElement(core.Center, null, /* @__PURE__ */ React__namespace.createElement(core.Avatar, { color: "blue", radius: "sm" }, /* @__PURE__ */ React__namespace.createElement("div", { style: { width: 15, marginLeft: "auto", marginRight: "auto" } }, /* @__PURE__ */ React__namespace.createElement(core.Image, { fit: "contain", src: "https://cdn.localcivics.io/brand/l.png" })))), /* @__PURE__ */ React__namespace.createElement(core.Group, { position: "apart" }, /* @__PURE__ */ React__namespace.createElement(core.Code, { sx: { fontWeight: 700 } }, props.version), !!props.trial && /* @__PURE__ */ React__namespace.createElement(core.Badge, { color: "violet", radius: "xs" }, "Trial"), /* @__PURE__ */ React__namespace.createElement(core.Burger, { opened: burgerOpen, onClick: toggle, className: classes.burger, size: "sm" })))), /* @__PURE__ */ React__namespace.createElement("div", { className: cx({ [classes.navBody]: !burgerOpen }) }, /* @__PURE__ */ React__namespace.createElement(
     UserButton,
     {
       className: classes.user,
@@ -712,7 +712,7 @@ const Badge = (props) => {
       leftSection: /* @__PURE__ */ React__namespace.createElement(core.ActionIcon, { color: "blue", size: "xs", radius: "xl", variant: "filled" }, /* @__PURE__ */ React__namespace.createElement(icons.IconArrowLeft, { size: 14 })),
       size: "lg"
     },
-    "Badges"
+    "Go Back"
   )), /* @__PURE__ */ React__namespace.createElement(core.Group, null, /* @__PURE__ */ React__namespace.createElement(core.Stack, { spacing: 0 }, /* @__PURE__ */ React__namespace.createElement(core.Title, { order: 2, className: classes.title, mt: "md" }, props.displayName || "Badge"), /* @__PURE__ */ React__namespace.createElement(core.Text, { color: "dimmed", className: classes.description, mt: "sm" }, props.description || "No description")), /* @__PURE__ */ React__namespace.createElement(core.Stack, { ml: "auto" }, /* @__PURE__ */ React__namespace.createElement(
     SplitButton$3,
     {
@@ -726,7 +726,7 @@ const Badge = (props) => {
       value: percentageOfBadgesEarned,
       unit: "%"
     }
-  ] }), /* @__PURE__ */ React__namespace.createElement(
+  ] }), !props.trial && /* @__PURE__ */ React__namespace.createElement(
     core.Select,
     {
       clearable: true,
@@ -741,7 +741,7 @@ const Badge = (props) => {
         return { value: g.classId, label: g.name };
       })
     }
-  ), /* @__PURE__ */ React__namespace.createElement(core.Stack, { spacing: 0 }, /* @__PURE__ */ React__namespace.createElement(
+  ), /* @__PURE__ */ React__namespace.createElement(core.Stack, { spacing: 0 }, !props.trial && /* @__PURE__ */ React__namespace.createElement(
     Tabs,
     {
       value: tab,
@@ -751,13 +751,13 @@ const Badge = (props) => {
       ],
       onChange: setTab
     }
-  ), tab === "lessons" && /* @__PURE__ */ React__namespace.createElement(
+  ), (!!props.trial || tab === "lessons") && /* @__PURE__ */ React__namespace.createElement(
     Table$f,
     {
       loading: props.loading,
       items: props.lessons
     }
-  ), tab === "students" && /* @__PURE__ */ React__namespace.createElement(
+  ), !props.trial && tab === "students" && /* @__PURE__ */ React__namespace.createElement(
     Table$g,
     {
       loading: props.loading,
@@ -1182,7 +1182,7 @@ const Class = (props) => {
       leftSection: /* @__PURE__ */ React__namespace.createElement(core.ActionIcon, { color: "blue", size: "xs", radius: "xl", variant: "filled" }, /* @__PURE__ */ React__namespace.createElement(icons.IconArrowLeft, { size: 14 })),
       size: "lg"
     },
-    "Classes"
+    "Go Back"
   )), /* @__PURE__ */ React__namespace.createElement(core.Title, { order: 2, className: classes.title, mt: "md" }, props.displayName || "Class"), /* @__PURE__ */ React__namespace.createElement(core.Text, { color: "dimmed", className: classes.description, mt: "sm" }, props.description || "No description")), /* @__PURE__ */ React__namespace.createElement(core.Grid.Col, { sm: "content" }, !props.loading && /* @__PURE__ */ React__namespace.createElement(
     SplitButton$2,
     {
@@ -1485,7 +1485,7 @@ const Student = (props) => {
       leftSection: /* @__PURE__ */ React__namespace.createElement(core.ActionIcon, { color: "blue", size: "xs", radius: "xl", variant: "filled" }, /* @__PURE__ */ React__namespace.createElement(icons.IconArrowLeft, { size: 14 })),
       size: "lg"
     },
-    "Back"
+    "Go Back"
   )), /* @__PURE__ */ React__namespace.createElement(
     UserInfo,
     {
@@ -1616,7 +1616,8 @@ const useStyles$8 = core.createStyles((theme) => ({
   card: {
     height: 240,
     backgroundSize: "cover",
-    backgroundPosition: "center"
+    backgroundPosition: "center",
+    whiteSpace: "pre-line"
   },
   content: {
     position: "absolute",
@@ -1946,7 +1947,7 @@ const Lesson = (props) => {
       leftSection: /* @__PURE__ */ React__namespace.createElement(core.ActionIcon, { color: "blue", size: "xs", radius: "xl", variant: "filled" }, /* @__PURE__ */ React__namespace.createElement(icons.IconArrowLeft, { size: 14 })),
       size: "lg"
     },
-    "Lessons"
+    "Go Back"
   )), /* @__PURE__ */ React__namespace.createElement(core.Group, null, /* @__PURE__ */ React__namespace.createElement(core.Stack, { spacing: 0 }, /* @__PURE__ */ React__namespace.createElement(core.Title, { order: 2, className: classes.title, mt: "md" }, props.displayName || "Lesson"), /* @__PURE__ */ React__namespace.createElement(core.Text, { color: "dimmed", className: classes.description, mt: "sm" }, props.description || "No description")), /* @__PURE__ */ React__namespace.createElement(core.Stack, { ml: "auto" }, /* @__PURE__ */ React__namespace.createElement(
     SplitButton$1,
     {
@@ -1960,7 +1961,7 @@ const Lesson = (props) => {
       value: percentageOfLessonsCompleted,
       unit: "%"
     }
-  ] }), /* @__PURE__ */ React__namespace.createElement(
+  ] }), !props.trial && /* @__PURE__ */ React__namespace.createElement(
     core.Select,
     {
       clearable: true,
@@ -1975,7 +1976,7 @@ const Lesson = (props) => {
         return { value: g.classId, label: g.name };
       })
     }
-  ), /* @__PURE__ */ React__namespace.createElement(core.Stack, { spacing: 0 }, /* @__PURE__ */ React__namespace.createElement(
+  ), /* @__PURE__ */ React__namespace.createElement(core.Stack, { spacing: 0 }, !props.trial && /* @__PURE__ */ React__namespace.createElement(
     Tabs,
     {
       value: tab,
@@ -1986,19 +1987,19 @@ const Lesson = (props) => {
       ],
       onChange: setTab
     }
-  ), tab === "question" && /* @__PURE__ */ React__namespace.createElement(
+  ), (!!props.trial || tab === "question") && /* @__PURE__ */ React__namespace.createElement(
     Stack,
     {
       loading: props.loading,
       items: props.questions
     }
-  ), tab === "reflections" && /* @__PURE__ */ React__namespace.createElement(
+  ), !props.trial && tab === "reflections" && /* @__PURE__ */ React__namespace.createElement(
     Table$3,
     {
       loading: props.loading,
       items: props.reflections
     }
-  ), tab === "students" && /* @__PURE__ */ React__namespace.createElement(
+  ), !props.trial && tab === "students" && /* @__PURE__ */ React__namespace.createElement(
     Table$2,
     {
       loading: props.loading,
@@ -2154,7 +2155,7 @@ const Organization = (props) => {
       leftSection: /* @__PURE__ */ React__namespace.createElement(core.ActionIcon, { color: "blue", size: "xs", radius: "xl", variant: "filled" }, /* @__PURE__ */ React__namespace.createElement(icons.IconArrowLeft, { size: 14 })),
       size: "lg"
     },
-    "Organization"
+    "Go Back"
   )), /* @__PURE__ */ React__namespace.createElement(core.Title, { order: 2, className: classes.title, mt: "md" }, props.displayName || "Overview"), /* @__PURE__ */ React__namespace.createElement(core.Text, { color: "dimmed", className: classes.description, mt: "sm" }, props.description || "No description"))), /* @__PURE__ */ React__namespace.createElement(AccessCode, { value: props.accessCode, onCopyCode: props.onCopyAccessCode, peopleLink: props.peopleLink }), /* @__PURE__ */ React__namespace.createElement("div", { style: { position: "relative" } }, /* @__PURE__ */ React__namespace.createElement(core.LoadingOverlay, { visible: props.loading, overlayBlur: 2 }), /* @__PURE__ */ React__namespace.createElement(core.Stack, { spacing: "sm" }, /* @__PURE__ */ React__namespace.createElement(StatsGroup, { data: [
     {
       title: "# OF STUDENTS",
@@ -2361,7 +2362,7 @@ const People = (props) => {
       leftSection: /* @__PURE__ */ React__namespace.createElement(core.ActionIcon, { color: "blue", size: "xs", radius: "xl", variant: "filled" }, /* @__PURE__ */ React__namespace.createElement(icons.IconArrowLeft, { size: 14 })),
       size: "lg"
     },
-    "Organization"
+    "Go Back"
   )), /* @__PURE__ */ React__namespace.createElement(core.Title, { order: 2, className: classes.title, mt: "md" }, "People"), /* @__PURE__ */ React__namespace.createElement(core.Text, { color: "dimmed", className: classes.description, mt: "sm" }, "Manage members of your organization")), /* @__PURE__ */ React__namespace.createElement(core.Grid.Col, { sm: "content" }, !props.loading && /* @__PURE__ */ React__namespace.createElement(
     SplitButton,
     {