@cuemath/leap 3.5.31-as1 → 3.5.31-as2

package/dist/features/timeline/{daily-timeline.js → daily-timeline/daily-timeline.js}

@@ -1,31 +1,31 @@
 import { jsx as s, jsxs as P } from "react/jsx-runtime";
 import { memo as $, useState as I, useCallback as _, useMemo as w, useEffect as f, Fragment as D } from "react";
-import R from "../ui/error/error.js";
-import F from "../ui/layout/flex-view.js";
-import V from "../ui/loader/app-loader/app-loader.js";
-import Y from "../ui/intersection-loader/intersection-loader.js";
-import { useDailyTimelineGet as j } from "./api/use-daily-timeline-get.js";
-import { ScrollWrapper as k, DailyTimelineContainer as G } from "./daily-timeline-styled.js";
-import { USER_TYPE as O, CARD_TYPE as y } from "./daily-timeline-types.js";
-import { INITIAL_PAGE as U } from "./comps/constants.js";
-import { getTimezone as W } from "../../helpers/date-time.js";
-import { useUIContext as b } from "../ui/context/context.js";
-import X from "../hooks/use-previous.js";
+import { useDailyTimelineGet as R } from "./api/use-daily-timeline-get.js";
+import { ScrollWrapper as F, DailyTimelineContainer as V } from "./daily-timeline-styled.js";
+import { USER_TYPE as Y, CARD_TYPE as y } from "./daily-timeline-types.js";
+import { INITIAL_PAGE as j } from "./comps/constants.js";
+import { getTimezone as k } from "../../../helpers/date-time.js";
 import { DAILY_TIMELINE_ANALYTICS_EVENTS as h } from "./daily-timeline-events.js";
