@nualang/nualang-ui-components 0.1.1436 → 0.1.1437

package/dist/Assignments/CreateAssignmentDialog/CreateAssignmentDialog.js

@@ -83,7 +83,9 @@ export default function CreateAssignmentDialog({
     return response;
   }, {
     filters: {
-      courseIds: selectedClassroomCourses?.toString()
+      courseIds: selectedClassroomCourses?.toString(),
+      // Sections/topics are only returned when verbose; needed for the title autofill
+      verbose: true
     }
   }, {
     enabled: !!assignment.classroomId

package/dist/Cards/Course/Course.js

@@ -862,7 +862,7 @@ function CourseCard({
       handleViewCourse(parentId);
     }
   };
-  const courseSections = sectionsQuery.isSuccess ? sectionsQuery.data.Items : [];
+  const courseSections = sectionsQuery.isSuccess && sectionsQuery.data?.Items || [];
   const topicDifficulties = sectionsQuery.isSuccess ? [...new Set(courseSections.flatMap(section => section.topics || []).map(topic => topic.difficulty).filter(Boolean))] : [];
   const deleteCourse = async () => {
     const confirmed = await confirm(t("delete_course"), t("delete_course_confirmation"), "", true, t("course_deletion_note", {
@@ -1263,7 +1263,7 @@ function CourseCard({
       dialogTitle: courseName,
       open: isOutlineOpen,
       handleClose: handleCloseOutline,
-      sections: sectionsQuery.isSuccess ? sectionsQuery.data.Items : [],
+      sections: courseSections,
       isLoading: sectionsQuery.isLoading,
       isMember: isMember,
       completions: completions,

package/dist/Chat/Messages/Messages.js

@@ -14,7 +14,7 @@ const useStyles = makeStyles()(theme => ({
     overflow: "auto",
     padding: theme.spacing(2),
     "@media print": {
-      position: "right"
+      overflow: "visible"
     }
   }
 }));

package/dist/Chat/Messages/Question/Question.js

@@ -100,11 +100,11 @@ function Answers({
     if (!isLiveGame) {
       if (value.correct) {
         setAnsweredCorrectly(true);
-        handleCorrectQuestionAnswer(question, value);
+        handleCorrectQuestionAnswer(question, value, answers);
       }
       if (!value.correct) {
         setAnsweredCorrectly(false);
-        handleIncorrectQuestionAnswer(question, value);
+        handleIncorrectQuestionAnswer(question, value, answers);
       }
     }
   };

package/dist/Forms/CreateClassroom/Steps/ClassroomSettings/ClassroomSettings.js

@@ -50,6 +50,24 @@ function ClassroomSettings({
     }
   }, [scrollToDiscuss]);
   const isInviteFeatureDisabled = classroomId && classroomId.toLowerCase().includes("wayside");
+
+  // Returns the translation key explaining why "public" is disabled, or null if allowed
+  const getPublicVisibilityDisabledReason = () => {
+    if (isUpdateClassroom && isInviteFeatureDisabled) {
+      return "public_visibility_disabled_wayside";
+    }
+    if (subscription.isSubscriptionLoaded === false) {
+      return "public_visibility_disabled_loading";
+    }
+    if (subscription.subscriptionStatus === "trialing") {
+      return "public_visibility_disabled_trial";
+    }
+    if (!subscription.isPaidUser) {
+      return subscription.isUpgradePossible ? "upgrade_plan_explanation" : "upgrade_subscription_student";
+    }
+    return null;
+  };
+  const publicVisibilityDisabledReason = getPublicVisibilityDisabledReason();
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Typography, {
       children: t("limit_access_classroom_visibility_private_including_enrolment_key")
@@ -85,21 +103,8 @@ function ClassroomSettings({
             onBlur: handleBlur,
             helperText: touched.visibility ? errors.visibility : "",
             error: touched.visibility && Boolean(errors.visibility),
-            children: [isUpdateClassroom ? !subscription.isPaidUser || subscription.subscriptionStatus === "trialing" || isInviteFeatureDisabled ? /*#__PURE__*/_jsx(Tooltip, {
-              title: subscription.isUpgradePossible ? t("upgrade_plan_explanation") : t("upgrade_subscription_student"),
-              placement: "top",
-              children: /*#__PURE__*/_jsx(FormControlLabel, {
-                value: "public",
-                control: /*#__PURE__*/_jsx(Radio, {}),
-                label: t("public"),
-                disabled: true
-              })
-            }) : /*#__PURE__*/_jsx(FormControlLabel, {
-              value: "public",
-              control: /*#__PURE__*/_jsx(Radio, {}),
-              label: t("public")
-            }) : !subscription.isPaidUser || subscription.subscriptionStatus === "trialing" ? /*#__PURE__*/_jsx(Tooltip, {
-              title: subscription.isUpgradePossible ? t("upgrade_plan_explanation") : t("upgrade_subscription_student"),
+            children: [publicVisibilityDisabledReason ? /*#__PURE__*/_jsx(Tooltip, {
+              title: t(publicVisibilityDisabledReason),
               placement: "top",
               children: /*#__PURE__*/_jsx(FormControlLabel, {
                 value: "public",

package/dist/Lists/CourseOutline/CourseOutline.js

@@ -1,6 +1,6 @@
 import { useEffect, useState, useCallback, useRef, useMemo } from "react";
 import { Link as RouterLink, useNavigate, useParams } from "react-router";
-import { ListSubheader, List, ListItem, ListItemIcon, ListItemText, ListItemAvatar, ListItemSecondaryAction, IconButton, Button, Collapse, Typography, Box, Tooltip, Menu, MenuItem, Avatar, Chip } from "@mui/material";
+import { ListSubheader, List, ListItem, ListItemIcon, ListItemText, ListItemAvatar, ListItemSecondaryAction, IconButton, Button, Collapse, Typography, Box, Tooltip, Menu, MenuItem, Avatar, Chip, TextField, InputAdornment, FormControl, InputLabel, Select, Divider } from "@mui/material";
 import { useTheme, alpha } from "@mui/material/styles";
 import { makeStyles } from "tss-react/mui";
 import CheckBox from "@mui/icons-material/CheckBox";
@@ -27,6 +27,8 @@ import ImageSearchIcon from "@mui/icons-material/ImageSearch";
 import Skeleton from "@mui/material/Skeleton";
 import OndemandVideoIcon from "@mui/icons-material/OndemandVideo";
 import DifficultyIcon from "@mui/icons-material/School";
+import Close from "@mui/icons-material/Close";
+import SearchOff from "@mui/icons-material/SearchOff";
 import ColorLinearProgress from "../../Misc/ColorLinearProgress/ColorLinearProgress";
 import { calcCompletions, calcPercentageCompletion } from "../../utils/index";
 import SelectClassroom from "../../Dialogs/SelectClassroom/SelectClassroom";
@@ -47,6 +49,56 @@ const useStyles = makeStyles()(theme => ({
     color: theme.palette.success ? theme.palette.success.main : ""
   }
 }));
+const ALL_DIFFICULTIES = "all";
+const DIFFICULTY_ORDER = ["A1", "A2", "B1", "B2", "C1", "C2"];
+const SEARCH_DEBOUNCE_MS = 200;
+const difficultyRank = difficulty => {
+  const rank = DIFFICULTY_ORDER.indexOf(difficulty);
+  return rank < 0 ? DIFFICULTY_ORDER.length : rank;
+};
+const normaliseText = text => (text || "").normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase();
+const isSectionVisible = (section, isCreator) => !section.isHidden || isCreator;
+const isTopicVisible = (topic, isCreator) => !topic.isTopicHidden || isCreator;
+function filterOutline(sections, {
+  query,
+  difficulty,
+  isCreator
+}) {
+  const normalisedQuery = normaliseText(query.trim());
+  const isDifficultyFiltered = difficulty !== ALL_DIFFICULTIES;
+  let topicCount = 0;
+  const filteredSections = [];
+  sections.forEach(section => {
+    if (!isSectionVisible(section, isCreator)) return;
+    const visibleTopics = (section.topics || []).filter(topic => isTopicVisible(topic, isCreator));
+    const isSectionMatch = !!normalisedQuery && normaliseText(section.sectionName).includes(normalisedQuery);
+    const topics = visibleTopics.filter(topic => (!normalisedQuery || isSectionMatch || normaliseText(topic.topicName).includes(normalisedQuery) || normaliseText(topic.description).includes(normalisedQuery)) && (!isDifficultyFiltered || topic.difficulty === difficulty));
+    const isKeptForSectionMatch = isSectionMatch && !isDifficultyFiltered;
+    if (!topics.length && !isKeptForSectionMatch) return;
+    topicCount += topics.length;
+    filteredSections.push({
+      ...section,
+      topics,
+      filterCount: {
+        shown: topics.length,
+        total: visibleTopics.length
+      }
+    });
+  });
+  return {
+    sections: filteredSections,
+    topicCount
+  };
+}
+const activeFilterOutlineSx = {
+  "& .MuiOutlinedInput-notchedOutline": {
+    borderColor: "primary.main",
+    borderWidth: 2
+  },
+  "& .MuiInputLabel-root": {
+    color: "primary.main"
+  }
+};
 function OverflowMenu({
   children,
   anchorEl,
@@ -346,10 +398,12 @@ function Topic({
   courseSettings,
   showViewTopicButton,
   isClassroomArchived = false,
+  highlightDifficulty,
   ...otherProps
 }) {
   const theme = useTheme();
   const isLargeScreen = useMediaQuery(theme.breakpoints.up("sm"));
+  const isDifficultyHighlighted = !!highlightDifficulty && topic?.difficulty === highlightDifficulty;
   const [open] = useState(false);
   const [anchorEl, setAnchorEl] = useState(null);
   const handleClickMenu = event => {
@@ -571,8 +625,10 @@ function Topic({
                   size: "small",
                   sx: theme => ({
                     height: 24,
-                    backgroundColor: theme.palette.action.selected,
-                    color: theme.palette.text.secondary,
+                    backgroundColor: isDifficultyHighlighted ? alpha(theme.palette.primary.main, 0.08) : theme.palette.action.selected,
+                    color: isDifficultyHighlighted ? theme.palette.primary.dark : theme.palette.text.secondary,
+                    border: "1px solid",
+                    borderColor: isDifficultyHighlighted ? theme.palette.primary.light : "transparent",
                     "& .MuiChip-label": {
                       fontSize: "0.75rem",
                       px: 0.75
@@ -707,14 +763,16 @@ function Topic({
           })
         }), isCreator && /*#__PURE__*/_jsx(Tooltip, {
           title: t("move_topic"),
-          children: /*#__PURE__*/_jsx(IconButton, {
-            "data-handler-id": handlerId,
-            style: {
-              cursor: "move"
-            },
-            "aria-label": "Move Topic",
-            disabled: isCreator ? false : true,
-            children: /*#__PURE__*/_jsx(DragHandle, {})
+          children: /*#__PURE__*/_jsx("span", {
+            children: /*#__PURE__*/_jsx(IconButton, {
+              "data-handler-id": handlerId,
+              style: {
+                cursor: disableDrag ? "default" : "move"
+              },
+              "aria-label": "Move Topic",
+              disabled: !isCreator || !!disableDrag,
+              children: /*#__PURE__*/_jsx(DragHandle, {})
+            })
           })
         })]
       })]
@@ -887,6 +945,8 @@ function Section({
   coursePictureBuilderColor,
   coursePictureBuilderIcon,
   openSnackbar,
+  filterCount,
+  hideAddTopic = false,
   ...otherProps
 }) {
   const {
@@ -1068,12 +1128,26 @@ function Section({
           sx: {
             display: "flex"
           },
-          children: [/*#__PURE__*/_jsx(Box, {
+          children: [/*#__PURE__*/_jsxs(Box, {
             sx: {
               fontWeight: "fontWeightBold",
-              flexGrow: 1
+              flexGrow: 1,
+              display: "flex",
+              alignItems: "center",
+              gap: 1.5
             },
-            children: sectionName
+            children: [sectionName, filterCount && /*#__PURE__*/_jsx(Typography, {
+              variant: "caption",
+              color: "textSecondary",
+              sx: {
+                whiteSpace: "nowrap"
+              },
+              "data-cy": "section-filter-count",
+              children: t("x_of_y", {
+                shown: filterCount.shown,
+                total: filterCount.total
+              })
+            })]
           }), !isLargeScreen ? /*#__PURE__*/_jsxs(_Fragment, {
             children: [/*#__PURE__*/_jsx(Box, {
               children: isCreator ? /*#__PURE__*/_jsx(Tooltip, {
@@ -1091,7 +1165,7 @@ function Section({
             }), /*#__PURE__*/_jsxs(OverflowMenu, {
               anchorEl: anchorEl,
               handleClose: handleCloseMenu,
-              children: [/*#__PURE__*/_jsxs(MenuItem, {
+              children: [!hideAddTopic && /*#__PURE__*/_jsxs(MenuItem, {
                 onClick: () => {
                   setIsQuickCreateTopicOpen(true);
                   handleCloseMenu();
@@ -1103,7 +1177,7 @@ function Section({
                 }), /*#__PURE__*/_jsx(ListItemText, {
                   primary: t("create_topic")
                 })]
-              }), /*#__PURE__*/_jsxs(MenuItem, {
+              }), !hideAddTopic && /*#__PURE__*/_jsxs(MenuItem, {
                 onClick: () => {
                   handleFindTopic();
                   handleCloseMenu();
@@ -1156,14 +1230,16 @@ function Section({
             }), /*#__PURE__*/_jsx(Box, {
               children: isCreator ? /*#__PURE__*/_jsx(Tooltip, {
                 title: t("move_section"),
-                children: /*#__PURE__*/_jsx(IconButton, {
-                  "data-handler-id": handlerId,
-                  style: {
-                    cursor: "move"
-                  },
-                  "aria-label": "Move Section",
-                  disabled: isCreator ? false : true,
-                  children: /*#__PURE__*/_jsx(DragHandle, {})
+                children: /*#__PURE__*/_jsx("span", {
+                  children: /*#__PURE__*/_jsx(IconButton, {
+                    "data-handler-id": handlerId,
+                    style: {
+                      cursor: disableDrag ? "default" : "move"
+                    },
+                    "aria-label": "Move Section",
+                    disabled: !isCreator || !!disableDrag,
+                    children: /*#__PURE__*/_jsx(DragHandle, {})
+                  })
                 })
               }) : null
             })]
@@ -1223,14 +1299,16 @@ function Section({
             }), /*#__PURE__*/_jsx(Box, {
               children: isCreator ? /*#__PURE__*/_jsx(Tooltip, {
                 title: t("move_section"),
-                children: /*#__PURE__*/_jsx(IconButton, {
-                  "data-handler-id": handlerId,
-                  style: {
-                    cursor: "move"
-                  },
-                  "aria-label": "Move Section",
-                  disabled: isCreator ? false : true,
-                  children: /*#__PURE__*/_jsx(DragHandle, {})
+                children: /*#__PURE__*/_jsx("span", {
+                  children: /*#__PURE__*/_jsx(IconButton, {
+                    "data-handler-id": handlerId,
+                    style: {
+                      cursor: disableDrag ? "default" : "move"
+                    },
+                    "aria-label": "Move Section",
+                    disabled: !isCreator || !!disableDrag,
+                    children: /*#__PURE__*/_jsx(DragHandle, {})
+                  })
                 })
               }) : null
             })]
@@ -1257,7 +1335,7 @@ function Section({
           showViewTopicButton: showViewTopicButton,
           isClassroomArchived: isClassroomArchived,
           ...otherProps
-        }), isCreator && /*#__PURE__*/_jsxs(_Fragment, {
+        }), isCreator && !hideAddTopic && /*#__PURE__*/_jsxs(_Fragment, {
           children: [/*#__PURE__*/_jsxs(ListItem, {
             button: true,
             onClick: handleOpenAddTopicMenu,
@@ -1469,6 +1547,7 @@ function CourseOutline({
   classroomId,
   isChallengeModeStudent = false,
   isReadWriteModeStudent = false,
+  enableFilters = false,
   ...otherProps
 }) {
   const [percentageCompletion, setPercentageCompletion] = useState({
@@ -1632,6 +1711,50 @@ function CourseOutline({
     completed,
     total
   } = percentageCompletion;
+  const [searchInput, setSearchInput] = useState("");
+  const [query, setQuery] = useState("");
+  const [difficulty, setDifficulty] = useState(ALL_DIFFICULTIES);
+  useEffect(() => {
+    const timeout = setTimeout(() => setQuery(searchInput), SEARCH_DEBOUNCE_MS);
+    return () => clearTimeout(timeout);
+  }, [searchInput]);
+  const clearSearch = () => {
+    setSearchInput("");
+    setQuery("");
+  };
+  const clearFilters = () => {
+    clearSearch();
+    setDifficulty(ALL_DIFFICULTIES);
+  };
+  const trimmedQuery = query.trim();
+  const isDifficultyFiltered = difficulty !== ALL_DIFFICULTIES;
+  const isFiltering = enableFilters && (!!trimmedQuery || isDifficultyFiltered);
+  const difficultyOptions = useMemo(() => {
+    const difficulties = new Set();
+    sects.forEach(section => {
+      if (!isSectionVisible(section, isCreator)) return;
+      (section.topics || []).forEach(topic => {
+        if (isTopicVisible(topic, isCreator) && topic.difficulty) {
+          difficulties.add(topic.difficulty);
+        }
+      });
+    });
+    if (difficulty !== ALL_DIFFICULTIES) difficulties.add(difficulty);
+    return [...difficulties].sort((a, b) => difficultyRank(a) - difficultyRank(b) || a.localeCompare(b));
+  }, [sects, isCreator, difficulty]);
+  const filtered = useMemo(() => isFiltering ? filterOutline(sects, {
+    query: trimmedQuery,
+    difficulty,
+    isCreator
+  }) : null, [isFiltering, sects, trimmedQuery, difficulty, isCreator]);
+  const filterCountText = filtered ? t("outline_filter_count", {
+    topics: t("topic_count", {
+      count: filtered.topicCount
+    }),
+    sections: t("section_count", {
+      count: filtered.sections.length
+    })
+  }) : "";
   if (isLoading) {
     return /*#__PURE__*/_jsx(_Fragment, {
       children: Array(3).fill("").map((_, idx) => /*#__PURE__*/_jsxs("div", {
@@ -1684,55 +1807,224 @@ function CourseOutline({
       }, `section_${idx}`))
     });
   }
+  const isEmptyResult = !!filtered && filtered.sections.length === 0;
+  const isProgressShown = isMember && !isCreator;
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Typography, {
-      variant: "subtitle1",
-      children: /*#__PURE__*/_jsxs(Box, {
+    children: [/*#__PURE__*/_jsxs(Box, {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        flexWrap: "wrap",
+        gap: 2
+      },
+      children: [/*#__PURE__*/_jsx(Typography, {
+        variant: "subtitle1",
+        sx: {
+          fontWeight: "fontWeightBold",
+          whiteSpace: "nowrap"
+        },
+        children: isProgressShown ? t("course_progress") : t(isCreator || isCreator && isMember ? "course_outline" : "course_progress")
+      }), isProgressShown ? /*#__PURE__*/_jsxs(Box, {
         sx: {
           display: "flex",
           alignItems: "center",
-          justifyContent: "space-between"
+          flexGrow: 1,
+          minWidth: 120,
+          ml: 4
         },
         children: [/*#__PURE__*/_jsx(Box, {
           sx: {
-            fontWeight: "fontWeightBold"
+            flexGrow: 1
           },
-          children: isMember && !isCreator ? t("course_progress") : t(isCreator || isCreator && isMember ? "course_outline" : "course_progress")
-        }), isMember && !isCreator && /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx(Box, {
-            sx: {
-              display: "inline",
-              flexGrow: 1,
-              ml: 6
-            },
-            children: /*#__PURE__*/_jsx(Tooltip, {
-              title: `Completed ${completed} / ${total} exercises`,
-              children: /*#__PURE__*/_jsx(ColorLinearProgress, {
-                variant: "determinate",
-                value: percentage
-              })
+          children: /*#__PURE__*/_jsx(Tooltip, {
+            title: `Completed ${completed} / ${total} exercises`,
+            children: /*#__PURE__*/_jsx(ColorLinearProgress, {
+              variant: "determinate",
+              value: percentage
             })
-          }), /*#__PURE__*/_jsxs(Box, {
-            sx: {
-              ml: 1,
-              fontSize: 14
+          })
+        }), /*#__PURE__*/_jsxs(Box, {
+          sx: {
+            ml: 1,
+            fontSize: 14
+          },
+          children: [percentage, "%"]
+        })]
+      }) : /*#__PURE__*/_jsx(Box, {
+        sx: {
+          flexGrow: 1
+        }
+      }), enableFilters && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(TextField, {
+          size: "small",
+          value: searchInput,
+          onChange: event => setSearchInput(event.target.value),
+          onKeyDown: event => {
+            if (event.key === "Escape" && searchInput) {
+              event.stopPropagation();
+              clearSearch();
+            }
+          },
+          placeholder: t("search_sections_and_topics"),
+          sx: {
+            width: {
+              xs: "100%",
+              sm: 300
+            },
+            ...(trimmedQuery ? activeFilterOutlineSx : {})
+          },
+          slotProps: {
+            htmlInput: {
+              "aria-label": t("search_sections_and_topics"),
+              "data-cy": "outline-search"
+            },
+            input: {
+              startAdornment: /*#__PURE__*/_jsx(InputAdornment, {
+                position: "start",
+                children: /*#__PURE__*/_jsx(Search, {
+                  fontSize: "small"
+                })
+              }),
+              endAdornment: searchInput ? /*#__PURE__*/_jsx(InputAdornment, {
+                position: "end",
+                children: /*#__PURE__*/_jsx(IconButton, {
+                  size: "small",
+                  edge: "end",
+                  "aria-label": t("clear_search"),
+                  onClick: clearSearch,
+                  children: /*#__PURE__*/_jsx(Close, {
+                    fontSize: "small"
+                  })
+                })
+              }) : null
+            }
+          }
+        }), difficultyOptions.length > 0 && /*#__PURE__*/_jsxs(FormControl, {
+          size: "small",
+          sx: {
+            width: {
+              xs: "100%",
+              sm: 200
             },
-            children: [percentage, "%"]
+            ...(isDifficultyFiltered ? activeFilterOutlineSx : {})
+          },
+          children: [/*#__PURE__*/_jsx(InputLabel, {
+            id: "course-outline-difficulty-label",
+            children: t("difficulty")
+          }), /*#__PURE__*/_jsxs(Select, {
+            labelId: "course-outline-difficulty-label",
+            label: t("difficulty"),
+            value: difficulty,
+            onChange: event => setDifficulty(event.target.value),
+            "data-cy": "outline-difficulty-filter",
+            children: [/*#__PURE__*/_jsx(MenuItem, {
+              value: ALL_DIFFICULTIES,
+              children: t("all")
+            }), difficultyOptions.map(option => /*#__PURE__*/_jsx(MenuItem, {
+              value: option,
+              children: t(`card_${option}`)
+            }, option))]
           })]
-        }), /*#__PURE__*/_jsx(Box, {
-          children: isCreator && /*#__PURE__*/_jsx(Button, {
-            variant: "contained",
-            color: "primary",
-            onClick: handleClickOpenCreateSection,
-            size: "small",
-            "data-cy": "add-section",
-            children: t("add_section")
-          })
         })]
-      })
+      }), isCreator && /*#__PURE__*/_jsx(Button, {
+        variant: "contained",
+        color: "primary",
+        onClick: handleClickOpenCreateSection,
+        size: "small",
+        "data-cy": "add-section",
+        children: t("add_section")
+      })]
+    }), enableFilters && /*#__PURE__*/_jsx(Box, {
+      role: "status",
+      "aria-live": "polite",
+      sx: {
+        position: "absolute",
+        width: 1,
+        height: 1,
+        overflow: "hidden",
+        clip: "rect(0 0 0 0)",
+        whiteSpace: "nowrap"
+      },
+      children: isEmptyResult ? t("no_sections_or_topics_match") : filterCountText
+    }), isFiltering && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Divider, {
+        sx: {
+          mt: 2
+        }
+      }), /*#__PURE__*/_jsxs(Box, {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          flexWrap: "wrap",
+          gap: 1,
+          pt: 1.25,
+          pb: 0.5
+        },
+        "data-cy": "outline-filter-bar",
+        children: [/*#__PURE__*/_jsx(Typography, {
+          variant: "body2",
+          sx: {
+            fontWeight: 600,
+            mr: 0.5,
+            whiteSpace: "nowrap"
+          },
+          children: filterCountText
+        }), trimmedQuery && /*#__PURE__*/_jsx(Chip, {
+          size: "small",
+          icon: /*#__PURE__*/_jsx(Search, {}),
+          label: `“${trimmedQuery}”`,
+          onDelete: clearSearch
+        }), isDifficultyFiltered && /*#__PURE__*/_jsx(Chip, {
+          size: "small",
+          icon: /*#__PURE__*/_jsx(DifficultyIcon, {}),
+          label: t(`card_${difficulty}`),
+          onDelete: () => setDifficulty(ALL_DIFFICULTIES)
+        }), /*#__PURE__*/_jsx(Button, {
+          size: "small",
+          onClick: clearFilters,
+          children: t("clear_all")
+        })]
+      })]
+    }), isEmptyResult && /*#__PURE__*/_jsxs(Box, {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        gap: 1,
+        pt: 6,
+        pb: 5,
+        textAlign: "center"
+      },
+      "data-cy": "outline-empty-state",
+      children: [/*#__PURE__*/_jsx(SearchOff, {
+        sx: {
+          fontSize: 40,
+          color: "action.disabled"
+        }
+      }), /*#__PURE__*/_jsx(Typography, {
+        variant: "subtitle1",
+        sx: {
+          fontWeight: "fontWeightBold"
+        },
+        children: t("no_sections_or_topics_match")
+      }), /*#__PURE__*/_jsx(Typography, {
+        variant: "body2",
+        color: "textSecondary",
+        children: trimmedQuery && isDifficultyFiltered ? t("nothing_matches_keyword_at_difficulty", {
+          keyword: trimmedQuery,
+          difficulty: t(`card_${difficulty}`)
+        }) : t("try_different_keyword_or_difficulty")
+      }), /*#__PURE__*/_jsx(Button, {
+        variant: "outlined",
+        sx: {
+          mt: 1
+        },
+        onClick: clearFilters,
+        children: t("clear_filters")
+      })]
     }), /*#__PURE__*/_jsx(SectionList, {
       t: t,
-      sections: sects,
+      sections: filtered ? filtered.sections : sects,
       completions: completions,
       isMember: isMember,
       courseId: courseId,
@@ -1771,7 +2063,9 @@ function CourseOutline({
       teachClassrooms: teachClassrooms,
       ...otherProps,
       loading: loading,
-      disableDrag: disableDrag,
+      disableDrag: disableDrag || isFiltering,
+      highlightDifficulty: isFiltering && isDifficultyFiltered ? difficulty : undefined,
+      hideAddTopic: isFiltering,
       courseSettings: courseSettings,
       showViewTopicButton: showViewTopicButton,
       isClassroomArchived: isClassroomArchived,

package/dist/Lists/CourseOutline/CourseOutline.test.js

@@ -1,5 +1,5 @@
-import { render } from "@testing-library/react";
-import { describe, it, expect, vi } from "vitest";
+import { render, screen, fireEvent, within, waitFor, cleanup } from "@testing-library/react";
+import { describe, it, expect, vi, afterEach } from "vitest";
 import CourseOutline from "./CourseOutline";
 import { props } from "./CourseOutline.stories";
 import { DndProvider } from "react-dnd";
@@ -86,4 +86,211 @@ describe("CourseOutline", () => {
     }));
     unmount();
   });
+});
+
+// Minimal i18next-like `t`: resolves `_one`/`_other` plurals and `{{var}}`
+// interpolation so assertions can read real copy.
+const strings = {
+  topic_count_one: "{{count}} topic",
+  topic_count_other: "{{count}} topics",
+  section_count_one: "{{count}} section",
+  section_count_other: "{{count}} sections",
+  outline_filter_count: "{{topics}} in {{sections}}",
+  x_of_y: "{{shown}} of {{total}}",
+  search_sections_and_topics: "Search sections and topics",
+  all: "All",
+  difficulty: "Difficulty",
+  clear_all: "Clear all",
+  clear_filters: "Clear filters",
+  no_sections_or_topics_match: "No sections or topics match",
+  try_different_keyword_or_difficulty: "Try a different keyword or difficulty.",
+  nothing_matches_keyword_at_difficulty: "Nothing matches “{{keyword}}” at {{difficulty}} difficulty. Try another keyword or difficulty."
+};
+const t = (key, options = {}) => {
+  const pluralKey = options.count !== undefined ? `${key}_${options.count === 1 ? "one" : "other"}` : key;
+  const template = strings[pluralKey] ?? strings[key] ?? key;
+  return template.replace(/\{\{(\w+)\}\}/g, (_, name) => options[name] ?? "");
+};
+const filterTopic = (id, name, description, difficulty, sectionId, idx, extra = {}) => ({
+  topicId: id,
+  topicName: name,
+  description,
+  difficulty,
+  sectionId,
+  idx,
+  roleplays: [],
+  bots: [],
+  completions: [],
+  ...extra
+});
+const filterProps = (overrides = {}) => ({
+  ...props,
+  t,
+  enableFilters: true,
+  isCreator: true,
+  isMember: false,
+  courseId: "course-1",
+  sections: [{
+    sectionId: "s1",
+    sectionName: "Unidad 1 · Identidad",
+    idx: 0,
+    topics: [filterTopic("t1", "Una canción", "Escucha la canción", "A2", "s1", 0), filterTopic("t2", "Perífrasis verbales", "Practica", "B1", "s1", 1)]
+  }, {
+    sectionId: "s2",
+    sectionName: "Unidad 3 · Viajes",
+    idx: 1,
+    topics: [filterTopic("t3", "En el aeropuerto", "Vocabulario del aeropuerto", "A2", "s2", 0), filterTopic("t4", "¿Adónde vas?", "Planes", "B1", "s2", 1), filterTopic("t5", "Secreto", "Vocabulario oculto", "C1", "s2", 2, {
+      isTopicHidden: true
+    })]
+  }],
+  ...overrides
+});
+const topicNames = container => [...container.querySelectorAll('[data-cy="topic-list-item"]')].map(item => item.querySelector(".MuiListItemText-primary").textContent);
+const search = value => fireEvent.change(screen.getByLabelText("Search sections and topics"), {
+  target: {
+    value
+  }
+});
+const selectDifficulty = label => {
+  fireEvent.mouseDown(screen.getByRole("combobox", {
+    name: "Difficulty"
+  }));
+  fireEvent.click(within(screen.getByRole("listbox")).getByText(label));
+};
+describe("CourseOutline filters", () => {
+  afterEach(cleanup);
+  it("does not render the filters unless enableFilters is set", () => {
+    renderOutline(filterProps({
+      enableFilters: false
+    }));
+    expect(screen.queryByLabelText("Search sections and topics")).toBeNull();
+  });
+  it("only offers difficulties that exist in the course, in CEFR order", () => {
+    renderOutline(filterProps({
+      isCreator: false,
+      isMember: false
+    }));
+    fireEvent.mouseDown(screen.getByRole("combobox", {
+      name: "Difficulty"
+    }));
+    const options = within(screen.getByRole("listbox")).getAllByRole("option").map(option => option.textContent);
+    // C1 only exists on a hidden topic, so a non-creator never sees it.
+    expect(options).toEqual(["All", "card_A2", "card_B1"]);
+  });
+  it("keeps every topic of a section whose name matches the keyword", async () => {
+    const {
+      container
+    } = renderOutline(filterProps());
+    search("viaje");
+    await waitFor(() => expect(topicNames(container)).toEqual(["En el aeropuerto", "¿Adónde vas?", "Secreto"]));
+    expect(container.querySelector('[data-cy="outline-filter-bar"]').textContent).toContain("3 topics in 1 section");
+    expect(screen.getByText("3 of 3")).toBeTruthy();
+  });
+  it("keeps a section whose name matches even when it has no visible topics", async () => {
+    const base = filterProps();
+    const sections = [...base.sections, {
+      sectionId: "s3",
+      sectionName: "Unidad 4 · Repaso",
+      idx: 2,
+      topics: []
+    }, {
+      sectionId: "s4",
+      sectionName: "Unidad 5 · Repaso final",
+      idx: 3,
+      topics: [filterTopic("t6", "Examen", "Oculto", "A2", "s4", 0, {
+        isTopicHidden: true
+      })]
+    }];
+    // Students cannot see t6, so both matching sections have no visible topics.
+    const {
+      container
+    } = renderOutline(filterProps({
+      sections,
+      isCreator: false,
+      isMember: false
+    }));
+    search("repaso");
+    await waitFor(() => expect(container.querySelectorAll('[data-cy="section-drop-zone"]')).toHaveLength(2));
+    expect(container.querySelector('[data-cy="outline-empty-state"]')).toBeNull();
+    expect(container.querySelector('[data-cy="outline-filter-bar"]').textContent).toContain("0 topics in 2 sections");
+    expect(screen.getAllByText("0 of 0")).toHaveLength(2);
+
+    // Difficulty only applies to topics, so with one selected the sections
+    // have nothing that matches.
+    selectDifficulty("card_A2");
+    expect(container.querySelector('[data-cy="outline-empty-state"]')).toBeTruthy();
+  });
+  it("matches topic descriptions and ignores accents", async () => {
+    const {
+      container
+    } = renderOutline(filterProps());
+    search("cancion");
+    await waitFor(() => expect(topicNames(container)).toEqual(["Una canción"]));
+    expect(screen.getByText("1 of 2")).toBeTruthy();
+  });
+  it("filters by difficulty across sections and combines with the keyword", async () => {
+    const {
+      container
+    } = renderOutline(filterProps());
+    selectDifficulty("card_A2");
+    expect(topicNames(container)).toEqual(["Una canción", "En el aeropuerto"]);
+    search("vocabulario");
+    await waitFor(() => expect(topicNames(container)).toEqual(["En el aeropuerto"]));
+  });
+  it("shows an empty state that clears both filters", async () => {
+    const {
+      container
+    } = renderOutline(filterProps());
+    selectDifficulty("card_B1");
+    search("subjuntivo");
+    await waitFor(() => expect(container.querySelector('[data-cy="outline-empty-state"]')).toBeTruthy());
+    expect(screen.getByText("Nothing matches “subjuntivo” at card_B1 difficulty. Try another keyword or difficulty.")).toBeTruthy();
+    fireEvent.click(screen.getByRole("button", {
+      name: "Clear filters"
+    }));
+    expect(topicNames(container)).toHaveLength(5);
+    expect(container.querySelector('[data-cy="outline-filter-bar"]')).toBeNull();
+  });
+  it("clears the keyword on Escape and through its chip", async () => {
+    const {
+      container
+    } = renderOutline(filterProps());
+    const input = screen.getByLabelText("Search sections and topics");
+    search("viaje");
+    await waitFor(() => expect(topicNames(container)).toHaveLength(3));
+    fireEvent.keyDown(input, {
+      key: "Escape"
+    });
+    expect(input.value).toBe("");
+    expect(topicNames(container)).toHaveLength(5);
+    search("viaje");
+    const chip = await screen.findByText("“viaje”");
+    fireEvent.click(chip.closest(".MuiChip-root").querySelector(".MuiChip-deleteIcon"));
+    expect(topicNames(container)).toHaveLength(5);
+  });
+  it("hides each section's Add new topic button while filtering", async () => {
+    const {
+      container
+    } = renderOutline(filterProps());
+    const addTopicButtons = () => container.querySelectorAll('[data-cy="create-topic"]');
+    expect(addTopicButtons()).toHaveLength(2);
+    search("viaje");
+    await waitFor(() => expect(addTopicButtons()).toHaveLength(0));
+    fireEvent.keyDown(screen.getByLabelText("Search sections and topics"), {
+      key: "Escape"
+    });
+    expect(addTopicButtons()).toHaveLength(2);
+  });
+  it("disables the drag handles while filtering", async () => {
+    renderOutline(filterProps());
+    const moveTopicButtons = () => screen.getAllByRole("button", {
+      name: "Move Topic"
+    });
+    expect(moveTopicButtons().every(button => !button.disabled)).toBe(true);
+    selectDifficulty("card_B1");
+    expect(moveTopicButtons().every(button => button.disabled)).toBe(true);
+    expect(screen.getAllByRole("button", {
+      name: "Move Section"
+    }).every(button => button.disabled)).toBe(true);
+  });
 });

package/dist/Lists/Timeline/EventItem.js

@@ -10,6 +10,8 @@ import ArrowForward from "@mui/icons-material/ArrowForward";
 import AutoStories from "@mui/icons-material/AutoStories";
 import SpaceBar from "@mui/icons-material/SpaceBar";
 import Headphones from "@mui/icons-material/Headphones";
+import Extension from "@mui/icons-material/Extension";
+import EditNote from "@mui/icons-material/EditNote";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const styles = () => ({
   inline: {
@@ -103,6 +105,19 @@ function Icon({
       color: "primary"
     });
   }
+  if (exercise === "meaning") {
+    return /*#__PURE__*/_jsx(Extension, {
+      color: "primary"
+    });
+  }
+  if (exercise === "meaning-listen-and-speak") {
+    return /*#__PURE__*/_jsx(ActItOutListeningSpeaking, {});
+  }
+  if (exercise === "meaning-read-and-write") {
+    return /*#__PURE__*/_jsx(EditNote, {
+      color: "primary"
+    });
+  }
   return null;
 }
 function EventItem({

package/dist/Tables/Attempt/Attempt.js

@@ -191,7 +191,7 @@ function AnswerAttempt({
           children: attempt.type
         })
       })]
-    }), !["pronunciation", "meaning", "roleplay-story", "roleplay-fill-in-the-blanks", "roleplay-act-it-out", "roleplay-act-it-out-listening", "roleplay-act-it-out-speaking", "roleplay-act-it-out-listening-speaking"].includes(exercise) && /*#__PURE__*/_jsx(TableCell, {
+    }), !["pronunciation", "meaning", "meaning-listen-and-speak", "meaning-read-and-write", "roleplay-story", "roleplay-fill-in-the-blanks", "roleplay-act-it-out", "roleplay-act-it-out-listening", "roleplay-act-it-out-speaking", "roleplay-act-it-out-listening-speaking"].includes(exercise) && /*#__PURE__*/_jsx(TableCell, {
       align: "left",
       children: /*#__PURE__*/_jsx(Typography, {
         children: t(attempt.method)
@@ -287,7 +287,7 @@ function Attempt({
                 children: t("type")
               })
             })]
-          }), !["pronunciation", "meaning", "roleplay-story", "roleplay-fill-in-the-blanks", "roleplay-act-it-out", "roleplay-act-it-out-listening", "roleplay-act-it-out-speaking", "roleplay-act-it-out-listening-speaking"].includes(exercise) && /*#__PURE__*/_jsx(TableCell, {
+          }), !["pronunciation", "meaning", "meaning-listen-and-speak", "meaning-read-and-write", "roleplay-story", "roleplay-fill-in-the-blanks", "roleplay-act-it-out", "roleplay-act-it-out-listening", "roleplay-act-it-out-speaking", "roleplay-act-it-out-listening-speaking"].includes(exercise) && /*#__PURE__*/_jsx(TableCell, {
             align: "left",
             children: /*#__PURE__*/_jsx("b", {
               children: t("method")

package/dist/hooks/useExerciseState.js

@@ -905,7 +905,8 @@ export default function useExerciseState({
     setInAnswerOptions(false);
     handleMakeAttempt(option, "option");
   };
-  const handleCorrectQuestionAnswer = (question, answer) => {
+  const handleCorrectQuestionAnswer = (question, answer, answers = []) => {
+    const correctAnswerText = answer?.correctAnswer ?? answers.find(a => a?.correct)?.text;
     // question time over
     let updatedAnswerAttempts = [];
     let method = "";
@@ -916,7 +917,7 @@ export default function useExerciseState({
         question,
         attempt: answer.text,
         result: "correct",
-        answer: answer.correctAnswer,
+        answer: correctAnswerText,
         method
       }];
     } else {
@@ -925,7 +926,7 @@ export default function useExerciseState({
         question,
         attempt: answer.text,
         result: "correct",
-        answer: answer.correct,
+        answer: correctAnswerText,
         method: null
       }];
     }
@@ -942,7 +943,8 @@ export default function useExerciseState({
       }
     }
   };
-  const handleIncorrectQuestionAnswer = (question, answer) => {
+  const handleIncorrectQuestionAnswer = (question, answer, answers = []) => {
+    const correctAnswerText = answer?.correctAnswer ?? answers.find(a => a?.correct)?.text;
     let method = "";
     let updatedAnswerAttempts = [];
     if (gameId === "fill-in-the-blanks" || gameId === "story") {
@@ -952,7 +954,7 @@ export default function useExerciseState({
         question,
         attempt: answer.text,
         result: "incorrect",
-        answer: answer.correctAnswer,
+        answer: correctAnswerText,
         method
       }];
     } else {
@@ -961,7 +963,7 @@ export default function useExerciseState({
         question,
         attempt: answer.text,
         result: "incorrect",
-        answer: answer.correct,
+        answer: correctAnswerText,
         method: null
       }];
     }

package/dist/hooks/useRecognition.js

@@ -109,6 +109,13 @@ export default function useRecognition(props = {}) {
   // Guards against a second click landing during the async start-up window,
   // before recognizing/isRecognizingDisabled state has re-rendered the button.
   const isStartingRef = useRef(false);
+  // stopRecording()'s delayed closeAll(). Replaced, not stacked, so a second
+  // stop() can't shut down a recording that started in between.
+  const scheduledStopRecordingRef = useRef(null);
+  // This hook's own handlers on the shared socket, so cleanup removes only
+  // these and never another mounted hook's.
+  const speechDataListenerRef = useRef(null);
+  const serverErrorListenerRef = useRef(null);
 
   // Lets us query, e.g., how often students end up on the polling fallback
   // (a proxy for "couldn't connect via websocket") or hit connect errors.
@@ -243,11 +250,20 @@ export default function useRecognition(props = {}) {
    * worklet module (a source of noticeable start-up lag). Pass fullClose
    * when the hook itself is unmounting and the context should be released.
    */
+  function removeSocketListeners() {
+    if (speechDataListenerRef.current) {
+      socket.off("speechData", speechDataListenerRef.current);
+      speechDataListenerRef.current = null;
+    }
+    if (serverErrorListenerRef.current) {
+      socket.off("serverError", serverErrorListenerRef.current);
+      serverErrorListenerRef.current = null;
+    }
+  }
   function closeAll(keepSocketAlive, fullClose = false) {
     // Clear the listeners (prevents issue if opening and closing repeatedly)
     if (keepSocketAlive) {
-      socket.off("speechData");
-      socket.off("serverError");
+      removeSocketListeners();
     }
     let tracks = streamRef.current ? streamRef.current.getTracks() : null;
     if (tracks && Array.isArray(tracks)) {
@@ -302,6 +318,9 @@ export default function useRecognition(props = {}) {
    *   the mic has been quiet for `silenceMs`. `{ silenceMs: number }`.
    */
   const initRecording = async (gcloudParams, onData, onError, autoStopOptions) => {
+    // When speechData last brought back words for this recording - arms the
+    // silence auto-stop below.
+    let lastTranscriptAt = null;
     try {
       await setupAudioContext();
       const handleSuccess = async function (stream) {
@@ -380,15 +399,14 @@ export default function useRecognition(props = {}) {
         const firstAudioFrameTimeoutId = setTimeout(resolveFirstAudioFrame, 800);
 
         // Silence auto-stop: each buffer's RMS volume says whether the mic
-        // heard actual speech just now. `hasHeardSpeech` waits for at least
-        // one loud-enough buffer before arming the timer, so someone taking
-        // a moment to start talking doesn't get cut off before they begin;
-        // after that, `silenceMs` of nothing but quiet buffers auto-stops
-        // the recording exactly like clicking the mic button would.
+        // heard sound just now. The timer only arms once speechData has
+        // returned words - a loud buffer alone can be the tail of the bot's
+        // audio or the mic opening, which would cut the student off before
+        // they begin. After that, `silenceMs` with no loud buffers and no new
+        // words auto-stops the recording exactly like clicking the mic would.
         const silenceMs = autoStopOptions?.silenceMs;
         const SILENCE_RMS_THRESHOLD = 0.02;
         let lastLoudAt = Date.now();
-        let hasHeardSpeech = false;
         let hasAutoStopped = false;
         processorRef.current.port.onmessage = event => {
           clearTimeout(firstAudioFrameTimeoutId);
@@ -405,8 +423,7 @@ export default function useRecognition(props = {}) {
           if (silenceMs) {
             if (rms > SILENCE_RMS_THRESHOLD) {
               lastLoudAt = Date.now();
-              hasHeardSpeech = true;
-            } else if (hasHeardSpeech && !hasAutoStopped && Date.now() - lastLoudAt > silenceMs) {
+            } else if (lastTranscriptAt && !hasAutoStopped && Date.now() - Math.max(lastLoudAt, lastTranscriptAt) > silenceMs) {
               hasAutoStopped = true;
               stop();
             }
@@ -506,19 +523,26 @@ export default function useRecognition(props = {}) {
         recognitionAlert("Speech recognition not supported, please try another browser.");
       }
 
-      // Bind the data handler callback
+      // Bind the data handler callback. A failed getUserMedia leaves the last
+      // attempt's handlers attached, so drop them before replacing the refs.
+      removeSocketListeners();
       if (onData) {
-        socket.on("speechData", data => {
+        speechDataListenerRef.current = data => {
+          if (data?.results?.some(result => result?.alternatives?.[0]?.transcript?.trim())) {
+            lastTranscriptAt = Date.now();
+          }
           onData(data);
-        });
+        };
+        socket.on("speechData", speechDataListenerRef.current);
       }
-      socket.on("serverError", error => {
+      serverErrorListenerRef.current = error => {
         console.error(`There was an issue on the server`, error);
         serverErrorRef.current = true;
         if (onError) {
           onError(error);
         }
-      });
+      };
+      socket.on("serverError", serverErrorListenerRef.current);
     } catch (error) {
       isStartingRef.current = false;
       setRecognitionState(prevState => ({
@@ -568,23 +592,48 @@ export default function useRecognition(props = {}) {
     if (mediaRecorderRef.current && mediaRecorderRef.current.state !== "inactive") {
       mediaRecorderRef.current.stop();
     }
-    setTimeout(() => {
-      closeAll(keepSocketAlive, fullClose);
+    const scheduledStopRecording = scheduledStopRecordingRef.current;
+    if (scheduledStopRecording) {
+      clearTimeout(scheduledStopRecording.timeoutId);
+    }
+    // Carry over what the cancelled closeAll() would have done: its listener
+    // removal, and its no-transcript check against its own transcripts.
+    const shouldRemoveListeners = keepSocketAlive || scheduledStopRecording?.shouldRemoveListeners;
+    const {
+      finalTranscript,
+      interimTranscript
+    } = recognitionState;
+    const shouldReportNoTranscript = scheduledStopRecording?.shouldReportNoTranscript || triggerEvent && (!finalTranscript || finalTranscript === "") && (!interimTranscript || interimTranscript === "");
+    const timeoutId = setTimeout(() => {
+      scheduledStopRecordingRef.current = null;
+      closeAll(shouldRemoveListeners, fullClose);
       setRecognitionState(prevState => ({
         ...prevState,
         isRecognizingDisabled: false
       }));
-      const {
-        finalTranscript,
-        interimTranscript
-      } = recognitionState;
-      if (triggerEvent && (!finalTranscript || finalTranscript === "") && (!interimTranscript || interimTranscript === "")) {
+      if (shouldReportNoTranscript) {
         captureSpeechRecognitionNoTranscript().catch(console.error);
       }
     }, 2000);
+    scheduledStopRecordingRef.current = {
+      timeoutId,
+      shouldRemoveListeners,
+      shouldReportNoTranscript
+    };
   };
   useEffect(() => {
     return () => {
+      // Finish a pending stop now rather than on a timer that outlives this
+      // hook, and drop this hook's listeners while we still can.
+      const scheduledStopRecording = scheduledStopRecordingRef.current;
+      if (scheduledStopRecording) {
+        clearTimeout(scheduledStopRecording.timeoutId);
+        scheduledStopRecordingRef.current = null;
+        if (scheduledStopRecording.shouldReportNoTranscript) {
+          captureSpeechRecognitionNoTranscript().catch(console.error);
+        }
+      }
+      removeSocketListeners();
       stopRecording(false, false, true);
     };
   }, []);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nualang/nualang-ui-components",
-  "version": "0.1.1436",
+  "version": "0.1.1437",
   "type": "module",
   "main": "dist/index.js",
   "files": [