@cuemath/leap 3.0.7-hg1 → 3.0.7-hg2

package/dist/features/trial-session/comps/countdown-progress-bar/countdown-progress-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"countdown-progress-bar.js","sources":["../../../../../src/features/trial-session/comps/countdown-progress-bar/countdown-progress-bar.tsx"],"sourcesContent":["import type { ICountdownProgressBar } from './countdown-progress-bar-types';\n\nimport { memo } from 'react';\n\nimport * as Styled from './countdown-progress-bar-styled';\n\nconst CountdownProgressBar = ({\n  maxValue,\n  fillColor = 'ORANGE_4',\n  value,\n}: ICountdownProgressBar) => {\n  const progressWidth = (value / maxValue) * 100;\n\n  return (\n    <Styled.ProgressBarContainer $height={4} $background=\"BLACK_T_38\">\n      <Styled.Progress $background={fillColor} style={{ width: `${progressWidth}%` }} />\n    </Styled.ProgressBarContainer>\n  );\n};\n\nexport default memo(CountdownProgressBar);\n"],"names":["CountdownProgressBar","maxValue","fillColor","value","progressWidth","jsx","Styled.ProgressBarContainer","Styled.Progress","CountdownProgressBar$1","memo"],"mappings":";;;AAMA,MAAMA,IAAuB,CAAC;AAAA,EAC5B,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AACF,MAA6B;AACrB,QAAAC,IAAiBD,IAAQF,IAAY;AAGzC,SAAA,gBAAAI,EAACC,GAAA,EAA4B,SAAS,GAAG,aAAY,cACnD,UAAC,gBAAAD,EAAAE,GAAA,EAAgB,aAAaL,GAAW,OAAO,EAAE,OAAO,GAAGE,CAAa,IAAI,GAAG,EAClF,CAAA;AAEJ,GAEeI,IAAAC,EAAKT,CAAoB;"}

package/dist/features/trial-session/comps/cue-tips/cues/cues-styled.js

@@ -0,0 +1,19 @@
+import t from "styled-components";
+import e from "../../../../../assets/line-icons/icons/chat.js";
+import m from "../../../../ui/layout/flex-view.js";
+import n from "../../../../ui/text/text.js";
+import { getTheme as p } from "../../../../ui/theme/get-theme.js";
+const r = p(), { gutter: o } = r.layout, { WHITE: c } = r.colors, l = t(m)`
+  background-color: ${c};
+  padding: ${o}px ${o * 0.75}px;
+`, g = t(e)`
+  flex-shrink: 0;
+`, h = t(n)`
+  margin-top: ${o * 0.125}px;
+`;
+export {
+  g as ChatIcon,
+  l as CueContainer,
+  h as CueText
+};
+//# sourceMappingURL=cues-styled.js.map

package/dist/features/trial-session/comps/cue-tips/cues/cues-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cues-styled.js","sources":["../../../../../../src/features/trial-session/comps/cue-tips/cues/cues-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Chat from '../../../../../assets/line-icons/icons/chat';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { getTheme } from '../../../../ui/theme/get-theme';\n\nconst theme = getTheme();\nconst { gutter } = theme.layout;\nconst { WHITE } = theme.colors;\n\nconst CueContainer = styled(FlexView)`\n  background-color: ${WHITE};\n  padding: ${gutter}px ${gutter * 0.75}px;\n`;\n\nconst ChatIcon = styled(Chat)`\n  flex-shrink: 0;\n`;\n\nconst CueText = styled(Text)`\n  margin-top: ${gutter * 0.125}px;\n`;\n\nexport { CueContainer, ChatIcon, CueText };\n"],"names":["theme","getTheme","gutter","WHITE","CueContainer","styled","FlexView","ChatIcon","Chat","CueText","Text"],"mappings":";;;;;AAOA,MAAMA,IAAQC,EAAS,GACjB,EAAE,QAAAC,EAAO,IAAIF,EAAM,QACnB,EAAE,OAAAG,EAAM,IAAIH,EAAM,QAElBI,IAAeC,EAAOC,CAAQ;AAAA,sBACdH,CAAK;AAAA,aACdD,CAAM,MAAMA,IAAS,IAAI;AAAA,GAGhCK,IAAWF,EAAOG,CAAI;AAAA;AAAA,GAItBC,IAAUJ,EAAOK,CAAI;AAAA,gBACXR,IAAS,KAAK;AAAA;"}

package/dist/features/trial-session/comps/cue-tips/cues/index.js

@@ -0,0 +1,27 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import n from "../../../../ui/layout/flex-view.js";
+import i from "../../../../ui/separator/separator.js";
+import l from "../../../../ui/text/text.js";
+import { CueContainer as m, ChatIcon as a, CueText as f } from "./cues-styled.js";
+const $ = ({ cues: e }) => e && e.length > 0 ? /* @__PURE__ */ o(n, { children: [
+  /* @__PURE__ */ r(l, { $renderAs: "eyebrow2", $color: "REAL_BLACK_60", children: "CUES" }),
+  /* @__PURE__ */ r(i, { height: 8 }),
+  /* @__PURE__ */ r(m, { $flexDirection: "column", $flexGap: 8, children: e.map((t) => /* @__PURE__ */ o(
+    n,
+    {
+      $flexDirection: "row",
+      $justifyContent: "flex-start",
+      $alignItems: "start",
+      $flexGap: 8,
+      children: [
+        /* @__PURE__ */ r(a, {}),
+        /* @__PURE__ */ r(f, { $renderAs: "body2", children: t })
+      ]
+    },
+    t
+  )) })
+] }) : null;
+export {
+  $ as default
+};
+//# sourceMappingURL=index.js.map

