@cuemath/leap 3.3.0 → 3.3.2-2.beta-guru-01

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

@@ -1,122 +1,96 @@
-import { jsx as t, jsxs as N, Fragment as O } from "react/jsx-runtime";
-import w from "../../../../node_modules/lodash.throttle/index.js";
-import { useRef as g, useCallback as i, useMemo as F, useEffect as u } from "react";
-import { useGetChapterDetails as j } from "../../../chapters-v2/api/chapter.js";
-import G from "../../../chapters-v2/chapter-details/chapter-details.js";
-import H from "../../../milestone/milestone-list-container/milestone-list-container.js";
-import M from "../../../ui/buttons/button/button.js";
-import X from "../../../ui/layout/flex-view.js";
-import B from "../../../ui/loader/app-loader/app-loader.js";
-import U from "../../../ui/text/text.js";
-import { useTrialSessionContext as W } from "../../context/use-trial-session-context.js";
-import { Container as q, Wrapper as z, ChapterWrapper as V } from "./learning-plan-styled.js";
-import { useLearningPlanScrollSync as J } from "./use-learning-plan-scroll-sync.js";
-const ae = () => {
-  const { trialHomeData: L, studentId: n, formData: y, isTeacher: r, updateSlideConfig: l } = W(), {
-    demo_info: { student_classroom_id: T, stream: I }
-  } = L || {}, { name: D = "", chapterId: c } = y || {}, o = g(null), a = g([]), h = g(!1), {
-    publishScrollEvents: d,
-    closeChannel: E,
-    scrollPoints: s
-  } = J(T), {
-    get: P,
-    data: m,
-    isProcessing: R,
-    isProcessingFailed: $,
-    error: f
-  } = j(), C = i(() => {
-    c && n && P(c, void 0, {
-      studentId: n
-    }).then(() => {
-      const e = o.current;
+import { jsx as o, Fragment as _ } from "react/jsx-runtime";
+import k from "../../../../node_modules/lodash.throttle/index.js";
+import { useRef as h, useCallback as l, useMemo as D, useEffect as m } from "react";
+import N from "../../../chapters-v2/chapter-details/chapter-details.js";
+import O from "../../../milestone/milestone-list-container/milestone-list-container.js";
+import { useTrialSessionContext as x } from "../../context/use-trial-session-context.js";
+import { Container as $, Wrapper as H, ChapterWrapper as M } from "./learning-plan-styled.js";
+import { useLearningPlanScrollSync as F } from "./use-learning-plan-scroll-sync.js";
+const z = () => {
+  const { trialHomeData: P, studentId: s, formData: L, isTeacher: r, updateSlideConfig: c } = x(), {
+    demo_info: { student_classroom_id: S, stream: g }
+  } = P || {}, { name: I = "", chapterId: i } = L || {}, t = h(null), a = h([]), d = h(!1), {
+    publishScrollEvents: p,
+    closeChannel: C,
+    scrollPoints: n
+  } = F(S), T = l(() => {
+    if (i && s) {
+      const e = t.current;
       e == null || e.scrollTo({
         top: 0,
         behavior: "smooth"
       });
-    });
-  }, [P, n, c]), b = i(
+    }
+  }, [s, i]), R = l(
     (e) => {
-      l({
+      c({
         chapterId: e.id
       });
     },
-    [l]
-  ), x = i(() => {
-    l({
+    [c]
+  ), A = l(() => {
+    c({
       chapterId: void 0
     });
-  }, [l]), v = i(() => {
-    a.current.length === 0 || h.current || (h.current = !0, d && d({
+  }, [c]), E = l(() => {
+    a.current.length === 0 || d.current || (d.current = !0, p && p({
       eventName: "TRIAL_SESSION_GOAL_PLAN_SCROLL",
       eventPayload: {
         scrollPoints: a.current
       }
-    }), a.current = [], h.current = !1);
-  }, [d]), A = F(() => w(v, 500), [v]), S = i(() => {
-    var p;
-    const e = ((p = o.current) == null ? void 0 : p.scrollTop) || 0;
-    a.current.push(e), A();
-  }, [A]);
-  return u(() => {
-    C();
-  }, [C]), u(() => {
-    if (o.current && (m && r || r)) {
-      const e = o.current;
-      return e.addEventListener("scroll", S), () => {
-        e && e.removeEventListener("scroll", S);
+    }), a.current = [], d.current = !1);
+  }, [p]), v = D(() => k(E, 500), [E]), f = l(() => {
+    var u;
+    const e = ((u = t.current) == null ? void 0 : u.scrollTop) || 0;
+    a.current.push(e), v();
+  }, [v]);
+  return m(() => {
+    T();
+  }, [T]), m(() => {
+    if (t.current && r) {
+      const e = t.current;
+      return e.addEventListener("scroll", f), () => {
+        e && e.removeEventListener("scroll", f);
       };
     }
-  }, [r, m, S]), u(() => {
-    const e = o.current;
-    if (s && Array.isArray(s) && !r && e) {
-      const p = Math.floor(
-        s.reduce((k, _) => k + _, 0) / s.length
+  }, [r, f]), m(() => {
+    const e = t.current;
+    if (n && Array.isArray(n) && !r && e) {
+      const u = Math.floor(
+        n.reduce((b, y) => b + y, 0) / n.length
       );
       e.scrollTo({
-        top: p,
+        top: u,
         behavior: "smooth"
       });
     }
-  }, [s, r]), u(() => () => {
-    E();
-  }, [E]), R ? /* @__PURE__ */ t(B, { height: "100%" }) : $ ? /* @__PURE__ */ N(X, { $height: "100%", $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
-    /* @__PURE__ */ t(U, { $renderAs: "h6", children: (f == null ? void 0 : f.message) || "Oops! Something went wrong." }),
-    /* @__PURE__ */ t(
-      M,
-      {
-        widthX: 14,
-        size: "small",
-        shape: "square",
-        renderAs: "primary",
-        label: "Try again",
-        onClick: C
-      }
-    )
-  ] }) : /* @__PURE__ */ t(q, { ref: o, $isScrollable: r, children: /* @__PURE__ */ t(
-    z,
+  }, [n, r]), m(() => () => {
+    C();
+  }, [C]), /* @__PURE__ */ o($, { ref: t, $isScrollable: r, children: /* @__PURE__ */ o(
+    H,
     {
       $clickable: r,
       $gutterX: 2,
       $isScrollable: r,
       id: "milestone-list-element-container",
-      children: c && m ? /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t(
-        G,
+      children: i ? /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(
+        N,
         {
-          userChapterId: m.id,
-          studentId: n,
+          userChapterId: i,
+          studentId: s,
           userType: r ? "TEACHER" : "STUDENT",
-          onExit: x
+          onExit: A
         }
-      ) }) }) : /* @__PURE__ */ t(
-        H,
+      ) }) }) : /* @__PURE__ */ o(
+        O,
         {
           userType: r ? "TEACHER" : "STUDENT",
-          studentName: D,
-          studentId: n,
-          studentClassroomId: T,
+          studentName: I,
+          studentId: s,
+          studentClassroomId: S,
           milestoneType: "DRAFT",
-          onChapterClick: b,
-          courseStream: I,
+          onChapterClick: R,
+          courseStream: g,
           isTrialSession: !0
         }
       )
@@ -124,6 +98,6 @@ const ae = () => {
   ) });
 };
 export {
-  ae as default
+  z as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/learning-plan/index.tsx"],"sourcesContent":["import type { IChapterDataProps } from '../../../chapters/chapter/chapter-types';\n\nimport throttle from 'lodash.throttle';\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { useGetChapterDetails } from '../../../chapters-v2/api/chapter';\nimport ChapterDetails from '../../../chapters-v2/chapter-details/chapter-details';\nimport MilestoneList from '../../../milestone/milestone-list-container/milestone-list-container';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport * as Styled from './learning-plan-styled';\nimport { useLearningPlanScrollSync } from './use-learning-plan-scroll-sync';\n\nconst LearningPlan: React.FC = () => {\n  const { trialHomeData, studentId, formData, isTeacher, updateSlideConfig } =\n    useTrialSessionContext();\n  const {\n    demo_info: { student_classroom_id: studentClassroomId, stream },\n  } = trialHomeData || {};\n  const { name = '', chapterId } = formData || {};\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const scrollPointsRef = useRef<number[]>([]);\n  const isSendingScrollPointsRef = useRef(false);\n\n  const {\n    publishScrollEvents,\n    closeChannel,\n    scrollPoints: receivedScrollPoints,\n  } = useLearningPlanScrollSync(studentClassroomId);\n\n  const {\n    get: getChapterData,\n    data: chapterData,\n    isProcessing,\n    isProcessingFailed,\n    error,\n  } = useGetChapterDetails();\n\n  const fetchChapter = useCallback(() => {\n    if (chapterId && studentId) {\n      getChapterData(chapterId, undefined, {\n        studentId,\n      }).then(() => {\n        const scrollElement = containerRef.current;\n\n        scrollElement?.scrollTo({\n          top: 0,\n          behavior: 'smooth',\n        });\n      });\n    }\n  }, [getChapterData, studentId, chapterId]);\n\n  const handleOnChapterClick = useCallback(\n    (chapter: IChapterDataProps) => {\n      updateSlideConfig({\n        chapterId: chapter.id,\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleOnBackIconClick = useCallback(() => {\n    updateSlideConfig({\n      chapterId: undefined,\n    });\n  }, [updateSlideConfig]);\n\n  const sendScrollPoints = useCallback(() => {\n    if (scrollPointsRef.current.length === 0 || isSendingScrollPointsRef.current) return;\n\n    isSendingScrollPointsRef.current = true;\n\n    if (publishScrollEvents) {\n      publishScrollEvents({\n        eventName: 'TRIAL_SESSION_GOAL_PLAN_SCROLL',\n        eventPayload: {\n          scrollPoints: scrollPointsRef.current,\n        },\n      });\n    }\n\n    scrollPointsRef.current = [];\n    isSendingScrollPointsRef.current = false;\n  }, [publishScrollEvents]);\n\n  const throttleSend = useMemo(() => throttle(sendScrollPoints, 500), [sendScrollPoints]);\n\n  const handleScroll = useCallback(() => {\n    const scrollPoint = containerRef.current?.scrollTop || 0;\n\n    scrollPointsRef.current.push(scrollPoint);\n\n    throttleSend();\n  }, [throttleSend]);\n\n  useEffect(() => {\n    fetchChapter();\n  }, [fetchChapter]);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      if ((chapterData && isTeacher) || isTeacher) {\n        const scrollElement = containerRef.current;\n\n        scrollElement.addEventListener('scroll', handleScroll);\n\n        return () => {\n          if (scrollElement) {\n            scrollElement.removeEventListener('scroll', handleScroll);\n          }\n        };\n      }\n    }\n  }, [isTeacher, chapterData, handleScroll]);\n\n  useEffect(() => {\n    const scrollElement = containerRef.current;\n\n    if (\n      receivedScrollPoints &&\n      Array.isArray(receivedScrollPoints) &&\n      !isTeacher &&\n      scrollElement\n    ) {\n      const averageScroll = Math.floor(\n        receivedScrollPoints.reduce((a, b) => a + b, 0) / receivedScrollPoints.length,\n      );\n\n      scrollElement.scrollTo({\n        top: averageScroll,\n        behavior: 'smooth',\n      });\n    }\n  }, [receivedScrollPoints, isTeacher]);\n\n  useEffect(() => {\n    return () => {\n      closeChannel();\n    };\n  }, [closeChannel]);\n\n  if (isProcessing) {\n    return <AppLoader height=\"100%\" />;\n  }\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $height=\"100%\" $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n        <Text $renderAs=\"h6\">{error?.message || 'Oops! Something went wrong.'}</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={fetchChapter}\n        />\n      </FlexView>\n    );\n  }\n\n  return (\n    <Styled.Container ref={containerRef} $isScrollable={isTeacher}>\n      <Styled.Wrapper\n        $clickable={isTeacher}\n        $gutterX={2}\n        $isScrollable={isTeacher}\n        id=\"milestone-list-element-container\"\n      >\n        {chapterId && chapterData ? (\n          <>\n            <Styled.ChapterWrapper>\n              <ChapterDetails\n                userChapterId={chapterData.id}\n                studentId={studentId}\n                userType={isTeacher ? 'TEACHER' : 'STUDENT'}\n                onExit={handleOnBackIconClick}\n              />\n            </Styled.ChapterWrapper>\n          </>\n        ) : (\n          <MilestoneList\n            userType={isTeacher ? 'TEACHER' : 'STUDENT'}\n            studentName={name}\n            studentId={studentId}\n            studentClassroomId={studentClassroomId}\n            milestoneType=\"DRAFT\"\n            onChapterClick={handleOnChapterClick}\n            courseStream={stream}\n            isTrialSession\n          />\n        )}\n      </Styled.Wrapper>\n    </Styled.Container>\n  );\n};\n\nexport default LearningPlan;\n"],"names":["LearningPlan","trialHomeData","studentId","formData","isTeacher","updateSlideConfig","useTrialSessionContext","studentClassroomId","stream","name","chapterId","containerRef","useRef","scrollPointsRef","isSendingScrollPointsRef","publishScrollEvents","closeChannel","receivedScrollPoints","useLearningPlanScrollSync","getChapterData","chapterData","isProcessing","isProcessingFailed","error","useGetChapterDetails","fetchChapter","useCallback","scrollElement","handleOnChapterClick","chapter","handleOnBackIconClick","sendScrollPoints","throttleSend","useMemo","throttle","handleScroll","scrollPoint","_a","useEffect","averageScroll","a","b","jsx","AppLoader","jsxs","FlexView","Text","Button","Styled.Container","Styled.Wrapper","Fragment","Styled.ChapterWrapper","ChapterDetails","MilestoneList"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/learning-plan/index.tsx"],"sourcesContent":["import type { IChapterDataProps } from '../../../chapters/chapter/chapter-types';\n\nimport throttle from 'lodash.throttle';\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport ChapterDetails from '../../../chapters-v2/chapter-details/chapter-details';\nimport MilestoneList from '../../../milestone/milestone-list-container/milestone-list-container';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport * as Styled from './learning-plan-styled';\nimport { useLearningPlanScrollSync } from './use-learning-plan-scroll-sync';\n\nconst LearningPlan: React.FC = () => {\n  const { trialHomeData, studentId, formData, isTeacher, updateSlideConfig } =\n    useTrialSessionContext();\n  const {\n    demo_info: { student_classroom_id: studentClassroomId, stream },\n  } = trialHomeData || {};\n  const { name = '', chapterId } = formData || {};\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const scrollPointsRef = useRef<number[]>([]);\n  const isSendingScrollPointsRef = useRef(false);\n\n  const {\n    publishScrollEvents,\n    closeChannel,\n    scrollPoints: receivedScrollPoints,\n  } = useLearningPlanScrollSync(studentClassroomId);\n\n  const fetchChapter = useCallback(() => {\n    if (chapterId && studentId) {\n      const scrollElement = containerRef.current;\n\n      scrollElement?.scrollTo({\n        top: 0,\n        behavior: 'smooth',\n      });\n    }\n  }, [studentId, chapterId]);\n\n  const handleOnChapterClick = useCallback(\n    (chapter: IChapterDataProps) => {\n      updateSlideConfig({\n        chapterId: chapter.id,\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleOnBackIconClick = useCallback(() => {\n    updateSlideConfig({\n      chapterId: undefined,\n    });\n  }, [updateSlideConfig]);\n\n  const sendScrollPoints = useCallback(() => {\n    if (scrollPointsRef.current.length === 0 || isSendingScrollPointsRef.current) return;\n\n    isSendingScrollPointsRef.current = true;\n\n    if (publishScrollEvents) {\n      publishScrollEvents({\n        eventName: 'TRIAL_SESSION_GOAL_PLAN_SCROLL',\n        eventPayload: {\n          scrollPoints: scrollPointsRef.current,\n        },\n      });\n    }\n\n    scrollPointsRef.current = [];\n    isSendingScrollPointsRef.current = false;\n  }, [publishScrollEvents]);\n\n  const throttleSend = useMemo(() => throttle(sendScrollPoints, 500), [sendScrollPoints]);\n\n  const handleScroll = useCallback(() => {\n    const scrollPoint = containerRef.current?.scrollTop || 0;\n\n    scrollPointsRef.current.push(scrollPoint);\n\n    throttleSend();\n  }, [throttleSend]);\n\n  useEffect(() => {\n    fetchChapter();\n  }, [fetchChapter]);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      if (isTeacher) {\n        const scrollElement = containerRef.current;\n\n        scrollElement.addEventListener('scroll', handleScroll);\n\n        return () => {\n          if (scrollElement) {\n            scrollElement.removeEventListener('scroll', handleScroll);\n          }\n        };\n      }\n    }\n  }, [isTeacher, handleScroll]);\n\n  useEffect(() => {\n    const scrollElement = containerRef.current;\n\n    if (\n      receivedScrollPoints &&\n      Array.isArray(receivedScrollPoints) &&\n      !isTeacher &&\n      scrollElement\n    ) {\n      const averageScroll = Math.floor(\n        receivedScrollPoints.reduce((a, b) => a + b, 0) / receivedScrollPoints.length,\n      );\n\n      scrollElement.scrollTo({\n        top: averageScroll,\n        behavior: 'smooth',\n      });\n    }\n  }, [receivedScrollPoints, isTeacher]);\n\n  useEffect(() => {\n    return () => {\n      closeChannel();\n    };\n  }, [closeChannel]);\n\n  return (\n    <Styled.Container ref={containerRef} $isScrollable={isTeacher}>\n      <Styled.Wrapper\n        $clickable={isTeacher}\n        $gutterX={2}\n        $isScrollable={isTeacher}\n        id=\"milestone-list-element-container\"\n      >\n        {chapterId ? (\n          <>\n            <Styled.ChapterWrapper>\n              <ChapterDetails\n                userChapterId={chapterId}\n                studentId={studentId}\n                userType={isTeacher ? 'TEACHER' : 'STUDENT'}\n                onExit={handleOnBackIconClick}\n              />\n            </Styled.ChapterWrapper>\n          </>\n        ) : (\n          <MilestoneList\n            userType={isTeacher ? 'TEACHER' : 'STUDENT'}\n            studentName={name}\n            studentId={studentId}\n            studentClassroomId={studentClassroomId}\n            milestoneType=\"DRAFT\"\n            onChapterClick={handleOnChapterClick}\n            courseStream={stream}\n            isTrialSession\n          />\n        )}\n      </Styled.Wrapper>\n    </Styled.Container>\n  );\n};\n\nexport default LearningPlan;\n"],"names":["LearningPlan","trialHomeData","studentId","formData","isTeacher","updateSlideConfig","useTrialSessionContext","studentClassroomId","stream","name","chapterId","containerRef","useRef","scrollPointsRef","isSendingScrollPointsRef","publishScrollEvents","closeChannel","receivedScrollPoints","useLearningPlanScrollSync","fetchChapter","useCallback","scrollElement","handleOnChapterClick","chapter","handleOnBackIconClick","sendScrollPoints","throttleSend","useMemo","throttle","handleScroll","scrollPoint","_a","useEffect","averageScroll","a","b","Styled.Container","jsx","Styled.Wrapper","Fragment","Styled.ChapterWrapper","ChapterDetails","MilestoneList"],"mappings":";;;;;;;;AAWA,MAAMA,IAAyB,MAAM;AACnC,QAAM,EAAE,eAAAC,GAAe,WAAAC,GAAW,UAAAC,GAAU,WAAAC,GAAW,mBAAAC,EAAA,IACrDC,KACI;AAAA,IACJ,WAAW,EAAE,sBAAsBC,GAAoB,QAAAC,EAAO;AAAA,EAAA,IAC5DP,KAAiB,CAAA,GACf,EAAE,MAAAQ,IAAO,IAAI,WAAAC,EAAU,IAAIP,KAAY,CAAA,GAEvCQ,IAAeC,EAAuB,IAAI,GAC1CC,IAAkBD,EAAiB,CAAA,CAAE,GACrCE,IAA2BF,EAAO,EAAK,GAEvC;AAAA,IACJ,qBAAAG;AAAA,IACA,cAAAC;AAAA,IACA,cAAcC;AAAA,EAAA,IACZC,EAA0BX,CAAkB,GAE1CY,IAAeC,EAAY,MAAM;AACrC,QAAIV,KAAaR,GAAW;AAC1B,YAAMmB,IAAgBV,EAAa;AAEnC,MAAAU,KAAA,QAAAA,EAAe,SAAS;AAAA,QACtB,KAAK;AAAA,QACL,UAAU;AAAA,MAAA;AAAA,IAEd;AAAA,EAAA,GACC,CAACnB,GAAWQ,CAAS,CAAC,GAEnBY,IAAuBF;AAAA,IAC3B,CAACG,MAA+B;AACZ,MAAAlB,EAAA;AAAA,QAChB,WAAWkB,EAAQ;AAAA,MAAA,CACpB;AAAA,IACH;AAAA,IACA,CAAClB,CAAiB;AAAA,EAAA,GAGdmB,IAAwBJ,EAAY,MAAM;AAC5B,IAAAf,EAAA;AAAA,MAChB,WAAW;AAAA,IAAA,CACZ;AAAA,EAAA,GACA,CAACA,CAAiB,CAAC,GAEhBoB,IAAmBL,EAAY,MAAM;AACzC,IAAIP,EAAgB,QAAQ,WAAW,KAAKC,EAAyB,YAErEA,EAAyB,UAAU,IAE/BC,KACkBA,EAAA;AAAA,MAClB,WAAW;AAAA,MACX,cAAc;AAAA,QACZ,cAAcF,EAAgB;AAAA,MAChC;AAAA,IAAA,CACD,GAGHA,EAAgB,UAAU,IAC1BC,EAAyB,UAAU;AAAA,EAAA,GAClC,CAACC,CAAmB,CAAC,GAElBW,IAAeC,EAAQ,MAAMC,EAASH,GAAkB,GAAG,GAAG,CAACA,CAAgB,CAAC,GAEhFI,IAAeT,EAAY,MAAM;;AAC/B,UAAAU,MAAcC,IAAApB,EAAa,YAAb,gBAAAoB,EAAsB,cAAa;AAEvC,IAAAlB,EAAA,QAAQ,KAAKiB,CAAW,GAE3BJ;EAAA,GACZ,CAACA,CAAY,CAAC;AAEjB,SAAAM,EAAU,MAAM;AACD,IAAAb;EAAA,GACZ,CAACA,CAAY,CAAC,GAEjBa,EAAU,MAAM;AACd,QAAIrB,EAAa,WACXP,GAAW;AACb,YAAMiB,IAAgBV,EAAa;AAErB,aAAAU,EAAA,iBAAiB,UAAUQ,CAAY,GAE9C,MAAM;AACX,QAAIR,KACYA,EAAA,oBAAoB,UAAUQ,CAAY;AAAA,MAC1D;AAAA,IAEJ;AAAA,EACF,GACC,CAACzB,GAAWyB,CAAY,CAAC,GAE5BG,EAAU,MAAM;AACd,UAAMX,IAAgBV,EAAa;AAEnC,QACEM,KACA,MAAM,QAAQA,CAAoB,KAClC,CAACb,KACDiB,GACA;AACA,YAAMY,IAAgB,KAAK;AAAA,QACzBhB,EAAqB,OAAO,CAACiB,GAAGC,MAAMD,IAAIC,GAAG,CAAC,IAAIlB,EAAqB;AAAA,MAAA;AAGzE,MAAAI,EAAc,SAAS;AAAA,QACrB,KAAKY;AAAA,QACL,UAAU;AAAA,MAAA,CACX;AAAA,IACH;AAAA,EAAA,GACC,CAAChB,GAAsBb,CAAS,CAAC,GAEpC4B,EAAU,MACD,MAAM;AACE,IAAAhB;EAAA,GAEd,CAACA,CAAY,CAAC,qBAGdoB,GAAA,EAAiB,KAAKzB,GAAc,eAAeP,GAClD,UAAA,gBAAAiC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,YAAYlC;AAAA,MACZ,UAAU;AAAA,MACV,eAAeA;AAAA,MACf,IAAG;AAAA,MAEF,UACCM,IAAA,gBAAA2B,EAAAE,GAAA,EACE,UAAC,gBAAAF,EAAAG,GAAA,EACC,UAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,eAAe/B;AAAA,UACf,WAAAR;AAAA,UACA,UAAUE,IAAY,YAAY;AAAA,UAClC,QAAQoB;AAAA,QAAA;AAAA,MAAA,EAEZ,CAAA,EACF,CAAA,IAEA,gBAAAa;AAAA,QAACK;AAAAA,QAAA;AAAA,UACC,UAAUtC,IAAY,YAAY;AAAA,UAClC,aAAaK;AAAA,UACb,WAAAP;AAAA,UACA,oBAAAK;AAAA,UACA,eAAc;AAAA,UACd,gBAAgBe;AAAA,UAChB,cAAcd;AAAA,UACd,gBAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA;AAAA,EAGN,EAAA,CAAA;AAEJ;"}

package/dist/features/trial-session/comps/offering-information/offering-information-constants.js

@@ -1,24 +1,24 @@
 import { GIF as n } from "../../../../assets/gif/gif.js";
 const o = [
   {
-    title: "school success",
-    description: ["Synced Curriculum", "Homework Help", "School Tests Prep"],
-    infoBackground: "PURPLE_1",
-    animationSource: n.SCHOOL_SUCCESS_MINI,
+    title: "Personalized Sessions",
+    description: "Aligned with school curriculum or specific needs",
+    infoBackground: "YELLOW_1",
+    animationSource: n.PERSONALIZED_SESSION,
     dimension: ["100%", "100%"]
   },
   {
-    title: "test prep",
-    description: ["Math Kangaroo", "NJSLA", "STAAR, etc"],
-    infoBackground: "BLUE_1",
-    animationSource: n.TEST_PREP_MINI,
+    title: "Regular Practice",
+    description: "Homework assignments plus daily practice on app",
+    infoBackground: "PURPLE_1",
+    animationSource: n.REGULAR_PRACTICE,
     dimension: ["100%", "100%"]
   },
   {
-    title: "enrichment",
-    description: ["Financial Literacy", "Data Science", "Decision Making, etc"],
-    infoBackground: "ORANGE_1",
-    animationSource: n.ENRICHMENT_MINI,
+    title: "Parent-tutor conference",
+    description: "Progress review and approach adjustment",
+    infoBackground: "GREEN_1",
+    animationSource: n.STEPUP,
     dimension: ["100%", "100%"]
   }
 ], e = [

package/dist/features/trial-session/comps/offering-information/offering-information-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"offering-information-constants.js","sources":["../../../../../src/features/trial-session/comps/offering-information/offering-information-constants.ts"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport { GIF } from '../../../../assets/gif/gif';\n\ntype TCircleDetails = {\n  title: string;\n  description: string | string[];\n  animationBackground?: TColorNames;\n  infoBackground: TColorNames;\n  animationSource: string;\n  animationPadding?: number;\n  dimension?: (number | string | undefined)[];\n  coverAnimation?: boolean;\n}[];\n\nconst goalDetails: TCircleDetails = [\n  {\n    title: 'school success',\n    description: ['Synced Curriculum', 'Homework Help', 'School Tests Prep'],\n    infoBackground: 'PURPLE_1',\n    animationSource: GIF.SCHOOL_SUCCESS_MINI,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'test prep',\n    description: ['Math Kangaroo', 'NJSLA', 'STAAR, etc'],\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.TEST_PREP_MINI,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'enrichment',\n    description: ['Financial Literacy', 'Data Science', 'Decision Making, etc'],\n    infoBackground: 'ORANGE_1',\n    animationSource: GIF.ENRICHMENT_MINI,\n    dimension: ['100%', '100%'],\n  },\n];\n\nconst parentAppDetails: TCircleDetails = [\n  {\n    title: 'stay \\nconnected',\n    description: 'Chat with your tutor and \\nreceive real-time updates.',\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.STAY_CONNECTED,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'track \\nprogress',\n    description: 'Progress, strengths, and \\nareas of improvement.',\n    infoBackground: 'PURPLE_1',\n    animationSource: GIF.TRACK_PROGRESS,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'easy \\nrescheduling',\n    description: 'Conveniently change \\nyour class timings.',\n    infoBackground: 'GREEN_1',\n    animationSource: GIF.EASY_RESCHEDULING,\n    dimension: ['100%', '100%'],\n  },\n];\n\nconst circleDetails: TCircleDetails = [\n  {\n    title: 'mental \\nmath',\n    description: 'Get faster and stay \\nahead in school.',\n    animationBackground: 'YELLOW_4',\n    infoBackground: 'YELLOW_1',\n    animationSource: GIF.SKILLS,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n  {\n    title: 'strategy \\ngames',\n    description: 'Train to think deeper \\nand plan ahead',\n    animationBackground: 'BLUE_4',\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.GAMES,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n  {\n    title: 'logic \\npuzzles',\n    description: 'Think in new ways, \\nand stay sharp.',\n    animationBackground: 'ORANGE_4',\n    infoBackground: 'ORANGE_1',\n    animationSource: GIF.PUZZLES,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n];\n\nexport { goalDetails, parentAppDetails, circleDetails };\n"],"names":["goalDetails","GIF","parentAppDetails","circleDetails"],"mappings":";AAeA,MAAMA,IAA8B;AAAA,EAClC;AAAA,IACE,OAAO;AAAA,IACP,aAAa,CAAC,qBAAqB,iBAAiB,mBAAmB;AAAA,IACvE,gBAAgB;AAAA,IAChB,iBAAiBC,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa,CAAC,iBAAiB,SAAS,YAAY;AAAA,IACpD,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa,CAAC,sBAAsB,gBAAgB,sBAAsB;AAAA,IAC1E,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AACF,GAEMC,IAAmC;AAAA,EACvC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBD,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AACF,GAEME,IAAgC;AAAA,EACpC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBF,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AACF;"}
+{"version":3,"file":"offering-information-constants.js","sources":["../../../../../src/features/trial-session/comps/offering-information/offering-information-constants.ts"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport { GIF } from '../../../../assets/gif/gif';\n\ntype TCircleDetails = {\n  title: string;\n  description: string | string[];\n  animationBackground?: TColorNames;\n  infoBackground: TColorNames;\n  animationSource: string;\n  animationPadding?: number;\n  dimension?: (number | string | undefined)[];\n  coverAnimation?: boolean;\n}[];\n\nconst goalDetails: TCircleDetails = [\n  {\n    title: 'Personalized Sessions',\n    description: 'Aligned with school curriculum or specific needs',\n    infoBackground: 'YELLOW_1',\n    animationSource: GIF.PERSONALIZED_SESSION,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'Regular Practice',\n    description: 'Homework assignments plus daily practice on app',\n    infoBackground: 'PURPLE_1',\n    animationSource: GIF.REGULAR_PRACTICE,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'Parent-tutor conference',\n    description: 'Progress review and approach adjustment',\n    infoBackground: 'GREEN_1',\n    animationSource: GIF.STEPUP,\n    dimension: ['100%', '100%'],\n  },\n];\n\nconst parentAppDetails: TCircleDetails = [\n  {\n    title: 'stay \\nconnected',\n    description: 'Chat with your tutor and \\nreceive real-time updates.',\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.STAY_CONNECTED,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'track \\nprogress',\n    description: 'Progress, strengths, and \\nareas of improvement.',\n    infoBackground: 'PURPLE_1',\n    animationSource: GIF.TRACK_PROGRESS,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'easy \\nrescheduling',\n    description: 'Conveniently change \\nyour class timings.',\n    infoBackground: 'GREEN_1',\n    animationSource: GIF.EASY_RESCHEDULING,\n    dimension: ['100%', '100%'],\n  },\n];\n\nconst circleDetails: TCircleDetails = [\n  {\n    title: 'mental \\nmath',\n    description: 'Get faster and stay \\nahead in school.',\n    animationBackground: 'YELLOW_4',\n    infoBackground: 'YELLOW_1',\n    animationSource: GIF.SKILLS,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n  {\n    title: 'strategy \\ngames',\n    description: 'Train to think deeper \\nand plan ahead',\n    animationBackground: 'BLUE_4',\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.GAMES,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n  {\n    title: 'logic \\npuzzles',\n    description: 'Think in new ways, \\nand stay sharp.',\n    animationBackground: 'ORANGE_4',\n    infoBackground: 'ORANGE_1',\n    animationSource: GIF.PUZZLES,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n];\n\nexport { goalDetails, parentAppDetails, circleDetails };\n"],"names":["goalDetails","GIF","parentAppDetails","circleDetails"],"mappings":";AAeA,MAAMA,IAA8B;AAAA,EAClC;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBC,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AACF,GAEMC,IAAmC;AAAA,EACvC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBD,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AACF,GAEME,IAAgC;AAAA,EACpC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBF,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AACF;"}

package/dist/features/trial-session/comps/pla/next-steps/next-steps-constants.js

@@ -0,0 +1,25 @@
+import { ILLUSTRATIONS as e } from "../../../../../assets/illustrations/illustrations.js";
+const t = [
+  {
+    title: "Personalized Sessions",
+    description: "Your tutor will align sessions to your child's school curriculum and focus areas.",
+    image: e.KNOWLEDGE_BLUE,
+    textColor: "BLUE_4"
+  },
+  {
+    title: "Regular Practice",
+    description: "Your child will get homework assignments and daily practice through our app.",
+    image: e.BOOK_CHECKED_ORANGE,
+    textColor: "ORANGE_4"
+  },
+  {
+    title: "Parent-tutor Conference",
+    description: "We'll schedule a conference after 8 sessions to review progress & adjust approach.",
+    image: e.HANDSHAKE,
+    textColor: "YELLOW_4"
+  }
+];
+export {
+  t as nextStepsData
+};
+//# sourceMappingURL=next-steps-constants.js.map

package/dist/features/trial-session/comps/pla/next-steps/next-steps-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"next-steps-constants.js","sources":["../../../../../../src/features/trial-session/comps/pla/next-steps/next-steps-constants.ts"],"sourcesContent":["import type { INextStep } from './next-steps-types';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\n\nexport const nextStepsData: INextStep[] = [\n  {\n    title: 'Personalized Sessions',\n    description: `Your tutor will align sessions to your child's school curriculum and focus areas.`,\n    image: ILLUSTRATIONS.KNOWLEDGE_BLUE,\n    textColor: 'BLUE_4',\n  },\n  {\n    title: 'Regular Practice',\n    description: `Your child will get homework assignments and daily practice through our app.`,\n    image: ILLUSTRATIONS.BOOK_CHECKED_ORANGE,\n    textColor: 'ORANGE_4',\n  },\n  {\n    title: 'Parent-tutor Conference',\n    description: `We'll schedule a conference after 8 sessions to review progress & adjust approach.`,\n    image: ILLUSTRATIONS.HANDSHAKE,\n    textColor: 'YELLOW_4',\n  },\n];\n"],"names":["nextStepsData","ILLUSTRATIONS"],"mappings":";AAIO,MAAMA,IAA6B;AAAA,EACxC;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAOC,EAAc;AAAA,IACrB,WAAW;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAOA,EAAc;AAAA,IACrB,WAAW;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAOA,EAAc;AAAA,IACrB,WAAW;AAAA,EACb;AACF;"}

package/dist/features/trial-session/comps/pla/next-steps/next-steps-styled.js

@@ -0,0 +1,43 @@
+import i from "styled-components";
+import d from "../../../../ui/layout/flex-view.js";
+const t = i(d)(
+  ({ theme: o }) => `
+    border-bottom: 1px solid ${o.colors.BLACK_5};
+
+    ${o.mediaQueries.minWidthTablet} {
+      border-bottom: none;
+    }
+  `
+), n = i(d)(
+  ({ theme: o }) => `
+    &:first-child {
+      ${t} {
+        padding-top: 0;
+      }
+    }
+    &:last-child {
+      ${t} {
+        padding-bottom: 0;
+        border-bottom: none;
+      }
+    }
+
+    ${o.mediaQueries.minWidthTablet} {
+      border-right: 1px solid ${o.colors.BLACK_5};
+
+      &:last-child {
+        border-right: none;
+        padding-right: 0;
+      }
+
+      &:first-child {
+        padding-left: 0;
+      }
+    }
+  `
+);
+export {
+  n as ListItem,
+  t as TextContent
+};
+//# sourceMappingURL=next-steps-styled.js.map

package/dist/features/trial-session/comps/pla/next-steps/next-steps-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"next-steps-styled.js","sources":["../../../../../../src/features/trial-session/comps/pla/next-steps/next-steps-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nexport const TextContent = styled(FlexView)(\n  ({ theme }) => `\n    border-bottom: 1px solid ${theme.colors.BLACK_5};\n\n    ${theme.mediaQueries.minWidthTablet} {\n      border-bottom: none;\n    }\n  `,\n);\n\nexport const ListItem = styled(FlexView)(\n  ({ theme }) => `\n    &:first-child {\n      ${TextContent} {\n        padding-top: 0;\n      }\n    }\n    &:last-child {\n      ${TextContent} {\n        padding-bottom: 0;\n        border-bottom: none;\n      }\n    }\n\n    ${theme.mediaQueries.minWidthTablet} {\n      border-right: 1px solid ${theme.colors.BLACK_5};\n\n      &:last-child {\n        border-right: none;\n        padding-right: 0;\n      }\n\n      &:first-child {\n        padding-left: 0;\n      }\n    }\n  `,\n);\n"],"names":["TextContent","styled","FlexView","theme","ListItem"],"mappings":";;AAIa,MAAAA,IAAcC,EAAOC,CAAQ;AAAA,EACxC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA,+BACcA,EAAM,OAAO,OAAO;AAAA;AAAA,MAE7CA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAIvC,GAEaC,IAAWH,EAAOC,CAAQ;AAAA,EACrC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA;AAAA,QAETH,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA,QAKXA,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMbG,EAAM,aAAa,cAAc;AAAA,gCACPA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYpD;"}

package/dist/features/trial-session/comps/pla/next-steps/next-steps.js

@@ -0,0 +1,49 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { memo as a } from "react";
+import { useTheme as h } from "styled-components";
+import p from "../../../../ui/image/image.js";
+import m from "../../../../ui/layout/flex-view.js";
+import o from "../../../../ui/separator/separator.js";
+import n from "../../../../ui/text/text.js";
+import { EDeviceType as $ } from "../../../../ui/theme/constants.js";
+import { nextStepsData as d } from "./next-steps-constants.js";
+import { ListItem as f, TextContent as x } from "./next-steps-styled.js";
+const b = () => {
+  const e = h().device <= $.MOBILE;
+  return /* @__PURE__ */ t(m, { children: [
+    /* @__PURE__ */ r(n, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "WHITE", children: "What happens next?" }),
+    /* @__PURE__ */ r(o, { height: e ? 16 : 20 }),
+    /* @__PURE__ */ r(m, { $justifyContent: "center", $flexDirection: e ? "column" : "row", children: d.map(({ title: i, description: l, image: c, textColor: s }) => /* @__PURE__ */ t(
+      f,
+      {
+        $flexDirection: e ? "row" : "column",
+        $flex: 1,
+        $gutterX: e ? 0 : 1,
+        $flexColumnGapX: e ? 0.75 : 0,
+        $alignItems: e ? "center" : "normal",
+        children: [
+          /* @__PURE__ */ r(
+            p,
+            {
+              src: c,
+              width: e ? 72 : 80,
+              height: e ? 72 : 80,
+              withLoader: !1
+            }
+          ),
+          !e && /* @__PURE__ */ r(o, { heightX: 0.75 }),
+          /* @__PURE__ */ t(x, { $flex: 1, $gapX: e ? 1 : 0, $justifyContent: "space-between", children: [
+            /* @__PURE__ */ r(n, { $renderAs: "ac3-black", $renderOnMobileAs: "ac4-black", $color: s, children: i }),
+            /* @__PURE__ */ r(o, { height: e ? 10 : 12 }),
+            /* @__PURE__ */ r(n, { $renderAs: "ub1", $renderOnMobileAs: "ub2", $color: "WHITE", children: l })
+          ] })
+        ]
+      },
+      i
+    )) })
+  ] });
+}, O = a(b);
+export {
+  O as default
+};
+//# sourceMappingURL=next-steps.js.map

package/dist/features/trial-session/comps/pla/next-steps/next-steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"next-steps.js","sources":["../../../../../../src/features/trial-session/comps/pla/next-steps/next-steps.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport { nextStepsData } from './next-steps-constants';\nimport * as Styled from './next-steps-styled';\n\nconst NextSteps: React.FC = () => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n        What happens next?\n      </Text>\n      <Separator height={isMobile ? 16 : 20} />\n      <FlexView $justifyContent=\"center\" $flexDirection={isMobile ? 'column' : 'row'}>\n        {nextStepsData.map(({ title, description, image, textColor }) => (\n          <Styled.ListItem\n            key={title}\n            $flexDirection={isMobile ? 'row' : 'column'}\n            $flex={1}\n            $gutterX={isMobile ? 0 : 1}\n            $flexColumnGapX={isMobile ? 0.75 : 0}\n            $alignItems={isMobile ? 'center' : 'normal'}\n          >\n            <Image\n              src={image}\n              width={isMobile ? 72 : 80}\n              height={isMobile ? 72 : 80}\n              withLoader={false}\n            />\n            {!isMobile && <Separator heightX={0.75} />}\n            <Styled.TextContent $flex={1} $gapX={isMobile ? 1 : 0} $justifyContent=\"space-between\">\n              <Text $renderAs=\"ac3-black\" $renderOnMobileAs=\"ac4-black\" $color={textColor}>\n                {title}\n              </Text>\n              <Separator height={isMobile ? 10 : 12} />\n              <Text $renderAs=\"ub1\" $renderOnMobileAs=\"ub2\" $color=\"WHITE\">\n                {description}\n              </Text>\n            </Styled.TextContent>\n          </Styled.ListItem>\n        ))}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(NextSteps);\n"],"names":["NextSteps","isMobile","useTheme","EDeviceType","FlexView","jsx","Text","Separator","nextStepsData","title","description","image","textColor","jsxs","Styled.ListItem","Image","Styled.TextContent","NextSteps$1","memo"],"mappings":";;;;;;;;;;AAWA,MAAMA,IAAsB,MAAM;AAE1B,QAAAC,IADQC,IACS,UAAUC,EAAY;AAE7C,2BACGC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAEvE,qBAAA,CAAA;AAAA,IACC,gBAAAD,EAAAE,GAAA,EAAU,QAAQN,IAAW,KAAK,IAAI;AAAA,sBACtCG,GAAS,EAAA,iBAAgB,UAAS,gBAAgBH,IAAW,WAAW,OACtE,UAAcO,EAAA,IAAI,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,OAAAC,GAAO,WAAAC,QAC/C,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,gBAAgBb,IAAW,QAAQ;AAAA,QACnC,OAAO;AAAA,QACP,UAAUA,IAAW,IAAI;AAAA,QACzB,iBAAiBA,IAAW,OAAO;AAAA,QACnC,aAAaA,IAAW,WAAW;AAAA,QAEnC,UAAA;AAAA,UAAA,gBAAAI;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,KAAKJ;AAAA,cACL,OAAOV,IAAW,KAAK;AAAA,cACvB,QAAQA,IAAW,KAAK;AAAA,cACxB,YAAY;AAAA,YAAA;AAAA,UACd;AAAA,UACC,CAACA,KAAa,gBAAAI,EAAAE,GAAA,EAAU,SAAS,KAAM,CAAA;AAAA,UACxC,gBAAAM,EAACG,GAAA,EAAmB,OAAO,GAAG,OAAOf,IAAW,IAAI,GAAG,iBAAgB,iBACrE,UAAA;AAAA,YAAA,gBAAAI,EAACC,KAAK,WAAU,aAAY,mBAAkB,aAAY,QAAQM,GAC/D,UACHH,EAAA,CAAA;AAAA,YACC,gBAAAJ,EAAAE,GAAA,EAAU,QAAQN,IAAW,KAAK,IAAI;AAAA,YACvC,gBAAAI,EAACC,KAAK,WAAU,OAAM,mBAAkB,OAAM,QAAO,SAClD,UACHI,EAAA,CAAA;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,MAtBKD;AAAA,IAwBR,CAAA,GACH;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeQ,IAAAC,EAAKlB,CAAS;"}

package/dist/features/trial-session/comps/pla/session-status/hooks/use-session-countdown.js

@@ -0,0 +1,29 @@
+import { useState as a, useRef as l, useCallback as s, useEffect as d } from "react";
+import { COUNTDOWN_INTERVAL as T, COUNTDOWN_THRESHOLD as p } from "../session-status-constants.js";
+import { formatTimeRemaining as I } from "../session-status-helpers.js";
+import { differenceInSeconds as R } from "../../../../../../node_modules/date-fns/differenceInSeconds.js";
+import { fromUnixTime as w } from "../../../../../../node_modules/date-fns/fromUnixTime.js";
+const E = (r, c, f) => {
+  const [m, t] = a(""), n = l(null), e = s(() => {
+    n.current && (clearInterval(n.current), n.current = null);
+  }, []);
+  return d(() => {
+    if (!r || c || f) {
+      e(), t("");
+      return;
+    }
+    const i = w(r), u = () => {
+      const o = R(i, /* @__PURE__ */ new Date());
+      if (o <= 0 || o > p) {
+        t(""), e();
+        return;
+      }
+      t(I(o));
+    };
+    return u(), n.current = setInterval(u, T), e;
+  }, [r, c, f, e]), m;
+};
+export {
+  E as default
+};
+//# sourceMappingURL=use-session-countdown.js.map

package/dist/features/trial-session/comps/pla/session-status/hooks/use-session-countdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-session-countdown.js","sources":["../../../../../../../src/features/trial-session/comps/pla/session-status/hooks/use-session-countdown.ts"],"sourcesContent":["import { differenceInSeconds, fromUnixTime } from 'date-fns';\nimport { useState, useRef, useCallback, useEffect } from 'react';\n\nimport { COUNTDOWN_INTERVAL, COUNTDOWN_THRESHOLD } from '../session-status-constants';\nimport { formatTimeRemaining } from '../session-status-helpers';\n\nconst useSessionCountdown = (\n  nextSessionStartTime: number | null,\n  isFirstSessionCompleted: boolean,\n  isNoShowStatus: boolean,\n) => {\n  const [remainingTime, setRemainingTime] = useState('');\n  const intervalRef = useRef<NodeJS.Timeout | null>(null);\n\n  const clearCountdownInterval = useCallback(() => {\n    if (intervalRef.current) {\n      clearInterval(intervalRef.current);\n      intervalRef.current = null;\n    }\n  }, []);\n\n  useEffect(() => {\n    if (!nextSessionStartTime || isFirstSessionCompleted || isNoShowStatus) {\n      clearCountdownInterval();\n      setRemainingTime('');\n\n      return;\n    }\n\n    const startTime = fromUnixTime(nextSessionStartTime);\n\n    const updateCountdown = () => {\n      const now = new Date();\n      const diffInSeconds = differenceInSeconds(startTime, now);\n\n      if (diffInSeconds <= 0 || diffInSeconds > COUNTDOWN_THRESHOLD) {\n        setRemainingTime('');\n        clearCountdownInterval();\n\n        return;\n      }\n\n      setRemainingTime(formatTimeRemaining(diffInSeconds));\n    };\n\n    updateCountdown();\n    intervalRef.current = setInterval(updateCountdown, COUNTDOWN_INTERVAL);\n\n    return clearCountdownInterval;\n  }, [nextSessionStartTime, isFirstSessionCompleted, isNoShowStatus, clearCountdownInterval]);\n\n  return remainingTime;\n};\n\nexport default useSessionCountdown;\n"],"names":["useSessionCountdown","nextSessionStartTime","isFirstSessionCompleted","isNoShowStatus","remainingTime","setRemainingTime","useState","intervalRef","useRef","clearCountdownInterval","useCallback","useEffect","startTime","fromUnixTime","updateCountdown","diffInSeconds","differenceInSeconds","COUNTDOWN_THRESHOLD","formatTimeRemaining","COUNTDOWN_INTERVAL"],"mappings":";;;;;AAMA,MAAMA,IAAsB,CAC1BC,GACAC,GACAC,MACG;AACH,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAS,EAAE,GAC/CC,IAAcC,EAA8B,IAAI,GAEhDC,IAAyBC,EAAY,MAAM;AAC/C,IAAIH,EAAY,YACd,cAAcA,EAAY,OAAO,GACjCA,EAAY,UAAU;AAAA,EAE1B,GAAG,CAAE,CAAA;AAEL,SAAAI,EAAU,MAAM;AACV,QAAA,CAACV,KAAwBC,KAA2BC,GAAgB;AAC/C,MAAAM,KACvBJ,EAAiB,EAAE;AAEnB;AAAA,IACF;AAEM,UAAAO,IAAYC,EAAaZ,CAAoB,GAE7Ca,IAAkB,MAAM;AAEtB,YAAAC,IAAgBC,EAAoBJ,uBAD1B,MACwC;AAEpD,UAAAG,KAAiB,KAAKA,IAAgBE,GAAqB;AAC7D,QAAAZ,EAAiB,EAAE,GACII;AAEvB;AAAA,MACF;AAEiB,MAAAJ,EAAAa,EAAoBH,CAAa,CAAC;AAAA,IAAA;AAGrC,WAAAD,KACJP,EAAA,UAAU,YAAYO,GAAiBK,CAAkB,GAE9DV;AAAA,KACN,CAACR,GAAsBC,GAAyBC,GAAgBM,CAAsB,CAAC,GAEnFL;AACT;"}

package/dist/features/trial-session/comps/pla/session-status/hooks/use-session-status-config.js

@@ -0,0 +1,132 @@
+import { h } from "../../../../../../node_modules/humanize-plus/dist/humanize.js";
+import { useCallback as o, useMemo as T } from "react";
+import { ILLUSTRATIONS as r } from "../../../../../../assets/illustrations/illustrations.js";
+import { LOTTIE as c } from "../../../../../../assets/lottie/lottie.js";
+import { CUEMATH_APP_URL as d } from "../../../../../../constants/config.js";
+import { EClassStatus as O } from "../../../../../parent-dashboard/parent-dashboard-types.js";
+const P = ({
+  status: s,
+  completedSessions: i,
+  formattedSessionStart: e,
+  remainingTime: b,
+  isTeacherAssigned: t,
+  isFirstSessionCompleted: y,
+  isNoShowStatus: E,
+  teacherName: a,
+  studentName: S,
+  onRescheduleClick: u
+}) => {
+  const p = o(() => {
+    window.open(d, "_blank");
+  }, []), n = o(() => {
+    u == null || u();
+  }, [u]), C = o(() => {
+    const l = s === O.S_NO_SHOW;
+    return {
+      topSection: {
+        icon: r.CALENDAR_CROSS_ORANGE,
+        title: "Session Cancelled",
+        titleColor: "ORANGE_4",
+        titleStyle: "ac3",
+        titleTabletStyle: "ac4",
+        subtitleStyle: "ab1",
+        subtitleTabletStyle: "ab2",
+        subtitle: e,
+        description: l ? "We understand life is unpredictable and schedules change unexpectedly." : "We're sorry - our tutor couldn't attend your first session. This rarely happens, but tutors sometimes face unexpected circumstances.",
+        descriptionColor: "WHITE_1",
+        subtitleLineThrough: !0
+      },
+      bottomSection: {
+        icon: r.PLATFORM_PURPLE,
+        title: "Please Reschedule",
+        titleColor: "PURPLE_4",
+        titleStyle: "ac3",
+        titleTabletStyle: "ac4",
+        subtitleStyle: "ub1",
+        subtitleTabletStyle: "ub2",
+        subtitle: l ? "Please reschedule when it works better for you. Choose any available time slot, and we'll assign you a new tutor for your child." : "Since your first class didn't happen, we haven't activated your subscription. Choose any available time slot, and we'll assign a reliable tutor.",
+        action: {
+          label: "Reschedule",
+          onClick: n
+        }
+      }
+    };
+  }, [s, e, n]), _ = o(() => {
+    const l = i === 1 ? "First" : i.toString();
+    return {
+      topSection: {
+        icon: r.BOOK_CHECKED_GREEN,
+        title: `${l} ${h.pluralize(i, "session")} Completed!`,
+        titleColor: "GREEN_4",
+        titleStyle: "ac3",
+        titleTabletStyle: "ac4",
+        align: "center"
+      },
+      bottomSection: {
+        lottie: c.CALENDAR_HOUR_GLASS_ORANGE,
+        title: "Next Session",
+        titleColor: "ORANGE_4",
+        titleStyle: "ac3",
+        titleTabletStyle: "ac4",
+        subtitleStyle: "ab1",
+        subtitleTabletStyle: "ab2",
+        subtitle: `${e}
+with ${a}`,
+        action: {
+          label: "Reschedule on the Cuemath app",
+          onClick: p
+        }
+      }
+    };
+  }, [i, e, a, p]), f = o(() => {
+    const l = b || "SESSION SCHEDULED", R = !!b;
+    return {
+      topSection: {
+        icon: r.CALENDAR_CHECK_GREEN,
+        title: l,
+        titleColor: "GREEN_4",
+        titleStyle: R ? "ub2" : "ac3",
+        titleTabletStyle: R ? "ub3" : "ac4",
+        subtitle: e,
+        subtitleStyle: "ab1",
+        subtitleTabletStyle: "ab2",
+        action: {
+          label: "Reschedule",
+          onClick: n
+        }
+      },
+      bottomSection: {
+        align: "center",
+        lottie: t ? c.TEACHER_FOUND : c.TEACHER_SEARCH,
+        title: t ? "Tutor Assigned!" : "",
+        titleColor: t ? "ORANGE_4" : "WHITE_1",
+        titleStyle: t ? "ac3" : "ab2",
+        titleTabletStyle: t ? "ac4" : "ab3",
+        subtitleStyle: "ub1",
+        subtitleTabletStyle: "ub2",
+        subtitle: t ? `From over 3000 expert tutors, we selected ${a} as the perfect match for ${S}!` : "Finding the perfect tutor for your child",
+        description: t ? "" : "This typically takes 24-48 hours. We'll notify you via email.",
+        maxWidth: t ? 368 : 383,
+        isLargeIcon: !0
+      }
+    };
+  }, [
+    b,
+    e,
+    t,
+    a,
+    S,
+    n
+  ]);
+  return T(() => E ? C() : y ? _() : f(), [
+    E,
+    y,
+    C,
+    _,
+    f
+  ]);
+};
+export {
+  P as default
+};
+//# sourceMappingURL=use-session-status-config.js.map