@cuemath/leap 3.0.10 → 3.0.11-akm

package/dist/features/milestone/milestone-resources/resources-list/resources-list.js

@@ -1,18 +1,18 @@
-import { jsx as e, jsxs as l, Fragment as N } from "react/jsx-runtime";
-import { memo as B, useCallback as d, useEffect as D } from "react";
+import { jsx as e, jsxs as l, Fragment as B } from "react/jsx-runtime";
+import { memo as D, useCallback as d, useEffect as H } from "react";
 import { IMAGES as v } from "../../../../assets/images/images.js";
 import G from "../../../../assets/line-icons/icons/plus.js";
-import H from "../../../../assets/line-icons/icons/search.js";
-import O from "../../../sheet-v2/resource-list/resource-list.js";
-import X from "../../../ui/arrow-tooltip/arrow-tooltip.js";
-import b from "../../../ui/buttons/button/button.js";
-import q from "../../../ui/buttons/icon-button/icon-button.js";
-import w from "../../../ui/layout/flex-view.js";
-import z from "../../../ui/loader/app-loader/app-loader.js";
+import O from "../../../../assets/line-icons/icons/search.js";
+import X from "../../../sheet-v2/resource-list/resource-list.js";
+import q from "../../../ui/arrow-tooltip/arrow-tooltip.js";
+import R from "../../../ui/buttons/button/button.js";
+import z from "../../../ui/buttons/icon-button/icon-button.js";
+import b from "../../../ui/layout/flex-view.js";
+import F from "../../../ui/loader/app-loader/app-loader.js";
 import C from "../../../ui/text/text.js";
