@cuemath/leap 3.5.48-gg1 → 3.5.48-j2

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

@@ -1,70 +1,79 @@
-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 x, useState as I, useMemo as $, useCallback as f, useEffect as A } from "react";
+import y from "../../../../../../assets/line-icons/icons/next2.js";
+import N from "../../../../../ui/buttons/icon-button/icon-button.js";
+import a from "../../../../../ui/layout/flex-view.js";
+import b from "../../../../../ui/text/text.js";
+import D from "../../../../create/comps/body-layout/body-layout.js";
+import { TESTS_CREATION_ANALYTICS_EVENTS as L } from "../../tests-creation-analytics-events.js";
+import { ButtonWrapper as O } from "../../tests-creation-styled.js";
+import g from "./chapter-item/chapter-item.js";
+import { ETestsStage as B } from "../../tests-creation-types.js";
+const Y = x(function(h) {
+  const { testFormData: t, userType: u, onProceed: d, onExit: C, onFormDataChange: s } = h, l = u === "TEACHER", [r, m] = I(
+    t.selectedChapters || []
+  ), { chapters: c } = t, E = $(() => {
+    const o = c == null ? void 0 : c.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, c]), S = f(() => {
+    d(B.DIFFICULTY_AND_DURATION_SELECTION, {
+      ...t,
+      selectedChapters: r
     });
-  }, [a, c, t]), S = d(
+  }, [d, t, r]), T = f(
     (o) => {
-      s((e) => e.includes(o) ? e.filter((i) => i !== o) : [...e, o]);
+      l && m((e) => {
+        const i = e.includes(o) ? e.filter((_) => _ !== o) : [...e, o];
+        return s == null || s({
+          ...t,
+          selectedChapters: i
+        }), i;
+      });
     },
-    [s]
+    [l, s, t]
   );
-  return /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(
-    $,
+  return A(() => {
+    t.selectedChapters && m(t.selectedChapters);
+  }, [t.selectedChapters]), /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n(
+    D,
     {
       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(b, { $renderAs: "ab2", children: "Select chapters" }) }),
+      bodyElement: /* @__PURE__ */ n(a, { $flexDirection: "row", $gapX: 1.5, $gutterX: 1, $flexWrap: !0, $flexGapX: 1.5, children: c == null ? void 0 : c.map((o) => {
+        const { id: e } = o, p = r.some(
           (i) => i === e
         );
-        return /* @__PURE__ */ r(
-          b,
+        return /* @__PURE__ */ n(
+          g,
           {
             chapter: o,
-            selected: m,
-            onChapterSelection: S
+            selected: p,
+            onChapterSelection: T
           },
           e
         );
       }) }),
-      footerElement: /* @__PURE__ */ r(N, { $borderRadiusX: 3.125, children: /* @__PURE__ */ r(
-        x,
+      footerElement: l ? /* @__PURE__ */ n(O, { $borderRadiusX: 3.125, children: /* @__PURE__ */ n(
+        N,
         {
-          Icon: T,
+          Icon: y,
           renderAs: "primary",
-          analyticsLabel: A.CUSTOM_TEST_CHAPTERS_SELECTED,
+          analyticsLabel: L.CUSTOM_TEST_CHAPTERS_SELECTED,
           size: "small",
-          onClick: u,
-          disabled: t.length === 0,
-          analyticsProps: h
+          onClick: S,
+          disabled: r.length === 0,
+          analyticsProps: E
         }
-      ) })
+      ) }) : void 0
     }
   ) });
 });
 export {
-  w as default
+  Y 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, onProceed, onExit, onFormDataChange } = props;\n\n  const isTeacher = userType === 'TEACHER';\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 (!isTeacher) 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    [isTeacher, 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        footerElement={\n          isTeacher ? (\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","onProceed","onExit","onFormDataChange","isTeacher","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,WAAAC,GAAW,QAAAC,GAAQ,kBAAAC,EAAqB,IAAAL,GAElEM,IAAYJ,MAAa,WACzB,CAACK,GAAkBC,CAAmB,IAAIC;AAAA,IAC9CR,EAAa,oBAAoB,CAAC;AAAA,EAAA,GAE9B,EAAE,UAAAS,EAAa,IAAAT,GAEfU,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,GAAGhB;AAAA,MACH,kBAAAM;AAAA,IAAA,CACD;AAAA,EACA,GAAA,CAACJ,GAAWF,GAAcM,CAAgB,CAAC,GAExCW,IAA2BF;AAAA,IAC/B,CAACG,MAA0B;AACzB,MAAKb,KAELE,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,GAAGJ;AAAA,UACH,kBAAkBoB;AAAA,QAAA,IAGbA;AAAA,MAAA,CACR;AAAA,IACH;AAAA,IACA,CAACf,GAAWD,GAAkBJ,CAAY;AAAA,EAAA;AAG5C,SAAAsB,EAAU,MAAM;AACd,IAAItB,EAAa,oBACfO,EAAoBP,EAAa,gBAAgB;AAAA,EACnD,GACC,CAACA,EAAa,gBAAgB,CAAC,qBAG/BuB,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,eACEb,IACG,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,IACE;AAAA,IAAA;AAAA,EAGV,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/milestone/milestone-tests/tests-creation/test-stages/difficulty-and-duration-selection/difficulty-and-duration-selection.js

@@ -1,117 +1,130 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { memo as R, useState as D, useMemo as X, useCallback as u } from "react";
-import w from "../../../../../ui/arrow-tooltip/arrow-tooltip.js";
-import v from "../../../../../ui/buttons/button/button.js";
-import n from "../../../../../ui/layout/flex-view.js";
-import m from "../../../../../ui/text/text.js";
-import B from "../../../../create/comps/body-layout/body-layout.js";
-import { TESTS_CREATION_ANALYTICS_EVENTS as I } from "../../tests-creation-analytics-events.js";
-import { ButtonWrapper as G } from "../../tests-creation-styled.js";
-import { getDifficultyLevelCards as N, getTestDurationCards as O, getRecommendedTestDuration as P } from "../../utils/index.js";
-import E from "./test-radio-card/test-radio-card.js";
-const J = R(
-  function(x) {
-    var y;
-    const { onTestStageChange: a, testFormData: r } = x, [o, p] = D(
-      r.difficultyLevel
-    ), [i, h] = D(r.duration || 0), _ = X(
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { memo as I, useState as L, useMemo as N, useCallback as p, useEffect as x } from "react";
+import G from "../../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import O from "../../../../../ui/buttons/button/button.js";
+import l from "../../../../../ui/layout/flex-view.js";
+import T from "../../../../../ui/text/text.js";
+import P from "../../../../create/comps/body-layout/body-layout.js";
+import { TESTS_CREATION_ANALYTICS_EVENTS as k } from "../../tests-creation-analytics-events.js";
+import { ButtonWrapper as V } from "../../tests-creation-styled.js";
+import { ETestsStage as _ } from "../../tests-creation-types.js";
+import { getDifficultyLevelCards as W, getTestDurationCards as H, getRecommendedTestDuration as j } from "../../utils/index.js";
+import v from "./test-radio-card/test-radio-card.js";
+const re = I(
+  function(A) {
+    var D;
+    const { onTestStageChange: s, testFormData: e, userType: a, onFormDataChange: n } = A, S = a === "TEACHER", [r, h] = L(
+      e.difficultyLevel
+    ), [o, y] = L(e.duration || 0), g = N(
       () => ({
         step: "difficulty_and_duration_selection",
-        duration: i * 60,
-        difficulty_level: o
+        duration: o * 60,
+        difficulty_level: r
       }),
-      [i, o]
-    ), g = u(() => {
-      a("CHAPTER_SELECTION", {
-        ...r,
+      [o, r]
+    ), R = p(() => {
+      s(_.CHAPTER_SELECTION, {
+        ...e,
         difficultyLevel: null,
         duration: null
       });
-    }, [r, a]), A = u(() => {
-      o && i && a("PREVIEW", {
-        ...r,
-        difficultyLevel: o,
-        duration: i
+    }, [e, s]), b = p(() => {
+      r && o && s(_.PREVIEW, {
+        ...e,
+        difficultyLevel: r,
+        duration: o
       });
-    }, [o, i, r, a]), T = u(
-      (t) => {
-        typeof t == "number" ? h(t) : p(t);
+    }, [r, o, e, s]), C = p(
+      (i) => {
+        a !== "STUDENT" && (typeof i == "number" ? (y(i), n == null || n({
+          ...e,
+          difficultyLevel: r,
+          duration: i
+        })) : (h(i), n == null || n({
+          ...e,
+          difficultyLevel: i,
+          duration: o
+        })));
       },
-      [p, h]
-    ), C = ((y = r.selectedChapters) == null ? void 0 : y.length) || 0, $ = P(C), L = N(), S = O();
-    return /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
-      B,
+      [a, e, r, o, n]
+    ), E = ((D = e.selectedChapters) == null ? void 0 : D.length) || 0, $ = j(E), X = W(), w = H();
+    return x(() => {
+      e.difficultyLevel !== void 0 && h(e.difficultyLevel);
+    }, [e.difficultyLevel]), x(() => {
+      e.duration !== void 0 && e.duration !== null && y(e.duration);
+    }, [e.duration]), /* @__PURE__ */ t(l, { children: /* @__PURE__ */ t(
+      P,
       {
         bodyHeight: "100%",
-        headerElement: /* @__PURE__ */ e(n, { $flexDirection: "row", $alignItems: "center", $flexGapX: 1, children: /* @__PURE__ */ d(m, { $renderAs: "ab2", children: [
-          C,
+        headerElement: /* @__PURE__ */ t(l, { $flexDirection: "row", $alignItems: "center", $flexGapX: 1, children: /* @__PURE__ */ c(T, { $renderAs: "ab2", children: [
+          E,
           " Chapters selected"
         ] }) }),
-        onBackButtonClick: g,
-        bodyElement: /* @__PURE__ */ d(n, { $gapX: 3, $gutterX: 1, $flexWrap: !0, $flexGapX: 4, children: [
-          /* @__PURE__ */ d(n, { $flexGapX: 1.5, children: [
-            /* @__PURE__ */ e(m, { $renderAs: "ac3", $color: "BLACK_T_60", children: "Difficulty" }),
-            /* @__PURE__ */ e(n, { $flexDirection: "row", $flexGapX: 1.5, children: L.map((t, s) => {
-              const { title: c, value: l } = t;
-              return /* @__PURE__ */ e(
-                E,
+        onBackButtonClick: R,
+        bodyElement: /* @__PURE__ */ c(l, { $gapX: 3, $gutterX: 1, $flexWrap: !0, $flexGapX: 4, children: [
+          /* @__PURE__ */ c(l, { $flexGapX: 1.5, children: [
+            /* @__PURE__ */ t(T, { $renderAs: "ac3", $color: "BLACK_T_60", children: "Difficulty" }),
+            /* @__PURE__ */ t(l, { $flexDirection: "row", $flexGapX: 1.5, children: X.map((i, f) => {
+              const { title: u, value: d } = i;
+              return /* @__PURE__ */ t(
+                v,
                 {
                   widthX: 12.5,
-                  ...t,
-                  selected: o === l,
+                  ...i,
+                  selected: r === d,
                   isTestDifficultRendering: !0,
-                  onTestRadioCardChange: T
+                  onTestRadioCardChange: C
                 },
-                `${c}_${s}`
+                `${u}_${f}`
               );
             }) })
           ] }),
-          /* @__PURE__ */ d(n, { $flexGapX: 1.5, children: [
-            /* @__PURE__ */ e(m, { $renderAs: "ac3", $color: "BLACK_T_60", children: "Duration" }),
-            /* @__PURE__ */ e(n, { $flexDirection: "row", $flexGapX: 1.5, children: S.map((t, s) => {
-              const { title: c, value: l = "" } = t, f = $ === Number(l), b = l === i;
-              return /* @__PURE__ */ e(
-                w,
+          /* @__PURE__ */ c(l, { $flexGapX: 1.5, children: [
+            /* @__PURE__ */ t(T, { $renderAs: "ac3", $color: "BLACK_T_60", children: "Duration" }),
+            /* @__PURE__ */ t(l, { $flexDirection: "row", $flexGapX: 1.5, children: w.map((i, f) => {
+              const { title: u, value: d = "" } = i, m = $ === Number(d), B = d === o;
+              return /* @__PURE__ */ t(
+                G,
                 {
                   renderAs: "primary",
                   position: "bottom",
-                  tooltipItem: Number(l) > $ ? "Too much time. Shorten duration or add chapters." : "Too less time. Extend duration or reduce chapters.",
+                  tooltipItem: Number(d) > $ ? "Too much time. Shorten duration or add chapters." : "Too less time. Extend duration or reduce chapters.",
                   widthX: 10.875,
-                  hidden: f,
-                  children: /* @__PURE__ */ e(
-                    E,
+                  hidden: m,
+                  children: /* @__PURE__ */ t(
+                    v,
                     {
                       widthX: 10.875,
-                      ...t,
-                      selected: b,
-                      isRecommended: f,
-                      onTestRadioCardChange: T
+                      ...i,
+                      selected: B,
+                      isRecommended: m,
+                      onTestRadioCardChange: C
                     }
                   )
                 },
-                `${c}_${s}`
+                `${u}_${f}`
               );
             }) })
           ] })
         ] }),
-        footerElement: /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
-          v,
+        footerElement: S ? /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t(
+          O,
           {
             renderAs: "primary",
             label: "Preview",
             size: "small",
             shape: "square",
-            onClick: A,
-            disabled: !i || !o,
-            analyticsLabel: I.CUSTOM_TEST_PREVIEWED,
-            analyticsProps: _
+            onClick: b,
+            disabled: !o || !r,
+            analyticsLabel: k.CUSTOM_TEST_PREVIEWED,
+            analyticsProps: g
           }
-        ) })
+        ) }) : void 0
       }
     ) });
   }
 );
 export {
-  J as default
+  re as default
 };
 //# sourceMappingURL=difficulty-and-duration-selection.js.map

package/dist/features/milestone/milestone-tests/tests-creation/test-stages/difficulty-and-duration-selection/difficulty-and-duration-selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"difficulty-and-duration-selection.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/difficulty-and-duration-selection/difficulty-and-duration-selection.tsx"],"sourcesContent":["import { type FC, useState, memo, useCallback, useMemo } from 'react';\n\nimport ArrowTooltip from '../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../../../ui/buttons/button/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 type { TTestDifficultyLevel } from '../../tests-creation-types';\nimport {\n  getDifficultyLevelCards,\n  getRecommendedTestDuration,\n  getTestDurationCards,\n} from '../../utils';\nimport type { IDifficultyAndDurationSelectionProps } from './difficulty-and-duration-selection-types';\nimport TestRadioCard from './test-radio-card/test-radio-card';\n\nconst DifficultyAndDurationSelection: FC<IDifficultyAndDurationSelectionProps> = memo(\n  function DifficultyAndDurationSelection(props) {\n    const { onTestStageChange, testFormData } = props;\n\n    const [testDifficultyLevel, setTestDifficultyLevel] = useState<TTestDifficultyLevel | null>(\n      testFormData.difficultyLevel,\n    );\n    const [testDuration, setTestDuration] = useState(testFormData.duration || 0);\n\n    const analyticsProps = useMemo(\n      () => ({\n        step: 'difficulty_and_duration_selection',\n        duration: testDuration * 60,\n        difficulty_level: testDifficultyLevel,\n      }),\n      [testDuration, testDifficultyLevel],\n    );\n\n    const handleOnBack = useCallback(() => {\n      onTestStageChange('CHAPTER_SELECTION', {\n        ...testFormData,\n        difficultyLevel: null,\n        duration: null,\n      });\n    }, [testFormData, onTestStageChange]);\n\n    const handleOnPreview = useCallback(() => {\n      if (testDifficultyLevel && testDuration) {\n        onTestStageChange('PREVIEW', {\n          ...testFormData,\n          difficultyLevel: testDifficultyLevel,\n          duration: testDuration,\n        });\n      }\n    }, [testDifficultyLevel, testDuration, testFormData, onTestStageChange]);\n\n    const handleOnTestRadioCardChange = useCallback(\n      (value: TTestDifficultyLevel | number) => {\n        if (typeof value === 'number') {\n          setTestDuration(value);\n        } else {\n          setTestDifficultyLevel(value);\n        }\n      },\n      [setTestDifficultyLevel, setTestDuration],\n    );\n\n    const selectedChaptersCount = testFormData.selectedChapters?.length || 0;\n    const recommendedTestDuration = getRecommendedTestDuration(selectedChaptersCount);\n\n    const difficultyCards = getDifficultyLevelCards();\n    const durationCards = getTestDurationCards();\n\n    return (\n      <FlexView>\n        <BodyLayout\n          bodyHeight=\"100%\"\n          headerElement={\n            <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={1}>\n              <Text $renderAs=\"ab2\">{selectedChaptersCount} Chapters selected</Text>\n            </FlexView>\n          }\n          onBackButtonClick={handleOnBack}\n          bodyElement={\n            <FlexView $gapX={3} $gutterX={1} $flexWrap $flexGapX={4}>\n              <FlexView $flexGapX={1.5}>\n                <Text $renderAs=\"ac3\" $color=\"BLACK_T_60\">\n                  Difficulty\n                </Text>\n\n                <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n                  {difficultyCards.map((item, idx) => {\n                    const { title, value } = item;\n                    const selected = testDifficultyLevel === value;\n\n                    return (\n                      <TestRadioCard\n                        key={`${title}_${idx}`}\n                        widthX={12.5}\n                        {...item}\n                        selected={selected}\n                        isTestDifficultRendering\n                        onTestRadioCardChange={handleOnTestRadioCardChange}\n                      />\n                    );\n                  })}\n                </FlexView>\n              </FlexView>\n\n              <FlexView $flexGapX={1.5}>\n                <Text $renderAs=\"ac3\" $color=\"BLACK_T_60\">\n                  Duration\n                </Text>\n\n                <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n                  {durationCards.map((item, idx) => {\n                    const { title, value = '' } = item;\n                    const isRecommended = recommendedTestDuration === Number(value);\n                    const selected = value === testDuration;\n\n                    return (\n                      <ArrowTooltip\n                        key={`${title}_${idx}`}\n                        renderAs=\"primary\"\n                        position=\"bottom\"\n                        tooltipItem={\n                          Number(value) > recommendedTestDuration\n                            ? 'Too much time. Shorten duration or add chapters.'\n                            : 'Too less time. Extend duration or reduce chapters.'\n                        }\n                        widthX={10.875}\n                        hidden={isRecommended}\n                      >\n                        <TestRadioCard\n                          widthX={10.875}\n                          {...item}\n                          selected={selected}\n                          isRecommended={isRecommended}\n                          onTestRadioCardChange={handleOnTestRadioCardChange}\n                        />\n                      </ArrowTooltip>\n                    );\n                  })}\n                </FlexView>\n              </FlexView>\n            </FlexView>\n          }\n          footerElement={\n            <ButtonWrapper>\n              <Button\n                renderAs=\"primary\"\n                label=\"Preview\"\n                size=\"small\"\n                shape=\"square\"\n                onClick={handleOnPreview}\n                disabled={!testDuration || !testDifficultyLevel}\n                analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_PREVIEWED}\n                analyticsProps={analyticsProps}\n              />\n            </ButtonWrapper>\n          }\n        />\n      </FlexView>\n    );\n  },\n);\n\nexport default DifficultyAndDurationSelection;\n"],"names":["DifficultyAndDurationSelection","memo","props","onTestStageChange","testFormData","testDifficultyLevel","setTestDifficultyLevel","useState","testDuration","setTestDuration","analyticsProps","useMemo","handleOnBack","useCallback","handleOnPreview","handleOnTestRadioCardChange","value","selectedChaptersCount","_a","recommendedTestDuration","getRecommendedTestDuration","difficultyCards","getDifficultyLevelCards","durationCards","getTestDurationCards","FlexView","jsx","BodyLayout","jsxs","Text","item","idx","title","TestRadioCard","isRecommended","selected","ArrowTooltip","ButtonWrapper","Button","TESTS_CREATION_ANALYTICS_EVENTS"],"mappings":"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"}
+{"version":3,"file":"difficulty-and-duration-selection.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/difficulty-and-duration-selection/difficulty-and-duration-selection.tsx"],"sourcesContent":["import { type FC, useState, memo, useCallback, useMemo, useEffect } from 'react';\n\nimport ArrowTooltip from '../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../../../ui/buttons/button/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 { ETestsStage, type TTestDifficultyLevel } from '../../tests-creation-types';\nimport {\n  getDifficultyLevelCards,\n  getRecommendedTestDuration,\n  getTestDurationCards,\n} from '../../utils';\nimport type { IDifficultyAndDurationSelectionProps } from './difficulty-and-duration-selection-types';\nimport TestRadioCard from './test-radio-card/test-radio-card';\n\nconst DifficultyAndDurationSelection: FC<IDifficultyAndDurationSelectionProps> = memo(\n  function DifficultyAndDurationSelection(props) {\n    const { onTestStageChange, testFormData, userType, onFormDataChange } = props;\n\n    const isTeacher = userType === 'TEACHER';\n    const [testDifficultyLevel, setTestDifficultyLevel] = useState<TTestDifficultyLevel | null>(\n      testFormData.difficultyLevel,\n    );\n    const [testDuration, setTestDuration] = useState(testFormData.duration || 0);\n\n    const analyticsProps = useMemo(\n      () => ({\n        step: 'difficulty_and_duration_selection',\n        duration: testDuration * 60,\n        difficulty_level: testDifficultyLevel,\n      }),\n      [testDuration, testDifficultyLevel],\n    );\n\n    const handleOnBack = useCallback(() => {\n      onTestStageChange(ETestsStage.CHAPTER_SELECTION, {\n        ...testFormData,\n        difficultyLevel: null,\n        duration: null,\n      });\n    }, [testFormData, onTestStageChange]);\n\n    const handleOnPreview = useCallback(() => {\n      if (testDifficultyLevel && testDuration) {\n        onTestStageChange(ETestsStage.PREVIEW, {\n          ...testFormData,\n          difficultyLevel: testDifficultyLevel,\n          duration: testDuration,\n        });\n      }\n    }, [testDifficultyLevel, testDuration, testFormData, onTestStageChange]);\n\n    const handleOnTestRadioCardChange = useCallback(\n      (value: TTestDifficultyLevel | number) => {\n        if (userType === 'STUDENT') return;\n\n        if (typeof value === 'number') {\n          setTestDuration(value);\n          onFormDataChange?.({\n            ...testFormData,\n            difficultyLevel: testDifficultyLevel,\n            duration: value,\n          });\n        } else {\n          setTestDifficultyLevel(value);\n          onFormDataChange?.({\n            ...testFormData,\n            difficultyLevel: value,\n            duration: testDuration,\n          });\n        }\n      },\n      [userType, testFormData, testDifficultyLevel, testDuration, onFormDataChange],\n    );\n\n    const selectedChaptersCount = testFormData.selectedChapters?.length || 0;\n    const recommendedTestDuration = getRecommendedTestDuration(selectedChaptersCount);\n\n    const difficultyCards = getDifficultyLevelCards();\n    const durationCards = getTestDurationCards();\n\n    useEffect(() => {\n      if (testFormData.difficultyLevel !== undefined) {\n        setTestDifficultyLevel(testFormData.difficultyLevel);\n      }\n    }, [testFormData.difficultyLevel]);\n\n    useEffect(() => {\n      if (testFormData.duration !== undefined && testFormData.duration !== null) {\n        setTestDuration(testFormData.duration);\n      }\n    }, [testFormData.duration]);\n\n    return (\n      <FlexView>\n        <BodyLayout\n          bodyHeight=\"100%\"\n          headerElement={\n            <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={1}>\n              <Text $renderAs=\"ab2\">{selectedChaptersCount} Chapters selected</Text>\n            </FlexView>\n          }\n          onBackButtonClick={handleOnBack}\n          bodyElement={\n            <FlexView $gapX={3} $gutterX={1} $flexWrap $flexGapX={4}>\n              <FlexView $flexGapX={1.5}>\n                <Text $renderAs=\"ac3\" $color=\"BLACK_T_60\">\n                  Difficulty\n                </Text>\n\n                <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n                  {difficultyCards.map((item, idx) => {\n                    const { title, value } = item;\n                    const selected = testDifficultyLevel === value;\n\n                    return (\n                      <TestRadioCard\n                        key={`${title}_${idx}`}\n                        widthX={12.5}\n                        {...item}\n                        selected={selected}\n                        isTestDifficultRendering\n                        onTestRadioCardChange={handleOnTestRadioCardChange}\n                      />\n                    );\n                  })}\n                </FlexView>\n              </FlexView>\n\n              <FlexView $flexGapX={1.5}>\n                <Text $renderAs=\"ac3\" $color=\"BLACK_T_60\">\n                  Duration\n                </Text>\n\n                <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n                  {durationCards.map((item, idx) => {\n                    const { title, value = '' } = item;\n                    const isRecommended = recommendedTestDuration === Number(value);\n                    const selected = value === testDuration;\n\n                    return (\n                      <ArrowTooltip\n                        key={`${title}_${idx}`}\n                        renderAs=\"primary\"\n                        position=\"bottom\"\n                        tooltipItem={\n                          Number(value) > recommendedTestDuration\n                            ? 'Too much time. Shorten duration or add chapters.'\n                            : 'Too less time. Extend duration or reduce chapters.'\n                        }\n                        widthX={10.875}\n                        hidden={isRecommended}\n                      >\n                        <TestRadioCard\n                          widthX={10.875}\n                          {...item}\n                          selected={selected}\n                          isRecommended={isRecommended}\n                          onTestRadioCardChange={handleOnTestRadioCardChange}\n                        />\n                      </ArrowTooltip>\n                    );\n                  })}\n                </FlexView>\n              </FlexView>\n            </FlexView>\n          }\n          footerElement={\n            isTeacher ? (\n              <ButtonWrapper>\n                <Button\n                  renderAs=\"primary\"\n                  label=\"Preview\"\n                  size=\"small\"\n                  shape=\"square\"\n                  onClick={handleOnPreview}\n                  disabled={!testDuration || !testDifficultyLevel}\n                  analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_PREVIEWED}\n                  analyticsProps={analyticsProps}\n                />\n              </ButtonWrapper>\n            ) : undefined\n          }\n        />\n      </FlexView>\n    );\n  },\n);\n\nexport default DifficultyAndDurationSelection;\n"],"names":["DifficultyAndDurationSelection","memo","props","onTestStageChange","testFormData","userType","onFormDataChange","isTeacher","testDifficultyLevel","setTestDifficultyLevel","useState","testDuration","setTestDuration","analyticsProps","useMemo","handleOnBack","useCallback","ETestsStage","handleOnPreview","handleOnTestRadioCardChange","value","selectedChaptersCount","_a","recommendedTestDuration","getRecommendedTestDuration","difficultyCards","getDifficultyLevelCards","durationCards","getTestDurationCards","useEffect","FlexView","jsx","BodyLayout","jsxs","Text","item","idx","title","TestRadioCard","isRecommended","selected","ArrowTooltip","ButtonWrapper","Button","TESTS_CREATION_ANALYTICS_EVENTS"],"mappings":"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"}

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

@@ -1,58 +1,67 @@
-import { jsxs as h, Fragment as I, jsx as r } from "react/jsx-runtime";
-import { memo as v, useState as w, useMemo as a, useCallback as d } from "react";
-import A from "../../../../../ui/buttons/button/button.js";
-import N from "../../../../../worksheet/worksheet-preview/worksheet-preview.js";
-import { TESTS_CREATION_ANALYTICS_EVENTS as C } from "../../tests-creation-analytics-events.js";
-import { ButtonWrapper as E } from "./test-preview-styled.js";
-const O = v(function(l) {
-  const { studentId: m, items: e, testNumber: n, isAssignInProgress: T, onTestStageChange: o, onTestSheetAssign: c } = l, [p, i] = w(!1), t = a(() => e == null ? void 0 : e.map((s) => s.ref), [e]), u = a(
+import { jsxs as A, Fragment as I, jsx as r } from "react/jsx-runtime";
+import { memo as w, useState as C, useMemo as a, useCallback as d } from "react";
+import N from "../../../../../ui/buttons/button/button.js";
+import v from "../../../../../worksheet/worksheet-preview/worksheet-preview.js";
+import { TESTS_CREATION_ANALYTICS_EVENTS as g } from "../../tests-creation-analytics-events.js";
+import { ButtonWrapper as L } from "./test-preview-styled.js";
+import { ETestsStage as P } from "../../tests-creation-types.js";
+const U = w(function(m) {
+  const {
+    studentId: T,
+    items: e,
+    testNumber: o,
+    isAssignInProgress: l,
+    onTestStageChange: n,
+    onTestSheetAssign: c,
+    userType: p
+  } = m, u = p === "TEACHER", [f, i] = C(!1), t = a(() => e == null ? void 0 : e.map((s) => s.ref), [e]), S = a(
     () => ({
       step: "preview",
       items: e,
-      title: `Test ${n}`
+      title: `Test ${o}`
     }),
-    [n, e]
-  ), f = d(() => {
-    o("DIFFICULTY_AND_DURATION_SELECTION");
-  }, [o]), S = d(
+    [o, e]
+  ), h = d(() => {
+    n(P.DIFFICULTY_AND_DURATION_SELECTION);
+  }, [n]), E = d(
     (s) => {
       i(s);
     },
     [i]
   );
-  return !t || t.length === 0 ? null : /* @__PURE__ */ h(I, { children: [
+  return !t || t.length === 0 ? null : /* @__PURE__ */ A(I, { children: [
     /* @__PURE__ */ r(
-      N,
+      v,
       {
         activityReference: "test",
         mode: "preview",
         nodeType: "DYNAMIC",
         userType: "STUDENT",
-        studentId: m ?? "student-id",
-        activityType: null,
+        studentId: T ?? "student-id",
+        isLessonV3Enabled: !1,
         worksheetName: "Preview test",
         items: t,
-        onBackIconClick: f,
-        onWorksheetLoaded: S
+        onBackIconClick: h,
+        onWorksheetLoaded: E
       }
     ),
-    p && /* @__PURE__ */ r(E, { children: /* @__PURE__ */ r(
-      A,
+    f && u && /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(
+      N,
       {
         widthX: 6,
         renderAs: "primary",
         size: "small",
         shape: "square",
         label: "Assign",
-        analyticsLabel: C.CUSTOM_TEST_ASSIGNED,
-        analyticsProps: u,
+        analyticsLabel: g.CUSTOM_TEST_ASSIGNED,
+        analyticsProps: S,
         onClick: c,
-        disabled: !!T
+        disabled: !!l
       }
     ) })
   ] });
 });
 export {
-  O as default
+  U as default
 };
 //# sourceMappingURL=test-preview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"test-preview.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/test-preview/test-preview.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useMemo, useState } from 'react';\n\nimport Button from '../../../../../ui/buttons/button/button';\nimport PreviewWorksheet from '../../../../../worksheet/worksheet-preview/worksheet-preview';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../../tests-creation-analytics-events';\nimport * as Styled from './test-preview-styled';\nimport type { ITestPreviewProps } from './test-preview-types';\n\nconst TestPreview: FC<ITestPreviewProps> = memo(function TestPreview(props) {\n  const { studentId, items, testNumber, isAssignInProgress, onTestStageChange, onTestSheetAssign } =\n    props;\n\n  const [testPreviewLoaded, setTestPreviewLoaded] = useState(false);\n\n  const itemRefs = useMemo(() => items?.map(item => item.ref), [items]);\n  const analyticsProps = useMemo(\n    () => ({\n      step: 'preview',\n      items,\n      title: `Test ${testNumber}`,\n    }),\n    [testNumber, items],\n  );\n\n  const handleOnBack = useCallback(() => {\n    onTestStageChange('DIFFICULTY_AND_DURATION_SELECTION');\n  }, [onTestStageChange]);\n\n  const handleOnPreviewLoad = useCallback(\n    (loaded: boolean) => {\n      setTestPreviewLoaded(loaded);\n    },\n    [setTestPreviewLoaded],\n  );\n\n  if (!itemRefs || itemRefs.length === 0) return null;\n\n  return (\n    <>\n      <PreviewWorksheet\n        activityReference=\"test\"\n        mode=\"preview\"\n        nodeType=\"DYNAMIC\"\n        userType=\"STUDENT\"\n        studentId={studentId ?? 'student-id'}\n        activityType={null}\n        worksheetName=\"Preview test\"\n        items={itemRefs}\n        onBackIconClick={handleOnBack}\n        onWorksheetLoaded={handleOnPreviewLoad}\n      />\n\n      {testPreviewLoaded && (\n        <Styled.ButtonWrapper>\n          <Button\n            widthX={6}\n            renderAs={'primary'}\n            size=\"small\"\n            shape=\"square\"\n            label=\"Assign\"\n            analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_ASSIGNED}\n            analyticsProps={analyticsProps}\n            onClick={onTestSheetAssign}\n            disabled={!!isAssignInProgress}\n          />\n        </Styled.ButtonWrapper>\n      )}\n    </>\n  );\n});\n\nexport default TestPreview;\n"],"names":["TestPreview","memo","props","studentId","items","testNumber","isAssignInProgress","onTestStageChange","onTestSheetAssign","testPreviewLoaded","setTestPreviewLoaded","useState","itemRefs","useMemo","item","analyticsProps","handleOnBack","useCallback","handleOnPreviewLoad","loaded","jsxs","Fragment","jsx","PreviewWorksheet","Styled.ButtonWrapper","Button","TESTS_CREATION_ANALYTICS_EVENTS"],"mappings":";;;;;;AAQA,MAAMA,IAAqCC,EAAK,SAAqBC,GAAO;AAC1E,QAAM,EAAE,WAAAC,GAAW,OAAAC,GAAO,YAAAC,GAAY,oBAAAC,GAAoB,mBAAAC,GAAmB,mBAAAC,EAC3E,IAAAN,GAEI,CAACO,GAAmBC,CAAoB,IAAIC,EAAS,EAAK,GAE1DC,IAAWC,EAAQ,MAAMT,KAAA,gBAAAA,EAAO,IAAI,CAAQU,MAAAA,EAAK,MAAM,CAACV,CAAK,CAAC,GAC9DW,IAAiBF;AAAA,IACrB,OAAO;AAAA,MACL,MAAM;AAAA,MACN,OAAAT;AAAA,MACA,OAAO,QAAQC,CAAU;AAAA,IAAA;AAAA,IAE3B,CAACA,GAAYD,CAAK;AAAA,EAAA,GAGdY,IAAeC,EAAY,MAAM;AACrC,IAAAV,EAAkB,mCAAmC;AAAA,EAAA,GACpD,CAACA,CAAiB,CAAC,GAEhBW,IAAsBD;AAAA,IAC1B,CAACE,MAAoB;AACnB,MAAAT,EAAqBS,CAAM;AAAA,IAC7B;AAAA,IACA,CAACT,CAAoB;AAAA,EAAA;AAGvB,SAAI,CAACE,KAAYA,EAAS,WAAW,IAAU,OAI3C,gBAAAQ,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,mBAAkB;AAAA,QAClB,MAAK;AAAA,QACL,UAAS;AAAA,QACT,UAAS;AAAA,QACT,WAAWpB,KAAa;AAAA,QACxB,cAAc;AAAA,QACd,eAAc;AAAA,QACd,OAAOS;AAAA,QACP,iBAAiBI;AAAA,QACjB,mBAAmBE;AAAA,MAAA;AAAA,IACrB;AAAA,IAECT,KACC,gBAAAa,EAACE,GAAA,EACC,UAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAM;AAAA,QACN,gBAAgBC,EAAgC;AAAA,QAChD,gBAAAX;AAAA,QACA,SAASP;AAAA,QACT,UAAU,CAAC,CAACF;AAAA,MAAA;AAAA,IAAA,GAEhB;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"test-preview.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/test-preview/test-preview.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useMemo, useState } from 'react';\n\nimport Button from '../../../../../ui/buttons/button/button';\nimport PreviewWorksheet from '../../../../../worksheet/worksheet-preview/worksheet-preview';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../../tests-creation-analytics-events';\nimport * as Styled from './test-preview-styled';\nimport type { ITestPreviewProps } from './test-preview-types';\nimport { ETestsStage } from '../../tests-creation-types';\n\nconst TestPreview: FC<ITestPreviewProps> = memo(function TestPreview(props) {\n  const {\n    studentId,\n    items,\n    testNumber,\n    isAssignInProgress,\n    onTestStageChange,\n    onTestSheetAssign,\n    userType,\n  } = props;\n  const isTeacher = userType === 'TEACHER';\n  const [testPreviewLoaded, setTestPreviewLoaded] = useState(false);\n\n  const itemRefs = useMemo(() => items?.map(item => item.ref), [items]);\n  const analyticsProps = useMemo(\n    () => ({\n      step: 'preview',\n      items,\n      title: `Test ${testNumber}`,\n    }),\n    [testNumber, items],\n  );\n\n  const handleOnBack = useCallback(() => {\n    onTestStageChange(ETestsStage.DIFFICULTY_AND_DURATION_SELECTION);\n  }, [onTestStageChange]);\n\n  const handleOnPreviewLoad = useCallback(\n    (loaded: boolean) => {\n      setTestPreviewLoaded(loaded);\n    },\n    [setTestPreviewLoaded],\n  );\n\n  if (!itemRefs || itemRefs.length === 0) return null;\n\n  return (\n    <>\n      <PreviewWorksheet\n        activityReference=\"test\"\n        mode=\"preview\"\n        nodeType=\"DYNAMIC\"\n        userType=\"STUDENT\"\n        studentId={studentId ?? 'student-id'}\n        isLessonV3Enabled={false}\n        worksheetName=\"Preview test\"\n        items={itemRefs}\n        onBackIconClick={handleOnBack}\n        onWorksheetLoaded={handleOnPreviewLoad}\n      />\n\n      {testPreviewLoaded && isTeacher && (\n        <Styled.ButtonWrapper>\n          <Button\n            widthX={6}\n            renderAs={'primary'}\n            size=\"small\"\n            shape=\"square\"\n            label=\"Assign\"\n            analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_ASSIGNED}\n            analyticsProps={analyticsProps}\n            onClick={onTestSheetAssign}\n            disabled={!!isAssignInProgress}\n          />\n        </Styled.ButtonWrapper>\n      )}\n    </>\n  );\n});\n\nexport default TestPreview;\n"],"names":["TestPreview","memo","props","studentId","items","testNumber","isAssignInProgress","onTestStageChange","onTestSheetAssign","userType","isTeacher","testPreviewLoaded","setTestPreviewLoaded","useState","itemRefs","useMemo","item","analyticsProps","handleOnBack","useCallback","ETestsStage","handleOnPreviewLoad","loaded","jsxs","Fragment","jsx","PreviewWorksheet","Styled.ButtonWrapper","Button","TESTS_CREATION_ANALYTICS_EVENTS"],"mappings":";;;;;;;AASA,MAAMA,IAAqCC,EAAK,SAAqBC,GAAO;AACpE,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAP,GACEQ,IAAYD,MAAa,WACzB,CAACE,GAAmBC,CAAoB,IAAIC,EAAS,EAAK,GAE1DC,IAAWC,EAAQ,MAAMX,KAAA,gBAAAA,EAAO,IAAI,CAAQY,MAAAA,EAAK,MAAM,CAACZ,CAAK,CAAC,GAC9Da,IAAiBF;AAAA,IACrB,OAAO;AAAA,MACL,MAAM;AAAA,MACN,OAAAX;AAAA,MACA,OAAO,QAAQC,CAAU;AAAA,IAAA;AAAA,IAE3B,CAACA,GAAYD,CAAK;AAAA,EAAA,GAGdc,IAAeC,EAAY,MAAM;AACrC,IAAAZ,EAAkBa,EAAY,iCAAiC;AAAA,EAAA,GAC9D,CAACb,CAAiB,CAAC,GAEhBc,IAAsBF;AAAA,IAC1B,CAACG,MAAoB;AACnB,MAAAV,EAAqBU,CAAM;AAAA,IAC7B;AAAA,IACA,CAACV,CAAoB;AAAA,EAAA;AAGvB,SAAI,CAACE,KAAYA,EAAS,WAAW,IAAU,OAI3C,gBAAAS,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,mBAAkB;AAAA,QAClB,MAAK;AAAA,QACL,UAAS;AAAA,QACT,UAAS;AAAA,QACT,WAAWvB,KAAa;AAAA,QACxB,mBAAmB;AAAA,QACnB,eAAc;AAAA,QACd,OAAOW;AAAA,QACP,iBAAiBI;AAAA,QACjB,mBAAmBG;AAAA,MAAA;AAAA,IACrB;AAAA,IAECV,KAAqBD,KACnB,gBAAAe,EAAAE,GAAA,EACC,UAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAM;AAAA,QACN,gBAAgBC,EAAgC;AAAA,QAChD,gBAAAZ;AAAA,QACA,SAAST;AAAA,QACT,UAAU,CAAC,CAACF;AAAA,MAAA;AAAA,IAAA,GAEhB;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/milestone/milestone-tests/tests-creation/tests-creation-types.js

@@ -0,0 +1,5 @@
+var I = /* @__PURE__ */ ((E) => (E.CHAPTER_SELECTION = "CHAPTER_SELECTION", E.DIFFICULTY_AND_DURATION_SELECTION = "DIFFICULTY_AND_DURATION_SELECTION", E.PREVIEW = "PREVIEW", E))(I || {});
+export {
+  I as ETestsStage
+};
+//# sourceMappingURL=tests-creation-types.js.map

package/dist/features/milestone/milestone-tests/tests-creation/tests-creation-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tests-creation-types.js","sources":["../../../../../src/features/milestone/milestone-tests/tests-creation/tests-creation-types.ts"],"sourcesContent":["import type { IChapterDataProps } from '../../../chapters/chapter/chapter-types';\nimport type { TCourseStream } from '../../create/milestone-create-types';\nimport type { TUserTypes } from '../../../ui/types';\nimport type { ITestHelpPreviewResponse } from './api/preview-test-sheet';\n\nexport enum ETestsStage {\n  CHAPTER_SELECTION = 'CHAPTER_SELECTION',\n  DIFFICULTY_AND_DURATION_SELECTION = 'DIFFICULTY_AND_DURATION_SELECTION',\n  PREVIEW = 'PREVIEW',\n}\n\nexport type TTestDifficultyLevel = 'EASY' | 'MODERATE' | 'DIFFICULT';\n\nexport interface ITestFormData {\n  selectedChapters: string[] | null;\n  difficultyLevel: TTestDifficultyLevel | null;\n  title: string | null;\n  duration: number | null;\n  chapters: IChapterDataProps[] | null;\n}\n\nexport interface ITestsCreationState {\n  testStage: ETestsStage;\n  testFormData: ITestFormData;\n  testPreviewItems?: ITestHelpPreviewResponse[];\n}\n\nexport interface ITestsCreationProps {\n  courseStream: TCourseStream;\n  milestoneId: string;\n  studentId: string;\n  testNumber: number;\n  userType?: TUserTypes;\n  state?: Partial<ITestsCreationState>;\n  onStateChange?: (state: ITestsCreationState) => void;\n  onTestAssign: () => void;\n  onExit: () => void;\n  onError: (errorMessage?: string) => void;\n}\n"],"names":["ETestsStage"],"mappings":"AAKY,IAAAA,sBAAAA,OACVA,EAAA,oBAAoB,qBACpBA,EAAA,oCAAoC,qCACpCA,EAAA,UAAU,WAHAA,IAAAA,KAAA,CAAA,CAAA;"}