@cuemath/leap 3.0.6 → 3.0.7-hg1

package/dist/features/trial-session/comps/session-insights/session-insights.js

@@ -1,119 +0,0 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { memo as L, useCallback as u, useEffect as C } from "react";
-import { ILLUSTRATIONS as p } from "../../../../assets/illustrations/illustrations.js";
-import { LOTTIE as h } from "../../../../assets/lottie/lottie.js";
-import E from "../../../ui/error/error.js";
-import d from "../../../ui/layout/flex-view.js";
-import S from "../../../ui/loader/app-loader/app-loader.js";
-import R from "../../../ui/lottie-animation/lottie-animation.js";
-import g from "../../../ui/separator/separator.js";
-import o from "../../../ui/text/text.js";
-import { useGetSessionInsights as b } from "../../api/trial-home.js";
-import { useTrialSessionContext as N } from "../../context/use-trial-session-context.js";
-import w from "../slide-header/index.js";
-import { Container as D, ContentWrapper as x, TopicWrapper as B, TopicName as F, LottieWrapper as K, RatingBlock as O } from "./session-insights-styled.js";
-const X = {
-  BEGINNER: h.BEGINNER1X,
-  FAMILIAR: h.FAMILIAR1X,
-  PROFICIENT: h.PROFICIENT1X
-}, j = {
-  1: p.ONE_STAR_FILLED,
-  2: p.TWO_STARS_FILLED,
-  3: p.THREE_STARS_FILLED
-}, Y = L(() => {
-  const { formData: f } = N(), { attemptId: n = "kdbkb" } = f || {}, {
-    data: m,
-    get: $,
-    isProcessing: _,
-    isProcessingFailed: I
-  } = b(), { topic_aggregation: A = [], depth_aggregation: T = [] } = m || {}, c = u(() => {
-    n && $(n);
-  }, [n, $]);
-  return C(() => {
-    c();
-  }, [c]), I ? /* @__PURE__ */ e(E, { height: "70vh", onTryAgain: c }) : _ || !m ? /* @__PURE__ */ e(S, { height: "100vh" }) : /* @__PURE__ */ t(D, { children: [
-    /* @__PURE__ */ e(g, { height: 60 }),
-    /* @__PURE__ */ e(w, {}),
-    /* @__PURE__ */ t(x, { $alignItems: "center", $width: 650, $alignSelf: "center", children: [
-      /* @__PURE__ */ e(
-        d,
-        {
-          $flexDirection: "row",
-          $justifyContent: "center",
-          $borderColor: "BLACK_T_87",
-          $width: "100%",
-          children: A.map((s, a) => {
-            const {
-              level: r,
-              topic_name: i,
-              level_description: l
-            } = s;
-            return /* @__PURE__ */ t(
-              B,
-              {
-                $gapX: 1,
-                $gutterX: 1,
-                $width: "100%",
-                $height: 250,
-                $flexDirection: "column",
-                $justifyContent: "space-between",
-                children: [
-                  /* @__PURE__ */ e(F, { title: i, $renderAs: "ab2-bold", $color: "BLACK_T_87", children: i }),
-                  /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(R, { height: 272, src: X[r] }) }),
-                  /* @__PURE__ */ t("div", { children: [
-                    /* @__PURE__ */ e(o, { $renderAs: "ac4", $color: "BLACK_T_87", children: r }),
-                    /* @__PURE__ */ e(o, { $renderAs: "ub2", $color: "BLACK_T_60", children: l })
-                  ] })
-                ]
-              },
-              a
-            );
-          })
-        }
-      ),
-      /* @__PURE__ */ e(
-        O,
-        {
-          $width: "100%",
-          $borderColor: "BLACK_T_87",
-          $flexDirection: "row",
-          $justifyContent: "center",
-          $alignItems: "center",
-          $flexGap: 80,
-          $background: "WHITE",
-          $gap: 25.5,
-          children: T.map((s, a) => {
-            const {
-              star: r,
-              depth_description: i,
-              star_description: l
-            } = s;
-            return /* @__PURE__ */ t(d, { $width: 88, children: [
-              /* @__PURE__ */ e("img", { src: j[r], height: 24, width: 88 }),
-              /* @__PURE__ */ e(g, { height: 4 }),
-              /* @__PURE__ */ e(
-                d,
-                {
-                  $background: "WHITE_4",
-                  $gutterX: 0.25,
-                  $gap: 2,
-                  $justifyContent: "center",
-                  $alignItems: "center",
-                  $width: "fit-content",
-                  $alignSelf: "center",
-                  children: /* @__PURE__ */ e(o, { $renderAs: "ub3", $color: "BLACK_T_87", children: l })
-                }
-              ),
-              /* @__PURE__ */ e(g, { heightX: 1 }),
-              /* @__PURE__ */ e(o, { $renderAs: "ac4", $color: "BLACK_T_87", $align: "center", children: i })
-            ] }, a);
-          })
-        }
-      )
-    ] })
-  ] });
-});
-export {
-  Y as default
-};
-//# sourceMappingURL=session-insights.js.map

