@cuemath/leap 4.1.1-beta.5 → 4.1.1-link.0

package/dist/features/trial-session/comps/learning-plan/learning-preview-worksheet.js

@@ -0,0 +1,81 @@
+import { jsx as v } from "react/jsx-runtime";
+import { memo as D, useCallback as f } from "react";
+import { NODE_TYPE as R } from "../../../sheets/constants/sheet.js";
+import N from "../../../worksheet/worksheet-preview/dynamic-worksheet-preview/dynamic-worksheet-preview.js";
+import { useTrialSessionContext as A } from "../../context/use-trial-session-context.js";
+import { ELearningPlanView as w } from "../../trial-session-types.js";
+import J from "../../../worksheet/worksheet-preview/worksheet-preview.js";
+import { useWorksheetPreviewJourney as O } from "../../hooks/use-worksheet-preview-journey.js";
+const U = D(
+  function({ resetScrollPosition: t }) {
+    const { studentId: n, formData: e, isTeacher: o, updateSlideConfig: r } = A(), i = o ? "TEACHER" : "STUDENT", {
+      name: C = "",
+      learningPlanChapterId: a,
+      learningPlanActiveMilestoneId: s,
+      previewWorksheetJourneyCompleted: y
+    } = e || {}, E = f(() => {
+      r({ previewWorksheetJourneyCompleted: !0 });
+    }, [r]), { worksheetBackIconRef: m, startJourney: c } = O({
+      onComplete: E
+    }), d = !!(o && !y), u = f(() => {
+      if (!o) return;
+      const T = s ? w.ADD_RESOURCE : void 0;
+      r({
+        learningPlanView: a ? w.VIEW_CHAPTER_DETAILS : T,
+        learningPlanWorksheetData: void 0
+      }), t();
+    }, [
+      o,
+      s,
+      r,
+      a,
+      t
+    ]), l = e == null ? void 0 : e.learningPlanWorksheetData;
+    if (!l) return null;
+    const {
+      itemRefs: P,
+      activityReference: p,
+      nodeType: k,
+      worksheetName: g,
+      activityType: W,
+      imageHue: I,
+      userNodeId: h
+    } = l;
+    return (!p || k === R.DYNAMIC) && h ? /* @__PURE__ */ v(
+      N,
+      {
+        userNodeId: h,
+        studentId: n,
+        studentName: C,
+        onBackIconClick: u,
+        userType: i,
+        worksheetBackIconRef: m,
+        canStartJourney: d,
+        startJourney: c
+      }
+    ) : /* @__PURE__ */ v(
+      J,
+      {
+        activityReference: p,
+        mode: "preview",
+        nodeType: k,
+        activityType: W,
+        userType: i,
+        studentId: n ?? "student-id",
+        worksheetName: g,
+        onBackIconClick: u,
+        items: P,
+        behaviorOverride: { navigationMode: "OPEN" },
+        layoutOverride: { containerWidth: "100%" },
+        imageHue: I ?? void 0,
+        worksheetBackIconRef: m,
+        canStartJourney: d,
+        startJourney: c
+      }
+    );
+  }
+);
+export {
+  U as default
+};
+//# sourceMappingURL=learning-preview-worksheet.js.map

package/dist/features/trial-session/comps/learning-plan/learning-preview-worksheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"learning-preview-worksheet.js","sources":["../../../../../src/features/trial-session/comps/learning-plan/learning-preview-worksheet.tsx"],"sourcesContent":["import { type FC, memo, useCallback } from 'react';\n\nimport { NODE_TYPE } from '../../../sheets/constants/sheet';\nimport DynamicWorksheetPreview from '../../../worksheet/worksheet-preview/dynamic-worksheet-preview/dynamic-worksheet-preview';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { ELearningPlanView } from '../../trial-session-types';\nimport { type TNodeTypes } from '../../../../types/models/worksheet';\nimport PreviewWorksheet from '../../../worksheet/worksheet-preview/worksheet-preview';\nimport { useWorksheetPreviewJourney } from '../../hooks/use-worksheet-preview-journey';\nimport { type IBaseLearningPlanProps } from './learning-plan-types';\n\nconst LearningPreviewWorksheet: FC<IBaseLearningPlanProps> = memo(\n  function LearningPreviewWorksheet({ resetScrollPosition }) {\n    const { studentId, formData, isTeacher, updateSlideConfig } = useTrialSessionContext();\n\n    const userType = isTeacher ? 'TEACHER' : 'STUDENT';\n    const {\n      name = '',\n      learningPlanChapterId,\n      learningPlanActiveMilestoneId,\n      previewWorksheetJourneyCompleted,\n    } = formData || {};\n\n    const onJourneyCompleted = useCallback(() => {\n      updateSlideConfig({ previewWorksheetJourneyCompleted: true });\n    }, [updateSlideConfig]);\n\n    const { worksheetBackIconRef, startJourney } = useWorksheetPreviewJourney({\n      onComplete: onJourneyCompleted,\n    });\n    const canStartJourney = Boolean(isTeacher && !previewWorksheetJourneyCompleted);\n\n    const handleExitWorksheet = useCallback(() => {\n      if (!isTeacher) return;\n\n      const addResourcesView = learningPlanActiveMilestoneId\n        ? ELearningPlanView.ADD_RESOURCE\n        : undefined;\n\n      updateSlideConfig({\n        learningPlanView: learningPlanChapterId\n          ? ELearningPlanView.VIEW_CHAPTER_DETAILS\n          : addResourcesView,\n        learningPlanWorksheetData: undefined,\n      });\n      resetScrollPosition();\n    }, [\n      isTeacher,\n      learningPlanActiveMilestoneId,\n      updateSlideConfig,\n      learningPlanChapterId,\n      resetScrollPosition,\n    ]);\n\n    const worksheetData = formData?.learningPlanWorksheetData;\n\n    if (!worksheetData) return null;\n\n    const {\n      itemRefs,\n      activityReference,\n      nodeType,\n      worksheetName,\n      activityType,\n      imageHue,\n      userNodeId,\n    } = worksheetData;\n\n    if ((!activityReference || nodeType === NODE_TYPE.DYNAMIC) && userNodeId) {\n      return (\n        <DynamicWorksheetPreview\n          userNodeId={userNodeId}\n          studentId={studentId}\n          studentName={name}\n          onBackIconClick={handleExitWorksheet}\n          userType={userType}\n          worksheetBackIconRef={worksheetBackIconRef}\n          canStartJourney={canStartJourney}\n          startJourney={startJourney}\n        />\n      );\n    }\n\n    return (\n      <PreviewWorksheet\n        activityReference={activityReference!}\n        mode=\"preview\"\n        nodeType={nodeType as TNodeTypes}\n        activityType={activityType}\n        userType={userType}\n        studentId={studentId ?? 'student-id'}\n        worksheetName={worksheetName}\n        onBackIconClick={handleExitWorksheet}\n        items={itemRefs}\n        behaviorOverride={{ navigationMode: 'OPEN' }}\n        layoutOverride={{ containerWidth: '100%' }}\n        imageHue={imageHue ?? undefined}\n        worksheetBackIconRef={worksheetBackIconRef}\n        canStartJourney={canStartJourney}\n        startJourney={startJourney}\n      />\n    );\n  },\n);\n\nexport default LearningPreviewWorksheet;\n"],"names":["LearningPreviewWorksheet","memo","resetScrollPosition","studentId","formData","isTeacher","updateSlideConfig","useTrialSessionContext","userType","name","learningPlanChapterId","learningPlanActiveMilestoneId","previewWorksheetJourneyCompleted","onJourneyCompleted","useCallback","worksheetBackIconRef","startJourney","useWorksheetPreviewJourney","canStartJourney","handleExitWorksheet","addResourcesView","ELearningPlanView","worksheetData","itemRefs","activityReference","nodeType","worksheetName","activityType","imageHue","userNodeId","NODE_TYPE","jsx","DynamicWorksheetPreview","PreviewWorksheet"],"mappings":";;;;;;;;AAWA,MAAMA,IAAuDC;AAAA,EAC3D,SAAkC,EAAE,qBAAAC,KAAuB;AACzD,UAAM,EAAE,WAAAC,GAAW,UAAAC,GAAU,WAAAC,GAAW,mBAAAC,EAAA,IAAsBC,KAExDC,IAAWH,IAAY,YAAY,WACnC;AAAA,MACJ,MAAAI,IAAO;AAAA,MACP,uBAAAC;AAAA,MACA,+BAAAC;AAAA,MACA,kCAAAC;AAAA,IAAA,IACER,KAAY,CAAA,GAEVS,IAAqBC,EAAY,MAAM;AACzB,MAAAR,EAAA,EAAE,kCAAkC,GAAA,CAAM;AAAA,IAAA,GAC3D,CAACA,CAAiB,CAAC,GAEhB,EAAE,sBAAAS,GAAsB,cAAAC,EAAa,IAAIC,EAA2B;AAAA,MACxE,YAAYJ;AAAA,IAAA,CACb,GACKK,IAAkB,GAAQb,KAAa,CAACO,IAExCO,IAAsBL,EAAY,MAAM;AAC5C,UAAI,CAACT,EAAW;AAEV,YAAAe,IAAmBT,IACrBU,EAAkB,eAClB;AAEc,MAAAf,EAAA;AAAA,QAChB,kBAAkBI,IACdW,EAAkB,uBAClBD;AAAA,QACJ,2BAA2B;AAAA,MAAA,CAC5B,GACmBlB;IAAA,GACnB;AAAA,MACDG;AAAA,MACAM;AAAA,MACAL;AAAA,MACAI;AAAA,MACAR;AAAA,IAAA,CACD,GAEKoB,IAAgBlB,KAAA,gBAAAA,EAAU;AAE5B,QAAA,CAACkB,EAAsB,QAAA;AAErB,UAAA;AAAA,MACJ,UAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,eAAAC;AAAA,MACA,cAAAC;AAAA,MACA,UAAAC;AAAA,MACA,YAAAC;AAAA,IACE,IAAAP;AAEJ,YAAK,CAACE,KAAqBC,MAAaK,EAAU,YAAYD,IAE1D,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,YAAAH;AAAA,QACA,WAAA1B;AAAA,QACA,aAAaM;AAAA,QACb,iBAAiBU;AAAA,QACjB,UAAAX;AAAA,QACA,sBAAAO;AAAA,QACA,iBAAAG;AAAA,QACA,cAAAF;AAAA,MAAA;AAAA,IAAA,IAMJ,gBAAAe;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,mBAAAT;AAAA,QACA,MAAK;AAAA,QACL,UAAAC;AAAA,QACA,cAAAE;AAAA,QACA,UAAAnB;AAAA,QACA,WAAWL,KAAa;AAAA,QACxB,eAAAuB;AAAA,QACA,iBAAiBP;AAAA,QACjB,OAAOI;AAAA,QACP,kBAAkB,EAAE,gBAAgB,OAAO;AAAA,QAC3C,gBAAgB,EAAE,gBAAgB,OAAO;AAAA,QACzC,UAAUK,KAAY;AAAA,QACtB,sBAAAb;AAAA,QACA,iBAAAG;AAAA,QACA,cAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/features/trial-session/comps/learning-plan/learning-test-creation-sync.js

