@cuemath/leap 3.3.15-as1 → 3.3.15-j1

package/dist/features/parent-dashboard/comps/pla-first-session-introduction/pla-first-session-introduction.js

@@ -0,0 +1,42 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { memo as a } from "react";
+import { ILLUSTRATIONS as c } from "../../../../assets/illustrations/illustrations.js";
+import l from "../../../ui/buttons/button/button.js";
+import h from "../../../ui/image/image.js";
+import s from "../../../ui/layout/flex-view.js";
+import r from "../../../ui/separator/separator.js";
+import t from "../../../ui/text/text.js";
+import d from "../../hooks/use-parent-home-data.js";
+import { ImageWrapper as p } from "./pla-first-session-introduction-styled.js";
+const f = ({
+  studentId: n,
+  onRunSystemCheck: m
+}) => {
+  const { formattedNextSessionStart: o } = d(n);
+  return /* @__PURE__ */ i(s, { $justifyContent: "center", $alignItems: "center", $height: "100vh", $width: "100%", children: [
+    o && /* @__PURE__ */ i(s, { children: [
+      /* @__PURE__ */ e(t, { $renderAs: "ab1", $color: "BLACK_1", $align: "center", children: "We’re excited for your first session on" }),
+      /* @__PURE__ */ e(r, { height: 4 }),
+      /* @__PURE__ */ e(t, { $renderAs: "ab1-bold", $align: "center", children: o })
+    ] }),
+    /* @__PURE__ */ e(r, { heightX: 2.5 }),
+    /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(h, { src: c.LEARNING_PUZZLE_BOT, width: "100%" }) }),
+    /* @__PURE__ */ e(r, { heightX: 3.5 }),
+    /* @__PURE__ */ e(t, { $renderAs: "ab2", $color: "BLACK_1", $align: "center", children: "Let's make sure your device is ready for your child's session." }),
+    /* @__PURE__ */ e(r, { heightX: 1 }),
+    /* @__PURE__ */ e(
+      l,
+      {
+        renderAs: "primary",
+        label: "Run a system check",
+        shape: "square",
+        size: "small",
+        onClick: m
+      }
+    )
+  ] });
+}, B = a(f);
+export {
+  B as default
+};
+//# sourceMappingURL=pla-first-session-introduction.js.map