package/dist/features/trial-session/comps/session-insights/session-insights.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"session-insights.js","sources":["../../../../../src/features/trial-session/comps/session-insights/session-insights.tsx"],"sourcesContent":["import type { TDepthAggregation, TProficiencyLottieMap } from './session-insights-types';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport Error from '../../../ui/error/error';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetSessionInsights } from '../../api/trial-home';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './session-insights-styled';\n\nconst proficiencyLottieMap: TProficiencyLottieMap = {\n  BEGINNER: LOTTIE.BEGINNER1X,\n  FAMILIAR: LOTTIE.FAMILIAR1X,\n  PROFICIENT: LOTTIE.PROFICIENT1X,\n};\n\nconst STAR_RATING_ICONS: Record<TDepthAggregation['star'], string> = {\n  1: ILLUSTRATIONS.ONE_STAR_FILLED,\n  2: ILLUSTRATIONS.TWO_STARS_FILLED,\n  3: ILLUSTRATIONS.THREE_STARS_FILLED,\n};\n\nconst SessionInsights = memo(() => {\n  const { formData } = useTrialSessionContext();\n  const { attemptId = 'kdbkb' } = formData || {};\n\n  const {\n    data: sessionInsights,\n    get: getSessionInsights,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetSessionInsights();\n\n  const { topic_aggregation: topicAggregation = [], depth_aggregation: depthAggregation = [] } =\n    sessionInsights || {};\n\n  const fetchData = useCallback(() => {\n    if (attemptId) {\n      getSessionInsights(attemptId);\n    }\n  }, [attemptId, getSessionInsights]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isProcessingFailed) {\n    return <Error height=\"70vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !sessionInsights) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $alignItems=\"center\" $width={650} $alignSelf=\"center\">\n        <FlexView\n          $flexDirection=\"row\"\n          $justifyContent=\"center\"\n          $borderColor=\"BLACK_T_87\"\n          $width=\"100%\"\n        >\n          {topicAggregation.map((aggregation, index) => {\n            const {\n              level,\n              topic_name: topicName,\n              level_description: levelDescription,\n            } = aggregation;\n\n            return (\n              <Styled.TopicWrapper\n                key={index}\n                $gapX={1}\n                $gutterX={1}\n                $width=\"100%\"\n                $height={250}\n                $flexDirection=\"column\"\n                $justifyContent=\"space-between\"\n              >\n                <Styled.TopicName title={topicName} $renderAs=\"ab2-bold\" $color=\"BLACK_T_87\">\n                  {topicName}\n                </Styled.TopicName>\n                <Styled.LottieWrapper>\n                  <LottieAnimation height={272} src={proficiencyLottieMap[level]} />\n                </Styled.LottieWrapper>\n                <div>\n                  <Text $renderAs=\"ac4\" $color=\"BLACK_T_87\">\n                    {level}\n                  </Text>\n                  <Text $renderAs=\"ub2\" $color=\"BLACK_T_60\">\n                    {levelDescription}\n                  </Text>\n                </div>\n              </Styled.TopicWrapper>\n            );\n          })}\n        </FlexView>\n        <Styled.RatingBlock\n          $width=\"100%\"\n          $borderColor=\"BLACK_T_87\"\n          $flexDirection=\"row\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $flexGap={80}\n          $background=\"WHITE\"\n          $gap={25.5}\n        >\n          {depthAggregation.map((aggregation, index) => {\n            const {\n              star,\n              depth_description: depthDescription,\n              star_description: starDescription,\n            } = aggregation;\n\n            return (\n              <FlexView key={index} $width={88}>\n                <img src={STAR_RATING_ICONS[star]} height={24} width={88} />\n                <Separator height={4} />\n                <FlexView\n                  $background=\"WHITE_4\"\n                  $gutterX={0.25}\n                  $gap={2}\n                  $justifyContent=\"center\"\n                  $alignItems=\"center\"\n                  $width=\"fit-content\"\n                  $alignSelf=\"center\"\n                >\n                  <Text $renderAs=\"ub3\" $color=\"BLACK_T_87\">\n                    {starDescription}\n                  </Text>\n                </FlexView>\n                <Separator heightX={1} />\n                <Text $renderAs=\"ac4\" $color=\"BLACK_T_87\" $align=\"center\">\n                  {depthDescription}\n                </Text>\n              </FlexView>\n            );\n          })}\n        </Styled.RatingBlock>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default SessionInsights;\n"],"names":["proficiencyLottieMap","LOTTIE","STAR_RATING_ICONS","ILLUSTRATIONS","SessionInsights","memo","formData","useTrialSessionContext","attemptId","sessionInsights","getSessionInsights","isProcessing","isProcessingFailed","useGetSessionInsights","topicAggregation","depthAggregation","fetchData","useCallback","useEffect","jsx","Error","AppLoader","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","FlexView","aggregation","index","level","topicName","levelDescription","Styled.TopicWrapper","Styled.TopicName","Styled.LottieWrapper","LottieAnimation","Text","Styled.RatingBlock","star","depthDescription","starDescription"],"mappings":"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"}

package/dist/features/trial-session/comps/session-overview/session-overview-styled.js

@@ -1,35 +0,0 @@
-import r from "styled-components";
-const n = r.div`
-  width: 100%;
-  height: 100%;
-`, d = r.div(({ theme: o }) => {
-  const { BLACK_T_87: t } = o.colors;
-  return `
-    width: 550px;
-    margin: auto;
-    border: 1px solid ${t};
-    & > *:not(:last-child) {
-      border-bottom: 1px solid ${t};
-    }
-    .period-text {
-      margin-left: 23px;
-    }
-  `;
-}), a = r.div(({ theme: o, $bgImage: t }) => {
-  const { gutter: e } = o.layout;
-  return `
-    width: 100%;
-    height: ${350 / 3}px;
-    padding: ${e * 2.5}px ${e}px;
-    background-image: url(${t});
-    background-repeat: no-repeat;
-    background-position: right, center;
-    background-size: cover;
-  `;
-});
-export {
-  n as Container,
-  a as Goal,
-  d as GoalsWrapper
-};
-//# sourceMappingURL=session-overview-styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"session-overview-styled.js","sources":["../../../../../src/features/trial-session/comps/session-overview/session-overview-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\ntype TSessionGoal = {\n  $bgImage: string;\n};\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst GoalsWrapper = styled.div(({ theme }) => {\n  const { BLACK_T_87 } = theme.colors;\n\n  return `\n    width: 550px;\n    margin: auto;\n    border: 1px solid ${BLACK_T_87};\n    & > *:not(:last-child) {\n      border-bottom: 1px solid ${BLACK_T_87};\n    }\n    .period-text {\n      margin-left: 23px;\n    }\n  `;\n});\n\nconst Goal = styled.div<TSessionGoal>(({ theme, $bgImage }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: 100%;\n    height: ${350 / 3}px;\n    padding: ${gutter * 2.5}px ${gutter}px;\n    background-image: url(${$bgImage});\n    background-repeat: no-repeat;\n    background-position: right, center;\n    background-size: cover;\n  `;\n});\n\nexport { Container, GoalsWrapper, Goal };\n"],"names":["Container","styled","GoalsWrapper","theme","BLACK_T_87","Goal","$bgImage","gutter"],"mappings":";AAMA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAeD,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AACvC,QAAA,EAAE,YAAAC,EAAW,IAAID,EAAM;AAEtB,SAAA;AAAA;AAAA;AAAA,wBAGeC,CAAU;AAAA;AAAA,iCAEDA,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAM3C,CAAC,GAEKC,IAAOJ,EAAO,IAAkB,CAAC,EAAE,OAAAE,GAAO,UAAAG,QAAe;AACvD,QAAA,EAAE,QAAAC,EAAO,IAAIJ,EAAM;AAElB,SAAA;AAAA;AAAA,cAEK,MAAM,CAAC;AAAA,eACNI,IAAS,GAAG,MAAMA,CAAM;AAAA,4BACXD,CAAQ;AAAA;AAAA;AAAA;AAAA;AAKpC,CAAC;"}

