@cuemath/leap 3.5.27-as2 → 3.5.27-as3

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

@@ -1 +1 @@
-{"version":3,"file":"activities.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/activities/activities.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport { type IActivitiesProps } from './activities-types';\nimport { type TNodeTypes } from '../../../../chapters-v2/comps/node-card/node-card-types';\nimport ActivitiesCard from './activities-card/activities-card';\nimport { type CARD_TYPE } from '../../monthly-report.types';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport Separator from '../../../../ui/separator/separator';\n\nconst Activities: FC<IActivitiesProps> = ({ activities, onPuzzleClick }) => {\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\" $color=\"BLACK_1\">\n        Activities\n      </Text>\n      <Separator heightX={1} />\n      <FlexView $flexRowGapX={1.5}>\n        {Object.entries(activities).map(([cardType, activitiesList]) => {\n          if (!activitiesList?.length) return null;\n\n          return (\n            <ActivitiesCard\n              key={cardType}\n              nodeType={activitiesList[0]?.node_type as TNodeTypes}\n              cardType={cardType as CARD_TYPE}\n              activitiesList={activitiesList}\n              onPuzzleClick={onPuzzleClick}\n            />\n          );\n        })}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(Activities);\n"],"names":["Activities","activities","onPuzzleClick","FlexView","jsx","Text","Separator","cardType","activitiesList","ActivitiesCard","_a","Activities$1","memo"],"mappings":";;;;;;AAUA,MAAMA,IAAmC,CAAC,EAAE,YAAAC,GAAY,eAAAC,0BAEnDC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,cAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACtB,gBAAAF,EAAAD,GAAA,EAAS,cAAc,KACrB,UAAO,OAAA,QAAQF,CAAU,EAAE,IAAI,CAAC,CAACM,GAAUC,CAAc,MAAM;;AAC1D,WAACA,KAAA,QAAAA,EAAgB,SAGnB,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QAEC,WAAUC,IAAAF,EAAe,CAAC,MAAhB,gBAAAE,EAAmB;AAAA,QAC7B,UAAAH;AAAA,QACA,gBAAAC;AAAA,QACA,eAAAN;AAAA,MAAA;AAAA,MAJKK;AAAA,IAAA,IAJ2B;AAAA,EAWrC,CAAA,GACH;AACF,EAAA,CAAA,GAIWI,IAAAC,EAAKZ,CAAU;"}
+{"version":3,"file":"activities.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/activities/activities.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport { type IActivitiesProps } from './activities-types';\nimport { type TNodeTypes } from '../../../../chapters-v2/comps/node-card/node-card-types';\nimport ActivitiesCard from './activities-card/activities-card';\nimport { type CARD_TYPE } from '../../monthly-report-types';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport Separator from '../../../../ui/separator/separator';\n\nconst Activities: FC<IActivitiesProps> = ({ activities, onPuzzleClick }) => {\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\" $color=\"BLACK_1\">\n        Activities\n      </Text>\n      <Separator heightX={1} />\n      <FlexView $flexRowGapX={1.5}>\n        {Object.entries(activities).map(([cardType, activitiesList]) => {\n          if (!activitiesList?.length) return null;\n\n          return (\n            <ActivitiesCard\n              key={cardType}\n              nodeType={activitiesList[0]?.node_type as TNodeTypes}\n              cardType={cardType as CARD_TYPE}\n              activitiesList={activitiesList}\n              onPuzzleClick={onPuzzleClick}\n            />\n          );\n        })}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(Activities);\n"],"names":["Activities","activities","onPuzzleClick","FlexView","jsx","Text","Separator","cardType","activitiesList","ActivitiesCard","_a","Activities$1","memo"],"mappings":";;;;;;AAUA,MAAMA,IAAmC,CAAC,EAAE,YAAAC,GAAY,eAAAC,0BAEnDC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,cAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACtB,gBAAAF,EAAAD,GAAA,EAAS,cAAc,KACrB,UAAO,OAAA,QAAQF,CAAU,EAAE,IAAI,CAAC,CAACM,GAAUC,CAAc,MAAM;;AAC1D,WAACA,KAAA,QAAAA,EAAgB,SAGnB,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QAEC,WAAUC,IAAAF,EAAe,CAAC,MAAhB,gBAAAE,EAAmB;AAAA,QAC7B,UAAAH;AAAA,QACA,gBAAAC;AAAA,QACA,eAAAN;AAAA,MAAA;AAAA,MAJKK;AAAA,IAAA,IAJ2B;AAAA,EAWrC,CAAA,GACH;AACF,EAAA,CAAA,GAIWI,IAAAC,EAAKZ,CAAU;"}

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

@@ -5,7 +5,7 @@ import T from "../../../../../assets/line-icons/icons/status.js";
 import e from "../../../../../assets/line-icons/icons/exclamation.js";
 import { NODE_STATE as E } from "../../../daily-timeline-types.js";
 import { ILLUSTRATIONS as c } from "../../../../../assets/illustrations/illustrations.js";