package/dist/features/parent-dashboard/comps/pla-first-session-introduction/pla-first-session-introduction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pla-first-session-introduction.js","sources":["../../../../../src/features/parent-dashboard/comps/pla-first-session-introduction/pla-first-session-introduction.tsx"],"sourcesContent":["import type { IFirstSessionIntroductionProps } from './pla-first-session-introduction-types';\n\nimport { memo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Button from '../../../ui/buttons/button/button';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport useParentHomeData from '../../hooks/use-parent-home-data';\nimport * as Styled from './pla-first-session-introduction-styled';\n\nconst PlaFirstSessionIntroduction: FC<IFirstSessionIntroductionProps> = ({\n  studentId,\n  onRunSystemCheck,\n}) => {\n  const { formattedNextSessionStart } = useParentHomeData(studentId);\n\n  return (\n    <FlexView $justifyContent=\"center\" $alignItems=\"center\" $height=\"100vh\" $width={'100%'}>\n      {formattedNextSessionStart && (\n        <FlexView>\n          <Text $renderAs=\"ab1\" $color=\"BLACK_1\" $align=\"center\">\n            We’re excited for your first session on\n          </Text>\n          <Separator height={4} />\n          <Text $renderAs=\"ab1-bold\" $align=\"center\">\n            {formattedNextSessionStart}\n          </Text>\n        </FlexView>\n      )}\n      <Separator heightX={2.5} />\n      <Styled.ImageWrapper>\n        <Image src={ILLUSTRATIONS.LEARNING_PUZZLE_BOT} width=\"100%\" />\n      </Styled.ImageWrapper>\n      <Separator heightX={3.5} />\n      <Text $renderAs=\"ab2\" $color=\"BLACK_1\" $align=\"center\">\n        Let's make sure your device is ready for your child's session.\n      </Text>\n      <Separator heightX={1} />\n      <Button\n        renderAs=\"primary\"\n        label=\"Run a system check\"\n        shape=\"square\"\n        size=\"small\"\n        onClick={onRunSystemCheck}\n      />\n    </FlexView>\n  );\n};\n\nexport default memo(PlaFirstSessionIntroduction);\n"],"names":["PlaFirstSessionIntroduction","studentId","onRunSystemCheck","formattedNextSessionStart","useParentHomeData","jsxs","FlexView","jsx","Text","Separator","Styled.ImageWrapper","Image","ILLUSTRATIONS","Button","plaFirstSessionIntroduction","memo"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAAkE,CAAC;AAAA,EACvE,WAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACJ,QAAM,EAAE,2BAAAC,EAAA,IAA8BC,EAAkBH,CAAS;AAG/D,SAAA,gBAAAI,EAACC,KAAS,iBAAgB,UAAS,aAAY,UAAS,SAAQ,SAAQ,QAAQ,QAC7E,UAAA;AAAA,IAAAH,uBACEG,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAK,WAAU,OAAM,QAAO,WAAU,QAAO,UAAS,UAEvD,0CAAA,CAAA;AAAA,MACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,wBACrBD,GAAK,EAAA,WAAU,YAAW,QAAO,UAC/B,UACHL,GAAA;AAAA,IAAA,GACF;AAAA,IAEF,gBAAAI,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACG,GAAA,EACC,UAAA,gBAAAH,EAACI,GAAM,EAAA,KAAKC,EAAc,qBAAqB,OAAM,OAAA,CAAO,EAC9D,CAAA;AAAA,IACA,gBAAAL,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACC,KAAK,WAAU,OAAM,QAAO,WAAU,QAAO,UAAS,UAEvD,iEAAA,CAAA;AAAA,IACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAF;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,OAAM;AAAA,QACN,OAAM;AAAA,QACN,MAAK;AAAA,QACL,SAASX;AAAA,MAAA;AAAA,IACX;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeY,IAAAC,EAAKf,CAA2B;"}

package/dist/features/parent-dashboard/hooks/use-parent-home-data.js

@@ -1,27 +1,26 @@
-import { useEffect as O, useMemo as P } from "react";
-import { useParentHomeGet as C } from "../api/parent-home.js";
-const T = ({
-  studentName: o,
-  studentServiceId: s
-}) => {
+import { useCallback as H, useEffect as p, useMemo as O } from "react";
+import { useParentHomeGet as P } from "../api/parent-home.js";
+import { formatDate as b } from "../../../node_modules/date-fns/format.js";
+const k = (s) => {
   const {
-    get: t,
-    data: i,
-    isProcessing: a,
-    isProcessed: l,
-    isStale: m,
-    isProcessingFailed: r
-  } = C(s);
-  return O(() => {
-    s && (!a && !r && !l || m) && t(s);
-  }, [s, m, a, t, r, l]), P(() => {
-    const { teacher_details: c = null, session_details: n } = i ?? {};
-    if (!n)
+    get: n,
+    data: a,
+    isStale: i,
+    isProcessingFailed: m
+  } = P(s), e = H(() => {
+    s && n(s);
+  }, [n, s]);
+  return p(() => {
+    e();
+  }, [e]), p(() => {
+    i && e();
+  }, [e, i]), O(() => {
+    var d;
+    const { teacher_details: r = null, session_details: o } = a ?? {};
+    if (!o)
       return {
         sessionDetails: null,
         teacherDetails: null,
-        studentName: o,
-        teacherName: "",
         isOnlyOneSessionCompleted: !1,
         isMoreThanOneSessionCompleted: !1,
         isDemoDone: !1,
@@ -29,36 +28,40 @@ const T = ({
         completedSessions: 0,
         nextSessionEnd: 0,
         nextSessionStart: 0,
-        classStatus: void 0,
         upcomingSessions: [],
-        showLoading: !0
+        showLoading: !0,
+        isProcessingFailed: m,
+        fetchData: e
       };
     const {
-      completed_sessions: e = 0,
-      next_session_end: p,
-      next_session_start: u,
+      completed_sessions: t = 0,
+      next_session_end: u,
+      next_session_start: l,
       demo_class_status: S,
-      upcoming_sessions: _ = [],
-      student_demo_id: f
-    } = n, { first_name: D = "", last_name: g = "" } = c ?? {}, h = `${D} ${g}`.trim(), d = e > 0, x = d && e === 1, H = e > 1;
+      upcoming_sessions: f = [],
+      student_demo_id: _,
+      user_attempt_id: D
+    } = o, { first_name: h = "", last_name: x = "" } = r ?? {}, M = (d = `${h} ${x}`) == null ? void 0 : d.trim(), c = t > 0, g = c && t === 1, E = t > 1, C = b(l, "EEEE, MMM d 'at' h:mm a");
     return {
-      sessionDetails: n,
-      teacherDetails: c,
-      studentName: o,
-      teacherName: h,
-      completedSessions: e,
-      nextSessionEnd: p,
-      nextSessionStart: u,
+      sessionDetails: o,
+      teacherDetails: r,
+      teacherName: M,
+      completedSessions: t,
+      nextSessionEnd: u,
+      nextSessionStart: l,
       classStatus: S,
-      upcomingSessions: _,
-      isDemoDone: d,
-      isOnlyOneSessionCompleted: x,
-      isMoreThanOneSessionCompleted: H,
-      demoId: f
+      upcomingSessions: f,
+      isDemoDone: c,
+      isOnlyOneSessionCompleted: g,
+      isMoreThanOneSessionCompleted: E,
+      demoId: _,
+      userAttemptId: D,
+      fetchData: e,
+      formattedNextSessionStart: C
     };
-  }, [i, o]);
+  }, [e, m, a]);
 };
 export {
-  T as default
+  k as default
 };
 //# sourceMappingURL=use-parent-home-data.js.map

package/dist/features/parent-dashboard/hooks/use-parent-home-data.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-parent-home-data.js","sources":["../../../../src/features/parent-dashboard/hooks/use-parent-home-data.ts"],"sourcesContent":["import type { TSession } from '../../trial-session/comps/pla/upcoming-sessions/upcoming-sessions-types';\nimport type { EClassStatus, ISessionDetails, ITeacherDetails } from '../parent-dashboard-types';\n\nimport { useEffect, useMemo } from 'react';\n\nimport { useParentHomeGet } from '../api/parent-home';\n\ninterface IUseParentHomeData {\n  studentName: string;\n  studentServiceId: string;\n}\ninterface IUseParentHomeDataReturn {\n  sessionDetails: ISessionDetails | null;\n  teacherDetails: ITeacherDetails | null;\n  completedSessions: number;\n  nextSessionEnd: number;\n  nextSessionStart: number;\n  classStatus?: EClassStatus | null;\n  teacherName: string;\n  upcomingSessions?: TSession[];\n  isDemoDone: boolean;\n  isOnlyOneSessionCompleted: boolean;\n  isMoreThanOneSessionCompleted: boolean;\n  showLoading?: boolean;\n  demoId?: string;\n}\n\nconst useParentHomeData = ({\n  studentName,\n  studentServiceId,\n}: IUseParentHomeData): IUseParentHomeDataReturn => {\n  const {\n    get: getParentHome,\n    data: parentHomeData,\n    isProcessing,\n    isProcessed,\n    isStale,\n    isProcessingFailed,\n  } = useParentHomeGet(studentServiceId);\n\n  useEffect(() => {\n    if (studentServiceId && ((!isProcessing && !isProcessingFailed && !isProcessed) || isStale)) {\n      getParentHome(studentServiceId);\n    }\n  }, [studentServiceId, isStale, isProcessing, getParentHome, isProcessingFailed, isProcessed]);\n\n  const parentHomeDataMemoised = useMemo(() => {\n    const { teacher_details: teacherDetails = null, session_details: sessionDetails } =\n      parentHomeData ?? {};\n\n    if (!sessionDetails) {\n      return {\n        sessionDetails: null,\n        teacherDetails: null,\n        studentName,\n        teacherName: '',\n        isOnlyOneSessionCompleted: false,\n        isMoreThanOneSessionCompleted: false,\n        isDemoDone: false,\n        isSubscriptionCancelled: false,\n        completedSessions: 0,\n        nextSessionEnd: 0,\n        nextSessionStart: 0,\n        classStatus: undefined,\n        upcomingSessions: [],\n        showLoading: true,\n      };\n    }\n\n    const {\n      completed_sessions: completedSessions = 0,\n      next_session_end: nextSessionEnd,\n      next_session_start: nextSessionStart,\n      demo_class_status: classStatus,\n      upcoming_sessions: upcomingSessions = [],\n      student_demo_id: demoId,\n    } = sessionDetails;\n\n    const { first_name = '', last_name = '' } = teacherDetails ?? {};\n    const teacherName = `${first_name} ${last_name}`.trim();\n\n    const isDemoDone = completedSessions > 0;\n    const isOnlyOneSessionCompleted = isDemoDone && completedSessions === 1;\n    const isMoreThanOneSessionCompleted = completedSessions > 1;\n\n    return {\n      sessionDetails,\n      teacherDetails,\n      studentName,\n      teacherName,\n      completedSessions,\n      nextSessionEnd,\n      nextSessionStart,\n      classStatus,\n      upcomingSessions,\n      isDemoDone,\n      isOnlyOneSessionCompleted,\n      isMoreThanOneSessionCompleted,\n      demoId,\n    };\n  }, [parentHomeData, studentName]);\n\n  return parentHomeDataMemoised;\n};\n\nexport default useParentHomeData;\n"],"names":["useParentHomeData","studentName","studentServiceId","getParentHome","parentHomeData","isProcessing","isProcessed","isStale","isProcessingFailed","useParentHomeGet","useEffect","useMemo","teacherDetails","sessionDetails","completedSessions","nextSessionEnd","nextSessionStart","classStatus","upcomingSessions","demoId","first_name","last_name","teacherName","isDemoDone","isOnlyOneSessionCompleted","isMoreThanOneSessionCompleted"],"mappings":";;AA2BA,MAAMA,IAAoB,CAAC;AAAA,EACzB,aAAAC;AAAA,EACA,kBAAAC;AACF,MAAoD;AAC5C,QAAA;AAAA,IACJ,KAAKC;AAAA,IACL,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,IACEC,EAAiBP,CAAgB;AAErC,SAAAQ,EAAU,MAAM;AACd,IAAIR,MAAsB,CAACG,KAAgB,CAACG,KAAsB,CAACF,KAAgBC,MACjFJ,EAAcD,CAAgB;AAAA,EAChC,GACC,CAACA,GAAkBK,GAASF,GAAcF,GAAeK,GAAoBF,CAAW,CAAC,GAE7DK,EAAQ,MAAM;AACrC,UAAA,EAAE,iBAAiBC,IAAiB,MAAM,iBAAiBC,EAAe,IAC9ET,KAAkB;AAEpB,QAAI,CAACS;AACI,aAAA;AAAA,QACL,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,QAChB,aAAAZ;AAAA,QACA,aAAa;AAAA,QACb,2BAA2B;AAAA,QAC3B,+BAA+B;AAAA,QAC/B,YAAY;AAAA,QACZ,yBAAyB;AAAA,QACzB,mBAAmB;AAAA,QACnB,gBAAgB;AAAA,QAChB,kBAAkB;AAAA,QAClB,aAAa;AAAA,QACb,kBAAkB,CAAC;AAAA,QACnB,aAAa;AAAA,MAAA;AAIX,UAAA;AAAA,MACJ,oBAAoBa,IAAoB;AAAA,MACxC,kBAAkBC;AAAA,MAClB,oBAAoBC;AAAA,MACpB,mBAAmBC;AAAA,MACnB,mBAAmBC,IAAmB,CAAC;AAAA,MACvC,iBAAiBC;AAAA,IACf,IAAAN,GAEE,EAAE,YAAAO,IAAa,IAAI,WAAAC,IAAY,GAAG,IAAIT,KAAkB,IACxDU,IAAc,GAAGF,CAAU,IAAIC,CAAS,GAAG,QAE3CE,IAAaT,IAAoB,GACjCU,IAA4BD,KAAcT,MAAsB,GAChEW,IAAgCX,IAAoB;AAEnD,WAAA;AAAA,MACL,gBAAAD;AAAA,MACA,gBAAAD;AAAA,MACA,aAAAX;AAAA,MACA,aAAAqB;AAAA,MACA,mBAAAR;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,YAAAK;AAAA,MACA,2BAAAC;AAAA,MACA,+BAAAC;AAAA,MACA,QAAAN;AAAA,IAAA;AAAA,EACF,GACC,CAACf,GAAgBH,CAAW,CAAC;AAGlC;"}
+{"version":3,"file":"use-parent-home-data.js","sources":["../../../../src/features/parent-dashboard/hooks/use-parent-home-data.ts"],"sourcesContent":["import type { TSession } from '../../trial-session/comps/pla/upcoming-sessions/upcoming-sessions-types';\nimport type { EClassStatus, ISessionDetails, ITeacherDetails } from '../parent-dashboard-types';\n\nimport { format } from 'date-fns';\nimport { useCallback, useEffect, useMemo } from 'react';\n\nimport { useParentHomeGet } from '../api/parent-home';\n\ninterface IUseParentHomeDataReturn {\n  sessionDetails: ISessionDetails | null;\n  teacherDetails: ITeacherDetails | null;\n  completedSessions: number;\n  nextSessionEnd: number;\n  nextSessionStart: number;\n  classStatus?: EClassStatus | null;\n  teacherName?: string;\n  upcomingSessions?: TSession[];\n  isDemoDone: boolean;\n  isOnlyOneSessionCompleted: boolean;\n  isMoreThanOneSessionCompleted: boolean;\n  showLoading?: boolean;\n  demoId?: string;\n  userAttemptId?: string;\n  isProcessingFailed?: boolean;\n  fetchData: () => void;\n  formattedNextSessionStart?: string;\n}\n\nconst useParentHomeData = (studentId: string): IUseParentHomeDataReturn => {\n  const {\n    get: getParentHome,\n    data: parentHomeData,\n    isStale,\n    isProcessingFailed,\n  } = useParentHomeGet(studentId);\n\n  const fetchData = useCallback(() => {\n    studentId && getParentHome(studentId);\n  }, [getParentHome, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  useEffect(() => {\n    if (isStale) {\n      fetchData();\n    }\n  }, [fetchData, isStale]);\n\n  const parentHomeDataMemoised = useMemo(() => {\n    const { teacher_details: teacherDetails = null, session_details: sessionDetails } =\n      parentHomeData ?? {};\n\n    if (!sessionDetails) {\n      return {\n        sessionDetails: null,\n        teacherDetails: null,\n        isOnlyOneSessionCompleted: false,\n        isMoreThanOneSessionCompleted: false,\n        isDemoDone: false,\n        isSubscriptionCancelled: false,\n        completedSessions: 0,\n        nextSessionEnd: 0,\n        nextSessionStart: 0,\n        upcomingSessions: [],\n        showLoading: true,\n        isProcessingFailed,\n        fetchData,\n      };\n    }\n\n    const {\n      completed_sessions: completedSessions = 0,\n      next_session_end: nextSessionEnd,\n      next_session_start: nextSessionStart,\n      demo_class_status: classStatus,\n      upcoming_sessions: upcomingSessions = [],\n      student_demo_id: demoId,\n      user_attempt_id: userAttemptId,\n    } = sessionDetails;\n\n    const { first_name = '', last_name = '' } = teacherDetails ?? {};\n    const teacherName = `${first_name} ${last_name}`?.trim();\n\n    const isDemoDone = completedSessions > 0;\n    const isOnlyOneSessionCompleted = isDemoDone && completedSessions === 1;\n    const isMoreThanOneSessionCompleted = completedSessions > 1;\n\n    const formattedNextSessionStart = format(nextSessionStart, \"EEEE, MMM d 'at' h:mm a\");\n\n    return {\n      sessionDetails,\n      teacherDetails,\n      teacherName,\n      completedSessions,\n      nextSessionEnd,\n      nextSessionStart,\n      classStatus,\n      upcomingSessions,\n      isDemoDone,\n      isOnlyOneSessionCompleted,\n      isMoreThanOneSessionCompleted,\n      demoId,\n      userAttemptId,\n      fetchData,\n      formattedNextSessionStart,\n    };\n  }, [fetchData, isProcessingFailed, parentHomeData]);\n\n  return parentHomeDataMemoised;\n};\n\nexport default useParentHomeData;\n"],"names":["useParentHomeData","studentId","getParentHome","parentHomeData","isStale","isProcessingFailed","useParentHomeGet","fetchData","useCallback","useEffect","useMemo","teacherDetails","sessionDetails","completedSessions","nextSessionEnd","nextSessionStart","classStatus","upcomingSessions","demoId","userAttemptId","first_name","last_name","teacherName","_a","isDemoDone","isOnlyOneSessionCompleted","isMoreThanOneSessionCompleted","formattedNextSessionStart","format"],"mappings":";;;AA4BM,MAAAA,IAAoB,CAACC,MAAgD;AACnE,QAAA;AAAA,IACJ,KAAKC;AAAA,IACL,MAAMC;AAAA,IACN,SAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,IACEC,EAAiBL,CAAS,GAExBM,IAAYC,EAAY,MAAM;AAClC,IAAAP,KAAaC,EAAcD,CAAS;AAAA,EAAA,GACnC,CAACC,GAAeD,CAAS,CAAC;AAE7B,SAAAQ,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEdE,EAAU,MAAM;AACd,IAAIL,KACQG;EACZ,GACC,CAACA,GAAWH,CAAO,CAAC,GAEQM,EAAQ,MAAM;;AACrC,UAAA,EAAE,iBAAiBC,IAAiB,MAAM,iBAAiBC,EAAe,IAC9ET,KAAkB;AAEpB,QAAI,CAACS;AACI,aAAA;AAAA,QACL,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,QAChB,2BAA2B;AAAA,QAC3B,+BAA+B;AAAA,QAC/B,YAAY;AAAA,QACZ,yBAAyB;AAAA,QACzB,mBAAmB;AAAA,QACnB,gBAAgB;AAAA,QAChB,kBAAkB;AAAA,QAClB,kBAAkB,CAAC;AAAA,QACnB,aAAa;AAAA,QACb,oBAAAP;AAAA,QACA,WAAAE;AAAA,MAAA;AAIE,UAAA;AAAA,MACJ,oBAAoBM,IAAoB;AAAA,MACxC,kBAAkBC;AAAA,MAClB,oBAAoBC;AAAA,MACpB,mBAAmBC;AAAA,MACnB,mBAAmBC,IAAmB,CAAC;AAAA,MACvC,iBAAiBC;AAAA,MACjB,iBAAiBC;AAAA,IACf,IAAAP,GAEE,EAAE,YAAAQ,IAAa,IAAI,WAAAC,IAAY,GAAG,IAAIV,KAAkB,IACxDW,KAAcC,IAAA,GAAGH,CAAU,IAAIC,CAAS,OAA1B,gBAAAE,EAA8B,QAE5CC,IAAaX,IAAoB,GACjCY,IAA4BD,KAAcX,MAAsB,GAChEa,IAAgCb,IAAoB,GAEpDc,IAA4BC,EAAOb,GAAkB,yBAAyB;AAE7E,WAAA;AAAA,MACL,gBAAAH;AAAA,MACA,gBAAAD;AAAA,MACA,aAAAW;AAAA,MACA,mBAAAT;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,YAAAO;AAAA,MACA,2BAAAC;AAAA,MACA,+BAAAC;AAAA,MACA,QAAAR;AAAA,MACA,eAAAC;AAAA,MACA,WAAAZ;AAAA,MACA,2BAAAoB;AAAA,IAAA;AAAA,EAED,GAAA,CAACpB,GAAWF,GAAoBF,CAAc,CAAC;AAGpD;"}

package/dist/features/parent-dashboard/hooks/use-student-profile-summary-data.js

@@ -0,0 +1,24 @@
+import { useCallback as s, useEffect as i, useMemo as u } from "react";
+import { useGetMileStoneConfig as l } from "../../milestone/create/api/milestone-config.js";
+import { useStudentProfileSummaryGet as c } from "../api/get-student-profile-summary.js";
+import { getLearningProfileSummary as g } from "../modals/student-profile-summary/student-profile-summary-helpers.js";
+const f = { demo_type: "TRIAL_V3" }, C = (e) => {
+  const { get: o, data: r } = c(e), { get: m, data: a } = l(
+    e,
+    f
+  ), t = s(() => {
+    o(e), m(e, f);
+  }, [o, e, m]);
+  i(() => {
+    t();
+  }, [t]);
+  const n = u(() => g(a, r), [a, r]);
+  return u(
+    () => ({ summaryInfo: n, fetchSummaryData: t }),
+    [n, t]
+  );
+};
+export {
+  C as default
+};
+//# sourceMappingURL=use-student-profile-summary-data.js.map

package/dist/features/parent-dashboard/hooks/use-student-profile-summary-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-student-profile-summary-data.js","sources":["../../../../src/features/parent-dashboard/hooks/use-student-profile-summary-data.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo } from 'react';\n\nimport { useGetMileStoneConfig } from '../../milestone/create/api/milestone-config';\nimport { useStudentProfileSummaryGet } from '../api/get-student-profile-summary';\nimport { getLearningProfileSummary } from '../modals/student-profile-summary/student-profile-summary-helpers';\n\nconst DEFAULT_DEMO_TYPE = { demo_type: 'TRIAL_V3' } as const;\n\nconst useStudentProfileSummaryData = (studentId: string) => {\n  const { get: getStudentProfileSummary, data: summaryData } =\n    useStudentProfileSummaryGet(studentId);\n\n  const { get: getMilestoneConfig, data: milestoneConfigData } = useGetMileStoneConfig(\n    studentId,\n    DEFAULT_DEMO_TYPE,\n  );\n\n  const fetchSummaryData = useCallback(() => {\n    getStudentProfileSummary(studentId);\n    getMilestoneConfig(studentId, DEFAULT_DEMO_TYPE);\n  }, [getStudentProfileSummary, studentId, getMilestoneConfig]);\n\n  useEffect(() => {\n    fetchSummaryData();\n  }, [fetchSummaryData]);\n\n  const summaryInfo = useMemo(() => {\n    return getLearningProfileSummary(milestoneConfigData, summaryData);\n  }, [milestoneConfigData, summaryData]);\n\n  const result = useMemo(\n    () => ({ summaryInfo, fetchSummaryData }),\n    [summaryInfo, fetchSummaryData],\n  );\n\n  return result;\n};\n\nexport default useStudentProfileSummaryData;\n"],"names":["DEFAULT_DEMO_TYPE","useStudentProfileSummaryData","studentId","getStudentProfileSummary","summaryData","useStudentProfileSummaryGet","getMilestoneConfig","milestoneConfigData","useGetMileStoneConfig","fetchSummaryData","useCallback","useEffect","summaryInfo","useMemo","getLearningProfileSummary"],"mappings":";;;;AAMA,MAAMA,IAAoB,EAAE,WAAW,cAEjCC,IAA+B,CAACC,MAAsB;AAC1D,QAAM,EAAE,KAAKC,GAA0B,MAAMC,MAC3CC,EAA4BH,CAAS,GAEjC,EAAE,KAAKI,GAAoB,MAAMC,EAAwB,IAAAC;AAAA,IAC7DN;AAAA,IACAF;AAAA,EAAA,GAGIS,IAAmBC,EAAY,MAAM;AACzC,IAAAP,EAAyBD,CAAS,GAClCI,EAAmBJ,GAAWF,CAAiB;AAAA,EAC9C,GAAA,CAACG,GAA0BD,GAAWI,CAAkB,CAAC;AAE5D,EAAAK,EAAU,MAAM;AACG,IAAAF;EAAA,GAChB,CAACA,CAAgB,CAAC;AAEf,QAAAG,IAAcC,EAAQ,MACnBC,EAA0BP,GAAqBH,CAAW,GAChE,CAACG,GAAqBH,CAAW,CAAC;AAO9B,SALQS;AAAA,IACb,OAAO,EAAE,aAAAD,GAAa,kBAAAH;IACtB,CAACG,GAAaH,CAAgB;AAAA,EAAA;AAIlC;"}

package/dist/features/parent-dashboard/modals/help-and-support/help-and-support.js

@@ -0,0 +1,40 @@
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { memo as l, useCallback as c } from "react";
+import { useTheme as d } from "styled-components";
+import { ILLUSTRATIONS as a } from "../../../../assets/illustrations/illustrations.js";
+import h from "../../../ui/buttons/text-button/text-button.js";
+import p from "../../../ui/image/image.js";
+import u from "../../../ui/layout/flex-view.js";
+import $ from "../../../ui/modals/use-modal-actions.js";
+import r from "../../../ui/separator/separator.js";
+import t from "../../../ui/text/text.js";
+import { EDeviceType as b } from "../../../ui/theme/constants.js";
+const A = ({}) => {
+  const { device: m } = d(), e = m <= b.MOBILE, { closeModal: i } = $(), n = c(() => {
+    i();
+  }, [i]);
+  return /* @__PURE__ */ s(
+    u,
+    {
+      $gutterX: e ? 1.5 : 2.5,
+      $gapX: e ? 1.5 : 2.5,
+      $width: e ? "100%" : 560,
+      $background: "BLACK_2",
+      $borderColor: "BLACK_5",
+      children: [
+        /* @__PURE__ */ o(p, { src: a.HANDSHAKE_GREEN, width: 64, height: 64 }),
+        /* @__PURE__ */ o(r, { heightX: 1 }),
+        /* @__PURE__ */ o(t, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "GREEN_4", children: "Have questions?" }),
+        /* @__PURE__ */ o(r, { heightX: 1 }),
+        /* @__PURE__ */ o(t, { $renderAs: "ub1", $renderOnMobileAs: "ub2", $color: "WHITE_1", children: "Please reach out to our admissions team at" }),
+        /* @__PURE__ */ o("a", { href: "mailto:admissions@cuemath.com", children: /* @__PURE__ */ o(t, { $renderAs: "ub1-bold", $inline: !0, $color: "WHITE_1", $textDecoration: "underline", children: "admissions@cuemath.com" }) }),
+        /* @__PURE__ */ o(r, { heightX: 2.5 }),
+        /* @__PURE__ */ o(h, { label: "Got it", color: "WHITE", onClick: n, size: "medium" })
+      ]
+    }
+  );
+}, _ = l(A);
+export {
+  _ as default
+};
+//# sourceMappingURL=help-and-support.js.map

package/dist/features/parent-dashboard/modals/help-and-support/help-and-support.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"help-and-support.js","sources":["../../../../../src/features/parent-dashboard/modals/help-and-support/help-and-support.tsx"],"sourcesContent":["import { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport useModalActions from '../../../ui/modals/use-modal-actions';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\n\nconst PLAHelpAndSupport = ({}) => {\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n  const { closeModal } = useModalActions();\n\n  const handleClick = useCallback(() => {\n    closeModal();\n  }, [closeModal]);\n\n  return (\n    <FlexView\n      $gutterX={isMobile ? 1.5 : 2.5}\n      $gapX={isMobile ? 1.5 : 2.5}\n      $width={isMobile ? '100%' : 560}\n      $background=\"BLACK_2\"\n      $borderColor=\"BLACK_5\"\n    >\n      <Image src={ILLUSTRATIONS.HANDSHAKE_GREEN} width={64} height={64} />\n      <Separator heightX={1} />\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"GREEN_4\">\n        Have questions?\n      </Text>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ub1\" $renderOnMobileAs=\"ub2\" $color=\"WHITE_1\">\n        Please reach out to our admissions team at\n      </Text>\n      <a href=\"mailto:admissions@cuemath.com\">\n        <Text $renderAs=\"ub1-bold\" $inline $color=\"WHITE_1\" $textDecoration=\"underline\">\n          admissions@cuemath.com\n        </Text>\n      </a>\n      <Separator heightX={2.5} />\n      <TextButton label=\"Got it\" color=\"WHITE\" onClick={handleClick} size=\"medium\" />\n    </FlexView>\n  );\n};\n\nexport default memo(PLAHelpAndSupport);\n"],"names":["PLAHelpAndSupport","device","useTheme","isMobile","EDeviceType","closeModal","useModalActions","handleClick","useCallback","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Separator","Text","TextButton","helpAndSupport","memo"],"mappings":";;;;;;;;;;;AAYA,MAAMA,IAAoB,CAAC,CAAA,MAAO;AAC1B,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAWF,KAAUG,EAAY,QACjC,EAAE,YAAAC,MAAeC,KAEjBC,IAAcC,EAAY,MAAM;AACzB,IAAAH;EAAA,GACV,CAACA,CAAU,CAAC;AAGb,SAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAUP,IAAW,MAAM;AAAA,MAC3B,OAAOA,IAAW,MAAM;AAAA,MACxB,QAAQA,IAAW,SAAS;AAAA,MAC5B,aAAY;AAAA,MACZ,cAAa;AAAA,MAEb,UAAA;AAAA,QAAA,gBAAAQ,EAACC,KAAM,KAAKC,EAAc,iBAAiB,OAAO,IAAI,QAAQ,IAAI;AAAA,QAClE,gBAAAF,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACvB,gBAAAH,EAACI,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,WAAU,UAEzE,kBAAA,CAAA;AAAA,QACA,gBAAAJ,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACvB,gBAAAH,EAACI,KAAK,WAAU,OAAM,mBAAkB,OAAM,QAAO,WAAU,UAE/D,6CAAA,CAAA;AAAA,QACC,gBAAAJ,EAAA,KAAA,EAAE,MAAK,iCACN,4BAACI,GAAK,EAAA,WAAU,YAAW,SAAO,IAAC,QAAO,WAAU,iBAAgB,aAAY,mCAEhF,CAAA,GACF;AAAA,QACA,gBAAAJ,EAACG,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,QACzB,gBAAAH,EAACK,KAAW,OAAM,UAAS,OAAM,SAAQ,SAAST,GAAa,MAAK,SAAS,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnF,GAEeU,IAAAC,EAAKlB,CAAiB;"}

package/dist/features/parent-dashboard/modals/student-login-info/student-login-info.js

@@ -0,0 +1,44 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { memo as m, useCallback as a } from "react";
+import { useTheme as u } from "styled-components";
+import $ from "../../../ui/buttons/text-button/text-button.js";
+import h from "../../../ui/layout/flex-view.js";
+import p from "../../../ui/modals/use-modal-actions.js";
+import b from "../../../ui/modals/use-modal-params.js";
+import l from "../../../ui/separator/separator.js";
+import e from "../../../ui/text/text.js";
+import { EDeviceType as f } from "../../../ui/theme/constants.js";
+const g = () => {
+  const { device: d } = u(), r = d <= f.MOBILE, { closeModal: t } = p(), { username: c, onAcknowledge: n } = b(), s = a(() => {
+    t(), n();
+  }, [t, n]);
+  return /* @__PURE__ */ i(
+    h,
+    {
+      $gutterX: r ? 1.5 : 2.5,
+      $gapX: r ? 1.5 : 2.5,
+      $width: r ? "100%" : 570,
+      $background: "BLACK_2",
+      $borderColor: "BLACK_5",
+      children: [
+        /* @__PURE__ */ o(e, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "WHITE_1", children: "Student login created" }),
+        /* @__PURE__ */ o(l, { heightX: 0.75 }),
+        /* @__PURE__ */ i(e, { $renderAs: "ub1", $color: "WHITE_1", children: [
+          "Your child can directly login to",
+          " ",
+          /* @__PURE__ */ o(e, { $renderAs: "ub1-bold", $color: "WHITE_1", $inline: !0, children: "leap.cuemath.com" }),
+          " ",
+          "using “",
+          /* @__PURE__ */ o(e, { $renderAs: "ub1", $inline: !0, $color: "GREEN_4", children: `${c}` }),
+          "” as both username and password."
+        ] }),
+        /* @__PURE__ */ o(l, { heightX: 2.5 }),
+        /* @__PURE__ */ o($, { label: "Got it", color: "WHITE", onClick: s, size: "medium" })
+      ]
+    }
+  );
+}, w = m(g);
+export {
+  w as default
+};
+//# sourceMappingURL=student-login-info.js.map