package/dist/features/trial-session/comps/session-overview/session-overview-utils.js

@@ -1,42 +0,0 @@
-import { GIF as e } from "../../../../assets/gif/gif.js";
-import { TrialPageId as r } from "../../trial-session-constants.js";
-const s = [
-  {
-    title: "Your goals",
-    period: "10 min",
-    image: e.YOUR_GOALS
-  },
-  {
-    title: "learning session",
-    period: "30 min",
-    image: e.LEARNING_SESSION
-  },
-  {
-    title: "way forward",
-    period: "15 min",
-    image: e.WAY_FORWARD
-  }
-], o = [
-  {
-    title: "Your goals",
-    image: e.YOUR_GOALS,
-    archived: !0
-  },
-  {
-    title: "learning session",
-    image: e.LEARNING_SESSION,
-    archived: !0
-  },
-  {
-    title: "way forward",
-    image: e.WAY_FORWARD,
-    archived: !0
-  }
-], S = (i) => i ? {
-  [r.SESSION_OVERVIEW]: s,
-  [r.SESSION_SUMMARY]: o
-}[i] : void 0;
-export {
-  S as getSessionConfig
-};
-//# sourceMappingURL=session-overview-utils.js.map

package/dist/features/trial-session/comps/session-overview/session-overview-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"session-overview-utils.js","sources":["../../../../../src/features/trial-session/comps/session-overview/session-overview-utils.tsx"],"sourcesContent":["import { GIF } from '../../../../assets/gif/gif';\nimport { TrialPageId } from '../../trial-session-constants';\n\ntype TSessionItem = {\n  title: string;\n  image: string;\n  period?: string;\n  archived?: boolean;\n};\n\nconst sessionOverview = [\n  {\n    title: 'Your goals',\n    period: '10 min',\n    image: GIF.YOUR_GOALS,\n  },\n  {\n    title: 'learning session',\n    period: '30 min',\n    image: GIF.LEARNING_SESSION,\n  },\n  {\n    title: 'way forward',\n    period: '15 min',\n    image: GIF.WAY_FORWARD,\n  },\n];\n\nconst sessionSummary = [\n  {\n    title: 'Your goals',\n    image: GIF.YOUR_GOALS,\n    archived: true,\n  },\n  {\n    title: 'learning session',\n    image: GIF.LEARNING_SESSION,\n    archived: true,\n  },\n  {\n    title: 'way forward',\n    image: GIF.WAY_FORWARD,\n    archived: true,\n  },\n];\n\nexport const getSessionConfig = (pageId: TrialPageId) => {\n  if (!pageId) return;\n\n  const sessions: Partial<Record<TrialPageId, TSessionItem[]>> = {\n    [TrialPageId.SESSION_OVERVIEW]: sessionOverview,\n    [TrialPageId.SESSION_SUMMARY]: sessionSummary,\n  };\n\n  return sessions[pageId];\n};\n"],"names":["sessionOverview","GIF","sessionSummary","getSessionConfig","pageId","TrialPageId"],"mappings":";;AAUA,MAAMA,IAAkB;AAAA,EACtB;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAOC,EAAI;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAOA,EAAI;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAOA,EAAI;AAAA,EACb;AACF,GAEMC,IAAiB;AAAA,EACrB;AAAA,IACE,OAAO;AAAA,IACP,OAAOD,EAAI;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAOA,EAAI;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAOA,EAAI;AAAA,IACX,UAAU;AAAA,EACZ;AACF,GAEaE,IAAmB,CAACC,MAC1BA,IAE0D;AAAA,EAC7D,CAACC,EAAY,gBAAgB,GAAGL;AAAA,EAChC,CAACK,EAAY,eAAe,GAAGH;AAAA,EAGjBE,CAAM,IAPT;"}

package/dist/features/trial-session/comps/session-overview/session-overview.js

