@cuemath/leap 3.3.31 → 3.3.32-j2

package/dist/features/trial-session/trial-session-view.js

@@ -1,137 +1,128 @@
-import { jsx as D, jsxs as z } from "react/jsx-runtime";
-import { memo as J, useState as K, useMemo as m, useCallback as Q, useEffect as S } from "react";
-import { getGradesFromConfig as W } from "../milestone/create/milestone-create-helpers.js";
-import X from "../ui/layout/flex-view.js";
-import Y from "./context/trial-session-context.js";
-import { useButtonStateForLeftPanel as Z } from "./hooks/use-left-panel-button-state.js";
-import ee from "./left-panel/index.js";
-import te from "./right-panel/index.js";
-const de = J((H) => {
+import { jsx as p, jsxs as O } from "react/jsx-runtime";
+import { memo as q, useState as z, useMemo as h, useCallback as J, useEffect as C } from "react";
+import K from "../ui/layout/flex-view.js";
+import Q from "./context/trial-session-context.js";
+import { useButtonStateForLeftPanel as W } from "./hooks/use-left-panel-button-state.js";
+import { useSlideConfigUpdate as X } from "./hooks/use-slide-config-update.js";
+import Y from "./left-panel/index.js";
+import Z from "./right-panel/index.js";
+const le = q((B) => {
   const {
-    userType: r,
-    teacherPanel: I,
-    studentPanel: T,
-    trialGameUrl: x,
-    formData: s,
-    height: L = "100vh",
-    trialHomeData: t,
-    milestoneConfig: o,
-    onFormDataChange: u,
-    worksheet: P,
-    studentId: i,
-    teacherId: l,
-    classStartedOn: _,
-    worksheetNavigationPanel: v,
-    questionsRatingPanel: y,
-    studentAbsentInClass: E,
-    openEndClassModal: w,
-    onTrialInformationUpdate: F,
-    onStudentTimezoneUpdate: f,
-    handleInfoMessage: G,
-    onRemoveOptionalSlides: M,
-    classDuration: R,
-    studentTimezone: g,
-    classTimeAlertConfig: $
-  } = H, a = r === "TEACHER", { pages: p = [], student: O } = t, { name: b, grade: c } = O || {}, [n, q] = K(s), h = a ? n : s, C = h == null ? void 0 : h.id, j = m(
-    () => p.find((e) => e.id === C) ?? p[0],
-    [C, p]
-  ), k = m(() => {
-    const e = {
-      circleConfig: t.circle_trial_game_config,
+    userType: n,
+    teacherPanel: S,
+    studentPanel: D,
+    trialGameUrl: I,
+    formData: o,
+    height: G = "100vh",
+    trialHomeData: e,
+    milestoneConfig: l,
+    onFormDataChange: c,
+    worksheet: T,
+    studentId: s,
+    teacherId: i,
+    classStartedOn: P,
+    worksheetNavigationPanel: x,
+    teacherClassroomId: H,
+    questionsRatingPanel: _,
+    studentAbsentInClass: v,
+    openEndClassModal: y,
+    onTrialInformationUpdate: w,
+    onStudentTimezoneUpdate: d,
+    handleInfoMessage: E,
+    onRemoveOptionalSlides: R,
+    classDuration: F,
+    studentTimezone: $,
+    classTimeAlertConfig: b
+  } = B, t = n === "TEACHER", { pages: m = [] } = e, [r, L] = z(o), f = t ? r : o, u = f == null ? void 0 : f.id, j = h(
+    () => m.find((a) => a.id === u) ?? m[0],
+    [u, m]
+  ), k = h(() => {
+    const a = {
+      circleConfig: e.circle_trial_game_config,
       playerDetails: {
-        userId: a ? l : i,
-        circle_username: t[a ? "teacher" : "student"].circle_username,
-        user_avatar: t[a ? "teacher" : "student"].user_avatar,
-        playerType: r
+        userId: t ? i : s,
+        circle_username: e[t ? "teacher" : "student"].circle_username,
+        user_avatar: e[t ? "teacher" : "student"].user_avatar,
+        playerType: n
       }
     };
-    return r === "STUDENT" && (e.playerDetails.grade = t.student.grade), e;
-  }, [a, i, l, t, r]), d = Q((e) => {
-    q((B) => B ? { ...B, ...e } : e);
-  }, []), { buttonState: A, updateButtonState: N } = Z(), U = m(
+    return n === "STUDENT" && (a.playerDetails.grade = e.student.grade), a;
+  }, [t, s, i, e, n]), g = J((a) => {
+    L((V) => V ? { ...V, ...a } : a);
+  }, []), { buttonState: A, updateButtonState: M } = W(), { onRenderUpdateSlideConfig: U } = X({
+    teacherClassroomId: H,
+    milestoneConfig: l,
+    studentTimezone: $,
+    updateSlideConfig: g
+  }), N = h(
     () => ({
-      teacherPanel: I,
-      studentPanel: T,
-      isTeacher: a,
+      teacherPanel: S,
+      studentPanel: D,
+      isTeacher: t,
       slideConfig: j,
-      milestoneConfig: o,
-      formData: a ? n : s,
-      updateSlideConfig: d,
-      worksheet: P,
+      milestoneConfig: l,
+      formData: t ? r : o,
+      updateSlideConfig: g,
+      worksheet: T,
       buttonState: A,
-      updateButtonState: N,
-      studentId: i,
-      teacherId: l,
-      classStartedOn: _,
-      trialHomeData: t,
-      worksheetNavigationPanel: v,
-      questionsRatingPanel: y,
-      onTrialInformationUpdate: F,
-      openEndClassModal: w,
-      studentAbsentInClass: E,
+      updateButtonState: M,
+      studentId: s,
+      teacherId: i,
+      classStartedOn: P,
+      trialHomeData: e,
+      worksheetNavigationPanel: x,
+      questionsRatingPanel: _,
+      onTrialInformationUpdate: w,
+      openEndClassModal: y,
+      studentAbsentInClass: v,
       circleGames: k,
-      trialGameUrl: x,
-      handleInfoMessage: G,
-      onRemoveOptionalSlides: M,
-      classDuration: R,
-      classTimeAlertConfig: $
+      trialGameUrl: I,
+      handleInfoMessage: E,
+      onRemoveOptionalSlides: R,
+      classDuration: F,
+      classTimeAlertConfig: b
     }),
     [
-      I,
-      T,
-      a,
+      S,
+      D,
+      t,
       j,
+      l,
+      r,
       o,
-      n,
-      s,
-      d,
-      P,
+      g,
+      T,
       A,
-      N,
+      M,
+      s,
       i,
-      l,
+      P,
+      e,
+      x,
       _,
-      t,
-      v,
-      y,
-      F,
       w,
-      E,
+      y,
+      v,
       k,
-      x,
-      G,
-      M,
+      I,
+      E,
       R,
-      $
+      F,
+      b
     ]
   );
-  S(() => {
-    n && u && u(n);
-  }, [u, n]), S(() => {
-    g || f == null || f();
-  }, [C]);
-  const V = m(
-    () => !!W(o).find((e) => e.id === c),
-    [o, c]
-  );
-  return S(() => {
-    d({
-      studentTimezone: g,
-      name: b,
-      grade: V ? c : ""
-    });
-  }, [
-    b,
-    c,
-    d,
-    g,
-    V
-  ]), /* @__PURE__ */ D(Y.Provider, { value: U, children: /* @__PURE__ */ z(X, { $height: L, $flexDirection: "row", $justifyContent: "center", $alignItems: "center", children: [
-    /* @__PURE__ */ D(ee, {}),
-    /* @__PURE__ */ D(te, {})
+  return C(() => {
+    r && c && c(r);
+  }, [c, r]), C(() => {
+    $ || d == null || d();
+  }, [u]), C(() => {
+    t && e && U(e);
+  }, [t, U, e]), /* @__PURE__ */ p(Q.Provider, { value: N, children: /* @__PURE__ */ O(K, { $height: G, $flexDirection: "row", $justifyContent: "center", $alignItems: "center", children: [
+    /* @__PURE__ */ p(Y, {}),
+    /* @__PURE__ */ p(Z, {})
   ] }) });
 });
 export {
-  de as default
+  le as default
 };
 //# sourceMappingURL=trial-session-view.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"trial-session-view.js","sources":["../../../src/features/trial-session/trial-session-view.tsx"],"sourcesContent":["import type { ITrialCircleGameParams } from './comps/trial-circle-game/trial-circle-game-types';\nimport type {\n  ITrialSessionContext,\n  ITrialSessionViewProps,\n  ITrialSessionFormFields,\n} from './trial-session-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { getGradesFromConfig } from '../milestone/create/milestone-create-helpers';\nimport FlexView from '../ui/layout/flex-view';\nimport TrialSessionContext from './context/trial-session-context';\nimport { useButtonStateForLeftPanel } from './hooks/use-left-panel-button-state';\nimport LeftPanel from './left-panel';\nimport RightPanel from './right-panel';\n\nconst TrialSessionView: FC<ITrialSessionViewProps> = memo(props => {\n  const {\n    userType,\n    teacherPanel,\n    studentPanel,\n    trialGameUrl,\n    formData: formDataProps,\n    height = '100vh',\n    trialHomeData,\n    milestoneConfig,\n    onFormDataChange,\n    worksheet,\n    studentId,\n    teacherId,\n    classStartedOn,\n    worksheetNavigationPanel,\n    questionsRatingPanel,\n    studentAbsentInClass,\n    openEndClassModal,\n    onTrialInformationUpdate,\n    onStudentTimezoneUpdate,\n    handleInfoMessage,\n    onRemoveOptionalSlides,\n    classDuration,\n    studentTimezone,\n    classTimeAlertConfig,\n  } = props;\n  const isTeacher = userType === 'TEACHER';\n  const { pages: slides = [], student } = trialHomeData;\n  const { name: studentName, grade: studentGrade } = student || {};\n  const [formData, setFormData] = useState<ITrialSessionFormFields | undefined>(formDataProps);\n  const formDataToUse = isTeacher ? formData : formDataProps;\n  const currentSlideId = formDataToUse?.id;\n  const currentSlideConfig = useMemo(\n    () => slides.find(config => config.id === currentSlideId) ?? slides[0]!,\n    [currentSlideId, slides],\n  );\n\n  const circleGames = useMemo(() => {\n    const data = {\n      circleConfig: trialHomeData.circle_trial_game_config,\n      playerDetails: {\n        userId: isTeacher ? teacherId : studentId,\n        circle_username: trialHomeData[isTeacher ? 'teacher' : 'student'].circle_username,\n        user_avatar: trialHomeData[isTeacher ? 'teacher' : 'student'].user_avatar,\n        playerType: userType,\n      },\n    } as ITrialCircleGameParams;\n\n    if (userType === 'STUDENT') {\n      data.playerDetails.grade = trialHomeData.student.grade;\n    }\n\n    return data;\n  }, [isTeacher, studentId, teacherId, trialHomeData, userType]);\n\n  const updateSlideConfig = useCallback((config: Partial<ITrialSessionFormFields>) => {\n    setFormData(previousProps => {\n      if (!previousProps) return config as ITrialSessionFormFields;\n\n      return { ...previousProps, ...config };\n    });\n  }, []);\n  const { buttonState, updateButtonState } = useButtonStateForLeftPanel();\n\n  const contextValue = useMemo<ITrialSessionContext>(\n    () => ({\n      teacherPanel,\n      studentPanel,\n      isTeacher,\n      slideConfig: currentSlideConfig,\n      milestoneConfig,\n      formData: isTeacher ? formData : formDataProps,\n      updateSlideConfig,\n      worksheet,\n      buttonState,\n      updateButtonState,\n      studentId,\n      teacherId,\n      classStartedOn,\n      trialHomeData,\n      worksheetNavigationPanel,\n      questionsRatingPanel,\n      onTrialInformationUpdate,\n      openEndClassModal,\n      studentAbsentInClass,\n      circleGames,\n      trialGameUrl,\n      handleInfoMessage,\n      onRemoveOptionalSlides,\n      classDuration,\n      classTimeAlertConfig,\n    }),\n    [\n      teacherPanel,\n      studentPanel,\n      isTeacher,\n      currentSlideConfig,\n      milestoneConfig,\n      formData,\n      formDataProps,\n      updateSlideConfig,\n      worksheet,\n      buttonState,\n      updateButtonState,\n      studentId,\n      teacherId,\n      classStartedOn,\n      trialHomeData,\n      worksheetNavigationPanel,\n      questionsRatingPanel,\n      onTrialInformationUpdate,\n      openEndClassModal,\n      studentAbsentInClass,\n      circleGames,\n      trialGameUrl,\n      handleInfoMessage,\n      onRemoveOptionalSlides,\n      classDuration,\n      classTimeAlertConfig,\n    ],\n  );\n\n  useEffect(() => {\n    if (formData && onFormDataChange) {\n      onFormDataChange(formData);\n    }\n  }, [onFormDataChange, formData]);\n\n  useEffect(() => {\n    if (!studentTimezone) onStudentTimezoneUpdate?.();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentSlideId]);\n\n  const IsGradeExistInMilestoneConfig = useMemo(\n    () => !!getGradesFromConfig(milestoneConfig).find(element => element.id === studentGrade),\n    [milestoneConfig, studentGrade],\n  );\n\n  useEffect(() => {\n    updateSlideConfig({\n      studentTimezone,\n      name: studentName,\n      grade: IsGradeExistInMilestoneConfig ? studentGrade : '',\n    });\n  }, [\n    studentName,\n    studentGrade,\n    updateSlideConfig,\n    studentTimezone,\n    IsGradeExistInMilestoneConfig,\n  ]);\n\n  return (\n    <TrialSessionContext.Provider value={contextValue}>\n      <FlexView $height={height} $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\">\n        <LeftPanel />\n        <RightPanel />\n      </FlexView>\n    </TrialSessionContext.Provider>\n  );\n});\n\nexport default TrialSessionView;\n"],"names":["TrialSessionView","memo","props","userType","teacherPanel","studentPanel","trialGameUrl","formDataProps","height","trialHomeData","milestoneConfig","onFormDataChange","worksheet","studentId","teacherId","classStartedOn","worksheetNavigationPanel","questionsRatingPanel","studentAbsentInClass","openEndClassModal","onTrialInformationUpdate","onStudentTimezoneUpdate","handleInfoMessage","onRemoveOptionalSlides","classDuration","studentTimezone","classTimeAlertConfig","isTeacher","slides","student","studentName","studentGrade","formData","setFormData","useState","formDataToUse","currentSlideId","currentSlideConfig","useMemo","config","circleGames","data","updateSlideConfig","useCallback","previousProps","buttonState","updateButtonState","useButtonStateForLeftPanel","contextValue","useEffect","IsGradeExistInMilestoneConfig","getGradesFromConfig","element","jsx","TrialSessionContext","jsxs","FlexView","LeftPanel","RightPanel"],"mappings":"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"}
+{"version":3,"file":"trial-session-view.js","sources":["../../../src/features/trial-session/trial-session-view.tsx"],"sourcesContent":["import type { ITrialCircleGameParams } from './comps/trial-circle-game/trial-circle-game-types';\nimport type {\n  ITrialSessionContext,\n  ITrialSessionViewProps,\n  ITrialSessionFormFields,\n} from './trial-session-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport FlexView from '../ui/layout/flex-view';\nimport TrialSessionContext from './context/trial-session-context';\nimport { useButtonStateForLeftPanel } from './hooks/use-left-panel-button-state';\nimport { useSlideConfigUpdate } from './hooks/use-slide-config-update';\nimport LeftPanel from './left-panel';\nimport RightPanel from './right-panel';\n\nconst TrialSessionView: FC<ITrialSessionViewProps> = memo(props => {\n  const {\n    userType,\n    teacherPanel,\n    studentPanel,\n    trialGameUrl,\n    formData: formDataProps,\n    height = '100vh',\n    trialHomeData,\n    milestoneConfig,\n    onFormDataChange,\n    worksheet,\n    studentId,\n    teacherId,\n    classStartedOn,\n    worksheetNavigationPanel,\n    teacherClassroomId,\n    questionsRatingPanel,\n    studentAbsentInClass,\n    openEndClassModal,\n    onTrialInformationUpdate,\n    onStudentTimezoneUpdate,\n    handleInfoMessage,\n    onRemoveOptionalSlides,\n    classDuration,\n    studentTimezone,\n    classTimeAlertConfig,\n  } = props;\n  const isTeacher = userType === 'TEACHER';\n  const { pages: slides = [] } = trialHomeData;\n\n  const [formData, setFormData] = useState<ITrialSessionFormFields | undefined>(formDataProps);\n  const formDataToUse = isTeacher ? formData : formDataProps;\n  const currentSlideId = formDataToUse?.id;\n\n  const currentSlideConfig = useMemo(\n    () => slides.find(config => config.id === currentSlideId) ?? slides[0]!,\n    [currentSlideId, slides],\n  );\n\n  const circleGames = useMemo(() => {\n    const data = {\n      circleConfig: trialHomeData.circle_trial_game_config,\n      playerDetails: {\n        userId: isTeacher ? teacherId : studentId,\n        circle_username: trialHomeData[isTeacher ? 'teacher' : 'student'].circle_username,\n        user_avatar: trialHomeData[isTeacher ? 'teacher' : 'student'].user_avatar,\n        playerType: userType,\n      },\n    } as ITrialCircleGameParams;\n\n    if (userType === 'STUDENT') {\n      data.playerDetails.grade = trialHomeData.student.grade;\n    }\n\n    return data;\n  }, [isTeacher, studentId, teacherId, trialHomeData, userType]);\n\n  const updateSlideConfig = useCallback((config: Partial<ITrialSessionFormFields>) => {\n    setFormData(previousProps => {\n      if (!previousProps) return config as ITrialSessionFormFields;\n\n      return { ...previousProps, ...config };\n    });\n  }, []);\n  const { buttonState, updateButtonState } = useButtonStateForLeftPanel();\n\n  const { onRenderUpdateSlideConfig } = useSlideConfigUpdate({\n    teacherClassroomId,\n    milestoneConfig,\n    studentTimezone,\n    updateSlideConfig,\n  });\n\n  const contextValue = useMemo<ITrialSessionContext>(\n    () => ({\n      teacherPanel,\n      studentPanel,\n      isTeacher,\n      slideConfig: currentSlideConfig,\n      milestoneConfig,\n      formData: isTeacher ? formData : formDataProps,\n      updateSlideConfig,\n      worksheet,\n      buttonState,\n      updateButtonState,\n      studentId,\n      teacherId,\n      classStartedOn,\n      trialHomeData,\n      worksheetNavigationPanel,\n      questionsRatingPanel,\n      onTrialInformationUpdate,\n      openEndClassModal,\n      studentAbsentInClass,\n      circleGames,\n      trialGameUrl,\n      handleInfoMessage,\n      onRemoveOptionalSlides,\n      classDuration,\n      classTimeAlertConfig,\n    }),\n    [\n      teacherPanel,\n      studentPanel,\n      isTeacher,\n      currentSlideConfig,\n      milestoneConfig,\n      formData,\n      formDataProps,\n      updateSlideConfig,\n      worksheet,\n      buttonState,\n      updateButtonState,\n      studentId,\n      teacherId,\n      classStartedOn,\n      trialHomeData,\n      worksheetNavigationPanel,\n      questionsRatingPanel,\n      onTrialInformationUpdate,\n      openEndClassModal,\n      studentAbsentInClass,\n      circleGames,\n      trialGameUrl,\n      handleInfoMessage,\n      onRemoveOptionalSlides,\n      classDuration,\n      classTimeAlertConfig,\n    ],\n  );\n\n  useEffect(() => {\n    if (formData && onFormDataChange) {\n      onFormDataChange(formData);\n    }\n  }, [onFormDataChange, formData]);\n\n  useEffect(() => {\n    if (!studentTimezone) onStudentTimezoneUpdate?.();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentSlideId]);\n\n  useEffect(() => {\n    if (isTeacher && trialHomeData) {\n      onRenderUpdateSlideConfig(trialHomeData);\n    }\n  }, [isTeacher, onRenderUpdateSlideConfig, trialHomeData]);\n\n  return (\n    <TrialSessionContext.Provider value={contextValue}>\n      <FlexView $height={height} $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\">\n        <LeftPanel />\n        <RightPanel />\n      </FlexView>\n    </TrialSessionContext.Provider>\n  );\n});\n\nexport default TrialSessionView;\n"],"names":["TrialSessionView","memo","props","userType","teacherPanel","studentPanel","trialGameUrl","formDataProps","height","trialHomeData","milestoneConfig","onFormDataChange","worksheet","studentId","teacherId","classStartedOn","worksheetNavigationPanel","teacherClassroomId","questionsRatingPanel","studentAbsentInClass","openEndClassModal","onTrialInformationUpdate","onStudentTimezoneUpdate","handleInfoMessage","onRemoveOptionalSlides","classDuration","studentTimezone","classTimeAlertConfig","isTeacher","slides","formData","setFormData","useState","formDataToUse","currentSlideId","currentSlideConfig","useMemo","config","circleGames","data","updateSlideConfig","useCallback","previousProps","buttonState","updateButtonState","useButtonStateForLeftPanel","onRenderUpdateSlideConfig","useSlideConfigUpdate","contextValue","useEffect","jsx","TrialSessionContext","jsxs","FlexView","LeftPanel","RightPanel"],"mappings":"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"}

package/dist/features/ui/accordion/accordion-items/accordion-items.js

@@ -1,22 +1,22 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { memo as C, useCallback as p } from "react";
-import { useTheme as u } from "styled-components";
-import b from "../../layout/flex-view.js";
+import { useTheme as b } from "styled-components";
+import u from "../../layout/flex-view.js";
 import x from "../../separator/separator.js";
 import s from "../../text/text.js";
 import { EDeviceType as I } from "../../theme/constants.js";
 import { Container as g, ContentContainer as w, AccordionItemContainer as T, StyledPlusIcon as y, AccordionAnswer as B } from "./accordion-items-styled.js";
 const M = C((d) => {
-  const { item: o, index: r, theme: m, refList: a, iconRef: f, visible: $, handleToggle: c } = d, { device: h } = u(), l = h === I.MOBILE, n = m === "dark", A = p(() => {
-    c(r);
-  }, [c, r]);
+  const { item: r, index: o, theme: m, refList: a, iconRef: f, visible: $, handleToggle: c } = d, { device: h } = b(), l = h === I.MOBILE, n = m === "dark", A = p(() => {
+    c(o);
+  }, [c, o]);
   return /* @__PURE__ */ e(
     g,
     {
       $flexDirection: "column",
       $justifyContent: "center",
       $alignItems: "flex-start",
-      $index: r,
+      $index: o,
       $visible: $,
       onClick: A,
       $accordionBorderColor: n ? "WHITE" : "BLACK",
@@ -36,15 +36,15 @@ const M = C((d) => {
                 $justifyContent: "space-between",
                 $alignItems: "center",
                 children: [
-                  /* @__PURE__ */ e(s, { $renderAs: "ab1", $renderOnMobileAs: "ab2", $color: n ? "WHITE" : "BLACK", children: o.accordionQuestion + o.accordionQuestion }),
-                  /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(
+                  /* @__PURE__ */ e(s, { $renderAs: "ab1", $renderOnMobileAs: "ab2", $color: n ? "WHITE" : "BLACK", children: r.accordionQuestion }),
+                  /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
                     y,
                     {
                       color: n ? "WHITE" : "BLACK",
                       width: l ? 24 : 40,
                       height: l ? 24 : 40,
                       ref: (i) => {
-                        f[r] = i;
+                        f[o] = i;
                       }
                     }
                   ) })
@@ -55,19 +55,19 @@ const M = C((d) => {
               B,
               {
                 ref: (i) => {
-                  a[r] = i;
+                  a[o] = i;
                 },
                 children: [
                   /* @__PURE__ */ e(x, { height: 12 }),
-                  typeof o.accordionAnswer == "string" ? /* @__PURE__ */ e(
+                  typeof r.accordionAnswer == "string" ? /* @__PURE__ */ e(
                     s,
                     {
                       $renderAs: "ub2-bold",
                       $renderOnMobileAs: "ub3-bold",
                       $color: n ? "WHITE" : "BLACK",
-                      children: o.accordionAnswer
+                      children: r.accordionAnswer
                     }
-                  ) : o.accordionAnswer
+                  ) : r.accordionAnswer
                 ]
               }
             )

package/dist/features/ui/accordion/accordion-items/accordion-items.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-items.js","sources":["../../../../../src/features/ui/accordion/accordion-items/accordion-items.tsx"],"sourcesContent":["import type { AccordionItemProps } from '../accordion-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../layout/flex-view';\nimport Separator from '../../separator/separator';\nimport Text from '../../text/text';\nimport { EDeviceType } from '../../theme/constants';\nimport * as Styled from './accordion-items-styled';\n\nconst AccordionItem: FC<AccordionItemProps> = memo(props => {\n  const { item, index, theme, refList, iconRef, visible, handleToggle } = props;\n  const { device } = useTheme();\n  const isMobile = device === EDeviceType.MOBILE;\n  const isDarkTheme = theme === 'dark';\n\n  const handleClick = useCallback(() => {\n    handleToggle(index);\n  }, [handleToggle, index]);\n\n  return (\n    <Styled.Container\n      $flexDirection=\"column\"\n      $justifyContent=\"center\"\n      $alignItems=\"flex-start\"\n      $index={index}\n      $visible={visible}\n      onClick={handleClick}\n      $accordionBorderColor={isDarkTheme ? 'WHITE' : 'BLACK'}\n    >\n      <Styled.ContentContainer\n        $flexDirection=\"column\"\n        $justifyContent=\"center\"\n        $alignItems=\"flex-start\"\n        $gap={24}\n      >\n        <Styled.AccordionItemContainer\n          $width=\"100%\"\n          $flexDirection=\"row\"\n          $justifyContent=\"space-between\"\n          $alignItems=\"center\"\n        >\n          <Text $renderAs=\"ab1\" $renderOnMobileAs=\"ab2\" $color={isDarkTheme ? 'WHITE' : 'BLACK'}>\n            {item.accordionQuestion + item.accordionQuestion}\n          </Text>\n          <FlexView>\n            <Styled.StyledPlusIcon\n              color={isDarkTheme ? 'WHITE' : 'BLACK'}\n              width={isMobile ? 24 : 40}\n              height={isMobile ? 24 : 40}\n              ref={node => {\n                iconRef[index] = node;\n              }}\n            />\n          </FlexView>\n        </Styled.AccordionItemContainer>\n\n        <Styled.AccordionAnswer\n          ref={node => {\n            refList[index] = node;\n          }}\n        >\n          <Separator height={12} />\n          {typeof item.accordionAnswer === 'string' ? (\n            <Text\n              $renderAs=\"ub2-bold\"\n              $renderOnMobileAs=\"ub3-bold\"\n              $color={isDarkTheme ? 'WHITE' : 'BLACK'}\n            >\n              {item.accordionAnswer}\n            </Text>\n          ) : (\n            item.accordionAnswer\n          )}\n        </Styled.AccordionAnswer>\n      </Styled.ContentContainer>\n    </Styled.Container>\n  );\n});\n\nexport default AccordionItem;\n"],"names":["AccordionItem","memo","props","item","index","theme","refList","iconRef","visible","handleToggle","device","useTheme","isMobile","EDeviceType","isDarkTheme","handleClick","useCallback","jsx","Styled.Container","jsxs","Styled.ContentContainer","Styled.AccordionItemContainer","Text","FlexView","Styled.StyledPlusIcon","node","Styled.AccordionAnswer","Separator"],"mappings":";;;;;;;;AAYM,MAAAA,IAAwCC,EAAK,CAASC,MAAA;AACpD,QAAA,EAAE,MAAAC,GAAM,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,SAAAC,GAAS,SAAAC,GAAS,cAAAC,EAAiB,IAAAP,GAClE,EAAE,QAAAQ,MAAWC,KACbC,IAAWF,MAAWG,EAAY,QAClCC,IAAcT,MAAU,QAExBU,IAAcC,EAAY,MAAM;AACpC,IAAAP,EAAaL,CAAK;AAAA,EAAA,GACjB,CAACK,GAAcL,CAAK,CAAC;AAGtB,SAAA,gBAAAa;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,QAAQd;AAAA,MACR,UAAUI;AAAA,MACV,SAASO;AAAA,MACT,uBAAuBD,IAAc,UAAU;AAAA,MAE/C,UAAA,gBAAAK;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,MAAM;AAAA,UAEN,UAAA;AAAA,YAAA,gBAAAD;AAAA,cAACE;AAAAA,cAAA;AAAA,gBACC,QAAO;AAAA,gBACP,gBAAe;AAAA,gBACf,iBAAgB;AAAA,gBAChB,aAAY;AAAA,gBAEZ,UAAA;AAAA,kBAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,OAAM,mBAAkB,OAAM,QAAQR,IAAc,UAAU,SAC3E,UAAAX,EAAK,oBAAoBA,EAAK,mBACjC;AAAA,oCACCoB,GACC,EAAA,UAAA,gBAAAN;AAAA,oBAACO;AAAAA,oBAAA;AAAA,sBACC,OAAOV,IAAc,UAAU;AAAA,sBAC/B,OAAOF,IAAW,KAAK;AAAA,sBACvB,QAAQA,IAAW,KAAK;AAAA,sBACxB,KAAK,CAAQa,MAAA;AACX,wBAAAlB,EAAQH,CAAK,IAAIqB;AAAA,sBACnB;AAAA,oBAAA;AAAA,kBAAA,GAEJ;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,YAEA,gBAAAN;AAAA,cAACO;AAAAA,cAAA;AAAA,gBACC,KAAK,CAAQD,MAAA;AACX,kBAAAnB,EAAQF,CAAK,IAAIqB;AAAA,gBACnB;AAAA,gBAEA,UAAA;AAAA,kBAAC,gBAAAR,EAAAU,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,kBACtB,OAAOxB,EAAK,mBAAoB,WAC/B,gBAAAc;AAAA,oBAACK;AAAA,oBAAA;AAAA,sBACC,WAAU;AAAA,sBACV,mBAAkB;AAAA,sBAClB,QAAQR,IAAc,UAAU;AAAA,sBAE/B,UAAKX,EAAA;AAAA,oBAAA;AAAA,sBAGRA,EAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,YAET;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"accordion-items.js","sources":["../../../../../src/features/ui/accordion/accordion-items/accordion-items.tsx"],"sourcesContent":["import type { AccordionItemProps } from '../accordion-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../layout/flex-view';\nimport Separator from '../../separator/separator';\nimport Text from '../../text/text';\nimport { EDeviceType } from '../../theme/constants';\nimport * as Styled from './accordion-items-styled';\n\nconst AccordionItem: FC<AccordionItemProps> = memo(props => {\n  const { item, index, theme, refList, iconRef, visible, handleToggle } = props;\n  const { device } = useTheme();\n  const isMobile = device === EDeviceType.MOBILE;\n  const isDarkTheme = theme === 'dark';\n\n  const handleClick = useCallback(() => {\n    handleToggle(index);\n  }, [handleToggle, index]);\n\n  return (\n    <Styled.Container\n      $flexDirection=\"column\"\n      $justifyContent=\"center\"\n      $alignItems=\"flex-start\"\n      $index={index}\n      $visible={visible}\n      onClick={handleClick}\n      $accordionBorderColor={isDarkTheme ? 'WHITE' : 'BLACK'}\n    >\n      <Styled.ContentContainer\n        $flexDirection=\"column\"\n        $justifyContent=\"center\"\n        $alignItems=\"flex-start\"\n        $gap={24}\n      >\n        <Styled.AccordionItemContainer\n          $width=\"100%\"\n          $flexDirection=\"row\"\n          $justifyContent=\"space-between\"\n          $alignItems=\"center\"\n        >\n          <Text $renderAs=\"ab1\" $renderOnMobileAs=\"ab2\" $color={isDarkTheme ? 'WHITE' : 'BLACK'}>\n            {item.accordionQuestion}\n          </Text>\n          <FlexView>\n            <Styled.StyledPlusIcon\n              color={isDarkTheme ? 'WHITE' : 'BLACK'}\n              width={isMobile ? 24 : 40}\n              height={isMobile ? 24 : 40}\n              ref={node => {\n                iconRef[index] = node;\n              }}\n            />\n          </FlexView>\n        </Styled.AccordionItemContainer>\n\n        <Styled.AccordionAnswer\n          ref={node => {\n            refList[index] = node;\n          }}\n        >\n          <Separator height={12} />\n          {typeof item.accordionAnswer === 'string' ? (\n            <Text\n              $renderAs=\"ub2-bold\"\n              $renderOnMobileAs=\"ub3-bold\"\n              $color={isDarkTheme ? 'WHITE' : 'BLACK'}\n            >\n              {item.accordionAnswer}\n            </Text>\n          ) : (\n            item.accordionAnswer\n          )}\n        </Styled.AccordionAnswer>\n      </Styled.ContentContainer>\n    </Styled.Container>\n  );\n});\n\nexport default AccordionItem;\n"],"names":["AccordionItem","memo","props","item","index","theme","refList","iconRef","visible","handleToggle","device","useTheme","isMobile","EDeviceType","isDarkTheme","handleClick","useCallback","jsx","Styled.Container","jsxs","Styled.ContentContainer","Styled.AccordionItemContainer","Text","FlexView","Styled.StyledPlusIcon","node","Styled.AccordionAnswer","Separator"],"mappings":";;;;;;;;AAYM,MAAAA,IAAwCC,EAAK,CAASC,MAAA;AACpD,QAAA,EAAE,MAAAC,GAAM,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,SAAAC,GAAS,SAAAC,GAAS,cAAAC,EAAiB,IAAAP,GAClE,EAAE,QAAAQ,MAAWC,KACbC,IAAWF,MAAWG,EAAY,QAClCC,IAAcT,MAAU,QAExBU,IAAcC,EAAY,MAAM;AACpC,IAAAP,EAAaL,CAAK;AAAA,EAAA,GACjB,CAACK,GAAcL,CAAK,CAAC;AAGtB,SAAA,gBAAAa;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,QAAQd;AAAA,MACR,UAAUI;AAAA,MACV,SAASO;AAAA,MACT,uBAAuBD,IAAc,UAAU;AAAA,MAE/C,UAAA,gBAAAK;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,MAAM;AAAA,UAEN,UAAA;AAAA,YAAA,gBAAAD;AAAA,cAACE;AAAAA,cAAA;AAAA,gBACC,QAAO;AAAA,gBACP,gBAAe;AAAA,gBACf,iBAAgB;AAAA,gBAChB,aAAY;AAAA,gBAEZ,UAAA;AAAA,kBAAC,gBAAAJ,EAAAK,GAAA,EAAK,WAAU,OAAM,mBAAkB,OAAM,QAAQR,IAAc,UAAU,SAC3E,UAAAX,EAAK,kBACR,CAAA;AAAA,oCACCoB,GACC,EAAA,UAAA,gBAAAN;AAAA,oBAACO;AAAAA,oBAAA;AAAA,sBACC,OAAOV,IAAc,UAAU;AAAA,sBAC/B,OAAOF,IAAW,KAAK;AAAA,sBACvB,QAAQA,IAAW,KAAK;AAAA,sBACxB,KAAK,CAAQa,MAAA;AACX,wBAAAlB,EAAQH,CAAK,IAAIqB;AAAA,sBACnB;AAAA,oBAAA;AAAA,kBAAA,GAEJ;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,YAEA,gBAAAN;AAAA,cAACO;AAAAA,cAAA;AAAA,gBACC,KAAK,CAAQD,MAAA;AACX,kBAAAnB,EAAQF,CAAK,IAAIqB;AAAA,gBACnB;AAAA,gBAEA,UAAA;AAAA,kBAAC,gBAAAR,EAAAU,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,kBACtB,OAAOxB,EAAK,mBAAoB,WAC/B,gBAAAc;AAAA,oBAACK;AAAA,oBAAA;AAAA,sBACC,WAAU;AAAA,sBACV,mBAAkB;AAAA,sBAClB,QAAQR,IAAc,UAAU;AAAA,sBAE/B,UAAKX,EAAA;AAAA,oBAAA;AAAA,sBAGRA,EAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,YAET;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/features/utils/utils.js

@@ -1,7 +1,7 @@
 import { addYears as s } from "../../node_modules/date-fns/addYears.js";
 const i = (r) => Array.isArray(r) && r.length > 0, c = (r) => {
   const t = (a) => a.toString().padStart(2, "0"), o = Math.floor(r / 3600), e = Math.floor(r % 3600 / 60), n = r % 60;
-  return o > 0 ? `${t(o)}:${t(e)}:${t(n)}` : `${t(e)}:${t(n)}`;
+  return o > 0 ? `${t(o)}:${t(e)}:${t(n)}` : `${t(e)}:${t(Math.abs(n))}`;
 }, l = (r) => {
   let t = null;
   return { promise: new Promise((e) => {

package/dist/features/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/features/utils/utils.ts"],"sourcesContent":["import { addYears } from 'date-fns';\n\nconst isNonEmptyArray = (array: unknown) => {\n  return Array.isArray(array) && array.length > 0;\n};\n\n// format the time in HH:MM:SS\nconst formatTimeInHHMMSS = (seconds: number) => {\n  const pad = (num: number) => num.toString().padStart(2, '0');\n\n  const h = Math.floor(seconds / 3600);\n  const m = Math.floor((seconds % 3600) / 60);\n  const s = seconds % 60;\n\n  return h > 0 ? `${pad(h)}:${pad(m)}:${pad(s)}` : `${pad(m)}:${pad(s)}`;\n};\n\nconst delay = (delayInMs: number) => {\n  let timerId: ReturnType<typeof setTimeout> | null = null;\n  const promise = new Promise(res => {\n    timerId = setTimeout(() => {\n      res('resolved');\n    }, delayInMs);\n  });\n\n  return { promise, timerId };\n};\n\nconst epochTimestampAfterOneYear = () => {\n  const today = new Date();\n  const oneYearLater = addYears(today, 1);\n\n  return Math.floor(oneYearLater.getTime() / 1000);\n};\n\nexport { isNonEmptyArray, formatTimeInHHMMSS, delay, epochTimestampAfterOneYear };\n"],"names":["isNonEmptyArray","array","formatTimeInHHMMSS","seconds","pad","num","h","m","s","delay","delayInMs","timerId","res","epochTimestampAfterOneYear","oneYearLater","addYears"],"mappings":";AAEM,MAAAA,IAAkB,CAACC,MAChB,MAAM,QAAQA,CAAK,KAAKA,EAAM,SAAS,GAI1CC,IAAqB,CAACC,MAAoB;AACxC,QAAAC,IAAM,CAACC,MAAgBA,EAAI,WAAW,SAAS,GAAG,GAAG,GAErDC,IAAI,KAAK,MAAMH,IAAU,IAAI,GAC7BI,IAAI,KAAK,MAAOJ,IAAU,OAAQ,EAAE,GACpCK,IAAIL,IAAU;AAEb,SAAAG,IAAI,IAAI,GAAGF,EAAIE,CAAC,CAAC,IAAIF,EAAIG,CAAC,CAAC,IAAIH,EAAII,CAAC,CAAC,KAAK,GAAGJ,EAAIG,CAAC,CAAC,IAAIH,EAAII,CAAC,CAAC;AACtE,GAEMC,IAAQ,CAACC,MAAsB;AACnC,MAAIC,IAAgD;AAO7C,SAAA,EAAE,SANO,IAAI,QAAQ,CAAOC,MAAA;AACjC,IAAAD,IAAU,WAAW,MAAM;AACzB,MAAAC,EAAI,UAAU;AAAA,OACbF,CAAS;AAAA,EAAA,CACb,GAEiB,SAAAC;AACpB,GAEME,IAA6B,MAAM;AAEjC,QAAAC,IAAeC,sBADH,QACmB,CAAC;AAEtC,SAAO,KAAK,MAAMD,EAAa,YAAY,GAAI;AACjD;"}
+{"version":3,"file":"utils.js","sources":["../../../src/features/utils/utils.ts"],"sourcesContent":["import { addYears } from 'date-fns';\n\nconst isNonEmptyArray = (array: unknown) => {\n  return Array.isArray(array) && array.length > 0;\n};\n\n// format the time in HH:MM:SS\nconst formatTimeInHHMMSS = (seconds: number) => {\n  const pad = (num: number) => num.toString().padStart(2, '0');\n\n  const h = Math.floor(seconds / 3600);\n  const m = Math.floor((seconds % 3600) / 60);\n  const s = seconds % 60;\n\n  return h > 0 ? `${pad(h)}:${pad(m)}:${pad(s)}` : `${pad(m)}:${pad(Math.abs(s))}`;\n};\n\nconst delay = (delayInMs: number) => {\n  let timerId: ReturnType<typeof setTimeout> | null = null;\n  const promise = new Promise(res => {\n    timerId = setTimeout(() => {\n      res('resolved');\n    }, delayInMs);\n  });\n\n  return { promise, timerId };\n};\n\nconst epochTimestampAfterOneYear = () => {\n  const today = new Date();\n  const oneYearLater = addYears(today, 1);\n\n  return Math.floor(oneYearLater.getTime() / 1000);\n};\n\nexport { isNonEmptyArray, formatTimeInHHMMSS, delay, epochTimestampAfterOneYear };\n"],"names":["isNonEmptyArray","array","formatTimeInHHMMSS","seconds","pad","num","h","m","s","delay","delayInMs","timerId","res","epochTimestampAfterOneYear","oneYearLater","addYears"],"mappings":";AAEM,MAAAA,IAAkB,CAACC,MAChB,MAAM,QAAQA,CAAK,KAAKA,EAAM,SAAS,GAI1CC,IAAqB,CAACC,MAAoB;AACxC,QAAAC,IAAM,CAACC,MAAgBA,EAAI,WAAW,SAAS,GAAG,GAAG,GAErDC,IAAI,KAAK,MAAMH,IAAU,IAAI,GAC7BI,IAAI,KAAK,MAAOJ,IAAU,OAAQ,EAAE,GACpCK,IAAIL,IAAU;AAEb,SAAAG,IAAI,IAAI,GAAGF,EAAIE,CAAC,CAAC,IAAIF,EAAIG,CAAC,CAAC,IAAIH,EAAII,CAAC,CAAC,KAAK,GAAGJ,EAAIG,CAAC,CAAC,IAAIH,EAAI,KAAK,IAAII,CAAC,CAAC,CAAC;AAChF,GAEMC,IAAQ,CAACC,MAAsB;AACnC,MAAIC,IAAgD;AAO7C,SAAA,EAAE,SANO,IAAI,QAAQ,CAAOC,MAAA;AACjC,IAAAD,IAAU,WAAW,MAAM;AACzB,MAAAC,EAAI,UAAU;AAAA,OACbF,CAAS;AAAA,EAAA,CACb,GAEiB,SAAAC;AACpB,GAEME,IAA6B,MAAM;AAEjC,QAAAC,IAAeC,sBADH,QACmB,CAAC;AAEtC,SAAO,KAAK,MAAMD,EAAa,YAAY,GAAI;AACjD;"}

package/dist/index.d.ts

@@ -70,6 +70,8 @@ export declare const AchievementNotShareReasonModal: React_2.FC<IShareInstructio
 
 export declare const AchievementShareInstructionModal: React_2.FC<IShareInstructionModalProps>;
 
+export declare const AddStudentUsername: NamedExoticComponent<IAddStudentUsernameProps>;
+
 export declare const AfternoonIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const AlertIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
@@ -831,6 +833,12 @@ declare interface IActionData {
     dimension?: IViewport;
 }
 
+declare interface IAddStudentUsernameProps {
+    studentId: string;
+    onSuccess: (username: string) => void;
+    onGoBack: () => void;
+}
+
 declare interface IAnimatedArcProps {
     radius: number;
     strokeWidth: number;
@@ -2564,7 +2572,7 @@ declare interface IMilestoneCardPermissions {
     visible_tabs: string[];
 }
 
-declare interface IMilestoneConfig {
+export declare interface IMilestoneConfig {
     action_plan: Record<'green' | 'red' | 'yellow', {
         share_message_template: string;
     }>;
@@ -3156,12 +3164,13 @@ export declare interface IPostGameStatsRef {
 declare interface IPreferencesCurriculumMap {
     course_stream: TCourseStream;
     is_live: boolean;
-    preference_category: TPreferenceCategory;
+    preference_category: TLearningPreferenceCategory;
     preference_code: string;
     preference_grades: string[];
     preference_name: string;
     text_input_needed?: boolean;
     preference_description?: string;
+    lottie_key?: string;
 }
 
 export declare interface IPreviewWorksheetModel {
@@ -4158,6 +4167,7 @@ export declare interface ITrialSessionFormFields {
     personalizedFocus?: string[];
     personalizedBehaviors?: string[];
     personalizedObjectives?: string[];
+    personalizedPosition?: string[];
     isCircleGamePlayed?: boolean;
     isCirclePuzzleSolved?: boolean;
     isCircleSkillCompleted?: boolean;
@@ -5222,6 +5232,12 @@ export declare enum PLA_ANALYTICS_EVENTS {
     SLOT_DATE_SELECTED = "slot_date_selected",
     SLOT_TIME_SELECTED = "slot_time_selected",
     TUTOR_CHANGE_REASON_SELECTED = "tutor_change_reason_selected",
+    SUBSCRIPTION_INTENT_FAILED = "subscription_intent_failed",
+    SUBSCRIPTION_INTENT_CREATED = "subscription_intent_created",
+    STRIPE_PAYMENT_ELEMENT_READY = "stripe_payment_element_ready",
+    STRIPE_PAYMENT_FAILED = "stripe_payment_failed",
+    STRIPE_PAYMENT_SUCCESS = "stripe_payment_success",
+    PAYMENT_PLAN_SELECTED = "payment_plan_selected",
     SUBSCRIPTION_CANCELLATION_FAILED = "subscription_cancellation_failed",
     SUBSCRIPTION_CANCELLATION_SUCCESSFUL = "subscription_cancellation_successful"
 }
@@ -6224,6 +6240,8 @@ export declare type TJourneyId = JOURNEY_ID_STUDENT | JOURNEY_ID_TEACHER;
 
 declare type TLayerKey = 'layer-1' | 'layer-2' | 'layer-3' | 'layer-4';
 
+export declare type TLearningPreferenceCategory = (typeof PREFERENCE_CATEGORY)[keyof typeof PREFERENCE_CATEGORY];
+
 declare type TLearnosityPreloaderContextValue = {
     scriptStatus: Omit<TScriptStatus, 'loaded'>;
     defaultAPIURL: string;
@@ -6509,8 +6527,6 @@ declare type TPreference = {
     selectedTime: string;
 };
 
-declare type TPreferenceCategory = (typeof PREFERENCE_CATEGORY)[keyof typeof PREFERENCE_CATEGORY];
-
 declare type TProfileHighlight = {
     illustration: string;
     background: TColorNames;