@cuemath/leap 3.0.7-hg1 → 3.0.7-hg2

package/dist/features/trial-session/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sources":["../../../src/features/trial-session/helper.ts"],"sourcesContent":["import type { IMilestoneConfig } from '../milestone/create/milestone-create-types';\nimport type { TPreference } from './comps/class-preference/class-preference-types';\nimport type { ITrialHomeData, TGoals } from './trial-session-types';\n\nimport { DAYS } from '../../constants/date-time';\nimport {\n  convertEpochToDateTime,\n  convertToMilliseconds,\n  getOffsetBetweenTimezone,\n  getTimeUnits,\n} from '../../helpers/date-time';\nimport { GOAL_CATEGORY } from '../milestone/constants';\nimport { getGoalsFromConfig } from '../milestone/create/milestone-create-helpers';\nimport { TEACHER_TIMEZONE, TrialPageId } from './trial-session-constants';\n\nconst updateGoalInFormData = (goals: TGoals[] | undefined, goalCategory: string, data: TGoals) => {\n  const updateGoals = goals ? [...goals] : [];\n  const goalIndex = updateGoals?.findIndex(goal => goal.goal_category === goalCategory);\n\n  if (goalIndex === -1) {\n    const schoolSuccessGoal = {\n      ...data,\n      goal_category: goalCategory,\n      publish: false,\n    };\n\n    updateGoals.push(schoolSuccessGoal);\n  } else {\n    updateGoals[goalIndex] = {\n      ...updateGoals[goalIndex],\n      ...data,\n    };\n  }\n\n  return updateGoals;\n};\n\nconst getFormattedPreferences = (preferences: TPreference[], studentTimezone?: string) => {\n  if (!studentTimezone) return [];\n\n  const todayTimestamp = new Date().setHours(0, 0, 0, 0); // Set the current date to midnight.\n  const timestampOffset = getOffsetBetweenTimezone(TEACHER_TIMEZONE, studentTimezone); // Offset between the teacher's and student's timezone.\n  const studentTimestamp = todayTimestamp + timestampOffset; // Adjusting the current date to the student's timezone.\n  const { day: today = '' } = convertEpochToDateTime(studentTimestamp, studentTimezone); // Current day at student's timezone.\n  const currentDayIndex = DAYS.indexOf(today); // Current day index.\n\n  return preferences.length > 0\n    ? preferences\n        .filter(preference => preference.selectedDay && preference.selectedTime)\n        .map(preference => {\n          const { selectedDay, selectedTime } = preference;\n          // Extracting hours, minutes, and period from the selected time.\n          const { hours, minutes, period } = getTimeUnits(selectedTime);\n\n          // Calculating the index of the selected day in the DAYS array.\n          const selectedDayIndex = DAYS.indexOf(selectedDay);\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            todayTimestamp +\n            timestampOffset +\n            convertToMilliseconds({ days: dayDifference, hours, minutes });\n\n          return {\n            id: epochTimestamp,\n            value: `${selectedDay}, ${selectedTime} - ${hours + 1}:${\n              minutes < 10 ? '0' : ''\n            }${minutes} ${period}`, // Formatted the value string as required\n          };\n        })\n    : [];\n};\n\nconst filterAndUpdateSlideNavigation = ({\n  milestoneConfigData,\n  trialHomeData,\n  grade,\n}: {\n  milestoneConfigData: IMilestoneConfig;\n  trialHomeData: ITrialHomeData;\n  grade?: string;\n}) => {\n  const { student, demo_info: demoInfo } = trialHomeData;\n  const { grade: studentGrade } = student || {};\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n\n  const getGoals = (goalCategory: keyof typeof GOAL_CATEGORY) =>\n    getGoalsFromConfig(milestoneConfigData, {\n      countryCode,\n      grade: grade || studentGrade || '',\n      goalCategory,\n      courseStream: stream,\n      enrollmentType: 'ONLINE',\n    });\n\n  const testPrepGoals = getGoals(GOAL_CATEGORY.TEST_PREP);\n  const enrichmentGoals = getGoals(GOAL_CATEGORY.ENRICHMENT);\n\n  if (testPrepGoals?.length > 0 && enrichmentGoals?.length > 0) {\n    return trialHomeData;\n  }\n\n  const updatedTrialHomeData = { ...trialHomeData };\n\n  const pagesMap = Object.fromEntries(updatedTrialHomeData.pages.map(page => [page.id, page]));\n\n  //slide whose nextPage reference needs to be updated\n  const slideIdToUpdate = (() => {\n    if (\n      pagesMap[TrialPageId.SCHOOL_GOALS]?.nextPage?.pageId === TrialPageId.TEST_PREP &&\n      testPrepGoals.length === 0\n    ) {\n      return TrialPageId.SCHOOL_GOALS;\n    }\n\n    if (\n      testPrepGoals.length > 0 &&\n      pagesMap[TrialPageId.TEST_PREP]?.nextPage?.pageId === TrialPageId.STUDENT_ENRICHMENT &&\n      enrichmentGoals.length === 0\n    ) {\n      return TrialPageId.TEST_PREP;\n    }\n\n    return null;\n  })();\n\n  // the new next page reference for slideIdToUpdate\n  const updatedNextPageInfo = slideIdToUpdate\n    ? pagesMap[\n        enrichmentGoals?.length === 0 ? TrialPageId.STUDENT_ENRICHMENT : TrialPageId.TEST_PREP\n      ]?.nextPage\n    : null;\n\n  // updating the nextPage and prevPage references\n  if (updatedNextPageInfo && slideIdToUpdate) {\n    const shouldRemoveSlide = (slideId: TrialPageId) =>\n      (testPrepGoals.length === 0 && slideId === TrialPageId.TEST_PREP) ||\n      (enrichmentGoals.length === 0 && slideId === TrialPageId.STUDENT_ENRICHMENT);\n\n    const filteredSlides = updatedTrialHomeData.pages.filter(page => !shouldRemoveSlide(page.id));\n\n    updatedTrialHomeData.pages = filteredSlides.map(page => {\n      if (page.id === slideIdToUpdate) {\n        return { ...page, nextPage: updatedNextPageInfo };\n      }\n\n      if (page.id === updatedNextPageInfo.pageId) {\n        return {\n          ...page,\n          prevPage: {\n            buttonLabel: pagesMap[slideIdToUpdate]?.navigationLabel ?? '',\n            pageId: slideIdToUpdate,\n          },\n        };\n      }\n\n      return page;\n    });\n  }\n\n  return updatedTrialHomeData;\n};\n\nconst getFormattedStudentPersonalizedPreference = (\n  config: IMilestoneConfig,\n  selectedCodes: string[],\n) => {\n  const { preference_config: preferenceConfig } = config;\n\n  if (selectedCodes.length > 0) {\n    return (\n      preferenceConfig\n        ?.filter(pref => selectedCodes.includes(pref.preference_code))\n        ?.map(({ preference_code, preference_name, preference_category }) => ({\n          preference_code,\n          preference_name,\n          preference_category,\n        })) || []\n    );\n  }\n\n  return [];\n};\n\nexport {\n  filterAndUpdateSlideNavigation,\n  updateGoalInFormData,\n  getFormattedPreferences,\n  getFormattedStudentPersonalizedPreference,\n};\n"],"names":["updateGoalInFormData","goals","goalCategory","data","updateGoals","goalIndex","goal","schoolSuccessGoal","getFormattedPreferences","preferences","studentTimezone","todayTimestamp","timestampOffset","getOffsetBetweenTimezone","TEACHER_TIMEZONE","studentTimestamp","today","convertEpochToDateTime","currentDayIndex","DAYS","preference","selectedDay","selectedTime","hours","minutes","period","getTimeUnits","dayDifference","convertToMilliseconds","filterAndUpdateSlideNavigation","milestoneConfigData","trialHomeData","grade","student","demoInfo","studentGrade","stream","regionData","countryCode","getGoals","getGoalsFromConfig","testPrepGoals","GOAL_CATEGORY","enrichmentGoals","updatedTrialHomeData","pagesMap","page","slideIdToUpdate","_b","_a","TrialPageId","_d","_c","updatedNextPageInfo","shouldRemoveSlide","slideId","filteredSlides","getFormattedStudentPersonalizedPreference","config","selectedCodes","preferenceConfig","pref","preference_code","preference_name","preference_category"],"mappings":"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"}

package/dist/features/trial-session/hooks/use-class-time-alerts.js

@@ -0,0 +1,45 @@
+import { useRef as a, useCallback as i, useEffect as E } from "react";
+import { EClassTimeAlertLevel as u } from "../trial-session-types.js";
+const M = ({
+  alertLevel: m,
+  classStartedOn: s,
+  classDuration: c,
+  onUpdateClassTimeAlertConfig: o
+}) => {
+  const f = a(!1), I = a(!1), r = a(null), l = i(() => {
+    if (!s || !c) return null;
+    const e = Date.now(), t = new Date(s).getTime();
+    return (c - (e - t) / 1e3) / 60;
+  }, [s, c]), T = i(
+    (e) => {
+      const t = l();
+      return t === null ? !1 : e === u.FIFTEEN_MIN && !f.current && t <= 15 && t >= 14 ? (f.current = !0, !0) : e === u.FIVE_MIN && !I.current && t <= 5 && t >= 4 ? (I.current = !0, !0) : !1;
+    },
+    [l]
+  ), A = i(() => {
+    const e = l();
+    return e === null ? null : e <= 5 ? u.FIVE_MIN : e <= 15 ? u.FIFTEEN_MIN : null;
+  }, [l]), n = i(() => {
+    const e = A();
+    if (e && e !== m) {
+      const t = T(e);
+      o({
+        alertLevel: e,
+        isVisible: t
+      });
+    }
+  }, [T, A, m, o]), g = i(() => {
+    r.current && clearInterval(r.current), n(), r.current = setInterval(() => {
+      n();
+    }, 30 * 1e3);
+  }, [n]);
+  return E(() => (n(), () => {
+    r.current && (clearInterval(r.current), r.current = null);
+  }), [g, n]), {
+    startClassTimeAlertPolling: g
+  };
+};
+export {
+  M as useClassTimeAlerts
+};
+//# sourceMappingURL=use-class-time-alerts.js.map

package/dist/features/trial-session/hooks/use-class-time-alerts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-class-time-alerts.js","sources":["../../../../src/features/trial-session/hooks/use-class-time-alerts.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { EClassTimeAlertLevel, type IClassTimeAlertConfig } from '../trial-session-types';\n\ninterface IUseClassTimeAlerts {\n  alertLevel: EClassTimeAlertLevel | null;\n  classStartedOn?: Date;\n  classDuration?: number;\n  onUpdateClassTimeAlertConfig: (data: Partial<IClassTimeAlertConfig>) => void;\n}\n\nexport const useClassTimeAlerts = ({\n  alertLevel,\n  classStartedOn,\n  classDuration,\n  onUpdateClassTimeAlertConfig,\n}: IUseClassTimeAlerts) => {\n  const hasPlayedFifteenMinAnimation = useRef(false);\n  const hasPlayedFiveMinAnimation = useRef(false);\n  const timerRef = useRef<NodeJS.Timeout | null>(null);\n\n  const getTimeRemaining = useCallback(() => {\n    if (!classStartedOn || !classDuration) return null;\n\n    const currentTime = Date.now();\n    const startTime = new Date(classStartedOn).getTime();\n    const timeRemaining = classDuration - (currentTime - startTime) / 1000;\n\n    return timeRemaining / 60;\n  }, [classStartedOn, classDuration]);\n\n  const canShowClassAlert = useCallback(\n    (level: EClassTimeAlertLevel) => {\n      const timeRemaining = getTimeRemaining();\n\n      if (timeRemaining === null) return false;\n\n      if (\n        level === EClassTimeAlertLevel.FIFTEEN_MIN &&\n        !hasPlayedFifteenMinAnimation.current &&\n        timeRemaining <= 15 &&\n        timeRemaining >= 14\n      ) {\n        hasPlayedFifteenMinAnimation.current = true;\n\n        return true;\n      }\n\n      if (\n        level === EClassTimeAlertLevel.FIVE_MIN &&\n        !hasPlayedFiveMinAnimation.current &&\n        timeRemaining <= 5 &&\n        timeRemaining >= 4\n      ) {\n        hasPlayedFiveMinAnimation.current = true;\n\n        return true;\n      }\n\n      return false;\n    },\n    [getTimeRemaining],\n  );\n\n  const getAlertLevel = useCallback((): EClassTimeAlertLevel | null => {\n    const timeRemaining = getTimeRemaining();\n\n    if (timeRemaining === null) return null;\n\n    if (timeRemaining <= 5) return EClassTimeAlertLevel.FIVE_MIN;\n\n    if (timeRemaining <= 15) return EClassTimeAlertLevel.FIFTEEN_MIN;\n\n    return null;\n  }, [getTimeRemaining]);\n\n  const updateClassTimeAlertLevel = useCallback(() => {\n    const newAlertLevel = getAlertLevel();\n\n    if (newAlertLevel && newAlertLevel !== alertLevel) {\n      const showClassTimeAlert = canShowClassAlert(newAlertLevel);\n\n      onUpdateClassTimeAlertConfig({\n        alertLevel: newAlertLevel,\n        isVisible: showClassTimeAlert,\n      });\n    }\n  }, [canShowClassAlert, getAlertLevel, alertLevel, onUpdateClassTimeAlertConfig]);\n\n  const startClassTimeAlertPolling = useCallback(() => {\n    if (timerRef.current) clearInterval(timerRef.current);\n\n    updateClassTimeAlertLevel();\n\n    timerRef.current = setInterval(() => {\n      updateClassTimeAlertLevel();\n    }, 30 * 1000);\n  }, [updateClassTimeAlertLevel]);\n\n  useEffect(() => {\n    updateClassTimeAlertLevel();\n\n    return () => {\n      if (timerRef.current) {\n        clearInterval(timerRef.current);\n        timerRef.current = null;\n      }\n    };\n  }, [startClassTimeAlertPolling, updateClassTimeAlertLevel]);\n\n  return {\n    startClassTimeAlertPolling,\n  };\n};\n"],"names":["useClassTimeAlerts","alertLevel","classStartedOn","classDuration","onUpdateClassTimeAlertConfig","hasPlayedFifteenMinAnimation","useRef","hasPlayedFiveMinAnimation","timerRef","getTimeRemaining","useCallback","currentTime","startTime","canShowClassAlert","level","timeRemaining","EClassTimeAlertLevel","getAlertLevel","updateClassTimeAlertLevel","newAlertLevel","showClassTimeAlert","startClassTimeAlertPolling","useEffect"],"mappings":";;AAWO,MAAMA,IAAqB,CAAC;AAAA,EACjC,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,8BAAAC;AACF,MAA2B;AACnB,QAAAC,IAA+BC,EAAO,EAAK,GAC3CC,IAA4BD,EAAO,EAAK,GACxCE,IAAWF,EAA8B,IAAI,GAE7CG,IAAmBC,EAAY,MAAM;AACzC,QAAI,CAACR,KAAkB,CAACC,EAAsB,QAAA;AAExC,UAAAQ,IAAc,KAAK,OACnBC,IAAY,IAAI,KAAKV,CAAc,EAAE,QAAQ;AAGnD,YAFsBC,KAAiBQ,IAAcC,KAAa,OAE3C;AAAA,EAAA,GACtB,CAACV,GAAgBC,CAAa,CAAC,GAE5BU,IAAoBH;AAAA,IACxB,CAACI,MAAgC;AAC/B,YAAMC,IAAgBN;AAElB,aAAAM,MAAkB,OAAa,KAGjCD,MAAUE,EAAqB,eAC/B,CAACX,EAA6B,WAC9BU,KAAiB,MACjBA,KAAiB,MAEjBV,EAA6B,UAAU,IAEhC,MAIPS,MAAUE,EAAqB,YAC/B,CAACT,EAA0B,WAC3BQ,KAAiB,KACjBA,KAAiB,KAEjBR,EAA0B,UAAU,IAE7B,MAGF;AAAA,IACT;AAAA,IACA,CAACE,CAAgB;AAAA,EAAA,GAGbQ,IAAgBP,EAAY,MAAmC;AACnE,UAAMK,IAAgBN;AAElB,WAAAM,MAAkB,OAAa,OAE/BA,KAAiB,IAAUC,EAAqB,WAEhDD,KAAiB,KAAWC,EAAqB,cAE9C;AAAA,EAAA,GACN,CAACP,CAAgB,CAAC,GAEfS,IAA4BR,EAAY,MAAM;AAClD,UAAMS,IAAgBF;AAElB,QAAAE,KAAiBA,MAAkBlB,GAAY;AAC3C,YAAAmB,IAAqBP,EAAkBM,CAAa;AAE7B,MAAAf,EAAA;AAAA,QAC3B,YAAYe;AAAA,QACZ,WAAWC;AAAA,MAAA,CACZ;AAAA,IACH;AAAA,KACC,CAACP,GAAmBI,GAAehB,GAAYG,CAA4B,CAAC,GAEzEiB,IAA6BX,EAAY,MAAM;AACnD,IAAIF,EAAS,WAAuB,cAAAA,EAAS,OAAO,GAE1BU,KAEjBV,EAAA,UAAU,YAAY,MAAM;AACT,MAAAU;IAAA,GACzB,KAAK,GAAI;AAAA,EAAA,GACX,CAACA,CAAyB,CAAC;AAE9B,SAAAI,EAAU,OACkBJ,KAEnB,MAAM;AACX,IAAIV,EAAS,YACX,cAAcA,EAAS,OAAO,GAC9BA,EAAS,UAAU;AAAA,EACrB,IAED,CAACa,GAA4BH,CAAyB,CAAC,GAEnD;AAAA,IACL,4BAAAG;AAAA,EAAA;AAEJ;"}

package/dist/features/trial-session/hooks/use-left-panel-button-state.js

@@ -0,0 +1,18 @@
+import { useState as r, useCallback as s } from "react";
+import { DEFAULT_BUTTON_STATE as S } from "../trial-session-constants.js";
+const B = () => {
+  const [n, u] = r(S), a = s(
+    (t, e) => {
+      u((o) => t === "both" ? { ...o, ...e } : { ...o, [t]: e });
+    },
+    []
+  );
+  return {
+    buttonState: n,
+    updateButtonState: a
+  };
+};
+export {
+  B as useButtonStateForLeftPanel
+};
+//# sourceMappingURL=use-left-panel-button-state.js.map

package/dist/features/trial-session/hooks/use-left-panel-button-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-left-panel-button-state.js","sources":["../../../../src/features/trial-session/hooks/use-left-panel-button-state.ts"],"sourcesContent":["import type { IButtonState } from '../trial-session-types';\n\nimport { useCallback, useState } from 'react';\n\nimport { DEFAULT_BUTTON_STATE } from '../trial-session-constants';\n\nconst useButtonStateForLeftPanel = () => {\n  const [buttonState, setButtonState] = useState(DEFAULT_BUTTON_STATE);\n\n  const updateButtonState = useCallback(\n    (\n      btnNavDir: 'left' | 'right' | 'both',\n      currentState: IButtonState | { left: IButtonState; right: IButtonState },\n    ) => {\n      setButtonState(previousProps => {\n        return btnNavDir === 'both'\n          ? { ...previousProps, ...currentState }\n          : { ...previousProps, [btnNavDir]: currentState };\n      });\n    },\n    [],\n  );\n\n  return {\n    buttonState,\n    updateButtonState,\n  };\n};\n\nexport { useButtonStateForLeftPanel };\n"],"names":["useButtonStateForLeftPanel","buttonState","setButtonState","useState","DEFAULT_BUTTON_STATE","updateButtonState","useCallback","btnNavDir","currentState","previousProps"],"mappings":";;AAMA,MAAMA,IAA6B,MAAM;AACvC,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAASC,CAAoB,GAE7DC,IAAoBC;AAAA,IACxB,CACEC,GACAC,MACG;AACH,MAAAN,EAAe,CAAiBO,MACvBF,MAAc,SACjB,EAAE,GAAGE,GAAe,GAAGD,MACvB,EAAE,GAAGC,GAAe,CAACF,CAAS,GAAGC,EAAa,CACnD;AAAA,IACH;AAAA,IACA,CAAC;AAAA,EAAA;AAGI,SAAA;AAAA,IACL,aAAAP;AAAA,IACA,mBAAAI;AAAA,EAAA;AAEJ;"}

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

@@ -0,0 +1,184 @@
+import { useCallback as d, useEffect as j } from "react";
+import { COURSE_STREAMS as q } from "../../milestone/constants.js";
+import { useMilestoneBulkPost as J } from "../../milestone/create/api/milestone-bulk.js";
+import { usePostStudentPreferences as Q } from "../api/course-stream.js";
+import { usePatchStudentInformation as X } from "../api/student-information.js";
+import { usePatchTrialHome as Y } from "../api/trial-home.js";
+import { useTrialSessionContext as $ } from "../context/use-trial-session-context.js";
+import { getFormattedPreferences as ee, getFormattedStudentPersonalizedPreference as te } from "../helper.js";
+import { DEFAULT_BUTTON_STATE as S, TrialPageId as e } from "../trial-session-constants.js";
+import z from "../../../node_modules/uuid/dist/esm-browser/v4.js";
+const ue = () => {
+  const {
+    updateSlideConfig: s,
+    slideConfig: B,
+    formData: H,
+    updateButtonState: a,
+    teacherId: l,
+    studentId: n,
+    milestoneConfig: P,
+    onTrialInformationUpdate: h,
+    trialHomeData: x,
+    worksheetNavigationPanel: I
+  } = $(), { nextPage: w, id: r } = B || {}, { demo_info: Z } = x, { stream: N, region_data: K } = Z, { opportunity_country: C = "US" } = K || {}, { pageId: i } = w || {}, {
+    name: f,
+    grade: p,
+    goals: g,
+    curriculum: _,
+    studentTimezone: T,
+    preferences: A = [],
+    personalizedLevel: R = [],
+    personalizedFocus: O = [],
+    personalizedBehaviors: b = []
+  } = H || {}, c = d(() => {
+    a("both", {
+      left: { isDisabled: !0, isLoading: !1 },
+      right: { isDisabled: !0, isLoading: !0 }
+    });
+  }, [a]), E = (o) => {
+    if (!o) {
+      const t = {};
+      (i === e.CIRCLE_GAME || i === e.CIRCLE_PUZZLE || i === e.CIRCLE_SKILL) && (t.matchmakingId = z(), t.showCircleGameScreen = !0), s({ id: i, ...t });
+    }
+    a("both", S), (r === e.STUDENT_INFORMATION || r === e.SCHOOL_GOALS) && (h == null || h());
+  }, { patch: v } = Y({ onComplete: E }), { patch: k } = X({
+    onComplete: E
+  }), { post: D } = J({
+    onComplete: E
+  }), { post: G } = Q({
+    onComplete: E
+  }), M = d(() => {
+    const [o, t] = (f == null ? void 0 : f.split(" ")) || [], m = {
+      first_name: o,
+      last_name: t,
+      grade: p,
+      board: _,
+      demo_type: "TRIAL_V3",
+      teacher_id: l,
+      country_alpha_2: C
+    };
+    c(), k(n, m);
+  }, [
+    f,
+    p,
+    _,
+    l,
+    C,
+    c,
+    k,
+    n
+  ]), U = d(() => {
+    const o = ee(A, T);
+    if (o.length > 0) {
+      const t = {
+        trial_details: {
+          selected_regular_slots: o
+        }
+      };
+      c(), v("trial-v3-patch", {
+        action: "UPDATE_DEMO",
+        action_data: t,
+        teacher_id: l,
+        student_id: n
+      });
+    } else
+      s({ id: i }), a("both", S);
+  }, [
+    A,
+    T,
+    c,
+    v,
+    l,
+    n,
+    s,
+    i,
+    a
+  ]), y = d(() => {
+    const o = {
+      course_stream: N,
+      grade: p,
+      teacher_id: l,
+      board: _,
+      goals: g
+    };
+    c(), D(o, {
+      studentId: n
+    });
+  }, [
+    _,
+    c,
+    g,
+    p,
+    D,
+    N,
+    n,
+    l
+  ]), F = d(() => {
+    const t = { preferences: te(P, [
+      ...R,
+      ...O,
+      ...b
+    ]) }, m = { stream: q.MATH, studentId: n };
+    c(), G(t, m);
+  }, [
+    c,
+    P,
+    b,
+    O,
+    R,
+    G,
+    n
+  ]), L = d(
+    (o, t) => {
+      if (!s) return;
+      const m = r === e.STUDENT_PROFILE, V = r === e.LEARNING_PLAN, u = {};
+      if ((t === e.CIRCLE_GAME || t === e.CIRCLE_PUZZLE || t === e.CIRCLE_SKILL) && (u.matchmakingId = z(), u.showCircleGameScreen = !0), o === "prev" && (s({
+        id: t,
+        ...m && { studentProfile: void 0 },
+        ...V && {
+          chapterId: void 0
+        },
+        ...u
+      }), a("both", S)), o === "next")
+        switch (r) {
+          case e.STUDENT_INFORMATION:
+          case e.SCHOOL_GOALS:
+            M();
+            break;
+          case e.LEARNING_WORKSHEET:
+            y();
+            break;
+          case e.CLASS_PREFERENCE:
+            U();
+            break;
+          case e.LEARNING_LEVEL:
+          case e.STUDENT_PERSONALIZATION:
+            F();
+            break;
+          case e.LEARNING_PLAN:
+            s({ id: t, chapterId: void 0, ...u });
+            break;
+          default:
+            s({ id: t, ...u }), a("both", S);
+        }
+    },
+    [
+      s,
+      r,
+      a,
+      M,
+      y,
+      U,
+      F
+    ]
+  ), W = d(() => {
+    !I && r === e.LEARNING_WORKSHEET && L("next", i);
+  }, [r, L, i, I]);
+  return j(() => {
+    W();
+  }, [I]), { handleNavigation: L };
+};
+export {
+  ue as useTrialSessionNavigation
+};
+//# sourceMappingURL=use-trial-session-navigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-trial-session-navigation.js","sources":["../../../../src/features/trial-session/hooks/use-trial-session-navigation.ts"],"sourcesContent":["import type { ITrialSessionFormFields } from '../trial-session-types';\n\nimport { 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 { usePatchTrialHome } from '../api/trial-home';\nimport { useTrialSessionContext } from '../context/use-trial-session-context';\nimport { getFormattedPreferences, getFormattedStudentPersonalizedPreference } from '../helper';\nimport { DEFAULT_BUTTON_STATE, TrialPageId } from '../trial-session-constants';\n\nconst useTrialSessionNavigation = () => {\n  const {\n    updateSlideConfig,\n    slideConfig,\n    formData,\n    updateButtonState,\n    teacherId,\n    studentId,\n    milestoneConfig,\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  } = 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 (\n      currentPageId === TrialPageId.STUDENT_INFORMATION ||\n      currentPageId === TrialPageId.SCHOOL_GOALS\n    ) {\n      //TODO: remove TrialPageId.STUDENT_INFORMATION\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  // Function to call API and updates states\n  const handleStudentInformation = useCallback(() => {\n    const [firstName, lastName] = name?.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\n    disableNavButtons();\n    patchStudentInformation(studentId, payload);\n  }, [\n    name,\n    grade,\n    curriculum,\n    teacherId,\n    countryCode,\n    disableNavButtons,\n    patchStudentInformation,\n    studentId,\n  ]);\n\n  const handleClassPreferences = useCallback(() => {\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      disableNavButtons();\n      patchTrialSession('trial-v3-patch', {\n        action: 'UPDATE_DEMO',\n        action_data: actionData,\n        teacher_id: teacherId,\n        student_id: studentId,\n      });\n    } else {\n      updateSlideConfig({ id: nextPageId });\n      updateButtonState('both', DEFAULT_BUTTON_STATE);\n    }\n  }, [\n    preferences,\n    studentTimezone,\n    disableNavButtons,\n    patchTrialSession,\n    teacherId,\n    studentId,\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    ]);\n\n    const payload = { preferences: personalizedPreferences };\n    const meta = { stream: COURSE_STREAMS.MATH, studentId };\n\n    disableNavButtons();\n    postStudentPreferences(payload, meta);\n  }, [\n    disableNavButtons,\n    milestoneConfig,\n    personalizedBehaviors,\n    personalizedFocus,\n    personalizedLevel,\n    postStudentPreferences,\n    studentId,\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> = {};\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.LEARNING_LEVEL:\n          case TrialPageId.STUDENT_PERSONALIZATION:\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    ],\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","onTrialInformationUpdate","trialHomeData","worksheetNavigationPanel","useTrialSessionContext","nextPage","currentPageId","demoInfo","stream","regionData","countryCode","nextPageId","name","grade","goals","curriculum","studentTimezone","preferences","personalizedLevel","personalizedFocus","personalizedBehaviors","disableNavButtons","useCallback","onAcknowledge","errorMessage","overrides","TrialPageId","uuidv4","DEFAULT_BUTTON_STATE","patchTrialSession","usePatchTrialHome","patchStudentInformation","usePatchStudentInformation","postMilestoneBulk","useMilestoneBulkPost","postStudentPreferences","usePostStudentPreferences","handleStudentInformation","firstName","lastName","payload","handleClassPreferences","selectedRegularSlots","getFormattedPreferences","actionData","handleMileStoneBulkPost","handleStudentPreferencesPatch","getFormattedStudentPersonalizedPreference","meta","COURSE_STREAMS","handleNavigation","dir","id","isStudentProfilePage","isLearningPlanSlide","sessionWorksheetNavigation","useEffect"],"mappings":"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"}

package/dist/features/trial-session/left-panel/index.js

@@ -0,0 +1,69 @@
+import { jsxs as t, jsx as e, Fragment as g } from "react/jsx-runtime";
+import { ILLUSTRATIONS as T } from "../../../assets/illustrations/illustrations.js";
+import u from "../../../assets/line-icons/icons/cuemath-logo.js";
+import $ from "../../ui/image/image.js";
+import o from "../../ui/layout/flex-view.js";
+import s from "../../ui/text/text.js";
+import { getTheme as _ } from "../../ui/theme/get-theme.js";
+import A from "../comps/av-panels/student-av-panel/student-av-panel.js";
+import L from "../comps/av-panels/teacher-av-panel/teacher-av-panel.js";
+import E from "../comps/cue-tips/cues/index.js";
+import x from "../comps/cue-tips/tips/index.js";
+import I from "../comps/navigation-bar/index.js";
+import w from "../comps/solutions/index.js";
+import { useTrialSessionContext as C } from "../context/use-trial-session-context.js";
+import { TEACHER_LEFT_PANEL_MAX_WIDTH as N, STUDENT_LEFT_PANEL_MAX_WIDTH as R, TrialPageId as f } from "../trial-session-constants.js";
+import { Container as X, ContentWrapper as P } from "./left-panel-styled.js";
+const q = () => {
+  const { isTeacher: r, slideConfig: h, worksheetNavigationPanel: l, questionsRatingPanel: p } = C(), { cues: m = [], dos: a = [], donts: c = [], renderAVIn: i, id: d, solutions: n } = h || {};
+  return !r && i !== "left" ? null : /* @__PURE__ */ t(
+    X,
+    {
+      $maxWidth: r ? N : R,
+      children: [
+        i === "left" && /* @__PURE__ */ t(
+          o,
+          {
+            $width: "100%",
+            $flexDirection: r ? "row" : "column",
+            $gutterX: r ? 0.25 : 0.5,
+            $gapX: r ? 0.25 : 0.5,
+            $flexGapX: r ? 0.25 : 0.5,
+            children: [
+              !r && /* @__PURE__ */ t(o, { $gutterX: 0.5, $gapX: 1, $flexRowGapX: 0.5, children: [
+                /* @__PURE__ */ e(u, { width: 108, height: 16, color: _().colors.BLACK }),
+                /* @__PURE__ */ t(o, { $flexDirection: "row", $alignItems: "center", children: [
+                  /* @__PURE__ */ e(s, { $renderAs: "ub3-bold", $color: "BLACK_T_60", children: "4.8+ Rating on" }),
+                  /* @__PURE__ */ e($, { withLoader: !0, src: T.STAR_WITH_GREEN_FILL, width: 20, height: 20 }),
+                  /* @__PURE__ */ e(s, { $renderAs: "ub3-bold", $color: "BLACK_T_60", children: "Trustpilot" })
+                ] })
+              ] }),
+              /* @__PURE__ */ e(o, { $width: r ? "calc(50% - 2px)" : "100%", children: /* @__PURE__ */ e(L, {}) }),
+              /* @__PURE__ */ e(o, { $width: r ? "calc(50% - 2px)" : "100%", children: /* @__PURE__ */ e(A, { insideLeftPanel: !0 }) })
+            ]
+          }
+        ),
+        r && /* @__PURE__ */ t(g, { children: [
+          /* @__PURE__ */ e(
+            P,
+            {
+              $background: "WHITE_3",
+              $justifyContent: i === "left" ? "flex-start" : "center",
+              children: /* @__PURE__ */ t(o, { $gutterX: 0.75, $gapX: 1.5, $flexGapX: 1.5, children: [
+                m.length > 0 && /* @__PURE__ */ e(E, { cues: m }),
+                n && n.length > 0 && /* @__PURE__ */ e(w, { solutions: n }),
+                a.length + c.length > 0 && /* @__PURE__ */ e(x, { dos: a, donts: c }),
+                d === f.LEARNING_WORKSHEET && p
+              ] })
+            }
+          ),
+          d === f.LEARNING_WORKSHEET && l ? l : /* @__PURE__ */ e(I, {})
+        ] })
+      ]
+    }
+  );
+};
+export {
+  q as default
+};
+//# sourceMappingURL=index.js.map

package/dist/features/trial-session/left-panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/features/trial-session/left-panel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport CuemathLogo from '../../../assets/line-icons/icons/cuemath-logo';\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { getTheme } from '../../ui/theme/get-theme';\nimport StudentAVPanel from '../comps/av-panels/student-av-panel/student-av-panel';\nimport TeacherAVPanel from '../comps/av-panels/teacher-av-panel/teacher-av-panel';\nimport Cues from '../comps/cue-tips/cues';\nimport Tips from '../comps/cue-tips/tips';\nimport NavigationBar from '../comps/navigation-bar';\nimport Solutions from '../comps/solutions';\nimport { useTrialSessionContext } from '../context/use-trial-session-context';\nimport {\n  STUDENT_LEFT_PANEL_MAX_WIDTH,\n  TEACHER_LEFT_PANEL_MAX_WIDTH,\n  TrialPageId,\n} from '../trial-session-constants';\nimport * as Styled from './left-panel-styled';\n\nconst LeftPanel: React.FC = () => {\n  const { isTeacher, slideConfig, worksheetNavigationPanel, questionsRatingPanel } =\n    useTrialSessionContext();\n  const { cues = [], dos = [], donts = [], renderAVIn, id, solutions } = slideConfig || {};\n\n  if (!isTeacher && renderAVIn !== 'left') {\n    return null;\n  }\n\n  return (\n    <Styled.Container\n      $maxWidth={isTeacher ? TEACHER_LEFT_PANEL_MAX_WIDTH : STUDENT_LEFT_PANEL_MAX_WIDTH}\n    >\n      {renderAVIn === 'left' && (\n        <FlexView\n          $width=\"100%\"\n          $flexDirection={isTeacher ? 'row' : 'column'}\n          $gutterX={isTeacher ? 0.25 : 0.5}\n          $gapX={isTeacher ? 0.25 : 0.5}\n          $flexGapX={isTeacher ? 0.25 : 0.5}\n        >\n          {!isTeacher && (\n            <FlexView $gutterX={0.5} $gapX={1} $flexRowGapX={0.5}>\n              <CuemathLogo width={108} height={16} color={getTheme().colors.BLACK} />\n              <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n                <Text $renderAs=\"ub3-bold\" $color=\"BLACK_T_60\">\n                  4.8+ Rating on\n                </Text>\n                <Image withLoader src={ILLUSTRATIONS.STAR_WITH_GREEN_FILL} width={20} height={20} />\n                <Text $renderAs=\"ub3-bold\" $color=\"BLACK_T_60\">\n                  Trustpilot\n                </Text>\n              </FlexView>\n            </FlexView>\n          )}\n          <FlexView $width={isTeacher ? 'calc(50% - 2px)' : '100%'}>\n            <TeacherAVPanel />\n          </FlexView>\n          <FlexView $width={isTeacher ? 'calc(50% - 2px)' : '100%'}>\n            <StudentAVPanel insideLeftPanel />\n          </FlexView>\n        </FlexView>\n      )}\n      {isTeacher && (\n        <>\n          <Styled.ContentWrapper\n            $background=\"WHITE_3\"\n            $justifyContent={renderAVIn === 'left' ? 'flex-start' : 'center'}\n          >\n            <FlexView $gutterX={0.75} $gapX={1.5} $flexGapX={1.5}>\n              {cues.length > 0 && <Cues cues={cues} />}\n              {solutions && solutions.length > 0 && <Solutions solutions={solutions} />}\n              {dos.length + donts.length > 0 && <Tips dos={dos} donts={donts} />}\n              {id === TrialPageId.LEARNING_WORKSHEET && questionsRatingPanel}\n            </FlexView>\n          </Styled.ContentWrapper>\n          {id === TrialPageId.LEARNING_WORKSHEET && worksheetNavigationPanel ? (\n            worksheetNavigationPanel\n          ) : (\n            <NavigationBar />\n          )}\n        </>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default LeftPanel;\n"],"names":["LeftPanel","isTeacher","slideConfig","worksheetNavigationPanel","questionsRatingPanel","useTrialSessionContext","cues","dos","donts","renderAVIn","id","solutions","jsxs","Styled.Container","TEACHER_LEFT_PANEL_MAX_WIDTH","STUDENT_LEFT_PANEL_MAX_WIDTH","FlexView","jsx","CuemathLogo","getTheme","Text","Image","ILLUSTRATIONS","TeacherAVPanel","StudentAVPanel","Fragment","Styled.ContentWrapper","Cues","Solutions","Tips","TrialPageId","NavigationBar"],"mappings":";;;;;;;;;;;;;;;;AAsBA,MAAMA,IAAsB,MAAM;AAChC,QAAM,EAAE,WAAAC,GAAW,aAAAC,GAAa,0BAAAC,GAA0B,sBAAAC,EAAA,IACxDC,KACI,EAAE,MAAAC,IAAO,CAAA,GAAI,KAAAC,IAAM,CAAC,GAAG,OAAAC,IAAQ,IAAI,YAAAC,GAAY,IAAAC,GAAI,WAAAC,MAAcT,KAAe,CAAA;AAElF,SAAA,CAACD,KAAaQ,MAAe,SACxB,OAIP,gBAAAG;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWZ,IAAYa,IAA+BC;AAAA,MAErD,UAAA;AAAA,QAAAN,MAAe,UACd,gBAAAG;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,QAAO;AAAA,YACP,gBAAgBf,IAAY,QAAQ;AAAA,YACpC,UAAUA,IAAY,OAAO;AAAA,YAC7B,OAAOA,IAAY,OAAO;AAAA,YAC1B,WAAWA,IAAY,OAAO;AAAA,YAE7B,UAAA;AAAA,cAAC,CAAAA,uBACCe,GAAS,EAAA,UAAU,KAAK,OAAO,GAAG,cAAc,KAC/C,UAAA;AAAA,gBAAC,gBAAAC,EAAAC,GAAA,EAAY,OAAO,KAAK,QAAQ,IAAI,OAAOC,EAAA,EAAW,OAAO,MAAO,CAAA;AAAA,gBACpE,gBAAAP,EAAAI,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,kBAAA,gBAAAC,EAACG,GAAK,EAAA,WAAU,YAAW,QAAO,cAAa,UAE/C,kBAAA;AAAA,kBACA,gBAAAH,EAACI,GAAM,EAAA,YAAU,IAAC,KAAKC,EAAc,sBAAsB,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,oCACjFF,GAAK,EAAA,WAAU,YAAW,QAAO,cAAa,UAE/C,cAAA;AAAA,gBAAA,GACF;AAAA,cAAA,GACF;AAAA,cAEF,gBAAAH,EAACD,KAAS,QAAQf,IAAY,oBAAoB,QAChD,UAAA,gBAAAgB,EAACM,KAAe,EAClB,CAAA;AAAA,cACA,gBAAAN,EAACD,GAAS,EAAA,QAAQf,IAAY,oBAAoB,QAChD,UAAC,gBAAAgB,EAAAO,GAAA,EAAe,iBAAe,GAAA,CAAC,EAClC,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QAEDvB,KAEG,gBAAAW,EAAAa,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAR;AAAA,YAACS;AAAAA,YAAA;AAAA,cACC,aAAY;AAAA,cACZ,iBAAiBjB,MAAe,SAAS,eAAe;AAAA,cAExD,4BAACO,GAAS,EAAA,UAAU,MAAM,OAAO,KAAK,WAAW,KAC9C,UAAA;AAAA,gBAAAV,EAAK,SAAS,KAAM,gBAAAW,EAAAU,GAAA,EAAK,MAAArB,GAAY;AAAA,gBACrCK,KAAaA,EAAU,SAAS,KAAK,gBAAAM,EAACW,KAAU,WAAAjB,GAAsB;AAAA,gBACtEJ,EAAI,SAASC,EAAM,SAAS,KAAM,gBAAAS,EAAAY,GAAA,EAAK,KAAAtB,GAAU,OAAAC,GAAc;AAAA,gBAC/DE,MAAOoB,EAAY,sBAAsB1B;AAAA,cAAA,GAC5C;AAAA,YAAA;AAAA,UACF;AAAA,UACCM,MAAOoB,EAAY,sBAAsB3B,IACxCA,sBAEC4B,GAAc,EAAA;AAAA,QAAA,GAEnB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

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

@@ -0,0 +1,21 @@
+import t from "styled-components";
+import i from "../../ui/layout/flex-view.js";
+const p = t.div(({ $maxWidth: e, theme: { colors: o } }) => `
+    position: relative;    
+    display: flex;
+    flex-direction: column;
+    width: ${e}px;
+    max-width: ${e}px;
+    min-width: ${e / 2}px;
+    border-left: 1px solid ${o.WHITE_5};
+    height: 100%;
+  `), l = t(i)`
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+`;
+export {
+  p as Container,
+  l as ContentWrapper
+};
+//# sourceMappingURL=left-panel-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"left-panel-styled.js","sources":["../../../../src/features/trial-session/left-panel/left-panel-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\nconst Container = styled.div<{ $maxWidth: number }>(({ $maxWidth, theme: { colors } }) => {\n  return `\n    position: relative;    \n    display: flex;\n    flex-direction: column;\n    width: ${$maxWidth}px;\n    max-width: ${$maxWidth}px;\n    min-width: ${$maxWidth / 2}px;\n    border-left: 1px solid ${colors.WHITE_5};\n    height: 100%;\n  `;\n});\n\nconst ContentWrapper = styled(FlexView)`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nexport { Container, ContentWrapper };\n"],"names":["Container","styled","$maxWidth","colors","ContentWrapper","FlexView"],"mappings":";;AAIM,MAAAA,IAAYC,EAAO,IAA2B,CAAC,EAAE,WAAAC,GAAW,OAAO,EAAE,QAAAC,EAAO,QACzE;AAAA;AAAA;AAAA;AAAA,aAIID,CAAS;AAAA,iBACLA,CAAS;AAAA,iBACTA,IAAY,CAAC;AAAA,6BACDC,EAAO,OAAO;AAAA;AAAA,GAG1C,GAEKC,IAAiBH,EAAOI,CAAQ;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,57 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { memo as E, useState as S, useRef as g, useEffect as T } from "react";
+import { IMAGES as $ } from "../../../assets/images/images.js";
+import C from "../../ui/image/image.js";
+import I from "../../ui/text/text.js";
+import O from "../comps/background-grid/background-grid.js";
+import { useTrialSessionContext as _ } from "../context/use-trial-session-context.js";
+import { PAGES_WITHOUT_GRID as A, SCROLLABLE_COMPONENT_IDS as R, ACTIONABLE_COMPONENT_IDS as H, MINIMUM_SCREEN_HEIGHT as D } from "../trial-session-constants.js";
+import { Container as G, SharedTag as N, ParentDiscussion as w, Animation as x, Wrapper as L, GridWrapper as M, SlideWrapper as v } from "./right-panel-styled.js";
+import P from "./slide-components-map.js";
+const J = E(() => {
+  const { isTeacher: n, slideConfig: h } = _(), { id: e, slideTag: s } = h, [p, c] = S(0), i = g(null), u = R.includes(e), l = H.includes(e), d = !l && p <= D, t = u || l ? !1 : !n, a = e ? P[e] : void 0;
+  if (T(() => {
+    i.current && c(i.current.offsetHeight);
+    const f = () => {
+      i.current && c(i.current.offsetHeight);
+    };
+    return window.addEventListener("resize", f), () => {
+      window.removeEventListener("resize", f);
+    };
+  }, []), !e) return null;
+  const m = /* @__PURE__ */ r(
+    v,
+    {
+      $height: "100%",
+      $minDevice: d,
+      $readOnly: t,
+      children: a && /* @__PURE__ */ r(a, { miniScreenDevice: d })
+    },
+    e
+  );
+  return /* @__PURE__ */ o(G, { ref: i, $readOnly: t, $isTeacher: n, children: [
+    n && /* @__PURE__ */ o(
+      N,
+      {
+        $flexDirection: "row",
+        $flexGap: 4,
+        $alignItems: "center",
+        $justifyContent: "center",
+        $background: "GREEN_4",
+        children: [
+          /* @__PURE__ */ r(C, { src: $.SHARED, height: 24, width: 24, withLoader: !1 }),
+          /* @__PURE__ */ r(I, { $renderAs: "ub3", children: "Shared" })
+        ]
+      }
+    ),
+    s && /* @__PURE__ */ r(w, { $renderAs: "ac4-black", $color: "WHITE_T_87", children: s }),
+    /* @__PURE__ */ r(x, { children: A.includes(e) ? m : /* @__PURE__ */ o(L, { $readOnly: t, children: [
+      /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(O, { slideId: e }) }),
+      m
+    ] }) }, e)
+  ] });
+});
+export {
+  J as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/features/trial-session/right-panel/index.tsx"],"sourcesContent":["import { memo, useEffect, useRef, useState } from 'react';\n\nimport { IMAGES } from '../../../assets/images/images';\nimport Image from '../../ui/image/image';\nimport Text from '../../ui/text/text';\nimport BackgroundGrid from '../comps/background-grid/background-grid';\nimport { useTrialSessionContext } from '../context/use-trial-session-context';\nimport {\n  MINIMUM_SCREEN_HEIGHT,\n  PAGES_WITHOUT_GRID,\n  ACTIONABLE_COMPONENT_IDS,\n  SCROLLABLE_COMPONENT_IDS,\n} from '../trial-session-constants';\nimport * as Styled from './right-panel-styled';\nimport SlideComponentsMap from './slide-components-map';\n\nconst RightPanel = memo(() => {\n  const { isTeacher, slideConfig } = useTrialSessionContext();\n  const { id, slideTag } = slideConfig;\n\n  const [slideHeight, setSlideHeight] = useState<number>(0);\n  const rightPanelRef = useRef<HTMLDivElement | null>(null);\n  const isScrollableComponent = SCROLLABLE_COMPONENT_IDS.includes(id);\n  const isActionableComponent = ACTIONABLE_COMPONENT_IDS.includes(id);\n  const miniScreenDevice = !isActionableComponent && slideHeight <= MINIMUM_SCREEN_HEIGHT;\n  const isReadOnly = isScrollableComponent || isActionableComponent ? false : !isTeacher;\n\n  const SlideComponent = id ? SlideComponentsMap[id] : undefined;\n\n  useEffect(() => {\n    if (rightPanelRef.current) {\n      setSlideHeight(rightPanelRef.current.offsetHeight);\n    }\n\n    const handleResize = () => {\n      if (rightPanelRef.current) {\n        setSlideHeight(rightPanelRef.current.offsetHeight);\n      }\n    };\n\n    window.addEventListener('resize', handleResize);\n\n    return () => {\n      window.removeEventListener('resize', handleResize);\n    };\n  }, []);\n\n  if (!id) return null;\n\n  const slideElement = (\n    <Styled.SlideWrapper\n      $height=\"100%\"\n      $minDevice={miniScreenDevice}\n      $readOnly={isReadOnly}\n      key={id}\n    >\n      {SlideComponent && <SlideComponent miniScreenDevice={miniScreenDevice} />}\n    </Styled.SlideWrapper>\n  );\n\n  return (\n    <Styled.Container ref={rightPanelRef} $readOnly={isReadOnly} $isTeacher={isTeacher}>\n      {isTeacher && (\n        <Styled.SharedTag\n          $flexDirection=\"row\"\n          $flexGap={4}\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $background=\"GREEN_4\"\n        >\n          <Image src={IMAGES.SHARED} height={24} width={24} withLoader={false} />\n          <Text $renderAs=\"ub3\">Shared</Text>\n        </Styled.SharedTag>\n      )}\n      {slideTag && (\n        <Styled.ParentDiscussion $renderAs=\"ac4-black\" $color=\"WHITE_T_87\">\n          {slideTag}\n        </Styled.ParentDiscussion>\n      )}\n      <Styled.Animation key={id}>\n        {!PAGES_WITHOUT_GRID.includes(id) ? (\n          <Styled.Wrapper $readOnly={isReadOnly}>\n            <Styled.GridWrapper>\n              <BackgroundGrid slideId={id} />\n            </Styled.GridWrapper>\n            {slideElement}\n          </Styled.Wrapper>\n        ) : (\n          slideElement\n        )}\n      </Styled.Animation>\n    </Styled.Container>\n  );\n});\n\nexport default RightPanel;\n"],"names":["RightPanel","memo","isTeacher","slideConfig","useTrialSessionContext","id","slideTag","slideHeight","setSlideHeight","useState","rightPanelRef","useRef","isScrollableComponent","SCROLLABLE_COMPONENT_IDS","isActionableComponent","ACTIONABLE_COMPONENT_IDS","miniScreenDevice","MINIMUM_SCREEN_HEIGHT","isReadOnly","SlideComponent","SlideComponentsMap","useEffect","handleResize","slideElement","jsx","Styled.SlideWrapper","jsxs","Styled.Container","Styled.SharedTag","Image","IMAGES","Text","Styled.ParentDiscussion","Styled.Animation","PAGES_WITHOUT_GRID","Styled.Wrapper","Styled.GridWrapper","BackgroundGrid"],"mappings":";;;;;;;;;;AAgBM,MAAAA,IAAaC,EAAK,MAAM;AAC5B,QAAM,EAAE,WAAAC,GAAW,aAAAC,EAAY,IAAIC,EAAuB,GACpD,EAAE,IAAAC,GAAI,UAAAC,EAAa,IAAAH,GAEnB,CAACI,GAAaC,CAAc,IAAIC,EAAiB,CAAC,GAClDC,IAAgBC,EAA8B,IAAI,GAClDC,IAAwBC,EAAyB,SAASR,CAAE,GAC5DS,IAAwBC,EAAyB,SAASV,CAAE,GAC5DW,IAAmB,CAACF,KAAyBP,KAAeU,GAC5DC,IAAaN,KAAyBE,IAAwB,KAAQ,CAACZ,GAEvEiB,IAAiBd,IAAKe,EAAmBf,CAAE,IAAI;AAoBjD,MAlBJgB,EAAU,MAAM;AACd,IAAIX,EAAc,WACDF,EAAAE,EAAc,QAAQ,YAAY;AAGnD,UAAMY,IAAe,MAAM;AACzB,MAAIZ,EAAc,WACDF,EAAAE,EAAc,QAAQ,YAAY;AAAA,IACnD;AAGK,kBAAA,iBAAiB,UAAUY,CAAY,GAEvC,MAAM;AACJ,aAAA,oBAAoB,UAAUA,CAAY;AAAA,IAAA;AAAA,EAErD,GAAG,CAAE,CAAA,GAED,CAACjB,EAAW,QAAA;AAEhB,QAAMkB,IACJ,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,YAAYT;AAAA,MACZ,WAAWE;AAAA,MAGV,UAAAC,KAAmB,gBAAAK,EAAAL,GAAA,EAAe,kBAAAH,EAAoC,CAAA;AAAA,IAAA;AAAA,IAFlEX;AAAA,EAAA;AAOP,SAAA,gBAAAqB,EAACC,GAAA,EAAiB,KAAKjB,GAAe,WAAWQ,GAAY,YAAYhB,GACtE,UAAA;AAAA,IACCA,KAAA,gBAAAwB;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,UAAU;AAAA,QACV,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,KAAKC,EAAO,QAAQ,QAAQ,IAAI,OAAO,IAAI,YAAY,GAAO,CAAA;AAAA,UACpE,gBAAAN,EAAAO,GAAA,EAAK,WAAU,OAAM,UAAM,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9B;AAAA,IAEDzB,uBACE0B,GAAA,EAAwB,WAAU,aAAY,QAAO,cACnD,UACH1B,GAAA;AAAA,IAED,gBAAAkB,EAAAS,GAAA,EACE,UAACC,EAAmB,SAAS7B,CAAE,IAQ9BkB,IAPC,gBAAAG,EAAAS,GAAA,EAAe,WAAWjB,GACzB,UAAA;AAAA,MAAA,gBAAAM,EAACY,GAAA,EACC,4BAACC,GAAe,EAAA,SAAShC,EAAI,CAAA,GAC/B;AAAA,MACCkB;AAAA,IAAA,GACH,KAPmBlB,CAWvB;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

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

@@ -0,0 +1,83 @@
+import e, { keyframes as n } 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`
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+`, m = e.div(
+  ({ $readOnly: t, $isTeacher: o, theme: { colors: i } }) => `
+      position: relative;
+      width: ${s}px;
+      height: 100%;
+      background-color: white;
+      flex-shrink: 0;
+      z-index: 1;
+      overflow: hidden;
+      ${t ? "cursor: not-allowed;" : ""}
+      ${o ? `border: 4px solid ${i.GREEN_4};` : `
+            border-left: 1px solid ${i.WHITE_5};
+            border-right: 1px solid ${i.WHITE_5};
+          `}
+    `
+), c = e(r)(
+  ({ $minDevice: t, $readOnly: o, theme: { layout: i } }) => `
+    ${t ? `
+          height: calc(100% + ${i.gutter * 3.125}px);
+          transform: translateY(-${i.gutter * 3.125}px);
+        ` : ""}
+    ${o ? "pointer-events: none;" : ""}
+  `
+), f = e.div`
+  width: inherit;
+  height: 100%;
+  animation: ${a} 0.3s ease-in-out;
+`, g = e.div(
+  ({ $readOnly: t }) => `
+  width: 950px;
+  height: 100%;
+  transform: translateX(-11px);
+  ${t ? "pointer-events: none;" : ""}
+`
+), $ = e.div`
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  z-index: -1;
+`, u = e(r)`
+  position: absolute;
+  top: 0;
+  right: 0;
+  justify-self: center;
+  z-index: 2;
+  padding: 4px 12px 6px;
+`, b = e(p)(
+  ({ theme: { layout: t, colors: o } }) => `
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  align-items: center;
+  z-index: 2;
+  padding: 0px ${t.gutter * 0.75}px;
+  background-color: ${o.BLACK_5};
+  height: ${t.gutter * 1.75}px;
+`
+);
+export {
+  f as Animation,
+  m as Container,
+  $ as GridWrapper,
+  b as ParentDiscussion,
+  u as SharedTag,
+  c as SlideWrapper,
+  g as Wrapper
+};
+//# sourceMappingURL=right-panel-styled.js.map

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

@@ -0,0 +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: 2;\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: 2;\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;"}