@local-civics/hub-ui 0.1.155 → 0.1.157

package/dist/index.js

@@ -3181,7 +3181,7 @@ const BadgeCard = (props) => {
     const buttonTheme = (choice == null ? void 0 : choice.completedAt) ? "light" : "dark";
     const iconName = (choice == null ? void 0 : choice.completedAt) ? "check & circle" : "circle";
     const iconColor = (choice == null ? void 0 : choice.completedAt) ? "text-green-500" : "text-zinc-300";
-    return !!choice && /* @__PURE__ */ React__namespace.createElement("div", { key: id, className: "flex gap-x-2 items-center" }, /* @__PURE__ */ React__namespace.createElement("div", { className: `shrink-0 h-4 w-4 ${iconColor}` }, /* @__PURE__ */ React__namespace.createElement(Icon, { name: iconName })), /* @__PURE__ */ React__namespace.createElement("div", { className: "grow" }, /* @__PURE__ */ React__namespace.createElement("div", null, /* @__PURE__ */ React__namespace.createElement("span", { className: "font-semibold" }, choice.activityName)), /* @__PURE__ */ React__namespace.createElement("div", { className: "text-xs" }, /* @__PURE__ */ React__namespace.createElement("span", null, c.displayName), !!choice.xp && /* @__PURE__ */ React__namespace.createElement("span", { className: "ml-1 text-green-500 font-semibold whitespace-nowrap" }, choice.xp, " points"))), (!!(choice == null ? void 0 : choice.completedAt) || !props.preview) && /* @__PURE__ */ React__namespace.createElement("div", { className: "shrink-0 w-full max-w-[7rem]" }, /* @__PURE__ */ React__namespace.createElement(
+    return !!choice && /* @__PURE__ */ React__namespace.createElement("div", { key: id, className: "flex gap-x-2 items-center" }, /* @__PURE__ */ React__namespace.createElement("div", { className: `shrink-0 h-4 w-4 ${iconColor}` }, /* @__PURE__ */ React__namespace.createElement(Icon, { name: iconName })), /* @__PURE__ */ React__namespace.createElement("div", { className: "grow" }, /* @__PURE__ */ React__namespace.createElement("div", null, /* @__PURE__ */ React__namespace.createElement("span", { className: "font-semibold" }, choice.activityName)), /* @__PURE__ */ React__namespace.createElement("div", { className: "text-xs" }, /* @__PURE__ */ React__namespace.createElement("span", null, c.displayName), !!choice.xp && /* @__PURE__ */ React__namespace.createElement("span", { className: "ml-1 text-green-500 font-semibold whitespace-nowrap" }, choice.xp, " points"))), !props.preview && /* @__PURE__ */ React__namespace.createElement("div", { className: "shrink-0 w-full max-w-[7rem]" }, /* @__PURE__ */ React__namespace.createElement(
       Button,
       {
         onClick: choice.onClick,
@@ -5537,7 +5537,7 @@ const TaskList = (props) => {
 const PathwayCard = (props) => {
   var _a, _b;
   const badges = props.badges || [];
-  const progress = props.progress || 0;
+  const completedCount = badges.filter((b) => b.completedAt).length;
   const target = props.target || badges.length;
   return /* @__PURE__ */ React__namespace.createElement(Card, { onClose: props.onClose }, /* @__PURE__ */ React__namespace.createElement("div", { className: "pb-5 text-zinc-600" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "pb-5 px-5 flex gap-x-2" }, /* @__PURE__ */ React__namespace.createElement(
     BadgeEmblem,
@@ -5546,7 +5546,7 @@ const PathwayCard = (props) => {
       alt: props.title,
       size: "md"
     }
-  ), /* @__PURE__ */ React__namespace.createElement("div", { className: "max-w-[20rem]" }, /* @__PURE__ */ React__namespace.createElement("p", { className: "font-semibold" }, props.title), /* @__PURE__ */ React__namespace.createElement("div", { className: "text-xs" }, /* @__PURE__ */ React__namespace.createElement("span", { className: "text-zinc-500 font-semibold" }, "Tags"), ((_a = props.displayTags) != null ? _a : []).length > 0 && /* @__PURE__ */ React__namespace.createElement("div", { className: "inline-block ml-1 text-green-500" }, ((_b = props.displayTags) != null ? _b : []).map((tag, index) => /* @__PURE__ */ React__namespace.createElement("span", { key: index, className: "font-semibold mr-1" }, tag)))), !!props.description && /* @__PURE__ */ React__namespace.createElement("p", { className: "mt-2 text-sm" }, props.description))), /* @__PURE__ */ React__namespace.createElement("div", { className: "p-5 grid grid-cols-1 gap-y-3 md:min-w-[30rem] max-w-[40rem] border-t border-zinc-200" }, /* @__PURE__ */ React__namespace.createElement("p", { className: "font-semibold" }, "Pathway Badges & Criteria"), /* @__PURE__ */ React__namespace.createElement("p", { className: "text-xs" }, "This pathway is comprised of ", target, " Badges. It includes required and elective programming."), /* @__PURE__ */ React__namespace.createElement("p", { className: "text-xs" }, "Progress: ", progress, " / ", target, " badges completed."), /* @__PURE__ */ React__namespace.createElement("div", { className: "mt-2 grid grid-cols-1 gap-y-2 max-h-[18rem] overflow-y-auto" }, badges.map((b) => {
+  ), /* @__PURE__ */ React__namespace.createElement("div", { className: "max-w-[20rem]" }, /* @__PURE__ */ React__namespace.createElement("p", { className: "font-semibold" }, props.title), /* @__PURE__ */ React__namespace.createElement("div", { className: "text-xs" }, /* @__PURE__ */ React__namespace.createElement("span", { className: "text-zinc-500 font-semibold" }, "Tags"), ((_a = props.displayTags) != null ? _a : []).length > 0 && /* @__PURE__ */ React__namespace.createElement("div", { className: "inline-block ml-1 text-green-500" }, ((_b = props.displayTags) != null ? _b : []).map((tag, index) => /* @__PURE__ */ React__namespace.createElement("span", { key: index, className: "font-semibold mr-1" }, tag)))), !!props.description && /* @__PURE__ */ React__namespace.createElement("p", { className: "mt-2 text-sm" }, props.description))), /* @__PURE__ */ React__namespace.createElement("div", { className: "p-5 grid grid-cols-1 gap-y-3 md:min-w-[30rem] max-w-[40rem] border-t border-zinc-200" }, /* @__PURE__ */ React__namespace.createElement("p", { className: "font-semibold" }, "Pathway Badges & Criteria"), /* @__PURE__ */ React__namespace.createElement("p", { className: "text-xs" }, "This pathway is comprised of ", target, " Badges. It includes required and elective programming."), /* @__PURE__ */ React__namespace.createElement("p", { className: "text-xs" }, "Progress: ", completedCount, " / ", target, " badges completed."), /* @__PURE__ */ React__namespace.createElement("div", { className: "mt-2 grid grid-cols-1 gap-y-2 max-h-[18rem] overflow-y-auto" }, badges.map((b) => {
     const buttonText = b.completedAt ? "Completed" : b.startedAt ? "Continue" : "Start";
     const buttonTheme = b.completedAt ? "light" : "dark";
     const iconName = b.completedAt ? "check & circle" : "circle";