@cuemath/leap 3.3.0 → 3.3.2-2.beta-guru-01

package/dist/features/trial-session/comps/student-profile/student-profile-highlights/student-profile-highlights.js

@@ -0,0 +1,53 @@
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { memo as d } from "react";
+import m, { useTheme as a } from "styled-components";
+import p from "../../../../ui/image/image.js";
+import t from "../../../../ui/layout/flex-view.js";
+import i from "../../../../ui/text/text.js";
+import { EDeviceType as f } from "../../../../ui/theme/constants.js";
+const $ = m(t)`
+  &:not(:last-child) {
+    border-bottom: 1px solid ${({ theme: n }) => n.colors.BLACK_1};
+  }
+`, c = d(
+  ({ profileHighlights: n }) => {
+    const o = a().device <= f.MOBILE;
+    return /* @__PURE__ */ r(t, { $borderColor: "BLACK_1", children: n.map((e) => /* @__PURE__ */ l(
+      $,
+      {
+        $flexDirection: "row",
+        $alignItems: "center",
+        $justifyContent: "flex-start",
+        $gapX: 1,
+        $gutterX: o ? 0.75 : 1,
+        $flexGapX: o ? 0.5 : 1.5,
+        $background: e.background,
+        children: [
+          /* @__PURE__ */ r(
+            p,
+            {
+              src: e.illustration,
+              alt: e.title,
+              height: o ? 64 : 96,
+              width: o ? 64 : 96
+            }
+          ),
+          /* @__PURE__ */ l(t, { $flexDirection: "column", $flex: 1, $flexGap: 2, children: [
+            /* @__PURE__ */ r(i, { $renderAs: "ac3-black", children: e.title }),
+            /* @__PURE__ */ r(i, { $renderAs: "ab2", children: typeof e.description == "string" ? e.description : /* @__PURE__ */ r(t, { children: e.description.map((s) => /* @__PURE__ */ l(t, { $flexDirection: "row", $flexColumnGapX: 0.5, children: [
+              /* @__PURE__ */ r(i, { $renderAs: "ab2", $inline: !0, children: "•" }),
+              /* @__PURE__ */ r(i, { $renderAs: "ab2", as: "span", $inline: !0, children: s })
+            ] }, s)) }) })
+          ] })
+        ]
+      },
+      e.title
+    )) });
+  }
+);
+c.displayName = "StudentProfileHighlights";
+const H = c;
+export {
+  H as default
+};
+//# sourceMappingURL=student-profile-highlights.js.map

package/dist/features/trial-session/comps/student-profile/student-profile-highlights/student-profile-highlights.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"student-profile-highlights.js","sources":["../../../../../../src/features/trial-session/comps/student-profile/student-profile-highlights/student-profile-highlights.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\nimport styled from 'styled-components';\nimport { useTheme } from 'styled-components';\n\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\n\ntype TProfileHighlight = {\n  illustration: string;\n  background: TColorNames;\n  title: string;\n  description: string | string[];\n};\n\nconst HighlightWrapper = styled(FlexView)`\n  &:not(:last-child) {\n    border-bottom: 1px solid ${({ theme }) => theme.colors.BLACK_1};\n  }\n`;\n\ninterface IStudentProfileHighlightsProps {\n  profileHighlights: TProfileHighlight[];\n}\n\nconst StudentProfileHighlights: FC<IStudentProfileHighlightsProps> = memo(\n  ({ profileHighlights }) => {\n    const theme = useTheme();\n    const isMobile = theme.device <= EDeviceType.MOBILE;\n\n    return (\n      <FlexView $borderColor=\"BLACK_1\">\n        {profileHighlights.map(highlight => (\n          <HighlightWrapper\n            key={highlight.title}\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"flex-start\"\n            $gapX={1}\n            $gutterX={isMobile ? 0.75 : 1}\n            $flexGapX={isMobile ? 0.5 : 1.5}\n            $background={highlight.background}\n          >\n            <Image\n              src={highlight.illustration}\n              alt={highlight.title}\n              height={isMobile ? 64 : 96}\n              width={isMobile ? 64 : 96}\n            />\n            <FlexView $flexDirection=\"column\" $flex={1} $flexGap={2}>\n              <Text $renderAs=\"ac3-black\">{highlight.title}</Text>\n              <Text $renderAs=\"ab2\">\n                {typeof highlight.description === 'string' ? (\n                  highlight.description\n                ) : (\n                  <FlexView>\n                    {highlight.description.map(desc => (\n                      <FlexView key={desc} $flexDirection=\"row\" $flexColumnGapX={0.5}>\n                        <Text $renderAs=\"ab2\" $inline>\n                          •\n                        </Text>\n                        <Text $renderAs=\"ab2\" as=\"span\" $inline>\n                          {desc}\n                        </Text>\n                      </FlexView>\n                    ))}\n                  </FlexView>\n                )}\n              </Text>\n            </FlexView>\n          </HighlightWrapper>\n        ))}\n      </FlexView>\n    );\n  },\n);\n\nStudentProfileHighlights.displayName = 'StudentProfileHighlights';\n\nexport default StudentProfileHighlights;\n"],"names":["HighlightWrapper","styled","FlexView","theme","StudentProfileHighlights","memo","profileHighlights","isMobile","useTheme","EDeviceType","highlight","jsxs","jsx","Image","Text","desc","StudentProfileHighlights$1"],"mappings":";;;;;;;AAmBA,MAAMA,IAAmBC,EAAOC,CAAQ;AAAA;AAAA,+BAET,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA,GAQ5DC,IAA+DC;AAAA,EACnE,CAAC,EAAE,mBAAAC,EAAA,MAAwB;AAEnB,UAAAC,IADQC,IACS,UAAUC,EAAY;AAE7C,6BACGP,GAAS,EAAA,cAAa,WACpB,UAAAI,EAAkB,IAAI,CACrBI,MAAA,gBAAAC;AAAA,MAACX;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,UAAUO,IAAW,OAAO;AAAA,QAC5B,WAAWA,IAAW,MAAM;AAAA,QAC5B,aAAaG,EAAU;AAAA,QAEvB,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,KAAKH,EAAU;AAAA,cACf,KAAKA,EAAU;AAAA,cACf,QAAQH,IAAW,KAAK;AAAA,cACxB,OAAOA,IAAW,KAAK;AAAA,YAAA;AAAA,UACzB;AAAA,4BACCL,GAAS,EAAA,gBAAe,UAAS,OAAO,GAAG,UAAU,GACpD,UAAA;AAAA,YAAA,gBAAAU,EAACE,GAAK,EAAA,WAAU,aAAa,UAAAJ,EAAU,OAAM;AAAA,YAC7C,gBAAAE,EAACE,KAAK,WAAU,OACb,iBAAOJ,EAAU,eAAgB,WAChCA,EAAU,gCAETR,GACE,EAAA,UAAAQ,EAAU,YAAY,IAAI,CAAAK,wBACxBb,GAAoB,EAAA,gBAAe,OAAM,iBAAiB,KACzD,UAAA;AAAA,cAAA,gBAAAU,EAACE,GAAK,EAAA,WAAU,OAAM,SAAO,IAAC,UAE9B,KAAA;AAAA,cACA,gBAAAF,EAACE,KAAK,WAAU,OAAM,IAAG,QAAO,SAAO,IACpC,UACHC,EAAA,CAAA;AAAA,YANa,EAAA,GAAAA,CAOf,CACD,EACH,CAAA,GAEJ;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,MAnCKL,EAAU;AAAA,IAqClB,CAAA,EACH,CAAA;AAAA,EAEJ;AACF;AAEAN,EAAyB,cAAc;AAEvC,MAAAY,IAAeZ;"}

