@cuemath/leap 3.3.36-m → 3.3.36

package/dist/features/parent-dashboard/comps/next-steps/next-steps-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"next-steps-styled.js","sources":["../../../../../src/features/parent-dashboard/comps/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 → parent-dashboard/comps}/next-steps/next-steps.js

@@ -1,11 +1,11 @@
 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 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 = () => {

package/dist/features/parent-dashboard/comps/next-steps/next-steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"next-steps.js","sources":["../../../../../src/features/parent-dashboard/comps/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/parent-dashboard/comps/pla-first-session-introduction/pla-first-session-introduction.js

@@ -1,44 +1,50 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { memo as a } from "react";
-import { ILLUSTRATIONS as c } from "../../../../assets/illustrations/illustrations.js";
-import h from "../../../ui/buttons/button/button.js";
-import l from "../../../ui/image/image.js";
-import n from "../../../ui/layout/flex-view.js";
+import { memo as f, useMemo as d } from "react";
+import { ILLUSTRATIONS as p } from "../../../../assets/illustrations/illustrations.js";
+import u from "../../../ui/buttons/button/button.js";
+import $ from "../../../ui/image/image.js";
+import m from "../../../ui/layout/flex-view.js";
 import r from "../../../ui/separator/separator.js";
 import o from "../../../ui/text/text.js";
-import d from "../../hooks/use-fetch-parent-home.js";
-import p from "../../hooks/use-parent-home-data.js";
-import { ImageWrapper as f } from "./pla-first-session-introduction-styled.js";
-const u = ({
-  studentId: t,
-  onRunSystemCheck: m
+import g from "../../hooks/use-fetch-parent-home.js";
+import x from "../../hooks/use-parent-home-data.js";
+import { ImageWrapper as A } from "./pla-first-session-introduction-styled.js";
+import { fromUnixTime as S } from "../../../../node_modules/date-fns/fromUnixTime.js";
+import { formatDate as I } from "../../../../node_modules/date-fns/format.js";
+const L = ({
+  studentId: i,
+  onRunSystemCheck: a
 }) => {
-  d(t);
-  const { formattedNextSessionStart: i } = p(t);
-  return /* @__PURE__ */ s(n, { $justifyContent: "center", $alignItems: "center", $height: "100vh", $width: "100%", children: [
-    i && /* @__PURE__ */ s(n, { children: [
-      /* @__PURE__ */ e(o, { $renderAs: "ab1", $color: "BLACK_1", $align: "center", children: "We’re excited for your first session on" }),
+  g(i);
+  const { nextSessionStart: t, showPLAIntroduction: c, isTrialDone: h } = x(i), n = d(() => {
+    if (!t) return "";
+    const l = new Date(S(t).getTime());
+    return I(l, "EEEE, MMM d 'at' h:mm a");
+  }, [t]);
+  return /* @__PURE__ */ s(m, { $justifyContent: "center", $alignItems: "center", $height: "100vh", $width: "100%", children: [
+    n && c && /* @__PURE__ */ s(m, { children: [
+      /* @__PURE__ */ e(o, { $renderAs: "ab1", $color: "BLACK_1", $align: "center", children: `We’re excited for your ${h ? "next" : "first"} session on` }),
       /* @__PURE__ */ e(r, { height: 4 }),
-      /* @__PURE__ */ e(o, { $renderAs: "ab1-bold", $align: "center", children: i })
+      /* @__PURE__ */ e(o, { $renderAs: "ab1-bold", $align: "center", children: n })
     ] }),
     /* @__PURE__ */ e(r, { heightX: 2.5 }),
-    /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(l, { src: c.LEARNING_PUZZLE_BOT, width: "100%" }) }),
+    /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e($, { src: p.LEARNING_PUZZLE_BOT, width: "100%" }) }),
     /* @__PURE__ */ e(r, { heightX: 3.5 }),
     /* @__PURE__ */ e(o, { $renderAs: "ab2", $color: "BLACK_1", $align: "center", children: "Let's make sure your device is ready for your child's session." }),
     /* @__PURE__ */ e(r, { heightX: 1 }),
     /* @__PURE__ */ e(
-      h,
+      u,
       {
         renderAs: "primary",
         label: "Run a system check",
         shape: "square",
         size: "small",
-        onClick: m
+        onClick: a
       }
     )
   ] });
-}, F = a(u);
+}, j = f(L);
 export {
-  F as default
+  j as default
 };
 //# sourceMappingURL=pla-first-session-introduction.js.map

package/dist/features/parent-dashboard/comps/pla-first-session-introduction/pla-first-session-introduction.js.map

@@ -1 +1 @@
-{"version":3,"file":"pla-first-session-introduction.js","sources":["../../../../../src/features/parent-dashboard/comps/pla-first-session-introduction/pla-first-session-introduction.tsx"],"sourcesContent":["import type { IFirstSessionIntroductionProps } from './pla-first-session-introduction-types';\n\nimport { memo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Button from '../../../ui/buttons/button/button';\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 useFetchParentHome from '../../hooks/use-fetch-parent-home';\nimport useParentHomeData from '../../hooks/use-parent-home-data';\nimport * as Styled from './pla-first-session-introduction-styled';\n\nconst PlaFirstSessionIntroduction: FC<IFirstSessionIntroductionProps> = ({\n  studentId,\n  onRunSystemCheck,\n}) => {\n  useFetchParentHome(studentId);\n  const { formattedNextSessionStart } = useParentHomeData(studentId);\n\n  return (\n    <FlexView $justifyContent=\"center\" $alignItems=\"center\" $height=\"100vh\" $width={'100%'}>\n      {formattedNextSessionStart && (\n        <FlexView>\n          <Text $renderAs=\"ab1\" $color=\"BLACK_1\" $align=\"center\">\n            We’re excited for your first session on\n          </Text>\n          <Separator height={4} />\n          <Text $renderAs=\"ab1-bold\" $align=\"center\">\n            {formattedNextSessionStart}\n          </Text>\n        </FlexView>\n      )}\n      <Separator heightX={2.5} />\n      <Styled.ImageWrapper>\n        <Image src={ILLUSTRATIONS.LEARNING_PUZZLE_BOT} width=\"100%\" />\n      </Styled.ImageWrapper>\n      <Separator heightX={3.5} />\n      <Text $renderAs=\"ab2\" $color=\"BLACK_1\" $align=\"center\">\n        Let's make sure your device is ready for your child's session.\n      </Text>\n      <Separator heightX={1} />\n      <Button\n        renderAs=\"primary\"\n        label=\"Run a system check\"\n        shape=\"square\"\n        size=\"small\"\n        onClick={onRunSystemCheck}\n      />\n    </FlexView>\n  );\n};\n\nexport default memo(PlaFirstSessionIntroduction);\n"],"names":["PlaFirstSessionIntroduction","studentId","onRunSystemCheck","useFetchParentHome","formattedNextSessionStart","useParentHomeData","jsxs","FlexView","jsx","Text","Separator","Styled.ImageWrapper","Image","ILLUSTRATIONS","Button","plaFirstSessionIntroduction","memo"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAkE,CAAC;AAAA,EACvE,WAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACJ,EAAAC,EAAmBF,CAAS;AAC5B,QAAM,EAAE,2BAAAG,EAAA,IAA8BC,EAAkBJ,CAAS;AAG/D,SAAA,gBAAAK,EAACC,KAAS,iBAAgB,UAAS,aAAY,UAAS,SAAQ,SAAQ,QAAQ,QAC7E,UAAA;AAAA,IAAAH,uBACEG,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAK,WAAU,OAAM,QAAO,WAAU,QAAO,UAAS,UAEvD,0CAAA,CAAA;AAAA,MACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,wBACrBD,GAAK,EAAA,WAAU,YAAW,QAAO,UAC/B,UACHL,GAAA;AAAA,IAAA,GACF;AAAA,IAEF,gBAAAI,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACG,GAAA,EACC,UAAA,gBAAAH,EAACI,GAAM,EAAA,KAAKC,EAAc,qBAAqB,OAAM,OAAA,CAAO,EAC9D,CAAA;AAAA,IACA,gBAAAL,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACC,KAAK,WAAU,OAAM,QAAO,WAAU,QAAO,UAAS,UAEvD,iEAAA,CAAA;AAAA,IACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAF;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,OAAM;AAAA,QACN,OAAM;AAAA,QACN,MAAK;AAAA,QACL,SAASZ;AAAA,MAAA;AAAA,IACX;AAAA,EACF,EAAA,CAAA;AAEJ,GAEea,IAAAC,EAAKhB,CAA2B;"}
+{"version":3,"file":"pla-first-session-introduction.js","sources":["../../../../../src/features/parent-dashboard/comps/pla-first-session-introduction/pla-first-session-introduction.tsx"],"sourcesContent":["import type { IFirstSessionIntroductionProps } from './pla-first-session-introduction-types';\n\nimport { format, fromUnixTime } from 'date-fns';\nimport { memo, useMemo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Button from '../../../ui/buttons/button/button';\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 useFetchParentHome from '../../hooks/use-fetch-parent-home';\nimport useParentHomeData from '../../hooks/use-parent-home-data';\nimport * as Styled from './pla-first-session-introduction-styled';\n\nconst PlaFirstSessionIntroduction: FC<IFirstSessionIntroductionProps> = ({\n  studentId,\n  onRunSystemCheck,\n}) => {\n  useFetchParentHome(studentId);\n  const { nextSessionStart, showPLAIntroduction, isTrialDone } = useParentHomeData(studentId);\n\n  const formattedNextSessionStart = useMemo(() => {\n    if (!nextSessionStart) return '';\n\n    const date = new Date(fromUnixTime(nextSessionStart).getTime());\n\n    return format(date, \"EEEE, MMM d 'at' h:mm a\");\n  }, [nextSessionStart]);\n\n  return (\n    <FlexView $justifyContent=\"center\" $alignItems=\"center\" $height=\"100vh\" $width={'100%'}>\n      {formattedNextSessionStart && showPLAIntroduction && (\n        <FlexView>\n          <Text $renderAs=\"ab1\" $color=\"BLACK_1\" $align=\"center\">\n            {`We’re excited for your ${isTrialDone ? 'next' : 'first'} session on`}\n          </Text>\n          <Separator height={4} />\n          <Text $renderAs=\"ab1-bold\" $align=\"center\">\n            {formattedNextSessionStart}\n          </Text>\n        </FlexView>\n      )}\n      <Separator heightX={2.5} />\n      <Styled.ImageWrapper>\n        <Image src={ILLUSTRATIONS.LEARNING_PUZZLE_BOT} width=\"100%\" />\n      </Styled.ImageWrapper>\n      <Separator heightX={3.5} />\n      <Text $renderAs=\"ab2\" $color=\"BLACK_1\" $align=\"center\">\n        Let's make sure your device is ready for your child's session.\n      </Text>\n      <Separator heightX={1} />\n      <Button\n        renderAs=\"primary\"\n        label=\"Run a system check\"\n        shape=\"square\"\n        size=\"small\"\n        onClick={onRunSystemCheck}\n      />\n    </FlexView>\n  );\n};\n\nexport default memo(PlaFirstSessionIntroduction);\n"],"names":["PlaFirstSessionIntroduction","studentId","onRunSystemCheck","useFetchParentHome","nextSessionStart","showPLAIntroduction","isTrialDone","useParentHomeData","formattedNextSessionStart","useMemo","date","fromUnixTime","format","jsxs","FlexView","jsx","Text","Separator","Styled.ImageWrapper","Image","ILLUSTRATIONS","Button","plaFirstSessionIntroduction","memo"],"mappings":";;;;;;;;;;;;;AAeA,MAAMA,IAAkE,CAAC;AAAA,EACvE,WAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACJ,EAAAC,EAAmBF,CAAS;AAC5B,QAAM,EAAE,kBAAAG,GAAkB,qBAAAC,GAAqB,aAAAC,EAAY,IAAIC,EAAkBN,CAAS,GAEpFO,IAA4BC,EAAQ,MAAM;AAC1C,QAAA,CAACL,EAAyB,QAAA;AAE9B,UAAMM,IAAO,IAAI,KAAKC,EAAaP,CAAgB,EAAE,SAAS;AAEvD,WAAAQ,EAAOF,GAAM,yBAAyB;AAAA,EAAA,GAC5C,CAACN,CAAgB,CAAC;AAGnB,SAAA,gBAAAS,EAACC,KAAS,iBAAgB,UAAS,aAAY,UAAS,SAAQ,SAAQ,QAAQ,QAC7E,UAAA;AAAA,IAA6BN,KAAAH,uBAC3BS,GACC,EAAA,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,OAAM,QAAO,WAAU,QAAO,UAC3C,UAA0B,0BAAAV,IAAc,SAAS,OAAO,eAC3D;AAAA,MACA,gBAAAS,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,wBACrBD,GAAK,EAAA,WAAU,YAAW,QAAO,UAC/B,UACHR,GAAA;AAAA,IAAA,GACF;AAAA,IAEF,gBAAAO,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACG,GAAA,EACC,UAAA,gBAAAH,EAACI,GAAM,EAAA,KAAKC,EAAc,qBAAqB,OAAM,OAAA,CAAO,EAC9D,CAAA;AAAA,IACA,gBAAAL,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACC,KAAK,WAAU,OAAM,QAAO,WAAU,QAAO,UAAS,UAEvD,iEAAA,CAAA;AAAA,IACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAF;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,OAAM;AAAA,QACN,OAAM;AAAA,QACN,MAAK;AAAA,QACL,SAASnB;AAAA,MAAA;AAAA,IACX;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeoB,IAAAC,EAAKvB,CAA2B;"}

package/dist/features/parent-dashboard/comps/session-status/hooks/use-countdown.js

@@ -0,0 +1,34 @@
+import { useState as R, useRef as m, useCallback as u, useEffect as g } from "react";
+import { COUNTDOWN_INTERVAL as d } from "../session-status-constants.js";
+const C = ({ timeLeft: t, maxHoursToShow: s = 48 }) => {
+  const [l, e] = R(0), r = m(null), c = u(() => {
+    r.current && (clearInterval(r.current), r.current = null);
+  }, []), i = u(
+    (a) => {
+      const o = Math.floor(Date.now() / 1e3), n = a - o, f = s * 3600;
+      return n <= 0 || n > f ? 0 : n;
+    },
+    [s]
+  );
+  return g(() => {
+    if (!t) {
+      c(), e(0);
+      return;
+    }
+    const a = i(t);
+    if (a <= 0) {
+      e(0);
+      return;
+    }
+    e(a);
+    const o = () => {
+      const n = i(t);
+      n <= 0 ? (c(), e(0)) : e(n);
+    };
+    return r.current = setInterval(o, d), c;
+  }, [t, c, i]), l;
+};
+export {
+  C as default
+};
+//# sourceMappingURL=use-countdown.js.map

package/dist/features/parent-dashboard/comps/session-status/hooks/use-countdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-countdown.js","sources":["../../../../../../src/features/parent-dashboard/comps/session-status/hooks/use-countdown.ts"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\n\nimport { COUNTDOWN_INTERVAL } from '../session-status-constants';\n\ninterface IUseCountdownParams {\n  timeLeft: number | null;\n  maxHoursToShow?: number;\n}\n\nconst useCountdown = ({ timeLeft, maxHoursToShow = 48 }: IUseCountdownParams): number => {\n  const [remaining, setRemaining] = useState(0);\n  const intervalRef = useRef<NodeJS.Timeout | null>(null);\n\n  const clear = useCallback(() => {\n    if (intervalRef.current) {\n      clearInterval(intervalRef.current);\n      intervalRef.current = null;\n    }\n  }, []);\n\n  const calculateRemaining = useCallback(\n    (targetTime: number): number => {\n      const now = Math.floor(Date.now() / 1000);\n      const diff = targetTime - now;\n      const maxSeconds = maxHoursToShow * 3600;\n\n      if (diff <= 0 || diff > maxSeconds) {\n        return 0;\n      }\n\n      return diff;\n    },\n    [maxHoursToShow],\n  );\n\n  useEffect(() => {\n    if (!timeLeft) {\n      clear();\n      setRemaining(0);\n\n      return;\n    }\n\n    const initialRemaining = calculateRemaining(timeLeft);\n\n    if (initialRemaining <= 0) {\n      setRemaining(0);\n\n      return;\n    }\n\n    setRemaining(initialRemaining);\n\n    const tick = () => {\n      const currentRemaining = calculateRemaining(timeLeft);\n\n      if (currentRemaining <= 0) {\n        clear();\n        setRemaining(0);\n      } else {\n        setRemaining(currentRemaining);\n      }\n    };\n\n    intervalRef.current = setInterval(tick, COUNTDOWN_INTERVAL);\n\n    return clear;\n  }, [timeLeft, clear, calculateRemaining]);\n\n  return remaining;\n};\n\nexport default useCountdown;\n"],"names":["useCountdown","timeLeft","maxHoursToShow","remaining","setRemaining","useState","intervalRef","useRef","clear","useCallback","calculateRemaining","targetTime","now","diff","maxSeconds","useEffect","initialRemaining","tick","currentRemaining","COUNTDOWN_INTERVAL"],"mappings":";;AASA,MAAMA,IAAe,CAAC,EAAE,UAAAC,GAAU,gBAAAC,IAAiB,SAAsC;AACvF,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,CAAC,GACtCC,IAAcC,EAA8B,IAAI,GAEhDC,IAAQC,EAAY,MAAM;AAC9B,IAAIH,EAAY,YACd,cAAcA,EAAY,OAAO,GACjCA,EAAY,UAAU;AAAA,EAE1B,GAAG,CAAE,CAAA,GAECI,IAAqBD;AAAA,IACzB,CAACE,MAA+B;AAC9B,YAAMC,IAAM,KAAK,MAAM,KAAK,IAAA,IAAQ,GAAI,GAClCC,IAAOF,IAAaC,GACpBE,IAAaZ,IAAiB;AAEhC,aAAAW,KAAQ,KAAKA,IAAOC,IACf,IAGFD;AAAA,IACT;AAAA,IACA,CAACX,CAAc;AAAA,EAAA;AAGjB,SAAAa,EAAU,MAAM;AACd,QAAI,CAACd,GAAU;AACP,MAAAO,KACNJ,EAAa,CAAC;AAEd;AAAA,IACF;AAEM,UAAAY,IAAmBN,EAAmBT,CAAQ;AAEpD,QAAIe,KAAoB,GAAG;AACzB,MAAAZ,EAAa,CAAC;AAEd;AAAA,IACF;AAEA,IAAAA,EAAaY,CAAgB;AAE7B,UAAMC,IAAO,MAAM;AACX,YAAAC,IAAmBR,EAAmBT,CAAQ;AAEpD,MAAIiB,KAAoB,KAChBV,KACNJ,EAAa,CAAC,KAEdA,EAAac,CAAgB;AAAA,IAC/B;AAGU,WAAAZ,EAAA,UAAU,YAAYW,GAAME,CAAkB,GAEnDX;AAAA,EACN,GAAA,CAACP,GAAUO,GAAOE,CAAkB,CAAC,GAEjCP;AACT;"}

package/dist/features/parent-dashboard/comps/session-status/hooks/use-session-status-config.js

@@ -0,0 +1,137 @@
+import { h } from "../../../../../node_modules/humanize-plus/dist/humanize.js";
+import { useMemo as s, useCallback as C } from "react";
+import { ILLUSTRATIONS as a } from "../../../../../assets/illustrations/illustrations.js";
+import { LOTTIE as O } from "../../../../../assets/lottie/lottie.js";
+import { CUEMATH_APP_URL as R } from "../../../../../constants/config.js";
+import { TEXT_STYLES as t } from "../session-status-constants.js";
+import { formatSessionDateTime as A, formatTimeRemaining as D } from "../session-status-helpers.js";
+import P from "./use-countdown.js";
+const x = ({
+  completedSessions: u,
+  nextSessionStartTime: S,
+  isTrialDone: c = !1,
+  teacherName: o,
+  studentName: b,
+  isStudentNoShow: i = !1,
+  onRescheduleClick: n,
+  isOnlyTrialDone: I = !1,
+  isTutorNoShow: d = !1
+}) => {
+  const B = s(
+    () => ({
+      isNoShowStatus: i || d,
+      isTeacherAssigned: !!o,
+      formattedSessionStart: A(S)
+    }),
+    [i, d, o, S]
+  ), { isNoShowStatus: L, isTeacherAssigned: e, formattedSessionStart: l } = B, r = P({
+    timeLeft: c || L ? null : S,
+    maxHoursToShow: 48
+  }), y = C(() => {
+    window.open(R, "_blank");
+  }, []), T = C(() => {
+    n == null || n();
+  }, [n]), f = s(
+    () => ({
+      topSection: {
+        icon: a.CALENDAR_CROSS_ORANGE,
+        title: "Session Cancelled",
+        titleColor: "ORANGE_4",
+        titleStyle: t.TITLE_DESKTOP,
+        titleTabletStyle: t.TITLE_MOBILE,
+        subtitle: l,
+        subtitleStyle: t.SUBTITLE_DESKTOP,
+        subtitleTabletStyle: t.SUBTITLE_MOBILE,
+        subtitleLineThrough: !0,
+        description: i ? "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"
+      },
+      bottomSection: {
+        icon: a.PLATFORM_PURPLE,
+        title: "Please Reschedule",
+        titleColor: "PURPLE_4",
+        titleStyle: t.TITLE_DESKTOP,
+        titleTabletStyle: t.TITLE_MOBILE,
+        subtitle: i ? "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.",
+        subtitleStyle: t.BODY_DESKTOP,
+        subtitleTabletStyle: t.BODY_MOBILE,
+        action: {
+          label: "Reschedule",
+          onClick: T
+        }
+      }
+    }),
+    [l, i, T]
+  ), m = s(() => {
+    const _ = I ? "First" : u.toString(), E = h.pluralize(u, "session");
+    return {
+      topSection: {
+        icon: a.BOOK_CHECKED_GREEN,
+        title: `${_} ${E} Completed!`,
+        titleColor: "GREEN_4",
+        titleStyle: t.TITLE_DESKTOP,
+        titleTabletStyle: t.TITLE_MOBILE,
+        align: "center"
+      },
+      bottomSection: {
+        lottie: O.CALENDAR_HOUR_GLASS_ORANGE,
+        title: "Next Session",
+        titleColor: "ORANGE_4",
+        titleStyle: t.TITLE_DESKTOP,
+        titleTabletStyle: t.TITLE_MOBILE,
+        subtitle: `${l}
+with ${o}`,
+        subtitleStyle: t.SUBTITLE_DESKTOP,
+        subtitleTabletStyle: t.SUBTITLE_MOBILE,
+        action: {
+          label: "Reschedule on the Cuemath app",
+          onClick: y
+        }
+      }
+    };
+  }, [I, u, l, o, y]), p = s(() => {
+    const _ = r ? D(r) : "SESSION SCHEDULED", E = !!r;
+    return {
+      topSection: {
+        icon: a.CALENDAR_CHECK_GREEN,
+        title: _,
+        titleColor: "GREEN_4",
+        titleStyle: E ? t.COUNTDOWN_DESKTOP : t.TITLE_DESKTOP,
+        titleTabletStyle: E ? t.COUNTDOWN_MOBILE : t.TITLE_MOBILE,
+        subtitle: l,
+        subtitleStyle: t.SUBTITLE_DESKTOP,
+        subtitleTabletStyle: t.SUBTITLE_MOBILE,
+        action: {
+          label: "Reschedule",
+          onClick: T
+        }
+      },
+      bottomSection: {
+        align: "center",
+        lottie: e ? O.TEACHER_FOUND : O.TEACHER_SEARCH,
+        title: e ? "Tutor Assigned!" : "",
+        titleColor: e ? "ORANGE_4" : "WHITE_1",
+        titleStyle: e ? t.TITLE_DESKTOP : t.SUBTITLE_MOBILE,
+        titleTabletStyle: e ? t.TITLE_MOBILE : t.SUBTITLE_MOBILE,
+        subtitle: e ? `From over 3000 expert tutors, we selected ${o} as the perfect match for ${b}!` : "Finding the perfect tutor for your child",
+        subtitleStyle: t.BODY_DESKTOP,
+        subtitleTabletStyle: t.BODY_MOBILE,
+        description: e ? void 0 : "This typically takes 24-48 hours. We'll notify you via email.",
+        maxWidth: e ? 368 : 383,
+        isLargeIcon: !0
+      }
+    };
+  }, [
+    r,
+    l,
+    T,
+    e,
+    o,
+    b
+  ]);
+  return s(() => L ? f : c ? m : p, [L, c, f, m, p]);
+};
+export {
+  x as default
+};
+//# sourceMappingURL=use-session-status-config.js.map

package/dist/features/parent-dashboard/comps/session-status/hooks/use-session-status-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-session-status-config.js","sources":["../../../../../../src/features/parent-dashboard/comps/session-status/hooks/use-session-status-config.ts"],"sourcesContent":["import type { ISessionStatusConfig, IUseSessionStatusConfigProps } from '../session-status-types';\n\nimport { pluralize } from 'humanize-plus';\nimport { useMemo, useCallback } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport { CUEMATH_APP_URL } from '../../../../../constants/config';\nimport { TEXT_STYLES } from '../session-status-constants';\nimport { formatSessionDateTime, formatTimeRemaining } from '../session-status-helpers';\nimport useCountdown from './use-countdown';\n\nconst useSessionStatusConfig = ({\n  completedSessions,\n  nextSessionStartTime,\n  isTrialDone = false,\n  teacherName,\n  studentName,\n  isStudentNoShow = false,\n  onRescheduleClick,\n  isOnlyTrialDone = false,\n  isTutorNoShow = false,\n}: IUseSessionStatusConfigProps): ISessionStatusConfig => {\n  const derivedValues = useMemo(\n    () => ({\n      isNoShowStatus: isStudentNoShow || isTutorNoShow,\n      isTeacherAssigned: Boolean(teacherName),\n      formattedSessionStart: formatSessionDateTime(nextSessionStartTime),\n    }),\n    [isStudentNoShow, isTutorNoShow, teacherName, nextSessionStartTime],\n  );\n\n  const { isNoShowStatus, isTeacherAssigned, formattedSessionStart } = derivedValues;\n\n  const countdownStartTime = isTrialDone || isNoShowStatus ? null : nextSessionStartTime;\n\n  const sessionCountdown = useCountdown({\n    timeLeft: countdownStartTime,\n    maxHoursToShow: 48,\n  });\n\n  const handleRedirectToApp = useCallback(() => {\n    window.open(CUEMATH_APP_URL, '_blank');\n  }, []);\n\n  const handleReschedule = useCallback(() => {\n    onRescheduleClick?.();\n  }, [onRescheduleClick]);\n\n  const noShowConfig = useMemo(\n    (): ISessionStatusConfig => ({\n      topSection: {\n        icon: ILLUSTRATIONS.CALENDAR_CROSS_ORANGE,\n        title: 'Session Cancelled',\n        titleColor: 'ORANGE_4',\n        titleStyle: TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: TEXT_STYLES.TITLE_MOBILE,\n        subtitle: formattedSessionStart,\n        subtitleStyle: TEXT_STYLES.SUBTITLE_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.SUBTITLE_MOBILE,\n        subtitleLineThrough: true,\n        description: isStudentNoShow\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      },\n      bottomSection: {\n        icon: ILLUSTRATIONS.PLATFORM_PURPLE,\n        title: 'Please Reschedule',\n        titleColor: 'PURPLE_4',\n        titleStyle: TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: TEXT_STYLES.TITLE_MOBILE,\n        subtitle: isStudentNoShow\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        subtitleStyle: TEXT_STYLES.BODY_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.BODY_MOBILE,\n        action: {\n          label: 'Reschedule',\n          onClick: handleReschedule,\n        },\n      },\n    }),\n    [formattedSessionStart, isStudentNoShow, handleReschedule],\n  );\n\n  const completedConfig = useMemo((): ISessionStatusConfig => {\n    const titleText = isOnlyTrialDone ? 'First' : completedSessions.toString();\n    const sessionText = pluralize(completedSessions, 'session');\n\n    return {\n      topSection: {\n        icon: ILLUSTRATIONS.BOOK_CHECKED_GREEN,\n        title: `${titleText} ${sessionText} Completed!`,\n        titleColor: 'GREEN_4',\n        titleStyle: TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: TEXT_STYLES.TITLE_MOBILE,\n        align: 'center',\n      },\n      bottomSection: {\n        lottie: LOTTIE.CALENDAR_HOUR_GLASS_ORANGE,\n        title: 'Next Session',\n        titleColor: 'ORANGE_4',\n        titleStyle: TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: TEXT_STYLES.TITLE_MOBILE,\n        subtitle: `${formattedSessionStart}\\nwith ${teacherName}`,\n        subtitleStyle: TEXT_STYLES.SUBTITLE_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.SUBTITLE_MOBILE,\n        action: {\n          label: 'Reschedule on the Cuemath app',\n          onClick: handleRedirectToApp,\n        },\n      },\n    };\n  }, [isOnlyTrialDone, completedSessions, formattedSessionStart, teacherName, handleRedirectToApp]);\n\n  const defaultConfig = useMemo((): ISessionStatusConfig => {\n    const title = sessionCountdown ? formatTimeRemaining(sessionCountdown) : 'SESSION SCHEDULED';\n    const hasCountdown = Boolean(sessionCountdown);\n\n    return {\n      topSection: {\n        icon: ILLUSTRATIONS.CALENDAR_CHECK_GREEN,\n        title,\n        titleColor: 'GREEN_4',\n        titleStyle: hasCountdown ? TEXT_STYLES.COUNTDOWN_DESKTOP : TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: hasCountdown ? TEXT_STYLES.COUNTDOWN_MOBILE : TEXT_STYLES.TITLE_MOBILE,\n        subtitle: formattedSessionStart,\n        subtitleStyle: TEXT_STYLES.SUBTITLE_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.SUBTITLE_MOBILE,\n        action: {\n          label: 'Reschedule',\n          onClick: handleReschedule,\n        },\n      },\n      bottomSection: {\n        align: 'center',\n        lottie: isTeacherAssigned ? LOTTIE.TEACHER_FOUND : LOTTIE.TEACHER_SEARCH,\n        title: isTeacherAssigned ? 'Tutor Assigned!' : '',\n        titleColor: isTeacherAssigned ? 'ORANGE_4' : 'WHITE_1',\n        titleStyle: isTeacherAssigned ? TEXT_STYLES.TITLE_DESKTOP : TEXT_STYLES.SUBTITLE_MOBILE,\n        titleTabletStyle: isTeacherAssigned\n          ? TEXT_STYLES.TITLE_MOBILE\n          : TEXT_STYLES.SUBTITLE_MOBILE,\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        subtitleStyle: TEXT_STYLES.BODY_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.BODY_MOBILE,\n        description: isTeacherAssigned\n          ? undefined\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    sessionCountdown,\n    formattedSessionStart,\n    handleReschedule,\n    isTeacherAssigned,\n    teacherName,\n    studentName,\n  ]);\n\n  return useMemo((): ISessionStatusConfig => {\n    if (isNoShowStatus) return noShowConfig;\n\n    if (isTrialDone) return completedConfig;\n\n    return defaultConfig;\n  }, [isNoShowStatus, isTrialDone, noShowConfig, completedConfig, defaultConfig]);\n};\n\nexport default useSessionStatusConfig;\n"],"names":["useSessionStatusConfig","completedSessions","nextSessionStartTime","isTrialDone","teacherName","studentName","isStudentNoShow","onRescheduleClick","isOnlyTrialDone","isTutorNoShow","derivedValues","useMemo","formatSessionDateTime","isNoShowStatus","isTeacherAssigned","formattedSessionStart","sessionCountdown","useCountdown","handleRedirectToApp","useCallback","CUEMATH_APP_URL","handleReschedule","noShowConfig","ILLUSTRATIONS","TEXT_STYLES","completedConfig","titleText","sessionText","pluralize","LOTTIE","defaultConfig","title","formatTimeRemaining","hasCountdown"],"mappings":"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"}

package/dist/features/parent-dashboard/comps/session-status/session-status-constants.js

@@ -0,0 +1,20 @@
+const T = 1e3, O = {
+  autoplay: !0,
+  loop: !0,
+  renderer: "svg"
+}, E = {
+  TITLE_DESKTOP: "ac3",
+  TITLE_MOBILE: "ac4",
+  SUBTITLE_DESKTOP: "ab1",
+  SUBTITLE_MOBILE: "ab2",
+  BODY_DESKTOP: "ub1",
+  BODY_MOBILE: "ub2",
+  COUNTDOWN_DESKTOP: "ub2",
+  COUNTDOWN_MOBILE: "ub3"
+};
+export {
+  T as COUNTDOWN_INTERVAL,
+  E as TEXT_STYLES,
+  O as renderSettings
+};
+//# sourceMappingURL=session-status-constants.js.map

package/dist/features/parent-dashboard/comps/session-status/session-status-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-status-constants.js","sources":["../../../../../src/features/parent-dashboard/comps/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\nexport const TEXT_STYLES = {\n  TITLE_DESKTOP: 'ac3' as const,\n  TITLE_MOBILE: 'ac4' as const,\n  SUBTITLE_DESKTOP: 'ab1' as const,\n  SUBTITLE_MOBILE: 'ab2' as const,\n  BODY_DESKTOP: 'ub1' as const,\n  BODY_MOBILE: 'ub2' as const,\n  COUNTDOWN_DESKTOP: 'ub2' as const,\n  COUNTDOWN_MOBILE: 'ub3' as const,\n} as const;\n"],"names":["COUNTDOWN_INTERVAL","renderSettings","TEXT_STYLES"],"mappings":"AACO,MAAMA,IAAqB,KAErBC,IAAiB;AAAA,EAC5B,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AACZ,GAEaC,IAAc;AAAA,EACzB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,kBAAkB;AACpB;"}

package/dist/features/parent-dashboard/comps/session-status/session-status-helpers.js

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

package/dist/features/parent-dashboard/comps/session-status/session-status-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-status-helpers.js","sources":["../../../../../src/features/parent-dashboard/comps/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, start.getMinutes() > 0 ? 'h:mm a' : 'h a');\n\n  const end = endTime ? fromUnixTime(endTime) : null;\n  const formattedEndTime = end ? format(end, end.getMinutes() > 0 ? 'h:mm a' : '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 totalSeconds = Math.floor(Math.abs(seconds));\n  const hours = Math.floor(seconds / 3600);\n  const minutes = Math.floor((seconds % 3600) / 60);\n  const remainingSeconds = totalSeconds % 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","totalSeconds","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,GAAOA,EAAM,eAAe,IAAI,WAAW,KAAK;AAK3E,SAAA,GAAGE,CAAG,MAAME,CAAI,MAAMC,CAAkB;AAGjD;AAEa,MAAAC,IAAU,CAACC,MAAyBA,EAAK,WAAW,SAAS,GAAG,GAAG,GAEnEC,IAAsB,CAACC,MAA4B;AAC9D,QAAMC,IAAe,KAAK,MAAM,KAAK,IAAID,CAAO,CAAC,GAC3CE,IAAQ,KAAK,MAAMF,IAAU,IAAI,GACjCG,IAAU,KAAK,MAAOH,IAAU,OAAQ,EAAE,GAC1CI,IAAmBH,IAAe;AAEjC,SAAA,qBAAqBJ,EAAQK,CAAK,CAAC,OAAOL,EAAQM,CAAO,CAAC,OAAON;AAAA,IACtEO;AAAA,EACD,CAAA;AACH;"}

package/dist/features/{trial-session/comps/pla → parent-dashboard/comps}/session-status/session-status-styled.js

@@ -1,6 +1,6 @@
 import e from "styled-components";
-import o from "../../../../ui/layout/flex-view.js";
-import r from "../../../../ui/text/text.js";
+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)`

package/dist/features/parent-dashboard/comps/session-status/session-status-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-status-styled.js","sources":["../../../../../src/features/parent-dashboard/comps/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/parent-dashboard/comps/session-status/session-status.js

@@ -0,0 +1,124 @@
+import { jsx as t, jsxs as r, Fragment as o } from "react/jsx-runtime";
+import { memo as L, useCallback as n } from "react";
+import T from "../../../ui/buttons/text-button/text-button.js";
+import A from "../../../ui/image/image.js";
+import i from "../../../ui/layout/flex-view.js";
+import w from "../../../ui/lottie-animation/lottie-animation.js";
+import l from "../../../ui/separator/separator.js";
+import u from "../../../ui/text/text.js";
+import _ from "./hooks/use-session-status-config.js";
+import { renderSettings as W } from "./session-status-constants.js";
+import { LottieWrapper as E, ContentWrapper as O, SubTitle as X } from "./session-status-styled.js";
+const a = 64, y = 75, k = ({
+  completedSessions: f,
+  nextSessionStartTime: p,
+  studentName: g,
+  teacherName: $,
+  isStudentNoShow: b = !1,
+  isTutorNoShow: S = !1,
+  isTrialDone: C = !1,
+  isOnlyTrialDone: I = !1,
+  onRescheduleClick: x
+}) => {
+  const h = _({
+    completedSessions: f,
+    nextSessionStartTime: p,
+    studentName: g,
+    teacherName: $,
+    isStudentNoShow: b,
+    isTutorNoShow: S,
+    isTrialDone: C,
+    isOnlyTrialDone: I,
+    onRescheduleClick: x
+  }), d = n((e) => {
+    if (e.icon)
+      return /* @__PURE__ */ t(A, { src: e.icon, width: a, height: a });
+    if (e.lottie) {
+      const c = e.isLargeIcon ? y : a;
+      return /* @__PURE__ */ t(E, { $isLargeLottie: !!e.isLargeIcon, children: /* @__PURE__ */ t(
+        w,
+        {
+          src: e.lottie,
+          settings: W,
+          width: c,
+          height: c
+        }
+      ) });
+    }
+    return null;
+  }, []), m = n(
+    (e) => /* @__PURE__ */ r(O, { $maxWidth: e.maxWidth ?? "100%", $width: "100%", children: [
+      e.title && /* @__PURE__ */ t(
+        u,
+        {
+          $renderAs: e.titleStyle,
+          $color: e.titleColor,
+          $renderOnMobileAs: e.titleTabletStyle,
+          children: e.title
+        }
+      ),
+      e.subtitle && /* @__PURE__ */ r(o, { children: [
+        /* @__PURE__ */ t(l, { height: 2 }),
+        /* @__PURE__ */ t(
+          X,
+          {
+            $renderAs: e.subtitleStyle,
+            $renderOnMobileAs: e.subtitleTabletStyle,
+            $color: "WHITE_1",
+            $whiteSpace: "pre-line",
+            $subtitleLineThrough: e.subtitleLineThrough,
+            children: e.subtitle
+          }
+        )
+      ] }),
+      e.description && /* @__PURE__ */ r(o, { children: [
+        /* @__PURE__ */ t(l, { heightX: 0.5 }),
+        /* @__PURE__ */ t(
+          u,
+          {
+            $renderAs: "ub2",
+            $renderOnMobileAs: "ub3",
+            $color: e.descriptionColor ?? "WHITE_T_60",
+            children: e.description
+          }
+        )
+      ] }),
+      e.action && /* @__PURE__ */ r(o, { children: [
+        /* @__PURE__ */ t(l, { heightX: 0.75 }),
+        /* @__PURE__ */ t(i, { $width: "fit-content", children: /* @__PURE__ */ t(
+          T,
+          {
+            sizeOnMobile: "small",
+            label: e.action.label,
+            color: "WHITE_1",
+            onClick: e.action.onClick
+          }
+        ) })
+      ] })
+    ] }),
+    []
+  ), s = n(
+    (e) => /* @__PURE__ */ r(
+      i,
+      {
+        $flexDirection: "row",
+        $flexColumnGapX: e.isLargeIcon ? 0.75 : 1.5,
+        $alignItems: e.align || "flex-start",
+        children: [
+          /* @__PURE__ */ t(i, { children: d(e) }),
+          m(e)
+        ]
+      }
+    ),
+    [d, m]
+  );
+  return /* @__PURE__ */ r(i, { $flexDirection: "column", $justifyContent: "center", children: [
+    s(h.topSection),
+    /* @__PURE__ */ t(i, { $gutterX: 2, $gapX: 0.25, children: /* @__PURE__ */ t(l, { heightX: 3, background: "BLACK_5", width: 1 }) }),
+    s(h.bottomSection)
+  ] });
+}, R = L(k);
+export {
+  R as default
+};
+//# sourceMappingURL=session-status.js.map

package/dist/features/parent-dashboard/comps/session-status/session-status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-status.js","sources":["../../../../../src/features/parent-dashboard/comps/session-status/session-status.tsx"],"sourcesContent":["import type { ISectionConfig, ISessionStatusProps } from './session-status-types';\n\nimport { useCallback, memo } from 'react';\n\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 useSessionStatusConfig from './hooks/use-session-status-config';\nimport { renderSettings } from './session-status-constants';\nimport * as Styled from './session-status-styled';\n\nconst ICON_SIZE = 64;\nconst LARGE_ICON_SIZE = 75;\n\nconst SessionStatus = ({\n  completedSessions,\n  nextSessionStartTime,\n  studentName,\n  teacherName,\n  isStudentNoShow = false,\n  isTutorNoShow = false,\n  isTrialDone = false,\n  isOnlyTrialDone = false,\n  onRescheduleClick,\n}: ISessionStatusProps) => {\n  const config = useSessionStatusConfig({\n    completedSessions,\n    nextSessionStartTime,\n    studentName,\n    teacherName,\n    isStudentNoShow,\n    isTutorNoShow,\n    isTrialDone,\n    isOnlyTrialDone,\n    onRescheduleClick,\n  });\n\n  const renderIcon = useCallback((section: ISectionConfig) => {\n    if (section.icon) {\n      return <Image src={section.icon} width={ICON_SIZE} height={ICON_SIZE} />;\n    }\n\n    if (section.lottie) {\n      const size = section.isLargeIcon ? LARGE_ICON_SIZE : ICON_SIZE;\n\n      return (\n        <Styled.LottieWrapper $isLargeLottie={!!section.isLargeIcon}>\n          <LottieAnimation\n            src={section.lottie}\n            settings={renderSettings}\n            width={size}\n            height={size}\n          />\n        </Styled.LottieWrapper>\n      );\n    }\n\n    return null;\n  }, []);\n\n  const renderContent = useCallback(\n    (section: ISectionConfig) => (\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            <Text\n              $renderAs=\"ub2\"\n              $renderOnMobileAs=\"ub3\"\n              $color={section.descriptionColor ?? 'WHITE_T_60'}\n            >\n              {section.description}\n            </Text>\n          </>\n        )}\n\n        {section.action && (\n          <>\n            <Separator heightX={0.75} />\n            <FlexView $width=\"fit-content\">\n              <TextButton\n                sizeOnMobile=\"small\"\n                label={section.action.label}\n                color=\"WHITE_1\"\n                onClick={section.action.onClick}\n              />\n            </FlexView>\n          </>\n        )}\n      </Styled.ContentWrapper>\n    ),\n    [],\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>{renderIcon(section)}</FlexView>\n        {renderContent(section)}\n      </FlexView>\n    ),\n    [renderIcon, renderContent],\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":["ICON_SIZE","LARGE_ICON_SIZE","SessionStatus","completedSessions","nextSessionStartTime","studentName","teacherName","isStudentNoShow","isTutorNoShow","isTrialDone","isOnlyTrialDone","onRescheduleClick","config","useSessionStatusConfig","renderIcon","useCallback","section","jsx","Image","size","Styled.LottieWrapper","LottieAnimation","renderSettings","renderContent","jsxs","Styled.ContentWrapper","Text","Fragment","Separator","Styled.SubTitle","FlexView","TextButton","renderSection","SessionStatus$1","memo"],"mappings":"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"}

package/dist/features/{trial-session/comps/pla → parent-dashboard/comps}/session-summary/session-summary-constants.js

@@ -1,53 +1,59 @@
-import { GIF as e } from "../../../../../assets/gif/gif.js";
-import { ESummaryType as t } from "../../../../parent-dashboard/parent-dashboard-types.js";
-const n = [
+import { GIF as e } from "../../../../assets/gif/gif.js";
+import { ESummaryType as t } from "../../parent-dashboard-types.js";
+const r = [
   {
     title: "introduction & goals",
     description: "Get to know your tutor and discuss your goals and expectations",
-    image: e.YOUR_GOALS_GRID_BG,
+    bgImageSrc: e.YOUR_GOALS_GRID_BG,
+    bgImageSrcMobile: e.YOUR_GOALS_GRID_BG_MOBILE,
     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,
+    bgImageSrc: e.LEARNING_SESSION_GRID_BG,
+    bgImageSrcMobile: e.LEARNING_SESSION_GRID_BG_MOBILE,
     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,
+    bgImageSrc: e.WAY_FORWARD_GRID_BG,
+    bgImageSrcMobile: e.WAY_FORWARD_GRID_BG_MOBILE,
     textBG: "GREEN_6",
     ctaLabel: "View Learning Plan"
   }
-], r = [
+], _ = [
   {
     title: "created student profile",
     type: t.STUDENT_PROFILE,
-    image: e.YOUR_GOALS_GRID_BG,
+    bgImageSrc: e.YOUR_GOALS_GRID_BG,
+    bgImageSrcMobile: e.YOUR_GOALS_GRID_BG_MOBILE,
     textBG: "ORANGE_6",
     ctaLabel: "View Profile"
   },
   {
     title: "Shared Learning insights",
     type: t.INSIGHTS,
-    image: e.LEARNING_SESSION_GRID_BG,
+    bgImageSrc: e.LEARNING_SESSION_GRID_BG,
+    bgImageSrcMobile: e.LEARNING_SESSION_GRID_BG_MOBILE,
     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,
+    bgImageSrc: e.WAY_FORWARD_GRID_BG,
+    bgImageSrcMobile: e.WAY_FORWARD_GRID_BG_MOBILE,
     textBG: "GREEN_6",
     ctaLabel: "View Learning Plan",
     type: t.LEARNING_PLAN
   }
 ];
 export {
-  r as sessionSummaryAfterDemo,
-  n as sessionSummaryData
+  _ as sessionSummaryAfterDemo,
+  r as sessionSummaryData
 };
 //# sourceMappingURL=session-summary-constants.js.map