-import { useGetMilestoneResources as F } from "../../milestone-list-container/api/get-milestone-resources.js";
-import { MilestoneResourcesWrapper as m, SearchButtonWrapper as L, SearchButtonCover as U, DefaultWrapper as E } from "./resources-list-styled.js";
-const ae = B((M) => {
+import { useGetMilestoneResources as L } from "../../milestone-list-container/api/get-milestone-resources.js";
+import { MilestoneResourcesWrapper as m, SearchButtonWrapper as U, SearchButtonCover as V, DefaultWrapper as E } from "./resources-list-styled.js";
+const ce = D((M) => {
   const {
     isDraftMilestone: u,
     isMilestoneActive: t,
@@ -26,40 +26,41 @@ const ae = B((M) => {
     onNodeReview: S,
     onNodeReset: x,
     onNodeUnassign: W,
-    onNodeReattempt: j
+    onNodeReattempt: j,
+    onNodeAssignAsHomework: k
   } = M, f = p === "TEACHER", g = !h || !t || t && u, {
     get: $,
     isProcessed: n,
     isProcessing: A,
     isProcessingFailed: i,
-    isStale: y,
+    isStale: w,
     data: a
-  } = F(), I = d(() => {
+  } = L(), y = d(() => {
     r && $(r, void 0, {
       studentId: o
     });
   }, [o, r, $]), c = d(() => {
-    I();
-  }, [I]);
-  D(() => {
-    !A && (!n && !i || y) && c();
-  }, [c, n, A, i, y]);
-  const R = d(() => {
+    y();
+  }, [y]);
+  H(() => {
+    !A && (!n && !i || w) && c();
+  }, [c, n, A, i, w]);
+  const I = d(() => {
     if (typeof s != "function")
       throw new Error("onAssignResources must be a function");
     if (!r) throw new Error("userMilestoneId is required");
     s(r);
-  }, [s, r]), k = a && a.length > 0;
+  }, [s, r]), N = a && a.length > 0;
   return i ? /* @__PURE__ */ e(
     m,
     {
       $alignItems: "center",
       $justifyContent: "center",
       $background: "WHITE",
-      children: /* @__PURE__ */ l(w, { $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
+      children: /* @__PURE__ */ l(b, { $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
         /* @__PURE__ */ e(C, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
         /* @__PURE__ */ e(
-          b,
+          R,
           {
             widthX: 14,
             size: "small",
@@ -71,9 +72,9 @@ const ae = B((M) => {
         )
       ] })
     }
-  ) : n ? /* @__PURE__ */ e(m, { $justifyContent: "space-between", children: k ? /* @__PURE__ */ l(N, { children: [
+  ) : n ? /* @__PURE__ */ e(m, { $justifyContent: "space-between", children: N ? /* @__PURE__ */ l(B, { children: [
     /* @__PURE__ */ e(
-      O,
+      X,
       {
         sheets: a,
         userType: p,
@@ -83,32 +84,33 @@ const ae = B((M) => {
         onNodeReattempt: j,
         onNodeReset: x,
         onNodeUnassign: W,
+        onNodeAssignAsHomework: k,
         studentId: o,
         userMilestoneId: r
       }
     ),
     f && h && /* @__PURE__ */ e(
-      L,
+      U,
       {
         $flexDirection: "row",
         $justifyContent: "flex-end",
         $gapX: 1,
         $gutterX: 1,
-        children: /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(
-          q,
+        children: /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(
+          z,
           {
-            Icon: H,
+            Icon: O,
             renderAs: "secondary",
             size: "small",
             analyticsLabel: "Milestone Resource Search",
-            onClick: R,
+            onClick: I,
             disabled: !t
           }
         ) })
       }
     )
   ] }) : /* @__PURE__ */ l(
-    w,
+    b,
     {
       $width: "100%",
       $height: "100%",
@@ -118,21 +120,21 @@ const ae = B((M) => {
       children: [
         /* @__PURE__ */ e(E, { $isImageWrapper: !0, children: /* @__PURE__ */ e("img", { src: v.BG_EMPTY_RESOURCES, alt: "Empty resources", width: 420, height: 420 }) }),
         /* @__PURE__ */ e(E, { children: f ? /* @__PURE__ */ e(
-          X,
+          q,
           {
             renderAs: "primary",
             position: "bottom",
             hidden: !g,
             tooltipItem: u ? "Allowed after plan is published" : "Plan is completed",
             children: /* @__PURE__ */ e(
-              b,
+              R,
               {
                 renderAs: "primary",
                 label: "Assign Resource",
                 Icon: G,
                 shape: "square",
                 size: "small",
-                onClick: R,
+                onClick: I,
                 disabled: g
               }
             )
@@ -140,9 +142,9 @@ const ae = B((M) => {
         ) : /* @__PURE__ */ e(C, { $renderAs: "ab2-bold", children: "Wait for the teacher to assign a resource" }) })
       ]
     }
-  ) }) : /* @__PURE__ */ e(m, { $justifyContent: "center", $background: "WHITE", children: /* @__PURE__ */ e(z, { height: "100%" }) });
+  ) }) : /* @__PURE__ */ e(m, { $justifyContent: "center", $background: "WHITE", children: /* @__PURE__ */ e(F, { height: "100%" }) });
 });
 export {
-  ae as default
+  ce as default
 };
 //# sourceMappingURL=resources-list.js.map

package/dist/features/milestone/milestone-resources/resources-list/resources-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"resources-list.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-list/resources-list.tsx"],"sourcesContent":["import type { IMilestoneWidgetResourcesProps } from './resources-list-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport PlusIcon from '../../../../assets/line-icons/icons/plus';\nimport SearchIcon from '../../../../assets/line-icons/icons/search';\nimport ResourcesList from '../../../sheet-v2/resource-list/resource-list';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\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 { useGetMilestoneResources } from '../../milestone-list-container/api/get-milestone-resources';\nimport * as Styled from './resources-list-styled';\n\nconst MilestoneWidgetResources: FC<IMilestoneWidgetResourcesProps> = memo(props => {\n  const {\n    isDraftMilestone,\n    isMilestoneActive,\n    userType,\n    studentId,\n    userMilestoneId,\n    canUpdatePlan,\n    onAssignResources,\n    onNodeAttempt,\n    onNodeView,\n    onNodeReview,\n    onNodeReset,\n    onNodeUnassign,\n    onNodeReattempt,\n  } = props;\n\n  const isTeacher = userType === 'TEACHER';\n  const isEPSheetCreationDisabled =\n    !canUpdatePlan || !isMilestoneActive || (isMilestoneActive && isDraftMilestone);\n\n  const {\n    get: getMilestoneResources,\n    isProcessed,\n    isProcessing,\n    isProcessingFailed,\n    isStale,\n    data: sheets,\n  } = useGetMilestoneResources();\n\n  const fetchMilestoneResources = useCallback(() => {\n    if (userMilestoneId) {\n      getMilestoneResources(userMilestoneId, undefined, {\n        studentId,\n      });\n    }\n  }, [studentId, userMilestoneId, getMilestoneResources]);\n\n  const handleOnTryAgain = useCallback(() => {\n    fetchMilestoneResources();\n  }, [fetchMilestoneResources]);\n\n  useEffect(() => {\n    if (!isProcessing && ((!isProcessed && !isProcessingFailed) || isStale)) {\n      handleOnTryAgain();\n    }\n  }, [handleOnTryAgain, isProcessed, isProcessing, isProcessingFailed, isStale]);\n\n  const handleOnAssignResources = useCallback(() => {\n    if (typeof onAssignResources !== 'function')\n      throw new Error('onAssignResources must be a function');\n\n    if (!userMilestoneId) throw new Error('userMilestoneId is required');\n\n    onAssignResources(userMilestoneId);\n  }, [onAssignResources, userMilestoneId]);\n\n  const sheetsDataPresent = sheets && sheets.length > 0;\n\n  if (isProcessingFailed) {\n    return (\n      <Styled.MilestoneResourcesWrapper\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $background=\"WHITE\"\n      >\n        <FlexView $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"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={handleOnTryAgain}\n          />\n        </FlexView>\n      </Styled.MilestoneResourcesWrapper>\n    );\n  }\n\n  if (isProcessed) {\n    return (\n      <Styled.MilestoneResourcesWrapper $justifyContent=\"space-between\">\n        {sheetsDataPresent ? (\n          <>\n            <ResourcesList\n              sheets={sheets}\n              userType={userType}\n              onNodeAttempt={onNodeAttempt}\n              onNodeView={onNodeView}\n              onNodeReview={onNodeReview}\n              onNodeReattempt={onNodeReattempt}\n              onNodeReset={onNodeReset}\n              onNodeUnassign={onNodeUnassign}\n              studentId={studentId}\n              userMilestoneId={userMilestoneId}\n            />\n\n            {isTeacher && canUpdatePlan && (\n              <Styled.SearchButtonWrapper\n                $flexDirection=\"row\"\n                $justifyContent=\"flex-end\"\n                $gapX={1}\n                $gutterX={1}\n              >\n                <Styled.SearchButtonCover>\n                  <IconButton\n                    Icon={SearchIcon}\n                    renderAs=\"secondary\"\n                    size=\"small\"\n                    analyticsLabel=\"Milestone Resource Search\"\n                    onClick={handleOnAssignResources}\n                    disabled={!isMilestoneActive}\n                  />\n                </Styled.SearchButtonCover>\n              </Styled.SearchButtonWrapper>\n            )}\n          </>\n        ) : (\n          <FlexView\n            $width=\"100%\"\n            $height=\"100%\"\n            $alignItems=\"center\"\n            $justifyContent=\"flex-start\"\n            $background=\"WHITE\"\n          >\n            <Styled.DefaultWrapper $isImageWrapper>\n              <img src={IMAGES.BG_EMPTY_RESOURCES} alt=\"Empty resources\" width={420} height={420} />\n            </Styled.DefaultWrapper>\n\n            <Styled.DefaultWrapper>\n              {isTeacher ? (\n                <ArrowTooltip\n                  renderAs=\"primary\"\n                  position=\"bottom\"\n                  hidden={!isEPSheetCreationDisabled}\n                  tooltipItem={\n                    isDraftMilestone ? 'Allowed after plan is published' : 'Plan is completed'\n                  }\n                >\n                  <Button\n                    renderAs=\"primary\"\n                    label=\"Assign Resource\"\n                    Icon={PlusIcon}\n                    shape=\"square\"\n                    size=\"small\"\n                    onClick={handleOnAssignResources}\n                    disabled={isEPSheetCreationDisabled}\n                  />\n                </ArrowTooltip>\n              ) : (\n                <Text $renderAs=\"ab2-bold\">Wait for the teacher to assign a resource</Text>\n              )}\n            </Styled.DefaultWrapper>\n          </FlexView>\n        )}\n      </Styled.MilestoneResourcesWrapper>\n    );\n  }\n\n  return (\n    <Styled.MilestoneResourcesWrapper $justifyContent=\"center\" $background=\"WHITE\">\n      <AppLoader height=\"100%\" />\n    </Styled.MilestoneResourcesWrapper>\n  );\n});\n\nexport default MilestoneWidgetResources;\n"],"names":["MilestoneWidgetResources","memo","props","isDraftMilestone","isMilestoneActive","userType","studentId","userMilestoneId","canUpdatePlan","onAssignResources","onNodeAttempt","onNodeView","onNodeReview","onNodeReset","onNodeUnassign","onNodeReattempt","isTeacher","isEPSheetCreationDisabled","getMilestoneResources","isProcessed","isProcessing","isProcessingFailed","isStale","sheets","useGetMilestoneResources","fetchMilestoneResources","useCallback","handleOnTryAgain","useEffect","handleOnAssignResources","sheetsDataPresent","jsx","Styled.MilestoneResourcesWrapper","FlexView","Text","Button","jsxs","Fragment","ResourcesList","Styled.SearchButtonWrapper","Styled.SearchButtonCover","IconButton","SearchIcon","Styled.DefaultWrapper","IMAGES","ArrowTooltip","PlusIcon","AppLoader"],"mappings":"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"}
+{"version":3,"file":"resources-list.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-list/resources-list.tsx"],"sourcesContent":["import type { IMilestoneWidgetResourcesProps } from './resources-list-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport PlusIcon from '../../../../assets/line-icons/icons/plus';\nimport SearchIcon from '../../../../assets/line-icons/icons/search';\nimport ResourcesList from '../../../sheet-v2/resource-list/resource-list';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\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 { useGetMilestoneResources } from '../../milestone-list-container/api/get-milestone-resources';\nimport * as Styled from './resources-list-styled';\n\nconst MilestoneWidgetResources: FC<IMilestoneWidgetResourcesProps> = memo(props => {\n  const {\n    isDraftMilestone,\n    isMilestoneActive,\n    userType,\n    studentId,\n    userMilestoneId,\n    canUpdatePlan,\n    onAssignResources,\n    onNodeAttempt,\n    onNodeView,\n    onNodeReview,\n    onNodeReset,\n    onNodeUnassign,\n    onNodeReattempt,\n    onNodeAssignAsHomework,\n  } = props;\n\n  const isTeacher = userType === 'TEACHER';\n  const isEPSheetCreationDisabled =\n    !canUpdatePlan || !isMilestoneActive || (isMilestoneActive && isDraftMilestone);\n\n  const {\n    get: getMilestoneResources,\n    isProcessed,\n    isProcessing,\n    isProcessingFailed,\n    isStale,\n    data: sheets,\n  } = useGetMilestoneResources();\n\n  const fetchMilestoneResources = useCallback(() => {\n    if (userMilestoneId) {\n      getMilestoneResources(userMilestoneId, undefined, {\n        studentId,\n      });\n    }\n  }, [studentId, userMilestoneId, getMilestoneResources]);\n\n  const handleOnTryAgain = useCallback(() => {\n    fetchMilestoneResources();\n  }, [fetchMilestoneResources]);\n\n  useEffect(() => {\n    if (!isProcessing && ((!isProcessed && !isProcessingFailed) || isStale)) {\n      handleOnTryAgain();\n    }\n  }, [handleOnTryAgain, isProcessed, isProcessing, isProcessingFailed, isStale]);\n\n  const handleOnAssignResources = useCallback(() => {\n    if (typeof onAssignResources !== 'function')\n      throw new Error('onAssignResources must be a function');\n\n    if (!userMilestoneId) throw new Error('userMilestoneId is required');\n\n    onAssignResources(userMilestoneId);\n  }, [onAssignResources, userMilestoneId]);\n\n  const sheetsDataPresent = sheets && sheets.length > 0;\n\n  if (isProcessingFailed) {\n    return (\n      <Styled.MilestoneResourcesWrapper\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $background=\"WHITE\"\n      >\n        <FlexView $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"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={handleOnTryAgain}\n          />\n        </FlexView>\n      </Styled.MilestoneResourcesWrapper>\n    );\n  }\n\n  if (isProcessed) {\n    return (\n      <Styled.MilestoneResourcesWrapper $justifyContent=\"space-between\">\n        {sheetsDataPresent ? (\n          <>\n            <ResourcesList\n              sheets={sheets}\n              userType={userType}\n              onNodeAttempt={onNodeAttempt}\n              onNodeView={onNodeView}\n              onNodeReview={onNodeReview}\n              onNodeReattempt={onNodeReattempt}\n              onNodeReset={onNodeReset}\n              onNodeUnassign={onNodeUnassign}\n              onNodeAssignAsHomework={onNodeAssignAsHomework}\n              studentId={studentId}\n              userMilestoneId={userMilestoneId}\n            />\n\n            {isTeacher && canUpdatePlan && (\n              <Styled.SearchButtonWrapper\n                $flexDirection=\"row\"\n                $justifyContent=\"flex-end\"\n                $gapX={1}\n                $gutterX={1}\n              >\n                <Styled.SearchButtonCover>\n                  <IconButton\n                    Icon={SearchIcon}\n                    renderAs=\"secondary\"\n                    size=\"small\"\n                    analyticsLabel=\"Milestone Resource Search\"\n                    onClick={handleOnAssignResources}\n                    disabled={!isMilestoneActive}\n                  />\n                </Styled.SearchButtonCover>\n              </Styled.SearchButtonWrapper>\n            )}\n          </>\n        ) : (\n          <FlexView\n            $width=\"100%\"\n            $height=\"100%\"\n            $alignItems=\"center\"\n            $justifyContent=\"flex-start\"\n            $background=\"WHITE\"\n          >\n            <Styled.DefaultWrapper $isImageWrapper>\n              <img src={IMAGES.BG_EMPTY_RESOURCES} alt=\"Empty resources\" width={420} height={420} />\n            </Styled.DefaultWrapper>\n\n            <Styled.DefaultWrapper>\n              {isTeacher ? (\n                <ArrowTooltip\n                  renderAs=\"primary\"\n                  position=\"bottom\"\n                  hidden={!isEPSheetCreationDisabled}\n                  tooltipItem={\n                    isDraftMilestone ? 'Allowed after plan is published' : 'Plan is completed'\n                  }\n                >\n                  <Button\n                    renderAs=\"primary\"\n                    label=\"Assign Resource\"\n                    Icon={PlusIcon}\n                    shape=\"square\"\n                    size=\"small\"\n                    onClick={handleOnAssignResources}\n                    disabled={isEPSheetCreationDisabled}\n                  />\n                </ArrowTooltip>\n              ) : (\n                <Text $renderAs=\"ab2-bold\">Wait for the teacher to assign a resource</Text>\n              )}\n            </Styled.DefaultWrapper>\n          </FlexView>\n        )}\n      </Styled.MilestoneResourcesWrapper>\n    );\n  }\n\n  return (\n    <Styled.MilestoneResourcesWrapper $justifyContent=\"center\" $background=\"WHITE\">\n      <AppLoader height=\"100%\" />\n    </Styled.MilestoneResourcesWrapper>\n  );\n});\n\nexport default MilestoneWidgetResources;\n"],"names":["MilestoneWidgetResources","memo","props","isDraftMilestone","isMilestoneActive","userType","studentId","userMilestoneId","canUpdatePlan","onAssignResources","onNodeAttempt","onNodeView","onNodeReview","onNodeReset","onNodeUnassign","onNodeReattempt","onNodeAssignAsHomework","isTeacher","isEPSheetCreationDisabled","getMilestoneResources","isProcessed","isProcessing","isProcessingFailed","isStale","sheets","useGetMilestoneResources","fetchMilestoneResources","useCallback","handleOnTryAgain","useEffect","handleOnAssignResources","sheetsDataPresent","jsx","Styled.MilestoneResourcesWrapper","FlexView","Text","Button","jsxs","Fragment","ResourcesList","Styled.SearchButtonWrapper","Styled.SearchButtonCover","IconButton","SearchIcon","Styled.DefaultWrapper","IMAGES","ArrowTooltip","PlusIcon","AppLoader"],"mappings":"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"}

package/dist/features/milestone/milestone-tests/test-list-v2/test-list-container.js

@@ -1,17 +1,17 @@
 import { jsxs as u, jsx as e, Fragment as x } from "react/jsx-runtime";
-import { memo as H, useCallback as l, useEffect as L } from "react";
-import { IMAGES as X } from "../../../../assets/images/images.js";
-import D from "../../../ui/arrow-tooltip/arrow-tooltip.js";
+import { memo as L, useCallback as l, useEffect as X } from "react";
+import { IMAGES as D } from "../../../../assets/images/images.js";
+import j from "../../../ui/arrow-tooltip/arrow-tooltip.js";
 import S from "../../../ui/buttons/button/button.js";
 import T from "../../../ui/layout/flex-view.js";
-import j from "../../../ui/loader/app-loader/app-loader.js";
+import G from "../../../ui/loader/app-loader/app-loader.js";
 import _ from "../../../ui/separator/separator.js";
 import N from "../../../ui/text/text.js";
 import { MILESTONE_WIDGET_MIN_HEIGHT as v } from "../../constants.js";
-import { useGetTestHelpData as G } from "../../milestone-list-container/api/get-tests-list.js";
-import { TESTS_CREATION_ANALYTICS_EVENTS as R } from "../tests-creation/tests-creation-analytics-events.js";
-import W from "./test-list-view.js";
-const re = H((c) => {
+import { useGetTestHelpData as R } from "../../milestone-list-container/api/get-tests-list.js";
+import { TESTS_CREATION_ANALYTICS_EVENTS as W } from "../tests-creation/tests-creation-analytics-events.js";
+import F from "./test-list-view.js";
+const oe = L((c) => {
   const {
     isChaptersAvailable: g,
     isDraftMilestone: E,
@@ -20,37 +20,43 @@ const re = H((c) => {
     studentId: m,
     userMilestoneId: t,
     canUpdatePlan: I
-  } = c, { onCreateMilestoneTest: i, onTestPreview: o, onTestStart: n, onTestReview: s } = c, {
+  } = c, {
+    onCreateMilestoneTest: o,
+    onTestPreview: i,
+    onTestStart: n,
+    onTestReview: s,
+    onNodeAssignAsHomework: k
+  } = c, {
     get: A,
     data: r,
     isProcessingFailed: p,
     isProcessed: f,
-    isStale: C,
-    isProcessing: w
-  } = G(), y = !I || !g || !d || d && E, k = d && !g ? "Chapters need to be assigned" : E ? "Allowed after plan is published" : "Plan is completed", h = l(() => {
+    isStale: w,
+    isProcessing: C
+  } = R(), y = !I || !g || !d || d && E, M = d && !g ? "Chapters need to be assigned" : E ? "Allowed after plan is published" : "Plan is completed", h = l(() => {
     A(t, void 0, {
       studentId: m
     });
   }, [A, m, t]);
-  L(() => {
-    !w && (!f && !p || C) && h();
-  }, [h, f, w, p, C]);
+  X(() => {
+    !C && (!f && !p || w) && h();
+  }, [h, f, C, p, w]);
   const $ = l(() => {
-    if (typeof i == "function") {
-      i == null || i(t, ((r == null ? void 0 : r.length) || 0) + 1);
+    if (typeof o == "function") {
+      o == null || o(t, ((r == null ? void 0 : r.length) || 0) + 1);
       return;
     }
     throw new Error("No callback provided. If provided it must be a function");
-  }, [i, t, r]), M = l(
+  }, [o, t, r]), O = l(
     (a) => {
-      if (typeof o == "function") {
-        o == null || o(a, t);
+      if (typeof i == "function") {
+        i == null || i(a, t);
         return;
       }
       throw new Error("No callback provided. If provided it must be a function");
     },
-    [o, t]
-  ), O = l(
+    [i, t]
+  ), H = l(
     (a) => {
       if (typeof n == "function") {
         n == null || n(a);
@@ -93,12 +99,13 @@ const re = H((c) => {
       ]
     }
   ) : f ? r != null && r.length ? /* @__PURE__ */ e(
-    W,
+    F,
     {
       ...c,
-      onNodeAttempt: O,
-      onNodeView: M,
+      onNodeAttempt: H,
+      onNodeView: O,
       onNodeReview: P,
+      onNodeAssignAsHomework: k,
       milestoneId: t,
       sheets: r,
       userType: b,
@@ -116,16 +123,16 @@ const re = H((c) => {
       $background: "WHITE",
       $height: v,
       children: [
-        /* @__PURE__ */ e("img", { src: X.EMPTY_MIX_TESTS, alt: "empty_mix_tests" }),
+        /* @__PURE__ */ e("img", { src: D.EMPTY_MIX_TESTS, alt: "empty_mix_tests" }),
         /* @__PURE__ */ e(_, { heightX: 2 }),
         b === "TEACHER" ? /* @__PURE__ */ u(x, { children: [
           /* @__PURE__ */ e(
-            D,
+            j,
             {
               renderAs: "primary",
               position: "bottom",
               hidden: !y,
-              tooltipItem: k,
+              tooltipItem: M,
               children: /* @__PURE__ */ e(
                 S,
                 {
@@ -136,7 +143,7 @@ const re = H((c) => {
                   label: "Create a Test",
                   onClick: $,
                   disabled: y,
-                  analyticsLabel: R.CUSTOM_TEST_CREATION_STARTED,
+                  analyticsLabel: W.CUSTOM_TEST_CREATION_STARTED,
                   analyticsProps: {
                     milestone_id: t
                   }
@@ -155,11 +162,11 @@ const re = H((c) => {
       $alignItems: "center",
       $justifyContent: "center",
       $background: "WHITE",
-      children: /* @__PURE__ */ e(j, { height: "100%" })
+      children: /* @__PURE__ */ e(G, { height: "100%" })
     }
   );
 });
 export {
-  re as default
+  oe as default
 };
 //# sourceMappingURL=test-list-container.js.map

package/dist/features/milestone/milestone-tests/test-list-v2/test-list-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-list-container.js","sources":["../../../../../src/features/milestone/milestone-tests/test-list-v2/test-list-container.tsx"],"sourcesContent":["import type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\nimport type { ITestsListProps } from './types';\n\nimport { memo, useCallback, useEffect, type FC } from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../constants';\nimport { useGetTestHelpData } from '../../milestone-list-container/api/get-tests-list';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../tests-creation/tests-creation-analytics-events';\nimport TestSheetsList from './test-list-view';\n\nconst MilestoneTestsList: FC<ITestsListProps> = memo(props => {\n  const {\n    isChaptersAvailable,\n    isDraftMilestone,\n    isMilestoneActive,\n    userType,\n    studentId,\n    userMilestoneId,\n    canUpdatePlan,\n  } = props;\n  const { onCreateMilestoneTest, onTestPreview, onTestStart, onTestReview } = props;\n\n  const {\n    get: getTestHelpData,\n    data,\n    isProcessingFailed,\n    isProcessed,\n    isStale,\n    isProcessing,\n  } = useGetTestHelpData();\n\n  const isTestSheetCreationDisabled =\n    !canUpdatePlan ||\n    !isChaptersAvailable ||\n    !isMilestoneActive ||\n    (isMilestoneActive && isDraftMilestone);\n  const testCreationCtaTooltipText =\n    isMilestoneActive && !isChaptersAvailable\n      ? 'Chapters need to be assigned'\n      : isDraftMilestone\n        ? 'Allowed after plan is published'\n        : 'Plan is completed';\n\n  const handleOnTryAgain = useCallback(() => {\n    getTestHelpData(userMilestoneId, undefined, {\n      studentId,\n    });\n  }, [getTestHelpData, studentId, userMilestoneId]);\n\n  useEffect(() => {\n    if (!isProcessing && ((!isProcessed && !isProcessingFailed) || isStale)) {\n      handleOnTryAgain();\n    }\n  }, [handleOnTryAgain, isProcessed, isProcessing, isProcessingFailed, isStale]);\n\n  const handleOnCreateMilestoneTest = useCallback(() => {\n    if (typeof onCreateMilestoneTest === 'function') {\n      onCreateMilestoneTest?.(userMilestoneId, (data?.length || 0) + 1);\n\n      return;\n    }\n\n    throw new Error('No callback provided. If provided it must be a function');\n  }, [onCreateMilestoneTest, userMilestoneId, data]);\n\n  const handleOnTestPreview = useCallback(\n    (sheetData: INodeDataProps) => {\n      if (typeof onTestPreview === 'function') {\n        onTestPreview?.(sheetData, userMilestoneId);\n\n        return;\n      }\n\n      throw new Error('No callback provided. If provided it must be a function');\n    },\n    [onTestPreview, userMilestoneId],\n  );\n\n  const handleOnTestStart = useCallback(\n    (sheetData: INodeDataProps) => {\n      if (typeof onTestStart === 'function') {\n        onTestStart?.(sheetData);\n\n        return;\n      }\n\n      throw new Error('No callback provided. If provided it must be a function');\n    },\n    [onTestStart],\n  );\n\n  const handleOnTestReview = useCallback(\n    (sheetData: INodeDataProps) => {\n      if (typeof onTestReview === 'function') {\n        onTestReview?.(sheetData, userMilestoneId);\n\n        return;\n      }\n\n      throw new Error('No callback provided. If provided it must be a function');\n    },\n    [onTestReview, userMilestoneId],\n  );\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView\n        $flexGapX={1.5}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $height=\"100%\"\n        $background=\"WHITE\"\n      >\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={handleOnTryAgain}\n        />\n      </FlexView>\n    );\n  }\n\n  if (isProcessed) {\n    if (data?.length) {\n      return (\n        <TestSheetsList\n          {...props}\n          onNodeAttempt={handleOnTestStart}\n          onNodeView={handleOnTestPreview}\n          onNodeReview={handleOnTestReview}\n          milestoneId={userMilestoneId}\n          sheets={data}\n          userType={userType}\n          studentId={studentId}\n          onCreateNewTest={handleOnCreateMilestoneTest}\n          canUpdatedPlan={canUpdatePlan}\n          isMilestoneActive={isMilestoneActive}\n        />\n      );\n    }\n\n    return (\n      <FlexView\n        $gapX={6.75}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $background=\"WHITE\"\n        $height={MILESTONE_WIDGET_MIN_HEIGHT}\n      >\n        <img src={IMAGES.EMPTY_MIX_TESTS} alt=\"empty_mix_tests\" />\n        <Separator heightX={2} />\n        {userType === 'TEACHER' ? (\n          <>\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"bottom\"\n              hidden={!isTestSheetCreationDisabled}\n              tooltipItem={testCreationCtaTooltipText}\n            >\n              <Button\n                widthX={10}\n                renderAs=\"primary\"\n                shape=\"square\"\n                size=\"small\"\n                label=\"Create a Test\"\n                onClick={handleOnCreateMilestoneTest}\n                disabled={isTestSheetCreationDisabled}\n                analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_CREATION_STARTED}\n                analyticsProps={{\n                  milestone_id: userMilestoneId,\n                }}\n              />\n            </ArrowTooltip>\n            <Separator heightX={2} />\n          </>\n        ) : (\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_T_87\">\n            Wait for the teacher to create a test\n          </Text>\n        )}\n      </FlexView>\n    );\n  }\n\n  return (\n    <FlexView\n      $height={MILESTONE_WIDGET_MIN_HEIGHT}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $background=\"WHITE\"\n    >\n      <AppLoader height=\"100%\" />\n    </FlexView>\n  );\n});\n\nexport default MilestoneTestsList;\n"],"names":["MilestoneTestsList","memo","props","isChaptersAvailable","isDraftMilestone","isMilestoneActive","userType","studentId","userMilestoneId","canUpdatePlan","onCreateMilestoneTest","onTestPreview","onTestStart","onTestReview","getTestHelpData","data","isProcessingFailed","isProcessed","isStale","isProcessing","useGetTestHelpData","isTestSheetCreationDisabled","testCreationCtaTooltipText","handleOnTryAgain","useCallback","useEffect","handleOnCreateMilestoneTest","handleOnTestPreview","sheetData","handleOnTestStart","handleOnTestReview","jsxs","FlexView","jsx","Text","Button","TestSheetsList","MILESTONE_WIDGET_MIN_HEIGHT","IMAGES","Separator","Fragment","ArrowTooltip","TESTS_CREATION_ANALYTICS_EVENTS","AppLoader"],"mappings":"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"}
+{"version":3,"file":"test-list-container.js","sources":["../../../../../src/features/milestone/milestone-tests/test-list-v2/test-list-container.tsx"],"sourcesContent":["import type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\nimport type { ITestsListProps } from './types';\n\nimport { memo, useCallback, useEffect, type FC } from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../constants';\nimport { useGetTestHelpData } from '../../milestone-list-container/api/get-tests-list';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../tests-creation/tests-creation-analytics-events';\nimport TestSheetsList from './test-list-view';\n\nconst MilestoneTestsList: FC<ITestsListProps> = memo(props => {\n  const {\n    isChaptersAvailable,\n    isDraftMilestone,\n    isMilestoneActive,\n    userType,\n    studentId,\n    userMilestoneId,\n    canUpdatePlan,\n  } = props;\n  const {\n    onCreateMilestoneTest,\n    onTestPreview,\n    onTestStart,\n    onTestReview,\n    onNodeAssignAsHomework,\n  } = props;\n\n  const {\n    get: getTestHelpData,\n    data,\n    isProcessingFailed,\n    isProcessed,\n    isStale,\n    isProcessing,\n  } = useGetTestHelpData();\n\n  const isTestSheetCreationDisabled =\n    !canUpdatePlan ||\n    !isChaptersAvailable ||\n    !isMilestoneActive ||\n    (isMilestoneActive && isDraftMilestone);\n  const testCreationCtaTooltipText =\n    isMilestoneActive && !isChaptersAvailable\n      ? 'Chapters need to be assigned'\n      : isDraftMilestone\n        ? 'Allowed after plan is published'\n        : 'Plan is completed';\n\n  const handleOnTryAgain = useCallback(() => {\n    getTestHelpData(userMilestoneId, undefined, {\n      studentId,\n    });\n  }, [getTestHelpData, studentId, userMilestoneId]);\n\n  useEffect(() => {\n    if (!isProcessing && ((!isProcessed && !isProcessingFailed) || isStale)) {\n      handleOnTryAgain();\n    }\n  }, [handleOnTryAgain, isProcessed, isProcessing, isProcessingFailed, isStale]);\n\n  const handleOnCreateMilestoneTest = useCallback(() => {\n    if (typeof onCreateMilestoneTest === 'function') {\n      onCreateMilestoneTest?.(userMilestoneId, (data?.length || 0) + 1);\n\n      return;\n    }\n\n    throw new Error('No callback provided. If provided it must be a function');\n  }, [onCreateMilestoneTest, userMilestoneId, data]);\n\n  const handleOnTestPreview = useCallback(\n    (sheetData: INodeDataProps) => {\n      if (typeof onTestPreview === 'function') {\n        onTestPreview?.(sheetData, userMilestoneId);\n\n        return;\n      }\n\n      throw new Error('No callback provided. If provided it must be a function');\n    },\n    [onTestPreview, userMilestoneId],\n  );\n\n  const handleOnTestStart = useCallback(\n    (sheetData: INodeDataProps) => {\n      if (typeof onTestStart === 'function') {\n        onTestStart?.(sheetData);\n\n        return;\n      }\n\n      throw new Error('No callback provided. If provided it must be a function');\n    },\n    [onTestStart],\n  );\n\n  const handleOnTestReview = useCallback(\n    (sheetData: INodeDataProps) => {\n      if (typeof onTestReview === 'function') {\n        onTestReview?.(sheetData, userMilestoneId);\n\n        return;\n      }\n\n      throw new Error('No callback provided. If provided it must be a function');\n    },\n    [onTestReview, userMilestoneId],\n  );\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView\n        $flexGapX={1.5}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $height=\"100%\"\n        $background=\"WHITE\"\n      >\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={handleOnTryAgain}\n        />\n      </FlexView>\n    );\n  }\n\n  if (isProcessed) {\n    if (data?.length) {\n      return (\n        <TestSheetsList\n          {...props}\n          onNodeAttempt={handleOnTestStart}\n          onNodeView={handleOnTestPreview}\n          onNodeReview={handleOnTestReview}\n          onNodeAssignAsHomework={onNodeAssignAsHomework}\n          milestoneId={userMilestoneId}\n          sheets={data}\n          userType={userType}\n          studentId={studentId}\n          onCreateNewTest={handleOnCreateMilestoneTest}\n          canUpdatedPlan={canUpdatePlan}\n          isMilestoneActive={isMilestoneActive}\n        />\n      );\n    }\n\n    return (\n      <FlexView\n        $gapX={6.75}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $background=\"WHITE\"\n        $height={MILESTONE_WIDGET_MIN_HEIGHT}\n      >\n        <img src={IMAGES.EMPTY_MIX_TESTS} alt=\"empty_mix_tests\" />\n        <Separator heightX={2} />\n        {userType === 'TEACHER' ? (\n          <>\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"bottom\"\n              hidden={!isTestSheetCreationDisabled}\n              tooltipItem={testCreationCtaTooltipText}\n            >\n              <Button\n                widthX={10}\n                renderAs=\"primary\"\n                shape=\"square\"\n                size=\"small\"\n                label=\"Create a Test\"\n                onClick={handleOnCreateMilestoneTest}\n                disabled={isTestSheetCreationDisabled}\n                analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_CREATION_STARTED}\n                analyticsProps={{\n                  milestone_id: userMilestoneId,\n                }}\n              />\n            </ArrowTooltip>\n            <Separator heightX={2} />\n          </>\n        ) : (\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_T_87\">\n            Wait for the teacher to create a test\n          </Text>\n        )}\n      </FlexView>\n    );\n  }\n\n  return (\n    <FlexView\n      $height={MILESTONE_WIDGET_MIN_HEIGHT}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $background=\"WHITE\"\n    >\n      <AppLoader height=\"100%\" />\n    </FlexView>\n  );\n});\n\nexport default MilestoneTestsList;\n"],"names":["MilestoneTestsList","memo","props","isChaptersAvailable","isDraftMilestone","isMilestoneActive","userType","studentId","userMilestoneId","canUpdatePlan","onCreateMilestoneTest","onTestPreview","onTestStart","onTestReview","onNodeAssignAsHomework","getTestHelpData","data","isProcessingFailed","isProcessed","isStale","isProcessing","useGetTestHelpData","isTestSheetCreationDisabled","testCreationCtaTooltipText","handleOnTryAgain","useCallback","useEffect","handleOnCreateMilestoneTest","handleOnTestPreview","sheetData","handleOnTestStart","handleOnTestReview","jsxs","FlexView","jsx","Text","Button","TestSheetsList","MILESTONE_WIDGET_MIN_HEIGHT","IMAGES","Separator","Fragment","ArrowTooltip","TESTS_CREATION_ANALYTICS_EVENTS","AppLoader"],"mappings":"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"}

package/dist/features/post-game-stats/clock/clock.js

@@ -1,75 +1,75 @@
-import { jsxs as K, jsx as u } from "react/jsx-runtime";
-import I from "lottie-web";
-import { memo as g, useState as h, useRef as o, useCallback as T, useEffect as j } from "react";
-import { LOTTIE as k } from "../../../assets/lottie/lottie.js";
+import { jsxs as K, jsx as T } from "react/jsx-runtime";
+import k from "lottie-web";
+import { memo as g, useState as h, useRef as o, useCallback as f, useEffect as j } from "react";
+import { LOTTIE as R } from "../../../assets/lottie/lottie.js";
 import { useCircleSounds as x } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds.js";
-import { CircleSoundKey as R } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js";
-import { delay as D } from "../../utils/utils.js";
+import { CircleSoundKey as D } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js";
+import { delay as v } from "../../utils/utils.js";
 import { Clock as U, ClockLottie as $, ClockTimeSpentLottie as w, TextWrapper as X } from "./clock-styled.js";
 import { getClockTimeSpentFramesToPlay as Y } from "./clock-util.js";
 import { CLOCK_TIME_SPENT_FPS as H, CLOCK as N, CLOCK_INFRAME_LOTTIE_TO_PLAY as W, TIME_LOTTIE_TO_PLAY_IN as b, TEXT_DISAPPEAR_DURATION as q, TEXT_APPEAR_DURATION as z, TIME_SHOWN_HOLD_TIME as B, TEXT_DISAPPEAR_DELAY as G } from "./constants.js";
-const it = g(({ show: s, onComplete: i, timeInMs: f, helperText: p }) => {
-  const { play: c } = x(), [L, F] = h(!1), m = o(!1), l = o(0), d = o(null), E = o(null), a = o(), n = o(), _ = T(() => {
-    var t, e;
-    const r = Y(f);
-    r && (l.current = r, (t = n.current) == null || t.setSpeed(r / H), (e = n.current) == null || e.playSegments([0, r], !0), m.current = !0);
-  }, [f]), S = T(async () => {
-    var r, t;
-    await D(B), (r = n.current) == null || r.playSegments([l.current, 0], !0), await D(G), F(!0), m.current && ((t = n.current) == null || t.addEventListener("complete", () => {
-      var e;
-      c(R.CLOCK_OUT), (e = a.current) == null || e.playSegments(N.OUT_FRAMES, !0);
+const ie = g(({ show: m, onComplete: i, timeInMs: p, helperText: L }) => {
+  const { play: c } = x(), [E, F] = h(!1), l = o(!1), u = o(0), d = o(null), _ = o(null), a = o(), n = o(), S = f(() => {
+    var e, t;
+    const r = Y(p);
+    r && (u.current = r, (e = n.current) == null || e.setSpeed(r / H), (t = n.current) == null || t.playSegments([0, r], !0), l.current = !0);
+  }, [p]), A = f(async () => {
+    var r, e;
+    await v(B), (r = n.current) == null || r.playSegments([u.current, 0], !0), await v(G), F(!0), l.current && ((e = n.current) == null || e.addEventListener("complete", () => {
+      var t, s;
+      (t = n.current) == null || t.removeEventListener("complete"), c(D.CLOCK_OUT), (s = a.current) == null || s.playSegments(N.OUT_FRAMES, !0);
     }));
-  }, [l, c]), A = T(() => {
+  }, [u, c]), O = f(() => {
     i == null || i();
   }, [i]);
   return j(() => {
-    if (s)
+    if (m)
       return (async () => {
-        var O, C, y;
-        const [t, e] = await Promise.all([
-          fetch(k.TOTAL_TIME),
-          fetch(k.TOTAL_TIME_SPENT)
-        ]), [M, v] = await Promise.all([
-          t.json(),
-          e.json()
+        var C, y, P;
+        const [e, t] = await Promise.all([
+          fetch(R.TOTAL_TIME),
+          fetch(R.TOTAL_TIME_SPENT)
+        ]), [s, M] = await Promise.all([
+          e.json(),
+          t.json()
         ]);
-        a.current = I.loadAnimation({
+        a.current = k.loadAnimation({
           container: d.current,
-          animationData: M,
+          animationData: s,
           autoplay: !1,
           loop: !1,
           renderer: "canvas"
-        }), n.current = I.loadAnimation({
-          container: E.current,
-          animationData: v,
+        }), n.current = k.loadAnimation({
+          container: _.current,
+          animationData: M,
           autoplay: !1,
           loop: !1,
           renderer: "canvas"
-        }), c(R.CLOCK_IN), (O = a.current) == null || O.playSegments(N.IN_FRAMES, !0), (C = a.current) == null || C.addEventListener("complete", () => {
-          m.current ? A() : _();
-        }), (y = n.current) == null || y.addEventListener("complete", () => {
-          var P;
-          (P = n.current) == null || P.removeEventListener("complete"), S();
+        }), c(D.CLOCK_IN), (C = a.current) == null || C.playSegments(N.IN_FRAMES, !0), (y = a.current) == null || y.addEventListener("complete", () => {
+          l.current ? O() : S();
+        }), (P = n.current) == null || P.addEventListener("complete", () => {
+          var I;
+          (I = n.current) == null || I.removeEventListener("complete"), A();
         });
       })(), () => {
-        var t, e;
-        (t = a.current) == null || t.destroy(), (e = n.current) == null || e.destroy();
+        var e, t;
+        (e = a.current) == null || e.destroy(), (t = n.current) == null || t.destroy();
       };
-  }, [s, _, A, S, c]), s ? /* @__PURE__ */ K(U, { children: [
-    /* @__PURE__ */ u($, { ref: d }),
-    /* @__PURE__ */ u(w, { ref: E }),
-    p && /* @__PURE__ */ u(
+  }, [m, S, O, A, c]), m ? /* @__PURE__ */ K(U, { children: [
+    /* @__PURE__ */ T($, { ref: d }),
+    /* @__PURE__ */ T(w, { ref: _ }),
+    L && /* @__PURE__ */ T(
       X,
       {
         $delay: W + b,
-        $animationType: L ? "fadeout" : "fadein",
-        $duration: L ? q : z,
-        children: p
+        $animationType: E ? "fadeout" : "fadein",
+        $duration: E ? q : z,
+        children: L
       }
     )
   ] }) : null;
 });
 export {
-  it as Clock
+  ie as Clock
 };
 //# sourceMappingURL=clock.js.map

package/dist/features/post-game-stats/clock/clock.js.map

@@ -1 +1 @@
-{"version":3,"file":"clock.js","sources":["../../../../src/features/post-game-stats/clock/clock.tsx"],"sourcesContent":["import type { IClockProps } from './clock-types';\nimport type { AnimationItem } from 'lottie-web';\nimport type { FC } from 'react';\n\nimport Lottie from 'lottie-web';\nimport { memo, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport { useCircleSounds } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums';\nimport { delay } from '../../utils/utils';\nimport * as Styled from './clock-styled';\nimport { getClockTimeSpentFramesToPlay } from './clock-util';\nimport {\n  CLOCK,\n  CLOCK_TIME_SPENT_FPS,\n  TIME_SHOWN_HOLD_TIME,\n  TEXT_APPEAR_DURATION,\n  TEXT_DISAPPEAR_DELAY,\n  TEXT_DISAPPEAR_DURATION,\n  CLOCK_INFRAME_LOTTIE_TO_PLAY,\n  TIME_LOTTIE_TO_PLAY_IN,\n} from './constants';\n\nexport const Clock: FC<IClockProps> = memo(({ show, onComplete, timeInMs, helperText }) => {\n  const { play } = useCircleSounds();\n  const [fadeOut, setFadeOut] = useState(false);\n  const isClockTimeSpentShown = useRef(false);\n  const framesToPlay = useRef(0);\n\n  const clockLottieContainerRef = useRef<HTMLDivElement>(null);\n  const clockTimeSpentLottieContainerRef = useRef<HTMLDivElement>(null);\n  const clockLottieAnimationRef = useRef<AnimationItem>();\n  const clockTimeSpentLottieAnimationRef = useRef<AnimationItem>();\n\n  const setClockTimeSpentFrames = useCallback(() => {\n    const frames = getClockTimeSpentFramesToPlay(timeInMs);\n\n    if (frames) {\n      framesToPlay.current = frames;\n      // Speed adjustment\n      clockTimeSpentLottieAnimationRef.current?.setSpeed(frames / CLOCK_TIME_SPENT_FPS);\n      clockTimeSpentLottieAnimationRef.current?.playSegments([0, frames], true);\n      isClockTimeSpentShown.current = true;\n    }\n  }, [timeInMs]);\n\n  const onClockTimeSpentExitAnimationFinished = useCallback(async () => {\n    await delay(TIME_SHOWN_HOLD_TIME);\n\n    // Reverse play time spent animation\n    clockTimeSpentLottieAnimationRef.current?.playSegments([framesToPlay.current, 0], true);\n\n    await delay(TEXT_DISAPPEAR_DELAY);\n    setFadeOut(true);\n\n    if (isClockTimeSpentShown.current) {\n      clockTimeSpentLottieAnimationRef.current?.addEventListener('complete', () => {\n        play(CircleSoundKey.CLOCK_OUT);\n        clockLottieAnimationRef.current?.playSegments(CLOCK.OUT_FRAMES, true);\n      });\n    }\n  }, [framesToPlay, play]);\n\n  const onAnimationEnd = useCallback(() => {\n    onComplete?.();\n  }, [onComplete]);\n\n  // Play entry animation\n  useEffect(() => {\n    if (show) {\n      const loadAnimations = async () => {\n        const [timeLottiePath, timeSpentLottiePath] = await Promise.all([\n          fetch(LOTTIE.TOTAL_TIME),\n          fetch(LOTTIE.TOTAL_TIME_SPENT),\n        ]);\n        const [timeLottieData, timeSpentLottieData] = await Promise.all([\n          timeLottiePath.json(),\n          timeSpentLottiePath.json(),\n        ]);\n\n        // Clock Lottie\n        clockLottieAnimationRef.current = Lottie.loadAnimation({\n          container: clockLottieContainerRef.current as Element,\n          animationData: timeLottieData,\n          autoplay: false,\n          loop: false,\n          renderer: 'canvas',\n        });\n\n        // Clock Time Spent Lottie\n        clockTimeSpentLottieAnimationRef.current = Lottie.loadAnimation({\n          container: clockTimeSpentLottieContainerRef.current as Element,\n          animationData: timeSpentLottieData,\n          autoplay: false,\n          loop: false,\n          renderer: 'canvas',\n        });\n\n        // Play clock in animation sounds and lottie\n        play(CircleSoundKey.CLOCK_IN);\n        clockLottieAnimationRef.current?.playSegments(CLOCK.IN_FRAMES, true);\n\n        clockLottieAnimationRef.current?.addEventListener('complete', () => {\n          if (!isClockTimeSpentShown.current) {\n            setClockTimeSpentFrames();\n          } else {\n            onAnimationEnd();\n          }\n        });\n\n        // Setup event listener for time spent animation\n        clockTimeSpentLottieAnimationRef.current?.addEventListener('complete', () => {\n          clockTimeSpentLottieAnimationRef.current?.removeEventListener('complete');\n          onClockTimeSpentExitAnimationFinished();\n        });\n      };\n\n      loadAnimations();\n\n      return () => {\n        clockLottieAnimationRef.current?.destroy();\n        clockTimeSpentLottieAnimationRef.current?.destroy();\n      };\n    }\n  }, [show, setClockTimeSpentFrames, onAnimationEnd, onClockTimeSpentExitAnimationFinished, play]);\n\n  if (show) {\n    return (\n      <Styled.Clock>\n        <Styled.ClockLottie ref={clockLottieContainerRef} />\n        <Styled.ClockTimeSpentLottie ref={clockTimeSpentLottieContainerRef} />\n        {helperText && (\n          <Styled.TextWrapper\n            $delay={CLOCK_INFRAME_LOTTIE_TO_PLAY + TIME_LOTTIE_TO_PLAY_IN}\n            $animationType={fadeOut ? 'fadeout' : 'fadein'}\n            $duration={fadeOut ? TEXT_DISAPPEAR_DURATION : TEXT_APPEAR_DURATION}\n          >\n            {helperText}\n          </Styled.TextWrapper>\n        )}\n      </Styled.Clock>\n    );\n  }\n\n  return null;\n});\n"],"names":["Clock","memo","show","onComplete","timeInMs","helperText","play","useCircleSounds","fadeOut","setFadeOut","useState","isClockTimeSpentShown","useRef","framesToPlay","clockLottieContainerRef","clockTimeSpentLottieContainerRef","clockLottieAnimationRef","clockTimeSpentLottieAnimationRef","setClockTimeSpentFrames","useCallback","frames","getClockTimeSpentFramesToPlay","_a","CLOCK_TIME_SPENT_FPS","_b","onClockTimeSpentExitAnimationFinished","delay","TIME_SHOWN_HOLD_TIME","TEXT_DISAPPEAR_DELAY","CircleSoundKey","CLOCK","onAnimationEnd","useEffect","timeLottiePath","timeSpentLottiePath","LOTTIE","timeLottieData","timeSpentLottieData","Lottie","_c","jsxs","Styled.Clock","jsx","Styled.ClockLottie","Styled.ClockTimeSpentLottie","Styled.TextWrapper","CLOCK_INFRAME_LOTTIE_TO_PLAY","TIME_LOTTIE_TO_PLAY_IN","TEXT_DISAPPEAR_DURATION","TEXT_APPEAR_DURATION"],"mappings":"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"}
+{"version":3,"file":"clock.js","sources":["../../../../src/features/post-game-stats/clock/clock.tsx"],"sourcesContent":["import type { IClockProps } from './clock-types';\nimport type { AnimationItem } from 'lottie-web';\nimport type { FC } from 'react';\n\nimport Lottie from 'lottie-web';\nimport { memo, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport { useCircleSounds } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums';\nimport { delay } from '../../utils/utils';\nimport * as Styled from './clock-styled';\nimport { getClockTimeSpentFramesToPlay } from './clock-util';\nimport {\n  CLOCK,\n  CLOCK_TIME_SPENT_FPS,\n  TIME_SHOWN_HOLD_TIME,\n  TEXT_APPEAR_DURATION,\n  TEXT_DISAPPEAR_DELAY,\n  TEXT_DISAPPEAR_DURATION,\n  CLOCK_INFRAME_LOTTIE_TO_PLAY,\n  TIME_LOTTIE_TO_PLAY_IN,\n} from './constants';\n\nexport const Clock: FC<IClockProps> = memo(({ show, onComplete, timeInMs, helperText }) => {\n  const { play } = useCircleSounds();\n  const [fadeOut, setFadeOut] = useState(false);\n  const isClockTimeSpentShown = useRef(false);\n  const framesToPlay = useRef(0);\n\n  const clockLottieContainerRef = useRef<HTMLDivElement>(null);\n  const clockTimeSpentLottieContainerRef = useRef<HTMLDivElement>(null);\n  const clockLottieAnimationRef = useRef<AnimationItem>();\n  const clockTimeSpentLottieAnimationRef = useRef<AnimationItem>();\n\n  const setClockTimeSpentFrames = useCallback(() => {\n    const frames = getClockTimeSpentFramesToPlay(timeInMs);\n\n    if (frames) {\n      framesToPlay.current = frames;\n      // Speed adjustment\n      clockTimeSpentLottieAnimationRef.current?.setSpeed(frames / CLOCK_TIME_SPENT_FPS);\n      clockTimeSpentLottieAnimationRef.current?.playSegments([0, frames], true);\n      isClockTimeSpentShown.current = true;\n    }\n  }, [timeInMs]);\n\n  const onClockTimeSpentExitAnimationFinished = useCallback(async () => {\n    await delay(TIME_SHOWN_HOLD_TIME);\n\n    // Reverse play time spent animation\n    clockTimeSpentLottieAnimationRef.current?.playSegments([framesToPlay.current, 0], true);\n\n    await delay(TEXT_DISAPPEAR_DELAY);\n    setFadeOut(true);\n\n    if (isClockTimeSpentShown.current) {\n      clockTimeSpentLottieAnimationRef.current?.addEventListener('complete', () => {\n        clockTimeSpentLottieAnimationRef.current?.removeEventListener('complete');\n        play(CircleSoundKey.CLOCK_OUT);\n        clockLottieAnimationRef.current?.playSegments(CLOCK.OUT_FRAMES, true);\n      });\n    }\n  }, [framesToPlay, play]);\n\n  const onAnimationEnd = useCallback(() => {\n    onComplete?.();\n  }, [onComplete]);\n\n  // Play entry animation\n  useEffect(() => {\n    if (show) {\n      const loadAnimations = async () => {\n        const [timeLottiePath, timeSpentLottiePath] = await Promise.all([\n          fetch(LOTTIE.TOTAL_TIME),\n          fetch(LOTTIE.TOTAL_TIME_SPENT),\n        ]);\n        const [timeLottieData, timeSpentLottieData] = await Promise.all([\n          timeLottiePath.json(),\n          timeSpentLottiePath.json(),\n        ]);\n\n        // Clock Lottie\n        clockLottieAnimationRef.current = Lottie.loadAnimation({\n          container: clockLottieContainerRef.current as Element,\n          animationData: timeLottieData,\n          autoplay: false,\n          loop: false,\n          renderer: 'canvas',\n        });\n\n        // Clock Time Spent Lottie\n        clockTimeSpentLottieAnimationRef.current = Lottie.loadAnimation({\n          container: clockTimeSpentLottieContainerRef.current as Element,\n          animationData: timeSpentLottieData,\n          autoplay: false,\n          loop: false,\n          renderer: 'canvas',\n        });\n\n        // Play clock in animation sounds and lottie\n        play(CircleSoundKey.CLOCK_IN);\n        clockLottieAnimationRef.current?.playSegments(CLOCK.IN_FRAMES, true);\n\n        clockLottieAnimationRef.current?.addEventListener('complete', () => {\n          if (!isClockTimeSpentShown.current) {\n            setClockTimeSpentFrames();\n          } else {\n            onAnimationEnd();\n          }\n        });\n\n        // Setup event listener for time spent animation\n        clockTimeSpentLottieAnimationRef.current?.addEventListener('complete', () => {\n          clockTimeSpentLottieAnimationRef.current?.removeEventListener('complete');\n          onClockTimeSpentExitAnimationFinished();\n        });\n      };\n\n      loadAnimations();\n\n      return () => {\n        clockLottieAnimationRef.current?.destroy();\n        clockTimeSpentLottieAnimationRef.current?.destroy();\n      };\n    }\n  }, [show, setClockTimeSpentFrames, onAnimationEnd, onClockTimeSpentExitAnimationFinished, play]);\n\n  if (show) {\n    return (\n      <Styled.Clock>\n        <Styled.ClockLottie ref={clockLottieContainerRef} />\n        <Styled.ClockTimeSpentLottie ref={clockTimeSpentLottieContainerRef} />\n        {helperText && (\n          <Styled.TextWrapper\n            $delay={CLOCK_INFRAME_LOTTIE_TO_PLAY + TIME_LOTTIE_TO_PLAY_IN}\n            $animationType={fadeOut ? 'fadeout' : 'fadein'}\n            $duration={fadeOut ? TEXT_DISAPPEAR_DURATION : TEXT_APPEAR_DURATION}\n          >\n            {helperText}\n          </Styled.TextWrapper>\n        )}\n      </Styled.Clock>\n    );\n  }\n\n  return null;\n});\n"],"names":["Clock","memo","show","onComplete","timeInMs","helperText","play","useCircleSounds","fadeOut","setFadeOut","useState","isClockTimeSpentShown","useRef","framesToPlay","clockLottieContainerRef","clockTimeSpentLottieContainerRef","clockLottieAnimationRef","clockTimeSpentLottieAnimationRef","setClockTimeSpentFrames","useCallback","frames","getClockTimeSpentFramesToPlay","_a","CLOCK_TIME_SPENT_FPS","_b","onClockTimeSpentExitAnimationFinished","delay","TIME_SHOWN_HOLD_TIME","TEXT_DISAPPEAR_DELAY","CircleSoundKey","CLOCK","onAnimationEnd","useEffect","timeLottiePath","timeSpentLottiePath","LOTTIE","timeLottieData","timeSpentLottieData","Lottie","_c","jsxs","Styled.Clock","jsx","Styled.ClockLottie","Styled.ClockTimeSpentLottie","Styled.TextWrapper","CLOCK_INFRAME_LOTTIE_TO_PLAY","TIME_LOTTIE_TO_PLAY_IN","TEXT_DISAPPEAR_DURATION","TEXT_APPEAR_DURATION"],"mappings":"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"}

package/dist/index.d.ts

@@ -2207,7 +2207,7 @@ declare interface INodeCardCallbacks {
     onNodeView?: (nodeData: INodeDataProps, milestoneId?: string) => void;
     onNodeReview?: (nodeData: INodeDataProps, milestoneId?: string, homeworkId?: string) => void;
     onNodeReattempt?: (nodeData: INodeDataProps, milestoneId?: string) => void;
-    onNodeAttemptLocationChange?: (nodeData: INodeDataProps) => void;
+    onNodeAssignAsHomework?: (nodeData: INodeDataProps, milestoneId?: string) => void;
     onNodeMarkAsDone?: (nodeData: INodeDataProps) => void;
     onNodeReset?: (nodeData: INodeDataProps, milestoneId?: string) => void;
     onNodeUnassign?: (nodeData: INodeDataProps, milestoneId?: string) => void;
@@ -2230,6 +2230,7 @@ export declare interface INodeDataProps {
     learnosity_activity_ref: string;
     marked_as_completed: boolean;
     node_id: string;
+    id: string;
     node_type: TNodeTypes_2;
     sheet_statement: string;
     permissions: INodePermissions;
@@ -3054,6 +3055,7 @@ declare interface ITestsListProps {
     isChaptersAvailable?: boolean;
     canUpdatePlan?: boolean;
     onNodeReattempt?: (sheetData: INodeDataProps, milestoneId?: string) => void;
+    onNodeAssignAsHomework?: (sheetData: INodeDataProps, milestoneId?: string) => void;
     onTestPreview?: (sheetData: INodeDataProps, milestoneId: string) => void;
     onTestStart?: (sheetData: INodeDataProps) => void;
     onTestReview?: (sheetData: INodeDataProps, milestoneId: string) => void;