-import { CARD_TYPE as o } from "../../monthly-report.types.js";
+import { CARD_TYPE as o } from "../../monthly-report-types.js";
 function R(a) {
   switch (a) {
     case o.learn:

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/activities/constants.tsx"],"sourcesContent":["import { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport StatusIcon from '../../../../../assets/line-icons/icons/status';\nimport ExclamationIcon from '../../../../../assets/line-icons/icons/exclamation';\nimport { NODE_STATE } from '../../../daily-timeline-types';\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { CARD_TYPE } from '../../monthly-report.types';\n\nexport function getCardTypeIconMap(cardType: CARD_TYPE) {\n  switch (cardType) {\n    case CARD_TYPE.learn:\n      return {\n        lottie: LOTTIE.LEARN,\n        color: 'YELLOW_2',\n        background: ILLUSTRATIONS.NODE_LEARN_BG,\n      };\n    case CARD_TYPE.practice:\n    case CARD_TYPE.smart_practice:\n    case CARD_TYPE.extra_practice:\n      return {\n        lottie: LOTTIE.PRACTICE,\n        color: 'PURPLE_2',\n        background: ILLUSTRATIONS.NODE_PRACTICE_BG,\n      };\n    case CARD_TYPE.puzzle:\n      return {\n        lottie: LOTTIE.PUZZLE,\n        color: 'PURPLE_2',\n        background: ILLUSTRATIONS.NODE_PUZZLE_BG,\n      };\n    case CARD_TYPE.test:\n    case CARD_TYPE.diagnostic:\n      return {\n        lottie: LOTTIE.TEST,\n        color: 'ORANGE_2',\n        background: ILLUSTRATIONS.NODE_CUSTOM_TEST_BG,\n      };\n    case CARD_TYPE.challenge:\n      return {\n        lottie: LOTTIE.COMPETITIVE_ARENA,\n        color: 'ORANGE_2',\n        background: ILLUSTRATIONS.NODE_TEST_PREP_BG,\n      };\n    case CARD_TYPE.advanced:\n      return {\n        lottie: LOTTIE.TEST,\n        color: 'GREEN_2',\n        background: ILLUSTRATIONS.NODE_ACTIVITY_BG,\n      };\n    case CARD_TYPE.subjective:\n      return {\n        lottie: LOTTIE.SUBJECTIVE,\n        color: 'BLUE_2',\n        background: ILLUSTRATIONS.NODE_SUBJECTIVE_BG,\n      };\n    case CARD_TYPE.recap:\n    case CARD_TYPE.remedial:\n    case CARD_TYPE.revision:\n      return {\n        lottie: LOTTIE.RECAP,\n        color: 'BLUE_2',\n        background: ILLUSTRATIONS.NODE_RECAP_BG,\n      };\n\n    case CARD_TYPE.activity:\n      return {\n        lottie: LOTTIE.ACTIVITY,\n        color: 'ORANGE_2',\n        background: ILLUSTRATIONS.NODE_ACTIVITY_BG,\n      };\n\n    case CARD_TYPE.video:\n      return {\n        lottie: LOTTIE.VIDEO,\n        color: 'GREEN_2',\n        background: ILLUSTRATIONS.NODE_VIDEO_BG,\n      };\n\n    default:\n      return {\n        lottie: LOTTIE.PROJECT,\n        color: 'GREEN_2',\n        background: ILLUSTRATIONS.NODE_PROJECT_BG,\n      };\n  }\n}\n\nexport const stateIcon = {\n  [NODE_STATE.COMPLETED]: <Check2Icon color=\"WHITE\" />,\n  [NODE_STATE.IN_PROGRESS]: <StatusIcon color=\"WHITE\" />,\n  [NODE_STATE.PENDING]: <ExclamationIcon color=\"WHITE\" />,\n  [NODE_STATE.NOT_STARTED]: <ExclamationIcon color=\"WHITE\" />,\n};\n"],"names":["getCardTypeIconMap","cardType","CARD_TYPE","LOTTIE","ILLUSTRATIONS","stateIcon","NODE_STATE","jsx","Check2Icon","StatusIcon","ExclamationIcon"],"mappings":";;;;;;;;AAQO,SAASA,EAAmBC,GAAqB;AACtD,UAAQA,GAAU;AAAA,IAChB,KAAKC,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AAAA,IACf,KAAKA,EAAU;AAAA,IACf,KAAKA,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AAAA,IACf,KAAKA,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AAAA,IACf,KAAKA,EAAU;AAAA,IACf,KAAKA,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAG9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAG9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAG9B;AACS,aAAA;AAAA,QACL,QAAQD,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,EAEhC;AACF;AAEO,MAAMC,IAAY;AAAA,EACvB,CAACC,EAAW,SAAS,GAAI,gBAAAC,EAAAC,GAAA,EAAW,OAAM,SAAQ;AAAA,EAClD,CAACF,EAAW,WAAW,GAAI,gBAAAC,EAAAE,GAAA,EAAW,OAAM,SAAQ;AAAA,EACpD,CAACH,EAAW,OAAO,GAAI,gBAAAC,EAAAG,GAAA,EAAgB,OAAM,SAAQ;AAAA,EACrD,CAACJ,EAAW,WAAW,GAAI,gBAAAC,EAAAG,GAAA,EAAgB,OAAM,SAAQ;AAC3D;"}
+{"version":3,"file":"constants.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/activities/constants.tsx"],"sourcesContent":["import { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport StatusIcon from '../../../../../assets/line-icons/icons/status';\nimport ExclamationIcon from '../../../../../assets/line-icons/icons/exclamation';\nimport { NODE_STATE } from '../../../daily-timeline-types';\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { CARD_TYPE } from '../../monthly-report-types';\n\nexport function getCardTypeIconMap(cardType: CARD_TYPE) {\n  switch (cardType) {\n    case CARD_TYPE.learn:\n      return {\n        lottie: LOTTIE.LEARN,\n        color: 'YELLOW_2',\n        background: ILLUSTRATIONS.NODE_LEARN_BG,\n      };\n    case CARD_TYPE.practice:\n    case CARD_TYPE.smart_practice:\n    case CARD_TYPE.extra_practice:\n      return {\n        lottie: LOTTIE.PRACTICE,\n        color: 'PURPLE_2',\n        background: ILLUSTRATIONS.NODE_PRACTICE_BG,\n      };\n    case CARD_TYPE.puzzle:\n      return {\n        lottie: LOTTIE.PUZZLE,\n        color: 'PURPLE_2',\n        background: ILLUSTRATIONS.NODE_PUZZLE_BG,\n      };\n    case CARD_TYPE.test:\n    case CARD_TYPE.diagnostic:\n      return {\n        lottie: LOTTIE.TEST,\n        color: 'ORANGE_2',\n        background: ILLUSTRATIONS.NODE_CUSTOM_TEST_BG,\n      };\n    case CARD_TYPE.challenge:\n      return {\n        lottie: LOTTIE.COMPETITIVE_ARENA,\n        color: 'ORANGE_2',\n        background: ILLUSTRATIONS.NODE_TEST_PREP_BG,\n      };\n    case CARD_TYPE.advanced:\n      return {\n        lottie: LOTTIE.TEST,\n        color: 'GREEN_2',\n        background: ILLUSTRATIONS.NODE_ACTIVITY_BG,\n      };\n    case CARD_TYPE.subjective:\n      return {\n        lottie: LOTTIE.SUBJECTIVE,\n        color: 'BLUE_2',\n        background: ILLUSTRATIONS.NODE_SUBJECTIVE_BG,\n      };\n    case CARD_TYPE.recap:\n    case CARD_TYPE.remedial:\n    case CARD_TYPE.revision:\n      return {\n        lottie: LOTTIE.RECAP,\n        color: 'BLUE_2',\n        background: ILLUSTRATIONS.NODE_RECAP_BG,\n      };\n\n    case CARD_TYPE.activity:\n      return {\n        lottie: LOTTIE.ACTIVITY,\n        color: 'ORANGE_2',\n        background: ILLUSTRATIONS.NODE_ACTIVITY_BG,\n      };\n\n    case CARD_TYPE.video:\n      return {\n        lottie: LOTTIE.VIDEO,\n        color: 'GREEN_2',\n        background: ILLUSTRATIONS.NODE_VIDEO_BG,\n      };\n\n    default:\n      return {\n        lottie: LOTTIE.PROJECT,\n        color: 'GREEN_2',\n        background: ILLUSTRATIONS.NODE_PROJECT_BG,\n      };\n  }\n}\n\nexport const stateIcon = {\n  [NODE_STATE.COMPLETED]: <Check2Icon color=\"WHITE\" />,\n  [NODE_STATE.IN_PROGRESS]: <StatusIcon color=\"WHITE\" />,\n  [NODE_STATE.PENDING]: <ExclamationIcon color=\"WHITE\" />,\n  [NODE_STATE.NOT_STARTED]: <ExclamationIcon color=\"WHITE\" />,\n};\n"],"names":["getCardTypeIconMap","cardType","CARD_TYPE","LOTTIE","ILLUSTRATIONS","stateIcon","NODE_STATE","jsx","Check2Icon","StatusIcon","ExclamationIcon"],"mappings":";;;;;;;;AAQO,SAASA,EAAmBC,GAAqB;AACtD,UAAQA,GAAU;AAAA,IAChB,KAAKC,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AAAA,IACf,KAAKA,EAAU;AAAA,IACf,KAAKA,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AAAA,IACf,KAAKA,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AAAA,IACf,KAAKA,EAAU;AAAA,IACf,KAAKA,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAG9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAG9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAG9B;AACS,aAAA;AAAA,QACL,QAAQD,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,EAEhC;AACF;AAEO,MAAMC,IAAY;AAAA,EACvB,CAACC,EAAW,SAAS,GAAI,gBAAAC,EAAAC,GAAA,EAAW,OAAM,SAAQ;AAAA,EAClD,CAACF,EAAW,WAAW,GAAI,gBAAAC,EAAAE,GAAA,EAAW,OAAM,SAAQ;AAAA,EACpD,CAACH,EAAW,OAAO,GAAI,gBAAAC,EAAAG,GAAA,EAAgB,OAAM,SAAQ;AAAA,EACrD,CAACJ,EAAW,WAAW,GAAI,gBAAAC,EAAAG,GAAA,EAAgB,OAAM,SAAQ;AAC3D;"}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/activities/utils.ts"],"sourcesContent":["import { type IMonthlyActivity } from '../../monthly-report.types';\nimport { NODE_STATE } from '../../../daily-timeline-types';\n\nexport const countActivitiesByState = (activitiesList: IMonthlyActivity[]) => {\n  const totalDone = activitiesList.filter(\n    activity => activity.state === NODE_STATE.COMPLETED,\n  ).length;\n  const totalPending = activitiesList.filter(\n    activity => activity.state === NODE_STATE.IN_PROGRESS,\n  ).length;\n  const totalOverdue = activitiesList.filter(\n    activity => activity.state === NODE_STATE.PENDING,\n  ).length;\n\n  return { totalDone, totalPending, totalOverdue };\n};\n"],"names":["countActivitiesByState","activitiesList","totalDone","activity","NODE_STATE","totalPending","totalOverdue"],"mappings":";AAGa,MAAAA,IAAyB,CAACC,MAAuC;AAC5E,QAAMC,IAAYD,EAAe;AAAA,IAC/B,CAAAE,MAAYA,EAAS,UAAUC,EAAW;AAAA,EAC1C,EAAA,QACIC,IAAeJ,EAAe;AAAA,IAClC,CAAAE,MAAYA,EAAS,UAAUC,EAAW;AAAA,EAC1C,EAAA,QACIE,IAAeL,EAAe;AAAA,IAClC,CAAAE,MAAYA,EAAS,UAAUC,EAAW;AAAA,EAC1C,EAAA;AAEK,SAAA,EAAE,WAAAF,GAAW,cAAAG,GAAc,cAAAC;AACpC;"}
+{"version":3,"file":"utils.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/activities/utils.ts"],"sourcesContent":["import { type IMonthlyActivity } from '../../monthly-report-types';\nimport { NODE_STATE } from '../../../daily-timeline-types';\n\nexport const countActivitiesByState = (activitiesList: IMonthlyActivity[]) => {\n  const totalDone = activitiesList.filter(\n    activity => activity.state === NODE_STATE.COMPLETED,\n  ).length;\n  const totalPending = activitiesList.filter(\n    activity => activity.state === NODE_STATE.IN_PROGRESS,\n  ).length;\n  const totalOverdue = activitiesList.filter(\n    activity => activity.state === NODE_STATE.PENDING,\n  ).length;\n\n  return { totalDone, totalPending, totalOverdue };\n};\n"],"names":["countActivitiesByState","activitiesList","totalDone","activity","NODE_STATE","totalPending","totalOverdue"],"mappings":";AAGa,MAAAA,IAAyB,CAACC,MAAuC;AAC5E,QAAMC,IAAYD,EAAe;AAAA,IAC/B,CAAAE,MAAYA,EAAS,UAAUC,EAAW;AAAA,EAC1C,EAAA,QACIC,IAAeJ,EAAe;AAAA,IAClC,CAAAE,MAAYA,EAAS,UAAUC,EAAW;AAAA,EAC1C,EAAA,QACIE,IAAeL,EAAe;AAAA,IAClC,CAAAE,MAAYA,EAAS,UAAUC,EAAW;AAAA,EAC1C,EAAA;AAEK,SAAA,EAAE,WAAAF,GAAW,cAAAG,GAAc,cAAAC;AACpC;"}

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