package/dist/features/trial-session/comps/cue-tips/cues/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/features/trial-session/comps/cue-tips/cues/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './cues-styled';\n\nconst Cues: React.FC<{ cues: string[] }> = ({ cues }) => {\n  return cues && cues.length > 0 ? (\n    <FlexView>\n      <Text $renderAs=\"eyebrow2\" $color=\"REAL_BLACK_60\">\n        CUES\n      </Text>\n      <Separator height={8} />\n      <Styled.CueContainer $flexDirection=\"column\" $flexGap={8}>\n        {cues.map((cue: string) => {\n          return (\n            <FlexView\n              key={cue}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.ChatIcon />\n              <Styled.CueText $renderAs=\"body2\">{cue}</Styled.CueText>\n            </FlexView>\n          );\n        })}\n      </Styled.CueContainer>\n    </FlexView>\n  ) : null;\n};\n\nexport default Cues;\n"],"names":["Cues","cues","FlexView","jsx","Text","Separator","Styled.CueContainer","cue","jsxs","Styled.ChatIcon","Styled.CueText"],"mappings":";;;;;AAOA,MAAMA,IAAqC,CAAC,EAAE,MAAAC,QACrCA,KAAQA,EAAK,SAAS,sBAC1BC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,iBAAgB,UAElD,QAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,EACtB,gBAAAF,EAACG,GAAA,EAAoB,gBAAe,UAAS,UAAU,GACpD,UAAAL,EAAK,IAAI,CAACM,MAEP,gBAAAC;AAAA,IAACN;AAAA,IAAA;AAAA,MAEC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,UAAU;AAAA,MAEV,UAAA;AAAA,QAAC,gBAAAC,EAAAM,GAAA,EAAgB;AAAA,0BAChBC,GAAA,EAAe,WAAU,SAAS,UAAIH,GAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAPlCA;AAAA,EAAA,CAUV,GACH;AAAA,EACF,CAAA,IACE;"}

package/dist/features/trial-session/comps/cue-tips/tips/index.js

@@ -0,0 +1,43 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import i from "../../../../ui/layout/flex-view.js";
+import s from "../../../../ui/separator/separator.js";
+import a from "../../../../ui/text/text.js";
+import { TipContainer as c, CheckIcon as f, TipText as o, CrossIcon as p } from "./tips-styled.js";
+const u = ({ dos: n, donts: l }) => /* @__PURE__ */ t(i, { children: [
+  /* @__PURE__ */ r(a, { $renderAs: "eyebrow2", $color: "REAL_BLACK_60", children: "Tips" }),
+  /* @__PURE__ */ r(s, { height: 8 }),
+  /* @__PURE__ */ t(c, { $flexDirection: "column", $flexGap: 8, children: [
+    n.map((e) => /* @__PURE__ */ t(
+      i,
+      {
+        $flexDirection: "row",
+        $justifyContent: "flex-start",
+        $alignItems: "start",
+        $flexGap: 8,
+        children: [
+          /* @__PURE__ */ r(f, {}),
+          /* @__PURE__ */ r(o, { $renderAs: "body2", children: e })
+        ]
+      },
+      e
+    )),
+    l.map((e) => /* @__PURE__ */ t(
+      i,
+      {
+        $flexDirection: "row",
+        $justifyContent: "flex-start",
+        $alignItems: "start",
+        $flexGap: 8,
+        children: [
+          /* @__PURE__ */ r(p, {}),
+          /* @__PURE__ */ r(o, { $renderAs: "body2", children: e })
+        ]
+      },
+      e
+    ))
+  ] })
+] });
+export {
+  u as default
+};
+//# sourceMappingURL=index.js.map

package/dist/features/trial-session/comps/cue-tips/tips/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/features/trial-session/comps/cue-tips/tips/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './tips-styled';\n\nconst Tips: React.FC<{ dos: string[]; donts: string[] }> = ({ dos, donts }) => {\n  return (\n    <FlexView>\n      <Text $renderAs=\"eyebrow2\" $color=\"REAL_BLACK_60\">\n        Tips\n      </Text>\n      <Separator height={8} />\n      <Styled.TipContainer $flexDirection=\"column\" $flexGap={8}>\n        {dos.map(doText => {\n          return (\n            <FlexView\n              key={doText}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.CheckIcon />\n              <Styled.TipText $renderAs=\"body2\">{doText}</Styled.TipText>\n            </FlexView>\n          );\n        })}\n        {donts.map(dontText => {\n          return (\n            <FlexView\n              key={dontText}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.CrossIcon />\n              <Styled.TipText $renderAs=\"body2\">{dontText}</Styled.TipText>\n            </FlexView>\n          );\n        })}\n      </Styled.TipContainer>\n    </FlexView>\n  );\n};\n\nexport default Tips;\n"],"names":["Tips","dos","donts","FlexView","jsx","Text","Separator","Styled.TipContainer","doText","jsxs","Styled.CheckIcon","Styled.TipText","dontText","Styled.CrossIcon"],"mappings":";;;;;AAOA,MAAMA,IAAqD,CAAC,EAAE,KAAAC,GAAK,OAAAC,0BAE9DC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,iBAAgB,UAElD,QAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,oBACrBC,GAAA,EAAoB,gBAAe,UAAS,UAAU,GACpD,UAAA;AAAA,IAAAN,EAAI,IAAI,CAAUO,MAEf,gBAAAC;AAAA,MAACN;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAC,EAAAM,GAAA,EAAiB;AAAA,4BACjBC,GAAA,EAAe,WAAU,SAAS,UAAOH,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAPrCA;AAAA,IAAA,CAUV;AAAA,IACAN,EAAM,IAAI,CAAYU,MAEnB,gBAAAH;AAAA,MAACN;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAC,EAAAS,GAAA,EAAiB;AAAA,4BACjBF,GAAA,EAAe,WAAU,SAAS,UAASC,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAPvCA;AAAA,IAAA,CAUV;AAAA,EAAA,GACH;AACF,EAAA,CAAA;"}

