@cuemath/leap 4.0.2 → 4.0.3

package/dist/features/timeline/monthly-timeline/comps/monthly-card/monthly-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"monthly-card.js","sources":["../../../../../../src/features/timeline/monthly-timeline/comps/monthly-card/monthly-card.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\n\nimport { type IMonthlyReportCardProps } from './monthly-card-types';\nimport * as Styled from './monthly-card.styled';\nimport GoalsCard from '../../monthly-report/comps/goals/goals-card/goals-card';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport Text from '../../../../ui/text/text';\nimport Image from '../../../../ui/image/image';\nimport { monthNames, REPORT_CONFIG } from '../../constants';\nimport { REPORT_TYPE } from '../../monthly-timeline-types';\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\n\nconst MonthlyReportCard: FC<IMonthlyReportCardProps> = ({\n  report,\n  year,\n  month,\n  onReportClick,\n  reportType,\n  courseStream,\n}) => {\n  const handleReportClick = useCallback(() => {\n    if (onReportClick) {\n      onReportClick(report?.id || '', reportType, year, monthNames[month - 1] || '');\n    }\n  }, [month, onReportClick, report?.id, reportType, year]);\n\n  let config = { label: '', icon: '' };\n\n  if (reportType === REPORT_TYPE.PTM) {\n    config = REPORT_CONFIG.PTM ?? { label: 'Report', icon: 'full' };\n  } else if (reportType === REPORT_TYPE.MPR_V1) {\n    config = REPORT_CONFIG.MPR_V1 ?? { label: 'Report', icon: 'full' };\n  } else if (reportType === REPORT_TYPE.MPR_V2) {\n    config = REPORT_CONFIG[\n      ('MPR_V2_' + (courseStream || '').toLowerCase()) as keyof typeof REPORT_CONFIG\n    ] ?? {\n      label: 'Report',\n      icon: 'full',\n    };\n  }\n\n  const reportMilestones =\n    reportType === REPORT_TYPE.PTM ? [] : report?.progress_data?.user_milestones || [];\n\n  const hasNoMprV2Milestones =\n    reportType === REPORT_TYPE.MPR_V2 && !report?.progress_data?.user_milestones?.length;\n\n  if (hasNoMprV2Milestones) {\n    return (\n      <FlexView\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $flexGapX={0.5}\n        $gutterX={1}\n        $gapX={1}\n        $borderColor=\"WHITE_5\"\n        $background=\"WHITE_3\"\n        $heightX={4.5}\n      >\n        <Image src={ILLUSTRATIONS.NO_REPORT} alt=\"report icon\" withLoader width={32} height={32} />\n        <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n          Report unavailable - no activity this month.\n        </Text>\n      </FlexView>\n    );\n  }\n\n  return (\n    <Clickable\n      onClick={handleReportClick}\n      disabled={!report?.id && reportType !== REPORT_TYPE.MPR_V1}\n      label=\"Report Card click\"\n    >\n      <FlexView $flexGap={1} $borderColor=\"BLACK_1\">\n        {!!reportMilestones.length && (\n          <Styled.GoalsSection $flexGap={1}>\n            {reportMilestones.map((milestone, milestoneIndex) => (\n              <GoalsCard\n                key={milestone.user_milestone_id || milestoneIndex}\n                category={milestone.goal_category}\n                milestone={milestone}\n                isExpended={false}\n              />\n            ))}\n          </Styled.GoalsSection>\n        )}\n        <FlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"space-between\"\n          $background=\"BLACK_1\"\n          $heightX={3}\n        >\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={0.5} $gutterX={1}>\n            <Image src={config.icon} alt=\"report icon\" withLoader width={32} height={32} />\n            <Text $renderAs=\"ub2-bold\" $color=\"WHITE\">\n              {config.label}\n            </Text>\n          </FlexView>\n          <FlexView $gutterX={0.75}>\n            <CaratRightIcon width={24} height={24} color=\"WHITE\" />\n          </FlexView>\n        </FlexView>\n      </FlexView>\n    </Clickable>\n  );\n};\n\nexport default memo(MonthlyReportCard);\n"],"names":["MonthlyReportCard","report","year","month","onReportClick","reportType","courseStream","handleReportClick","useCallback","monthNames","config","REPORT_TYPE","REPORT_CONFIG","reportMilestones","_a","_c","_b","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Text","Clickable","Styled.GoalsSection","milestone","milestoneIndex","GoalsCard","CaratRightIcon","MonthlyReportCard$1","memo"],"mappings":"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"}
+{"version":3,"file":"monthly-card.js","sources":["../../../../../../src/features/timeline/monthly-timeline/comps/monthly-card/monthly-card.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\n\nimport { type IMonthlyReportCardProps } from './monthly-card-types';\nimport * as Styled from './monthly-card.styled';\nimport GoalsCard from '../../monthly-report/comps/goals/goals-card/goals-card';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport Text from '../../../../ui/text/text';\nimport Image from '../../../../ui/image/image';\nimport { monthNames, REPORT_CONFIG } from '../../constants';\nimport { REPORT_TYPE } from '../../monthly-timeline-types';\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\n\nconst MonthlyReportCard: FC<IMonthlyReportCardProps> = ({\n  report,\n  year,\n  month,\n  onReportClick,\n  reportType,\n  courseStream,\n}) => {\n  const handleReportClick = useCallback(() => {\n    if (onReportClick) {\n      onReportClick(report?.id || '', reportType, year, monthNames[month - 1] || '');\n    }\n  }, [month, onReportClick, report?.id, reportType, year]);\n\n  let config = { label: '', icon: '' };\n\n  if (reportType === REPORT_TYPE.PTM) {\n    config = REPORT_CONFIG.PTM ?? { label: 'Report', icon: 'full' };\n  } else if (reportType === REPORT_TYPE.MPR_V1) {\n    config = REPORT_CONFIG.MPR_V1 ?? { label: 'Report', icon: 'full' };\n  } else if (reportType === REPORT_TYPE.MPR_V2) {\n    config = REPORT_CONFIG[\n      ('MPR_V2_' + (courseStream || '').toLowerCase()) as keyof typeof REPORT_CONFIG\n    ] ?? {\n      label: 'Report',\n      icon: 'full',\n    };\n  }\n\n  const reportMilestones =\n    reportType === REPORT_TYPE.PTM ? [] : report?.progress_data?.user_milestones || [];\n\n  const hasNoMprV2Milestones =\n    reportType === REPORT_TYPE.MPR_V2 && !report?.progress_data?.user_milestones?.length;\n\n  if (hasNoMprV2Milestones) {\n    return (\n      <FlexView\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $flexGapX={0.5}\n        $gutterX={1}\n        $gapX={1}\n        $borderColor=\"WHITE_5\"\n        $background=\"WHITE_3\"\n        $heightX={4.5}\n      >\n        <Image src={ILLUSTRATIONS.NO_REPORT} alt=\"report icon\" withLoader width={32} height={32} />\n        <Text $renderAs=\"ub3\" $color=\"BLACK_1\">\n          Report unavailable - no activity this month.\n        </Text>\n      </FlexView>\n    );\n  }\n\n  return (\n    <Clickable\n      onClick={handleReportClick}\n      disabled={!report?.id && reportType !== REPORT_TYPE.MPR_V1}\n      label=\"Report Card click\"\n    >\n      <FlexView $flexGap={1} $borderColor=\"BLACK_1\">\n        {!!reportMilestones.length && (\n          <Styled.GoalsSection $flexGap={1}>\n            {reportMilestones.map((milestone, milestoneIndex) => (\n              <GoalsCard\n                key={milestone.user_milestone_id || milestoneIndex}\n                category={milestone.goal_category}\n                milestone={milestone}\n                isExpended={false}\n              />\n            ))}\n          </Styled.GoalsSection>\n        )}\n        <FlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"space-between\"\n          $background=\"BLACK_1\"\n          $heightX={3}\n        >\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={0.5} $gutterX={1}>\n            <Image src={config.icon} alt=\"report icon\" withLoader width={32} height={32} />\n            <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n              {config.label}\n            </Text>\n          </FlexView>\n          <FlexView $gutterX={0.75}>\n            <CaratRightIcon width={24} height={24} color=\"WHITE\" />\n          </FlexView>\n        </FlexView>\n      </FlexView>\n    </Clickable>\n  );\n};\n\nexport default memo(MonthlyReportCard);\n"],"names":["MonthlyReportCard","report","year","month","onReportClick","reportType","courseStream","handleReportClick","useCallback","monthNames","config","REPORT_TYPE","REPORT_CONFIG","reportMilestones","_a","_c","_b","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Text","Clickable","Styled.GoalsSection","milestone","milestoneIndex","GoalsCard","CaratRightIcon","MonthlyReportCard$1","memo"],"mappings":"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"}

package/dist/features/timeline/monthly-timeline/monthly-report/comps/achievements/achievements.js

