@cuemath/leap 3.0.22-aa3 → 3.0.23-guru.0

package/dist/features/chapters-v2/chapter-details/chapter-details.js

@@ -1,67 +1,69 @@
-import { jsxs as m, jsx as r, Fragment as S } from "react/jsx-runtime";
-import { memo as b, useCallback as N, useEffect as p } from "react";
-import { ILLUSTRATIONS as _ } from "../../../assets/illustrations/illustrations.js";
-import v from "../../../assets/line-icons/icons/back2.js";
-import { useJourney as D } from "../../journey/use-journey/use-journey.js";
-import E from "../../ui/buttons/button/button.js";
-import L from "../../ui/buttons/icon-button/icon-button.js";
-import P from "../../ui/layout/flex-view.js";
-import T from "../../ui/loader/app-loader/app-loader.js";
-import j from "../../ui/text/text.js";
-import { useGetChapterDetails as H } from "../api/chapter.js";
-import J from "./block-sections/block-sections.js";
-import F from "./chapter-banner/chapter-banner.js";
-import { ContentWrapper as O, BackButtonContainer as U, BackButtonWrapper as W, LoaderWrapper as X } from "./chapter-details-styled.js";
-const z = b((f) => {
+import { jsxs as m, jsx as r, Fragment as b } from "react/jsx-runtime";
+import { memo as _, useCallback as v, useEffect as c } from "react";
+import { ILLUSTRATIONS as D } from "../../../assets/illustrations/illustrations.js";
+import E from "../../../assets/line-icons/icons/back2.js";
+import { useJourney as L } from "../../journey/use-journey/use-journey.js";
+import P from "../../ui/buttons/button/button.js";
+import T from "../../ui/buttons/icon-button/icon-button.js";
+import U from "../../ui/layout/flex-view.js";
+import j from "../../ui/loader/app-loader/app-loader.js";
+import H from "../../ui/text/text.js";
+import { useGetChapterDetails as J } from "../api/chapter.js";
+import F from "./block-sections/block-sections.js";
+import O from "./chapter-banner/chapter-banner.js";
+import { ContentWrapper as W, BackButtonContainer as X, BackButtonWrapper as z, LoaderWrapper as G } from "./chapter-details-styled.js";
+const V = _((f) => {
   const {
     userChapterId: n,
     studentId: i,
     userType: a,
     onBlockSkipUnskip: g,
     onNodeAttempt: u,
-    onNodeAssignAsHomework: C,
-    onNodeMarkAsDone: k,
+    onNodeAssignAsHomework: k,
+    onNodeMarkAsDone: C,
     onNodeReattempt: y,
     onNodeReview: A,
     onNodeView: B,
     onExit: $,
+    onNodeUnassign: x,
+    onNodeUnlock: I,
     startChapterPageJourney: s,
-    chapterPageRef: x,
-    bannerRef: I,
-    coreBlocksRef: w,
-    canStartJourney: c
-  } = f, { isJourneyActive: l } = D(), {
-    get: h,
+    chapterPageRef: N,
+    bannerRef: w,
+    coreBlocksRef: R,
+    canStartJourney: l
+  } = f, { isJourneyActive: p } = L(), {
+    get: d,
     data: e,
     isProcessing: t,
-    isProcessingFailed: R,
-    isStale: d
-  } = H(), o = N(() => {
-    h(n, void 0, { studentId: i });
-  }, [h, n, i]);
-  return p(() => {
+    isProcessingFailed: S,
+    isStale: h
+  } = J(), o = v(() => {
+    d(n, void 0, { studentId: i });
+  }, [d, n, i]);
+  return c(() => {
     o();
-  }, [o]), p(() => {
-    e && c && !l && s && s({
+  }, [o]), c(() => {
+    e && l && !p && s && s({
       chapterDetails: e,
       userChapterId: n,
       studentId: i,
       userType: a
     });
   }, [
-    c,
-    e,
     l,
+    e,
+    p,
     s,
     i,
     n,
     a
-  ]), p(() => {
-    !t && d && o();
-  }, [o, t, d]), R ? /* @__PURE__ */ m(P, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
-    /* @__PURE__ */ r(j, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
+  ]), c(() => {
+    !t && h && o();
+  }, [o, t, h]), S ? /* @__PURE__ */ m(U, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
+    /* @__PURE__ */ r(H, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
     /* @__PURE__ */ r(
-      E,
+      P,
       {
         widthX: 14,
         size: "small",
@@ -71,59 +73,61 @@ const z = b((f) => {
         onClick: o
       }
     )
-  ] }) : !e && t ? /* @__PURE__ */ r(T, { height: "80vh" }) : /* @__PURE__ */ m(
-    O,
+  ] }) : !e && t ? /* @__PURE__ */ r(j, { height: "80vh" }) : /* @__PURE__ */ m(
+    W,
     {
-      ref: x,
+      ref: N,
       $widthX: 50,
       $disablePointerEvents: t,
       $justifyContent: "center",
       $alignItems: "center",
       children: [
-        a === "TEACHER" && /* @__PURE__ */ r(U, { $height: "100%", children: /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(
-          L,
+        a === "TEACHER" && /* @__PURE__ */ r(X, { $height: "100%", children: /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r(
+          T,
           {
-            Icon: v,
+            Icon: E,
             renderAs: "secondary-gray",
             analyticsLabel: "chapter_page_exit",
             size: "xsmall",
             onClick: $
           }
         ) }) }),
-        t && /* @__PURE__ */ r(X, { children: /* @__PURE__ */ r("img", { src: _.LOADER_1, alt: "loader" }) }),
-        e && /* @__PURE__ */ m(S, { children: [
+        t && /* @__PURE__ */ r(G, { children: /* @__PURE__ */ r("img", { src: D.LOADER_1, alt: "loader" }) }),
+        e && /* @__PURE__ */ m(b, { children: [
           /* @__PURE__ */ r(
-            F,
+            O,
             {
               title: e.name,
               imageHue: e.image_hue,
               imageUrl: e.image_url,
               progressStats: e == null ? void 0 : e.progress_stat,
-              bannerRef: I
+              bannerRef: w
             }
           ),
           /* @__PURE__ */ r(
-            J,
+            F,
             {
               imageHue: e.image_hue,
               userType: a,
               blocks: e.blocks,
               onBlockSkipUnskip: g,
               onNodeAttempt: u,
-              onNodeAssignAsHomework: C,
-              onNodeMarkAsDone: k,
+              onNodeAssignAsHomework: k,
+              onNodeMarkAsDone: C,
               onNodeReattempt: y,
               onNodeReview: A,
               onNodeView: B,
-              coreBlocksRef: w
+              coreBlocksRef: R,
+              onNodeUnassign: x,
+              onNodeUnlock: I
             }
           )
         ] })
       ]
     }
   );
-}), ae = z;
+}), me = V;
 export {
-  ae as default
+  me as default
 };
 //# sourceMappingURL=chapter-details.js.map

package/dist/features/chapters-v2/chapter-details/chapter-details.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter-details.js","sources":["../../../../src/features/chapters-v2/chapter-details/chapter-details.tsx"],"sourcesContent":["import type { IChapterDetails } from './chapter-details-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Back2Icon from '../../../assets/line-icons/icons/back2';\nimport { useJourney } from '../../journey/use-journey/use-journey';\nimport Button from '../../ui/buttons/button/button';\nimport IconButton from '../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport Text from '../../ui/text/text';\nimport { useGetChapterDetails } from '../api/chapter';\nimport BlockSections from './block-sections/block-sections';\nimport ChapterBanner from './chapter-banner/chapter-banner';\nimport * as Styled from './chapter-details-styled';\n\nconst ChapterDetails: FC<IChapterDetails> = memo(props => {\n  const {\n    userChapterId,\n    studentId,\n    userType,\n    onBlockSkipUnskip,\n    onNodeAttempt,\n    onNodeAssignAsHomework,\n    onNodeMarkAsDone,\n    onNodeReattempt,\n    onNodeReview,\n    onNodeView,\n    onExit,\n    startChapterPageJourney,\n    chapterPageRef,\n    bannerRef,\n    coreBlocksRef,\n    canStartJourney,\n  } = props;\n  const { isJourneyActive } = useJourney();\n  const {\n    get: getChapterDetails,\n    data: chapterDetails,\n    isProcessing,\n    isProcessingFailed,\n    isStale,\n  } = useGetChapterDetails();\n\n  const fetchChapterDetails = useCallback(() => {\n    getChapterDetails(userChapterId, undefined, { studentId });\n  }, [getChapterDetails, userChapterId, studentId]);\n\n  useEffect(() => {\n    fetchChapterDetails();\n  }, [fetchChapterDetails]);\n\n  useEffect(() => {\n    if (chapterDetails && canStartJourney && !isJourneyActive && startChapterPageJourney) {\n      startChapterPageJourney({\n        chapterDetails: chapterDetails,\n        userChapterId,\n        studentId,\n        userType,\n      });\n    }\n  }, [\n    canStartJourney,\n    chapterDetails,\n    isJourneyActive,\n    startChapterPageJourney,\n    studentId,\n    userChapterId,\n    userType,\n  ]);\n\n  useEffect(() => {\n    if (!isProcessing && isStale) {\n      fetchChapterDetails();\n    }\n  }, [fetchChapterDetails, isProcessing, isStale]);\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $flexGapX={1.5} $height=\"100vh\" $justifyContent=\"center\" $alignItems=\"center\">\n        <Text $renderAs=\"h6\">Oops! Something went wrong. Please try again later.</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={fetchChapterDetails}\n        />\n      </FlexView>\n    );\n  }\n\n  if (!chapterDetails && isProcessing) {\n    return <AppLoader height=\"80vh\" />;\n  }\n\n  return (\n    <Styled.ContentWrapper\n      ref={chapterPageRef}\n      $widthX={50}\n      $disablePointerEvents={isProcessing}\n      $justifyContent=\"center\"\n      $alignItems=\"center\"\n    >\n      {userType === 'TEACHER' && (\n        <Styled.BackButtonContainer $height=\"100%\">\n          <Styled.BackButtonWrapper>\n            <IconButton\n              Icon={Back2Icon}\n              renderAs=\"secondary-gray\"\n              analyticsLabel=\"chapter_page_exit\"\n              size=\"xsmall\"\n              onClick={onExit}\n            />\n          </Styled.BackButtonWrapper>\n        </Styled.BackButtonContainer>\n      )}\n\n      {isProcessing && (\n        <Styled.LoaderWrapper>\n          <img src={ILLUSTRATIONS.LOADER_1} alt=\"loader\" />\n        </Styled.LoaderWrapper>\n      )}\n\n      {chapterDetails && (\n        <>\n          <ChapterBanner\n            title={chapterDetails.name}\n            imageHue={chapterDetails.image_hue}\n            imageUrl={chapterDetails.image_url}\n            progressStats={chapterDetails?.progress_stat}\n            bannerRef={bannerRef}\n          />\n          <BlockSections\n            imageHue={chapterDetails.image_hue}\n            userType={userType}\n            blocks={chapterDetails.blocks}\n            onBlockSkipUnskip={onBlockSkipUnskip}\n            onNodeAttempt={onNodeAttempt}\n            onNodeAssignAsHomework={onNodeAssignAsHomework}\n            onNodeMarkAsDone={onNodeMarkAsDone}\n            onNodeReattempt={onNodeReattempt}\n            onNodeReview={onNodeReview}\n            onNodeView={onNodeView}\n            coreBlocksRef={coreBlocksRef}\n          />\n        </>\n      )}\n    </Styled.ContentWrapper>\n  );\n});\n\nexport default ChapterDetails;\n"],"names":["ChapterDetails","memo","props","userChapterId","studentId","userType","onBlockSkipUnskip","onNodeAttempt","onNodeAssignAsHomework","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onExit","startChapterPageJourney","chapterPageRef","bannerRef","coreBlocksRef","canStartJourney","isJourneyActive","useJourney","getChapterDetails","chapterDetails","isProcessing","isProcessingFailed","isStale","useGetChapterDetails","fetchChapterDetails","useCallback","useEffect","jsxs","FlexView","jsx","Text","Button","AppLoader","Styled.ContentWrapper","Styled.BackButtonContainer","Styled.BackButtonWrapper","IconButton","Back2Icon","Styled.LoaderWrapper","ILLUSTRATIONS","Fragment","ChapterBanner","BlockSections","ChapterDetails$1"],"mappings":"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"}
+{"version":3,"file":"chapter-details.js","sources":["../../../../src/features/chapters-v2/chapter-details/chapter-details.tsx"],"sourcesContent":["import type { IChapterDetails } from './chapter-details-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Back2Icon from '../../../assets/line-icons/icons/back2';\nimport { useJourney } from '../../journey/use-journey/use-journey';\nimport Button from '../../ui/buttons/button/button';\nimport IconButton from '../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport Text from '../../ui/text/text';\nimport { useGetChapterDetails } from '../api/chapter';\nimport BlockSections from './block-sections/block-sections';\nimport ChapterBanner from './chapter-banner/chapter-banner';\nimport * as Styled from './chapter-details-styled';\n\nconst ChapterDetails: FC<IChapterDetails> = memo(props => {\n  const {\n    userChapterId,\n    studentId,\n    userType,\n    onBlockSkipUnskip,\n    onNodeAttempt,\n    onNodeAssignAsHomework,\n    onNodeMarkAsDone,\n    onNodeReattempt,\n    onNodeReview,\n    onNodeView,\n    onExit,\n    onNodeUnassign,\n    onNodeUnlock,\n    startChapterPageJourney,\n    chapterPageRef,\n    bannerRef,\n    coreBlocksRef,\n    canStartJourney,\n  } = props;\n  const { isJourneyActive } = useJourney();\n  const {\n    get: getChapterDetails,\n    data: chapterDetails,\n    isProcessing,\n    isProcessingFailed,\n    isStale,\n  } = useGetChapterDetails();\n\n  const fetchChapterDetails = useCallback(() => {\n    getChapterDetails(userChapterId, undefined, { studentId });\n  }, [getChapterDetails, userChapterId, studentId]);\n\n  useEffect(() => {\n    fetchChapterDetails();\n  }, [fetchChapterDetails]);\n\n  useEffect(() => {\n    if (chapterDetails && canStartJourney && !isJourneyActive && startChapterPageJourney) {\n      startChapterPageJourney({\n        chapterDetails: chapterDetails,\n        userChapterId,\n        studentId,\n        userType,\n      });\n    }\n  }, [\n    canStartJourney,\n    chapterDetails,\n    isJourneyActive,\n    startChapterPageJourney,\n    studentId,\n    userChapterId,\n    userType,\n  ]);\n\n  useEffect(() => {\n    if (!isProcessing && isStale) {\n      fetchChapterDetails();\n    }\n  }, [fetchChapterDetails, isProcessing, isStale]);\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $flexGapX={1.5} $height=\"100vh\" $justifyContent=\"center\" $alignItems=\"center\">\n        <Text $renderAs=\"h6\">Oops! Something went wrong. Please try again later.</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={fetchChapterDetails}\n        />\n      </FlexView>\n    );\n  }\n\n  if (!chapterDetails && isProcessing) {\n    return <AppLoader height=\"80vh\" />;\n  }\n\n  return (\n    <Styled.ContentWrapper\n      ref={chapterPageRef}\n      $widthX={50}\n      $disablePointerEvents={isProcessing}\n      $justifyContent=\"center\"\n      $alignItems=\"center\"\n    >\n      {userType === 'TEACHER' && (\n        <Styled.BackButtonContainer $height=\"100%\">\n          <Styled.BackButtonWrapper>\n            <IconButton\n              Icon={Back2Icon}\n              renderAs=\"secondary-gray\"\n              analyticsLabel=\"chapter_page_exit\"\n              size=\"xsmall\"\n              onClick={onExit}\n            />\n          </Styled.BackButtonWrapper>\n        </Styled.BackButtonContainer>\n      )}\n\n      {isProcessing && (\n        <Styled.LoaderWrapper>\n          <img src={ILLUSTRATIONS.LOADER_1} alt=\"loader\" />\n        </Styled.LoaderWrapper>\n      )}\n\n      {chapterDetails && (\n        <>\n          <ChapterBanner\n            title={chapterDetails.name}\n            imageHue={chapterDetails.image_hue}\n            imageUrl={chapterDetails.image_url}\n            progressStats={chapterDetails?.progress_stat}\n            bannerRef={bannerRef}\n          />\n          <BlockSections\n            imageHue={chapterDetails.image_hue}\n            userType={userType}\n            blocks={chapterDetails.blocks}\n            onBlockSkipUnskip={onBlockSkipUnskip}\n            onNodeAttempt={onNodeAttempt}\n            onNodeAssignAsHomework={onNodeAssignAsHomework}\n            onNodeMarkAsDone={onNodeMarkAsDone}\n            onNodeReattempt={onNodeReattempt}\n            onNodeReview={onNodeReview}\n            onNodeView={onNodeView}\n            coreBlocksRef={coreBlocksRef}\n            onNodeUnassign={onNodeUnassign}\n            onNodeUnlock={onNodeUnlock}\n          />\n        </>\n      )}\n    </Styled.ContentWrapper>\n  );\n});\n\nexport default ChapterDetails;\n"],"names":["ChapterDetails","memo","props","userChapterId","studentId","userType","onBlockSkipUnskip","onNodeAttempt","onNodeAssignAsHomework","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onExit","onNodeUnassign","onNodeUnlock","startChapterPageJourney","chapterPageRef","bannerRef","coreBlocksRef","canStartJourney","isJourneyActive","useJourney","getChapterDetails","chapterDetails","isProcessing","isProcessingFailed","isStale","useGetChapterDetails","fetchChapterDetails","useCallback","useEffect","jsxs","FlexView","jsx","Text","Button","AppLoader","Styled.ContentWrapper","Styled.BackButtonContainer","Styled.BackButtonWrapper","IconButton","Back2Icon","Styled.LoaderWrapper","ILLUSTRATIONS","Fragment","ChapterBanner","BlockSections","ChapterDetails$1"],"mappings":"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"}

package/dist/features/chapters-v2/comps/node-card/node-card-styled.js

@@ -86,6 +86,7 @@ const W = t(e)(({
     overflow: hidden;
   `), k = t(e)(({ theme: o }) => `
     cursor: pointer;
+    padding: 4px;
     
     &:hover {
       border-radius: 50%;

package/dist/features/chapters-v2/comps/node-card/node-card-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"node-card-styled.js","sources":["../../../../../src/features/chapters-v2/comps/node-card/node-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ImportantIcon from '../../../../assets/line-icons/icons/important';\nimport Lock2Icon from '../../../../assets/line-icons/icons/lock2';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface INodeCardContainer {\n  $disabled: boolean;\n  $isSheetLocked?: boolean;\n}\n\nconst NodeCardContainer = styled(FlexView)<INodeCardContainer>(({ theme, $disabled }) => {\n  const { BLACK, BLACK_T_15, WHITE_5 } = theme.colors;\n\n  return `\n    cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n    position: relative;\n    border-image: linear-gradient(to right, ${BLACK_T_15} 0%, ${BLACK_T_15} 100%);\n    outline: 1px solid ${WHITE_5};\n\n    .node-card-border {\n      position: absolute;\n      top: 0;\n      left: 0;\n      z-index: 2;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      background: transparent;\n    }\n\n    &:hover {\n      ${\n        !$disabled &&\n        `\n          outline: 1px solid ${BLACK};\n        `\n      }    \n    }\n  `;\n});\n\nconst StyledImportantIcon = styled(ImportantIcon)(({ theme }) => {\n  const { layout } = theme;\n\n  return `\n    width: ${layout.gutter * 0.75}px;\n    height: ${layout.gutter * 0.75}px;\n    position: absolute;\n    top: -2.5px;\n    right: -2.5px;\n  `;\n});\n\ninterface INodeCardInfoWrapper {\n  $bgImage: string;\n}\n\nconst NodeCardInfoWrapper = styled(FlexView)<INodeCardInfoWrapper>(({ $bgImage }) => {\n  return `\n    background-image: url(${$bgImage});\n\n    & .context-menu {\n      justify-self: flex-end;\n      margin-left: auto;\n    }\n  `;\n});\n\nconst IconWrapper = styled(FlexView)`\n  border-radius: 50%;\n`;\n\nconst NodeCardContentWrapper = styled(FlexView)(() => {\n  return `\n    position: relative;\n    padding: 12px 8px 12px 12px;\n  `;\n});\n\ninterface ISheetTagWrapper {\n  $top?: number;\n  $right?: number;\n}\n\nconst SheetTagWrapper = styled(FlexView)<ISheetTagWrapper>(({ $top, $right }) => {\n  return `\n  position: absolute;\n  top: ${$top ?? 0}px;\n  right: ${$right ?? 0}px;\n  z-index: 3;\n`;\n});\n\nconst StyledLockIcon = styled(Lock2Icon)(({}) => {\n  return `\n    width: 28px;\n    height: 28px;\n  `;\n});\n\nconst InProgressIconWrapper = styled(FlexView)<{ $paddingRight: number; $paddingLeft: number }>(({\n  theme,\n  $paddingRight,\n  $paddingLeft,\n}) => {\n  const { BLACK_1, WHITE_1 } = theme.colors;\n\n  return `\n    position: absolute;\n    top: -10px;\n    right: -10px;\n    padding: 0px;\n    padding-left: ${$paddingLeft}px;\n    padding-right: ${$paddingRight}px;\n    background: ${BLACK_1};\n\n    path {\n      fill: ${WHITE_1};\n    }\n  `;\n});\n\nconst NodeCardTitle = styled(Text)(() => {\n  return `\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  `;\n});\n\nconst NodeKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\ninterface INodeOptionsMenuWrapper {\n  $visible: boolean;\n}\n\nconst NodeMenuOptionsWrapper = styled(FlexView)<INodeOptionsMenuWrapper>(({ theme, $visible }) => {\n  return `\n    cursor: pointer;\n\n    position: absolute;\n    z-index: 6;\n    top: calc(100% + 4px);\n    left: 0;\n\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0});\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\nexport {\n  NodeCardContainer,\n  StyledImportantIcon,\n  NodeCardInfoWrapper,\n  IconWrapper,\n  NodeCardContentWrapper,\n  SheetTagWrapper,\n  StyledLockIcon,\n  InProgressIconWrapper,\n  NodeCardTitle,\n  NodeKebabMenuWrapper,\n  NodeMenuOptionsWrapper,\n};\n"],"names":["NodeCardContainer","styled","FlexView","theme","$disabled","BLACK","BLACK_T_15","WHITE_5","StyledImportantIcon","ImportantIcon","layout","NodeCardInfoWrapper","$bgImage","IconWrapper","NodeCardContentWrapper","SheetTagWrapper","$top","$right","Lock2Icon","InProgressIconWrapper","$paddingRight","$paddingLeft","BLACK_1","WHITE_1","NodeCardTitle","Text","NodeKebabMenuWrapper","NodeMenuOptionsWrapper","$visible"],"mappings":";;;;;AAYM,MAAAA,IAAoBC,EAAOC,CAAQ,EAAsB,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AACvF,QAAM,EAAE,OAAAC,GAAO,YAAAC,GAAY,SAAAC,EAAA,IAAYJ,EAAM;AAEtC,SAAA;AAAA,cACKC,IAAY,gBAAgB,SAAS;AAAA;AAAA,8CAELE,CAAU,QAAQA,CAAU;AAAA,yBACjDC,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAexB,CAACH,KACD;AAAA,+BACuBC,CAAK;AAAA,SAE9B;AAAA;AAAA;AAGN,CAAC,GAEKG,IAAsBP,EAAOQ,CAAa,EAAE,CAAC,EAAE,OAAAN,QAAY;AACzD,QAAA,EAAE,QAAAO,EAAW,IAAAP;AAEZ,SAAA;AAAA,aACIO,EAAO,SAAS,IAAI;AAAA,cACnBA,EAAO,SAAS,IAAI;AAAA;AAAA;AAAA;AAAA;AAKlC,CAAC,GAMKC,IAAsBV,EAAOC,CAAQ,EAAwB,CAAC,EAAE,UAAAU,QAC7D;AAAA,4BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnC,GAEKC,IAAcZ,EAAOC,CAAQ;AAAA;AAAA,GAI7BY,IAAyBb,EAAOC,CAAQ,EAAE,MACvC;AAAA;AAAA;AAAA,GAIR,GAOKa,IAAkBd,EAAOC,CAAQ,EAAoB,CAAC,EAAE,MAAAc,GAAM,QAAAC,QAC3D;AAAA;AAAA,SAEAD,KAAQ,CAAC;AAAA,WACPC,KAAU,CAAC;AAAA;AAAA,CAGrB;AAEsBhB,EAAOiB,CAAS,EAAE,CAAC,OACjC;AAAA;AAAA;AAAA,GAIR;AAED,MAAMC,IAAwBlB,EAAOC,CAAQ,EAAmD,CAAC;AAAA,EAC/F,OAAAC;AAAA,EACA,eAAAiB;AAAA,EACA,cAAAC;AACF,MAAM;AACJ,QAAM,EAAE,SAAAC,GAAS,SAAAC,MAAYpB,EAAM;AAE5B,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKWkB,CAAY;AAAA,qBACXD,CAAa;AAAA,kBAChBE,CAAO;AAAA;AAAA;AAAA,cAGXC,CAAO;AAAA;AAAA;AAGrB,CAAC,GAEKC,IAAgBvB,EAAOwB,CAAI,EAAE,MAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOR,GAEKC,IAAuBzB,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACxC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAMKwB,IAAyB1B,EAAOC,CAAQ,EAA2B,CAAC,EAAE,OAAAC,GAAO,UAAAyB,QAC1E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASeA,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKXzB,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC;"}
+{"version":3,"file":"node-card-styled.js","sources":["../../../../../src/features/chapters-v2/comps/node-card/node-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ImportantIcon from '../../../../assets/line-icons/icons/important';\nimport Lock2Icon from '../../../../assets/line-icons/icons/lock2';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface INodeCardContainer {\n  $disabled: boolean;\n  $isSheetLocked?: boolean;\n}\n\nconst NodeCardContainer = styled(FlexView)<INodeCardContainer>(({ theme, $disabled }) => {\n  const { BLACK, BLACK_T_15, WHITE_5 } = theme.colors;\n\n  return `\n    cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n    position: relative;\n    border-image: linear-gradient(to right, ${BLACK_T_15} 0%, ${BLACK_T_15} 100%);\n    outline: 1px solid ${WHITE_5};\n\n    .node-card-border {\n      position: absolute;\n      top: 0;\n      left: 0;\n      z-index: 2;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      background: transparent;\n    }\n\n    &:hover {\n      ${\n        !$disabled &&\n        `\n          outline: 1px solid ${BLACK};\n        `\n      }    \n    }\n  `;\n});\n\nconst StyledImportantIcon = styled(ImportantIcon)(({ theme }) => {\n  const { layout } = theme;\n\n  return `\n    width: ${layout.gutter * 0.75}px;\n    height: ${layout.gutter * 0.75}px;\n    position: absolute;\n    top: -2.5px;\n    right: -2.5px;\n  `;\n});\n\ninterface INodeCardInfoWrapper {\n  $bgImage: string;\n}\n\nconst NodeCardInfoWrapper = styled(FlexView)<INodeCardInfoWrapper>(({ $bgImage }) => {\n  return `\n    background-image: url(${$bgImage});\n\n    & .context-menu {\n      justify-self: flex-end;\n      margin-left: auto;\n    }\n  `;\n});\n\nconst IconWrapper = styled(FlexView)`\n  border-radius: 50%;\n`;\n\nconst NodeCardContentWrapper = styled(FlexView)(() => {\n  return `\n    position: relative;\n    padding: 12px 8px 12px 12px;\n  `;\n});\n\ninterface ISheetTagWrapper {\n  $top?: number;\n  $right?: number;\n}\n\nconst SheetTagWrapper = styled(FlexView)<ISheetTagWrapper>(({ $top, $right }) => {\n  return `\n  position: absolute;\n  top: ${$top ?? 0}px;\n  right: ${$right ?? 0}px;\n  z-index: 3;\n`;\n});\n\nconst StyledLockIcon = styled(Lock2Icon)(({}) => {\n  return `\n    width: 28px;\n    height: 28px;\n  `;\n});\n\nconst InProgressIconWrapper = styled(FlexView)<{ $paddingRight: number; $paddingLeft: number }>(({\n  theme,\n  $paddingRight,\n  $paddingLeft,\n}) => {\n  const { BLACK_1, WHITE_1 } = theme.colors;\n\n  return `\n    position: absolute;\n    top: -10px;\n    right: -10px;\n    padding: 0px;\n    padding-left: ${$paddingLeft}px;\n    padding-right: ${$paddingRight}px;\n    background: ${BLACK_1};\n\n    path {\n      fill: ${WHITE_1};\n    }\n  `;\n});\n\nconst NodeCardTitle = styled(Text)(() => {\n  return `\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  `;\n});\n\nconst NodeKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    padding: 4px;\n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\ninterface INodeOptionsMenuWrapper {\n  $visible: boolean;\n}\n\nconst NodeMenuOptionsWrapper = styled(FlexView)<INodeOptionsMenuWrapper>(({ theme, $visible }) => {\n  return `\n    cursor: pointer;\n\n    position: absolute;\n    z-index: 6;\n    top: calc(100% + 4px);\n    left: 0;\n\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0});\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\nexport {\n  NodeCardContainer,\n  StyledImportantIcon,\n  NodeCardInfoWrapper,\n  IconWrapper,\n  NodeCardContentWrapper,\n  SheetTagWrapper,\n  StyledLockIcon,\n  InProgressIconWrapper,\n  NodeCardTitle,\n  NodeKebabMenuWrapper,\n  NodeMenuOptionsWrapper,\n};\n"],"names":["NodeCardContainer","styled","FlexView","theme","$disabled","BLACK","BLACK_T_15","WHITE_5","StyledImportantIcon","ImportantIcon","layout","NodeCardInfoWrapper","$bgImage","IconWrapper","NodeCardContentWrapper","SheetTagWrapper","$top","$right","Lock2Icon","InProgressIconWrapper","$paddingRight","$paddingLeft","BLACK_1","WHITE_1","NodeCardTitle","Text","NodeKebabMenuWrapper","NodeMenuOptionsWrapper","$visible"],"mappings":";;;;;AAYM,MAAAA,IAAoBC,EAAOC,CAAQ,EAAsB,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AACvF,QAAM,EAAE,OAAAC,GAAO,YAAAC,GAAY,SAAAC,EAAA,IAAYJ,EAAM;AAEtC,SAAA;AAAA,cACKC,IAAY,gBAAgB,SAAS;AAAA;AAAA,8CAELE,CAAU,QAAQA,CAAU;AAAA,yBACjDC,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAexB,CAACH,KACD;AAAA,+BACuBC,CAAK;AAAA,SAE9B;AAAA;AAAA;AAGN,CAAC,GAEKG,IAAsBP,EAAOQ,CAAa,EAAE,CAAC,EAAE,OAAAN,QAAY;AACzD,QAAA,EAAE,QAAAO,EAAW,IAAAP;AAEZ,SAAA;AAAA,aACIO,EAAO,SAAS,IAAI;AAAA,cACnBA,EAAO,SAAS,IAAI;AAAA;AAAA;AAAA;AAAA;AAKlC,CAAC,GAMKC,IAAsBV,EAAOC,CAAQ,EAAwB,CAAC,EAAE,UAAAU,QAC7D;AAAA,4BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnC,GAEKC,IAAcZ,EAAOC,CAAQ;AAAA;AAAA,GAI7BY,IAAyBb,EAAOC,CAAQ,EAAE,MACvC;AAAA;AAAA;AAAA,GAIR,GAOKa,IAAkBd,EAAOC,CAAQ,EAAoB,CAAC,EAAE,MAAAc,GAAM,QAAAC,QAC3D;AAAA;AAAA,SAEAD,KAAQ,CAAC;AAAA,WACPC,KAAU,CAAC;AAAA;AAAA,CAGrB;AAEsBhB,EAAOiB,CAAS,EAAE,CAAC,OACjC;AAAA;AAAA;AAAA,GAIR;AAED,MAAMC,IAAwBlB,EAAOC,CAAQ,EAAmD,CAAC;AAAA,EAC/F,OAAAC;AAAA,EACA,eAAAiB;AAAA,EACA,cAAAC;AACF,MAAM;AACJ,QAAM,EAAE,SAAAC,GAAS,SAAAC,MAAYpB,EAAM;AAE5B,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKWkB,CAAY;AAAA,qBACXD,CAAa;AAAA,kBAChBE,CAAO;AAAA;AAAA;AAAA,cAGXC,CAAO;AAAA;AAAA;AAGrB,CAAC,GAEKC,IAAgBvB,EAAOwB,CAAI,EAAE,MAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOR,GAEKC,IAAuBzB,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAMKwB,IAAyB1B,EAAOC,CAAQ,EAA2B,CAAC,EAAE,OAAAC,GAAO,UAAAyB,QAC1E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASeA,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKXzB,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC;"}

package/dist/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.js

@@ -1,64 +1,76 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { memo as Q, useRef as k, useCallback as o } from "react";
-import Z from "../../../../../assets/line-icons/icons/check2.js";
-import v from "../../../../../assets/line-icons/icons/eye2.js";
-import R from "../../../../../assets/line-icons/icons/home2.js";
-import O from "../../../../../assets/line-icons/icons/more-vertical.js";
-import w from "../../../../../assets/line-icons/icons/redo.js";
-import V from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
-import D from "../../../../ui/hooks/use-context-menu-click-handler.js";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { memo as N, useRef as S, useCallback as m } from "react";
+import rr from "../../../../../assets/line-icons/icons/check2.js";
+import tr from "../../../../../assets/line-icons/icons/eye2.js";
+import er from "../../../../../assets/line-icons/icons/home2.js";
+import cr from "../../../../../assets/line-icons/icons/lock3.js";
+import T from "../../../../../assets/line-icons/icons/more-vertical.js";
+import ir from "../../../../../assets/line-icons/icons/redo.js";
+import nr from "../../../../../assets/line-icons/icons/unlock2.js";
+import ar from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import lr from "../../../../ui/hooks/use-context-menu-click-handler.js";
 import y from "../../../../ui/layout/flex-view.js";
-import N from "../../../../ui/lottie-animation/lottie-animation.js";
-import rr from "../../../../ui/text/text.js";
-import { BLOCK_TYPE as tr } from "../../../constants/block-constants.js";
-import { NODE_CARD_STATES as er, TEACHER_MENU_LABELS as nr } from "../../../constants/node-constants.js";
-import { getNodeTypeBasedBgImage as cr } from "../../../utils/index.js";
-import { getNodeCardBasedIcon as ir } from "../../../utils/node-card-utils.js";
-import { NodeCardContainer as ar, NodeCardInfoWrapper as lr, IconWrapper as sr, StyledImportantIcon as or, NodeKebabMenuWrapper as L, NodeCardContentWrapper as mr, NodeCardTitle as pr, NodeMenuOptionsWrapper as dr } from "../node-card-styled.js";
-import hr from "../node-card-tags.js";
-import fr from "../node-menu-options/node-menu-options.js";
-const ur = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: Cr, REVIEW: $r, VIEW: _r, MARK_AS_DONE: br, RESET: Ir } = nr, Pr = Q(
+import sr from "../../../../ui/lottie-animation/lottie-animation.js";
+import or from "../../../../ui/text/text.js";
+import { BLOCK_TYPE as mr } from "../../../constants/block-constants.js";
+import { NODE_CARD_STATES as x, TEACHER_MENU_LABELS as pr } from "../../../constants/node-constants.js";
+import { getNodeTypeBasedBgImage as dr } from "../../../utils/index.js";
+import { getNodeCardBasedIcon as hr } from "../../../utils/node-card-utils.js";
+import { NodeCardContainer as ur, NodeCardInfoWrapper as fr, IconWrapper as Cr, StyledImportantIcon as $r, NodeKebabMenuWrapper as W, NodeCardContentWrapper as _r, NodeCardTitle as br, NodeMenuOptionsWrapper as Ir } from "../node-card-styled.js";
+import kr from "../node-card-tags.js";
+import Er from "../node-menu-options/node-menu-options.js";
+const gr = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: Lr, REVIEW: Or, VIEW: Sr, MARK_AS_DONE: Tr, RESET: yr, LOCK: xr, UNLOCK: Wr } = pr, Dr = N(
   ({
-    nodeData: t,
-    imageHue: S,
-    blockType: T,
-    isSkipped: x,
-    onNodeAssignAsHomework: m,
-    onNodeMarkAsDone: p,
-    onNodeView: n,
-    onNodeReview: c,
-    onNodeReattempt: d
+    nodeData: r,
+    imageHue: B,
+    blockType: M,
+    isSkipped: K,
+    onNodeAssignAsHomework: p,
+    onNodeMarkAsDone: d,
+    onNodeView: c,
+    onNodeReview: i,
+    onNodeReattempt: h,
+    onNodeUnlock: u,
+    onNodeUnassign: f
   }) => {
-    const f = k(null), { menuVisible: $, onMenuClick: _ } = D(f), {
-      accuracy: W,
-      attempt_location: B,
-      node_type: u,
-      card_header: M,
-      title: K,
+    const $ = S(null), { menuVisible: k, onMenuClick: E } = lr($), {
+      accuracy: A,
+      attempt_location: G,
+      node_type: _,
+      card_header: j,
+      title: X,
       state: b,
-      is_optional: A,
-      sheet_statement: I,
-      permissions: G,
+      is_optional: H,
+      sheet_statement: g,
+      permissions: F,
       user_attempt_id: l
-    } = t, { lottie: j } = ir(u), C = k(null), {
-      can_mark_familiar: X,
+    } = r, { lottie: P } = hr(_), I = S(null), {
+      can_mark_familiar: z,
       can_review: s,
-      can_assign_as_homework: H,
-      can_reset: F
-    } = G, g = T === tr.GOAL, i = b === er.LOCKED, P = B === "INCLASS", z = cr(u), h = o(
+      can_assign_as_homework: Y,
+      can_reset: q,
+      can_unlock: C,
+      can_unassign: J
+    } = F, L = M === mr.GOAL, n = b === x.LOCKED, Q = b === x.NOT_STARTED, Z = G === "INCLASS", v = (n || Q) && (C || J), R = dr(_), o = m(
       (e) => {
         switch (e) {
           case "node-card-view":
-            s && l ? c == null || c(t) : n == null || n(t);
+            s && l ? i == null || i(r) : c == null || c(r);
             return;
           case "node-card-assign-as-hw":
-            m == null || m(t);
+            p == null || p(r);
             return;
           case "node-card-mark-as-done":
-            p == null || p(t);
+            d == null || d(r);
             return;
           case "node-card-reset":
-            d == null || d(t);
+            h == null || h(r);
+            return;
+          case "node-card-unlock":
+            u == null || u(r);
+            return;
+          case "node-card-lock":
+            f == null || f(r);
             return;
           default:
             throw new Error(`No callback function for ${e}`);
@@ -66,90 +78,99 @@ const ur = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: Cr, REVIEW: $r,
       },
       [
         s,
-        t,
-        m,
+        r,
         p,
         d,
+        h,
+        i,
+        f,
+        u,
         c,
-        n,
         l
       ]
-    ), U = o(() => {
+    ), U = m(() => {
       var e;
-      i || (e = C.current) == null || e.play();
-    }, [i]), Y = o(() => {
+      n || (e = I.current) == null || e.play();
+    }, [n]), w = m(() => {
       var e;
-      (e = C.current) == null || e.stop();
-    }, []), q = o(() => {
-      s && l ? c == null || c(t) : n == null || n(t);
-    }, [s, t, c, n, l]), E = o(
+      (e = I.current) == null || e.stop();
+    }, []), V = m(() => {
+      s && l ? i == null || i(r) : c == null || c(r);
+    }, [s, r, i, c, l]), O = m(
       (e) => {
-        e.stopPropagation(), _();
+        e.stopPropagation(), E();
       },
-      [_]
-    ), J = [
+      [E]
+    ), D = [
       {
         id: "node-card-view",
-        label: s && l ? $r : _r,
-        icon: v,
+        label: s && l ? Or : Sr,
+        icon: tr,
         disabled: !1,
-        onClick: h
+        onClick: o
       },
       {
         id: "node-card-assign-as-hw",
-        label: Cr,
-        icon: R,
-        disabled: !H,
-        onClick: h
+        label: Lr,
+        icon: er,
+        disabled: !Y,
+        onClick: o
       },
       {
         id: "node-card-reset",
-        label: Ir,
-        icon: w,
-        disabled: !F,
-        onClick: h
+        label: yr,
+        icon: ir,
+        disabled: !q,
+        onClick: o
       },
       {
         id: "node-card-mark-as-done",
-        label: br,
-        icon: Z,
-        disabled: !X,
-        onClick: h
+        label: Tr,
+        icon: rr,
+        disabled: !z,
+        onClick: o
+      },
+      {
+        id: `node-card-${C ? "unlock" : "lock"}`,
+        label: C ? Wr : xr,
+        icon: C ? nr : cr,
+        disabled: !v,
+        onClick: o
       }
     ];
     return /* @__PURE__ */ a(y, { $position: "relative", children: [
-      /* @__PURE__ */ r(
-        ar,
+      /* @__PURE__ */ t(
+        ur,
         {
-          $background: `${S}_2`,
-          $disabled: !!(x || i),
-          onClick: q,
+          $background: `${B}_2`,
+          $disabled: !!(K || n),
+          onClick: V,
           children: /* @__PURE__ */ a(
-            V,
+            ar,
             {
               renderAs: "primary",
-              tooltipItem: I,
+              tooltipItem: g,
               position: "bottom",
               zIndex: 5,
-              hidden: $ || !I,
+              hidden: k || !g,
               parentWidth: "100%",
               widthX: 11.25,
               children: [
                 /* @__PURE__ */ a(
-                  lr,
+                  fr,
                   {
                     $flexDirection: "row",
                     $alignItems: "center",
                     $width: "100%",
                     $heightX: 3.5,
-                    $bgImage: z,
+                    $bgImage: R,
                     $gutterX: 0.78125,
                     $flexGap: 8.5,
                     onMouseEnter: U,
-                    onMouseLeave: Y,
+                    onMouseLeave: w,
                     children: [
                       /* @__PURE__ */ a(
-                        sr,
+                        Cr,
                         {
                           $width: 31,
                           $height: 31,
@@ -157,32 +178,32 @@ const ur = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: Cr, REVIEW: $r,
                           $position: "relative",
                           $alignItems: "center",
                           $justifyContent: "center",
-                          $opacity: i ? 0.5 : 1,
+                          $opacity: n ? 0.5 : 1,
                           children: [
-                            /* @__PURE__ */ r(
-                              N,
+                            /* @__PURE__ */ t(
+                              sr,
                               {
-                                src: j,
-                                ref: C,
-                                settings: ur
+                                src: P,
+                                ref: I,
+                                settings: gr
                               }
                             ),
-                            !A && /* @__PURE__ */ r(or, {})
+                            !H && /* @__PURE__ */ t($r, {})
                           ]
                         }
                       ),
-                      /* @__PURE__ */ a(rr, { $renderAs: "ac4-black", $color: "BLACK", $opacity: i ? 0.5 : 1, children: [
-                        M,
+                      /* @__PURE__ */ a(or, { $renderAs: "ac4-black", $color: "BLACK", $opacity: n ? 0.5 : 1, children: [
+                        j,
                         " ",
-                        P && "• CW"
+                        Z && "• CW"
                       ] }),
-                      /* @__PURE__ */ r(y, { className: "context-menu", children: g && /* @__PURE__ */ r(L, { ref: f, onClick: E, children: /* @__PURE__ */ r(O, { width: 18, height: 18 }) }) })
+                      /* @__PURE__ */ t(y, { className: "context-menu", children: L && /* @__PURE__ */ t(W, { ref: $, onClick: O, children: /* @__PURE__ */ t(T, { width: 18, height: 18 }) }) })
                     ]
                   }
                 ),
-                /* @__PURE__ */ r(hr, { nodeType: u, state: b, accuracy: W }),
-                !g && /* @__PURE__ */ a(
-                  mr,
+                /* @__PURE__ */ t(kr, { nodeType: _, state: b, accuracy: A }),
+                !L && /* @__PURE__ */ a(
+                  _r,
                   {
                     $flexDirection: "row",
                     $alignItems: "center",
@@ -191,16 +212,16 @@ const ur = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: Cr, REVIEW: $r,
                     $heightX: 4,
                     $justifyContent: "space-between",
                     children: [
-                      /* @__PURE__ */ r(
-                        pr,
+                      /* @__PURE__ */ t(
+                        br,
                         {
                           $renderAs: "ab3",
                           $color: "BLACK_1",
-                          $opacity: i ? 0.5 : 1,
-                          children: K
+                          $opacity: n ? 0.5 : 1,
+                          children: X
                         }
                       ),
-                      /* @__PURE__ */ r(L, { ref: f, onClick: E, children: /* @__PURE__ */ r(O, { width: 18, height: 18 }) })
+                      /* @__PURE__ */ t(W, { ref: $, onClick: O, children: /* @__PURE__ */ t(T, { width: 18, height: 18 }) })
                     ]
                   }
                 )
@@ -209,11 +230,11 @@ const ur = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: Cr, REVIEW: $r,
           )
         }
       ),
-      /* @__PURE__ */ r(dr, { $visible: $, children: /* @__PURE__ */ r(fr, { options: J }) })
+      /* @__PURE__ */ t(Ir, { $visible: k, children: /* @__PURE__ */ t(Er, { options: D }) })
     ] });
   }
 );
 export {
-  Pr as default
+  Dr as default
 };
 //# sourceMappingURL=teacher-actions.js.map