@cuemath/leap 3.3.36-m → 3.3.36

package/dist/features/stickers/sticker-selector/hooks/use-handle-sticker-send.js

@@ -1,32 +1,32 @@
-import { useState as r, useCallback as c } from "react";
-import n from "../../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker.js";
-const p = (l, e) => {
-  const { publish: a } = n({
-    studentClassroomId: l
-  }), [o, d] = r(null);
-  return { sendSticker: c(
-    (t, m) => {
-      const s = {
+import { useCallback as r } from "react";
+import d from "../../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker.js";
+const n = (m, e) => {
+  const { publish: a } = d({
+    studentClassroomId: m
+  });
+  return r(
+    (s, o) => {
+      const t = {
         message: {
           data: {
             selectedSticker: {
-              id: t.id,
-              name: t.name
+              id: s.id,
+              name: s.name
             },
-            effectId: m
+            effectId: o
           }
         },
         type: "STICKERS"
       };
-      d(s), a == null || a({
+      a == null || a({
         eventName: "STICKERS",
-        eventPayload: s
-      }), e == null || e(s);
+        eventPayload: t
+      }), e == null || e(t);
     },
     [e, a]
-  ), lastPayload: o };
+  );
 };
 export {
-  p as useHandleStickerSend
+  n as useHandleStickerSend
 };
 //# sourceMappingURL=use-handle-sticker-send.js.map

package/dist/features/stickers/sticker-selector/hooks/use-handle-sticker-send.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-handle-sticker-send.js","sources":["../../../../../src/features/stickers/sticker-selector/hooks/use-handle-sticker-send.tsx"],"sourcesContent":["import type {\n  IStickerData,\n  TStickerAnimationEffects,\n  TStickersPayload,\n} from '../../stickers-types';\n\nimport { useState, useCallback } from 'react';\n\nimport useInClassMessageBroker from '../../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker';\n\nexport const useHandleStickerSend = (\n  studentClassroomId: string,\n  onStickerSend?: (payload: TStickersPayload) => void,\n) => {\n  const { publish } = useInClassMessageBroker({\n    studentClassroomId,\n  });\n\n  const [lastPayload, setLastPayload] = useState<TStickersPayload | null>(null);\n\n  const sendSticker = useCallback(\n    (sticker: IStickerData, effect: TStickerAnimationEffects) => {\n      const payload: TStickersPayload = {\n        message: {\n          data: {\n            selectedSticker: {\n              id: sticker.id,\n              name: sticker.name,\n            },\n            effectId: effect,\n          },\n        },\n        type: 'STICKERS',\n      };\n\n      setLastPayload(payload);\n\n      publish?.({\n        eventName: 'STICKERS',\n        eventPayload: payload,\n      });\n\n      onStickerSend?.(payload);\n    },\n    [onStickerSend, publish],\n  );\n\n  return { sendSticker, lastPayload };\n};\n"],"names":["useHandleStickerSend","studentClassroomId","onStickerSend","publish","useInClassMessageBroker","lastPayload","setLastPayload","useState","useCallback","sticker","effect","payload"],"mappings":";;AAUa,MAAAA,IAAuB,CAClCC,GACAC,MACG;AACG,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAwB;AAAA,IAC1C,oBAAAH;AAAA,EAAA,CACD,GAEK,CAACI,GAAaC,CAAc,IAAIC,EAAkC,IAAI;AA6BrE,SAAA,EAAE,aA3BWC;AAAA,IAClB,CAACC,GAAuBC,MAAqC;AAC3D,YAAMC,IAA4B;AAAA,QAChC,SAAS;AAAA,UACP,MAAM;AAAA,YACJ,iBAAiB;AAAA,cACf,IAAIF,EAAQ;AAAA,cACZ,MAAMA,EAAQ;AAAA,YAChB;AAAA,YACA,UAAUC;AAAA,UACZ;AAAA,QACF;AAAA,QACA,MAAM;AAAA,MAAA;AAGR,MAAAJ,EAAeK,CAAO,GAEZR,KAAA,QAAAA,EAAA;AAAA,QACR,WAAW;AAAA,QACX,cAAcQ;AAAA,MAAA,IAGhBT,KAAA,QAAAA,EAAgBS;AAAA,IAClB;AAAA,IACA,CAACT,GAAeC,CAAO;AAAA,EAAA,GAGH,aAAAE;AACxB;"}
+{"version":3,"file":"use-handle-sticker-send.js","sources":["../../../../../src/features/stickers/sticker-selector/hooks/use-handle-sticker-send.tsx"],"sourcesContent":["import type {\n  IStickerData,\n  TStickerAnimationEffects,\n  TStickersPayload,\n} from '../../stickers-types';\n\nimport { useCallback } from 'react';\n\nimport useInClassMessageBroker from '../../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker';\n\nexport const useHandleStickerSend = (\n  studentClassroomId: string,\n  onStickerSend?: (payload: TStickersPayload) => void,\n) => {\n  const { publish } = useInClassMessageBroker({\n    studentClassroomId,\n  });\n\n  const sendSticker = useCallback(\n    (sticker: IStickerData, effect: TStickerAnimationEffects) => {\n      const payload: TStickersPayload = {\n        message: {\n          data: {\n            selectedSticker: {\n              id: sticker.id,\n              name: sticker.name,\n            },\n            effectId: effect,\n          },\n        },\n        type: 'STICKERS',\n      };\n\n      publish?.({\n        eventName: 'STICKERS',\n        eventPayload: payload,\n      });\n\n      onStickerSend?.(payload);\n    },\n    [onStickerSend, publish],\n  );\n\n  return sendSticker;\n};\n"],"names":["useHandleStickerSend","studentClassroomId","onStickerSend","publish","useInClassMessageBroker","useCallback","sticker","effect","payload"],"mappings":";;AAUa,MAAAA,IAAuB,CAClCC,GACAC,MACG;AACG,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAwB;AAAA,IAC1C,oBAAAH;AAAA,EAAA,CACD;AA2BM,SAzBaI;AAAA,IAClB,CAACC,GAAuBC,MAAqC;AAC3D,YAAMC,IAA4B;AAAA,QAChC,SAAS;AAAA,UACP,MAAM;AAAA,YACJ,iBAAiB;AAAA,cACf,IAAIF,EAAQ;AAAA,cACZ,MAAMA,EAAQ;AAAA,YAChB;AAAA,YACA,UAAUC;AAAA,UACZ;AAAA,QACF;AAAA,QACA,MAAM;AAAA,MAAA;AAGE,MAAAJ,KAAA,QAAAA,EAAA;AAAA,QACR,WAAW;AAAA,QACX,cAAcK;AAAA,MAAA,IAGhBN,KAAA,QAAAA,EAAgBM;AAAA,IAClB;AAAA,IACA,CAACN,GAAeC,CAAO;AAAA,EAAA;AAI3B;"}

package/dist/features/stickers/stickers-effects/stickers-effects.js.map

@@ -1 +1 @@
-{"version":3,"file":"stickers-effects.js","sources":["../../../../src/features/stickers/stickers-effects/stickers-effects.tsx"],"sourcesContent":["import type { StickersEffectProps, TStickerAnimationData } from './stickers-effects-types';\n\nimport React, { memo, useEffect, useState } from 'react';\n\nimport StickerWithFallback from './comps/sticker-with-fallback';\nimport { EFFECTS_MAP } from './constants';\nimport { generateStickerData } from './stickers-effects-helper';\nimport * as Styled from './stickers-effects-styled';\n\nconst StickersEffect: React.FC<StickersEffectProps> = ({\n  stickerId,\n  effectType,\n  duration = 3500,\n  onClose,\n}) => {\n  const [stickersData, setStickersData] = useState<ReturnType<typeof generateStickerData>>([]);\n\n  const effectConfig = EFFECTS_MAP[effectType];\n\n  useEffect(() => {\n    if (!onClose) return;\n\n    const timeout = setTimeout(onClose, duration);\n\n    return () => clearTimeout(timeout);\n  }, [onClose, duration]);\n\n  useEffect(() => {\n    const stickerData = generateStickerData({\n      count: effectConfig.count,\n      effect: effectConfig.effect,\n      stickerId,\n      minSize: 48,\n      maxSize: 72,\n    });\n\n    setStickersData(stickerData);\n\n    const timeout = setTimeout(() => setStickersData([]), effectConfig.duration);\n\n    return () => clearTimeout(timeout);\n  }, [effectConfig, stickerId]);\n\n  if (stickersData.length === 0) return null;\n\n  return (\n    <Styled.StickersWrapper $alignItems=\"top\" $justifyContent=\"center\" $inherit>\n      <Styled.Container>\n        {stickersData.map((data: TStickerAnimationData, i) => {\n          const { id, sticker, lottie, x, y, size, fromX, fromY } = data;\n\n          return (\n            <Styled.Sticker\n              key={`${id}-${i}`}\n              effect={effectConfig.effect}\n              duration={effectConfig.duration}\n              delay={500}\n              fromX={fromX}\n              fromY={fromY}\n              x={x}\n              y={y}\n              size={size}\n            >\n              <StickerWithFallback url={lottie} sticker={sticker} size={size} />\n            </Styled.Sticker>\n          );\n        })}\n      </Styled.Container>\n    </Styled.StickersWrapper>\n  );\n};\n\nexport default memo(StickersEffect);\n"],"names":["StickersEffect","stickerId","effectType","duration","onClose","stickersData","setStickersData","useState","effectConfig","EFFECTS_MAP","useEffect","timeout","stickerData","generateStickerData","Styled.StickersWrapper","jsx","Styled.Container","data","i","id","sticker","lottie","x","y","size","fromX","fromY","Styled.Sticker","StickerWithFallback","StickersEffect$1","memo"],"mappings":";;;;;;AASA,MAAMA,IAAgD,CAAC;AAAA,EACrD,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,SAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAiD,CAAE,CAAA,GAErFC,IAAeC,EAAYP,CAAU;AA0BvC,SAxBJQ,EAAU,MAAM;AACd,QAAI,CAACN,EAAS;AAER,UAAAO,IAAU,WAAWP,GAASD,CAAQ;AAErC,WAAA,MAAM,aAAaQ,CAAO;AAAA,EAAA,GAChC,CAACP,GAASD,CAAQ,CAAC,GAEtBO,EAAU,MAAM;AACd,UAAME,IAAcC,EAAoB;AAAA,MACtC,OAAOL,EAAa;AAAA,MACpB,QAAQA,EAAa;AAAA,MACrB,WAAAP;AAAA,MACA,SAAS;AAAA,MACT,SAAS;AAAA,IAAA,CACV;AAED,IAAAK,EAAgBM,CAAW;AAErB,UAAAD,IAAU,WAAW,MAAML,EAAgB,CAAA,CAAE,GAAGE,EAAa,QAAQ;AAEpE,WAAA,MAAM,aAAaG,CAAO;AAAA,EAAA,GAChC,CAACH,GAAcP,CAAS,CAAC,GAExBI,EAAa,WAAW,IAAU,yBAGnCS,GAAA,EAAuB,aAAY,OAAM,iBAAgB,UAAS,UAAQ,IACzE,UAAA,gBAAAC,EAACC,GAAA,EACE,YAAa,IAAI,CAACC,GAA6BC,MAAM;AAC9C,UAAA,EAAE,IAAAC,GAAI,SAAAC,GAAS,QAAAC,GAAQ,GAAAC,GAAG,GAAAC,GAAG,MAAAC,GAAM,OAAAC,GAAO,OAAAC,EAAU,IAAAT;AAGxD,WAAA,gBAAAF;AAAA,MAACY;AAAAA,MAAA;AAAA,QAEC,QAAQnB,EAAa;AAAA,QACrB,UAAUA,EAAa;AAAA,QACvB,OAAO;AAAA,QACP,OAAAiB;AAAA,QACA,OAAAC;AAAA,QACA,GAAAJ;AAAA,QACA,GAAAC;AAAA,QACA,MAAAC;AAAA,QAEA,UAAC,gBAAAT,EAAAa,GAAA,EAAoB,KAAKP,GAAQ,SAAAD,GAAkB,MAAAI,GAAY;AAAA,MAAA;AAAA,MAV3D,GAAGL,CAAE,IAAID,CAAC;AAAA,IAAA;AAAA,EAWjB,CAEH,GACH,EACF,CAAA;AAEJ,GAEeW,IAAAC,EAAK9B,CAAc;"}
+{"version":3,"file":"stickers-effects.js","sources":["../../../../src/features/stickers/stickers-effects/stickers-effects.tsx"],"sourcesContent":["import type { StickersEffectProps, TStickerAnimationData } from './stickers-effects-types';\nimport type { FC } from 'react';\n\nimport { memo, useEffect, useState } from 'react';\n\nimport StickerWithFallback from './comps/sticker-with-fallback';\nimport { EFFECTS_MAP } from './constants';\nimport { generateStickerData } from './stickers-effects-helper';\nimport * as Styled from './stickers-effects-styled';\n\nconst StickersEffect: FC<StickersEffectProps> = ({\n  stickerId,\n  effectType,\n  duration = 3500,\n  onClose,\n}) => {\n  const [stickersData, setStickersData] = useState<ReturnType<typeof generateStickerData>>([]);\n\n  const effectConfig = EFFECTS_MAP[effectType];\n\n  useEffect(() => {\n    if (!onClose) return;\n\n    const timeout = setTimeout(onClose, duration);\n\n    return () => clearTimeout(timeout);\n  }, [onClose, duration]);\n\n  useEffect(() => {\n    const stickerData = generateStickerData({\n      count: effectConfig.count,\n      effect: effectConfig.effect,\n      stickerId,\n      minSize: 48,\n      maxSize: 72,\n    });\n\n    setStickersData(stickerData);\n\n    const timeout = setTimeout(() => setStickersData([]), effectConfig.duration);\n\n    return () => clearTimeout(timeout);\n  }, [effectConfig, stickerId]);\n\n  if (stickersData.length === 0) return null;\n\n  return (\n    <Styled.StickersWrapper $alignItems=\"top\" $justifyContent=\"center\" $inherit>\n      <Styled.Container>\n        {stickersData.map((data: TStickerAnimationData, i) => {\n          const { id, sticker, lottie, x, y, size, fromX, fromY } = data;\n\n          return (\n            <Styled.Sticker\n              key={`${id}-${i}`}\n              effect={effectConfig.effect}\n              duration={effectConfig.duration}\n              delay={500}\n              fromX={fromX}\n              fromY={fromY}\n              x={x}\n              y={y}\n              size={size}\n            >\n              <StickerWithFallback url={lottie} sticker={sticker} size={size} />\n            </Styled.Sticker>\n          );\n        })}\n      </Styled.Container>\n    </Styled.StickersWrapper>\n  );\n};\n\nexport default memo(StickersEffect);\n"],"names":["StickersEffect","stickerId","effectType","duration","onClose","stickersData","setStickersData","useState","effectConfig","EFFECTS_MAP","useEffect","timeout","stickerData","generateStickerData","Styled.StickersWrapper","jsx","Styled.Container","data","i","id","sticker","lottie","x","y","size","fromX","fromY","Styled.Sticker","StickerWithFallback","StickersEffect$1","memo"],"mappings":";;;;;;AAUA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,SAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAiD,CAAE,CAAA,GAErFC,IAAeC,EAAYP,CAAU;AA0BvC,SAxBJQ,EAAU,MAAM;AACd,QAAI,CAACN,EAAS;AAER,UAAAO,IAAU,WAAWP,GAASD,CAAQ;AAErC,WAAA,MAAM,aAAaQ,CAAO;AAAA,EAAA,GAChC,CAACP,GAASD,CAAQ,CAAC,GAEtBO,EAAU,MAAM;AACd,UAAME,IAAcC,EAAoB;AAAA,MACtC,OAAOL,EAAa;AAAA,MACpB,QAAQA,EAAa;AAAA,MACrB,WAAAP;AAAA,MACA,SAAS;AAAA,MACT,SAAS;AAAA,IAAA,CACV;AAED,IAAAK,EAAgBM,CAAW;AAErB,UAAAD,IAAU,WAAW,MAAML,EAAgB,CAAA,CAAE,GAAGE,EAAa,QAAQ;AAEpE,WAAA,MAAM,aAAaG,CAAO;AAAA,EAAA,GAChC,CAACH,GAAcP,CAAS,CAAC,GAExBI,EAAa,WAAW,IAAU,yBAGnCS,GAAA,EAAuB,aAAY,OAAM,iBAAgB,UAAS,UAAQ,IACzE,UAAA,gBAAAC,EAACC,GAAA,EACE,YAAa,IAAI,CAACC,GAA6BC,MAAM;AAC9C,UAAA,EAAE,IAAAC,GAAI,SAAAC,GAAS,QAAAC,GAAQ,GAAAC,GAAG,GAAAC,GAAG,MAAAC,GAAM,OAAAC,GAAO,OAAAC,EAAU,IAAAT;AAGxD,WAAA,gBAAAF;AAAA,MAACY;AAAAA,MAAA;AAAA,QAEC,QAAQnB,EAAa;AAAA,QACrB,UAAUA,EAAa;AAAA,QACvB,OAAO;AAAA,QACP,OAAAiB;AAAA,QACA,OAAAC;AAAA,QACA,GAAAJ;AAAA,QACA,GAAAC;AAAA,QACA,MAAAC;AAAA,QAEA,UAAC,gBAAAT,EAAAa,GAAA,EAAoB,KAAKP,GAAQ,SAAAD,GAAkB,MAAAI,GAAY;AAAA,MAAA;AAAA,MAV3D,GAAGL,CAAE,IAAID,CAAC;AAAA,IAAA;AAAA,EAWjB,CAEH,GACH,EACF,CAAA;AAEJ,GAEeW,IAAAC,EAAK9B,CAAc;"}

package/dist/features/student-details/class-details/class-details-utils.js

@@ -1,12 +1,12 @@
 import { startOfDay as s } from "../../../node_modules/date-fns/startOfDay.js";
-import { isAfter as n } from "../../../node_modules/date-fns/isAfter.js";
-import { isBefore as i } from "../../../node_modules/date-fns/isBefore.js";
-import { addDays as f } from "../../../node_modules/date-fns/addDays.js";
-import { isToday as d } from "../../../node_modules/date-fns/isToday.js";
+import { isToday as n } from "../../../node_modules/date-fns/isToday.js";
+import { isAfter as i } from "../../../node_modules/date-fns/isAfter.js";
+import { isBefore as f } from "../../../node_modules/date-fns/isBefore.js";
+import { addDays as d } from "../../../node_modules/date-fns/addDays.js";
 import { formatDate as m } from "../../../node_modules/date-fns/format.js";
 const u = (e) => {
-  const o = /* @__PURE__ */ new Date(), t = new Date(e), r = f(s(o), 7);
-  return d(t) ? `Today, ${m(t, "hh:mm a")}` : n(t, o) && i(t, r) ? m(t, "eee, hh:mm a") : m(t, "MMM dd, hh:mm a");
+  const o = /* @__PURE__ */ new Date(), t = new Date(e), r = d(s(o), 7);
+  return n(t) ? `Today, ${m(t, "hh:mm a")}` : i(t, o) && f(t, r) ? m(t, "eee, hh:mm a") : m(t, "MMM dd, hh:mm a");
 }, M = (e, o, t) => {
   const r = m(e * 1e3, "hh:mm a"), a = m((e + o + t) * 1e3, "hh:mm a");
   return `${r} - ${a}`;

package/dist/features/trial-session/api/teacher-availability.js

@@ -0,0 +1,9 @@
+import { createPostAPI as t } from "@cuemath/rest-api";
+import { BASE_URL_V1 as e } from "../../../constants/api.js";
+const { usePost: i } = t({
+  getURL: () => `${e}/teacher-slot-availability/`
+});
+export {
+  i as usePostTeacherAvailability
+};
+//# sourceMappingURL=teacher-availability.js.map

package/dist/features/trial-session/api/teacher-availability.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"teacher-availability.js","sources":["../../../../src/features/trial-session/api/teacher-availability.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\n\ntype TSessionList = {\n  weekday: string;\n  start_time: string;\n};\n\ntype TTeacherAvailabilityBody = {\n  teacher_id: string;\n  session_list: TSessionList[];\n};\n\nexport type TTeacherAvailabilityResponse = {\n  is_available: boolean;\n  reason: string;\n}[];\n\nconst { usePost: usePostTeacherAvailability } = createPostAPI<\n  TTeacherAvailabilityResponse,\n  TTeacherAvailabilityBody\n>({\n  getURL: () => `${BASE_URL_V1}/teacher-slot-availability/`,\n});\n\nexport { usePostTeacherAvailability };\n"],"names":["usePostTeacherAvailability","createPostAPI","BASE_URL_V1"],"mappings":";;AAmBA,MAAM,EAAE,SAASA,EAA2B,IAAIC,EAG9C;AAAA,EACA,QAAQ,MAAM,GAAGC,CAAW;AAC9B,CAAC;"}

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

@@ -1,49 +1,65 @@
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import { memo as A, useCallback as O, useEffect as w } from "react";
-import { DAYS as f } from "../../../../constants/date-time.js";
-import { getTimeUnits as j, getOffsetBetweenTimezone as v, convertEpochToDateTime as g, convertToMilliseconds as H } from "../../../../helpers/date-time.js";
-import $ from "../../../ui/inputs/select-input/select-input.js";
-import u from "../../../ui/layout/flex-view.js";
-import P from "../../../ui/separator/separator.js";
-import W from "../../../ui/text/text.js";
-import { useTrialSessionContext as z } from "../../context/use-trial-session-context.js";
-import { TEACHER_TIMEZONE as y } from "../../trial-session-constants.js";
-import B from "../slide-header/index.js";
-import { timeSlots as Y } from "./class-preference-constants.js";
-import { Container as F, PreferenceWrapper as K, FixedLineSeparator as M } from "./class-preference-styled.js";
-const C = [
+import { jsxs as m, jsx as c } from "react/jsx-runtime";
+import { memo as j, useMemo as W, useCallback as z, useEffect as _ } from "react";
+import { DAYS as h } from "../../../../constants/date-time.js";
+import { getTimeUnits as M, getOffsetBetweenTimezone as Y, convertEpochToDateTime as b, convertToMilliseconds as K } from "../../../../helpers/date-time.js";
+import A from "../../../ui/inputs/select-input/select-input.js";
+import T from "../../../ui/layout/flex-view.js";
+import R from "../../../ui/separator/separator.js";
+import q from "../../../ui/text/text.js";
+import { useTrialSessionContext as G } from "../../context/use-trial-session-context.js";
+import { isPLASource as N } from "../../helper.js";
+import { TEACHER_TIMEZONE as L } from "../../trial-session-constants.js";
+import U from "../slide-header/index.js";
+import { timeSlots as Z } from "./class-preference-constants.js";
+import { Container as J, PreferenceWrapper as Q, FixedLineSeparator as V } from "./class-preference-styled.js";
+import { extractDayAndTimeFromEpoch as ee } from "./helpers.js";
+const y = [
   { id: 1, selectedDay: "", selectedTime: "" },
   { id: 2, selectedDay: "", selectedTime: "" }
-], se = A(({ miniScreenDevice: D }) => {
-  const { isTeacher: n, formData: x, updateSlideConfig: p } = z(), { preferences: o, studentTimezone: c } = x || {}, b = f.map((e) => ({ id: e, label: e })), h = n ? y : c, T = (e, t, s) => {
-    p({
-      preferences: (o ?? C).map(
-        (r) => r.id === e ? { ...r, [t]: s } : r
+], ge = j(({ miniScreenDevice: S }) => {
+  const { isTeacher: o, formData: E, trialHomeData: I, updateSlideConfig: f, updateButtonState: g } = G(), { preferences: r, studentTimezone: s } = E || {}, { demo_info: P, intel_student: u } = I || {}, { scheduled_start_time: D } = P || {}, X = h.map((e) => ({ id: e, label: e })), $ = o ? L : s, l = W(
+    () => o && s ? ee(D, s) : void 0,
+    [o, D, s]
+  ), C = !!(!N(u == null ? void 0 : u.source) || r && r.length > 0 && r.every((e) => e.selectedDay && e.selectedTime)), x = (e, t, i) => {
+    f({
+      preferences: (r ?? y).map(
+        (n) => n.id === e ? { ...n, [t]: i } : n
       )
     });
-  }, _ = (e, t) => {
-    T(e, "selectedDay", t);
-  }, S = (e, t) => {
-    T(e, "selectedTime", t);
-  }, E = O(
+  }, k = (e, t) => {
+    x(e, "selectedDay", t);
+  }, w = (e, t) => {
+    x(e, "selectedTime", t);
+  }, O = z(
     (e, t) => {
-      if (e && t && c) {
-        const { hours: s, minutes: r } = j(t), m = (/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0), l = v(y, c), i = n ? m + l : m, { day: L = "" } = g(i, c), I = f.indexOf(L), X = (f.indexOf(e) - I + 7) % 7, k = i + H({ days: X, hours: s, minutes: r });
-        return g(k, h);
+      if (e && t && s) {
+        const { hours: i, minutes: n } = M(t), d = (/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0), p = Y(L, s), a = o ? d + p : d, { day: v = "" } = b(a, s), B = h.indexOf(v), F = (h.indexOf(e) - B + 7) % 7, H = a + K({ days: F, hours: i, minutes: n });
+        return b(H, $);
       }
       return {};
     },
-    [n, c, h]
+    [o, s, $]
   );
-  return w(() => {
-    n && !o && p({ preferences: C });
-  }, [n, o, p]), /* @__PURE__ */ d(F, { children: [
-    /* @__PURE__ */ a(P, { height: 60 }),
-    /* @__PURE__ */ a(B, {}),
-    /* @__PURE__ */ d(
-      K,
+  return _(() => {
+    if (o && (!r || !Array.isArray(r) || r.length === 0)) {
+      let e = y;
+      l && (e = y.map(
+        (t) => t.id === 1 ? {
+          ...t,
+          selectedDay: l.day,
+          selectedTime: l.time
+        } : t
+      )), f({ preferences: e });
+    }
+  }, [o, r, l, f]), _(() => {
+    g("right", { isDisabled: !C, isLoading: !1 });
+  }, [C, g]), /* @__PURE__ */ m(J, { children: [
+    /* @__PURE__ */ c(R, { height: 60 }),
+    /* @__PURE__ */ c(U, {}),
+    /* @__PURE__ */ m(
+      Q,
       {
-        $gapX: D ? 2.2 : 3.75,
+        $gapX: S ? 2.2 : 3.75,
         $gutterX: 4.6875,
         $background: "YELLOW_4",
         $borderColor: "BLACK_1",
@@ -51,51 +67,51 @@ const C = [
         $justifyContent: "space-between",
         $alignItems: "center",
         children: [
-          /* @__PURE__ */ a(M, {}),
-          o == null ? void 0 : o.map((e) => {
-            const { id: t, selectedDay: s, selectedTime: r } = e, { day: m, time: l } = E(s, r);
-            return /* @__PURE__ */ d(u, { $widthX: 15, $background: "YELLOW_1", $borderColor: "BLACK_1", children: [
-              /* @__PURE__ */ d(u, { $gapX: 1.65, $gutterX: 2, $flexGapX: 0.25, children: [
-                /* @__PURE__ */ a(
-                  $,
+          /* @__PURE__ */ c(V, {}),
+          r == null ? void 0 : r.map((e) => {
+            const { id: t, selectedDay: i, selectedTime: n } = e, { day: d, time: p } = O(i, n);
+            return /* @__PURE__ */ m(T, { $widthX: 15, $background: "YELLOW_1", $borderColor: "BLACK_1", children: [
+              /* @__PURE__ */ m(T, { $gapX: 1.65, $gutterX: 2, $flexGapX: 0.25, children: [
+                /* @__PURE__ */ c(
+                  A,
                   {
                     renderAs: "primary",
                     label: `Day ${t}`,
-                    value: s,
-                    options: b,
+                    value: i,
+                    options: X,
                     theme: "dark",
                     shape: "borderLess",
                     isTransparent: !0,
-                    onChange: (i) => _(t, i)
+                    onChange: (a) => k(t, a)
                   }
                 ),
-                /* @__PURE__ */ a(
-                  $,
+                /* @__PURE__ */ c(
+                  A,
                   {
                     renderAs: "primary",
                     label: "Time",
-                    value: r,
-                    options: Y,
+                    value: n,
+                    options: Z,
                     shape: "borderLess",
                     isTransparent: !0,
                     theme: "dark",
-                    onChange: (i) => S(t, i)
+                    onChange: (a) => w(t, a)
                   }
                 )
               ] }),
-              /* @__PURE__ */ a(
-                u,
+              /* @__PURE__ */ c(
+                T,
                 {
                   $heightX: 3.125,
                   $gutterX: 2,
                   $justifyContent: "center",
                   $background: "WHITE_T_60",
-                  children: n ? /* @__PURE__ */ d(W, { $renderAs: "ac4-black", $align: "center", children: [
-                    m ? m.slice(0, 3) : "__",
+                  children: o ? /* @__PURE__ */ m(q, { $renderAs: "ac4-black", $align: "center", children: [
+                    d ? d.slice(0, 3) : "__",
                     ", ",
-                    l || "__",
+                    p || "__",
                     " ",
-                    n ? "(IST)" : ""
+                    o ? "(IST)" : ""
                   ] }) : null
                 }
               )
@@ -107,6 +123,6 @@ const C = [
   ] });
 });
 export {
-  se as default
+  ge as default
 };
 //# sourceMappingURL=class-preference.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"class-preference.js","sources":["../../../../../src/features/trial-session/comps/class-preference/class-preference.tsx"],"sourcesContent":["import type { IClassPreference, TPreference } from './class-preference-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { DAYS } from '../../../../constants/date-time';\nimport {\n  convertEpochToDateTime,\n  convertToMilliseconds,\n  getOffsetBetweenTimezone,\n  getTimeUnits,\n} from '../../../../helpers/date-time';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TEACHER_TIMEZONE as teacherTimezone } from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport { timeSlots } from './class-preference-constants';\nimport * as Styled from './class-preference-styled';\n\nconst defaultPreferences = [\n  { id: 1, selectedDay: '', selectedTime: '' },\n  { id: 2, selectedDay: '', selectedTime: '' },\n];\n\nconst ClassPreference: FC<IClassPreference> = memo(({ miniScreenDevice }) => {\n  const { isTeacher, formData, updateSlideConfig } = useTrialSessionContext();\n  const { preferences, studentTimezone } = formData || {};\n\n  const daySlots = DAYS.map(day => ({ id: day, label: day }));\n  const timezone = isTeacher ? teacherTimezone : studentTimezone;\n\n  const handlePreferenceChange = (\n    id: number,\n    field: 'selectedDay' | 'selectedTime',\n    value: string,\n  ) => {\n    updateSlideConfig({\n      preferences: (preferences ?? defaultPreferences).map((preference: TPreference) =>\n        preference.id === id ? { ...preference, [field]: value } : preference,\n      ),\n    });\n  };\n\n  const handleDayChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedDay', value);\n  };\n\n  const handleTimeChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedTime', value);\n  };\n\n  const getDisplayDateTimeValue = useCallback(\n    (dayValue: string, timeValue: string) => {\n      if (dayValue && timeValue && studentTimezone) {\n        // Extracting hours, minutes, and period from the selected time.\n        const { hours, minutes } = getTimeUnits(timeValue);\n        const todayTimestamp = new Date().setHours(0, 0, 0, 0); // Setting current date to midnight\n\n        // Calculating offset between the teacher's and student's timezone.\n        const timestampOffset = getOffsetBetweenTimezone(teacherTimezone, studentTimezone);\n        const studentTimestamp = isTeacher ? todayTimestamp + timestampOffset : todayTimestamp; // Current timestamp at student's timezone\n        const { day: today = '' } = convertEpochToDateTime(studentTimestamp, studentTimezone); // Current day at student's timezone.\n\n        // Calculating current and selected day index to get day difference.\n        const currentDayIndex = DAYS.indexOf(today);\n        const selectedDayIndex = DAYS.indexOf(dayValue);\n        const dayDifference = (selectedDayIndex - currentDayIndex + 7) % 7;\n\n        // Calculate the epoch timestamp for the selected day and time in the student's timezone.\n        const epochTimestamp =\n          studentTimestamp + convertToMilliseconds({ days: dayDifference, hours, minutes });\n\n        // Returning date, time value with respect to both teacher and student timezone.\n        return convertEpochToDateTime(epochTimestamp, timezone);\n      }\n\n      return {};\n    },\n    [isTeacher, studentTimezone, timezone],\n  );\n\n  useEffect(() => {\n    if (isTeacher && !preferences) {\n      updateSlideConfig({ preferences: defaultPreferences });\n    }\n  }, [isTeacher, preferences, updateSlideConfig]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.PreferenceWrapper\n        $gapX={miniScreenDevice ? 2.2 : 3.75}\n        $gutterX={4.6875}\n        $background=\"YELLOW_4\"\n        $borderColor=\"BLACK_1\"\n        $flexDirection=\"row\"\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n      >\n        <Styled.FixedLineSeparator />\n        {preferences?.map(preference => {\n          const { id, selectedDay, selectedTime } = preference;\n          const { day, time } = getDisplayDateTimeValue(selectedDay, selectedTime);\n\n          return (\n            <FlexView key={`slot-${id}`} $widthX={15} $background=\"YELLOW_1\" $borderColor=\"BLACK_1\">\n              <FlexView $gapX={1.65} $gutterX={2} $flexGapX={0.25}>\n                <SelectInput\n                  renderAs=\"primary\"\n                  label={`Day ${id}`}\n                  value={selectedDay}\n                  options={daySlots}\n                  theme=\"dark\"\n                  shape=\"borderLess\"\n                  isTransparent\n                  onChange={value => handleDayChange(id, value)}\n                />\n                <SelectInput\n                  renderAs=\"primary\"\n                  label=\"Time\"\n                  value={selectedTime}\n                  options={timeSlots}\n                  shape=\"borderLess\"\n                  isTransparent\n                  theme=\"dark\"\n                  onChange={value => handleTimeChange(id, value)}\n                />\n              </FlexView>\n              <FlexView\n                $heightX={3.125}\n                $gutterX={2}\n                $justifyContent=\"center\"\n                $background=\"WHITE_T_60\"\n              >\n                {isTeacher ? (\n                  <Text $renderAs=\"ac4-black\" $align=\"center\">\n                    {day ? day.slice(0, 3) : '__'}, {time ? time : '__'} {isTeacher ? '(IST)' : ''}\n                  </Text>\n                ) : null}\n              </FlexView>\n            </FlexView>\n          );\n        })}\n      </Styled.PreferenceWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default ClassPreference;\n"],"names":["defaultPreferences","ClassPreference","memo","miniScreenDevice","isTeacher","formData","updateSlideConfig","useTrialSessionContext","preferences","studentTimezone","daySlots","DAYS","day","timezone","teacherTimezone","handlePreferenceChange","id","field","value","preference","handleDayChange","handleTimeChange","getDisplayDateTimeValue","useCallback","dayValue","timeValue","hours","minutes","getTimeUnits","todayTimestamp","timestampOffset","getOffsetBetweenTimezone","studentTimestamp","today","convertEpochToDateTime","currentDayIndex","dayDifference","epochTimestamp","convertToMilliseconds","useEffect","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.PreferenceWrapper","Styled.FixedLineSeparator","selectedDay","selectedTime","time","FlexView","SelectInput","timeSlots","Text"],"mappings":"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"}
+{"version":3,"file":"class-preference.js","sources":["../../../../../src/features/trial-session/comps/class-preference/class-preference.tsx"],"sourcesContent":["import type { IClassPreference, TPreference } from './class-preference-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { DAYS } from '../../../../constants/date-time';\nimport {\n  convertEpochToDateTime,\n  convertToMilliseconds,\n  getOffsetBetweenTimezone,\n  getTimeUnits,\n} from '../../../../helpers/date-time';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource } from '../../helper';\nimport { TEACHER_TIMEZONE as teacherTimezone } from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport { timeSlots } from './class-preference-constants';\nimport * as Styled from './class-preference-styled';\nimport { extractDayAndTimeFromEpoch } from './helpers';\n\nconst defaultPreferences = [\n  { id: 1, selectedDay: '', selectedTime: '' },\n  { id: 2, selectedDay: '', selectedTime: '' },\n];\n\nconst ClassPreference: FC<IClassPreference> = memo(({ miniScreenDevice }) => {\n  const { isTeacher, formData, trialHomeData, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n  const { preferences, studentTimezone } = formData || {};\n  const { demo_info: demoInfo, intel_student: intelStudent } = trialHomeData || {};\n  const { scheduled_start_time: scheduledStartTime } = demoInfo || {};\n\n  const daySlots = DAYS.map(day => ({ id: day, label: day }));\n  const timezone = isTeacher ? teacherTimezone : studentTimezone;\n\n  const preSelectedDateTimeFromEpoch = useMemo(\n    () =>\n      isTeacher && studentTimezone\n        ? extractDayAndTimeFromEpoch(scheduledStartTime, studentTimezone)\n        : undefined,\n    [isTeacher, scheduledStartTime, studentTimezone],\n  );\n\n  const isPLA = isPLASource(intelStudent?.source);\n  const hasRequiredFields = Boolean(\n    isPLA\n      ? preferences &&\n          preferences.length > 0 &&\n          preferences.every(preference => preference.selectedDay && preference.selectedTime)\n      : true,\n  );\n\n  const handlePreferenceChange = (\n    id: number,\n    field: 'selectedDay' | 'selectedTime',\n    value: string,\n  ) => {\n    updateSlideConfig({\n      preferences: (preferences ?? defaultPreferences).map((preference: TPreference) =>\n        preference.id === id ? { ...preference, [field]: value } : preference,\n      ),\n    });\n  };\n\n  const handleDayChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedDay', value);\n  };\n\n  const handleTimeChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedTime', value);\n  };\n\n  const getDisplayDateTimeValue = useCallback(\n    (dayValue: string, timeValue: string) => {\n      if (dayValue && timeValue && studentTimezone) {\n        // Extracting hours, minutes, and period from the selected time.\n        const { hours, minutes } = getTimeUnits(timeValue);\n        const todayTimestamp = new Date().setHours(0, 0, 0, 0); // Setting current date to midnight\n\n        // Calculating offset between the teacher's and student's timezone.\n        const timestampOffset = getOffsetBetweenTimezone(teacherTimezone, studentTimezone);\n        const studentTimestamp = isTeacher ? todayTimestamp + timestampOffset : todayTimestamp; // Current timestamp at student's timezone\n        const { day: today = '' } = convertEpochToDateTime(studentTimestamp, studentTimezone); // Current day at student's timezone.\n\n        // Calculating current and selected day index to get day difference.\n        const currentDayIndex = DAYS.indexOf(today);\n        const selectedDayIndex = DAYS.indexOf(dayValue);\n        const dayDifference = (selectedDayIndex - currentDayIndex + 7) % 7;\n\n        // Calculate the epoch timestamp for the selected day and time in the student's timezone.\n        const epochTimestamp =\n          studentTimestamp + convertToMilliseconds({ days: dayDifference, hours, minutes });\n\n        // Returning date, time value with respect to both teacher and student timezone.\n        return convertEpochToDateTime(epochTimestamp, timezone);\n      }\n\n      return {};\n    },\n    [isTeacher, studentTimezone, timezone],\n  );\n\n  useEffect(() => {\n    // Only set preferences if teacher and preferences are not set\n    if (isTeacher && (!preferences || !Array.isArray(preferences) || preferences.length === 0)) {\n      let newPreferences = defaultPreferences;\n\n      if (preSelectedDateTimeFromEpoch) {\n        newPreferences = defaultPreferences.map((preference: TPreference) =>\n          preference.id === 1\n            ? {\n                ...preference,\n                selectedDay: preSelectedDateTimeFromEpoch.day,\n                selectedTime: preSelectedDateTimeFromEpoch.time,\n              }\n            : preference,\n        );\n      }\n      updateSlideConfig({ preferences: newPreferences });\n    }\n  }, [isTeacher, preferences, preSelectedDateTimeFromEpoch, updateSlideConfig]);\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.PreferenceWrapper\n        $gapX={miniScreenDevice ? 2.2 : 3.75}\n        $gutterX={4.6875}\n        $background=\"YELLOW_4\"\n        $borderColor=\"BLACK_1\"\n        $flexDirection=\"row\"\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n      >\n        <Styled.FixedLineSeparator />\n        {preferences?.map(preference => {\n          const { id, selectedDay, selectedTime } = preference;\n          const { day, time } = getDisplayDateTimeValue(selectedDay, selectedTime);\n\n          return (\n            <FlexView key={`slot-${id}`} $widthX={15} $background=\"YELLOW_1\" $borderColor=\"BLACK_1\">\n              <FlexView $gapX={1.65} $gutterX={2} $flexGapX={0.25}>\n                <SelectInput\n                  renderAs=\"primary\"\n                  label={`Day ${id}`}\n                  value={selectedDay}\n                  options={daySlots}\n                  theme=\"dark\"\n                  shape=\"borderLess\"\n                  isTransparent\n                  onChange={value => handleDayChange(id, value)}\n                />\n                <SelectInput\n                  renderAs=\"primary\"\n                  label=\"Time\"\n                  value={selectedTime}\n                  options={timeSlots}\n                  shape=\"borderLess\"\n                  isTransparent\n                  theme=\"dark\"\n                  onChange={value => handleTimeChange(id, value)}\n                />\n              </FlexView>\n              <FlexView\n                $heightX={3.125}\n                $gutterX={2}\n                $justifyContent=\"center\"\n                $background=\"WHITE_T_60\"\n              >\n                {isTeacher ? (\n                  <Text $renderAs=\"ac4-black\" $align=\"center\">\n                    {day ? day.slice(0, 3) : '__'}, {time ? time : '__'} {isTeacher ? '(IST)' : ''}\n                  </Text>\n                ) : null}\n              </FlexView>\n            </FlexView>\n          );\n        })}\n      </Styled.PreferenceWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default ClassPreference;\n"],"names":["defaultPreferences","ClassPreference","memo","miniScreenDevice","isTeacher","formData","trialHomeData","updateSlideConfig","updateButtonState","useTrialSessionContext","preferences","studentTimezone","demoInfo","intelStudent","scheduledStartTime","daySlots","DAYS","day","timezone","teacherTimezone","preSelectedDateTimeFromEpoch","useMemo","extractDayAndTimeFromEpoch","hasRequiredFields","isPLASource","preference","handlePreferenceChange","id","field","value","handleDayChange","handleTimeChange","getDisplayDateTimeValue","useCallback","dayValue","timeValue","hours","minutes","getTimeUnits","todayTimestamp","timestampOffset","getOffsetBetweenTimezone","studentTimestamp","today","convertEpochToDateTime","currentDayIndex","dayDifference","epochTimestamp","convertToMilliseconds","useEffect","newPreferences","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.PreferenceWrapper","Styled.FixedLineSeparator","selectedDay","selectedTime","time","FlexView","SelectInput","timeSlots","Text"],"mappings":"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"}

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

@@ -0,0 +1,28 @@
+const m = (o, n) => {
+  let r = typeof o == "string" ? parseInt(o, 10) : o, t = typeof n == "string" ? parseInt(n, 10) : n;
+  const a = t % 15;
+  return a >= 8 ? (t += 15 - a, t === 60 && (t = 0, r += 1, r === 24 && (r = 0))) : t -= a, {
+    roundedHour: r.toString().padStart(2, "0"),
+    roundedMinute: t.toString().padStart(2, "0")
+  };
+}, c = (o, n) => {
+  const r = new Date(o), t = {
+    weekday: "long",
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: !0,
+    timeZone: n
+  }, p = new Intl.DateTimeFormat("en-US", t).formatToParts(r);
+  let i = "", d = "", u = "", s = "";
+  for (const e of p)
+    e.type === "weekday" && (i = e.value), e.type === "hour" && (d = e.value), e.type === "minute" && (u = e.value), e.type === "dayPeriod" && (s = e.value);
+  const { roundedHour: f, roundedMinute: l } = m(d, u);
+  return {
+    day: i,
+    time: `${f}:${l} ${s}`
+  };
+};
+export {
+  c as extractDayAndTimeFromEpoch
+};
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../../../src/features/trial-session/comps/class-preference/helpers.ts"],"sourcesContent":["/**\n * Rounds a given hour and minute to the nearest 15-minute interval.\n * @param hour string or number\n * @param minute string or number\n * @returns { roundedHour: string, roundedMinute: string }\n */\nconst roundToNearest15Min = (\n  hour: string | number,\n  minute: string | number,\n): { roundedHour: string; roundedMinute: string } => {\n  let h = typeof hour === 'string' ? parseInt(hour, 10) : hour;\n  let m = typeof minute === 'string' ? parseInt(minute, 10) : minute;\n  // Round down to nearest 15\n  const remainder = m % 15;\n\n  if (remainder >= 8) {\n    m += 15 - remainder;\n    if (m === 60) {\n      m = 0;\n      h += 1;\n      if (h === 24) h = 0;\n    }\n  } else {\n    m -= remainder;\n  }\n\n  return {\n    roundedHour: h.toString().padStart(2, '0'),\n    roundedMinute: m.toString().padStart(2, '0'),\n  };\n};\n\n/**\n * Extracts day and time in 'hh:mm AM/PM' format from epoch and timezone.\n * @param epoch Epoch timestamp (number)\n * @param timezone IANA timezone string (e.g., 'Asia/Kolkata')\n * @returns { day: string, time: string }\n */\nconst extractDayAndTimeFromEpoch = (\n  epoch: number,\n  timezone: string,\n): { day: string; time: string } => {\n  // Use Intl.DateTimeFormat for timezone conversion\n  const date = new Date(epoch);\n  const options: Intl.DateTimeFormatOptions = {\n    weekday: 'long',\n    hour: '2-digit',\n    minute: '2-digit',\n    hour12: true,\n    timeZone: timezone,\n  };\n  const formatter = new Intl.DateTimeFormat('en-US', options);\n  const parts = formatter.formatToParts(date);\n  let day = '';\n  let hour = '';\n  let minute = '';\n  let period = '';\n\n  for (const part of parts) {\n    if (part.type === 'weekday') day = part.value;\n\n    if (part.type === 'hour') hour = part.value;\n\n    if (part.type === 'minute') minute = part.value;\n\n    if (part.type === 'dayPeriod') period = part.value;\n  }\n  const { roundedHour, roundedMinute } = roundToNearest15Min(hour, minute);\n\n  return {\n    day,\n    time: `${roundedHour}:${roundedMinute} ${period}`,\n  };\n};\n\nexport { extractDayAndTimeFromEpoch };\n"],"names":["roundToNearest15Min","hour","minute","h","m","remainder","extractDayAndTimeFromEpoch","epoch","timezone","date","options","parts","day","period","part","roundedHour","roundedMinute"],"mappings":"AAMA,MAAMA,IAAsB,CAC1BC,GACAC,MACmD;AACnD,MAAIC,IAAI,OAAOF,KAAS,WAAW,SAASA,GAAM,EAAE,IAAIA,GACpDG,IAAI,OAAOF,KAAW,WAAW,SAASA,GAAQ,EAAE,IAAIA;AAE5D,QAAMG,IAAYD,IAAI;AAEtB,SAAIC,KAAa,KACfD,KAAK,KAAKC,GACND,MAAM,OACJA,IAAA,GACCD,KAAA,GACDA,MAAM,OAAQA,IAAA,OAGfC,KAAAC,GAGA;AAAA,IACL,aAAaF,EAAE,SAAA,EAAW,SAAS,GAAG,GAAG;AAAA,IACzC,eAAeC,EAAE,SAAA,EAAW,SAAS,GAAG,GAAG;AAAA,EAAA;AAE/C,GAQME,IAA6B,CACjCC,GACAC,MACkC;AAE5B,QAAAC,IAAO,IAAI,KAAKF,CAAK,GACrBG,IAAsC;AAAA,IAC1C,SAAS;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAUF;AAAA,EAAA,GAGNG,IADY,IAAI,KAAK,eAAe,SAASD,CAAO,EAClC,cAAcD,CAAI;AAC1C,MAAIG,IAAM,IACNX,IAAO,IACPC,IAAS,IACTW,IAAS;AAEb,aAAWC,KAAQH;AACjB,IAAIG,EAAK,SAAS,cAAWF,IAAME,EAAK,QAEpCA,EAAK,SAAS,WAAQb,IAAOa,EAAK,QAElCA,EAAK,SAAS,aAAUZ,IAASY,EAAK,QAEtCA,EAAK,SAAS,gBAAaD,IAASC,EAAK;AAE/C,QAAM,EAAE,aAAAC,GAAa,eAAAC,EAAA,IAAkBhB,EAAoBC,GAAMC,CAAM;AAEhE,SAAA;AAAA,IACL,KAAAU;AAAA,IACA,MAAM,GAAGG,CAAW,IAAIC,CAAa,IAAIH,CAAM;AAAA,EAAA;AAEnD;"}

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

@@ -1,63 +1,65 @@
-import { jsx as o, Fragment as _ } from "react/jsx-runtime";
-import k from "../../../../node_modules/lodash.throttle/index.js";
-import { useRef as h, useCallback as l, useMemo as D, useEffect as m } from "react";
-import N from "../../../chapters-v2/chapter-details/chapter-details.js";
-import O from "../../../milestone/milestone-list-container/milestone-list-container.js";
-import { useTrialSessionContext as x } from "../../context/use-trial-session-context.js";
-import { Container as $, Wrapper as H, ChapterWrapper as M } from "./learning-plan-styled.js";
-import { useLearningPlanScrollSync as F } from "./use-learning-plan-scroll-sync.js";
-const z = () => {
-  const { trialHomeData: P, studentId: s, formData: L, isTeacher: r, updateSlideConfig: c } = x(), {
-    demo_info: { student_classroom_id: S, stream: g }
-  } = P || {}, { name: I = "", chapterId: i } = L || {}, t = h(null), a = h([]), d = h(!1), {
-    publishScrollEvents: p,
-    closeChannel: C,
+import { jsx as o, Fragment as D } from "react/jsx-runtime";
+import N from "../../../../node_modules/lodash.throttle/index.js";
+import { useRef as S, useCallback as s, useMemo as O, useEffect as m } from "react";
+import x from "../../../chapters-v2/chapter-details/chapter-details.js";
+import $ from "../../../milestone/milestone-list-container/milestone-list-container.js";
+import { useTrialSessionContext as H } from "../../context/use-trial-session-context.js";
+import { isPLASource as M } from "../../helper.js";
+import { Container as F, Wrapper as U, ChapterWrapper as W } from "./learning-plan-styled.js";
+import { useLearningPlanScrollSync as j } from "./use-learning-plan-scroll-sync.js";
+const Q = () => {
+  const { trialHomeData: v, studentId: l, formData: A, isTeacher: r, updateSlideConfig: c } = H(), {
+    demo_info: { student_classroom_id: C, stream: I },
+    intel_student: d
+  } = v || {}, { name: g = "", chapterId: i } = A || {}, t = S(null), a = S([]), p = S(!1), R = M(d == null ? void 0 : d.source), {
+    publishScrollEvents: f,
+    closeChannel: T,
     scrollPoints: n
-  } = F(S), T = l(() => {
-    if (i && s) {
+  } = j(C), E = s(() => {
+    if (i && l) {
       const e = t.current;
       e == null || e.scrollTo({
         top: 0,
         behavior: "smooth"
       });
     }
-  }, [s, i]), R = l(
+  }, [l, i]), _ = s(
     (e) => {
       c({
         chapterId: e.id
       });
     },
     [c]
-  ), A = l(() => {
+  ), b = s(() => {
     c({
       chapterId: void 0
     });
-  }, [c]), E = l(() => {
-    a.current.length === 0 || d.current || (d.current = !0, p && p({
+  }, [c]), P = s(() => {
+    a.current.length === 0 || p.current || (p.current = !0, f && f({
       eventName: "TRIAL_SESSION_GOAL_PLAN_SCROLL",
       eventPayload: {
         scrollPoints: a.current
       }
-    }), a.current = [], d.current = !1);
-  }, [p]), v = D(() => k(E, 500), [E]), f = l(() => {
+    }), a.current = [], p.current = !1);
+  }, [f]), L = O(() => N(P, 500), [P]), h = s(() => {
     var u;
     const e = ((u = t.current) == null ? void 0 : u.scrollTop) || 0;
-    a.current.push(e), v();
-  }, [v]);
+    a.current.push(e), L();
+  }, [L]);
   return m(() => {
-    T();
-  }, [T]), m(() => {
+    E();
+  }, [E]), m(() => {
     if (t.current && r) {
       const e = t.current;
-      return e.addEventListener("scroll", f), () => {
-        e && e.removeEventListener("scroll", f);
+      return e.addEventListener("scroll", h), () => {
+        e && e.removeEventListener("scroll", h);
       };
     }
-  }, [r, f]), m(() => {
+  }, [r, h]), m(() => {
     const e = t.current;
     if (n && Array.isArray(n) && !r && e) {
       const u = Math.floor(
-        n.reduce((b, y) => b + y, 0) / n.length
+        n.reduce((y, k) => y + k, 0) / n.length
       );
       e.scrollTo({
         top: u,
@@ -65,32 +67,32 @@ const z = () => {
       });
     }
   }, [n, r]), m(() => () => {
-    C();
-  }, [C]), /* @__PURE__ */ o($, { ref: t, $isScrollable: r, children: /* @__PURE__ */ o(
-    H,
+    T();
+  }, [T]), /* @__PURE__ */ o(F, { ref: t, $isScrollable: r, children: /* @__PURE__ */ o(
+    U,
     {
       $clickable: r,
       $gutterX: 2,
       $isScrollable: r,
       id: "milestone-list-element-container",
-      children: i ? /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(
-        N,
+      children: i ? /* @__PURE__ */ o(D, { children: /* @__PURE__ */ o(W, { children: /* @__PURE__ */ o(
+        x,
         {
           userChapterId: i,
-          studentId: s,
+          studentId: l,
           userType: r ? "TEACHER" : "STUDENT",
-          onExit: A
+          onExit: b
         }
       ) }) }) : /* @__PURE__ */ o(
-        O,
+        $,
         {
           userType: r ? "TEACHER" : "STUDENT",
-          studentName: I,
-          studentId: s,
-          studentClassroomId: S,
-          milestoneType: "DRAFT",
-          onChapterClick: R,
-          courseStream: g,
+          studentName: g,
+          studentId: l,
+          studentClassroomId: C,
+          milestoneType: R ? "ACTIVE" : "DRAFT",
+          onChapterClick: _,
+          courseStream: I,
           isTrialSession: !0
         }
       )
@@ -98,6 +100,6 @@ const z = () => {
   ) });
 };
 export {
-  z as default
+  Q as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/learning-plan/index.tsx"],"sourcesContent":["import type { IChapterDataProps } from '../../../chapters/chapter/chapter-types';\n\nimport throttle from 'lodash.throttle';\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport ChapterDetails from '../../../chapters-v2/chapter-details/chapter-details';\nimport MilestoneList from '../../../milestone/milestone-list-container/milestone-list-container';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport * as Styled from './learning-plan-styled';\nimport { useLearningPlanScrollSync } from './use-learning-plan-scroll-sync';\n\nconst LearningPlan: React.FC = () => {\n  const { trialHomeData, studentId, formData, isTeacher, updateSlideConfig } =\n    useTrialSessionContext();\n  const {\n    demo_info: { student_classroom_id: studentClassroomId, stream },\n  } = trialHomeData || {};\n  const { name = '', chapterId } = formData || {};\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const scrollPointsRef = useRef<number[]>([]);\n  const isSendingScrollPointsRef = useRef(false);\n\n  const {\n    publishScrollEvents,\n    closeChannel,\n    scrollPoints: receivedScrollPoints,\n  } = useLearningPlanScrollSync(studentClassroomId);\n\n  const fetchChapter = useCallback(() => {\n    if (chapterId && studentId) {\n      const scrollElement = containerRef.current;\n\n      scrollElement?.scrollTo({\n        top: 0,\n        behavior: 'smooth',\n      });\n    }\n  }, [studentId, chapterId]);\n\n  const handleOnChapterClick = useCallback(\n    (chapter: IChapterDataProps) => {\n      updateSlideConfig({\n        chapterId: chapter.id,\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleOnBackIconClick = useCallback(() => {\n    updateSlideConfig({\n      chapterId: undefined,\n    });\n  }, [updateSlideConfig]);\n\n  const sendScrollPoints = useCallback(() => {\n    if (scrollPointsRef.current.length === 0 || isSendingScrollPointsRef.current) return;\n\n    isSendingScrollPointsRef.current = true;\n\n    if (publishScrollEvents) {\n      publishScrollEvents({\n        eventName: 'TRIAL_SESSION_GOAL_PLAN_SCROLL',\n        eventPayload: {\n          scrollPoints: scrollPointsRef.current,\n        },\n      });\n    }\n\n    scrollPointsRef.current = [];\n    isSendingScrollPointsRef.current = false;\n  }, [publishScrollEvents]);\n\n  const throttleSend = useMemo(() => throttle(sendScrollPoints, 500), [sendScrollPoints]);\n\n  const handleScroll = useCallback(() => {\n    const scrollPoint = containerRef.current?.scrollTop || 0;\n\n    scrollPointsRef.current.push(scrollPoint);\n\n    throttleSend();\n  }, [throttleSend]);\n\n  useEffect(() => {\n    fetchChapter();\n  }, [fetchChapter]);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      if (isTeacher) {\n        const scrollElement = containerRef.current;\n\n        scrollElement.addEventListener('scroll', handleScroll);\n\n        return () => {\n          if (scrollElement) {\n            scrollElement.removeEventListener('scroll', handleScroll);\n          }\n        };\n      }\n    }\n  }, [isTeacher, handleScroll]);\n\n  useEffect(() => {\n    const scrollElement = containerRef.current;\n\n    if (\n      receivedScrollPoints &&\n      Array.isArray(receivedScrollPoints) &&\n      !isTeacher &&\n      scrollElement\n    ) {\n      const averageScroll = Math.floor(\n        receivedScrollPoints.reduce((a, b) => a + b, 0) / receivedScrollPoints.length,\n      );\n\n      scrollElement.scrollTo({\n        top: averageScroll,\n        behavior: 'smooth',\n      });\n    }\n  }, [receivedScrollPoints, isTeacher]);\n\n  useEffect(() => {\n    return () => {\n      closeChannel();\n    };\n  }, [closeChannel]);\n\n  return (\n    <Styled.Container ref={containerRef} $isScrollable={isTeacher}>\n      <Styled.Wrapper\n        $clickable={isTeacher}\n        $gutterX={2}\n        $isScrollable={isTeacher}\n        id=\"milestone-list-element-container\"\n      >\n        {chapterId ? (\n          <>\n            <Styled.ChapterWrapper>\n              <ChapterDetails\n                userChapterId={chapterId}\n                studentId={studentId}\n                userType={isTeacher ? 'TEACHER' : 'STUDENT'}\n                onExit={handleOnBackIconClick}\n              />\n            </Styled.ChapterWrapper>\n          </>\n        ) : (\n          <MilestoneList\n            userType={isTeacher ? 'TEACHER' : 'STUDENT'}\n            studentName={name}\n            studentId={studentId}\n            studentClassroomId={studentClassroomId}\n            milestoneType=\"DRAFT\"\n            onChapterClick={handleOnChapterClick}\n            courseStream={stream}\n            isTrialSession\n          />\n        )}\n      </Styled.Wrapper>\n    </Styled.Container>\n  );\n};\n\nexport default LearningPlan;\n"],"names":["LearningPlan","trialHomeData","studentId","formData","isTeacher","updateSlideConfig","useTrialSessionContext","studentClassroomId","stream","name","chapterId","containerRef","useRef","scrollPointsRef","isSendingScrollPointsRef","publishScrollEvents","closeChannel","receivedScrollPoints","useLearningPlanScrollSync","fetchChapter","useCallback","scrollElement","handleOnChapterClick","chapter","handleOnBackIconClick","sendScrollPoints","throttleSend","useMemo","throttle","handleScroll","scrollPoint","_a","useEffect","averageScroll","a","b","Styled.Container","jsx","Styled.Wrapper","Fragment","Styled.ChapterWrapper","ChapterDetails","MilestoneList"],"mappings":";;;;;;;;AAWA,MAAMA,IAAyB,MAAM;AACnC,QAAM,EAAE,eAAAC,GAAe,WAAAC,GAAW,UAAAC,GAAU,WAAAC,GAAW,mBAAAC,EAAA,IACrDC,KACI;AAAA,IACJ,WAAW,EAAE,sBAAsBC,GAAoB,QAAAC,EAAO;AAAA,EAAA,IAC5DP,KAAiB,CAAA,GACf,EAAE,MAAAQ,IAAO,IAAI,WAAAC,EAAU,IAAIP,KAAY,CAAA,GAEvCQ,IAAeC,EAAuB,IAAI,GAC1CC,IAAkBD,EAAiB,CAAA,CAAE,GACrCE,IAA2BF,EAAO,EAAK,GAEvC;AAAA,IACJ,qBAAAG;AAAA,IACA,cAAAC;AAAA,IACA,cAAcC;AAAA,EAAA,IACZC,EAA0BX,CAAkB,GAE1CY,IAAeC,EAAY,MAAM;AACrC,QAAIV,KAAaR,GAAW;AAC1B,YAAMmB,IAAgBV,EAAa;AAEnC,MAAAU,KAAA,QAAAA,EAAe,SAAS;AAAA,QACtB,KAAK;AAAA,QACL,UAAU;AAAA,MAAA;AAAA,IAEd;AAAA,EAAA,GACC,CAACnB,GAAWQ,CAAS,CAAC,GAEnBY,IAAuBF;AAAA,IAC3B,CAACG,MAA+B;AACZ,MAAAlB,EAAA;AAAA,QAChB,WAAWkB,EAAQ;AAAA,MAAA,CACpB;AAAA,IACH;AAAA,IACA,CAAClB,CAAiB;AAAA,EAAA,GAGdmB,IAAwBJ,EAAY,MAAM;AAC5B,IAAAf,EAAA;AAAA,MAChB,WAAW;AAAA,IAAA,CACZ;AAAA,EAAA,GACA,CAACA,CAAiB,CAAC,GAEhBoB,IAAmBL,EAAY,MAAM;AACzC,IAAIP,EAAgB,QAAQ,WAAW,KAAKC,EAAyB,YAErEA,EAAyB,UAAU,IAE/BC,KACkBA,EAAA;AAAA,MAClB,WAAW;AAAA,MACX,cAAc;AAAA,QACZ,cAAcF,EAAgB;AAAA,MAChC;AAAA,IAAA,CACD,GAGHA,EAAgB,UAAU,IAC1BC,EAAyB,UAAU;AAAA,EAAA,GAClC,CAACC,CAAmB,CAAC,GAElBW,IAAeC,EAAQ,MAAMC,EAASH,GAAkB,GAAG,GAAG,CAACA,CAAgB,CAAC,GAEhFI,IAAeT,EAAY,MAAM;;AAC/B,UAAAU,MAAcC,IAAApB,EAAa,YAAb,gBAAAoB,EAAsB,cAAa;AAEvC,IAAAlB,EAAA,QAAQ,KAAKiB,CAAW,GAE3BJ;EAAA,GACZ,CAACA,CAAY,CAAC;AAEjB,SAAAM,EAAU,MAAM;AACD,IAAAb;EAAA,GACZ,CAACA,CAAY,CAAC,GAEjBa,EAAU,MAAM;AACd,QAAIrB,EAAa,WACXP,GAAW;AACb,YAAMiB,IAAgBV,EAAa;AAErB,aAAAU,EAAA,iBAAiB,UAAUQ,CAAY,GAE9C,MAAM;AACX,QAAIR,KACYA,EAAA,oBAAoB,UAAUQ,CAAY;AAAA,MAC1D;AAAA,IAEJ;AAAA,EACF,GACC,CAACzB,GAAWyB,CAAY,CAAC,GAE5BG,EAAU,MAAM;AACd,UAAMX,IAAgBV,EAAa;AAEnC,QACEM,KACA,MAAM,QAAQA,CAAoB,KAClC,CAACb,KACDiB,GACA;AACA,YAAMY,IAAgB,KAAK;AAAA,QACzBhB,EAAqB,OAAO,CAACiB,GAAGC,MAAMD,IAAIC,GAAG,CAAC,IAAIlB,EAAqB;AAAA,MAAA;AAGzE,MAAAI,EAAc,SAAS;AAAA,QACrB,KAAKY;AAAA,QACL,UAAU;AAAA,MAAA,CACX;AAAA,IACH;AAAA,EAAA,GACC,CAAChB,GAAsBb,CAAS,CAAC,GAEpC4B,EAAU,MACD,MAAM;AACE,IAAAhB;EAAA,GAEd,CAACA,CAAY,CAAC,qBAGdoB,GAAA,EAAiB,KAAKzB,GAAc,eAAeP,GAClD,UAAA,gBAAAiC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,YAAYlC;AAAA,MACZ,UAAU;AAAA,MACV,eAAeA;AAAA,MACf,IAAG;AAAA,MAEF,UACCM,IAAA,gBAAA2B,EAAAE,GAAA,EACE,UAAC,gBAAAF,EAAAG,GAAA,EACC,UAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,eAAe/B;AAAA,UACf,WAAAR;AAAA,UACA,UAAUE,IAAY,YAAY;AAAA,UAClC,QAAQoB;AAAA,QAAA;AAAA,MAAA,EAEZ,CAAA,EACF,CAAA,IAEA,gBAAAa;AAAA,QAACK;AAAAA,QAAA;AAAA,UACC,UAAUtC,IAAY,YAAY;AAAA,UAClC,aAAaK;AAAA,UACb,WAAAP;AAAA,UACA,oBAAAK;AAAA,UACA,eAAc;AAAA,UACd,gBAAgBe;AAAA,UAChB,cAAcd;AAAA,UACd,gBAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA;AAAA,EAGN,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/learning-plan/index.tsx"],"sourcesContent":["import type { IChapterDataProps } from '../../../chapters/chapter/chapter-types';\n\nimport throttle from 'lodash.throttle';\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport ChapterDetails from '../../../chapters-v2/chapter-details/chapter-details';\nimport MilestoneList from '../../../milestone/milestone-list-container/milestone-list-container';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource } from '../../helper';\nimport * as Styled from './learning-plan-styled';\nimport { useLearningPlanScrollSync } from './use-learning-plan-scroll-sync';\n\nconst LearningPlan: React.FC = () => {\n  const { trialHomeData, studentId, formData, isTeacher, updateSlideConfig } =\n    useTrialSessionContext();\n  const {\n    demo_info: { student_classroom_id: studentClassroomId, stream },\n    intel_student: intelStudent,\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  const isPLA = isPLASource(intelStudent?.source);\n\n  const {\n    publishScrollEvents,\n    closeChannel,\n    scrollPoints: receivedScrollPoints,\n  } = useLearningPlanScrollSync(studentClassroomId);\n\n  const fetchChapter = useCallback(() => {\n    if (chapterId && studentId) {\n      const scrollElement = containerRef.current;\n\n      scrollElement?.scrollTo({\n        top: 0,\n        behavior: 'smooth',\n      });\n    }\n  }, [studentId, chapterId]);\n\n  const handleOnChapterClick = useCallback(\n    (chapter: IChapterDataProps) => {\n      updateSlideConfig({\n        chapterId: chapter.id,\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleOnBackIconClick = useCallback(() => {\n    updateSlideConfig({\n      chapterId: undefined,\n    });\n  }, [updateSlideConfig]);\n\n  const sendScrollPoints = useCallback(() => {\n    if (scrollPointsRef.current.length === 0 || isSendingScrollPointsRef.current) return;\n\n    isSendingScrollPointsRef.current = true;\n\n    if (publishScrollEvents) {\n      publishScrollEvents({\n        eventName: 'TRIAL_SESSION_GOAL_PLAN_SCROLL',\n        eventPayload: {\n          scrollPoints: scrollPointsRef.current,\n        },\n      });\n    }\n\n    scrollPointsRef.current = [];\n    isSendingScrollPointsRef.current = false;\n  }, [publishScrollEvents]);\n\n  const throttleSend = useMemo(() => throttle(sendScrollPoints, 500), [sendScrollPoints]);\n\n  const handleScroll = useCallback(() => {\n    const scrollPoint = containerRef.current?.scrollTop || 0;\n\n    scrollPointsRef.current.push(scrollPoint);\n\n    throttleSend();\n  }, [throttleSend]);\n\n  useEffect(() => {\n    fetchChapter();\n  }, [fetchChapter]);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      if (isTeacher) {\n        const scrollElement = containerRef.current;\n\n        scrollElement.addEventListener('scroll', handleScroll);\n\n        return () => {\n          if (scrollElement) {\n            scrollElement.removeEventListener('scroll', handleScroll);\n          }\n        };\n      }\n    }\n  }, [isTeacher, handleScroll]);\n\n  useEffect(() => {\n    const scrollElement = containerRef.current;\n\n    if (\n      receivedScrollPoints &&\n      Array.isArray(receivedScrollPoints) &&\n      !isTeacher &&\n      scrollElement\n    ) {\n      const averageScroll = Math.floor(\n        receivedScrollPoints.reduce((a, b) => a + b, 0) / receivedScrollPoints.length,\n      );\n\n      scrollElement.scrollTo({\n        top: averageScroll,\n        behavior: 'smooth',\n      });\n    }\n  }, [receivedScrollPoints, isTeacher]);\n\n  useEffect(() => {\n    return () => {\n      closeChannel();\n    };\n  }, [closeChannel]);\n\n  return (\n    <Styled.Container ref={containerRef} $isScrollable={isTeacher}>\n      <Styled.Wrapper\n        $clickable={isTeacher}\n        $gutterX={2}\n        $isScrollable={isTeacher}\n        id=\"milestone-list-element-container\"\n      >\n        {chapterId ? (\n          <>\n            <Styled.ChapterWrapper>\n              <ChapterDetails\n                userChapterId={chapterId}\n                studentId={studentId}\n                userType={isTeacher ? 'TEACHER' : 'STUDENT'}\n                onExit={handleOnBackIconClick}\n              />\n            </Styled.ChapterWrapper>\n          </>\n        ) : (\n          <MilestoneList\n            userType={isTeacher ? 'TEACHER' : 'STUDENT'}\n            studentName={name}\n            studentId={studentId}\n            studentClassroomId={studentClassroomId}\n            milestoneType={isPLA ? 'ACTIVE' : 'DRAFT'}\n            onChapterClick={handleOnChapterClick}\n            courseStream={stream}\n            isTrialSession\n          />\n        )}\n      </Styled.Wrapper>\n    </Styled.Container>\n  );\n};\n\nexport default LearningPlan;\n"],"names":["LearningPlan","trialHomeData","studentId","formData","isTeacher","updateSlideConfig","useTrialSessionContext","studentClassroomId","stream","intelStudent","name","chapterId","containerRef","useRef","scrollPointsRef","isSendingScrollPointsRef","isPLA","isPLASource","publishScrollEvents","closeChannel","receivedScrollPoints","useLearningPlanScrollSync","fetchChapter","useCallback","scrollElement","handleOnChapterClick","chapter","handleOnBackIconClick","sendScrollPoints","throttleSend","useMemo","throttle","handleScroll","scrollPoint","_a","useEffect","averageScroll","a","b","Styled.Container","jsx","Styled.Wrapper","Fragment","Styled.ChapterWrapper","ChapterDetails","MilestoneList"],"mappings":"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"}