@@ -28,7 +28,7 @@ const _ = ({ achievements: o, studentName: e }) => {
   return o != null && o.length ? /* @__PURE__ */ g(m, { children: [
     /* @__PURE__ */ r(a, { $renderAs: "ab1-bold", color: "BLACK_1", children: "Achievements" }),
     /* @__PURE__ */ r(n, { heightX: 0.125 }),
-    /* @__PURE__ */ r(m, { $marginBottom: -24, children: /* @__PURE__ */ r(a, { $renderAs: "ub2", color: "BLUE_6", children: p }) }),
+    /* @__PURE__ */ r(m, { $marginBottom: -24, children: /* @__PURE__ */ r(a, { $renderAs: "ub3", color: "BLUE_6", children: p }) }),
     t && /* @__PURE__ */ r(n, { heightX: 1 }),
     /* @__PURE__ */ r(
       x,

package/dist/features/timeline/monthly-timeline/monthly-report/comps/achievements/achievements.js.map

@@ -1 +1 @@
-{"version":3,"file":"achievements.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/achievements/achievements.tsx"],"sourcesContent":["import { memo, useMemo, useRef, type FC } from 'react';\n\nimport { type IAchievementsProps } from './achievements-types';\nimport * as Styled from './achievements.styled';\nimport Text from '../../../../../ui/text/text';\nimport Separator from '../../../../../ui/separator/separator';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport SwipeableCarousel from '../../../../../ui/swipeable-carousel/swipeable-carousel';\nimport { IS_APP_RUNNING_IN_RN } from '../../../../../../constants/app-config';\nimport type { ISwipeableCarouselRefs } from '../../../../../ui/swipeable-carousel/swipeable-carousel-types';\nimport { dotsConfig, navigationConfig } from './constant';\n\nconst Achievements: FC<IAchievementsProps> = ({ achievements, studentName }) => {\n  const carouselRef = useRef<ISwipeableCarouselRefs>(null);\n\n  const carouselItems = useMemo(\n    () =>\n      achievements.map(achievement => (\n        <Styled.CarousalItem\n          key={achievement.asset_id}\n          src={achievement.url}\n          alt={`Achievement ${achievement.asset_id}`}\n          withLoader\n          height={IS_APP_RUNNING_IN_RN ? '343px' : '480px'}\n          width={IS_APP_RUNNING_IN_RN ? '343px' : '480px'}\n        />\n      )),\n    [achievements],\n  );\n\n  const tipText = useMemo(\n    () =>\n      achievements.length >= 2\n        ? `Outstanding month! ${studentName} earned several achievements showing excellent progress across different areas.`\n        : `Great work! ${studentName} earned new achievements this month, demonstrating growth in their skills.`,\n    [achievements.length, studentName],\n  );\n\n  const showNavigationButtons = !IS_APP_RUNNING_IN_RN && carouselItems.length > 1;\n\n  if (!achievements?.length) {\n    return null;\n  }\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\" color=\"BLACK_1\">\n        Achievements\n      </Text>\n      <Separator heightX={0.125} />\n      <FlexView $marginBottom={-24}>\n        <Text $renderAs=\"ub2\" color=\"BLUE_6\">\n          {tipText}\n        </Text>\n      </FlexView>\n      {IS_APP_RUNNING_IN_RN && <Separator heightX={1} />}\n      <Styled.CarouselWrapper\n        $height={IS_APP_RUNNING_IN_RN ? '380px' : '580px'}\n        $marginBottomX={IS_APP_RUNNING_IN_RN ? -0.5 : -1}\n      >\n        <SwipeableCarousel\n          ref={carouselRef}\n          items={carouselItems}\n          defaultIndex={0}\n          transitionDuration={300}\n          showIndicators={true}\n          dotsConfig={dotsConfig}\n          showNavigationButtons={showNavigationButtons}\n          navigationConfig={navigationConfig}\n        />\n      </Styled.CarouselWrapper>\n      <Separator heightX={0.75} />\n    </FlexView>\n  );\n};\n\nexport default memo(Achievements);\n"],"names":["Achievements","achievements","studentName","carouselRef","useRef","carouselItems","useMemo","achievement","jsx","Styled.CarousalItem","IS_APP_RUNNING_IN_RN","tipText","showNavigationButtons","FlexView","Text","Separator","Styled.CarouselWrapper","SwipeableCarousel","dotsConfig","navigationConfig","Achievements$1","memo"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAuC,CAAC,EAAE,cAAAC,GAAc,aAAAC,QAAkB;AACxE,QAAAC,IAAcC,EAA+B,IAAI,GAEjDC,IAAgBC;AAAA,IACpB,MACEL,EAAa,IAAI,CACfM,MAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,KAAKF,EAAY;AAAA,QACjB,KAAK,eAAeA,EAAY,QAAQ;AAAA,QACxC,YAAU;AAAA,QACV,QAAQG,IAAuB,UAAU;AAAA,QACzC,OAAOA,IAAuB,UAAU;AAAA,MAAA;AAAA,MALnCH,EAAY;AAAA,IAAA,CAOpB;AAAA,IACH,CAACN,CAAY;AAAA,EAAA,GAGTU,IAAUL;AAAA,IACd,MACEL,EAAa,UAAU,IACnB,sBAAsBC,CAAW,oFACjC,eAAeA,CAAW;AAAA,IAChC,CAACD,EAAa,QAAQC,CAAW;AAAA,EAAA,GAG7BU,IAAwB,CAACF,KAAwBL,EAAc,SAAS;AAE1E,SAACJ,KAAA,QAAAA,EAAc,2BAKhBY,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAL,EAACM,GAAK,EAAA,WAAU,YAAW,OAAM,WAAU,UAE3C,gBAAA;AAAA,IACA,gBAAAN,EAACO,GAAU,EAAA,SAAS,MAAO,CAAA;AAAA,IAC3B,gBAAAP,EAACK,GAAS,EAAA,eAAe,KACvB,UAAA,gBAAAL,EAACM,GAAK,EAAA,WAAU,OAAM,OAAM,UACzB,UAAAH,EACH,CAAA,GACF;AAAA,IACCD,KAAwB,gBAAAF,EAACO,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IAChD,gBAAAP;AAAA,MAACQ;AAAAA,MAAA;AAAA,QACC,SAASN,IAAuB,UAAU;AAAA,QAC1C,gBAAgBA,IAAuB,OAAO;AAAA,QAE9C,UAAA,gBAAAF;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,KAAKd;AAAA,YACL,OAAOE;AAAA,YACP,cAAc;AAAA,YACd,oBAAoB;AAAA,YACpB,gBAAgB;AAAA,YAChB,YAAAa;AAAA,YACA,uBAAAN;AAAA,YACA,kBAAAO;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAX,EAACO,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,EAC5B,EAAA,CAAA,IA/BO;AAiCX,GAEeK,IAAAC,EAAKrB,CAAY;"}
+{"version":3,"file":"achievements.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/achievements/achievements.tsx"],"sourcesContent":["import { memo, useMemo, useRef, type FC } from 'react';\n\nimport { type IAchievementsProps } from './achievements-types';\nimport * as Styled from './achievements.styled';\nimport Text from '../../../../../ui/text/text';\nimport Separator from '../../../../../ui/separator/separator';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport SwipeableCarousel from '../../../../../ui/swipeable-carousel/swipeable-carousel';\nimport { IS_APP_RUNNING_IN_RN } from '../../../../../../constants/app-config';\nimport type { ISwipeableCarouselRefs } from '../../../../../ui/swipeable-carousel/swipeable-carousel-types';\nimport { dotsConfig, navigationConfig } from './constant';\n\nconst Achievements: FC<IAchievementsProps> = ({ achievements, studentName }) => {\n  const carouselRef = useRef<ISwipeableCarouselRefs>(null);\n\n  const carouselItems = useMemo(\n    () =>\n      achievements.map(achievement => (\n        <Styled.CarousalItem\n          key={achievement.asset_id}\n          src={achievement.url}\n          alt={`Achievement ${achievement.asset_id}`}\n          withLoader\n          height={IS_APP_RUNNING_IN_RN ? '343px' : '480px'}\n          width={IS_APP_RUNNING_IN_RN ? '343px' : '480px'}\n        />\n      )),\n    [achievements],\n  );\n\n  const tipText = useMemo(\n    () =>\n      achievements.length >= 2\n        ? `Outstanding month! ${studentName} earned several achievements showing excellent progress across different areas.`\n        : `Great work! ${studentName} earned new achievements this month, demonstrating growth in their skills.`,\n    [achievements.length, studentName],\n  );\n\n  const showNavigationButtons = !IS_APP_RUNNING_IN_RN && carouselItems.length > 1;\n\n  if (!achievements?.length) {\n    return null;\n  }\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\" color=\"BLACK_1\">\n        Achievements\n      </Text>\n      <Separator heightX={0.125} />\n      <FlexView $marginBottom={-24}>\n        <Text $renderAs=\"ub3\" color=\"BLUE_6\">\n          {tipText}\n        </Text>\n      </FlexView>\n      {IS_APP_RUNNING_IN_RN && <Separator heightX={1} />}\n      <Styled.CarouselWrapper\n        $height={IS_APP_RUNNING_IN_RN ? '380px' : '580px'}\n        $marginBottomX={IS_APP_RUNNING_IN_RN ? -0.5 : -1}\n      >\n        <SwipeableCarousel\n          ref={carouselRef}\n          items={carouselItems}\n          defaultIndex={0}\n          transitionDuration={300}\n          showIndicators={true}\n          dotsConfig={dotsConfig}\n          showNavigationButtons={showNavigationButtons}\n          navigationConfig={navigationConfig}\n        />\n      </Styled.CarouselWrapper>\n      <Separator heightX={0.75} />\n    </FlexView>\n  );\n};\n\nexport default memo(Achievements);\n"],"names":["Achievements","achievements","studentName","carouselRef","useRef","carouselItems","useMemo","achievement","jsx","Styled.CarousalItem","IS_APP_RUNNING_IN_RN","tipText","showNavigationButtons","FlexView","Text","Separator","Styled.CarouselWrapper","SwipeableCarousel","dotsConfig","navigationConfig","Achievements$1","memo"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAuC,CAAC,EAAE,cAAAC,GAAc,aAAAC,QAAkB;AACxE,QAAAC,IAAcC,EAA+B,IAAI,GAEjDC,IAAgBC;AAAA,IACpB,MACEL,EAAa,IAAI,CACfM,MAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,KAAKF,EAAY;AAAA,QACjB,KAAK,eAAeA,EAAY,QAAQ;AAAA,QACxC,YAAU;AAAA,QACV,QAAQG,IAAuB,UAAU;AAAA,QACzC,OAAOA,IAAuB,UAAU;AAAA,MAAA;AAAA,MALnCH,EAAY;AAAA,IAAA,CAOpB;AAAA,IACH,CAACN,CAAY;AAAA,EAAA,GAGTU,IAAUL;AAAA,IACd,MACEL,EAAa,UAAU,IACnB,sBAAsBC,CAAW,oFACjC,eAAeA,CAAW;AAAA,IAChC,CAACD,EAAa,QAAQC,CAAW;AAAA,EAAA,GAG7BU,IAAwB,CAACF,KAAwBL,EAAc,SAAS;AAE1E,SAACJ,KAAA,QAAAA,EAAc,2BAKhBY,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAL,EAACM,GAAK,EAAA,WAAU,YAAW,OAAM,WAAU,UAE3C,gBAAA;AAAA,IACA,gBAAAN,EAACO,GAAU,EAAA,SAAS,MAAO,CAAA;AAAA,IAC3B,gBAAAP,EAACK,GAAS,EAAA,eAAe,KACvB,UAAA,gBAAAL,EAACM,GAAK,EAAA,WAAU,OAAM,OAAM,UACzB,UAAAH,EACH,CAAA,GACF;AAAA,IACCD,KAAwB,gBAAAF,EAACO,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IAChD,gBAAAP;AAAA,MAACQ;AAAAA,MAAA;AAAA,QACC,SAASN,IAAuB,UAAU;AAAA,QAC1C,gBAAgBA,IAAuB,OAAO;AAAA,QAE9C,UAAA,gBAAAF;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,KAAKd;AAAA,YACL,OAAOE;AAAA,YACP,cAAc;AAAA,YACd,oBAAoB;AAAA,YACpB,gBAAgB;AAAA,YAChB,YAAAa;AAAA,YACA,uBAAAN;AAAA,YACA,kBAAAO;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAX,EAACO,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,EAC5B,EAAA,CAAA,IA/BO;AAiCX,GAEeK,IAAAC,EAAKrB,CAAY;"}

package/dist/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card/activities-card.js

@@ -84,7 +84,7 @@ const N = {
               ),
               /* @__PURE__ */ l(n, { children: [
                 /* @__PURE__ */ o(k, { cardHeader: b, nodeType: f }),
-                /* @__PURE__ */ o(m, { $renderAs: "ub3", $color: "BLACK_1", children: x })
+                /* @__PURE__ */ o(m, { $renderAs: "ub4", $color: "BLACK_1", children: x })
               ] })
             ]
           }
@@ -106,8 +106,8 @@ const N = {
           }
         ) }),
         /* @__PURE__ */ l(n, { $flexRowGap: 4, children: [
-          /* @__PURE__ */ o(m, { $renderAs: "ub2", $color: "BLACK_1", children: i || "" }),
-          /* @__PURE__ */ o(m, { $renderAs: "ub3", $color: "BLACK_T_60", children: c || "" })
+          /* @__PURE__ */ o(m, { $renderAs: "ub3", $color: "BLACK_1", children: i || "" }),
+          /* @__PURE__ */ o(m, { $renderAs: "ub4", $color: "BLACK_T_60", children: c || "" })
         ] })
       ] }, `${R}-${z}`)),
       w && /* @__PURE__ */ o(n, { $gutterX: 2, children: /* @__PURE__ */ o(

package/dist/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card/activities-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"activities-card.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card/activities-card.tsx"],"sourcesContent":["import { memo, type FC, useRef, useCallback, useMemo, useState } from 'react';\n\nimport { type IActivitiesCardProps } from './activities-card-types';\nimport { getCardTypeIconMap, stateIcon } from '../constants';\nimport { CARD_TYPE } from '../../../monthly-report-types';\nimport * as Styled from './activities-card.styled';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../../../ui/lottie-animation/lottie-animation';\nimport { type ILottieAnimationRef } from '../../../../../../ui/lottie-animation/types';\nimport Text from '../../../../../../ui/text/text';\nimport CardTitle from '../../../../../../homework/card-title';\nimport { type TColorNames } from '../../../../../../ui/types';\nimport ActivitiesCardPuzzles from '../activities-card-puzzles/activities-card-puzzles';\nimport { NODE_STATE } from '../../../../../daily-timeline/daily-timeline-types';\nimport TextButton from '../../../../../../ui/buttons/text-button/text-button';\nimport { countActivitiesByState } from '../utils';\n\nconst lottieSettings = {\n  autoplay: false,\n  loop: true,\n  renderer: 'canvas',\n};\n\nconst ActivitiesCard: FC<IActivitiesCardProps> = ({\n  cardType,\n  nodeType,\n  activitiesList = [],\n  onPuzzleClick,\n}) => {\n  const lottieRef = useRef<ILottieAnimationRef>(null);\n  const [showAllActivities, setShowAllActivities] = useState(false);\n\n  const progressStatus = useMemo(() => {\n    const { totalDone, totalPending, totalOverdue } = countActivitiesByState(activitiesList);\n\n    return [\n      totalDone > 0 && `${totalDone} Done`,\n      totalPending > 0 && `${totalPending} In-progress`,\n      totalOverdue > 0 && `${totalOverdue} Overdue`,\n    ]\n      .filter(Boolean)\n      .join(', ');\n  }, [activitiesList]);\n  const cardHeaderText = useMemo(() => (cardType ? cardType.split('_').join(' ') : ''), [cardType]);\n  const { displayedActivities, remainingCount } = useMemo(() => {\n    if (cardType === CARD_TYPE.puzzle) {\n      return { displayedActivities: activitiesList, remainingCount: 0 };\n    }\n\n    const maxVisible = 3;\n    const hasMore = activitiesList.length > maxVisible;\n\n    if (showAllActivities || !hasMore) {\n      return { displayedActivities: activitiesList, remainingCount: 0 };\n    }\n\n    return {\n      displayedActivities: activitiesList.slice(0, maxVisible),\n      remainingCount: activitiesList.length - maxVisible,\n    };\n  }, [activitiesList, showAllActivities, cardType]);\n\n  const shouldShowToggleButton =\n    (remainingCount > 0 || showAllActivities) && activitiesList.length > 3;\n\n  const handleMouseEnter = useCallback(() => {\n    lottieRef.current?.play();\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    lottieRef.current?.stop();\n  }, []);\n\n  const handleToggleActivities = useCallback(() => {\n    setShowAllActivities(prev => !prev);\n  }, []);\n\n  return (\n    <FlexView onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n      <Styled.ActivityCardContainerWrapper\n        $background={getCardTypeIconMap(cardType).color as TColorNames}\n      >\n        <Styled.ActivityCardContainer\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $height=\"56px\"\n          $bgImage={getCardTypeIconMap(cardType).background}\n          $gutterX={0.78125}\n          $flexGap={8.5}\n        >\n          <FlexView\n            $widthX={2}\n            $heightX={2}\n            $borderRadiusX={2}\n            $background=\"WHITE_1\"\n            $position=\"relative\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n          >\n            <LottieAnimation\n              ref={lottieRef}\n              src={getCardTypeIconMap(cardType).lottie}\n              width={32}\n              height={32}\n              settings={lottieSettings}\n            />\n          </FlexView>\n          <FlexView>\n            <CardTitle cardHeader={cardHeaderText} nodeType={nodeType} />\n            <Text $renderAs=\"ub3\" $color=\"BLACK_1\">\n              {progressStatus}\n            </Text>\n          </FlexView>\n        </Styled.ActivityCardContainer>\n      </Styled.ActivityCardContainerWrapper>\n      {activitiesList.length > 0 &&\n        (cardType === CARD_TYPE.puzzle ? (\n          <ActivitiesCardPuzzles puzzles={activitiesList} onPuzzleClick={onPuzzleClick} />\n        ) : (\n          <FlexView $flexRowGapX={1.25} $gutterX={1} $gapX={1} $borderColor=\"GREY_2\">\n            {displayedActivities.map(({ state, title, subtext, id }, index) => (\n              <FlexView $flexDirection=\"row\" $flexGapX={1.05} key={`${id}-${index}`}>\n                <FlexView $gapX={0.25}>\n                  <FlexView\n                    $borderRadiusX={1}\n                    $background={\n                      state === NODE_STATE.PENDING || state === NODE_STATE.NOT_STARTED\n                        ? 'RED'\n                        : 'BLACK_1'\n                    }\n                    $widthX={1}\n                    $heightX={1}\n                    $alignItems=\"center\"\n                    $justifyContent=\"center\"\n                  >\n                    {!!state && stateIcon[state as NODE_STATE]}\n                  </FlexView>\n                </FlexView>\n                <FlexView $flexRowGap={4}>\n                  <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n                    {title || ''}\n                  </Text>\n                  <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                    {subtext || ''}\n                  </Text>\n                </FlexView>\n              </FlexView>\n            ))}\n            {shouldShowToggleButton && (\n              <FlexView $gutterX={2}>\n                <TextButton\n                  label={showAllActivities ? 'Show less' : `+${remainingCount} activities`}\n                  size=\"regular\"\n                  color=\"BLACK_1\"\n                  onClick={handleToggleActivities}\n                />\n              </FlexView>\n            )}\n          </FlexView>\n        ))}\n    </FlexView>\n  );\n};\n\nexport default memo(ActivitiesCard);\n"],"names":["lottieSettings","ActivitiesCard","cardType","nodeType","activitiesList","onPuzzleClick","lottieRef","useRef","showAllActivities","setShowAllActivities","useState","progressStatus","useMemo","totalDone","totalPending","totalOverdue","countActivitiesByState","cardHeaderText","displayedActivities","remainingCount","CARD_TYPE","maxVisible","hasMore","shouldShowToggleButton","handleMouseEnter","useCallback","_a","handleMouseLeave","handleToggleActivities","prev","jsxs","FlexView","jsx","Styled.ActivityCardContainerWrapper","getCardTypeIconMap","Styled.ActivityCardContainer","LottieAnimation","CardTitle","Text","ActivitiesCardPuzzles","state","title","subtext","id","index","NODE_STATE","stateIcon","TextButton","ActivitiesCard$1","memo"],"mappings":"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"}
+{"version":3,"file":"activities-card.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card/activities-card.tsx"],"sourcesContent":["import { memo, type FC, useRef, useCallback, useMemo, useState } from 'react';\n\nimport { type IActivitiesCardProps } from './activities-card-types';\nimport { getCardTypeIconMap, stateIcon } from '../constants';\nimport { CARD_TYPE } from '../../../monthly-report-types';\nimport * as Styled from './activities-card.styled';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../../../ui/lottie-animation/lottie-animation';\nimport { type ILottieAnimationRef } from '../../../../../../ui/lottie-animation/types';\nimport Text from '../../../../../../ui/text/text';\nimport CardTitle from '../../../../../../homework/card-title';\nimport { type TColorNames } from '../../../../../../ui/types';\nimport ActivitiesCardPuzzles from '../activities-card-puzzles/activities-card-puzzles';\nimport { NODE_STATE } from '../../../../../daily-timeline/daily-timeline-types';\nimport TextButton from '../../../../../../ui/buttons/text-button/text-button';\nimport { countActivitiesByState } from '../utils';\n\nconst lottieSettings = {\n  autoplay: false,\n  loop: true,\n  renderer: 'canvas',\n};\n\nconst ActivitiesCard: FC<IActivitiesCardProps> = ({\n  cardType,\n  nodeType,\n  activitiesList = [],\n  onPuzzleClick,\n}) => {\n  const lottieRef = useRef<ILottieAnimationRef>(null);\n  const [showAllActivities, setShowAllActivities] = useState(false);\n\n  const progressStatus = useMemo(() => {\n    const { totalDone, totalPending, totalOverdue } = countActivitiesByState(activitiesList);\n\n    return [\n      totalDone > 0 && `${totalDone} Done`,\n      totalPending > 0 && `${totalPending} In-progress`,\n      totalOverdue > 0 && `${totalOverdue} Overdue`,\n    ]\n      .filter(Boolean)\n      .join(', ');\n  }, [activitiesList]);\n  const cardHeaderText = useMemo(() => (cardType ? cardType.split('_').join(' ') : ''), [cardType]);\n  const { displayedActivities, remainingCount } = useMemo(() => {\n    if (cardType === CARD_TYPE.puzzle) {\n      return { displayedActivities: activitiesList, remainingCount: 0 };\n    }\n\n    const maxVisible = 3;\n    const hasMore = activitiesList.length > maxVisible;\n\n    if (showAllActivities || !hasMore) {\n      return { displayedActivities: activitiesList, remainingCount: 0 };\n    }\n\n    return {\n      displayedActivities: activitiesList.slice(0, maxVisible),\n      remainingCount: activitiesList.length - maxVisible,\n    };\n  }, [activitiesList, showAllActivities, cardType]);\n\n  const shouldShowToggleButton =\n    (remainingCount > 0 || showAllActivities) && activitiesList.length > 3;\n\n  const handleMouseEnter = useCallback(() => {\n    lottieRef.current?.play();\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    lottieRef.current?.stop();\n  }, []);\n\n  const handleToggleActivities = useCallback(() => {\n    setShowAllActivities(prev => !prev);\n  }, []);\n\n  return (\n    <FlexView onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n      <Styled.ActivityCardContainerWrapper\n        $background={getCardTypeIconMap(cardType).color as TColorNames}\n      >\n        <Styled.ActivityCardContainer\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $height=\"56px\"\n          $bgImage={getCardTypeIconMap(cardType).background}\n          $gutterX={0.78125}\n          $flexGap={8.5}\n        >\n          <FlexView\n            $widthX={2}\n            $heightX={2}\n            $borderRadiusX={2}\n            $background=\"WHITE_1\"\n            $position=\"relative\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n          >\n            <LottieAnimation\n              ref={lottieRef}\n              src={getCardTypeIconMap(cardType).lottie}\n              width={32}\n              height={32}\n              settings={lottieSettings}\n            />\n          </FlexView>\n          <FlexView>\n            <CardTitle cardHeader={cardHeaderText} nodeType={nodeType} />\n            <Text $renderAs=\"ub4\" $color=\"BLACK_1\">\n              {progressStatus}\n            </Text>\n          </FlexView>\n        </Styled.ActivityCardContainer>\n      </Styled.ActivityCardContainerWrapper>\n      {activitiesList.length > 0 &&\n        (cardType === CARD_TYPE.puzzle ? (\n          <ActivitiesCardPuzzles puzzles={activitiesList} onPuzzleClick={onPuzzleClick} />\n        ) : (\n          <FlexView $flexRowGapX={1.25} $gutterX={1} $gapX={1} $borderColor=\"GREY_2\">\n            {displayedActivities.map(({ state, title, subtext, id }, index) => (\n              <FlexView $flexDirection=\"row\" $flexGapX={1.05} key={`${id}-${index}`}>\n                <FlexView $gapX={0.25}>\n                  <FlexView\n                    $borderRadiusX={1}\n                    $background={\n                      state === NODE_STATE.PENDING || state === NODE_STATE.NOT_STARTED\n                        ? 'RED'\n                        : 'BLACK_1'\n                    }\n                    $widthX={1}\n                    $heightX={1}\n                    $alignItems=\"center\"\n                    $justifyContent=\"center\"\n                  >\n                    {!!state && stateIcon[state as NODE_STATE]}\n                  </FlexView>\n                </FlexView>\n                <FlexView $flexRowGap={4}>\n                  <Text $renderAs=\"ub3\" $color=\"BLACK_1\">\n                    {title || ''}\n                  </Text>\n                  <Text $renderAs=\"ub4\" $color=\"BLACK_T_60\">\n                    {subtext || ''}\n                  </Text>\n                </FlexView>\n              </FlexView>\n            ))}\n            {shouldShowToggleButton && (\n              <FlexView $gutterX={2}>\n                <TextButton\n                  label={showAllActivities ? 'Show less' : `+${remainingCount} activities`}\n                  size=\"regular\"\n                  color=\"BLACK_1\"\n                  onClick={handleToggleActivities}\n                />\n              </FlexView>\n            )}\n          </FlexView>\n        ))}\n    </FlexView>\n  );\n};\n\nexport default memo(ActivitiesCard);\n"],"names":["lottieSettings","ActivitiesCard","cardType","nodeType","activitiesList","onPuzzleClick","lottieRef","useRef","showAllActivities","setShowAllActivities","useState","progressStatus","useMemo","totalDone","totalPending","totalOverdue","countActivitiesByState","cardHeaderText","displayedActivities","remainingCount","CARD_TYPE","maxVisible","hasMore","shouldShowToggleButton","handleMouseEnter","useCallback","_a","handleMouseLeave","handleToggleActivities","prev","jsxs","FlexView","jsx","Styled.ActivityCardContainerWrapper","getCardTypeIconMap","Styled.ActivityCardContainer","LottieAnimation","CardTitle","Text","ActivitiesCardPuzzles","state","title","subtext","id","index","NODE_STATE","stateIcon","TextButton","ActivitiesCard$1","memo"],"mappings":"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"}