package/dist/features/trial-session/comps/cue-tips/tips/tips-styled.js

@@ -0,0 +1,34 @@
+import t from "styled-components";
+import e from "../../../../../assets/line-icons/icons/check2.js";
+import n from "../../../../../assets/line-icons/icons/plus2.js";
+import p from "../../../../ui/layout/flex-view.js";
+import s from "../../../../ui/text/text.js";
+import { getTheme as i } from "../../../../ui/theme/get-theme.js";
+const r = i(), { gutter: o } = r.layout, { WHITE: m, GREEN_6: h, RED: l } = r.colors, I = t(p)`
+  background-color: ${m};
+  padding: ${o}px ${o * 0.75}px;
+`, c = `
+  flex-shrink: 0;
+  height: ${o * 1.5}px;
+  width: ${o * 1.5}px;
+`, T = t(e)`
+  ${c}
+  path {
+    fill: ${h};
+  }
+`, k = t(n)`
+  ${c}
+  rotate: calc(45deg);
+  path {
+    stroke: ${l};
+  }
+`, C = t(s)`
+  margin-top: ${o * 0.125}px;
+`;
+export {
+  T as CheckIcon,
+  k as CrossIcon,
+  I as TipContainer,
+  C as TipText
+};
+//# sourceMappingURL=tips-styled.js.map