package/dist/features/parent-dashboard/modals/student-login-info/student-login-info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"student-login-info.js","sources":["../../../../../src/features/parent-dashboard/modals/student-login-info/student-login-info.tsx"],"sourcesContent":["import { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport useModalActions from '../../../ui/modals/use-modal-actions';\nimport useModalParams from '../../../ui/modals/use-modal-params';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\n\nconst StudentLoginInfoModal = () => {\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n  const { closeModal } = useModalActions();\n  const { username, onAcknowledge } = useModalParams<{\n    username: string;\n    onAcknowledge: () => void;\n  }>();\n\n  const handleClick = useCallback(() => {\n    closeModal();\n    onAcknowledge();\n  }, [closeModal, onAcknowledge]);\n\n  return (\n    <FlexView\n      $gutterX={isMobile ? 1.5 : 2.5}\n      $gapX={isMobile ? 1.5 : 2.5}\n      $width={isMobile ? '100%' : 570}\n      $background=\"BLACK_2\"\n      $borderColor=\"BLACK_5\"\n    >\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE_1\">\n        Student login created\n      </Text>\n      <Separator heightX={0.75} />\n      <Text $renderAs=\"ub1\" $color=\"WHITE_1\">\n        Your child can directly login to{' '}\n        <Text $renderAs=\"ub1-bold\" $color=\"WHITE_1\" $inline>\n          leap.cuemath.com\n        </Text>{' '}\n        using “<Text $renderAs=\"ub1\" $inline $color=\"GREEN_4\">{`${username}`}</Text>” as both\n        username and password.\n      </Text>\n      <Separator heightX={2.5} />\n      <TextButton label=\"Got it\" color=\"WHITE\" onClick={handleClick} size=\"medium\" />\n    </FlexView>\n  );\n};\n\nexport default memo(StudentLoginInfoModal);\n"],"names":["StudentLoginInfoModal","device","useTheme","isMobile","EDeviceType","closeModal","useModalActions","username","onAcknowledge","useModalParams","handleClick","useCallback","jsxs","FlexView","jsx","Text","Separator","TextButton","studentLoginInfo","memo"],"mappings":";;;;;;;;;;AAWA,MAAMA,IAAwB,MAAM;AAC5B,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAWF,KAAUG,EAAY,QACjC,EAAE,YAAAC,MAAeC,KACjB,EAAE,UAAAC,GAAU,eAAAC,EAAc,IAAIC,EAGjC,GAEGC,IAAcC,EAAY,MAAM;AACzB,IAAAN,KACGG;EAAA,GACb,CAACH,GAAYG,CAAa,CAAC;AAG5B,SAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAUV,IAAW,MAAM;AAAA,MAC3B,OAAOA,IAAW,MAAM;AAAA,MACxB,QAAQA,IAAW,SAAS;AAAA,MAC5B,aAAY;AAAA,MACZ,cAAa;AAAA,MAEb,UAAA;AAAA,QAAA,gBAAAW,EAACC,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,WAAU,UAEzE,wBAAA,CAAA;AAAA,QACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,QACzB,gBAAAJ,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,WAAU,UAAA;AAAA,UAAA;AAAA,UACJ;AAAA,UACjC,gBAAAD,EAACC,KAAK,WAAU,YAAW,QAAO,WAAU,SAAO,IAAC,UAEpD,mBAAA,CAAA;AAAA,UAAQ;AAAA,UAAI;AAAA,UACL,gBAAAD,EAACC,GAAK,EAAA,WAAU,OAAM,SAAO,IAAC,QAAO,WAAW,UAAG,GAAAR,CAAQ,GAAG,CAAA;AAAA,UAAO;AAAA,QAAA,GAE9E;AAAA,QACA,gBAAAO,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,QACzB,gBAAAF,EAACG,KAAW,OAAM,UAAS,OAAM,SAAQ,SAASP,GAAa,MAAK,SAAS,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnF,GAEeQ,IAAAC,EAAKnB,CAAqB;"}

