@cuemath/leap 3.3.3 → 3.3.4-j1

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 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":"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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 { 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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"}

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 d } from "../../../../ui/theme/constants.js";
+import { nextStepsData as f } from "./next-steps-constants.js";
+import { ListItem as $, TextContent as x } from "./next-steps-styled.js";
+const b = () => {
+  const e = h().device <= d.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: f.map(({ title: i, description: l, image: c, textColor: s }) => /* @__PURE__ */ t(
+      $,
+      {
+        $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","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/session-status-constants.js

@@ -0,0 +1,11 @@
+const e = 172800, t = 1e3, r = {
+  autoplay: !0,
+  loop: !0,
+  renderer: "svg"
+};
+export {
+  t as COUNTDOWN_INTERVAL,
+  e as COUNTDOWN_THRESHOLD,
+  r as renderSettings
+};
+//# sourceMappingURL=session-status-constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"session-status-constants.js","sources":["../../../../../../src/features/trial-session/comps/pla/session-status/session-status-constants.ts"],"sourcesContent":["export const COUNTDOWN_THRESHOLD = 48 * 3600; // 48 hours in seconds\nexport const COUNTDOWN_INTERVAL = 1000; // 1 second\n\nexport const renderSettings = {\n  autoplay: true,\n  loop: true,\n  renderer: 'svg',\n};\n"],"names":["COUNTDOWN_THRESHOLD","COUNTDOWN_INTERVAL","renderSettings"],"mappings":"AAAO,MAAMA,IAAsB,QACtBC,IAAqB,KAErBC,IAAiB;AAAA,EAC5B,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AACZ;"}

package/dist/features/trial-session/comps/pla/session-status/session-status-helpers.js

@@ -0,0 +1,19 @@
+import { fromUnixTime as s } from "../../../../../node_modules/date-fns/fromUnixTime.js";
+import { formatDate as n } from "../../../../../node_modules/date-fns/format.js";
+function p(t, e) {
+  if (!t) return "";
+  const o = s(t), r = n(o, "EEE").toUpperCase(), i = n(o, "MMM d"), m = n(o, "h a");
+  return `${r} . ${i} . ${m}`;
+}
+const a = (t) => t.toString().padStart(2, "0"), $ = (t) => {
+  const e = Math.floor(t / 3600), o = Math.floor(t % 3600 / 60), r = t % 60;
+  return `Session starts in ${a(e)}h : ${a(o)}m : ${a(
+    r
+  )}s`;
+};
+export {
+  p as formatSessionDateTime,
+  $ as formatTimeRemaining,
+  a as padTime
+};
+//# sourceMappingURL=session-status-helpers.js.map

package/dist/features/trial-session/comps/pla/session-status/session-status-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-status-helpers.js","sources":["../../../../../../src/features/trial-session/comps/pla/session-status/session-status-helpers.ts"],"sourcesContent":["import { fromUnixTime, format } from 'date-fns';\n\n/**\n * Formats the session start and end times into a readable string.\n *\n * @param startTime - The start time of the session in Unix timestamp.\n * @param endTime - The end time of the session in Unix timestamp.\n * @returns A formatted string representing the session time or an empty string if inputs are invalid.\n */\nexport function formatSessionDateTime(startTime: number | null, endTime?: number | null): string {\n  if (!startTime) return '';\n\n  const start = fromUnixTime(startTime);\n\n  const day = format(start, 'EEE').toUpperCase();\n  const date = format(start, 'MMM d');\n  const formattedStartTime = format(start, 'h a');\n  const end = endTime ? fromUnixTime(endTime) : null;\n  const formattedEndTime = end ? format(end, 'h a') : null;\n\n  return `${day} . ${date} . ${formattedStartTime}${\n    formattedEndTime ? ` - ${formattedEndTime}` : ''\n  }`;\n}\n\nexport const padTime = (time: number): string => time.toString().padStart(2, '0');\n\nexport const formatTimeRemaining = (seconds: number): string => {\n  const hours = Math.floor(seconds / 3600);\n  const minutes = Math.floor((seconds % 3600) / 60);\n  const remainingSeconds = seconds % 60;\n\n  return `Session starts in ${padTime(hours)}h : ${padTime(minutes)}m : ${padTime(\n    remainingSeconds,\n  )}s`;\n};\n"],"names":["formatSessionDateTime","startTime","endTime","start","fromUnixTime","day","format","date","formattedStartTime","padTime","time","formatTimeRemaining","seconds","hours","minutes","remainingSeconds"],"mappings":";;AASgB,SAAAA,EAAsBC,GAA0BC,GAAiC;AAC3F,MAAA,CAACD,EAAkB,QAAA;AAEjB,QAAAE,IAAQC,EAAaH,CAAS,GAE9BI,IAAMC,EAAOH,GAAO,KAAK,EAAE,YAAY,GACvCI,IAAOD,EAAOH,GAAO,OAAO,GAC5BK,IAAqBF,EAAOH,GAAO,KAAK;AAIvC,SAAA,GAAGE,CAAG,MAAME,CAAI,MAAMC,CAAkB;AAGjD;AAEa,MAAAC,IAAU,CAACC,MAAyBA,EAAK,WAAW,SAAS,GAAG,GAAG,GAEnEC,IAAsB,CAACC,MAA4B;AAC9D,QAAMC,IAAQ,KAAK,MAAMD,IAAU,IAAI,GACjCE,IAAU,KAAK,MAAOF,IAAU,OAAQ,EAAE,GAC1CG,IAAmBH,IAAU;AAE5B,SAAA,qBAAqBH,EAAQI,CAAK,CAAC,OAAOJ,EAAQK,CAAO,CAAC,OAAOL;AAAA,IACtEM;AAAA,EACD,CAAA;AACH;"}

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

@@ -0,0 +1,17 @@
+import e from "styled-components";
+import o from "../../../../ui/layout/flex-view.js";
+import r from "../../../../ui/text/text.js";
+const l = e(o)`
+  max-width: ${({ $maxWidth: t }) => `${typeof t == "number" ? `${t}px` : `${t}`}`};
+`, m = e(r)`
+  text-decoration: ${({ $subtitleLineThrough: t }) => t ? "line-through" : "none"};
+`, f = e(o)`
+  position: relative;
+  left: ${({ $isLargeLottie: t }) => t ? "-6px" : "0"};
+`;
+export {
+  l as ContentWrapper,
+  f as LottieWrapper,
+  m as SubTitle
+};
+//# sourceMappingURL=session-status-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"session-status-styled.js","sources":["../../../../../../src/features/trial-session/comps/pla/session-status/session-status-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nexport const ContentWrapper = styled(FlexView)<{ $maxWidth: number | string }>`\n  max-width: ${({ $maxWidth }) =>\n    `${typeof $maxWidth === 'number' ? `${$maxWidth}px` : `${$maxWidth}`}`};\n`;\n\nexport const SubTitle = styled(Text)<{ $subtitleLineThrough?: boolean }>`\n  text-decoration: ${({ $subtitleLineThrough }) =>\n    $subtitleLineThrough ? 'line-through' : 'none'};\n`;\n\nexport const LottieWrapper = styled(FlexView)<{ $isLargeLottie: boolean }>`\n  position: relative;\n  left: ${({ $isLargeLottie }) => ($isLargeLottie ? '-6px' : '0')};\n`;\n"],"names":["ContentWrapper","styled","FlexView","$maxWidth","SubTitle","Text","$subtitleLineThrough","LottieWrapper","$isLargeLottie"],"mappings":";;;AAKa,MAAAA,IAAiBC,EAAOC,CAAQ;AAAA,eAC9B,CAAC,EAAE,WAAAC,EAAU,MACxB,GAAG,OAAOA,KAAc,WAAW,GAAGA,CAAS,OAAO,GAAGA,CAAS,EAAE,EAAE;AAAA,GAG7DC,IAAWH,EAAOI,CAAI;AAAA,qBACd,CAAC,EAAE,sBAAAC,EAAA,MACpBA,IAAuB,iBAAiB,MAAM;AAAA,GAGrCC,IAAgBN,EAAOC,CAAQ;AAAA;AAAA,UAElC,CAAC,EAAE,gBAAAM,EAAA,MAAsBA,IAAiB,SAAS,GAAI;AAAA;"}

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

@@ -0,0 +1,243 @@
+import { jsxs as a, jsx as e, Fragment as E } from "react/jsx-runtime";
+import { h as x } from "../../../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as D, useState as G, useRef as v, useMemo as _, useCallback as s, useEffect as U } from "react";
+import { ILLUSTRATIONS as p } from "../../../../../assets/illustrations/illustrations.js";
+import { LOTTIE as A } from "../../../../../assets/lottie/lottie.js";
+import { CUEMATH_APP_URL as F } from "../../../../../constants/config.js";
+import P from "../../../../ui/buttons/text-button/text-button.js";
+import k from "../../../../ui/image/image.js";
+import c from "../../../../ui/layout/flex-view.js";
+import M from "../../../../ui/lottie-animation/lottie-animation.js";
+import T from "../../../../ui/separator/separator.js";
+import H from "../../../../ui/text/text.js";
+import { COUNTDOWN_INTERVAL as X, renderSettings as K, COUNTDOWN_THRESHOLD as j } from "./session-status-constants.js";
+import { formatSessionDateTime as z, formatTimeRemaining as B } from "./session-status-helpers.js";
+import { LottieWrapper as V, ContentWrapper as q, SubTitle as J } from "./session-status-styled.js";
+import { differenceInSeconds as Q } from "../../../../../node_modules/date-fns/differenceInSeconds.js";
+import { fromUnixTime as Y } from "../../../../../node_modules/date-fns/fromUnixTime.js";
+const Z = ({
+  completedSessions: r,
+  nextSessionStartTime: u,
+  status: l,
+  teacherName: o,
+  studentName: O,
+  onRescheduleClick: b = () => {
+  }
+}) => {
+  const [d, C] = G(""), S = v(null), W = _(
+    () => ({
+      isTeacherAssigned: !!o,
+      isFirstSessionCompleted: r > 0,
+      formattedSessionStart: z(u)
+    }),
+    [r, o, u]
+  ), { isTeacherAssigned: i, isFirstSessionCompleted: h, formattedSessionStart: n } = W, m = s(() => {
+    S.current && (clearInterval(S.current), S.current = null);
+  }, []), f = _(() => l === "S_NO_SHOW" || l === "T_NO_SHOW", [l]);
+  U(() => {
+    if (!u || h || f) {
+      m(), C("");
+      return;
+    }
+    const t = () => {
+      const y = Y(u), g = Q(y, /* @__PURE__ */ new Date());
+      if (g <= 0 || g > j) {
+        C(""), m();
+        return;
+      }
+      C(B(g));
+    };
+    return t(), S.current = setInterval(t, X), m;
+  }, [
+    u,
+    h,
+    l,
+    m,
+    f
+  ]);
+  const R = s(() => {
+    window.open(F, "_blank");
+  }, []), $ = s(
+    () => ({
+      topSection: {
+        icon: p.CALENDAR_CROSS_ORANGE,
+        title: "Session Cancelled",
+        titleColor: "ORANGE_4",
+        titleStyle: "ac3",
+        titleTabletStyle: "ac4",
+        subtitleStyle: "ab1",
+        subtitleTabletStyle: "ab2",
+        subtitle: n,
+        description: l === "S_NO_SHOW" ? "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: p.PLATFORM_PURPLE,
+        title: "Please Reschedule",
+        titleColor: "PURPLE_4",
+        titleStyle: "ac3",
+        titleTabletStyle: "ac4",
+        subtitleStyle: "ub1",
+        subtitleTabletStyle: "ub2",
+        subtitle: l === "S_NO_SHOW" ? "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: b
+        }
+      }
+    }),
+    [n, b, l]
+  ), L = s(() => {
+    const t = r === 1 ? "First" : r;
+    return {
+      topSection: {
+        icon: p.BOOK_CHECKED_GREEN,
+        title: `${t} ${x.pluralize(r, "session")} Completed!`,
+        titleColor: "GREEN_4",
+        titleStyle: "ac3",
+        titleTabletStyle: "ac4",
+        align: "center"
+      },
+      bottomSection: {
+        lottie: A.CALENDAR_HOUR_GLASS_ORANGE,
+        title: "Next Session",
+        titleColor: "ORANGE_4",
+        titleStyle: "ac3",
+        titleTabletStyle: "ac4",
+        subtitleStyle: "ab1",
+        subtitleTabletStyle: "ab2",
+        subtitle: `${n}
+with ${o}`,
+        action: {
+          label: "Reschedule on the Cuemath app",
+          onClick: R
+        }
+      }
+    };
+  }, [r, n, o, R]), w = s(() => {
+    const t = d || "SESSION SCHEDULED", y = i ? A.TEACHER_FOUND : A.TEACHER_SEARCH;
+    return {
+      topSection: {
+        icon: p.CALENDAR_CHECK_GREEN,
+        title: t,
+        titleColor: "GREEN_4",
+        titleStyle: d ? "ub2" : "ac3",
+        titleTabletStyle: d ? "ub3" : "ac4",
+        subtitle: n,
+        subtitleStyle: "ab1",
+        subtitleTabletStyle: "ab2",
+        action: {
+          label: "Reschedule",
+          onClick: b
+        }
+      },
+      bottomSection: {
+        align: "center",
+        lottie: y,
+        title: i ? "Tutor Assigned!" : "",
+        titleColor: i ? "ORANGE_4" : "WHITE_1",
+        titleStyle: i ? "ac3" : "ab2",
+        titleTabletStyle: i ? "ac4" : "ab3",
+        subtitleStyle: "ub1",
+        subtitleTabletStyle: "ub2",
+        subtitle: i ? `From over 3000 expert tutors, we selected ${o} as the perfect match for ${O}!` : "Finding the perfect tutor for your child",
+        description: i ? "" : "This typically takes 24-48 hours. We'll notify you via email.",
+        maxWidth: i ? 368 : 383,
+        isLargeIcon: !0
+      }
+    };
+  }, [
+    d,
+    n,
+    i,
+    o,
+    O,
+    b
+  ]), I = _(() => f ? $() : h ? L() : w(), [
+    f,
+    h,
+    $,
+    L,
+    w
+  ]), N = s(
+    (t) => /* @__PURE__ */ a(
+      c,
+      {
+        $flexDirection: "row",
+        $flexColumnGapX: t != null && t.isLargeIcon ? 0.75 : 1.5,
+        $alignItems: t.align || "flex-start",
+        children: [
+          /* @__PURE__ */ e(c, { children: t.icon ? /* @__PURE__ */ e(k, { src: t.icon, width: 64, height: 64 }) : /* @__PURE__ */ e(V, { $isLargeLottie: !!(t != null && t.isLargeIcon), children: /* @__PURE__ */ e(
+            M,
+            {
+              src: t.lottie,
+              settings: K,
+              width: t.isLargeIcon ? 75 : 64,
+              height: t.isLargeIcon ? 75 : 64
+            }
+          ) }) }),
+          /* @__PURE__ */ a(q, { $maxWidth: t.maxWidth ?? "100%", $width: "100%", children: [
+            t.title && /* @__PURE__ */ e(
+              H,
+              {
+                $renderAs: t.titleStyle,
+                $color: t.titleColor,
+                $renderOnMobileAs: t.titleTabletStyle,
+                children: t.title
+              }
+            ),
+            t.subtitle && /* @__PURE__ */ a(E, { children: [
+              /* @__PURE__ */ e(T, { height: 2 }),
+              /* @__PURE__ */ e(
+                J,
+                {
+                  $renderAs: t.subtitleStyle,
+                  $renderOnMobileAs: t.subtitleTabletStyle,
+                  $color: "WHITE_1",
+                  $whiteSpace: "pre-line",
+                  $subtitleLineThrough: t.subtitleLineThrough,
+                  children: t.subtitle
+                }
+              )
+            ] }),
+            t.description && /* @__PURE__ */ a(E, { children: [
+              /* @__PURE__ */ e(T, { heightX: 0.5 }),
+              /* @__PURE__ */ e(c, { $width: "100%", children: /* @__PURE__ */ e(
+                H,
+                {
+                  $renderAs: "ub2",
+                  $renderOnMobileAs: "ub3",
+                  $color: t.descriptionColor ?? "WHITE_T_60",
+                  children: t.description
+                }
+              ) })
+            ] }),
+            t.action && /* @__PURE__ */ a(E, { children: [
+              /* @__PURE__ */ e(T, { heightX: 0.75 }),
+              /* @__PURE__ */ e(
+                P,
+                {
+                  sizeOnMobile: "small",
+                  label: t.action.label,
+                  color: "WHITE_1",
+                  onClick: t.action.onClick
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    ),
+    []
+  );
+  return /* @__PURE__ */ a(c, { $flexDirection: "column", $justifyContent: "center", children: [
+    N(I.topSection),
+    /* @__PURE__ */ e(c, { $gutterX: 2, $gapX: 0.25, children: /* @__PURE__ */ e(T, { heightX: 3, background: "BLACK_5", width: 1 }) }),
+    N(I.bottomSection)
+  ] });
+}, Tt = D(Z);
+export {
+  Tt as default
+};
+//# sourceMappingURL=session-status.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"session-status.js","sources":["../../../../../../src/features/trial-session/comps/pla/session-status/session-status.tsx"],"sourcesContent":["import type {\n  ISectionConfig,\n  ISessionStatusConfig,\n  ISessionStatusProps,\n} from './session-status-types';\n\nimport { differenceInSeconds, fromUnixTime } from 'date-fns';\nimport { pluralize } from 'humanize-plus';\nimport { useCallback, useEffect, useMemo, useRef, useState, memo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport { CUEMATH_APP_URL } from '../../../../../constants/config';\nimport TextButton from '../../../../ui/buttons/text-button/text-button';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport {\n  COUNTDOWN_INTERVAL,\n  COUNTDOWN_THRESHOLD,\n  renderSettings,\n} from './session-status-constants';\nimport { formatSessionDateTime, formatTimeRemaining } from './session-status-helpers';\nimport * as Styled from './session-status-styled';\n\nconst SessionStatus = ({\n  completedSessions,\n  nextSessionStartTime,\n  status,\n  teacherName,\n  studentName,\n  onRescheduleClick = () => {},\n}: ISessionStatusProps) => {\n  const [remainingTime, setRemainingTime] = useState('');\n  const intervalRef = useRef<NodeJS.Timeout | null>(null);\n\n  const derivedValues = useMemo(\n    () => ({\n      isTeacherAssigned: !!teacherName,\n      isFirstSessionCompleted: completedSessions > 0,\n      formattedSessionStart: formatSessionDateTime(nextSessionStartTime),\n    }),\n    [completedSessions, teacherName, nextSessionStartTime],\n  );\n\n  const { isTeacherAssigned, isFirstSessionCompleted, formattedSessionStart } = derivedValues;\n\n  const clearCountdownInterval = useCallback(() => {\n    if (intervalRef.current) {\n      clearInterval(intervalRef.current);\n      intervalRef.current = null;\n    }\n  }, []);\n  const isNoShowStatus = useMemo(() => status === 'S_NO_SHOW' || status === 'T_NO_SHOW', [status]);\n\n  useEffect(() => {\n    if (!nextSessionStartTime || isFirstSessionCompleted || isNoShowStatus) {\n      clearCountdownInterval();\n      setRemainingTime('');\n\n      return;\n    }\n\n    const updateCountdown = () => {\n      const start = fromUnixTime(nextSessionStartTime);\n      const now = new Date();\n      const diffInSeconds = differenceInSeconds(start, 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    // Initial update\n    updateCountdown();\n\n    // Set up interval\n    intervalRef.current = setInterval(updateCountdown, COUNTDOWN_INTERVAL);\n\n    return clearCountdownInterval;\n  }, [\n    nextSessionStartTime,\n    isFirstSessionCompleted,\n    status,\n    clearCountdownInterval,\n    isNoShowStatus,\n  ]);\n\n  const handleRedirectToApp = useCallback(() => {\n    window.open(CUEMATH_APP_URL, '_blank');\n  }, []);\n\n  const createStudentNoShowConfig = useCallback(\n    (): ISessionStatusConfig => ({\n      topSection: {\n        icon: ILLUSTRATIONS.CALENDAR_CROSS_ORANGE,\n        title: 'Session Cancelled',\n        titleColor: 'ORANGE_4',\n        titleStyle: 'ac3',\n        titleTabletStyle: 'ac4',\n        subtitleStyle: 'ab1',\n        subtitleTabletStyle: 'ab2',\n        subtitle: formattedSessionStart,\n        description:\n          status === 'S_NO_SHOW'\n            ? `We understand life is unpredictable and schedules change unexpectedly.`\n            : `We're sorry - our tutor couldn't attend your first session. This rarely happens, but tutors sometimes face unexpected circumstances.`,\n        descriptionColor: 'WHITE_1',\n        subtitleLineThrough: true,\n      },\n      bottomSection: {\n        icon: ILLUSTRATIONS.PLATFORM_PURPLE,\n        title: 'Please Reschedule',\n        titleColor: 'PURPLE_4',\n        titleStyle: 'ac3',\n        titleTabletStyle: 'ac4',\n        subtitleStyle: 'ub1',\n        subtitleTabletStyle: 'ub2',\n        subtitle:\n          status === 'S_NO_SHOW'\n            ? \"Please reschedule when it works better for you. Choose any available time slot, and we'll assign you a new tutor for your child.\"\n            : `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.`,\n        action: {\n          label: 'Reschedule',\n          onClick: onRescheduleClick,\n        },\n      },\n    }),\n    [formattedSessionStart, onRescheduleClick, status],\n  );\n\n  const createCompletedSessionConfig = useCallback((): ISessionStatusConfig => {\n    const titleText = completedSessions === 1 ? 'First' : completedSessions;\n\n    return {\n      topSection: {\n        icon: ILLUSTRATIONS.BOOK_CHECKED_GREEN,\n        title: `${titleText} ${pluralize(completedSessions, 'session')} Completed!`,\n        titleColor: 'GREEN_4',\n        titleStyle: 'ac3',\n        titleTabletStyle: 'ac4',\n        align: 'center',\n      },\n      bottomSection: {\n        lottie: LOTTIE.CALENDAR_HOUR_GLASS_ORANGE,\n        title: 'Next Session',\n        titleColor: 'ORANGE_4',\n        titleStyle: 'ac3',\n        titleTabletStyle: 'ac4',\n        subtitleStyle: 'ab1',\n        subtitleTabletStyle: 'ab2',\n        subtitle: `${formattedSessionStart}\\nwith ${teacherName}`,\n        action: {\n          label: 'Reschedule on the Cuemath app',\n          onClick: handleRedirectToApp,\n        },\n      },\n    };\n  }, [completedSessions, formattedSessionStart, teacherName, handleRedirectToApp]);\n\n  const createDefaultSessionConfig = useCallback((): ISessionStatusConfig => {\n    const defaultTitle = remainingTime || 'SESSION SCHEDULED';\n    const teacherGif = isTeacherAssigned ? LOTTIE.TEACHER_FOUND : LOTTIE.TEACHER_SEARCH;\n\n    return {\n      topSection: {\n        icon: ILLUSTRATIONS.CALENDAR_CHECK_GREEN,\n        title: defaultTitle,\n        titleColor: 'GREEN_4',\n        titleStyle: remainingTime ? 'ub2' : 'ac3',\n        titleTabletStyle: remainingTime ? 'ub3' : 'ac4',\n        subtitle: formattedSessionStart,\n        subtitleStyle: 'ab1',\n        subtitleTabletStyle: 'ab2',\n        action: {\n          label: 'Reschedule',\n          onClick: onRescheduleClick,\n        },\n      },\n      bottomSection: {\n        align: 'center',\n        lottie: teacherGif,\n        title: isTeacherAssigned ? 'Tutor Assigned!' : '',\n        titleColor: isTeacherAssigned ? 'ORANGE_4' : 'WHITE_1',\n        titleStyle: isTeacherAssigned ? 'ac3' : 'ab2',\n        titleTabletStyle: isTeacherAssigned ? 'ac4' : 'ab3',\n        subtitleStyle: 'ub1',\n        subtitleTabletStyle: 'ub2',\n        subtitle: isTeacherAssigned\n          ? `From over 3000 expert tutors, we selected ${teacherName} as the perfect match for ${studentName}!`\n          : 'Finding the perfect tutor for your child',\n        description: isTeacherAssigned\n          ? ''\n          : \"This typically takes 24-48 hours. We'll notify you via email.\",\n        maxWidth: isTeacherAssigned ? 368 : 383,\n        isLargeIcon: true,\n      },\n    };\n  }, [\n    remainingTime,\n    formattedSessionStart,\n    isTeacherAssigned,\n    teacherName,\n    studentName,\n    onRescheduleClick,\n  ]);\n\n  const config = useMemo((): ISessionStatusConfig => {\n    if (isNoShowStatus) {\n      return createStudentNoShowConfig();\n    }\n\n    if (isFirstSessionCompleted) {\n      return createCompletedSessionConfig();\n    }\n\n    return createDefaultSessionConfig();\n  }, [\n    isNoShowStatus,\n    isFirstSessionCompleted,\n    createStudentNoShowConfig,\n    createCompletedSessionConfig,\n    createDefaultSessionConfig,\n  ]);\n\n  const renderSection = useCallback(\n    (section: ISectionConfig) => (\n      <FlexView\n        $flexDirection=\"row\"\n        $flexColumnGapX={section?.isLargeIcon ? 0.75 : 1.5}\n        $alignItems={section.align || 'flex-start'}\n      >\n        <FlexView>\n          {section.icon ? (\n            <Image src={section.icon} width={64} height={64} />\n          ) : (\n            <Styled.LottieWrapper $isLargeLottie={!!section?.isLargeIcon}>\n              <LottieAnimation\n                src={section.lottie!}\n                settings={renderSettings}\n                width={section.isLargeIcon ? 75 : 64}\n                height={section.isLargeIcon ? 75 : 64}\n              />\n            </Styled.LottieWrapper>\n          )}\n        </FlexView>\n        <Styled.ContentWrapper $maxWidth={section.maxWidth ?? '100%'} $width=\"100%\">\n          {section.title && (\n            <Text\n              $renderAs={section.titleStyle}\n              $color={section.titleColor}\n              $renderOnMobileAs={section.titleTabletStyle}\n            >\n              {section.title}\n            </Text>\n          )}\n\n          {section.subtitle && (\n            <>\n              <Separator height={2} />\n              <Styled.SubTitle\n                $renderAs={section.subtitleStyle!}\n                $renderOnMobileAs={section.subtitleTabletStyle}\n                $color=\"WHITE_1\"\n                $whiteSpace=\"pre-line\"\n                $subtitleLineThrough={section.subtitleLineThrough}\n              >\n                {section.subtitle}\n              </Styled.SubTitle>\n            </>\n          )}\n\n          {section.description && (\n            <>\n              <Separator heightX={0.5} />\n              <FlexView $width=\"100%\">\n                <Text\n                  $renderAs=\"ub2\"\n                  $renderOnMobileAs=\"ub3\"\n                  $color={section.descriptionColor ?? 'WHITE_T_60'}\n                >\n                  {section.description}\n                </Text>\n              </FlexView>\n            </>\n          )}\n\n          {section.action && (\n            <>\n              <Separator heightX={0.75} />\n              <TextButton\n                sizeOnMobile=\"small\"\n                label={section.action.label}\n                color=\"WHITE_1\"\n                onClick={section.action.onClick}\n              />\n            </>\n          )}\n        </Styled.ContentWrapper>\n      </FlexView>\n    ),\n    [],\n  );\n\n  return (\n    <FlexView $flexDirection=\"column\" $justifyContent=\"center\">\n      {renderSection(config.topSection)}\n\n      <FlexView $gutterX={2} $gapX={0.25}>\n        <Separator heightX={3} background=\"BLACK_5\" width={1} />\n      </FlexView>\n\n      {renderSection(config.bottomSection)}\n    </FlexView>\n  );\n};\n\nexport default memo(SessionStatus);\n"],"names":["SessionStatus","completedSessions","nextSessionStartTime","status","teacherName","studentName","onRescheduleClick","remainingTime","setRemainingTime","useState","intervalRef","useRef","derivedValues","useMemo","formatSessionDateTime","isTeacherAssigned","isFirstSessionCompleted","formattedSessionStart","clearCountdownInterval","useCallback","isNoShowStatus","useEffect","updateCountdown","start","fromUnixTime","diffInSeconds","differenceInSeconds","COUNTDOWN_THRESHOLD","formatTimeRemaining","COUNTDOWN_INTERVAL","handleRedirectToApp","CUEMATH_APP_URL","createStudentNoShowConfig","ILLUSTRATIONS","createCompletedSessionConfig","titleText","pluralize","LOTTIE","createDefaultSessionConfig","defaultTitle","teacherGif","config","renderSection","section","jsxs","FlexView","jsx","Image","Styled.LottieWrapper","LottieAnimation","renderSettings","Styled.ContentWrapper","Text","Fragment","Separator","Styled.SubTitle","TextButton","sessionStatus","memo"],"mappings":"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"}

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

@@ -0,0 +1,52 @@
+import { GIF as e } from "../../../../../assets/gif/gif.js";
+const i = [
+  {
+    title: "introduction & goals",
+    description: "Get to know your tutor and discuss your goals and expectations",
+    image: e.YOUR_GOALS_GRID_BG,
+    textBG: "ORANGE_6",
+    ctaLabel: "View Profile"
+  },
+  {
+    title: "interactive sessions",
+    description: "Watch your child learn concepts and tackle problems with their tutorʼs guidance.",
+    image: e.LEARNING_SESSION_GRID_BG,
+    textBG: "YELLOW_6",
+    ctaLabel: "View Insights"
+  },
+  {
+    title: "way forward",
+    description: "Get insights on your child’s learning and plan the journey ahead",
+    image: e.WAY_FORWARD_GRID_BG,
+    textBG: "GREEN_6",
+    ctaLabel: "View Learning Plan"
+  }
+], a = [
+  {
+    title: "created student profile",
+    key: "studentProfile",
+    image: e.YOUR_GOALS_GRID_BG,
+    textBG: "ORANGE_6",
+    ctaLabel: "View Profile"
+  },
+  {
+    title: "Shared Learning insights",
+    key: "insights",
+    image: e.LEARNING_SESSION_GRID_BG,
+    textBG: "YELLOW_6",
+    ctaLabel: "View Insights"
+  },
+  {
+    title: "Created learning plan",
+    description: "Get insights on your child’s learning and plan the journey ahead",
+    image: e.WAY_FORWARD_GRID_BG,
+    textBG: "GREEN_6",
+    ctaLabel: "View Learning Plan",
+    key: "learningPlan"
+  }
+];
+export {
+  a as sessionSummaryAfterDemo,
+  i as sessionSummaryData
+};
+//# sourceMappingURL=session-summary-constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"session-summary-constants.js","sources":["../../../../../../src/features/trial-session/comps/pla/session-summary/session-summary-constants.ts"],"sourcesContent":["import type { ISessionSummary } from './session-summary-types';\n\nimport { GIF } from '../../../../../assets/gif/gif';\n\nexport const sessionSummaryData: ISessionSummary[] = [\n  {\n    title: 'introduction & goals',\n    description: 'Get to know your tutor and discuss your goals and expectations',\n    image: GIF.YOUR_GOALS_GRID_BG,\n    textBG: 'ORANGE_6',\n    ctaLabel: 'View Profile',\n  },\n  {\n    title: 'interactive sessions',\n    description: 'Watch your child learn concepts and tackle problems with their tutorʼs guidance.',\n    image: GIF.LEARNING_SESSION_GRID_BG,\n    textBG: 'YELLOW_6',\n    ctaLabel: 'View Insights',\n  },\n  {\n    title: 'way forward',\n    description: 'Get insights on your child’s learning and plan the journey ahead',\n    image: GIF.WAY_FORWARD_GRID_BG,\n    textBG: 'GREEN_6',\n    ctaLabel: 'View Learning Plan',\n  },\n];\n\nexport const sessionSummaryAfterDemo: ISessionSummary[] = [\n  {\n    title: 'created student profile',\n    key: 'studentProfile',\n    image: GIF.YOUR_GOALS_GRID_BG,\n    textBG: 'ORANGE_6',\n    ctaLabel: 'View Profile',\n  },\n  {\n    title: 'Shared Learning insights',\n    key: 'insights',\n    image: GIF.LEARNING_SESSION_GRID_BG,\n    textBG: 'YELLOW_6',\n    ctaLabel: 'View Insights',\n  },\n  {\n    title: 'Created learning plan',\n    description: 'Get insights on your child’s learning and plan the journey ahead',\n    image: GIF.WAY_FORWARD_GRID_BG,\n    textBG: 'GREEN_6',\n    ctaLabel: 'View Learning Plan',\n    key: 'learningPlan',\n  },\n];\n"],"names":["sessionSummaryData","GIF","sessionSummaryAfterDemo"],"mappings":";AAIO,MAAMA,IAAwC;AAAA,EACnD;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAOC,EAAI;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAOA,EAAI;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAOA,EAAI;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF,GAEaC,IAA6C;AAAA,EACxD;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,IACL,OAAOD,EAAI;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,IACL,OAAOA,EAAI;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAOA,EAAI;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,KAAK;AAAA,EACP;AACF;"}