@local-civics/hub-ui 0.1.127 → 0.1.129

package/dist/index.mjs

@@ -932,19 +932,19 @@ const sprite = {
   }
 };
 
-var __defProp$g = Object.defineProperty;
-var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
-var __hasOwnProp$g = Object.prototype.hasOwnProperty;
-var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$g = (a, b) => {
+var __defProp$f = Object.defineProperty;
+var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
+var __hasOwnProp$f = Object.prototype.hasOwnProperty;
+var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$f = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$g.call(b, prop))
-      __defNormalProp$g(a, prop, b[prop]);
-  if (__getOwnPropSymbols$g)
-    for (var prop of __getOwnPropSymbols$g(b)) {
-      if (__propIsEnum$g.call(b, prop))
-        __defNormalProp$g(a, prop, b[prop]);
+    if (__hasOwnProp$f.call(b, prop))
+      __defNormalProp$f(a, prop, b[prop]);
+  if (__getOwnPropSymbols$f)
+    for (var prop of __getOwnPropSymbols$f(b)) {
+      if (__propIsEnum$f.call(b, prop))
+        __defNormalProp$f(a, prop, b[prop]);
     }
   return a;
 };
@@ -963,9 +963,9 @@ const Icon$1 = (props) => {
     },
     /* @__PURE__ */ React__default.createElement("title", null, props.name),
     contents.map((v, k) => {
-      return v.d && /* @__PURE__ */ React__default.createElement("path", __spreadValues$g({ key: k }, v));
+      return v.d && /* @__PURE__ */ React__default.createElement("path", __spreadValues$f({ key: k }, v));
     }),
-    contents.map((v, k) => v.r && /* @__PURE__ */ React__default.createElement("circle", __spreadValues$g({ key: k }, v)))
+    contents.map((v, k) => v.r && /* @__PURE__ */ React__default.createElement("circle", __spreadValues$f({ key: k }, v)))
   );
 };
 
@@ -1547,25 +1547,25 @@ const ActivityItem = (props) => {
   return /* @__PURE__ */ React.createElement("div", { onClick: props.onClick, className: "grow cursor-pointer relative rounded-md min-w-64 h-[22rem] overflow-hidden" }, /* @__PURE__ */ React.createElement("img", { className: "h-full w-full object-cover", alt: props.headline, src: props.imageURL }), /* @__PURE__ */ React.createElement("div", { className: "absolute bottom-0 w-full" }, /* @__PURE__ */ React.createElement("div", { className: "p-5 bg-gray-800/75 w-full" }, /* @__PURE__ */ React.createElement("div", { className: "text-sm font-bold text-white w-full" }, props.headline), /* @__PURE__ */ React.createElement("div", { className: "mt-2 flex items-center gap-x-2 w-full" }, /* @__PURE__ */ React.createElement("div", { className: "flex-shrink-0 w-6 h-6 text-white fill-white" }, /* @__PURE__ */ React.createElement(Icon$1, { name: props.pathway || "globe" })), props.pathway && /* @__PURE__ */ React.createElement("span", { className: "grow" }, /* @__PURE__ */ React.createElement("div", { className: "text-sm font-medium capitalize text-white w-full" }, props.pathway)), props.xp && /* @__PURE__ */ React.createElement("div", { className: "text-slate-600 shadow-md whitespace-nowrap font-bold rounded-md text-sm px-5 py-2 bg-cyan-400" }, props.xp, " pts")))));
 };
 