@@ -1,40 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { memo as f } from "react";
-import p from "../../../../assets/line-icons/icons/tick.js";
-import h from "../../../ui/layout/flex-view.js";
-import g from "../../../ui/separator/separator.js";
-import o from "../../../ui/text/text.js";
-import { useTrialSessionContext as x } from "../../context/use-trial-session-context.js";
-import $ from "../slide-header/index.js";
-import { Container as u, GoalsWrapper as C, Goal as S } from "./session-overview-styled.js";
-import { getSessionConfig as w } from "./session-overview-utils.js";
-const y = f(() => {
-  const { slideConfig: s } = x(), { id: m } = s || {}, i = w(m);
-  return /* @__PURE__ */ r(u, { children: [
-    /* @__PURE__ */ e(g, { height: 60 }),
-    /* @__PURE__ */ e($, {}),
-    /* @__PURE__ */ e(C, { children: i && i.map((a, t) => {
-      const { title: l, period: n, image: c, archived: d } = a;
-      return /* @__PURE__ */ r(S, { $bgImage: c, children: [
-        /* @__PURE__ */ r(
-          h,
-          {
-            $flexDirection: "row",
-            $justifyContent: "flex-start",
-            $alignItems: "center",
-            $flexGap: 12,
-            children: [
-              d ? /* @__PURE__ */ e(p, { height: 24, width: 20, color: "WHITE" }) : /* @__PURE__ */ e(o, { $renderAs: "ac2", children: t + 1 + ". " }),
-              /* @__PURE__ */ e(o, { $renderAs: "ac2", children: l })
-            ]
-          }
-        ),
-        n && /* @__PURE__ */ e(o, { $renderAs: "ub2", className: "period-text", children: n })
-      ] }, `goal-${t}`);
-    }) })
-  ] });
-});
-export {
-  y as default
-};
-//# sourceMappingURL=session-overview.js.map

package/dist/features/trial-session/comps/session-overview/session-overview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"session-overview.js","sources":["../../../../../src/features/trial-session/comps/session-overview/session-overview.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport TickIcon from '../../../../assets/line-icons/icons/tick';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './session-overview-styled';\nimport { getSessionConfig } from './session-overview-utils';\n\nconst SessionOverview = memo(() => {\n  const { slideConfig } = useTrialSessionContext();\n  const { id } = slideConfig || {};\n\n  const sessionConfigs = getSessionConfig(id);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.GoalsWrapper>\n        {sessionConfigs &&\n          sessionConfigs.map((goal, index: number) => {\n            const { title, period, image, archived } = goal;\n\n            return (\n              <Styled.Goal key={`goal-${index}`} $bgImage={image}>\n                <FlexView\n                  $flexDirection=\"row\"\n                  $justifyContent=\"flex-start\"\n                  $alignItems=\"center\"\n                  $flexGap={12}\n                >\n                  {archived ? (\n                    <TickIcon height={24} width={20} color=\"WHITE\" />\n                  ) : (\n                    <Text $renderAs=\"ac2\">{index + 1 + '. '}</Text>\n                  )}\n                  <Text $renderAs=\"ac2\">{title}</Text>\n                </FlexView>\n                {period && (\n                  <Text $renderAs=\"ub2\" className=\"period-text\">\n                    {period}\n                  </Text>\n                )}\n              </Styled.Goal>\n            );\n          })}\n      </Styled.GoalsWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default SessionOverview;\n"],"names":["SessionOverview","memo","slideConfig","useTrialSessionContext","id","sessionConfigs","getSessionConfig","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.GoalsWrapper","goal","index","title","period","image","archived","Styled.Goal","FlexView","TickIcon","Text"],"mappings":";;;;;;;;;;AAWM,MAAAA,IAAkBC,EAAK,MAAM;AAC3B,QAAA,EAAE,aAAAC,MAAgBC,KAClB,EAAE,IAAAC,EAAA,IAAOF,KAAe,IAExBG,IAAiBC,EAAiBF,CAAE;AAGxC,SAAA,gBAAAG,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAF,EAACG,GAAA,EACE,eACCP,EAAe,IAAI,CAACQ,GAAMC,MAAkB;AAC1C,YAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,OAAAC,GAAO,UAAAC,MAAaL;AAE3C,aACG,gBAAAN,EAAAY,GAAA,EAAkC,UAAUF,GAC3C,UAAA;AAAA,QAAA,gBAAAV;AAAA,UAACa;AAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,iBAAgB;AAAA,YAChB,aAAY;AAAA,YACZ,UAAU;AAAA,YAET,UAAA;AAAA,cAAAF,IACE,gBAAAT,EAAAY,GAAA,EAAS,QAAQ,IAAI,OAAO,IAAI,OAAM,QAAQ,CAAA,sBAE9CC,GAAK,EAAA,WAAU,OAAO,UAAAR,IAAQ,IAAI,MAAK;AAAA,cAEzC,gBAAAL,EAAAa,GAAA,EAAK,WAAU,OAAO,UAAMP,GAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAC/B;AAAA,QACCC,KACE,gBAAAP,EAAAa,GAAA,EAAK,WAAU,OAAM,WAAU,eAC7B,UACHN,GAAA;AAAA,MAjBc,EAAA,GAAA,QAAQF,CAAK,EAmB/B;AAAA,IAEH,CAAA,GACL;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

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