@@ -0,0 +1,29 @@
+const E = {
+  ATTENDED: "attended",
+  MISSED: "missed",
+  PAUSED: "paused"
+}, A = {
+  DAYS_PER_WEEK: 7,
+  DAY_HEADERS: ["S", "M", "Tu", "W", "Th", "F", "S"],
+  FIRST_DAY_OF_WEEK: 0
+  // Sunday = 0
+}, S = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+];
+export {
+  E as ATTENDANCE_STATUS,
+  A as CALENDAR_CONFIG,
+  S as MONTH_NAMES
+};
+//# sourceMappingURL=attendance-constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"attendance-constants.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/attendance/attendance-constants.ts"],"sourcesContent":["export const ATTENDANCE_STATUS = {\n  ATTENDED: 'attended',\n  MISSED: 'missed',\n  PAUSED: 'paused',\n} as const;\n\nexport const CALENDAR_CONFIG = {\n  DAYS_PER_WEEK: 7,\n  DAY_HEADERS: ['S', 'M', 'Tu', 'W', 'Th', 'F', 'S'],\n  FIRST_DAY_OF_WEEK: 0, // Sunday = 0\n} as const;\n\nexport const MONTH_NAMES = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec',\n];\n"],"names":["ATTENDANCE_STATUS","CALENDAR_CONFIG","MONTH_NAMES"],"mappings":"AAAO,MAAMA,IAAoB;AAAA,EAC/B,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AACV,GAEaC,IAAkB;AAAA,EAC7B,eAAe;AAAA,EACf,aAAa,CAAC,KAAK,KAAK,MAAM,KAAK,MAAM,KAAK,GAAG;AAAA,EACjD,mBAAmB;AAAA;AACrB,GAEaC,IAAc;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

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

