@cuemath/leap 3.5.52-as1 → 3.5.53-j1

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

@@ -1,105 +1,232 @@
-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
-  } = j(C), E = s(() => {
-    if (i && l) {
-      const e = t.current;
-      e == null || e.scrollTo({
-        top: 0,
-        behavior: "smooth"
+import { jsx as l } from "react/jsx-runtime";
+import { useRef as z, useCallback as s, useEffect as U, useMemo as B } from "react";
+import F from "../../../chapters-v2/chapter-details/chapter-details.js";
+import G from "../../../milestone/edit/goal-draft-edit-sync.js";
+import K from "../../../milestone/milestone-list-container/milestone-list-sync.js";
+import Z from "../../../milestone/milestone-resources/resources-assign/resource-assign-sync.js";
+import j from "../../../milestone/milestone-tests/tests-creation/tests-creation-sync.js";
+import J from "../../../worksheet/worksheet-preview/worksheet-preview.js";
+import { NODE_TYPES as X } from "../../../../types/models/worksheet.js";
+import { useTrialSessionContext as Y } from "../../context/use-trial-session-context.js";
+import { isPLASource as q } from "../../helper.js";
+import { useLearningPlanScrollSync as Q } from "../../hooks/use-learning-plan-scroll-sync.js";
+import { ELearningPlanView as r } from "../../trial-session-types.js";
+import { Container as ee, Wrapper as ne } from "./learning-plan-styled.js";
+const pe = () => {
+  const { trialHomeData: O, studentId: a, formData: t, isTeacher: e, updateSlideConfig: i } = Y(), {
+    demo_info: { student_classroom_id: c, stream: g, region_data: x },
+    intel_student: T,
+    student: b
+  } = O || {}, { opportunity_country: A = "US" } = x || {}, { enrollment_type: _ } = b || {}, { name: h = "", grade: v = "" } = t || {}, R = z(null), V = q(T == null ? void 0 : T.source), m = t == null ? void 0 : t.learningPlanView, P = t == null ? void 0 : t.learningPlanChapterId, o = t == null ? void 0 : t.learningPlanActiveMilestoneId, d = e ? "TEACHER" : "STUDENT", { resetScrollPosition: E, closeScrollChannel: w } = Q({
+    studentClassroomId: c,
+    containerRef: R,
+    isTeacher: e
+  }), W = s(
+    (n) => {
+      e && i({
+        learningPlanView: r.VIEW_CHAPTER_DETAILS,
+        learningPlanChapterId: n.id
       });
-    }
-  }, [l, i]), _ = s(
-    (e) => {
-      c({
-        chapterId: e.id
+    },
+    [e, i]
+  ), M = s(
+    (n) => {
+      e && i({
+        learningPlanView: r.ADD_RESOURCE,
+        learningPlanActiveMilestoneId: n
       });
     },
-    [c]
-  ), b = s(() => {
-    c({
-      chapterId: void 0
-    });
-  }, [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 = [], 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), L();
-  }, [L]);
-  return m(() => {
-    E();
-  }, [E]), m(() => {
-    if (t.current && r) {
-      const e = t.current;
-      return e.addEventListener("scroll", h), () => {
-        e && e.removeEventListener("scroll", h);
-      };
-    }
-  }, [r, h]), m(() => {
-    const e = t.current;
-    if (n && Array.isArray(n) && !r && e) {
-      const u = Math.floor(
-        n.reduce((y, k) => y + k, 0) / n.length
-      );
-      e.scrollTo({
-        top: u,
-        behavior: "smooth"
+    [e, i]
+  ), N = s(
+    (n) => {
+      e && i({
+        learningPlanView: r.ADD_TESTS,
+        learningPlanActiveMilestoneId: n
+      });
+    },
+    [e, i]
+  ), k = s(
+    (n) => {
+      e && i({
+        learningPlanView: r.EDIT_MILESTONES,
+        learningPlanActiveMilestoneId: n.milestoneId
+      });
+    },
+    [e, i]
+  ), D = s(() => {
+    e && (i({
+      learningPlanView: void 0,
+      learningPlanChapterId: void 0,
+      learningPlanWorksheetData: void 0
+    }), E());
+  }, [e, i, E]), L = s(() => {
+    e && (i({
+      learningPlanView: P ? r.VIEW_CHAPTER_DETAILS : void 0,
+      learningPlanWorksheetData: void 0
+    }), E());
+  }, [e, i, P, E]), u = s(() => {
+    e && (i({
+      learningPlanView: void 0,
+      learningPlanActiveMilestoneId: void 0
+    }), E());
+  }, [e, i, E]);
+  U(() => () => {
+    w();
+  }, [w]);
+  const f = B(
+    () => t == null ? void 0 : t.learningPlanWorksheetData,
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [JSON.stringify(t == null ? void 0 : t.learningPlanWorksheetData)]
+  ), I = s((n) => {
+    alert(`Error: ${n || "Unknown error"}`);
+  }, []), p = s(
+    (n) => {
+      var S;
+      if (!e) return;
+      const C = n.node_type === X.PUZZLE_CARD ? "puzzle" : "test";
+      i({
+        learningPlanView: r.VIEW_WORKSHEET,
+        learningPlanWorksheetData: {
+          itemRefs: ((S = n.items) == null ? void 0 : S.map((y) => y.ref)) ?? [],
+          activityReference: n.learnosity_activity_ref ?? C,
+          nodeType: n.node_type,
+          worksheetName: n.title,
+          activityType: n.activity_type
+        }
       });
+    },
+    [e, i]
+  ), H = s(() => {
+    if (m === r.VIEW_WORKSHEET && f) {
+      const { itemRefs: n, activityReference: $, nodeType: C, worksheetName: S, activityType: y } = f;
+      return /* @__PURE__ */ l(
+        J,
+        {
+          activityReference: $,
+          mode: "preview",
+          nodeType: C,
+          activityType: y,
+          userType: d,
+          studentId: a,
+          worksheetName: S,
+          onBackIconClick: L,
+          items: n,
+          behaviorOverride: { navigationMode: "OPEN" },
+          layoutOverride: { containerWidth: "100%" }
+        }
+      );
     }
-  }, [n, r]), m(() => () => {
-    T();
-  }, [T]), /* @__PURE__ */ o(F, { ref: t, $isScrollable: r, children: /* @__PURE__ */ o(
-    U,
+    return m === r.VIEW_CHAPTER_DETAILS && P ? /* @__PURE__ */ l(
+      F,
+      {
+        userChapterId: P,
+        studentId: a,
+        userType: d,
+        onExit: D,
+        onNodeView: p
+      }
+    ) : m === r.ADD_RESOURCE && o ? /* @__PURE__ */ l(
+      Z,
+      {
+        channelId: `a-r-s-${c}-${o}`,
+        stream: g,
+        studentId: a,
+        userMilestoneId: o,
+        userType: d,
+        onResourceAssign: u,
+        onExitResourceAssign: u,
+        onViewResource: () => alert("View Resource"),
+        onError: I
+      }
+    ) : m === r.ADD_TESTS && o ? /* @__PURE__ */ l(
+      j,
+      {
+        channelId: `a-t-s-${c}-${o}`,
+        courseStream: g,
+        milestoneId: o,
+        studentId: a,
+        testNumber: 1,
+        userType: d,
+        onTestAssign: u,
+        onExit: u,
+        onError: I,
+        isTrialSession: !0
+      }
+    ) : m === r.EDIT_MILESTONES && o ? /* @__PURE__ */ l(
+      G,
+      {
+        channelId: `e-m-s-${c}-${o}`,
+        studentId: a,
+        height: "100%",
+        grade: v || "",
+        currentCountryCode: A,
+        studentName: h,
+        onExit: u,
+        onPreSubmit: u,
+        userType: d,
+        milestoneId: o,
+        isGoalCreation: !1,
+        courseStream: g,
+        classRatio: 1,
+        enrollmentType: _,
+        isTrialSession: !0
+      }
+    ) : /* @__PURE__ */ l(
+      K,
+      {
+        channelId: `milestone-list-sync-${c}`,
+        userType: d,
+        studentName: h,
+        studentId: a,
+        studentClassroomId: c,
+        milestoneType: V ? "ACTIVE" : "DRAFT",
+        onChapterClick: W,
+        onAssignResources: M,
+        onCreateMilestoneTest: N,
+        onEdit: k,
+        courseStream: g,
+        isTrialSession: !0,
+        onNodeView: p,
+        onTestPreview: p
+      }
+    );
+  }, [
+    m,
+    f,
+    P,
+    o,
+    c,
+    d,
+    h,
+    a,
+    V,
+    g,
+    v,
+    A,
+    _,
+    W,
+    M,
+    N,
+    k,
+    p,
+    L,
+    D,
+    u,
+    I
+  ]);
+  return /* @__PURE__ */ l(ee, { ref: R, $isScrollable: e, children: /* @__PURE__ */ l(
+    ne,
     {
-      $clickable: r,
+      $clickable: e,
       $gutterX: 2,
-      $isScrollable: r,
+      $isScrollable: e,
       id: "milestone-list-element-container",
-      children: i ? /* @__PURE__ */ o(D, { children: /* @__PURE__ */ o(W, { children: /* @__PURE__ */ o(
-        x,
-        {
-          userChapterId: i,
-          studentId: l,
-          userType: r ? "TEACHER" : "STUDENT",
-          onExit: b
-        }
-      ) }) }) : /* @__PURE__ */ o(
-        $,
-        {
-          userType: r ? "TEACHER" : "STUDENT",
-          studentName: g,
-          studentId: l,
-          studentClassroomId: C,
-          milestoneType: R ? "ACTIVE" : "DRAFT",
-          onChapterClick: _,
-          courseStream: I,
-          isTrialSession: !0
-        }
-      )
+      $height: "100%",
+      children: H()
     }
   ) });
 };
 export {
-  Q as default
+  pe 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 throttle from 'lodash.throttle';\nimport { useCallback, useEffect, useMemo, useRef, type FC } from 'react';\n\nimport ChapterDetails from '../../../chapters-v2/chapter-details/chapter-details';\nimport type { IChapterDataProps } from '../../../chapters/chapter/chapter-types';\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: 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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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/learning-plan/index.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, type FC } from 'react';\n\nimport type { IChapterDataProps } from '../../../chapters/chapter/chapter-types';\nimport ChapterDetails from '../../../chapters-v2/chapter-details/chapter-details';\nimport type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\nimport GoalDraftEditSync from '../../../milestone/edit/goal-draft-edit-sync';\nimport type { IMilestoneEditProps } from '../../../milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-types';\nimport MilestoneListSync from '../../../milestone/milestone-list-container/milestone-list-sync';\nimport EPResourceAssignSync from '../../../milestone/milestone-resources/resources-assign/resource-assign-sync';\nimport TestsCreationSync from '../../../milestone/milestone-tests/tests-creation/tests-creation-sync';\nimport PreviewWorksheet from '../../../worksheet/worksheet-preview/worksheet-preview';\nimport { NODE_TYPES, type TNodeTypes } from '../../../../types/models/worksheet';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource } from '../../helper';\nimport { useLearningPlanScrollSync } from '../../hooks/use-learning-plan-scroll-sync';\nimport { ELearningPlanView } from '../../trial-session-types';\nimport * as Styled from './learning-plan-styled';\n\nconst LearningPlan: FC = () => {\n  const { trialHomeData, studentId, formData, isTeacher, updateSlideConfig } =\n    useTrialSessionContext();\n  const {\n    demo_info: { student_classroom_id: studentClassroomId, stream, region_data: regionData },\n    intel_student: intelStudent,\n    student,\n  } = trialHomeData || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const { enrollment_type: enrollmentType } = student || {};\n  const { name = '', grade = '' } = formData || {};\n  const containerRef = useRef<HTMLDivElement>(null);\n  const isPLA = isPLASource(intelStudent?.source);\n  const learningPlanView = formData?.learningPlanView;\n  const learningPlanChapterId = formData?.learningPlanChapterId;\n  const learningPlanActiveMilestoneId = formData?.learningPlanActiveMilestoneId;\n  const userType = isTeacher ? 'TEACHER' : 'STUDENT';\n  const { resetScrollPosition, closeScrollChannel } = useLearningPlanScrollSync({\n    studentClassroomId,\n    containerRef,\n    isTeacher,\n  });\n\n  const handleChapterClick = useCallback(\n    (chapter: IChapterDataProps) => {\n      if (!isTeacher) return;\n\n      updateSlideConfig({\n        learningPlanView: ELearningPlanView.VIEW_CHAPTER_DETAILS,\n        learningPlanChapterId: chapter.id,\n      });\n    },\n    [isTeacher, updateSlideConfig],\n  );\n\n  const handleAssignResources = useCallback(\n    (userMilestoneId: string) => {\n      if (!isTeacher) return;\n\n      updateSlideConfig({\n        learningPlanView: ELearningPlanView.ADD_RESOURCE,\n        learningPlanActiveMilestoneId: userMilestoneId,\n      });\n    },\n    [isTeacher, updateSlideConfig],\n  );\n\n  const handleCreateTest = useCallback(\n    (userMilestoneId: string) => {\n      if (!isTeacher) return;\n\n      updateSlideConfig({\n        learningPlanView: ELearningPlanView.ADD_TESTS,\n        learningPlanActiveMilestoneId: userMilestoneId,\n      });\n    },\n    [isTeacher, updateSlideConfig],\n  );\n\n  const handleEditMilestone = useCallback(\n    (editProps: IMilestoneEditProps) => {\n      if (!isTeacher) return;\n\n      updateSlideConfig({\n        learningPlanView: ELearningPlanView.EDIT_MILESTONES,\n        learningPlanActiveMilestoneId: editProps.milestoneId,\n      });\n    },\n    [isTeacher, updateSlideConfig],\n  );\n\n  const handleBackToList = useCallback(() => {\n    if (!isTeacher) return;\n\n    updateSlideConfig({\n      learningPlanView: undefined,\n      learningPlanChapterId: undefined,\n      learningPlanWorksheetData: undefined,\n    });\n    resetScrollPosition();\n  }, [isTeacher, updateSlideConfig, resetScrollPosition]);\n\n  const handleExitWorksheet = useCallback(() => {\n    if (!isTeacher) return;\n\n    updateSlideConfig({\n      learningPlanView: learningPlanChapterId ? ELearningPlanView.VIEW_CHAPTER_DETAILS : undefined,\n      learningPlanWorksheetData: undefined,\n    });\n    resetScrollPosition();\n  }, [isTeacher, updateSlideConfig, learningPlanChapterId, resetScrollPosition]);\n\n  const handleExitForm = useCallback(() => {\n    if (!isTeacher) return;\n\n    updateSlideConfig({\n      learningPlanView: undefined,\n      learningPlanActiveMilestoneId: undefined,\n    });\n    resetScrollPosition();\n  }, [isTeacher, updateSlideConfig, resetScrollPosition]);\n\n  useEffect(() => {\n    return () => {\n      closeScrollChannel();\n    };\n  }, [closeScrollChannel]);\n\n  const syncedWorksheetData = useMemo(\n    () => formData?.learningPlanWorksheetData,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [JSON.stringify(formData?.learningPlanWorksheetData)],\n  );\n\n  const handleError = useCallback((errorMessage?: string) => {\n    alert(`Error: ${errorMessage || 'Unknown error'}`);\n  }, []);\n\n  const handleNodeView = useCallback(\n    (worksheetData: INodeDataProps) => {\n      if (!isTeacher) return;\n\n      const isPuzzleSheet = worksheetData.node_type === NODE_TYPES.PUZZLE_CARD;\n      const defaultActivityRef = isPuzzleSheet ? 'puzzle' : 'test';\n\n      updateSlideConfig({\n        learningPlanView: ELearningPlanView.VIEW_WORKSHEET,\n        learningPlanWorksheetData: {\n          itemRefs: worksheetData.items?.map(item => item.ref) ?? [],\n          activityReference: worksheetData.learnosity_activity_ref ?? defaultActivityRef,\n          nodeType: worksheetData.node_type,\n          worksheetName: worksheetData.title,\n          activityType: worksheetData.activity_type,\n        },\n      });\n    },\n    [isTeacher, updateSlideConfig],\n  );\n\n  const renderContent = useCallback(() => {\n    if (learningPlanView === ELearningPlanView.VIEW_WORKSHEET && syncedWorksheetData) {\n      const { itemRefs, activityReference, nodeType, worksheetName, activityType } =\n        syncedWorksheetData;\n\n      return (\n        <PreviewWorksheet\n          activityReference={activityReference!}\n          mode=\"preview\"\n          nodeType={nodeType as TNodeTypes}\n          activityType={activityType}\n          userType={userType}\n          studentId={studentId}\n          worksheetName={worksheetName}\n          onBackIconClick={handleExitWorksheet}\n          items={itemRefs}\n          behaviorOverride={{ navigationMode: 'OPEN' }}\n          layoutOverride={{ containerWidth: '100%' }}\n        />\n      );\n    }\n\n    if (learningPlanView === ELearningPlanView.VIEW_CHAPTER_DETAILS && learningPlanChapterId) {\n      return (\n        <ChapterDetails\n          userChapterId={learningPlanChapterId}\n          studentId={studentId}\n          userType={userType}\n          onExit={handleBackToList}\n          onNodeView={handleNodeView}\n        />\n      );\n    }\n\n    if (learningPlanView === ELearningPlanView.ADD_RESOURCE && learningPlanActiveMilestoneId) {\n      return (\n        <EPResourceAssignSync\n          channelId={`a-r-s-${studentClassroomId}-${learningPlanActiveMilestoneId}`}\n          stream={stream}\n          studentId={studentId}\n          userMilestoneId={learningPlanActiveMilestoneId}\n          userType={userType}\n          onResourceAssign={handleExitForm}\n          onExitResourceAssign={handleExitForm}\n          onViewResource={() => alert('View Resource')}\n          onError={handleError}\n        />\n      );\n    }\n\n    if (learningPlanView === ELearningPlanView.ADD_TESTS && learningPlanActiveMilestoneId) {\n      return (\n        <TestsCreationSync\n          channelId={`a-t-s-${studentClassroomId}-${learningPlanActiveMilestoneId}`}\n          courseStream={stream}\n          milestoneId={learningPlanActiveMilestoneId}\n          studentId={studentId}\n          testNumber={1}\n          userType={userType}\n          onTestAssign={handleExitForm}\n          onExit={handleExitForm}\n          onError={handleError}\n          isTrialSession\n        />\n      );\n    }\n\n    if (learningPlanView === ELearningPlanView.EDIT_MILESTONES && learningPlanActiveMilestoneId) {\n      return (\n        <GoalDraftEditSync\n          channelId={`e-m-s-${studentClassroomId}-${learningPlanActiveMilestoneId}`}\n          studentId={studentId}\n          height=\"100%\"\n          grade={grade || ''}\n          currentCountryCode={countryCode}\n          studentName={name}\n          onExit={handleExitForm}\n          onPreSubmit={handleExitForm}\n          userType={userType}\n          milestoneId={learningPlanActiveMilestoneId}\n          isGoalCreation={false}\n          courseStream={stream}\n          classRatio={1}\n          enrollmentType={enrollmentType}\n          isTrialSession\n        />\n      );\n    }\n\n    return (\n      <MilestoneListSync\n        channelId={`milestone-list-sync-${studentClassroomId}`}\n        userType={userType}\n        studentName={name}\n        studentId={studentId}\n        studentClassroomId={studentClassroomId}\n        milestoneType={isPLA ? 'ACTIVE' : 'DRAFT'}\n        onChapterClick={handleChapterClick}\n        onAssignResources={handleAssignResources}\n        onCreateMilestoneTest={handleCreateTest}\n        onEdit={handleEditMilestone}\n        courseStream={stream}\n        isTrialSession\n        onNodeView={handleNodeView}\n        onTestPreview={handleNodeView}\n      />\n    );\n  }, [\n    learningPlanView,\n    syncedWorksheetData,\n    learningPlanChapterId,\n    learningPlanActiveMilestoneId,\n    studentClassroomId,\n    userType,\n    name,\n    studentId,\n    isPLA,\n    stream,\n    grade,\n    countryCode,\n    enrollmentType,\n    handleChapterClick,\n    handleAssignResources,\n    handleCreateTest,\n    handleEditMilestone,\n    handleNodeView,\n    handleExitWorksheet,\n    handleBackToList,\n    handleExitForm,\n    handleError,\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        $height=\"100%\"\n      >\n        {renderContent()}\n      </Styled.Wrapper>\n    </Styled.Container>\n  );\n};\n\nexport default LearningPlan;\n"],"names":["LearningPlan","trialHomeData","studentId","formData","isTeacher","updateSlideConfig","useTrialSessionContext","studentClassroomId","stream","regionData","intelStudent","student","countryCode","enrollmentType","name","grade","containerRef","useRef","isPLA","isPLASource","learningPlanView","learningPlanChapterId","learningPlanActiveMilestoneId","userType","resetScrollPosition","closeScrollChannel","useLearningPlanScrollSync","handleChapterClick","useCallback","chapter","ELearningPlanView","handleAssignResources","userMilestoneId","handleCreateTest","handleEditMilestone","editProps","handleBackToList","handleExitWorksheet","handleExitForm","useEffect","syncedWorksheetData","useMemo","handleError","errorMessage","handleNodeView","worksheetData","defaultActivityRef","NODE_TYPES","_a","item","renderContent","itemRefs","activityReference","nodeType","worksheetName","activityType","jsx","PreviewWorksheet","ChapterDetails","EPResourceAssignSync","TestsCreationSync","GoalDraftEditSync","MilestoneListSync","Styled.Container","Styled.Wrapper"],"mappings":"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"}

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

@@ -1,9 +1,11 @@
 import t from "styled-components";
-import p from "../../../../assets/line-icons/icons/back2.js";
+import i from "../../../../assets/line-icons/icons/back2.js";
 import r from "../../../ui/layout/flex-view.js";
-const l = t.div(({ $isScrollable: o }) => `
+const s = t.div(({ $isScrollable: o }) => `
     overflow-y: auto;
     pointer-events: ${o ? "auto" : "none"};
+    height: 100%;
+    overflow-x: hidden;
   `), u = t(r)(({ $clickable: o, $isScrollable: e }) => `
     & > * {
       pointer-events: ${e ? "auto" : "none"};
@@ -22,14 +24,14 @@ t(r)`
   position: relative;
   overflow: auto;
 `;
-const c = t(r)`
+t(r)`
   & > * {
     pointer-events: none;
   }
 
   cursor: not-allowed;
 `;
-t(p)(({ theme: o, $clickable: e }) => {
+t(i)(({ theme: o, $clickable: e }) => {
   const { gutter: n } = o.layout;
   return `
     position: sticky;
@@ -41,8 +43,7 @@ t(p)(({ theme: o, $clickable: e }) => {
   `;
 });
 export {
-  c as ChapterWrapper,
-  l as Container,
+  s as Container,
   u as Wrapper
 };
 //# sourceMappingURL=learning-plan-styled.js.map

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

@@ -1 +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 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, BackIcon, ChapterContainer, ChapterWrapper };\n"],"names":["Container","styled","$isScrollable","Wrapper","FlexView","$clickable","ChapterWrapper","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;AAQrBH,EAAOM,CAAS,EAAY,CAAC,EAAE,OAAAC,GAAO,YAAAH,QAAiB;AAChE,QAAA,EAAE,QAAAI,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA;AAAA,aAIIC,IAAS,GAAG;AAAA,cACXA,IAAS,GAAG;AAAA,cACZJ,IAAa,YAAY,aAAa;AAAA;AAEpD,CAAC;"}
+{"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    height: 100%;\n    overflow-x: hidden;\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 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, BackIcon, ChapterContainer, ChapterWrapper };\n"],"names":["Container","styled","$isScrollable","Wrapper","FlexView","$clickable","Back2Icon","theme","gutter"],"mappings":";;;AASA,MAAMA,IAAYC,EAAO,IAAsB,CAAC,EAAE,eAAAC,QACzC;AAAA;AAAA,sBAEaA,IAAgB,SAAS,MAAM;AAAA;AAAA;AAAA,GAIpD,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;AAKjBH,EAAOG,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQrBH,EAAOK,CAAS,EAAY,CAAC,EAAE,OAAAC,GAAO,YAAAF,QAAiB;AAChE,QAAA,EAAE,QAAAG,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA;AAAA,aAIIC,IAAS,GAAG;AAAA,cACXA,IAAS,GAAG;AAAA,cACZH,IAAa,YAAY,aAAa;AAAA;AAEpD,CAAC;"}

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

@@ -0,0 +1,75 @@
+import { useMemo as b, useCallback as m, useRef as C, useEffect as a } from "react";
+import E from "../../../node_modules/lodash.throttle/index.js";
+import { useMessageBrokerChannel as H } from "@cuemath/cue-message-broker";
+const k = ({
+  studentClassroomId: h,
+  containerRef: o,
+  isTeacher: s,
+  onScroll: c
+}) => {
+  const T = `trial-session-goal-plan-${h}`, v = b(
+    () => ({
+      channelId: T,
+      ttl: 1
+    }),
+    [T]
+  ), { channelStatus: f, channel: e, channelMetadata: t, setChannelMetadata: i } = H({
+    channelOptions: v,
+    metadataRequired: !0,
+    enabled: h !== void 0
+  }), u = m(
+    (r) => {
+      i && i({ scrollTop: r });
+    },
+    [i]
+  ), d = m(() => {
+    o.current && o.current.scrollTo({ top: 0, behavior: "auto" });
+  }, [o]), g = m(() => {
+    e && (e.removeChannelMetadata(), setTimeout(() => {
+      e.destroyChannel();
+    }, 500));
+  }, [e]), l = C(null);
+  return a(() => {
+    if (!o.current || !s) return;
+    const r = o.current, n = () => {
+      const p = r.scrollTop;
+      u(p), c == null || c(p);
+    };
+    return l.current = E(n, 500, {
+      leading: !0,
+      trailing: !0
+    }), r.addEventListener("scroll", l.current), () => {
+      l.current && (r.removeEventListener("scroll", l.current), l.current.cancel());
+    };
+  }, [o, s, u, c]), a(() => {
+    if (s) return;
+    const r = o.current, n = t == null ? void 0 : t.scrollTop;
+    if (n === void 0 || !r)
+      return;
+    if (r.scrollHeight > r.clientHeight) {
+      r.scrollTo({
+        top: n,
+        behavior: "auto"
+      });
+      return;
+    }
+    const S = setTimeout(() => {
+      r.scrollHeight > r.clientHeight && r.scrollTo({
+        top: n,
+        behavior: "auto"
+      });
+    }, 500);
+    return () => clearTimeout(S);
+  }, [t == null ? void 0 : t.scrollTop, o, s]), a(() => {
+    !f && e && e.init();
+  }, [e, f]), {
+    syncScrollPosition: u,
+    resetScrollPosition: d,
+    receivedScrollTop: t == null ? void 0 : t.scrollTop,
+    closeScrollChannel: g
+  };
+};
+export {
+  k as useLearningPlanScrollSync
+};
+//# sourceMappingURL=use-learning-plan-scroll-sync.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-learning-plan-scroll-sync.js","sources":["../../../../src/features/trial-session/hooks/use-learning-plan-scroll-sync.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, type RefObject } from 'react';\nimport throttle from 'lodash.throttle';\n\nimport { useMessageBrokerChannel } from '@cuemath/cue-message-broker';\n\ninterface ILearningPlanScrollSyncState {\n  scrollTop?: number;\n}\n\ninterface IUseLearningPlanScrollSync {\n  (options: {\n    studentClassroomId?: string;\n    containerRef: RefObject<HTMLElement | null>;\n    isTeacher: boolean;\n    onScroll?: (scrollTop: number) => void;\n  }): {\n    syncScrollPosition: (scrollTop: number) => void;\n    resetScrollPosition: () => void;\n    receivedScrollTop: number | undefined;\n    closeScrollChannel: () => void;\n  };\n}\n\nconst useLearningPlanScrollSync: IUseLearningPlanScrollSync = ({\n  studentClassroomId,\n  containerRef,\n  isTeacher,\n  onScroll,\n}) => {\n  const channelId = `trial-session-goal-plan-${studentClassroomId}`;\n\n  const channelOptions = useMemo(\n    () => ({\n      channelId,\n      ttl: 1,\n    }),\n    [channelId],\n  );\n\n  const { channelStatus, channel, channelMetadata, setChannelMetadata } = useMessageBrokerChannel<\n    never,\n    ILearningPlanScrollSyncState\n  >({\n    channelOptions,\n    metadataRequired: true,\n    enabled: studentClassroomId !== undefined,\n  });\n\n  const syncScrollPosition = useCallback(\n    (scrollTop: number) => {\n      if (setChannelMetadata) {\n        setChannelMetadata({ scrollTop });\n      }\n    },\n    [setChannelMetadata],\n  );\n\n  const resetScrollPosition = useCallback(() => {\n    if (containerRef.current) {\n      containerRef.current.scrollTo({ top: 0, behavior: 'auto' });\n    }\n  }, [containerRef]);\n\n  const closeScrollChannel = useCallback(() => {\n    if (channel) {\n      channel.removeChannelMetadata();\n      setTimeout(() => {\n        channel.destroyChannel();\n      }, 500);\n    }\n  }, [channel]);\n\n  // Teacher: Publish scroll position\n  const throttledScrollHandlerRef = useRef<ReturnType<typeof throttle> | null>(null);\n\n  useEffect(() => {\n    if (!containerRef.current || !isTeacher) return;\n\n    const scrollElement = containerRef.current;\n\n    const handleScroll = () => {\n      const scrollTop = scrollElement.scrollTop;\n\n      syncScrollPosition(scrollTop);\n      onScroll?.(scrollTop);\n    };\n\n    // Create throttled handler with 100ms delay\n    throttledScrollHandlerRef.current = throttle(handleScroll, 500, {\n      leading: true,\n      trailing: true,\n    });\n\n    scrollElement.addEventListener('scroll', throttledScrollHandlerRef.current);\n\n    return () => {\n      if (throttledScrollHandlerRef.current) {\n        scrollElement.removeEventListener('scroll', throttledScrollHandlerRef.current);\n        throttledScrollHandlerRef.current.cancel();\n      }\n    };\n  }, [containerRef, isTeacher, syncScrollPosition, onScroll]);\n\n  // Student: Receive and apply scroll position\n  useEffect(() => {\n    if (isTeacher) return;\n\n    const scrollElement = containerRef.current;\n    const scrollTop = channelMetadata?.scrollTop;\n\n    if (scrollTop === undefined || !scrollElement) {\n      return;\n    }\n\n    const canScroll = scrollElement.scrollHeight > scrollElement.clientHeight;\n\n    if (canScroll) {\n      scrollElement.scrollTo({\n        top: scrollTop,\n        behavior: 'auto',\n      });\n\n      return;\n    }\n\n    // Content not loaded yet, retry after delay\n    const retryTimeout = setTimeout(() => {\n      if (scrollElement.scrollHeight > scrollElement.clientHeight) {\n        scrollElement.scrollTo({\n          top: scrollTop,\n          behavior: 'auto',\n        });\n      }\n    }, 500);\n\n    return () => clearTimeout(retryTimeout);\n  }, [channelMetadata?.scrollTop, containerRef, isTeacher]);\n\n  useEffect(() => {\n    if (!channelStatus && channel) {\n      channel.init();\n    }\n  }, [channel, channelStatus]);\n\n  return {\n    syncScrollPosition,\n    resetScrollPosition,\n    receivedScrollTop: channelMetadata?.scrollTop,\n    closeScrollChannel,\n  };\n};\n\nexport { useLearningPlanScrollSync };\n"],"names":["useLearningPlanScrollSync","studentClassroomId","containerRef","isTeacher","onScroll","channelId","channelOptions","useMemo","channelStatus","channel","channelMetadata","setChannelMetadata","useMessageBrokerChannel","syncScrollPosition","useCallback","scrollTop","resetScrollPosition","closeScrollChannel","throttledScrollHandlerRef","useRef","useEffect","scrollElement","handleScroll","throttle","retryTimeout"],"mappings":";;;AAuBA,MAAMA,IAAwD,CAAC;AAAA,EAC7D,oBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AACE,QAAAC,IAAY,2BAA2BJ,CAAkB,IAEzDK,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,WAAAF;AAAA,MACA,KAAK;AAAA,IAAA;AAAA,IAEP,CAACA,CAAS;AAAA,EAAA,GAGN,EAAE,eAAAG,GAAe,SAAAC,GAAS,iBAAAC,GAAiB,oBAAAC,EAAA,IAAuBC,EAGtE;AAAA,IACA,gBAAAN;AAAA,IACA,kBAAkB;AAAA,IAClB,SAASL,MAAuB;AAAA,EAAA,CACjC,GAEKY,IAAqBC;AAAA,IACzB,CAACC,MAAsB;AACrB,MAAIJ,KACiBA,EAAA,EAAE,WAAAI,GAAW;AAAA,IAEpC;AAAA,IACA,CAACJ,CAAkB;AAAA,EAAA,GAGfK,IAAsBF,EAAY,MAAM;AAC5C,IAAIZ,EAAa,WACfA,EAAa,QAAQ,SAAS,EAAE,KAAK,GAAG,UAAU,QAAQ;AAAA,EAC5D,GACC,CAACA,CAAY,CAAC,GAEXe,IAAqBH,EAAY,MAAM;AAC3C,IAAIL,MACFA,EAAQ,sBAAsB,GAC9B,WAAW,MAAM;AACf,MAAAA,EAAQ,eAAe;AAAA,OACtB,GAAG;AAAA,EACR,GACC,CAACA,CAAO,CAAC,GAGNS,IAA4BC,EAA2C,IAAI;AAEjF,SAAAC,EAAU,MAAM;AACd,QAAI,CAAClB,EAAa,WAAW,CAACC,EAAW;AAEzC,UAAMkB,IAAgBnB,EAAa,SAE7BoB,IAAe,MAAM;AACzB,YAAMP,IAAYM,EAAc;AAEhC,MAAAR,EAAmBE,CAAS,GAC5BX,KAAA,QAAAA,EAAWW;AAAA,IAAS;AAII,WAAAG,EAAA,UAAUK,EAASD,GAAc,KAAK;AAAA,MAC9D,SAAS;AAAA,MACT,UAAU;AAAA,IAAA,CACX,GAEaD,EAAA,iBAAiB,UAAUH,EAA0B,OAAO,GAEnE,MAAM;AACX,MAAIA,EAA0B,YACdG,EAAA,oBAAoB,UAAUH,EAA0B,OAAO,GAC7EA,EAA0B,QAAQ;IACpC;AAAA,KAED,CAAChB,GAAcC,GAAWU,GAAoBT,CAAQ,CAAC,GAG1DgB,EAAU,MAAM;AACd,QAAIjB,EAAW;AAEf,UAAMkB,IAAgBnB,EAAa,SAC7Ba,IAAYL,KAAA,gBAAAA,EAAiB;AAE/B,QAAAK,MAAc,UAAa,CAACM;AAC9B;AAKF,QAFkBA,EAAc,eAAeA,EAAc,cAE9C;AACb,MAAAA,EAAc,SAAS;AAAA,QACrB,KAAKN;AAAA,QACL,UAAU;AAAA,MAAA,CACX;AAED;AAAA,IACF;AAGM,UAAAS,IAAe,WAAW,MAAM;AAChC,MAAAH,EAAc,eAAeA,EAAc,gBAC7CA,EAAc,SAAS;AAAA,QACrB,KAAKN;AAAA,QACL,UAAU;AAAA,MAAA,CACX;AAAA,OAEF,GAAG;AAEC,WAAA,MAAM,aAAaS,CAAY;AAAA,KACrC,CAACd,KAAA,gBAAAA,EAAiB,WAAWR,GAAcC,CAAS,CAAC,GAExDiB,EAAU,MAAM;AACV,IAAA,CAACZ,KAAiBC,KACpBA,EAAQ,KAAK;AAAA,EACf,GACC,CAACA,GAASD,CAAa,CAAC,GAEpB;AAAA,IACL,oBAAAK;AAAA,IACA,qBAAAG;AAAA,IACA,mBAAmBN,KAAA,gBAAAA,EAAiB;AAAA,IACpC,oBAAAO;AAAA,EAAA;AAEJ;"}