@@ -1,26 +0,0 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { memo as i } from "react";
-import a from "../../../ui/layout/flex-view.js";
-import t from "../../../ui/text/text.js";
-const c = (n) => {
-  const { title: o, value: e } = n;
-  return e ? /* @__PURE__ */ l(
-    a,
-    {
-      $gutterX: 0.5,
-      $gapX: 1,
-      $flex: 1,
-      $height: "100%",
-      $alignItems: "center",
-      $justifyContent: "space-between",
-      children: [
-        /* @__PURE__ */ r(t, { $renderAs: "ac4", $align: "center", $color: "BLACK_T_60", children: o }),
-        /* @__PURE__ */ r(t, { $renderAs: "ah3-bold", $align: "center", children: e })
-      ]
-    }
-  ) : null;
-}, p = i(c);
-export {
-  p as default
-};
-//# sourceMappingURL=report-card.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"report-card.js","sources":["../../../../../src/features/trial-session/comps/session-report/report-card.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface IReportCard {\n  title: string;\n  value?: string | number;\n}\n\nconst ReportCard: FC<IReportCard> = props => {\n  const { title, value } = props;\n\n  return value ? (\n    <FlexView\n      $gutterX={0.5}\n      $gapX={1}\n      $flex={1}\n      $height=\"100%\"\n      $alignItems=\"center\"\n      $justifyContent=\"space-between\"\n    >\n      <Text $renderAs=\"ac4\" $align=\"center\" $color=\"BLACK_T_60\">\n        {title}\n      </Text>\n      <Text $renderAs=\"ah3-bold\" $align=\"center\">\n        {value}\n      </Text>\n    </FlexView>\n  ) : null;\n};\n\nexport default memo(ReportCard);\n"],"names":["ReportCard","props","title","value","jsxs","FlexView","jsx","Text","ReportCard$1","memo"],"mappings":";;;;AAYA,MAAMA,IAA8B,CAASC,MAAA;AACrC,QAAA,EAAE,OAAAC,GAAO,OAAAC,EAAU,IAAAF;AAEzB,SAAOE,IACL,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAQ;AAAA,MACR,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAK,WAAU,OAAM,QAAO,UAAS,QAAO,cAC1C,UACHL,EAAA,CAAA;AAAA,0BACCK,GAAK,EAAA,WAAU,YAAW,QAAO,UAC/B,UACHJ,GAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEA,IAAA;AACN,GAEeK,IAAAC,EAAKT,CAAU;"}

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

@@ -1,37 +0,0 @@
-import r from "styled-components";
-import i from "../../../ui/image/image.js";
-import t from "../../../ui/layout/flex-view.js";
-import e from "../../../ui/text/text.js";
-const a = r.div`
-  height: 100%;
-  width: 100%;
-  overflow: auto;
-`, c = r(t)`
-  margin: auto;
-`, d = r(t)(
-  ({ theme: o }) => `
-   border-top: 1px solid ${o.colors.BLACK_1};
-   border-bottom: 1px solid ${o.colors.BLACK_1};
-`
-), m = r(t)(
-  ({ theme: o }) => `
-  & > div:not(:last-child) {
-    border-right: 1px solid ${o.colors.BLACK_1};
-  }
-`
-), x = r(e)`
-  display: inline;
-`, f = r(i)(
-  ({ $active: o }) => `
-  ${o ? "" : "filter: grayscale(100%);"}
-`
-);
-export {
-  a as Container,
-  c as ContentWrapper,
-  x as InlineText,
-  m as ReportWrapper,
-  f as TopicImage,
-  d as TopicWrapper
-};
-//# sourceMappingURL=session-report-styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"session-report-styled.js","sources":["../../../../../src/features/trial-session/comps/session-report/session-report-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 Container = styled.div`\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n`;\n\nconst ContentWrapper = styled(FlexView)`\n  margin: auto;\n`;\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:not(:last-child) {\n    border-right: 1px solid ${theme.colors.BLACK_1};\n  }\n`,\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, Container, ContentWrapper, InlineText, ReportWrapper, TopicImage };\n"],"names":["Container","styled","ContentWrapper","FlexView","TopicWrapper","theme","ReportWrapper","InlineText","Text","TopicImage","Image","$active"],"mappings":";;;;AAQA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAiBD,EAAOE,CAAQ;AAAA;AAAA,GAIhCC,IAAeH,EAAOE,CAAQ;AAAA,EAClC,CAAC,EAAE,OAAAE,EAAA,MAAY;AAAA,2BACUA,EAAM,OAAO,OAAO;AAAA,8BACjBA,EAAM,OAAO,OAAO;AAAA;AAElD,GAEMC,IAAgBL,EAAOE,CAAQ;AAAA,EACnC,CAAC,EAAE,OAAAE,EAAA,MAAY;AAAA;AAAA,8BAEaA,EAAM,OAAO,OAAO;AAAA;AAAA;AAGlD,GAEME,IAAaN,EAAOO,CAAI;AAAA;AAAA,GAQxBC,IAAaR,EAAOS,CAAK;AAAA,EAC7B,CAAC,EAAE,SAAAC,EAAA,MAAc;AAAA,IACfA,IAAU,KAAK,0BAA0B;AAAA;AAE7C;"}

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