@@ -0,0 +1,41 @@
+import { jsx as C } from "react/jsx-runtime";
+import { memo as I, useCallback as i } from "react";
+import S from "../../../milestone/milestone-tests/tests-creation/tests-creation-sync.js";
+import { useTrialSessionContext as g } from "../../context/use-trial-session-context.js";
+import { useUIContext as p } from "../../../ui/context/context.js";
+const P = I(
+  function(a) {
+    const { resetScrollPosition: n } = a, { trialHomeData: l, studentId: c, teacherClassroomId: m, formData: u, isTeacher: e, updateSlideConfig: o } = g(), { onEvent: r } = p(), d = e ? "TEACHER" : "STUDENT", {
+      demo_info: { stream: f }
+    } = l || {}, { learningPlanActiveMilestoneId: t } = u || {}, s = i(() => {
+      e && (o({
+        learningPlanView: void 0,
+        learningPlanActiveMilestoneId: void 0
+      }), n());
+    }, [e, o, n]), E = i(
+      (T) => {
+        r("LEARNING_PLAN_SLIDE_ERROR", { message: T });
+      },
+      [r]
+    );
+    return t ? /* @__PURE__ */ C(
+      S,
+      {
+        channelId: `a-t-s-${m}-${t}`,
+        courseStream: f,
+        milestoneId: t,
+        studentId: c,
+        testNumber: 1,
+        userType: d,
+        onTestAssign: s,
+        onExit: s,
+        onError: E,
+        useAbsoluteFooter: !0
+      }
+    ) : null;
+  }
+);
+export {
+  P as default
+};
+//# sourceMappingURL=learning-test-creation-sync.js.map

package/dist/features/trial-session/comps/learning-plan/learning-test-creation-sync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"learning-test-creation-sync.js","sources":["../../../../../src/features/trial-session/comps/learning-plan/learning-test-creation-sync.tsx"],"sourcesContent":["import { type FC, memo, useCallback } from 'react';\n\nimport TestsCreationSync from '../../../milestone/milestone-tests/tests-creation/tests-creation-sync';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { type IBaseLearningPlanProps } from './learning-plan-types';\nimport { useUIContext } from '../../../ui/context/context';\n\nconst LearningTestCreationSync: FC<IBaseLearningPlanProps> = memo(\n  function LearningTestCreationSync(props) {\n    const { resetScrollPosition } = props;\n    const { trialHomeData, studentId, teacherClassroomId, formData, isTeacher, updateSlideConfig } =\n      useTrialSessionContext();\n    const { onEvent: trackEvent } = useUIContext();\n    const userType = isTeacher ? 'TEACHER' : 'STUDENT';\n\n    const {\n      demo_info: { stream },\n    } = trialHomeData || {};\n    const { learningPlanActiveMilestoneId } = formData || {};\n\n    const handleExitForm = useCallback(() => {\n      if (!isTeacher) return;\n\n      updateSlideConfig({\n        learningPlanView: undefined,\n        learningPlanActiveMilestoneId: undefined,\n      });\n      resetScrollPosition();\n    }, [isTeacher, updateSlideConfig, resetScrollPosition]);\n\n    const handleError = useCallback(\n      (errorMessage?: string) => {\n        trackEvent('LEARNING_PLAN_SLIDE_ERROR', { message: errorMessage });\n      },\n      [trackEvent],\n    );\n\n    if (!learningPlanActiveMilestoneId) return null;\n\n    return (\n      <TestsCreationSync\n        channelId={`a-t-s-${teacherClassroomId}-${learningPlanActiveMilestoneId}`}\n        courseStream={stream}\n        milestoneId={learningPlanActiveMilestoneId}\n        studentId={studentId}\n        testNumber={1}\n        userType={userType}\n        onTestAssign={handleExitForm}\n        onExit={handleExitForm}\n        onError={handleError}\n        useAbsoluteFooter\n      />\n    );\n  },\n);\n\nexport default LearningTestCreationSync;\n"],"names":["LearningTestCreationSync","memo","props","resetScrollPosition","trialHomeData","studentId","teacherClassroomId","formData","isTeacher","updateSlideConfig","useTrialSessionContext","trackEvent","useUIContext","userType","stream","learningPlanActiveMilestoneId","handleExitForm","useCallback","handleError","errorMessage","jsx","TestsCreationSync"],"mappings":";;;;;AAOA,MAAMA,IAAuDC;AAAA,EAC3D,SAAkCC,GAAO;AACjC,UAAA,EAAE,qBAAAC,EAAwB,IAAAD,GAC1B,EAAE,eAAAE,GAAe,WAAAC,GAAW,oBAAAC,GAAoB,UAAAC,GAAU,WAAAC,GAAW,mBAAAC,MACzEC,KACI,EAAE,SAASC,EAAW,IAAIC,EAAa,GACvCC,IAAWL,IAAY,YAAY,WAEnC;AAAA,MACJ,WAAW,EAAE,QAAAM,EAAO;AAAA,IAAA,IAClBV,KAAiB,CAAA,GACf,EAAE,+BAAAW,EAAA,IAAkCR,KAAY,IAEhDS,IAAiBC,EAAY,MAAM;AACvC,MAAKT,MAEaC,EAAA;AAAA,QAChB,kBAAkB;AAAA,QAClB,+BAA+B;AAAA,MAAA,CAChC,GACmBN;IACnB,GAAA,CAACK,GAAWC,GAAmBN,CAAmB,CAAC,GAEhDe,IAAcD;AAAA,MAClB,CAACE,MAA0B;AACzB,QAAAR,EAAW,6BAA6B,EAAE,SAASQ,EAAc,CAAA;AAAA,MACnE;AAAA,MACA,CAACR,CAAU;AAAA,IAAA;AAGT,WAACI,IAGH,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAW,SAASf,CAAkB,IAAIS,CAA6B;AAAA,QACvE,cAAcD;AAAA,QACd,aAAaC;AAAA,QACb,WAAAV;AAAA,QACA,YAAY;AAAA,QACZ,UAAAQ;AAAA,QACA,cAAcG;AAAA,QACd,QAAQA;AAAA,QACR,SAASE;AAAA,QACT,mBAAiB;AAAA,MAAA;AAAA,IAAA,IAbsB;AAAA,EAgB7C;AACF;"}

