@cuemath/leap 3.5.52-as1 → 3.5.53-j1

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

@@ -1,110 +1,124 @@
-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 N, useState as L, useMemo as G, useCallback as p, useEffect as x } from "react";
+import O from "../../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import P from "../../../../../ui/buttons/button/button.js";
+import l from "../../../../../ui/layout/flex-view.js";
+import T from "../../../../../ui/text/text.js";
+import k from "../../../../create/comps/body-layout/body-layout.js";
+import { TESTS_CREATION_ANALYTICS_EVENTS as V } from "../../tests-creation-analytics-events.js";
+import { ButtonWrapper as W } from "../../tests-creation-styled.js";
+import { ETestsStage as S } from "../../tests-creation-types.js";
+import { getDifficultyLevelCards as j, getTestDurationCards as H, getRecommendedTestDuration as K } from "../../utils/index.js";
+import _ from "./test-radio-card/test-radio-card.js";
+const oe = N(
+  function(v) {
+    var D;
+    const { onTestStageChange: s, testFormData: e, userType: A, isTrialSession: g, onFormDataChange: n } = v, a = A === "STUDENT", [r, h] = L(
+      e.difficultyLevel
+    ), [o, y] = L(e.duration || 0), b = G(
       () => ({
         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(S.CHAPTER_SELECTION, {
+        ...e,
         difficultyLevel: null,
         duration: null
       });
-    }, [r, a]), A = u(() => {
-      o && i && a("PREVIEW", {
-        ...r,
-        difficultyLevel: o,
-        duration: i
+    }, [e, s]), X = p(() => {
+      r && o && s(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 || (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, n, e, r, o]
+    ), $ = ((D = e.selectedChapters) == null ? void 0 : D.length) || 0, E = K($), w = j(), B = 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(
+      k,
       {
+        isTrialSession: g,
         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: [
+          $,
           " 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: w.map((i, f) => {
+              const { title: u, value: d } = i;
+              return /* @__PURE__ */ t(
+                _,
                 {
                   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: B.map((i, f) => {
+              const { title: u, value: d = "" } = i, m = E === Number(d), I = d === o;
+              return /* @__PURE__ */ t(
+                O,
                 {
                   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) > E ? "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(
+                    _,
                     {
                       widthX: 10.875,
-                      ...t,
-                      selected: b,
-                      isRecommended: f,
-                      onTestRadioCardChange: T
+                      ...i,
+                      selected: I,
+                      isRecommended: m,
+                      onTestRadioCardChange: C
                     }
                   )
                 },
-                `${c}_${s}`
+                `${u}_${f}`
               );
             }) })
           ] })
         ] }),
-        footerElement: /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
-          v,
+        footerElement: a ? void 0 : /* @__PURE__ */ t(W, { children: /* @__PURE__ */ t(
+          P,
           {
             renderAs: "primary",
             label: "Preview",
             size: "small",
             shape: "square",
-            onClick: A,
-            disabled: !i || !o,
-            analyticsLabel: I.CUSTOM_TEST_PREVIEWED,
-            analyticsProps: _
+            onClick: X,
+            disabled: !o || !r,
+            analyticsLabel: V.CUSTOM_TEST_PREVIEWED,
+            analyticsProps: b
           }
         ) })
       }
@@ -112,6 +126,6 @@ const J = R(
   }
 );
 export {
-  J as default
+  oe 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, isTrialSession, onFormDataChange } = props;\n\n    const isStudent = userType === 'STUDENT';\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 (isStudent) 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      [isStudent, onFormDataChange, testFormData, testDifficultyLevel, testDuration],\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          isTrialSession={isTrialSession}\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            !isStudent ? (\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","isTrialSession","onFormDataChange","isStudent","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-styled.js

@@ -1,12 +1,12 @@
 import o from "styled-components";
-import t from "../../../../../ui/layout/flex-view.js";
-const r = o(t)`
-  position: fixed;
+import r from "../../../../../ui/layout/flex-view.js";
+const p = o(r)(({ $isTrialSession: t }) => `
+  position: ${t ? "absolute" : "fixed"};
   bottom: 42px;
   right: 46px;
   z-index: 2;
-`;
+`);
 export {
-  r as ButtonWrapper
+  p as ButtonWrapper
 };
 //# sourceMappingURL=test-preview-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"test-preview-styled.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/test-preview/test-preview-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nconst ButtonWrapper = styled(FlexView)`\n  position: fixed;\n  bottom: 42px;\n  right: 46px;\n  z-index: 2;\n`;\n\nexport { ButtonWrapper };\n"],"names":["ButtonWrapper","styled","FlexView"],"mappings":";;AAIM,MAAAA,IAAgBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"test-preview-styled.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/test-preview/test-preview-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nconst ButtonWrapper = styled(FlexView)<{ $isTrialSession?: boolean }>(({ $isTrialSession }) => {\n  return `\n  position: ${$isTrialSession ? 'absolute' : 'fixed'};\n  bottom: 42px;\n  right: 46px;\n  z-index: 2;\n`;\n});\n\nexport { ButtonWrapper };\n"],"names":["ButtonWrapper","styled","FlexView","$isTrialSession"],"mappings":";;AAIA,MAAMA,IAAgBC,EAAOC,CAAQ,EAAiC,CAAC,EAAE,iBAAAC,QAChE;AAAA,cACKA,IAAkB,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA,CAKnD;"}

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

