@local-civics/mgmt-ui 0.1.72 → 0.1.73

package/dist/index.mjs

@@ -337,7 +337,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.createElement(
@@ -352,7 +352,7 @@ function NestedNavbar(props) {
       })
     );
   });
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Navbar$1, { width: { sm: 300 }, p: "md", className: cx(classes.navbar, { [classes.navHeader]: !burgerOpen }) }, /* @__PURE__ */ React.createElement(Navbar$1.Section, { className: classes.header }, /* @__PURE__ */ React.createElement(Group, { position: "apart" }, /* @__PURE__ */ React.createElement(Center, null, /* @__PURE__ */ React.createElement(Avatar, { color: "blue", radius: "sm" }, /* @__PURE__ */ React.createElement("div", { style: { width: 15, marginLeft: "auto", marginRight: "auto" } }, /* @__PURE__ */ React.createElement(Image, { fit: "contain", src: "https://cdn.localcivics.io/brand/l.png" })))), /* @__PURE__ */ React.createElement(Group, { position: "apart" }, /* @__PURE__ */ React.createElement(Code, { sx: { fontWeight: 700 } }, props.version), /* @__PURE__ */ React.createElement(Burger, { opened: burgerOpen, onClick: toggle, className: classes.burger, size: "sm" })))), /* @__PURE__ */ React.createElement("div", { className: cx({ [classes.navBody]: !burgerOpen }) }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Navbar$1, { width: { sm: 300 }, p: "md", className: cx(classes.navbar, { [classes.navHeader]: !burgerOpen }) }, /* @__PURE__ */ React.createElement(Navbar$1.Section, { className: classes.header }, /* @__PURE__ */ React.createElement(Group, { position: "apart" }, /* @__PURE__ */ React.createElement(Center, null, /* @__PURE__ */ React.createElement(Avatar, { color: "blue", radius: "sm" }, /* @__PURE__ */ React.createElement("div", { style: { width: 15, marginLeft: "auto", marginRight: "auto" } }, /* @__PURE__ */ React.createElement(Image, { fit: "contain", src: "https://cdn.localcivics.io/brand/l.png" })))), /* @__PURE__ */ React.createElement(Group, { position: "apart" }, /* @__PURE__ */ React.createElement(Code, { sx: { fontWeight: 700 } }, props.version), !!props.trial && /* @__PURE__ */ React.createElement(Badge$1, { color: "violet", radius: "xs" }, "Trial"), /* @__PURE__ */ React.createElement(Burger, { opened: burgerOpen, onClick: toggle, className: classes.burger, size: "sm" })))), /* @__PURE__ */ React.createElement("div", { className: cx({ [classes.navBody]: !burgerOpen }) }, /* @__PURE__ */ React.createElement(
     UserButton,
     {
       className: classes.user,
@@ -692,7 +692,7 @@ const Badge = (props) => {
       leftSection: /* @__PURE__ */ React.createElement(ActionIcon, { color: "blue", size: "xs", radius: "xl", variant: "filled" }, /* @__PURE__ */ React.createElement(IconArrowLeft, { size: 14 })),
       size: "lg"
     },
-    "Badges"
+    "Go Back"
   )), /* @__PURE__ */ React.createElement(Group, null, /* @__PURE__ */ React.createElement(Stack$3, { spacing: 0 }, /* @__PURE__ */ React.createElement(Title, { order: 2, className: classes.title, mt: "md" }, props.displayName || "Badge"), /* @__PURE__ */ React.createElement(Text, { color: "dimmed", className: classes.description, mt: "sm" }, props.description || "No description")), /* @__PURE__ */ React.createElement(Stack$3, { ml: "auto" }, /* @__PURE__ */ React.createElement(
     SplitButton$3,
     {
@@ -706,7 +706,7 @@ const Badge = (props) => {
       value: percentageOfBadgesEarned,
       unit: "%"
     }
-  ] }), /* @__PURE__ */ React.createElement(
+  ] }), !props.trial && /* @__PURE__ */ React.createElement(
     Select,
     {
       clearable: true,
@@ -721,7 +721,7 @@ const Badge = (props) => {
         return { value: g.classId, label: g.name };
       })
     }
-  ), /* @__PURE__ */ React.createElement(Stack$3, { spacing: 0 }, /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React.createElement(Stack$3, { spacing: 0 }, !props.trial && /* @__PURE__ */ React.createElement(
     Tabs,
     {
       value: tab,
@@ -731,13 +731,13 @@ const Badge = (props) => {
       ],
       onChange: setTab
     }
-  ), tab === "lessons" && /* @__PURE__ */ React.createElement(
+  ), (!!props.trial || tab === "lessons") && /* @__PURE__ */ React.createElement(
     Table$f,
     {
       loading: props.loading,
       items: props.lessons
     }
-  ), tab === "students" && /* @__PURE__ */ React.createElement(
+  ), !props.trial && tab === "students" && /* @__PURE__ */ React.createElement(
     Table$g,
     {
       loading: props.loading,
@@ -1162,7 +1162,7 @@ const Class = (props) => {
       leftSection: /* @__PURE__ */ React.createElement(ActionIcon, { color: "blue", size: "xs", radius: "xl", variant: "filled" }, /* @__PURE__ */ React.createElement(IconArrowLeft, { size: 14 })),
       size: "lg"
     },
-    "Classes"
+    "Go Back"
   )), /* @__PURE__ */ React.createElement(Title, { order: 2, className: classes.title, mt: "md" }, props.displayName || "Class"), /* @__PURE__ */ React.createElement(Text, { color: "dimmed", className: classes.description, mt: "sm" }, props.description || "No description")), /* @__PURE__ */ React.createElement(Grid.Col, { sm: "content" }, !props.loading && /* @__PURE__ */ React.createElement(
     SplitButton$2,
     {
@@ -1465,7 +1465,7 @@ const Student = (props) => {
       leftSection: /* @__PURE__ */ React.createElement(ActionIcon, { color: "blue", size: "xs", radius: "xl", variant: "filled" }, /* @__PURE__ */ React.createElement(IconArrowLeft, { size: 14 })),
       size: "lg"
     },
-    "Back"
+    "Go Back"
   )), /* @__PURE__ */ React.createElement(
     UserInfo,
     {
@@ -1596,7 +1596,8 @@ const useStyles$8 = createStyles((theme) => ({
   card: {
     height: 240,
     backgroundSize: "cover",
-    backgroundPosition: "center"
+    backgroundPosition: "center",
+    whiteSpace: "pre-line"
   },
   content: {
     position: "absolute",
@@ -1926,7 +1927,7 @@ const Lesson = (props) => {
       leftSection: /* @__PURE__ */ React.createElement(ActionIcon, { color: "blue", size: "xs", radius: "xl", variant: "filled" }, /* @__PURE__ */ React.createElement(IconArrowLeft, { size: 14 })),
       size: "lg"
     },
-    "Lessons"
+    "Go Back"
   )), /* @__PURE__ */ React.createElement(Group, null, /* @__PURE__ */ React.createElement(Stack$3, { spacing: 0 }, /* @__PURE__ */ React.createElement(Title, { order: 2, className: classes.title, mt: "md" }, props.displayName || "Lesson"), /* @__PURE__ */ React.createElement(Text, { color: "dimmed", className: classes.description, mt: "sm" }, props.description || "No description")), /* @__PURE__ */ React.createElement(Stack$3, { ml: "auto" }, /* @__PURE__ */ React.createElement(
     SplitButton$1,
     {
@@ -1940,7 +1941,7 @@ const Lesson = (props) => {
       value: percentageOfLessonsCompleted,
       unit: "%"
     }
-  ] }), /* @__PURE__ */ React.createElement(
+  ] }), !props.trial && /* @__PURE__ */ React.createElement(
     Select,
     {
       clearable: true,
@@ -1955,7 +1956,7 @@ const Lesson = (props) => {
         return { value: g.classId, label: g.name };
       })
     }
-  ), /* @__PURE__ */ React.createElement(Stack$3, { spacing: 0 }, /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React.createElement(Stack$3, { spacing: 0 }, !props.trial && /* @__PURE__ */ React.createElement(
     Tabs,
     {
       value: tab,
@@ -1966,19 +1967,19 @@ const Lesson = (props) => {
       ],
       onChange: setTab
     }
-  ), tab === "question" && /* @__PURE__ */ React.createElement(
+  ), (!!props.trial || tab === "question") && /* @__PURE__ */ React.createElement(
     Stack,
     {
       loading: props.loading,
       items: props.questions
     }
-  ), tab === "reflections" && /* @__PURE__ */ React.createElement(
+  ), !props.trial && tab === "reflections" && /* @__PURE__ */ React.createElement(
     Table$3,
     {
       loading: props.loading,
       items: props.reflections
     }
-  ), tab === "students" && /* @__PURE__ */ React.createElement(
+  ), !props.trial && tab === "students" && /* @__PURE__ */ React.createElement(
     Table$2,
     {
       loading: props.loading,
@@ -2134,7 +2135,7 @@ const Organization = (props) => {
       leftSection: /* @__PURE__ */ React.createElement(ActionIcon, { color: "blue", size: "xs", radius: "xl", variant: "filled" }, /* @__PURE__ */ React.createElement(IconArrowLeft, { size: 14 })),
       size: "lg"
     },
-    "Organization"
+    "Go Back"
   )), /* @__PURE__ */ React.createElement(Title, { order: 2, className: classes.title, mt: "md" }, props.displayName || "Overview"), /* @__PURE__ */ React.createElement(Text, { color: "dimmed", className: classes.description, mt: "sm" }, props.description || "No description"))), /* @__PURE__ */ React.createElement(AccessCode, { value: props.accessCode, onCopyCode: props.onCopyAccessCode, peopleLink: props.peopleLink }), /* @__PURE__ */ React.createElement("div", { style: { position: "relative" } }, /* @__PURE__ */ React.createElement(LoadingOverlay, { visible: props.loading, overlayBlur: 2 }), /* @__PURE__ */ React.createElement(Stack$3, { spacing: "sm" }, /* @__PURE__ */ React.createElement(StatsGroup, { data: [
     {
       title: "# OF STUDENTS",
@@ -2341,7 +2342,7 @@ const People = (props) => {
       leftSection: /* @__PURE__ */ React.createElement(ActionIcon, { color: "blue", size: "xs", radius: "xl", variant: "filled" }, /* @__PURE__ */ React.createElement(IconArrowLeft, { size: 14 })),
       size: "lg"
     },
-    "Organization"
+    "Go Back"
   )), /* @__PURE__ */ React.createElement(Title, { order: 2, className: classes.title, mt: "md" }, "People"), /* @__PURE__ */ React.createElement(Text, { color: "dimmed", className: classes.description, mt: "sm" }, "Manage members of your organization")), /* @__PURE__ */ React.createElement(Grid.Col, { sm: "content" }, !props.loading && /* @__PURE__ */ React.createElement(
     SplitButton,
     {