@cuemath/leap 3.3.15-as1 → 3.3.15-j1

package/dist/features/trial-session/comps/pla/session-summary/session-summary.js

@@ -1,52 +1,53 @@
-import { jsxs as u, jsx as s } from "react/jsx-runtime";
-import { memo as g, useCallback as l } from "react";
-import { useTheme as $ } from "styled-components";
-import a from "../../../../ui/layout/flex-view.js";
-import b from "../../../../ui/separator/separator.js";
+import { jsxs as $, jsx as s } from "react/jsx-runtime";
+import { memo as T, useCallback as l } from "react";
+import { useTheme as b } from "styled-components";
+import { ESummaryType as n } from "../../../../parent-dashboard/parent-dashboard-types.js";
+import m from "../../../../ui/layout/flex-view.js";
+import g from "../../../../ui/separator/separator.js";
 import x from "../../../../ui/text/text.js";
-import { EDeviceType as v } from "../../../../ui/theme/constants.js";
-import { sessionSummaryAfterDemo as C, sessionSummaryData as T } from "./session-summary-constants.js";
-import W from "./summary-card/summary-card.js";
-const S = g(({ isDemoDone: i, studentName: r, onViewSummary: o }) => {
-  const t = $().device <= v.MOBILE, p = l(
+import { EDeviceType as S } from "../../../../ui/theme/constants.js";
+import { sessionSummaryAfterDemo as v, sessionSummaryData as E } from "./session-summary-constants.js";
+import I from "./summary-card/summary-card.js";
+const A = T(({ isDemoDone: i, studentName: r, onViewSummary: o }) => {
+  const a = b().device <= S.MOBILE, c = l(
     (e) => {
       if (!e) return "";
-      if (e === "studentProfile")
+      if (e === n.STUDENT_PROFILE)
         return `We understood your goals and expectations to create ${r}'s profile.`;
-      if (e === "insights")
+      if (e === n.INSIGHTS)
         return `With tutor’s guidance ${r} solved problems, helping us assess their math proficiency.`;
-      if (e === "learningPlan")
+      if (e === n.LEARNING_PLAN)
         return `The plan will keep evolving based on ${r}'s progress and evolving needs.`;
     },
     [r]
-  ), c = l(
+  ), p = l(
     (e) => {
       o == null || o(e);
     },
     [o]
   );
-  return /* @__PURE__ */ u(a, { children: [
+  return /* @__PURE__ */ $(m, { children: [
     /* @__PURE__ */ s(x, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "WHITE", children: i ? "What happened in today’s session" : "What happens in the first session?" }),
-    /* @__PURE__ */ s(b, { height: t ? 16 : 20 }),
-    /* @__PURE__ */ s(a, { $flexGapX: 1, $justifyContent: "center", $flexDirection: t ? "column" : "row", children: (i ? C : T).map(
-      ({ title: e, description: m, image: f, textBG: d, ctaLabel: h, key: n }) => /* @__PURE__ */ s(
-        W,
+    /* @__PURE__ */ s(g, { height: a ? 16 : 20 }),
+    /* @__PURE__ */ s(m, { $flexGapX: 1, $justifyContent: "center", $flexDirection: a ? "column" : "row", children: (i ? v : E).map(
+      ({ title: e, description: f, image: h, textBG: d, ctaLabel: u, type: t }) => /* @__PURE__ */ s(
+        I,
         {
           title: e,
-          description: p(n) || m,
-          image: f,
+          description: t && c(t) || f,
+          image: h,
           textBG: d,
-          ctaLabel: h,
-          keyId: n,
+          ctaLabel: u,
+          type: t,
           isDemoDone: i,
-          onClick: c
+          onClick: p
         },
         e
       )
     ) })
   ] });
-}), D = S;
+}), H = A;
 export {
-  D as default
+  H as default
 };
 //# sourceMappingURL=session-summary.js.map

package/dist/features/trial-session/comps/pla/session-summary/session-summary.js.map

@@ -1 +1 @@
-{"version":3,"file":"session-summary.js","sources":["../../../../../../src/features/trial-session/comps/pla/session-summary/session-summary.tsx"],"sourcesContent":["import type { ISessionSummaryProps } from './session-summary-types';\n\nimport { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport { sessionSummaryAfterDemo, sessionSummaryData } from './session-summary-constants';\nimport SessionSummaryCard from './summary-card/summary-card';\n\nconst SessionSummary = memo(({ isDemoDone, studentName, onViewSummary }: ISessionSummaryProps) => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  const getDescription = useCallback(\n    (key?: string) => {\n      if (!key) return '';\n\n      if (key === 'studentProfile') {\n        return `We understood your goals and expectations to create ${studentName}'s profile.`;\n      }\n\n      if (key === 'insights') {\n        return `With tutor’s guidance ${studentName} solved problems, helping us assess their math proficiency.`;\n      }\n\n      if (key === 'learningPlan') {\n        return `The plan will keep evolving based on ${studentName}'s progress and evolving needs.`;\n      }\n    },\n    [studentName],\n  );\n\n  const handleClick = useCallback(\n    (key: string) => {\n      onViewSummary?.(key);\n    },\n    [onViewSummary],\n  );\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n        {isDemoDone ? `What happened in today’s session` : `What happens in the first session?`}\n      </Text>\n      <Separator height={isMobile ? 16 : 20} />\n      <FlexView $flexGapX={1} $justifyContent=\"center\" $flexDirection={isMobile ? 'column' : 'row'}>\n        {(isDemoDone ? sessionSummaryAfterDemo : sessionSummaryData).map(\n          ({ title, description, image, textBG, ctaLabel, key }) => (\n            <SessionSummaryCard\n              key={title}\n              title={title}\n              description={getDescription(key) || (description as string)}\n              image={image}\n              textBG={textBG}\n              ctaLabel={ctaLabel}\n              keyId={key}\n              isDemoDone={isDemoDone}\n              onClick={handleClick}\n            />\n          ),\n        )}\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default SessionSummary;\n"],"names":["SessionSummary","memo","isDemoDone","studentName","onViewSummary","isMobile","useTheme","EDeviceType","getDescription","useCallback","key","handleClick","FlexView","jsx","Text","Separator","sessionSummaryAfterDemo","sessionSummaryData","title","description","image","textBG","ctaLabel","SessionSummaryCard","SessionSummary$1"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAiBC,EAAK,CAAC,EAAE,YAAAC,GAAY,aAAAC,GAAa,eAAAC,QAA0C;AAE1F,QAAAC,IADQC,IACS,UAAUC,EAAY,QAEvCC,IAAiBC;AAAA,IACrB,CAACC,MAAiB;AACZ,UAAA,CAACA,EAAY,QAAA;AAEjB,UAAIA,MAAQ;AACV,eAAO,uDAAuDP,CAAW;AAG3E,UAAIO,MAAQ;AACV,eAAO,yBAAyBP,CAAW;AAG7C,UAAIO,MAAQ;AACV,eAAO,wCAAwCP,CAAW;AAAA,IAE9D;AAAA,IACA,CAACA,CAAW;AAAA,EAAA,GAGRQ,IAAcF;AAAA,IAClB,CAACC,MAAgB;AACf,MAAAN,KAAA,QAAAA,EAAgBM;AAAA,IAClB;AAAA,IACA,CAACN,CAAa;AAAA,EAAA;AAGhB,2BACGQ,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAC5D,UAAaZ,IAAA,qCAAqC,sCACrD;AAAA,IACC,gBAAAW,EAAAE,GAAA,EAAU,QAAQV,IAAW,KAAK,IAAI;AAAA,IACtC,gBAAAQ,EAAAD,GAAA,EAAS,WAAW,GAAG,iBAAgB,UAAS,gBAAgBP,IAAW,WAAW,OACnF,WAAaH,IAAAc,IAA0BC,GAAoB;AAAA,MAC3D,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,OAAAC,GAAO,QAAAC,GAAQ,UAAAC,GAAU,KAAAZ,QAC9C,gBAAAG;AAAA,QAACU;AAAA,QAAA;AAAA,UAEC,OAAAL;AAAA,UACA,aAAaV,EAAeE,CAAG,KAAMS;AAAA,UACrC,OAAAC;AAAA,UACA,QAAAC;AAAA,UACA,UAAAC;AAAA,UACA,OAAOZ;AAAA,UACP,YAAAR;AAAA,UACA,SAASS;AAAA,QAAA;AAAA,QARJO;AAAA,MASP;AAAA,IAAA,GAGN;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC,GAEDM,IAAexB;"}
+{"version":3,"file":"session-summary.js","sources":["../../../../../../src/features/trial-session/comps/pla/session-summary/session-summary.tsx"],"sourcesContent":["import type { ISessionSummaryProps } from './session-summary-types';\n\nimport { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ESummaryType } from '../../../../parent-dashboard/parent-dashboard-types';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport { sessionSummaryAfterDemo, sessionSummaryData } from './session-summary-constants';\nimport SessionSummaryCard from './summary-card/summary-card';\n\nconst SessionSummary = memo(({ isDemoDone, studentName, onViewSummary }: ISessionSummaryProps) => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  const getDescription = useCallback(\n    (type?: ESummaryType) => {\n      if (!type) return '';\n\n      if (type === ESummaryType.STUDENT_PROFILE) {\n        return `We understood your goals and expectations to create ${studentName}'s profile.`;\n      }\n\n      if (type === ESummaryType.INSIGHTS) {\n        return `With tutor’s guidance ${studentName} solved problems, helping us assess their math proficiency.`;\n      }\n\n      if (type === ESummaryType.LEARNING_PLAN) {\n        return `The plan will keep evolving based on ${studentName}'s progress and evolving needs.`;\n      }\n    },\n    [studentName],\n  );\n\n  const handleClick = useCallback(\n    (key: ESummaryType) => {\n      onViewSummary?.(key);\n    },\n    [onViewSummary],\n  );\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n        {isDemoDone ? `What happened in today’s session` : `What happens in the first session?`}\n      </Text>\n      <Separator height={isMobile ? 16 : 20} />\n      <FlexView $flexGapX={1} $justifyContent=\"center\" $flexDirection={isMobile ? 'column' : 'row'}>\n        {(isDemoDone ? sessionSummaryAfterDemo : sessionSummaryData).map(\n          ({ title, description, image, textBG, ctaLabel, type }) => (\n            <SessionSummaryCard\n              key={title}\n              title={title}\n              description={(type && getDescription(type)) || (description as string)}\n              image={image}\n              textBG={textBG}\n              ctaLabel={ctaLabel}\n              type={type}\n              isDemoDone={isDemoDone}\n              onClick={handleClick}\n            />\n          ),\n        )}\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default SessionSummary;\n"],"names":["SessionSummary","memo","isDemoDone","studentName","onViewSummary","isMobile","useTheme","EDeviceType","getDescription","useCallback","type","ESummaryType","handleClick","key","FlexView","jsx","Text","Separator","sessionSummaryAfterDemo","sessionSummaryData","title","description","image","textBG","ctaLabel","SessionSummaryCard","SessionSummary$1"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAAiBC,EAAK,CAAC,EAAE,YAAAC,GAAY,aAAAC,GAAa,eAAAC,QAA0C;AAE1F,QAAAC,IADQC,IACS,UAAUC,EAAY,QAEvCC,IAAiBC;AAAA,IACrB,CAACC,MAAwB;AACnB,UAAA,CAACA,EAAa,QAAA;AAEd,UAAAA,MAASC,EAAa;AACxB,eAAO,uDAAuDR,CAAW;AAGvE,UAAAO,MAASC,EAAa;AACxB,eAAO,yBAAyBR,CAAW;AAGzC,UAAAO,MAASC,EAAa;AACxB,eAAO,wCAAwCR,CAAW;AAAA,IAE9D;AAAA,IACA,CAACA,CAAW;AAAA,EAAA,GAGRS,IAAcH;AAAA,IAClB,CAACI,MAAsB;AACrB,MAAAT,KAAA,QAAAA,EAAgBS;AAAA,IAClB;AAAA,IACA,CAACT,CAAa;AAAA,EAAA;AAGhB,2BACGU,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAC5D,UAAad,IAAA,qCAAqC,sCACrD;AAAA,IACC,gBAAAa,EAAAE,GAAA,EAAU,QAAQZ,IAAW,KAAK,IAAI;AAAA,IACtC,gBAAAU,EAAAD,GAAA,EAAS,WAAW,GAAG,iBAAgB,UAAS,gBAAgBT,IAAW,WAAW,OACnF,WAAaH,IAAAgB,IAA0BC,GAAoB;AAAA,MAC3D,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,OAAAC,GAAO,QAAAC,GAAQ,UAAAC,GAAU,MAAAd,QAC9C,gBAAAK;AAAA,QAACU;AAAA,QAAA;AAAA,UAEC,OAAAL;AAAA,UACA,aAAcV,KAAQF,EAAeE,CAAI,KAAOW;AAAA,UAChD,OAAAC;AAAA,UACA,QAAAC;AAAA,UACA,UAAAC;AAAA,UACA,MAAAd;AAAA,UACA,YAAAR;AAAA,UACA,SAASU;AAAA,QAAA;AAAA,QARJQ;AAAA,MASP;AAAA,IAAA,GAGN;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC,GAEDM,IAAe1B;"}

package/dist/features/trial-session/comps/pla/session-summary/summary-card/summary-card.js

@@ -1,38 +1,38 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { memo as p, useCallback as g } from "react";
+import { memo as g, useCallback as p } from "react";
 import { useTheme as u } from "styled-components";
 import b from "../../../../../../assets/line-icons/icons/chevron-right.js";
-import w from "../../../../../ui/buttons/clickable/clickable.js";
-import x from "../../../../../ui/image/image.js";
+import I from "../../../../../ui/buttons/clickable/clickable.js";
+import w from "../../../../../ui/image/image.js";
 import r from "../../../../../ui/layout/flex-view.js";
-import T from "../../../../../ui/separator/separator.js";
+import x from "../../../../../ui/separator/separator.js";
 import n from "../../../../../ui/text/text.js";
-import { EDeviceType as C } from "../../../../../ui/theme/constants.js";
-import { ImageWrapper as E } from "./summary-card-styled.js";
-const _ = p(
+import { EDeviceType as T } from "../../../../../ui/theme/constants.js";
+import { ImageWrapper as k } from "./summary-card-styled.js";
+const _ = g(
   ({
     title: l,
     description: a,
     image: h,
     textBG: c,
-    ctaLabel: $,
-    keyId: o,
-    isDemoDone: d,
+    ctaLabel: d,
+    type: o,
+    isDemoDone: $,
     onClick: i
   }) => {
-    const s = u().device <= C.MOBILE, f = g(() => {
+    const s = u().device <= T.MOBILE, f = p(() => {
       o && i && i(o);
     }, [o, i]), m = /* @__PURE__ */ t(r, { $flex: 1, children: [
-      /* @__PURE__ */ e(E, { $height: 84, $width: "100%", $background: c, children: /* @__PURE__ */ e(x, { src: h, height: 84, width: "100%", withLoader: !1 }) }),
+      /* @__PURE__ */ e(k, { $height: 84, $width: "100%", $background: c, children: /* @__PURE__ */ e(w, { src: h, height: 84, width: "100%", withLoader: !1 }) }),
       /* @__PURE__ */ t(r, { $gap: 12, $gutter: 16, $background: c, $flex: 1, children: [
         /* @__PURE__ */ e(n, { $renderAs: "ac3-black", $renderOnMobileAs: "ac4-black", $color: "WHITE", children: l }),
-        /* @__PURE__ */ e(T, { height: s ? 8 : 12 }),
+        /* @__PURE__ */ e(x, { height: s ? 8 : 12 }),
         /* @__PURE__ */ e(n, { $renderAs: "ub3", $color: "WHITE", children: a })
       ] })
     ] }, l);
-    return d && o && i ? /* @__PURE__ */ t(r, { $flex: 1, children: [
+    return $ && o && i ? /* @__PURE__ */ t(r, { $flex: 1, children: [
       m,
-      /* @__PURE__ */ e(w, { label: o, onClick: f, children: /* @__PURE__ */ e(r, { $background: c, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ e(I, { label: o, onClick: f, children: /* @__PURE__ */ e(r, { $background: c, children: /* @__PURE__ */ t(
         r,
         {
           $background: "BLACK_T_38",
@@ -42,7 +42,7 @@ const _ = p(
           $alignItems: "center",
           $justifyContent: "space-between",
           children: [
-            /* @__PURE__ */ e(r, { $gutterX: 0.5, $flexDirection: "row", $alignItems: "center", children: /* @__PURE__ */ e(n, { $renderAs: "ac4", $color: "WHITE_1", children: $ }) }),
+            /* @__PURE__ */ e(r, { $gutterX: 0.5, $flexDirection: "row", $alignItems: "center", children: /* @__PURE__ */ e(n, { $renderAs: "ac4", $color: "WHITE_1", children: d }) }),
             /* @__PURE__ */ e(b, { width: 24, height: 24, color: "WHITE" })
           ]
         }

package/dist/features/trial-session/comps/pla/session-summary/summary-card/summary-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"summary-card.js","sources":["../../../../../../../src/features/trial-session/comps/pla/session-summary/summary-card/summary-card.tsx"],"sourcesContent":["import type { ISessionSummaryCardProps } from './summary-card-types';\n\nimport { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ChevronRightIcon from '../../../../../../assets/line-icons/icons/chevron-right';\nimport Clickable from '../../../../../ui/buttons/clickable/clickable';\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 { EDeviceType } from '../../../../../ui/theme/constants';\nimport * as Styled from './summary-card-styled';\n\nconst SessionSummaryCard = memo(\n  ({\n    title,\n    description,\n    image,\n    textBG,\n    ctaLabel,\n    keyId,\n    isDemoDone,\n    onClick,\n  }: ISessionSummaryCardProps) => {\n    const theme = useTheme();\n    const isMobile = theme.device <= EDeviceType.MOBILE;\n\n    const handleClick = useCallback(() => {\n      if (keyId && onClick) onClick(keyId);\n    }, [keyId, onClick]);\n\n    const CardContent = (\n      <FlexView key={title} $flex={1}>\n        <Styled.ImageWrapper $height={84} $width=\"100%\" $background={textBG}>\n          <Image src={image} height={84} width=\"100%\" withLoader={false} />\n        </Styled.ImageWrapper>\n        <FlexView $gap={12} $gutter={16} $background={textBG} $flex={1}>\n          <Text $renderAs=\"ac3-black\" $renderOnMobileAs=\"ac4-black\" $color=\"WHITE\">\n            {title}\n          </Text>\n          <Separator height={isMobile ? 8 : 12} />\n          <Text $renderAs=\"ub3\" $color=\"WHITE\">\n            {description}\n          </Text>\n        </FlexView>\n      </FlexView>\n    );\n\n    return isDemoDone && keyId && onClick ? (\n      <FlexView $flex={1}>\n        {CardContent}\n        <Clickable label={keyId} onClick={handleClick}>\n          <FlexView $background={textBG}>\n            <FlexView\n              $background=\"BLACK_T_38\"\n              $gapX={0.5}\n              $gutterX={0.5}\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $justifyContent=\"space-between\"\n            >\n              <FlexView $gutterX={0.5} $flexDirection=\"row\" $alignItems=\"center\">\n                <Text $renderAs=\"ac4\" $color=\"WHITE_1\">\n                  {ctaLabel}\n                </Text>\n              </FlexView>\n              <ChevronRightIcon width={24} height={24} color=\"WHITE\" />\n            </FlexView>\n          </FlexView>\n        </Clickable>\n      </FlexView>\n    ) : (\n      CardContent\n    );\n  },\n);\n\nexport default SessionSummaryCard;\n"],"names":["SessionSummaryCard","memo","title","description","image","textBG","ctaLabel","keyId","isDemoDone","onClick","isMobile","useTheme","EDeviceType","handleClick","useCallback","CardContent","jsxs","FlexView","jsx","Styled.ImageWrapper","Image","Text","Separator","Clickable","ChevronRightIcon"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAqBC;AAAA,EACzB,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,MAC8B;AAExB,UAAAC,IADQC,IACS,UAAUC,EAAY,QAEvCC,IAAcC,EAAY,MAAM;AAChC,MAAAP,KAASE,KAASA,EAAQF,CAAK;AAAA,IAAA,GAClC,CAACA,GAAOE,CAAO,CAAC,GAEbM,IACJ,gBAAAC,EAACC,GAAqB,EAAA,OAAO,GAC3B,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAoB,SAAS,IAAI,QAAO,QAAO,aAAad,GAC3D,4BAACe,GAAM,EAAA,KAAKhB,GAAO,QAAQ,IAAI,OAAM,QAAO,YAAY,GAAO,CAAA,GACjE;AAAA,MACA,gBAAAY,EAACC,KAAS,MAAM,IAAI,SAAS,IAAI,aAAaZ,GAAQ,OAAO,GAC3D,UAAA;AAAA,QAAA,gBAAAa,EAACG,KAAK,WAAU,aAAY,mBAAkB,aAAY,QAAO,SAC9D,UACHnB,EAAA,CAAA;AAAA,QACC,gBAAAgB,EAAAI,GAAA,EAAU,QAAQZ,IAAW,IAAI,IAAI;AAAA,0BACrCW,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UACHlB,GAAA;AAAA,MAAA,GACF;AAAA,IAAA,EAAA,GAZaD,CAaf;AAGF,WAAOM,KAAcD,KAASE,IAC3B,gBAAAO,EAAAC,GAAA,EAAS,OAAO,GACd,UAAA;AAAA,MAAAF;AAAA,MACD,gBAAAG,EAACK,KAAU,OAAOhB,GAAO,SAASM,GAChC,UAAA,gBAAAK,EAACD,GAAS,EAAA,aAAaZ,GACrB,UAAA,gBAAAW;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAEhB,UAAA;AAAA,YAAA,gBAAAC,EAACD,GAAS,EAAA,UAAU,KAAK,gBAAe,OAAM,aAAY,UACxD,UAAC,gBAAAC,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,WAC1B,YACH,CAAA,GACF;AAAA,8BACCG,GAAiB,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,SAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,SAE3D,EACF,CAAA;AAAA,IAAA,EACF,CAAA,IAEAT;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"summary-card.js","sources":["../../../../../../../src/features/trial-session/comps/pla/session-summary/summary-card/summary-card.tsx"],"sourcesContent":["import type { ISessionSummaryCardProps } from './summary-card-types';\n\nimport { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ChevronRightIcon from '../../../../../../assets/line-icons/icons/chevron-right';\nimport Clickable from '../../../../../ui/buttons/clickable/clickable';\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 { EDeviceType } from '../../../../../ui/theme/constants';\nimport * as Styled from './summary-card-styled';\n\nconst SessionSummaryCard = memo(\n  ({\n    title,\n    description,\n    image,\n    textBG,\n    ctaLabel,\n    type,\n    isDemoDone,\n    onClick,\n  }: ISessionSummaryCardProps) => {\n    const theme = useTheme();\n    const isMobile = theme.device <= EDeviceType.MOBILE;\n\n    const handleClick = useCallback(() => {\n      if (type && onClick) onClick(type);\n    }, [type, onClick]);\n\n    const CardContent = (\n      <FlexView key={title} $flex={1}>\n        <Styled.ImageWrapper $height={84} $width=\"100%\" $background={textBG}>\n          <Image src={image} height={84} width=\"100%\" withLoader={false} />\n        </Styled.ImageWrapper>\n        <FlexView $gap={12} $gutter={16} $background={textBG} $flex={1}>\n          <Text $renderAs=\"ac3-black\" $renderOnMobileAs=\"ac4-black\" $color=\"WHITE\">\n            {title}\n          </Text>\n          <Separator height={isMobile ? 8 : 12} />\n          <Text $renderAs=\"ub3\" $color=\"WHITE\">\n            {description}\n          </Text>\n        </FlexView>\n      </FlexView>\n    );\n\n    return isDemoDone && type && onClick ? (\n      <FlexView $flex={1}>\n        {CardContent}\n        <Clickable label={type} onClick={handleClick}>\n          <FlexView $background={textBG}>\n            <FlexView\n              $background=\"BLACK_T_38\"\n              $gapX={0.5}\n              $gutterX={0.5}\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $justifyContent=\"space-between\"\n            >\n              <FlexView $gutterX={0.5} $flexDirection=\"row\" $alignItems=\"center\">\n                <Text $renderAs=\"ac4\" $color=\"WHITE_1\">\n                  {ctaLabel}\n                </Text>\n              </FlexView>\n              <ChevronRightIcon width={24} height={24} color=\"WHITE\" />\n            </FlexView>\n          </FlexView>\n        </Clickable>\n      </FlexView>\n    ) : (\n      CardContent\n    );\n  },\n);\n\nexport default SessionSummaryCard;\n"],"names":["SessionSummaryCard","memo","title","description","image","textBG","ctaLabel","type","isDemoDone","onClick","isMobile","useTheme","EDeviceType","handleClick","useCallback","CardContent","jsxs","FlexView","jsx","Styled.ImageWrapper","Image","Text","Separator","Clickable","ChevronRightIcon"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAqBC;AAAA,EACzB,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,MAC8B;AAExB,UAAAC,IADQC,IACS,UAAUC,EAAY,QAEvCC,IAAcC,EAAY,MAAM;AAChC,MAAAP,KAAQE,KAASA,EAAQF,CAAI;AAAA,IAAA,GAChC,CAACA,GAAME,CAAO,CAAC,GAEZM,IACJ,gBAAAC,EAACC,GAAqB,EAAA,OAAO,GAC3B,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAoB,SAAS,IAAI,QAAO,QAAO,aAAad,GAC3D,4BAACe,GAAM,EAAA,KAAKhB,GAAO,QAAQ,IAAI,OAAM,QAAO,YAAY,GAAO,CAAA,GACjE;AAAA,MACA,gBAAAY,EAACC,KAAS,MAAM,IAAI,SAAS,IAAI,aAAaZ,GAAQ,OAAO,GAC3D,UAAA;AAAA,QAAA,gBAAAa,EAACG,KAAK,WAAU,aAAY,mBAAkB,aAAY,QAAO,SAC9D,UACHnB,EAAA,CAAA;AAAA,QACC,gBAAAgB,EAAAI,GAAA,EAAU,QAAQZ,IAAW,IAAI,IAAI;AAAA,0BACrCW,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UACHlB,GAAA;AAAA,MAAA,GACF;AAAA,IAAA,EAAA,GAZaD,CAaf;AAGF,WAAOM,KAAcD,KAAQE,IAC1B,gBAAAO,EAAAC,GAAA,EAAS,OAAO,GACd,UAAA;AAAA,MAAAF;AAAA,MACD,gBAAAG,EAACK,KAAU,OAAOhB,GAAM,SAASM,GAC/B,UAAA,gBAAAK,EAACD,GAAS,EAAA,aAAaZ,GACrB,UAAA,gBAAAW;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAEhB,UAAA;AAAA,YAAA,gBAAAC,EAACD,GAAS,EAAA,UAAU,KAAK,gBAAe,OAAM,aAAY,UACxD,UAAC,gBAAAC,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,WAC1B,YACH,CAAA,GACF;AAAA,8BACCG,GAAiB,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,SAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,SAE3D,EACF,CAAA;AAAA,IAAA,EACF,CAAA,IAEAT;AAAA,EAEJ;AACF;"}

package/dist/features/trial-session/comps/session-report/report-information/report-information-styled.js

@@ -1,13 +1,15 @@
 import r from "styled-components";
-import t from "../../../../ui/image/image.js";
+import e from "../../../../ui/image/image.js";
 import i from "../../../../ui/layout/flex-view.js";
-import e from "../../../../ui/text/text.js";
-const n = r(i)(
+import t from "../../../../ui/text/text.js";
+const a = r(i)(
   ({ theme: o }) => `
-   border-top: 1px solid ${o.colors.BLACK_1};
-   border-bottom: 1px solid ${o.colors.BLACK_1};
+  ${o.mediaQueries.minWidthTablet} {
+    border-top: 1px solid ${o.colors.BLACK_1};
+    border-bottom: 1px solid ${o.colors.BLACK_1};
+  }
 `
-), a = r(i)(
+), n = r(i)(
   ({ theme: o }) => `
   & > div {
     box-sizing: border-box;;
@@ -18,20 +20,20 @@ const n = r(i)(
     }
   }
 `
-), c = r(i)`
+), m = r(i)`
   min-height: 88px;
-`, m = r(e)`
+`, c = r(t)`
   display: inline;
-`, x = r(t)(
+`, x = r(e)(
   ({ $active: o }) => `
   ${o ? "" : "filter: grayscale(100%);"}
 `
 );
 export {
-  m as InlineText,
-  c as ReportCardWrapper,
-  a as ReportWrapper,
+  c as InlineText,
+  m as ReportCardWrapper,
+  n as ReportWrapper,
   x as TopicImage,
-  n as TopicWrapper
+  a as TopicWrapper
 };
 //# sourceMappingURL=report-information-styled.js.map

package/dist/features/trial-session/comps/session-report/report-information/report-information-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"report-information-styled.js","sources":["../../../../../../src/features/trial-session/comps/session-report/report-information/report-information-styled.tsx"],"sourcesContent":["import type { IImageProps } from '../../../../ui/image/image-types';\n\nimport styled from 'styled-components';\n\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nconst TopicWrapper = styled(FlexView)(\n  ({ theme }) => `\n   border-top: 1px solid ${theme.colors.BLACK_1};\n   border-bottom: 1px solid ${theme.colors.BLACK_1};\n`,\n);\n\nconst ReportWrapper = styled(FlexView)(\n  ({ theme }) => `\n  & > div {\n    box-sizing: border-box;;\n  }\n  ${theme.mediaQueries.minWidthTablet} {\n    & > div:not(:last-child) {\n      border-right: 1px solid ${theme.colors.BLACK_1};\n    }\n  }\n`,\n);\n\nconst ReportCardWrapper = styled(FlexView)`\n  min-height: 88px;\n`;\n\nconst InlineText = styled(Text)`\n  display: inline;\n`;\n\ninterface ITopicImage extends IImageProps {\n  $active: boolean;\n}\n\nconst TopicImage = styled(Image)<ITopicImage>(\n  ({ $active }) => `\n  ${$active ? '' : 'filter: grayscale(100%);'}\n`,\n);\n\nexport { TopicWrapper, InlineText, ReportWrapper, TopicImage, ReportCardWrapper };\n"],"names":["TopicWrapper","styled","FlexView","theme","ReportWrapper","ReportCardWrapper","InlineText","Text","TopicImage","Image","$active"],"mappings":";;;;AAQM,MAAAA,IAAeC,EAAOC,CAAQ;AAAA,EAClC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA,2BACUA,EAAM,OAAO,OAAO;AAAA,8BACjBA,EAAM,OAAO,OAAO;AAAA;AAElD,GAEMC,IAAgBH,EAAOC,CAAQ;AAAA,EACnC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA,IAIbA,EAAM,aAAa,cAAc;AAAA;AAAA,gCAELA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAIpD,GAEME,IAAoBJ,EAAOC,CAAQ;AAAA;AAAA,GAInCI,IAAaL,EAAOM,CAAI;AAAA;AAAA,GAQxBC,IAAaP,EAAOQ,CAAK;AAAA,EAC7B,CAAC,EAAE,SAAAC,EAAA,MAAc;AAAA,IACfA,IAAU,KAAK,0BAA0B;AAAA;AAE7C;"}
+{"version":3,"file":"report-information-styled.js","sources":["../../../../../../src/features/trial-session/comps/session-report/report-information/report-information-styled.tsx"],"sourcesContent":["import type { IImageProps } from '../../../../ui/image/image-types';\n\nimport styled from 'styled-components';\n\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nconst TopicWrapper = styled(FlexView)(\n  ({ theme }) => `\n  ${theme.mediaQueries.minWidthTablet} {\n    border-top: 1px solid ${theme.colors.BLACK_1};\n    border-bottom: 1px solid ${theme.colors.BLACK_1};\n  }\n`,\n);\n\nconst ReportWrapper = styled(FlexView)(\n  ({ theme }) => `\n  & > div {\n    box-sizing: border-box;;\n  }\n  ${theme.mediaQueries.minWidthTablet} {\n    & > div:not(:last-child) {\n      border-right: 1px solid ${theme.colors.BLACK_1};\n    }\n  }\n`,\n);\n\nconst ReportCardWrapper = styled(FlexView)`\n  min-height: 88px;\n`;\n\nconst InlineText = styled(Text)`\n  display: inline;\n`;\n\ninterface ITopicImage extends IImageProps {\n  $active: boolean;\n}\n\nconst TopicImage = styled(Image)<ITopicImage>(\n  ({ $active }) => `\n  ${$active ? '' : 'filter: grayscale(100%);'}\n`,\n);\n\nexport { TopicWrapper, InlineText, ReportWrapper, TopicImage, ReportCardWrapper };\n"],"names":["TopicWrapper","styled","FlexView","theme","ReportWrapper","ReportCardWrapper","InlineText","Text","TopicImage","Image","$active"],"mappings":";;;;AAQM,MAAAA,IAAeC,EAAOC,CAAQ;AAAA,EAClC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA,IACbA,EAAM,aAAa,cAAc;AAAA,4BACTA,EAAM,OAAO,OAAO;AAAA,+BACjBA,EAAM,OAAO,OAAO;AAAA;AAAA;AAGnD,GAEMC,IAAgBH,EAAOC,CAAQ;AAAA,EACnC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA,IAIbA,EAAM,aAAa,cAAc;AAAA;AAAA,gCAELA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAIpD,GAEME,IAAoBJ,EAAOC,CAAQ;AAAA;AAAA,GAInCI,IAAaL,EAAOM,CAAI;AAAA;AAAA,GAQxBC,IAAaP,EAAOQ,CAAK;AAAA,EAC7B,CAAC,EAAE,SAAAC,EAAA,MAAc;AAAA,IACfA,IAAU,KAAK,0BAA0B;AAAA;AAE7C;"}

package/dist/features/trial-session/comps/session-report/report-information/report-information.js

@@ -139,7 +139,7 @@ const b = C((A) => {
             $flexGap: 4,
             $alignItems: "center",
             $gap: 9,
-            $gutter: 8,
+            $gutter: e ? 0 : 8,
             children: [
               /* @__PURE__ */ t(
                 O,

package/dist/features/trial-session/comps/session-report/report-information/report-information.js.map

@@ -1 +1 @@
-{"version":3,"file":"report-information.js","sources":["../../../../../../src/features/trial-session/comps/session-report/report-information/report-information.tsx"],"sourcesContent":["import type { TSessionReportData } from '../session-report-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { useUIContext } from '../../../../ui/context/context';\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 { EDeviceType } from '../../../../ui/theme/constants';\nimport Report404 from '../report-404/report-404';\nimport ReportCard from './report-card';\nimport * as Styled from './report-information-styled';\n\ninterface IReportInformationProps {\n  sessionReports: TSessionReportData;\n  studentName: string;\n}\n\nconst ReportInformation: FC<IReportInformationProps> = memo(props => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n  const { sessionReports, studentName } = props;\n  const {\n    next_steps: nextSteps,\n    topic_data: topicData,\n    solved_with_help: solvedWithHelp,\n    problems_attempted: problemsAttempted,\n    new_concepts_learnt: newConceptsLearnt,\n    solved_independently: solvedIndependently,\n    default_topic_image_url: defaultTopicImage,\n  } = sessionReports || {};\n\n  const { onEvent: trackEvent } = useUIContext();\n\n  const renderReportsInfoCard = useMemo(() => {\n    if (!problemsAttempted) return null;\n\n    if (problemsAttempted === solvedIndependently || (!solvedWithHelp && solvedIndependently)) {\n      return (\n        <>\n          <ReportCard title=\"Problems Attempted\" value={problemsAttempted} widthOnMobile=\"50%\" />\n          <ReportCard title=\"Solved without help\" value={solvedIndependently} widthOnMobile=\"50%\" />\n          <ReportCard\n            title=\"Performance\"\n            value={`${Math.round((solvedIndependently / problemsAttempted) * 100)}%`}\n          />\n        </>\n      );\n    }\n\n    if (!solvedWithHelp && !solvedIndependently) {\n      return <ReportCard title=\"Problems Attempted\" value={problemsAttempted} />;\n    }\n\n    if (solvedWithHelp && newConceptsLearnt) {\n      return (\n        <>\n          <ReportCard title=\"Problems Attempted\" value={problemsAttempted} widthOnMobile=\"50%\" />\n          <ReportCard title=\"Needed help in\" value={newConceptsLearnt} widthOnMobile=\"50%\" />\n          <ReportCard title=\"Improvement shown in\" value={solvedWithHelp} widthOnMobile=\"50%\" />\n          <ReportCard\n            title=\"Improvement\"\n            value={`${Math.round((solvedWithHelp / newConceptsLearnt) * 100)}%`}\n            widthOnMobile=\"50%\"\n          />\n        </>\n      );\n    }\n\n    return null;\n  }, [newConceptsLearnt, problemsAttempted, solvedIndependently, solvedWithHelp]);\n\n  if (!renderReportsInfoCard) return <Report404 studentName={studentName} />;\n\n  return (\n    <FlexView\n      $borderColor={isMobile ? 'TRANSPARENT' : 'BLACK_1'}\n      $gapX={isMobile ? 1 : 0}\n      $background={isMobile ? 'BLACK_2' : 'TRANSPARENT'}\n      $gutterX={isMobile ? 1 : 0}\n    >\n      <Styled.ReportWrapper\n        $flexWrap={isMobile}\n        $flexDirection=\"row\"\n        $height={isMobile ? 'auto' : 100}\n        $background={isMobile ? 'BLACK_2' : 'YELLOW_1'}\n      >\n        {renderReportsInfoCard}\n      </Styled.ReportWrapper>\n      <Styled.TopicWrapper\n        $flexDirection={isMobile ? 'column' : 'row'}\n        $background={isMobile ? 'BLACK_2' : 'WHITE_1'}\n        $flexRowGapX={isMobile ? 1.25 : 0}\n        $gapX={isMobile ? 1.5 : 0}\n      >\n        {topicData &&\n          topicData.length > 0 &&\n          topicData.map(topic => {\n            const {\n              topic_name: topicName,\n              topic_image: topicImage,\n              summary,\n              is_attempted: isAttempted,\n            } = topic;\n\n            if (!topicImage) {\n              trackEvent('TOPIC_THUMBNAIL_NOT_AVAILABLE', topic);\n            }\n\n            return (\n              <FlexView\n                key={topicName}\n                $gap={isMobile ? 0 : 29}\n                $gutter={isMobile ? 0 : 20}\n                $flex={1}\n                $alignItems={isMobile ? 'center' : 'center'}\n                $opacity={isAttempted ? 1 : 0.4}\n                $flexDirection={isMobile ? 'row' : 'column'}\n                $flexColumnGapX={isMobile ? 1 : 0}\n              >\n                <FlexView>\n                  <Styled.TopicImage\n                    $active={!!isAttempted}\n                    src={topicImage || defaultTopicImage}\n                    borderRadius={96}\n                    height={isMobile ? 84 : 96}\n                    width={isMobile ? 84 : 96}\n                    alt=\"topic\"\n                    withLoader\n                  />\n                </FlexView>\n                <FlexView $alignItems={isMobile ? 'flex-start' : 'center'} $gapX={1} $flex={1}>\n                  {!isMobile && <Separator height={12} />}\n                  <Text\n                    $renderAs=\"ab2-bold\"\n                    $align={isMobile ? 'left' : 'center'}\n                    $color={isMobile ? 'WHITE' : 'BLACK_1'}\n                  >\n                    {topicName}\n                  </Text>\n                  <Separator height={2} />\n                  <Text\n                    $renderAs=\"ub2\"\n                    $align={isMobile ? 'left' : 'center'}\n                    $color={isMobile ? 'WHITE' : 'BLACK_1'}\n                  >\n                    {summary}\n                  </Text>\n                </FlexView>\n              </FlexView>\n            );\n          })}\n      </Styled.TopicWrapper>\n      {isMobile && (\n        <FlexView $background=\"BLACK_2\">\n          <Text $renderAs=\"ac4-black\" $color=\"WHITE_T_60\">\n            Next Steps\n          </Text>\n          <Separator height={4} />\n        </FlexView>\n      )}\n      <FlexView\n        $flexDirection=\"row\"\n        $background={isMobile ? 'BLACK_2' : 'YELLOW_3'}\n        $flexGap={4}\n        $alignItems=\"center\"\n        $gap={9}\n        $gutter={8}\n      >\n        <Image\n          src={isMobile ? ILLUSTRATIONS.COMMUNITY_BULB_YELLOW_2 : ILLUSTRATIONS.COMMUNITY_BULB}\n          width={isMobile ? 56 : 80}\n          height={isMobile ? 56 : 80}\n          withLoader\n          alt=\"bulb\"\n        />\n        <FlexView $flex={1}>\n          <Text $renderAs=\"ab2-black\" $color={isMobile ? 'WHITE_1' : 'BLACK_1'}>\n            {!isMobile && `Next Steps: `}\n            <Styled.InlineText\n              $renderAs=\"ab2\"\n              $renderOnMobileAs=\"ub2\"\n              $color={isMobile ? 'WHITE_1' : 'BLACK_1'}\n            >\n              {nextSteps}\n            </Styled.InlineText>\n          </Text>\n        </FlexView>\n      </FlexView>\n      {isMobile && <Separator heightX={1} />}\n    </FlexView>\n  );\n});\n\nReportInformation.displayName = 'ReportInformation';\n\nexport default ReportInformation;\n"],"names":["ReportInformation","memo","props","isMobile","useTheme","EDeviceType","sessionReports","studentName","nextSteps","topicData","solvedWithHelp","problemsAttempted","newConceptsLearnt","solvedIndependently","defaultTopicImage","trackEvent","useUIContext","renderReportsInfoCard","useMemo","jsxs","Fragment","jsx","ReportCard","FlexView","Styled.ReportWrapper","Styled.TopicWrapper","topic","topicName","topicImage","summary","isAttempted","Styled.TopicImage","Separator","Text","Image","ILLUSTRATIONS","Styled.InlineText","Report404","ReportInformation$1"],"mappings":"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"}
+{"version":3,"file":"report-information.js","sources":["../../../../../../src/features/trial-session/comps/session-report/report-information/report-information.tsx"],"sourcesContent":["import type { TSessionReportData } from '../session-report-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { useUIContext } from '../../../../ui/context/context';\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 { EDeviceType } from '../../../../ui/theme/constants';\nimport Report404 from '../report-404/report-404';\nimport ReportCard from './report-card';\nimport * as Styled from './report-information-styled';\n\ninterface IReportInformationProps {\n  sessionReports: TSessionReportData;\n  studentName: string;\n}\n\nconst ReportInformation: FC<IReportInformationProps> = memo(props => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n  const { sessionReports, studentName } = props;\n  const {\n    next_steps: nextSteps,\n    topic_data: topicData,\n    solved_with_help: solvedWithHelp,\n    problems_attempted: problemsAttempted,\n    new_concepts_learnt: newConceptsLearnt,\n    solved_independently: solvedIndependently,\n    default_topic_image_url: defaultTopicImage,\n  } = sessionReports || {};\n\n  const { onEvent: trackEvent } = useUIContext();\n\n  const renderReportsInfoCard = useMemo(() => {\n    if (!problemsAttempted) return null;\n\n    if (problemsAttempted === solvedIndependently || (!solvedWithHelp && solvedIndependently)) {\n      return (\n        <>\n          <ReportCard title=\"Problems Attempted\" value={problemsAttempted} widthOnMobile=\"50%\" />\n          <ReportCard title=\"Solved without help\" value={solvedIndependently} widthOnMobile=\"50%\" />\n          <ReportCard\n            title=\"Performance\"\n            value={`${Math.round((solvedIndependently / problemsAttempted) * 100)}%`}\n          />\n        </>\n      );\n    }\n\n    if (!solvedWithHelp && !solvedIndependently) {\n      return <ReportCard title=\"Problems Attempted\" value={problemsAttempted} />;\n    }\n\n    if (solvedWithHelp && newConceptsLearnt) {\n      return (\n        <>\n          <ReportCard title=\"Problems Attempted\" value={problemsAttempted} widthOnMobile=\"50%\" />\n          <ReportCard title=\"Needed help in\" value={newConceptsLearnt} widthOnMobile=\"50%\" />\n          <ReportCard title=\"Improvement shown in\" value={solvedWithHelp} widthOnMobile=\"50%\" />\n          <ReportCard\n            title=\"Improvement\"\n            value={`${Math.round((solvedWithHelp / newConceptsLearnt) * 100)}%`}\n            widthOnMobile=\"50%\"\n          />\n        </>\n      );\n    }\n\n    return null;\n  }, [newConceptsLearnt, problemsAttempted, solvedIndependently, solvedWithHelp]);\n\n  if (!renderReportsInfoCard) return <Report404 studentName={studentName} />;\n\n  return (\n    <FlexView\n      $borderColor={isMobile ? 'TRANSPARENT' : 'BLACK_1'}\n      $gapX={isMobile ? 1 : 0}\n      $background={isMobile ? 'BLACK_2' : 'TRANSPARENT'}\n      $gutterX={isMobile ? 1 : 0}\n    >\n      <Styled.ReportWrapper\n        $flexWrap={isMobile}\n        $flexDirection=\"row\"\n        $height={isMobile ? 'auto' : 100}\n        $background={isMobile ? 'BLACK_2' : 'YELLOW_1'}\n      >\n        {renderReportsInfoCard}\n      </Styled.ReportWrapper>\n      <Styled.TopicWrapper\n        $flexDirection={isMobile ? 'column' : 'row'}\n        $background={isMobile ? 'BLACK_2' : 'WHITE_1'}\n        $flexRowGapX={isMobile ? 1.25 : 0}\n        $gapX={isMobile ? 1.5 : 0}\n      >\n        {topicData &&\n          topicData.length > 0 &&\n          topicData.map(topic => {\n            const {\n              topic_name: topicName,\n              topic_image: topicImage,\n              summary,\n              is_attempted: isAttempted,\n            } = topic;\n\n            if (!topicImage) {\n              trackEvent('TOPIC_THUMBNAIL_NOT_AVAILABLE', topic);\n            }\n\n            return (\n              <FlexView\n                key={topicName}\n                $gap={isMobile ? 0 : 29}\n                $gutter={isMobile ? 0 : 20}\n                $flex={1}\n                $alignItems={isMobile ? 'center' : 'center'}\n                $opacity={isAttempted ? 1 : 0.4}\n                $flexDirection={isMobile ? 'row' : 'column'}\n                $flexColumnGapX={isMobile ? 1 : 0}\n              >\n                <FlexView>\n                  <Styled.TopicImage\n                    $active={!!isAttempted}\n                    src={topicImage || defaultTopicImage}\n                    borderRadius={96}\n                    height={isMobile ? 84 : 96}\n                    width={isMobile ? 84 : 96}\n                    alt=\"topic\"\n                    withLoader\n                  />\n                </FlexView>\n                <FlexView $alignItems={isMobile ? 'flex-start' : 'center'} $gapX={1} $flex={1}>\n                  {!isMobile && <Separator height={12} />}\n                  <Text\n                    $renderAs=\"ab2-bold\"\n                    $align={isMobile ? 'left' : 'center'}\n                    $color={isMobile ? 'WHITE' : 'BLACK_1'}\n                  >\n                    {topicName}\n                  </Text>\n                  <Separator height={2} />\n                  <Text\n                    $renderAs=\"ub2\"\n                    $align={isMobile ? 'left' : 'center'}\n                    $color={isMobile ? 'WHITE' : 'BLACK_1'}\n                  >\n                    {summary}\n                  </Text>\n                </FlexView>\n              </FlexView>\n            );\n          })}\n      </Styled.TopicWrapper>\n      {isMobile && (\n        <FlexView $background=\"BLACK_2\">\n          <Text $renderAs=\"ac4-black\" $color=\"WHITE_T_60\">\n            Next Steps\n          </Text>\n          <Separator height={4} />\n        </FlexView>\n      )}\n      <FlexView\n        $flexDirection=\"row\"\n        $background={isMobile ? 'BLACK_2' : 'YELLOW_3'}\n        $flexGap={4}\n        $alignItems=\"center\"\n        $gap={9}\n        $gutter={isMobile ? 0 : 8}\n      >\n        <Image\n          src={isMobile ? ILLUSTRATIONS.COMMUNITY_BULB_YELLOW_2 : ILLUSTRATIONS.COMMUNITY_BULB}\n          width={isMobile ? 56 : 80}\n          height={isMobile ? 56 : 80}\n          withLoader\n          alt=\"bulb\"\n        />\n        <FlexView $flex={1}>\n          <Text $renderAs=\"ab2-black\" $color={isMobile ? 'WHITE_1' : 'BLACK_1'}>\n            {!isMobile && `Next Steps: `}\n            <Styled.InlineText\n              $renderAs=\"ab2\"\n              $renderOnMobileAs=\"ub2\"\n              $color={isMobile ? 'WHITE_1' : 'BLACK_1'}\n            >\n              {nextSteps}\n            </Styled.InlineText>\n          </Text>\n        </FlexView>\n      </FlexView>\n      {isMobile && <Separator heightX={1} />}\n    </FlexView>\n  );\n});\n\nReportInformation.displayName = 'ReportInformation';\n\nexport default ReportInformation;\n"],"names":["ReportInformation","memo","props","isMobile","useTheme","EDeviceType","sessionReports","studentName","nextSteps","topicData","solvedWithHelp","problemsAttempted","newConceptsLearnt","solvedIndependently","defaultTopicImage","trackEvent","useUIContext","renderReportsInfoCard","useMemo","jsxs","Fragment","jsx","ReportCard","FlexView","Styled.ReportWrapper","Styled.TopicWrapper","topic","topicName","topicImage","summary","isAttempted","Styled.TopicImage","Separator","Text","Image","ILLUSTRATIONS","Styled.InlineText","Report404","ReportInformation$1"],"mappings":"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"}

package/dist/features/ui/constants/z-index.js

@@ -1,4 +1,4 @@
-const _ = {
+const E = {
   CHAPTER_CROWN_ICON: 4,
   CHAPTER_PLUS_ICON: 2,
   CHAPTER_PROGRESS_SVG: 2,
@@ -16,13 +16,10 @@ const _ = {
   GOAL_CHAPTER_SHEETS_MENU: 4,
   JOURNEY_OVERLAY: 1e3,
   CHAPTER_COMPLETED_LOTTIE: 5,
-  EXTEND_CLASS_ANIMATION_1: 24,
-  EXTEND_CLASS_ANIMATION_2: 25,
-  EXTEND_CLASS_ANIMATION_3: 26,
   WINS_HEADER: 11
   // Header z-index for wins dashboard
 };
 export {
-  _ as ZINDEX
+  E as ZINDEX
 };
 //# sourceMappingURL=z-index.js.map

package/dist/features/ui/constants/z-index.js.map

@@ -1 +1 @@
-{"version":3,"file":"z-index.js","sources":["../../../../src/features/ui/constants/z-index.ts"],"sourcesContent":["const ZINDEX = {\n  CHAPTER_CROWN_ICON: 4,\n  CHAPTER_PLUS_ICON: 2,\n  CHAPTER_PROGRESS_SVG: 2,\n  LPAR_SHEET_ITEM_BOTTOM_DASH_BOX: 1,\n  LPAR_SHEET_ITEM_TOP_VERTICAL_ICON: 2,\n  MODAL: 20,\n  SAT_SUMMARY_SCORE: 25, //* SAT_SUMMARY_SCORE > MODAL\n  CANVAS_SCRIBBLING: 26, //* CANVAS_SCRIBBLING > Learnosity\n  TILE_CONTAINER: 30, //whiteboard\n  QUESTION_TIPS: -1,\n  DESMOS_CALCULATOR: 2,\n  GOAL_CHAPTER_SHEETS_MENU: 4,\n  JOURNEY_OVERLAY: 1000,\n  CHAPTER_COMPLETED_LOTTIE: 5,\n  EXTEND_CLASS_ANIMATION_1: 24,\n  EXTEND_CLASS_ANIMATION_2: 25,\n  EXTEND_CLASS_ANIMATION_3: 26,\n  WINS_HEADER: 11, // Header z-index for wins dashboard\n} as const;\n\nexport { ZINDEX };\n"],"names":["ZINDEX"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,mCAAmC;AAAA,EACnC,OAAO;AAAA,EACP,mBAAmB;AAAA;AAAA,EACnB,mBAAmB;AAAA;AAAA,EACnB,gBAAgB;AAAA;AAAA,EAChB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,aAAa;AAAA;AACf;"}
+{"version":3,"file":"z-index.js","sources":["../../../../src/features/ui/constants/z-index.ts"],"sourcesContent":["const ZINDEX = {\n  CHAPTER_CROWN_ICON: 4,\n  CHAPTER_PLUS_ICON: 2,\n  CHAPTER_PROGRESS_SVG: 2,\n  LPAR_SHEET_ITEM_BOTTOM_DASH_BOX: 1,\n  LPAR_SHEET_ITEM_TOP_VERTICAL_ICON: 2,\n  MODAL: 20,\n  SAT_SUMMARY_SCORE: 25, //* SAT_SUMMARY_SCORE > MODAL\n  CANVAS_SCRIBBLING: 26, //* CANVAS_SCRIBBLING > Learnosity\n  TILE_CONTAINER: 30, //whiteboard\n  QUESTION_TIPS: -1,\n  DESMOS_CALCULATOR: 2,\n  GOAL_CHAPTER_SHEETS_MENU: 4,\n  JOURNEY_OVERLAY: 1000,\n  CHAPTER_COMPLETED_LOTTIE: 5,\n  WINS_HEADER: 11, // Header z-index for wins dashboard\n} as const;\n\nexport { ZINDEX };\n"],"names":["ZINDEX"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,mCAAmC;AAAA,EACnC,OAAO;AAAA,EACP,mBAAmB;AAAA;AAAA,EACnB,mBAAmB;AAAA;AAAA,EACnB,gBAAgB;AAAA;AAAA,EAChB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,0BAA0B;AAAA,EAC1B,aAAa;AAAA;AACf;"}

package/dist/features/utils/utils.js

@@ -1,22 +1,22 @@
-import { addYears as m } from "../../node_modules/date-fns/addYears.js";
-const c = (t) => Array.isArray(t) && t.length > 0, l = (t, e = !0) => {
-  const r = (s) => s.toString().padStart(2, "0"), o = Math.floor(t / 3600), n = Math.floor(t % 3600 / 60), a = t % 60;
-  return e ? o > 0 ? `${r(o)}:${r(n)}:${r(a)}` : `${r(n)}:${r(a)}` : `${r(n)}:${r(a)}`;
-}, p = (t) => {
-  let e = null;
-  return { promise: new Promise((o) => {
-    e = setTimeout(() => {
-      o("resolved");
-    }, t);
-  }), timerId: e };
-}, u = () => {
-  const e = m(/* @__PURE__ */ new Date(), 1);
-  return Math.floor(e.getTime() / 1e3);
+import { addYears as s } from "../../node_modules/date-fns/addYears.js";
+const i = (r) => Array.isArray(r) && r.length > 0, c = (r) => {
+  const t = (a) => a.toString().padStart(2, "0"), o = Math.floor(r / 3600), e = Math.floor(r % 3600 / 60), n = r % 60;
+  return o > 0 ? `${t(o)}:${t(e)}:${t(n)}` : `${t(e)}:${t(n)}`;
+}, l = (r) => {
+  let t = null;
+  return { promise: new Promise((e) => {
+    t = setTimeout(() => {
+      e("resolved");
+    }, r);
+  }), timerId: t };
+}, p = () => {
+  const t = s(/* @__PURE__ */ new Date(), 1);
+  return Math.floor(t.getTime() / 1e3);
 };
 export {
-  p as delay,
-  u as epochTimestampAfterOneYear,
-  l as formatTimeInHHMMSS,
-  c as isNonEmptyArray
+  l as delay,
+  p as epochTimestampAfterOneYear,
+  c as formatTimeInHHMMSS,
+  i as isNonEmptyArray
 };
 //# sourceMappingURL=utils.js.map

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

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