@@ -1,58 +1,68 @@
-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 v, Fragment as w, jsx as r } from "react/jsx-runtime";
+import { memo as A, useState as E, useMemo as a, useCallback as T } from "react";
+import C from "../../../../../ui/buttons/button/button.js";
+import g from "../../../../../worksheet/worksheet-preview/worksheet-preview.js";
+import { TESTS_CREATION_ANALYTICS_EVENTS as y } from "../../tests-creation-analytics-events.js";
+import { ButtonWrapper as P } from "./test-preview-styled.js";
+import { ETestsStage as k } from "../../tests-creation-types.js";
+const x = A(function(l) {
+  const {
+    studentId: d,
+    items: e,
+    testNumber: o,
+    isAssignInProgress: m,
+    onTestStageChange: i,
+    onTestSheetAssign: c,
+    userType: p,
+    isTrialSession: u
+  } = l, S = p === "STUDENT", [f, n] = E(!1), t = a(() => e == null ? void 0 : e.map((s) => s.ref), [e]), h = 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]
+  ), I = T(() => {
+    i(k.DIFFICULTY_AND_DURATION_SELECTION);
+  }, [i]), N = T(
     (s) => {
-      i(s);
+      n(s);
     },
-    [i]
+    [n]
   );
-  return !t || t.length === 0 ? null : /* @__PURE__ */ h(I, { children: [
+  return !t || t.length === 0 ? null : /* @__PURE__ */ v(w, { children: [
     /* @__PURE__ */ r(
-      N,
+      g,
       {
         activityReference: "test",
         mode: "preview",
         nodeType: "DYNAMIC",
         userType: "STUDENT",
-        studentId: m ?? "student-id",
+        studentId: d ?? "student-id",
         activityType: null,
         worksheetName: "Preview test",
         items: t,
-        onBackIconClick: f,
-        onWorksheetLoaded: S
+        onBackIconClick: I,
+        onWorksheetLoaded: N
       }
     ),
-    p && /* @__PURE__ */ r(E, { children: /* @__PURE__ */ r(
-      A,
+    f && !S && /* @__PURE__ */ r(P, { $isTrialSession: u, children: /* @__PURE__ */ r(
+      C,
       {
         widthX: 6,
         renderAs: "primary",
         size: "small",
         shape: "square",
         label: "Assign",
-        analyticsLabel: C.CUSTOM_TEST_ASSIGNED,
-        analyticsProps: u,
+        analyticsLabel: y.CUSTOM_TEST_ASSIGNED,
+        analyticsProps: h,
         onClick: c,
-        disabled: !!T
+        disabled: !!m
       }
     ) })
   ] });
 });
 export {
-  O as default
+  x 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    isTrialSession,\n  } = props;\n  const isStudent = userType === 'STUDENT';\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        activityType={null}\n        worksheetName=\"Preview test\"\n        items={itemRefs}\n        onBackIconClick={handleOnBack}\n        onWorksheetLoaded={handleOnPreviewLoad}\n      />\n\n      {testPreviewLoaded && !isStudent && (\n        <Styled.ButtonWrapper $isTrialSession={isTrialSession}>\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","isTrialSession","isStudent","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,IACA,gBAAAC;AAAA,EACE,IAAAR,GACES,IAAYF,MAAa,WACzB,CAACG,GAAmBC,CAAoB,IAAIC,EAAS,EAAK,GAE1DC,IAAWC,EAAQ,MAAMZ,KAAA,gBAAAA,EAAO,IAAI,CAAQa,MAAAA,EAAK,MAAM,CAACb,CAAK,CAAC,GAC9Dc,IAAiBF;AAAA,IACrB,OAAO;AAAA,MACL,MAAM;AAAA,MACN,OAAAZ;AAAA,MACA,OAAO,QAAQC,CAAU;AAAA,IAAA;AAAA,IAE3B,CAACA,GAAYD,CAAK;AAAA,EAAA,GAGde,IAAeC,EAAY,MAAM;AACrC,IAAAb,EAAkBc,EAAY,iCAAiC;AAAA,EAAA,GAC9D,CAACd,CAAiB,CAAC,GAEhBe,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,WAAWxB,KAAa;AAAA,QACxB,cAAc;AAAA,QACd,eAAc;AAAA,QACd,OAAOY;AAAA,QACP,iBAAiBI;AAAA,QACjB,mBAAmBG;AAAA,MAAA;AAAA,IACrB;AAAA,IAECV,KAAqB,CAACD,KACrB,gBAAAe,EAACE,GAAA,EAAqB,iBAAiBlB,GACrC,UAAA,gBAAAgB;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,SAASV;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-sync.js

@@ -0,0 +1,25 @@
+import { jsx as i } from "react/jsx-runtime";
+import { memo as m, useEffect as f } from "react";
+import { useTestsCreationSync as C } from "./hooks/use-tests-creation-sync.js";
+import p from "./tests-creation.js";
+const h = m(function(s) {
+  const { channelId: n, userType: e, ...r } = s, t = e === "TEACHER", { syncedState: a, setSyncState: c, closeChannel: o } = C({
+    channelId: n,
+    isTeacher: t
+  });
+  return f(() => () => {
+    o();
+  }, [o]), /* @__PURE__ */ i(
+    p,
+    {
+      ...r,
+      userType: e,
+      state: t ? void 0 : a,
+      onStateChange: t ? c : void 0
+    }
+  );
+});
+export {
+  h as default
+};
+//# sourceMappingURL=tests-creation-sync.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tests-creation-sync.js","sources":["../../../../../src/features/milestone/milestone-tests/tests-creation/tests-creation-sync.tsx"],"sourcesContent":["import { memo, useEffect, type FC } from 'react';\n\nimport type { TUserTypes } from '../../../ui/types';\nimport { useTestsCreationSync } from './hooks/use-tests-creation-sync';\nimport TestsCreation from './tests-creation';\nimport type { ITestsCreationProps } from './tests-creation-types';\n\ninterface ITestsCreationSync extends Omit<ITestsCreationProps, 'state' | 'onStateChange'> {\n  channelId: string;\n  userType: TUserTypes;\n}\n\nconst TestsCreationSync: FC<ITestsCreationSync> = memo(function TestsCreationSync(props) {\n  const { channelId, userType, ...testsCreationProps } = props;\n\n  const isTeacher = userType === 'TEACHER';\n\n  const { syncedState, setSyncState, closeChannel } = useTestsCreationSync({\n    channelId,\n    isTeacher,\n  });\n\n  useEffect(() => {\n    return () => {\n      closeChannel();\n    };\n  }, [closeChannel]);\n\n  return (\n    <TestsCreation\n      {...testsCreationProps}\n      userType={userType}\n      state={isTeacher ? undefined : syncedState}\n      onStateChange={isTeacher ? setSyncState : undefined}\n    />\n  );\n});\n\nexport default TestsCreationSync;\n"],"names":["TestsCreationSync","memo","props","channelId","userType","testsCreationProps","isTeacher","syncedState","setSyncState","closeChannel","useTestsCreationSync","useEffect","jsx","TestsCreation"],"mappings":";;;;AAYA,MAAMA,IAA4CC,EAAK,SAA2BC,GAAO;AACvF,QAAM,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,MAAuBH,GAEjDI,IAAYF,MAAa,WAEzB,EAAE,aAAAG,GAAa,cAAAC,GAAc,cAAAC,EAAA,IAAiBC,EAAqB;AAAA,IACvE,WAAAP;AAAA,IACA,WAAAG;AAAA,EAAA,CACD;AAED,SAAAK,EAAU,MACD,MAAM;AACE,IAAAF;EAAA,GAEd,CAACA,CAAY,CAAC,GAGf,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,UAAAD;AAAA,MACA,OAAOE,IAAY,SAAYC;AAAA,MAC/B,eAAeD,IAAYE,IAAe;AAAA,IAAA;AAAA,EAAA;AAGhD,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 { TCourseStream } from '../../create/milestone-create-types';\nimport type { TUserTypes } from '../../../ui/types';\nimport type { ITestHelpPreviewResponse } from './api/preview-test-sheet';\nimport type { IChapterDataProps } from '../../../chapters/chapter/chapter-types';\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  isTrialSession?: boolean;\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;"}