@cuemath/leap 3.5.64 → 3.5.66-link0

package/dist/features/timeline/monthly-timeline/monthly-timeline.js

@@ -1,53 +1,53 @@
-import { jsx as r, Fragment as w, jsxs as c } from "react/jsx-runtime";
+import { jsx as r, Fragment as w, jsxs as s } from "react/jsx-runtime";
 import { memo as L, useMemo as R, useCallback as X, useEffect as $ } from "react";
-import { monthlyTimelineGet as v } from "./api/use-monthly-timeline-get.js";
-import F from "./monthly-timeline-view.js";
-import M from "../../ui/loader/app-loader/app-loader.js";
-import n from "../../ui/layout/flex-view.js";
-import S from "../../ui/text/text.js";
+import { monthlyTimelineGet as F } from "./api/use-monthly-timeline-get.js";
+import M from "./monthly-timeline-view.js";
+import S from "../../ui/loader/app-loader/app-loader.js";
+import c from "../../ui/layout/flex-view.js";
+import j from "../../ui/text/text.js";
 import u from "../../ui/image/image.js";
 import l from "../../ui/separator/separator.js";
-import { yearImages as j, monthNames as A } from "./constants.js";
+import { yearImages as v, monthNames as A } from "./constants.js";
 import B from "../../ui/error/error.js";