package/dist/features/timeline/monthly-timeline/monthly-report/comps/attendance/attendance.js

@@ -22,10 +22,10 @@ const j = ({
   ), A = i(() => e ? Object.values(e).some((o) => o.length > 0) : !1, [e]);
   return !e || Object.keys(e).length === 0 || !A || !n ? null : /* @__PURE__ */ l(d, { children: [
     /* @__PURE__ */ r(m, { $renderAs: "ab1-bold", $color: "BLACK_1", children: "Attendance" }),
-    /* @__PURE__ */ r(m, { $renderAs: "ub2-bold", $color: "BLACK_T_60", children: u }),
+    /* @__PURE__ */ r(m, { $renderAs: "ub3-bold", $color: "BLACK_T_60", children: u }),
     /* @__PURE__ */ r(b, { heightX: 1 }),
     /* @__PURE__ */ l(d, { $borderColor: "WHITE_5", children: [
-      /* @__PURE__ */ r(R, { children: _.DAY_HEADERS.map((o) => /* @__PURE__ */ r(m, { $align: "center", $renderAs: "ub3", $color: "BLACK_T_60", children: o }, o)) }),
+      /* @__PURE__ */ r(R, { children: _.DAY_HEADERS.map((o) => /* @__PURE__ */ r(m, { $align: "center", $renderAs: "ub4", $color: "BLACK_T_60", children: o }, o)) }),
       /* @__PURE__ */ r(S, { children: n.map((o, s) => {
         const h = s % 7 === 6, p = Math.ceil(n.length / 7), $ = Math.floor(s / 7) + 1 === p;
         return /* @__PURE__ */ r(

package/dist/features/timeline/monthly-timeline/monthly-report/comps/attendance/attendance.js.map

@@ -1 +1 @@
-{"version":3,"file":"attendance.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/attendance/attendance.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport { CALENDAR_CONFIG } from './attendance-constants';\nimport type { IAttendanceProps } from './attendance-types';\nimport { attendanceStatsText, generateCalendarGrid } from './attendance-utils';\nimport * as Styled from './attendance.styled';\nimport AttendenceView from './attendence-view';\n\nconst Attendance: FC<IAttendanceProps> = ({\n  calendarData,\n  reportMonth,\n  reportYear,\n  onDateClick,\n}) => {\n  const attendanceStats = useMemo(\n    () => !!calendarData && attendanceStatsText(calendarData),\n    [calendarData],\n  );\n  const calendarGrid = useMemo(\n    () => !!calendarData && generateCalendarGrid(calendarData, reportMonth, reportYear),\n    [calendarData, reportMonth, reportYear],\n  );\n\n  const hasClasses = useMemo(() => {\n    if (!calendarData) return false;\n\n    return Object.values(calendarData).some(dayClasses => dayClasses.length > 0);\n  }, [calendarData]);\n\n  if (!calendarData || Object.keys(calendarData).length === 0 || !hasClasses || !calendarGrid) {\n    return null;\n  }\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\" $color=\"BLACK_1\">\n        Attendance\n      </Text>\n      <Text $renderAs=\"ub2-bold\" $color=\"BLACK_T_60\">\n        {attendanceStats}\n      </Text>\n      <Separator heightX={1} />\n      <FlexView $borderColor=\"WHITE_5\">\n        <Styled.CalendarHeader>\n          {CALENDAR_CONFIG.DAY_HEADERS.map(dayLetter => (\n            <Text $align=\"center\" $renderAs=\"ub3\" $color=\"BLACK_T_60\" key={dayLetter}>\n              {dayLetter}\n            </Text>\n          ))}\n        </Styled.CalendarHeader>\n        <Styled.CalendarBody>\n          {calendarGrid.map((day, index) => {\n            const isSunday = index % 7 === 6;\n            const totalRows = Math.ceil(calendarGrid.length / 7);\n            const currentRow = Math.floor(index / 7) + 1;\n            const isLastRow = currentRow === totalRows;\n\n            return (\n              <AttendenceView\n                day={day}\n                key={day ? `day-${day.date}` : `empty-${index}`}\n                reportMonth={reportMonth}\n                onDateClick={onDateClick}\n                isSunday={isSunday}\n                isLastRow={isLastRow}\n              />\n            );\n          })}\n        </Styled.CalendarBody>\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(Attendance);\n"],"names":["Attendance","calendarData","reportMonth","reportYear","onDateClick","attendanceStats","useMemo","attendanceStatsText","calendarGrid","generateCalendarGrid","hasClasses","dayClasses","FlexView","jsx","Text","Separator","jsxs","Styled.CalendarHeader","dayLetter","Styled.CalendarBody","day","index","isSunday","totalRows","isLastRow","AttendenceView","Attendance$1","memo"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAmC,CAAC;AAAA,EACxC,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAMC,IAAkBC;AAAA,IACtB,MAAM,CAAC,CAACL,KAAgBM,EAAoBN,CAAY;AAAA,IACxD,CAACA,CAAY;AAAA,EAAA,GAETO,IAAeF;AAAA,IACnB,MAAM,CAAC,CAACL,KAAgBQ,EAAqBR,GAAcC,GAAaC,CAAU;AAAA,IAClF,CAACF,GAAcC,GAAaC,CAAU;AAAA,EAAA,GAGlCO,IAAaJ,EAAQ,MACpBL,IAEE,OAAO,OAAOA,CAAY,EAAE,KAAK,CAAcU,MAAAA,EAAW,SAAS,CAAC,IAFjD,IAGzB,CAACV,CAAY,CAAC;AAEb,SAAA,CAACA,KAAgB,OAAO,KAAKA,CAAY,EAAE,WAAW,KAAK,CAACS,KAAc,CAACF,IACtE,yBAINI,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,cAAA;AAAA,sBACCA,GAAK,EAAA,WAAU,YAAW,QAAO,cAC/B,UACHT,GAAA;AAAA,IACA,gBAAAQ,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAC,EAACJ,GAAS,EAAA,cAAa,WACrB,UAAA;AAAA,MAAA,gBAAAC,EAACI,GAAA,EACE,YAAgB,YAAY,IAAI,OAC9B,gBAAAJ,EAAAC,GAAA,EAAK,QAAO,UAAS,WAAU,OAAM,QAAO,cAC1C,UAD4DI,EAAA,GAAAA,CAE/D,CACD,GACH;AAAA,MACA,gBAAAL,EAACM,GAAA,EACE,YAAa,IAAI,CAACC,GAAKC,MAAU;AAC1B,cAAAC,IAAWD,IAAQ,MAAM,GACzBE,IAAY,KAAK,KAAKf,EAAa,SAAS,CAAC,GAE7CgB,IADa,KAAK,MAAMH,IAAQ,CAAC,IAAI,MACVE;AAG/B,eAAA,gBAAAV;AAAA,UAACY;AAAA,UAAA;AAAA,YACC,KAAAL;AAAA,YAEA,aAAAlB;AAAA,YACA,aAAAE;AAAA,YACA,UAAAkB;AAAA,YACA,WAAAE;AAAA,UAAA;AAAA,UAJKJ,IAAM,OAAOA,EAAI,IAAI,KAAK,SAASC,CAAK;AAAA,QAAA;AAAA,MAOlD,CAAA,GACH;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeK,IAAAC,EAAK3B,CAAU;"}
+{"version":3,"file":"attendance.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/attendance/attendance.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport { CALENDAR_CONFIG } from './attendance-constants';\nimport type { IAttendanceProps } from './attendance-types';\nimport { attendanceStatsText, generateCalendarGrid } from './attendance-utils';\nimport * as Styled from './attendance.styled';\nimport AttendenceView from './attendence-view';\n\nconst Attendance: FC<IAttendanceProps> = ({\n  calendarData,\n  reportMonth,\n  reportYear,\n  onDateClick,\n}) => {\n  const attendanceStats = useMemo(\n    () => !!calendarData && attendanceStatsText(calendarData),\n    [calendarData],\n  );\n  const calendarGrid = useMemo(\n    () => !!calendarData && generateCalendarGrid(calendarData, reportMonth, reportYear),\n    [calendarData, reportMonth, reportYear],\n  );\n\n  const hasClasses = useMemo(() => {\n    if (!calendarData) return false;\n\n    return Object.values(calendarData).some(dayClasses => dayClasses.length > 0);\n  }, [calendarData]);\n\n  if (!calendarData || Object.keys(calendarData).length === 0 || !hasClasses || !calendarGrid) {\n    return null;\n  }\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\" $color=\"BLACK_1\">\n        Attendance\n      </Text>\n      <Text $renderAs=\"ub3-bold\" $color=\"BLACK_T_60\">\n        {attendanceStats}\n      </Text>\n      <Separator heightX={1} />\n      <FlexView $borderColor=\"WHITE_5\">\n        <Styled.CalendarHeader>\n          {CALENDAR_CONFIG.DAY_HEADERS.map(dayLetter => (\n            <Text $align=\"center\" $renderAs=\"ub4\" $color=\"BLACK_T_60\" key={dayLetter}>\n              {dayLetter}\n            </Text>\n          ))}\n        </Styled.CalendarHeader>\n        <Styled.CalendarBody>\n          {calendarGrid.map((day, index) => {\n            const isSunday = index % 7 === 6;\n            const totalRows = Math.ceil(calendarGrid.length / 7);\n            const currentRow = Math.floor(index / 7) + 1;\n            const isLastRow = currentRow === totalRows;\n\n            return (\n              <AttendenceView\n                day={day}\n                key={day ? `day-${day.date}` : `empty-${index}`}\n                reportMonth={reportMonth}\n                onDateClick={onDateClick}\n                isSunday={isSunday}\n                isLastRow={isLastRow}\n              />\n            );\n          })}\n        </Styled.CalendarBody>\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(Attendance);\n"],"names":["Attendance","calendarData","reportMonth","reportYear","onDateClick","attendanceStats","useMemo","attendanceStatsText","calendarGrid","generateCalendarGrid","hasClasses","dayClasses","FlexView","jsx","Text","Separator","jsxs","Styled.CalendarHeader","dayLetter","Styled.CalendarBody","day","index","isSunday","totalRows","isLastRow","AttendenceView","Attendance$1","memo"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAmC,CAAC;AAAA,EACxC,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAMC,IAAkBC;AAAA,IACtB,MAAM,CAAC,CAACL,KAAgBM,EAAoBN,CAAY;AAAA,IACxD,CAACA,CAAY;AAAA,EAAA,GAETO,IAAeF;AAAA,IACnB,MAAM,CAAC,CAACL,KAAgBQ,EAAqBR,GAAcC,GAAaC,CAAU;AAAA,IAClF,CAACF,GAAcC,GAAaC,CAAU;AAAA,EAAA,GAGlCO,IAAaJ,EAAQ,MACpBL,IAEE,OAAO,OAAOA,CAAY,EAAE,KAAK,CAAcU,MAAAA,EAAW,SAAS,CAAC,IAFjD,IAGzB,CAACV,CAAY,CAAC;AAEb,SAAA,CAACA,KAAgB,OAAO,KAAKA,CAAY,EAAE,WAAW,KAAK,CAACS,KAAc,CAACF,IACtE,yBAINI,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,cAAA;AAAA,sBACCA,GAAK,EAAA,WAAU,YAAW,QAAO,cAC/B,UACHT,GAAA;AAAA,IACA,gBAAAQ,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAC,EAACJ,GAAS,EAAA,cAAa,WACrB,UAAA;AAAA,MAAA,gBAAAC,EAACI,GAAA,EACE,YAAgB,YAAY,IAAI,OAC9B,gBAAAJ,EAAAC,GAAA,EAAK,QAAO,UAAS,WAAU,OAAM,QAAO,cAC1C,UAD4DI,EAAA,GAAAA,CAE/D,CACD,GACH;AAAA,MACA,gBAAAL,EAACM,GAAA,EACE,YAAa,IAAI,CAACC,GAAKC,MAAU;AAC1B,cAAAC,IAAWD,IAAQ,MAAM,GACzBE,IAAY,KAAK,KAAKf,EAAa,SAAS,CAAC,GAE7CgB,IADa,KAAK,MAAMH,IAAQ,CAAC,IAAI,MACVE;AAG/B,eAAA,gBAAAV;AAAA,UAACY;AAAA,UAAA;AAAA,YACC,KAAAL;AAAA,YAEA,aAAAlB;AAAA,YACA,aAAAE;AAAA,YACA,UAAAkB;AAAA,YACA,WAAAE;AAAA,UAAA;AAAA,UAJKJ,IAAM,OAAOA,EAAI,IAAI,KAAK,SAASC,CAAK;AAAA,QAAA;AAAA,MAOlD,CAAA,GACH;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeK,IAAAC,EAAK3B,CAAU;"}

package/dist/features/timeline/monthly-timeline/monthly-report/comps/goals/goals-card/goal-chapter-card.js

@@ -27,9 +27,9 @@ const E = ({ chapters: t }) => !t || t.length === 0 ? null : t.map((o, u) => {
           }
         ),
         /* @__PURE__ */ e(c, { children: [
-          /* @__PURE__ */ n(i, { $renderAs: "ub2", $color: "BLACK_1", children: o.chapter_name }),
+          /* @__PURE__ */ n(i, { $renderAs: "ub3", $color: "BLACK_1", children: o.chapter_name }),
           /* @__PURE__ */ e(c, { $flexDirection: "row", $alignItems: "center", $flexGapX: 0.25, children: [
-            /* @__PURE__ */ n(i, { $renderAs: "ub3", $color: "BLACK_T_60", children: p ? "Completed" : `${r}% completed` }),
+            /* @__PURE__ */ n(i, { $renderAs: "ub4", $color: "BLACK_T_60", children: p ? "Completed" : `${r}% completed` }),
             l && !p && /* @__PURE__ */ e(i, { $renderAs: "ab3", $color: "GREEN_6", children: [
               "(+",
               Math.round(s),

package/dist/features/timeline/monthly-timeline/monthly-report/comps/goals/goals-card/goal-chapter-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"goal-chapter-card.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/goals/goals-card/goal-chapter-card.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport { type IGoalsCardChaptersProps } from './goals-card-types';\nimport Text from '../../../../../../ui/text/text';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport ChapterCircularProgress from '../../../../../../chapters/chapters-list/chapter-item/chapter-circular-progress/chapter-circular-progress';\nimport { calculateProgress } from '../goals-constants';\n\nconst GoalsCardChapters: FC<IGoalsCardChaptersProps> = ({ chapters }) => {\n  if (!chapters || chapters.length === 0) {\n    return null;\n  }\n\n  return chapters.map((chapter, i) => {\n    const { completed, total } = chapter.progress_stat;\n    const { completed: prevCompleted, total: prevTotal } = chapter.previous_progress_stat || {};\n    const progress = calculateProgress(completed, total);\n    const previousProgress = calculateProgress(prevCompleted || 0, prevTotal || 0);\n    const progressDifference = progress - previousProgress;\n    const showDelta =\n      chapter.previous_progress_stat && progressDifference > 0 && total === prevTotal;\n    const delta = showDelta ? progressDifference : 0;\n    const isCompoleted = progress === 100;\n\n    return (\n      <FlexView\n        $flexDirection=\"row\"\n        $flexGapX={1}\n        $gutterX={1}\n        key={`${chapter.chapter_name}-${i}`}\n      >\n        {chapter.image_url && (\n          <ChapterCircularProgress\n            completionPercentage={showDelta ? previousProgress : progress}\n            imageUrl={chapter.image_url}\n            delta={delta}\n            imageWidth={42}\n            iconWidth={16}\n            deltaProgressColor=\"GREEN_5\"\n            iconColor=\"WHITE\"\n            iconBackgroundColor=\"BLACK_1\"\n            iconPosition={{ top: 0, right: 0 }}\n          />\n        )}\n        <FlexView>\n          <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n            {chapter.chapter_name}\n          </Text>\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={0.25}>\n            <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n              {isCompoleted ? 'Completed' : `${progress}% completed`}\n            </Text>\n            {showDelta && !isCompoleted && (\n              <Text $renderAs=\"ab3\" $color=\"GREEN_6\">\n                (+{Math.round(progressDifference)}%)\n              </Text>\n            )}\n          </FlexView>\n        </FlexView>\n      </FlexView>\n    );\n  });\n};\n\nexport default GoalsCardChapters;\n"],"names":["GoalsCardChapters","chapters","chapter","i","completed","total","prevCompleted","prevTotal","progress","calculateProgress","previousProgress","progressDifference","showDelta","delta","isCompoleted","jsxs","FlexView","jsx","ChapterCircularProgress","Text"],"mappings":";;;;;AAQA,MAAMA,IAAiD,CAAC,EAAE,UAAAC,QACpD,CAACA,KAAYA,EAAS,WAAW,IAC5B,OAGFA,EAAS,IAAI,CAACC,GAASC,MAAM;AAClC,QAAM,EAAE,WAAAC,GAAW,OAAAC,MAAUH,EAAQ,eAC/B,EAAE,WAAWI,GAAe,OAAOC,MAAcL,EAAQ,0BAA0B,IACnFM,IAAWC,EAAkBL,GAAWC,CAAK,GAC7CK,IAAmBD,EAAkBH,KAAiB,GAAGC,KAAa,CAAC,GACvEI,IAAqBH,IAAWE,GAChCE,IACJV,EAAQ,0BAA0BS,IAAqB,KAAKN,MAAUE,GAClEM,IAAQD,IAAYD,IAAqB,GACzCG,IAAeN,MAAa;AAGhC,SAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,WAAW;AAAA,MACX,UAAU;AAAA,MAGT,UAAA;AAAA,QAAAd,EAAQ,aACP,gBAAAe;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,sBAAsBN,IAAYF,IAAmBF;AAAA,YACrD,UAAUN,EAAQ;AAAA,YAClB,OAAAW;AAAA,YACA,YAAY;AAAA,YACZ,WAAW;AAAA,YACX,oBAAmB;AAAA,YACnB,WAAU;AAAA,YACV,qBAAoB;AAAA,YACpB,cAAc,EAAE,KAAK,GAAG,OAAO,EAAE;AAAA,UAAA;AAAA,QACnC;AAAA,0BAEDG,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAC,EAACE,KAAK,WAAU,OAAM,QAAO,WAC1B,YAAQ,cACX;AAAA,4BACCH,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,WAAW,MAC7D,UAAA;AAAA,YAAC,gBAAAC,EAAAE,GAAA,EAAK,WAAU,OAAM,QAAO,cAC1B,UAAeL,IAAA,cAAc,GAAGN,CAAQ,cAC3C,CAAA;AAAA,YACCI,KAAa,CAACE,KACb,gBAAAC,EAACI,KAAK,WAAU,OAAM,QAAO,WAAU,UAAA;AAAA,cAAA;AAAA,cAClC,KAAK,MAAMR,CAAkB;AAAA,cAAE;AAAA,YAAA,GACpC;AAAA,UAAA,GAEJ;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,IA7BK,GAAGT,EAAQ,YAAY,IAAIC,CAAC;AAAA,EAAA;AA8BnC,CAEH;"}
+{"version":3,"file":"goal-chapter-card.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/goals/goals-card/goal-chapter-card.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport { type IGoalsCardChaptersProps } from './goals-card-types';\nimport Text from '../../../../../../ui/text/text';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport ChapterCircularProgress from '../../../../../../chapters/chapters-list/chapter-item/chapter-circular-progress/chapter-circular-progress';\nimport { calculateProgress } from '../goals-constants';\n\nconst GoalsCardChapters: FC<IGoalsCardChaptersProps> = ({ chapters }) => {\n  if (!chapters || chapters.length === 0) {\n    return null;\n  }\n\n  return chapters.map((chapter, i) => {\n    const { completed, total } = chapter.progress_stat;\n    const { completed: prevCompleted, total: prevTotal } = chapter.previous_progress_stat || {};\n    const progress = calculateProgress(completed, total);\n    const previousProgress = calculateProgress(prevCompleted || 0, prevTotal || 0);\n    const progressDifference = progress - previousProgress;\n    const showDelta =\n      chapter.previous_progress_stat && progressDifference > 0 && total === prevTotal;\n    const delta = showDelta ? progressDifference : 0;\n    const isCompoleted = progress === 100;\n\n    return (\n      <FlexView\n        $flexDirection=\"row\"\n        $flexGapX={1}\n        $gutterX={1}\n        key={`${chapter.chapter_name}-${i}`}\n      >\n        {chapter.image_url && (\n          <ChapterCircularProgress\n            completionPercentage={showDelta ? previousProgress : progress}\n            imageUrl={chapter.image_url}\n            delta={delta}\n            imageWidth={42}\n            iconWidth={16}\n            deltaProgressColor=\"GREEN_5\"\n            iconColor=\"WHITE\"\n            iconBackgroundColor=\"BLACK_1\"\n            iconPosition={{ top: 0, right: 0 }}\n          />\n        )}\n        <FlexView>\n          <Text $renderAs=\"ub3\" $color=\"BLACK_1\">\n            {chapter.chapter_name}\n          </Text>\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={0.25}>\n            <Text $renderAs=\"ub4\" $color=\"BLACK_T_60\">\n              {isCompoleted ? 'Completed' : `${progress}% completed`}\n            </Text>\n            {showDelta && !isCompoleted && (\n              <Text $renderAs=\"ab3\" $color=\"GREEN_6\">\n                (+{Math.round(progressDifference)}%)\n              </Text>\n            )}\n          </FlexView>\n        </FlexView>\n      </FlexView>\n    );\n  });\n};\n\nexport default GoalsCardChapters;\n"],"names":["GoalsCardChapters","chapters","chapter","i","completed","total","prevCompleted","prevTotal","progress","calculateProgress","previousProgress","progressDifference","showDelta","delta","isCompoleted","jsxs","FlexView","jsx","ChapterCircularProgress","Text"],"mappings":";;;;;AAQA,MAAMA,IAAiD,CAAC,EAAE,UAAAC,QACpD,CAACA,KAAYA,EAAS,WAAW,IAC5B,OAGFA,EAAS,IAAI,CAACC,GAASC,MAAM;AAClC,QAAM,EAAE,WAAAC,GAAW,OAAAC,MAAUH,EAAQ,eAC/B,EAAE,WAAWI,GAAe,OAAOC,MAAcL,EAAQ,0BAA0B,IACnFM,IAAWC,EAAkBL,GAAWC,CAAK,GAC7CK,IAAmBD,EAAkBH,KAAiB,GAAGC,KAAa,CAAC,GACvEI,IAAqBH,IAAWE,GAChCE,IACJV,EAAQ,0BAA0BS,IAAqB,KAAKN,MAAUE,GAClEM,IAAQD,IAAYD,IAAqB,GACzCG,IAAeN,MAAa;AAGhC,SAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,WAAW;AAAA,MACX,UAAU;AAAA,MAGT,UAAA;AAAA,QAAAd,EAAQ,aACP,gBAAAe;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,sBAAsBN,IAAYF,IAAmBF;AAAA,YACrD,UAAUN,EAAQ;AAAA,YAClB,OAAAW;AAAA,YACA,YAAY;AAAA,YACZ,WAAW;AAAA,YACX,oBAAmB;AAAA,YACnB,WAAU;AAAA,YACV,qBAAoB;AAAA,YACpB,cAAc,EAAE,KAAK,GAAG,OAAO,EAAE;AAAA,UAAA;AAAA,QACnC;AAAA,0BAEDG,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAC,EAACE,KAAK,WAAU,OAAM,QAAO,WAC1B,YAAQ,cACX;AAAA,4BACCH,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,WAAW,MAC7D,UAAA;AAAA,YAAC,gBAAAC,EAAAE,GAAA,EAAK,WAAU,OAAM,QAAO,cAC1B,UAAeL,IAAA,cAAc,GAAGN,CAAQ,cAC3C,CAAA;AAAA,YACCI,KAAa,CAACE,KACb,gBAAAC,EAACI,KAAK,WAAU,OAAM,QAAO,WAAU,UAAA;AAAA,cAAA;AAAA,cAClC,KAAK,MAAMR,CAAkB;AAAA,cAAE;AAAA,YAAA,GACpC;AAAA,UAAA,GAEJ;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,IA7BK,GAAGT,EAAQ,YAAY,IAAIC,CAAC;AAAA,EAAA;AA8BnC,CAEH;"}

package/dist/features/timeline/monthly-timeline/monthly-report/comps/goals/goals-card/goals-card.js

@@ -69,7 +69,7 @@ const q = ({ category: $, milestone: L, isExpended: o = !1 }) => {
           ] }),
           I && /* @__PURE__ */ e(h, { children: [
             /* @__PURE__ */ r(C, { heightX: 0.875 }),
-            /* @__PURE__ */ r(E, { $gapX: 0.5, $gutterX: 1, $background: l.tagColor, children: /* @__PURE__ */ r(s, { $renderAs: "ub3", $color: "BLACK_1", children: "Learning plan was modified — progress updated accordingly." }) })
+            /* @__PURE__ */ r(E, { $gapX: 0.5, $gutterX: 1, $background: l.tagColor, children: /* @__PURE__ */ r(s, { $renderAs: "ub4", $color: "BLACK_1", children: "Learning plan was modified — progress updated accordingly." }) })
           ] })
         ]
       }

package/dist/features/timeline/monthly-timeline/monthly-report/comps/goals/goals-card/goals-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"goals-card.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/goals/goals-card/goals-card.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useMemo, useState } from 'react';\n\nimport { type IGoalsCardProps } from '../goals-types';\nimport { calculateProgress, GOAL_CATEGORY_CONFIG } from '../goals-constants';\nimport * as Styled from './goals-card-styled';\nimport Text from '../../../../../../ui/text/text';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../../ui/separator/separator';\nimport Image from '../../../../../../ui/image/image';\nimport GoalsCardChapters from './goal-chapter-card';\nimport LinearProgressBar from '../../../../../../ui/linear-progress-bar/linear-progress-bar';\nimport TextButton from '../../../../../../ui/buttons/text-button/text-button';\n\nconst GoalsCard: FC<IGoalsCardProps> = ({ category, milestone, isExpended = false }) => {\n  const [showAllChapters, setShowAllChapters] = useState(false);\n  const {\n    milestone_name: milestoneName,\n    user_chapters: userChapters,\n    progress_stat: progressStat,\n    previous_progress_stat: prevProgressStat,\n  } = milestone;\n  const { completed, total } = progressStat;\n  const { completed: prevCompleted, total: prevTotal } = prevProgressStat ?? {};\n  const currentProgress = calculateProgress(completed, total);\n  const previousProgress =\n    prevProgressStat && prevCompleted && prevTotal\n      ? calculateProgress(prevCompleted, prevTotal)\n      : 0;\n\n  const progressDifference = currentProgress - previousProgress;\n  const showIndicator = Boolean(prevProgressStat && progressDifference > 0 && total === prevTotal);\n  const showTag = Boolean(prevProgressStat && (progressDifference < 0 || total !== prevTotal));\n  const isCompleted = currentProgress === 100;\n  const roundedProgress = Math.round(currentProgress);\n  const roundedDifference = Math.round(progressDifference);\n\n  const totalChapters = userChapters.length;\n  const visibleChapters = userChapters.slice(0, 2);\n  const remainingChapters = Math.max(0, totalChapters - 2);\n  const hiddenChapters = showAllChapters ? userChapters.slice(2) : [];\n  const hasRemainingChapters = remainingChapters > 0;\n\n  const categoryConfig = useMemo(() => GOAL_CATEGORY_CONFIG[category], [category]);\n  const icon = categoryConfig.icon;\n\n  const handleToggleChapters = useCallback(() => {\n    setShowAllChapters(prev => !prev);\n  }, []);\n\n  return (\n    <FlexView>\n      <FlexView\n        $position=\"relative\"\n        $background={categoryConfig.backgroundColor}\n        $borderColor={isExpended ? 'WHITE_5' : undefined}\n        $gutterX={1}\n        $gapX={1}\n      >\n        <FlexView $flexDirection=\"row\" $flexGapX={isExpended ? 1 : 0.5}>\n          {icon && (\n            <Image\n              src={icon}\n              withLoader\n              width={isExpended ? 40 : 32}\n              height={isExpended ? 40 : 32}\n              alt={categoryConfig.label}\n            />\n          )}\n          <FlexView>\n            {isExpended && (\n              <>\n                <Text $renderAs=\"ac5\" $color={categoryConfig.labelColor}>\n                  {categoryConfig.label}\n                </Text>\n                <Separator heightX={0.25} />\n              </>\n            )}\n            <Text $renderAs=\"ab2\" $color=\"BLACK_1\">\n              {milestoneName}\n            </Text>\n            <Separator heightX={isExpended ? 0.5 : 0.125} />\n            <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={0.25}>\n              <Text $renderAs=\"ab3\" $color=\"BLACK_T_60\">\n                {isCompleted ? 'Completed' : `${roundedProgress}% complete`}\n              </Text>\n              {showIndicator && !isCompleted && (\n                <Text $renderAs=\"ab3\" $color=\"GREEN_6\">\n                  (+{roundedDifference}%)\n                </Text>\n              )}\n            </FlexView>\n          </FlexView>\n          <Styled.ProgressBarContainer>\n            <LinearProgressBar\n              percentage={showIndicator ? previousProgress : currentProgress}\n              delta={showIndicator ? progressDifference : 0}\n              height={4}\n              backgroundColor=\"WHITE_5\"\n              fillColor=\"BLACK_1\"\n              deltaProgressColor=\"GREEN_5\"\n            />\n          </Styled.ProgressBarContainer>\n        </FlexView>\n        {showTag && (\n          <>\n            <Separator heightX={0.875} />\n            <Styled.TagContainer $gapX={0.5} $gutterX={1} $background={categoryConfig.tagColor}>\n              <Text $renderAs=\"ub3\" $color=\"BLACK_1\">\n                Learning plan was modified — progress updated accordingly.\n              </Text>\n            </Styled.TagContainer>\n          </>\n        )}\n      </FlexView>\n      {isExpended && totalChapters > 0 && (\n        <Styled.ChaptersContainer\n          $gapX={1}\n          $flexDirection=\"column\"\n          $flexGapX={1.25}\n          $borderColor=\"WHITE_5\"\n        >\n          <GoalsCardChapters chapters={visibleChapters} />\n          {hasRemainingChapters && (\n            <>\n              {!showAllChapters && (\n                <FlexView $gutterX={4.5}>\n                  <TextButton\n                    label={`+${remainingChapters} chapters`}\n                    size=\"regular\"\n                    color=\"BLACK_1\"\n                    onClick={handleToggleChapters}\n                  />\n                </FlexView>\n              )}\n              {showAllChapters && (\n                <>\n                  <GoalsCardChapters chapters={hiddenChapters} />\n                  <FlexView $gutterX={4.5}>\n                    <TextButton\n                      label=\"Show less\"\n                      size=\"regular\"\n                      color=\"BLACK_1\"\n                      onClick={handleToggleChapters}\n                    />\n                  </FlexView>\n                </>\n              )}\n            </>\n          )}\n        </Styled.ChaptersContainer>\n      )}\n    </FlexView>\n  );\n};\n\nexport default memo(GoalsCard);\n"],"names":["GoalsCard","category","milestone","isExpended","showAllChapters","setShowAllChapters","useState","milestoneName","userChapters","progressStat","prevProgressStat","completed","total","prevCompleted","prevTotal","currentProgress","calculateProgress","previousProgress","progressDifference","showIndicator","showTag","isCompleted","roundedProgress","roundedDifference","totalChapters","visibleChapters","remainingChapters","hiddenChapters","hasRemainingChapters","categoryConfig","useMemo","GOAL_CATEGORY_CONFIG","icon","handleToggleChapters","useCallback","prev","FlexView","jsxs","jsx","Image","Fragment","Text","Separator","Styled.ProgressBarContainer","LinearProgressBar","Styled.TagContainer","Styled.ChaptersContainer","GoalsCardChapters","TextButton","GoalsCard$1","memo"],"mappings":"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"}
+{"version":3,"file":"goals-card.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/goals/goals-card/goals-card.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useMemo, useState } from 'react';\n\nimport { type IGoalsCardProps } from '../goals-types';\nimport { calculateProgress, GOAL_CATEGORY_CONFIG } from '../goals-constants';\nimport * as Styled from './goals-card-styled';\nimport Text from '../../../../../../ui/text/text';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../../ui/separator/separator';\nimport Image from '../../../../../../ui/image/image';\nimport GoalsCardChapters from './goal-chapter-card';\nimport LinearProgressBar from '../../../../../../ui/linear-progress-bar/linear-progress-bar';\nimport TextButton from '../../../../../../ui/buttons/text-button/text-button';\n\nconst GoalsCard: FC<IGoalsCardProps> = ({ category, milestone, isExpended = false }) => {\n  const [showAllChapters, setShowAllChapters] = useState(false);\n  const {\n    milestone_name: milestoneName,\n    user_chapters: userChapters,\n    progress_stat: progressStat,\n    previous_progress_stat: prevProgressStat,\n  } = milestone;\n  const { completed, total } = progressStat;\n  const { completed: prevCompleted, total: prevTotal } = prevProgressStat ?? {};\n  const currentProgress = calculateProgress(completed, total);\n  const previousProgress =\n    prevProgressStat && prevCompleted && prevTotal\n      ? calculateProgress(prevCompleted, prevTotal)\n      : 0;\n\n  const progressDifference = currentProgress - previousProgress;\n  const showIndicator = Boolean(prevProgressStat && progressDifference > 0 && total === prevTotal);\n  const showTag = Boolean(prevProgressStat && (progressDifference < 0 || total !== prevTotal));\n  const isCompleted = currentProgress === 100;\n  const roundedProgress = Math.round(currentProgress);\n  const roundedDifference = Math.round(progressDifference);\n\n  const totalChapters = userChapters.length;\n  const visibleChapters = userChapters.slice(0, 2);\n  const remainingChapters = Math.max(0, totalChapters - 2);\n  const hiddenChapters = showAllChapters ? userChapters.slice(2) : [];\n  const hasRemainingChapters = remainingChapters > 0;\n\n  const categoryConfig = useMemo(() => GOAL_CATEGORY_CONFIG[category], [category]);\n  const icon = categoryConfig.icon;\n\n  const handleToggleChapters = useCallback(() => {\n    setShowAllChapters(prev => !prev);\n  }, []);\n\n  return (\n    <FlexView>\n      <FlexView\n        $position=\"relative\"\n        $background={categoryConfig.backgroundColor}\n        $borderColor={isExpended ? 'WHITE_5' : undefined}\n        $gutterX={1}\n        $gapX={1}\n      >\n        <FlexView $flexDirection=\"row\" $flexGapX={isExpended ? 1 : 0.5}>\n          {icon && (\n            <Image\n              src={icon}\n              withLoader\n              width={isExpended ? 40 : 32}\n              height={isExpended ? 40 : 32}\n              alt={categoryConfig.label}\n            />\n          )}\n          <FlexView>\n            {isExpended && (\n              <>\n                <Text $renderAs=\"ac5\" $color={categoryConfig.labelColor}>\n                  {categoryConfig.label}\n                </Text>\n                <Separator heightX={0.25} />\n              </>\n            )}\n            <Text $renderAs=\"ab2\" $color=\"BLACK_1\">\n              {milestoneName}\n            </Text>\n            <Separator heightX={isExpended ? 0.5 : 0.125} />\n            <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={0.25}>\n              <Text $renderAs=\"ab3\" $color=\"BLACK_T_60\">\n                {isCompleted ? 'Completed' : `${roundedProgress}% complete`}\n              </Text>\n              {showIndicator && !isCompleted && (\n                <Text $renderAs=\"ab3\" $color=\"GREEN_6\">\n                  (+{roundedDifference}%)\n                </Text>\n              )}\n            </FlexView>\n          </FlexView>\n          <Styled.ProgressBarContainer>\n            <LinearProgressBar\n              percentage={showIndicator ? previousProgress : currentProgress}\n              delta={showIndicator ? progressDifference : 0}\n              height={4}\n              backgroundColor=\"WHITE_5\"\n              fillColor=\"BLACK_1\"\n              deltaProgressColor=\"GREEN_5\"\n            />\n          </Styled.ProgressBarContainer>\n        </FlexView>\n        {showTag && (\n          <>\n            <Separator heightX={0.875} />\n            <Styled.TagContainer $gapX={0.5} $gutterX={1} $background={categoryConfig.tagColor}>\n              <Text $renderAs=\"ub4\" $color=\"BLACK_1\">\n                Learning plan was modified — progress updated accordingly.\n              </Text>\n            </Styled.TagContainer>\n          </>\n        )}\n      </FlexView>\n      {isExpended && totalChapters > 0 && (\n        <Styled.ChaptersContainer\n          $gapX={1}\n          $flexDirection=\"column\"\n          $flexGapX={1.25}\n          $borderColor=\"WHITE_5\"\n        >\n          <GoalsCardChapters chapters={visibleChapters} />\n          {hasRemainingChapters && (\n            <>\n              {!showAllChapters && (\n                <FlexView $gutterX={4.5}>\n                  <TextButton\n                    label={`+${remainingChapters} chapters`}\n                    size=\"regular\"\n                    color=\"BLACK_1\"\n                    onClick={handleToggleChapters}\n                  />\n                </FlexView>\n              )}\n              {showAllChapters && (\n                <>\n                  <GoalsCardChapters chapters={hiddenChapters} />\n                  <FlexView $gutterX={4.5}>\n                    <TextButton\n                      label=\"Show less\"\n                      size=\"regular\"\n                      color=\"BLACK_1\"\n                      onClick={handleToggleChapters}\n                    />\n                  </FlexView>\n                </>\n              )}\n            </>\n          )}\n        </Styled.ChaptersContainer>\n      )}\n    </FlexView>\n  );\n};\n\nexport default memo(GoalsCard);\n"],"names":["GoalsCard","category","milestone","isExpended","showAllChapters","setShowAllChapters","useState","milestoneName","userChapters","progressStat","prevProgressStat","completed","total","prevCompleted","prevTotal","currentProgress","calculateProgress","previousProgress","progressDifference","showIndicator","showTag","isCompleted","roundedProgress","roundedDifference","totalChapters","visibleChapters","remainingChapters","hiddenChapters","hasRemainingChapters","categoryConfig","useMemo","GOAL_CATEGORY_CONFIG","icon","handleToggleChapters","useCallback","prev","FlexView","jsxs","jsx","Image","Fragment","Text","Separator","Styled.ProgressBarContainer","LinearProgressBar","Styled.TagContainer","Styled.ChaptersContainer","GoalsCardChapters","TextButton","GoalsCard$1","memo"],"mappings":"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"}

package/dist/features/timeline/monthly-timeline/ptm-report/comps/real-world-projects/real-world-projects.js

@@ -28,15 +28,15 @@ const p = ({ projectReport: l, projectInfo: d }) => {
           )) }),
           /* @__PURE__ */ r(i, { height: 12 })
         ] }),
-        s && /* @__PURE__ */ e(t, { $renderAs: "ub2-bold", children: [
+        s && /* @__PURE__ */ e(t, { $renderAs: "ub3-bold", children: [
           "Objective: ",
-          /* @__PURE__ */ r(t, { $renderAs: "ub2", children: s })
+          /* @__PURE__ */ r(t, { $renderAs: "ub3", children: s })
         ] }),
         !!a && /* @__PURE__ */ e(m, { children: [
           /* @__PURE__ */ r(i, { height: 12 }),
-          /* @__PURE__ */ e(t, { $renderAs: "ub2-bold", children: [
+          /* @__PURE__ */ e(t, { $renderAs: "ub3-bold", children: [
             "Teacher remarks: ",
-            /* @__PURE__ */ r(t, { $renderAs: "ub2", children: a })
+            /* @__PURE__ */ r(t, { $renderAs: "ub3", children: a })
           ] })
         ] })
       ] })

package/dist/features/timeline/monthly-timeline/ptm-report/comps/real-world-projects/real-world-projects.js.map

@@ -1 +1 @@
-{"version":3,"file":"real-world-projects.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/real-world-projects/real-world-projects.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport Separator from '../../../../../ui/separator/separator';\nimport type { IRealWorldProjectsProps } from './real-world-projects-types';\nimport * as Styled from './real-world-projects-styled';\n\nconst RealWorldProjects: FC<IRealWorldProjectsProps> = ({ projectReport, projectInfo }) => {\n  if (!projectReport || !projectInfo) {\n    return null;\n  }\n\n  const { images = [], observation } = projectReport;\n\n  const {\n    activity: activity,\n    objective: objective,\n    image_upload_urls: fileUploadURLs,\n  } = projectInfo;\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\">Real world projects</Text>\n      <Separator heightX={1} />\n      <Styled.Wrapper $borderColor=\"GREY_2\" $borderRadiusX={0.5}>\n        <FlexView $gutterX={1} $background={'YELLOW_1'} $gap={10} $gutter={12}>\n          <Text $renderAs=\"ac4\" $align=\"center\">\n            {activity}\n          </Text>\n        </FlexView>\n        <FlexView $gutterX={0.75} $gapX={0.75}>\n          {images.length > 0 && (\n            <>\n              <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\">\n                {images.map(item => (\n                  <Styled.ImageWrapper\n                    key={item}\n                    src={fileUploadURLs?.[item as keyof typeof fileUploadURLs] as string}\n                  />\n                ))}\n              </FlexView>\n              <Separator height={12} />\n            </>\n          )}\n          {objective && (\n            <Text $renderAs=\"ub2-bold\">\n              Objective:&nbsp;\n              <Text $renderAs=\"ub2\">{objective}</Text>\n            </Text>\n          )}\n          {!!observation && (\n            <>\n              <Separator height={12} />\n              <Text $renderAs=\"ub2-bold\">\n                Teacher remarks:&nbsp;\n                <Text $renderAs=\"ub2\">{observation}</Text>\n              </Text>\n            </>\n          )}\n        </FlexView>\n      </Styled.Wrapper>\n      <Separator heightX={2} />\n    </FlexView>\n  );\n};\n\nexport default memo(RealWorldProjects);\n"],"names":["RealWorldProjects","projectReport","projectInfo","images","observation","activity","objective","fileUploadURLs","FlexView","jsx","Text","Separator","Styled.Wrapper","jsxs","Fragment","item","Styled.ImageWrapper","RealWorldProjects$1","memo"],"mappings":";;;;;;AAQA,MAAMA,IAAiD,CAAC,EAAE,eAAAC,GAAe,aAAAC,QAAkB;AACrF,MAAA,CAACD,KAAiB,CAACC;AACd,WAAA;AAGT,QAAM,EAAE,QAAAC,IAAS,CAAA,GAAI,aAAAC,MAAgBH,GAE/B;AAAA,IACJ,UAAAI;AAAA,IACA,WAAAC;AAAA,IACA,mBAAmBC;AAAA,EACjB,IAAAL;AAEJ,2BACGM,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,UAAmB,uBAAA;AAAA,IAC9C,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBC,GAAA,EAAe,cAAa,UAAS,gBAAgB,KACpD,UAAA;AAAA,MAAA,gBAAAH,EAACD,KAAS,UAAU,GAAG,aAAa,YAAY,MAAM,IAAI,SAAS,IACjE,UAAA,gBAAAC,EAACC,KAAK,WAAU,OAAM,QAAO,UAC1B,YACH,CAAA,GACF;AAAA,MACC,gBAAAG,EAAAL,GAAA,EAAS,UAAU,MAAM,OAAO,MAC9B,UAAA;AAAA,QAAOL,EAAA,SAAS,KAEb,gBAAAU,EAAAC,GAAA,EAAA,UAAA;AAAA,UAAC,gBAAAL,EAAAD,GAAA,EAAS,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UACjE,UAAOL,EAAA,IAAI,CACVY,MAAA,gBAAAN;AAAA,YAACO;AAAAA,YAAA;AAAA,cAEC,KAAKT,KAAA,gBAAAA,EAAiBQ;AAAA,YAAmC;AAAA,YADpDA;AAAA,UAGR,CAAA,GACH;AAAA,UACA,gBAAAN,EAACE,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,QAAA,GACzB;AAAA,QAEDL,KACC,gBAAAO,EAACH,GAAK,EAAA,WAAU,YAAW,UAAA;AAAA,UAAA;AAAA,UAExB,gBAAAD,EAAAC,GAAA,EAAK,WAAU,OAAO,UAAUJ,GAAA;AAAA,QAAA,GACnC;AAAA,QAED,CAAC,CAACF,KAEC,gBAAAS,EAAAC,GAAA,EAAA,UAAA;AAAA,UAAC,gBAAAL,EAAAE,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,UACvB,gBAAAE,EAACH,GAAK,EAAA,WAAU,YAAW,UAAA;AAAA,YAAA;AAAA,YAExB,gBAAAD,EAAAC,GAAA,EAAK,WAAU,OAAO,UAAYN,GAAA;AAAA,UAAA,GACrC;AAAA,QAAA,GACF;AAAA,MAAA,GAEJ;AAAA,IAAA,GACF;AAAA,IACA,gBAAAK,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACzB,EAAA,CAAA;AAEJ,GAEeM,IAAAC,EAAKlB,CAAiB;"}
+{"version":3,"file":"real-world-projects.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/real-world-projects/real-world-projects.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport Separator from '../../../../../ui/separator/separator';\nimport type { IRealWorldProjectsProps } from './real-world-projects-types';\nimport * as Styled from './real-world-projects-styled';\n\nconst RealWorldProjects: FC<IRealWorldProjectsProps> = ({ projectReport, projectInfo }) => {\n  if (!projectReport || !projectInfo) {\n    return null;\n  }\n\n  const { images = [], observation } = projectReport;\n\n  const {\n    activity: activity,\n    objective: objective,\n    image_upload_urls: fileUploadURLs,\n  } = projectInfo;\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\">Real world projects</Text>\n      <Separator heightX={1} />\n      <Styled.Wrapper $borderColor=\"GREY_2\" $borderRadiusX={0.5}>\n        <FlexView $gutterX={1} $background={'YELLOW_1'} $gap={10} $gutter={12}>\n          <Text $renderAs=\"ac4\" $align=\"center\">\n            {activity}\n          </Text>\n        </FlexView>\n        <FlexView $gutterX={0.75} $gapX={0.75}>\n          {images.length > 0 && (\n            <>\n              <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\">\n                {images.map(item => (\n                  <Styled.ImageWrapper\n                    key={item}\n                    src={fileUploadURLs?.[item as keyof typeof fileUploadURLs] as string}\n                  />\n                ))}\n              </FlexView>\n              <Separator height={12} />\n            </>\n          )}\n          {objective && (\n            <Text $renderAs=\"ub3-bold\">\n              Objective:&nbsp;\n              <Text $renderAs=\"ub3\">{objective}</Text>\n            </Text>\n          )}\n          {!!observation && (\n            <>\n              <Separator height={12} />\n              <Text $renderAs=\"ub3-bold\">\n                Teacher remarks:&nbsp;\n                <Text $renderAs=\"ub3\">{observation}</Text>\n              </Text>\n            </>\n          )}\n        </FlexView>\n      </Styled.Wrapper>\n      <Separator heightX={2} />\n    </FlexView>\n  );\n};\n\nexport default memo(RealWorldProjects);\n"],"names":["RealWorldProjects","projectReport","projectInfo","images","observation","activity","objective","fileUploadURLs","FlexView","jsx","Text","Separator","Styled.Wrapper","jsxs","Fragment","item","Styled.ImageWrapper","RealWorldProjects$1","memo"],"mappings":";;;;;;AAQA,MAAMA,IAAiD,CAAC,EAAE,eAAAC,GAAe,aAAAC,QAAkB;AACrF,MAAA,CAACD,KAAiB,CAACC;AACd,WAAA;AAGT,QAAM,EAAE,QAAAC,IAAS,CAAA,GAAI,aAAAC,MAAgBH,GAE/B;AAAA,IACJ,UAAAI;AAAA,IACA,WAAAC;AAAA,IACA,mBAAmBC;AAAA,EACjB,IAAAL;AAEJ,2BACGM,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,UAAmB,uBAAA;AAAA,IAC9C,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBC,GAAA,EAAe,cAAa,UAAS,gBAAgB,KACpD,UAAA;AAAA,MAAA,gBAAAH,EAACD,KAAS,UAAU,GAAG,aAAa,YAAY,MAAM,IAAI,SAAS,IACjE,UAAA,gBAAAC,EAACC,KAAK,WAAU,OAAM,QAAO,UAC1B,YACH,CAAA,GACF;AAAA,MACC,gBAAAG,EAAAL,GAAA,EAAS,UAAU,MAAM,OAAO,MAC9B,UAAA;AAAA,QAAOL,EAAA,SAAS,KAEb,gBAAAU,EAAAC,GAAA,EAAA,UAAA;AAAA,UAAC,gBAAAL,EAAAD,GAAA,EAAS,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UACjE,UAAOL,EAAA,IAAI,CACVY,MAAA,gBAAAN;AAAA,YAACO;AAAAA,YAAA;AAAA,cAEC,KAAKT,KAAA,gBAAAA,EAAiBQ;AAAA,YAAmC;AAAA,YADpDA;AAAA,UAGR,CAAA,GACH;AAAA,UACA,gBAAAN,EAACE,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,QAAA,GACzB;AAAA,QAEDL,KACC,gBAAAO,EAACH,GAAK,EAAA,WAAU,YAAW,UAAA;AAAA,UAAA;AAAA,UAExB,gBAAAD,EAAAC,GAAA,EAAK,WAAU,OAAO,UAAUJ,GAAA;AAAA,QAAA,GACnC;AAAA,QAED,CAAC,CAACF,KAEC,gBAAAS,EAAAC,GAAA,EAAA,UAAA;AAAA,UAAC,gBAAAL,EAAAE,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,UACvB,gBAAAE,EAACH,GAAK,EAAA,WAAU,YAAW,UAAA;AAAA,YAAA;AAAA,YAExB,gBAAAD,EAAAC,GAAA,EAAK,WAAU,OAAO,UAAYN,GAAA;AAAA,UAAA,GACrC;AAAA,QAAA,GACF;AAAA,MAAA,GAEJ;AAAA,IAAA,GACF;AAAA,IACA,gBAAAK,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACzB,EAAA,CAAA;AAEJ,GAEeM,IAAAC,EAAKlB,CAAiB;"}

package/dist/features/timeline/monthly-timeline/ptm-report/comps/report-card/report-card.js

@@ -14,7 +14,7 @@ const s = ({ title: i, description: l, icon: n, category: d, bgColor: m }) => /*
       /* @__PURE__ */ r(e, { $flex: 1, children: /* @__PURE__ */ r(t, { $renderAs: "ab2-bold", children: i }) })
     ] })
   ] }),
-  /* @__PURE__ */ r(e, { $gutterX: 0.75, $gapX: 0.75, children: /* @__PURE__ */ r(t, { $renderAs: "ub2", children: l }) })
+  /* @__PURE__ */ r(e, { $gutterX: 0.75, $gapX: 0.75, children: /* @__PURE__ */ r(t, { $renderAs: "ub3", children: l }) })
 ] }), R = c(s);
 export {
   R as default

package/dist/features/timeline/monthly-timeline/ptm-report/comps/report-card/report-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"report-card.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/report-card/report-card.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport type { IReportCardProps } from './report-card-types';\nimport Image from '../../../../../ui/image/image';\nimport Text from '../../../../../ui/text/text';\nimport Separator from '../../../../../ui/separator/separator';\nimport * as Styled from './report-card-styled';\n\nconst ReportCard: FC<IReportCardProps> = ({ title, description, icon, category, bgColor }) => {\n  const showTitleBlock = Boolean(icon && title);\n\n  return (\n    <Styled.Wrapper $borderRadius={8} $borderColor=\"GREY_2\">\n      <FlexView $gutterX={1} $background={bgColor} $gap={10} $gutter={12}>\n        <Text $renderAs=\"ac4\" $align=\"center\">\n          {category}\n        </Text>\n      </FlexView>\n      {showTitleBlock && (\n        <>\n          <Separator heightX={0.5} />\n          <FlexView $flexDirection=\"row\" $gutter={12} $flexColumnGapX={0.25} $alignItems=\"center\">\n            <Image src={icon} width={36} height={36} />\n            <FlexView $flex={1}>\n              <Text $renderAs=\"ab2-bold\">{title}</Text>\n            </FlexView>\n          </FlexView>\n        </>\n      )}\n      <FlexView $gutterX={0.75} $gapX={0.75}>\n        <Text $renderAs=\"ub2\">{description}</Text>\n      </FlexView>\n    </Styled.Wrapper>\n  );\n};\n\nexport default memo(ReportCard);\n"],"names":["ReportCard","title","description","icon","category","bgColor","Styled.Wrapper","jsx","FlexView","Text","jsxs","Fragment","Separator","Image","ReportCard$1","memo"],"mappings":";;;;;;;AASA,MAAMA,IAAmC,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,MAAAC,GAAM,UAAAC,GAAU,SAAAC,0BAI3EC,GAAA,EAAe,eAAe,GAAG,cAAa,UAC7C,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAS,UAAU,GAAG,aAAaH,GAAS,MAAM,IAAI,SAAS,IAC9D,UAAA,gBAAAE,EAACE,KAAK,WAAU,OAAM,QAAO,UAC1B,YACH,CAAA,GACF;AAAA,EARmB,GAAQN,KAAQF,MAW/B,gBAAAS,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACF,KAAS,gBAAe,OAAM,SAAS,IAAI,iBAAiB,MAAM,aAAY,UAC7E,UAAA;AAAA,MAAA,gBAAAD,EAACM,KAAM,KAAKV,GAAM,OAAO,IAAI,QAAQ,IAAI;AAAA,MACzC,gBAAAI,EAACC,KAAS,OAAO,GACf,4BAACC,GAAK,EAAA,WAAU,YAAY,UAAAR,EAAA,CAAM,EACpC,CAAA;AAAA,IAAA,GACF;AAAA,EAAA,GACF;AAAA,EAEF,gBAAAM,EAACC,GAAS,EAAA,UAAU,MAAM,OAAO,MAC/B,UAAA,gBAAAD,EAACE,GAAK,EAAA,WAAU,OAAO,UAAAP,EAAY,CAAA,GACrC;AACF,EAAA,CAAA,GAIWY,IAAAC,EAAKf,CAAU;"}
+{"version":3,"file":"report-card.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/report-card/report-card.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport type { IReportCardProps } from './report-card-types';\nimport Image from '../../../../../ui/image/image';\nimport Text from '../../../../../ui/text/text';\nimport Separator from '../../../../../ui/separator/separator';\nimport * as Styled from './report-card-styled';\n\nconst ReportCard: FC<IReportCardProps> = ({ title, description, icon, category, bgColor }) => {\n  const showTitleBlock = Boolean(icon && title);\n\n  return (\n    <Styled.Wrapper $borderRadius={8} $borderColor=\"GREY_2\">\n      <FlexView $gutterX={1} $background={bgColor} $gap={10} $gutter={12}>\n        <Text $renderAs=\"ac4\" $align=\"center\">\n          {category}\n        </Text>\n      </FlexView>\n      {showTitleBlock && (\n        <>\n          <Separator heightX={0.5} />\n          <FlexView $flexDirection=\"row\" $gutter={12} $flexColumnGapX={0.25} $alignItems=\"center\">\n            <Image src={icon} width={36} height={36} />\n            <FlexView $flex={1}>\n              <Text $renderAs=\"ab2-bold\">{title}</Text>\n            </FlexView>\n          </FlexView>\n        </>\n      )}\n      <FlexView $gutterX={0.75} $gapX={0.75}>\n        <Text $renderAs=\"ub3\">{description}</Text>\n      </FlexView>\n    </Styled.Wrapper>\n  );\n};\n\nexport default memo(ReportCard);\n"],"names":["ReportCard","title","description","icon","category","bgColor","Styled.Wrapper","jsx","FlexView","Text","jsxs","Fragment","Separator","Image","ReportCard$1","memo"],"mappings":";;;;;;;AASA,MAAMA,IAAmC,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,MAAAC,GAAM,UAAAC,GAAU,SAAAC,0BAI3EC,GAAA,EAAe,eAAe,GAAG,cAAa,UAC7C,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAS,UAAU,GAAG,aAAaH,GAAS,MAAM,IAAI,SAAS,IAC9D,UAAA,gBAAAE,EAACE,KAAK,WAAU,OAAM,QAAO,UAC1B,YACH,CAAA,GACF;AAAA,EARmB,GAAQN,KAAQF,MAW/B,gBAAAS,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACF,KAAS,gBAAe,OAAM,SAAS,IAAI,iBAAiB,MAAM,aAAY,UAC7E,UAAA;AAAA,MAAA,gBAAAD,EAACM,KAAM,KAAKV,GAAM,OAAO,IAAI,QAAQ,IAAI;AAAA,MACzC,gBAAAI,EAACC,KAAS,OAAO,GACf,4BAACC,GAAK,EAAA,WAAU,YAAY,UAAAR,EAAA,CAAM,EACpC,CAAA;AAAA,IAAA,GACF;AAAA,EAAA,GACF;AAAA,EAEF,gBAAAM,EAACC,GAAS,EAAA,UAAU,MAAM,OAAO,MAC/B,UAAA,gBAAAD,EAACE,GAAK,EAAA,WAAU,OAAO,UAAAP,EAAY,CAAA,GACrC;AACF,EAAA,CAAA,GAIWY,IAAAC,EAAKf,CAAU;"}