package/dist/features/parent-dashboard/modals/student-profile-summary/student-profile-summary-helpers.js

@@ -0,0 +1,32 @@
+import { PREFERENCE_CATEGORY as t, COURSE_STREAMS as S } from "../../../milestone/constants.js";
+import { getPreferencesFromConfig as v } from "../../../milestone/create/milestone-create-helpers.js";
+import { GOAL_MAPPING as C } from "../../../trial-session/comps/student-profile/constant.js";
+const A = (f, c) => {
+  var a, p, P;
+  const o = {
+    studentLevel: "",
+    studentObjectives: [],
+    learningPlan: [],
+    levelPreference: ""
+  };
+  if (!f || !c) return o;
+  const s = ((a = c.student_preferences) == null ? void 0 : a.preferences) ?? [], d = c.user_milestone_data ?? [];
+  if (s.length === 0) return o;
+  const l = (e) => s.find((n) => n.preference_category === e), m = (e) => s.filter((n) => n.preference_category === e), i = l(t.POSITION), u = ((p = l(t.LEVEL)) == null ? void 0 : p.preference_name) ?? "", E = m(t.OBJECTIVES), r = i ? (P = v(f, {
+    grade: "",
+    courseStream: S.MATH,
+    preferenceCategory: t.POSITION
+  })) == null ? void 0 : P.find(({ id: e }) => e === i.preference_code) : null, _ = r != null && r.label && (r != null && r.description) ? `${r.label}: ${r.description}` : "", g = E.map((e) => e.preference_name), O = d.map(
+    ({ goal_category: e, milestone_name: n }) => `${C[e]}: ${n}`
+  );
+  return {
+    studentLevel: _,
+    studentObjectives: g,
+    learningPlan: O,
+    levelPreference: u
+  };
+};
+export {
+  A as getLearningProfileSummary
+};
+//# sourceMappingURL=student-profile-summary-helpers.js.map