@@ -0,0 +1,95 @@
+import { jsx as u } from "react/jsx-runtime";
+import S from "../../../../../assets/line-icons/icons/check2.js";
+import f from "../../../../../assets/line-icons/icons/cross.js";
+import D from "../../../../../assets/line-icons/icons/dots-icon.js";
+import _ from "../../../../../assets/line-icons/icons/pause-icon.js";
+import { ATTENDANCE_STATUS as a } from "./attendance-constants.js";
+import { StatusSymbol as C } from "./attendance.styled.js";
+import T from "../../../../ui/theme/clrs.js";
+const l = T(), w = (t) => t == null ? void 0 : t.map((o) => I(o)).join(`
+`), b = (t) => t.is_present ? a.ATTENDED : t.is_paused ? a.PAUSED : a.MISSED, x = (t) => {
+  let o = 0, s = 0, r = 0;
+  Object.values(t).forEach((i) => {
+    i.forEach((e) => {
+      switch (b(e)) {
+        case a.ATTENDED:
+          o++;
+          break;
+        case a.PAUSED:
+          r++;
+          break;
+        default:
+          s++;
+          break;
+      }
+    });
+  });
+  const n = [];
+  return o > 0 && n.push(`${o} attended`), s > 0 && n.push(`${s} missed`), r > 0 && n.push(`${r} paused`), `${n.join(", ")}.`;
+}, A = (t) => {
+  if (t.length === 0)
+    return {
+      status: null,
+      themeColor: null,
+      statusSymbol: ""
+    };
+  if (t.length > 1)
+    return {
+      status: a.PAUSED,
+      themeColor: "WHITE_4",
+      statusSymbol: /* @__PURE__ */ u(C, { $top: "2px", $right: "2px", children: /* @__PURE__ */ u(D, { color: "GREEN_6", width: 8, height: 8 }) }),
+      tooltipBgColor: "WHITE_5",
+      snackbarBg: l.WHITE_5
+    };
+  const o = t.find((r) => r.is_present), s = t.find((r) => r.is_paused);
+  return o ? {
+    status: a.ATTENDED,
+    themeColor: "GREEN_1",
+    statusSymbol: /* @__PURE__ */ u(S, { color: "GREEN_6", width: 14, height: 14 }),
+    tooltipBgColor: "GREEN_2",
+    snackbarBg: l.GREEN_2
+  } : s ? {
+    status: a.PAUSED,
+    themeColor: "WHITE_4",
+    statusSymbol: /* @__PURE__ */ u(_, { color: "BLACK_T_60", width: 8, height: 8 }),
+    tooltipBgColor: "WHITE_5",
+    snackbarBg: l.WHITE_5
+  } : {
+    status: a.MISSED,
+    themeColor: "ORANGE_1",
+    statusSymbol: /* @__PURE__ */ u(f, { color: "RED", width: 12, height: 12 }),
+    tooltipBgColor: "ORANGE_2",
+    snackbarBg: l.ORANGE_2
+  };
+}, P = (t, o, s) => {
+  const r = new Date(s, o - 1, 1).getDay(), n = new Date(s, o, 0).getDate(), i = [];
+  for (let e = 0; e < r; e++)
+    i.push(null);
+  for (let e = 1; e <= n; e++) {
+    const m = `${s}-${o.toString().padStart(2, "0")}-${e.toString().padStart(2, "0")}`, c = t[m] || [], { status: d, themeColor: h, statusSymbol: E, tooltipBgColor: g, snackbarBg: p } = A(c);
+    i.push({
+      date: e,
+      status: d,
+      hasClasses: c.length > 0,
+      classes: c,
+      themeColor: h,
+      statusSymbol: E,
+      tooltipBgColor: g,
+      snackbarBg: p
+    });
+  }
+  return i;
+}, I = (t) => {
+  if (!t.status) return "";
+  const s = new Date(t.time * 1e3).getHours(), r = s >= 12 ? "PM" : "AM";
+  return `${`${s % 12 || 12} ${r}`}: ${t.status}`;
+};
+export {
+  x as attendanceStatsText,
+  P as generateCalendarGrid,
+  b as getClassStatus,
+  A as getDayStatusInfo,
+  w as getSnackbarMsg,
+  I as getStatusText
+};
+//# sourceMappingURL=attendance-utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"attendance-utils.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/attendance/attendance-utils.tsx"],"sourcesContent":["import type { JSX } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport CrossIcon from '../../../../../assets/line-icons/icons/cross';\nimport DotIcon from '../../../../../assets/line-icons/icons/dots-icon';\nimport PauseIcon from '../../../../../assets/line-icons/icons/pause-icon';\nimport type { TColorNames } from '../../../../ui/types';\nimport type { IClassEvent, TCalendarData } from '../../monthly-report-types';\nimport { ATTENDANCE_STATUS } from './attendance-constants';\nimport type { ICalendarDay, TAttendanceStatus } from './attendance-types';\nimport * as Styled from './attendance.styled';\nimport getColors from '../../../../ui/theme/clrs';\n\nconst colors = getColors();\n\nexport const getSnackbarMsg = (classes: IClassEvent[] | undefined) => {\n  return classes?.map(item => getStatusText(item)).join('\\n');\n};\n\nexport const getClassStatus = (classEvent: IClassEvent): TAttendanceStatus => {\n  if (classEvent.is_present) {\n    return ATTENDANCE_STATUS.ATTENDED;\n  }\n\n  if (classEvent.is_paused) {\n    return ATTENDANCE_STATUS.PAUSED;\n  }\n\n  return ATTENDANCE_STATUS.MISSED;\n};\n\nexport const attendanceStatsText = (calendarData: TCalendarData) => {\n  let attended = 0;\n  let missed = 0;\n  let paused = 0;\n\n  Object.values(calendarData).forEach(dayClasses => {\n    dayClasses.forEach(classEvent => {\n      const status = getClassStatus(classEvent);\n\n      switch (status) {\n        case ATTENDANCE_STATUS.ATTENDED:\n          attended++;\n          break;\n        case ATTENDANCE_STATUS.PAUSED:\n          paused++;\n          break;\n        default:\n          missed++;\n          break;\n      }\n    });\n  });\n\n  const parts: string[] = [];\n\n  if (attended > 0) parts.push(`${attended} attended`);\n\n  if (missed > 0) parts.push(`${missed} missed`);\n\n  if (paused > 0) parts.push(`${paused} paused`);\n\n  return `${parts.join(', ')}.`;\n};\n\nexport const getDayStatusInfo = (dayClasses: IClassEvent[]) => {\n  if (dayClasses.length === 0) {\n    return {\n      status: null,\n      themeColor: null,\n      statusSymbol: '',\n    };\n  }\n\n  if (dayClasses.length > 1) {\n    return {\n      status: ATTENDANCE_STATUS.PAUSED,\n      themeColor: 'WHITE_4',\n      statusSymbol: (\n        <Styled.StatusSymbol $top=\"2px\" $right=\"2px\">\n          <DotIcon color=\"GREEN_6\" width={8} height={8} />\n        </Styled.StatusSymbol>\n      ),\n      tooltipBgColor: 'WHITE_5',\n      snackbarBg: colors.WHITE_5,\n    };\n  }\n\n  const attendedClass = dayClasses.find(cls => cls.is_present);\n  const pausedClass = dayClasses.find(cls => cls.is_paused);\n\n  if (attendedClass) {\n    return {\n      status: ATTENDANCE_STATUS.ATTENDED,\n      themeColor: 'GREEN_1',\n      statusSymbol: <Check2Icon color=\"GREEN_6\" width={14} height={14} />,\n      tooltipBgColor: 'GREEN_2',\n      snackbarBg: colors.GREEN_2,\n    };\n  }\n\n  if (pausedClass) {\n    return {\n      status: ATTENDANCE_STATUS.PAUSED,\n      themeColor: 'WHITE_4',\n      statusSymbol: <PauseIcon color=\"BLACK_T_60\" width={8} height={8} />,\n      tooltipBgColor: 'WHITE_5',\n      snackbarBg: colors.WHITE_5,\n    };\n  }\n\n  return {\n    status: ATTENDANCE_STATUS.MISSED,\n    themeColor: 'ORANGE_1',\n    statusSymbol: <CrossIcon color=\"RED\" width={12} height={12} />,\n    tooltipBgColor: 'ORANGE_2',\n    snackbarBg: colors.ORANGE_2,\n  };\n};\n\nexport const generateCalendarGrid = (\n  calendarData: TCalendarData,\n  reportMonth: number,\n  reportYear: number,\n): (ICalendarDay | null)[] => {\n  const firstDay = new Date(reportYear, reportMonth - 1, 1).getDay();\n  const daysInMonth = new Date(reportYear, reportMonth, 0).getDate();\n  const grid: (ICalendarDay | null)[] = [];\n\n  // Add empty cells for days before the first day of the month\n  for (let i = 0; i < firstDay; i++) {\n    grid.push(null);\n  }\n\n  // Add all days of the month\n  for (let day = 1; day <= daysInMonth; day++) {\n    const dateString = `${reportYear}-${reportMonth.toString().padStart(2, '0')}-${day\n      .toString()\n      .padStart(2, '0')}`;\n    const dayClasses = calendarData[dateString] || [];\n    const { status, themeColor, statusSymbol, tooltipBgColor, snackbarBg } =\n      getDayStatusInfo(dayClasses);\n\n    grid.push({\n      date: day,\n      status,\n      hasClasses: dayClasses.length > 0,\n      classes: dayClasses,\n      themeColor: themeColor as TColorNames | null,\n      statusSymbol: statusSymbol as JSX.Element,\n      tooltipBgColor: tooltipBgColor as TColorNames | null,\n      snackbarBg,\n    });\n  }\n\n  return grid;\n};\n\nexport const getStatusText = (classEvent: IClassEvent) => {\n  if (!classEvent.status) return '';\n\n  const date = new Date(classEvent.time * 1000);\n  const hours = date.getHours();\n  const ampm = hours >= 12 ? 'PM' : 'AM';\n  const displayHours = hours % 12 || 12;\n\n  const timeStr = `${displayHours} ${ampm}`;\n\n  return `${timeStr}: ${classEvent.status}`;\n};\n"],"names":["colors","getColors","getSnackbarMsg","classes","item","getStatusText","getClassStatus","classEvent","ATTENDANCE_STATUS","attendanceStatsText","calendarData","attended","missed","paused","dayClasses","parts","getDayStatusInfo","jsx","Styled.StatusSymbol","DotIcon","attendedClass","cls","pausedClass","Check2Icon","PauseIcon","CrossIcon","generateCalendarGrid","reportMonth","reportYear","firstDay","daysInMonth","grid","i","day","dateString","status","themeColor","statusSymbol","tooltipBgColor","snackbarBg","hours","ampm"],"mappings":"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"}

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