package/dist/features/timeline/monthly-timeline/ptm-report/comps/school-support/school-support.js

@@ -60,7 +60,7 @@ const V = ({
         first_name: n
       }) : typeof f == "string" && (s = o(f, { first_name: n }))), s ? /* @__PURE__ */ d(l, { children: [
         B && /* @__PURE__ */ e(g, { $renderAs: "ac3", children: B }),
-        /* @__PURE__ */ e(g, { $renderAs: "ub2", children: s })
+        /* @__PURE__ */ e(g, { $renderAs: "ub3", children: s })
       ] }, c) : null;
     });
   }, [_, A, v, h, G, n]);

package/dist/features/timeline/monthly-timeline/ptm-report/comps/school-support/school-support.js.map

@@ -1 +1 @@
-{"version":3,"file":"school-support.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/school-support/school-support.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport ReportCard from '../report-card/report-card';\nimport * as Styled from './school-support-styled';\nimport type { ISchoolSupportProps } from './school-support-types';\nimport type { ISchoolSupportArea } from '../../ptm-report-types';\nimport { replaceTokens } from '../../ptm-report-helpers';\n\nconst SchoolSupport: FC<ISchoolSupportProps> = ({\n  homeworkHelpReport,\n  homeworkHelpConfig,\n  testHelpReport,\n  testHelpConfig,\n  studentName,\n  isOnDemandPTM,\n}) => {\n  const {\n    is_hw_help_provided: isHWHelpProvided,\n    selected: selectedHomeWork = [],\n    topics,\n  } = homeworkHelpReport ?? {};\n  const {\n    selected: selectedTest = [],\n    performance,\n    previous_performance: previousPerformance,\n  } = testHelpReport ?? {};\n\n  const statementHwHelp = useMemo(() => {\n    const hwConfigAreas: ISchoolSupportArea[] = homeworkHelpConfig?.areas ?? [];\n\n    if (!hwConfigAreas.length) return '';\n\n    const tokens = { first_name: studentName, topics };\n\n    if (isHWHelpProvided === 1 && typeof hwConfigAreas[0]?.report_statement === 'string') {\n      return replaceTokens(hwConfigAreas[0].report_statement, tokens);\n    }\n\n    const statements: string[] = [];\n\n    if (topics && typeof hwConfigAreas[1]?.report_statement === 'string') {\n      statements.push(replaceTokens(hwConfigAreas[1].report_statement, tokens));\n    }\n\n    selectedHomeWork.forEach((item, idx) => {\n      const rStatement = hwConfigAreas[idx + 2]?.report_statement;\n\n      if (Array.isArray(rStatement) && rStatement[item]) {\n        statements.push(replaceTokens(rStatement[item], tokens));\n      } else if (typeof rStatement === 'string') {\n        statements.push(replaceTokens(rStatement, tokens));\n      }\n    });\n\n    return statements.join(' ');\n  }, [studentName, homeworkHelpConfig, isHWHelpProvided, selectedHomeWork, topics]);\n\n  const testHelpContent = useMemo(() => {\n    const testConfigAreas: ISchoolSupportArea[] = testHelpConfig?.areas ?? [];\n\n    if (!selectedTest.length || !testConfigAreas.length) return null;\n\n    const { grade, scored, total } = performance ?? {};\n    const { grade: prevGrade, scored: prevScored, total: prevTotal } = previousPerformance ?? {};\n\n    return selectedTest.map((selectedTestIndex, idx) => {\n      const testHelpArea = testConfigAreas[idx];\n\n      if (!testHelpArea) return null;\n\n      const {\n        report_statement: reportStatement,\n        area_label: reportHeading,\n        report_statement_with_performance: withPerf = [],\n        report_statement_with_previous_performance: withPrevPerf = [],\n      } = testHelpArea;\n\n      let statement = '';\n\n      if (selectedTestIndex !== undefined) {\n        if (\n          isOnDemandPTM &&\n          withPrevPerf[selectedTestIndex] &&\n          performance &&\n          previousPerformance\n        ) {\n          statement = replaceTokens(withPrevPerf[selectedTestIndex], {\n            first_name: studentName,\n            performance: grade ?? `${scored}/${total}`,\n            previous_performance: prevGrade ?? `${prevScored}/${prevTotal}`,\n          });\n        } else if (withPerf[selectedTestIndex] && performance) {\n          statement = replaceTokens(withPerf[selectedTestIndex], {\n            first_name: studentName,\n            performance: grade ?? `${scored}/${total}`,\n          });\n        } else if (Array.isArray(reportStatement) && reportStatement[selectedTestIndex]) {\n          statement = replaceTokens(reportStatement[selectedTestIndex], {\n            first_name: studentName,\n          });\n        } else if (typeof reportStatement === 'string') {\n          statement = replaceTokens(reportStatement, { first_name: studentName });\n        }\n      }\n\n      if (!statement) return null;\n\n      return (\n        <FlexView key={idx}>\n          {reportHeading && <Text $renderAs=\"ac3\">{reportHeading}</Text>}\n          <Text $renderAs=\"ub2\">{statement}</Text>\n        </FlexView>\n      );\n    });\n  }, [performance, previousPerformance, selectedTest, testHelpConfig, isOnDemandPTM, studentName]);\n\n  if (!homeworkHelpReport && !testHelpReport) {\n    return null;\n  }\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\">School support</Text>\n      <Separator heightX={1} />\n\n      {statementHwHelp && (\n        <FlexView>\n          <ReportCard category=\"HOMEWORKS\" bgColor=\"GREEN_1\" description={statementHwHelp} />\n          <Separator heightX={0.75} />\n        </FlexView>\n      )}\n\n      {testHelpContent && (\n        <Styled.Wrapper $borderRadius={8} $borderColor=\"GREY_2\">\n          <FlexView $gutterX={1} $background={'BLUE_1'} $gap={10} $gutter={12}>\n            <Text $renderAs=\"ac4\" $align=\"center\">\n              TESTS\n            </Text>\n          </FlexView>\n          <FlexView $gutterX={0.75} $gapX={0.75} $flexRowGapX={0.75}>\n            {testHelpContent}\n          </FlexView>\n        </Styled.Wrapper>\n      )}\n\n      <Separator heightX={2} />\n    </FlexView>\n  );\n};\n\nexport default memo(SchoolSupport);\n"],"names":["SchoolSupport","homeworkHelpReport","homeworkHelpConfig","testHelpReport","testHelpConfig","studentName","isOnDemandPTM","isHWHelpProvided","selectedHomeWork","topics","selectedTest","performance","previousPerformance","statementHwHelp","useMemo","hwConfigAreas","tokens","_a","replaceTokens","statements","_b","item","idx","rStatement","testHelpContent","testConfigAreas","grade","scored","total","prevGrade","prevScored","prevTotal","selectedTestIndex","testHelpArea","reportStatement","reportHeading","withPerf","withPrevPerf","statement","FlexView","jsx","Text","Separator","ReportCard","Styled.Wrapper","SchoolSupport$1","memo"],"mappings":"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"}
+{"version":3,"file":"school-support.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/school-support/school-support.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport ReportCard from '../report-card/report-card';\nimport * as Styled from './school-support-styled';\nimport type { ISchoolSupportProps } from './school-support-types';\nimport type { ISchoolSupportArea } from '../../ptm-report-types';\nimport { replaceTokens } from '../../ptm-report-helpers';\n\nconst SchoolSupport: FC<ISchoolSupportProps> = ({\n  homeworkHelpReport,\n  homeworkHelpConfig,\n  testHelpReport,\n  testHelpConfig,\n  studentName,\n  isOnDemandPTM,\n}) => {\n  const {\n    is_hw_help_provided: isHWHelpProvided,\n    selected: selectedHomeWork = [],\n    topics,\n  } = homeworkHelpReport ?? {};\n  const {\n    selected: selectedTest = [],\n    performance,\n    previous_performance: previousPerformance,\n  } = testHelpReport ?? {};\n\n  const statementHwHelp = useMemo(() => {\n    const hwConfigAreas: ISchoolSupportArea[] = homeworkHelpConfig?.areas ?? [];\n\n    if (!hwConfigAreas.length) return '';\n\n    const tokens = { first_name: studentName, topics };\n\n    if (isHWHelpProvided === 1 && typeof hwConfigAreas[0]?.report_statement === 'string') {\n      return replaceTokens(hwConfigAreas[0].report_statement, tokens);\n    }\n\n    const statements: string[] = [];\n\n    if (topics && typeof hwConfigAreas[1]?.report_statement === 'string') {\n      statements.push(replaceTokens(hwConfigAreas[1].report_statement, tokens));\n    }\n\n    selectedHomeWork.forEach((item, idx) => {\n      const rStatement = hwConfigAreas[idx + 2]?.report_statement;\n\n      if (Array.isArray(rStatement) && rStatement[item]) {\n        statements.push(replaceTokens(rStatement[item], tokens));\n      } else if (typeof rStatement === 'string') {\n        statements.push(replaceTokens(rStatement, tokens));\n      }\n    });\n\n    return statements.join(' ');\n  }, [studentName, homeworkHelpConfig, isHWHelpProvided, selectedHomeWork, topics]);\n\n  const testHelpContent = useMemo(() => {\n    const testConfigAreas: ISchoolSupportArea[] = testHelpConfig?.areas ?? [];\n\n    if (!selectedTest.length || !testConfigAreas.length) return null;\n\n    const { grade, scored, total } = performance ?? {};\n    const { grade: prevGrade, scored: prevScored, total: prevTotal } = previousPerformance ?? {};\n\n    return selectedTest.map((selectedTestIndex, idx) => {\n      const testHelpArea = testConfigAreas[idx];\n\n      if (!testHelpArea) return null;\n\n      const {\n        report_statement: reportStatement,\n        area_label: reportHeading,\n        report_statement_with_performance: withPerf = [],\n        report_statement_with_previous_performance: withPrevPerf = [],\n      } = testHelpArea;\n\n      let statement = '';\n\n      if (selectedTestIndex !== undefined) {\n        if (\n          isOnDemandPTM &&\n          withPrevPerf[selectedTestIndex] &&\n          performance &&\n          previousPerformance\n        ) {\n          statement = replaceTokens(withPrevPerf[selectedTestIndex], {\n            first_name: studentName,\n            performance: grade ?? `${scored}/${total}`,\n            previous_performance: prevGrade ?? `${prevScored}/${prevTotal}`,\n          });\n        } else if (withPerf[selectedTestIndex] && performance) {\n          statement = replaceTokens(withPerf[selectedTestIndex], {\n            first_name: studentName,\n            performance: grade ?? `${scored}/${total}`,\n          });\n        } else if (Array.isArray(reportStatement) && reportStatement[selectedTestIndex]) {\n          statement = replaceTokens(reportStatement[selectedTestIndex], {\n            first_name: studentName,\n          });\n        } else if (typeof reportStatement === 'string') {\n          statement = replaceTokens(reportStatement, { first_name: studentName });\n        }\n      }\n\n      if (!statement) return null;\n\n      return (\n        <FlexView key={idx}>\n          {reportHeading && <Text $renderAs=\"ac3\">{reportHeading}</Text>}\n          <Text $renderAs=\"ub3\">{statement}</Text>\n        </FlexView>\n      );\n    });\n  }, [performance, previousPerformance, selectedTest, testHelpConfig, isOnDemandPTM, studentName]);\n\n  if (!homeworkHelpReport && !testHelpReport) {\n    return null;\n  }\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\">School support</Text>\n      <Separator heightX={1} />\n\n      {statementHwHelp && (\n        <FlexView>\n          <ReportCard category=\"HOMEWORKS\" bgColor=\"GREEN_1\" description={statementHwHelp} />\n          <Separator heightX={0.75} />\n        </FlexView>\n      )}\n\n      {testHelpContent && (\n        <Styled.Wrapper $borderRadius={8} $borderColor=\"GREY_2\">\n          <FlexView $gutterX={1} $background={'BLUE_1'} $gap={10} $gutter={12}>\n            <Text $renderAs=\"ac4\" $align=\"center\">\n              TESTS\n            </Text>\n          </FlexView>\n          <FlexView $gutterX={0.75} $gapX={0.75} $flexRowGapX={0.75}>\n            {testHelpContent}\n          </FlexView>\n        </Styled.Wrapper>\n      )}\n\n      <Separator heightX={2} />\n    </FlexView>\n  );\n};\n\nexport default memo(SchoolSupport);\n"],"names":["SchoolSupport","homeworkHelpReport","homeworkHelpConfig","testHelpReport","testHelpConfig","studentName","isOnDemandPTM","isHWHelpProvided","selectedHomeWork","topics","selectedTest","performance","previousPerformance","statementHwHelp","useMemo","hwConfigAreas","tokens","_a","replaceTokens","statements","_b","item","idx","rStatement","testHelpContent","testConfigAreas","grade","scored","total","prevGrade","prevScored","prevTotal","selectedTestIndex","testHelpArea","reportStatement","reportHeading","withPerf","withPrevPerf","statement","FlexView","jsx","Text","Separator","ReportCard","Styled.Wrapper","SchoolSupport$1","memo"],"mappings":"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"}