@@ -1,182 +0,0 @@
-import { jsxs as t, Fragment as E, jsx as e } from "react/jsx-runtime";
-import { memo as W, useMemo as w, useCallback as B, useEffect as D } from "react";
-import { ILLUSTRATIONS as x } from "../../../../assets/illustrations/illustrations.js";
-import { COURSE_STREAMS as F, PREFERENCE_CATEGORY as H } from "../../../milestone/constants.js";
-import { getPreferencesFromConfig as U } from "../../../milestone/create/milestone-create-helpers.js";
-import { useUIContext as Y } from "../../../ui/context/context.js";
-import j from "../../../ui/error/error.js";
-import R from "../../../ui/image/image.js";
-import b from "../../../ui/layout/flex-view.js";
-import G from "../../../ui/loader/app-loader/app-loader.js";
-import A from "../../../ui/separator/separator.js";
-import h from "../../../ui/text/text.js";
-import { useGetSessionReports as K } from "../../api/trial-home.js";
-import { useTrialSessionContext as V } from "../../context/use-trial-session-context.js";
-import { getFormattedStudentPersonalizedPreference as q } from "../../helper.js";
-import z from "../slide-header/index.js";
-import { studentLevels as J } from "../student-feedback/student-feedback-constants.js";
-import o from "./report-card.js";
-import { Container as Q, ContentWrapper as S, ReportWrapper as X, TopicWrapper as Z, TopicImage as ee, InlineText as te } from "./session-report-styled.js";
-const Ce = W(() => {
-  const { onEvent: P } = Y(), { formData: O, milestoneConfig: d } = V(), { name: p, grade: C, attemptId: u = "shg", personalizedLevel: a = [] } = O || {}, {
-    data: I,
-    get: L,
-    isProcessing: k,
-    isProcessingFailed: y
-  } = K(), f = w(() => {
-    var r, m;
-    const i = ((m = (r = U(d, {
-      grade: C ?? "",
-      courseStream: F.MATH,
-      preferenceCategory: H.LEVEL
-    })) == null ? void 0 : r.find((_) => _.id === (a == null ? void 0 : a[0]))) == null ? void 0 : m.label) ?? "";
-    return J[i.toLowerCase()];
-  }, [C, d, a]), {
-    next_steps: M,
-    topic_data: g,
-    solved_with_help: l,
-    problems_attempted: n,
-    new_concepts_learnt: c,
-    solved_independently: s,
-    default_topic_image_url: N
-  } = I || {}, $ = B(() => {
-    var r;
-    const i = q(
-      d,
-      a
-    );
-    u && p && i.length > 0 && L(u, {
-      student_level: ((r = i[0]) == null ? void 0 : r.preference_name) ?? "",
-      student_name: p
-    });
-  }, [u, L, d, p, a]);
-  D(() => {
-    $();
-  }, [$]);
-  const v = w(() => n ? n === s || !l && s ? /* @__PURE__ */ t(E, { children: [
-    /* @__PURE__ */ e(o, { title: "Problems Attempted", value: n }),
-    /* @__PURE__ */ e(o, { title: "Solved without help", value: s }),
-    /* @__PURE__ */ e(
-      o,
-      {
-        title: "Performance",
-        value: `${Math.round(s / n * 100)}%`
-      }
-    )
-  ] }) : !l && !s ? /* @__PURE__ */ e(o, { title: "Problems Attempted", value: n }) : l && c ? /* @__PURE__ */ t(E, { children: [
-    /* @__PURE__ */ e(o, { title: "Problems Attempted", value: n }),
-    /* @__PURE__ */ e(o, { title: "Needed help in", value: c }),
-    /* @__PURE__ */ e(o, { title: "Improvement shown in", value: l }),
-    /* @__PURE__ */ e(
-      o,
-      {
-        title: "Improvement",
-        value: `${Math.round(l / c * 100)}%`
-      }
-    )
-  ] }) : null : null, [c, n, s, l]);
-  return y ? /* @__PURE__ */ e(j, { height: "70vh", onTryAgain: $ }) : k || !I ? /* @__PURE__ */ e(G, { height: "100vh" }) : /* @__PURE__ */ t(Q, { children: [
-    /* @__PURE__ */ e(A, { height: 60 }),
-    /* @__PURE__ */ e(z, { textToInsert: (f == null ? void 0 : f.title) ?? "" }),
-    v ? /* @__PURE__ */ t(S, { $width: 750, $borderColor: "BLACK_1", children: [
-      /* @__PURE__ */ e(X, { $flexDirection: "row", $height: 100, $background: "YELLOW_1", children: v }),
-      /* @__PURE__ */ e(Z, { $flexDirection: "row", $background: "WHITE_1", children: g && g.length > 0 && g.map((i) => {
-        const {
-          topic_name: r,
-          topic_image: m,
-          summary: _,
-          is_attempted: T
-        } = i;
-        return m || P("TOPIC_THUMBNAIL_NOT_AVAILABLE", i), /* @__PURE__ */ t(
-          b,
-          {
-            $gap: 35,
-            $gutter: 29,
-            $flex: 1,
-            $alignItems: "center",
-            $opacity: T ? 1 : 0.4,
-            children: [
-              /* @__PURE__ */ e(
-                ee,
-                {
-                  $active: !!T,
-                  src: m || N,
-                  borderRadius: 96,
-                  height: 96,
-                  width: 96,
-                  alt: "topic",
-                  withLoader: !0
-                }
-              ),
-              /* @__PURE__ */ e(A, { height: 12 }),
-              /* @__PURE__ */ e(h, { $renderAs: "ab3-black", $align: "center", children: r }),
-              /* @__PURE__ */ e(A, { height: 2 }),
-              /* @__PURE__ */ e(h, { $renderAs: "ub3", $align: "center", children: _ })
-            ]
-          },
-          r
-        );
-      }) }),
-      /* @__PURE__ */ t(
-        b,
-        {
-          $flexDirection: "row",
-          $background: "YELLOW_3",
-          $flexGap: 4,
-          $alignItems: "center",
-          $gap: 9,
-          $gutter: 8,
-          children: [
-            /* @__PURE__ */ e(
-              R,
-              {
-                src: x.COMMUNITY_BULB,
-                width: 80,
-                height: 80,
-                withLoader: !0,
-                alt: "bulb"
-              }
-            ),
-            /* @__PURE__ */ e(b, { $flex: 1, children: /* @__PURE__ */ t(h, { $renderAs: "ab2-black", children: [
-              "Next Steps: ",
-              /* @__PURE__ */ e(te, { $renderAs: "ab2", children: M })
-            ] }) })
-          ]
-        }
-      )
-    ] }) : /* @__PURE__ */ t(
-      S,
-      {
-        $width: 750,
-        $height: 400,
-        $borderColor: "BLACK_1",
-        $justifyContent: "center",
-        $alignItems: "center",
-        $background: "WHITE_1",
-        children: [
-          /* @__PURE__ */ e(
-            R,
-            {
-              src: x.REPORT_404,
-              height: 152,
-              width: 152,
-              withLoader: !0,
-              alt: "report-404"
-            }
-          ),
-          /* @__PURE__ */ t(h, { $renderAs: "ab1-bold", $color: "BLACK_T_60", $align: "center", children: [
-            "Oops! ",
-            p,
-            " didn’t attempt",
-            /* @__PURE__ */ e("br", {}),
-            "any problems."
-          ] })
-        ]
-      }
-    )
-  ] });
-});
-export {
-  Ce as default
-};
-//# sourceMappingURL=session-report.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"session-report.js","sources":["../../../../../src/features/trial-session/comps/session-report/session-report.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport { getPreferencesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport { useUIContext } from '../../../ui/context/context';\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 { useGetSessionReports } from '../../api/trial-home';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { getFormattedStudentPersonalizedPreference } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport { studentLevels } from '../student-feedback/student-feedback-constants';\nimport ReportCard from './report-card';\nimport * as Styled from './session-report-styled';\n\nconst SessionReport = memo(() => {\n  const { onEvent: trackEvent } = useUIContext();\n  const { formData, milestoneConfig } = useTrialSessionContext();\n  const { name, grade, attemptId = 'shg', personalizedLevel = [] } = formData || {};\n\n  const {\n    data: sessionReports,\n    get: getSessionReports,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetSessionReports();\n\n  const selectedSessionLevel = useMemo(() => {\n    const selectedLabel =\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.LEVEL,\n      })?.find(sessionLevel => sessionLevel.id === personalizedLevel?.[0])?.label ?? '';\n\n    return studentLevels[selectedLabel.toLowerCase()];\n  }, [grade, milestoneConfig, personalizedLevel]);\n\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 fetchData = useCallback(() => {\n    const studentLevel = getFormattedStudentPersonalizedPreference(\n      milestoneConfig,\n      personalizedLevel,\n    );\n\n    if (attemptId && name && studentLevel.length > 0) {\n      getSessionReports(attemptId, {\n        student_level: studentLevel[0]?.preference_name ?? '',\n        student_name: name,\n      });\n    }\n  }, [attemptId, getSessionReports, milestoneConfig, name, personalizedLevel]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\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} />\n          <ReportCard title=\"Solved without help\" value={solvedIndependently} />\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} />\n          <ReportCard title=\"Needed help in\" value={newConceptsLearnt} />\n          <ReportCard title=\"Improvement shown in\" value={solvedWithHelp} />\n          <ReportCard\n            title=\"Improvement\"\n            value={`${Math.round((solvedWithHelp / newConceptsLearnt) * 100)}%`}\n          />\n        </>\n      );\n    }\n\n    return null;\n  }, [newConceptsLearnt, problemsAttempted, solvedIndependently, solvedWithHelp]);\n\n  if (isProcessingFailed) {\n    return <Error height=\"70vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !sessionReports) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader textToInsert={selectedSessionLevel?.title ?? ''} />\n      {renderReportsInfoCard ? (\n        <Styled.ContentWrapper $width={750} $borderColor=\"BLACK_1\">\n          <Styled.ReportWrapper $flexDirection=\"row\" $height={100} $background=\"YELLOW_1\">\n            {renderReportsInfoCard}\n          </Styled.ReportWrapper>\n          <Styled.TopicWrapper $flexDirection=\"row\" $background=\"WHITE_1\">\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={35}\n                    $gutter={29}\n                    $flex={1}\n                    $alignItems=\"center\"\n                    $opacity={isAttempted ? 1 : 0.4}\n                  >\n                    <Styled.TopicImage\n                      $active={!!isAttempted}\n                      src={topicImage || defaultTopicImage}\n                      borderRadius={96}\n                      height={96}\n                      width={96}\n                      alt=\"topic\"\n                      withLoader\n                    />\n                    <Separator height={12} />\n                    <Text $renderAs=\"ab3-black\" $align=\"center\">\n                      {topicName}\n                    </Text>\n                    <Separator height={2} />\n                    <Text $renderAs=\"ub3\" $align=\"center\">\n                      {summary}\n                    </Text>\n                  </FlexView>\n                );\n              })}\n          </Styled.TopicWrapper>\n          <FlexView\n            $flexDirection=\"row\"\n            $background=\"YELLOW_3\"\n            $flexGap={4}\n            $alignItems=\"center\"\n            $gap={9}\n            $gutter={8}\n          >\n            <Image\n              src={ILLUSTRATIONS.COMMUNITY_BULB}\n              width={80}\n              height={80}\n              withLoader\n              alt=\"bulb\"\n            />\n            <FlexView $flex={1}>\n              <Text $renderAs=\"ab2-black\">\n                Next Steps: <Styled.InlineText $renderAs=\"ab2\">{nextSteps}</Styled.InlineText>\n              </Text>\n            </FlexView>\n          </FlexView>\n        </Styled.ContentWrapper>\n      ) : (\n        <Styled.ContentWrapper\n          $width={750}\n          $height={400}\n          $borderColor=\"BLACK_1\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $background=\"WHITE_1\"\n        >\n          <Image\n            src={ILLUSTRATIONS.REPORT_404}\n            height={152}\n            width={152}\n            withLoader\n            alt=\"report-404\"\n          />\n          <Text $renderAs=\"ab1-bold\" $color=\"BLACK_T_60\" $align=\"center\">\n            Oops! {name} didn’t attempt\n            <br />\n            any problems.\n          </Text>\n        </Styled.ContentWrapper>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default SessionReport;\n"],"names":["SessionReport","memo","trackEvent","useUIContext","formData","milestoneConfig","useTrialSessionContext","name","grade","attemptId","personalizedLevel","sessionReports","getSessionReports","isProcessing","isProcessingFailed","useGetSessionReports","selectedSessionLevel","useMemo","selectedLabel","_b","_a","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","sessionLevel","studentLevels","nextSteps","topicData","solvedWithHelp","problemsAttempted","newConceptsLearnt","solvedIndependently","defaultTopicImage","fetchData","useCallback","studentLevel","getFormattedStudentPersonalizedPreference","useEffect","renderReportsInfoCard","jsxs","Fragment","jsx","ReportCard","Error","AppLoader","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","Styled.ReportWrapper","Styled.TopicWrapper","topic","topicName","topicImage","summary","isAttempted","FlexView","Styled.TopicImage","Text","Image","ILLUSTRATIONS","Styled.InlineText"],"mappings":"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"}