package/dist/features/parent-dashboard/modals/student-profile-summary/student-profile-summary-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"student-profile-summary-helpers.js","sources":["../../../../../src/features/parent-dashboard/modals/student-profile-summary/student-profile-summary-helpers.ts"],"sourcesContent":["import type {\n  IMilestoneConfig,\n  TGoalCategory,\n  TPreferenceCategory,\n} from '../../../milestone/create/milestone-create-types';\nimport type { IStudentProfileSummaryResponse } from '../../api/get-student-profile-summary';\nimport type { IStudentProfileSummary } from '../../parent-dashboard-types';\n\nimport { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport { getPreferencesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport { GOAL_MAPPING } from '../../../trial-session/comps/student-profile/constant';\n\nexport const getLearningProfileSummary = (\n  configData?: IMilestoneConfig,\n  summaryData?: IStudentProfileSummaryResponse,\n): IStudentProfileSummary => {\n  const defaultSummary: IStudentProfileSummary = {\n    studentLevel: '',\n    studentObjectives: [],\n    learningPlan: [],\n    levelPreference: '',\n  };\n\n  if (!configData || !summaryData) return defaultSummary;\n\n  const preferences = summaryData.student_preferences?.preferences ?? [];\n  const userMilestoneData = summaryData.user_milestone_data ?? [];\n\n  if (preferences.length === 0) return defaultSummary;\n\n  const findPref = (category: TPreferenceCategory) =>\n    preferences.find(p => p.preference_category === category);\n\n  const filterPrefs = (category: TPreferenceCategory) =>\n    preferences.filter(p => p.preference_category === category);\n\n  const positionPref = findPref(PREFERENCE_CATEGORY.POSITION);\n  const levelPreference = findPref(PREFERENCE_CATEGORY.LEVEL)?.preference_name ?? '';\n  const objectivePrefs = filterPrefs(PREFERENCE_CATEGORY.OBJECTIVES);\n\n  const positionInfo = positionPref\n    ? getPreferencesFromConfig(configData, {\n        grade: '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.POSITION,\n      })?.find(({ id }) => id === positionPref.preference_code)\n    : null;\n\n  const studentLevel =\n    positionInfo?.label && positionInfo?.description\n      ? `${positionInfo.label}: ${positionInfo.description}`\n      : '';\n\n  const studentObjectives = objectivePrefs.map(p => p.preference_name);\n\n  const learningPlan = userMilestoneData.map(\n    ({ goal_category, milestone_name }) =>\n      `${GOAL_MAPPING[goal_category as TGoalCategory]}: ${milestone_name}`,\n  );\n\n  return {\n    studentLevel,\n    studentObjectives,\n    learningPlan,\n    levelPreference,\n  };\n};\n"],"names":["getLearningProfileSummary","configData","summaryData","defaultSummary","preferences","_a","userMilestoneData","findPref","category","p","filterPrefs","positionPref","PREFERENCE_CATEGORY","levelPreference","_b","objectivePrefs","positionInfo","_c","getPreferencesFromConfig","COURSE_STREAMS","id","studentLevel","studentObjectives","learningPlan","goal_category","milestone_name","GOAL_MAPPING"],"mappings":";;;AAYa,MAAAA,IAA4B,CACvCC,GACAC,MAC2B;;AAC3B,QAAMC,IAAyC;AAAA,IAC7C,cAAc;AAAA,IACd,mBAAmB,CAAC;AAAA,IACpB,cAAc,CAAC;AAAA,IACf,iBAAiB;AAAA,EAAA;AAGnB,MAAI,CAACF,KAAc,CAACC,EAAoB,QAAAC;AAExC,QAAMC,MAAcC,IAAAH,EAAY,wBAAZ,gBAAAG,EAAiC,gBAAe,CAAA,GAC9DC,IAAoBJ,EAAY,uBAAuB;AAEzD,MAAAE,EAAY,WAAW,EAAU,QAAAD;AAE/B,QAAAI,IAAW,CAACC,MAChBJ,EAAY,KAAK,CAAKK,MAAAA,EAAE,wBAAwBD,CAAQ,GAEpDE,IAAc,CAACF,MACnBJ,EAAY,OAAO,CAAKK,MAAAA,EAAE,wBAAwBD,CAAQ,GAEtDG,IAAeJ,EAASK,EAAoB,QAAQ,GACpDC,MAAkBC,IAAAP,EAASK,EAAoB,KAAK,MAAlC,gBAAAE,EAAqC,oBAAmB,IAC1EC,IAAiBL,EAAYE,EAAoB,UAAU,GAE3DI,IAAeL,KACjBM,IAAAC,EAAyBjB,GAAY;AAAA,IACnC,OAAO;AAAA,IACP,cAAckB,EAAe;AAAA,IAC7B,oBAAoBP,EAAoB;AAAA,EAAA,CACzC,MAJD,gBAAAK,EAII,KAAK,CAAC,EAAE,IAAAG,QAASA,MAAOT,EAAa,mBACzC,MAEEU,IACJL,KAAA,QAAAA,EAAc,UAASA,KAAA,QAAAA,EAAc,eACjC,GAAGA,EAAa,KAAK,KAAKA,EAAa,WAAW,KAClD,IAEAM,IAAoBP,EAAe,IAAI,CAAAN,MAAKA,EAAE,eAAe,GAE7Dc,IAAejB,EAAkB;AAAA,IACrC,CAAC,EAAE,eAAAkB,GAAe,gBAAAC,EAAe,MAC/B,GAAGC,EAAaF,CAA8B,CAAC,KAAKC,CAAc;AAAA,EAAA;AAG/D,SAAA;AAAA,IACL,cAAAJ;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAV;AAAA,EAAA;AAEJ;"}