package/dist/features/timeline/monthly-timeline/ptm-report/comps/strategy-card/strategy-card.js

@@ -18,9 +18,9 @@ const k = ({ title: c, colorPalette: l, data: t = [] }) => {
         children: [
           /* @__PURE__ */ r(C, { $borderColor: d, $background: o }),
           /* @__PURE__ */ n(s, { $flex: 1, children: [
-            /* @__PURE__ */ r(i, { $renderAs: "ub2-bold", children: p }),
+            /* @__PURE__ */ r(i, { $renderAs: "ub3-bold", children: p }),
             /* @__PURE__ */ r(u, { height: 4 }),
-            /* @__PURE__ */ r(i, { $renderAs: "ub2", children: m })
+            /* @__PURE__ */ r(i, { $renderAs: "ub3", children: m })
           ] })
         ]
       },

package/dist/features/timeline/monthly-timeline/ptm-report/comps/strategy-card/strategy-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"strategy-card.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/strategy-card/strategy-card.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport * as Styled from './strategy-card-styled';\nimport type { IStrategyCardProps } from './strategy-card-types';\n\nconst StrategyCard: FC<IStrategyCardProps> = ({ title, colorPalette, data = [] }) => {\n  const [color1, color2, color3, color4] = colorPalette;\n\n  if (!colorPalette || !color1 || !color2 || !color3) return null;\n\n  return (\n    <Styled.Wrapper $background={color1} $borderRadius={8}>\n      <Styled.HeadingWrapper $background={color2} $gutterX={0.75} $gap={6}>\n        <Text $renderAs=\"ac4\">{title}</Text>\n      </Styled.HeadingWrapper>\n      <Styled.InfoWrapper>\n        {data.map(({ option_info: optionInfo, option_label: optionLabel }, index) => (\n          <Styled.InfoItemWrapper\n            key={optionLabel}\n            $flexDirection=\"row\"\n            $flexColumnGapX={0.75}\n            borderColor={color4}\n            $isLast={index === data.length - 1}\n          >\n            <Styled.Circle $borderColor={color3} $background={color1} />\n            <FlexView $flex={1}>\n              <Text $renderAs=\"ub2-bold\">{optionLabel}</Text>\n              <Separator height={4} />\n              <Text $renderAs=\"ub2\">{optionInfo}</Text>\n            </FlexView>\n          </Styled.InfoItemWrapper>\n        ))}\n      </Styled.InfoWrapper>\n      <Styled.FoldingWrapper color={color2} />\n    </Styled.Wrapper>\n  );\n};\n\nexport default memo(StrategyCard);\n"],"names":["StrategyCard","title","colorPalette","data","color1","color2","color3","color4","Styled.Wrapper","jsx","Styled.HeadingWrapper","Text","Styled.InfoWrapper","optionInfo","optionLabel","index","jsxs","Styled.InfoItemWrapper","Styled.Circle","FlexView","Separator","Styled.FoldingWrapper","StrategyCard$1","memo"],"mappings":";;;;;;AAQA,MAAMA,IAAuC,CAAC,EAAE,OAAAC,GAAO,cAAAC,GAAc,MAAAC,IAAO,SAAS;AACnF,QAAM,CAACC,GAAQC,GAAQC,GAAQC,CAAM,IAAIL;AAErC,SAAA,CAACA,KAAgB,CAACE,KAAU,CAACC,KAAU,CAACC,IAAe,yBAGxDE,GAAA,EAAe,aAAaJ,GAAQ,eAAe,GAClD,UAAA;AAAA,IAAA,gBAAAK,EAACC,GAAA,EAAsB,aAAaL,GAAQ,UAAU,MAAM,MAAM,GAChE,UAAC,gBAAAI,EAAAE,GAAA,EAAK,WAAU,OAAO,YAAM,CAAA,GAC/B;AAAA,IACC,gBAAAF,EAAAG,GAAA,EACE,UAAKT,EAAA,IAAI,CAAC,EAAE,aAAaU,GAAY,cAAcC,KAAeC,MACjE,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAiB;AAAA,QACjB,aAAaV;AAAA,QACb,SAASQ,MAAUZ,EAAK,SAAS;AAAA,QAEjC,UAAA;AAAA,UAAA,gBAAAM,EAACS,GAAA,EAAc,cAAcZ,GAAQ,aAAaF,GAAQ;AAAA,UAC1D,gBAAAY,EAACG,GAAS,EAAA,OAAO,GACf,UAAA;AAAA,YAAC,gBAAAV,EAAAE,GAAA,EAAK,WAAU,YAAY,UAAYG,GAAA;AAAA,YACxC,gBAAAL,EAACW,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,YACrB,gBAAAX,EAAAE,GAAA,EAAK,WAAU,OAAO,UAAWE,GAAA;AAAA,UAAA,GACpC;AAAA,QAAA;AAAA,MAAA;AAAA,MAXKC;AAAA,IAaR,CAAA,GACH;AAAA,IACC,gBAAAL,EAAAY,GAAA,EAAsB,OAAOhB,EAAQ,CAAA;AAAA,EACxC,EAAA,CAAA;AAEJ,GAEeiB,IAAAC,EAAKvB,CAAY;"}
+{"version":3,"file":"strategy-card.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/strategy-card/strategy-card.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport * as Styled from './strategy-card-styled';\nimport type { IStrategyCardProps } from './strategy-card-types';\n\nconst StrategyCard: FC<IStrategyCardProps> = ({ title, colorPalette, data = [] }) => {\n  const [color1, color2, color3, color4] = colorPalette;\n\n  if (!colorPalette || !color1 || !color2 || !color3) return null;\n\n  return (\n    <Styled.Wrapper $background={color1} $borderRadius={8}>\n      <Styled.HeadingWrapper $background={color2} $gutterX={0.75} $gap={6}>\n        <Text $renderAs=\"ac4\">{title}</Text>\n      </Styled.HeadingWrapper>\n      <Styled.InfoWrapper>\n        {data.map(({ option_info: optionInfo, option_label: optionLabel }, index) => (\n          <Styled.InfoItemWrapper\n            key={optionLabel}\n            $flexDirection=\"row\"\n            $flexColumnGapX={0.75}\n            borderColor={color4}\n            $isLast={index === data.length - 1}\n          >\n            <Styled.Circle $borderColor={color3} $background={color1} />\n            <FlexView $flex={1}>\n              <Text $renderAs=\"ub3-bold\">{optionLabel}</Text>\n              <Separator height={4} />\n              <Text $renderAs=\"ub3\">{optionInfo}</Text>\n            </FlexView>\n          </Styled.InfoItemWrapper>\n        ))}\n      </Styled.InfoWrapper>\n      <Styled.FoldingWrapper color={color2} />\n    </Styled.Wrapper>\n  );\n};\n\nexport default memo(StrategyCard);\n"],"names":["StrategyCard","title","colorPalette","data","color1","color2","color3","color4","Styled.Wrapper","jsx","Styled.HeadingWrapper","Text","Styled.InfoWrapper","optionInfo","optionLabel","index","jsxs","Styled.InfoItemWrapper","Styled.Circle","FlexView","Separator","Styled.FoldingWrapper","StrategyCard$1","memo"],"mappings":";;;;;;AAQA,MAAMA,IAAuC,CAAC,EAAE,OAAAC,GAAO,cAAAC,GAAc,MAAAC,IAAO,SAAS;AACnF,QAAM,CAACC,GAAQC,GAAQC,GAAQC,CAAM,IAAIL;AAErC,SAAA,CAACA,KAAgB,CAACE,KAAU,CAACC,KAAU,CAACC,IAAe,yBAGxDE,GAAA,EAAe,aAAaJ,GAAQ,eAAe,GAClD,UAAA;AAAA,IAAA,gBAAAK,EAACC,GAAA,EAAsB,aAAaL,GAAQ,UAAU,MAAM,MAAM,GAChE,UAAC,gBAAAI,EAAAE,GAAA,EAAK,WAAU,OAAO,YAAM,CAAA,GAC/B;AAAA,IACC,gBAAAF,EAAAG,GAAA,EACE,UAAKT,EAAA,IAAI,CAAC,EAAE,aAAaU,GAAY,cAAcC,KAAeC,MACjE,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAiB;AAAA,QACjB,aAAaV;AAAA,QACb,SAASQ,MAAUZ,EAAK,SAAS;AAAA,QAEjC,UAAA;AAAA,UAAA,gBAAAM,EAACS,GAAA,EAAc,cAAcZ,GAAQ,aAAaF,GAAQ;AAAA,UAC1D,gBAAAY,EAACG,GAAS,EAAA,OAAO,GACf,UAAA;AAAA,YAAC,gBAAAV,EAAAE,GAAA,EAAK,WAAU,YAAY,UAAYG,GAAA;AAAA,YACxC,gBAAAL,EAACW,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,YACrB,gBAAAX,EAAAE,GAAA,EAAK,WAAU,OAAO,UAAWE,GAAA;AAAA,UAAA,GACpC;AAAA,QAAA;AAAA,MAAA;AAAA,MAXKC;AAAA,IAaR,CAAA,GACH;AAAA,IACC,gBAAAL,EAAAY,GAAA,EAAsB,OAAOhB,EAAQ,CAAA;AAAA,EACxC,EAAA,CAAA;AAEJ,GAEeiB,IAAAC,EAAKvB,CAAY;"}

