@cuemath/leap 3.5.52-as1 → 3.5.53-j1

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 D } from "react/jsx-runtime";
-import { memo as j, useCallback as l, useEffect as G } from "react";
-import { IMAGES as R } from "../../../../assets/images/images.js";
-import W from "../../../ui/arrow-tooltip/arrow-tooltip.js";
-import S from "../../../ui/buttons/button/button.js";
+import { jsxs as u, jsx as e, Fragment as j } from "react/jsx-runtime";
+import { memo as G, useCallback as l, useEffect as R } from "react";
+import { IMAGES as W } from "../../../../assets/images/images.js";
+import F from "../../../ui/arrow-tooltip/arrow-tooltip.js";
+import $ from "../../../ui/buttons/button/button.js";
 import T from "../../../ui/layout/flex-view.js";
-import F from "../../../ui/loader/app-loader/app-loader.js";
+import U 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 k } from "../../constants.js";
-import { useGetTestHelpData as U } from "../../milestone-list-container/api/get-tests-list.js";
-import { TESTS_CREATION_ANALYTICS_EVENTS as V } from "../tests-creation/tests-creation-analytics-events.js";
-import q from "./test-list-view.js";
-const ae = j(function(c) {
+import { useGetTestHelpData as V } from "../../milestone-list-container/api/get-tests-list.js";
+import { TESTS_CREATION_ANALYTICS_EVENTS as q } from "../tests-creation/tests-creation-analytics-events.js";
+import z from "./test-list-view.js";
+const le = G(function(c) {
   const {
     isChaptersAvailable: g,
     isDraftMilestone: E,
@@ -19,14 +19,15 @@ const ae = j(function(c) {
     userType: b,
     studentId: m,
     userMilestoneId: t,
-    canUpdatePlan: I
+    canUpdatePlan: I,
+    isTrialSession: v
   } = c, {
-    onCreateMilestoneTest: o,
-    onTestPreview: i,
+    onCreateMilestoneTest: i,
+    onTestPreview: o,
     onTestStart: n,
     onTestReview: s,
-    onNodeAssignAsHomework: v,
-    onCardClick: M
+    onNodeAssignAsHomework: M,
+    onCardClick: O
   } = c, {
     get: A,
     data: r,
@@ -34,39 +35,39 @@ const ae = j(function(c) {
     isProcessed: f,
     isStale: C,
     isProcessing: w
-  } = U(), y = !I || !g || !d || d && E, O = d && !g ? "Chapters need to be assigned" : E ? "Allowed after plan is published" : "Plan is completed", h = l(() => {
+  } = V(), y = v ? !1 : !I || !g || !d || d && E, H = 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]);
-  G(() => {
+  R(() => {
     !w && (!f && !p || C) && h();
   }, [h, f, w, p, C]);
-  const $ = l(() => {
-    if (typeof o == "function") {
-      o == null || o(t, ((r == null ? void 0 : r.length) || 0) + 1);
+  const S = l(() => {
+    if (typeof i == "function") {
+      i == null || i(t, ((r == null ? void 0 : r.length) || 0) + 1);
       return;
     }
     throw new Error("No callback provided. If provided it must be a function");
-  }, [o, t, r]), H = l(
+  }, [i, t, r]), P = l(
     (a) => {
-      if (typeof i == "function") {
-        i == null || i(a, t);
+      if (typeof o == "function") {
+        o == null || o(a, t);
         return;
       }
       throw new Error("No callback provided. If provided it must be a function");
     },
-    [i, t]
-  ), P = l(
-    (a, L, X) => {
+    [o, t]
+  ), x = l(
+    (a, X, D) => {
       if (typeof n == "function") {
-        n == null || n(a, L, X);
+        n == null || n(a, X, D);
         return;
       }
       throw new Error("No callback provided. If provided it must be a function");
     },
     [n]
-  ), x = l(
+  ), L = l(
     (a) => {
       if (typeof s == "function") {
         s == null || s(a, t);
@@ -87,7 +88,7 @@ const ae = j(function(c) {
       children: [
         /* @__PURE__ */ e(N, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
         /* @__PURE__ */ e(
-          S,
+          $,
           {
             widthX: 14,
             size: "small",
@@ -100,19 +101,19 @@ const ae = j(function(c) {
       ]
     }
   ) : f ? r != null && r.length ? /* @__PURE__ */ e(
-    q,
+    z,
     {
       ...c,
-      onNodeAttempt: P,
-      onNodeView: H,
-      onNodeReview: x,
-      onNodeAssignAsHomework: v,
-      onCardClick: M,
+      onNodeAttempt: x,
+      onNodeView: P,
+      onNodeReview: L,
+      onNodeAssignAsHomework: M,
+      onCardClick: O,
       milestoneId: t,
       tests: r,
       userType: b,
       studentId: m,
-      onCreateNewTest: $,
+      onCreateNewTest: S,
       canUpdatedPlan: I,
       isMilestoneActive: d
     }
@@ -125,27 +126,27 @@ const ae = j(function(c) {
       $background: "WHITE",
       $height: k,
       children: [
-        /* @__PURE__ */ e("img", { src: R.EMPTY_MIX_TESTS, alt: "empty_mix_tests" }),
+        /* @__PURE__ */ e("img", { src: W.EMPTY_MIX_TESTS, alt: "empty_mix_tests" }),
         /* @__PURE__ */ e(_, { heightX: 2 }),
-        b === "TEACHER" ? /* @__PURE__ */ u(D, { children: [
+        b === "TEACHER" ? /* @__PURE__ */ u(j, { children: [
           /* @__PURE__ */ e(
-            W,
+            F,
             {
               renderAs: "primary",
               position: "bottom",
               hidden: !y,
-              tooltipItem: O,
+              tooltipItem: H,
               children: /* @__PURE__ */ e(
-                S,
+                $,
                 {
                   widthX: 10,
                   renderAs: "primary",
                   shape: "square",
                   size: "small",
                   label: "Create a Test",
-                  onClick: $,
+                  onClick: S,
                   disabled: y,
-                  analyticsLabel: V.CUSTOM_TEST_CREATION_STARTED,
+                  analyticsLabel: q.CUSTOM_TEST_CREATION_STARTED,
                   analyticsProps: {
                     milestone_id: t
                   }
@@ -164,11 +165,11 @@ const ae = j(function(c) {
       $alignItems: "center",
       $justifyContent: "center",
       $background: "WHITE",
-      children: /* @__PURE__ */ e(F, { height: "100%" })
+      children: /* @__PURE__ */ e(U, { height: "100%" })
     }
   );
 });
 export {
-  ae as default
+  le 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 { memo, useCallback, useEffect, type FC } from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\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';\nimport type { ITestsListProps } from './types';\n\nconst MilestoneTestsList: FC<ITestsListProps> = memo(function MilestoneTestsList(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    onCardClick,\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, milestoneId?: string, hwId?: string) => {\n      if (typeof onTestStart === 'function') {\n        onTestStart?.(sheetData, milestoneId, hwId);\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          onCardClick={onCardClick}\n          milestoneId={userMilestoneId}\n          tests={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","onCardClick","getTestHelpData","data","isProcessingFailed","isProcessed","isStale","isProcessing","useGetTestHelpData","isTestSheetCreationDisabled","testCreationCtaTooltipText","handleOnTryAgain","useCallback","useEffect","handleOnCreateMilestoneTest","handleOnTestPreview","sheetData","handleOnTestStart","milestoneId","hwId","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 { memo, useCallback, useEffect, type FC } from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\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';\nimport type { ITestsListProps } from './types';\n\nconst MilestoneTestsList: FC<ITestsListProps> = memo(function MilestoneTestsList(props) {\n  const {\n    isChaptersAvailable,\n    isDraftMilestone,\n    isMilestoneActive,\n    userType,\n    studentId,\n    userMilestoneId,\n    canUpdatePlan,\n    isTrialSession,\n  } = props;\n  const {\n    onCreateMilestoneTest,\n    onTestPreview,\n    onTestStart,\n    onTestReview,\n    onNodeAssignAsHomework,\n    onCardClick,\n  } = props;\n\n  const {\n    get: getTestHelpData,\n    data,\n    isProcessingFailed,\n    isProcessed,\n    isStale,\n    isProcessing,\n  } = useGetTestHelpData();\n\n  const isTestSheetCreationDisabled = isTrialSession\n    ? false\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, milestoneId?: string, hwId?: string) => {\n      if (typeof onTestStart === 'function') {\n        onTestStart?.(sheetData, milestoneId, hwId);\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          onCardClick={onCardClick}\n          milestoneId={userMilestoneId}\n          tests={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","isTrialSession","onCreateMilestoneTest","onTestPreview","onTestStart","onTestReview","onNodeAssignAsHomework","onCardClick","getTestHelpData","data","isProcessingFailed","isProcessed","isStale","isProcessing","useGetTestHelpData","isTestSheetCreationDisabled","testCreationCtaTooltipText","handleOnTryAgain","useCallback","useEffect","handleOnCreateMilestoneTest","handleOnTestPreview","sheetData","handleOnTestStart","milestoneId","hwId","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/milestone/milestone-tests/test-list-v2/test-list-view.js

@@ -1,13 +1,13 @@
-import { jsxs as S, jsx as e } from "react/jsx-runtime";
-import { memo as y } from "react";
-import $ from "../../../../assets/line-icons/icons/plus2.js";
-import A from "../../../homework/homework-card.js";
-import w from "../../../ui/buttons/icon-button/icon-button.js";
-import x from "../../../ui/layout/flex-view.js";
-import { MILESTONE_WIDGET_MIN_HEIGHT as N } from "../../constants.js";
-import { TESTS_CREATION_ANALYTICS_EVENTS as O } from "../tests-creation/tests-creation-analytics-events.js";
-import { TestSheetItemWrapper as b, IconContainer as H, IconButtonCover as L } from "./test-list-view-styled.js";
-const V = y(function({
+import { jsxs as y, jsx as e } from "react/jsx-runtime";
+import { memo as $ } from "react";
+import A from "../../../../assets/line-icons/icons/plus2.js";
+import w from "../../../homework/homework-card.js";
+import x from "../../../ui/buttons/icon-button/icon-button.js";
+import N from "../../../ui/layout/flex-view.js";
+import { MILESTONE_WIDGET_MIN_HEIGHT as O } from "../../constants.js";
+import { TESTS_CREATION_ANALYTICS_EVENTS as b } from "../tests-creation/tests-creation-analytics-events.js";
+import { TestSheetItemWrapper as H, IconContainer as L, IconButtonCover as R } from "./test-list-view-styled.js";
+const W = $(function({
   milestoneId: i,
   studentId: s,
   tests: m,
@@ -15,51 +15,53 @@ const V = y(function({
   onCreateNewTest: d,
   isMilestoneActive: a,
   canUpdatedPlan: c,
-  ...l
+  isTrialSession: l,
+  ...p
 }) {
-  return /* @__PURE__ */ S(
-    x,
+  return /* @__PURE__ */ y(
+    N,
     {
-      $height: N,
+      $height: O,
       $position: "relative",
       $justifyContent: "space-between",
       children: [
-        /* @__PURE__ */ e(b, { children: m.map((p, n) => {
-          const { entity_id: T, entity_type: f, state: I, score: _, subtext: h, sheets: t } = p, o = t == null ? void 0 : t[0];
+        /* @__PURE__ */ e(H, { children: m.map((T, n) => {
+          const { entity_id: f, entity_type: I, state: _, score: h, subtext: u, sheets: t } = T, o = t == null ? void 0 : t[0];
           if (!o) return null;
-          const { node_id: u, worksheet_id: E, title: C } = o;
+          const { node_id: E, worksheet_id: C, title: S } = o;
           return /* @__PURE__ */ e(
-            A,
+            w,
             {
               userType: r,
-              header: C,
-              subHeader: h,
+              header: S,
+              subHeader: u,
               nodeData: o,
               renderAs: "milestone",
               studentId: s,
               shouldOpenOnRight: (n + 1) % 3 === 0,
-              entityId: T,
-              entityType: f,
-              state: I,
-              score: _,
-              ...l
+              isTrialSession: l,
+              entityId: f,
+              entityType: I,
+              state: _,
+              score: h,
+              ...p
             },
-            `${E}_${u}_${n}`
+            `${C}_${E}_${n}`
           );
         }) }),
         r === "TEACHER" && c && /* @__PURE__ */ e(
-          H,
+          L,
           {
             $flexDirection: "row",
             $justifyContent: "flex-end",
             $gapX: 1,
             $gutterX: 1,
-            children: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(
-              w,
+            children: /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(
+              x,
               {
-                Icon: $,
+                Icon: A,
                 renderAs: "secondary",
-                analyticsLabel: O.CUSTOM_TEST_CREATION_STARTED,
+                analyticsLabel: b.CUSTOM_TEST_CREATION_STARTED,
                 onClick: d,
                 disabled: !a,
                 analyticsProps: {
@@ -74,6 +76,6 @@ const V = y(function({
   );
 });
 export {
-  V as default
+  W as default
 };
 //# sourceMappingURL=test-list-view.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"test-list-view.js","sources":["../../../../../src/features/milestone/milestone-tests/test-list-v2/test-list-view.tsx"],"sourcesContent":["import { type FC, memo } from 'react';\n\nimport Plus2Icon from '../../../../assets/line-icons/icons/plus2';\nimport HomeworkCard from '../../../homework/homework-card';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../constants';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../tests-creation/tests-creation-analytics-events';\nimport * as Styled from './test-list-view-styled';\nimport type { ITestSheetsList } from './types';\n\nconst TestSheetsList: FC<ITestSheetsList> = memo(function TestSheetsList({\n  milestoneId,\n  studentId,\n  tests,\n  userType,\n  onCreateNewTest,\n  isMilestoneActive,\n  canUpdatedPlan,\n  ...sheetCallbacks\n}) {\n  return (\n    <FlexView\n      $height={MILESTONE_WIDGET_MIN_HEIGHT}\n      $position=\"relative\"\n      $justifyContent=\"space-between\"\n    >\n      <Styled.TestSheetItemWrapper>\n        {tests.map((test, idx) => {\n          const { entity_id, entity_type, state, score, subtext, sheets } = test;\n          const sheet = sheets?.[0];\n\n          if (!sheet) return null;\n\n          const { node_id: nodeId, worksheet_id: worksheetId, title } = sheet;\n\n          return (\n            <HomeworkCard\n              key={`${worksheetId}_${nodeId}_${idx}`}\n              userType={userType}\n              header={title}\n              subHeader={subtext}\n              nodeData={sheet}\n              renderAs=\"milestone\"\n              studentId={studentId}\n              shouldOpenOnRight={(idx + 1) % 3 === 0}\n              entityId={entity_id}\n              entityType={entity_type}\n              state={state}\n              score={score}\n              {...sheetCallbacks}\n            />\n          );\n        })}\n      </Styled.TestSheetItemWrapper>\n\n      {userType === 'TEACHER' && canUpdatedPlan && (\n        <Styled.IconContainer\n          $flexDirection=\"row\"\n          $justifyContent=\"flex-end\"\n          $gapX={1}\n          $gutterX={1}\n        >\n          <Styled.IconButtonCover>\n            <IconButton\n              Icon={Plus2Icon}\n              renderAs=\"secondary\"\n              analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_CREATION_STARTED}\n              onClick={onCreateNewTest}\n              disabled={!isMilestoneActive}\n              analyticsProps={{\n                milestone_id: milestoneId,\n              }}\n            />\n          </Styled.IconButtonCover>\n        </Styled.IconContainer>\n      )}\n    </FlexView>\n  );\n});\n\nexport default TestSheetsList;\n"],"names":["TestSheetsList","memo","milestoneId","studentId","tests","userType","onCreateNewTest","isMilestoneActive","canUpdatedPlan","sheetCallbacks","jsxs","FlexView","MILESTONE_WIDGET_MIN_HEIGHT","jsx","Styled.TestSheetItemWrapper","test","idx","entity_id","entity_type","state","score","subtext","sheets","sheet","nodeId","worksheetId","title","HomeworkCard","Styled.IconContainer","Styled.IconButtonCover","IconButton","Plus2Icon","TESTS_CREATION_ANALYTICS_EVENTS"],"mappings":";;;;;;;;;AAWM,MAAAA,IAAsCC,EAAK,SAAwB;AAAA,EACvE,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AAEC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASC;AAAA,MACT,WAAU;AAAA,MACV,iBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EACE,YAAM,IAAI,CAACC,GAAMC,MAAQ;AACxB,gBAAM,EAAE,WAAAC,GAAW,aAAAC,GAAa,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,QAAAC,EAAW,IAAAP,GAC5DQ,IAAQD,KAAA,gBAAAA,EAAS;AAEnB,cAAA,CAACC,EAAc,QAAA;AAEnB,gBAAM,EAAE,SAASC,GAAQ,cAAcC,GAAa,OAAAC,EAAU,IAAAH;AAG5D,iBAAA,gBAAAV;AAAA,YAACc;AAAA,YAAA;AAAA,cAEC,UAAAtB;AAAA,cACA,QAAQqB;AAAA,cACR,WAAWL;AAAA,cACX,UAAUE;AAAA,cACV,UAAS;AAAA,cACT,WAAApB;AAAA,cACA,oBAAoBa,IAAM,KAAK,MAAM;AAAA,cACrC,UAAUC;AAAA,cACV,YAAYC;AAAA,cACZ,OAAAC;AAAA,cACA,OAAAC;AAAA,cACC,GAAGX;AAAA,YAAA;AAAA,YAZC,GAAGgB,CAAW,IAAID,CAAM,IAAIR,CAAG;AAAA,UAAA;AAAA,QAezC,CAAA,GACH;AAAA,QAECX,MAAa,aAAaG,KACzB,gBAAAK;AAAA,UAACe;AAAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,iBAAgB;AAAA,YAChB,OAAO;AAAA,YACP,UAAU;AAAA,YAEV,UAAA,gBAAAf,EAACgB,GAAA,EACC,UAAA,gBAAAhB;AAAA,cAACiB;AAAA,cAAA;AAAA,gBACC,MAAMC;AAAA,gBACN,UAAS;AAAA,gBACT,gBAAgBC,EAAgC;AAAA,gBAChD,SAAS1B;AAAA,gBACT,UAAU,CAACC;AAAA,gBACX,gBAAgB;AAAA,kBACd,cAAcL;AAAA,gBAChB;AAAA,cAAA;AAAA,YAAA,GAEJ;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}
+{"version":3,"file":"test-list-view.js","sources":["../../../../../src/features/milestone/milestone-tests/test-list-v2/test-list-view.tsx"],"sourcesContent":["import { type FC, memo } from 'react';\n\nimport Plus2Icon from '../../../../assets/line-icons/icons/plus2';\nimport HomeworkCard from '../../../homework/homework-card';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../constants';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../tests-creation/tests-creation-analytics-events';\nimport * as Styled from './test-list-view-styled';\nimport type { ITestSheetsList } from './types';\n\nconst TestSheetsList: FC<ITestSheetsList> = memo(function TestSheetsList({\n  milestoneId,\n  studentId,\n  tests,\n  userType,\n  onCreateNewTest,\n  isMilestoneActive,\n  canUpdatedPlan,\n  isTrialSession,\n  ...sheetCallbacks\n}) {\n  return (\n    <FlexView\n      $height={MILESTONE_WIDGET_MIN_HEIGHT}\n      $position=\"relative\"\n      $justifyContent=\"space-between\"\n    >\n      <Styled.TestSheetItemWrapper>\n        {tests.map((test, idx) => {\n          const { entity_id, entity_type, state, score, subtext, sheets } = test;\n          const sheet = sheets?.[0];\n\n          if (!sheet) return null;\n\n          const { node_id: nodeId, worksheet_id: worksheetId, title } = sheet;\n\n          return (\n            <HomeworkCard\n              key={`${worksheetId}_${nodeId}_${idx}`}\n              userType={userType}\n              header={title}\n              subHeader={subtext}\n              nodeData={sheet}\n              renderAs=\"milestone\"\n              studentId={studentId}\n              shouldOpenOnRight={(idx + 1) % 3 === 0}\n              isTrialSession={isTrialSession}\n              entityId={entity_id}\n              entityType={entity_type}\n              state={state}\n              score={score}\n              {...sheetCallbacks}\n            />\n          );\n        })}\n      </Styled.TestSheetItemWrapper>\n\n      {userType === 'TEACHER' && canUpdatedPlan && (\n        <Styled.IconContainer\n          $flexDirection=\"row\"\n          $justifyContent=\"flex-end\"\n          $gapX={1}\n          $gutterX={1}\n        >\n          <Styled.IconButtonCover>\n            <IconButton\n              Icon={Plus2Icon}\n              renderAs=\"secondary\"\n              analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_CREATION_STARTED}\n              onClick={onCreateNewTest}\n              disabled={!isMilestoneActive}\n              analyticsProps={{\n                milestone_id: milestoneId,\n              }}\n            />\n          </Styled.IconButtonCover>\n        </Styled.IconContainer>\n      )}\n    </FlexView>\n  );\n});\n\nexport default TestSheetsList;\n"],"names":["TestSheetsList","memo","milestoneId","studentId","tests","userType","onCreateNewTest","isMilestoneActive","canUpdatedPlan","isTrialSession","sheetCallbacks","jsxs","FlexView","MILESTONE_WIDGET_MIN_HEIGHT","jsx","Styled.TestSheetItemWrapper","test","idx","entity_id","entity_type","state","score","subtext","sheets","sheet","nodeId","worksheetId","title","HomeworkCard","Styled.IconContainer","Styled.IconButtonCover","IconButton","Plus2Icon","TESTS_CREATION_ANALYTICS_EVENTS"],"mappings":";;;;;;;;;AAWM,MAAAA,IAAsCC,EAAK,SAAwB;AAAA,EACvE,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AAEC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASC;AAAA,MACT,WAAU;AAAA,MACV,iBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EACE,YAAM,IAAI,CAACC,GAAMC,MAAQ;AACxB,gBAAM,EAAE,WAAAC,GAAW,aAAAC,GAAa,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,QAAAC,EAAW,IAAAP,GAC5DQ,IAAQD,KAAA,gBAAAA,EAAS;AAEnB,cAAA,CAACC,EAAc,QAAA;AAEnB,gBAAM,EAAE,SAASC,GAAQ,cAAcC,GAAa,OAAAC,EAAU,IAAAH;AAG5D,iBAAA,gBAAAV;AAAA,YAACc;AAAA,YAAA;AAAA,cAEC,UAAAvB;AAAA,cACA,QAAQsB;AAAA,cACR,WAAWL;AAAA,cACX,UAAUE;AAAA,cACV,UAAS;AAAA,cACT,WAAArB;AAAA,cACA,oBAAoBc,IAAM,KAAK,MAAM;AAAA,cACrC,gBAAAR;AAAA,cACA,UAAUS;AAAA,cACV,YAAYC;AAAA,cACZ,OAAAC;AAAA,cACA,OAAAC;AAAA,cACC,GAAGX;AAAA,YAAA;AAAA,YAbC,GAAGgB,CAAW,IAAID,CAAM,IAAIR,CAAG;AAAA,UAAA;AAAA,QAgBzC,CAAA,GACH;AAAA,QAECZ,MAAa,aAAaG,KACzB,gBAAAM;AAAA,UAACe;AAAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,iBAAgB;AAAA,YAChB,OAAO;AAAA,YACP,UAAU;AAAA,YAEV,UAAA,gBAAAf,EAACgB,GAAA,EACC,UAAA,gBAAAhB;AAAA,cAACiB;AAAA,cAAA;AAAA,gBACC,MAAMC;AAAA,gBACN,UAAS;AAAA,gBACT,gBAAgBC,EAAgC;AAAA,gBAChD,SAAS3B;AAAA,gBACT,UAAU,CAACC;AAAA,gBACX,gBAAgB;AAAA,kBACd,cAAcL;AAAA,gBAChB;AAAA,cAAA;AAAA,YAAA,GAEJ;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

package/dist/features/milestone/milestone-tests/tests-creation/hooks/use-tests-creation-sync.js

@@ -0,0 +1,52 @@
+import { useRef as C, useMemo as u, useCallback as c, useEffect as p } from "react";
+import { useMessageBrokerChannel as g } from "@cuemath/cue-message-broker";
+const F = ({
+  channelId: r,
+  isTeacher: n
+}) => {
+  const i = C(void 0), d = u(
+    () => ({
+      channelId: r,
+      ttl: 1
+    }),
+    [r]
+  ), { channelStatus: l, setChannelMetadata: a, channelMetadata: s, channel: t } = g({
+    channelOptions: d,
+    metadataRequired: !0,
+    enabled: r !== void 0
+  }), f = u(() => {
+    if (!(n || !s))
+      return s;
+  }, [n, s]), m = c(
+    (e) => {
+      if (!n || !a) return;
+      const o = {
+        testStage: e.testStage ?? void 0,
+        testFormData: e.testFormData ? {
+          selectedChapters: e.testFormData.selectedChapters ?? null,
+          difficultyLevel: e.testFormData.difficultyLevel ?? null,
+          duration: e.testFormData.duration ?? null,
+          title: e.testFormData.title ?? null
+        } : void 0,
+        testPreviewItems: e.testPreviewItems ?? void 0
+      }, v = JSON.stringify(o), y = JSON.stringify(i.current);
+      v !== y && (i.current = o, a(o));
+    },
+    [n, a]
+  ), S = c(() => {
+    t && (t.removeChannelMetadata(), setTimeout(() => {
+      t.destroyChannel();
+    }, 500));
+  }, [t]);
+  return p(() => {
+    !l && t && t.init();
+  }, [t, l]), {
+    syncedState: f,
+    setSyncState: m,
+    closeChannel: S
+  };
+};
+export {
+  F as useTestsCreationSync
+};
+//# sourceMappingURL=use-tests-creation-sync.js.map

package/dist/features/milestone/milestone-tests/tests-creation/hooks/use-tests-creation-sync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tests-creation-sync.js","sources":["../../../../../../src/features/milestone/milestone-tests/tests-creation/hooks/use-tests-creation-sync.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { useMessageBrokerChannel } from '@cuemath/cue-message-broker';\n\nimport type { ITestsCreationState } from '../tests-creation-types';\n\ninterface IUseTestsCreationSyncParams {\n  channelId: string;\n  isTeacher: boolean;\n}\n\ninterface IUseTestsCreationSync {\n  syncedState: Partial<ITestsCreationState> | undefined;\n  setSyncState: (state: Partial<ITestsCreationState>) => void;\n  closeChannel: () => void;\n}\n\nexport const useTestsCreationSync = ({\n  channelId,\n  isTeacher,\n}: IUseTestsCreationSyncParams): IUseTestsCreationSync => {\n  const prevStateRef = useRef<Partial<ITestsCreationState> | undefined>(undefined);\n\n  const channelOptions = useMemo(\n    () => ({\n      channelId,\n      ttl: 1,\n    }),\n    [channelId],\n  );\n\n  const { channelStatus, setChannelMetadata, channelMetadata, channel } = useMessageBrokerChannel<\n    never,\n    Partial<ITestsCreationState>\n  >({\n    channelOptions,\n    metadataRequired: true,\n    enabled: channelId !== undefined,\n  });\n\n  const syncedState = useMemo(() => {\n    if (isTeacher || !channelMetadata) return undefined;\n\n    return channelMetadata;\n  }, [isTeacher, channelMetadata]);\n\n  const setSyncState = useCallback(\n    (state: Partial<ITestsCreationState>) => {\n      if (!isTeacher || !setChannelMetadata) return;\n\n      const syncState = {\n        testStage: state.testStage ?? undefined,\n        testFormData: state.testFormData\n          ? {\n              selectedChapters: state.testFormData.selectedChapters ?? null,\n              difficultyLevel: state.testFormData.difficultyLevel ?? null,\n              duration: state.testFormData.duration ?? null,\n              title: state.testFormData.title ?? null,\n            }\n          : undefined,\n        testPreviewItems: state.testPreviewItems ?? undefined,\n      };\n\n      const currentStateString = JSON.stringify(syncState);\n      const prevStateString = JSON.stringify(prevStateRef.current);\n\n      if (currentStateString === prevStateString) return;\n      prevStateRef.current = syncState;\n      setChannelMetadata(syncState);\n    },\n    [isTeacher, setChannelMetadata],\n  );\n\n  const closeChannel = useCallback(() => {\n    if (channel) {\n      channel.removeChannelMetadata();\n      setTimeout(() => {\n        channel.destroyChannel();\n      }, 500);\n    }\n  }, [channel]);\n\n  useEffect(() => {\n    if (!channelStatus && channel) {\n      channel.init();\n    }\n  }, [channel, channelStatus]);\n\n  return {\n    syncedState,\n    setSyncState,\n    closeChannel,\n  };\n};\n"],"names":["useTestsCreationSync","channelId","isTeacher","prevStateRef","useRef","channelOptions","useMemo","channelStatus","setChannelMetadata","channelMetadata","channel","useMessageBrokerChannel","syncedState","setSyncState","useCallback","state","syncState","currentStateString","prevStateString","closeChannel","useEffect"],"mappings":";;AAiBO,MAAMA,IAAuB,CAAC;AAAA,EACnC,WAAAC;AAAA,EACA,WAAAC;AACF,MAA0D;AAClD,QAAAC,IAAeC,EAAiD,MAAS,GAEzEC,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,WAAAL;AAAA,MACA,KAAK;AAAA,IAAA;AAAA,IAEP,CAACA,CAAS;AAAA,EAAA,GAGN,EAAE,eAAAM,GAAe,oBAAAC,GAAoB,iBAAAC,GAAiB,SAAAC,EAAA,IAAYC,EAGtE;AAAA,IACA,gBAAAN;AAAA,IACA,kBAAkB;AAAA,IAClB,SAASJ,MAAc;AAAA,EAAA,CACxB,GAEKW,IAAcN,EAAQ,MAAM;AAC5B,QAAA,EAAAJ,KAAa,CAACO;AAEX,aAAAA;AAAA,EAAA,GACN,CAACP,GAAWO,CAAe,CAAC,GAEzBI,IAAeC;AAAA,IACnB,CAACC,MAAwC;AACnC,UAAA,CAACb,KAAa,CAACM,EAAoB;AAEvC,YAAMQ,IAAY;AAAA,QAChB,WAAWD,EAAM,aAAa;AAAA,QAC9B,cAAcA,EAAM,eAChB;AAAA,UACE,kBAAkBA,EAAM,aAAa,oBAAoB;AAAA,UACzD,iBAAiBA,EAAM,aAAa,mBAAmB;AAAA,UACvD,UAAUA,EAAM,aAAa,YAAY;AAAA,UACzC,OAAOA,EAAM,aAAa,SAAS;AAAA,QAErC,IAAA;AAAA,QACJ,kBAAkBA,EAAM,oBAAoB;AAAA,MAAA,GAGxCE,IAAqB,KAAK,UAAUD,CAAS,GAC7CE,IAAkB,KAAK,UAAUf,EAAa,OAAO;AAE3D,MAAIc,MAAuBC,MAC3Bf,EAAa,UAAUa,GACvBR,EAAmBQ,CAAS;AAAA,IAC9B;AAAA,IACA,CAACd,GAAWM,CAAkB;AAAA,EAAA,GAG1BW,IAAeL,EAAY,MAAM;AACrC,IAAIJ,MACFA,EAAQ,sBAAsB,GAC9B,WAAW,MAAM;AACf,MAAAA,EAAQ,eAAe;AAAA,OACtB,GAAG;AAAA,EACR,GACC,CAACA,CAAO,CAAC;AAEZ,SAAAU,EAAU,MAAM;AACV,IAAA,CAACb,KAAiBG,KACpBA,EAAQ,KAAK;AAAA,EACf,GACC,CAACA,GAASH,CAAa,CAAC,GAEpB;AAAA,IACL,aAAAK;AAAA,IACA,cAAAC;AAAA,IACA,cAAAM;AAAA,EAAA;AAEJ;"}

package/dist/features/milestone/milestone-tests/tests-creation/test-stages/chapter-selection/chapter-selection.js

@@ -1,70 +1,80 @@
-import { jsx as r } from "react/jsx-runtime";
-import { memo as C, useState as E, useMemo as _, useCallback as d } from "react";
-import T from "../../../../../../assets/line-icons/icons/next2.js";
-import x from "../../../../../ui/buttons/icon-button/icon-button.js";
-import l from "../../../../../ui/layout/flex-view.js";
-import I from "../../../../../ui/text/text.js";
-import $ from "../../../../create/comps/body-layout/body-layout.js";
-import { TESTS_CREATION_ANALYTICS_EVENTS as A } from "../../tests-creation-analytics-events.js";
-import { ButtonWrapper as N } from "../../tests-creation-styled.js";
-import b from "./chapter-item/chapter-item.js";
-const w = C(function(p) {
-  const { testFormData: c, onProceed: a, onExit: f } = p, [t, s] = E(
-    c.selectedChapters || []
-  ), { chapters: n } = c, h = _(() => {
-    const o = n == null ? void 0 : n.filter((e) => !(t != null && t.includes(e.chapter_id))).map((e) => e.chapter_id);
+import { jsx as n } from "react/jsx-runtime";
+import { memo as I, useState as $, useMemo as N, useCallback as f, useEffect as y } from "react";
+import A from "../../../../../../assets/line-icons/icons/next2.js";
+import b from "../../../../../ui/buttons/icon-button/icon-button.js";
+import a from "../../../../../ui/layout/flex-view.js";
+import D from "../../../../../ui/text/text.js";
+import L from "../../../../create/comps/body-layout/body-layout.js";
+import { TESTS_CREATION_ANALYTICS_EVENTS as O } from "../../tests-creation-analytics-events.js";
+import { ButtonWrapper as g } from "../../tests-creation-styled.js";
+import B from "./chapter-item/chapter-item.js";
+import { ETestsStage as X } from "../../tests-creation-types.js";
+const j = I(function(h) {
+  const { testFormData: t, userType: S, isTrialSession: u, onProceed: d, onExit: C, onFormDataChange: c } = h, l = S === "STUDENT", [r, m] = $(
+    t.selectedChapters || []
+  ), { chapters: s } = t, T = N(() => {
+    const o = s == null ? void 0 : s.filter((e) => !(r != null && r.includes(e.chapter_id))).map((e) => e.chapter_id);
     return {
       step: "chapter_selection",
-      selected_chapters: t,
+      selected_chapters: r,
       chapters_not_selected: o
     };
-  }, [t, n]), u = d(() => {
-    a("DIFFICULTY_AND_DURATION_SELECTION", {
-      ...c,
-      selectedChapters: t
+  }, [r, s]), E = f(() => {
+    d(X.DIFFICULTY_AND_DURATION_SELECTION, {
+      ...t,
+      selectedChapters: r
     });
-  }, [a, c, t]), S = d(
+  }, [d, t, r]), _ = f(
     (o) => {
-      s((e) => e.includes(o) ? e.filter((i) => i !== o) : [...e, o]);
+      l || m((e) => {
+        const i = e.includes(o) ? e.filter((x) => x !== o) : [...e, o];
+        return c == null || c({
+          ...t,
+          selectedChapters: i
+        }), i;
+      });
     },
-    [s]
+    [l, c, t]
   );
-  return /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(
-    $,
+  return y(() => {
+    t.selectedChapters && m(t.selectedChapters);
+  }, [t.selectedChapters]), /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n(
+    L,
     {
       bodyHeight: "100%",
-      onBackButtonClick: f,
-      headerElement: /* @__PURE__ */ r(l, { $flexDirection: "row", $alignItems: "center", $flexGapX: 1, children: /* @__PURE__ */ r(I, { $renderAs: "ab2", children: "Select chapters" }) }),
-      bodyElement: /* @__PURE__ */ r(l, { $flexDirection: "row", $gapX: 1.5, $gutterX: 1, $flexWrap: !0, $flexGapX: 1.5, children: n == null ? void 0 : n.map((o) => {
-        const { id: e } = o, m = t.some(
+      onBackButtonClick: C,
+      headerElement: /* @__PURE__ */ n(a, { $flexDirection: "row", $alignItems: "center", $flexGapX: 1, children: /* @__PURE__ */ n(D, { $renderAs: "ab2", children: "Select chapters" }) }),
+      bodyElement: /* @__PURE__ */ n(a, { $flexDirection: "row", $gapX: 1.5, $gutterX: 1, $flexWrap: !0, $flexGapX: 1.5, children: s == null ? void 0 : s.map((o) => {
+        const { id: e } = o, p = r.some(
           (i) => i === e
         );
-        return /* @__PURE__ */ r(
-          b,
+        return /* @__PURE__ */ n(
+          B,
           {
             chapter: o,
-            selected: m,
-            onChapterSelection: S
+            selected: p,
+            onChapterSelection: _
           },
           e
         );
       }) }),
-      footerElement: /* @__PURE__ */ r(N, { $borderRadiusX: 3.125, children: /* @__PURE__ */ r(
-        x,
+      isTrialSession: u,
+      footerElement: l ? void 0 : /* @__PURE__ */ n(g, { $borderRadiusX: 3.125, children: /* @__PURE__ */ n(
+        b,
         {
-          Icon: T,
+          Icon: A,
           renderAs: "primary",
-          analyticsLabel: A.CUSTOM_TEST_CHAPTERS_SELECTED,
+          analyticsLabel: O.CUSTOM_TEST_CHAPTERS_SELECTED,
           size: "small",
-          onClick: u,
-          disabled: t.length === 0,
-          analyticsProps: h
+          onClick: E,
+          disabled: r.length === 0,
+          analyticsProps: T
         }
       ) })
     }
   ) });
 });
 export {
-  w as default
+  j as default
 };
 //# sourceMappingURL=chapter-selection.js.map

package/dist/features/milestone/milestone-tests/tests-creation/test-stages/chapter-selection/chapter-selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter-selection.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/chapter-selection/chapter-selection.tsx"],"sourcesContent":["import { type FC, useState, memo, useCallback, useMemo } from 'react';\n\nimport Next2Icon from '../../../../../../assets/line-icons/icons/next2';\nimport IconButton from '../../../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport BodyLayout from '../../../../create/comps/body-layout/body-layout';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../../tests-creation-analytics-events';\nimport { ButtonWrapper } from '../../tests-creation-styled';\nimport ChapterItem from './chapter-item/chapter-item';\nimport type { IChapterSelectionProps } from './chapter-selection-types';\n\nconst ChapterSelection: FC<IChapterSelectionProps> = memo(function ChapterSelection(props) {\n  const { testFormData, onProceed, onExit } = props;\n  const [selectedChapters, setSelectedChapters] = useState<string[]>(\n    testFormData.selectedChapters || [],\n  );\n  const { chapters } = testFormData;\n\n  const analyticsProps = useMemo(() => {\n    const chaptersNotSelected = chapters\n      ?.filter(chapter => !selectedChapters?.includes(chapter.chapter_id))\n      .map(chapter => chapter.chapter_id);\n\n    return {\n      step: 'chapter_selection',\n      selected_chapters: selectedChapters,\n      chapters_not_selected: chaptersNotSelected,\n    };\n  }, [selectedChapters, chapters]);\n\n  const handleOnProceed = useCallback(() => {\n    onProceed('DIFFICULTY_AND_DURATION_SELECTION', {\n      ...testFormData,\n      selectedChapters,\n    });\n  }, [onProceed, testFormData, selectedChapters]);\n\n  const handleOnChapterSelection = useCallback(\n    (userChapterId: string) => {\n      setSelectedChapters(prevSelectedChapters => {\n        const isChapterSelected = prevSelectedChapters.includes(userChapterId);\n\n        if (isChapterSelected) {\n          return prevSelectedChapters.filter(id => id !== userChapterId);\n        }\n\n        return [...prevSelectedChapters, userChapterId];\n      });\n    },\n    [setSelectedChapters],\n  );\n\n  return (\n    <FlexView>\n      <BodyLayout\n        bodyHeight=\"100%\"\n        onBackButtonClick={onExit}\n        headerElement={\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={1}>\n            <Text $renderAs=\"ab2\">Select chapters</Text>\n          </FlexView>\n        }\n        bodyElement={\n          <FlexView $flexDirection=\"row\" $gapX={1.5} $gutterX={1} $flexWrap $flexGapX={1.5}>\n            {chapters?.map(chapter => {\n              const { id: userChapterId } = chapter;\n              const selected = selectedChapters.some(\n                selectedChapterId => selectedChapterId === userChapterId,\n              );\n\n              return (\n                <ChapterItem\n                  key={userChapterId}\n                  chapter={chapter}\n                  selected={selected}\n                  onChapterSelection={handleOnChapterSelection}\n                />\n              );\n            })}\n          </FlexView>\n        }\n        footerElement={\n          <ButtonWrapper $borderRadiusX={3.125}>\n            <IconButton\n              Icon={Next2Icon}\n              renderAs=\"primary\"\n              analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_CHAPTERS_SELECTED}\n              size=\"small\"\n              onClick={handleOnProceed}\n              disabled={selectedChapters.length === 0}\n              analyticsProps={analyticsProps}\n            />\n          </ButtonWrapper>\n        }\n      />\n    </FlexView>\n  );\n});\n\nexport default ChapterSelection;\n"],"names":["ChapterSelection","memo","props","testFormData","onProceed","onExit","selectedChapters","setSelectedChapters","useState","chapters","analyticsProps","useMemo","chaptersNotSelected","chapter","handleOnProceed","useCallback","handleOnChapterSelection","userChapterId","prevSelectedChapters","id","FlexView","jsx","BodyLayout","Text","selected","selectedChapterId","ChapterItem","ButtonWrapper","IconButton","Next2Icon","TESTS_CREATION_ANALYTICS_EVENTS"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAA+CC,EAAK,SAA0BC,GAAO;AACzF,QAAM,EAAE,cAAAC,GAAc,WAAAC,GAAW,QAAAC,EAAA,IAAWH,GACtC,CAACI,GAAkBC,CAAmB,IAAIC;AAAA,IAC9CL,EAAa,oBAAoB,CAAC;AAAA,EAAA,GAE9B,EAAE,UAAAM,EAAa,IAAAN,GAEfO,IAAiBC,EAAQ,MAAM;AACnC,UAAMC,IAAsBH,KAAA,gBAAAA,EACxB,OAAO,CAAAI,MAAW,EAACP,KAAA,QAAAA,EAAkB,SAASO,EAAQ,cACvD,IAAI,CAAAA,MAAWA,EAAQ;AAEnB,WAAA;AAAA,MACL,MAAM;AAAA,MACN,mBAAmBP;AAAA,MACnB,uBAAuBM;AAAA,IAAA;AAAA,EACzB,GACC,CAACN,GAAkBG,CAAQ,CAAC,GAEzBK,IAAkBC,EAAY,MAAM;AACxC,IAAAX,EAAU,qCAAqC;AAAA,MAC7C,GAAGD;AAAA,MACH,kBAAAG;AAAA,IAAA,CACD;AAAA,EACA,GAAA,CAACF,GAAWD,GAAcG,CAAgB,CAAC,GAExCU,IAA2BD;AAAA,IAC/B,CAACE,MAA0B;AACzB,MAAAV,EAAoB,CAAwBW,MAChBA,EAAqB,SAASD,CAAa,IAG5DC,EAAqB,OAAO,CAAMC,MAAAA,MAAOF,CAAa,IAGxD,CAAC,GAAGC,GAAsBD,CAAa,CAC/C;AAAA,IACH;AAAA,IACA,CAACV,CAAmB;AAAA,EAAA;AAGtB,2BACGa,GACC,EAAA,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,mBAAmBjB;AAAA,MACnB,eACE,gBAAAgB,EAACD,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,WAAW,GAC7D,UAAC,gBAAAC,EAAAE,GAAA,EAAK,WAAU,OAAM,4BAAe,CAAA,GACvC;AAAA,MAEF,aACE,gBAAAF,EAACD,GAAS,EAAA,gBAAe,OAAM,OAAO,KAAK,UAAU,GAAG,WAAS,IAAC,WAAW,KAC1E,UAAAX,KAAA,gBAAAA,EAAU,IAAI,CAAWI,MAAA;AAClB,cAAA,EAAE,IAAII,EAAkB,IAAAJ,GACxBW,IAAWlB,EAAiB;AAAA,UAChC,OAAqBmB,MAAsBR;AAAA,QAAA;AAI3C,eAAA,gBAAAI;AAAA,UAACK;AAAA,UAAA;AAAA,YAEC,SAAAb;AAAA,YACA,UAAAW;AAAA,YACA,oBAAoBR;AAAA,UAAA;AAAA,UAHfC;AAAA,QAAA;AAAA,MAMV,IACH;AAAA,MAEF,eACE,gBAAAI,EAACM,GAAc,EAAA,gBAAgB,OAC7B,UAAA,gBAAAN;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,MAAMC;AAAA,UACN,UAAS;AAAA,UACT,gBAAgBC,EAAgC;AAAA,UAChD,MAAK;AAAA,UACL,SAAShB;AAAA,UACT,UAAUR,EAAiB,WAAW;AAAA,UACtC,gBAAAI;AAAA,QAAA;AAAA,MAAA,GAEJ;AAAA,IAAA;AAAA,EAGN,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"chapter-selection.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/chapter-selection/chapter-selection.tsx"],"sourcesContent":["import { type FC, useState, memo, useCallback, useMemo, useEffect } from 'react';\n\nimport Next2Icon from '../../../../../../assets/line-icons/icons/next2';\nimport IconButton from '../../../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport BodyLayout from '../../../../create/comps/body-layout/body-layout';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../../tests-creation-analytics-events';\nimport { ButtonWrapper } from '../../tests-creation-styled';\nimport ChapterItem from './chapter-item/chapter-item';\nimport type { IChapterSelectionProps } from './chapter-selection-types';\nimport { ETestsStage } from '../../tests-creation-types';\n\nconst ChapterSelection: FC<IChapterSelectionProps> = memo(function ChapterSelection(props) {\n  const { testFormData, userType, isTrialSession, onProceed, onExit, onFormDataChange } = props;\n\n  const isStudent = userType === 'STUDENT';\n  const [selectedChapters, setSelectedChapters] = useState<string[]>(\n    testFormData.selectedChapters || [],\n  );\n  const { chapters } = testFormData;\n\n  const analyticsProps = useMemo(() => {\n    const chaptersNotSelected = chapters\n      ?.filter(chapter => !selectedChapters?.includes(chapter.chapter_id))\n      .map(chapter => chapter.chapter_id);\n\n    return {\n      step: 'chapter_selection',\n      selected_chapters: selectedChapters,\n      chapters_not_selected: chaptersNotSelected,\n    };\n  }, [selectedChapters, chapters]);\n\n  const handleOnProceed = useCallback(() => {\n    onProceed(ETestsStage.DIFFICULTY_AND_DURATION_SELECTION, {\n      ...testFormData,\n      selectedChapters,\n    });\n  }, [onProceed, testFormData, selectedChapters]);\n\n  const handleOnChapterSelection = useCallback(\n    (userChapterId: string) => {\n      if (isStudent) return;\n\n      setSelectedChapters(prevSelectedChapters => {\n        const isChapterSelected = prevSelectedChapters.includes(userChapterId);\n\n        const newSelectedChapters = isChapterSelected\n          ? prevSelectedChapters.filter(id => id !== userChapterId)\n          : [...prevSelectedChapters, userChapterId];\n\n        onFormDataChange?.({\n          ...testFormData,\n          selectedChapters: newSelectedChapters,\n        });\n\n        return newSelectedChapters;\n      });\n    },\n    [isStudent, onFormDataChange, testFormData],\n  );\n\n  useEffect(() => {\n    if (testFormData.selectedChapters) {\n      setSelectedChapters(testFormData.selectedChapters);\n    }\n  }, [testFormData.selectedChapters]);\n\n  return (\n    <FlexView>\n      <BodyLayout\n        bodyHeight=\"100%\"\n        onBackButtonClick={onExit}\n        headerElement={\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={1}>\n            <Text $renderAs=\"ab2\">Select chapters</Text>\n          </FlexView>\n        }\n        bodyElement={\n          <FlexView $flexDirection=\"row\" $gapX={1.5} $gutterX={1} $flexWrap $flexGapX={1.5}>\n            {chapters?.map(chapter => {\n              const { id: userChapterId } = chapter;\n              const selected = selectedChapters.some(\n                selectedChapterId => selectedChapterId === userChapterId,\n              );\n\n              return (\n                <ChapterItem\n                  key={userChapterId}\n                  chapter={chapter}\n                  selected={selected}\n                  onChapterSelection={handleOnChapterSelection}\n                />\n              );\n            })}\n          </FlexView>\n        }\n        isTrialSession={isTrialSession}\n        footerElement={\n          !isStudent ? (\n            <ButtonWrapper $borderRadiusX={3.125}>\n              <IconButton\n                Icon={Next2Icon}\n                renderAs=\"primary\"\n                analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_CHAPTERS_SELECTED}\n                size=\"small\"\n                onClick={handleOnProceed}\n                disabled={selectedChapters.length === 0}\n                analyticsProps={analyticsProps}\n              />\n            </ButtonWrapper>\n          ) : undefined\n        }\n      />\n    </FlexView>\n  );\n});\n\nexport default ChapterSelection;\n"],"names":["ChapterSelection","memo","props","testFormData","userType","isTrialSession","onProceed","onExit","onFormDataChange","isStudent","selectedChapters","setSelectedChapters","useState","chapters","analyticsProps","useMemo","chaptersNotSelected","chapter","handleOnProceed","useCallback","ETestsStage","handleOnChapterSelection","userChapterId","prevSelectedChapters","newSelectedChapters","id","useEffect","FlexView","jsx","BodyLayout","Text","selected","selectedChapterId","ChapterItem","ButtonWrapper","IconButton","Next2Icon","TESTS_CREATION_ANALYTICS_EVENTS"],"mappings":";;;;;;;;;;;AAaA,MAAMA,IAA+CC,EAAK,SAA0BC,GAAO;AACzF,QAAM,EAAE,cAAAC,GAAc,UAAAC,GAAU,gBAAAC,GAAgB,WAAAC,GAAW,QAAAC,GAAQ,kBAAAC,EAAqB,IAAAN,GAElFO,IAAYL,MAAa,WACzB,CAACM,GAAkBC,CAAmB,IAAIC;AAAA,IAC9CT,EAAa,oBAAoB,CAAC;AAAA,EAAA,GAE9B,EAAE,UAAAU,EAAa,IAAAV,GAEfW,IAAiBC,EAAQ,MAAM;AACnC,UAAMC,IAAsBH,KAAA,gBAAAA,EACxB,OAAO,CAAAI,MAAW,EAACP,KAAA,QAAAA,EAAkB,SAASO,EAAQ,cACvD,IAAI,CAAAA,MAAWA,EAAQ;AAEnB,WAAA;AAAA,MACL,MAAM;AAAA,MACN,mBAAmBP;AAAA,MACnB,uBAAuBM;AAAA,IAAA;AAAA,EACzB,GACC,CAACN,GAAkBG,CAAQ,CAAC,GAEzBK,IAAkBC,EAAY,MAAM;AACxC,IAAAb,EAAUc,EAAY,mCAAmC;AAAA,MACvD,GAAGjB;AAAA,MACH,kBAAAO;AAAA,IAAA,CACD;AAAA,EACA,GAAA,CAACJ,GAAWH,GAAcO,CAAgB,CAAC,GAExCW,IAA2BF;AAAA,IAC/B,CAACG,MAA0B;AACzB,MAAIb,KAEJE,EAAoB,CAAwBY,MAAA;AAGpC,cAAAC,IAFoBD,EAAqB,SAASD,CAAa,IAGjEC,EAAqB,OAAO,CAAAE,MAAMA,MAAOH,CAAa,IACtD,CAAC,GAAGC,GAAsBD,CAAa;AAExB,eAAAd,KAAA,QAAAA,EAAA;AAAA,UACjB,GAAGL;AAAA,UACH,kBAAkBqB;AAAA,QAAA,IAGbA;AAAA,MAAA,CACR;AAAA,IACH;AAAA,IACA,CAACf,GAAWD,GAAkBL,CAAY;AAAA,EAAA;AAG5C,SAAAuB,EAAU,MAAM;AACd,IAAIvB,EAAa,oBACfQ,EAAoBR,EAAa,gBAAgB;AAAA,EACnD,GACC,CAACA,EAAa,gBAAgB,CAAC,qBAG/BwB,GACC,EAAA,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,mBAAmBtB;AAAA,MACnB,eACE,gBAAAqB,EAACD,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,WAAW,GAC7D,UAAC,gBAAAC,EAAAE,GAAA,EAAK,WAAU,OAAM,4BAAe,CAAA,GACvC;AAAA,MAEF,aACE,gBAAAF,EAACD,GAAS,EAAA,gBAAe,OAAM,OAAO,KAAK,UAAU,GAAG,WAAS,IAAC,WAAW,KAC1E,UAAAd,KAAA,gBAAAA,EAAU,IAAI,CAAWI,MAAA;AAClB,cAAA,EAAE,IAAIK,EAAkB,IAAAL,GACxBc,IAAWrB,EAAiB;AAAA,UAChC,OAAqBsB,MAAsBV;AAAA,QAAA;AAI3C,eAAA,gBAAAM;AAAA,UAACK;AAAA,UAAA;AAAA,YAEC,SAAAhB;AAAA,YACA,UAAAc;AAAA,YACA,oBAAoBV;AAAA,UAAA;AAAA,UAHfC;AAAA,QAAA;AAAA,MAMV,IACH;AAAA,MAEF,gBAAAjB;AAAA,MACA,eACGI,IAYG,SAXD,gBAAAmB,EAAAM,GAAA,EAAc,gBAAgB,OAC7B,UAAA,gBAAAN;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,MAAMC;AAAA,UACN,UAAS;AAAA,UACT,gBAAgBC,EAAgC;AAAA,UAChD,MAAK;AAAA,UACL,SAASnB;AAAA,UACT,UAAUR,EAAiB,WAAW;AAAA,UACtC,gBAAAI;AAAA,QAAA;AAAA,MAAA,EAEJ,CAAA;AAAA,IACE;AAAA,EAGV,EAAA,CAAA;AAEJ,CAAC;"}