package/dist/features/parent-dashboard/modals/student-profile-summary/student-profile-summary-styled.js

@@ -0,0 +1,12 @@
+import t from "styled-components";
+import e from "../../../ui/layout/flex-view.js";
+const r = t(e)`
+  width: 100%;
+  ${({ theme: i }) => i.mediaQueries.minWidthTablet} {
+    max-width: 560px;
+  }
+`;
+export {
+  r as Container
+};
+//# sourceMappingURL=student-profile-summary-styled.js.map

package/dist/features/parent-dashboard/modals/student-profile-summary/student-profile-summary-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"student-profile-summary-styled.js","sources":["../../../../../src/features/parent-dashboard/modals/student-profile-summary/student-profile-summary-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const Container = styled(FlexView)`\n  width: 100%;\n  ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n    max-width: 560px;\n  }\n`;\n"],"names":["Container","styled","FlexView","theme"],"mappings":";;AAIa,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,IAEpC,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;"}

package/dist/features/parent-dashboard/modals/student-profile-summary/student-profile-summary.js

@@ -0,0 +1,44 @@
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { memo as d, useMemo as u } from "react";
+import { useTheme as c } from "styled-components";
+import { ILLUSTRATIONS as r } from "../../../../assets/illustrations/illustrations.js";
+import p from "../../../trial-session/comps/student-profile/student-profile-highlights/student-profile-highlights.js";
+import f from "../../../ui/layout/flex-view.js";
+import E from "../../../ui/loader/app-loader/app-loader.js";
+import L from "../../../ui/modals/use-modal-params.js";
+import g from "../../../ui/text/text.js";
+import { EDeviceType as h } from "../../../ui/theme/constants.js";
+import { Container as P } from "./student-profile-summary-styled.js";
+const _ = () => {
+  const { studentName: o, summaryData: e } = L(), i = c().device <= h.MOBILE, n = u(() => {
+    const { studentLevel: m, studentObjectives: s = "", learningPlan: l = "" } = e ?? {};
+    return [
+      {
+        title: "Student Level",
+        description: m,
+        illustration: r.KNOWLEDGE_BLUE,
+        background: "BLUE_1"
+      },
+      {
+        illustration: r.ARROW_BOARD_GREEN,
+        background: "GREEN_1",
+        title: "Goals",
+        description: s
+      },
+      {
+        illustration: r.BOOK_CHECKED_PURPLE,
+        background: "PURPLE_1",
+        title: "Learning Plan",
+        description: l
+      }
+    ];
+  }, [e]);
+  return e ? /* @__PURE__ */ a(P, { $borderColor: "BLACK_1", children: [
+    i && /* @__PURE__ */ t(f, { $gutterX: 1, $gapX: 1.5, $background: "BLACK_2", children: /* @__PURE__ */ t(g, { $renderAs: "ab1-bold", $color: "WHITE_1", children: `${o}'s Profile` }) }),
+    /* @__PURE__ */ t(p, { profileHighlights: n })
+  ] }) : /* @__PURE__ */ t(E, { height: 200, width: 200 });
+}, K = d(_);
+export {
+  K as default
+};
+//# sourceMappingURL=student-profile-summary.js.map