@@ -0,0 +1,77 @@
+import { jsxs as n, jsx as r, Fragment as b } from "react/jsx-runtime";
+import { memo as u, useMemo as l } from "react";
+import { IS_APP_RUNNING_IN_RN as _ } from "../../../../../constants/app-config.js";
+import f from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import m from "../../../../ui/layout/flex-view.js";
+import C from "../../../../ui/separator/separator.js";
+import t from "../../../../ui/text/text.js";
+import { CALENDAR_CONFIG as T, MONTH_NAMES as S } from "./attendance-constants.js";
+import { attendanceStatsText as I, generateCalendarGrid as B, getSnackbarMsg as N, getStatusText as x } from "./attendance-utils.js";
+import { CalendarHeader as E, CalendarBody as H, TooltipWrapper as j, CalendarDay as K, StatusSymbol as L } from "./attendance.styled.js";
+const W = ({
+  calendarData: o,
+  reportMonth: s,
+  reportYear: c,
+  onDateClick: i
+}) => {
+  const h = l(
+    () => !!o && I(o),
+    [o]
+  ), p = l(
+    () => !!o && B(o, s, c),
+    [o, s, c]
+  ), A = l(() => o ? Object.values(o).some((e) => e.length > 0) : !1, [o]);
+  return !o || Object.keys(o).length === 0 || !A || !p ? null : /* @__PURE__ */ n(m, { children: [
+    /* @__PURE__ */ r(t, { $renderAs: "ab1-bold", $color: "BLACK_1", children: "Attendance" }),
+    /* @__PURE__ */ r(t, { $renderAs: "ub2-bold", $color: "BLACK_T_60", children: h }),
+    /* @__PURE__ */ r(C, { heightX: 1 }),
+    /* @__PURE__ */ n(m, { $borderColor: "WHITE_5", children: [
+      /* @__PURE__ */ r(E, { children: T.DAY_HEADERS.map((e) => /* @__PURE__ */ r(t, { $align: "center", $renderAs: "ub3", $color: "BLACK_T_60", children: e }, e)) }),
+      /* @__PURE__ */ r(H, { children: p.map((e, g) => /* @__PURE__ */ r(
+        j,
+        {
+          onClick: () => i == null ? void 0 : i({
+            type: "info",
+            message: N((e == null ? void 0 : e.classes) || []) ?? "",
+            bgColor: (e == null ? void 0 : e.snackbarBg) || "WHITE_5"
+          }),
+          children: /* @__PURE__ */ r(
+            f,
+            {
+              renderAs: "primary",
+              position: "top",
+              hidden: _ || !(e != null && e.hasClasses),
+              backgroundColor: (e == null ? void 0 : e.tooltipBgColor) || "WHITE_5",
+              isBlocking: !0,
+              tooltipItem: e != null && e.classes ? /* @__PURE__ */ n(m, { $gutterX: 0.5, $gapX: 0.5, children: [
+                /* @__PURE__ */ n(t, { $align: "center", $renderAs: "ab3", $color: "BLACK_1", children: [
+                  S[s],
+                  " ",
+                  e.date
+                ] }),
+                e.classes.map(($) => /* @__PURE__ */ r(t, { $align: "center", $renderAs: "ab3", children: x($) }, $.time))
+              ] }) : "",
+              children: /* @__PURE__ */ r(
+                K,
+                {
+                  $background: (e == null ? void 0 : e.themeColor) || "WHITE_1",
+                  $justifyContent: "center",
+                  $alignItems: "center",
+                  children: e && /* @__PURE__ */ n(b, { children: [
+                    /* @__PURE__ */ r(t, { $renderAs: "ab2", $color: "BLACK_T_38", children: e.date }),
+                    /* @__PURE__ */ r(L, { children: !!e.statusSymbol && e.statusSymbol })
+                  ] })
+                }
+              )
+            }
+          )
+        },
+        e ? `day-${e.date}` : `empty-${g}`
+      )) })
+    ] })
+  ] });
+}, U = u(W);
+export {
+  U as default
+};
+//# sourceMappingURL=attendance.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"attendance.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/attendance/attendance.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport { IS_APP_RUNNING_IN_RN } from '../../../../../constants/app-config';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { CALENDAR_CONFIG, MONTH_NAMES } from './attendance-constants';\nimport type { ICalendarDay, IAttendanceProps } from './attendance-types';\nimport {\n  attendanceStatsText,\n  generateCalendarGrid,\n  getSnackbarMsg,\n  getStatusText,\n} from './attendance-utils';\nimport * as Styled from './attendance.styled';\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: ICalendarDay | null, index: number) => (\n            <Styled.TooltipWrapper\n              key={day ? `day-${day.date}` : `empty-${index}`}\n              onClick={() =>\n                onDateClick?.({\n                  type: 'info',\n                  message: getSnackbarMsg(day?.classes || []) ?? '',\n                  bgColor: day?.snackbarBg || 'WHITE_5',\n                })\n              }\n            >\n              <ArrowTooltip\n                renderAs=\"primary\"\n                position=\"top\"\n                hidden={IS_APP_RUNNING_IN_RN || !day?.hasClasses}\n                backgroundColor={day?.tooltipBgColor || 'WHITE_5'}\n                isBlocking={true}\n                tooltipItem={\n                  day?.classes ? (\n                    <FlexView $gutterX={0.5} $gapX={0.5}>\n                      <Text $align=\"center\" $renderAs=\"ab3\" $color=\"BLACK_1\">\n                        {MONTH_NAMES[reportMonth]} {day.date}\n                      </Text>\n                      {day.classes.map(classEvent => (\n                        <Text $align=\"center\" $renderAs=\"ab3\" key={classEvent.time}>\n                          {getStatusText(classEvent)}\n                        </Text>\n                      ))}\n                    </FlexView>\n                  ) : (\n                    ''\n                  )\n                }\n              >\n                <Styled.CalendarDay\n                  $background={day?.themeColor || 'WHITE_1'}\n                  $justifyContent=\"center\"\n                  $alignItems=\"center\"\n                >\n                  {day && (\n                    <>\n                      <Text $renderAs=\"ab2\" $color=\"BLACK_T_38\">\n                        {day.date}\n                      </Text>\n                      <Styled.StatusSymbol>\n                        {!!day.statusSymbol && day.statusSymbol}\n                      </Styled.StatusSymbol>\n                    </>\n                  )}\n                </Styled.CalendarDay>\n              </ArrowTooltip>\n            </Styled.TooltipWrapper>\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","Styled.TooltipWrapper","getSnackbarMsg","ArrowTooltip","IS_APP_RUNNING_IN_RN","MONTH_NAMES","classEvent","getStatusText","Styled.CalendarDay","Fragment","Styled.StatusSymbol","Attendance$1","memo"],"mappings":";;;;;;;;;;AAiBA,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,GAA0BC,MAC3C,gBAAAR;AAAA,QAACS;AAAAA,QAAA;AAAA,UAEC,SAAS,MACPlB,KAAA,gBAAAA,EAAc;AAAA,YACZ,MAAM;AAAA,YACN,SAASmB,GAAeH,KAAA,gBAAAA,EAAK,YAAW,CAAA,CAAE,KAAK;AAAA,YAC/C,UAASA,KAAA,gBAAAA,EAAK,eAAc;AAAA,UAAA;AAAA,UAIhC,UAAA,gBAAAP;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,QAAQC,KAAwB,EAACL,KAAA,QAAAA,EAAK;AAAA,cACtC,kBAAiBA,KAAA,gBAAAA,EAAK,mBAAkB;AAAA,cACxC,YAAY;AAAA,cACZ,aACEA,KAAA,QAAAA,EAAK,UACH,gBAAAJ,EAACJ,KAAS,UAAU,KAAK,OAAO,KAC9B,UAAA;AAAA,gBAAA,gBAAAI,EAACF,KAAK,QAAO,UAAS,WAAU,OAAM,QAAO,WAC1C,UAAA;AAAA,kBAAAY,EAAYxB,CAAW;AAAA,kBAAE;AAAA,kBAAEkB,EAAI;AAAA,gBAAA,GAClC;AAAA,gBACCA,EAAI,QAAQ,IAAI,CAAAO,wBACdb,GAAK,EAAA,QAAO,UAAS,WAAU,OAC7B,UAAcc,EAAAD,CAAU,KADgBA,EAAW,IAEtD,CACD;AAAA,cAAA,EAAA,CACH,IAEA;AAAA,cAIJ,UAAA,gBAAAd;AAAA,gBAACgB;AAAAA,gBAAA;AAAA,kBACC,cAAaT,KAAA,gBAAAA,EAAK,eAAc;AAAA,kBAChC,iBAAgB;AAAA,kBAChB,aAAY;AAAA,kBAEX,eAEG,gBAAAJ,EAAAc,GAAA,EAAA,UAAA;AAAA,oBAAA,gBAAAjB,EAACC,KAAK,WAAU,OAAM,QAAO,cAC1B,YAAI,MACP;AAAA,oBACA,gBAAAD,EAACkB,GAAA,EACE,WAAC,CAACX,EAAI,gBAAgBA,EAAI,cAC7B;AAAA,kBAAA,GACF;AAAA,gBAAA;AAAA,cAEJ;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAhDKA,IAAM,OAAOA,EAAI,IAAI,KAAK,SAASC,CAAK;AAAA,MAkDhD,CAAA,GACH;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeW,IAAAC,EAAKjC,CAAU;"}

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