package/dist/features/trial-session/comps/slide-header/index.js

@@ -1,20 +0,0 @@
-import { jsxs as l, Fragment as d, jsx as t } from "react/jsx-runtime";
-import { memo as c, useMemo as p } from "react";
-import f from "styled-components";
-import h from "../../../ui/separator/separator.js";
-import n from "../../../ui/text/text.js";
-import { useTrialSessionContext as u } from "../../context/use-trial-session-context.js";
-const g = f(n)`
-  white-space: pre-wrap;
-`, A = c((i) => {
-  const { marginBottom: r = 50, textToInsert: o } = i, { slideConfig: s } = u(), { header: a, subHeader: e } = s, m = p(() => e ? r - 20 : r, [r, e]);
-  return /* @__PURE__ */ l(d, { children: [
-    /* @__PURE__ */ t(g, { $renderAs: "ah3-bold", $align: "center", children: a }),
-    e ? /* @__PURE__ */ t(n, { $renderAs: "ub2-bold", $align: "center", $color: "BLACK_T_60", children: o ? e.replace("/insert-text/", o) : e }) : null,
-    /* @__PURE__ */ t(h, { height: m })
-  ] });
-});
-export {
-  A as default
-};
-//# sourceMappingURL=index.js.map

package/dist/features/trial-session/comps/slide-header/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/slide-header/index.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\n\ninterface ISlideHeader {\n  marginBottom?: number;\n  textToInsert?: string;\n}\n\nconst Header = styled(Text)`\n  white-space: pre-wrap;\n`;\n\nconst SlideHeader: FC<ISlideHeader> = memo(props => {\n  const { marginBottom = 50, textToInsert } = props;\n  const { slideConfig } = useTrialSessionContext();\n  const { header, subHeader } = slideConfig;\n\n  const bottomSeparatorHeight = useMemo(() => {\n    if (subHeader) {\n      return marginBottom - 20;\n    }\n\n    return marginBottom;\n  }, [marginBottom, subHeader]);\n\n  return (\n    <>\n      <Header $renderAs=\"ah3-bold\" $align=\"center\">\n        {header}\n      </Header>\n      {subHeader ? (\n        <Text $renderAs=\"ub2-bold\" $align=\"center\" $color=\"BLACK_T_60\">\n          {textToInsert ? subHeader.replace('/insert-text/', textToInsert) : subHeader}\n        </Text>\n      ) : null}\n      <Separator height={bottomSeparatorHeight} />\n    </>\n  );\n});\n\nexport default SlideHeader;\n"],"names":["Header","styled","Text","SlideHeader","memo","props","marginBottom","textToInsert","slideConfig","useTrialSessionContext","header","subHeader","bottomSeparatorHeight","useMemo","jsxs","Fragment","jsx","Separator"],"mappings":";;;;;;AAcA,MAAMA,IAASC,EAAOC,CAAI;AAAA;AAAA,GAIpBC,IAAgCC,EAAK,CAASC,MAAA;AAClD,QAAM,EAAE,cAAAC,IAAe,IAAI,cAAAC,EAAA,IAAiBF,GACtC,EAAE,aAAAG,MAAgBC,KAClB,EAAE,QAAAC,GAAQ,WAAAC,EAAc,IAAAH,GAExBI,IAAwBC,EAAQ,MAChCF,IACKL,IAAe,KAGjBA,GACN,CAACA,GAAcK,CAAS,CAAC;AAE5B,SAEI,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAAChB,GAAO,EAAA,WAAU,YAAW,QAAO,UACjC,UACHU,GAAA;AAAA,IACCC,IACE,gBAAAK,EAAAd,GAAA,EAAK,WAAU,YAAW,QAAO,UAAS,QAAO,cAC/C,UAAAK,IAAeI,EAAU,QAAQ,iBAAiBJ,CAAY,IAAII,EACrE,CAAA,IACE;AAAA,IACJ,gBAAAK,EAACC,GAAU,EAAA,QAAQL,EAAuB,CAAA;AAAA,EAC5C,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/solutions/index.js

@@ -1,36 +0,0 @@
-import { jsxs as t, jsx as e, Fragment as c } from "react/jsx-runtime";
-import i from "../../../ui/layout/flex-view.js";
-import l from "../../../ui/separator/separator.js";
-import d from "../../../ui/text/text.js";
-import { SolutionContainer as f, ChatIcon as x, SolutionText as h, SolutionImage as p } from "./solutions.styled.js";
-const y = ({ solutions: o }) => o && o.length > 0 ? /* @__PURE__ */ t(i, { children: [
-  /* @__PURE__ */ e(d, { $renderAs: "eyebrow2", $color: "REAL_BLACK_60", children: "SOLUTIONS" }),
-  /* @__PURE__ */ e(l, { height: 8 }),
-  /* @__PURE__ */ e(f, { $flexDirection: "column", $flexGap: 8, children: o.map((m) => {
-    const { media: r, text: n, media_type: a } = m;
-    return /* @__PURE__ */ t(
-      i,
-      {
-        $flexDirection: "row",
-        $justifyContent: "flex-start",
-        $alignItems: "start",
-        $flexGap: 8,
-        children: [
-          /* @__PURE__ */ e(x, {}),
-          /* @__PURE__ */ t(i, { children: [
-            n && /* @__PURE__ */ t(c, { children: [
-              /* @__PURE__ */ e(h, { $renderAs: "body2", children: n }),
-              r && /* @__PURE__ */ e(l, {})
-            ] }),
-            a === "image" && r && /* @__PURE__ */ e(p, { src: r })
-          ] })
-        ]
-      },
-      r || n
-    );
-  }) })
-] }) : null;
-export {
-  y as default
-};
-//# sourceMappingURL=index.js.map