package/dist/features/timeline/monthly-timeline/ptm-report/comps/student-info/student-info.js

@@ -8,7 +8,7 @@ import f from "../../../../../ui/image/image.js";
 import { ILLUSTRATIONS as s } from "../../../../../../assets/illustrations/illustrations.js";
 const c = ({ grade: o, name: i }) => /* @__PURE__ */ e(d, { $alignItems: "center", $justifyContent: "center", children: [
   /* @__PURE__ */ r(f, { src: s.ALIEN_1, width: 64, height: 64 }),
-  /* @__PURE__ */ r(p, { $background: "YELLOW_4", $gutter: 8, $gap: 4, $borderRadius: 4, children: /* @__PURE__ */ e(t, { $renderAs: "ub2", children: [
+  /* @__PURE__ */ r(p, { $background: "YELLOW_4", $gutter: 8, $gap: 4, $borderRadius: 4, children: /* @__PURE__ */ e(t, { $renderAs: "ub3", children: [
     "Grade ",
     o
   ] }) }),

package/dist/features/timeline/monthly-timeline/ptm-report/comps/student-info/student-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-info.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/student-info/student-info.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport * as Styled from './student-info-styled';\nimport Separator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport type { IStudentInfoProps } from './student-info-types';\nimport Image from '../../../../../ui/image/image';\nimport { ILLUSTRATIONS } from '../../../../../../assets/illustrations/illustrations';\n\nconst StudentInfo: FC<IStudentInfoProps> = ({ grade, name }) => {\n  return (\n    <Styled.Wrapper $alignItems=\"center\" $justifyContent=\"center\">\n      <Image src={ILLUSTRATIONS.ALIEN_1} width={64} height={64} />\n      <Styled.GradeWrapper $background=\"YELLOW_4\" $gutter={8} $gap={4} $borderRadius={4}>\n        <Text $renderAs=\"ub2\">Grade {grade}</Text>\n      </Styled.GradeWrapper>\n      <Separator heightX={0.5} />\n      <FlexView>\n        <Text $renderAs=\"ab1\">{name}</Text>\n      </FlexView>\n    </Styled.Wrapper>\n  );\n};\n\nexport default memo(StudentInfo);\n"],"names":["StudentInfo","grade","name","Styled.Wrapper","jsx","Image","ILLUSTRATIONS","Styled.GradeWrapper","jsxs","Text","Separator","FlexView","StudentInfo$1","memo"],"mappings":";;;;;;;;AAUA,MAAMA,IAAqC,CAAC,EAAE,OAAAC,GAAO,MAAAC,0BAEhDC,GAAA,EAAe,aAAY,UAAS,iBAAgB,UACnD,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAM,KAAKC,EAAc,SAAS,OAAO,IAAI,QAAQ,IAAI;AAAA,EACzD,gBAAAF,EAAAG,GAAA,EAAoB,aAAY,YAAW,SAAS,GAAG,MAAM,GAAG,eAAe,GAC9E,UAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,OAAM,UAAA;AAAA,IAAA;AAAA,IAAOR;AAAA,EAAA,EAAA,CAAM,EACrC,CAAA;AAAA,EACA,gBAAAG,EAACM,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,oBACxBC,GACC,EAAA,UAAA,gBAAAP,EAACK,KAAK,WAAU,OAAO,aAAK,EAC9B,CAAA;AACF,EAAA,CAAA,GAIWG,IAAAC,EAAKb,CAAW;"}
+{"version":3,"file":"student-info.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/student-info/student-info.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport * as Styled from './student-info-styled';\nimport Separator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport type { IStudentInfoProps } from './student-info-types';\nimport Image from '../../../../../ui/image/image';\nimport { ILLUSTRATIONS } from '../../../../../../assets/illustrations/illustrations';\n\nconst StudentInfo: FC<IStudentInfoProps> = ({ grade, name }) => {\n  return (\n    <Styled.Wrapper $alignItems=\"center\" $justifyContent=\"center\">\n      <Image src={ILLUSTRATIONS.ALIEN_1} width={64} height={64} />\n      <Styled.GradeWrapper $background=\"YELLOW_4\" $gutter={8} $gap={4} $borderRadius={4}>\n        <Text $renderAs=\"ub3\">Grade {grade}</Text>\n      </Styled.GradeWrapper>\n      <Separator heightX={0.5} />\n      <FlexView>\n        <Text $renderAs=\"ab1\">{name}</Text>\n      </FlexView>\n    </Styled.Wrapper>\n  );\n};\n\nexport default memo(StudentInfo);\n"],"names":["StudentInfo","grade","name","Styled.Wrapper","jsx","Image","ILLUSTRATIONS","Styled.GradeWrapper","jsxs","Text","Separator","FlexView","StudentInfo$1","memo"],"mappings":";;;;;;;;AAUA,MAAMA,IAAqC,CAAC,EAAE,OAAAC,GAAO,MAAAC,0BAEhDC,GAAA,EAAe,aAAY,UAAS,iBAAgB,UACnD,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAM,KAAKC,EAAc,SAAS,OAAO,IAAI,QAAQ,IAAI;AAAA,EACzD,gBAAAF,EAAAG,GAAA,EAAoB,aAAY,YAAW,SAAS,GAAG,MAAM,GAAG,eAAe,GAC9E,UAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,OAAM,UAAA;AAAA,IAAA;AAAA,IAAOR;AAAA,EAAA,EAAA,CAAM,EACrC,CAAA;AAAA,EACA,gBAAAG,EAACM,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,oBACxBC,GACC,EAAA,UAAA,gBAAAP,EAACK,KAAK,WAAU,OAAO,aAAK,EAC9B,CAAA;AACF,EAAA,CAAA,GAIWG,IAAAC,EAAKb,CAAW;"}

package/dist/features/timeline/monthly-timeline/ptm-report/comps/support-card/support-card.js

@@ -17,12 +17,12 @@ const p = ({ title: i, info: n, statement: d, icon: l }) => /* @__PURE__ */ e(c,
         /* @__PURE__ */ r($, { src: l, width: 48, height: 48 }),
         /* @__PURE__ */ e(o, { $flex: 1, children: [
           /* @__PURE__ */ r(t, { $renderAs: "ab2-bold", children: i }),
-          /* @__PURE__ */ r(t, { $renderAs: "ub2", $color: "BLACK_T_60", children: n })
+          /* @__PURE__ */ r(t, { $renderAs: "ub3", $color: "BLACK_T_60", children: n })
         ] })
       ]
     }
   ),
-  /* @__PURE__ */ r(o, { $gutterX: 0.75, $gapX: 0.75, $background: "ORANGE_1", children: /* @__PURE__ */ r(t, { $renderAs: "ub2", children: d }) })
+  /* @__PURE__ */ r(o, { $gutterX: 0.75, $gapX: 0.75, $background: "ORANGE_1", children: /* @__PURE__ */ r(t, { $renderAs: "ub3", children: d }) })
 ] }), g = m(p);
 export {
   g as default

package/dist/features/timeline/monthly-timeline/ptm-report/comps/support-card/support-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"support-card.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/support-card/support-card.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport type { ISupportCardProps } from './support-card-types';\nimport Image from '../../../../../ui/image/image';\nimport * as Styled from './support-card-styled';\n\nconst SupportCard: FC<ISupportCardProps> = ({ title, info, statement, icon }) => {\n  return (\n    <Styled.Wrapper $borderColor=\"GREY_3\" $flexDirection=\"column\" $borderRadius={8}>\n      <FlexView\n        $flexDirection=\"row\"\n        $gutterX={0.5}\n        $gapX={0.75}\n        $flexColumnGapX={0.5}\n        $alignItems=\"center\"\n      >\n        <Image src={icon} width={48} height={48} />\n        <FlexView $flex={1}>\n          <Text $renderAs=\"ab2-bold\">{title}</Text>\n          <Text $renderAs=\"ub2\" $color=\"BLACK_T_60\">\n            {info}\n          </Text>\n        </FlexView>\n      </FlexView>\n      <FlexView $gutterX={0.75} $gapX={0.75} $background=\"ORANGE_1\">\n        <Text $renderAs=\"ub2\">{statement}</Text>\n      </FlexView>\n    </Styled.Wrapper>\n  );\n};\n\nexport default memo(SupportCard);\n"],"names":["SupportCard","title","info","statement","icon","jsxs","Styled.Wrapper","FlexView","jsx","Image","Text","SupportCard$1","memo"],"mappings":";;;;;;AAQA,MAAMA,IAAqC,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,WAAAC,GAAW,MAAAC,QAElE,gBAAAC,EAACC,GAAA,EAAe,cAAa,UAAS,gBAAe,UAAS,eAAe,GAC3E,UAAA;AAAA,EAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,UAAU;AAAA,MACV,OAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,aAAY;AAAA,MAEZ,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAM,KAAKL,GAAM,OAAO,IAAI,QAAQ,IAAI;AAAA,QACzC,gBAAAC,EAACE,GAAS,EAAA,OAAO,GACf,UAAA;AAAA,UAAC,gBAAAC,EAAAE,GAAA,EAAK,WAAU,YAAY,UAAMT,GAAA;AAAA,4BACjCS,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHR,GAAA;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAAA,EACC,gBAAAM,EAAAD,GAAA,EAAS,UAAU,MAAM,OAAO,MAAM,aAAY,YACjD,UAAC,gBAAAC,EAAAE,GAAA,EAAK,WAAU,OAAO,YAAU,CAAA,GACnC;AACF,EAAA,CAAA,GAIWC,IAAAC,EAAKZ,CAAW;"}
+{"version":3,"file":"support-card.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/support-card/support-card.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport type { ISupportCardProps } from './support-card-types';\nimport Image from '../../../../../ui/image/image';\nimport * as Styled from './support-card-styled';\n\nconst SupportCard: FC<ISupportCardProps> = ({ title, info, statement, icon }) => {\n  return (\n    <Styled.Wrapper $borderColor=\"GREY_3\" $flexDirection=\"column\" $borderRadius={8}>\n      <FlexView\n        $flexDirection=\"row\"\n        $gutterX={0.5}\n        $gapX={0.75}\n        $flexColumnGapX={0.5}\n        $alignItems=\"center\"\n      >\n        <Image src={icon} width={48} height={48} />\n        <FlexView $flex={1}>\n          <Text $renderAs=\"ab2-bold\">{title}</Text>\n          <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n            {info}\n          </Text>\n        </FlexView>\n      </FlexView>\n      <FlexView $gutterX={0.75} $gapX={0.75} $background=\"ORANGE_1\">\n        <Text $renderAs=\"ub3\">{statement}</Text>\n      </FlexView>\n    </Styled.Wrapper>\n  );\n};\n\nexport default memo(SupportCard);\n"],"names":["SupportCard","title","info","statement","icon","jsxs","Styled.Wrapper","FlexView","jsx","Image","Text","SupportCard$1","memo"],"mappings":";;;;;;AAQA,MAAMA,IAAqC,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,WAAAC,GAAW,MAAAC,QAElE,gBAAAC,EAACC,GAAA,EAAe,cAAa,UAAS,gBAAe,UAAS,eAAe,GAC3E,UAAA;AAAA,EAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,UAAU;AAAA,MACV,OAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,aAAY;AAAA,MAEZ,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAM,KAAKL,GAAM,OAAO,IAAI,QAAQ,IAAI;AAAA,QACzC,gBAAAC,EAACE,GAAS,EAAA,OAAO,GACf,UAAA;AAAA,UAAC,gBAAAC,EAAAE,GAAA,EAAK,WAAU,YAAY,UAAMT,GAAA;AAAA,4BACjCS,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHR,GAAA;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAAA,EACC,gBAAAM,EAAAD,GAAA,EAAS,UAAU,MAAM,OAAO,MAAM,aAAY,YACjD,UAAC,gBAAAC,EAAAE,GAAA,EAAK,WAAU,OAAO,YAAU,CAAA,GACnC;AACF,EAAA,CAAA,GAIWC,IAAAC,EAAKZ,CAAW;"}