-import { ImageContainer as z, DateText as D } from "./monthly-timeline-styled.js";
-import { getTimezone as I } from "../../../helpers/date-time.js";
-import { ILLUSTRATIONS as K } from "../../../assets/illustrations/illustrations.js";
-const N = ({
+import { ImageContainer as z, DateText as D, EmptyWrapper as I } from "./monthly-timeline-styled.js";
+import { getTimezone as K } from "../../../helpers/date-time.js";
+import { ILLUSTRATIONS as N } from "../../../assets/illustrations/illustrations.js";
+const O = ({
   userType: g,
-  studentId: m,
+  studentId: n,
   courseStreams: f,
   onReportClick: x,
-  onAPIComplete: t
+  onAPIComplete: o
 }) => {
-  const a = R(
+  const m = R(
     () => ({
       course_streams: g === "TEACHER" ? f : [],
-      timezone: I()
+      timezone: K()
     }),
     [f, g]
   ), {
     get: p,
-    data: o = [],
+    data: t = [],
     isProcessing: E,
     isProcessingFailed: i,
-    isProcessed: h
-  } = v(m, a), s = X(() => {
-    p(m, a);
-  }, [p, a, m]);
+    isProcessed: a
+  } = F(n, m), h = X(() => {
+    p(n, m);
+  }, [p, m, n]);
   return $(() => {
-    s();
-  }, [s]), $(() => {
-    (h || i) && (t == null || t(h && !i));
-  }, [h, i, t]), E ? /* @__PURE__ */ r(M, { height: "100dvh" }) : i ? /* @__PURE__ */ r(B, { onTryAgain: s, height: "100dvh" }) : /* @__PURE__ */ r(w, { children: (o == null ? void 0 : o.length) > 0 ? /* @__PURE__ */ r(n, { $gapX: 2, children: o.map((e, _) => {
-    const d = _ === 0, b = e.month === 12, T = !d && b, y = j[e.year];
-    return /* @__PURE__ */ c(n, { $width: "100%", children: [
-      !d && !T && /* @__PURE__ */ r(l, { heightX: 2 }),
-      T && y && /* @__PURE__ */ r(z, { $marginBottom: -122, children: /* @__PURE__ */ r(u, { src: y, alt: e.year.toString() }) }),
-      /* @__PURE__ */ c(n, { $gutterX: 1, children: [
+    h();
+  }, [h]), $(() => {
+    (a || i) && (o == null || o(a && !i));
+  }, [a, i, o]), E && !t.length ? /* @__PURE__ */ r(S, { height: "100dvh" }) : i ? /* @__PURE__ */ r(B, { onTryAgain: h, height: "100dvh" }) : /* @__PURE__ */ r(w, { children: (t == null ? void 0 : t.length) > 0 ? /* @__PURE__ */ r(c, { $gapX: 2, children: t.map((e, _) => {
+    const T = _ === 0, b = e.month === 12, d = !T && b, y = v[e.year];
+    return /* @__PURE__ */ s(c, { $width: "100%", children: [
+      !T && !d && /* @__PURE__ */ r(l, { heightX: 2 }),
+      d && y && /* @__PURE__ */ r(z, { $marginBottom: -122, children: /* @__PURE__ */ r(u, { src: y, alt: e.year.toString() }) }),
+      /* @__PURE__ */ s(c, { $gutterX: 1, children: [
         /* @__PURE__ */ r(D, { $renderAs: "ac4", $color: "BLACK_T_60", children: A[e.month - 1] }),
         /* @__PURE__ */ r(l, { heightX: 1 }),
         /* @__PURE__ */ r(
-          F,
+          M,
           {
             reports: e.reports,
             month: e.month,
@@ -57,13 +57,13 @@ const N = ({
         )
       ] })
     ] }, `${e.month}-${e.year}`);
-  }) }) : /* @__PURE__ */ c(n, { $justifyContent: "center", $alignItems: "center", $height: "100dvh", children: [
-    /* @__PURE__ */ r(u, { src: K.EMPTY_REPORTS }),
+  }) }) : /* @__PURE__ */ s(I, { $justifyContent: "center", $alignItems: "center", $height: "100%", children: [
+    /* @__PURE__ */ r(u, { src: N.EMPTY_REPORTS }),
     /* @__PURE__ */ r(l, { heightX: 1.5 }),
-    /* @__PURE__ */ r(S, { $renderAs: "ab2", color: "BLACK_T_60", children: "Report will be available next month." })
+    /* @__PURE__ */ r(j, { $renderAs: "ab2", color: "BLACK_T_60", children: "Report will be available next month." })
   ] }) });
-}, rr = L(N);
+}, er = L(O);
 export {
-  rr as default
+  er as default
 };
 //# sourceMappingURL=monthly-timeline.js.map

package/dist/features/timeline/monthly-timeline/monthly-timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"monthly-timeline.js","sources":["../../../../src/features/timeline/monthly-timeline/monthly-timeline.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { type IMonthlyTimelineProps } from './monthly-timeline-types';\nimport { monthlyTimelineGet } from './api/use-monthly-timeline-get';\nimport MonthlyTimelineView from './monthly-timeline-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport Image from '../../ui/image/image';\nimport Separator from '../../ui/separator/separator';\nimport { monthNames, yearImages } from './constants';\nimport Error from '../../ui/error/error';\nimport * as Styled from './monthly-timeline-styled';\nimport { getTimezone } from '../../../helpers/date-time';\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\n\nconst MonthlyTimeline: FC<IMonthlyTimelineProps> = ({\n  userType,\n  studentId,\n  courseStreams,\n  onReportClick,\n  onAPIComplete,\n}) => {\n  const initialQueryParams = useMemo(\n    () => ({\n      course_streams: userType === 'TEACHER' ? courseStreams : [],\n      timezone: getTimezone(),\n    }),\n    [courseStreams, userType],\n  );\n\n  const {\n    get: getTimeline,\n    data: timelineData = [],\n    isProcessing,\n    isProcessingFailed,\n    isProcessed,\n  } = monthlyTimelineGet(studentId, initialQueryParams);\n\n  const fetchData = useCallback(() => {\n    getTimeline(studentId, initialQueryParams);\n  }, [getTimeline, initialQueryParams, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  useEffect(() => {\n    if (isProcessed || isProcessingFailed) {\n      onAPIComplete?.(isProcessed && !isProcessingFailed);\n    }\n  }, [isProcessed, isProcessingFailed, onAPIComplete]);\n\n  if (isProcessing) {\n    return <AppLoader height=\"100dvh\" />;\n  }\n\n  if (isProcessingFailed) {\n    return <Error onTryAgain={fetchData} height=\"100dvh\" />;\n  }\n\n  return (\n    <>\n      {timelineData?.length > 0 ? (\n        <FlexView $gapX={2}>\n          {timelineData.map((item, index) => {\n            const isFirstItem = index === 0;\n            const isDecember = item.month === 12;\n            const showYearImage = !isFirstItem && isDecember;\n            const yearImage = yearImages[item.year];\n\n            return (\n              <FlexView key={`${item.month}-${item.year}`} $width=\"100%\">\n                {!isFirstItem && !showYearImage && <Separator heightX={2} />}\n                {showYearImage && yearImage && (\n                  <Styled.ImageContainer $marginBottom={-122}>\n                    <Image src={yearImage} alt={item.year.toString()} />\n                  </Styled.ImageContainer>\n                )}\n                <FlexView $gutterX={1}>\n                  <Styled.DateText $renderAs=\"ac4\" $color=\"BLACK_T_60\">\n                    {monthNames[item.month - 1]}\n                  </Styled.DateText>\n                  <Separator heightX={1} />\n                  <MonthlyTimelineView\n                    reports={item.reports}\n                    month={item.month}\n                    year={item.year}\n                    onReportClick={onReportClick}\n                  />\n                </FlexView>\n              </FlexView>\n            );\n          })}\n        </FlexView>\n      ) : (\n        <FlexView $justifyContent=\"center\" $alignItems=\"center\" $height=\"100dvh\">\n          <Image src={ILLUSTRATIONS.EMPTY_REPORTS} />\n          <Separator heightX={1.5} />\n          <Text $renderAs=\"ab2\" color=\"BLACK_T_60\">\n            Report will be available next month.\n          </Text>\n        </FlexView>\n      )}\n    </>\n  );\n};\n\nexport default memo(MonthlyTimeline);\n"],"names":["MonthlyTimeline","userType","studentId","courseStreams","onReportClick","onAPIComplete","initialQueryParams","useMemo","getTimezone","getTimeline","timelineData","isProcessing","isProcessingFailed","isProcessed","monthlyTimelineGet","fetchData","useCallback","useEffect","jsx","AppLoader","Error","Fragment","FlexView","item","index","isFirstItem","isDecember","showYearImage","yearImage","yearImages","jsxs","Separator","Styled.ImageContainer","Image","Styled.DateText","monthNames","MonthlyTimelineView","ILLUSTRATIONS","Text","monthlyTimeline","memo"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAMA,IAA6C,CAAC;AAAA,EAClD,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACJ,QAAMC,IAAqBC;AAAA,IACzB,OAAO;AAAA,MACL,gBAAgBN,MAAa,YAAYE,IAAgB,CAAC;AAAA,MAC1D,UAAUK,EAAY;AAAA,IAAA;AAAA,IAExB,CAACL,GAAeF,CAAQ;AAAA,EAAA,GAGpB;AAAA,IACJ,KAAKQ;AAAA,IACL,MAAMC,IAAe,CAAC;AAAA,IACtB,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,IACEC,EAAmBZ,GAAWI,CAAkB,GAE9CS,IAAYC,EAAY,MAAM;AAClC,IAAAP,EAAYP,GAAWI,CAAkB;AAAA,EACxC,GAAA,CAACG,GAAaH,GAAoBJ,CAAS,CAAC;AAY/C,SAVAe,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEdE,EAAU,MAAM;AACd,KAAIJ,KAAeD,OACDP,KAAA,QAAAA,EAAAQ,KAAe,CAACD;AAAA,EAEjC,GAAA,CAACC,GAAaD,GAAoBP,CAAa,CAAC,GAE/CM,IACK,gBAAAO,EAACC,GAAU,EAAA,QAAO,SAAS,CAAA,IAGhCP,IACM,gBAAAM,EAAAE,GAAA,EAAM,YAAYL,GAAW,QAAO,SAAS,CAAA,IAKlD,gBAAAG,EAAAG,GAAA,EAAA,WAAAX,KAAA,gBAAAA,EAAc,UAAS,IACrB,gBAAAQ,EAAAI,GAAA,EAAS,OAAO,GACd,UAAaZ,EAAA,IAAI,CAACa,GAAMC,MAAU;AACjC,UAAMC,IAAcD,MAAU,GACxBE,IAAaH,EAAK,UAAU,IAC5BI,IAAgB,CAACF,KAAeC,GAChCE,IAAYC,EAAWN,EAAK,IAAI;AAGpC,WAAA,gBAAAO,EAACR,GAA4C,EAAA,QAAO,QACjD,UAAA;AAAA,MAAA,CAACG,KAAe,CAACE,KAAkB,gBAAAT,EAAAa,GAAA,EAAU,SAAS,GAAG;AAAA,MACzDJ,KAAiBC,KAChB,gBAAAV,EAACc,GAAA,EAAsB,eAAe,MACpC,UAAC,gBAAAd,EAAAe,GAAA,EAAM,KAAKL,GAAW,KAAKL,EAAK,KAAK,SAAA,EAAY,CAAA,GACpD;AAAA,MAEF,gBAAAO,EAACR,GAAS,EAAA,UAAU,GAClB,UAAA;AAAA,QAAC,gBAAAJ,EAAAgB,GAAA,EAAgB,WAAU,OAAM,QAAO,cACrC,UAAWC,EAAAZ,EAAK,QAAQ,CAAC,EAC5B,CAAA;AAAA,QACA,gBAAAL,EAACa,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACvB,gBAAAb;AAAA,UAACkB;AAAA,UAAA;AAAA,YACC,SAASb,EAAK;AAAA,YACd,OAAOA,EAAK;AAAA,YACZ,MAAMA,EAAK;AAAA,YACX,eAAAnB;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GACF;AAAA,IAAA,KAlBa,GAAGmB,EAAK,KAAK,IAAIA,EAAK,IAAI,EAmBzC;AAAA,EAEH,CAAA,GACH,IAEC,gBAAAO,EAAAR,GAAA,EAAS,iBAAgB,UAAS,aAAY,UAAS,SAAQ,UAC9D,UAAA;AAAA,IAAC,gBAAAJ,EAAAe,GAAA,EAAM,KAAKI,EAAc,cAAe,CAAA;AAAA,IACzC,gBAAAnB,EAACa,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,sBACxBO,GAAK,EAAA,WAAU,OAAM,OAAM,cAAa,UAEzC,wCAAA;AAAA,EAAA,EACF,CAAA,EAEJ,CAAA;AAEJ,GAEeC,KAAAC,EAAKxC,CAAe;"}
+{"version":3,"file":"monthly-timeline.js","sources":["../../../../src/features/timeline/monthly-timeline/monthly-timeline.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { type IMonthlyTimelineProps } from './monthly-timeline-types';\nimport { monthlyTimelineGet } from './api/use-monthly-timeline-get';\nimport MonthlyTimelineView from './monthly-timeline-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport Image from '../../ui/image/image';\nimport Separator from '../../ui/separator/separator';\nimport { monthNames, yearImages } from './constants';\nimport Error from '../../ui/error/error';\nimport * as Styled from './monthly-timeline-styled';\nimport { getTimezone } from '../../../helpers/date-time';\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\n\nconst MonthlyTimeline: FC<IMonthlyTimelineProps> = ({\n  userType,\n  studentId,\n  courseStreams,\n  onReportClick,\n  onAPIComplete,\n}) => {\n  const initialQueryParams = useMemo(\n    () => ({\n      course_streams: userType === 'TEACHER' ? courseStreams : [],\n      timezone: getTimezone(),\n    }),\n    [courseStreams, userType],\n  );\n\n  const {\n    get: getTimeline,\n    data: timelineData = [],\n    isProcessing,\n    isProcessingFailed,\n    isProcessed,\n  } = monthlyTimelineGet(studentId, initialQueryParams);\n\n  const fetchData = useCallback(() => {\n    getTimeline(studentId, initialQueryParams);\n  }, [getTimeline, initialQueryParams, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  useEffect(() => {\n    if (isProcessed || isProcessingFailed) {\n      onAPIComplete?.(isProcessed && !isProcessingFailed);\n    }\n  }, [isProcessed, isProcessingFailed, onAPIComplete]);\n\n  if (isProcessing && !timelineData.length) {\n    return <AppLoader height=\"100dvh\" />;\n  }\n\n  if (isProcessingFailed) {\n    return <Error onTryAgain={fetchData} height=\"100dvh\" />;\n  }\n\n  return (\n    <>\n      {timelineData?.length > 0 ? (\n        <FlexView $gapX={2}>\n          {timelineData.map((item, index) => {\n            const isFirstItem = index === 0;\n            const isDecember = item.month === 12;\n            const showYearImage = !isFirstItem && isDecember;\n            const yearImage = yearImages[item.year];\n\n            return (\n              <FlexView key={`${item.month}-${item.year}`} $width=\"100%\">\n                {!isFirstItem && !showYearImage && <Separator heightX={2} />}\n                {showYearImage && yearImage && (\n                  <Styled.ImageContainer $marginBottom={-122}>\n                    <Image src={yearImage} alt={item.year.toString()} />\n                  </Styled.ImageContainer>\n                )}\n                <FlexView $gutterX={1}>\n                  <Styled.DateText $renderAs=\"ac4\" $color=\"BLACK_T_60\">\n                    {monthNames[item.month - 1]}\n                  </Styled.DateText>\n                  <Separator heightX={1} />\n                  <MonthlyTimelineView\n                    reports={item.reports}\n                    month={item.month}\n                    year={item.year}\n                    onReportClick={onReportClick}\n                  />\n                </FlexView>\n              </FlexView>\n            );\n          })}\n        </FlexView>\n      ) : (\n        <Styled.EmptyWrapper $justifyContent=\"center\" $alignItems=\"center\" $height=\"100%\">\n          <Image src={ILLUSTRATIONS.EMPTY_REPORTS} />\n          <Separator heightX={1.5} />\n          <Text $renderAs=\"ab2\" color=\"BLACK_T_60\">\n            Report will be available next month.\n          </Text>\n        </Styled.EmptyWrapper>\n      )}\n    </>\n  );\n};\n\nexport default memo(MonthlyTimeline);\n"],"names":["MonthlyTimeline","userType","studentId","courseStreams","onReportClick","onAPIComplete","initialQueryParams","useMemo","getTimezone","getTimeline","timelineData","isProcessing","isProcessingFailed","isProcessed","monthlyTimelineGet","fetchData","useCallback","useEffect","jsx","AppLoader","Error","Fragment","FlexView","item","index","isFirstItem","isDecember","showYearImage","yearImage","yearImages","jsxs","Separator","Styled.ImageContainer","Image","Styled.DateText","monthNames","MonthlyTimelineView","Styled.EmptyWrapper","ILLUSTRATIONS","Text","monthlyTimeline","memo"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAMA,IAA6C,CAAC;AAAA,EAClD,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACJ,QAAMC,IAAqBC;AAAA,IACzB,OAAO;AAAA,MACL,gBAAgBN,MAAa,YAAYE,IAAgB,CAAC;AAAA,MAC1D,UAAUK,EAAY;AAAA,IAAA;AAAA,IAExB,CAACL,GAAeF,CAAQ;AAAA,EAAA,GAGpB;AAAA,IACJ,KAAKQ;AAAA,IACL,MAAMC,IAAe,CAAC;AAAA,IACtB,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,IACEC,EAAmBZ,GAAWI,CAAkB,GAE9CS,IAAYC,EAAY,MAAM;AAClC,IAAAP,EAAYP,GAAWI,CAAkB;AAAA,EACxC,GAAA,CAACG,GAAaH,GAAoBJ,CAAS,CAAC;AAY3C,SAVJe,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEdE,EAAU,MAAM;AACd,KAAIJ,KAAeD,OACDP,KAAA,QAAAA,EAAAQ,KAAe,CAACD;AAAA,EAEjC,GAAA,CAACC,GAAaD,GAAoBP,CAAa,CAAC,GAE/CM,KAAgB,CAACD,EAAa,SACzB,gBAAAQ,EAACC,GAAU,EAAA,QAAO,SAAS,CAAA,IAGhCP,IACM,gBAAAM,EAAAE,GAAA,EAAM,YAAYL,GAAW,QAAO,SAAS,CAAA,IAKlD,gBAAAG,EAAAG,GAAA,EAAA,WAAAX,KAAA,gBAAAA,EAAc,UAAS,IACrB,gBAAAQ,EAAAI,GAAA,EAAS,OAAO,GACd,UAAaZ,EAAA,IAAI,CAACa,GAAMC,MAAU;AACjC,UAAMC,IAAcD,MAAU,GACxBE,IAAaH,EAAK,UAAU,IAC5BI,IAAgB,CAACF,KAAeC,GAChCE,IAAYC,EAAWN,EAAK,IAAI;AAGpC,WAAA,gBAAAO,EAACR,GAA4C,EAAA,QAAO,QACjD,UAAA;AAAA,MAAA,CAACG,KAAe,CAACE,KAAkB,gBAAAT,EAAAa,GAAA,EAAU,SAAS,GAAG;AAAA,MACzDJ,KAAiBC,KAChB,gBAAAV,EAACc,GAAA,EAAsB,eAAe,MACpC,UAAC,gBAAAd,EAAAe,GAAA,EAAM,KAAKL,GAAW,KAAKL,EAAK,KAAK,SAAA,EAAY,CAAA,GACpD;AAAA,MAEF,gBAAAO,EAACR,GAAS,EAAA,UAAU,GAClB,UAAA;AAAA,QAAC,gBAAAJ,EAAAgB,GAAA,EAAgB,WAAU,OAAM,QAAO,cACrC,UAAWC,EAAAZ,EAAK,QAAQ,CAAC,EAC5B,CAAA;AAAA,QACA,gBAAAL,EAACa,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACvB,gBAAAb;AAAA,UAACkB;AAAA,UAAA;AAAA,YACC,SAASb,EAAK;AAAA,YACd,OAAOA,EAAK;AAAA,YACZ,MAAMA,EAAK;AAAA,YACX,eAAAnB;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GACF;AAAA,IAAA,KAlBa,GAAGmB,EAAK,KAAK,IAAIA,EAAK,IAAI,EAmBzC;AAAA,EAEH,CAAA,GACH,IAEA,gBAAAO,EAACO,GAAA,EAAoB,iBAAgB,UAAS,aAAY,UAAS,SAAQ,QACzE,UAAA;AAAA,IAAC,gBAAAnB,EAAAe,GAAA,EAAM,KAAKK,EAAc,cAAe,CAAA;AAAA,IACzC,gBAAApB,EAACa,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,sBACxBQ,GAAK,EAAA,WAAU,OAAM,OAAM,cAAa,UAEzC,wCAAA;AAAA,EAAA,EACF,CAAA,EAEJ,CAAA;AAEJ,GAEeC,KAAAC,EAAKzC,CAAe;"}

package/dist/features/trial-session/api/trial-home.js

@@ -1,20 +1,14 @@
-import { createGetAPI as s, createPatchAPI as a } from "@cuemath/rest-api";
-import { BASE_URL_V1 as r, BASE_URL_V2 as i } from "../../../constants/api.js";
-import { stringify as o } from "../../../helpers/query-string.js";
-const { useGet: u, invalidate: l } = s({
-  getURL: (t, e) => `${r}/trial/home/v2/?${o(e)}`
-}), { usePatch: p } = a({
-  getURL: () => `${r}/trial/home/v2/`
-}), { useGet: g } = s({
-  getURL: (t) => `${i}/user-attempts/${t}/trial-diagnostic/report`
-}), { useGet: $ } = s({
-  getURL: (t, e) => `${i}/user-attempts/${t}/trial-diagnostic/report/v2/?${o(e)}`
+import { createGetAPI as r, createPatchAPI as a } from "@cuemath/rest-api";
+import { BASE_URL_V1 as e } from "../../../constants/api.js";
+import { stringify as i } from "../../../helpers/query-string.js";
+const { useGet: s, invalidate: h } = r({
+  getURL: (o, t) => `${e}/trial/home/v2/?${i(t)}`
+}), { usePatch: n } = a({
+  getURL: () => `${e}/trial/home/v2/`
 });
 export {
-  l as invalidateTrialHome,
-  g as useGetSessionInsights,
-  $ as useGetSessionReports,
-  u as useGetTrialHome,
-  p as usePatchTrialHome
+  h as invalidateTrialHome,
+  s as useGetTrialHome,
+  n as usePatchTrialHome
 };
 //# sourceMappingURL=trial-home.js.map

package/dist/features/trial-session/api/trial-home.js.map

@@ -1 +1 @@
-{"version":3,"file":"trial-home.js","sources":["../../../../src/features/trial-session/api/trial-home.ts"],"sourcesContent":["import { createGetAPI, createPatchAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1, BASE_URL_V2 } from '../../../constants/api';\nimport { stringify } from '../../../helpers/query-string';\nimport type { TSessionInsightsData } from '../comps/session-insights/session-insights-types';\nimport type { TSessionReportData } from '../comps/session-report/session-report-types';\nimport type { ITrialHomeData } from '../trial-session-types';\n\ninterface IGetTrailHomeQuery {\n  teacher_id: string;\n  student_id: string;\n  viewer: string;\n}\n\ninterface ISessionInsightsQuery {\n  student_level: string;\n  student_name: string;\n}\n\nconst { useGet: useGetTrialHome, invalidate: invalidateTrialHome } = createGetAPI<\n  ITrialHomeData,\n  IGetTrailHomeQuery\n>({\n  getURL: (_, query) => `${BASE_URL_V1}/trial/home/v2/?${stringify(query)}`,\n});\n\nconst { usePatch: usePatchTrialHome } = createPatchAPI({\n  getURL: () => `${BASE_URL_V1}/trial/home/v2/`,\n});\n\nconst { useGet: useGetSessionInsights } = createGetAPI<TSessionInsightsData>({\n  getURL: userAttemptId => `${BASE_URL_V2}/user-attempts/${userAttemptId}/trial-diagnostic/report`,\n});\n\nconst { useGet: useGetSessionReports } = createGetAPI<TSessionReportData, ISessionInsightsQuery>({\n  getURL: (userAttemptId, query) =>\n    `${BASE_URL_V2}/user-attempts/${userAttemptId}/trial-diagnostic/report/v2/?${stringify(query)}`,\n});\n\nexport {\n  useGetTrialHome,\n  usePatchTrialHome,\n  invalidateTrialHome,\n  useGetSessionReports,\n  useGetSessionInsights,\n};\n"],"names":["useGetTrialHome","invalidateTrialHome","createGetAPI","_","query","BASE_URL_V1","stringify","usePatchTrialHome","createPatchAPI","useGetSessionInsights","userAttemptId","BASE_URL_V2","useGetSessionReports"],"mappings":";;;AAmBA,MAAM,EAAE,QAAQA,GAAiB,YAAYC,EAAA,IAAwBC,EAGnE;AAAA,EACA,QAAQ,CAACC,GAAGC,MAAU,GAAGC,CAAW,mBAAmBC,EAAUF,CAAK,CAAC;AACzE,CAAC,GAEK,EAAE,UAAUG,EAAkB,IAAIC,EAAe;AAAA,EACrD,QAAQ,MAAM,GAAGH,CAAW;AAC9B,CAAC,GAEK,EAAE,QAAQI,EAAsB,IAAIP,EAAmC;AAAA,EAC3E,QAAQ,CAAAQ,MAAiB,GAAGC,CAAW,kBAAkBD,CAAa;AACxE,CAAC,GAEK,EAAE,QAAQE,EAAqB,IAAIV,EAAwD;AAAA,EAC/F,QAAQ,CAACQ,GAAeN,MACtB,GAAGO,CAAW,kBAAkBD,CAAa,gCAAgCJ,EAAUF,CAAK,CAAC;AACjG,CAAC;"}
+{"version":3,"file":"trial-home.js","sources":["../../../../src/features/trial-session/api/trial-home.ts"],"sourcesContent":["import { createGetAPI, createPatchAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\nimport { stringify } from '../../../helpers/query-string';\nimport type { ITrialHomeData } from '../trial-session-types';\n\ninterface IGetTrailHomeQuery {\n  teacher_id: string;\n  student_id: string;\n  viewer: string;\n}\n\nconst { useGet: useGetTrialHome, invalidate: invalidateTrialHome } = createGetAPI<\n  ITrialHomeData,\n  IGetTrailHomeQuery\n>({\n  getURL: (_, query) => `${BASE_URL_V1}/trial/home/v2/?${stringify(query)}`,\n});\n\nconst { usePatch: usePatchTrialHome } = createPatchAPI({\n  getURL: () => `${BASE_URL_V1}/trial/home/v2/`,\n});\n\nexport { useGetTrialHome, usePatchTrialHome, invalidateTrialHome };\n"],"names":["useGetTrialHome","invalidateTrialHome","createGetAPI","_","query","BASE_URL_V1","stringify","usePatchTrialHome","createPatchAPI"],"mappings":";;;AAYA,MAAM,EAAE,QAAQA,GAAiB,YAAYC,EAAA,IAAwBC,EAGnE;AAAA,EACA,QAAQ,CAACC,GAAGC,MAAU,GAAGC,CAAW,mBAAmBC,EAAUF,CAAK,CAAC;AACzE,CAAC,GAEK,EAAE,UAAUG,EAAkB,IAAIC,EAAe;AAAA,EACrD,QAAQ,MAAM,GAAGH,CAAW;AAC9B,CAAC;"}

package/dist/features/trial-session/api/trial-session-report.js

@@ -0,0 +1,16 @@
+import { createGetAPI as s } from "@cuemath/rest-api";
+import { BASE_URL_V2 as r } from "../../../constants/api.js";
+import { stringify as o } from "../../../helpers/query-string.js";
+const { useGet: a } = s({
+  getURL: (t) => `${r}/user-attempts/${t}/trial-diagnostic/report`
+}), { useGet: g } = s({
+  getURL: (t, e) => `${r}/user-attempts/${t}/trial-diagnostic/report/v2/?${o(e)}`
+}), { useGet: m } = s({
+  getURL: (t, e) => `${r}/user-attempts/${t}/trial-diagnostic/report/v3/?${o(e)}`
+});
+export {
+  a as useGetSessionInsights,
+  m as useGetSessionProgressReports,
+  g as useGetSessionReports
+};
+//# sourceMappingURL=trial-session-report.js.map

package/dist/features/trial-session/api/trial-session-report.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trial-session-report.js","sources":["../../../../src/features/trial-session/api/trial-session-report.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V2 } from '../../../constants/api';\nimport { type TSessionInsightsData } from '../comps/session-insights/session-insights-types';\nimport { type TSessionReportData } from '../comps/session-report/session-report-types';\nimport { stringify } from '../../../helpers/query-string';\nimport { type ISessionProgressSummary } from '../comps/session-progress-summary/session-progress-summary-types';\n\ninterface ISessionInsightsQuery {\n  student_level: string;\n  student_name: string;\n}\n\nconst { useGet: useGetSessionInsights } = createGetAPI<TSessionInsightsData>({\n  getURL: userAttemptId => `${BASE_URL_V2}/user-attempts/${userAttemptId}/trial-diagnostic/report`,\n});\n\nconst { useGet: useGetSessionReports } = createGetAPI<TSessionReportData, ISessionInsightsQuery>({\n  getURL: (userAttemptId, query) =>\n    `${BASE_URL_V2}/user-attempts/${userAttemptId}/trial-diagnostic/report/v2/?${stringify(query)}`,\n});\n\nconst { useGet: useGetSessionProgressReports } = createGetAPI<\n  ISessionProgressSummary,\n  { student_name: string }\n>({\n  getURL: (userAttemptId, query) =>\n    `${BASE_URL_V2}/user-attempts/${userAttemptId}/trial-diagnostic/report/v3/?${stringify(query)}`,\n});\n\nexport { useGetSessionReports, useGetSessionInsights, useGetSessionProgressReports };\n"],"names":["useGetSessionInsights","createGetAPI","userAttemptId","BASE_URL_V2","useGetSessionReports","query","stringify","useGetSessionProgressReports"],"mappings":";;;AAaA,MAAM,EAAE,QAAQA,EAAsB,IAAIC,EAAmC;AAAA,EAC3E,QAAQ,CAAAC,MAAiB,GAAGC,CAAW,kBAAkBD,CAAa;AACxE,CAAC,GAEK,EAAE,QAAQE,EAAqB,IAAIH,EAAwD;AAAA,EAC/F,QAAQ,CAACC,GAAeG,MACtB,GAAGF,CAAW,kBAAkBD,CAAa,gCAAgCI,EAAUD,CAAK,CAAC;AACjG,CAAC,GAEK,EAAE,QAAQE,EAA6B,IAAIN,EAG/C;AAAA,EACA,QAAQ,CAACC,GAAeG,MACtB,GAAGF,CAAW,kBAAkBD,CAAa,gCAAgCI,EAAUD,CAAK,CAAC;AACjG,CAAC;"}

package/dist/features/trial-session/api/trial-topics.js

@@ -0,0 +1,9 @@
+import { createGetAPI as t } from "@cuemath/rest-api";
+import { BASE_URL_V1 as e } from "../../../constants/api.js";
+const { useGet: i } = t({
+  getURL: () => `${e}/configs/trial_v3_topics`
+});
+export {
+  i as useGetTrialTopics
+};
+//# sourceMappingURL=trial-topics.js.map

package/dist/features/trial-session/api/trial-topics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trial-topics.js","sources":["../../../../src/features/trial-session/api/trial-topics.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\n\ninterface ITrialTopicsData {\n  [countryCode: string]: {\n    [grade: number]: {\n      [course: string]: {\n        topic_image_url: string;\n        topic_name: string;\n      };\n    };\n  };\n}\n\nconst { useGet: useGetTrialTopics } = createGetAPI<ITrialTopicsData>({\n  getURL: () => `${BASE_URL_V1}/configs/trial_v3_topics`,\n});\n\nexport { useGetTrialTopics };\n"],"names":["useGetTrialTopics","createGetAPI","BASE_URL_V1"],"mappings":";;AAeA,MAAM,EAAE,QAAQA,EAAkB,IAAIC,EAA+B;AAAA,EACnE,QAAQ,MAAM,GAAGC,CAAW;AAC9B,CAAC;"}

package/dist/features/trial-session/comps/background-grid/background-grid-utils.js

@@ -1,33 +1,33 @@
-import { getTheme as O } from "../../../ui/theme/get-theme.js";
+import { getTheme as I } from "../../../ui/theme/get-theme.js";
 import { TrialPageId as x } from "../../trial-session-constants.js";
-const I = O(), {
-  BLACK_T_08: l,
-  WHITE_3: b,
+const R = I(), {
+  BLACK_T_08: g,
+  WHITE_3: l,
   WHITE_4: A,
   WHITE_5: i,
   GREEN_1: o,
   GREEN_2: s,
   ORANGE_1: C,
-  ORANGE_2: N,
-  BLUE_1: y,
-  BLUE_2: r,
-  BLUE_3: L,
-  PURPLE_1: E,
-  PURPLE_2: S,
-  YELLOW_1: g,
-  YELLOW_2: _
-} = I.colors, U = (T) => T ? {
+  ORANGE_2: T,
+  BLUE_1: S,
+  BLUE_2: b,
+  BLUE_3: N,
+  PURPLE_1: y,
+  PURPLE_2: O,
+  YELLOW_1: r,
+  YELLOW_2: E
+} = R.colors, U = (_) => _ ? {
   [x.SESSION_OVERVIEW]: [
-    { xAxis: 2, yAxis: 1, bgColor: _ },
+    { xAxis: 2, yAxis: 1, bgColor: E },
     { xAxis: 14, yAxis: 1, bgColor: o },
     { xAxis: 3, yAxis: 10, bgColor: o },
     { xAxis: 16, yAxis: 6, bgColor: C }
   ],
   [x.STUDENT_INFORMATION]: [
-    { xAxis: 2, yAxis: 1, bgColor: r },
-    { xAxis: 17, yAxis: 3, bgColor: y },
-    { xAxis: 1, yAxis: 9, bgColor: y },
-    { xAxis: 16, yAxis: 8, bgColor: r }
+    { xAxis: 3, yAxis: 1, bgColor: l },
+    { xAxis: 14, yAxis: 1, bgColor: g },
+    { xAxis: 1, yAxis: 7, bgColor: g },
+    { xAxis: 17, yAxis: 9, bgColor: l }
   ],
   [x.LEARNING_LEVEL]: [
     { xAxis: 3, yAxis: 0, bgColor: s },
@@ -42,21 +42,21 @@ const I = O(), {
     { xAxis: 17, yAxis: 6, bgColor: o }
   ],
   [x.SCHOOL_GOALS]: [
-    { xAxis: 2, yAxis: 1, bgColor: S },
-    { xAxis: 16, yAxis: 0, bgColor: E },
-    { xAxis: 1, yAxis: 8, bgColor: E },
-    { xAxis: 17, yAxis: 10, bgColor: S }
+    { xAxis: 2, yAxis: 1, bgColor: O },
+    { xAxis: 16, yAxis: 0, bgColor: y },
+    { xAxis: 0, yAxis: 8, bgColor: y },
+    { xAxis: 17, yAxis: 10, bgColor: O }
   ],
   [x.TEST_PREP]: [
-    { xAxis: 3, yAxis: 0, bgColor: y },
-    { xAxis: 16, yAxis: 1, bgColor: r },
-    { xAxis: 0, yAxis: 9, bgColor: r },
-    { xAxis: 18, yAxis: 8, bgColor: y }
+    { xAxis: 3, yAxis: 0, bgColor: S },
+    { xAxis: 16, yAxis: 1, bgColor: b },
+    { xAxis: 0, yAxis: 9, bgColor: b },
+    { xAxis: 18, yAxis: 8, bgColor: S }
   ],
   [x.STUDENT_ENRICHMENT]: [
     { xAxis: 0, yAxis: 1, bgColor: C },
-    { xAxis: 14, yAxis: 1, bgColor: N },
-    { xAxis: 3, yAxis: 11, bgColor: N },
+    { xAxis: 14, yAxis: 1, bgColor: T },
+    { xAxis: 3, yAxis: 11, bgColor: T },
     { xAxis: 12, yAxis: 12, bgColor: C }
   ],
   [x.STUDENT_PERSONALIZATION]: [
@@ -65,26 +65,38 @@ const I = O(), {
     { xAxis: 0, yAxis: 10, bgColor: o },
     { xAxis: 12, yAxis: 12, bgColor: o }
   ],
+  [x.TOPIC_SELECTION]: [
+    { xAxis: 1, yAxis: 1, bgColor: o },
+    { xAxis: 13, yAxis: 2, bgColor: s },
+    { xAxis: 0, yAxis: 10, bgColor: o },
+    { xAxis: 12, yAxis: 12, bgColor: o }
+  ],
   [x.ADDITIONAL_INFO]: [
-    { xAxis: 2, yAxis: 1, bgColor: l },
-    { xAxis: 13, yAxis: 0, bgColor: b },
-    { xAxis: 2, yAxis: 12, bgColor: l },
-    { xAxis: 13, yAxis: 11, bgColor: b }
+    { xAxis: 2, yAxis: 1, bgColor: g },
+    { xAxis: 13, yAxis: 0, bgColor: l },
+    { xAxis: 2, yAxis: 12, bgColor: g },
+    { xAxis: 13, yAxis: 11, bgColor: l }
   ],
   [x.STUDENT_PROFILE]: [
-    { xAxis: 3, yAxis: 1, bgColor: b },
-    { xAxis: 14, yAxis: 1, bgColor: l },
-    { xAxis: 1, yAxis: 7, bgColor: l },
-    { xAxis: 17, yAxis: 9, bgColor: b }
+    { xAxis: 3, yAxis: 1, bgColor: l },
+    { xAxis: 14, yAxis: 1, bgColor: g },
+    { xAxis: 1, yAxis: 7, bgColor: g },
+    { xAxis: 17, yAxis: 9, bgColor: l }
   ],
   [x.PARENT_APP]: [
     { xAxis: 1, yAxis: 1, bgColor: s },
     { xAxis: 14, yAxis: 0, bgColor: C },
-    { xAxis: 1, yAxis: 10, bgColor: L },
-    { xAxis: 17, yAxis: 9, bgColor: g }
+    { xAxis: 1, yAxis: 10, bgColor: N },
+    { xAxis: 17, yAxis: 9, bgColor: r }
+  ],
+  [x.SESSION_PROGRESS_SUMMARY]: [
+    { xAxis: 1, yAxis: 1, bgColor: s },
+    { xAxis: 13, yAxis: 0, bgColor: C },
+    { xAxis: 3, yAxis: 13, bgColor: N },
+    { xAxis: 15, yAxis: 9, bgColor: r }
   ],
   [x.SESSION_SUMMARY]: [
-    { xAxis: 2, yAxis: 1, bgColor: _ },
+    { xAxis: 2, yAxis: 1, bgColor: E },
     { xAxis: 14, yAxis: 1, bgColor: o },
     { xAxis: 2, yAxis: 10, bgColor: o },
     { xAxis: 16, yAxis: 8, bgColor: C }
@@ -96,22 +108,22 @@ const I = O(), {
     { xAxis: 17, yAxis: 8, bgColor: s }
   ],
   [x.SESSION_INSIGHTS]: [
-    { xAxis: 1, yAxis: 1, bgColor: r },
-    { xAxis: 16, yAxis: 1, bgColor: g },
+    { xAxis: 1, yAxis: 1, bgColor: b },
+    { xAxis: 16, yAxis: 1, bgColor: r },
     { xAxis: 1, yAxis: 9, bgColor: C },
-    { xAxis: 17, yAxis: 8, bgColor: E }
+    { xAxis: 17, yAxis: 8, bgColor: y }
   ],
   [x.SESSION_REPORT]: [
-    { xAxis: 1, yAxis: 1, bgColor: r },
-    { xAxis: 16, yAxis: 1, bgColor: g },
+    { xAxis: 1, yAxis: 1, bgColor: b },
+    { xAxis: 16, yAxis: 1, bgColor: r },
     { xAxis: 1, yAxis: 9, bgColor: C },
-    { xAxis: 17, yAxis: 8, bgColor: E }
+    { xAxis: 17, yAxis: 8, bgColor: y }
   ],
   [x.CLASS_PREFERENCE]: [
-    { xAxis: 2, yAxis: 1, bgColor: g },
-    { xAxis: 16, yAxis: 1, bgColor: _ },
-    { xAxis: 2, yAxis: 9, bgColor: g },
-    { xAxis: 17, yAxis: 8, bgColor: g }
+    { xAxis: 2, yAxis: 1, bgColor: r },
+    { xAxis: 16, yAxis: 1, bgColor: E },
+    { xAxis: 2, yAxis: 9, bgColor: r },
+    { xAxis: 17, yAxis: 8, bgColor: r }
   ],
   [x.WELCOME_CUEMATH]: [
     { xAxis: 2, yAxis: 0, bgColor: A },
@@ -149,7 +161,7 @@ const I = O(), {
     { xAxis: 3, yAxis: 9, bgColor: i },
     { xAxis: 17, yAxis: 10, bgColor: A }
   ]
-}[T] : void 0;
+}[_] : void 0;
 export {
   U as getColoredBoxPosition
 };

package/dist/features/trial-session/comps/background-grid/background-grid-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"background-grid-utils.js","sources":["../../../../../src/features/trial-session/comps/background-grid/background-grid-utils.ts"],"sourcesContent":["import { getTheme } from '../../../ui/theme/get-theme';\nimport { TrialPageId } from '../../trial-session-constants';\nimport type { TColoredBox } from './background-grid-types';\n\nconst theme = getTheme();\nconst {\n  BLACK_T_08,\n  WHITE_3,\n  WHITE_4,\n  WHITE_5,\n  GREEN_1,\n  GREEN_2,\n  ORANGE_1,\n  ORANGE_2,\n  BLUE_1,\n  BLUE_2,\n  BLUE_3,\n  PURPLE_1,\n  PURPLE_2,\n  YELLOW_1,\n  YELLOW_2,\n} = theme.colors;\n\nexport const getColoredBoxPosition = (slideId?: TrialPageId): TColoredBox[] | undefined => {\n  if (!slideId) return;\n\n  const positions: Partial<Record<TrialPageId, TColoredBox[]>> = {\n    [TrialPageId.SESSION_OVERVIEW]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 14, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 3, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 16, yAxis: 6, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.STUDENT_INFORMATION]: [\n      { xAxis: 2, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 17, yAxis: 3, bgColor: BLUE_1 },\n      { xAxis: 1, yAxis: 9, bgColor: BLUE_1 },\n      { xAxis: 16, yAxis: 8, bgColor: BLUE_2 },\n    ],\n    [TrialPageId.LEARNING_LEVEL]: [\n      { xAxis: 3, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 6, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.STUDENT_LEVEL]: [\n      { xAxis: 2, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 6, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.SCHOOL_GOALS]: [\n      { xAxis: 2, yAxis: 1, bgColor: PURPLE_2 },\n      { xAxis: 16, yAxis: 0, bgColor: PURPLE_1 },\n      { xAxis: 1, yAxis: 8, bgColor: PURPLE_1 },\n      { xAxis: 17, yAxis: 10, bgColor: PURPLE_2 },\n    ],\n    [TrialPageId.TEST_PREP]: [\n      { xAxis: 3, yAxis: 0, bgColor: BLUE_1 },\n      { xAxis: 16, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 0, yAxis: 9, bgColor: BLUE_2 },\n      { xAxis: 18, yAxis: 8, bgColor: BLUE_1 },\n    ],\n    [TrialPageId.STUDENT_ENRICHMENT]: [\n      { xAxis: 0, yAxis: 1, bgColor: ORANGE_1 },\n      { xAxis: 14, yAxis: 1, bgColor: ORANGE_2 },\n      { xAxis: 3, yAxis: 11, bgColor: ORANGE_2 },\n      { xAxis: 12, yAxis: 12, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.STUDENT_PERSONALIZATION]: [\n      { xAxis: 1, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 14, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 0, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 12, yAxis: 12, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.ADDITIONAL_INFO]: [\n      { xAxis: 2, yAxis: 1, bgColor: BLACK_T_08 },\n      { xAxis: 13, yAxis: 0, bgColor: WHITE_3 },\n      { xAxis: 2, yAxis: 12, bgColor: BLACK_T_08 },\n      { xAxis: 13, yAxis: 11, bgColor: WHITE_3 },\n    ],\n    [TrialPageId.STUDENT_PROFILE]: [\n      { xAxis: 3, yAxis: 1, bgColor: WHITE_3 },\n      { xAxis: 14, yAxis: 1, bgColor: BLACK_T_08 },\n      { xAxis: 1, yAxis: 7, bgColor: BLACK_T_08 },\n      { xAxis: 17, yAxis: 9, bgColor: WHITE_3 },\n    ],\n    [TrialPageId.PARENT_APP]: [\n      { xAxis: 1, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 14, yAxis: 0, bgColor: ORANGE_1 },\n      { xAxis: 1, yAxis: 10, bgColor: BLUE_3 },\n      { xAxis: 17, yAxis: 9, bgColor: YELLOW_1 },\n    ],\n    [TrialPageId.SESSION_SUMMARY]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 14, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 2, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 16, yAxis: 8, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.PRICING]: [\n      { xAxis: 2, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 2, bgColor: GREEN_1 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 8, bgColor: GREEN_2 },\n    ],\n    [TrialPageId.SESSION_INSIGHTS]: [\n      { xAxis: 1, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 1, yAxis: 9, bgColor: ORANGE_1 },\n      { xAxis: 17, yAxis: 8, bgColor: PURPLE_1 },\n    ],\n    [TrialPageId.SESSION_REPORT]: [\n      { xAxis: 1, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 1, yAxis: 9, bgColor: ORANGE_1 },\n      { xAxis: 17, yAxis: 8, bgColor: PURPLE_1 },\n    ],\n    [TrialPageId.CLASS_PREFERENCE]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 2, yAxis: 9, bgColor: YELLOW_1 },\n      { xAxis: 17, yAxis: 8, bgColor: YELLOW_1 },\n    ],\n    [TrialPageId.WELCOME_CUEMATH]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.TEACHER_INTRO]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.STUDENT_INTRO]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.COMPLETED_WORKSHEET]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.WELCOME_BACK]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.THANK_YOU]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n  };\n\n  return positions[slideId];\n};\n"],"names":["theme","getTheme","BLACK_T_08","WHITE_3","WHITE_4","WHITE_5","GREEN_1","GREEN_2","ORANGE_1","ORANGE_2","BLUE_1","BLUE_2","BLUE_3","PURPLE_1","PURPLE_2","YELLOW_1","YELLOW_2","getColoredBoxPosition","slideId","TrialPageId"],"mappings":";;AAIA,MAAMA,IAAQC,EAAS,GACjB;AAAA,EACJ,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,IAAIhB,EAAM,QAEGiB,IAAwB,CAACC,MAC/BA,IAE0D;AAAA,EAC7D,CAACC,EAAY,gBAAgB,GAAG;AAAA,IAC9B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASH,EAAS;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASV,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,IAAI,SAASA,EAAQ;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASE,EAAS;AAAA,EAC3C;AAAA,EACA,CAACW,EAAY,mBAAmB,GAAG;AAAA,IACjC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASR,EAAO;AAAA,IACtC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASD,EAAO;AAAA,IACvC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASA,EAAO;AAAA,IACtC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAO;AAAA,EACzC;AAAA,EACA,CAACQ,EAAY,cAAc,GAAG;AAAA,IAC5B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASZ,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASA,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASD,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASA,EAAQ;AAAA,EAC1C;AAAA,EACA,CAACa,EAAY,aAAa,GAAG;AAAA,IAC3B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASZ,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASA,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASD,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASA,EAAQ;AAAA,EAC1C;AAAA,EACA,CAACa,EAAY,YAAY,GAAG;AAAA,IAC1B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASL,EAAS;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASD,EAAS;AAAA,IACzC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASA,EAAS;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,IAAI,SAASC,EAAS;AAAA,EAC5C;AAAA,EACA,CAACK,EAAY,SAAS,GAAG;AAAA,IACvB,EAAE,OAAO,GAAG,OAAO,GAAG,SAAST,EAAO;AAAA,IACtC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAO;AAAA,IACvC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASA,EAAO;AAAA,IACtC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASD,EAAO;AAAA,EACzC;AAAA,EACA,CAACS,EAAY,kBAAkB,GAAG;AAAA,IAChC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASX,EAAS;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAS;AAAA,IACzC,EAAE,OAAO,GAAG,OAAO,IAAI,SAASA,EAAS;AAAA,IACzC,EAAE,OAAO,IAAI,OAAO,IAAI,SAASD,EAAS;AAAA,EAC5C;AAAA,EACA,CAACW,EAAY,uBAAuB,GAAG;AAAA,IACrC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASb,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,IAAI,SAASD,EAAQ;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,IAAI,SAASA,EAAQ;AAAA,EAC3C;AAAA,EACA,CAACa,EAAY,eAAe,GAAG;AAAA,IAC7B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASjB,EAAW;AAAA,IAC1C,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,IAAI,SAASD,EAAW;AAAA,IAC3C,EAAE,OAAO,IAAI,OAAO,IAAI,SAASC,EAAQ;AAAA,EAC3C;AAAA,EACA,CAACgB,EAAY,eAAe,GAAG;AAAA,IAC7B,EAAE,OAAO,GAAG,OAAO,GAAG,SAAShB,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASD,EAAW;AAAA,IAC3C,EAAE,OAAO,GAAG,OAAO,GAAG,SAASA,EAAW;AAAA,IAC1C,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAQ;AAAA,EAC1C;AAAA,EACA,CAACgB,EAAY,UAAU,GAAG;AAAA,IACxB,EAAE,OAAO,GAAG,OAAO,GAAG,SAASZ,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAS;AAAA,IACzC,EAAE,OAAO,GAAG,OAAO,IAAI,SAASI,EAAO;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASG,EAAS;AAAA,EAC3C;AAAA,EACA,CAACI,EAAY,eAAe,GAAG;AAAA,IAC7B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASH,EAAS;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASV,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,IAAI,SAASA,EAAQ;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASE,EAAS;AAAA,EAC3C;AAAA,EACA,CAACW,EAAY,OAAO,GAAG;AAAA,IACrB,EAAE,OAAO,GAAG,OAAO,GAAG,SAASZ,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASD,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASA,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAQ;AAAA,EAC1C;AAAA,EACA,CAACY,EAAY,gBAAgB,GAAG;AAAA,IAC9B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASR,EAAO;AAAA,IACtC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASI,EAAS;AAAA,IACzC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASP,EAAS;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASK,EAAS;AAAA,EAC3C;AAAA,EACA,CAACM,EAAY,cAAc,GAAG;AAAA,IAC5B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASR,EAAO;AAAA,IACtC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASI,EAAS;AAAA,IACzC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASP,EAAS;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASK,EAAS;AAAA,EAC3C;AAAA,EACA,CAACM,EAAY,gBAAgB,GAAG;AAAA,IAC9B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASJ,EAAS;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAS;AAAA,IACzC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASD,EAAS;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASA,EAAS;AAAA,EAC3C;AAAA,EACA,CAACI,EAAY,eAAe,GAAG;AAAA,IAC7B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASf,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASA,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,IAAI,SAASD,EAAQ;AAAA,EAC3C;AAAA,EACA,CAACe,EAAY,aAAa,GAAG;AAAA,IAC3B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASf,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASA,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,IAAI,SAASD,EAAQ;AAAA,EAC3C;AAAA,EACA,CAACe,EAAY,aAAa,GAAG;AAAA,IAC3B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASf,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASA,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,IAAI,SAASD,EAAQ;AAAA,EAC3C;AAAA,EACA,CAACe,EAAY,mBAAmB,GAAG;AAAA,IACjC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASf,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASA,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,IAAI,SAASD,EAAQ;AAAA,EAC3C;AAAA,EACA,CAACe,EAAY,YAAY,GAAG;AAAA,IAC1B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASf,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASA,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,IAAI,SAASD,EAAQ;AAAA,EAC3C;AAAA,EACA,CAACe,EAAY,SAAS,GAAG;AAAA,IACvB,EAAE,OAAO,GAAG,OAAO,GAAG,SAASf,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASA,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,IAAI,SAASD,EAAQ;AAAA,EAC3C;AAAA,EAGec,CAAO,IAzIV;"}
+{"version":3,"file":"background-grid-utils.js","sources":["../../../../../src/features/trial-session/comps/background-grid/background-grid-utils.ts"],"sourcesContent":["import { getTheme } from '../../../ui/theme/get-theme';\nimport { TrialPageId } from '../../trial-session-constants';\nimport type { TColoredBox } from './background-grid-types';\n\nconst theme = getTheme();\nconst {\n  BLACK_T_08,\n  WHITE_3,\n  WHITE_4,\n  WHITE_5,\n  GREEN_1,\n  GREEN_2,\n  ORANGE_1,\n  ORANGE_2,\n  BLUE_1,\n  BLUE_2,\n  BLUE_3,\n  PURPLE_1,\n  PURPLE_2,\n  YELLOW_1,\n  YELLOW_2,\n} = theme.colors;\n\nexport const getColoredBoxPosition = (slideId?: TrialPageId): TColoredBox[] | undefined => {\n  if (!slideId) return;\n\n  const positions: Partial<Record<TrialPageId, TColoredBox[]>> = {\n    [TrialPageId.SESSION_OVERVIEW]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 14, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 3, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 16, yAxis: 6, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.STUDENT_INFORMATION]: [\n      { xAxis: 3, yAxis: 1, bgColor: WHITE_3 },\n      { xAxis: 14, yAxis: 1, bgColor: BLACK_T_08 },\n      { xAxis: 1, yAxis: 7, bgColor: BLACK_T_08 },\n      { xAxis: 17, yAxis: 9, bgColor: WHITE_3 },\n    ],\n    [TrialPageId.LEARNING_LEVEL]: [\n      { xAxis: 3, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 6, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.STUDENT_LEVEL]: [\n      { xAxis: 2, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 6, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.SCHOOL_GOALS]: [\n      { xAxis: 2, yAxis: 1, bgColor: PURPLE_2 },\n      { xAxis: 16, yAxis: 0, bgColor: PURPLE_1 },\n      { xAxis: 0, yAxis: 8, bgColor: PURPLE_1 },\n      { xAxis: 17, yAxis: 10, bgColor: PURPLE_2 },\n    ],\n    [TrialPageId.TEST_PREP]: [\n      { xAxis: 3, yAxis: 0, bgColor: BLUE_1 },\n      { xAxis: 16, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 0, yAxis: 9, bgColor: BLUE_2 },\n      { xAxis: 18, yAxis: 8, bgColor: BLUE_1 },\n    ],\n    [TrialPageId.STUDENT_ENRICHMENT]: [\n      { xAxis: 0, yAxis: 1, bgColor: ORANGE_1 },\n      { xAxis: 14, yAxis: 1, bgColor: ORANGE_2 },\n      { xAxis: 3, yAxis: 11, bgColor: ORANGE_2 },\n      { xAxis: 12, yAxis: 12, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.STUDENT_PERSONALIZATION]: [\n      { xAxis: 1, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 14, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 0, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 12, yAxis: 12, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.TOPIC_SELECTION]: [\n      { xAxis: 1, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 13, yAxis: 2, bgColor: GREEN_2 },\n      { xAxis: 0, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 12, yAxis: 12, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.ADDITIONAL_INFO]: [\n      { xAxis: 2, yAxis: 1, bgColor: BLACK_T_08 },\n      { xAxis: 13, yAxis: 0, bgColor: WHITE_3 },\n      { xAxis: 2, yAxis: 12, bgColor: BLACK_T_08 },\n      { xAxis: 13, yAxis: 11, bgColor: WHITE_3 },\n    ],\n    [TrialPageId.STUDENT_PROFILE]: [\n      { xAxis: 3, yAxis: 1, bgColor: WHITE_3 },\n      { xAxis: 14, yAxis: 1, bgColor: BLACK_T_08 },\n      { xAxis: 1, yAxis: 7, bgColor: BLACK_T_08 },\n      { xAxis: 17, yAxis: 9, bgColor: WHITE_3 },\n    ],\n    [TrialPageId.PARENT_APP]: [\n      { xAxis: 1, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 14, yAxis: 0, bgColor: ORANGE_1 },\n      { xAxis: 1, yAxis: 10, bgColor: BLUE_3 },\n      { xAxis: 17, yAxis: 9, bgColor: YELLOW_1 },\n    ],\n    [TrialPageId.SESSION_PROGRESS_SUMMARY]: [\n      { xAxis: 1, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 13, yAxis: 0, bgColor: ORANGE_1 },\n      { xAxis: 3, yAxis: 13, bgColor: BLUE_3 },\n      { xAxis: 15, yAxis: 9, bgColor: YELLOW_1 },\n    ],\n    [TrialPageId.SESSION_SUMMARY]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 14, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 2, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 16, yAxis: 8, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.PRICING]: [\n      { xAxis: 2, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 2, bgColor: GREEN_1 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 8, bgColor: GREEN_2 },\n    ],\n    [TrialPageId.SESSION_INSIGHTS]: [\n      { xAxis: 1, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 1, yAxis: 9, bgColor: ORANGE_1 },\n      { xAxis: 17, yAxis: 8, bgColor: PURPLE_1 },\n    ],\n    [TrialPageId.SESSION_REPORT]: [\n      { xAxis: 1, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 1, yAxis: 9, bgColor: ORANGE_1 },\n      { xAxis: 17, yAxis: 8, bgColor: PURPLE_1 },\n    ],\n    [TrialPageId.CLASS_PREFERENCE]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 2, yAxis: 9, bgColor: YELLOW_1 },\n      { xAxis: 17, yAxis: 8, bgColor: YELLOW_1 },\n    ],\n    [TrialPageId.WELCOME_CUEMATH]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.TEACHER_INTRO]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.STUDENT_INTRO]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.COMPLETED_WORKSHEET]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.WELCOME_BACK]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.THANK_YOU]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n  };\n\n  return positions[slideId];\n};\n"],"names":["theme","getTheme","BLACK_T_08","WHITE_3","WHITE_4","WHITE_5","GREEN_1","GREEN_2","ORANGE_1","ORANGE_2","BLUE_1","BLUE_2","BLUE_3","PURPLE_1","PURPLE_2","YELLOW_1","YELLOW_2","getColoredBoxPosition","slideId","TrialPageId"],"mappings":"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"}

package/dist/features/trial-session/comps/class-preference/class-preference-styled.js

@@ -1,15 +1,8 @@
-import r from "styled-components";
-import o from "../../../ui/layout/flex-view.js";
-const e = r.div`
-  width: 100%;
-  height: 100%;
-`, n = r(o)`
-  width: 650px;
-  margin: auto;
-  position: relative;
-`, p = r.div(
+import o from "styled-components";
+import { RIGHT_PANEL_CONTENT_WIDTH as r } from "../../trial-session-constants.js";
+const i = o.div(
   ({ theme: t }) => `
-  width: 600px;
+  width: ${r - 150}px;
   height: ${t.layout.gutter * 2.25}px;
   position: absolute;
   top: -${t.layout.gutter * 1.25}px;
@@ -19,8 +12,6 @@ const e = r.div`
   `
 );
 export {
-  e as Container,
-  p as FixedLineSeparator,
-  n as PreferenceWrapper
+  i as FixedLineSeparator
 };
 //# sourceMappingURL=class-preference-styled.js.map

package/dist/features/trial-session/comps/class-preference/class-preference-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"class-preference-styled.js","sources":["../../../../../src/features/trial-session/comps/class-preference/class-preference-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst PreferenceWrapper = styled(FlexView)`\n  width: 650px;\n  margin: auto;\n  position: relative;\n`;\n\nconst FixedLineSeparator = styled.div(\n  ({ theme }) => `\n  width: 600px;\n  height: ${theme.layout.gutter * 2.25}px;\n  position: absolute;\n  top: -${theme.layout.gutter * 1.25}px;\n  background-image: none, linear-gradient(90deg, ${theme.colors.BLACK_1} 1px, transparent 1px);\n  background-size: ${theme.layout.gutter * 3.125}px ${theme.layout.gutter * 3.125}px;\n  transform: translateX(-${theme.layout.gutter * 1.625}px)\n  `,\n);\n\nexport { Container, PreferenceWrapper, FixedLineSeparator };\n"],"names":["Container","styled","PreferenceWrapper","FlexView","FixedLineSeparator","theme"],"mappings":";;AAIA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAoBD,EAAOE,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMnCC,IAAqBH,EAAO;AAAA,EAChC,CAAC,EAAE,OAAAI,EAAA,MAAY;AAAA;AAAA,YAELA,EAAM,OAAO,SAAS,IAAI;AAAA;AAAA,UAE5BA,EAAM,OAAO,SAAS,IAAI;AAAA,mDACeA,EAAM,OAAO,OAAO;AAAA,qBAClDA,EAAM,OAAO,SAAS,KAAK,MAAMA,EAAM,OAAO,SAAS,KAAK;AAAA,2BACtDA,EAAM,OAAO,SAAS,KAAK;AAAA;AAEtD;"}
+{"version":3,"file":"class-preference-styled.js","sources":["../../../../../src/features/trial-session/comps/class-preference/class-preference-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\n\nconst FixedLineSeparator = styled.div(\n  ({ theme }) => `\n  width: ${RIGHT_PANEL_CONTENT_WIDTH - 150}px;\n  height: ${theme.layout.gutter * 2.25}px;\n  position: absolute;\n  top: -${theme.layout.gutter * 1.25}px;\n  background-image: none, linear-gradient(90deg, ${theme.colors.BLACK_1} 1px, transparent 1px);\n  background-size: ${theme.layout.gutter * 3.125}px ${theme.layout.gutter * 3.125}px;\n  transform: translateX(-${theme.layout.gutter * 1.625}px)\n  `,\n);\n\nexport { FixedLineSeparator };\n"],"names":["FixedLineSeparator","styled","theme","RIGHT_PANEL_CONTENT_WIDTH"],"mappings":";;AAIA,MAAMA,IAAqBC,EAAO;AAAA,EAChC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA,WACNC,IAA4B,GAAG;AAAA,YAC9BD,EAAM,OAAO,SAAS,IAAI;AAAA;AAAA,UAE5BA,EAAM,OAAO,SAAS,IAAI;AAAA,mDACeA,EAAM,OAAO,OAAO;AAAA,qBAClDA,EAAM,OAAO,SAAS,KAAK,MAAMA,EAAM,OAAO,SAAS,KAAK;AAAA,2BACtDA,EAAM,OAAO,SAAS,KAAK;AAAA;AAEtD;"}