package/dist/features/trial-session/hooks/use-chapter-details-journey.js

@@ -0,0 +1,97 @@
+import { jsx as o, Fragment as b, jsxs as f } from "react/jsx-runtime";
+import { useRef as a, useCallback as s, useEffect as E, useMemo as k } from "react";
+import y from "../../ui/layout/flex-view.js";
+import { JOURNEY_ID_TEACHER as I } from "../../journey/journey-id/journey-id-teacher.js";
+import { IndicatorType as T } from "../../journey/use-journey/constants.js";
+import g from "../../ui/separator/separator.js";
+import i from "../../ui/text/text.js";
+import A from "../../journey/hooks/use-home-page-journey/tooltip-item.js";
+import { useJourney as L } from "../../journey/use-journey/use-journey.js";
+const D = ({ onComplete: d }) => {
+  const n = I.CHAPTER_DETAILS_INTRO_JOURNEY, e = a(null), t = a(null), O = a([]), { setJourney: m, clearJourney: r, nextCoachmark: c, isJourneyActive: u } = L(), h = s(() => {
+    document.body.style.overflow = "unset", r(), d();
+  }, [r, d]), l = s(() => {
+    c(n);
+  }, [n, c]), p = s(() => {
+    if (!(e != null && e.current) || !(t != null && t.current) || u) return;
+    const w = [
+      {
+        originalElementToHighlightRef: e,
+        elementToHighlight: /* @__PURE__ */ o(b, {}),
+        type: T.TOOLTIP,
+        indicator: {
+          width: 264,
+          renderAs: "primary",
+          tooltipXCoOrdinates: 145,
+          tooltipYCoOrdinates: 125,
+          arrowSize: 10,
+          arrowXCoOrdinates: -100,
+          position: "bottom",
+          backgroundColor: "PURPLE_4",
+          borderColor: "BLACK",
+          arrowColor: "BLACK",
+          tooltipItem: /* @__PURE__ */ o(
+            A,
+            {
+              element: /* @__PURE__ */ f(y, { children: [
+                /* @__PURE__ */ o(i, { $renderAs: "ub3-bold", children: "Open a worksheet" }),
+                /* @__PURE__ */ o(g, { height: 4 }),
+                /* @__PURE__ */ o(i, { $renderAs: "ub3", children: "Tap to open any worksheet." })
+              ] }),
+              buttonLabel: "Got it",
+              onButtonClick: l
+            }
+          )
+        }
+      },
+      {
+        originalElementToHighlightRef: t,
+        elementToHighlight: /* @__PURE__ */ o(b, {}),
+        type: T.TOOLTIP,
+        indicator: {
+          width: 283,
+          renderAs: "primary",
+          tooltipXCoOrdinates: 130,
+          tooltipYCoOrdinates: 40,
+          arrowSize: 10,
+          arrowXCoOrdinates: -115,
+          position: "bottom",
+          backgroundColor: "ORANGE_4",
+          borderColor: "BLACK",
+          arrowColor: "BLACK",
+          tooltipItem: /* @__PURE__ */ o(
+            A,
+            {
+              element: /* @__PURE__ */ f(y, { children: [
+                /* @__PURE__ */ o(i, { $renderAs: "ub3-bold", children: "Back to Goals" }),
+                /* @__PURE__ */ o(g, { height: 4 }),
+                /* @__PURE__ */ o(i, { $renderAs: "ub3", children: "Tap here to go back to learning home." })
+              ] }),
+              buttonLabel: "Got it",
+              onButtonClick: h
+            }
+          )
+        }
+      }
+    ];
+    m(n, w, void 0, !1);
+    const C = setTimeout(() => {
+      clearTimeout(C), document.body.style.overflow = "hidden", l();
+    }, 500);
+    O.current.push(C);
+  }, [h, l, u, n, m]);
+  return E(() => () => {
+    r && r();
+  }, [r]), k(
+    () => ({
+      nodeCardsRef: e,
+      backButtonRef: t,
+      startJourney: p
+    }),
+    [p]
+  );
+};
+export {
+  D as useChapterDetailsJourney
+};
+//# sourceMappingURL=use-chapter-details-journey.js.map