package/dist/features/parent-dashboard/modals/student-profile-summary/student-profile-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"student-profile-summary.js","sources":["../../../../../src/features/parent-dashboard/modals/student-profile-summary/student-profile-summary.tsx"],"sourcesContent":["import type { IStudentProfileSummary } from '../../parent-dashboard-types';\nimport type { TProfileHighlight } from './student-profile-summary-types';\n\nimport { useMemo, memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport StudentProfileHighlights from '../../../trial-session/comps/student-profile/student-profile-highlights/student-profile-highlights';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport useModalParams from '../../../ui/modals/use-modal-params';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport * as Styled from './student-profile-summary-styled';\n\nconst StudentProfileSummary = () => {\n  const { studentName, summaryData } = useModalParams<{\n    studentName: string;\n    summaryData: IStudentProfileSummary;\n  }>();\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  const profileHighlights: TProfileHighlight[] = useMemo(() => {\n    const { studentLevel, studentObjectives = '', learningPlan = '' } = summaryData ?? {};\n\n    return [\n      {\n        title: 'Student Level',\n        description: studentLevel,\n        illustration: ILLUSTRATIONS.KNOWLEDGE_BLUE,\n        background: 'BLUE_1',\n      },\n      {\n        illustration: ILLUSTRATIONS.ARROW_BOARD_GREEN,\n        background: 'GREEN_1',\n        title: 'Goals',\n        description: studentObjectives,\n      },\n      {\n        illustration: ILLUSTRATIONS.BOOK_CHECKED_PURPLE,\n        background: 'PURPLE_1',\n        title: 'Learning Plan',\n        description: learningPlan,\n      },\n    ];\n  }, [summaryData]);\n\n  if (!summaryData) {\n    return <AppLoader height={200} width={200} />;\n  }\n\n  return (\n    <Styled.Container $borderColor=\"BLACK_1\">\n      {isMobile && (\n        <FlexView $gutterX={1} $gapX={1.5} $background=\"BLACK_2\">\n          <Text $renderAs=\"ab1-bold\" $color=\"WHITE_1\">{`${studentName}'s Profile`}</Text>\n        </FlexView>\n      )}\n      <StudentProfileHighlights profileHighlights={profileHighlights} />\n    </Styled.Container>\n  );\n};\n\nexport default memo(StudentProfileSummary);\n"],"names":["StudentProfileSummary","studentName","summaryData","useModalParams","isMobile","useTheme","EDeviceType","profileHighlights","useMemo","studentLevel","studentObjectives","learningPlan","ILLUSTRATIONS","jsxs","Styled.Container","FlexView","jsx","Text","StudentProfileHighlights","AppLoader","studentProfileSummary","memo"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAAwB,MAAM;AAClC,QAAM,EAAE,aAAAC,GAAa,aAAAC,EAAY,IAAIC,EAGlC,GAEGC,IADQC,IACS,UAAUC,EAAY,QAEvCC,IAAyCC,EAAQ,MAAM;AACrD,UAAA,EAAE,cAAAC,GAAc,mBAAAC,IAAoB,IAAI,cAAAC,IAAe,GAAG,IAAIT,KAAe;AAE5E,WAAA;AAAA,MACL;AAAA,QACE,OAAO;AAAA,QACP,aAAaO;AAAA,QACb,cAAcG,EAAc;AAAA,QAC5B,YAAY;AAAA,MACd;AAAA,MACA;AAAA,QACE,cAAcA,EAAc;AAAA,QAC5B,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,aAAaF;AAAA,MACf;AAAA,MACA;AAAA,QACE,cAAcE,EAAc;AAAA,QAC5B,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,aAAaD;AAAA,MACf;AAAA,IAAA;AAAA,EACF,GACC,CAACT,CAAW,CAAC;AAEhB,SAAKA,IAKF,gBAAAW,EAAAC,GAAA,EAAiB,cAAa,WAC5B,UAAA;AAAA,IAAAV,uBACEW,GAAS,EAAA,UAAU,GAAG,OAAO,KAAK,aAAY,WAC7C,UAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,QAAO,WAAW,UAAG,GAAAhB,CAAW,cAAa,EAC1E,CAAA;AAAA,IAEF,gBAAAe,EAACE,KAAyB,mBAAAX,GAAsC;AAAA,EAClE,EAAA,CAAA,IAXQ,gBAAAS,EAAAG,GAAA,EAAU,QAAQ,KAAK,OAAO,IAAK,CAAA;AAa/C,GAEeC,IAAAC,EAAKrB,CAAqB;"}

package/dist/features/parent-dashboard/modals/trial-report/trial-report-styled.js

@@ -0,0 +1,13 @@
+import t from "styled-components";
+import e from "../../../ui/layout/flex-view.js";
+const r = t(e)`
+  width: 100%;
+  max-height: 90vh;
+  ${({ theme: i }) => i.mediaQueries.minWidthTablet} {
+    max-width: 720px;
+  }
+`;
+export {
+  r as Container
+};
+//# sourceMappingURL=trial-report-styled.js.map

package/dist/features/parent-dashboard/modals/trial-report/trial-report-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trial-report-styled.js","sources":["../../../../../src/features/parent-dashboard/modals/trial-report/trial-report-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const Container = styled(FlexView)`\n  width: 100%;\n  max-height: 90vh;\n  ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n    max-width: 720px;\n  }\n`;\n"],"names":["Container","styled","FlexView","theme"],"mappings":";;AAIa,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA;AAAA,IAGpC,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;"}

package/dist/features/parent-dashboard/modals/trial-report/trial-report.js

@@ -0,0 +1,28 @@
+import { jsx as e } from "react/jsx-runtime";
+import { memo as p, useCallback as f, useEffect as d } from "react";
+import { useGetSessionReports as u } from "../../../trial-session/api/trial-home.js";
+import l from "../../../trial-session/comps/session-report/report-information/report-information.js";
+import c from "../../../ui/error/error.js";
+import h from "../../../ui/loader/app-loader/app-loader.js";
+import g from "../../../ui/modals/use-modal-params.js";
+import { Container as R } from "./trial-report-styled.js";
+const C = () => {
+  const { studentName: t, attemptId: r, studentLevel: s } = g(), {
+    get: i,
+    isProcessingFailed: m,
+    data: n,
+    isProcessing: a
+  } = u(), o = f(() => {
+    r && t && i(r, {
+      student_level: s,
+      student_name: t
+    });
+  }, [r, i, s, t]);
+  return d(() => {
+    o();
+  }, [o]), m ? /* @__PURE__ */ e(c, { height: "50vh", onTryAgain: o }) : a || !n ? /* @__PURE__ */ e(h, { height: 200, width: 200 }) : /* @__PURE__ */ e(R, { $borderColor: "BLACK_1", children: /* @__PURE__ */ e(l, { sessionReports: n, studentName: t }) });
+}, E = p(C);
+export {
+  E as default
+};
+//# sourceMappingURL=trial-report.js.map

package/dist/features/parent-dashboard/modals/trial-report/trial-report.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trial-report.js","sources":["../../../../../src/features/parent-dashboard/modals/trial-report/trial-report.tsx"],"sourcesContent":["import { memo, useCallback, useEffect } from 'react';\n\nimport { useGetSessionReports } from '../../../trial-session/api/trial-home';\nimport ReportInformation from '../../../trial-session/comps/session-report/report-information/report-information';\nimport Error from '../../../ui/error/error';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport useModalParams from '../../../ui/modals/use-modal-params';\nimport * as Styled from './trial-report-styled';\n\nconst StudentTrialReport = () => {\n  const { studentName, attemptId, studentLevel } = useModalParams<{\n    studentName: string;\n    attemptId: string;\n    studentLevel: string;\n  }>();\n\n  const {\n    get: getSessionReports,\n    isProcessingFailed,\n    data: sessionReports,\n    isProcessing,\n  } = useGetSessionReports();\n\n  const fetchData = useCallback(() => {\n    if (attemptId && studentName) {\n      getSessionReports(attemptId, {\n        student_level: studentLevel,\n        student_name: studentName,\n      });\n    }\n  }, [attemptId, getSessionReports, studentLevel, studentName]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isProcessingFailed) {\n    return <Error height=\"50vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !sessionReports) {\n    return <AppLoader height={200} width={200} />;\n  }\n\n  return (\n    <Styled.Container $borderColor=\"BLACK_1\">\n      <ReportInformation sessionReports={sessionReports} studentName={studentName} />\n    </Styled.Container>\n  );\n};\n\nexport default memo(StudentTrialReport);\n"],"names":["StudentTrialReport","studentName","attemptId","studentLevel","useModalParams","getSessionReports","isProcessingFailed","sessionReports","isProcessing","useGetSessionReports","fetchData","useCallback","useEffect","jsx","Error","AppLoader","Styled.Container","ReportInformation","trialReport","memo"],"mappings":";;;;;;;;AASA,MAAMA,IAAqB,MAAM;AAC/B,QAAM,EAAE,aAAAC,GAAa,WAAAC,GAAW,cAAAC,MAAiBC,EAI9C,GAEG;AAAA,IACJ,KAAKC;AAAA,IACL,oBAAAC;AAAA,IACA,MAAMC;AAAA,IACN,cAAAC;AAAA,MACEC,EAAqB,GAEnBC,IAAYC,EAAY,MAAM;AAClC,IAAIT,KAAaD,KACfI,EAAkBH,GAAW;AAAA,MAC3B,eAAeC;AAAA,MACf,cAAcF;AAAA,IAAA,CACf;AAAA,KAEF,CAACC,GAAWG,GAAmBF,GAAcF,CAAW,CAAC;AAM5D,SAJAW,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEVJ,IACM,gBAAAO,EAAAC,GAAA,EAAM,QAAO,QAAO,YAAYJ,EAAW,CAAA,IAGjDF,KAAgB,CAACD,IACX,gBAAAM,EAAAE,GAAA,EAAU,QAAQ,KAAK,OAAO,IAAK,CAAA,IAI3C,gBAAAF,EAACG,GAAA,EAAiB,cAAa,WAC7B,UAAC,gBAAAH,EAAAI,GAAA,EAAkB,gBAAAV,GAAgC,aAAAN,EAA0B,CAAA,EAC/E,CAAA;AAEJ,GAEeiB,IAAAC,EAAKnB,CAAkB;"}

package/dist/features/parent-dashboard/modals/tutor-change/tutor-change-constants.js

@@ -0,0 +1,43 @@
+const N = {
+  CONFUSING_EXPLANATIONS: "CONFUSING_EXPLANATIONS",
+  WRONG_PACE: "WRONG_PACE",
+  NOT_ENGAGING: "NOT_ENGAGING",
+  PERSONALITY_MISMATCH: "PERSONALITY_MISMATCH",
+  IMPATIENT: "IMPATIENT",
+  UNCLEAR_COMMUNICATION: "UNCLEAR_COMMUNICATION",
+  OTHER: "OTHER"
+}, A = [
+  {
+    id: N.CONFUSING_EXPLANATIONS,
+    label: "Explanations were confusing"
+  },
+  {
+    id: N.WRONG_PACE,
+    label: "Moved too fast or slow"
+  },
+  {
+    id: N.NOT_ENGAGING,
+    label: "Couldn’t keep my child engaged"
+  },
+  {
+    id: N.PERSONALITY_MISMATCH,
+    label: "Personality didn't click with my child"
+  },
+  {
+    id: N.IMPATIENT,
+    label: "Wasn’t patient enough"
+  },
+  {
+    id: N.UNCLEAR_COMMUNICATION,
+    label: "Communication wasn't clear enough"
+  },
+  {
+    id: N.OTHER,
+    label: "Something else"
+  }
+];
+export {
+  N as TUTOR_CHANGE_REASON_IDS,
+  A as changeTutorReasons
+};
+//# sourceMappingURL=tutor-change-constants.js.map

package/dist/features/parent-dashboard/modals/tutor-change/tutor-change-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tutor-change-constants.js","sources":["../../../../../src/features/parent-dashboard/modals/tutor-change/tutor-change-constants.ts"],"sourcesContent":["export const TUTOR_CHANGE_REASON_IDS = {\n  CONFUSING_EXPLANATIONS: 'CONFUSING_EXPLANATIONS',\n  WRONG_PACE: 'WRONG_PACE',\n  NOT_ENGAGING: 'NOT_ENGAGING',\n  PERSONALITY_MISMATCH: 'PERSONALITY_MISMATCH',\n  IMPATIENT: 'IMPATIENT',\n  UNCLEAR_COMMUNICATION: 'UNCLEAR_COMMUNICATION',\n  OTHER: 'OTHER',\n} as const;\n\nexport const changeTutorReasons = [\n  {\n    id: TUTOR_CHANGE_REASON_IDS.CONFUSING_EXPLANATIONS,\n    label: 'Explanations were confusing',\n  },\n  {\n    id: TUTOR_CHANGE_REASON_IDS.WRONG_PACE,\n    label: 'Moved too fast or slow',\n  },\n  {\n    id: TUTOR_CHANGE_REASON_IDS.NOT_ENGAGING,\n    label: 'Couldn’t keep my child engaged',\n  },\n  {\n    id: TUTOR_CHANGE_REASON_IDS.PERSONALITY_MISMATCH,\n    label: `Personality didn't click with my child`,\n  },\n  {\n    id: TUTOR_CHANGE_REASON_IDS.IMPATIENT,\n    label: `Wasn’t patient enough`,\n  },\n  {\n    id: TUTOR_CHANGE_REASON_IDS.UNCLEAR_COMMUNICATION,\n    label: `Communication wasn't clear enough`,\n  },\n  {\n    id: TUTOR_CHANGE_REASON_IDS.OTHER,\n    label: `Something else`,\n  },\n];\n"],"names":["TUTOR_CHANGE_REASON_IDS","changeTutorReasons"],"mappings":"AAAO,MAAMA,IAA0B;AAAA,EACrC,wBAAwB;AAAA,EACxB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,sBAAsB;AAAA,EACtB,WAAW;AAAA,EACX,uBAAuB;AAAA,EACvB,OAAO;AACT,GAEaC,IAAqB;AAAA,EAChC;AAAA,IACE,IAAID,EAAwB;AAAA,IAC5B,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,IAAIA,EAAwB;AAAA,IAC5B,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,IAAIA,EAAwB;AAAA,IAC5B,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,IAAIA,EAAwB;AAAA,IAC5B,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,IAAIA,EAAwB;AAAA,IAC5B,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,IAAIA,EAAwB;AAAA,IAC5B,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,IAAIA,EAAwB;AAAA,IAC5B,OAAO;AAAA,EACT;AACF;"}

package/dist/features/parent-dashboard/modals/tutor-change/tutor-change-styled.js

@@ -0,0 +1,59 @@
+import o from "styled-components";
+import t from "../../../ui/layout/flex-view.js";
+const s = o(t)`
+  max-width: 560px;
+  border: ${({ theme: e }) => `1px solid ${e.colors.BLACK_5}`};
+`, x = o(t)`
+  overflow-y: auto;
+  max-height: 468px;
+  ${({ theme: e }) => e.mediaQueries.minWidthTablet} {
+    max-height: unset;
+    overflow-y: hidden;
+  })}
+`, h = o(t)`
+  padding-top: 0;
+  ${({ theme: e }) => e.mediaQueries.minWidthTablet} {
+    max-height: 300px;
+    overflow-y: auto;
+  })}
+`, m = o(t)`
+  padding-bottom: 24px;
+  ${({ theme: e }) => e.mediaQueries.minWidthTablet} {
+    border-top: ${({ theme: e }) => `1px solid ${e.colors.BLACK_5}`};
+    padding-bottom: 40px;
+  })}
+`, c = o.textarea(({ theme: e }) => {
+  const {
+    colors: { WHITE: i, WHITE_T_38: r, BLACK_2: n, BLACK_5: a },
+    layout: { gutter: p }
+  } = e;
+  return `border: 1px solid ${a};
+  width: 100%;
+  min-height: ${p * 5}px;
+  padding: 16px;
+  background-color: ${n};
+  white-space: pre-line;
+  font-family: 'Untitled Sans Regular';
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 24px;
+  color: ${i};
+  resize: none;
+  outline: none;
+  &::placeholder {
+    color: ${r};
+  }
+
+  &:focus {
+    outline: none;
+  }
+`;
+});
+export {
+  s as Container,
+  h as ContentWrapper,
+  m as FooterWrapper,
+  x as OuterWrapper,
+  c as StyledTextArea
+};
+//# sourceMappingURL=tutor-change-styled.js.map