package/dist/features/timeline/monthly-timeline/ptm-report/comps/upcoming-chapters/upcoming-chapters.js

@@ -6,7 +6,7 @@ import i from "../../../../../ui/separator/separator.js";
 const p = ({ chapters: e }) => e ? /* @__PURE__ */ m(o, { children: [
   /* @__PURE__ */ r(t, { $renderAs: "ab1-bold", children: "Upcoming Chapters" }),
   /* @__PURE__ */ r(i, { heightX: 1 }),
-  /* @__PURE__ */ r(o, { $background: "GREEN_1", $borderRadiusX: 0.5, $gutterX: 0.75, $gapX: 0.75, children: /* @__PURE__ */ r(t, { $renderAs: "ub2", children: e }) }),
+  /* @__PURE__ */ r(o, { $background: "GREEN_1", $borderRadiusX: 0.5, $gutterX: 0.75, $gapX: 0.75, children: /* @__PURE__ */ r(t, { $renderAs: "ub3", children: e }) }),
   /* @__PURE__ */ r(i, { heightX: 2 })
 ] }) : null, l = n(p);
 export {

package/dist/features/timeline/monthly-timeline/ptm-report/comps/upcoming-chapters/upcoming-chapters.js.map

@@ -1 +1 @@
-{"version":3,"file":"upcoming-chapters.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/upcoming-chapters/upcoming-chapters.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport Separator from '../../../../../ui/separator/separator';\n\nconst UpcomingChapters: FC<{ chapters?: string }> = ({ chapters }) => {\n  if (!chapters) {\n    return null;\n  }\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\">Upcoming Chapters</Text>\n      <Separator heightX={1} />\n      <FlexView $background=\"GREEN_1\" $borderRadiusX={0.5} $gutterX={0.75} $gapX={0.75}>\n        <Text $renderAs=\"ub2\">{chapters}</Text>\n      </FlexView>\n      <Separator heightX={2} />\n    </FlexView>\n  );\n};\n\nexport default memo(UpcomingChapters);\n"],"names":["UpcomingChapters","chapters","FlexView","jsx","Text","Separator","UpcomingChapters$1","memo"],"mappings":";;;;;AAMA,MAAMA,IAA8C,CAAC,EAAE,UAAAC,QAChDA,sBAKFC,GACC,EAAA,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,UAAiB,qBAAA;AAAA,EAC5C,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACtB,gBAAAF,EAAAD,GAAA,EAAS,aAAY,WAAU,gBAAgB,KAAK,UAAU,MAAM,OAAO,MAC1E,UAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,OAAO,YAAS,CAAA,GAClC;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AACzB,EAAA,CAAA,IAXO,MAeIC,IAAAC,EAAKP,CAAgB;"}
+{"version":3,"file":"upcoming-chapters.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/ptm-report/comps/upcoming-chapters/upcoming-chapters.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport Separator from '../../../../../ui/separator/separator';\n\nconst UpcomingChapters: FC<{ chapters?: string }> = ({ chapters }) => {\n  if (!chapters) {\n    return null;\n  }\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\">Upcoming Chapters</Text>\n      <Separator heightX={1} />\n      <FlexView $background=\"GREEN_1\" $borderRadiusX={0.5} $gutterX={0.75} $gapX={0.75}>\n        <Text $renderAs=\"ub3\">{chapters}</Text>\n      </FlexView>\n      <Separator heightX={2} />\n    </FlexView>\n  );\n};\n\nexport default memo(UpcomingChapters);\n"],"names":["UpcomingChapters","chapters","FlexView","jsx","Text","Separator","UpcomingChapters$1","memo"],"mappings":";;;;;AAMA,MAAMA,IAA8C,CAAC,EAAE,UAAAC,QAChDA,sBAKFC,GACC,EAAA,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,UAAiB,qBAAA;AAAA,EAC5C,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACtB,gBAAAF,EAAAD,GAAA,EAAS,aAAY,WAAU,gBAAgB,KAAK,UAAU,MAAM,OAAO,MAC1E,UAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,OAAO,YAAS,CAAA,GAClC;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AACzB,EAAA,CAAA,IAXO,MAeIC,IAAAC,EAAKP,CAAgB;"}

package/dist/features/trial-session/comps/av-panels/student-av-panel/student-av-panel.js

@@ -30,7 +30,7 @@ const H = $(function({ insideLeftPanel: r }) {
                 color: "WHITE"
               }
             ),
-            /* @__PURE__ */ t(o, { $renderAs: r ? "ub3" : "ac3-black", $color: "WHITE", children: p || "" })
+            /* @__PURE__ */ t(o, { $renderAs: r ? "ub4" : "ac3-black", $color: "WHITE", children: p || "" })
           ]
         }
       )