@@ -0,0 +1,39 @@
+import r from "styled-components";
+import t from "../../../../ui/layout/flex-view.js";
+const e = r.div`
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  padding: 4px 0;
+  background-color: ${({ theme: o }) => o.colors.WHITE_2};
+  border-bottom: 1px solid ${({ theme: o }) => o.colors.WHITE_5};
+`, l = r.div`
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 0;
+`, p = r(t)`
+  position: relative;
+  aspect-ratio: 1;
+  border-right: 1px solid ${({ theme: o }) => o.colors.WHITE_5};
+  border-bottom: 1px solid ${({ theme: o }) => o.colors.WHITE_5};
+
+  &:nth-child(7n) {
+    border-right: none;
+  }
+`, a = r.div`
+  position: absolute;
+  top: ${({ $top: o }) => o || "2px"};
+  right: ${({ $right: o }) => o || "2px"};
+`, s = r.div`
+  > div {
+    width: 100%;
+    height: 100%;
+  }
+`;
+export {
+  l as CalendarBody,
+  p as CalendarDay,
+  e as CalendarHeader,
+  a as StatusSymbol,
+  s as TooltipWrapper
+};
+//# sourceMappingURL=attendance.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"attendance.styled.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/attendance/attendance.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nexport const CalendarHeader = styled.div`\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  padding: 4px 0;\n  background-color: ${({ theme }) => theme.colors.WHITE_2};\n  border-bottom: 1px solid ${({ theme }) => theme.colors.WHITE_5};\n`;\n\nexport const CalendarBody = styled.div`\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 0;\n`;\n\nexport const CalendarDay = styled(FlexView)`\n  position: relative;\n  aspect-ratio: 1;\n  border-right: 1px solid ${({ theme }) => theme.colors.WHITE_5};\n  border-bottom: 1px solid ${({ theme }) => theme.colors.WHITE_5};\n\n  &:nth-child(7n) {\n    border-right: none;\n  }\n`;\n\nexport const StatusSymbol = styled.div<{ $top?: string; $right?: string }>`\n  position: absolute;\n  top: ${({ $top }) => $top || '2px'};\n  right: ${({ $right }) => $right || '2px'};\n`;\n\nexport const TooltipWrapper = styled.div`\n  > div {\n    width: 100%;\n    height: 100%;\n  }\n`;\n"],"names":["CalendarHeader","styled","theme","CalendarBody","CalendarDay","FlexView","StatusSymbol","$top","$right","TooltipWrapper"],"mappings":";;AAIO,MAAMA,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA,sBAIf,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,6BAC5B,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,GAGnDC,IAAeF,EAAO;AAAA;AAAA;AAAA;AAAA,GAMtBG,IAAcH,EAAOI,CAAQ;AAAA;AAAA;AAAA,4BAGd,CAAC,EAAE,OAAAH,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,6BAClC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnDI,IAAeL,EAAO;AAAA;AAAA,SAE1B,CAAC,EAAE,MAAAM,QAAWA,KAAQ,KAAK;AAAA,WACzB,CAAC,EAAE,QAAAC,QAAaA,KAAU,KAAK;AAAA,GAG7BC,IAAiBR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,92 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import o from "../../../../ui/layout/flex-view.js";
+import k from "../../../../ui/text/text.js";
+import { ILLUSTRATIONS as d } from "../../../../../assets/illustrations/illustrations.js";
+import g from "../../../../ui/image/image.js";
+import f from "../../../../ui/buttons/clickable/clickable.js";
+import { useMonthlyReportPatch as w } from "../../api/use-monthly-report-get.js";
+import { memo as y, useCallback as n } from "react";
+import $ from "../../../../ui/separator/separator.js";
+const P = ({
+  reportId: s,
+  studentName: b,
+  onFeedback: l,
+  studentCourseId: h,
+  showSnackbar: a
+}) => {
+  const u = n(
+    (r, i) => {
+      r && a && a({
+        type: "error",
+        message: "Something went wrong. Please try again.",
+        bgColor: "red"
+      }), !r && l && (i != null && i.feedback) && l(i.feedback, h);
+    },
+    [l, h]
+  ), { patch: m, isProcessing: p } = w({
+    onComplete: u
+  }), t = n(
+    (r) => {
+      m(s, { feedback: r });
+    },
+    [s, m]
+  ), C = n(() => {
+    t("positive");
+  }, [t]), X = n(() => {
+    t("negative");
+  }, [t]);
+  return /* @__PURE__ */ c(o, { $gapX: 1.25, children: [
+    /* @__PURE__ */ c(k, { $renderAs: "ab2-black", $color: "BLACK_1", children: [
+      "Are you happy with ",
+      b ?? "her",
+      " progress?"
+    ] }),
+    /* @__PURE__ */ e($, { heightX: 1.5 }),
+    /* @__PURE__ */ c(o, { $flexDirection: "row", $flexGapX: 3, $alignItems: "center", $justifyContent: "center", children: [
+      /* @__PURE__ */ e(
+        f,
+        {
+          label: "Report thumps up",
+          disabled: p,
+          onClick: C,
+          children: /* @__PURE__ */ e(
+            o,
+            {
+              $widthX: 5,
+              $heightX: 5,
+              $alignItems: "center",
+              $justifyContent: "center",
+              $borderRadiusX: 2.5,
+              $borderColor: "BLACK_5",
+              children: /* @__PURE__ */ e(g, { src: d.THUMPS_UP, alt: "UP", width: 32, height: 32 })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(
+        f,
+        {
+          label: "Report thumps down",
+          disabled: p,
+          onClick: X,
+          children: /* @__PURE__ */ e(
+            o,
+            {
+              $widthX: 5,
+              $heightX: 5,
+              $alignItems: "center",
+              $justifyContent: "center",
+              $borderRadiusX: 2.5,
+              children: /* @__PURE__ */ e(g, { src: d.THUMPS_DOWN, alt: "DOWN", width: 32, height: 32 })
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e($, { heightX: 1.5 })
+  ] });
+}, I = y(P);
+export {
+  I as default
+};
+//# sourceMappingURL=feedback.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"feedback.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/feedback/feedback.tsx"],"sourcesContent":["import FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport Image from '../../../../ui/image/image';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport { useMonthlyReportPatch } from '../../api/use-monthly-report-get';\nimport { IMonthlyReportResponse, TFeedback } from '../../monthly-report-types';\nimport { memo, useCallback } from 'react';\nimport { IFeedbackTypesProps } from './feedback-types';\nimport Separator from '../../../../ui/separator/separator';\n\nconst Feedback = ({\n  reportId,\n  studentName,\n  onFeedback,\n  studentCourseId,\n  showSnackbar,\n}: IFeedbackTypesProps) => {\n  const onComplete = useCallback(\n    (err: string | null, data?: IMonthlyReportResponse) => {\n      if (err && showSnackbar) {\n        showSnackbar({\n          type: 'error',\n          message: 'Something went wrong. Please try again.',\n          bgColor: 'red',\n        });\n      }\n\n      if (!err && onFeedback && data?.feedback) {\n        onFeedback(data.feedback, studentCourseId);\n      }\n    },\n    [onFeedback, studentCourseId],\n  );\n\n  const { patch: updateMilestone, isProcessing } = useMonthlyReportPatch({\n    onComplete,\n  });\n\n  const handleFeedback = useCallback(\n    (feedback: TFeedback) => {\n      updateMilestone(reportId, { feedback });\n    },\n    [reportId, updateMilestone],\n  );\n\n  const handlePositiveFeedback = useCallback(() => {\n    handleFeedback('positive');\n  }, [handleFeedback]);\n\n  const handleNegativeFeedback = useCallback(() => {\n    handleFeedback('negative');\n  }, [handleFeedback]);\n\n  return (\n    <FlexView $gapX={1.25}>\n      <Text $renderAs=\"ab2-black\" $color=\"BLACK_1\">\n        Are you happy with {studentName ?? 'her'} progress?\n      </Text>\n      <Separator heightX={1.5} />\n      <FlexView $flexDirection=\"row\" $flexGapX={3} $alignItems=\"center\" $justifyContent=\"center\">\n        <Clickable\n          label=\"Report thumps up\"\n          disabled={isProcessing}\n          onClick={handlePositiveFeedback}\n        >\n          <FlexView\n            $widthX={5}\n            $heightX={5}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $borderRadiusX={2.5}\n            $borderColor=\"BLACK_5\"\n          >\n            <Image src={ILLUSTRATIONS.THUMPS_UP} alt=\"UP\" width={32} height={32} />\n          </FlexView>\n        </Clickable>\n        <Clickable\n          label=\"Report thumps down\"\n          disabled={isProcessing}\n          onClick={handleNegativeFeedback}\n        >\n          <FlexView\n            $widthX={5}\n            $heightX={5}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $borderRadiusX={2.5}\n          >\n            <Image src={ILLUSTRATIONS.THUMPS_DOWN} alt=\"DOWN\" width={32} height={32} />\n          </FlexView>\n        </Clickable>\n      </FlexView>\n      <Separator heightX={1.5} />\n    </FlexView>\n  );\n};\n\nexport default memo(Feedback);\n"],"names":["Feedback","reportId","studentName","onFeedback","studentCourseId","showSnackbar","onComplete","useCallback","err","data","updateMilestone","isProcessing","useMonthlyReportPatch","handleFeedback","feedback","handlePositiveFeedback","handleNegativeFeedback","jsxs","FlexView","Text","jsx","Separator","Clickable","Image","ILLUSTRATIONS","Feedback$1","memo"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAW,CAAC;AAAA,EAChB,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AACF,MAA2B;AACzB,QAAMC,IAAaC;AAAA,IACjB,CAACC,GAAoBC,MAAkC;AACrD,MAAID,KAAOH,KACIA,EAAA;AAAA,QACX,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA,MAAA,CACV,GAGC,CAACG,KAAOL,MAAcM,KAAA,QAAAA,EAAM,aACnBN,EAAAM,EAAK,UAAUL,CAAe;AAAA,IAE7C;AAAA,IACA,CAACD,GAAYC,CAAe;AAAA,EAAA,GAGxB,EAAE,OAAOM,GAAiB,cAAAC,EAAA,IAAiBC,EAAsB;AAAA,IACrE,YAAAN;AAAA,EAAA,CACD,GAEKO,IAAiBN;AAAA,IACrB,CAACO,MAAwB;AACP,MAAAJ,EAAAT,GAAU,EAAE,UAAAa,EAAA,CAAU;AAAA,IACxC;AAAA,IACA,CAACb,GAAUS,CAAe;AAAA,EAAA,GAGtBK,IAAyBR,EAAY,MAAM;AAC/C,IAAAM,EAAe,UAAU;AAAA,EAAA,GACxB,CAACA,CAAc,CAAC,GAEbG,IAAyBT,EAAY,MAAM;AAC/C,IAAAM,EAAe,UAAU;AAAA,EAAA,GACxB,CAACA,CAAc,CAAC;AAGjB,SAAA,gBAAAI,EAACC,GAAS,EAAA,OAAO,MACf,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAK,EAAA,WAAU,aAAY,QAAO,WAAU,UAAA;AAAA,MAAA;AAAA,MACvBjB,KAAe;AAAA,MAAM;AAAA,IAAA,GAC3C;AAAA,IACA,gBAAAkB,EAACC,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAJ,EAACC,KAAS,gBAAe,OAAM,WAAW,GAAG,aAAY,UAAS,iBAAgB,UAChF,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,UAAUX;AAAA,UACV,SAASI;AAAA,UAET,UAAA,gBAAAK;AAAA,YAACF;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,UAAU;AAAA,cACV,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAChB,gBAAgB;AAAA,cAChB,cAAa;AAAA,cAEb,UAAA,gBAAAE,EAACG,GAAM,EAAA,KAAKC,EAAc,WAAW,KAAI,MAAK,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,YAAA;AAAA,UACvE;AAAA,QAAA;AAAA,MACF;AAAA,MACA,gBAAAJ;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,UAAUX;AAAA,UACV,SAASK;AAAA,UAET,UAAA,gBAAAI;AAAA,YAACF;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,UAAU;AAAA,cACV,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAChB,gBAAgB;AAAA,cAEhB,UAAA,gBAAAE,EAACG,GAAM,EAAA,KAAKC,EAAc,aAAa,KAAI,QAAO,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,YAAA;AAAA,UAC3E;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAJ,EAACC,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,EAC3B,EAAA,CAAA;AAEJ,GAEeI,IAAAC,EAAK1B,CAAQ;"}

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

@@ -1,47 +1,48 @@
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import c from "../../../../../ui/text/text.js";
-import d from "../../../../../ui/layout/flex-view.js";
-import $ from "../../../../../chapters/chapters-list/chapter-item/chapter-circular-progress/chapter-circular-progress.js";
-const A = ({ chapters: l }) => !l || l.length === 0 ? null : l.map((o, p) => {
-  const { completed: g, total: s } = o.progress_stat, { completed: u, total: e } = o.previous_progress_stat || {}, r = s > 0 ? Math.floor(g / s * 100) : 0, m = e && e > 0 ? Math.floor((u || 0) / e * 100) : 0, n = r - m, i = o.previous_progress_stat && n > 0 && s === e, _ = i ? n : 0;
-  return /* @__PURE__ */ t(
-    d,
+import { jsxs as o, jsx as n } from "react/jsx-runtime";
+import i from "../../../../../ui/text/text.js";
+import c from "../../../../../ui/layout/flex-view.js";
+import f from "../../../../../chapters/chapters-list/chapter-item/chapter-circular-progress/chapter-circular-progress.js";
+import { calculateProgress as p } from "../goals-constants.js";
+const v = ({ chapters: t }) => !t || t.length === 0 ? null : t.map((r, g) => {
+  const { completed: u, total: a } = r.progress_stat, { completed: _, total: m } = r.previous_progress_stat || {}, e = p(u, a), d = p(_ || 0, m || 0), s = e - d, l = r.previous_progress_stat && s > 0 && a === m, $ = l ? s : 0;
+  return /* @__PURE__ */ o(
+    c,
     {
       $flexDirection: "row",
       $flexGapX: 1,
       $gutterX: 1,
       children: [
-        o.image_url && /* @__PURE__ */ a(
-          $,
+        r.image_url && /* @__PURE__ */ n(
+          f,
           {
-            completionPercentage: i ? m : r,
-            imageUrl: o.image_url,
-            delta: _,
+            completionPercentage: l ? d : e,
+            imageUrl: r.image_url,
+            delta: $,
             imageWidth: 40,
             iconWidth: 16,
-            additionalProgressColor: "GREEN_5",
+            deltaProgressColor: "GREEN_5",
             iconColor: "WHITE",
             iconBackgroundColor: "BLACK_1",
             iconPosition: { top: 0, right: 0 }
           }
         ),
-        /* @__PURE__ */ t(d, { children: [
-          /* @__PURE__ */ a(c, { $renderAs: "ub2", $color: "BLACK_1", children: o.chapter_name }),
-          /* @__PURE__ */ t(d, { $flexDirection: "row", $alignItems: "center", $flexGapX: 0.25, children: [
-            /* @__PURE__ */ a(c, { $renderAs: "ub3", $color: "BLACK_T_60", children: r === 100 ? "Completed" : `${r}% completed` }),
-            i && r !== 100 && /* @__PURE__ */ t(c, { $renderAs: "ab3", $color: "GREEN_6", children: [
+        /* @__PURE__ */ o(c, { children: [
+          /* @__PURE__ */ n(i, { $renderAs: "ub2", $color: "BLACK_1", children: r.chapter_name }),
+          /* @__PURE__ */ o(c, { $flexDirection: "row", $alignItems: "center", $flexGapX: 0.25, children: [
+            /* @__PURE__ */ n(i, { $renderAs: "ub3", $color: "BLACK_T_60", children: e === 100 ? "Completed" : `${e}% completed` }),
+            l && e !== 100 && /* @__PURE__ */ o(i, { $renderAs: "ab3", $color: "GREEN_6", children: [
               "(+",
-              Math.round(n),
+              Math.round(s),
               "%)"
             ] })
           ] })
         ] })
       ]
     },
-    `${o.chapter_name}-${p}`
+    `${r.chapter_name}-${g}`
   );
 });
 export {
-  A as default
+  v as default
 };
 //# sourceMappingURL=goal-chapter-card.js.map

package/dist/features/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-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';\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 = total > 0 ? Math.floor((completed / total) * 100) : 0;\n\n    const previousProgress =\n      prevTotal && prevTotal > 0 ? Math.floor(((prevCompleted || 0) / prevTotal) * 100) : 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\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={40}\n            iconWidth={16}\n            additionalProgressColor=\"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              {progress === 100 ? 'Completed' : `${progress}% completed`}\n            </Text>\n            {showDelta && progress !== 100 && (\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","previousProgress","progressDifference","showDelta","delta","jsxs","FlexView","jsx","ChapterCircularProgress","Text"],"mappings":";;;;AAOA,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,IAAWH,IAAQ,IAAI,KAAK,MAAOD,IAAYC,IAAS,GAAG,IAAI,GAE/DI,IACJF,KAAaA,IAAY,IAAI,KAAK,OAAQD,KAAiB,KAAKC,IAAa,GAAG,IAAI,GAChFG,IAAqBF,IAAWC,GAChCE,IACJT,EAAQ,0BAA0BQ,IAAqB,KAAKL,MAAUE,GAClEK,IAAQD,IAAYD,IAAqB;AAG7C,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,WAAW;AAAA,MACX,UAAU;AAAA,MAGT,UAAA;AAAA,QAAAZ,EAAQ,aACP,gBAAAa;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,sBAAsBL,IAAYF,IAAmBD;AAAA,YACrD,UAAUN,EAAQ;AAAA,YAClB,OAAAU;AAAA,YACA,YAAY;AAAA,YACZ,WAAW;AAAA,YACX,yBAAwB;AAAA,YACxB,WAAU;AAAA,YACV,qBAAoB;AAAA,YACpB,cAAc,EAAE,KAAK,GAAG,OAAO,EAAE;AAAA,UAAA;AAAA,QACnC;AAAA,0BAEDE,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,gBAAa,MAAM,cAAc,GAAGT,CAAQ,cAC/C,CAAA;AAAA,YACCG,KAAaH,MAAa,OACzB,gBAAAK,EAACI,KAAK,WAAU,OAAM,QAAO,WAAU,UAAA;AAAA,cAAA;AAAA,cAClC,KAAK,MAAMP,CAAkB;AAAA,cAAE;AAAA,YAAA,GACpC;AAAA,UAAA,GAEJ;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,IA7BK,GAAGR,EAAQ,YAAY,IAAIC,CAAC;AAAA,EAAA;AA8BnC,CAEH;"}
+{"version":3,"file":"goal-chapter-card.js","sources":["../../../../../../../src/features/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\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={40}\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              {progress === 100 ? 'Completed' : `${progress}% completed`}\n            </Text>\n            {showDelta && progress !== 100 && (\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","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;AAG7C,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,WAAW;AAAA,MACX,UAAU;AAAA,MAGT,UAAA;AAAA,QAAAb,EAAQ,aACP,gBAAAc;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,sBAAsBL,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,0BAEDE,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,gBAAa,MAAM,cAAc,GAAGV,CAAQ,cAC/C,CAAA;AAAA,YACCI,KAAaJ,MAAa,OACzB,gBAAAM,EAACI,KAAK,WAAU,OAAM,QAAO,WAAU,UAAA;AAAA,cAAA;AAAA,cAClC,KAAK,MAAMP,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-report/comps/goals/goals-card/{goals-card.styled.js → goals-card-styled.js}

@@ -25,4 +25,4 @@ export {
   p as ProgressBarContainer,
   a as TagContainer
 };
-//# sourceMappingURL=goals-card.styled.js.map
+//# sourceMappingURL=goals-card-styled.js.map

package/dist/features/timeline/monthly-report/comps/goals/goals-card/{goals-card.styled.js.map → goals-card-styled.js.map}

@@ -1 +1 @@
-{"version":3,"file":"goals-card.styled.js","sources":["../../../../../../../src/features/timeline/monthly-report/comps/goals/goals-card/goals-card.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nexport const ProgressBarContainer = styled(FlexView)`\n  position: absolute;\n  bottom: 0px;\n  left: 0;\n  right: 0;\n`;\n\nexport const ChaptersContainer = styled(FlexView)`\n  border-top: none;\n`;\n\nexport const TagContainer = styled(FlexView)`\n  position: relative;\n  &::after {\n    content: '';\n    position: absolute;\n    height: 12px;\n    width: 20px;\n    left: 10px;\n    top: -8px;\n    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n    background-color: ${({ theme, $background }) => theme.colors[$background ?? 'WHITE_1']};\n  }\n`;\n"],"names":["ProgressBarContainer","styled","FlexView","ChaptersContainer","TagContainer","theme","$background"],"mappings":";;AAIa,MAAAA,IAAuBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAOtCC,IAAoBF,EAAOC,CAAQ;AAAA;AAAA,GAInCE,IAAeH,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAUnB,CAAC,EAAE,OAAAG,GAAO,aAAAC,QAAkBD,EAAM,OAAOC,KAAe,SAAS,CAAC;AAAA;AAAA;"}
+{"version":3,"file":"goals-card-styled.js","sources":["../../../../../../../src/features/timeline/monthly-report/comps/goals/goals-card/goals-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nexport const ProgressBarContainer = styled(FlexView)`\n  position: absolute;\n  bottom: 0px;\n  left: 0;\n  right: 0;\n`;\n\nexport const ChaptersContainer = styled(FlexView)`\n  border-top: none;\n`;\n\nexport const TagContainer = styled(FlexView)`\n  position: relative;\n  &::after {\n    content: '';\n    position: absolute;\n    height: 12px;\n    width: 20px;\n    left: 10px;\n    top: -8px;\n    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n    background-color: ${({ theme, $background }) => theme.colors[$background ?? 'WHITE_1']};\n  }\n`;\n"],"names":["ProgressBarContainer","styled","FlexView","ChaptersContainer","TagContainer","theme","$background"],"mappings":";;AAIa,MAAAA,IAAuBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAOtCC,IAAoBF,EAAOC,CAAQ;AAAA;AAAA,GAInCE,IAAeH,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAUnB,CAAC,EAAE,OAAAG,GAAO,aAAAC,QAAkBD,EAAM,OAAOC,KAAe,SAAS,CAAC;AAAA;AAAA;"}