@cuemath/leap 3.5.65 → 3.5.66-link0

package/dist/features/trial-session/hooks/use-trial-session-navigation.js

@@ -1,230 +1,262 @@
-import { useCallback as r, useEffect as oe } from "react";
-import { COURSE_STREAMS as se } from "../../milestone/constants.js";
-import { useMilestoneBulkPost as ae } from "../../milestone/create/api/milestone-bulk.js";
-import { usePostStudentPreferences as ne } from "../api/course-stream.js";
-import { usePatchStudentInformation as ie } from "../api/student-information.js";
-import { usePostTeacherAvailability as re } from "../api/teacher-availability.js";
-import { usePatchTrialHome as ce } from "../api/trial-home.js";
-import { useTrialSessionContext as le } from "../context/use-trial-session-context.js";
-import { getFormattedPreferences as Z, getWeekdayAndStartTimeFromPreference as de, getFormattedStudentPersonalizedPreference as me } from "../helper.js";
-import { DEFAULT_BUTTON_STATE as f, TrialPageId as t } from "../trial-session-constants.js";
-import j from "../../../node_modules/uuid/dist/esm-browser/v4.js";
-const ge = () => {
+import { useCallback as i, useEffect as re } from "react";
+import { COURSE_STREAMS as ce } from "../../milestone/constants.js";
+import { useMilestoneBulkPost as le } from "../../milestone/create/api/milestone-bulk.js";
+import { usePostStudentPreferences as de } from "../api/course-stream.js";
+import { usePatchStudentInformation as me } from "../api/student-information.js";
+import { usePostTeacherAvailability as fe } from "../api/teacher-availability.js";
+import { usePatchTrialHome as ue } from "../api/trial-home.js";
+import { useTrialSessionContext as _e } from "../context/use-trial-session-context.js";
+import { getFormattedPreferences as Y, getWeekdayAndStartTimeFromPreference as pe, getFormattedStudentPersonalizedPreference as Ee } from "../helper.js";
+import { TrialPageId as t, DEFAULT_BUTTON_STATE as _ } from "../trial-session-constants.js";
+import $ from "../../../node_modules/uuid/dist/esm-browser/v4.js";
+const ve = () => {
   const {
     updateSlideConfig: a,
-    slideConfig: q,
-    formData: J,
+    slideConfig: ee,
+    demoType: d,
+    formData: te,
     updateButtonState: s,
-    teacherId: c,
-    studentId: l,
-    milestoneConfig: T,
-    handleInfoMessage: _,
-    onTrialInformationUpdate: g,
-    trialHomeData: P,
-    worksheetNavigationPanel: C
-  } = le(), { nextPage: Q, id: u } = q || {}, { demo_info: X } = P, { stream: R, region_data: Y } = X, { opportunity_country: k = "US" } = Y || {}, { pageId: i } = Q || {}, {
-    name: E,
-    grade: p,
-    goals: y,
-    curriculum: L,
-    studentTimezone: N,
-    preferences: I = [],
-    personalizedLevel: D = [],
-    personalizedFocus: O = [],
-    personalizedBehaviors: G = [],
-    personalizedObjectives: x = [],
-    personalizedPosition: z = []
-  } = J || {}, d = r(() => {
+    teacherId: r,
+    studentId: c,
+    milestoneConfig: D,
+    handleInfoMessage: I,
+    onTrialInformationUpdate: C,
+    trialHomeData: v,
+    worksheetNavigationPanel: R
+  } = _e(), { nextPage: oe, id: m } = ee || {}, { demo_info: se } = v, { stream: G, region_data: ae } = se, { opportunity_country: x = "US" } = ae || {}, { pageId: n } = oe || {}, {
+    name: L,
+    grade: E,
+    goals: U,
+    curriculum: S,
+    selectedTopics: z = [],
+    studentTimezone: g,
+    preferences: P = [],
+    personalizedLevel: M = [],
+    personalizedFocus: V = [],
+    personalizedBehaviors: B = [],
+    personalizedObjectives: F = [],
+    personalizedPosition: w = []
+  } = te || {}, k = n === t.LEARNING_PLAN && d === "TRIAL_V3_3", l = i(() => {
     s("both", {
       left: { isDisabled: !0, isLoading: !1 },
       right: { isDisabled: !0, isLoading: !0 }
     });
-  }, [s]), S = (o) => {
+  }, [s]), b = (o) => {
     if (!o) {
       const e = {};
-      (i === t.CIRCLE_GAME || i === t.CIRCLE_PUZZLE || i === t.CIRCLE_SKILL) && (e.matchmakingId = j(), e.showCircleGameScreen = !0), a({ id: i, ...e });
+      (n === t.CIRCLE_GAME || n === t.CIRCLE_PUZZLE || n === t.CIRCLE_SKILL) && (e.matchmakingId = $(), e.showCircleGameScreen = !0), a({ id: n, ...e });
     }
-    s("both", f), u === t.LEARNING_LEVEL && (g == null || g());
-  }, { patch: U } = ce({ onComplete: S }), { patch: B } = ie({
-    onComplete: S
-  }), { post: F } = ae({
-    onComplete: S
-  }), { post: M } = ne({
-    onComplete: S
-  }), $ = r(
+    s("both", _), m === t.LEARNING_LEVEL && (C == null || C());
+  }, { patch: A } = ue({ onComplete: b }), { patch: H } = me({
+    onComplete: b,
+    triggerOnComplete: !k
+  }), { post: W } = le({
+    onComplete: b
+  }), { post: K } = de({
+    onComplete: b
+  }), ne = i(
     (o, e) => {
-      if ((e ?? []).some((n) => !n.is_available)) {
-        const te = (e ?? []).filter((v) => !v.is_available).map((v) => v.reason).join(`
+      if ((e ?? []).some((u) => !u.is_available)) {
+        const p = (e ?? []).filter((y) => !y.is_available).map((y) => y.reason).join(`
 `);
-        _ == null || _({ message: te, position: "bottom" }), s("both", f);
+        I == null || I({ message: p, position: "bottom" }), s("both", _);
         return;
       }
-      const h = Z(I, N);
-      h.length > 0 ? U("trial-v3-patch", {
+      const N = Y(P, g);
+      N.length > 0 ? A("trial-v3-patch", {
         action: "UPDATE_DEMO",
         action_data: {
           trial_details: {
-            selected_regular_slots: h
+            selected_regular_slots: N
           }
         },
-        teacher_id: c,
-        student_id: l
-      }) : s("both", f);
+        teacher_id: r,
+        student_id: c
+      }) : s("both", _);
     },
     [
-      _,
-      U,
       I,
-      l,
-      N,
+      A,
+      P,
       c,
+      g,
+      r,
       s
     ]
-  ), { post: H } = re({
-    onComplete: $
-  }), w = r(() => {
-    var n;
-    const [o, e] = ((n = E == null ? void 0 : E.trim()) == null ? void 0 : n.split(" ")) || [], m = {
+  ), { post: Z } = fe({
+    onComplete: ne
+  }), h = i(() => {
+    const o = {
+      course_stream: G,
+      grade: E,
+      teacher_id: r,
+      board: S,
+      goals: U,
+      delete_existing_draft: d === "TRIAL_V3_3"
+    };
+    l(), W(o, {
+      studentId: c
+    });
+  }, [
+    S,
+    d,
+    l,
+    U,
+    E,
+    W,
+    G,
+    c,
+    r
+  ]), j = i(() => {
+    var u;
+    const [o, e] = ((u = L == null ? void 0 : L.trim()) == null ? void 0 : u.split(" ")) || [], f = {
       first_name: o,
       last_name: e,
-      grade: p,
-      board: L,
-      demo_type: "TRIAL_V3",
-      teacher_id: c,
-      country_alpha_2: k
+      grade: E,
+      board: S,
+      demo_type: d,
+      teacher_id: r,
+      country_alpha_2: x
     };
-    /\d/.test(E || "") ? a({ numberInNameError: !0 }) : (d(), B(l, m));
+    /\d/.test(L || "") ? a({ numberInNameError: !0 }) : (l(), H(c, f), k && h());
   }, [
-    E,
-    p,
     L,
-    c,
-    k,
+    E,
+    S,
     d,
+    r,
+    x,
     a,
-    B,
-    l
-  ]), V = r(() => {
-    const o = Z(I, N), e = de(o);
+    l,
+    H,
+    c,
+    k,
+    h
+  ]), q = i(() => {
+    const o = Y(P, g), e = pe(o);
     if (o.length > 0) {
-      const m = {
-        teacher_id: c,
+      const f = {
+        teacher_id: r,
         session_list: e
       };
-      d(), H(m);
+      l(), Z(f);
     } else
-      a({ id: i }), s("both", f);
+      a({ id: n }), s("both", _);
   }, [
-    I,
-    N,
-    c,
-    H,
-    d,
+    P,
+    g,
+    r,
+    Z,
+    l,
     a,
-    i,
+    n,
     s
-  ]), K = r(() => {
-    const o = {
-      course_stream: R,
-      grade: p,
-      teacher_id: c,
-      board: L,
-      goals: y
-    };
-    d(), F(o, {
-      studentId: l
+  ]), J = i(() => {
+    l(), A("trial-v3-patch", {
+      action: "UPDATE_DEMO",
+      action_data: { selected_topics: z },
+      teacher_id: r,
+      student_id: c
     });
+  }, [z, l, A, r, c]), Q = i(
+    (o) => {
+      d === "TRIAL_V3" ? h() : o && (a({ id: o }), s("both", _));
+    },
+    [d, h, s, a]
+  ), T = i(() => {
+    const e = { preferences: Ee(D, [
+      ...M,
+      ...V,
+      ...B,
+      ...F,
+      ...w
+    ]), grade: E }, f = { stream: ce.MATH, studentId: c };
+    l(), K(e, f);
   }, [
-    L,
-    d,
-    y,
-    p,
+    E,
+    c,
+    D,
+    M,
+    V,
+    B,
     F,
-    R,
+    w,
     l,
-    c
-  ]), b = r(() => {
-    const e = { preferences: me(T, [
-      ...D,
-      ...O,
-      ...G,
-      ...x,
-      ...z
-    ]), grade: p }, m = { stream: se.MATH, studentId: l };
-    d(), M(e, m);
+    K
+  ]), X = i(() => {
+    !!v.pages.find((e) => e.id === t.LEARNING_LEVEL) ? (a({ id: n }), s("both", _)) : T();
   }, [
-    p,
-    l,
-    T,
-    D,
-    O,
-    G,
-    x,
-    z,
-    d,
-    M
-  ]), W = r(() => {
-    !!P.pages.find((e) => e.id === t.LEARNING_LEVEL) ? (a({ id: i }), s("both", f)) : b();
-  }, [
-    i,
-    P,
+    n,
+    v,
     a,
     s,
-    b
-  ]), A = r(
+    T
+  ]), O = i(
     (o, e) => {
       if (!a) return;
-      const m = u === t.STUDENT_PROFILE, h = u === t.LEARNING_PLAN, n = { numberInNameError: !1 };
-      if ((e === t.CIRCLE_GAME || e === t.CIRCLE_PUZZLE || e === t.CIRCLE_SKILL) && (n.matchmakingId = j(), n.showCircleGameScreen = !0), o === "prev" && (a({
+      const f = [
+        t.CIRCLE_GAME,
+        t.CIRCLE_PUZZLE,
+        t.CIRCLE_SKILL
+      ], N = m === t.STUDENT_PROFILE, u = m === t.LEARNING_PLAN, p = { numberInNameError: !1 };
+      if (m === t.LEARNING_PLAN && (p.chapterId = void 0), e && f.includes(e) && (p.matchmakingId = $(), p.showCircleGameScreen = !0), o === "prev" && (a({
         id: e,
-        ...m && { studentProfile: void 0 },
-        ...h && {
+        ...N && { studentProfile: void 0 },
+        ...u && {
           chapterId: void 0
         },
-        ...n
-      }), s("both", f)), o === "next")
-        switch (u) {
+        ...p
+      }), s("both", _)), o === "next")
+        switch (m) {
           case t.STUDENT_INFORMATION:
           case t.SCHOOL_GOALS:
-            w();
+            j();
             break;
           case t.LEARNING_WORKSHEET:
-            K();
+            Q(e);
             break;
           case t.CLASS_PREFERENCE:
-            V();
+            q();
+            break;
+          case t.TOPIC_SELECTION:
+            J();
             break;
           case t.STUDENT_INTRO:
-            W();
+            X();
             break;
           case t.LEARNING_LEVEL:
-            b();
+            T();
             break;
-          case t.LEARNING_PLAN:
-            a({ id: e, chapterId: void 0, ...n });
-            break;
-          default:
-            a({ id: e, ...n }), s("both", f);
+          default: {
+            if (e === t.LEARNING_PLAN && d !== "TRIAL_V3") {
+              h();
+              return;
+            }
+            a({ id: e, ...p }), s("both", _);
+          }
         }
     },
     [
       a,
-      u,
+      m,
       s,
-      w,
-      K,
-      V,
-      b,
-      W
+      d,
+      h,
+      j,
+      Q,
+      q,
+      J,
+      X,
+      T
     ]
-  ), ee = r(() => {
-    !C && u === t.LEARNING_WORKSHEET && A("next", i);
-  }, [u, A, i, C]);
-  return oe(() => {
-    ee();
-  }, [C]), { handleNavigation: A };
+  ), ie = i(() => {
+    !R && m === t.LEARNING_WORKSHEET && O("next", n);
+  }, [m, O, n, R]);
+  return re(() => {
+    ie();
+  }, [R]), { handleNavigation: O };
 };
 export {
-  ge as useTrialSessionNavigation
+  ve as useTrialSessionNavigation
 };
 //# sourceMappingURL=use-trial-session-navigation.js.map

package/dist/features/trial-session/hooks/use-trial-session-navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-trial-session-navigation.js","sources":["../../../../src/features/trial-session/hooks/use-trial-session-navigation.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { COURSE_STREAMS } from '../../milestone/constants';\nimport { useMilestoneBulkPost } from '../../milestone/create/api/milestone-bulk';\nimport { usePostStudentPreferences } from '../api/course-stream';\nimport { usePatchStudentInformation } from '../api/student-information';\nimport {\n  usePostTeacherAvailability,\n  type TTeacherAvailabilityResponse,\n} from '../api/teacher-availability';\nimport { usePatchTrialHome } from '../api/trial-home';\nimport { useTrialSessionContext } from '../context/use-trial-session-context';\nimport {\n  getFormattedPreferences,\n  getFormattedStudentPersonalizedPreference,\n  getWeekdayAndStartTimeFromPreference,\n} from '../helper';\nimport { DEFAULT_BUTTON_STATE, TrialPageId } from '../trial-session-constants';\nimport type { ITrialSessionFormFields } from '../trial-session-types';\n\nconst useTrialSessionNavigation = () => {\n  const {\n    updateSlideConfig,\n    slideConfig,\n    formData,\n    updateButtonState,\n    teacherId,\n    studentId,\n    milestoneConfig,\n    handleInfoMessage,\n    onTrialInformationUpdate,\n    trialHomeData,\n    worksheetNavigationPanel,\n  } = useTrialSessionContext();\n  const { nextPage, id: currentPageId } = slideConfig || {};\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo;\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const { pageId: nextPageId } = nextPage || {};\n  const {\n    name,\n    grade,\n    goals,\n    curriculum,\n    studentTimezone,\n    preferences = [],\n    personalizedLevel = [],\n    personalizedFocus = [],\n    personalizedBehaviors = [],\n    personalizedObjectives = [],\n    personalizedPosition = [],\n  } = formData || {};\n\n  const disableNavButtons = useCallback(() => {\n    updateButtonState('both', {\n      left: { isDisabled: true, isLoading: false },\n      right: { isDisabled: true, isLoading: true },\n    });\n  }, [updateButtonState]);\n\n  const onAcknowledge = (errorMessage: string | null) => {\n    if (!errorMessage) {\n      const overrides: Partial<ITrialSessionFormFields> = {};\n\n      if (\n        nextPageId === TrialPageId.CIRCLE_GAME ||\n        nextPageId === TrialPageId.CIRCLE_PUZZLE ||\n        nextPageId === TrialPageId.CIRCLE_SKILL\n      ) {\n        overrides.matchmakingId = uuidv4();\n        overrides.showCircleGameScreen = true;\n      }\n\n      updateSlideConfig({ id: nextPageId, ...overrides });\n    }\n    updateButtonState('both', DEFAULT_BUTTON_STATE);\n\n    if (currentPageId === TrialPageId.LEARNING_LEVEL) {\n      onTrialInformationUpdate?.();\n    }\n  };\n\n  // API specifications\n  const { patch: patchTrialSession } = usePatchTrialHome({ onComplete: onAcknowledge });\n  const { patch: patchStudentInformation } = usePatchStudentInformation({\n    onComplete: onAcknowledge,\n  });\n  const { post: postMilestoneBulk } = useMilestoneBulkPost({\n    onComplete: onAcknowledge,\n  });\n  const { post: postStudentPreferences } = usePostStudentPreferences({\n    onComplete: onAcknowledge,\n  });\n\n  const onTeacherAvailabilityValidate = useCallback(\n    (_: string | null, data?: TTeacherAvailabilityResponse) => {\n      const hasNotAvailable = (data ?? []).some(item => !item.is_available);\n\n      if (hasNotAvailable) {\n        const notAvailable = (data ?? []).filter(item => !item.is_available);\n        const reason = notAvailable.map(item => item.reason).join('\\n');\n\n        handleInfoMessage?.({ message: reason, position: 'bottom' });\n        updateButtonState('both', DEFAULT_BUTTON_STATE);\n\n        return;\n      }\n\n      const selectedRegularSlots = getFormattedPreferences(preferences, studentTimezone);\n\n      if (selectedRegularSlots.length > 0) {\n        const actionData = {\n          trial_details: {\n            selected_regular_slots: selectedRegularSlots,\n          },\n        };\n\n        patchTrialSession('trial-v3-patch', {\n          action: 'UPDATE_DEMO',\n          action_data: actionData,\n          teacher_id: teacherId,\n          student_id: studentId,\n        });\n      } else updateButtonState('both', DEFAULT_BUTTON_STATE);\n    },\n    [\n      handleInfoMessage,\n      patchTrialSession,\n      preferences,\n      studentId,\n      studentTimezone,\n      teacherId,\n      updateButtonState,\n    ],\n  );\n\n  const { post: postTeacherAvailability } = usePostTeacherAvailability({\n    onComplete: onTeacherAvailabilityValidate,\n  });\n\n  // Function to call API and updates states\n  const handleStudentInformation = useCallback(() => {\n    const [firstName, lastName] = name?.trim()?.split(' ') || [];\n    const payload = {\n      first_name: firstName,\n      last_name: lastName,\n      grade,\n      board: curriculum,\n      demo_type: 'TRIAL_V3',\n      teacher_id: teacherId,\n      country_alpha_2: countryCode,\n    };\n    const isNumberExistsInName = /\\d/.test(name || '');\n\n    if (isNumberExistsInName) {\n      updateSlideConfig({ numberInNameError: true });\n    } else {\n      disableNavButtons();\n      patchStudentInformation(studentId, payload);\n    }\n  }, [\n    name,\n    grade,\n    curriculum,\n    teacherId,\n    countryCode,\n    disableNavButtons,\n    updateSlideConfig,\n    patchStudentInformation,\n    studentId,\n  ]);\n\n  const handleClassPreferences = useCallback(() => {\n    const selectedRegularSlots = getFormattedPreferences(preferences, studentTimezone);\n    const sessionList = getWeekdayAndStartTimeFromPreference(selectedRegularSlots);\n\n    if (selectedRegularSlots.length > 0) {\n      const availabilityPayload = {\n        teacher_id: teacherId,\n        session_list: sessionList,\n      };\n\n      disableNavButtons();\n      postTeacherAvailability(availabilityPayload);\n    } else {\n      updateSlideConfig({ id: nextPageId });\n      updateButtonState('both', DEFAULT_BUTTON_STATE);\n    }\n  }, [\n    preferences,\n    studentTimezone,\n    teacherId,\n    postTeacherAvailability,\n    disableNavButtons,\n    updateSlideConfig,\n    nextPageId,\n    updateButtonState,\n  ]);\n\n  const handleMileStoneBulkPost = useCallback(() => {\n    const payload = {\n      course_stream: stream,\n      grade,\n      teacher_id: teacherId,\n      board: curriculum,\n      goals,\n    };\n\n    disableNavButtons();\n    postMilestoneBulk(payload, {\n      studentId,\n    });\n  }, [\n    curriculum,\n    disableNavButtons,\n    goals,\n    grade,\n    postMilestoneBulk,\n    stream,\n    studentId,\n    teacherId,\n  ]);\n\n  const handleStudentPreferencesPatch = useCallback(() => {\n    const personalizedPreferences = getFormattedStudentPersonalizedPreference(milestoneConfig, [\n      ...personalizedLevel,\n      ...personalizedFocus,\n      ...personalizedBehaviors,\n      ...personalizedObjectives,\n      ...personalizedPosition,\n    ]);\n\n    const payload = { preferences: personalizedPreferences, grade };\n    const meta = { stream: COURSE_STREAMS.MATH, studentId };\n\n    disableNavButtons();\n    postStudentPreferences(payload, meta);\n  }, [\n    grade,\n    studentId,\n    milestoneConfig,\n    personalizedLevel,\n    personalizedFocus,\n    personalizedBehaviors,\n    personalizedObjectives,\n    personalizedPosition,\n    disableNavButtons,\n    postStudentPreferences,\n  ]);\n\n  const handleStudentIntroduction = useCallback(() => {\n    const isLearningLevelExisted = Boolean(\n      trialHomeData.pages.find(page => page.id === TrialPageId.LEARNING_LEVEL),\n    );\n\n    if (isLearningLevelExisted) {\n      updateSlideConfig({ id: nextPageId });\n      updateButtonState('both', DEFAULT_BUTTON_STATE);\n    } else {\n      handleStudentPreferencesPatch();\n    }\n  }, [\n    nextPageId,\n    trialHomeData,\n    updateSlideConfig,\n    updateButtonState,\n    handleStudentPreferencesPatch,\n  ]);\n\n  // Navigation logic\n  const handleNavigation = useCallback(\n    (dir: string, id?: string) => {\n      if (!updateSlideConfig) return;\n\n      const isStudentProfilePage = currentPageId === TrialPageId.STUDENT_PROFILE;\n      const isLearningPlanSlide = currentPageId === TrialPageId.LEARNING_PLAN;\n      const overrides: Partial<ITrialSessionFormFields> = { numberInNameError: false };\n\n      if (\n        id === TrialPageId.CIRCLE_GAME ||\n        id === TrialPageId.CIRCLE_PUZZLE ||\n        id === TrialPageId.CIRCLE_SKILL\n      ) {\n        overrides.matchmakingId = uuidv4();\n        overrides.showCircleGameScreen = true;\n      }\n\n      if (dir === 'prev') {\n        updateSlideConfig({\n          id,\n          ...(isStudentProfilePage && { studentProfile: undefined }),\n          ...(isLearningPlanSlide && {\n            chapterId: undefined,\n          }),\n          ...overrides,\n        });\n        updateButtonState('both', DEFAULT_BUTTON_STATE);\n      }\n\n      if (dir === 'next') {\n        switch (currentPageId) {\n          //TODO: remove STUDENT_INFORMATION\n          case TrialPageId.STUDENT_INFORMATION:\n          case TrialPageId.SCHOOL_GOALS:\n            handleStudentInformation();\n            break;\n          case TrialPageId.LEARNING_WORKSHEET:\n            handleMileStoneBulkPost();\n            break;\n          case TrialPageId.CLASS_PREFERENCE:\n            handleClassPreferences();\n            break;\n          case TrialPageId.STUDENT_INTRO:\n            handleStudentIntroduction();\n            break;\n          case TrialPageId.LEARNING_LEVEL:\n            handleStudentPreferencesPatch();\n            break;\n          case TrialPageId.LEARNING_PLAN:\n            updateSlideConfig({ id, chapterId: undefined, ...overrides });\n            break;\n          default: {\n            updateSlideConfig({ id, ...overrides });\n            updateButtonState('both', DEFAULT_BUTTON_STATE);\n          }\n        }\n      }\n    },\n    [\n      updateSlideConfig,\n      currentPageId,\n      updateButtonState,\n      handleStudentInformation,\n      handleMileStoneBulkPost,\n      handleClassPreferences,\n      handleStudentPreferencesPatch,\n      handleStudentIntroduction,\n    ],\n  );\n\n  const sessionWorksheetNavigation = useCallback(() => {\n    if (!worksheetNavigationPanel && currentPageId === TrialPageId.LEARNING_WORKSHEET) {\n      handleNavigation('next', nextPageId);\n    }\n  }, [currentPageId, handleNavigation, nextPageId, worksheetNavigationPanel]);\n\n  useEffect(() => {\n    sessionWorksheetNavigation();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [worksheetNavigationPanel]);\n\n  return { handleNavigation };\n};\n\nexport { useTrialSessionNavigation };\n"],"names":["useTrialSessionNavigation","updateSlideConfig","slideConfig","formData","updateButtonState","teacherId","studentId","milestoneConfig","handleInfoMessage","onTrialInformationUpdate","trialHomeData","worksheetNavigationPanel","useTrialSessionContext","nextPage","currentPageId","demoInfo","stream","regionData","countryCode","nextPageId","name","grade","goals","curriculum","studentTimezone","preferences","personalizedLevel","personalizedFocus","personalizedBehaviors","personalizedObjectives","personalizedPosition","disableNavButtons","useCallback","onAcknowledge","errorMessage","overrides","TrialPageId","uuidv4","DEFAULT_BUTTON_STATE","patchTrialSession","usePatchTrialHome","patchStudentInformation","usePatchStudentInformation","postMilestoneBulk","useMilestoneBulkPost","postStudentPreferences","usePostStudentPreferences","onTeacherAvailabilityValidate","_","data","item","reason","selectedRegularSlots","getFormattedPreferences","postTeacherAvailability","usePostTeacherAvailability","handleStudentInformation","firstName","lastName","_a","payload","handleClassPreferences","sessionList","getWeekdayAndStartTimeFromPreference","availabilityPayload","handleMileStoneBulkPost","handleStudentPreferencesPatch","getFormattedStudentPersonalizedPreference","meta","COURSE_STREAMS","handleStudentIntroduction","page","handleNavigation","dir","id","isStudentProfilePage","isLearningPlanSlide","sessionWorksheetNavigation","useEffect"],"mappings":"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"}
+{"version":3,"file":"use-trial-session-navigation.js","sources":["../../../../src/features/trial-session/hooks/use-trial-session-navigation.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { COURSE_STREAMS } from '../../milestone/constants';\nimport { useMilestoneBulkPost } from '../../milestone/create/api/milestone-bulk';\nimport { usePostStudentPreferences } from '../api/course-stream';\nimport { usePatchStudentInformation } from '../api/student-information';\nimport {\n  usePostTeacherAvailability,\n  type TTeacherAvailabilityResponse,\n} from '../api/teacher-availability';\nimport { usePatchTrialHome } from '../api/trial-home';\nimport { useTrialSessionContext } from '../context/use-trial-session-context';\nimport {\n  getFormattedPreferences,\n  getFormattedStudentPersonalizedPreference,\n  getWeekdayAndStartTimeFromPreference,\n} from '../helper';\nimport { DEFAULT_BUTTON_STATE, TrialPageId } from '../trial-session-constants';\nimport type { ITrialSessionFormFields } from '../trial-session-types';\n\nconst useTrialSessionNavigation = () => {\n  const {\n    updateSlideConfig,\n    slideConfig,\n    demoType,\n    formData,\n    updateButtonState,\n    teacherId,\n    studentId,\n    milestoneConfig,\n    handleInfoMessage,\n    onTrialInformationUpdate,\n    trialHomeData,\n    worksheetNavigationPanel,\n  } = useTrialSessionContext();\n  const { nextPage, id: currentPageId } = slideConfig || {};\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo;\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const { pageId: nextPageId } = nextPage || {};\n  const {\n    name,\n    grade,\n    goals,\n    curriculum,\n    selectedTopics = [],\n    studentTimezone,\n    preferences = [],\n    personalizedLevel = [],\n    personalizedFocus = [],\n    personalizedBehaviors = [],\n    personalizedObjectives = [],\n    personalizedPosition = [],\n  } = formData || {};\n\n  const trialV3New = nextPageId === TrialPageId.LEARNING_PLAN && demoType === 'TRIAL_V3_3';\n\n  const disableNavButtons = useCallback(() => {\n    updateButtonState('both', {\n      left: { isDisabled: true, isLoading: false },\n      right: { isDisabled: true, isLoading: true },\n    });\n  }, [updateButtonState]);\n\n  const onAcknowledge = (errorMessage: string | null) => {\n    if (!errorMessage) {\n      const overrides: Partial<ITrialSessionFormFields> = {};\n\n      if (\n        nextPageId === TrialPageId.CIRCLE_GAME ||\n        nextPageId === TrialPageId.CIRCLE_PUZZLE ||\n        nextPageId === TrialPageId.CIRCLE_SKILL\n      ) {\n        overrides.matchmakingId = uuidv4();\n        overrides.showCircleGameScreen = true;\n      }\n\n      updateSlideConfig({ id: nextPageId, ...overrides });\n    }\n    updateButtonState('both', DEFAULT_BUTTON_STATE);\n\n    if (currentPageId === TrialPageId.LEARNING_LEVEL) {\n      onTrialInformationUpdate?.();\n    }\n  };\n\n  // API specifications\n  const { patch: patchTrialSession } = usePatchTrialHome({ onComplete: onAcknowledge });\n  const { patch: patchStudentInformation } = usePatchStudentInformation({\n    onComplete: onAcknowledge,\n    triggerOnComplete: !trialV3New,\n  });\n  const { post: postMilestoneBulk } = useMilestoneBulkPost({\n    onComplete: onAcknowledge,\n  });\n  const { post: postStudentPreferences } = usePostStudentPreferences({\n    onComplete: onAcknowledge,\n  });\n\n  const onTeacherAvailabilityValidate = useCallback(\n    (_: string | null, data?: TTeacherAvailabilityResponse) => {\n      const hasNotAvailable = (data ?? []).some(item => !item.is_available);\n\n      if (hasNotAvailable) {\n        const notAvailable = (data ?? []).filter(item => !item.is_available);\n        const reason = notAvailable.map(item => item.reason).join('\\n');\n\n        handleInfoMessage?.({ message: reason, position: 'bottom' });\n        updateButtonState('both', DEFAULT_BUTTON_STATE);\n\n        return;\n      }\n\n      const selectedRegularSlots = getFormattedPreferences(preferences, studentTimezone);\n\n      if (selectedRegularSlots.length > 0) {\n        const actionData = {\n          trial_details: {\n            selected_regular_slots: selectedRegularSlots,\n          },\n        };\n\n        patchTrialSession('trial-v3-patch', {\n          action: 'UPDATE_DEMO',\n          action_data: actionData,\n          teacher_id: teacherId,\n          student_id: studentId,\n        });\n      } else updateButtonState('both', DEFAULT_BUTTON_STATE);\n    },\n    [\n      handleInfoMessage,\n      patchTrialSession,\n      preferences,\n      studentId,\n      studentTimezone,\n      teacherId,\n      updateButtonState,\n    ],\n  );\n\n  const { post: postTeacherAvailability } = usePostTeacherAvailability({\n    onComplete: onTeacherAvailabilityValidate,\n  });\n\n  const handleMileStoneBulkPost = useCallback(() => {\n    const payload = {\n      course_stream: stream,\n      grade,\n      teacher_id: teacherId,\n      board: curriculum,\n      goals,\n      delete_existing_draft: demoType === 'TRIAL_V3_3',\n    };\n\n    disableNavButtons();\n    postMilestoneBulk(payload, {\n      studentId,\n    });\n  }, [\n    curriculum,\n    demoType,\n    disableNavButtons,\n    goals,\n    grade,\n    postMilestoneBulk,\n    stream,\n    studentId,\n    teacherId,\n  ]);\n\n  // Function to call API and updates states\n  const handleStudentInformation = useCallback(() => {\n    const [firstName, lastName] = name?.trim()?.split(' ') || [];\n    const payload = {\n      first_name: firstName,\n      last_name: lastName,\n      grade,\n      board: curriculum,\n      demo_type: demoType,\n      teacher_id: teacherId,\n      country_alpha_2: countryCode,\n    };\n    const isNumberExistsInName = /\\d/.test(name || '');\n\n    if (isNumberExistsInName) {\n      updateSlideConfig({ numberInNameError: true });\n    } else {\n      disableNavButtons();\n      patchStudentInformation(studentId, payload);\n      if (trialV3New) {\n        handleMileStoneBulkPost();\n      }\n    }\n  }, [\n    name,\n    grade,\n    curriculum,\n    demoType,\n    teacherId,\n    countryCode,\n    updateSlideConfig,\n    disableNavButtons,\n    patchStudentInformation,\n    studentId,\n    trialV3New,\n    handleMileStoneBulkPost,\n  ]);\n\n  const handleClassPreferences = useCallback(() => {\n    const selectedRegularSlots = getFormattedPreferences(preferences, studentTimezone);\n    const sessionList = getWeekdayAndStartTimeFromPreference(selectedRegularSlots);\n\n    if (selectedRegularSlots.length > 0) {\n      const availabilityPayload = {\n        teacher_id: teacherId,\n        session_list: sessionList,\n      };\n\n      disableNavButtons();\n      postTeacherAvailability(availabilityPayload);\n    } else {\n      updateSlideConfig({ id: nextPageId });\n      updateButtonState('both', DEFAULT_BUTTON_STATE);\n    }\n  }, [\n    preferences,\n    studentTimezone,\n    teacherId,\n    postTeacherAvailability,\n    disableNavButtons,\n    updateSlideConfig,\n    nextPageId,\n    updateButtonState,\n  ]);\n\n  const handleTopicSelection = useCallback(() => {\n    disableNavButtons();\n    patchTrialSession('trial-v3-patch', {\n      action: 'UPDATE_DEMO',\n      action_data: { selected_topics: selectedTopics },\n      teacher_id: teacherId,\n      student_id: studentId,\n    });\n  }, [selectedTopics, disableNavButtons, patchTrialSession, teacherId, studentId]);\n\n  const handleWorksheetNavigation = useCallback(\n    (id?: TrialPageId) => {\n      if (demoType === 'TRIAL_V3') {\n        handleMileStoneBulkPost();\n      } else if (id) {\n        updateSlideConfig({ id });\n        updateButtonState('both', DEFAULT_BUTTON_STATE);\n      }\n    },\n    [demoType, handleMileStoneBulkPost, updateButtonState, updateSlideConfig],\n  );\n\n  const handleStudentPreferencesPatch = useCallback(() => {\n    const personalizedPreferences = getFormattedStudentPersonalizedPreference(milestoneConfig, [\n      ...personalizedLevel,\n      ...personalizedFocus,\n      ...personalizedBehaviors,\n      ...personalizedObjectives,\n      ...personalizedPosition,\n    ]);\n\n    const payload = { preferences: personalizedPreferences, grade };\n    const meta = { stream: COURSE_STREAMS.MATH, studentId };\n\n    disableNavButtons();\n    postStudentPreferences(payload, meta);\n  }, [\n    grade,\n    studentId,\n    milestoneConfig,\n    personalizedLevel,\n    personalizedFocus,\n    personalizedBehaviors,\n    personalizedObjectives,\n    personalizedPosition,\n    disableNavButtons,\n    postStudentPreferences,\n  ]);\n\n  const handleStudentIntroduction = useCallback(() => {\n    const isLearningLevelExisted = Boolean(\n      trialHomeData.pages.find(page => page.id === TrialPageId.LEARNING_LEVEL),\n    );\n\n    if (isLearningLevelExisted) {\n      updateSlideConfig({ id: nextPageId });\n      updateButtonState('both', DEFAULT_BUTTON_STATE);\n    } else {\n      handleStudentPreferencesPatch();\n    }\n  }, [\n    nextPageId,\n    trialHomeData,\n    updateSlideConfig,\n    updateButtonState,\n    handleStudentPreferencesPatch,\n  ]);\n\n  // Navigation logic\n  const handleNavigation = useCallback(\n    (dir: string, id?: TrialPageId) => {\n      if (!updateSlideConfig) return;\n\n      const circleGameSlide = [\n        TrialPageId.CIRCLE_GAME,\n        TrialPageId.CIRCLE_PUZZLE,\n        TrialPageId.CIRCLE_SKILL,\n      ];\n      const isStudentProfilePage = currentPageId === TrialPageId.STUDENT_PROFILE;\n      const isLearningPlanSlide = currentPageId === TrialPageId.LEARNING_PLAN;\n      const overrides: Partial<ITrialSessionFormFields> = { numberInNameError: false };\n\n      if (currentPageId === TrialPageId.LEARNING_PLAN) overrides.chapterId = undefined;\n\n      if (id && circleGameSlide.includes(id)) {\n        overrides.matchmakingId = uuidv4();\n        overrides.showCircleGameScreen = true;\n      }\n\n      if (dir === 'prev') {\n        updateSlideConfig({\n          id,\n          ...(isStudentProfilePage && { studentProfile: undefined }),\n          ...(isLearningPlanSlide && {\n            chapterId: undefined,\n          }),\n          ...overrides,\n        });\n        updateButtonState('both', DEFAULT_BUTTON_STATE);\n      }\n\n      if (dir === 'next') {\n        switch (currentPageId) {\n          case TrialPageId.STUDENT_INFORMATION:\n          case TrialPageId.SCHOOL_GOALS:\n            handleStudentInformation();\n            break;\n          case TrialPageId.LEARNING_WORKSHEET:\n            handleWorksheetNavigation(id);\n            break;\n          case TrialPageId.CLASS_PREFERENCE:\n            handleClassPreferences();\n            break;\n          case TrialPageId.TOPIC_SELECTION:\n            handleTopicSelection();\n            break;\n          case TrialPageId.STUDENT_INTRO:\n            handleStudentIntroduction();\n            break;\n          case TrialPageId.LEARNING_LEVEL:\n            handleStudentPreferencesPatch();\n            break;\n          default: {\n            if (id === TrialPageId.LEARNING_PLAN && demoType !== 'TRIAL_V3') {\n              handleMileStoneBulkPost();\n\n              return;\n            }\n            updateSlideConfig({ id, ...overrides });\n            updateButtonState('both', DEFAULT_BUTTON_STATE);\n          }\n        }\n      }\n    },\n    [\n      updateSlideConfig,\n      currentPageId,\n      updateButtonState,\n      demoType,\n      handleMileStoneBulkPost,\n      handleStudentInformation,\n      handleWorksheetNavigation,\n      handleClassPreferences,\n      handleTopicSelection,\n      handleStudentIntroduction,\n      handleStudentPreferencesPatch,\n    ],\n  );\n\n  const sessionWorksheetNavigation = useCallback(() => {\n    if (!worksheetNavigationPanel && currentPageId === TrialPageId.LEARNING_WORKSHEET) {\n      handleNavigation('next', nextPageId);\n    }\n  }, [currentPageId, handleNavigation, nextPageId, worksheetNavigationPanel]);\n\n  useEffect(() => {\n    sessionWorksheetNavigation();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [worksheetNavigationPanel]);\n\n  return { handleNavigation };\n};\n\nexport { useTrialSessionNavigation };\n"],"names":["useTrialSessionNavigation","updateSlideConfig","slideConfig","demoType","formData","updateButtonState","teacherId","studentId","milestoneConfig","handleInfoMessage","onTrialInformationUpdate","trialHomeData","worksheetNavigationPanel","useTrialSessionContext","nextPage","currentPageId","demoInfo","stream","regionData","countryCode","nextPageId","name","grade","goals","curriculum","selectedTopics","studentTimezone","preferences","personalizedLevel","personalizedFocus","personalizedBehaviors","personalizedObjectives","personalizedPosition","trialV3New","TrialPageId","disableNavButtons","useCallback","onAcknowledge","errorMessage","overrides","uuidv4","DEFAULT_BUTTON_STATE","patchTrialSession","usePatchTrialHome","patchStudentInformation","usePatchStudentInformation","postMilestoneBulk","useMilestoneBulkPost","postStudentPreferences","usePostStudentPreferences","onTeacherAvailabilityValidate","_","data","item","reason","selectedRegularSlots","getFormattedPreferences","postTeacherAvailability","usePostTeacherAvailability","handleMileStoneBulkPost","payload","handleStudentInformation","firstName","lastName","_a","handleClassPreferences","sessionList","getWeekdayAndStartTimeFromPreference","availabilityPayload","handleTopicSelection","handleWorksheetNavigation","id","handleStudentPreferencesPatch","getFormattedStudentPersonalizedPreference","meta","COURSE_STREAMS","handleStudentIntroduction","page","handleNavigation","dir","circleGameSlide","isStudentProfilePage","isLearningPlanSlide","sessionWorksheetNavigation","useEffect"],"mappings":"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"}

package/dist/features/trial-session/right-panel/right-panel-styled.js

@@ -1,8 +1,8 @@
-import e, { keyframes as n } from "styled-components";
+import e, { keyframes as p } from "styled-components";
 import r from "../../ui/layout/flex-view.js";
-import p from "../../ui/text/text.js";
-import { RIGHT_PANEL_WIDTH as s } from "../trial-session-constants.js";
-const a = n`
+import s from "../../ui/text/text.js";
+import { RIGHT_PANEL_WIDTH as n } from "../trial-session-constants.js";
+const a = p`
   from {
     opacity: 0;
   }
@@ -12,7 +12,7 @@ const a = n`
 `, m = e.div(
   ({ $readOnly: t, $isTeacher: o, theme: { colors: i } }) => `
       position: relative;
-      width: ${s}px;
+      width: ${n}px;
       height: 100%;
       background-color: white;
       flex-shrink: 0;
@@ -38,9 +38,9 @@ const a = n`
   animation: ${a} 0.3s ease-in-out;
 `, g = e.div(
   ({ $readOnly: t }) => `
-  width: 950px;
+  width: ${n}px;
   height: 100%;
-  transform: translateX(-11px);
+  transform: translateX(-2px);
   ${t ? "pointer-events: none;" : ""}
 `
 ), $ = e.div`
@@ -57,7 +57,7 @@ const a = n`
   justify-self: center;
   z-index: 4;
   padding: 4px 12px 6px;
-`, b = e(p)(
+`, b = e(s)(
   ({ theme: { layout: t, colors: o } }) => `
   position: absolute;
   top: 0;

package/dist/features/trial-session/right-panel/right-panel-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"right-panel-styled.js","sources":["../../../../src/features/trial-session/right-panel/right-panel-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { RIGHT_PANEL_WIDTH } from '../trial-session-constants';\n\nconst fadeIn = keyframes`\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n`;\n\nconst Container = styled.div<{ $readOnly: boolean; $isTeacher: boolean }>(\n  ({ $readOnly, $isTeacher, theme: { colors } }) => {\n    return `\n      position: relative;\n      width: ${RIGHT_PANEL_WIDTH}px;\n      height: 100%;\n      background-color: white;\n      flex-shrink: 0;\n      z-index: 1;\n      overflow: hidden;\n      ${$readOnly ? `cursor: not-allowed;` : ''}\n      ${\n        $isTeacher\n          ? `border: 4px solid ${colors.GREEN_4};`\n          : `\n            border-left: 1px solid ${colors.WHITE_5};\n            border-right: 1px solid ${colors.WHITE_5};\n          `\n      }\n    `;\n  },\n);\n\nconst SlideWrapper = styled(FlexView)<{ $minDevice: boolean; $readOnly: boolean }>(\n  ({ $minDevice, $readOnly, theme: { layout } }) => `\n    ${\n      $minDevice\n        ? `\n          height: calc(100% + ${layout.gutter * 3.125}px);\n          transform: translateY(-${layout.gutter * 3.125}px);\n        `\n        : ''\n    }\n    ${$readOnly ? `pointer-events: none;` : ''}\n  `,\n);\n\nconst Animation = styled.div`\n  width: inherit;\n  height: 100%;\n  animation: ${fadeIn} 0.3s ease-in-out;\n`;\n\nconst Wrapper = styled.div<{ $readOnly: boolean }>(\n  ({ $readOnly }) => `\n  width: 950px;\n  height: 100%;\n  transform: translateX(-11px);\n  ${$readOnly ? `pointer-events: none;` : ''}\n`,\n);\n\nconst GridWrapper = styled.div`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: -1;\n`;\n\nconst SharedTag = styled(FlexView)`\n  position: absolute;\n  top: 0;\n  right: 0;\n  justify-self: center;\n  z-index: 4;\n  padding: 4px 12px 6px;\n`;\n\nconst ParentDiscussion = styled(Text)(\n  ({ theme: { layout, colors } }) => `\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  align-items: center;\n  z-index: 4;\n  padding: 0px ${layout.gutter * 0.75}px;\n  background-color: ${colors.BLACK_5};\n  height: ${layout.gutter * 1.75}px;\n`,\n);\n\nexport { Container, Animation, Wrapper, GridWrapper, SlideWrapper, SharedTag, ParentDiscussion };\n"],"names":["fadeIn","keyframes","Container","styled","$readOnly","$isTeacher","colors","RIGHT_PANEL_WIDTH","SlideWrapper","FlexView","$minDevice","layout","Animation","Wrapper","GridWrapper","SharedTag","ParentDiscussion","Text"],"mappings":";;;;AAMA,MAAMA,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAYC,EAAO;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,OAAO,EAAE,QAAAC,UAC1B;AAAA;AAAA,eAEIC,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMxBH,IAAY,yBAAyB,EAAE;AAAA,QAEvCC,IACI,qBAAqBC,EAAO,OAAO,MACnC;AAAA,qCACyBA,EAAO,OAAO;AAAA,sCACbA,EAAO,OAAO;AAAA,WAE9C;AAAA;AAGN,GAEME,IAAeL,EAAOM,CAAQ;AAAA,EAClC,CAAC,EAAE,YAAAC,GAAY,WAAAN,GAAW,OAAO,EAAE,QAAAO,UAAe;AAAA,MAE9CD,IACI;AAAA,gCACsBC,EAAO,SAAS,KAAK;AAAA,mCAClBA,EAAO,SAAS,KAAK;AAAA,YAE9C,EACN;AAAA,MACEP,IAAY,0BAA0B,EAAE;AAAA;AAE9C,GAEMQ,IAAYT,EAAO;AAAA;AAAA;AAAA,eAGVH,CAAM;AAAA,GAGfa,IAAUV,EAAO;AAAA,EACrB,CAAC,EAAE,WAAAC,EAAA,MAAgB;AAAA;AAAA;AAAA;AAAA,IAIjBA,IAAY,0BAA0B,EAAE;AAAA;AAE5C,GAEMU,IAAcX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASrBY,IAAYZ,EAAOM,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS3BO,IAAmBb,EAAOc,CAAI;AAAA,EAClC,CAAC,EAAE,OAAO,EAAE,QAAAN,GAAQ,QAAAL,EAAA,EAAe,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAQpBK,EAAO,SAAS,IAAI;AAAA,sBACfL,EAAO,OAAO;AAAA,YACxBK,EAAO,SAAS,IAAI;AAAA;AAEhC;"}
+{"version":3,"file":"right-panel-styled.js","sources":["../../../../src/features/trial-session/right-panel/right-panel-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { RIGHT_PANEL_WIDTH } from '../trial-session-constants';\n\nconst fadeIn = keyframes`\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n`;\n\nconst Container = styled.div<{ $readOnly: boolean; $isTeacher: boolean }>(\n  ({ $readOnly, $isTeacher, theme: { colors } }) => {\n    return `\n      position: relative;\n      width: ${RIGHT_PANEL_WIDTH}px;\n      height: 100%;\n      background-color: white;\n      flex-shrink: 0;\n      z-index: 1;\n      overflow: hidden;\n      ${$readOnly ? `cursor: not-allowed;` : ''}\n      ${\n        $isTeacher\n          ? `border: 4px solid ${colors.GREEN_4};`\n          : `\n            border-left: 1px solid ${colors.WHITE_5};\n            border-right: 1px solid ${colors.WHITE_5};\n          `\n      }\n    `;\n  },\n);\n\nconst SlideWrapper = styled(FlexView)<{ $minDevice: boolean; $readOnly: boolean }>(\n  ({ $minDevice, $readOnly, theme: { layout } }) => `\n    ${\n      $minDevice\n        ? `\n          height: calc(100% + ${layout.gutter * 3.125}px);\n          transform: translateY(-${layout.gutter * 3.125}px);\n        `\n        : ''\n    }\n    ${$readOnly ? `pointer-events: none;` : ''}\n  `,\n);\n\nconst Animation = styled.div`\n  width: inherit;\n  height: 100%;\n  animation: ${fadeIn} 0.3s ease-in-out;\n`;\n\nconst Wrapper = styled.div<{ $readOnly: boolean }>(\n  ({ $readOnly }) => `\n  width: ${RIGHT_PANEL_WIDTH}px;\n  height: 100%;\n  transform: translateX(-2px);\n  ${$readOnly ? `pointer-events: none;` : ''}\n`,\n);\n\nconst GridWrapper = styled.div`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: -1;\n`;\n\nconst SharedTag = styled(FlexView)`\n  position: absolute;\n  top: 0;\n  right: 0;\n  justify-self: center;\n  z-index: 4;\n  padding: 4px 12px 6px;\n`;\n\nconst ParentDiscussion = styled(Text)(\n  ({ theme: { layout, colors } }) => `\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  align-items: center;\n  z-index: 4;\n  padding: 0px ${layout.gutter * 0.75}px;\n  background-color: ${colors.BLACK_5};\n  height: ${layout.gutter * 1.75}px;\n`,\n);\n\nexport { Container, Animation, Wrapper, GridWrapper, SlideWrapper, SharedTag, ParentDiscussion };\n"],"names":["fadeIn","keyframes","Container","styled","$readOnly","$isTeacher","colors","RIGHT_PANEL_WIDTH","SlideWrapper","FlexView","$minDevice","layout","Animation","Wrapper","GridWrapper","SharedTag","ParentDiscussion","Text"],"mappings":";;;;AAMA,MAAMA,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAYC,EAAO;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,OAAO,EAAE,QAAAC,UAC1B;AAAA;AAAA,eAEIC,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMxBH,IAAY,yBAAyB,EAAE;AAAA,QAEvCC,IACI,qBAAqBC,EAAO,OAAO,MACnC;AAAA,qCACyBA,EAAO,OAAO;AAAA,sCACbA,EAAO,OAAO;AAAA,WAE9C;AAAA;AAGN,GAEME,IAAeL,EAAOM,CAAQ;AAAA,EAClC,CAAC,EAAE,YAAAC,GAAY,WAAAN,GAAW,OAAO,EAAE,QAAAO,UAAe;AAAA,MAE9CD,IACI;AAAA,gCACsBC,EAAO,SAAS,KAAK;AAAA,mCAClBA,EAAO,SAAS,KAAK;AAAA,YAE9C,EACN;AAAA,MACEP,IAAY,0BAA0B,EAAE;AAAA;AAE9C,GAEMQ,IAAYT,EAAO;AAAA;AAAA;AAAA,eAGVH,CAAM;AAAA,GAGfa,IAAUV,EAAO;AAAA,EACrB,CAAC,EAAE,WAAAC,EAAA,MAAgB;AAAA,WACVG,CAAiB;AAAA;AAAA;AAAA,IAGxBH,IAAY,0BAA0B,EAAE;AAAA;AAE5C,GAEMU,IAAcX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASrBY,IAAYZ,EAAOM,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS3BO,IAAmBb,EAAOc,CAAI;AAAA,EAClC,CAAC,EAAE,OAAO,EAAE,QAAAN,GAAQ,QAAAL,EAAA,EAAe,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAQpBK,EAAO,SAAS,IAAI;AAAA,sBACfL,EAAO,OAAO;AAAA,YACxBK,EAAO,SAAS,IAAI;AAAA;AAEhC;"}