package/dist/features/trial-session/hooks/use-chapter-details-journey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chapter-details-journey.js","sources":["../../../../src/features/trial-session/hooks/use-chapter-details-journey.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, type RefObject } from 'react';\n\nimport type { IArrowTooltipProps } from '../../ui/arrow-tooltip/arrow-tooltip-types';\nimport FlexView from '../../ui/layout/flex-view';\nimport { JOURNEY_ID_TEACHER } from '../../journey/journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../journey/use-journey/constants';\nimport type { TCoachmarkJourneyProps } from '../../journey/use-journey/journey-context-types';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport TooltipItem from '../../journey/hooks/use-home-page-journey/tooltip-item';\nimport { useJourney } from '../../journey/use-journey/use-journey';\n\ninterface IUseChapterDetailsJourney {\n  (params: { onComplete: () => void }): {\n    nodeCardsRef: RefObject<HTMLDivElement>;\n    backButtonRef: RefObject<HTMLDivElement>;\n    startJourney: () => void;\n  };\n}\n\nconst useChapterDetailsJourney: IUseChapterDetailsJourney = ({ onComplete }) => {\n  const journeyId = JOURNEY_ID_TEACHER.CHAPTER_DETAILS_INTRO_JOURNEY;\n\n  // Refs for elements to highlight\n  const nodeCardsRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n  const backButtonRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { setJourney, clearJourney, nextCoachmark, isJourneyActive } = useJourney();\n\n  // Helper to mark journey as completed for a class\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    clearJourney();\n    onComplete();\n  }, [clearJourney, onComplete]);\n\n  const handleNextCoachmark = useCallback(() => {\n    nextCoachmark(journeyId);\n  }, [journeyId, nextCoachmark]);\n\n  const startJourney = useCallback(() => {\n    // Check if elements are absent or journey was already completed for this class\n    if (!nodeCardsRef?.current || !backButtonRef?.current || isJourneyActive) return;\n\n    const chapterDetailsSteps: TCoachmarkJourneyProps[] = [\n      {\n        originalElementToHighlightRef: nodeCardsRef,\n        elementToHighlight: <></>,\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          width: 264,\n          renderAs: 'primary',\n          tooltipXCoOrdinates: 145,\n          tooltipYCoOrdinates: 125,\n          arrowSize: 10,\n          arrowXCoOrdinates: -100,\n          position: 'bottom',\n          backgroundColor: 'PURPLE_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              element={\n                <FlexView>\n                  <Text $renderAs=\"ub3-bold\">Open a worksheet</Text>\n                  <Separator height={4} />\n                  <Text $renderAs=\"ub3\">Tap to open any worksheet.</Text>\n                </FlexView>\n              }\n              buttonLabel=\"Got it\"\n              onButtonClick={handleNextCoachmark}\n            />\n          ),\n        } as IArrowTooltipProps,\n      },\n      {\n        originalElementToHighlightRef: backButtonRef,\n        elementToHighlight: <></>,\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          width: 283,\n          renderAs: 'primary',\n          tooltipXCoOrdinates: 130,\n          tooltipYCoOrdinates: 40,\n          arrowSize: 10,\n          arrowXCoOrdinates: -115,\n          position: 'bottom',\n          backgroundColor: 'ORANGE_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              element={\n                <FlexView>\n                  <Text $renderAs=\"ub3-bold\">Back to Goals</Text>\n                  <Separator height={4} />\n                  <Text $renderAs=\"ub3\">Tap here to go back to learning home.</Text>\n                </FlexView>\n              }\n              buttonLabel=\"Got it\"\n              onButtonClick={handleEndJourney}\n            />\n          ),\n        } as IArrowTooltipProps,\n      },\n    ];\n\n    setJourney(journeyId, chapterDetailsSteps, undefined, false);\n\n    const delayBeforeStart = setTimeout(() => {\n      clearTimeout(delayBeforeStart);\n      document.body.style.overflow = 'hidden';\n      handleNextCoachmark();\n    }, 500);\n\n    timerRefs.current.push(delayBeforeStart);\n  }, [handleEndJourney, handleNextCoachmark, isJourneyActive, journeyId, setJourney]);\n\n  useEffect(() => {\n    return () => {\n      if (clearJourney) {\n        clearJourney();\n      }\n    };\n  }, [clearJourney]);\n\n  const data = useMemo(\n    () => ({\n      nodeCardsRef,\n      backButtonRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { useChapterDetailsJourney };\n"],"names":["useChapterDetailsJourney","onComplete","journeyId","JOURNEY_ID_TEACHER","nodeCardsRef","useRef","backButtonRef","timerRefs","setJourney","clearJourney","nextCoachmark","isJourneyActive","useJourney","handleEndJourney","useCallback","handleNextCoachmark","startJourney","chapterDetailsSteps","jsx","Fragment","IndicatorType","TooltipItem","FlexView","Text","Separator","delayBeforeStart","useEffect","useMemo"],"mappings":"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"}

package/dist/features/trial-session/hooks/use-learning-plan-journey.js

@@ -0,0 +1,105 @@
+import { jsx as o, Fragment as y, jsxs as b } from "react/jsx-runtime";
+import { useRef as a, useCallback as s, useEffect as w, useMemo as L } from "react";
+import f from "../../ui/layout/flex-view.js";
+import { JOURNEY_ID_TEACHER as I } from "../../journey/journey-id/journey-id-teacher.js";
+import { IndicatorType as g } from "../../journey/use-journey/constants.js";
+import T from "../../ui/separator/separator.js";
+import l from "../../ui/text/text.js";
+import A from "../../journey/hooks/use-home-page-journey/tooltip-item.js";
+import { useJourney as J } from "../../journey/use-journey/use-journey.js";
+const Y = ({ onComplete: d }) => {
+  const e = I.LEARNING_PLAN_INTRO_JOURNEY, r = a(null), t = a(null), O = a([]), { isJourneyActive: c, setJourney: m, clearJourney: n, nextCoachmark: i } = J(), u = s(() => {
+    i(e);
+  }, [e, i]), p = s(() => {
+    document.body.style.overflow = "unset", n(), d();
+  }, [n, d]), h = s(() => {
+    if (!(r != null && r.current) || !(t != null && t.current) || c)
+      return;
+    const E = [
+      {
+        originalElementToHighlightRef: r,
+        elementToHighlight: /* @__PURE__ */ o(y, {}),
+        type: g.TOOLTIP,
+        indicator: {
+          width: 264,
+          renderAs: "primary",
+          tooltipXCoOrdinates: -85,
+          tooltipYCoOrdinates: 40,
+          arrowSize: 10,
+          arrowXCoOrdinates: 102,
+          position: "bottom",
+          backgroundColor: "BLUE_4",
+          borderColor: "BLACK",
+          arrowColor: "BLACK",
+          tooltipItem: /* @__PURE__ */ o(
+            A,
+            {
+              element: /* @__PURE__ */ b(f, { children: [
+                /* @__PURE__ */ o(l, { $renderAs: "ub3-bold", children: "Edit a Goal" }),
+                /* @__PURE__ */ o(T, { height: 4 }),
+                /* @__PURE__ */ o(l, { $renderAs: "ub3", children: "You can always edit this later." })
+              ] }),
+              buttonLabel: "Got it",
+              onButtonClick: u
+            }
+          )
+        }
+      },
+      {
+        originalElementToHighlightRef: t,
+        elementToHighlight: /* @__PURE__ */ o(y, {}),
+        type: g.TOOLTIP,
+        indicator: {
+          width: 232,
+          renderAs: "primary",
+          tooltipXCoOrdinates: 175,
+          tooltipYCoOrdinates: 75,
+          arrowSize: 10,
+          arrowXCoOrdinates: 0,
+          position: "right",
+          backgroundColor: "GREEN_4",
+          borderColor: "BLACK",
+          arrowColor: "BLACK",
+          tooltipItem: /* @__PURE__ */ o(
+            A,
+            {
+              element: /* @__PURE__ */ b(f, { children: [
+                /* @__PURE__ */ o(l, { $renderAs: "ub3-bold", children: "Open a Chapter" }),
+                /* @__PURE__ */ o(T, { height: 4 }),
+                /* @__PURE__ */ o(l, { $renderAs: "ub3", children: "Tap to open any chapter." })
+              ] }),
+              buttonLabel: "Got it",
+              onButtonClick: p
+            }
+          )
+        }
+      }
+    ];
+    m(e, E, void 0, !1);
+    const C = setTimeout(() => {
+      clearTimeout(C), document.body.style.overflow = "hidden", i(e);
+    }, 500);
+    O.current.push(C);
+  }, [
+    p,
+    u,
+    c,
+    e,
+    i,
+    m
+  ]);
+  return w(() => () => {
+    n && n();
+  }, [n]), L(
+    () => ({
+      editButtonRef: r,
+      firstChapterRef: t,
+      startJourney: h
+    }),
+    [h]
+  );
+};
+export {
+  Y as useLearningPlanJourney
+};
+//# sourceMappingURL=use-learning-plan-journey.js.map

package/dist/features/trial-session/hooks/use-learning-plan-journey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-learning-plan-journey.js","sources":["../../../../src/features/trial-session/hooks/use-learning-plan-journey.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, type RefObject } from 'react';\n\nimport type { IArrowTooltipProps } from '../../ui/arrow-tooltip/arrow-tooltip-types';\nimport FlexView from '../../ui/layout/flex-view';\nimport { JOURNEY_ID_TEACHER } from '../../journey/journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../journey/use-journey/constants';\nimport type { TCoachmarkJourneyProps } from '../../journey/use-journey/journey-context-types';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport TooltipItem from '../../journey/hooks/use-home-page-journey/tooltip-item';\nimport { useJourney } from '../../journey/use-journey/use-journey';\n\ninterface IUseLearningPlanJourney {\n  ({ onComplete }: { onComplete: () => void }): {\n    editButtonRef: RefObject<HTMLDivElement>;\n    firstChapterRef: RefObject<HTMLDivElement>;\n    startJourney: () => void;\n  };\n}\n\nconst useLearningPlanJourney: IUseLearningPlanJourney = ({ onComplete }) => {\n  const journeyId = JOURNEY_ID_TEACHER.LEARNING_PLAN_INTRO_JOURNEY;\n\n  // Refs for elements to highlight\n  const editButtonRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n  const firstChapterRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { isJourneyActive, setJourney, clearJourney, nextCoachmark } = useJourney();\n\n  const handleNextCoachmark = useCallback(() => {\n    nextCoachmark(journeyId);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    clearJourney();\n    onComplete();\n  }, [clearJourney, onComplete]);\n\n  const startJourney = useCallback(() => {\n    // Check if targeted is absent or journey was already completed or active for this class\n\n    if (!editButtonRef?.current || !firstChapterRef?.current || isJourneyActive) {\n      return;\n    }\n\n    const learningPlanSteps: TCoachmarkJourneyProps[] = [\n      {\n        originalElementToHighlightRef: editButtonRef,\n        elementToHighlight: <></>,\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          width: 264,\n          renderAs: 'primary',\n          tooltipXCoOrdinates: -85,\n          tooltipYCoOrdinates: 40,\n          arrowSize: 10,\n          arrowXCoOrdinates: 102,\n          position: 'bottom',\n          backgroundColor: 'BLUE_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              element={\n                <FlexView>\n                  <Text $renderAs=\"ub3-bold\">Edit a Goal</Text>\n                  <Separator height={4} />\n                  <Text $renderAs=\"ub3\">You can always edit this later.</Text>\n                </FlexView>\n              }\n              buttonLabel=\"Got it\"\n              onButtonClick={handleNextCoachmark}\n            />\n          ),\n        } as IArrowTooltipProps,\n      },\n      {\n        originalElementToHighlightRef: firstChapterRef,\n        elementToHighlight: <></>,\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          width: 232,\n          renderAs: 'primary',\n          tooltipXCoOrdinates: 175,\n          tooltipYCoOrdinates: 75,\n          arrowSize: 10,\n          arrowXCoOrdinates: 0,\n          position: 'right',\n          backgroundColor: 'GREEN_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              element={\n                <FlexView>\n                  <Text $renderAs=\"ub3-bold\">Open a Chapter</Text>\n                  <Separator height={4} />\n                  <Text $renderAs=\"ub3\">Tap to open any chapter.</Text>\n                </FlexView>\n              }\n              buttonLabel=\"Got it\"\n              onButtonClick={handleEndJourney}\n            />\n          ),\n        } as IArrowTooltipProps,\n      },\n    ];\n\n    setJourney(journeyId, learningPlanSteps, undefined, false);\n\n    const delayBeforeStart = setTimeout(() => {\n      clearTimeout(delayBeforeStart);\n      document.body.style.overflow = 'hidden';\n      nextCoachmark(journeyId);\n    }, 500);\n\n    timerRefs.current.push(delayBeforeStart);\n  }, [\n    handleEndJourney,\n    handleNextCoachmark,\n    isJourneyActive,\n    journeyId,\n    nextCoachmark,\n    setJourney,\n  ]);\n\n  useEffect(() => {\n    return () => {\n      if (clearJourney) {\n        clearJourney();\n      }\n    };\n  }, [clearJourney]);\n\n  const data = useMemo(\n    () => ({\n      editButtonRef,\n      firstChapterRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { useLearningPlanJourney };\n"],"names":["useLearningPlanJourney","onComplete","journeyId","JOURNEY_ID_TEACHER","editButtonRef","useRef","firstChapterRef","timerRefs","isJourneyActive","setJourney","clearJourney","nextCoachmark","useJourney","handleNextCoachmark","useCallback","handleEndJourney","startJourney","learningPlanSteps","jsx","Fragment","IndicatorType","TooltipItem","FlexView","Text","Separator","delayBeforeStart","useEffect","useMemo"],"mappings":"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"}

package/dist/features/trial-session/hooks/use-resource-assignment-journey.js

@@ -0,0 +1,64 @@
+import { jsx as t, Fragment as h, jsxs as T } from "react/jsx-runtime";
+import { useRef as u, useCallback as d, useEffect as E, useMemo as b } from "react";
+import { JOURNEY_ID_TEACHER as g } from "../../journey/journey-id/journey-id-teacher.js";
+import A from "../../journey/hooks/use-home-page-journey/tooltip-item.js";
+import { IndicatorType as C } from "../../journey/use-journey/constants.js";
+import J from "../../ui/layout/flex-view.js";
+import R from "../../ui/separator/separator.js";
+import p from "../../ui/text/text.js";
+import { useJourney as I } from "../../journey/use-journey/use-journey.js";
+const U = ({ onComplete: n }) => {
+  const r = g.RESOURCE_ASSIGNMENT_INTRO_JOURNEY, e = u(null), f = u([]), { setJourney: i, nextCoachmark: s, clearJourney: o, isJourneyActive: m } = I(), a = d(() => {
+    document.body.style.overflow = "unset", o(), n();
+  }, [o, n]), l = d(() => {
+    if (!(e != null && e.current) || m) return;
+    const y = [
+      {
+        originalElementToHighlightRef: e,
+        elementToHighlight: /* @__PURE__ */ t(h, {}),
+        type: C.TOOLTIP,
+        indicator: {
+          width: 264,
+          renderAs: "primary",
+          tooltipXCoOrdinates: 85,
+          tooltipYCoOrdinates: 50,
+          arrowSize: 10,
+          position: "bottom",
+          backgroundColor: "PURPLE_4",
+          borderColor: "BLACK",
+          arrowColor: "BLACK",
+          tooltipItem: /* @__PURE__ */ t(
+            A,
+            {
+              element: /* @__PURE__ */ T(J, { children: [
+                /* @__PURE__ */ t(p, { $renderAs: "ub3-bold", children: "Assign Extra Practice" }),
+                /* @__PURE__ */ t(R, { height: 4 }),
+                /* @__PURE__ */ t(p, { $renderAs: "ub3", children: "Tap here to assign a new activity." })
+              ] }),
+              buttonLabel: "Got it",
+              onButtonClick: a
+            }
+          )
+        }
+      }
+    ];
+    i(r, y, void 0, !1);
+    const c = setTimeout(() => {
+      clearTimeout(c), document.body.style.overflow = "hidden", s(r);
+    }, 100);
+    f.current.push(c);
+  }, [a, m, r, s, i]);
+  return E(() => () => {
+    o && o();
+  }, [o]), b(
+    () => ({
+      assignResourceButtonRef: e,
+      startJourney: l
+    }),
+    [l]
+  );
+};
+export {
+  U as useResourceAssignmentJourney
+};
+//# sourceMappingURL=use-resource-assignment-journey.js.map

package/dist/features/trial-session/hooks/use-resource-assignment-journey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-resource-assignment-journey.js","sources":["../../../../src/features/trial-session/hooks/use-resource-assignment-journey.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, type RefObject } from 'react';\n\nimport { JOURNEY_ID_TEACHER } from '../../journey/journey-id/journey-id-teacher';\nimport TooltipItem from '../../journey/hooks/use-home-page-journey/tooltip-item';\nimport { IndicatorType } from '../../journey/use-journey/constants';\nimport type { TCoachmarkJourneyProps } from '../../journey/use-journey/journey-context-types';\nimport type { IArrowTooltipProps } from '../../ui/arrow-tooltip/arrow-tooltip-types';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { useJourney } from '../../journey/use-journey/use-journey';\n\ninterface IUseResourceAssignmentJourney {\n  (props: { onComplete: () => void }): {\n    assignResourceButtonRef: RefObject<HTMLDivElement>;\n    startJourney: () => void;\n  };\n}\n\nconst useResourceAssignmentJourney: IUseResourceAssignmentJourney = ({ onComplete }) => {\n  const journeyId = JOURNEY_ID_TEACHER.RESOURCE_ASSIGNMENT_INTRO_JOURNEY;\n\n  // Refs for elements to highlight\n  const assignResourceButtonRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { setJourney, nextCoachmark, clearJourney, isJourneyActive } = useJourney();\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    clearJourney();\n    onComplete();\n  }, [clearJourney, onComplete]);\n\n  const startJourney = useCallback(() => {\n    // Check if elements are absent or journey was already completed for this class\n    if (!assignResourceButtonRef?.current || isJourneyActive) return;\n\n    const resourceAssignmentSteps: TCoachmarkJourneyProps[] = [\n      {\n        originalElementToHighlightRef: assignResourceButtonRef,\n        elementToHighlight: <></>,\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          width: 264,\n          renderAs: 'primary',\n          tooltipXCoOrdinates: 85,\n          tooltipYCoOrdinates: 50,\n          arrowSize: 10,\n          position: 'bottom',\n          backgroundColor: 'PURPLE_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              element={\n                <FlexView>\n                  <Text $renderAs=\"ub3-bold\">Assign Extra Practice</Text>\n                  <Separator height={4} />\n                  <Text $renderAs=\"ub3\">Tap here to assign a new activity.</Text>\n                </FlexView>\n              }\n              buttonLabel=\"Got it\"\n              onButtonClick={handleEndJourney}\n            />\n          ),\n        } as IArrowTooltipProps,\n      },\n    ];\n\n    setJourney(journeyId, resourceAssignmentSteps, undefined, false);\n\n    const delayBeforeStart = setTimeout(() => {\n      clearTimeout(delayBeforeStart);\n      document.body.style.overflow = 'hidden';\n      nextCoachmark(journeyId);\n    }, 100);\n\n    timerRefs.current.push(delayBeforeStart);\n  }, [handleEndJourney, isJourneyActive, journeyId, nextCoachmark, setJourney]);\n\n  useEffect(() => {\n    return () => {\n      if (clearJourney) {\n        clearJourney();\n      }\n    };\n  }, [clearJourney]);\n\n  const data = useMemo(\n    () => ({\n      assignResourceButtonRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { useResourceAssignmentJourney };\n"],"names":["useResourceAssignmentJourney","onComplete","journeyId","JOURNEY_ID_TEACHER","assignResourceButtonRef","useRef","timerRefs","setJourney","nextCoachmark","clearJourney","isJourneyActive","useJourney","handleEndJourney","useCallback","startJourney","resourceAssignmentSteps","jsx","Fragment","IndicatorType","TooltipItem","FlexView","Text","Separator","delayBeforeStart","useEffect","useMemo"],"mappings":";;;;;;;;;AAmBA,MAAMA,IAA8D,CAAC,EAAE,YAAAC,QAAiB;AACtF,QAAMC,IAAYC,EAAmB,mCAG/BC,IAA0BC,EAAuB,IAAI,GACrDC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,eAAAC,GAAe,cAAAC,GAAc,iBAAAC,EAAA,IAAoBC,KAE/DC,IAAmBC,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAClBJ,KACFR;EAAA,GACV,CAACQ,GAAcR,CAAU,CAAC,GAEvBa,IAAeD,EAAY,MAAM;AAEjC,QAAA,EAACT,KAAA,QAAAA,EAAyB,YAAWM,EAAiB;AAE1D,UAAMK,IAAoD;AAAA,MACxD;AAAA,QACE,+BAA+BX;AAAA,QAC/B,oBAAsB,gBAAAY,EAAAC,GAAA,EAAA;AAAA,QACtB,MAAMC,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,OAAO;AAAA,UACP,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,2BACGC,GACC,EAAA,UAAA;AAAA,gBAAC,gBAAAJ,EAAAK,GAAA,EAAK,WAAU,YAAW,UAAqB,yBAAA;AAAA,gBAChD,gBAAAL,EAACM,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,gBACrB,gBAAAN,EAAAK,GAAA,EAAK,WAAU,OAAM,UAAkC,sCAAA;AAAA,cAAA,GAC1D;AAAA,cAEF,aAAY;AAAA,cACZ,eAAeT;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,MACF;AAAA,IAAA;AAGS,IAAAL,EAAAL,GAAWa,GAAyB,QAAW,EAAK;AAEzD,UAAAQ,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UAC/Bf,EAAcN,CAAS;AAAA,OACtB,GAAG;AAEI,IAAAI,EAAA,QAAQ,KAAKiB,CAAgB;AAAA,EAAA,GACtC,CAACX,GAAkBF,GAAiBR,GAAWM,GAAeD,CAAU,CAAC;AAE5E,SAAAiB,EAAU,MACD,MAAM;AACX,IAAIf,KACWA;EACf,GAED,CAACA,CAAY,CAAC,GAEJgB;AAAA,IACX,OAAO;AAAA,MACL,yBAAArB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}

package/dist/features/trial-session/hooks/use-test-creation-journey.js

@@ -0,0 +1,64 @@
+import { jsx as e, Fragment as h, jsxs as T } from "react/jsx-runtime";
+import { useRef as d, useCallback as c, useEffect as C, useMemo as b } from "react";
+import { JOURNEY_ID_TEACHER as g } from "../../journey/journey-id/journey-id-teacher.js";
+import E from "../../journey/hooks/use-home-page-journey/tooltip-item.js";
+import { IndicatorType as A } from "../../journey/use-journey/constants.js";
+import J from "../../ui/layout/flex-view.js";
+import I from "../../ui/separator/separator.js";
+import p from "../../ui/text/text.js";
+import { useJourney as O } from "../../journey/use-journey/use-journey.js";
+const j = ({ onComplete: n }) => {
+  const r = g.TEST_CREATION_INTRO_JOURNEY, o = d(null), f = d([]), { setJourney: i, nextCoachmark: s, clearJourney: t, isJourneyActive: a } = O(), l = c(() => {
+    document.body.style.overflow = "unset", t(), n();
+  }, [t, n]), m = c(() => {
+    if (!(o != null && o.current) || a) return;
+    const y = [
+      {
+        originalElementToHighlightRef: o,
+        elementToHighlight: /* @__PURE__ */ e(h, {}),
+        type: A.TOOLTIP,
+        indicator: {
+          width: 264,
+          renderAs: "primary",
+          tooltipXCoOrdinates: 85,
+          tooltipYCoOrdinates: 50,
+          arrowSize: 10,
+          position: "bottom",
+          backgroundColor: "BLUE_4",
+          borderColor: "BLACK",
+          arrowColor: "BLACK",
+          tooltipItem: /* @__PURE__ */ e(
+            E,
+            {
+              element: /* @__PURE__ */ T(J, { children: [
+                /* @__PURE__ */ e(p, { $renderAs: "ub3-bold", children: "Assign a test" }),
+                /* @__PURE__ */ e(I, { height: 4 }),
+                /* @__PURE__ */ e(p, { $renderAs: "ub3", children: "Tap here to assign a test." })
+              ] }),
+              buttonLabel: "Got it",
+              onButtonClick: l
+            }
+          )
+        }
+      }
+    ];
+    i(r, y, void 0, !1);
+    const u = setTimeout(() => {
+      clearTimeout(u), document.body.style.overflow = "hidden", s(r);
+    }, 100);
+    f.current.push(u);
+  }, [l, a, r, s, i]);
+  return C(() => () => {
+    t && t();
+  }, [t]), b(
+    () => ({
+      createTestButtonRef: o,
+      startJourney: m
+    }),
+    [m]
+  );
+};
+export {
+  j as useTestCreationJourney
+};
+//# sourceMappingURL=use-test-creation-journey.js.map

package/dist/features/trial-session/hooks/use-test-creation-journey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-test-creation-journey.js","sources":["../../../../src/features/trial-session/hooks/use-test-creation-journey.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, type RefObject } from 'react';\n\nimport { JOURNEY_ID_TEACHER } from '../../journey/journey-id/journey-id-teacher';\nimport TooltipItem from '../../journey/hooks/use-home-page-journey/tooltip-item';\nimport { IndicatorType } from '../../journey/use-journey/constants';\nimport type { TCoachmarkJourneyProps } from '../../journey/use-journey/journey-context-types';\nimport type { IArrowTooltipProps } from '../../ui/arrow-tooltip/arrow-tooltip-types';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { useJourney } from '../../journey/use-journey/use-journey';\n\ninterface IUseTestCreationJourney {\n  (props: { onComplete: () => void }): {\n    createTestButtonRef: RefObject<HTMLDivElement>;\n    startJourney: () => void;\n  };\n}\n\nconst useTestCreationJourney: IUseTestCreationJourney = ({ onComplete }) => {\n  const journeyId = JOURNEY_ID_TEACHER.TEST_CREATION_INTRO_JOURNEY;\n\n  // Refs for elements to highlight\n  const createTestButtonRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { setJourney, nextCoachmark, clearJourney, isJourneyActive } = useJourney();\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    clearJourney();\n    onComplete();\n  }, [clearJourney, onComplete]);\n\n  const startJourney = useCallback(() => {\n    // Check if elements are absent or journey was already completed for this class\n    if (!createTestButtonRef?.current || isJourneyActive) return;\n\n    const testCreationSteps: TCoachmarkJourneyProps[] = [\n      {\n        originalElementToHighlightRef: createTestButtonRef,\n        elementToHighlight: <></>,\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          width: 264,\n          renderAs: 'primary',\n          tooltipXCoOrdinates: 85,\n          tooltipYCoOrdinates: 50,\n          arrowSize: 10,\n          position: 'bottom',\n          backgroundColor: 'BLUE_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              element={\n                <FlexView>\n                  <Text $renderAs=\"ub3-bold\">Assign a test</Text>\n                  <Separator height={4} />\n                  <Text $renderAs=\"ub3\">Tap here to assign a test.</Text>\n                </FlexView>\n              }\n              buttonLabel=\"Got it\"\n              onButtonClick={handleEndJourney}\n            />\n          ),\n        } as IArrowTooltipProps,\n      },\n    ];\n\n    setJourney(journeyId, testCreationSteps, undefined, false);\n\n    const delayBeforeStart = setTimeout(() => {\n      clearTimeout(delayBeforeStart);\n      document.body.style.overflow = 'hidden';\n      nextCoachmark(journeyId);\n    }, 100);\n\n    timerRefs.current.push(delayBeforeStart);\n  }, [handleEndJourney, isJourneyActive, journeyId, nextCoachmark, setJourney]);\n\n  useEffect(() => {\n    return () => {\n      if (clearJourney) {\n        clearJourney();\n      }\n    };\n  }, [clearJourney]);\n\n  const data = useMemo(\n    () => ({\n      createTestButtonRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { useTestCreationJourney };\n"],"names":["useTestCreationJourney","onComplete","journeyId","JOURNEY_ID_TEACHER","createTestButtonRef","useRef","timerRefs","setJourney","nextCoachmark","clearJourney","isJourneyActive","useJourney","handleEndJourney","useCallback","startJourney","testCreationSteps","jsx","Fragment","IndicatorType","TooltipItem","FlexView","Text","Separator","delayBeforeStart","useEffect","useMemo"],"mappings":";;;;;;;;;AAmBA,MAAMA,IAAkD,CAAC,EAAE,YAAAC,QAAiB;AAC1E,QAAMC,IAAYC,EAAmB,6BAG/BC,IAAsBC,EAAuB,IAAI,GACjDC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,eAAAC,GAAe,cAAAC,GAAc,iBAAAC,EAAA,IAAoBC,KAE/DC,IAAmBC,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAClBJ,KACFR;EAAA,GACV,CAACQ,GAAcR,CAAU,CAAC,GAEvBa,IAAeD,EAAY,MAAM;AAEjC,QAAA,EAACT,KAAA,QAAAA,EAAqB,YAAWM,EAAiB;AAEtD,UAAMK,IAA8C;AAAA,MAClD;AAAA,QACE,+BAA+BX;AAAA,QAC/B,oBAAsB,gBAAAY,EAAAC,GAAA,EAAA;AAAA,QACtB,MAAMC,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,OAAO;AAAA,UACP,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,2BACGC,GACC,EAAA,UAAA;AAAA,gBAAC,gBAAAJ,EAAAK,GAAA,EAAK,WAAU,YAAW,UAAa,iBAAA;AAAA,gBACxC,gBAAAL,EAACM,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,gBACrB,gBAAAN,EAAAK,GAAA,EAAK,WAAU,OAAM,UAA0B,8BAAA;AAAA,cAAA,GAClD;AAAA,cAEF,aAAY;AAAA,cACZ,eAAeT;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,MACF;AAAA,IAAA;AAGS,IAAAL,EAAAL,GAAWa,GAAmB,QAAW,EAAK;AAEnD,UAAAQ,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UAC/Bf,EAAcN,CAAS;AAAA,OACtB,GAAG;AAEI,IAAAI,EAAA,QAAQ,KAAKiB,CAAgB;AAAA,EAAA,GACtC,CAACX,GAAkBF,GAAiBR,GAAWM,GAAeD,CAAU,CAAC;AAE5E,SAAAiB,EAAU,MACD,MAAM;AACX,IAAIf,KACWA;EACf,GAED,CAACA,CAAY,CAAC,GAEJgB;AAAA,IACX,OAAO;AAAA,MACL,qBAAArB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}

package/dist/features/trial-session/hooks/use-worksheet-preview-journey.js

@@ -0,0 +1,65 @@
+import { jsx as r, Fragment as y, jsxs as T } from "react/jsx-runtime";
+import { useRef as c, useCallback as d, useEffect as E, useMemo as b } from "react";
+import C from "../../ui/layout/flex-view.js";
+import { JOURNEY_ID_TEACHER as O } from "../../journey/journey-id/journey-id-teacher.js";
+import { IndicatorType as g } from "../../journey/use-journey/constants.js";
+import w from "../../ui/separator/separator.js";
+import p from "../../ui/text/text.js";
+import J from "../../journey/hooks/use-home-page-journey/tooltip-item.js";
+import { useJourney as I } from "../../journey/use-journey/use-journey.js";
+const P = ({ onComplete: n }) => {
+  const t = O.WORKSHEET_PREVIEW_INTRO_JOURNEY, o = c(null), f = c([]), { isJourneyActive: i, setJourney: s, clearJourney: e, nextCoachmark: a } = I(), l = d(() => {
+    document.body.style.overflow = "unset", e(), n();
+  }, [e, n]), m = d(() => {
+    if (!(o != null && o.current) || i) return;
+    const h = [
+      {
+        originalElementToHighlightRef: o,
+        elementToHighlight: /* @__PURE__ */ r(y, {}),
+        type: g.TOOLTIP,
+        indicator: {
+          width: 264,
+          renderAs: "primary",
+          tooltipXCoOrdinates: 125,
+          tooltipYCoOrdinates: 30,
+          arrowSize: 10,
+          arrowXCoOrdinates: -115,
+          position: "bottom",
+          backgroundColor: "YELLOW_4",
+          borderColor: "BLACK",
+          arrowColor: "WHITE",
+          tooltipItem: /* @__PURE__ */ r(
+            J,
+            {
+              element: /* @__PURE__ */ T(C, { children: [
+                /* @__PURE__ */ r(p, { $renderAs: "ub3-bold", children: "Back to Chapters" }),
+                /* @__PURE__ */ r(w, { height: 4 }),
+                /* @__PURE__ */ r(p, { $renderAs: "ub3", children: "Tap here to go back to chapters." })
+              ] }),
+              buttonLabel: "Got it",
+              onButtonClick: l
+            }
+          )
+        }
+      }
+    ];
+    s(t, h, void 0, !1);
+    const u = setTimeout(() => {
+      clearTimeout(u), document.body.style.overflow = "hidden", a(t);
+    }, 500);
+    f.current.push(u);
+  }, [i, l, s, t, a]);
+  return E(() => () => {
+    e && e();
+  }, [e]), b(
+    () => ({
+      worksheetBackIconRef: o,
+      startJourney: m
+    }),
+    [m]
+  );
+};
+export {
+  P as useWorksheetPreviewJourney
+};
+//# sourceMappingURL=use-worksheet-preview-journey.js.map

package/dist/features/trial-session/hooks/use-worksheet-preview-journey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-worksheet-preview-journey.js","sources":["../../../../src/features/trial-session/hooks/use-worksheet-preview-journey.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, type RefObject } from 'react';\n\nimport type { IArrowTooltipProps } from '../../ui/arrow-tooltip/arrow-tooltip-types';\nimport FlexView from '../../ui/layout/flex-view';\nimport { JOURNEY_ID_TEACHER } from '../../journey/journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../journey/use-journey/constants';\nimport type { TCoachmarkJourneyProps } from '../../journey/use-journey/journey-context-types';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport TooltipItem from '../../journey/hooks/use-home-page-journey/tooltip-item';\nimport { useJourney } from '../../journey/use-journey/use-journey';\n\ninterface IUseWorksheetPreviewJourney {\n  ({ onComplete }: { onComplete: () => void }): {\n    worksheetBackIconRef: RefObject<HTMLDivElement>;\n    startJourney: () => void;\n  };\n}\n\nconst useWorksheetPreviewJourney: IUseWorksheetPreviewJourney = ({ onComplete }) => {\n  const journeyId = JOURNEY_ID_TEACHER.WORKSHEET_PREVIEW_INTRO_JOURNEY;\n\n  // Refs for elements to highlight\n  const worksheetBackIconRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { isJourneyActive, setJourney, clearJourney, nextCoachmark } = useJourney();\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    clearJourney();\n    onComplete();\n  }, [clearJourney, onComplete]);\n\n  const startJourney = useCallback(() => {\n    // Check if elements are absent or journey was already active for this class\n    if (!worksheetBackIconRef?.current || isJourneyActive) return;\n\n    const worksheetPreviewSteps: TCoachmarkJourneyProps[] = [\n      {\n        originalElementToHighlightRef: worksheetBackIconRef,\n        elementToHighlight: <></>,\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          width: 264,\n          renderAs: 'primary',\n          tooltipXCoOrdinates: 125,\n          tooltipYCoOrdinates: 30,\n          arrowSize: 10,\n          arrowXCoOrdinates: -115,\n          position: 'bottom',\n          backgroundColor: 'YELLOW_4',\n          borderColor: 'BLACK',\n          arrowColor: 'WHITE',\n          tooltipItem: (\n            <TooltipItem\n              element={\n                <FlexView>\n                  <Text $renderAs=\"ub3-bold\">Back to Chapters</Text>\n                  <Separator height={4} />\n                  <Text $renderAs=\"ub3\">Tap here to go back to chapters.</Text>\n                </FlexView>\n              }\n              buttonLabel=\"Got it\"\n              onButtonClick={handleEndJourney}\n            />\n          ),\n        } as IArrowTooltipProps,\n      },\n    ];\n\n    setJourney(journeyId, worksheetPreviewSteps, undefined, false);\n\n    const delayBeforeStart = setTimeout(() => {\n      clearTimeout(delayBeforeStart);\n      document.body.style.overflow = 'hidden';\n      nextCoachmark(journeyId);\n    }, 500);\n\n    timerRefs.current.push(delayBeforeStart);\n  }, [isJourneyActive, handleEndJourney, setJourney, journeyId, nextCoachmark]);\n\n  useEffect(() => {\n    return () => {\n      if (clearJourney) {\n        clearJourney();\n      }\n    };\n  }, [clearJourney]);\n\n  const data = useMemo(\n    () => ({\n      worksheetBackIconRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { useWorksheetPreviewJourney };\n"],"names":["useWorksheetPreviewJourney","onComplete","journeyId","JOURNEY_ID_TEACHER","worksheetBackIconRef","useRef","timerRefs","isJourneyActive","setJourney","clearJourney","nextCoachmark","useJourney","handleEndJourney","useCallback","startJourney","worksheetPreviewSteps","jsx","Fragment","IndicatorType","TooltipItem","FlexView","Text","Separator","delayBeforeStart","useEffect","useMemo"],"mappings":";;;;;;;;;AAmBA,MAAMA,IAA0D,CAAC,EAAE,YAAAC,QAAiB;AAClF,QAAMC,IAAYC,EAAmB,iCAG/BC,IAAuBC,EAAuB,IAAI,GAClDC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,iBAAAE,GAAiB,YAAAC,GAAY,cAAAC,GAAc,eAAAC,EAAA,IAAkBC,KAE/DC,IAAmBC,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAClBJ,KACFR;EAAA,GACV,CAACQ,GAAcR,CAAU,CAAC,GAEvBa,IAAeD,EAAY,MAAM;AAEjC,QAAA,EAACT,KAAA,QAAAA,EAAsB,YAAWG,EAAiB;AAEvD,UAAMQ,IAAkD;AAAA,MACtD;AAAA,QACE,+BAA+BX;AAAA,QAC/B,oBAAsB,gBAAAY,EAAAC,GAAA,EAAA;AAAA,QACtB,MAAMC,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,OAAO;AAAA,UACP,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,2BACGC,GACC,EAAA,UAAA;AAAA,gBAAC,gBAAAJ,EAAAK,GAAA,EAAK,WAAU,YAAW,UAAgB,oBAAA;AAAA,gBAC3C,gBAAAL,EAACM,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,gBACrB,gBAAAN,EAAAK,GAAA,EAAK,WAAU,OAAM,UAAgC,oCAAA;AAAA,cAAA,GACxD;AAAA,cAEF,aAAY;AAAA,cACZ,eAAeT;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,MACF;AAAA,IAAA;AAGS,IAAAJ,EAAAN,GAAWa,GAAuB,QAAW,EAAK;AAEvD,UAAAQ,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UAC/Bb,EAAcR,CAAS;AAAA,OACtB,GAAG;AAEI,IAAAI,EAAA,QAAQ,KAAKiB,CAAgB;AAAA,EAAA,GACtC,CAAChB,GAAiBK,GAAkBJ,GAAYN,GAAWQ,CAAa,CAAC;AAE5E,SAAAc,EAAU,MACD,MAAM;AACX,IAAIf,KACWA;EACf,GAED,CAACA,CAAY,CAAC,GAEJgB;AAAA,IACX,OAAO;AAAA,MACL,sBAAArB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}

package/dist/features/trial-session/right-panel/slide-components-map.js

@@ -1,7 +1,7 @@
 import I from "../comps/additional-info/additional-info.js";
 import N from "../comps/class-preference/class-preference.js";
 import E from "../comps/communication-slide/index.js";
-import S from "../comps/learning-plan/index.js";
+import S from "../comps/learning-plan/learning-plan.js";
 import i from "../comps/learning-session/learning-session.js";
 import r from "../comps/offering-information/offering-information.js";
 import T from "../comps/pricing/pricing.js";