package/dist/features/trial-session/comps/cue-tips/tips/tips-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tips-styled.js","sources":["../../../../../../src/features/trial-session/comps/cue-tips/tips/tips-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport Plus2Icon from '../../../../../assets/line-icons/icons/plus2';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { getTheme } from '../../../../ui/theme/get-theme';\n\nconst theme = getTheme();\nconst { gutter } = theme.layout;\nconst { WHITE, GREEN_6, RED } = theme.colors;\n\nconst TipContainer = styled(FlexView)`\n  background-color: ${WHITE};\n  padding: ${gutter}px ${gutter * 0.75}px;\n`;\n\nconst IconCss = `\n  flex-shrink: 0;\n  height: ${gutter * 1.5}px;\n  width: ${gutter * 1.5}px;\n`;\n\nconst CheckIcon = styled(Check2Icon)`\n  ${IconCss}\n  path {\n    fill: ${GREEN_6};\n  }\n`;\n\nconst CrossIcon = styled(Plus2Icon)`\n  ${IconCss}\n  rotate: calc(45deg);\n  path {\n    stroke: ${RED};\n  }\n`;\n\nconst TipText = styled(Text)`\n  margin-top: ${gutter * 0.125}px;\n`;\n\nexport { TipContainer, CheckIcon, CrossIcon, TipText };\n"],"names":["theme","getTheme","gutter","WHITE","GREEN_6","RED","TipContainer","styled","FlexView","IconCss","CheckIcon","Check2Icon","CrossIcon","Plus2Icon","TipText","Text"],"mappings":";;;;;;AAQA,MAAMA,IAAQC,EAAS,GACjB,EAAE,QAAAC,EAAO,IAAIF,EAAM,QACnB,EAAE,OAAAG,GAAO,SAAAC,GAAS,KAAAC,EAAA,IAAQL,EAAM,QAEhCM,IAAeC,EAAOC,CAAQ;AAAA,sBACdL,CAAK;AAAA,aACdD,CAAM,MAAMA,IAAS,IAAI;AAAA,GAGhCO,IAAU;AAAA;AAAA,YAEJP,IAAS,GAAG;AAAA,WACbA,IAAS,GAAG;AAAA,GAGjBQ,IAAYH,EAAOI,CAAU;AAAA,IAC/BF,CAAO;AAAA;AAAA,YAECL,CAAO;AAAA;AAAA,GAIbQ,IAAYL,EAAOM,CAAS;AAAA,IAC9BJ,CAAO;AAAA;AAAA;AAAA,cAGGJ,CAAG;AAAA;AAAA,GAIXS,IAAUP,EAAOQ,CAAI;AAAA,gBACXb,IAAS,KAAK;AAAA;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/learning-plan/index.tsx"],"sourcesContent":["import type { IChapterDataProps } from '../../../chapters/chapter/chapter-types';\n\nimport throttle from 'lodash.throttle';\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { useGetChapterData } from '../../../chapters/api/chapter';\nimport Chapter from '../../../chapters/chapter/chapter';\nimport MilestoneList from '../../../milestone/milestone-list-container/milestone-list-container';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport * as Styled from './learning-plan-styled';\nimport { useLearningPlanScrollSync } from './use-learning-plan-scroll-sync';\n\nconst LearningPlan: React.FC = () => {\n  const { trialHomeData, studentId, teacherId, formData, isTeacher, updateSlideConfig } =\n    useTrialSessionContext();\n  const {\n    demo_info: { student_classroom_id: studentClassroomId, stream },\n  } = trialHomeData || {};\n  const { name = '', chapterId } = formData || {};\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const scrollPointsRef = useRef<number[]>([]);\n  const isSendingScrollPointsRef = useRef(false);\n\n  const {\n    publishScrollEvents,\n    closeChannel,\n    scrollPoints: receivedScrollPoints,\n  } = useLearningPlanScrollSync(studentClassroomId);\n\n  const {\n    get: getChapterData,\n    data: chapterData,\n    isProcessing,\n    isProcessingFailed,\n    error,\n  } = useGetChapterData();\n\n  const fetchChapter = useCallback(() => {\n    if (chapterId && studentId) {\n      getChapterData(chapterId, undefined, {\n        studentId,\n      }).then(() => {\n        const scrollElement = containerRef.current;\n\n        scrollElement?.scrollTo({\n          top: 0,\n          behavior: 'smooth',\n        });\n      });\n    }\n  }, [getChapterData, studentId, chapterId]);\n\n  const handleOnChapterClick = useCallback(\n    (chapter: IChapterDataProps) => {\n      updateSlideConfig({\n        chapterId: chapter.id,\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleOnBackIconClick = useCallback(() => {\n    updateSlideConfig({\n      chapterId: undefined,\n    });\n  }, [updateSlideConfig]);\n\n  const sendScrollPoints = useCallback(() => {\n    if (scrollPointsRef.current.length === 0 || isSendingScrollPointsRef.current) return;\n\n    isSendingScrollPointsRef.current = true;\n\n    if (publishScrollEvents) {\n      publishScrollEvents({\n        eventName: 'TRIAL_SESSION_GOAL_PLAN_SCROLL',\n        eventPayload: {\n          scrollPoints: scrollPointsRef.current,\n        },\n      });\n    }\n\n    scrollPointsRef.current = [];\n    isSendingScrollPointsRef.current = false;\n  }, [publishScrollEvents]);\n\n  const throttleSend = useMemo(() => throttle(sendScrollPoints, 500), [sendScrollPoints]);\n\n  const handleScroll = useCallback(() => {\n    const scrollPoint = containerRef.current?.scrollTop || 0;\n\n    scrollPointsRef.current.push(scrollPoint);\n\n    throttleSend();\n  }, [throttleSend]);\n\n  useEffect(() => {\n    fetchChapter();\n  }, [fetchChapter]);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      if ((chapterData && isTeacher) || isTeacher) {\n        const scrollElement = containerRef.current;\n\n        scrollElement.addEventListener('scroll', handleScroll);\n\n        return () => {\n          if (scrollElement) {\n            scrollElement.removeEventListener('scroll', handleScroll);\n          }\n        };\n      }\n    }\n  }, [isTeacher, chapterData, handleScroll]);\n\n  useEffect(() => {\n    const scrollElement = containerRef.current;\n\n    if (\n      receivedScrollPoints &&\n      Array.isArray(receivedScrollPoints) &&\n      !isTeacher &&\n      scrollElement\n    ) {\n      const averageScroll = Math.floor(\n        receivedScrollPoints.reduce((a, b) => a + b, 0) / receivedScrollPoints.length,\n      );\n\n      scrollElement.scrollTo({\n        top: averageScroll,\n        behavior: 'smooth',\n      });\n    }\n  }, [receivedScrollPoints, isTeacher]);\n\n  useEffect(() => {\n    return () => {\n      closeChannel();\n    };\n  }, [closeChannel]);\n\n  if (isProcessing) {\n    return <AppLoader height=\"100%\" />;\n  }\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $height=\"100%\" $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n        <Text $renderAs=\"h6\">{error?.message || 'Oops! Something went wrong.'}</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={fetchChapter}\n        />\n      </FlexView>\n    );\n  }\n\n  return (\n    <Styled.Container ref={containerRef} $isScrollable={isTeacher}>\n      <Styled.Wrapper\n        $clickable={isTeacher}\n        $gutterX={2}\n        $isScrollable={isTeacher}\n        id=\"milestone-list-element-container\"\n      >\n        {chapterId && chapterData ? (\n          <>\n            <Styled.BackIconWrapper>\n              <Styled.BackIcon $clickable={isTeacher} onClick={handleOnBackIconClick} />\n            </Styled.BackIconWrapper>\n\n            <Styled.ChapterWrapper>\n              <Chapter\n                user_type={isTeacher ? 'TEACHER' : 'STUDENT'}\n                teacherId={teacherId}\n                {...chapterData}\n                loading={isProcessing}\n              />\n            </Styled.ChapterWrapper>\n          </>\n        ) : (\n          <MilestoneList\n            userType={isTeacher ? 'TEACHER' : 'STUDENT'}\n            studentName={name}\n            studentId={studentId}\n            studentClassroomId={studentClassroomId}\n            milestoneType=\"DRAFT\"\n            onChapterClick={handleOnChapterClick}\n            courseStream={stream}\n          />\n        )}\n      </Styled.Wrapper>\n    </Styled.Container>\n  );\n};\n\nexport default LearningPlan;\n"],"names":["LearningPlan","trialHomeData","studentId","teacherId","formData","isTeacher","updateSlideConfig","useTrialSessionContext","studentClassroomId","stream","name","chapterId","containerRef","useRef","scrollPointsRef","isSendingScrollPointsRef","publishScrollEvents","closeChannel","receivedScrollPoints","useLearningPlanScrollSync","getChapterData","chapterData","isProcessing","isProcessingFailed","error","useGetChapterData","fetchChapter","useCallback","scrollElement","handleOnChapterClick","chapter","handleOnBackIconClick","sendScrollPoints","throttleSend","useMemo","throttle","handleScroll","scrollPoint","_a","useEffect","averageScroll","a","b","jsx","AppLoader","jsxs","FlexView","Text","Button","Styled.Container","Styled.Wrapper","Fragment","Styled.BackIconWrapper","Styled.BackIcon","Styled.ChapterWrapper","Chapter","MilestoneList"],"mappings":"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"}

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

@@ -0,0 +1,56 @@
+import o from "styled-components";
+import p from "../../../../assets/line-icons/icons/back2.js";
+import n from "../../../ui/layout/flex-view.js";
+const c = o.div(({ $isScrollable: t }) => `
+    overflow-y: auto;
+    pointer-events: ${t ? "auto" : "none"};
+  `), l = o(n)(({ $clickable: t, $isScrollable: e }) => `
+    & > * {
+      pointer-events: ${e ? "auto" : "none"};
+    }
+    
+    cursor: not-allowed;
+
+    ${t && `
+      & .goal-widget-chapter-item {
+        pointer-events: auto;
+      }
+    `}
+
+  `);
+o(n)`
+  position: relative;
+  overflow: auto;
+`;
+const u = o(n)`
+  & > * {
+    pointer-events: none;
+  }
+
+  cursor: not-allowed;
+`, d = o.div`
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 1;
+  padding: 16px;
+  height: 100%;
+`, v = o(p)(({ theme: t, $clickable: e }) => {
+  const { gutter: r } = t.layout;
+  return `
+    position: sticky;
+    top: 16px;
+    left: 24px;
+    width: ${r * 2.5}px;
+    height: ${r * 2.5}px;
+    cursor: ${e ? "pointer" : "not-allowed"};
+  `;
+});
+export {
+  v as BackIcon,
+  d as BackIconWrapper,
+  u as ChapterWrapper,
+  c as Container,
+  l as Wrapper
+};
+//# sourceMappingURL=learning-plan-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"learning-plan-styled.js","sources":["../../../../../src/features/trial-session/comps/learning-plan/learning-plan-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Back2Icon from '../../../../assets/line-icons/icons/back2';\nimport FlexView from '../../../ui/layout/flex-view';\n\ninterface IStyledContainer {\n  $isScrollable?: boolean;\n}\n\nconst Container = styled.div<IStyledContainer>(({ $isScrollable }) => {\n  return `\n    overflow-y: auto;\n    pointer-events: ${$isScrollable ? 'auto' : 'none'};\n  `;\n});\n\ninterface IWrapper {\n  $clickable: boolean;\n  $isScrollable?: boolean;\n}\n\nconst Wrapper = styled(FlexView)<IWrapper>(({ $clickable, $isScrollable }) => {\n  return `\n    & > * {\n      pointer-events: ${$isScrollable ? 'auto' : 'none'};\n    }\n    \n    cursor: not-allowed;\n\n    ${\n      $clickable &&\n      `\n      & .goal-widget-chapter-item {\n        pointer-events: auto;\n      }\n    `\n    }\n\n  `;\n});\n\nconst ChapterContainer = styled(FlexView)`\n  position: relative;\n  overflow: auto;\n`;\n\nconst ChapterWrapper = styled(FlexView)`\n  & > * {\n    pointer-events: none;\n  }\n\n  cursor: not-allowed;\n`;\n\nconst BackIconWrapper = styled.div`\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 1;\n  padding: 16px;\n  height: 100%;\n`;\n\nconst BackIcon = styled(Back2Icon)<IWrapper>(({ theme, $clickable }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    position: sticky;\n    top: 16px;\n    left: 24px;\n    width: ${gutter * 2.5}px;\n    height: ${gutter * 2.5}px;\n    cursor: ${$clickable ? 'pointer' : 'not-allowed'};\n  `;\n});\n\nexport { Container, Wrapper, BackIconWrapper, BackIcon, ChapterContainer, ChapterWrapper };\n"],"names":["Container","styled","$isScrollable","Wrapper","FlexView","$clickable","ChapterWrapper","BackIconWrapper","BackIcon","Back2Icon","theme","gutter"],"mappings":";;;AASA,MAAMA,IAAYC,EAAO,IAAsB,CAAC,EAAE,eAAAC,QACzC;AAAA;AAAA,sBAEaA,IAAgB,SAAS,MAAM;AAAA,GAEpD,GAOKC,IAAUF,EAAOG,CAAQ,EAAY,CAAC,EAAE,YAAAC,GAAY,eAAAH,QACjD;AAAA;AAAA,wBAEeA,IAAgB,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,MAMjDG,KACA;AAAA;AAAA;AAAA;AAAA,KAKF;AAAA;AAAA,GAGH;AAEwBJ,EAAOG,CAAQ;AAAA;AAAA;AAAA;AAKlC,MAAAE,IAAiBL,EAAOG,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhCG,IAAkBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASzBO,IAAWP,EAAOQ,CAAS,EAAY,CAAC,EAAE,OAAAC,GAAO,YAAAL,QAAiB;AAChE,QAAA,EAAE,QAAAM,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA;AAAA,aAIIC,IAAS,GAAG;AAAA,cACXA,IAAS,GAAG;AAAA,cACZN,IAAa,YAAY,aAAa;AAAA;AAEpD,CAAC;"}

package/dist/features/trial-session/comps/learning-plan/use-learning-plan-scroll-sync.js

@@ -0,0 +1,37 @@
+import { useMessageBrokerChannel as S } from "@cuemath/cue-message-broker";
+import { useState as P, useMemo as g, useCallback as o, useEffect as y } from "react";
+const v = (t) => {
+  const [l, c] = P(), s = `trial-session-goal-plan-${t}`, a = g(
+    () => ({
+      channelId: s,
+      /**
+       * * 1 -> Message expires after 1 min
+       * * 0 -> Message never expires
+       */
+      ttl: 1
+    }),
+    [s]
+  ), r = o((h) => {
+    h.forEach((p) => {
+      const { payload: d } = p.message, { eventPayload: f } = d, { scrollPoints: m } = f || {};
+      c(m);
+    });
+  }, []), { publish: i, channelStatus: e, channel: n } = S({
+    channelOptions: a,
+    consumerFn: r
+  }), u = o(() => {
+    n && n.destroyChannel();
+  }, [n]);
+  return y(() => {
+    !e && n && n.init();
+  }, [n, e]), {
+    publishScrollEvents: i,
+    channelStatus: e,
+    closeChannel: u,
+    scrollPoints: l
+  };
+};
+export {
+  v as useLearningPlanScrollSync
+};
+//# sourceMappingURL=use-learning-plan-scroll-sync.js.map

package/dist/features/trial-session/comps/learning-plan/use-learning-plan-scroll-sync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-learning-plan-scroll-sync.js","sources":["../../../../../src/features/trial-session/comps/learning-plan/use-learning-plan-scroll-sync.ts"],"sourcesContent":["import type { IChannelMessage } from '@cuemath/cue-message-broker';\n\nimport { useMessageBrokerChannel } from '@cuemath/cue-message-broker';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\ninterface IMessage {\n  eventName: string;\n  eventPayload: {\n    scrollPoints: number[];\n  };\n}\n\nconst useLearningPlanScrollSync = (studentClassroomId: string) => {\n  const [scrollPoints, setScrollPoints] = useState<number[]>();\n  const channelId = `trial-session-goal-plan-${studentClassroomId}`;\n\n  const channelOptions = useMemo(\n    () => ({\n      channelId,\n      /**\n       * * 1 -> Message expires after 1 min\n       * * 0 -> Message never expires\n       */\n      ttl: 1,\n    }),\n    [channelId],\n  );\n\n  const handleOnMessageReceive = useCallback((messages: Array<IChannelMessage>) => {\n    messages.forEach(message => {\n      const { payload } = message.message;\n      const { eventPayload } = payload as IMessage;\n      const { scrollPoints: updatedScrollPoint } = eventPayload || {};\n\n      setScrollPoints(updatedScrollPoint);\n    });\n  }, []);\n\n  const { publish, channelStatus, channel } = useMessageBrokerChannel({\n    channelOptions: channelOptions,\n    consumerFn: handleOnMessageReceive,\n  });\n\n  const closeChannel = useCallback(() => {\n    if (channel) channel.destroyChannel();\n  }, [channel]);\n\n  useEffect(() => {\n    if (!channelStatus && channel) {\n      channel.init();\n    }\n  }, [channel, channelStatus]);\n\n  return {\n    publishScrollEvents: publish,\n    channelStatus,\n    closeChannel,\n    scrollPoints,\n  };\n};\n\nexport { useLearningPlanScrollSync };\n"],"names":["useLearningPlanScrollSync","studentClassroomId","scrollPoints","setScrollPoints","useState","channelId","channelOptions","useMemo","handleOnMessageReceive","useCallback","messages","message","payload","eventPayload","updatedScrollPoint","publish","channelStatus","channel","useMessageBrokerChannel","closeChannel","useEffect"],"mappings":";;AAYM,MAAAA,IAA4B,CAACC,MAA+B;AAChE,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAmB,GACrDC,IAAY,2BAA2BJ,CAAkB,IAEzDK,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,WAAAF;AAAA;AAAA;AAAA;AAAA;AAAA,MAKA,KAAK;AAAA,IAAA;AAAA,IAEP,CAACA,CAAS;AAAA,EAAA,GAGNG,IAAyBC,EAAY,CAACC,MAAqC;AAC/E,IAAAA,EAAS,QAAQ,CAAWC,MAAA;AACpB,YAAA,EAAE,SAAAC,EAAQ,IAAID,EAAQ,SACtB,EAAE,cAAAE,EAAiB,IAAAD,GACnB,EAAE,cAAcE,MAAuBD,KAAgB,CAAA;AAE7D,MAAAV,EAAgBW,CAAkB;AAAA,IAAA,CACnC;AAAA,EACH,GAAG,CAAE,CAAA,GAEC,EAAE,SAAAC,GAAS,eAAAC,GAAe,SAAAC,EAAA,IAAYC,EAAwB;AAAA,IAClE,gBAAAZ;AAAA,IACA,YAAYE;AAAA,EAAA,CACb,GAEKW,IAAeV,EAAY,MAAM;AACjC,IAAAQ,OAAiB;EAAe,GACnC,CAACA,CAAO,CAAC;AAEZ,SAAAG,EAAU,MAAM;AACV,IAAA,CAACJ,KAAiBC,KACpBA,EAAQ,KAAK;AAAA,EACf,GACC,CAACA,GAASD,CAAa,CAAC,GAEpB;AAAA,IACL,qBAAqBD;AAAA,IACrB,eAAAC;AAAA,IACA,cAAAG;AAAA,IACA,cAAAjB;AAAA,EAAA;AAEJ;"}

package/dist/features/trial-session/comps/learning-session/learning-session-constants.js

@@ -0,0 +1,50 @@
+import { ILLUSTRATIONS as o } from "../../../../assets/illustrations/illustrations.js";
+const e = [
+  o.CHAPTER_1,
+  o.CHAPTER_2,
+  o.CHAPTER_3,
+  o.CHAPTER_4,
+  o.CHAPTER_5,
+  o.CHAPTER_6,
+  o.CHAPTER_7,
+  o.CHAPTER_8,
+  o.CHAPTER_9,
+  o.CHAPTER_10,
+  o.CHAPTER_1
+], i = [
+  {
+    title: `Strategy
+Games`,
+    image: o.GAME_PLAY,
+    backgroundColor: "PURPLE_1",
+    position: {
+      top: 5,
+      left: 250
+    }
+  },
+  {
+    title: `Logic
+Puzzles`,
+    image: o.PUZZLE,
+    backgroundColor: "YELLOW_1",
+    position: {
+      top: 230,
+      left: 5
+    }
+  },
+  {
+    title: `MentaL
+Math`,
+    image: o.MENTAL_MATH,
+    backgroundColor: "ORANGE_1",
+    position: {
+      top: 335,
+      left: 405
+    }
+  }
+];
+export {
+  e as learningSessionImages,
+  i as sessionPerks
+};
+//# sourceMappingURL=learning-session-constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"learning-session-constants.js","sources":["../../../../../src/features/trial-session/comps/learning-session/learning-session-constants.ts"],"sourcesContent":["import type { TSessionPerks } from './learning-session-types';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\n\nexport const learningSessionImages = [\n  ILLUSTRATIONS.CHAPTER_1,\n  ILLUSTRATIONS.CHAPTER_2,\n  ILLUSTRATIONS.CHAPTER_3,\n  ILLUSTRATIONS.CHAPTER_4,\n  ILLUSTRATIONS.CHAPTER_5,\n  ILLUSTRATIONS.CHAPTER_6,\n  ILLUSTRATIONS.CHAPTER_7,\n  ILLUSTRATIONS.CHAPTER_8,\n  ILLUSTRATIONS.CHAPTER_9,\n  ILLUSTRATIONS.CHAPTER_10,\n  ILLUSTRATIONS.CHAPTER_1,\n];\n\nexport const sessionPerks: TSessionPerks = [\n  {\n    title: 'Strategy\\nGames',\n    image: ILLUSTRATIONS.GAME_PLAY,\n    backgroundColor: 'PURPLE_1',\n    position: {\n      top: 5,\n      left: 250,\n    },\n  },\n  {\n    title: 'Logic\\nPuzzles',\n    image: ILLUSTRATIONS.PUZZLE,\n    backgroundColor: 'YELLOW_1',\n    position: {\n      top: 230,\n      left: 5,\n    },\n  },\n  {\n    title: 'MentaL\\nMath',\n    image: ILLUSTRATIONS.MENTAL_MATH,\n    backgroundColor: 'ORANGE_1',\n    position: {\n      top: 335,\n      left: 405,\n    },\n  },\n];\n"],"names":["learningSessionImages","ILLUSTRATIONS","sessionPerks"],"mappings":";AAIO,MAAMA,IAAwB;AAAA,EACnCC,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAChB,GAEaC,IAA8B;AAAA,EACzC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,OAAOD,EAAc;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA,MACR,KAAK;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,OAAOA,EAAc;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA,MACR,KAAK;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,OAAOA,EAAc;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA,MACR,KAAK;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AACF;"}

package/dist/features/trial-session/comps/learning-session/learning-session-styled.js

@@ -0,0 +1,63 @@
+import t from "styled-components";
+import a from "../../../../assets/line-icons/icons/tick.js";
+import i from "../../../ui/layout/flex-view.js";
+import n from "../../../ui/text/text.js";
+const d = t.div`
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+`, h = t(i)`
+  position: relative;
+`, f = t(n)`
+  position: absolute;
+  bottom: 20px;
+`, u = t(i)`
+  position: relative;
+  overflow: hidden;
+`, g = t.div(
+  ({ $offset: o, $transitionEnabled: e }) => `
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: auto;
+  transition: ${e ? "transform 0.5s ease-in-out" : "none"};
+  transform: translateX(${o * 100}%);
+`
+), v = t(a)(
+  ({ $top: o, $right: e }) => `
+    position: absolute;
+    top: ${o || 0}px;
+    right: ${e || 0}px;
+    z-index: 1;
+  `
+), $ = t(i)(({ $position: o }) => {
+  const { top: e, bottom: r, left: p, right: s } = o || {};
+  return `
+    position: absolute;
+    z-index: 2;
+    top: ${e || 0}px;
+    bottom: ${r || 0}px;
+    left: ${p || 0}px;
+    right: ${s || 0}px;
+  `;
+}), b = t.div`
+  position: relative;
+`, w = t(n)(
+  ({ theme: o }) => `
+  white-space: pre-wrap;
+  margin-top: -${o.layout.gutter * 0.25}px;
+`
+);
+export {
+  d as Container,
+  h as FlexRelative,
+  $ as FloatingElement,
+  v as GreenTick,
+  b as ImageWrapper,
+  f as MathText,
+  u as Slider,
+  g as SliderContent,
+  w as TextElement
+};
+//# sourceMappingURL=learning-session-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"learning-session-styled.js","sources":["../../../../../src/features/trial-session/comps/learning-session/learning-session-styled.tsx"],"sourcesContent":["import type { TFloatingElement, TGreenTick, TSliderContent } from './learning-session-types';\n\nimport styled from 'styled-components';\n\nimport TickIcon from '../../../../assets/line-icons/icons/tick';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nconst FlexRelative = styled(FlexView)`\n  position: relative;\n`;\n\nconst MathText = styled(Text)`\n  position: absolute;\n  bottom: 20px;\n`;\n\nconst Slider = styled(FlexView)`\n  position: relative;\n  overflow: hidden;\n`;\n\nconst SliderContent = styled.div<TSliderContent>(\n  ({ $offset, $transitionEnabled }) => `\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: auto;\n  transition: ${$transitionEnabled ? 'transform 0.5s ease-in-out' : 'none'};\n  transform: translateX(${$offset * 100}%);\n`,\n);\n\nconst GreenTick = styled(TickIcon)<TGreenTick>(\n  ({ $top, $right }) => `\n    position: absolute;\n    top: ${$top || 0}px;\n    right: ${$right || 0}px;\n    z-index: 1;\n  `,\n);\n\nconst FloatingElement = styled(FlexView)<TFloatingElement>(({ $position }) => {\n  const { top, bottom, left, right } = $position || {};\n\n  return `\n    position: absolute;\n    z-index: 2;\n    top: ${top || 0}px;\n    bottom: ${bottom || 0}px;\n    left: ${left || 0}px;\n    right: ${right || 0}px;\n  `;\n});\n\nconst ImageWrapper = styled.div`\n  position: relative;\n`;\n\nconst TextElement = styled(Text)(\n  ({ theme }) => `\n  white-space: pre-wrap;\n  margin-top: -${theme.layout.gutter * 0.25}px;\n`,\n);\n\nexport {\n  Container,\n  FlexRelative,\n  MathText,\n  Slider,\n  SliderContent,\n  GreenTick,\n  FloatingElement,\n  ImageWrapper,\n  TextElement,\n};\n"],"names":["Container","styled","FlexRelative","FlexView","MathText","Text","Slider","SliderContent","$offset","$transitionEnabled","GreenTick","TickIcon","$top","$right","FloatingElement","$position","top","bottom","left","right","ImageWrapper","TextElement","theme"],"mappings":";;;;AAQA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAeD,EAAOE,CAAQ;AAAA;AAAA,GAI9BC,IAAWH,EAAOI,CAAI;AAAA;AAAA;AAAA,GAKtBC,IAASL,EAAOE,CAAQ;AAAA;AAAA;AAAA,GAKxBI,IAAgBN,EAAO;AAAA,EAC3B,CAAC,EAAE,SAAAO,GAAS,oBAAAC,EAAA,MAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMvBA,IAAqB,+BAA+B,MAAM;AAAA,0BAChDD,IAAU,GAAG;AAAA;AAEvC,GAEME,IAAYT,EAAOU,CAAQ;AAAA,EAC/B,CAAC,EAAE,MAAAC,GAAM,QAAAC,EAAA,MAAa;AAAA;AAAA,WAEbD,KAAQ,CAAC;AAAA,aACPC,KAAU,CAAC;AAAA;AAAA;AAGxB,GAEMC,IAAkBb,EAAOE,CAAQ,EAAoB,CAAC,EAAE,WAAAY,QAAgB;AAC5E,QAAM,EAAE,KAAAC,GAAK,QAAAC,GAAQ,MAAAC,GAAM,OAAAC,EAAM,IAAIJ,KAAa;AAE3C,SAAA;AAAA;AAAA;AAAA,WAGEC,KAAO,CAAC;AAAA,cACLC,KAAU,CAAC;AAAA,YACbC,KAAQ,CAAC;AAAA,aACRC,KAAS,CAAC;AAAA;AAEvB,CAAC,GAEKC,IAAenB,EAAO;AAAA;AAAA,GAItBoB,IAAcpB,EAAOI,CAAI;AAAA,EAC7B,CAAC,EAAE,OAAAiB,EAAA,MAAY;AAAA;AAAA,iBAEAA,EAAM,OAAO,SAAS,IAAI;AAAA;AAE3C;"}