package/dist/features/trial-session/comps/student-profile/student-profile.js

@@ -1,48 +1,95 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { memo as b, useMemo as A, useCallback as E, useEffect as s } from "react";
-import { GOAL_CATEGORY as g } from "../../../milestone/constants.js";
-import w from "../../../ui/error/error.js";
-import G from "../../../ui/image/image.js";
-import h from "../../../ui/layout/flex-view.js";
-import L from "../../../ui/loader/app-loader/app-loader.js";
-import D from "../../../ui/separator/separator.js";
-import S from "../../../ui/text/text.js";
-import { useGetStudentProfileSummary as X } from "../../api/student-profile-summary.js";
-import { useTrialSessionContext as M } from "../../context/use-trial-session-context.js";
-import O from "../slide-header/index.js";
-import { Container as k, ContentWrapper as B, AbsoluteImage as H, ImageWrapper as R } from "./student-profile-styled.js";
-import { getDummyProfileImage as W, getMilestoneGoalName as P } from "./student-profile-utils.js";
-const re = b(() => {
-  const { isTeacher: t, studentId: l, formData: $, updateSlideConfig: d, updateButtonState: f } = M(), { name: y, goals: r, studentProfile: o } = $ || {}, { dummyProfileImageIndex: I, profileSummary: x } = o || {}, C = W(I), m = A(() => r && r.length > 0 ? {
-    school_success_goal: P(r, g.SCHOOL_SUCCESS),
-    test_prep_goal: P(r, g.TEST_PREP)
-  } : null, [r]), {
-    get: u,
-    data: _,
-    isProcessing: a,
-    isProcessed: c,
-    isProcessingFailed: T
-  } = X(), { profile_summary: p } = _ || {}, n = E(() => {
-    m && u(l, m);
-  }, [u, m, l]);
-  return s(() => {
-    f("right", { isDisabled: a, isLoading: !1 });
-  }, [a, f]), s(() => {
-    t && !o && n();
-  }, [n, t, o]), s(() => {
-    t && c && d({
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { memo as H, useMemo as L, useCallback as k, useEffect as d } from "react";
+import { ILLUSTRATIONS as f } from "../../../../assets/illustrations/illustrations.js";
+import { GOAL_CATEGORY as $ } from "../../../milestone/constants.js";
+import N from "../../../ui/error/error.js";
+import U from "../../../ui/image/image.js";
+import C from "../../../ui/layout/flex-view.js";
+import v from "../../../ui/loader/app-loader/app-loader.js";
+import M from "../../../ui/separator/separator.js";
+import I from "../../../ui/text/text.js";
+import { useGetStudentProfileSummary as W } from "../../api/student-profile-summary.js";
+import { useTrialSessionContext as X } from "../../context/use-trial-session-context.js";
+import { getFormattedStudentPersonalizedPreference as K } from "../../helper.js";
+import j from "../slide-header/index.js";
+import { GOAL_MAPPING as z } from "./constant.js";
+import F from "./student-profile-highlights/student-profile-highlights.js";
+import { Container as V, ContentWrapper as y, AbsoluteImage as Y, ImageWrapper as q } from "./student-profile-styled.js";
+import { getDummyProfileImage as J, getMilestoneGoalName as A } from "./student-profile-utils.js";
+const he = H(() => {
+  const {
+    isTeacher: o,
+    studentId: u,
+    formData: b,
+    slideConfig: G,
+    milestoneConfig: c,
+    updateSlideConfig: p,
+    updateButtonState: g
+  } = X(), { showProfileHighlights: r } = G, {
+    name: O,
+    goals: t = [],
+    studentProfile: i,
+    personalizedLevel: h = [],
+    personalizedObjectives: P = []
+  } = b || {}, { dummyProfileImageIndex: x, profileSummary: R } = i || {}, T = J(x), m = L(() => t && t.length > 0 ? {
+    school_success_goal: A(t, $.SCHOOL_SUCCESS),
+    test_prep_goal: A(t, $.TEST_PREP)
+  } : null, [t]), {
+    get: S,
+    data: w,
+    isProcessing: l,
+    isProcessed: _,
+    isProcessingFailed: D
+  } = W(), { profile_summary: E } = w || {}, s = k(() => {
+    m && S(u, m);
+  }, [S, m, u]);
+  d(() => {
+    g("right", { isDisabled: l, isLoading: !1 });
+  }, [l, g]), d(() => {
+    o && !i && !r && s();
+  }, [s, o, i, r]), d(() => {
+    o && _ && !r && p({
       studentProfile: {
-        profileSummary: p || "",
+        profileSummary: E || "",
         dummyProfileImageIndex: Math.floor(Math.random() * 6)
       }
     });
-  }, [c, t, p, d]), T ? /* @__PURE__ */ e(w, { height: "70vh", onTryAgain: n }) : a || !o ? /* @__PURE__ */ e(L, { height: "100vh" }) : /* @__PURE__ */ i(k, { children: [
-    /* @__PURE__ */ e(D, { height: 60 }),
-    /* @__PURE__ */ e(O, { marginBottom: 100 }),
-    /* @__PURE__ */ i(B, { $widthX: 46.875, children: [
-      /* @__PURE__ */ e(H, {}),
-      /* @__PURE__ */ i(
-        h,
+  }, [_, o, r, E, p]);
+  const B = L(
+    () => [
+      {
+        title: "Studnet Level",
+        description: `Catching up: ${h[0]}`,
+        illustration: f.KNOWLEDGE_BLUE,
+        background: "BLUE_1"
+      },
+      {
+        illustration: f.ARROW_BOARD_GREEN,
+        background: "GREEN_1",
+        title: "Goals",
+        description: K(
+          c,
+          P
+        ).map((n) => n.preference_name)
+      },
+      {
+        illustration: f.BOOK_CHECKED_PURPLE,
+        background: "PURPLE_1",
+        title: "Learning Plan",
+        description: t.map(
+          (n) => `${z[n.goal_category]}: ${n.milestone_name}`
+        )
+      }
+    ],
+    [t, c, h, P]
+  );
+  return D ? /* @__PURE__ */ e(N, { height: "70vh", onTryAgain: s }) : l || !i && !r ? /* @__PURE__ */ e(v, { height: "100vh" }) : /* @__PURE__ */ a(V, { children: [
+    /* @__PURE__ */ e(M, { height: 60 }),
+    /* @__PURE__ */ e(j, { marginBottom: r ? 50 : 100 }),
+    r ? /* @__PURE__ */ e(y, { $width: 650, children: /* @__PURE__ */ e(F, { profileHighlights: B }) }) : /* @__PURE__ */ a(y, { $widthX: 46.875, children: [
+      /* @__PURE__ */ e(Y, {}),
+      /* @__PURE__ */ a(
+        C,
         {
           $width: "100%",
           $heightX: 21.875,
@@ -54,10 +101,10 @@ const re = b(() => {
           $borderColor: "BLACK_T_87",
           $borderRadiusX: 0.5,
           children: [
-            /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(G, { withLoader: !0, height: 200, width: 200, src: C }) }),
-            /* @__PURE__ */ i(h, { $flexGap: 16, children: [
-              /* @__PURE__ */ e(S, { $renderAs: "ac2-black", children: y }),
-              /* @__PURE__ */ e(S, { $renderAs: "ab1", children: x || "" })
+            /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(U, { withLoader: !0, height: 200, width: 200, src: T }) }),
+            /* @__PURE__ */ a(C, { $flexGap: 16, children: [
+              /* @__PURE__ */ e(I, { $renderAs: "ac2-black", children: O }),
+              /* @__PURE__ */ e(I, { $renderAs: "ab1", children: R || "" })
             ] })
           ]
         }
@@ -66,6 +113,6 @@ const re = b(() => {
   ] });
 });
 export {
-  re as default
+  he as default
 };
 //# sourceMappingURL=student-profile.js.map

package/dist/features/trial-session/comps/student-profile/student-profile.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-profile.js","sources":["../../../../../src/features/trial-session/comps/student-profile/student-profile.tsx"],"sourcesContent":["import type { IGetStudentProfileSummaryQuery } from '../../api/student-profile-summary';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport Error from '../../../ui/error/error';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetStudentProfileSummary } from '../../api/student-profile-summary';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-profile-styled';\nimport { getDummyProfileImage, getMilestoneGoalName } from './student-profile-utils';\n\nconst StudentProfile = memo(() => {\n  const { isTeacher, studentId, formData, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n\n  const { name, goals, studentProfile } = formData || {};\n  const { dummyProfileImageIndex, profileSummary } = studentProfile || {};\n  const dummyProfileImage = getDummyProfileImage(dummyProfileImageIndex);\n\n  const payload = useMemo<IGetStudentProfileSummaryQuery | null>(() => {\n    if (goals && goals.length > 0) {\n      return {\n        school_success_goal: getMilestoneGoalName(goals, GOAL_CATEGORY.SCHOOL_SUCCESS),\n        test_prep_goal: getMilestoneGoalName(goals, GOAL_CATEGORY.TEST_PREP),\n      };\n    }\n\n    return null;\n  }, [goals]);\n\n  const {\n    get: getStudentProfileSummary,\n    data,\n    isProcessing,\n    isProcessed,\n    isProcessingFailed,\n  } = useGetStudentProfileSummary();\n  const { profile_summary: studentProfileSummary } = data || {};\n\n  const fetchData = useCallback(() => {\n    if (payload) {\n      getStudentProfileSummary(studentId, payload);\n    }\n  }, [getStudentProfileSummary, payload, studentId]);\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: isProcessing, isLoading: false });\n  }, [isProcessing, updateButtonState]);\n\n  useEffect(() => {\n    if (isTeacher && !studentProfile) {\n      fetchData();\n    }\n  }, [fetchData, isTeacher, studentProfile]);\n\n  useEffect(() => {\n    if (isTeacher && isProcessed) {\n      updateSlideConfig({\n        studentProfile: {\n          profileSummary: studentProfileSummary || '',\n          dummyProfileImageIndex: Math.floor(Math.random() * 6),\n        },\n      });\n    }\n  }, [isProcessed, isTeacher, studentProfileSummary, updateSlideConfig]);\n\n  if (isProcessingFailed) {\n    return <Error height=\"70vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !studentProfile) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader marginBottom={100} />\n      <Styled.ContentWrapper $widthX={46.875}>\n        <Styled.AbsoluteImage />\n        <FlexView\n          $width=\"100%\"\n          $heightX={21.875}\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $flexGapX={1.5}\n          $gutterX={1.5}\n          $background=\"WHITE_2\"\n          $borderColor=\"BLACK_T_87\"\n          $borderRadiusX={0.5}\n        >\n          <Styled.ImageWrapper>\n            <Image withLoader height={200} width={200} src={dummyProfileImage} />\n          </Styled.ImageWrapper>\n          <FlexView $flexGap={16}>\n            <Text $renderAs=\"ac2-black\">{name}</Text>\n            <Text $renderAs=\"ab1\">{profileSummary || ''}</Text>\n          </FlexView>\n        </FlexView>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default StudentProfile;\n"],"names":["StudentProfile","memo","isTeacher","studentId","formData","updateSlideConfig","updateButtonState","useTrialSessionContext","name","goals","studentProfile","dummyProfileImageIndex","profileSummary","dummyProfileImage","getDummyProfileImage","payload","useMemo","getMilestoneGoalName","GOAL_CATEGORY","getStudentProfileSummary","data","isProcessing","isProcessed","isProcessingFailed","useGetStudentProfileSummary","studentProfileSummary","fetchData","useCallback","useEffect","jsx","Error","AppLoader","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","Styled.AbsoluteImage","FlexView","Styled.ImageWrapper","Image","Text"],"mappings":";;;;;;;;;;;;;;AAiBM,MAAAA,KAAiBC,EAAK,MAAM;AAChC,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,GAAU,mBAAAC,GAAmB,mBAAAC,EAAA,IACzDC,KAEI,EAAE,MAAAC,GAAM,OAAAC,GAAO,gBAAAC,EAAe,IAAIN,KAAY,CAAA,GAC9C,EAAE,wBAAAO,GAAwB,gBAAAC,MAAmBF,KAAkB,CAAA,GAC/DG,IAAoBC,EAAqBH,CAAsB,GAE/DI,IAAUC,EAA+C,MACzDP,KAASA,EAAM,SAAS,IACnB;AAAA,IACL,qBAAqBQ,EAAqBR,GAAOS,EAAc,cAAc;AAAA,IAC7E,gBAAgBD,EAAqBR,GAAOS,EAAc,SAAS;AAAA,EAAA,IAIhE,MACN,CAACT,CAAK,CAAC,GAEJ;AAAA,IACJ,KAAKU;AAAA,IACL,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC;AAAA,MACEC,EAA4B,GAC1B,EAAE,iBAAiBC,MAA0BL,KAAQ,CAAA,GAErDM,IAAYC,EAAY,MAAM;AAClC,IAAIZ,KACFI,EAAyBhB,GAAWY,CAAO;AAAA,EAE5C,GAAA,CAACI,GAA0BJ,GAASZ,CAAS,CAAC;AAuBjD,SArBAyB,EAAU,MAAM;AACd,IAAAtB,EAAkB,SAAS,EAAE,YAAYe,GAAc,WAAW,IAAO;AAAA,EAAA,GACxE,CAACA,GAAcf,CAAiB,CAAC,GAEpCsB,EAAU,MAAM;AACV,IAAA1B,KAAa,CAACQ,KACNgB;EAEX,GAAA,CAACA,GAAWxB,GAAWQ,CAAc,CAAC,GAEzCkB,EAAU,MAAM;AACd,IAAI1B,KAAaoB,KACGjB,EAAA;AAAA,MAChB,gBAAgB;AAAA,QACd,gBAAgBoB,KAAyB;AAAA,QACzC,wBAAwB,KAAK,MAAM,KAAK,OAAA,IAAW,CAAC;AAAA,MACtD;AAAA,IAAA,CACD;AAAA,KAEF,CAACH,GAAapB,GAAWuB,GAAuBpB,CAAiB,CAAC,GAEjEkB,IACM,gBAAAM,EAAAC,GAAA,EAAM,QAAO,QAAO,YAAYJ,EAAW,CAAA,IAGjDL,KAAgB,CAACX,IACZ,gBAAAmB,EAACE,GAAU,EAAA,QAAO,QAAQ,CAAA,IAIjC,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,IACvB,gBAAAL,EAACM,GAAY,EAAA,cAAc,IAAK,CAAA;AAAA,IAC/B,gBAAAH,EAAAI,GAAA,EAAsB,SAAS,QAC9B,UAAA;AAAA,MAAC,gBAAAP,EAAAQ,GAAA,EAAqB;AAAA,MACtB,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,UAAU;AAAA,UACV,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,WAAW;AAAA,UACX,UAAU;AAAA,UACV,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,gBAAgB;AAAA,UAEhB,UAAA;AAAA,YAAA,gBAAAT,EAACU,GAAA,EACC,UAAA,gBAAAV,EAACW,GAAM,EAAA,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAK3B,EAAmB,CAAA,GACrE;AAAA,YACA,gBAAAmB,EAACM,GAAS,EAAA,UAAU,IAClB,UAAA;AAAA,cAAC,gBAAAT,EAAAY,GAAA,EAAK,WAAU,aAAa,UAAKjC,GAAA;AAAA,cACjC,gBAAAqB,EAAAY,GAAA,EAAK,WAAU,OAAO,eAAkB,IAAG;AAAA,YAAA,GAC9C;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"student-profile.js","sources":["../../../../../src/features/trial-session/comps/student-profile/student-profile.tsx"],"sourcesContent":["import type { TGoalCategory } from '../../../milestone/create/milestone-create-types';\nimport type { TColorNames } from '../../../ui/types';\nimport type { IGetStudentProfileSummaryQuery } from '../../api/student-profile-summary';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport Error from '../../../ui/error/error';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetStudentProfileSummary } from '../../api/student-profile-summary';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { getFormattedStudentPersonalizedPreference } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport { GOAL_MAPPING } from './constant';\nimport StudentProfileHighlights from './student-profile-highlights/student-profile-highlights';\nimport * as Styled from './student-profile-styled';\nimport { getDummyProfileImage, getMilestoneGoalName } from './student-profile-utils';\n\ntype TProfileHighlight = {\n  illustration: string;\n  background: TColorNames;\n  title: string;\n  description: string | string[];\n};\n\nconst StudentProfile = memo(() => {\n  const {\n    isTeacher,\n    studentId,\n    formData,\n    slideConfig,\n    milestoneConfig,\n    updateSlideConfig,\n    updateButtonState,\n  } = useTrialSessionContext();\n  const { showProfileHighlights } = slideConfig;\n\n  const {\n    name,\n    goals = [],\n    studentProfile,\n    personalizedLevel = [],\n    personalizedObjectives = [],\n  } = formData || {};\n  const { dummyProfileImageIndex, profileSummary } = studentProfile || {};\n  const dummyProfileImage = getDummyProfileImage(dummyProfileImageIndex);\n\n  const payload = useMemo<IGetStudentProfileSummaryQuery | null>(() => {\n    if (goals && goals.length > 0) {\n      return {\n        school_success_goal: getMilestoneGoalName(goals, GOAL_CATEGORY.SCHOOL_SUCCESS),\n        test_prep_goal: getMilestoneGoalName(goals, GOAL_CATEGORY.TEST_PREP),\n      };\n    }\n\n    return null;\n  }, [goals]);\n\n  const {\n    get: getStudentProfileSummary,\n    data,\n    isProcessing,\n    isProcessed,\n    isProcessingFailed,\n  } = useGetStudentProfileSummary();\n  const { profile_summary: studentProfileSummary } = data || {};\n\n  const fetchData = useCallback(() => {\n    if (payload) {\n      getStudentProfileSummary(studentId, payload);\n    }\n  }, [getStudentProfileSummary, payload, studentId]);\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: isProcessing, isLoading: false });\n  }, [isProcessing, updateButtonState]);\n\n  useEffect(() => {\n    if (isTeacher && !studentProfile && !showProfileHighlights) {\n      fetchData();\n    }\n  }, [fetchData, isTeacher, studentProfile, showProfileHighlights]);\n\n  useEffect(() => {\n    if (isTeacher && isProcessed && !showProfileHighlights) {\n      updateSlideConfig({\n        studentProfile: {\n          profileSummary: studentProfileSummary || '',\n          dummyProfileImageIndex: Math.floor(Math.random() * 6),\n        },\n      });\n    }\n  }, [isProcessed, isTeacher, showProfileHighlights, studentProfileSummary, updateSlideConfig]);\n\n  const profileHighlights: TProfileHighlight[] = useMemo(\n    () => [\n      {\n        title: 'Studnet Level',\n        description: `Catching up: ${personalizedLevel[0]}`,\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: getFormattedStudentPersonalizedPreference(\n          milestoneConfig,\n          personalizedObjectives,\n        ).map(objectives => objectives.preference_name),\n      },\n      {\n        illustration: ILLUSTRATIONS.BOOK_CHECKED_PURPLE,\n        background: 'PURPLE_1',\n        title: 'Learning Plan',\n        description: goals.map(\n          goal => `${GOAL_MAPPING[goal.goal_category as TGoalCategory]}: ${goal.milestone_name}`,\n        ),\n      },\n    ],\n    [goals, milestoneConfig, personalizedLevel, personalizedObjectives],\n  );\n\n  if (isProcessingFailed) {\n    return <Error height=\"70vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || (!studentProfile && !showProfileHighlights)) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader marginBottom={showProfileHighlights ? 50 : 100} />\n      {showProfileHighlights ? (\n        <Styled.ContentWrapper $width={650}>\n          <StudentProfileHighlights profileHighlights={profileHighlights} />\n        </Styled.ContentWrapper>\n      ) : (\n        <Styled.ContentWrapper $widthX={46.875}>\n          <Styled.AbsoluteImage />\n          <FlexView\n            $width=\"100%\"\n            $heightX={21.875}\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $flexGapX={1.5}\n            $gutterX={1.5}\n            $background=\"WHITE_2\"\n            $borderColor=\"BLACK_T_87\"\n            $borderRadiusX={0.5}\n          >\n            <Styled.ImageWrapper>\n              <Image withLoader height={200} width={200} src={dummyProfileImage} />\n            </Styled.ImageWrapper>\n            <FlexView $flexGap={16}>\n              <Text $renderAs=\"ac2-black\">{name}</Text>\n              <Text $renderAs=\"ab1\">{profileSummary || ''}</Text>\n            </FlexView>\n          </FlexView>\n        </Styled.ContentWrapper>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default StudentProfile;\n"],"names":["StudentProfile","memo","isTeacher","studentId","formData","slideConfig","milestoneConfig","updateSlideConfig","updateButtonState","useTrialSessionContext","showProfileHighlights","name","goals","studentProfile","personalizedLevel","personalizedObjectives","dummyProfileImageIndex","profileSummary","dummyProfileImage","getDummyProfileImage","payload","useMemo","getMilestoneGoalName","GOAL_CATEGORY","getStudentProfileSummary","data","isProcessing","isProcessed","isProcessingFailed","useGetStudentProfileSummary","studentProfileSummary","fetchData","useCallback","useEffect","profileHighlights","ILLUSTRATIONS","getFormattedStudentPersonalizedPreference","objectives","goal","GOAL_MAPPING","jsx","Error","AppLoader","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","StudentProfileHighlights","Styled.AbsoluteImage","FlexView","Styled.ImageWrapper","Image","Text"],"mappings":"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"}

package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-helpers.js

@@ -0,0 +1,12 @@
+import { COUNTRY_FLAGS as g } from "../teacher-intro-constants.js";
+const f = (n) => {
+  const l = Object.values(g);
+  return n.map((r, t) => {
+    const e = l.find((o) => o.name === r), a = (e == null ? void 0 : e.name) || r;
+    return t === n.length - 1 && n.length > 1 ? `and ${a}` : `${a}${t < n.length - 2 ? ", " : t === n.length - 2 ? " " : ""}`;
+  }).join("");
+};
+export {
+  f as formatCountryList
+};
+//# sourceMappingURL=teacher-profile-helpers.js.map

package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"teacher-profile-helpers.js","sources":["../../../../../../src/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-helpers.ts"],"sourcesContent":["import { COUNTRY_FLAGS } from '../teacher-intro-constants';\n\nexport const formatCountryList = (countries: string[]) => {\n  const countryFlagArray = Object.values(COUNTRY_FLAGS);\n\n  return countries\n    .map((country, i) => {\n      const match = countryFlagArray.find(item => item.name === country);\n      const label = match?.name || country;\n\n      if (i === countries.length - 1 && countries.length > 1) {\n        return `and ${label}`;\n      }\n\n      return `${label}${i < countries.length - 2 ? ', ' : i === countries.length - 2 ? ' ' : ''}`;\n    })\n    .join('');\n};\n"],"names":["formatCountryList","countries","countryFlagArray","COUNTRY_FLAGS","country","i","match","item","label"],"mappings":";AAEa,MAAAA,IAAoB,CAACC,MAAwB;AAClD,QAAAC,IAAmB,OAAO,OAAOC,CAAa;AAEpD,SAAOF,EACJ,IAAI,CAACG,GAASC,MAAM;AACnB,UAAMC,IAAQJ,EAAiB,KAAK,CAAQK,MAAAA,EAAK,SAASH,CAAO,GAC3DI,KAAQF,KAAA,gBAAAA,EAAO,SAAQF;AAE7B,WAAIC,MAAMJ,EAAU,SAAS,KAAKA,EAAU,SAAS,IAC5C,OAAOO,CAAK,KAGd,GAAGA,CAAK,GAAGH,IAAIJ,EAAU,SAAS,IAAI,OAAOI,MAAMJ,EAAU,SAAS,IAAI,MAAM,EAAE;AAAA,EAAA,CAC1F,EACA,KAAK,EAAE;AACZ;"}

package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.js

@@ -1,49 +1,128 @@
-import r from "styled-components";
-import e from "../../../../ui/image/image.js";
-import t from "../../../../ui/layout/flex-view.js";
-const l = r(e)`
+import o from "styled-components";
+import { ILLUSTRATIONS as e } from "../../../../../assets/illustrations/illustrations.js";
+import r from "../../../../ui/image/image.js";
+import i from "../../../../ui/layout/flex-view.js";
+const l = o(r)`
   object-fit: cover;
-`, c = r.div(
-  ({ theme: o }) => `
-  flex: 1;
-  display: grid;
-  border-left: 1px solid ${o.colors.BLACK_T_87};
-  grid-template-columns: repeat(2, 1fr);
-  grid-template-rows: auto auto auto;
+  border-radius: 50%;
+  border: 1.5px solid ${({ theme: t }) => t.colors.REAL_BLACK};
+`, a = o(i)(
+  ({ theme: t }) => `
+  background-image: url(${e.RADIAL_GRADIENT_BG_2});
+  background-repeat: no-repeat;
+  background-size: auto;
+  background-position: top;
+  position: relative;
+  ${t.mediaQueries.minWidthTablet} {
+    background-image: url(${e.RADIAL_GRADIENT_BG});
+  }
+`
+), h = o.div(
+  ({ theme: t }) => `
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  ${t.mediaQueries.minWidthTablet} {
+    flex: 1;
+    display: grid;
+    border-left: 1px solid ${t.colors.BLACK_T_87};
+    grid-template-columns: repeat(2, 1fr);
+    grid-template-rows: auto auto auto;
+  }
 `
-), h = r(t)(
-  ({ theme: o }) => `
-  border: 0.5px solid ${o.colors.WHITE_5};
-  &:first-child,
-  &:nth-child(2) {
-    grid-column: span 1;
-  }
-  &:nth-child(3),
-  &:nth-child(4) {
-    grid-column: span 2;
-  }
-  &:first-child {
-    border-left: none;
-    border-top: none;
-  }
-  &:nth-child(2) {
-    border-right: none;
-    border-top: none;
-  }
-  &:nth-child(3) {
-    border-left: none;
-    border-right: none;
-  }
-  &:nth-child(4) {
-    border-left: none;
-    border-right: none;
-    border-bottom: none;
+), m = o(i)(
+  ({ theme: t }) => `
+  width: 33.33%;
+  &:nth-child(odd) {
+    padding: 12px 16px;
+  }
+  &:last-child {
+    width: 100%;
+  }
+  ${t.mediaQueries.minWidthTablet} {
+    width: auto;
+    border: 0.5px solid ${t.colors.WHITE_5};
+    &:first-child,
+    &:nth-child(2) {
+      grid-column: span 1;
+    }
+    &:nth-child(3),
+    &:nth-child(4) {
+      grid-column: span 2;
+    }
+    &:first-child {
+      border-left: none;
+      border-top: none;
+    }
+    &:nth-child(2) {
+      border-right: none;
+      border-top: none;
+    }
+    &:nth-child(3) {
+      border-left: none;
+      border-right: none;
+    }
+    &:nth-child(4) {
+      border-left: none;
+      border-right: none;
+      border-bottom: none;
+    }
   }
 `
-);
+), x = o(i)`
+  position: absolute;
+  top: 8px;
+  left: 8px;
+`, b = o.img`
+  position: absolute;
+  top: 32px;
+  right: 32px;
+  width: 14px;
+  ${({ theme: t }) => t.mediaQueries.minWidthTablet} {
+    top: 27px;
+    right: 38px;
+    width: 18px;
+  }
+`, c = o.img`
+  position: absolute;
+  top: 40px;
+  left: 80px;
+  width: 11px;
+  ${({ theme: t }) => t.mediaQueries.minWidthTablet} {
+    top: 28.5px;
+    left: 38px;
+    width: 15px;
+  }
+`, u = o.img`
+  position: absolute;
+  left: 64px;
+  bottom: 86px;
+  width: 12px;
+  ${({ theme: t }) => t.mediaQueries.minWidthTablet} {
+    bottom: 130px;
+    left: 38px;
+    width: 13px;
+  }
+`, g = o.img`
+  position: absolute;
+  right: 48px;
+  bottom: 96px;
+  width: 14px;
+  ${({ theme: t }) => t.mediaQueries.minWidthTablet} {
+    right: 32px;
+    bottom: 130px;
+    width: 19px;
+  }
+`;
 export {
-  c as GridContainer,
-  h as GridItem,
-  l as ProfilePicture
+  x as CueLogoWrapper,
+  h as GridContainer,
+  m as GridItem,
+  b as PositionedAsset1,
+  c as PositionedAsset2,
+  u as PositionedAsset3,
+  g as PositionedAsset4,
+  l as ProfilePicture,
+  a as ProfileWrapper
 };
 //# sourceMappingURL=teacher-profile-styled.js.map

package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"teacher-profile-styled.js","sources":["../../../../../../src/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst ProfilePicture = styled(Image)`\n  object-fit: cover;\n`;\n\nconst GridContainer = styled.div(\n  ({ theme }) => `\n  flex: 1;\n  display: grid;\n  border-left: 1px solid ${theme.colors.BLACK_T_87};\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: auto auto auto;\n`,\n);\n\nconst GridItem = styled(FlexView)(\n  ({ theme }) => `\n  border: 0.5px solid ${theme.colors.WHITE_5};\n  &:first-child,\n  &:nth-child(2) {\n    grid-column: span 1;\n  }\n  &:nth-child(3),\n  &:nth-child(4) {\n    grid-column: span 2;\n  }\n  &:first-child {\n    border-left: none;\n    border-top: none;\n  }\n  &:nth-child(2) {\n    border-right: none;\n    border-top: none;\n  }\n  &:nth-child(3) {\n    border-left: none;\n    border-right: none;\n  }\n  &:nth-child(4) {\n    border-left: none;\n    border-right: none;\n    border-bottom: none;\n  }\n`,\n);\n\nexport { ProfilePicture, GridContainer, GridItem };\n"],"names":["ProfilePicture","styled","Image","GridContainer","theme","GridItem","FlexView"],"mappings":";;;AAKM,MAAAA,IAAiBC,EAAOC,CAAK;AAAA;AAAA,GAI7BC,IAAgBF,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAAG,EAAA,MAAY;AAAA;AAAA;AAAA,2BAGUA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAIlD,GAEMC,IAAWJ,EAAOK,CAAQ;AAAA,EAC9B,CAAC,EAAE,OAAAF,EAAA,MAAY;AAAA,wBACOA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2B5C;"}
+{"version":3,"file":"teacher-profile-styled.js","sources":["../../../../../../src/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst ProfilePicture = styled(Image)`\n  object-fit: cover;\n  border-radius: 50%;\n  border: 1.5px solid ${({ theme }) => theme.colors.REAL_BLACK};\n`;\n\nconst ProfileWrapper = styled(FlexView)(\n  ({ theme }) => `\n  background-image: url(${ILLUSTRATIONS.RADIAL_GRADIENT_BG_2});\n  background-repeat: no-repeat;\n  background-size: auto;\n  background-position: top;\n  position: relative;\n  ${theme.mediaQueries.minWidthTablet} {\n    background-image: url(${ILLUSTRATIONS.RADIAL_GRADIENT_BG});\n  }\n`,\n);\n\nconst GridContainer = styled.div(\n  ({ theme }) => `\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  ${theme.mediaQueries.minWidthTablet} {\n    flex: 1;\n    display: grid;\n    border-left: 1px solid ${theme.colors.BLACK_T_87};\n    grid-template-columns: repeat(2, 1fr);\n    grid-template-rows: auto auto auto;\n  }\n`,\n);\n\nconst GridItem = styled(FlexView)(\n  ({ theme }) => `\n  width: 33.33%;\n  &:nth-child(odd) {\n    padding: 12px 16px;\n  }\n  &:last-child {\n    width: 100%;\n  }\n  ${theme.mediaQueries.minWidthTablet} {\n    width: auto;\n    border: 0.5px solid ${theme.colors.WHITE_5};\n    &:first-child,\n    &:nth-child(2) {\n      grid-column: span 1;\n    }\n    &:nth-child(3),\n    &:nth-child(4) {\n      grid-column: span 2;\n    }\n    &:first-child {\n      border-left: none;\n      border-top: none;\n    }\n    &:nth-child(2) {\n      border-right: none;\n      border-top: none;\n    }\n    &:nth-child(3) {\n      border-left: none;\n      border-right: none;\n    }\n    &:nth-child(4) {\n      border-left: none;\n      border-right: none;\n      border-bottom: none;\n    }\n  }\n`,\n);\n\nconst CueLogoWrapper = styled(FlexView)`\n  position: absolute;\n  top: 8px;\n  left: 8px;\n`;\n\nconst PositionedAsset1 = styled.img`\n  position: absolute;\n  top: 32px;\n  right: 32px;\n  width: 14px;\n  ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n    top: 27px;\n    right: 38px;\n    width: 18px;\n  }\n`;\nconst PositionedAsset2 = styled.img`\n  position: absolute;\n  top: 40px;\n  left: 80px;\n  width: 11px;\n  ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n    top: 28.5px;\n    left: 38px;\n    width: 15px;\n  }\n`;\nconst PositionedAsset3 = styled.img`\n  position: absolute;\n  left: 64px;\n  bottom: 86px;\n  width: 12px;\n  ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n    bottom: 130px;\n    left: 38px;\n    width: 13px;\n  }\n`;\nconst PositionedAsset4 = styled.img`\n  position: absolute;\n  right: 48px;\n  bottom: 96px;\n  width: 14px;\n  ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n    right: 32px;\n    bottom: 130px;\n    width: 19px;\n  }\n`;\n\nexport {\n  PositionedAsset1,\n  PositionedAsset2,\n  PositionedAsset3,\n  PositionedAsset4,\n  CueLogoWrapper,\n  ProfilePicture,\n  GridContainer,\n  GridItem,\n  ProfileWrapper,\n};\n"],"names":["ProfilePicture","styled","Image","theme","ProfileWrapper","FlexView","ILLUSTRATIONS","GridContainer","GridItem","CueLogoWrapper","PositionedAsset1","PositionedAsset2","PositionedAsset3","PositionedAsset4"],"mappings":";;;;AAMM,MAAAA,IAAiBC,EAAOC,CAAK;AAAA;AAAA;AAAA,wBAGX,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA,GAGxDC,IAAiBH,EAAOI,CAAQ;AAAA,EACpC,CAAC,EAAE,OAAAF,EAAA,MAAY;AAAA,0BACSG,EAAc,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxDH,EAAM,aAAa,cAAc;AAAA,4BACTG,EAAc,kBAAkB;AAAA;AAAA;AAG5D,GAEMC,IAAgBN,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAAE,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA,IAIbA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA,6BAGRA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAKpD,GAEMK,IAAWP,EAAOI,CAAQ;AAAA,EAC9B,CAAC,EAAE,OAAAF,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQbA,EAAM,aAAa,cAAc;AAAA;AAAA,0BAEXA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4B9C,GAEMM,IAAiBR,EAAOI,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMhCK,IAAmBT,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAK5B,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,GAM9CQ,IAAmBV,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAK5B,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,GAM9CS,IAAmBX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAK5B,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,GAM9CU,IAAmBZ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAK5B,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;"}