-import q from "./daily-timeline-view.js";
+import G from "./daily-timeline-view.js";
+import { useUIContext as O } from "../../ui/context/context.js";
+import U from "../../hooks/use-previous.js";
+import W from "../../ui/error/error.js";
+import b from "../../ui/layout/flex-view.js";
+import X from "../../ui/intersection-loader/intersection-loader.js";
+import q from "../../ui/loader/app-loader/app-loader.js";
 const S = $(
   ({ userType: c, studentId: i, courseStreams: m, onPuzzleClick: A, onReviewClick: M, scrollAreaHeight: T }) => {
-    const [l, p] = I([]), [E, u] = I(!1), { onEvent: t } = b(), {
+    const [l, p] = I([]), [E, u] = I(!1), { onEvent: t } = O(), {
       get: L,
       data: e,
       isProcessingFailed: d,
       isProcessing: z
-    } = j(i), C = X(e == null ? void 0 : e.curr_page), n = _(
-      (r = U, o = !1) => {
+    } = R(i), C = U(e == null ? void 0 : e.curr_page), n = _(
+      (r = j, o = !1) => {
         o && u(!0), L(i, {
           page: r,
-          timezone: W(),
-          course_stream: c === O.TEACHER ? m : []
+          timezone: k(),
+          course_stream: c === Y.TEACHER ? m : []
         });
       },
       [L, i, c, m]
@@ -59,17 +59,17 @@ const S = $(
       });
     }, [i, t]), f(() => {
       n(1, !1);
-    }, [n]), d ? /* @__PURE__ */ s(R, { height: T ?? "100vh", onTryAgain: x }) : z && !l.length ? /* @__PURE__ */ s(
-      F,
+    }, [n]), d ? /* @__PURE__ */ s(W, { height: T ?? "100vh", onTryAgain: x }) : z && !l.length ? /* @__PURE__ */ s(
+      b,
       {
         $alignItems: "center",
         $justifyContent: "center",
         $height: T || "100vh",
-        children: /* @__PURE__ */ s(V, { width: "100%", height: "100%" })
+        children: /* @__PURE__ */ s(q, { width: "100%", height: "100%" })
       }
-    ) : /* @__PURE__ */ s(k, { $alignItems: "center", $gapX: 1, children: /* @__PURE__ */ P(G, { children: [
+    ) : /* @__PURE__ */ s(F, { $alignItems: "center", $gapX: 1, children: /* @__PURE__ */ P(V, { children: [
       l.map((r, o) => /* @__PURE__ */ s(D, { children: /* @__PURE__ */ s(
-        q,
+        G,
         {
           entry: r,
           isFirstElement: o === 0,
@@ -81,7 +81,7 @@ const S = $(
         }
       ) }, `timeline-entry-${o}`)),
       /* @__PURE__ */ s(
-        Y,
+        X,
         {
           onLoadMore: v,
           isLoading: E,

package/dist/features/timeline/daily-timeline/daily-timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"daily-timeline.js","sources":["../../../../src/features/timeline/daily-timeline/daily-timeline.tsx"],"sourcesContent":["import { Fragment, memo, useCallback, useEffect, useMemo, useState, type FC } from 'react';\n\nimport { type ITimelineData, useDailyTimelineGet } from './api/use-daily-timeline-get';\nimport * as Styled from './daily-timeline-styled';\nimport { CARD_TYPE, USER_TYPE, type IDailyTimelineProps } from './daily-timeline-types';\nimport { INITIAL_PAGE } from './comps/constants';\nimport { getTimezone } from '../../../helpers/date-time';\nimport { DAILY_TIMELINE_ANALYTICS_EVENTS } from './daily-timeline-events';\nimport DailyTimelineView from './daily-timeline-view';\nimport { useUIContext } from '../../ui/context/context';\nimport usePrevious from '../../hooks/use-previous';\nimport Error from '../../ui/error/error';\nimport FlexView from '../../ui/layout/flex-view';\nimport IntersectionLoader from '../../ui/intersection-loader/intersection-loader';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\n\nconst DailyTimeline: FC<IDailyTimelineProps> = memo(\n  ({ userType, studentId, courseStreams, onPuzzleClick, onReviewClick, scrollAreaHeight }) => {\n    const [allTimelineData, setAllTimelineData] = useState<ITimelineData[]>([]);\n    const [isLoadingMore, setIsLoadingMore] = useState(false);\n    const { onEvent: trackEvent } = useUIContext();\n    const {\n      get: getTimeline,\n      data: timelineData,\n      isProcessingFailed,\n      isProcessing,\n    } = useDailyTimelineGet(studentId);\n\n    const prevCurrentPage = usePrevious(timelineData?.curr_page);\n\n    const fetchTimeline = useCallback(\n      (page = INITIAL_PAGE, append = false) => {\n        if (append) {\n          setIsLoadingMore(true);\n        }\n\n        getTimeline(studentId, {\n          page,\n          timezone: getTimezone(),\n          course_stream: userType === USER_TYPE.TEACHER ? courseStreams : [],\n        });\n      },\n      [getTimeline, studentId, userType, courseStreams],\n    );\n\n    const shouldShowTag = useMemo(() => {\n      const allCourseStreams = new Set<string>();\n\n      allTimelineData.forEach(entry => {\n        if (entry.daily_logs) {\n          entry.daily_logs.forEach(log => {\n            if (log.course_stream && log.course_stream !== CARD_TYPE.CIRCLE) {\n              allCourseStreams.add(log.course_stream);\n            }\n          });\n        }\n      });\n\n      const courseStreamsSet = new Set(\n        (courseStreams || []).filter(stream => String(stream) !== CARD_TYPE.CIRCLE),\n      );\n\n      return (\n        courseStreamsSet.size > 1 ||\n        allCourseStreams.size > 1 ||\n        (courseStreamsSet.size > 0 &&\n          allCourseStreams.size > 0 &&\n          (courseStreamsSet.size !== allCourseStreams.size ||\n            !Array.from(courseStreamsSet).every(stream => allCourseStreams.has(stream))))\n      );\n    }, [allTimelineData, courseStreams]);\n\n    const handleLoadMore = useCallback(() => {\n      if (timelineData?.next_page && !isLoadingMore) {\n        fetchTimeline(timelineData.next_page, true);\n        trackEvent(DAILY_TIMELINE_ANALYTICS_EVENTS.TIMELINE_SCROLLED, {\n          student_id: studentId,\n        });\n      }\n    }, [timelineData, studentId, trackEvent, isLoadingMore, fetchTimeline]);\n\n    const onTryAgain = useCallback(() => {\n      fetchTimeline(1, false);\n      setAllTimelineData([]);\n    }, [fetchTimeline]);\n\n    useEffect(() => {\n      if (timelineData) {\n        if (timelineData.curr_page === 1) {\n          setAllTimelineData(timelineData?.user_logs ?? []);\n        } else if (timelineData.curr_page && prevCurrentPage !== timelineData.curr_page) {\n          setAllTimelineData(prev => [...prev, ...(timelineData.user_logs ?? [])]);\n          setIsLoadingMore(false);\n        }\n      }\n    }, [timelineData, prevCurrentPage]);\n\n    useEffect(() => {\n      trackEvent(DAILY_TIMELINE_ANALYTICS_EVENTS.TIMELINE_VIEWED, {\n        student_id: studentId,\n      });\n    }, [studentId, trackEvent]);\n\n    useEffect(() => {\n      return () => {\n        trackEvent(DAILY_TIMELINE_ANALYTICS_EVENTS.TIMELINE_CLOSED, {\n          student_id: studentId,\n        });\n      };\n    }, [studentId, trackEvent]);\n\n    useEffect(() => {\n      fetchTimeline(1, false);\n    }, [fetchTimeline]);\n\n    if (isProcessingFailed) {\n      return <Error height={scrollAreaHeight ?? '100vh'} onTryAgain={onTryAgain} />;\n    }\n\n    if (isProcessing && !allTimelineData.length) {\n      return (\n        <FlexView\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $height={scrollAreaHeight || '100vh'}\n        >\n          <AppLoader width=\"100%\" height=\"100%\" />\n        </FlexView>\n      );\n    }\n\n    return (\n      <Styled.ScrollWrapper $alignItems=\"center\" $gapX={1}>\n        <Styled.DailyTimelineContainer>\n          {allTimelineData.map((entry, index) => (\n            <Fragment key={`timeline-entry-${index}`}>\n              <DailyTimelineView\n                entry={entry}\n                isFirstElement={index === 0}\n                shouldShowTag={shouldShowTag}\n                onPuzzleClick={onPuzzleClick}\n                onReviewClick={onReviewClick}\n                userType={userType}\n                studentId={studentId}\n              />\n            </Fragment>\n          ))}\n          <IntersectionLoader\n            onLoadMore={handleLoadMore}\n            isLoading={isLoadingMore}\n            hasMore={!!timelineData?.next_page}\n          />\n        </Styled.DailyTimelineContainer>\n      </Styled.ScrollWrapper>\n    );\n  },\n);\n\nDailyTimeline.displayName = 'DailyTimeline';\n\nexport default DailyTimeline;\n"],"names":["DailyTimeline","memo","userType","studentId","courseStreams","onPuzzleClick","onReviewClick","scrollAreaHeight","allTimelineData","setAllTimelineData","useState","isLoadingMore","setIsLoadingMore","trackEvent","useUIContext","getTimeline","timelineData","isProcessingFailed","isProcessing","useDailyTimelineGet","prevCurrentPage","usePrevious","fetchTimeline","useCallback","page","INITIAL_PAGE","append","getTimezone","USER_TYPE","shouldShowTag","useMemo","allCourseStreams","entry","log","CARD_TYPE","courseStreamsSet","stream","handleLoadMore","DAILY_TIMELINE_ANALYTICS_EVENTS","onTryAgain","useEffect","prev","jsx","Error","FlexView","AppLoader","Styled.ScrollWrapper","jsxs","Styled.DailyTimelineContainer","index","Fragment","DailyTimelineView","IntersectionLoader","DailyTimeline$1"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as i } from "react/jsx-runtime";
 import { memo as x } from "react";
 import { GoalsSection as P } from "./monthly-card.styled.js";
-import I from "../../../monthly-report/comps/goals/goals-card/goals-card.js";
+import I from "../../monthly-report/comps/goals/goals-card/goals-card.js";
 import n from "../../../../ui/layout/flex-view.js";
 import M from "../../../../ui/buttons/clickable/clickable.js";
 import w from "../../../../../assets/line-icons/icons/carat-right.js";

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, 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 = () => {\n    if (onReportClick) {\n      onReportClick(report?.id || '', reportType, year, monthNames[month - 1] || '');\n    }\n  };\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['MPR_V2_' + (courseStream || '').toLowerCase()] ?? {\n      label: 'Report',\n      icon: 'full',\n    };\n  }\n\n  const reportMilestones =\n    reportType === REPORT_TYPE.PTM ? [] : report?.progress_data?.user_milestones || [];\n\n  if (reportType === REPORT_TYPE.MPR_V2 && !report?.progress_data?.user_milestones?.length) {\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","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":";;;;;;;;;;;;AAcA,MAAMA,IAAiD,CAAC;AAAA,EACtD,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AACF,MAAM;;AACJ,QAAMC,IAAoB,MAAM;AAC9B,IAAIH,KACYA,GAAAH,KAAA,gBAAAA,EAAQ,OAAM,IAAII,GAAYH,GAAMM,EAAWL,IAAQ,CAAC,KAAK,EAAE;AAAA,EAC/E;AAGF,MAAIM,IAAS,EAAE,OAAO,IAAI,MAAM,GAAG;AAE/B,EAAAJ,MAAeK,EAAY,MAC7BD,IAASE,EAAc,OAAO,EAAE,OAAO,UAAU,MAAM,WAC9CN,MAAeK,EAAY,SACpCD,IAASE,EAAc,UAAU,EAAE,OAAO,UAAU,MAAM,WACjDN,MAAeK,EAAY,WACpCD,IAASE,EAAc,aAAaL,KAAgB,IAAI,YAAA,CAAa,KAAK;AAAA,IACxE,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAIJ,QAAAM,IACJP,MAAeK,EAAY,MAAM,CAAK,MAAAG,IAAAZ,KAAA,gBAAAA,EAAQ,kBAAR,gBAAAY,EAAuB,oBAAmB;AAElF,SAAIR,MAAeK,EAAY,UAAU,GAACI,KAAAC,IAAAd,KAAA,gBAAAA,EAAQ,kBAAR,gBAAAc,EAAuB,oBAAvB,QAAAD,EAAwC,UAE9E,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,WAAW;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MACP,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,UAAU;AAAA,MAEV,UAAA;AAAA,QAAC,gBAAAC,EAAAC,GAAA,EAAM,KAAKC,EAAc,WAAW,KAAI,eAAc,YAAU,IAAC,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,0BACxFC,GAAK,EAAA,WAAU,OAAM,QAAO,WAAU,UAEvC,gDAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAH;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAASf;AAAA,MACT,UAAU,EAACN,KAAA,QAAAA,EAAQ,OAAMI,MAAeK,EAAY;AAAA,MACpD,OAAM;AAAA,MAEN,UAAC,gBAAAM,EAAAC,GAAA,EAAS,UAAU,GAAG,cAAa,WACjC,UAAA;AAAA,QAAA,CAAC,CAACL,EAAiB,UAClB,gBAAAM,EAACK,GAAA,EAAoB,UAAU,GAC5B,UAAAX,EAAiB,IAAI,CAACY,GAAWC,MAChC,gBAAAP;AAAA,UAACQ;AAAA,UAAA;AAAA,YAEC,UAAUF,EAAU;AAAA,YACpB,WAAAA;AAAA,YACA,YAAY;AAAA,UAAA;AAAA,UAHPA,EAAU,qBAAqBC;AAAA,QAKvC,CAAA,GACH;AAAA,QAEF,gBAAAT;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,aAAY;AAAA,YACZ,UAAU;AAAA,YAEV,UAAA;AAAA,cAAC,gBAAAD,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,UAAS,WAAW,KAAK,UAAU,GAC5E,UAAA;AAAA,gBAAC,gBAAAC,EAAAC,GAAA,EAAM,KAAKV,EAAO,MAAM,KAAI,eAAc,YAAU,IAAC,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,kCAC5EY,GAAK,EAAA,WAAU,YAAW,QAAO,SAC/B,YAAO,OACV;AAAA,cAAA,GACF;AAAA,cACC,gBAAAH,EAAAD,GAAA,EAAS,UAAU,MAClB,UAAC,gBAAAC,EAAAS,GAAA,EAAe,OAAO,IAAI,QAAQ,IAAI,OAAM,QAAQ,CAAA,GACvD;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeC,IAAAC,EAAK7B,CAAiB;"}
+{"version":3,"file":"monthly-card.js","sources":["../../../../../../src/features/timeline/monthly-timeline/comps/monthly-card/monthly-card.tsx"],"sourcesContent":["import { memo, 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 = () => {\n    if (onReportClick) {\n      onReportClick(report?.id || '', reportType, year, monthNames[month - 1] || '');\n    }\n  };\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['MPR_V2_' + (courseStream || '').toLowerCase()] ?? {\n      label: 'Report',\n      icon: 'full',\n    };\n  }\n\n  const reportMilestones =\n    reportType === REPORT_TYPE.PTM ? [] : report?.progress_data?.user_milestones || [];\n\n  if (reportType === REPORT_TYPE.MPR_V2 && !report?.progress_data?.user_milestones?.length) {\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","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-report → monthly-timeline/monthly-report}/api/use-monthly-report-get.js

@@ -1,5 +1,5 @@
 import { createGetAPI as r, createPatchAPI as o } from "@cuemath/rest-api";
-import { BASE_URL_V1 as e } from "../../../../constants/api.js";
+import { BASE_URL_V1 as e } from "../../../../../constants/api.js";
 const { useGet: p, invalidate: a } = r({
   getURL: (t) => `${e}/monthly-progress-reports/${t}`
 }), { usePatch: h } = o({

package/dist/features/timeline/monthly-timeline/monthly-report/api/use-monthly-report-get.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-monthly-report-get.js","sources":["../../../../../../src/features/timeline/monthly-timeline/monthly-report/api/use-monthly-report-get.ts"],"sourcesContent":["import { createGetAPI, createPatchAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../../../constants/api';\nimport { type IMonthlyReportResponse } from '../monthly-report-types';\n\nconst { useGet: useMonthlyReportGet, invalidate: invalidateMonthlyReport } =\n  createGetAPI<IMonthlyReportResponse>({\n    getURL: (reportId: string) => {\n      return `${BASE_URL_V1}/monthly-progress-reports/${reportId}`;\n    },\n  });\n\nconst { usePatch: useMonthlyReportPatch } = createPatchAPI<\n  IMonthlyReportResponse,\n  { feedback: string }\n>({\n  getURL: (reportId: string) => {\n    return `${BASE_URL_V1}/monthly-progress-reports/${reportId}`;\n  },\n});\n\nexport { useMonthlyReportGet, useMonthlyReportPatch, invalidateMonthlyReport };\n"],"names":["useMonthlyReportGet","invalidateMonthlyReport","createGetAPI","reportId","BASE_URL_V1","useMonthlyReportPatch","createPatchAPI"],"mappings":";;AAKA,MAAM,EAAE,QAAQA,GAAqB,YAAYC,EAAA,IAC/CC,EAAqC;AAAA,EACnC,QAAQ,CAACC,MACA,GAAGC,CAAW,6BAA6BD,CAAQ;AAE9D,CAAC,GAEG,EAAE,UAAUE,EAAsB,IAAIC,EAG1C;AAAA,EACA,QAAQ,CAACH,MACA,GAAGC,CAAW,6BAA6BD,CAAQ;AAE9D,CAAC;"}

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

@@ -1,11 +1,11 @@
 import { jsx as r, jsxs as g } from "react/jsx-runtime";
 import { useRef as f, useMemo as l } from "react";
 import { CarousalItem as u, CarouselWrapper as x } from "./achievements.styled.js";
-import a from "../../../../ui/text/text.js";
-import n from "../../../../ui/separator/separator.js";
-import h from "../../../../ui/layout/flex-view.js";
-import c from "../../../../ui/swipeable-carousel/swipeable-carousel.js";
-import { IS_APP_RUNNING_IN_RN as t } from "../../../../../constants/app-config.js";
+import a from "../../../../../ui/text/text.js";
+import n from "../../../../../ui/separator/separator.js";
+import h from "../../../../../ui/layout/flex-view.js";
+import c from "../../../../../ui/swipeable-carousel/swipeable-carousel.js";
+import { IS_APP_RUNNING_IN_RN as t } from "../../../../../../constants/app-config.js";
 import { dotsConfig as w, navigationConfig as _ } from "./constant.js";
 const L = ({ achievements: o, studentName: e }) => {
   const m = f(null), s = l(

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

@@ -0,0 +1 @@
+{"version":3,"file":"achievements.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/achievements/achievements.tsx"],"sourcesContent":["import { 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 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"],"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;"}

package/dist/features/timeline/{monthly-report → monthly-timeline/monthly-report}/comps/achievements/achievements.styled.js

@@ -1,6 +1,6 @@
 import o from "styled-components";
-import t from "../../../../ui/image/image.js";
-import e from "../../../../ui/layout/flex-view.js";
+import t from "../../../../../ui/image/image.js";
+import e from "../../../../../ui/layout/flex-view.js";
 const m = o(e)`
   overflow: hidden;
   position: relative;

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

@@ -0,0 +1 @@
+{"version":3,"file":"achievements.styled.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/achievements/achievements.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Image from '../../../../../ui/image/image';\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nexport const CarouselWrapper = styled(FlexView)`\n  overflow: hidden;\n  position: relative;\n`;\n\nexport const CarousalItem = styled(Image)`\n  position: relative;\n  touch-action: auto;\n`;\n"],"names":["CarouselWrapper","styled","FlexView","CarousalItem","Image"],"mappings":";;;AAKa,MAAAA,IAAkBC,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAKjCC,IAAeF,EAAOG,CAAK;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"constant.js","sources":["../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/achievements/constant.ts"],"sourcesContent":["const dotsConfig = {\n  dotColor: 'BLACK_1',\n  inactiveDotColor: 'WHITE_1',\n  activeIndicatorSize: '8px',\n  inactiveIndicatorSize: '8px',\n  spacing: '8px',\n} as const;\n\nconst navigationConfig = {\n  buttonVariant: 'secondary',\n  buttonSize: 'xsmall',\n  spacing: 8,\n} as const;\n\nexport { dotsConfig, navigationConfig };\n"],"names":["dotsConfig","navigationConfig"],"mappings":"AAAA,MAAMA,IAAa;AAAA,EACjB,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,SAAS;AACX,GAEMC,IAAmB;AAAA,EACvB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,SAAS;AACX;"}

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

@@ -1,28 +1,28 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { memo as R, useRef as z, useState as I, useMemo as d, useCallback as u } from "react";
-import { getCardTypeIconMap as m, stateIcon as p } from "../constants.js";
+import { memo as z, useRef as I, useState as B, useMemo as d, useCallback as u } from "react";
+import { getCardTypeIconMap as $, stateIcon as p } from "../constants.js";
 import { CARD_TYPE as f } from "../../../monthly-report-types.js";
-import { ActivityCardContainerWrapper as B, ActivityCardContainer as M } from "./activities-card.styled.js";
-import n from "../../../../../ui/layout/flex-view.js";
-import S from "../../../../../ui/lottie-animation/lottie-animation.js";
-import $ from "../../../../../ui/text/text.js";
-import T from "../../../../../homework/card-title.js";
-import j from "../activities-card-puzzles/activities-card-puzzles.js";
-import { NODE_STATE as h } from "../../../../daily-timeline-types.js";
-import k from "../../../../../ui/buttons/text-button/text-button.js";
-import { countActivitiesByState as G } from "../utils.js";
-const K = {
+import { ActivityCardContainerWrapper as M, ActivityCardContainer as S } from "./activities-card.styled.js";
+import n from "../../../../../../ui/layout/flex-view.js";
+import T from "../../../../../../ui/lottie-animation/lottie-animation.js";
+import m from "../../../../../../ui/text/text.js";
+import j from "../../../../../../homework/card-title.js";
+import k from "../activities-card-puzzles/activities-card-puzzles.js";
+import { NODE_STATE as h } from "../../../../../daily-timeline/daily-timeline-types.js";
+import G from "../../../../../../ui/buttons/text-button/text-button.js";
+import { countActivitiesByState as K } from "../utils.js";
+const O = {
   autoplay: !1,
   loop: !0,
   renderer: "canvas"
-}, O = ({
+}, P = ({
   cardType: t,
   nodeType: A,
   activitiesList: o = [],
   onPuzzleClick: C
 }) => {
-  const a = z(null), [s, x] = I(!1), b = d(() => {
-    const { totalDone: e, totalPending: i, totalOverdue: c } = G(o);
+  const a = I(null), [s, x] = B(!1), b = d(() => {
+    const { totalDone: e, totalPending: i, totalOverdue: c } = K(o);
     return [
       e > 0 && `${e} Done`,
       i > 0 && `${i} In-progress`,
@@ -47,16 +47,16 @@ const K = {
   }, []);
   return /* @__PURE__ */ l(n, { onMouseEnter: _, onMouseLeave: w, children: [
     /* @__PURE__ */ r(
-      B,
+      M,
       {
-        $background: m(t).color,
+        $background: $(t).color,
         children: /* @__PURE__ */ l(
-          M,
+          S,
           {
             $flexDirection: "row",
             $alignItems: "center",
             $height: "56px",
-            $bgImage: m(t).background,
+            $bgImage: $(t).background,
             $gutterX: 0.78125,
             $flexGap: 8.5,
             children: [
@@ -71,28 +71,28 @@ const K = {
                   $alignItems: "center",
                   $justifyContent: "center",
                   children: /* @__PURE__ */ r(
-                    S,
+                    T,
                     {
                       ref: a,
-                      src: m(t).lottie,
+                      src: $(t).lottie,
                       width: 32,
                       height: 32,
-                      settings: K
+                      settings: O
                     }
                   )
                 }
               ),
               /* @__PURE__ */ l(n, { children: [
-                /* @__PURE__ */ r(T, { cardHeader: X, nodeType: A }),
-                /* @__PURE__ */ r($, { $renderAs: "ub3", $color: "BLACK_1", children: b })
+                /* @__PURE__ */ r(j, { cardHeader: X, nodeType: A }),
+                /* @__PURE__ */ r(m, { $renderAs: "ub3", $color: "BLACK_1", children: b })
               ] })
             ]
           }
         )
       }
     ),
-    o.length > 0 && (t === f.puzzle ? /* @__PURE__ */ r(j, { puzzles: o, onPuzzleClick: C }) : /* @__PURE__ */ l(n, { $flexRowGapX: 1.25, $gutterX: 1, $gapX: 1, $borderColor: "GREY_2", children: [
-      E.map(({ state: e, title: i, subtext: c, id: D }) => /* @__PURE__ */ l(n, { $flexDirection: "row", $flexGapX: 1.05, children: [
+    o.length > 0 && (t === f.puzzle ? /* @__PURE__ */ r(k, { puzzles: o, onPuzzleClick: C }) : /* @__PURE__ */ l(n, { $flexRowGapX: 1.25, $gutterX: 1, $gapX: 1, $borderColor: "GREY_2", children: [
+      E.map(({ state: e, title: i, subtext: c, id: D }, R) => /* @__PURE__ */ l(n, { $flexDirection: "row", $flexGapX: 1.05, children: [
         /* @__PURE__ */ r(n, { $gapX: 0.25, children: /* @__PURE__ */ r(
           n,
           {
@@ -106,12 +106,12 @@ const K = {
           }
         ) }),
         /* @__PURE__ */ l(n, { $flexRowGap: 4, children: [
-          /* @__PURE__ */ r($, { $renderAs: "ub2", $color: "BLACK_1", children: i || "" }),
-          /* @__PURE__ */ r($, { $renderAs: "ub3", $color: "BLACK_T_60", children: c || "" })
+          /* @__PURE__ */ r(m, { $renderAs: "ub2", $color: "BLACK_1", children: i || "" }),
+          /* @__PURE__ */ r(m, { $renderAs: "ub3", $color: "BLACK_T_60", children: c || "" })
         ] })
-      ] }, D)),
+      ] }, `${D}-${R}`)),
       (g > 0 || s) && o.length > 3 && /* @__PURE__ */ r(n, { $gutterX: 2, children: /* @__PURE__ */ r(
-        k,
+        G,
         {
           label: s ? "Show less" : `+${g} activities`,
           size: "regular",
@@ -121,8 +121,8 @@ const K = {
       ) })
     ] }))
   ] });
-}, L = R(O);
+}, ee = z(P);
 export {
-  L as default
+  ee as default
 };
 //# sourceMappingURL=activities-card.js.map

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

@@ -0,0 +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 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] || stateIcon[NODE_STATE.COMPLETED])}\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            {(remainingCount > 0 || showAllActivities) && activitiesList.length > 3 && (\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","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-report → monthly-timeline/monthly-report}/comps/activities/activities-card/activities-card.styled.js

@@ -1,5 +1,5 @@
 import r from "styled-components";
-import e from "../../../../../ui/layout/flex-view.js";
+import e from "../../../../../../ui/layout/flex-view.js";
 const n = r(e)`
   background-image: url(${({ $bgImage: o }) => o});
   background-size: cover;

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

@@ -0,0 +1 @@
+{"version":3,"file":"activities-card.styled.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card/activities-card.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../../ui/layout/flex-view';\n\nexport const ActivityCardContainer = styled(FlexView)<{ $bgImage: string }>`\n  background-image: url(${({ $bgImage }) => $bgImage});\n  background-size: cover;\n  background-position: center left;\n  background-repeat: no-repeat;\n  max-width: 512px;\n  position: relative;\n  overflow: hidden;\n`;\n\nexport const ActivityCardContainerWrapper = styled(FlexView)`\n  position: relative;\n  outline: 1px solid ${({ theme }) => theme.colors.WHITE_5};\n`;\n\nexport const MoreActivitiesContainer = styled(FlexView)`\n  border: 2px dashed ${({ theme }) => theme.colors.ORANGE_2};\n  border-radius: 8px;\n  padding: 12px;\n  margin-top: 8px;\n  position: relative;\n`;\n\nexport const CountBadge = styled(FlexView)`\n  background-color: ${({ theme }) => theme.colors.ORANGE_2};\n  color: white;\n  border-radius: 4px;\n  padding: 4px 8px;\n  font-size: 12px;\n  font-weight: 600;\n  min-width: 24px;\n  height: 20px;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const MoreActivitiesLink = styled.button`\n  background: none;\n  border: none;\n  color: ${({ theme }) => theme.colors.BLACK_1};\n  text-decoration: underline;\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 500;\n  padding: 0;\n  margin: 0;\n\n  &:hover {\n    color: ${({ theme }) => theme.colors.ORANGE_2};\n  }\n`;\n"],"names":["ActivityCardContainer","styled","FlexView","$bgImage","ActivityCardContainerWrapper","theme"],"mappings":";;AAIa,MAAAA,IAAwBC,EAAOC,CAAQ;AAAA,0BAC1B,CAAC,EAAE,UAAAC,EAAS,MAAMA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASvCC,IAA+BH,EAAOC,CAAQ;AAAA;AAAA,uBAEpC,CAAC,EAAE,OAAAG,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAGnBJ,EAAOC,CAAQ;AAAA,uBAC/B,CAAC,EAAE,OAAAG,EAAA,MAAYA,EAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjCJ,EAAOC,CAAQ;AAAA,sBACnB,CAAC,EAAE,OAAAG,EAAA,MAAYA,EAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYxBJ,EAAO;AAAA;AAAA;AAAA,WAG9B,CAAC,EAAE,OAAAI,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aASjC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,QAAQ;AAAA;AAAA;"}

package/dist/features/timeline/{monthly-report → monthly-timeline/monthly-report}/comps/activities/activities-card-puzzles/activities-card-puzzles.js

@@ -1,39 +1,39 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { memo as L, useRef as I, useState as h, useCallback as l, useEffect as v } from "react";
-import X from "../../../../../../assets/line-icons/icons/chevron-left.js";
-import w from "../../../../../../assets/line-icons/icons/chevron-right.js";
-import { PuzzleContainer as A, StatusIcon as N, ContentWrapper as T, ScrollButton as m, ScrollContainer as x } from "./activities-card-puzzles.styled.js";
-import i from "../../../../../ui/layout/flex-view.js";
-import B from "../../../../../ui/image/image.js";
-import k from "../../../../../ui/separator/separator.js";
-import D from "../../../../../ui/text/text.js";
-import { NODE_STATE as a } from "../../../../daily-timeline-types.js";
-import { stateIcon as d } from "../constants.js";
-import { IS_APP_RUNNING_IN_RN as f } from "../../../../../../constants/app-config.js";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { memo as I, useRef as v, useState as m, useCallback as s, useEffect as w } from "react";
+import A from "../../../../../../../assets/line-icons/icons/chevron-left.js";
+import N from "../../../../../../../assets/line-icons/icons/chevron-right.js";
+import { PuzzleContainer as T, StatusIcon as X, ContentWrapper as x, ScrollButton as d, ScrollContainer as B } from "./activities-card-puzzles.styled.js";
+import i from "../../../../../../ui/layout/flex-view.js";
+import k from "../../../../../../ui/image/image.js";
+import f from "../../../../../../ui/separator/separator.js";
+import D from "../../../../../../ui/text/text.js";
+import { NODE_STATE as h } from "../../../../../daily-timeline/daily-timeline-types.js";
+import { stateIcon as $ } from "../constants.js";
+import { IS_APP_RUNNING_IN_RN as g } from "../../../../../../../constants/app-config.js";
 const j = ({
-  puzzles: $,
+  puzzles: u,
   onPuzzleClick: o
 }) => {
-  const n = $ || [], r = I(null), [g, u] = h(!1), [_, C] = h(!1), b = l(() => {
+  const n = u || [], r = v(null), [_, C] = m(!1), [b, p] = m(!1), S = s(() => {
     r.current && r.current.scrollBy({ left: -180, behavior: "smooth" });
-  }, []), p = l(() => {
+  }, []), E = s(() => {
     r.current && r.current.scrollBy({ left: 180, behavior: "smooth" });
-  }, []), c = l(() => {
+  }, []), c = s(() => {
     if (r.current) {
-      const { scrollLeft: t, scrollWidth: E, clientWidth: R } = r.current;
-      u(t > 0), C(t < E - R - 10);
+      const { scrollLeft: t, scrollWidth: a, clientWidth: L } = r.current;
+      C(t > 0), p(t < a - L - 10);
     }
   }, []);
-  v(() => {
+  w(() => {
     const t = r.current;
     if (t)
       return c(), t.addEventListener("scroll", c), () => {
         t.removeEventListener("scroll", c);
       };
   }, [c, n.length]);
-  const S = l(
-    (t) => /* @__PURE__ */ s(
-      A,
+  const R = s(
+    (t, a) => /* @__PURE__ */ l(
+      T,
       {
         $gapX: 1,
         $imageHue: t.image_hue || "BLUE",
@@ -49,20 +49,20 @@ const j = ({
         }),
         children: [
           /* @__PURE__ */ e(
-            N,
+            X,
             {
               $borderRadiusX: 1,
-              $background: t.state === a.PENDING || t.state === a.NOT_STARTED ? "RED" : "BLACK_1",
+              $background: t.state === h.PENDING || t.state === h.NOT_STARTED ? "RED" : "BLACK_1",
               $widthX: 1,
               $heightX: 1,
               $alignItems: "center",
               $justifyContent: "center",
-              children: t.state && (d[t.state] || d[a.COMPLETED])
+              children: t.state && ($[t.state] || $[h.COMPLETED])
             }
           ),
-          /* @__PURE__ */ s(i, { $background: "TRANSPARENT", $alignItems: "center", children: [
+          /* @__PURE__ */ l(i, { $background: "TRANSPARENT", $alignItems: "center", children: [
             t.image_url && /* @__PURE__ */ e(
-              B,
+              k,
               {
                 src: t.image_url ?? "",
                 alt: "Puzzle illustration",
@@ -71,34 +71,37 @@ const j = ({
                 withLoader: !0
               }
             ),
-            /* @__PURE__ */ e(k, { heightX: 1 }),
+            /* @__PURE__ */ e(f, { heightX: 1 }),
             /* @__PURE__ */ e(i, { $gutterX: 0.25, children: /* @__PURE__ */ e(D, { $renderAs: "ab3", $align: "center", children: t.title }) })
           ] })
         ]
       },
-      t.id
+      `${t.id}-${a}`
     ),
     [o]
   );
-  return !n || n.length === 0 ? null : /* @__PURE__ */ e(T, { $flexRowGapX: 1, children: /* @__PURE__ */ s(i, { $position: "relative", $borderColor: "GREY_2", children: [
+  return !n || n.length === 0 ? null : /* @__PURE__ */ e(x, { $flexRowGapX: 1, children: /* @__PURE__ */ l(i, { $position: "relative", $borderColor: "GREY_2", children: [
     /* @__PURE__ */ e(
-      m,
+      d,
       {
         $background: "BLACK_T_60",
         $justifyContent: "center",
         $alignItems: "center",
         $widthX: 2,
         $height: "100%",
-        onClick: b,
-        $visible: !f && g,
+        onClick: S,
+        $visible: !g && _,
         $left: "0px",
         $right: "auto",
-        children: /* @__PURE__ */ e(X, { width: 24, height: 24 })
+        children: /* @__PURE__ */ e(A, { width: 24, height: 24 })
       }
     ),
-    /* @__PURE__ */ e(i, { $gutterX: 1, $gapX: 1, children: /* @__PURE__ */ e(x, { ref: r, children: /* @__PURE__ */ e(i, { $flexDirection: "row", $flexGapX: 1, children: n.map(S) }) }) }),
+    /* @__PURE__ */ e(i, { $gapX: 1, children: /* @__PURE__ */ e(B, { ref: r, children: /* @__PURE__ */ l(i, { $flexDirection: "row", $flexGapX: 1, children: [
+      /* @__PURE__ */ e(f, {}),
+      n.map(R)
+    ] }) }) }),
     /* @__PURE__ */ e(
-      m,
+      d,
       {
         $position: "absolute",
         $widthX: 2,
@@ -106,15 +109,15 @@ const j = ({
         $background: "BLACK_T_60",
         $justifyContent: "center",
         $alignItems: "center",
-        onClick: p,
-        $visible: !f && _,
+        onClick: E,
+        $visible: !g && b,
         $left: "auto",
         $right: "0px",
-        children: /* @__PURE__ */ e(w, { width: 24, height: 24 })
+        children: /* @__PURE__ */ e(N, { width: 24, height: 24 })
       }
     )
   ] }) });
-}, q = L(j);
+}, q = I(j);
 export {
   q as default
 };

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

@@ -0,0 +1 @@
+{"version":3,"file":"activities-card-puzzles.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card-puzzles/activities-card-puzzles.tsx"],"sourcesContent":["import { type FC, useRef, memo, useCallback, useState, useEffect } from 'react';\n\nimport ChevronLeftIcon from '../../../../../../../assets/line-icons/icons/chevron-left';\nimport ChevronRightIcon from '../../../../../../../assets/line-icons/icons/chevron-right';\nimport { type IActivitiesCardPuzzlesProps } from './activities-card-puzzles-types';\nimport { type IMonthlyActivity } from '../../../monthly-report-types';\nimport * as Styled from './activities-card-puzzles.styled';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport Image from '../../../../../../ui/image/image';\nimport Separator from '../../../../../../ui/separator/separator';\nimport Text from '../../../../../../ui/text/text';\nimport { NODE_STATE } from '../../../../../daily-timeline/daily-timeline-types';\nimport { stateIcon } from '../constants';\nimport { IS_APP_RUNNING_IN_RN } from '../../../../../../../constants/app-config';\n\nconst ActivitiesCardPuzzles: FC<IActivitiesCardPuzzlesProps> = ({\n  puzzles: newPuzzles,\n  onPuzzleClick,\n}) => {\n  const puzzles = newPuzzles || [];\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const [canScrollLeft, setCanScrollLeft] = useState(false);\n  const [canScrollRight, setCanScrollRight] = useState(false);\n\n  const handleScrollLeft = useCallback(() => {\n    if (scrollRef.current) {\n      scrollRef.current.scrollBy({ left: -180, behavior: 'smooth' });\n    }\n  }, []);\n\n  const handleScrollRight = useCallback(() => {\n    if (scrollRef.current) {\n      scrollRef.current.scrollBy({ left: 180, behavior: 'smooth' });\n    }\n  }, []);\n\n  const updateScrollButtons = useCallback(() => {\n    if (scrollRef.current) {\n      const { scrollLeft, scrollWidth, clientWidth } = scrollRef.current;\n\n      setCanScrollLeft(scrollLeft > 0);\n      setCanScrollRight(scrollLeft < scrollWidth - clientWidth - 10);\n    }\n  }, []);\n\n  useEffect(() => {\n    const scrollElement = scrollRef.current;\n\n    if (scrollElement) {\n      updateScrollButtons();\n\n      scrollElement.addEventListener('scroll', updateScrollButtons);\n\n      return () => {\n        scrollElement.removeEventListener('scroll', updateScrollButtons);\n      };\n    }\n  }, [updateScrollButtons, puzzles.length]);\n\n  const renderPuzzleCard = useCallback(\n    (puzzle: IMonthlyActivity, index: number) => (\n      <Styled.PuzzleContainer\n        key={`${puzzle.id}-${index}`}\n        $gapX={1}\n        $imageHue={puzzle.image_hue || 'BLUE'}\n        $width={146}\n        $height={162}\n        $background={`${puzzle.image_hue || 'BLUE'}_2`}\n        onClick={() =>\n          onPuzzleClick?.({\n            item_ref: puzzle.item_ref,\n            feedback_comments: puzzle.feedback_comments,\n            image_hue: puzzle.image_hue,\n            title: puzzle.title,\n            tip: puzzle.tip,\n          })\n        }\n      >\n        <Styled.StatusIcon\n          $borderRadiusX={1}\n          $background={\n            puzzle.state === NODE_STATE.PENDING || puzzle.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          {puzzle.state &&\n            (stateIcon[puzzle.state as NODE_STATE] || stateIcon[NODE_STATE.COMPLETED])}\n        </Styled.StatusIcon>\n        <FlexView $background=\"TRANSPARENT\" $alignItems=\"center\">\n          {puzzle.image_url && (\n            <Image\n              src={puzzle.image_url ?? ''}\n              alt=\"Puzzle illustration\"\n              width={68}\n              height={68}\n              withLoader={true}\n            />\n          )}\n          <Separator heightX={1} />\n          <FlexView $gutterX={0.25}>\n            <Text $renderAs=\"ab3\" $align=\"center\">\n              {puzzle.title}\n            </Text>\n          </FlexView>\n        </FlexView>\n      </Styled.PuzzleContainer>\n    ),\n    [onPuzzleClick],\n  );\n\n  if (!puzzles || puzzles.length === 0) return null;\n\n  return (\n    <Styled.ContentWrapper $flexRowGapX={1}>\n      <FlexView $position=\"relative\" $borderColor=\"GREY_2\">\n        <Styled.ScrollButton\n          $background=\"BLACK_T_60\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $widthX={2}\n          $height=\"100%\"\n          onClick={handleScrollLeft}\n          $visible={!IS_APP_RUNNING_IN_RN && canScrollLeft}\n          $left=\"0px\"\n          $right=\"auto\"\n        >\n          <ChevronLeftIcon width={24} height={24} />\n        </Styled.ScrollButton>\n        <FlexView $gapX={1}>\n          <Styled.ScrollContainer ref={scrollRef}>\n            <FlexView $flexDirection=\"row\" $flexGapX={1}>\n              <Separator />\n              {puzzles.map(renderPuzzleCard)}\n            </FlexView>\n          </Styled.ScrollContainer>\n        </FlexView>\n\n        <Styled.ScrollButton\n          $position=\"absolute\"\n          $widthX={2}\n          $height=\"100%\"\n          $background=\"BLACK_T_60\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          onClick={handleScrollRight}\n          $visible={!IS_APP_RUNNING_IN_RN && canScrollRight}\n          $left=\"auto\"\n          $right=\"0px\"\n        >\n          <ChevronRightIcon width={24} height={24} />\n        </Styled.ScrollButton>\n      </FlexView>\n    </Styled.ContentWrapper>\n  );\n};\n\nexport default memo(ActivitiesCardPuzzles);\n"],"names":["ActivitiesCardPuzzles","newPuzzles","onPuzzleClick","puzzles","scrollRef","useRef","canScrollLeft","setCanScrollLeft","useState","canScrollRight","setCanScrollRight","handleScrollLeft","useCallback","handleScrollRight","updateScrollButtons","scrollLeft","scrollWidth","clientWidth","useEffect","scrollElement","renderPuzzleCard","puzzle","index","jsxs","Styled.PuzzleContainer","jsx","Styled.StatusIcon","NODE_STATE","stateIcon","FlexView","Image","Separator","Text","Styled.ContentWrapper","Styled.ScrollButton","IS_APP_RUNNING_IN_RN","ChevronLeftIcon","Styled.ScrollContainer","ChevronRightIcon","ActivitiesCardPuzzles$1","memo"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import t from "styled-components";
-import i from "../../../../../ui/layout/flex-view.js";
-import { EDeviceType as r } from "../../../../../ui/theme/constants.js";
-import { getPuzzleCardPattern as n } from "../../../../../puzzles/utils/puzzle-pattern.js";
+import i from "../../../../../../ui/layout/flex-view.js";
+import { EDeviceType as r } from "../../../../../../ui/theme/constants.js";
+import { getPuzzleCardPattern as n } from "../../../../../../puzzles/utils/puzzle-pattern.js";
 const c = t(i)`
   position: relative;
   min-width: 126px;

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

@@ -0,0 +1 @@
+{"version":3,"file":"activities-card-puzzles.styled.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card-puzzles/activities-card-puzzles.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport { type THueNames } from '../../../../../../ui/types';\nimport { EDeviceType } from '../../../../../../ui/theme/constants';\nimport { getPuzzleCardPattern } from '../../../../../../puzzles/utils/puzzle-pattern';\n\nexport const PuzzleContainer = styled(FlexView)<{\n  $imageHue: THueNames;\n}>`\n  position: relative;\n  min-width: 126px;\n  max-width: 126px;\n  margin-top: 6px;\n  border: 2px solid ${({ theme, $imageHue }) => theme.colors[`${$imageHue || 'BLUE'}_4`]};\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-image: ${({ $imageHue }) => `url(${getPuzzleCardPattern($imageHue)})`};\n    background-size: cover;\n    opacity: 0.4;\n  }\n`;\n\nexport const ContentWrapper = styled(FlexView)`\n  width: 100%;\n  max-width: 512px;\n  position: relative;\n`;\n\nexport const ScrollButton = styled(FlexView)<{\n  $visible?: boolean;\n  $left: string;\n  $right: string;\n}>`\n  position: absolute;\n  right: ${({ $right }) => $right};\n  left: ${({ $left }) => $left};\n  cursor: pointer;\n  transition: opacity 0.3s ease-in-out;\n  opacity: ${({ $visible }) => ($visible ? 1 : 0)};\n  pointer-events: ${({ $visible }) => ($visible ? 'auto' : 'none')};\n  z-index: 10;\n  path {\n    fill: ${({ theme }) => theme.colors.WHITE};\n  }\n`;\n\nexport const ScrollContainer = styled(FlexView)`\n  overflow-x: ${({ theme }) => (theme.device <= EDeviceType.TABLET ? 'scroll' : 'hidden')};\n  overflow-y: visible;\n  scroll-behavior: smooth;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\nexport const StatusIcon = styled(FlexView)`\n  position: absolute;\n  right: -8px;\n  top: -8px;\n`;\n"],"names":["PuzzleContainer","styled","FlexView","theme","$imageHue","getPuzzleCardPattern","ContentWrapper","ScrollButton","$right","$left","$visible","ScrollContainer","EDeviceType","StatusIcon"],"mappings":";;;;AAOa,MAAAA,IAAkBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,sBAOxB,CAAC,EAAE,OAAAC,GAAO,WAAAC,EAAU,MAAMD,EAAM,OAAO,GAAGC,KAAa,MAAM,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAShE,CAAC,EAAE,WAAAA,EAAU,MAAM,OAAOC,EAAqBD,CAAS,CAAC,GAAG;AAAA;AAAA;AAAA;AAAA,GAMvEE,IAAiBL,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMhCK,IAAeN,EAAOC,CAAQ;AAAA;AAAA,WAMhC,CAAC,EAAE,QAAAM,EAAO,MAAMA,CAAM;AAAA,UACvB,CAAC,EAAE,OAAAC,EAAM,MAAMA,CAAK;AAAA;AAAA;AAAA,aAGjB,CAAC,EAAE,UAAAC,EAAA,MAAgBA,IAAW,IAAI,CAAE;AAAA,oBAC7B,CAAC,EAAE,UAAAA,EAAA,MAAgBA,IAAW,SAAS,MAAO;AAAA;AAAA;AAAA,YAGtD,CAAC,EAAE,OAAAP,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAIhCQ,IAAkBV,EAAOC,CAAQ;AAAA,gBAC9B,CAAC,EAAE,OAAAC,EAAM,MAAOA,EAAM,UAAUS,EAAY,SAAS,WAAW,QAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ5EC,IAAaZ,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;"}