@cuemath/leap 3.3.34 → 3.3.35

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 { ISectionConfig, ISessionStatusProps } from './session-status-types';\n\nimport { useCallback, useMemo, memo } from 'react';\n\nimport { EClassStatus } from '../../../../parent-dashboard/parent-dashboard-types';\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 useSessionCountdown from './hooks/use-session-countdown';\nimport useSessionStatusConfig from './hooks/use-session-status-config';\nimport { renderSettings } from './session-status-constants';\nimport { formatSessionDateTime } from './session-status-helpers';\nimport * as Styled from './session-status-styled';\n\nconst SessionStatus = ({\n  completedSessions,\n  nextSessionStartTime,\n  status = null,\n  teacherName,\n  studentName,\n  onRescheduleClick = () => {},\n}: ISessionStatusProps) => {\n  const derivedValues = useMemo(\n    () => ({\n      isTeacherAssigned: !!teacherName,\n      isFirstSessionCompleted: completedSessions > 0,\n      formattedSessionStart: formatSessionDateTime(nextSessionStartTime),\n      isNoShowStatus: status === EClassStatus.S_NO_SHOW || status === EClassStatus.T_NO_SHOW,\n    }),\n    [completedSessions, teacherName, nextSessionStartTime, status],\n  );\n\n  const { isTeacherAssigned, isFirstSessionCompleted, formattedSessionStart, isNoShowStatus } =\n    derivedValues;\n\n  const remainingTime = useSessionCountdown(\n    nextSessionStartTime,\n    isFirstSessionCompleted,\n    isNoShowStatus,\n  );\n\n  const config = useSessionStatusConfig({\n    status,\n    completedSessions,\n    formattedSessionStart,\n    remainingTime,\n    isTeacherAssigned,\n    isFirstSessionCompleted,\n    isNoShowStatus,\n    teacherName,\n    studentName,\n    onRescheduleClick,\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","derivedValues","useMemo","formatSessionDateTime","EClassStatus","isTeacherAssigned","isFirstSessionCompleted","formattedSessionStart","isNoShowStatus","remainingTime","useSessionCountdown","config","useSessionStatusConfig","renderSection","useCallback","section","jsxs","FlexView","jsx","Image","Styled.LottieWrapper","LottieAnimation","renderSettings","Styled.ContentWrapper","Text","Fragment","Separator","Styled.SubTitle","TextButton","SessionStatus$1","memo"],"mappings":"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"}

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

@@ -1,59 +1,53 @@
-import { GIF as e } from "../../../../assets/gif/gif.js";
-import { ESummaryType as t } from "../../parent-dashboard-types.js";
-const r = [
+import { GIF as e } from "../../../../../assets/gif/gif.js";
+import { ESummaryType as t } from "../../../../parent-dashboard/parent-dashboard-types.js";
+const n = [
   {
     title: "introduction & goals",
     description: "Get to know your tutor and discuss your goals and expectations",
-    bgImageSrc: e.YOUR_GOALS_GRID_BG,
-    bgImageSrcMobile: e.YOUR_GOALS_GRID_BG_MOBILE,
+    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.",
-    bgImageSrc: e.LEARNING_SESSION_GRID_BG,
-    bgImageSrcMobile: e.LEARNING_SESSION_GRID_BG_MOBILE,
+    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",
-    bgImageSrc: e.WAY_FORWARD_GRID_BG,
-    bgImageSrcMobile: e.WAY_FORWARD_GRID_BG_MOBILE,
+    image: e.WAY_FORWARD_GRID_BG,
     textBG: "GREEN_6",
     ctaLabel: "View Learning Plan"
   }
-], _ = [
+], r = [
   {
     title: "created student profile",
     type: t.STUDENT_PROFILE,
-    bgImageSrc: e.YOUR_GOALS_GRID_BG,
-    bgImageSrcMobile: e.YOUR_GOALS_GRID_BG_MOBILE,
+    image: e.YOUR_GOALS_GRID_BG,
     textBG: "ORANGE_6",
     ctaLabel: "View Profile"
   },
   {
     title: "Shared Learning insights",
     type: t.INSIGHTS,
-    bgImageSrc: e.LEARNING_SESSION_GRID_BG,
-    bgImageSrcMobile: e.LEARNING_SESSION_GRID_BG_MOBILE,
+    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",
-    bgImageSrc: e.WAY_FORWARD_GRID_BG,
-    bgImageSrcMobile: e.WAY_FORWARD_GRID_BG_MOBILE,
+    image: e.WAY_FORWARD_GRID_BG,
     textBG: "GREEN_6",
     ctaLabel: "View Learning Plan",
     type: t.LEARNING_PLAN
   }
 ];
 export {
-  _ as sessionSummaryAfterDemo,
-  r as sessionSummaryData
+  r as sessionSummaryAfterDemo,
+  n 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';\nimport { ESummaryType } from '../../../../parent-dashboard/parent-dashboard-types';\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    type: ESummaryType.STUDENT_PROFILE,\n    image: GIF.YOUR_GOALS_GRID_BG,\n    textBG: 'ORANGE_6',\n    ctaLabel: 'View Profile',\n  },\n  {\n    title: 'Shared Learning insights',\n    type: ESummaryType.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    type: ESummaryType.LEARNING_PLAN,\n  },\n];\n"],"names":["sessionSummaryData","GIF","sessionSummaryAfterDemo","ESummaryType"],"mappings":";;AAKO,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,MAAMC,EAAa;AAAA,IACnB,OAAOF,EAAI;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,MAAME,EAAa;AAAA,IACnB,OAAOF,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,MAAME,EAAa;AAAA,EACrB;AACF;"}

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

@@ -0,0 +1,53 @@
+import { jsxs as $, jsx as s } from "react/jsx-runtime";
+import { memo as T, useCallback as l } from "react";
+import { useTheme as b } from "styled-components";
+import { ESummaryType as n } from "../../../../parent-dashboard/parent-dashboard-types.js";
+import m from "../../../../ui/layout/flex-view.js";
+import g from "../../../../ui/separator/separator.js";
+import x from "../../../../ui/text/text.js";
+import { EDeviceType as S } from "../../../../ui/theme/constants.js";
+import { sessionSummaryAfterDemo as v, sessionSummaryData as E } from "./session-summary-constants.js";
+import I from "./summary-card/summary-card.js";
+const A = T(({ isDemoDone: i, studentName: r, onViewSummary: o }) => {
+  const a = b().device <= S.MOBILE, c = l(
+    (e) => {
+      if (!e) return "";
+      if (e === n.STUDENT_PROFILE)
+        return `We understood your goals and expectations to create ${r}'s profile.`;
+      if (e === n.INSIGHTS)
+        return `With tutor’s guidance ${r} solved problems, helping us assess their math proficiency.`;
+      if (e === n.LEARNING_PLAN)
+        return `The plan will keep evolving based on ${r}'s progress and evolving needs.`;
+    },
+    [r]
+  ), p = l(
+    (e) => {
+      o == null || o(e);
+    },
+    [o]
+  );
+  return /* @__PURE__ */ $(m, { children: [
+    /* @__PURE__ */ s(x, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "WHITE", children: i ? "What happened in today’s session" : "What happens in the first session?" }),
+    /* @__PURE__ */ s(g, { height: a ? 16 : 20 }),
+    /* @__PURE__ */ s(m, { $flexGapX: 1, $justifyContent: "center", $flexDirection: a ? "column" : "row", children: (i ? v : E).map(
+      ({ title: e, description: f, image: h, textBG: d, ctaLabel: u, type: t }) => /* @__PURE__ */ s(
+        I,
+        {
+          title: e,
+          description: t && c(t) || f,
+          image: h,
+          textBG: d,
+          ctaLabel: u,
+          type: t,
+          isDemoDone: i,
+          onClick: p
+        },
+        e
+      )
+    ) })
+  ] });
+}), H = A;
+export {
+  H as default
+};
+//# sourceMappingURL=session-summary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"session-summary.js","sources":["../../../../../../src/features/trial-session/comps/pla/session-summary/session-summary.tsx"],"sourcesContent":["import type { ISessionSummaryProps } from './session-summary-types';\n\nimport { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ESummaryType } from '../../../../parent-dashboard/parent-dashboard-types';\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 { sessionSummaryAfterDemo, sessionSummaryData } from './session-summary-constants';\nimport SessionSummaryCard from './summary-card/summary-card';\n\nconst SessionSummary = memo(({ isDemoDone, studentName, onViewSummary }: ISessionSummaryProps) => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  const getDescription = useCallback(\n    (type?: ESummaryType) => {\n      if (!type) return '';\n\n      if (type === ESummaryType.STUDENT_PROFILE) {\n        return `We understood your goals and expectations to create ${studentName}'s profile.`;\n      }\n\n      if (type === ESummaryType.INSIGHTS) {\n        return `With tutor’s guidance ${studentName} solved problems, helping us assess their math proficiency.`;\n      }\n\n      if (type === ESummaryType.LEARNING_PLAN) {\n        return `The plan will keep evolving based on ${studentName}'s progress and evolving needs.`;\n      }\n    },\n    [studentName],\n  );\n\n  const handleClick = useCallback(\n    (key: ESummaryType) => {\n      onViewSummary?.(key);\n    },\n    [onViewSummary],\n  );\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n        {isDemoDone ? `What happened in today’s session` : `What happens in the first session?`}\n      </Text>\n      <Separator height={isMobile ? 16 : 20} />\n      <FlexView $flexGapX={1} $justifyContent=\"center\" $flexDirection={isMobile ? 'column' : 'row'}>\n        {(isDemoDone ? sessionSummaryAfterDemo : sessionSummaryData).map(\n          ({ title, description, image, textBG, ctaLabel, type }) => (\n            <SessionSummaryCard\n              key={title}\n              title={title}\n              description={(type && getDescription(type)) || (description as string)}\n              image={image}\n              textBG={textBG}\n              ctaLabel={ctaLabel}\n              type={type}\n              isDemoDone={isDemoDone}\n              onClick={handleClick}\n            />\n          ),\n        )}\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default SessionSummary;\n"],"names":["SessionSummary","memo","isDemoDone","studentName","onViewSummary","isMobile","useTheme","EDeviceType","getDescription","useCallback","type","ESummaryType","handleClick","key","FlexView","jsx","Text","Separator","sessionSummaryAfterDemo","sessionSummaryData","title","description","image","textBG","ctaLabel","SessionSummaryCard","SessionSummary$1"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAAiBC,EAAK,CAAC,EAAE,YAAAC,GAAY,aAAAC,GAAa,eAAAC,QAA0C;AAE1F,QAAAC,IADQC,IACS,UAAUC,EAAY,QAEvCC,IAAiBC;AAAA,IACrB,CAACC,MAAwB;AACnB,UAAA,CAACA,EAAa,QAAA;AAEd,UAAAA,MAASC,EAAa;AACxB,eAAO,uDAAuDR,CAAW;AAGvE,UAAAO,MAASC,EAAa;AACxB,eAAO,yBAAyBR,CAAW;AAGzC,UAAAO,MAASC,EAAa;AACxB,eAAO,wCAAwCR,CAAW;AAAA,IAE9D;AAAA,IACA,CAACA,CAAW;AAAA,EAAA,GAGRS,IAAcH;AAAA,IAClB,CAACI,MAAsB;AACrB,MAAAT,KAAA,QAAAA,EAAgBS;AAAA,IAClB;AAAA,IACA,CAACT,CAAa;AAAA,EAAA;AAGhB,2BACGU,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAC5D,UAAad,IAAA,qCAAqC,sCACrD;AAAA,IACC,gBAAAa,EAAAE,GAAA,EAAU,QAAQZ,IAAW,KAAK,IAAI;AAAA,IACtC,gBAAAU,EAAAD,GAAA,EAAS,WAAW,GAAG,iBAAgB,UAAS,gBAAgBT,IAAW,WAAW,OACnF,WAAaH,IAAAgB,IAA0BC,GAAoB;AAAA,MAC3D,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,OAAAC,GAAO,QAAAC,GAAQ,UAAAC,GAAU,MAAAd,QAC9C,gBAAAK;AAAA,QAACU;AAAA,QAAA;AAAA,UAEC,OAAAL;AAAA,UACA,aAAcV,KAAQF,EAAeE,CAAI,KAAOW;AAAA,UAChD,OAAAC;AAAA,UACA,QAAAC;AAAA,UACA,UAAAC;AAAA,UACA,MAAAd;AAAA,UACA,YAAAR;AAAA,UACA,SAASU;AAAA,QAAA;AAAA,QARJQ;AAAA,MASP;AAAA,IAAA,GAGN;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC,GAEDM,IAAe1B;"}

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

@@ -1,5 +1,5 @@
 import e from "styled-components";
-import n from "../../../../ui/layout/flex-view.js";
+import n from "../../../../../ui/layout/flex-view.js";
 const i = e(n)(({ theme: r }) => {
   const { gutter: t } = r.layout, { WHITE_4: a } = r.colors;
   return `

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

@@ -0,0 +1 @@
+{"version":3,"file":"summary-card-styled.js","sources":["../../../../../../../src/features/trial-session/comps/pla/session-summary/summary-card/summary-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nconst ImageWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { WHITE_4 } = theme.colors;\n\n  return `\n    margin: 0;\n    padding: 0;\n    background-image: linear-gradient(${WHITE_4} 1px, transparent 1px),\n      linear-gradient(90deg, ${WHITE_4} 1px, transparent 1px);\n    background-size: ${gutter * 3.125}px ${gutter * 3.125}px;\n    position: relative;\n  `;\n});\n\nexport { ImageWrapper };\n"],"names":["ImageWrapper","styled","FlexView","theme","gutter","WHITE_4"],"mappings":";;AAIA,MAAMA,IAAeC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC7C,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM,QACnB,EAAE,SAAAE,EAAQ,IAAIF,EAAM;AAEnB,SAAA;AAAA;AAAA;AAAA,wCAG+BE,CAAO;AAAA,+BAChBA,CAAO;AAAA,uBACfD,IAAS,KAAK,MAAMA,IAAS,KAAK;AAAA;AAAA;AAGzD,CAAC;"}

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

@@ -0,0 +1,56 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { memo as g, useCallback as p } from "react";
+import { useTheme as u } from "styled-components";
+import b from "../../../../../../assets/line-icons/icons/chevron-right.js";
+import I from "../../../../../ui/buttons/clickable/clickable.js";
+import w from "../../../../../ui/image/image.js";
+import r from "../../../../../ui/layout/flex-view.js";
+import x from "../../../../../ui/separator/separator.js";
+import n from "../../../../../ui/text/text.js";
+import { EDeviceType as T } from "../../../../../ui/theme/constants.js";
+import { ImageWrapper as k } from "./summary-card-styled.js";
+const _ = g(
+  ({
+    title: l,
+    description: a,
+    image: h,
+    textBG: c,
+    ctaLabel: d,
+    type: o,
+    isDemoDone: $,
+    onClick: i
+  }) => {
+    const s = u().device <= T.MOBILE, f = p(() => {
+      o && i && i(o);
+    }, [o, i]), m = /* @__PURE__ */ t(r, { $flex: 1, children: [
+      /* @__PURE__ */ e(k, { $height: 84, $width: "100%", $background: c, children: /* @__PURE__ */ e(w, { src: h, height: 84, width: "100%", withLoader: !1 }) }),
+      /* @__PURE__ */ t(r, { $gap: 12, $gutter: 16, $background: c, $flex: 1, children: [
+        /* @__PURE__ */ e(n, { $renderAs: "ac3-black", $renderOnMobileAs: "ac4-black", $color: "WHITE", children: l }),
+        /* @__PURE__ */ e(x, { height: s ? 8 : 12 }),
+        /* @__PURE__ */ e(n, { $renderAs: "ub3", $color: "WHITE", children: a })
+      ] })
+    ] }, l);
+    return $ && o && i ? /* @__PURE__ */ t(r, { $flex: 1, children: [
+      m,
+      /* @__PURE__ */ e(I, { label: o, onClick: f, children: /* @__PURE__ */ e(r, { $background: c, children: /* @__PURE__ */ t(
+        r,
+        {
+          $background: "BLACK_T_38",
+          $gapX: 0.5,
+          $gutterX: 0.5,
+          $flexDirection: "row",
+          $alignItems: "center",
+          $justifyContent: "space-between",
+          children: [
+            /* @__PURE__ */ e(r, { $gutterX: 0.5, $flexDirection: "row", $alignItems: "center", children: /* @__PURE__ */ e(n, { $renderAs: "ac4", $color: "WHITE_1", children: d }) }),
+            /* @__PURE__ */ e(b, { width: 24, height: 24, color: "WHITE" })
+          ]
+        }
+      ) }) })
+    ] }) : m;
+  }
+);
+export {
+  _ as default
+};
+//# sourceMappingURL=summary-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"summary-card.js","sources":["../../../../../../../src/features/trial-session/comps/pla/session-summary/summary-card/summary-card.tsx"],"sourcesContent":["import type { ISessionSummaryCardProps } from './summary-card-types';\n\nimport { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ChevronRightIcon from '../../../../../../assets/line-icons/icons/chevron-right';\nimport Clickable from '../../../../../ui/buttons/clickable/clickable';\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 * as Styled from './summary-card-styled';\n\nconst SessionSummaryCard = memo(\n  ({\n    title,\n    description,\n    image,\n    textBG,\n    ctaLabel,\n    type,\n    isDemoDone,\n    onClick,\n  }: ISessionSummaryCardProps) => {\n    const theme = useTheme();\n    const isMobile = theme.device <= EDeviceType.MOBILE;\n\n    const handleClick = useCallback(() => {\n      if (type && onClick) onClick(type);\n    }, [type, onClick]);\n\n    const CardContent = (\n      <FlexView key={title} $flex={1}>\n        <Styled.ImageWrapper $height={84} $width=\"100%\" $background={textBG}>\n          <Image src={image} height={84} width=\"100%\" withLoader={false} />\n        </Styled.ImageWrapper>\n        <FlexView $gap={12} $gutter={16} $background={textBG} $flex={1}>\n          <Text $renderAs=\"ac3-black\" $renderOnMobileAs=\"ac4-black\" $color=\"WHITE\">\n            {title}\n          </Text>\n          <Separator height={isMobile ? 8 : 12} />\n          <Text $renderAs=\"ub3\" $color=\"WHITE\">\n            {description}\n          </Text>\n        </FlexView>\n      </FlexView>\n    );\n\n    return isDemoDone && type && onClick ? (\n      <FlexView $flex={1}>\n        {CardContent}\n        <Clickable label={type} onClick={handleClick}>\n          <FlexView $background={textBG}>\n            <FlexView\n              $background=\"BLACK_T_38\"\n              $gapX={0.5}\n              $gutterX={0.5}\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $justifyContent=\"space-between\"\n            >\n              <FlexView $gutterX={0.5} $flexDirection=\"row\" $alignItems=\"center\">\n                <Text $renderAs=\"ac4\" $color=\"WHITE_1\">\n                  {ctaLabel}\n                </Text>\n              </FlexView>\n              <ChevronRightIcon width={24} height={24} color=\"WHITE\" />\n            </FlexView>\n          </FlexView>\n        </Clickable>\n      </FlexView>\n    ) : (\n      CardContent\n    );\n  },\n);\n\nexport default SessionSummaryCard;\n"],"names":["SessionSummaryCard","memo","title","description","image","textBG","ctaLabel","type","isDemoDone","onClick","isMobile","useTheme","EDeviceType","handleClick","useCallback","CardContent","jsxs","FlexView","jsx","Styled.ImageWrapper","Image","Text","Separator","Clickable","ChevronRightIcon"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAqBC;AAAA,EACzB,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,MAC8B;AAExB,UAAAC,IADQC,IACS,UAAUC,EAAY,QAEvCC,IAAcC,EAAY,MAAM;AAChC,MAAAP,KAAQE,KAASA,EAAQF,CAAI;AAAA,IAAA,GAChC,CAACA,GAAME,CAAO,CAAC,GAEZM,IACJ,gBAAAC,EAACC,GAAqB,EAAA,OAAO,GAC3B,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAoB,SAAS,IAAI,QAAO,QAAO,aAAad,GAC3D,4BAACe,GAAM,EAAA,KAAKhB,GAAO,QAAQ,IAAI,OAAM,QAAO,YAAY,GAAO,CAAA,GACjE;AAAA,MACA,gBAAAY,EAACC,KAAS,MAAM,IAAI,SAAS,IAAI,aAAaZ,GAAQ,OAAO,GAC3D,UAAA;AAAA,QAAA,gBAAAa,EAACG,KAAK,WAAU,aAAY,mBAAkB,aAAY,QAAO,SAC9D,UACHnB,EAAA,CAAA;AAAA,QACC,gBAAAgB,EAAAI,GAAA,EAAU,QAAQZ,IAAW,IAAI,IAAI;AAAA,0BACrCW,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UACHlB,GAAA;AAAA,MAAA,GACF;AAAA,IAAA,EAAA,GAZaD,CAaf;AAGF,WAAOM,KAAcD,KAAQE,IAC1B,gBAAAO,EAAAC,GAAA,EAAS,OAAO,GACd,UAAA;AAAA,MAAAF;AAAA,MACD,gBAAAG,EAACK,KAAU,OAAOhB,GAAM,SAASM,GAC/B,UAAA,gBAAAK,EAACD,GAAS,EAAA,aAAaZ,GACrB,UAAA,gBAAAW;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAEhB,UAAA;AAAA,YAAA,gBAAAC,EAACD,GAAS,EAAA,UAAU,KAAK,gBAAe,OAAM,aAAY,UACxD,UAAC,gBAAAC,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,WAC1B,YACH,CAAA,GACF;AAAA,8BACCG,GAAiB,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,SAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,SAE3D,EACF,CAAA;AAAA,IAAA,EACF,CAAA,IAEAT;AAAA,EAEJ;AACF;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"upcoming-sessions-constants.js","sources":["../../../../../../src/features/trial-session/comps/pla/upcoming-sessions/upcoming-sessions-constants.ts"],"sourcesContent":["export const DAYS_TO_SHOW = 7;\n"],"names":["DAYS_TO_SHOW"],"mappings":"AAAO,MAAMA,IAAe;"}

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

@@ -1,5 +1,5 @@
 import t from "styled-components";
-import r from "../../../ui/layout/flex-view.js";
+import r from "../../../../ui/layout/flex-view.js";
 const p = t(r)`
   border-bottom: ${({ theme: o }) => `1px solid ${o.colors.BLACK_5}`};
   min-height: 52px;

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

@@ -0,0 +1 @@
+{"version":3,"file":"upcoming-sessions-styled.js","sources":["../../../../../../src/features/trial-session/comps/pla/upcoming-sessions/upcoming-sessions-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst SessionRow = styled(FlexView)`\n  border-bottom: ${({ theme }) => `1px solid ${theme.colors.BLACK_5}`};\n  min-height: 52px;\n`;\n\nconst DayLabel = styled(FlexView)`\n  border-right: ${({ theme }) => `1px solid ${theme.colors.BLACK_5}`};\n`;\nconst DateWrapper = styled(FlexView)`\n  padding-bottom: 0;\n  min-width: 22px;\n`;\n\nexport { SessionRow, DayLabel, DateWrapper };\n"],"names":["SessionRow","styled","FlexView","theme","DayLabel","DateWrapper"],"mappings":";;AAIM,MAAAA,IAAaC,EAAOC,CAAQ;AAAA,mBACf,CAAC,EAAE,OAAAC,EAAM,MAAM,aAAaA,EAAM,OAAO,OAAO,EAAE;AAAA;AAAA,GAI/DC,IAAWH,EAAOC,CAAQ;AAAA,kBACd,CAAC,EAAE,OAAAC,EAAM,MAAM,aAAaA,EAAM,OAAO,OAAO,EAAE;AAAA,GAE9DE,IAAcJ,EAAOC,CAAQ;AAAA;AAAA;AAAA;"}

package/dist/features/trial-session/comps/pla/upcoming-sessions/upcoming-sessions-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upcoming-sessions-types.js","sources":["../../../../../../src/features/trial-session/comps/pla/upcoming-sessions/upcoming-sessions-types.ts"],"sourcesContent":["export enum ESessionStatus {\n  COMPLETED = 'COMPLETED',\n  IN_FUTURE = 'IN FUTURE',\n}\n\nexport type TSession = {\n  session_start: number;\n  session_end: number;\n  session_status: ESessionStatus;\n};\n\nexport interface IUpcomingSessionsProps {\n  sessions?: TSession[];\n}\n"],"names":["ESessionStatus"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,YAAY,aACZA,EAAA,YAAY,aAFFA,IAAAA,KAAA,CAAA,CAAA;"}

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

@@ -1,22 +1,22 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { memo as C, useMemo as a, useCallback as A } from "react";
 import { useTheme as w } from "styled-components";
-import y from "../../../../assets/line-icons/icons/check2.js";
-import { CUEMATH_APP_URL as x } from "../../../../constants/config.js";
-import D from "../../../ui/buttons/text-button/text-button.js";
-import n from "../../../ui/layout/flex-view.js";
-import p from "../../../ui/separator/separator.js";
-import i from "../../../ui/text/text.js";
-import { EDeviceType as M } from "../../../ui/theme/constants.js";
-import { MOBILE_SPACING as S, DESKTOP_SPACING as H } from "../../parent-dashboard-constants.js";
+import y from "../../../../../assets/line-icons/icons/check2.js";
+import { CUEMATH_APP_URL as x } from "../../../../../constants/config.js";
+import { MOBILE_SPACING as D, DESKTOP_SPACING as M } from "../../../../parent-dashboard/parent-dashboard-constants.js";
+import S from "../../../../ui/buttons/text-button/text-button.js";
+import n from "../../../../ui/layout/flex-view.js";
+import p from "../../../../ui/separator/separator.js";
+import i from "../../../../ui/text/text.js";
+import { EDeviceType as H } from "../../../../ui/theme/constants.js";
 import { DAYS_TO_SHOW as W } from "./upcoming-sessions-constants.js";
 import { SessionRow as L, DayLabel as B, DateWrapper as O } from "./upcoming-sessions-styled.js";
 import { ESessionStatus as T } from "./upcoming-sessions-types.js";
-import { formatDate as l } from "../../../../node_modules/date-fns/format.js";
-import { addDays as U } from "../../../../node_modules/date-fns/addDays.js";
-import { isToday as k } from "../../../../node_modules/date-fns/isToday.js";
+import { addDays as U } from "../../../../../node_modules/date-fns/addDays.js";
+import { isToday as k } from "../../../../../node_modules/date-fns/isToday.js";
+import { formatDate as l } from "../../../../../node_modules/date-fns/format.js";
 const P = ({ sessions: c = [] }) => {
-  const $ = w(), m = $.device <= M.MOBILE, f = a(() => /* @__PURE__ */ new Date(), []), g = a(
+  const $ = w(), m = $.device <= H.MOBILE, f = a(() => /* @__PURE__ */ new Date(), []), g = a(
     () => new Map(
       c.map((o) => [
         l(new Date(o.session_start * 1e3), "yyyy-MM-dd"),
@@ -28,7 +28,7 @@ const P = ({ sessions: c = [] }) => {
     () => Array.from({ length: W }, (o, s) => U(f, s)),
     [f]
   ), u = a(
-    () => m ? S : H,
+    () => m ? D : M,
     [m]
   ), E = A(() => {
     window.open(x, "_blank");
@@ -40,7 +40,7 @@ const P = ({ sessions: c = [] }) => {
       /* @__PURE__ */ e(p, { height: 4 }),
       /* @__PURE__ */ t(n, { $flexDirection: "row", $alignItems: "center", $flexColumnGapX: 0.25, children: [
         /* @__PURE__ */ e(i, { $renderAs: "ub1", $color: "WHITE_T_60", children: "For more details," }),
-        /* @__PURE__ */ e(D, { label: "download the Cuemath app", onClick: E, color: "WHITE" })
+        /* @__PURE__ */ e(S, { label: "download the Cuemath app", onClick: E, color: "WHITE" })
       ] })
     ] }),
     /* @__PURE__ */ e(p, { height: m ? 16 : 20 }),

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

@@ -0,0 +1 @@
+{"version":3,"file":"upcoming-sessions.js","sources":["../../../../../../src/features/trial-session/comps/pla/upcoming-sessions/upcoming-sessions.tsx"],"sourcesContent":["import type { ISpacingConfig } from '../../../../parent-dashboard/parent-dashboard-types';\nimport type { TColorNames } from '../../../../ui/types';\n\nimport { format, isToday, addDays } from 'date-fns';\nimport React, { useCallback, memo, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport { CUEMATH_APP_URL } from '../../../../../constants/config';\nimport {\n  DESKTOP_SPACING,\n  MOBILE_SPACING,\n} from '../../../../parent-dashboard/parent-dashboard-constants';\nimport TextButton from '../../../../ui/buttons/text-button/text-button';\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 { DAYS_TO_SHOW } from './upcoming-sessions-constants';\nimport * as Styled from './upcoming-sessions-styled';\nimport { ESessionStatus, type IUpcomingSessionsProps } from './upcoming-sessions-types';\n\nconst UpcomingSessions: React.FC<IUpcomingSessionsProps> = ({ sessions = [] }) => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n  const today = useMemo(() => new Date(), []);\n  const sessionsMap = useMemo(\n    () =>\n      new Map(\n        sessions.map(session => [\n          format(new Date(session.session_start * 1000), 'yyyy-MM-dd'),\n          session,\n        ]),\n      ),\n    [sessions],\n  );\n\n  const days = useMemo(\n    () => Array.from({ length: DAYS_TO_SHOW }, (_, i) => addDays(today, i)),\n    [today],\n  );\n\n  const spacing: ISpacingConfig = useMemo(\n    () => (isMobile ? MOBILE_SPACING : DESKTOP_SPACING),\n    [isMobile],\n  );\n\n  const handleOpenApp = useCallback(() => {\n    window.open(CUEMATH_APP_URL, '_blank');\n  }, []);\n\n  if (sessions.length === 0) return null;\n\n  return (\n    <FlexView>\n      <Separator height={spacing.separator.extraLarge} />\n      <FlexView>\n        <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n          Upcoming sessions\n        </Text>\n        <Separator height={4} />\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={0.25}>\n          <Text $renderAs=\"ub1\" $color=\"WHITE_T_60\">\n            For more details,\n          </Text>\n          <TextButton label=\"download the Cuemath app\" onClick={handleOpenApp} color=\"WHITE\" />\n        </FlexView>\n      </FlexView>\n      <Separator height={isMobile ? 16 : 20} />\n      <FlexView $borderColor=\"BLACK_5\">\n        {days.map(day => {\n          const dateKey = format(day, 'yyyy-MM-dd');\n          const session = sessionsMap.get(dateKey);\n          const isTodayFlag = isToday(day);\n          const isSessionCompleted = session?.session_status === ESessionStatus.COMPLETED;\n          const defaultTimecellBg =\n            session?.session_status === ESessionStatus.IN_FUTURE ? 'GREEN_6' : 'BLACK_1';\n          const timeCellBg = isSessionCompleted ? 'WHITE_T_10' : defaultTimecellBg;\n\n          return (\n            <Styled.SessionRow key={dateKey} $flex={1} $flexDirection=\"row\">\n              <Styled.DayLabel\n                $width={80}\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $flexColumnGapX={0.25}\n                $gutterX={1}\n                $gapX={0.5}\n              >\n                <Text $renderAs=\"ac4-black\" $color=\"WHITE_1\">\n                  {format(day, 'EEE').toUpperCase()}\n                </Text>\n                <Styled.DateWrapper\n                  $background={isTodayFlag ? 'WHITE' : 'TRANSPARENT'}\n                  $width={22}\n                  $height={22}\n                  $alignItems=\"center\"\n                  $justifyContent=\"center\"\n                  $borderRadius={11}\n                  $gutter={1}\n                  $gap={2}\n                >\n                  <Text $renderAs=\"ab3-bold\" $color={isTodayFlag ? 'BLACK_1' : 'WHITE_1'}>\n                    {format(day, 'd')}\n                  </Text>\n                </Styled.DateWrapper>\n              </Styled.DayLabel>\n              <FlexView\n                $flex={1}\n                $gutterX={1}\n                $gap={14}\n                $background={timeCellBg as TColorNames}\n                $flexDirection=\"row\"\n                $justifyContent=\"space-between\"\n                $alignItems=\"center\"\n              >\n                {session ? (\n                  <Text $renderAs=\"ab2\" $color={isSessionCompleted ? 'WHITE_T_38' : 'WHITE'}>\n                    {format(new Date(session.session_start * 1000), 'p')}\n                  </Text>\n                ) : null}\n                {isSessionCompleted && <Check2Icon color={theme.colors.WHITE_T_38} />}\n              </FlexView>\n            </Styled.SessionRow>\n          );\n        })}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(UpcomingSessions);\n"],"names":["UpcomingSessions","sessions","theme","useTheme","isMobile","EDeviceType","today","useMemo","sessionsMap","session","format","days","DAYS_TO_SHOW","_","i","addDays","spacing","MOBILE_SPACING","DESKTOP_SPACING","handleOpenApp","useCallback","CUEMATH_APP_URL","FlexView","jsx","Separator","Text","TextButton","day","dateKey","isTodayFlag","isToday","isSessionCompleted","ESessionStatus","defaultTimecellBg","timeCellBg","Styled.SessionRow","jsxs","Styled.DayLabel","Styled.DateWrapper","Check2Icon","UpcomingSessions$1","memo"],"mappings":"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"}

package/dist/features/trial-session/comps/school-goals/school-goals.js

@@ -1,110 +1,108 @@
-import { jsx as P } from "react/jsx-runtime";
-import { memo as R, useMemo as f, useCallback as l, useEffect as p } from "react";
-import { GOAL_CATEGORY as m } from "../../../milestone/constants.js";
-import { getCategorizedCurriculumStandards as Y } from "../../../milestone/create/comps/class-details-step/class-details-utils.js";
-import { getGradesFromConfig as j, getGoalsFromConfig as q } from "../../../milestone/create/milestone-create-helpers.js";
-import { epochTimestampAfterOneYear as E } from "../../../utils/utils.js";
-import { useTrialSessionContext as v } from "../../context/use-trial-session-context.js";
-import { isPLASource as z, updateGoalInFormData as L } from "../../helper.js";
-import M from "./school-goals-view.js";
-const oo = R(() => {
+import { jsx as w } from "react/jsx-runtime";
+import { memo as B, useMemo as C, useCallback as m, useEffect as S } from "react";
+import { GOAL_CATEGORY as s } from "../../../milestone/constants.js";
+import { getCategorizedCurriculumStandards as R } from "../../../milestone/create/comps/class-details-step/class-details-utils.js";
+import { getGradesFromConfig as Y, getGoalsFromConfig as j } from "../../../milestone/create/milestone-create-helpers.js";
+import { epochTimestampAfterOneYear as G } from "../../../utils/utils.js";
+import { useTrialSessionContext as q } from "../../context/use-trial-session-context.js";
+import { updateGoalInFormData as O } from "../../helper.js";
+import v from "./school-goals-view.js";
+const Z = B(() => {
   const {
     milestoneConfig: n,
-    formData: b,
+    formData: E,
     updateSlideConfig: a,
-    updateButtonState: h,
-    onRemoveOptionalSlides: C,
-    trialHomeData: N
-  } = v(), { name: _, grade: e, goals: t, curriculum: i, numberInNameError: I } = b || {}, { demo_info: T, intel_student: S } = N, { stream: u, region_data: U } = T || {}, { opportunity_country: c = "US" } = U || {}, y = j(n), d = z(S == null ? void 0 : S.source), A = f(
-    () => Y(n, {
+    updateButtonState: f,
+    onRemoveOptionalSlides: g,
+    trialHomeData: L
+  } = q(), { name: p, grade: e, goals: t, curriculum: i, numberInNameError: N } = E || {}, { demo_info: I } = L, { stream: u, region_data: T } = I || {}, { opportunity_country: c = "US" } = T || {}, U = Y(n), b = C(
+    () => R(n, {
       countryCode: c,
       grade: e ?? "",
-      goalCategory: m.SCHOOL_SUCCESS,
+      goalCategory: s.SCHOOL_SUCCESS,
       courseStream: u,
       enrollmentType: "ONLINE",
       flow: "CREATE"
     }),
     [n, c, e, u]
-  ), g = f(
-    () => q(n, {
+  ), d = C(
+    () => j(n, {
       countryCode: c,
       grade: e ?? "",
-      goalCategory: m.SCHOOL_SUCCESS,
+      goalCategory: s.SCHOOL_SUCCESS,
       courseStream: u,
       curriculumStandard: i,
       enrollmentType: "ONLINE"
     }),
     [n, c, e, u, i]
-  ), { goal_code: G } = f(
-    () => (t == null ? void 0 : t.find((o) => o.goal_category === m.SCHOOL_SUCCESS)) ?? {},
+  ), { goal_code: _ } = C(
+    () => (t == null ? void 0 : t.find((o) => o.goal_category === s.SCHOOL_SUCCESS)) ?? {},
     [t]
-  ), O = !!(_ && e && i && G), r = l(
-    (o, s) => {
+  ), h = !!(p && e && i && _), r = m(
+    (o, l) => {
       a({
-        [o]: s,
+        [o]: l,
         ...o === "grade" || o === "curriculum" ? { goals: [] } : {}
       });
     },
     [a]
-  ), H = l(
+  ), y = m(
     (o) => {
       a({ numberInNameError: !1 }), r("name", o.target.value);
     },
     [a, r]
-  ), D = l(
-    (o, s) => {
-      const { label: w } = s, B = L(t, m.SCHOOL_SUCCESS, {
+  ), H = m(
+    (o, l) => {
+      const { label: F } = l, x = O(t, s.SCHOOL_SUCCESS, {
         goal_code: o,
-        milestone_name: w,
-        milestone_date_ts: E(),
-        publish: d
+        milestone_name: F,
+        milestone_date_ts: G()
       });
-      a({ goals: B });
+      a({ goals: x });
     },
-    [t, d, a]
-  ), F = l(
+    [t, a]
+  ), D = m(
     (o) => r("curriculum", o),
     [r]
-  ), x = l(
+  ), A = m(
     (o) => {
       r("grade", o), r("curriculum", "");
     },
     [r]
   );
-  return p(() => {
-    h("right", { isDisabled: !O, isLoading: !1 });
-  }, [O, h]), p(() => {
-    e && (C == null || C(e));
-  }, [e]), p(() => {
-    const o = g.length === 1 ? g[0] : void 0;
+  return S(() => {
+    f("right", { isDisabled: !h, isLoading: !1 });
+  }, [h, f]), S(() => {
+    e && (g == null || g(e));
+  }, [e]), S(() => {
+    const o = d.length === 1 ? d[0] : void 0;
     if (o) {
-      const s = L(t, m.SCHOOL_SUCCESS, {
+      const l = O(t, s.SCHOOL_SUCCESS, {
         goal_code: o.id ?? "",
         milestone_name: o.label ?? "",
-        milestone_date_ts: E(),
-        publish: d
+        milestone_date_ts: G()
       });
-      a({ goals: s });
+      a({ goals: l });
     }
-  }, [g, d]), /* @__PURE__ */ P(
-    M,
+  }, [d]), /* @__PURE__ */ w(
+    v,
     {
-      name: _,
+      name: p,
       grade: e,
-      grades: y,
-      goalsList: g,
+      grades: U,
+      goalsList: d,
       curriculum: i,
-      selectedGoal: G,
-      numberInNameError: I,
-      curriculumStandards: A,
-      onNameChange: H,
-      onGoalChange: D,
-      onGradeChange: x,
-      onCurriculumChange: F
+      selectedGoal: _,
+      numberInNameError: N,
+      curriculumStandards: b,
+      onNameChange: y,
+      onGoalChange: H,
+      onGradeChange: A,
+      onCurriculumChange: D
     }
   );
 });
 export {
-  oo as default
+  Z as default
 };
 //# sourceMappingURL=school-goals.js.map

package/dist/features/trial-session/comps/school-goals/school-goals.js.map

@@ -1 +1 @@
-{"version":3,"file":"school-goals.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals.tsx"],"sourcesContent":["import type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getCategorizedCurriculumStandards } from '../../../milestone/create/comps/class-details-step/class-details-utils';\nimport {\n  getGoalsFromConfig,\n  getGradesFromConfig,\n} from '../../../milestone/create/milestone-create-helpers';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource, updateGoalInFormData } from '../../helper';\nimport SchoolGoalsView from './school-goals-view';\n\nconst SchoolGoals = memo(() => {\n  const {\n    milestoneConfig,\n    formData,\n    updateSlideConfig,\n    updateButtonState,\n    onRemoveOptionalSlides,\n    trialHomeData,\n  } = useTrialSessionContext();\n  const { name, grade, goals, curriculum, numberInNameError } = formData || {};\n\n  const { demo_info: demoInfo, intel_student: intelStudent } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const grades = getGradesFromConfig(milestoneConfig);\n  const isPLA = isPLASource(intelStudent?.source);\n\n  const curriculumStandards = useMemo(\n    () =>\n      getCategorizedCurriculumStandards(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n        flow: 'CREATE',\n      }),\n    [milestoneConfig, countryCode, grade, stream],\n  );\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        curriculumStandard: curriculum,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream, curriculum],\n  );\n\n  const { goal_code: selectedGoal } = useMemo(\n    () => goals?.find(goal => goal.goal_category === GOAL_CATEGORY.SCHOOL_SUCCESS) ?? {},\n    [goals],\n  );\n\n  const hasRequiredFields = Boolean(name && grade && curriculum && selectedGoal);\n\n  const updateStudentInformation = useCallback(\n    (key: string, value: string) => {\n      updateSlideConfig({\n        [key]: value,\n        ...(key === 'grade' || key === 'curriculum' ? { goals: [] } : {}),\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleNameChange = useCallback<\n    NonNullable<React.InputHTMLAttributes<HTMLInputElement>['onChange']>\n  >(\n    event => {\n      updateSlideConfig({ numberInNameError: false });\n      updateStudentInformation('name', event.target.value);\n    },\n    [updateSlideConfig, updateStudentInformation],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n        publish: isPLA,\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, isPLA, updateSlideConfig],\n  );\n\n  const handleCurriculumChange = useCallback(\n    (value: string) => updateStudentInformation('curriculum', value),\n    [updateStudentInformation],\n  );\n\n  const handleGradeChange = useCallback(\n    (value: string) => {\n      updateStudentInformation('grade', value);\n      updateStudentInformation('curriculum', '');\n    },\n    [updateStudentInformation],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  useEffect(() => {\n    if (grade) {\n      onRemoveOptionalSlides?.(grade);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [grade]);\n\n  useEffect(() => {\n    // If there is only one goal in the list, set it as the selected goal\n    // and update the form data with the goal code, milestone name, and date\n    const defaultGoal = goalsList.length === 1 ? goalsList[0] : undefined;\n\n    if (defaultGoal) {\n      const goalToUpdate = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\n        goal_code: defaultGoal.id ?? '',\n        milestone_name: defaultGoal.label ?? '',\n        milestone_date_ts: epochTimestampAfterOneYear(),\n        publish: isPLA,\n      });\n\n      updateSlideConfig({ goals: goalToUpdate });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [goalsList, isPLA]);\n\n  return (\n    <SchoolGoalsView\n      name={name}\n      grade={grade}\n      grades={grades}\n      goalsList={goalsList}\n      curriculum={curriculum}\n      selectedGoal={selectedGoal}\n      numberInNameError={numberInNameError}\n      curriculumStandards={curriculumStandards}\n      onNameChange={handleNameChange}\n      onGoalChange={handleGoalChange}\n      onGradeChange={handleGradeChange}\n      onCurriculumChange={handleCurriculumChange}\n    />\n  );\n});\n\nexport default SchoolGoals;\n"],"names":["SchoolGoals","memo","milestoneConfig","formData","updateSlideConfig","updateButtonState","onRemoveOptionalSlides","trialHomeData","useTrialSessionContext","name","grade","goals","curriculum","numberInNameError","demoInfo","intelStudent","stream","regionData","countryCode","grades","getGradesFromConfig","isPLA","isPLASource","curriculumStandards","useMemo","getCategorizedCurriculumStandards","GOAL_CATEGORY","goalsList","getGoalsFromConfig","selectedGoal","goal","hasRequiredFields","updateStudentInformation","useCallback","key","value","handleNameChange","event","handleGoalChange","option","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","handleCurriculumChange","handleGradeChange","useEffect","defaultGoal","goalToUpdate","jsx","SchoolGoalsView"],"mappings":"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"}
+{"version":3,"file":"school-goals.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals.tsx"],"sourcesContent":["import type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getCategorizedCurriculumStandards } from '../../../milestone/create/comps/class-details-step/class-details-utils';\nimport {\n  getGoalsFromConfig,\n  getGradesFromConfig,\n} from '../../../milestone/create/milestone-create-helpers';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { updateGoalInFormData } from '../../helper';\nimport SchoolGoalsView from './school-goals-view';\n\nconst SchoolGoals = memo(() => {\n  const {\n    milestoneConfig,\n    formData,\n    updateSlideConfig,\n    updateButtonState,\n    onRemoveOptionalSlides,\n    trialHomeData,\n  } = useTrialSessionContext();\n  const { name, grade, goals, curriculum, numberInNameError } = formData || {};\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const grades = getGradesFromConfig(milestoneConfig);\n\n  const curriculumStandards = useMemo(\n    () =>\n      getCategorizedCurriculumStandards(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n        flow: 'CREATE',\n      }),\n    [milestoneConfig, countryCode, grade, stream],\n  );\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        curriculumStandard: curriculum,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream, curriculum],\n  );\n\n  const { goal_code: selectedGoal } = useMemo(\n    () => goals?.find(goal => goal.goal_category === GOAL_CATEGORY.SCHOOL_SUCCESS) ?? {},\n    [goals],\n  );\n\n  const hasRequiredFields = Boolean(name && grade && curriculum && selectedGoal);\n\n  const updateStudentInformation = useCallback(\n    (key: string, value: string) => {\n      updateSlideConfig({\n        [key]: value,\n        ...(key === 'grade' || key === 'curriculum' ? { goals: [] } : {}),\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleNameChange = useCallback<\n    NonNullable<React.InputHTMLAttributes<HTMLInputElement>['onChange']>\n  >(\n    event => {\n      updateSlideConfig({ numberInNameError: false });\n      updateStudentInformation('name', event.target.value);\n    },\n    [updateSlideConfig, updateStudentInformation],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, updateSlideConfig],\n  );\n\n  const handleCurriculumChange = useCallback(\n    (value: string) => updateStudentInformation('curriculum', value),\n    [updateStudentInformation],\n  );\n\n  const handleGradeChange = useCallback(\n    (value: string) => {\n      updateStudentInformation('grade', value);\n      updateStudentInformation('curriculum', '');\n    },\n    [updateStudentInformation],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  useEffect(() => {\n    if (grade) {\n      onRemoveOptionalSlides?.(grade);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [grade]);\n\n  useEffect(() => {\n    // If there is only one goal in the list, set it as the selected goal\n    // and update the form data with the goal code, milestone name, and date\n    const defaultGoal = goalsList.length === 1 ? goalsList[0] : undefined;\n\n    if (defaultGoal) {\n      const goalToUpdate = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\n        goal_code: defaultGoal.id ?? '',\n        milestone_name: defaultGoal.label ?? '',\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: goalToUpdate });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [goalsList]);\n\n  return (\n    <SchoolGoalsView\n      name={name}\n      grade={grade}\n      grades={grades}\n      goalsList={goalsList}\n      curriculum={curriculum}\n      selectedGoal={selectedGoal}\n      numberInNameError={numberInNameError}\n      curriculumStandards={curriculumStandards}\n      onNameChange={handleNameChange}\n      onGoalChange={handleGoalChange}\n      onGradeChange={handleGradeChange}\n      onCurriculumChange={handleCurriculumChange}\n    />\n  );\n});\n\nexport default SchoolGoals;\n"],"names":["SchoolGoals","memo","milestoneConfig","formData","updateSlideConfig","updateButtonState","onRemoveOptionalSlides","trialHomeData","useTrialSessionContext","name","grade","goals","curriculum","numberInNameError","demoInfo","stream","regionData","countryCode","grades","getGradesFromConfig","curriculumStandards","useMemo","getCategorizedCurriculumStandards","GOAL_CATEGORY","goalsList","getGoalsFromConfig","selectedGoal","goal","hasRequiredFields","updateStudentInformation","useCallback","key","value","handleNameChange","event","handleGoalChange","option","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","handleCurriculumChange","handleGradeChange","useEffect","defaultGoal","goalToUpdate","jsx","SchoolGoalsView"],"mappings":"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"}