-var __defProp$f = Object.defineProperty;
-var __defProps$d = Object.defineProperties;
-var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
-var __hasOwnProp$f = Object.prototype.hasOwnProperty;
-var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$f = (a, b) => {
+var __defProp$e = Object.defineProperty;
+var __defProps$c = Object.defineProperties;
+var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
+var __hasOwnProp$e = Object.prototype.hasOwnProperty;
+var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$e = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$f.call(b, prop))
-      __defNormalProp$f(a, prop, b[prop]);
-  if (__getOwnPropSymbols$f)
-    for (var prop of __getOwnPropSymbols$f(b)) {
-      if (__propIsEnum$f.call(b, prop))
-        __defNormalProp$f(a, prop, b[prop]);
+    if (__hasOwnProp$e.call(b, prop))
+      __defNormalProp$e(a, prop, b[prop]);
+  if (__getOwnPropSymbols$e)
+    for (var prop of __getOwnPropSymbols$e(b)) {
+      if (__propIsEnum$e.call(b, prop))
+        __defNormalProp$e(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
+var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
 const TagFilter = (props) => {
   const timeTags = ["15 min", "30 min", "45 min", "60 min"];
   const skillTags = ["Civic", "College", "Academic", "Personal"];
@@ -1577,12 +1577,12 @@ const TagFilter = (props) => {
   const [active, setActive] = React__default.useState(init);
   const onTagClick = (tag) => {
     if (active[tag]) {
-      setActive(__spreadProps$d(__spreadValues$f({}, active), { [tag]: false }));
-      const tags = Object.entries(__spreadProps$d(__spreadValues$f({}, active), { [tag]: false })).filter(([, active2]) => active2).map(([tag2]) => tag2);
+      setActive(__spreadProps$c(__spreadValues$e({}, active), { [tag]: false }));
+      const tags = Object.entries(__spreadProps$c(__spreadValues$e({}, active), { [tag]: false })).filter(([, active2]) => active2).map(([tag2]) => tag2);
       props.onChange && props.onChange(tags);
     } else {
-      setActive(__spreadProps$d(__spreadValues$f({}, active), { [tag]: true }));
-      const tags = Object.entries(__spreadProps$d(__spreadValues$f({}, active), { [tag]: true })).filter(([, active2]) => active2).map(([tag2]) => tag2);
+      setActive(__spreadProps$c(__spreadValues$e({}, active), { [tag]: true }));
+      const tags = Object.entries(__spreadProps$c(__spreadValues$e({}, active), { [tag]: true })).filter(([, active2]) => active2).map(([tag2]) => tag2);
       props.onChange && props.onChange(tags);
     }
   };
@@ -1628,25 +1628,25 @@ const debounce = (func, delay) => {
   };
 };
 
-var __defProp$e = Object.defineProperty;
-var __defProps$c = Object.defineProperties;
-var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
-var __hasOwnProp$e = Object.prototype.hasOwnProperty;
-var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$e = (a, b) => {
+var __defProp$d = Object.defineProperty;
+var __defProps$b = Object.defineProperties;
+var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
+var __hasOwnProp$d = Object.prototype.hasOwnProperty;
+var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$d = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$e.call(b, prop))
-      __defNormalProp$e(a, prop, b[prop]);
-  if (__getOwnPropSymbols$e)
-    for (var prop of __getOwnPropSymbols$e(b)) {
-      if (__propIsEnum$e.call(b, prop))
-        __defNormalProp$e(a, prop, b[prop]);
+    if (__hasOwnProp$d.call(b, prop))
+      __defNormalProp$d(a, prop, b[prop]);
+  if (__getOwnPropSymbols$d)
+    for (var prop of __getOwnPropSymbols$d(b)) {
+      if (__propIsEnum$d.call(b, prop))
+        __defNormalProp$d(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
+var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
 const ActivityList = (props) => {
   var _a;
   const primary = !props.top ? null : props.top.length > 0 ? props == null ? void 0 : props.top[0] : null;
@@ -1664,14 +1664,14 @@ const ActivityList = (props) => {
       isLoading: props.isLoading,
       primary: !props.search && primary && /* @__PURE__ */ React__default.createElement(
         ActivityItem,
-        __spreadProps$c(__spreadValues$e({}, primary), {
+        __spreadProps$b(__spreadValues$d({}, primary), {
           onClick: () => props.onActivityClick && props.onActivityClick(primary.activityId)
         })
       ),
       top: !props.search && top && top.length > 0 && /* @__PURE__ */ React__default.createElement("article", { className: "grid grid-cols-1 md:flex gap-2 overflow-auto" }, top.map((activity) => {
         return /* @__PURE__ */ React__default.createElement(
           ActivityItem,
-          __spreadProps$c(__spreadValues$e({
+          __spreadProps$b(__spreadValues$d({
             key: `${activity.activityId}`
           }, activity), {
             onClick: () => props.onActivityClick && props.onActivityClick(activity.activityId)
@@ -1681,7 +1681,7 @@ const ActivityList = (props) => {
       soonest: !props.search && upcoming && upcoming.length > 0 && /* @__PURE__ */ React__default.createElement("article", { className: "grid grid-cols-1 md:flex gap-2 overflow-auto" }, upcoming.map((activity) => {
         return /* @__PURE__ */ React__default.createElement(
           ActivityItem,
-          __spreadProps$c(__spreadValues$e({
+          __spreadProps$b(__spreadValues$d({
             key: `${activity.activityId}`
           }, activity), {
             onClick: () => props.onActivityClick && props.onActivityClick(activity.activityId)
@@ -1691,7 +1691,7 @@ const ActivityList = (props) => {
       milestones: !props.search && props.milestones && props.milestones.length > 0 && /* @__PURE__ */ React__default.createElement("article", { className: "grid grid-cols-1 md:flex gap-2 overflow-auto" }, props.milestones.map((activity) => {
         return /* @__PURE__ */ React__default.createElement(
           ActivityItem,
-          __spreadProps$c(__spreadValues$e({
+          __spreadProps$b(__spreadValues$d({
             key: `${activity.activityId}`
           }, activity), {
             onClick: () => props.onActivityClick && props.onActivityClick(activity.activityId)
@@ -1702,7 +1702,7 @@ const ActivityList = (props) => {
       filtered: !!props.search && props.activities && props.activities.length > 0 && /* @__PURE__ */ React__default.createElement("article", { className: "grid grid-cols-1 md:flex gap-2 overflow-auto" }, props.activities.map((activity) => {
         return /* @__PURE__ */ React__default.createElement(
           ActivityItem,
-          __spreadProps$c(__spreadValues$e({
+          __spreadProps$b(__spreadValues$d({
             key: `${activity.activityId}`
           }, activity), {
             onClick: () => props.onActivityClick && props.onActivityClick(activity.activityId)
@@ -1728,25 +1728,25 @@ const Search$1 = ({ send, value }) => {
   )));
 };
 
-var __defProp$d = Object.defineProperty;
-var __defProps$b = Object.defineProperties;
-var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
-var __hasOwnProp$d = Object.prototype.hasOwnProperty;
-var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$d = (a, b) => {
+var __defProp$c = Object.defineProperty;
+var __defProps$a = Object.defineProperties;
+var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
+var __hasOwnProp$c = Object.prototype.hasOwnProperty;
+var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$c = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$d.call(b, prop))
-      __defNormalProp$d(a, prop, b[prop]);
-  if (__getOwnPropSymbols$d)
-    for (var prop of __getOwnPropSymbols$d(b)) {
-      if (__propIsEnum$d.call(b, prop))
-        __defNormalProp$d(a, prop, b[prop]);
+    if (__hasOwnProp$c.call(b, prop))
+      __defNormalProp$c(a, prop, b[prop]);
+  if (__getOwnPropSymbols$c)
+    for (var prop of __getOwnPropSymbols$c(b)) {
+      if (__propIsEnum$c.call(b, prop))
+        __defNormalProp$c(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
+var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
 const ActivityReflection = (props) => {
   const className = builder("w-full md:w-[40rem]").if(!!props.headline, "min-h-[20rem]").build();
   const [reaction, setReaction] = React__default.useState({
@@ -1754,8 +1754,8 @@ const ActivityReflection = (props) => {
     reflection: props.reflection
   });
   const hasChanges = props.hasChanges || props.canReflect && (props.rating !== reaction.rating || props.reflection !== reaction.reflection);
-  const setFeedback = (feedback) => setReaction(__spreadProps$b(__spreadValues$d({}, reaction), { reflection: feedback }));
-  const setRating = (rating) => setReaction(__spreadProps$b(__spreadValues$d({}, reaction), { rating }));
+  const setFeedback = (feedback) => setReaction(__spreadProps$a(__spreadValues$c({}, reaction), { reflection: feedback }));
+  const setRating = (rating) => setReaction(__spreadProps$a(__spreadValues$c({}, reaction), { rating }));
   React__default.useEffect(() => {
     setReaction({
       rating: props.rating,
@@ -1782,7 +1782,7 @@ const ActivityReflection = (props) => {
       defaultValue: props.reflection,
       className: "resize-none text-slate-500 focus:text-slate-600 h-24 mt-1 block w-full px-3 py-2 bg-white border border-slate-300 rounded-md text-sm shadow-sm placeholder-slate-400\n      focus:outline-none focus:border-sky-500 focus:ring-1 focus:ring-sky-500\n      disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n      invalid:border-pink-500 invalid:text-pink-600\n      focus:invalid:border-pink-500 focus:invalid:ring-pink-500"
     }
-  ), props.canReflect && /* @__PURE__ */ React__default.createElement(Rating$1, __spreadProps$b(__spreadValues$d(__spreadValues$d({}, props), reaction), { setRating })))))));
+  ), props.canReflect && /* @__PURE__ */ React__default.createElement(Rating$1, __spreadProps$a(__spreadValues$c(__spreadValues$c({}, props), reaction), { setRating })))))));
 };
 const Rating$1 = (props) => {
   const maxPoints = 5;
@@ -3188,25 +3188,25 @@ const Overlay = (props) => {
   return /* @__PURE__ */ React.createElement("div", { className: "flex fixed overscroll-none w-screen h-screen top-0 left-0 bg-gray-300/75 z-30" }, props.children);
 };
 
-var __defProp$c = Object.defineProperty;
-var __defProps$a = Object.defineProperties;
-var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
-var __hasOwnProp$c = Object.prototype.hasOwnProperty;
-var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$c = (a, b) => {
+var __defProp$b = Object.defineProperty;
+var __defProps$9 = Object.defineProperties;
+var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
+var __hasOwnProp$b = Object.prototype.hasOwnProperty;
+var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$b = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$c.call(b, prop))
-      __defNormalProp$c(a, prop, b[prop]);
-  if (__getOwnPropSymbols$c)
-    for (var prop of __getOwnPropSymbols$c(b)) {
-      if (__propIsEnum$c.call(b, prop))
-        __defNormalProp$c(a, prop, b[prop]);
+    if (__hasOwnProp$b.call(b, prop))
+      __defNormalProp$b(a, prop, b[prop]);
+  if (__getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(b)) {
+      if (__propIsEnum$b.call(b, prop))
+        __defNormalProp$b(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
+var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
 const Badge = (props) => {
   var _a, _b;
   const [open, setOpen] = React.useState(props.open || false);
@@ -3224,7 +3224,7 @@ const Badge = (props) => {
       props.onClose();
     }
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, !open && /* @__PURE__ */ React.createElement(BadgeButton, __spreadProps$a(__spreadValues$c({}, props), { progress, target, onClick: onOpen })), open && !!props.preview && /* @__PURE__ */ React.createElement(BadgeCard, __spreadProps$a(__spreadValues$c({}, props), { onClose })), open && !props.preview && /* @__PURE__ */ React.createElement(Overlay, null, /* @__PURE__ */ React.createElement(BadgeCard, __spreadProps$a(__spreadValues$c({}, props), { onClose }))));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, !open && /* @__PURE__ */ React.createElement(BadgeButton, __spreadProps$9(__spreadValues$b({}, props), { progress, target, onClick: onOpen })), open && !!props.preview && /* @__PURE__ */ React.createElement(BadgeCard, __spreadProps$9(__spreadValues$b({}, props), { onClose })), open && !props.preview && /* @__PURE__ */ React.createElement(Overlay, null, /* @__PURE__ */ React.createElement(BadgeCard, __spreadProps$9(__spreadValues$b({}, props), { onClose }))));
 };
 
 const BadgeActivity = (props) => {
@@ -3259,25 +3259,25 @@ const BadgeActivity = (props) => {
   })))));
 };
 
-var __defProp$b = Object.defineProperty;
-var __defProps$9 = Object.defineProperties;
-var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
-var __hasOwnProp$b = Object.prototype.hasOwnProperty;
-var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$b = (a, b) => {
+var __defProp$a = Object.defineProperty;
+var __defProps$8 = Object.defineProperties;
+var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
+var __hasOwnProp$a = Object.prototype.hasOwnProperty;
+var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$a = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$b.call(b, prop))
-      __defNormalProp$b(a, prop, b[prop]);
-  if (__getOwnPropSymbols$b)
-    for (var prop of __getOwnPropSymbols$b(b)) {
-      if (__propIsEnum$b.call(b, prop))
-        __defNormalProp$b(a, prop, b[prop]);
+    if (__hasOwnProp$a.call(b, prop))
+      __defNormalProp$a(a, prop, b[prop]);
+  if (__getOwnPropSymbols$a)
+    for (var prop of __getOwnPropSymbols$a(b)) {
+      if (__propIsEnum$a.call(b, prop))
+        __defNormalProp$a(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
+var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
 const BadgeActivityMenu = (props) => {
   const criteria = props.criteria || [];
   return /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 gap-y-4 w-full text-zinc-600" }, /* @__PURE__ */ React.createElement("div", { className: "py-8 px-10 grid grid-cols-1 gap-y-5 rounded-b-md border-b border-x border-zinc-100" }, /* @__PURE__ */ React.createElement(
@@ -3294,7 +3294,7 @@ const BadgeActivityMenu = (props) => {
     return /* @__PURE__ */ React.createElement("div", { key: id, className: "grid grid-cols-1 gap-y-8" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-lg font-semibold" }, c.displayName), /* @__PURE__ */ React.createElement("p", { className: "text-sm" }, "Chose one activity to complete.")), /* @__PURE__ */ React.createElement("div", { className: "grid grid-flow-col auto-cols-max gap-4 px-1 pt-1 pb-2 w-full overflow-x-auto" }, options.map((o, i2) => {
       const id2 = o.activityId || i2;
       const date = o.startTime ? new Date(o.startTime) : null;
-      return /* @__PURE__ */ React.createElement("div", { key: id2, className: "grid grid-cols-1 gap-y-2" }, date && /* @__PURE__ */ React.createElement("p", null, Intl.DateTimeFormat("en-US", { month: "long" }).format(date), " ", ordNumber$1(date.getDate())), !date && /* @__PURE__ */ React.createElement("p", { className: "invisible" }, "Online"), /* @__PURE__ */ React.createElement(BadgeActivity, __spreadProps$9(__spreadValues$b({}, o), { criteriaName: c.displayName })));
+      return /* @__PURE__ */ React.createElement("div", { key: id2, className: "grid grid-cols-1 gap-y-2" }, date && /* @__PURE__ */ React.createElement("p", null, Intl.DateTimeFormat("en-US", { month: "long" }).format(date), " ", ordNumber$1(date.getDate())), !date && /* @__PURE__ */ React.createElement("p", { className: "invisible" }, "Online"), /* @__PURE__ */ React.createElement(BadgeActivity, __spreadProps$8(__spreadValues$a({}, o), { criteriaName: c.displayName })));
     })));
   })));
 };
@@ -3339,25 +3339,25 @@ const Widget = (props) => {
   return /* @__PURE__ */ React__default.createElement("article", { className }, !props.headless && /* @__PURE__ */ React__default.createElement("div", { className: "p-2 bg-gray-200" }), /* @__PURE__ */ React__default.createElement(Loader, { isLoading: props.isLoading }, /* @__PURE__ */ React__default.createElement("div", { className: "relative w-full" }, props.children)));
 };
 
-var __defProp$a = Object.defineProperty;
-var __defProps$8 = Object.defineProperties;
-var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
-var __hasOwnProp$a = Object.prototype.hasOwnProperty;
-var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$a = (a, b) => {
+var __defProp$9 = Object.defineProperty;
+var __defProps$7 = Object.defineProperties;
+var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$9 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$a.call(b, prop))
-      __defNormalProp$a(a, prop, b[prop]);
-  if (__getOwnPropSymbols$a)
-    for (var prop of __getOwnPropSymbols$a(b)) {
-      if (__propIsEnum$a.call(b, prop))
-        __defNormalProp$a(a, prop, b[prop]);
+    if (__hasOwnProp$9.call(b, prop))
+      __defNormalProp$9(a, prop, b[prop]);
+  if (__getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(b)) {
+      if (__propIsEnum$9.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
 const DEFAULT_FILTERS = [
   { label: "In Progress" },
   { label: "Completed" },
@@ -3417,7 +3417,7 @@ const BadgeSection = (props) => {
           if (!(opt.label in filters)) {
             return;
           }
-          const next = __spreadValues$a({}, filters);
+          const next = __spreadValues$9({}, filters);
           next[opt.label].isActive = !next[opt.label].isActive;
           setFilters(next);
         },
@@ -3443,15 +3443,15 @@ const BadgeSection = (props) => {
     },
     "Grid View?"
   )))), /* @__PURE__ */ React.createElement("div", null, !!props.readonly && /* @__PURE__ */ React.createElement("div", { className: layoutClassName }, preview.map((b, i) => {
-    return /* @__PURE__ */ React.createElement(Badge, __spreadProps$8(__spreadValues$a({ key: i }, b), { compact: list, readonly: props.readonly }));
+    return /* @__PURE__ */ React.createElement(Badge, __spreadProps$7(__spreadValues$9({ key: i }, b), { compact: list, readonly: props.readonly }));
   })), !props.readonly && /* @__PURE__ */ React.createElement("div", { className: "text-zinc-600 grid grid-cols-1 gap-y-4" }, (isWithoutFilters || "In Progress" in filters && filters["In Progress"].isActive) && progress.length > 0 && /* @__PURE__ */ React.createElement("div", null, showSectionHeaders && /* @__PURE__ */ React.createElement("p", { className: "mb-3 text-md underline font-bold" }, "In Progress"), /* @__PURE__ */ React.createElement("div", { className: layoutClassName }, progress.map((b, i) => {
-    return /* @__PURE__ */ React.createElement(Badge, __spreadProps$8(__spreadValues$a({ key: i }, b), { compact: list }));
+    return /* @__PURE__ */ React.createElement(Badge, __spreadProps$7(__spreadValues$9({ key: i }, b), { compact: list }));
   }))), (isWithoutFilters || "Completed" in filters && filters["Completed"].isActive) && collected.length > 0 && /* @__PURE__ */ React.createElement("div", null, showSectionHeaders && /* @__PURE__ */ React.createElement("p", { className: "mb-3 text-md underline font-bold" }, "Completed"), /* @__PURE__ */ React.createElement("div", { className: layoutClassName }, collected.map((b, i) => {
-    return /* @__PURE__ */ React.createElement(Badge, __spreadProps$8(__spreadValues$a({ key: i }, b), { compact: list }));
+    return /* @__PURE__ */ React.createElement(Badge, __spreadProps$7(__spreadValues$9({ key: i }, b), { compact: list }));
   }))), (isWithoutFilters || "Available" in filters && filters["Available"].isActive) && available.length > 0 && /* @__PURE__ */ React.createElement("div", null, showSectionHeaders && /* @__PURE__ */ React.createElement("p", { className: "mb-3 text-md underline font-bold" }, "Available"), /* @__PURE__ */ React.createElement("div", { className: layoutClassName }, available.map((b, i) => {
-    return /* @__PURE__ */ React.createElement(Badge, __spreadProps$8(__spreadValues$a({ key: i }, b), { compact: list }));
+    return /* @__PURE__ */ React.createElement(Badge, __spreadProps$7(__spreadValues$9({ key: i }, b), { compact: list }));
   }))), (isWithoutFilters || "Locked" in filters && filters["Locked"].isActive) && locked.length > 0 && /* @__PURE__ */ React.createElement("div", null, showSectionHeaders && /* @__PURE__ */ React.createElement("p", { className: "mb-3 text-md underline font-bold" }, "Locked"), /* @__PURE__ */ React.createElement("div", { className: layoutClassName }, locked.map((b, i) => {
-    return /* @__PURE__ */ React.createElement(Badge, __spreadProps$8(__spreadValues$a({ key: i }, b), { compact: list }));
+    return /* @__PURE__ */ React.createElement(Badge, __spreadProps$7(__spreadValues$9({ key: i }, b), { compact: list }));
   }))))))))));
 };
 const getLayout = (list) => {
@@ -3472,7 +3472,17 @@ const activeFilters = (filters) => {
 };
 
 const BadgeSuccessDialog = (props) => {
-  return /* @__PURE__ */ React__default.createElement(Card, { onClose: props.onClose }, /* @__PURE__ */ React__default.createElement("div", { className: "w-full px-8 pt-5 pb-12 shadow-sm grid grid-cols-1 gap-4 content-center justify-items-center" }, /* @__PURE__ */ React__default.createElement("div", { className: "text-zinc-600 w-28 h-28" }, /* @__PURE__ */ React__default.createElement(Icon, { name: "party popper" })), /* @__PURE__ */ React__default.createElement("div", { className: "text-slate-600 text-center" }, /* @__PURE__ */ React__default.createElement("div", { className: "font-bold text-lg" }, /* @__PURE__ */ React__default.createElement("span", null, "Great Job!")), /* @__PURE__ */ React__default.createElement("div", { className: "max-w-[22rem]" }, !!props.xp && /* @__PURE__ */ React__default.createElement("div", { className: "text-sm" }, /* @__PURE__ */ React__default.createElement("span", null, "You've just earned"), /* @__PURE__ */ React__default.createElement("span", { className: "ml-1 font-semibold text-green-500" }, props.xp, " XP"), /* @__PURE__ */ React__default.createElement("span", { className: "ml-1" }, "points!")), !!props.displayName && /* @__PURE__ */ React__default.createElement("div", { className: "mt-2 text-sm" }, /* @__PURE__ */ React__default.createElement("span", null, "Check out your new"), /* @__PURE__ */ React__default.createElement("span", { className: "ml-1 font-semibold" }, props.displayName), /* @__PURE__ */ React__default.createElement("span", { className: "ml-1" }, "Lv. ", (props.level || 0) + 1, " badge on your profile! Look out for more opportunities to earn!"))))));
+  return /* @__PURE__ */ React__default.createElement(Card, { onClose: props.onClose }, /* @__PURE__ */ React__default.createElement("div", { className: "w-full px-8 pt-5 pb-12 shadow-sm grid grid-cols-1 gap-4 content-center justify-items-center" }, /* @__PURE__ */ React__default.createElement("div", { className: "text-zinc-600 w-28 h-28" }, /* @__PURE__ */ React__default.createElement(Icon, { name: "party popper" })), /* @__PURE__ */ React__default.createElement("div", { className: "text-slate-600 text-center" }, /* @__PURE__ */ React__default.createElement("div", { className: "font-bold text-lg" }, /* @__PURE__ */ React__default.createElement("span", null, "Great Job!")), /* @__PURE__ */ React__default.createElement("div", { className: "max-w-[22rem]" }, !!props.xp && /* @__PURE__ */ React__default.createElement("div", { className: "text-sm" }, /* @__PURE__ */ React__default.createElement("span", null, "You've just earned"), /* @__PURE__ */ React__default.createElement("span", { className: "ml-1 font-semibold text-green-500" }, props.xp, " XP"), /* @__PURE__ */ React__default.createElement("span", { className: "ml-1" }, "points!")), !!props.displayName && /* @__PURE__ */ React__default.createElement("div", { className: "mt-2 text-sm" }, /* @__PURE__ */ React__default.createElement("span", null, "Check out your new"), /* @__PURE__ */ React__default.createElement("span", { className: "ml-1 font-semibold" }, props.displayName), /* @__PURE__ */ React__default.createElement("span", { className: "ml-1" }, "Lv. ", (props.level || 0) + 1, " badge on your profile! Look out for more opportunities to earn!")))), /* @__PURE__ */ React__default.createElement("a", { href: "/badges", className: "mt-4" }, /* @__PURE__ */ React__default.createElement(
+    Button,
+    {
+      color: "sky",
+      size: "md",
+      spacing: "md",
+      border: "rounded",
+      theme: "light",
+      text: "Explore Other Badges"
+    }
+  ))));
 };
 
 const Tab = (props) => {
@@ -3732,25 +3742,25 @@ const linkify = (text) => {
   return replacedText;
 };
 
-var __defProp$9 = Object.defineProperty;
-var __defProps$7 = Object.defineProperties;
-var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$9 = (a, b) => {
+var __defProp$8 = Object.defineProperty;
+var __defProps$6 = Object.defineProperties;
+var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$8 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$9.call(b, prop))
-      __defNormalProp$9(a, prop, b[prop]);
-  if (__getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(b)) {
-      if (__propIsEnum$9.call(b, prop))
-        __defNormalProp$9(a, prop, b[prop]);
+    if (__hasOwnProp$8.call(b, prop))
+      __defNormalProp$8(a, prop, b[prop]);
+  if (__getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(b)) {
+      if (__propIsEnum$8.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
+var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
 const FormItem = (props) => {
   const responses = props.responses || [];
   const notEmpty = responses.length > 0 && responses[0].trim() !== "";
@@ -3777,28 +3787,28 @@ const FormItem = (props) => {
     }
   }, [isTextError]);
   const marginBottom = props.format === "text" ? "-mb-7" : "";
-  return /* @__PURE__ */ React__default.createElement("div", { className: `bg-white rounded-md p-5 shadow-sm grid grid-cols-1 gap-y-8 ${itemContainerError} ${marginBottom}` }, props.displayName && /* @__PURE__ */ React__default.createElement("div", { className: "flex gap-x-1" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-start gap-x-4" }, props.format === "question" && /* @__PURE__ */ React__default.createElement("div", { className: `${checkIconColor} w-5 h-5 mt-1` }, /* @__PURE__ */ React__default.createElement(Icon$1, { name: "positive" })), /* @__PURE__ */ React__default.createElement("div", { className: "grow max-w-lg" }, props.displayName && /* @__PURE__ */ React__default.createElement("p", { className: "flex-auto text-lg text-slate-600 font-semibold whitespace-pre-line" }, linkify(props.displayName)), props.description && /* @__PURE__ */ React__default.createElement("p", { className: "text-sm text-slate-400 whitespace-pre-line" }, linkify(props.description)))), props.required && /* @__PURE__ */ React__default.createElement("p", { className: "text-sm text-rose-600" }, "*")), !props.children && props.format !== "text" && /* @__PURE__ */ React__default.createElement("div", { className: `${contentMaxWidth} ml-1` }, /* @__PURE__ */ React__default.createElement(Switch, __spreadProps$7(__spreadValues$9({}, props), { onTextBlur })), showError && /* @__PURE__ */ React__default.createElement("div", { className: "text-rose-300 flex items-center gap-x-2 mt-4" }, /* @__PURE__ */ React__default.createElement("div", { className: "w-4 h-4" }, /* @__PURE__ */ React__default.createElement(Icon$1, { name: "negative" })), /* @__PURE__ */ React__default.createElement("span", { className: "grow text-sm" }, "Must be a minimum of ", minimum, " characters."))), props.children);
+  return /* @__PURE__ */ React__default.createElement("div", { className: `bg-white rounded-md p-5 shadow-sm grid grid-cols-1 gap-y-8 ${itemContainerError} ${marginBottom}` }, props.displayName && /* @__PURE__ */ React__default.createElement("div", { className: "flex gap-x-1" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-start gap-x-4" }, props.format === "question" && /* @__PURE__ */ React__default.createElement("div", { className: `${checkIconColor} w-5 h-5 mt-1` }, /* @__PURE__ */ React__default.createElement(Icon$1, { name: "positive" })), /* @__PURE__ */ React__default.createElement("div", { className: "grow max-w-lg" }, props.displayName && /* @__PURE__ */ React__default.createElement("p", { className: "flex-auto text-lg text-slate-600 font-semibold whitespace-pre-line" }, linkify(props.displayName)), props.description && /* @__PURE__ */ React__default.createElement("p", { className: "text-sm text-slate-400 whitespace-pre-line" }, linkify(props.description)))), props.required && /* @__PURE__ */ React__default.createElement("p", { className: "text-sm text-rose-600" }, "*")), !props.children && props.format !== "text" && /* @__PURE__ */ React__default.createElement("div", { className: `${contentMaxWidth} ml-1` }, /* @__PURE__ */ React__default.createElement(Switch, __spreadProps$6(__spreadValues$8({}, props), { onTextBlur })), showError && /* @__PURE__ */ React__default.createElement("div", { className: "text-rose-300 flex items-center gap-x-2 mt-4" }, /* @__PURE__ */ React__default.createElement("div", { className: "w-4 h-4" }, /* @__PURE__ */ React__default.createElement(Icon$1, { name: "negative" })), /* @__PURE__ */ React__default.createElement("span", { className: "grow text-sm" }, "Must be a minimum of ", minimum, " characters."))), props.children);
 };
 const Switch = (props) => {
   switch (true) {
     case props.format === "embed":
-      return /* @__PURE__ */ React__default.createElement(Embed, __spreadValues$9({}, props));
+      return /* @__PURE__ */ React__default.createElement(Embed, __spreadValues$8({}, props));
     case props.format === "image":
-      return /* @__PURE__ */ React__default.createElement(Image, __spreadValues$9({}, props));
+      return /* @__PURE__ */ React__default.createElement(Image, __spreadValues$8({}, props));
     case props.questionType === "radio":
-      return /* @__PURE__ */ React__default.createElement(RadioQuestion, __spreadValues$9({}, props));
+      return /* @__PURE__ */ React__default.createElement(RadioQuestion, __spreadValues$8({}, props));
     case props.questionType === "checkbox":
-      return /* @__PURE__ */ React__default.createElement(CheckboxQuestion, __spreadValues$9({}, props));
+      return /* @__PURE__ */ React__default.createElement(CheckboxQuestion, __spreadValues$8({}, props));
     case props.questionType === "drop down":
-      return /* @__PURE__ */ React__default.createElement(DropDownQuestion, __spreadValues$9({}, props));
+      return /* @__PURE__ */ React__default.createElement(DropDownQuestion, __spreadValues$8({}, props));
     case props.questionType === "file upload":
-      return /* @__PURE__ */ React__default.createElement(FileUploadQuestion, __spreadValues$9({}, props));
+      return /* @__PURE__ */ React__default.createElement(FileUploadQuestion, __spreadValues$8({}, props));
     case props.questionType === "text":
-      return /* @__PURE__ */ React__default.createElement(TextQuestion, __spreadValues$9({}, props));
+      return /* @__PURE__ */ React__default.createElement(TextQuestion, __spreadValues$8({}, props));
     case props.questionType === "date":
-      return /* @__PURE__ */ React__default.createElement(DateQuestion, __spreadValues$9({}, props));
+      return /* @__PURE__ */ React__default.createElement(DateQuestion, __spreadValues$8({}, props));
     case props.questionType === "time":
-      return /* @__PURE__ */ React__default.createElement(TimeQuestion, __spreadValues$9({}, props));
+      return /* @__PURE__ */ React__default.createElement(TimeQuestion, __spreadValues$8({}, props));
     default:
       return null;
   }
@@ -4126,7 +4136,7 @@ const displayNameString = (displayName) => {
 };
 
 const FormSubmitDialog$1 = (props) => {
-  return /* @__PURE__ */ React__default.createElement(Modal, { visible: true, transparent: true, onClose: props.onGoBack }, /* @__PURE__ */ React__default.createElement("div", { className: "w-full md:w-[24rem] px-8 py-5 shadow-sm grid grid-cols-1 gap-4 content-center justify-items-center" }, /* @__PURE__ */ React__default.createElement("div", { className: "text-green-500 w-14 h-14" }, /* @__PURE__ */ React__default.createElement(Icon$1, { name: "positive" })), /* @__PURE__ */ React__default.createElement("div", { className: "text-slate-600 text-center" }, /* @__PURE__ */ React__default.createElement("div", { className: "font-bold text-lg" }, /* @__PURE__ */ React__default.createElement("span", null, "Great Job!")), /* @__PURE__ */ React__default.createElement("p", { className: "text-sm max-w-[16rem]" }, "Your responses have been submitted.")), /* @__PURE__ */ React__default.createElement("div", { className: "my-5 grid grid-cols-2 gap-4" }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(Modal, { visible: true, transparent: true, onClose: props.onEditLesson }, /* @__PURE__ */ React__default.createElement("div", { className: "w-full md:w-[24rem] px-8 py-5 shadow-sm grid grid-cols-1 gap-4 content-center justify-items-center" }, /* @__PURE__ */ React__default.createElement("div", { className: "text-green-500 w-14 h-14" }, /* @__PURE__ */ React__default.createElement(Icon$1, { name: "positive" })), /* @__PURE__ */ React__default.createElement("div", { className: "text-slate-600 text-center" }, /* @__PURE__ */ React__default.createElement("div", { className: "font-bold text-lg" }, /* @__PURE__ */ React__default.createElement("span", null, "Great Job!")), /* @__PURE__ */ React__default.createElement("p", { className: "text-sm max-w-[16rem]" }, "Your responses have been submitted.")), /* @__PURE__ */ React__default.createElement("div", { className: "my-5 grid grid-cols-2 gap-4" }, /* @__PURE__ */ React__default.createElement(
     Button,
     {
       wide: true,
@@ -4134,9 +4144,9 @@ const FormSubmitDialog$1 = (props) => {
       border: "rounded",
       color: "blue",
       theme: "dark",
-      text: "Go back",
+      text: "Edit Lesson",
       size: "md",
-      onClick: props.onGoBack
+      onClick: props.onEditLesson
     }
   ), /* @__PURE__ */ React__default.createElement(
     Button,
@@ -4146,32 +4156,32 @@ const FormSubmitDialog$1 = (props) => {
       border: "rounded",
       color: "blue",
       theme: "dark",
-      text: "Home",
+      text: "Back to Badge",
       size: "md",
-      onClick: props.onHome
+      onClick: props.onBackToBadge
     }
   ))));
 };
 
-var __defProp$8 = Object.defineProperty;
-var __defProps$6 = Object.defineProperties;
-var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$8 = (a, b) => {
+var __defProp$7 = Object.defineProperty;
+var __defProps$5 = Object.defineProperties;
+var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
+var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
+var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$7 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$8.call(b, prop))
-      __defNormalProp$8(a, prop, b[prop]);
-  if (__getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(b)) {
-      if (__propIsEnum$8.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
+    if (__hasOwnProp$7.call(b, prop))
+      __defNormalProp$7(a, prop, b[prop]);
+  if (__getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(b)) {
+      if (__propIsEnum$7.call(b, prop))
+        __defNormalProp$7(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
+var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
 const AUTOSAVE_TIMEOUT = 30 * 1e3;
 const MIN_REFLECTION_LENGTH = 0;
 const autoSave = (run, func, callback) => {
@@ -4271,8 +4281,8 @@ const LearningForm = (props) => {
     "div",
     {
       onClick: () => {
-        if (props.preview && props.onGoBack) {
-          props.onGoBack();
+        if (props.preview && props.onEditLesson) {
+          props.onEditLesson();
         } else {
           setShowExitDialogue(true);
         }
@@ -4282,7 +4292,7 @@ const LearningForm = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { className: "w-3 h-3 min-w-3" }, /* @__PURE__ */ React__default.createElement(Icon$1, { name: "leftArrow" })),
     /* @__PURE__ */ React__default.createElement("span", { className: "text-md" }, "Back")
   ), !!props.displayName && /* @__PURE__ */ React__default.createElement("h2", { className: "h-max font-semibold text-2xl" }, props.displayName), !!props.description && /* @__PURE__ */ React__default.createElement("p", { className: "h-max max-h-[14rem] overflow-y-auto whitespace-pre-line" }, props.description), !!props.eta && /* @__PURE__ */ React__default.createElement("p", { className: "text-sm h-max font-semibold" }, "Estimated Completion Time: ", props.eta)), /* @__PURE__ */ React__default.createElement("img", { className: "grow h-full max-h-[30rem] w-full object-cover", alt: props.displayName, src: props.imageURL })), /* @__PURE__ */ React__default.createElement("form", { className: "w-full max-w-[64rem] m-auto grid grid-cols-1 gap-y-12", onSubmit }, items.map((item) => {
-    return /* @__PURE__ */ React__default.createElement(FormItem, __spreadProps$6(__spreadValues$8({ key: item.itemId }, item), { minText: 0, disabled: !!props.preview }));
+    return /* @__PURE__ */ React__default.createElement(FormItem, __spreadProps$5(__spreadValues$7({ key: item.itemId }, item), { minText: 0, disabled: !!props.preview }));
   }), /* @__PURE__ */ React__default.createElement(
     FormItem,
     {
@@ -4322,10 +4332,10 @@ const LearningForm = (props) => {
   )), showExitDialogue && /* @__PURE__ */ React__default.createElement("div", { className: "fixed top-0 left-0 px-4 md:px-2 w-screen h-screen py-5 transition ease-in-out duration-400 bg-gray-200/75 z-40" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex md:w-max h-screen gap-x-2 justify-items-center content-center m-auto" }, /* @__PURE__ */ React__default.createElement(
     FormExitDialog$1,
     {
-      onYes: () => saveDraft().then(() => props.onGoBack && props.onGoBack()),
+      onYes: () => saveDraft().then(() => props.onEditLesson && props.onEditLesson()),
       onNo: () => setShowExitDialogue(false)
     }
-  ))), showSubmitDialogue && /* @__PURE__ */ React__default.createElement("div", { className: "fixed top-0 left-0 px-4 md:px-2 w-screen h-screen py-5 transition ease-in-out duration-400 bg-gray-200/75 z-40" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex md:w-max h-screen gap-x-2 justify-items-center content-center m-auto" }, /* @__PURE__ */ React__default.createElement(FormSubmitDialog$1, { onGoBack: () => setShowSubmitDialogue(false), onHome: props.onHome }))));
+  ))), showSubmitDialogue && /* @__PURE__ */ React__default.createElement("div", { className: "fixed top-0 left-0 px-4 md:px-2 w-screen h-screen py-5 transition ease-in-out duration-400 bg-gray-200/75 z-40" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex md:w-max h-screen gap-x-2 justify-items-center content-center m-auto" }, /* @__PURE__ */ React__default.createElement(FormSubmitDialog$1, { onEditLesson: () => setShowSubmitDialogue(false), onBackToBadge: props.onBackToBadge }))));
 };
 const Rating = (props) => {
   const [confidence, setConfidence] = React__default.useState(props.rating || -1);
@@ -4361,19 +4371,19 @@ const Rating = (props) => {
   )));
 };
 
-var __defProp$7 = Object.defineProperty;
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$7 = (a, b) => {
+var __defProp$6 = Object.defineProperty;
+var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$6 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$7.call(b, prop))
-      __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(b)) {
-      if (__propIsEnum$7.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
+    if (__hasOwnProp$6.call(b, prop))
+      __defNormalProp$6(a, prop, b[prop]);
+  if (__getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(b)) {
+      if (__propIsEnum$6.call(b, prop))
+        __defNormalProp$6(a, prop, b[prop]);
     }
   return a;
 };
@@ -4382,7 +4392,7 @@ const NavLink = (props) => {
   const config = defaultConfig();
   withMenu(config, props.menu);
   withName(config, props.name);
-  return /* @__PURE__ */ React__default.createElement(Button, __spreadValues$7({ disabled: props.disabled, active: props.active, onClick }, config));
+  return /* @__PURE__ */ React__default.createElement(Button, __spreadValues$6({ disabled: props.disabled, active: props.active, onClick }, config));
 };
 const defaultConfig = () => {
   return {};
@@ -4457,25 +4467,25 @@ const withName = (config, name) => {
   }
 };
 
-var __defProp$6 = Object.defineProperty;
-var __defProps$5 = Object.defineProperties;
-var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$6 = (a, b) => {
+var __defProp$5 = Object.defineProperty;
+var __defProps$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$5 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$6.call(b, prop))
-      __defNormalProp$6(a, prop, b[prop]);
-  if (__getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(b)) {
-      if (__propIsEnum$6.call(b, prop))
-        __defNormalProp$6(a, prop, b[prop]);
+    if (__hasOwnProp$5.call(b, prop))
+      __defNormalProp$5(a, prop, b[prop]);
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b)) {
+      if (__propIsEnum$5.call(b, prop))
+        __defNormalProp$5(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
 const NavBar = (props) => {
   const className = builder("flex items-center justify-between flex-wrap sticky top-0 z-30 w-full h-16 border-b").append("bg-white px-4 py text-center").append("md:border-t-none md:border-b md:border-monochrome-50 lg:px-36 md:shadow-sm").build();
   const [secondary, setSecondary] = React__default.useState(false);
@@ -4493,7 +4503,7 @@ const NavBar = (props) => {
     return null;
   })), /* @__PURE__ */ React__default.createElement("div", { className: "inline-block md:hidden" }, /* @__PURE__ */ React__default.createElement(NavLink, { onClick: () => setSecondary(!secondary), name: menuIcon })), /* @__PURE__ */ React__default.createElement("div", { className: secondaryClassName }, React__default.Children.map(props.children, (Link) => {
     if (Link && Link.props.name !== "home") {
-      return /* @__PURE__ */ React__default.createElement("div", { className: "relative" }, /* @__PURE__ */ React__default.createElement(NavLink, __spreadProps$5(__spreadValues$6({}, Link.props), { menu: true })));
+      return /* @__PURE__ */ React__default.createElement("div", { className: "relative" }, /* @__PURE__ */ React__default.createElement(NavLink, __spreadProps$4(__spreadValues$5({}, Link.props), { menu: true })));
     }
     return null;
   }))));
@@ -4590,28 +4600,28 @@ const LegalAgreement = (props) => {
   )));
 };
 
-var __defProp$5 = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$5 = (a, b) => {
+var __defProp$4 = Object.defineProperty;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$5.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 const CommunitySearch = (props) => {
   const [accessCode, setAccessCode] = React__default.useState("");
-  return /* @__PURE__ */ React__default.createElement("div", { className: "w-full md:w-[30rem] bg-white grid grid-cols-1 gap-4 rounded-md border border-slate-200 px-8 py-5 shadow-sm" }, /* @__PURE__ */ React__default.createElement("div", { className: "text-slate-600" }, /* @__PURE__ */ React__default.createElement("p", { className: "font-bold text-2xl" }, "Which is your community?"), /* @__PURE__ */ React__default.createElement("p", { className: "text-sm" }, "Pick your community.")), /* @__PURE__ */ React__default.createElement(Search, __spreadProps$4(__spreadValues$5({}, props), { autofocus: !accessCode, placeholder: props.name })), !!props.name && /* @__PURE__ */ React__default.createElement("div", { className: "text-slate-600 grid-cols-1 gap-2" }, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("span", { className: "text-sm" }, "Enter the access code for"), /* @__PURE__ */ React__default.createElement("span", { className: "ml-1 font-semibold text-sm" }, props.name), /* @__PURE__ */ React__default.createElement("span", { className: "text-sm" }, ".")), /* @__PURE__ */ React__default.createElement("div", { className: "mt-2 content-center grid grid-cols-3 gap-x-2" }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: "w-full md:w-[30rem] bg-white grid grid-cols-1 gap-4 rounded-md border border-slate-200 px-8 py-5 shadow-sm" }, /* @__PURE__ */ React__default.createElement("div", { className: "text-slate-600" }, /* @__PURE__ */ React__default.createElement("p", { className: "font-bold text-2xl" }, "Which is your community?"), /* @__PURE__ */ React__default.createElement("p", { className: "text-sm" }, "Pick your community.")), /* @__PURE__ */ React__default.createElement(Search, __spreadProps$3(__spreadValues$4({}, props), { autofocus: !accessCode, placeholder: props.name })), !!props.name && /* @__PURE__ */ React__default.createElement("div", { className: "text-slate-600 grid-cols-1 gap-2" }, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("span", { className: "text-sm" }, "Enter the access code for"), /* @__PURE__ */ React__default.createElement("span", { className: "ml-1 font-semibold text-sm" }, props.name), /* @__PURE__ */ React__default.createElement("span", { className: "text-sm" }, ".")), /* @__PURE__ */ React__default.createElement("div", { className: "mt-2 content-center grid grid-cols-3 gap-x-2" }, /* @__PURE__ */ React__default.createElement(
     "input",
     {
       disabled: props.disabled,
@@ -4636,39 +4646,11 @@ const CommunitySearch = (props) => {
   )))));
 };
 
-const RoleSelection = (props) => {
-  return /* @__PURE__ */ React__default.createElement("div", { className: "w-full md:w-[24rem] shadow-sm bg-white rounded-md border border-slate-200 px-8 py-5 grid grid-cols-1 gap-4 justify-items-center" }, /* @__PURE__ */ React__default.createElement("div", { className: "text-slate-600 w-14 h-14" }, /* @__PURE__ */ React__default.createElement(Icon$1, { name: "profile" })), /* @__PURE__ */ React__default.createElement("div", { className: "text-slate-600 text-center" }, /* @__PURE__ */ React__default.createElement("p", { className: "font-bold text-2xl" }, "What is your persona?"), /* @__PURE__ */ React__default.createElement("p", { className: "text-sm" }, "Pick your community persona.")), /* @__PURE__ */ React__default.createElement("div", { className: "my-5 grid grid-cols-1 md:grid-cols-2 gap-y-2 gap-x-8 justify-between" }, /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      active: props.persona === "student",
-      spacing: "md",
-      border: "rounded",
-      color: "sky",
-      theme: "dark",
-      text: "Student",
-      size: "md",
-      onClick: props.onStudent
-    }
-  ), /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      active: props.persona === "educator",
-      spacing: "md",
-      border: "rounded",
-      color: "slate",
-      theme: "dark",
-      text: "Educator",
-      size: "md",
-      onClick: props.onEducator
-    }
-  )));
-};
-
 const Registration = (props) => {
   const [givenName, setGivenName] = React__default.useState(props.givenName);
   const [familyName, setFamilyName] = React__default.useState(props.familyName);
   const [grade, setGrade] = React__default.useState(props.grade);
-  const [impactStatement, setImpactStatement] = React__default.useState(props.impactStatement);
+  const [impactStatement, setImpactStatement] = React__default.useState(props.impactStatement || "");
   const onRegister = () => props.onRegister && props.onRegister({
     givenName,
     familyName,
@@ -4738,11 +4720,9 @@ const Registration = (props) => {
     )), /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("p", { className: "mb-2 font-semibold text-slate-500 text-sm" }, "Impact Statement"), /* @__PURE__ */ React__default.createElement(
       "textarea",
       {
-        required: true,
-        minLength: 100,
         placeholder: "E.g., I would like to encourage my community to become more educated on issues that directly affect us, as well as make sure my community is a place where everyone is welcome.",
         onChange: (e) => setImpactStatement(e.target.value),
-        defaultValue: impactStatement || "",
+        defaultValue: impactStatement,
         className: "resize-none text-slate-500 focus:text-slate-600 h-24 mt-1 block w-full px-3 py-2 bg-white border border-slate-300 rounded-md text-sm shadow-sm placeholder-slate-400\n        focus:outline-none focus:border-sky-500 focus:ring-1 focus:ring-sky-500\n        disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none"
       }
     )))),
@@ -4761,245 +4741,6 @@ const Registration = (props) => {
   );
 };
 
-var __defProp$4 = Object.defineProperty;
-var __defProps$3 = Object.defineProperties;
-var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$4 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$4.call(b, prop))
-      __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(b)) {
-      if (__propIsEnum$4.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
-const ImpactQuiz = (props) => {
-  const [started, setStarted] = React__default.useState(false);
-  const [question, setQuestion] = React__default.useState(0);
-  const initialAnswers = {};
-  props.interests && props.interests.map((interest) => {
-    initialAnswers[interest] = true;
-  });
-  const [answers, setAnswers] = React__default.useState(initialAnswers);
-  const setAnswer = (key, interest) => {
-    setAnswers(__spreadProps$3(__spreadValues$4({}, answers), { [key]: interest }));
-    next();
-  };
-  const questions = (() => {
-    const questions2 = [];
-    switch (props.persona) {
-      case "educator":
-        questions2.push(
-          /* @__PURE__ */ React__default.createElement(
-            Question,
-            {
-              key: "policy & government",
-              visible: question === 0,
-              answer: answers["policy & government"],
-              imageURL: "https://cdn.localcivics.io/rc/event/politics.jpg",
-              icon: "policy & government",
-              headline: "Voter Registration Assistance",
-              summary: "Gain the knowledge and technological skills to help friends and family navigate the voter registration process. You can have a civic impact in your immediate circle \u2014 every vote counts!",
-              onAnswer: (interest) => setAnswer("policy & government", interest)
-            }
-          ),
-          /* @__PURE__ */ React__default.createElement(
-            Question,
-            {
-              key: "arts & culture",
-              visible: question === 1,
-              answer: answers["arts & culture"],
-              imageURL: "https://cdn.localcivics.io/rc/event/culture.jpg",
-              icon: "arts & culture",
-              headline: "#CreateSeries: Introduction to Drawing & Painting",
-              summary: "In our #CreateSeries, students learn directly from experienced artists and connect with like-minded students. Encourage them to flex their creative muscles and pick up some new skills!",
-              onAnswer: (interest) => setAnswer("arts & culture", interest)
-            }
-          ),
-          /* @__PURE__ */ React__default.createElement(
-            Question,
-            {
-              key: "sponsored",
-              visible: question === 2,
-              answer: answers["sponsored"],
-              imageURL: "https://cdn.localcivics.io/rc/event/sponsored.jpg",
-              icon: "sponsored",
-              headline: "Social Entrepreneurship & Design Thinking",
-              summary: "Learn about leaders who have pursued positive social change instead of profits. Then, follow in their footsteps with a design thinking framework to brainstorm innovative solutions for community needs.",
-              onAnswer: (interest) => setAnswer("sponsored", interest)
-            }
-          )
-        );
-        break;
-      default:
-        questions2.push(
-          /* @__PURE__ */ React__default.createElement(
-            Question,
-            {
-              key: "policy & government",
-              visible: question === 0,
-              answer: answers["policy & government"],
-              imageURL: "https://cdn.localcivics.io/rc/event/politics.jpg",
-              icon: "policy & government",
-              headline: "Voter Registration Assistance",
-              summary: "Gain the knowledge and technological skills to help friends and family navigate the voter registration process. You can have a civic impact in your immediate circle \u2014 every vote counts!",
-              onAnswer: (interest) => setAnswer("policy & government", interest)
-            }
-          ),
-          /* @__PURE__ */ React__default.createElement(
-            Question,
-            {
-              key: "recreation",
-              visible: question === 1,
-              answer: answers["recreation"],
-              imageURL: "https://cdn.localcivics.io/rc/event/recreation.jpg",
-              icon: "recreation",
-              headline: "Yin Yoga & Social Justice w/ Shayna Johnson",
-              summary: "Get in the flow and foster courage in the face of fear. Learn to work through physical and emotional discomfort as you practice balance, meditation, and relaxation.",
-              onAnswer: (interest) => setAnswer("recreation", interest)
-            }
-          ),
-          /* @__PURE__ */ React__default.createElement(
-            Question,
-            {
-              key: "volunteer",
-              visible: question === 2,
-              answer: answers["volunteer"],
-              imageURL: "https://cdn.localcivics.io/rc/event/volunteer.jpg",
-              icon: "volunteer",
-              headline: "Harlem Grown Harvest Volunteer",
-              summary: "Don\u2019t mind getting your hands dirty? Lend one and learn about the benefits of farming organic at one of the many community gardens in the Harlem area.",
-              onAnswer: (interest) => setAnswer("volunteer", interest)
-            }
-          ),
-          /* @__PURE__ */ React__default.createElement(
-            Question,
-            {
-              key: "arts & culture",
-              visible: question === 3,
-              answer: answers["arts & culture"],
-              imageURL: "https://cdn.localcivics.io/rc/event/culture.jpg",
-              icon: "arts & culture",
-              headline: "#CreateSeries: Introduction to Drawing & Painting",
-              summary: "Flex your creative muscles and pick up some new skills! In our #CreateSeries, learn directly from experienced artists and connect with like-minded students.",
-              onAnswer: (interest) => setAnswer("arts & culture", interest)
-            }
-          ),
-          /* @__PURE__ */ React__default.createElement(
-            Question,
-            {
-              key: "college & career",
-              visible: question === 4,
-              answer: answers["college & career"],
-              imageURL: "https://cdn.localcivics.io/rc/event/college.jpg",
-              icon: "college & career",
-              headline: "Career Journeys: Tech, Law, & Healthcare",
-              summary: "Join us each week and meet diverse professionals representing a wide range of careers. Get all your interests answered and explore your dream jobs with the people who know them best!",
-              onAnswer: (interest) => setAnswer("college & career", interest)
-            }
-          ),
-          /* @__PURE__ */ React__default.createElement(
-            Question,
-            {
-              key: "sponsored",
-              visible: question === 5,
-              answer: answers["sponsored"],
-              imageURL: "https://cdn.localcivics.io/rc/event/sponsored.jpg",
-              icon: "sponsored",
-              headline: "Social Entrepreneurship & Design Thinking",
-              summary: "Learn about leaders who have pursued positive social change instead of profits. Then, follow in their footsteps with a design thinking framework to brainstorm innovative solutions for community needs.",
-              onAnswer: (interest) => setAnswer("sponsored", interest)
-            }
-          )
-        );
-        break;
-    }
-    return questions2;
-  })();
-  const asked = questions.length;
-  const [finished, setFinished] = React__default.useState(asked === 0);
-  const start = () => {
-    setFinished(asked === 0);
-    setStarted(true);
-    setQuestion(0);
-  };
-  const next = () => {
-    if (finished) {
-      return;
-    }
-    if (question === asked - 1) {
-      setFinished(true);
-      return;
-    }
-    setQuestion(question + 1);
-  };
-  const restart = () => {
-    setQuestion(0);
-    setFinished(asked === 0);
-    setStarted(false);
-  };
-  if (!started) {
-    return /* @__PURE__ */ React__default.createElement("div", { className: "w-full md:w-[20rem] bg-white rounded-md border border-slate-200 px-8 py-5 shadow-sm grid grid-cols-1 gap-2 content-center justify-items-center" }, /* @__PURE__ */ React__default.createElement("div", { className: "text-slate-600 w-14 h-14" }, /* @__PURE__ */ React__default.createElement(Icon$1, { name: "goal" })), /* @__PURE__ */ React__default.createElement("div", { className: "text-slate-600 text-center" }, /* @__PURE__ */ React__default.createElement("p", { className: "font-bold text-2xl" }, "Impact Quiz"), /* @__PURE__ */ React__default.createElement("p", { className: "text-sm max-w-[16rem]" }, "Choose the experiences (if any) that interest you.")), /* @__PURE__ */ React__default.createElement("div", { className: "my-5" }, /* @__PURE__ */ React__default.createElement(Button, { spacing: "md", border: "rounded", color: "sky", theme: "dark", text: "Start", size: "md", onClick: start })));
-  }
-  const interests = [];
-  Object.entries(answers).map(([v, interest]) => {
-    if (interest) {
-      interests.push(v);
-    }
-  });
-  if (finished) {
-    return /* @__PURE__ */ React__default.createElement("div", { className: "w-full md:w-[24rem] rounded-md bg-white border border-slate-200 px-8 py-5 shadow-sm grid grid-cols-1 gap-4 content-center justify-items-center" }, /* @__PURE__ */ React__default.createElement("div", { className: "text-green-600 w-14 h-14" }, /* @__PURE__ */ React__default.createElement(Icon$1, { name: "positive" })), /* @__PURE__ */ React__default.createElement("div", { className: "text-slate-600 text-center" }, /* @__PURE__ */ React__default.createElement("p", { className: "font-bold text-2xl" }, "Done! Nice work."), /* @__PURE__ */ React__default.createElement("p", { className: "text-sm max-w-[16rem]" }, "You may continue on or go back to change your answers.")), /* @__PURE__ */ React__default.createElement("div", { className: "my-5 grid grid-cols-1 md:grid-cols-2 gap-y-2 gap-x-8 justify-between" }, /* @__PURE__ */ React__default.createElement(Button, { spacing: "md", border: "rounded", color: "slate", theme: "dark", text: "Restart", size: "md", onClick: restart }), /* @__PURE__ */ React__default.createElement(
-      Button,
-      {
-        spacing: "md",
-        border: "rounded",
-        color: "sky",
-        theme: "dark",
-        text: "Continue",
-        size: "md",
-        onClick: () => props.onFinish && props.onFinish(interests)
-      }
-    )));
-  }
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, questions);
-};
-const Question = (props) => {
-  if (!props.visible) {
-    return null;
-  }
-  return /* @__PURE__ */ React__default.createElement("div", { className: "grid grid-cols-1 gap-8 content-center" }, /* @__PURE__ */ React__default.createElement("div", { className: "w-full overflow-hidden max-w-[18rem] md:max-w-[30rem] md:w-[30rem] rounded-md bg-white shadow-sm grid grid-cols-1 md:grid-cols-2" }, /* @__PURE__ */ React__default.createElement("img", { alt: props.headline, className: "w-full h-full object-cover", src: props.imageURL }), /* @__PURE__ */ React__default.createElement("div", { className: "p-5" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex" }, /* @__PURE__ */ React__default.createElement("div", { className: "h-8 w-8 text-slate-500" }, /* @__PURE__ */ React__default.createElement(Icon$1, { name: props.icon }))), /* @__PURE__ */ React__default.createElement("div", { className: "grid grid-cols-1 text-slate-500" }, /* @__PURE__ */ React__default.createElement("p", { className: "font-semibold text-lg" }, props.headline), /* @__PURE__ */ React__default.createElement("p", { className: "text-sm" }, props.summary)))), /* @__PURE__ */ React__default.createElement("div", { className: "m-auto" }, /* @__PURE__ */ React__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-4" }, /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      spacing: "md",
-      border: "rounded",
-      color: "rose",
-      theme: "dark",
-      text: "Not interested",
-      size: "md",
-      onClick: () => props.onAnswer && props.onAnswer(false)
-    }
-  ), /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      icon: "accept",
-      spacing: "md",
-      border: "rounded",
-      color: "green",
-      theme: "dark",
-      text: "Looks cool",
-      size: "md",
-      onClick: () => props.onAnswer && props.onAnswer(true)
-    }
-  ))));
-};
-
 const Welcome = (props) => {
   return /* @__PURE__ */ React__default.createElement("div", { className: "w-full md:w-[24rem] rounded-md bg-white border border-slate-200 px-8 py-5 shadow-sm grid grid-cols-1 gap-4 content-center justify-items-center" }, /* @__PURE__ */ React__default.createElement("div", { className: "text-slate-600 w-14 h-14" }, /* @__PURE__ */ React__default.createElement(Icon$1, { name: "explore" })), /* @__PURE__ */ React__default.createElement("div", { className: "text-slate-600 text-center" }, /* @__PURE__ */ React__default.createElement("div", { className: "font-bold text-2xl" }, /* @__PURE__ */ React__default.createElement("span", null, "You're all set"), props.givenName && /* @__PURE__ */ React__default.createElement("span", { className: "capitalize" }, ", ", props.givenName), /* @__PURE__ */ React__default.createElement("span", null, "!")), /* @__PURE__ */ React__default.createElement("p", { className: "text-sm max-w-[16rem]" }, "Click continue to start exploring Local.")), /* @__PURE__ */ React__default.createElement("div", { className: "my-5 grid grid-cols-1" }, /* @__PURE__ */ React__default.createElement(
     Button,
@@ -5074,13 +4815,7 @@ const Delegate = (props) => {
   }
   if (!props.hasRegistration) {
     if (!persona) {
-      return /* @__PURE__ */ React__default.createElement(
-        RoleSelection,
-        {
-          onStudent: () => setPersona("student"),
-          onEducator: () => setPersona("educator")
-        }
-      );
+      setPersona("student");
     }
     return /* @__PURE__ */ React__default.createElement(
       Registration,
@@ -5095,17 +4830,8 @@ const Delegate = (props) => {
     );
   }
   if (!interests && !props.hasInterests) {
-    return /* @__PURE__ */ React__default.createElement(
-      ImpactQuiz,
-      {
-        persona,
-        interests: props.interests,
-        onFinish: (interests2) => {
-          setInterests(true);
-          props.onConfigureTenant && props.onConfigureTenant({ interests: interests2 });
-        }
-      }
-    );
+    setInterests(true);
+    props.onConfigureTenant({});
   }
   return /* @__PURE__ */ React__default.createElement(Welcome, { givenName: props.givenName, onContinue: props.onFinish });
 };