@cuemath/leap 3.5.27-as2 → 3.5.27-as3

package/dist/assets/illustrations/illustrations.js

@@ -168,6 +168,8 @@ const t = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : "/", a = {
   TEST_DIFFICULTY_HARD: `${t}static/test-difficulty-hard.7250f1f4.svg`,
   TEST_DIFFICULTY_MEDIUM: `${t}static/test-difficulty-medium.2fd9686e.svg`,
   THREE_STARS_FILLED: `${t}static/three-stars-filled.72b51f03.svg`,
+  THUMPS_DOWN: `${t}static/thumps-down.a1192a62.svg`,
+  THUMPS_UP: `${t}static/thumps-up.caa35a98.svg`,
   TICK_GREEN: `${t}static/tick-green.a1654049.svg`,
   TROPHY_BLUE: `${t}static/trophy-blue.e684ba4c.svg`,
   TROPHY_BLUE_FILLED: `${t}static/trophy-blue-filled.7e2b40ab.svg`,

package/dist/assets/illustrations/illustrations.js.map

@@ -1 +1 @@
-{"version":3,"file":"illustrations.js","sources":["../../../src/assets/illustrations/illustrations.ts"],"sourcesContent":["declare global {\n  interface Window {\n    VITE_PUBLIC_URL: string;\n  }\n}\n\nconst PREFIX = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : '/';\n\n// Must be alphabetical order\nconst ILLUSTRATIONS = {\n  ACCURACY_BADGE: `${PREFIX}static/accuracy-badge.2e161f00.svg`,\n  ALARM_CLOCK_ORANGE: `${PREFIX}static/alarm-clock-orange.31fb90d9.svg`,\n  ALARM_CLOCK_PURPLE: `${PREFIX}static/alarm-clock-purple.06d4911c.svg`,\n  ALIEN_1: `${PREFIX}static/alien-1.fc7ba696.svg`,\n  ALIEN_2: `${PREFIX}static/alien-2.15fdda07.svg`,\n  ALIEN_3: `${PREFIX}static/alien-3.2664a37f.svg`,\n  ALIEN_4: `${PREFIX}static/alien-4.06ac66da.svg`,\n  ARROW_BOARD_GREEN: `${PREFIX}static/arrow-board-green.11e75bca.svg`,\n  BLUE_CLIP: `${PREFIX}static/blue-clip.87cc4543.svg`,\n  BOOK_CHECKED_GREEN: `${PREFIX}static/book-checked-green.0436b91e.svg`,\n  BOOK_CHECKED_ORANGE: `${PREFIX}static/book-checked-orange.53ea6880.svg`,\n  BOOK_CHECKED_PURPLE: `${PREFIX}static/book-checked-purple.df628f3e.svg`,\n  BOOK_GREEN: `${PREFIX}static/book-green.20f6eed3.svg`,\n  BOOK_OPEN_BLUE: `${PREFIX}static/book-open-blue.d4f8d08c.svg`,\n  BOOK_ORANGE: `${PREFIX}static/book-orange.04bdc75e.svg`,\n  BOOK_YELLOW: `${PREFIX}static/book-yellow.c210ac06.svg`,\n  BULLET_YELLOW: `${PREFIX}static/bullet-yellow.2f892d88.svg`,\n  CALENDAR_BLUE: `${PREFIX}static/calendar-blue.e0d52d09.svg`,\n  CALENDAR_CHECK_GREEN: `${PREFIX}static/calendar-check-green.ab0e24d2.svg`,\n  CALENDAR_CROSS_ORANGE: `${PREFIX}static/calendar-cross-orange.8e7a23bd.svg`,\n  CALENDAR_GRAY: `${PREFIX}static/calendar-gray.1c72682a.svg`,\n  CALENDAR_GREEN: `${PREFIX}static/calendar-green.a2b6a393.svg`,\n  CALENDAR_PURPLE: `${PREFIX}static/calendar-purple.1a840b41.svg`,\n  CAUTION: `${PREFIX}static/caution.5766a967.svg`,\n  CHAPTER_10: `${PREFIX}static/chapter-10.c97de4a5.svg`,\n  CHAPTER_1: `${PREFIX}static/chapter-1.8a1683a0.svg`,\n  CHAPTER_2: `${PREFIX}static/chapter-2.71ac6dfc.svg`,\n  CHAPTER_3: `${PREFIX}static/chapter-3.003fc901.svg`,\n  CHAPTER_4: `${PREFIX}static/chapter-4.8abbacd8.svg`,\n  CHAPTER_5: `${PREFIX}static/chapter-5.c774b439.svg`,\n  CHAPTER_6: `${PREFIX}static/chapter-6.cb5cf1cb.svg`,\n  CHAPTER_7: `${PREFIX}static/chapter-7.57b0beb4.svg`,\n  CHAPTER_8: `${PREFIX}static/chapter-8.68d36477.svg`,\n  CHAPTER_9: `${PREFIX}static/chapter-9.0c00e26f.svg`,\n  CHAPTER_HEADER_BG: `${PREFIX}static/chapter-header-bg.4ed173c2.svg`,\n  CHAPTER_HEADER_BG_2: `${PREFIX}static/chapter-header-bg-2.c8d96894.svg`,\n  CIRCLE_CUEMATH_LOGO: `${PREFIX}static/circle-cuemath-logo.8bcb1ad4.svg`,\n  CIRCLE_CUEMATH_LOGO_WHITE: `${PREFIX}static/circle-cuemath-logo-white.e9fafb91.svg`,\n  CIRCLE_ICON: `${PREFIX}static/circle-icon.1027df3c.svg`,\n  CIRCLE_OUTERCIRCLE_BG: `${PREFIX}static/circle-outercircle-bg.65f21460.svg`,\n  CLOCK_BADGE: `${PREFIX}static/clock-badge.0adb4ba6.svg`,\n  CLOCK_ORANGE: `${PREFIX}static/clock-orange.c144059b.svg`,\n  CODING_REPORT_ICON: `${PREFIX}static/coding-report-icon.91a1e900.svg`,\n  COMMON: `${PREFIX}static/common.9e8ceef1.svg`,\n  COMMUNITY_BULB: `${PREFIX}static/community-bulb.3b42af21.svg`,\n  COMMUNITY_BULB_YELLOW_2: `${PREFIX}static/community-bulb-yellow-2.f89c30f9.svg`,\n  CROSSHAIR_CIRCLE: `${PREFIX}static/crosshair-circle.522a26ea.svg`,\n  CROWN: `${PREFIX}static/crown.c18fa217.svg`,\n  CROWN_OVERLAY: `${PREFIX}static/crown-overlay.11fb073c.svg`,\n  CUECOIN_GOLD: `${PREFIX}static/cuecoin-gold.bcb8085e.svg`,\n  CUEMATH_APP_QR_CODE: `${PREFIX}static/cuemath-app-qr-code.7205ee79.svg`,\n  CW_ICON: `${PREFIX}static/cw-icon.c61f9779.svg`,\n  DESKTOP_WITH_PURPLE_FILL: `${PREFIX}static/desktop-with-purple-fill.dfec66cc.svg`,\n  DOWN_ARROW_BADGE: `${PREFIX}static/down-arrow-badge.f462f615.svg`,\n  DURATION_30MIN_GRAY: `${PREFIX}static/duration-30min-gray.f6442df4.svg`,\n  DURATION_45MIN_GRAY: `${PREFIX}static/duration-45min-gray.ad90fb23.svg`,\n  DURATION_60MIN_GRAY: `${PREFIX}static/duration-60min-gray.874e52a2.svg`,\n  DURATION_90MIN_GRAY: `${PREFIX}static/duration-90min-gray.32a04cef.svg`,\n  EARTH_GREEN: `${PREFIX}static/earth-green.e1329b7a.svg`,\n  ELLIPSE_CLIP: `${PREFIX}static/ellipse-clip.dfb25608.svg`,\n  ELP_ICON: `${PREFIX}static/elp-icon.d45b457d.svg`,\n  ENGLISH_ICON: `${PREFIX}static/english-icon.50c2e005.svg`,\n  EPIC: `${PREFIX}static/epic.37a0265a.svg`,\n  EQUAL_OUTLINED: `${PREFIX}static/equal-outlined.b705bf5d.svg`,\n  FEMALE_AVATAR: `${PREFIX}static/female-avatar.b8cd1012.svg`,\n  FULL_REPORT: `${PREFIX}static/full-report.00112c74.svg`,\n  GAME_PLAY: `${PREFIX}static/game-play.4982b0cb.svg`,\n  GLOBE_WITH_BLUE_FILL: `${PREFIX}static/globe-with-blue-fill.beae6ca4.svg`,\n  GRADE_GRID_BACKGROUND: `${PREFIX}static/grade-grid-background.b17b4ccb.svg`,\n  GRADUATE_HAT: `${PREFIX}static/graduate-hat.4b49eb44.svg`,\n  GRADUATE_ICON_PINK: `${PREFIX}static/graduate-icon-pink.01fbfb1b.svg`,\n  GRADUATE_PINK_FILLED_BG: `${PREFIX}static/graduate-pink-filled-bg.c91e9c53.svg`,\n  GREEN_BALLOON: `${PREFIX}static/green-balloon.67ac8587.svg`,\n  GREEN_FACE: `${PREFIX}static/green-face.1b4dd82f.svg`,\n  GREEN_TICK: `${PREFIX}static/green-tick.43b94c3a.svg`,\n  HANDSHAKE: `${PREFIX}static/handshake.287e7dfb.svg`,\n  HANDSHAKE_GREEN: `${PREFIX}static/handshake-green.f8d24216.svg`,\n  HEART_OUTLINED: `${PREFIX}static/heart-outlined.5b5415fe.svg`,\n  HW_ICON: `${PREFIX}static/hw-icon.6d78e885.svg`,\n  KNOWLEDGE_BLUE: `${PREFIX}static/knowledge-blue.ead536f1.svg`,\n  LEARNED_SHIELD_GRAY: `${PREFIX}static/learned-shield-gray.1495b0d5.svg`,\n  LEARNED_SHIELD_GREEN: `${PREFIX}static/learned-shield-green.7c26b423.svg`,\n  LEARNING_PUZZLE_BOT: `${PREFIX}static/learning-puzzle-bot.6fe93cf6.svg`,\n  LEARNT: `${PREFIX}static/learnt.870c5e38.svg`,\n  LEGENDARY: `${PREFIX}static/legendary.f15d09ca.svg`,\n  LIKE: `${PREFIX}static/like.cb492460.svg`,\n  LIVE_SESSION: `${PREFIX}static/live-session.a0d25c78.svg`,\n  LOADER: `${PREFIX}static/loader.52f8c35c.svg`,\n  LOADER_1: `${PREFIX}static/loader-1.6524355e.svg`,\n  LOCKED: `${PREFIX}static/locked.0c3b7577.svg`,\n  MAINTENANCE: `${PREFIX}static/maintenance.a26aca65.svg`,\n  MALE_AVATAR: `${PREFIX}static/male-avatar.2febc9eb.svg`,\n  MASTERED_BADGE: `${PREFIX}static/mastered-badge.81f156fb.svg`,\n  MASTERED_SHIELD_GRAY: `${PREFIX}static/mastered-shield-gray.a58cbe19.svg`,\n  MASTERED_SHIELD_GREEN: `${PREFIX}static/mastered-shield-green.070fa4eb.svg`,\n  MATH_FIT_GREY: `${PREFIX}static/math-fit-grey.c32f37b3.svg`,\n  MENTAL_MATH: `${PREFIX}static/mental-math.3c95f169.svg`,\n  MILESTONE_INTRO_1: `${PREFIX}static/milestone-intro-1.281a354c.svg`,\n  MILESTONE_INTRO_2: `${PREFIX}static/milestone-intro-2.19faee69.svg`,\n  MILESTONE_INTRO_3: `${PREFIX}static/milestone-intro-3.6f6055d6.svg`,\n  MISTAKE: `${PREFIX}static/mistake.476d1aa7.svg`,\n  MONEY: `${PREFIX}static/money.332aacf1.svg`,\n  MYSTERY: `${PREFIX}static/mystery.81ada5fb.svg`,\n  MYTHIC: `${PREFIX}static/mythic.58ba0ae0.svg`,\n  NODE_ACTIVITY_BG: `${PREFIX}static/node-activity-bg.122f7e01.svg`,\n  NODE_CUSTOM_TEST_BG: `${PREFIX}static/node-custom-test-bg.d3b757be.svg`,\n  NODE_DOWNLOAD_BG: `${PREFIX}static/node-download-bg.b8367de7.svg`,\n  NODE_LEARN_BG: `${PREFIX}static/node-learn-bg.b61f815c.svg`,\n  NODE_PRACTICE_BG: `${PREFIX}static/node-practice-bg.16cbaf2a.svg`,\n  NODE_PROJECT_BG: `${PREFIX}static/node-project-bg.e6a33e28.svg`,\n  NODE_PUZZLE_BG: `${PREFIX}static/node-puzzle-bg.3422135c.svg`,\n  NODE_RECAP_BG: `${PREFIX}static/node-recap-bg.546154e4.svg`,\n  NODE_SUBJECTIVE_BG: `${PREFIX}static/node-subjective-bg.d6013a16.svg`,\n  NODE_TEST_PREP_BG: `${PREFIX}static/node-test-prep-bg.42c0b9c4.svg`,\n  NODE_VIDEO_BG: `${PREFIX}static/node-video-bg.3df3f73a.svg`,\n  NO_ACTIVITY: `${PREFIX}static/no-activity.0451dcbb.svg`,\n  NUMBER_1_ORANGE: `${PREFIX}static/number-1-orange.cbf526ed.svg`,\n  NUMBER_2_ORANGE: `${PREFIX}static/number-2-orange.6f29eb72.svg`,\n  NUMBER_3_ORANGE: `${PREFIX}static/number-3-orange.58baf717.svg`,\n  NUMBER_4_ORANGE: `${PREFIX}static/number-4-orange.5ed1ec5e.svg`,\n  ONE_STAR_FILLED: `${PREFIX}static/one-star-filled.b6084257.svg`,\n  ORANGE_FACE: `${PREFIX}static/orange-face.5824c2e9.svg`,\n  PARENT_AVATAR: `${PREFIX}static/parent-avatar.822c7b9b.svg`,\n  PEOPLE_WITH_ORANGE_FILL: `${PREFIX}static/people-with-orange-fill.3835b8f1.svg`,\n  PERSONALIZATION: `${PREFIX}static/personalization.7a6c33e8.svg`,\n  PLATFORM_GREEN: `${PREFIX}static/platform-green.eb853207.svg`,\n  PLATFORM_PURPLE: `${PREFIX}static/platform-purple.ecf6fa46.svg`,\n  PLAY: `${PREFIX}static/play.68d16dec.svg`,\n  PLAY_ICON: `${PREFIX}static/play-icon.13baaa7d.svg`,\n  POINTS_BADGE: `${PREFIX}static/points-badge.96bdecc9.svg`,\n  POINTS_SUM: `${PREFIX}static/points-sum.360e63de.svg`,\n  PRACTICED_SHIELD_GREEN: `${PREFIX}static/practiced-shield-green.90278855.svg`,\n  PRACTICED_SHIELD_GREY: `${PREFIX}static/practiced-shield-grey.16cf4fe0.svg`,\n  PROFICIENT_BADGE: `${PREFIX}static/proficient-badge.1a6dbb72.svg`,\n  PROFILE_BOARD: `${PREFIX}static/profile-board.4f4a17e6.svg`,\n  PTM_REPORT_ICON: `${PREFIX}static/ptm-report-icon.5089218f.svg`,\n  PUZZLE: `${PREFIX}static/puzzle.5aad5cf8.svg`,\n  PUZZLE_DASHBOARD_BANNER: `${PREFIX}static/puzzle-dashboard-banner.b7956519.svg`,\n  PUZZLE_PATTERN_BLUE: `${PREFIX}static/puzzle-pattern-blue.abff0164.svg`,\n  PUZZLE_PATTERN_GREEN: `${PREFIX}static/puzzle-pattern-green.b8ba1840.svg`,\n  PUZZLE_PATTERN_ORANGE: `${PREFIX}static/puzzle-pattern-orange.3f5a17ff.svg`,\n  PUZZLE_PATTERN_PURPLE: `${PREFIX}static/puzzle-pattern-purple.14b09759.svg`,\n  PUZZLE_PATTERN_YELLOW: `${PREFIX}static/puzzle-pattern-yellow.50917fab.svg`,\n  PUZZLE_STUDENT: `${PREFIX}static/puzzle-student.de530364.svg`,\n  RADIAL_GRADIENT_BG: `${PREFIX}static/radial-gradient-bg.5ae0cde5.svg`,\n  RADIAL_GRADIENT_BG_2: `${PREFIX}static/radial-gradient-bg-2.6657c758.svg`,\n  RARE: `${PREFIX}static/rare.1ffaa311.svg`,\n  REFUND_POLICY: `${PREFIX}static/refund-policy.912dbb4c.svg`,\n  REFUND_POLICY_WITH_HEADPHONE: `${PREFIX}static/refund-policy-with-headphone.589398e0.svg`,\n  REPORT_404: `${PREFIX}static/report-404.dd67785c.svg`,\n  ROCKET_BROKEN: `${PREFIX}static/rocket-broken.1f86fa43.svg`,\n  ROCKET_YELLOW: `${PREFIX}static/rocket-yellow.62d27e15.svg`,\n  SAT_REPORT_ICON: `${PREFIX}static/sat-report-icon.4331be86.svg`,\n  SCIENCE_REPORT_ICON: `${PREFIX}static/science-report-icon.a0014c40.svg`,\n  SCORE: `${PREFIX}static/score.41971107.svg`,\n  SMILEY: `${PREFIX}static/smiley.49bb7d7c.svg`,\n  STAR_BADGE: `${PREFIX}static/star-badge.5450c267.svg`,\n  STAR_ORANGE: `${PREFIX}static/star-orange.a91a341f.svg`,\n  STAR_ORANGE_FILLED: `${PREFIX}static/star-orange-filled.a7ff9c8f.svg`,\n  STAR_OUTLINED: `${PREFIX}static/star-outlined.bde83c7c.svg`,\n  STAR_WITH_GREEN_FILL: `${PREFIX}static/star-with-green-fill.86877d41.svg`,\n  STREAK_GREEN: `${PREFIX}static/streak-green.b59bf4dd.svg`,\n  STREAK_WHITE: `${PREFIX}static/streak-white.2cbdc9b8.svg`,\n  STRIPE_BLURPLE: `${PREFIX}static/stripe-blurple.6abf422f.svg`,\n  STUDENT_AVATAR: `${PREFIX}static/student-avatar.24bc2875.svg`,\n  TEST_DIFFICULTY_EASY: `${PREFIX}static/test-difficulty-easy.56df71dd.svg`,\n  TEST_DIFFICULTY_HARD: `${PREFIX}static/test-difficulty-hard.7250f1f4.svg`,\n  TEST_DIFFICULTY_MEDIUM: `${PREFIX}static/test-difficulty-medium.2fd9686e.svg`,\n  THREE_STARS_FILLED: `${PREFIX}static/three-stars-filled.72b51f03.svg`,\n  TICK_GREEN: `${PREFIX}static/tick-green.a1654049.svg`,\n  TROPHY_BLUE: `${PREFIX}static/trophy-blue.e684ba4c.svg`,\n  TROPHY_BLUE_FILLED: `${PREFIX}static/trophy-blue-filled.7e2b40ab.svg`,\n  TROPHY_CIRCLE: `${PREFIX}static/trophy-circle.b7b23e36.svg`,\n  TROPHY_GREEN: `${PREFIX}static/trophy-green.6c0741c8.svg`,\n  TROPHY_OUTLINED: `${PREFIX}static/trophy-outlined.f946b362.svg`,\n  TRUSTPILOT: `${PREFIX}static/trustpilot.bd3d79e1.svg`,\n  TWO_STARS_FILLED: `${PREFIX}static/two-stars-filled.a51a14b4.svg`,\n  UP_ARROW: `${PREFIX}static/up-arrow.a6946bd3.svg`,\n  UP_ARROW_BADGE: `${PREFIX}static/up-arrow-badge.71fe7ad1.svg`,\n  USER_CROWN_GRID_BACKGROUND: `${PREFIX}static/user-crown-grid-background.c2875a73.svg`,\n  USER_DOWN: `${PREFIX}static/user-down.a06f2f94.svg`,\n  USER_PIN: `${PREFIX}static/user-pin.5f334465.svg`,\n  USER_PROFILE_BACKGROUND: `${PREFIX}static/user-profile-background.199977a9.svg`,\n  USER_TYPE_SELECTOR_GRID_BG: `${PREFIX}static/user-type-selector-grid-bg.aad0b059.svg`,\n  USER_UP: `${PREFIX}static/user-up.2aecbbae.svg`,\n  YELLOW_FACE: `${PREFIX}static/yellow-face.b7525a33.svg`,\n};\n\nexport { ILLUSTRATIONS };\n"],"names":["PREFIX","ILLUSTRATIONS"],"mappings":"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"}
+{"version":3,"file":"illustrations.js","sources":["../../../src/assets/illustrations/illustrations.ts"],"sourcesContent":["declare global {\n  interface Window {\n    VITE_PUBLIC_URL: string;\n  }\n}\n\nconst PREFIX = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : '/';\n\n// Must be alphabetical order\nconst ILLUSTRATIONS = {\n  ACCURACY_BADGE: `${PREFIX}static/accuracy-badge.2e161f00.svg`,\n  ALARM_CLOCK_ORANGE: `${PREFIX}static/alarm-clock-orange.31fb90d9.svg`,\n  ALARM_CLOCK_PURPLE: `${PREFIX}static/alarm-clock-purple.06d4911c.svg`,\n  ALIEN_1: `${PREFIX}static/alien-1.fc7ba696.svg`,\n  ALIEN_2: `${PREFIX}static/alien-2.15fdda07.svg`,\n  ALIEN_3: `${PREFIX}static/alien-3.2664a37f.svg`,\n  ALIEN_4: `${PREFIX}static/alien-4.06ac66da.svg`,\n  ARROW_BOARD_GREEN: `${PREFIX}static/arrow-board-green.11e75bca.svg`,\n  BLUE_CLIP: `${PREFIX}static/blue-clip.87cc4543.svg`,\n  BOOK_CHECKED_GREEN: `${PREFIX}static/book-checked-green.0436b91e.svg`,\n  BOOK_CHECKED_ORANGE: `${PREFIX}static/book-checked-orange.53ea6880.svg`,\n  BOOK_CHECKED_PURPLE: `${PREFIX}static/book-checked-purple.df628f3e.svg`,\n  BOOK_GREEN: `${PREFIX}static/book-green.20f6eed3.svg`,\n  BOOK_OPEN_BLUE: `${PREFIX}static/book-open-blue.d4f8d08c.svg`,\n  BOOK_ORANGE: `${PREFIX}static/book-orange.04bdc75e.svg`,\n  BOOK_YELLOW: `${PREFIX}static/book-yellow.c210ac06.svg`,\n  BULLET_YELLOW: `${PREFIX}static/bullet-yellow.2f892d88.svg`,\n  CALENDAR_BLUE: `${PREFIX}static/calendar-blue.e0d52d09.svg`,\n  CALENDAR_CHECK_GREEN: `${PREFIX}static/calendar-check-green.ab0e24d2.svg`,\n  CALENDAR_CROSS_ORANGE: `${PREFIX}static/calendar-cross-orange.8e7a23bd.svg`,\n  CALENDAR_GRAY: `${PREFIX}static/calendar-gray.1c72682a.svg`,\n  CALENDAR_GREEN: `${PREFIX}static/calendar-green.a2b6a393.svg`,\n  CALENDAR_PURPLE: `${PREFIX}static/calendar-purple.1a840b41.svg`,\n  CAUTION: `${PREFIX}static/caution.5766a967.svg`,\n  CHAPTER_10: `${PREFIX}static/chapter-10.c97de4a5.svg`,\n  CHAPTER_1: `${PREFIX}static/chapter-1.8a1683a0.svg`,\n  CHAPTER_2: `${PREFIX}static/chapter-2.71ac6dfc.svg`,\n  CHAPTER_3: `${PREFIX}static/chapter-3.003fc901.svg`,\n  CHAPTER_4: `${PREFIX}static/chapter-4.8abbacd8.svg`,\n  CHAPTER_5: `${PREFIX}static/chapter-5.c774b439.svg`,\n  CHAPTER_6: `${PREFIX}static/chapter-6.cb5cf1cb.svg`,\n  CHAPTER_7: `${PREFIX}static/chapter-7.57b0beb4.svg`,\n  CHAPTER_8: `${PREFIX}static/chapter-8.68d36477.svg`,\n  CHAPTER_9: `${PREFIX}static/chapter-9.0c00e26f.svg`,\n  CHAPTER_HEADER_BG: `${PREFIX}static/chapter-header-bg.4ed173c2.svg`,\n  CHAPTER_HEADER_BG_2: `${PREFIX}static/chapter-header-bg-2.c8d96894.svg`,\n  CIRCLE_CUEMATH_LOGO: `${PREFIX}static/circle-cuemath-logo.8bcb1ad4.svg`,\n  CIRCLE_CUEMATH_LOGO_WHITE: `${PREFIX}static/circle-cuemath-logo-white.e9fafb91.svg`,\n  CIRCLE_ICON: `${PREFIX}static/circle-icon.1027df3c.svg`,\n  CIRCLE_OUTERCIRCLE_BG: `${PREFIX}static/circle-outercircle-bg.65f21460.svg`,\n  CLOCK_BADGE: `${PREFIX}static/clock-badge.0adb4ba6.svg`,\n  CLOCK_ORANGE: `${PREFIX}static/clock-orange.c144059b.svg`,\n  CODING_REPORT_ICON: `${PREFIX}static/coding-report-icon.91a1e900.svg`,\n  COMMON: `${PREFIX}static/common.9e8ceef1.svg`,\n  COMMUNITY_BULB: `${PREFIX}static/community-bulb.3b42af21.svg`,\n  COMMUNITY_BULB_YELLOW_2: `${PREFIX}static/community-bulb-yellow-2.f89c30f9.svg`,\n  CROSSHAIR_CIRCLE: `${PREFIX}static/crosshair-circle.522a26ea.svg`,\n  CROWN: `${PREFIX}static/crown.c18fa217.svg`,\n  CROWN_OVERLAY: `${PREFIX}static/crown-overlay.11fb073c.svg`,\n  CUECOIN_GOLD: `${PREFIX}static/cuecoin-gold.bcb8085e.svg`,\n  CUEMATH_APP_QR_CODE: `${PREFIX}static/cuemath-app-qr-code.7205ee79.svg`,\n  CW_ICON: `${PREFIX}static/cw-icon.c61f9779.svg`,\n  DESKTOP_WITH_PURPLE_FILL: `${PREFIX}static/desktop-with-purple-fill.dfec66cc.svg`,\n  DOWN_ARROW_BADGE: `${PREFIX}static/down-arrow-badge.f462f615.svg`,\n  DURATION_30MIN_GRAY: `${PREFIX}static/duration-30min-gray.f6442df4.svg`,\n  DURATION_45MIN_GRAY: `${PREFIX}static/duration-45min-gray.ad90fb23.svg`,\n  DURATION_60MIN_GRAY: `${PREFIX}static/duration-60min-gray.874e52a2.svg`,\n  DURATION_90MIN_GRAY: `${PREFIX}static/duration-90min-gray.32a04cef.svg`,\n  EARTH_GREEN: `${PREFIX}static/earth-green.e1329b7a.svg`,\n  ELLIPSE_CLIP: `${PREFIX}static/ellipse-clip.dfb25608.svg`,\n  ELP_ICON: `${PREFIX}static/elp-icon.d45b457d.svg`,\n  ENGLISH_ICON: `${PREFIX}static/english-icon.50c2e005.svg`,\n  EPIC: `${PREFIX}static/epic.37a0265a.svg`,\n  EQUAL_OUTLINED: `${PREFIX}static/equal-outlined.b705bf5d.svg`,\n  FEMALE_AVATAR: `${PREFIX}static/female-avatar.b8cd1012.svg`,\n  FULL_REPORT: `${PREFIX}static/full-report.00112c74.svg`,\n  GAME_PLAY: `${PREFIX}static/game-play.4982b0cb.svg`,\n  GLOBE_WITH_BLUE_FILL: `${PREFIX}static/globe-with-blue-fill.beae6ca4.svg`,\n  GRADE_GRID_BACKGROUND: `${PREFIX}static/grade-grid-background.b17b4ccb.svg`,\n  GRADUATE_HAT: `${PREFIX}static/graduate-hat.4b49eb44.svg`,\n  GRADUATE_ICON_PINK: `${PREFIX}static/graduate-icon-pink.01fbfb1b.svg`,\n  GRADUATE_PINK_FILLED_BG: `${PREFIX}static/graduate-pink-filled-bg.c91e9c53.svg`,\n  GREEN_BALLOON: `${PREFIX}static/green-balloon.67ac8587.svg`,\n  GREEN_FACE: `${PREFIX}static/green-face.1b4dd82f.svg`,\n  GREEN_TICK: `${PREFIX}static/green-tick.43b94c3a.svg`,\n  HANDSHAKE: `${PREFIX}static/handshake.287e7dfb.svg`,\n  HANDSHAKE_GREEN: `${PREFIX}static/handshake-green.f8d24216.svg`,\n  HEART_OUTLINED: `${PREFIX}static/heart-outlined.5b5415fe.svg`,\n  HW_ICON: `${PREFIX}static/hw-icon.6d78e885.svg`,\n  KNOWLEDGE_BLUE: `${PREFIX}static/knowledge-blue.ead536f1.svg`,\n  LEARNED_SHIELD_GRAY: `${PREFIX}static/learned-shield-gray.1495b0d5.svg`,\n  LEARNED_SHIELD_GREEN: `${PREFIX}static/learned-shield-green.7c26b423.svg`,\n  LEARNING_PUZZLE_BOT: `${PREFIX}static/learning-puzzle-bot.6fe93cf6.svg`,\n  LEARNT: `${PREFIX}static/learnt.870c5e38.svg`,\n  LEGENDARY: `${PREFIX}static/legendary.f15d09ca.svg`,\n  LIKE: `${PREFIX}static/like.cb492460.svg`,\n  LIVE_SESSION: `${PREFIX}static/live-session.a0d25c78.svg`,\n  LOADER: `${PREFIX}static/loader.52f8c35c.svg`,\n  LOADER_1: `${PREFIX}static/loader-1.6524355e.svg`,\n  LOCKED: `${PREFIX}static/locked.0c3b7577.svg`,\n  MAINTENANCE: `${PREFIX}static/maintenance.a26aca65.svg`,\n  MALE_AVATAR: `${PREFIX}static/male-avatar.2febc9eb.svg`,\n  MASTERED_BADGE: `${PREFIX}static/mastered-badge.81f156fb.svg`,\n  MASTERED_SHIELD_GRAY: `${PREFIX}static/mastered-shield-gray.a58cbe19.svg`,\n  MASTERED_SHIELD_GREEN: `${PREFIX}static/mastered-shield-green.070fa4eb.svg`,\n  MATH_FIT_GREY: `${PREFIX}static/math-fit-grey.c32f37b3.svg`,\n  MENTAL_MATH: `${PREFIX}static/mental-math.3c95f169.svg`,\n  MILESTONE_INTRO_1: `${PREFIX}static/milestone-intro-1.281a354c.svg`,\n  MILESTONE_INTRO_2: `${PREFIX}static/milestone-intro-2.19faee69.svg`,\n  MILESTONE_INTRO_3: `${PREFIX}static/milestone-intro-3.6f6055d6.svg`,\n  MISTAKE: `${PREFIX}static/mistake.476d1aa7.svg`,\n  MONEY: `${PREFIX}static/money.332aacf1.svg`,\n  MYSTERY: `${PREFIX}static/mystery.81ada5fb.svg`,\n  MYTHIC: `${PREFIX}static/mythic.58ba0ae0.svg`,\n  NODE_ACTIVITY_BG: `${PREFIX}static/node-activity-bg.122f7e01.svg`,\n  NODE_CUSTOM_TEST_BG: `${PREFIX}static/node-custom-test-bg.d3b757be.svg`,\n  NODE_DOWNLOAD_BG: `${PREFIX}static/node-download-bg.b8367de7.svg`,\n  NODE_LEARN_BG: `${PREFIX}static/node-learn-bg.b61f815c.svg`,\n  NODE_PRACTICE_BG: `${PREFIX}static/node-practice-bg.16cbaf2a.svg`,\n  NODE_PROJECT_BG: `${PREFIX}static/node-project-bg.e6a33e28.svg`,\n  NODE_PUZZLE_BG: `${PREFIX}static/node-puzzle-bg.3422135c.svg`,\n  NODE_RECAP_BG: `${PREFIX}static/node-recap-bg.546154e4.svg`,\n  NODE_SUBJECTIVE_BG: `${PREFIX}static/node-subjective-bg.d6013a16.svg`,\n  NODE_TEST_PREP_BG: `${PREFIX}static/node-test-prep-bg.42c0b9c4.svg`,\n  NODE_VIDEO_BG: `${PREFIX}static/node-video-bg.3df3f73a.svg`,\n  NO_ACTIVITY: `${PREFIX}static/no-activity.0451dcbb.svg`,\n  NUMBER_1_ORANGE: `${PREFIX}static/number-1-orange.cbf526ed.svg`,\n  NUMBER_2_ORANGE: `${PREFIX}static/number-2-orange.6f29eb72.svg`,\n  NUMBER_3_ORANGE: `${PREFIX}static/number-3-orange.58baf717.svg`,\n  NUMBER_4_ORANGE: `${PREFIX}static/number-4-orange.5ed1ec5e.svg`,\n  ONE_STAR_FILLED: `${PREFIX}static/one-star-filled.b6084257.svg`,\n  ORANGE_FACE: `${PREFIX}static/orange-face.5824c2e9.svg`,\n  PARENT_AVATAR: `${PREFIX}static/parent-avatar.822c7b9b.svg`,\n  PEOPLE_WITH_ORANGE_FILL: `${PREFIX}static/people-with-orange-fill.3835b8f1.svg`,\n  PERSONALIZATION: `${PREFIX}static/personalization.7a6c33e8.svg`,\n  PLATFORM_GREEN: `${PREFIX}static/platform-green.eb853207.svg`,\n  PLATFORM_PURPLE: `${PREFIX}static/platform-purple.ecf6fa46.svg`,\n  PLAY: `${PREFIX}static/play.68d16dec.svg`,\n  PLAY_ICON: `${PREFIX}static/play-icon.13baaa7d.svg`,\n  POINTS_BADGE: `${PREFIX}static/points-badge.96bdecc9.svg`,\n  POINTS_SUM: `${PREFIX}static/points-sum.360e63de.svg`,\n  PRACTICED_SHIELD_GREEN: `${PREFIX}static/practiced-shield-green.90278855.svg`,\n  PRACTICED_SHIELD_GREY: `${PREFIX}static/practiced-shield-grey.16cf4fe0.svg`,\n  PROFICIENT_BADGE: `${PREFIX}static/proficient-badge.1a6dbb72.svg`,\n  PROFILE_BOARD: `${PREFIX}static/profile-board.4f4a17e6.svg`,\n  PTM_REPORT_ICON: `${PREFIX}static/ptm-report-icon.5089218f.svg`,\n  PUZZLE: `${PREFIX}static/puzzle.5aad5cf8.svg`,\n  PUZZLE_DASHBOARD_BANNER: `${PREFIX}static/puzzle-dashboard-banner.b7956519.svg`,\n  PUZZLE_PATTERN_BLUE: `${PREFIX}static/puzzle-pattern-blue.abff0164.svg`,\n  PUZZLE_PATTERN_GREEN: `${PREFIX}static/puzzle-pattern-green.b8ba1840.svg`,\n  PUZZLE_PATTERN_ORANGE: `${PREFIX}static/puzzle-pattern-orange.3f5a17ff.svg`,\n  PUZZLE_PATTERN_PURPLE: `${PREFIX}static/puzzle-pattern-purple.14b09759.svg`,\n  PUZZLE_PATTERN_YELLOW: `${PREFIX}static/puzzle-pattern-yellow.50917fab.svg`,\n  PUZZLE_STUDENT: `${PREFIX}static/puzzle-student.de530364.svg`,\n  RADIAL_GRADIENT_BG: `${PREFIX}static/radial-gradient-bg.5ae0cde5.svg`,\n  RADIAL_GRADIENT_BG_2: `${PREFIX}static/radial-gradient-bg-2.6657c758.svg`,\n  RARE: `${PREFIX}static/rare.1ffaa311.svg`,\n  REFUND_POLICY: `${PREFIX}static/refund-policy.912dbb4c.svg`,\n  REFUND_POLICY_WITH_HEADPHONE: `${PREFIX}static/refund-policy-with-headphone.589398e0.svg`,\n  REPORT_404: `${PREFIX}static/report-404.dd67785c.svg`,\n  ROCKET_BROKEN: `${PREFIX}static/rocket-broken.1f86fa43.svg`,\n  ROCKET_YELLOW: `${PREFIX}static/rocket-yellow.62d27e15.svg`,\n  SAT_REPORT_ICON: `${PREFIX}static/sat-report-icon.4331be86.svg`,\n  SCIENCE_REPORT_ICON: `${PREFIX}static/science-report-icon.a0014c40.svg`,\n  SCORE: `${PREFIX}static/score.41971107.svg`,\n  SMILEY: `${PREFIX}static/smiley.49bb7d7c.svg`,\n  STAR_BADGE: `${PREFIX}static/star-badge.5450c267.svg`,\n  STAR_ORANGE: `${PREFIX}static/star-orange.a91a341f.svg`,\n  STAR_ORANGE_FILLED: `${PREFIX}static/star-orange-filled.a7ff9c8f.svg`,\n  STAR_OUTLINED: `${PREFIX}static/star-outlined.bde83c7c.svg`,\n  STAR_WITH_GREEN_FILL: `${PREFIX}static/star-with-green-fill.86877d41.svg`,\n  STREAK_GREEN: `${PREFIX}static/streak-green.b59bf4dd.svg`,\n  STREAK_WHITE: `${PREFIX}static/streak-white.2cbdc9b8.svg`,\n  STRIPE_BLURPLE: `${PREFIX}static/stripe-blurple.6abf422f.svg`,\n  STUDENT_AVATAR: `${PREFIX}static/student-avatar.24bc2875.svg`,\n  TEST_DIFFICULTY_EASY: `${PREFIX}static/test-difficulty-easy.56df71dd.svg`,\n  TEST_DIFFICULTY_HARD: `${PREFIX}static/test-difficulty-hard.7250f1f4.svg`,\n  TEST_DIFFICULTY_MEDIUM: `${PREFIX}static/test-difficulty-medium.2fd9686e.svg`,\n  THREE_STARS_FILLED: `${PREFIX}static/three-stars-filled.72b51f03.svg`,\n  THUMPS_DOWN: `${PREFIX}static/thumps-down.a1192a62.svg`,\n  THUMPS_UP: `${PREFIX}static/thumps-up.caa35a98.svg`,\n  TICK_GREEN: `${PREFIX}static/tick-green.a1654049.svg`,\n  TROPHY_BLUE: `${PREFIX}static/trophy-blue.e684ba4c.svg`,\n  TROPHY_BLUE_FILLED: `${PREFIX}static/trophy-blue-filled.7e2b40ab.svg`,\n  TROPHY_CIRCLE: `${PREFIX}static/trophy-circle.b7b23e36.svg`,\n  TROPHY_GREEN: `${PREFIX}static/trophy-green.6c0741c8.svg`,\n  TROPHY_OUTLINED: `${PREFIX}static/trophy-outlined.f946b362.svg`,\n  TRUSTPILOT: `${PREFIX}static/trustpilot.bd3d79e1.svg`,\n  TWO_STARS_FILLED: `${PREFIX}static/two-stars-filled.a51a14b4.svg`,\n  UP_ARROW: `${PREFIX}static/up-arrow.a6946bd3.svg`,\n  UP_ARROW_BADGE: `${PREFIX}static/up-arrow-badge.71fe7ad1.svg`,\n  USER_CROWN_GRID_BACKGROUND: `${PREFIX}static/user-crown-grid-background.c2875a73.svg`,\n  USER_DOWN: `${PREFIX}static/user-down.a06f2f94.svg`,\n  USER_PIN: `${PREFIX}static/user-pin.5f334465.svg`,\n  USER_PROFILE_BACKGROUND: `${PREFIX}static/user-profile-background.199977a9.svg`,\n  USER_TYPE_SELECTOR_GRID_BG: `${PREFIX}static/user-type-selector-grid-bg.aad0b059.svg`,\n  USER_UP: `${PREFIX}static/user-up.2aecbbae.svg`,\n  YELLOW_FACE: `${PREFIX}static/yellow-face.b7525a33.svg`,\n};\n\nexport { ILLUSTRATIONS };\n"],"names":["PREFIX","ILLUSTRATIONS"],"mappings":"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"}

package/dist/assets/line-icons/icons/dots-icon.js

@@ -0,0 +1,21 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+const c = (i) => /* @__PURE__ */ l(
+  "svg",
+  {
+    width: "8",
+    height: "2",
+    viewBox: "0 0 8 2",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...i,
+    children: [
+      /* @__PURE__ */ t("rect", { width: "2", height: "2", rx: "1", fill: "black", fillOpacity: "0.38" }),
+      /* @__PURE__ */ t("rect", { x: "3", width: "2", height: "2", rx: "1", fill: "black", fillOpacity: "0.38" }),
+      /* @__PURE__ */ t("rect", { x: "6", width: "2", height: "2", rx: "1", fill: "black", fillOpacity: "0.38" })
+    ]
+  }
+), e = c;
+export {
+  e as default
+};
+//# sourceMappingURL=dots-icon.js.map

package/dist/assets/line-icons/icons/dots-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dots-icon.js","sources":["../../../../src/assets/line-icons/icons/dots-icon.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst DotIcon: FC<SVGProps<SVGSVGElement>> = props => (\n  <svg\n    width=\"8\"\n    height=\"2\"\n    viewBox=\"0 0 8 2\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <rect width=\"2\" height=\"2\" rx=\"1\" fill=\"black\" fillOpacity=\"0.38\" />\n    <rect x=\"3\" width=\"2\" height=\"2\" rx=\"1\" fill=\"black\" fillOpacity=\"0.38\" />\n    <rect x=\"6\" width=\"2\" height=\"2\" rx=\"1\" fill=\"black\" fillOpacity=\"0.38\" />\n  </svg>\n);\n\nexport default DotIcon;\n"],"names":["DotIcon","props","jsxs","jsx","DotIcon$1"],"mappings":";AAEA,MAAMA,IAAuC,CAC3CC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAC,gBAAAE,EAAA,QAAA,EAAK,OAAM,KAAI,QAAO,KAAI,IAAG,KAAI,MAAK,SAAQ,aAAY,OAAO,CAAA;AAAA,MACjE,gBAAAA,EAAA,QAAA,EAAK,GAAE,KAAI,OAAM,KAAI,QAAO,KAAI,IAAG,KAAI,MAAK,SAAQ,aAAY,QAAO;AAAA,MACvE,gBAAAA,EAAA,QAAA,EAAK,GAAE,KAAI,OAAM,KAAI,QAAO,KAAI,IAAG,KAAI,MAAK,SAAQ,aAAY,QAAO;AAAA,IAAA;AAAA,EAAA;AAC1E,GAGFC,IAAeJ;"}

package/dist/assets/line-icons/icons/pause-icon.js

@@ -0,0 +1,24 @@
+import { jsx as o } from "react/jsx-runtime";
+const l = (t) => /* @__PURE__ */ o(
+  "svg",
+  {
+    width: "7",
+    height: "8",
+    viewBox: "0 0 7 8",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M1.35221 0.333008V7.66634H0.552734V0.333008H1.35221ZM6.01888 0.333008V7.66634H5.2194V0.333008H6.01888Z",
+        fillOpacity: "0.6",
+        fill: "currentColor"
+      }
+    )
+  }
+), i = l;
+export {
+  i as default
+};
+//# sourceMappingURL=pause-icon.js.map

package/dist/assets/line-icons/icons/pause-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pause-icon.js","sources":["../../../../src/assets/line-icons/icons/pause-icon.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst PauseIcon: FC<SVGProps<SVGSVGElement>> = props => (\n  <svg\n    width=\"7\"\n    height=\"8\"\n    viewBox=\"0 0 7 8\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M1.35221 0.333008V7.66634H0.552734V0.333008H1.35221ZM6.01888 0.333008V7.66634H5.2194V0.333008H6.01888Z\"\n      fillOpacity=\"0.6\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default PauseIcon;\n"],"names":["PauseIcon","props","jsx","PauseIcon$1"],"mappings":";AAEA,MAAMA,IAAyC,CAC7CC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,aAAY;AAAA,QACZ,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AACF,GAGFC,IAAeH;"}

package/dist/features/chapters/chapters-list/chapter-item/chapter-circular-progress/chapter-circular-progress.js

@@ -1,31 +1,32 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { jsxs as h, jsx as t } from "react/jsx-runtime";
 import { memo as m } from "react";
-import { ChapterImageWrapper as g, ChapterProgressWrapper as l, ChapterProgressSVG as d, ChapterProgressSVGCircle as f, ChapterImage as A, StyledCheckIconWrapper as $ } from "./chapter-circular-progress.styled.js";
-import u from "../../../../../assets/line-icons/icons/check2.js";
+import { ChapterImageWrapper as f, ChapterProgressWrapper as $, ChapterProgressSVG as A, ChapterProgressSVGCircle as I, ChapterImage as u, StyledCheckIconWrapper as x } from "./chapter-circular-progress.styled.js";
+import w from "../../../../../assets/line-icons/icons/check2.js";
 import c from "../../../../ui/animated-arc/animated-arc.js";
-const y = m(
+const p = 360 / 100, j = m(
   function({
     completionPercentage: o,
-    imageUrl: h,
-    delta: t,
+    imageUrl: C,
+    delta: e,
     imageWidth: r = 96,
     iconWidth: s = 20,
-    iconColor: C = "BLACK_1",
+    iconColor: i = "BLACK_1",
     iconPosition: a = { top: 5, right: 5 },
-    iconBackgroundColor: i = "WHITE_1",
-    additionalProgressColor: p = "GREEN_5"
+    iconBackgroundColor: l = "WHITE_1",
+    deltaProgressColor: n = "GREEN_5"
   }) {
-    return /* @__PURE__ */ n(
-      g,
+    const g = e && e > 0 && n, d = o + (e ?? 0) === 100;
+    return /* @__PURE__ */ h(
+      f,
       {
         $width: "fit-content",
         $position: "relative",
         $justifyContent: "center",
         $alignItems: "center",
         children: [
-          /* @__PURE__ */ n(l, { children: [
-            /* @__PURE__ */ e(d, { width: `${r}px`, height: `${r}px`, children: /* @__PURE__ */ e(
-              f,
+          /* @__PURE__ */ h($, { children: [
+            /* @__PURE__ */ t(A, { width: `${r}px`, height: `${r}px`, children: /* @__PURE__ */ t(
+              I,
               {
                 $progress: 0,
                 r: r / 2 - 1,
@@ -33,41 +34,41 @@ const y = m(
                 cy: r / 2
               }
             ) }),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t(
               c,
               {
                 startAngle: 0,
-                targetAngle: o * 3.6,
+                targetAngle: o * p,
                 strokeWidth: 2.2,
                 radius: r / 2,
-                animatedArcZIndex: 2,
+                zIndex: 2,
                 color: "BLACK_1",
                 mode: "fade"
               }
             ),
-            t && t > 0 && p && /* @__PURE__ */ e(
+            g && /* @__PURE__ */ t(
               c,
               {
-                startAngle: o * 3.6,
-                targetAngle: t * 3.6,
+                startAngle: o * p,
+                targetAngle: e * p,
                 strokeWidth: 2.2,
-                color: p,
+                color: n,
                 radius: r / 2,
                 showAnimatedRainbowArc: !1,
-                animatedArcZIndex: 2,
+                zIndex: 2,
                 mode: "fade"
               }
             )
           ] }),
-          /* @__PURE__ */ e(A, { src: h, alt: "Chapter Image", $imageWidth: r }),
-          o + (t ?? 0) === 100 && /* @__PURE__ */ e(
-            $,
+          /* @__PURE__ */ t(u, { src: C, alt: "Chapter Image", $imageWidth: r }),
+          d && /* @__PURE__ */ t(
+            x,
             {
               $top: a.top,
               $right: a.right,
               $width: s,
-              $background: i,
-              children: /* @__PURE__ */ e(u, { width: s, height: s, color: C })
+              $background: l,
+              children: /* @__PURE__ */ t(w, { width: s, height: s, color: i })
             }
           )
         ]
@@ -76,6 +77,6 @@ const y = m(
   }
 );
 export {
-  y as default
+  j as default
 };
 //# sourceMappingURL=chapter-circular-progress.js.map

package/dist/features/chapters/chapters-list/chapter-item/chapter-circular-progress/chapter-circular-progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter-circular-progress.js","sources":["../../../../../../src/features/chapters/chapters-list/chapter-item/chapter-circular-progress/chapter-circular-progress.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport * as Styled from './chapter-circular-progress.styled';\nimport { type IChapterCircularProgressProps } from './chapter-circular-progress.types';\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport AnimatedArc from '../../../../ui/animated-arc/animated-arc';\n\nconst ChapterCircularProgress: FC<IChapterCircularProgressProps> = memo(\n  function ChapterCircularProgress({\n    completionPercentage,\n    imageUrl,\n    delta,\n    imageWidth = 96,\n    iconWidth = 20,\n    iconColor = 'BLACK_1',\n    iconPosition = { top: 5, right: 5 },\n    iconBackgroundColor = 'WHITE_1',\n    additionalProgressColor = 'GREEN_5',\n  }) {\n    return (\n      <Styled.ChapterImageWrapper\n        $width=\"fit-content\"\n        $position=\"relative\"\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n      >\n        <Styled.ChapterProgressWrapper>\n          <Styled.ChapterProgressSVG width={`${imageWidth}px`} height={`${imageWidth}px`}>\n            <Styled.ChapterProgressSVGCircle\n              $progress={0}\n              r={imageWidth / 2 - 1}\n              cx={imageWidth / 2}\n              cy={imageWidth / 2}\n            />\n          </Styled.ChapterProgressSVG>\n          <AnimatedArc\n            startAngle={0}\n            targetAngle={completionPercentage * 3.6}\n            strokeWidth={2.2}\n            radius={imageWidth / 2}\n            animatedArcZIndex={2}\n            color=\"BLACK_1\"\n            mode=\"fade\"\n          />\n          {delta && delta > 0 && additionalProgressColor && (\n            <AnimatedArc\n              startAngle={completionPercentage * 3.6}\n              targetAngle={delta * 3.6}\n              strokeWidth={2.2}\n              color={additionalProgressColor}\n              radius={imageWidth / 2}\n              showAnimatedRainbowArc={false}\n              animatedArcZIndex={2}\n              mode=\"fade\"\n            />\n          )}\n        </Styled.ChapterProgressWrapper>\n        <Styled.ChapterImage src={imageUrl} alt=\"Chapter Image\" $imageWidth={imageWidth} />\n        {completionPercentage + (delta ?? 0) === 100 && (\n          <Styled.StyledCheckIconWrapper\n            $top={iconPosition.top}\n            $right={iconPosition.right}\n            $width={iconWidth}\n            $background={iconBackgroundColor}\n          >\n            <Check2Icon width={iconWidth} height={iconWidth} color={iconColor} />\n          </Styled.StyledCheckIconWrapper>\n        )}\n      </Styled.ChapterImageWrapper>\n    );\n  },\n);\n\nexport default ChapterCircularProgress;\n"],"names":["ChapterCircularProgress","memo","completionPercentage","imageUrl","delta","imageWidth","iconWidth","iconColor","iconPosition","iconBackgroundColor","additionalProgressColor","jsxs","Styled.ChapterImageWrapper","Styled.ChapterProgressWrapper","jsx","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","AnimatedArc","Styled.ChapterImage","Styled.StyledCheckIconWrapper","Check2Icon"],"mappings":";;;;;AAOA,MAAMA,IAA6DC;AAAA,EACjE,SAAiC;AAAA,IAC/B,sBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,cAAAC,IAAe,EAAE,KAAK,GAAG,OAAO,EAAE;AAAA,IAClC,qBAAAC,IAAsB;AAAA,IACtB,yBAAAC,IAA0B;AAAA,EAAA,GACzB;AAEC,WAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,QAAO;AAAA,QACP,WAAU;AAAA,QACV,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAC,gBAAAD,EAAAE,GAAA,EACC,UAAA;AAAA,YAAC,gBAAAC,EAAAC,GAAA,EAA0B,OAAO,GAAGV,CAAU,MAAM,QAAQ,GAAGA,CAAU,MACxE,UAAA,gBAAAS;AAAA,cAACE;AAAAA,cAAA;AAAA,gBACC,WAAW;AAAA,gBACX,GAAGX,IAAa,IAAI;AAAA,gBACpB,IAAIA,IAAa;AAAA,gBACjB,IAAIA,IAAa;AAAA,cAAA;AAAA,YAAA,GAErB;AAAA,YACA,gBAAAS;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,YAAY;AAAA,gBACZ,aAAaf,IAAuB;AAAA,gBACpC,aAAa;AAAA,gBACb,QAAQG,IAAa;AAAA,gBACrB,mBAAmB;AAAA,gBACnB,OAAM;AAAA,gBACN,MAAK;AAAA,cAAA;AAAA,YACP;AAAA,YACCD,KAASA,IAAQ,KAAKM,KACrB,gBAAAI;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,YAAYf,IAAuB;AAAA,gBACnC,aAAaE,IAAQ;AAAA,gBACrB,aAAa;AAAA,gBACb,OAAOM;AAAA,gBACP,QAAQL,IAAa;AAAA,gBACrB,wBAAwB;AAAA,gBACxB,mBAAmB;AAAA,gBACnB,MAAK;AAAA,cAAA;AAAA,YACP;AAAA,UAAA,GAEJ;AAAA,UACA,gBAAAS,EAACI,GAAA,EAAoB,KAAKf,GAAU,KAAI,iBAAgB,aAAaE,GAAY;AAAA,UAChFH,KAAwBE,KAAS,OAAO,OACvC,gBAAAU;AAAA,YAACK;AAAAA,YAAA;AAAA,cACC,MAAMX,EAAa;AAAA,cACnB,QAAQA,EAAa;AAAA,cACrB,QAAQF;AAAA,cACR,aAAaG;AAAA,cAEb,4BAACW,GAAW,EAAA,OAAOd,GAAW,QAAQA,GAAW,OAAOC,GAAW;AAAA,YAAA;AAAA,UACrE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
+{"version":3,"file":"chapter-circular-progress.js","sources":["../../../../../../src/features/chapters/chapters-list/chapter-item/chapter-circular-progress/chapter-circular-progress.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport * as Styled from './chapter-circular-progress.styled';\nimport { type IChapterCircularProgressProps } from './chapter-circular-progress.types';\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport AnimatedArc from '../../../../ui/animated-arc/animated-arc';\n\nconst CIRCLE_DEGREES = 360 / 100;\n\nconst ChapterCircularProgress: FC<IChapterCircularProgressProps> = memo(\n  function ChapterCircularProgress({\n    completionPercentage,\n    imageUrl,\n    delta,\n    imageWidth = 96,\n    iconWidth = 20,\n    iconColor = 'BLACK_1',\n    iconPosition = { top: 5, right: 5 },\n    iconBackgroundColor = 'WHITE_1',\n    deltaProgressColor = 'GREEN_5',\n  }) {\n    const showAdditionalProgress = delta && delta > 0 && deltaProgressColor;\n    const isChapterComplete = completionPercentage + (delta ?? 0) === 100;\n\n    return (\n      <Styled.ChapterImageWrapper\n        $width=\"fit-content\"\n        $position=\"relative\"\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n      >\n        <Styled.ChapterProgressWrapper>\n          <Styled.ChapterProgressSVG width={`${imageWidth}px`} height={`${imageWidth}px`}>\n            <Styled.ChapterProgressSVGCircle\n              $progress={0}\n              r={imageWidth / 2 - 1}\n              cx={imageWidth / 2}\n              cy={imageWidth / 2}\n            />\n          </Styled.ChapterProgressSVG>\n          <AnimatedArc\n            startAngle={0}\n            targetAngle={completionPercentage * CIRCLE_DEGREES}\n            strokeWidth={2.2}\n            radius={imageWidth / 2}\n            zIndex={2}\n            color=\"BLACK_1\"\n            mode=\"fade\"\n          />\n          {showAdditionalProgress && (\n            <AnimatedArc\n              startAngle={completionPercentage * CIRCLE_DEGREES}\n              targetAngle={delta * CIRCLE_DEGREES}\n              strokeWidth={2.2}\n              color={deltaProgressColor}\n              radius={imageWidth / 2}\n              showAnimatedRainbowArc={false}\n              zIndex={2}\n              mode=\"fade\"\n            />\n          )}\n        </Styled.ChapterProgressWrapper>\n        <Styled.ChapterImage src={imageUrl} alt=\"Chapter Image\" $imageWidth={imageWidth} />\n        {isChapterComplete && (\n          <Styled.StyledCheckIconWrapper\n            $top={iconPosition.top}\n            $right={iconPosition.right}\n            $width={iconWidth}\n            $background={iconBackgroundColor}\n          >\n            <Check2Icon width={iconWidth} height={iconWidth} color={iconColor} />\n          </Styled.StyledCheckIconWrapper>\n        )}\n      </Styled.ChapterImageWrapper>\n    );\n  },\n);\n\nexport default ChapterCircularProgress;\n"],"names":["CIRCLE_DEGREES","ChapterCircularProgress","memo","completionPercentage","imageUrl","delta","imageWidth","iconWidth","iconColor","iconPosition","iconBackgroundColor","deltaProgressColor","showAdditionalProgress","isChapterComplete","jsxs","Styled.ChapterImageWrapper","Styled.ChapterProgressWrapper","jsx","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","AnimatedArc","Styled.ChapterImage","Styled.StyledCheckIconWrapper","Check2Icon"],"mappings":";;;;;AAOA,MAAMA,IAAiB,MAAM,KAEvBC,IAA6DC;AAAA,EACjE,SAAiC;AAAA,IAC/B,sBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,cAAAC,IAAe,EAAE,KAAK,GAAG,OAAO,EAAE;AAAA,IAClC,qBAAAC,IAAsB;AAAA,IACtB,oBAAAC,IAAqB;AAAA,EAAA,GACpB;AACK,UAAAC,IAAyBP,KAASA,IAAQ,KAAKM,GAC/CE,IAAoBV,KAAwBE,KAAS,OAAO;AAGhE,WAAA,gBAAAS;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,QAAO;AAAA,QACP,WAAU;AAAA,QACV,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAC,gBAAAD,EAAAE,GAAA,EACC,UAAA;AAAA,YAAC,gBAAAC,EAAAC,GAAA,EAA0B,OAAO,GAAGZ,CAAU,MAAM,QAAQ,GAAGA,CAAU,MACxE,UAAA,gBAAAW;AAAA,cAACE;AAAAA,cAAA;AAAA,gBACC,WAAW;AAAA,gBACX,GAAGb,IAAa,IAAI;AAAA,gBACpB,IAAIA,IAAa;AAAA,gBACjB,IAAIA,IAAa;AAAA,cAAA;AAAA,YAAA,GAErB;AAAA,YACA,gBAAAW;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,YAAY;AAAA,gBACZ,aAAajB,IAAuBH;AAAA,gBACpC,aAAa;AAAA,gBACb,QAAQM,IAAa;AAAA,gBACrB,QAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,MAAK;AAAA,cAAA;AAAA,YACP;AAAA,YACCM,KACC,gBAAAK;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,YAAYjB,IAAuBH;AAAA,gBACnC,aAAaK,IAAQL;AAAA,gBACrB,aAAa;AAAA,gBACb,OAAOW;AAAA,gBACP,QAAQL,IAAa;AAAA,gBACrB,wBAAwB;AAAA,gBACxB,QAAQ;AAAA,gBACR,MAAK;AAAA,cAAA;AAAA,YACP;AAAA,UAAA,GAEJ;AAAA,UACA,gBAAAW,EAACI,GAAA,EAAoB,KAAKjB,GAAU,KAAI,iBAAgB,aAAaE,GAAY;AAAA,UAChFO,KACC,gBAAAI;AAAA,YAACK;AAAAA,YAAA;AAAA,cACC,MAAMb,EAAa;AAAA,cACnB,QAAQA,EAAa;AAAA,cACrB,QAAQF;AAAA,cACR,aAAaG;AAAA,cAEb,4BAACa,GAAW,EAAA,OAAOhB,GAAW,QAAQA,GAAW,OAAOC,GAAW;AAAA,YAAA;AAAA,UACrE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

package/dist/features/chapters/chapters-list/chapter-item/chapter-item.js

@@ -54,8 +54,7 @@ const F = x(function({
                 imageUrl: d,
                 imageHue: c,
                 imageWidth: 96,
-                iconWidth: 20,
-                delta: 10
+                iconWidth: 20
               }
             ),
             /* @__PURE__ */ t(H, { $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ t(

package/dist/features/chapters/chapters-list/chapter-item/chapter-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter-item.js","sources":["../../../../../src/features/chapters/chapters-list/chapter-item/chapter-item.tsx"],"sourcesContent":["import { useCallback, useLayoutEffect, useRef, useState, memo, type FC } from 'react';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport ChapterCircularProgress from './chapter-circular-progress/chapter-circular-progress';\nimport * as Styled from './chapter-item-styled';\nimport type { IChapterItemProps } from './chapter-item-types';\n\nconst ChapterItem: FC<IChapterItemProps> = memo(function ChapterItem({\n  milestoneId,\n  chapter,\n  onChapterClick,\n  itemIndex,\n  shouldShowItemIndex,\n}) {\n  const {\n    name,\n    image_url: imageUrl,\n    progress_stat: chapterProgressStat,\n    image_hue: imageHue,\n  } = chapter;\n  const { mandatory, optional } = chapterProgressStat || {};\n  const { completed = 0, total: totalMandatory = 0 } = mandatory || {};\n  const { total: optionalTotal = 0 } = optional || {};\n  const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n  const titleTextRef = useRef<HTMLDivElement>(null);\n  const completionPercentage =\n    completed > 0 ? Math.floor((completed / totalMandatory || 1) * 100) : 0;\n  const totalSheets = totalMandatory + optionalTotal;\n  const handleOnChapterClick = useCallback(() => {\n    if (totalSheets === 0) {\n      return null;\n    }\n\n    onChapterClick(chapter, milestoneId);\n  }, [chapter, milestoneId, onChapterClick, totalSheets]);\n\n  useLayoutEffect(() => {\n    if (\n      titleTextRef.current &&\n      titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n    ) {\n      setShowTitleTooltip(true);\n    }\n  }, [titleTextRef]);\n\n  return (\n    <ArrowTooltip\n      renderAs=\"primary\"\n      position=\"bottom\"\n      tooltipItem=\"Coming soon! We’re building this chapter\"\n      hidden={totalSheets > 0}\n      parentWidth=\"100%\"\n      zIndex={5}\n    >\n      <Styled.ChapterItemWrapper\n        id={`milestone-chapter-${milestoneId || ''}-${itemIndex}`}\n        $alignItems=\"center\"\n        $gapX={1}\n        $gutterX={1}\n        $flexGap={8}\n        $background=\"WHITE_1\"\n        onClick={handleOnChapterClick}\n        className=\"goal-widget-chapter-item\"\n        $bgColor={`${imageHue}_1`}\n        shouldHideClick={totalSheets === 0}\n      >\n        <ChapterCircularProgress\n          completionPercentage={completionPercentage}\n          imageUrl={imageUrl}\n          imageHue={imageHue}\n          imageWidth={96}\n          iconWidth={20}\n          delta={10}\n        />\n        <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"bottom\"\n            tooltipItem={name}\n            hidden={!showTitleTooltip}\n            widthX={21.75}\n            zIndex={5}\n          >\n            <Styled.ChapterName\n              ref={titleTextRef}\n              $renderAs=\"ab2\"\n              $color=\"BLACK_T_87\"\n              $align=\"center\"\n            >\n              {name}\n            </Styled.ChapterName>\n          </ArrowTooltip>\n        </FlexView>\n        {!!shouldShowItemIndex && (\n          <Styled.ChapterItemNumberWrapper\n            $background=\"WHITE_4\"\n            $widthX={1.75}\n            $heightX={1.75}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n          >\n            <Text $renderAs=\"ab2\" $color=\"BLACK_1\" $align=\"center\">\n              {itemIndex + 1}\n            </Text>\n          </Styled.ChapterItemNumberWrapper>\n        )}\n      </Styled.ChapterItemWrapper>\n    </ArrowTooltip>\n  );\n});\n\nexport default ChapterItem;\n"],"names":["ChapterItem","memo","milestoneId","chapter","onChapterClick","itemIndex","shouldShowItemIndex","name","imageUrl","chapterProgressStat","imageHue","mandatory","optional","completed","totalMandatory","optionalTotal","showTitleTooltip","setShowTitleTooltip","useState","titleTextRef","useRef","completionPercentage","totalSheets","handleOnChapterClick","useCallback","useLayoutEffect","jsx","ArrowTooltip","jsxs","Styled.ChapterItemWrapper","ChapterCircularProgress","FlexView","Styled.ChapterName","Styled.ChapterItemNumberWrapper","Text"],"mappings":";;;;;;;AASM,MAAAA,IAAqCC,EAAK,SAAqB;AAAA,EACnE,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC;AACF,GAAG;AACK,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,WAAWC;AAAA,IACX,eAAeC;AAAA,IACf,WAAWC;AAAA,EACT,IAAAP,GACE,EAAE,WAAAQ,GAAW,UAAAC,MAAaH,KAAuB,CAAA,GACjD,EAAE,WAAAI,IAAY,GAAG,OAAOC,IAAiB,EAAE,IAAIH,KAAa,IAC5D,EAAE,OAAOI,IAAgB,EAAE,IAAIH,KAAY,CAAA,GAC3C,CAACI,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxDC,IAAeC,EAAuB,IAAI,GAC1CC,IACJR,IAAY,IAAI,KAAK,OAAOA,IAAYC,KAAkB,KAAK,GAAG,IAAI,GAClEQ,IAAcR,IAAiBC,GAC/BQ,IAAuBC,EAAY,MAAM;AAC7C,QAAIF,MAAgB;AACX,aAAA;AAGT,IAAAlB,EAAeD,GAASD,CAAW;AAAA,KAClC,CAACC,GAASD,GAAaE,GAAgBkB,CAAW,CAAC;AAEtD,SAAAG,EAAgB,MAAM;AACpB,IACEN,EAAa,WACbA,EAAa,QAAQ,eAAeA,EAAa,QAAQ,gBAEzDF,EAAoB,EAAI;AAAA,EAC1B,GACC,CAACE,CAAY,CAAC,GAGf,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,aAAY;AAAA,MACZ,QAAQL,IAAc;AAAA,MACtB,aAAY;AAAA,MACZ,QAAQ;AAAA,MAER,UAAA,gBAAAM;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,IAAI,qBAAqB3B,KAAe,EAAE,IAAIG,CAAS;AAAA,UACvD,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,UAAU;AAAA,UACV,aAAY;AAAA,UACZ,SAASkB;AAAA,UACT,WAAU;AAAA,UACV,UAAU,GAAGb,CAAQ;AAAA,UACrB,iBAAiBY,MAAgB;AAAA,UAEjC,UAAA;AAAA,YAAA,gBAAAI;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,sBAAAT;AAAA,gBACA,UAAAb;AAAA,gBACA,UAAAE;AAAA,gBACA,YAAY;AAAA,gBACZ,WAAW;AAAA,gBACX,OAAO;AAAA,cAAA;AAAA,YACT;AAAA,YACC,gBAAAgB,EAAAK,GAAA,EAAS,iBAAgB,UAAS,aAAY,UAC7C,UAAA,gBAAAL;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,UAAS;AAAA,gBACT,aAAapB;AAAA,gBACb,QAAQ,CAACS;AAAA,gBACT,QAAQ;AAAA,gBACR,QAAQ;AAAA,gBAER,UAAA,gBAAAU;AAAA,kBAACM;AAAAA,kBAAA;AAAA,oBACC,KAAKb;AAAA,oBACL,WAAU;AAAA,oBACV,QAAO;AAAA,oBACP,QAAO;AAAA,oBAEN,UAAAZ;AAAA,kBAAA;AAAA,gBACH;AAAA,cAAA;AAAA,YAAA,GAEJ;AAAA,YACC,CAAC,CAACD,KACD,gBAAAoB;AAAA,cAACO;AAAAA,cAAA;AAAA,gBACC,aAAY;AAAA,gBACZ,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,aAAY;AAAA,gBACZ,iBAAgB;AAAA,gBAEhB,UAAA,gBAAAP,EAACQ,KAAK,WAAU,OAAM,QAAO,WAAU,QAAO,UAC3C,UAAA7B,IAAY,EACf,CAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"chapter-item.js","sources":["../../../../../src/features/chapters/chapters-list/chapter-item/chapter-item.tsx"],"sourcesContent":["import { useCallback, useLayoutEffect, useRef, useState, memo, type FC } from 'react';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport ChapterCircularProgress from './chapter-circular-progress/chapter-circular-progress';\nimport * as Styled from './chapter-item-styled';\nimport type { IChapterItemProps } from './chapter-item-types';\n\nconst ChapterItem: FC<IChapterItemProps> = memo(function ChapterItem({\n  milestoneId,\n  chapter,\n  onChapterClick,\n  itemIndex,\n  shouldShowItemIndex,\n}) {\n  const {\n    name,\n    image_url: imageUrl,\n    progress_stat: chapterProgressStat,\n    image_hue: imageHue,\n  } = chapter;\n  const { mandatory, optional } = chapterProgressStat || {};\n  const { completed = 0, total: totalMandatory = 0 } = mandatory || {};\n  const { total: optionalTotal = 0 } = optional || {};\n  const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n  const titleTextRef = useRef<HTMLDivElement>(null);\n  const completionPercentage =\n    completed > 0 ? Math.floor((completed / totalMandatory || 1) * 100) : 0;\n  const totalSheets = totalMandatory + optionalTotal;\n  const handleOnChapterClick = useCallback(() => {\n    if (totalSheets === 0) {\n      return null;\n    }\n\n    onChapterClick(chapter, milestoneId);\n  }, [chapter, milestoneId, onChapterClick, totalSheets]);\n\n  useLayoutEffect(() => {\n    if (\n      titleTextRef.current &&\n      titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n    ) {\n      setShowTitleTooltip(true);\n    }\n  }, [titleTextRef]);\n\n  return (\n    <ArrowTooltip\n      renderAs=\"primary\"\n      position=\"bottom\"\n      tooltipItem=\"Coming soon! We’re building this chapter\"\n      hidden={totalSheets > 0}\n      parentWidth=\"100%\"\n      zIndex={5}\n    >\n      <Styled.ChapterItemWrapper\n        id={`milestone-chapter-${milestoneId || ''}-${itemIndex}`}\n        $alignItems=\"center\"\n        $gapX={1}\n        $gutterX={1}\n        $flexGap={8}\n        $background=\"WHITE_1\"\n        onClick={handleOnChapterClick}\n        className=\"goal-widget-chapter-item\"\n        $bgColor={`${imageHue}_1`}\n        shouldHideClick={totalSheets === 0}\n      >\n        <ChapterCircularProgress\n          completionPercentage={completionPercentage}\n          imageUrl={imageUrl}\n          imageHue={imageHue}\n          imageWidth={96}\n          iconWidth={20}\n        />\n        <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"bottom\"\n            tooltipItem={name}\n            hidden={!showTitleTooltip}\n            widthX={21.75}\n            zIndex={5}\n          >\n            <Styled.ChapterName\n              ref={titleTextRef}\n              $renderAs=\"ab2\"\n              $color=\"BLACK_T_87\"\n              $align=\"center\"\n            >\n              {name}\n            </Styled.ChapterName>\n          </ArrowTooltip>\n        </FlexView>\n        {!!shouldShowItemIndex && (\n          <Styled.ChapterItemNumberWrapper\n            $background=\"WHITE_4\"\n            $widthX={1.75}\n            $heightX={1.75}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n          >\n            <Text $renderAs=\"ab2\" $color=\"BLACK_1\" $align=\"center\">\n              {itemIndex + 1}\n            </Text>\n          </Styled.ChapterItemNumberWrapper>\n        )}\n      </Styled.ChapterItemWrapper>\n    </ArrowTooltip>\n  );\n});\n\nexport default ChapterItem;\n"],"names":["ChapterItem","memo","milestoneId","chapter","onChapterClick","itemIndex","shouldShowItemIndex","name","imageUrl","chapterProgressStat","imageHue","mandatory","optional","completed","totalMandatory","optionalTotal","showTitleTooltip","setShowTitleTooltip","useState","titleTextRef","useRef","completionPercentage","totalSheets","handleOnChapterClick","useCallback","useLayoutEffect","jsx","ArrowTooltip","jsxs","Styled.ChapterItemWrapper","ChapterCircularProgress","FlexView","Styled.ChapterName","Styled.ChapterItemNumberWrapper","Text"],"mappings":";;;;;;;AASM,MAAAA,IAAqCC,EAAK,SAAqB;AAAA,EACnE,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC;AACF,GAAG;AACK,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,WAAWC;AAAA,IACX,eAAeC;AAAA,IACf,WAAWC;AAAA,EACT,IAAAP,GACE,EAAE,WAAAQ,GAAW,UAAAC,MAAaH,KAAuB,CAAA,GACjD,EAAE,WAAAI,IAAY,GAAG,OAAOC,IAAiB,EAAE,IAAIH,KAAa,IAC5D,EAAE,OAAOI,IAAgB,EAAE,IAAIH,KAAY,CAAA,GAC3C,CAACI,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxDC,IAAeC,EAAuB,IAAI,GAC1CC,IACJR,IAAY,IAAI,KAAK,OAAOA,IAAYC,KAAkB,KAAK,GAAG,IAAI,GAClEQ,IAAcR,IAAiBC,GAC/BQ,IAAuBC,EAAY,MAAM;AAC7C,QAAIF,MAAgB;AACX,aAAA;AAGT,IAAAlB,EAAeD,GAASD,CAAW;AAAA,KAClC,CAACC,GAASD,GAAaE,GAAgBkB,CAAW,CAAC;AAEtD,SAAAG,EAAgB,MAAM;AACpB,IACEN,EAAa,WACbA,EAAa,QAAQ,eAAeA,EAAa,QAAQ,gBAEzDF,EAAoB,EAAI;AAAA,EAC1B,GACC,CAACE,CAAY,CAAC,GAGf,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,aAAY;AAAA,MACZ,QAAQL,IAAc;AAAA,MACtB,aAAY;AAAA,MACZ,QAAQ;AAAA,MAER,UAAA,gBAAAM;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,IAAI,qBAAqB3B,KAAe,EAAE,IAAIG,CAAS;AAAA,UACvD,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,UAAU;AAAA,UACV,aAAY;AAAA,UACZ,SAASkB;AAAA,UACT,WAAU;AAAA,UACV,UAAU,GAAGb,CAAQ;AAAA,UACrB,iBAAiBY,MAAgB;AAAA,UAEjC,UAAA;AAAA,YAAA,gBAAAI;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,sBAAAT;AAAA,gBACA,UAAAb;AAAA,gBACA,UAAAE;AAAA,gBACA,YAAY;AAAA,gBACZ,WAAW;AAAA,cAAA;AAAA,YACb;AAAA,YACC,gBAAAgB,EAAAK,GAAA,EAAS,iBAAgB,UAAS,aAAY,UAC7C,UAAA,gBAAAL;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,UAAS;AAAA,gBACT,aAAapB;AAAA,gBACb,QAAQ,CAACS;AAAA,gBACT,QAAQ;AAAA,gBACR,QAAQ;AAAA,gBAER,UAAA,gBAAAU;AAAA,kBAACM;AAAAA,kBAAA;AAAA,oBACC,KAAKb;AAAA,oBACL,WAAU;AAAA,oBACV,QAAO;AAAA,oBACP,QAAO;AAAA,oBAEN,UAAAZ;AAAA,kBAAA;AAAA,gBACH;AAAA,cAAA;AAAA,YAAA,GAEJ;AAAA,YACC,CAAC,CAACD,KACD,gBAAAoB;AAAA,cAACO;AAAAA,cAAA;AAAA,gBACC,aAAY;AAAA,gBACZ,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,aAAY;AAAA,gBACZ,iBAAgB;AAAA,gBAEhB,UAAA,gBAAAP,EAACQ,KAAK,WAAU,OAAM,QAAO,WAAU,QAAO,UAC3C,UAAA7B,IAAY,EACf,CAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

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

@@ -1,9 +1,12 @@
-import { createGetAPI as e } from "@cuemath/rest-api";
-import { BASE_URL_V1 as r } from "../../../../constants/api.js";
-const { useGet: s } = e({
-  getURL: (t) => `${r}/monthly-progress-reports/${t}`
+import { createGetAPI as r, createPatchAPI as o } from "@cuemath/rest-api";
+import { BASE_URL_V1 as e } from "../../../../constants/api.js";
+const { useGet: n } = r({
+  getURL: (t) => `${e}/monthly-progress-reports/${t}`
+}), { usePatch: c } = o({
+  getURL: (t) => `${e}/monthly-progress-reports/${t}`
 });
 export {
-  s as useMonthlyReportGet
+  n as useMonthlyReportGet,
+  c as useMonthlyReportPatch
 };
 //# sourceMappingURL=use-monthly-report-get.js.map

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

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

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

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import { memo as R, useRef as z, useState as D, useMemo as s, useCallback as d } from "react";
 import { getCardTypeIconMap as u, stateIcon as I } from "../constants.js";
-import { CARD_TYPE as p } from "../../../monthly-report.types.js";
+import { CARD_TYPE as p } from "../../../monthly-report-types.js";
 import { ActivityCardContainerWrapper as B, ActivityCardContainer as M } from "./activities-card.styled.js";
 import t from "../../../../../ui/layout/flex-view.js";
 import S from "../../../../../ui/lottie-animation/lottie-animation.js";

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

@@ -1 +1 @@
-{"version":3,"file":"activities-card.js","sources":["../../../../../../../src/features/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-types';\nimport TextButton from '../../../../../ui/buttons/text-button/text-button';\nimport { countActivitiesByState } from '../utils';\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\n  const handleMouseEnter = useCallback(() => {\n    lottieRef.current?.play();\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    lottieRef.current?.stop();\n  }, []);\n\n  const lottieSettings = useMemo(\n    () => ({\n      autoplay: false,\n      loop: true,\n      renderer: 'canvas' as const,\n    }),\n    [],\n  );\n\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 handleShowMoreClick = useCallback(() => {\n    setShowAllActivities(true);\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={cardType} 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 }) => (\n              <FlexView $flexDirection=\"row\" $flexGapX={1.05} key={id}>\n                <FlexView $gapX={0.25}>\n                  <FlexView\n                    $borderRadiusX={1}\n                    $background={\n                      state === NODE_STATE.PENDING || state === NODE_STATE.NOT_STARTED\n                        ? 'RED'\n                        : 'BLACK_1'\n                    }\n                    $widthX={1}\n                    $heightX={1}\n                    $alignItems=\"center\"\n                    $justifyContent=\"center\"\n                  >\n                    {state && stateIcon[state as NODE_STATE]}\n                  </FlexView>\n                </FlexView>\n                <FlexView $flexRowGap={4}>\n                  {title && (\n                    <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n                      {title}\n                    </Text>\n                  )}\n                  {subtext && (\n                    <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                      {subtext}\n                    </Text>\n                  )}\n                </FlexView>\n              </FlexView>\n            ))}\n            {remainingCount > 0 && (\n              <FlexView $gutterX={2}>\n                <TextButton\n                  label={`+${remainingCount} activities`}\n                  size=\"regular\"\n                  color=\"BLACK_1\"\n                  onClick={handleShowMoreClick}\n                />\n              </FlexView>\n            )}\n          </FlexView>\n        ))}\n    </FlexView>\n  );\n};\n\nexport default memo(ActivitiesCard);\n"],"names":["ActivitiesCard","cardType","nodeType","activitiesList","onPuzzleClick","lottieRef","useRef","showAllActivities","setShowAllActivities","useState","progressStatus","useMemo","totalDone","totalPending","totalOverdue","countActivitiesByState","handleMouseEnter","useCallback","_a","handleMouseLeave","lottieSettings","displayedActivities","remainingCount","CARD_TYPE","maxVisible","hasMore","handleShowMoreClick","jsxs","FlexView","jsx","Styled.ActivityCardContainerWrapper","getCardTypeIconMap","Styled.ActivityCardContainer","LottieAnimation","CardTitle","Text","ActivitiesCardPuzzles","state","title","subtext","id","NODE_STATE","stateIcon","TextButton","ActivitiesCard$1","memo"],"mappings":"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"}
+{"version":3,"file":"activities-card.js","sources":["../../../../../../../src/features/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-types';\nimport TextButton from '../../../../../ui/buttons/text-button/text-button';\nimport { countActivitiesByState } from '../utils';\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\n  const handleMouseEnter = useCallback(() => {\n    lottieRef.current?.play();\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    lottieRef.current?.stop();\n  }, []);\n\n  const lottieSettings = useMemo(\n    () => ({\n      autoplay: false,\n      loop: true,\n      renderer: 'canvas' as const,\n    }),\n    [],\n  );\n\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 handleShowMoreClick = useCallback(() => {\n    setShowAllActivities(true);\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={cardType} 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 }) => (\n              <FlexView $flexDirection=\"row\" $flexGapX={1.05} key={id}>\n                <FlexView $gapX={0.25}>\n                  <FlexView\n                    $borderRadiusX={1}\n                    $background={\n                      state === NODE_STATE.PENDING || state === NODE_STATE.NOT_STARTED\n                        ? 'RED'\n                        : 'BLACK_1'\n                    }\n                    $widthX={1}\n                    $heightX={1}\n                    $alignItems=\"center\"\n                    $justifyContent=\"center\"\n                  >\n                    {state && stateIcon[state as NODE_STATE]}\n                  </FlexView>\n                </FlexView>\n                <FlexView $flexRowGap={4}>\n                  {title && (\n                    <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n                      {title}\n                    </Text>\n                  )}\n                  {subtext && (\n                    <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                      {subtext}\n                    </Text>\n                  )}\n                </FlexView>\n              </FlexView>\n            ))}\n            {remainingCount > 0 && (\n              <FlexView $gutterX={2}>\n                <TextButton\n                  label={`+${remainingCount} activities`}\n                  size=\"regular\"\n                  color=\"BLACK_1\"\n                  onClick={handleShowMoreClick}\n                />\n              </FlexView>\n            )}\n          </FlexView>\n        ))}\n    </FlexView>\n  );\n};\n\nexport default memo(ActivitiesCard);\n"],"names":["ActivitiesCard","cardType","nodeType","activitiesList","onPuzzleClick","lottieRef","useRef","showAllActivities","setShowAllActivities","useState","progressStatus","useMemo","totalDone","totalPending","totalOverdue","countActivitiesByState","handleMouseEnter","useCallback","_a","handleMouseLeave","lottieSettings","displayedActivities","remainingCount","CARD_TYPE","maxVisible","hasMore","handleShowMoreClick","jsxs","FlexView","jsx","Styled.ActivityCardContainerWrapper","getCardTypeIconMap","Styled.ActivityCardContainer","LottieAnimation","CardTitle","Text","ActivitiesCardPuzzles","state","title","subtext","id","NODE_STATE","stateIcon","TextButton","ActivitiesCard$1","memo"],"mappings":";;;;;;;;;;;;;AAiBA,MAAMA,IAA2C,CAAC;AAAA,EAChD,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC,IAAiB,CAAC;AAAA,EAClB,eAAAC;AACF,MAAM;AACE,QAAAC,IAAYC,EAA4B,IAAI,GAC5C,CAACC,GAAmBC,CAAoB,IAAIC,EAAS,EAAK,GAE1DC,IAAiBC,EAAQ,MAAM;AACnC,UAAM,EAAE,WAAAC,GAAW,cAAAC,GAAc,cAAAC,EAAa,IAAIC,EAAuBZ,CAAc;AAEhF,WAAA;AAAA,MACLS,IAAY,KAAK,GAAGA,CAAS;AAAA,MAC7BC,IAAe,KAAK,GAAGA,CAAY;AAAA,MACnCC,IAAe,KAAK,GAAGA,CAAY;AAAA,IAElC,EAAA,OAAO,OAAO,EACd,KAAK,IAAI;AAAA,EAAA,GACX,CAACX,CAAc,CAAC,GAEba,IAAmBC,EAAY,MAAM;;AACzC,KAAAC,IAAAb,EAAU,YAAV,QAAAa,EAAmB;AAAA,EACrB,GAAG,CAAE,CAAA,GAECC,IAAmBF,EAAY,MAAM;;AACzC,KAAAC,IAAAb,EAAU,YAAV,QAAAa,EAAmB;AAAA,EACrB,GAAG,CAAE,CAAA,GAECE,IAAiBT;AAAA,IACrB,OAAO;AAAA,MACL,UAAU;AAAA,MACV,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,CAAC;AAAA,EAAA,GAGG,EAAE,qBAAAU,GAAqB,gBAAAC,EAAe,IAAIX,EAAQ,MAAM;AACxD,QAAAV,MAAasB,EAAU;AACzB,aAAO,EAAE,qBAAqBpB,GAAgB,gBAAgB,EAAE;AAGlE,UAAMqB,IAAa,GACbC,IAAUtB,EAAe,SAASqB;AAEpC,WAAAjB,KAAqB,CAACkB,IACjB,EAAE,qBAAqBtB,GAAgB,gBAAgB,EAAE,IAG3D;AAAA,MACL,qBAAqBA,EAAe,MAAM,GAAGqB,CAAU;AAAA,MACvD,gBAAgBrB,EAAe,SAASqB;AAAA,IAAA;AAAA,EAEzC,GAAA,CAACrB,GAAgBI,GAAmBN,CAAQ,CAAC,GAE1CyB,IAAsBT,EAAY,MAAM;AAC5C,IAAAT,EAAqB,EAAI;AAAA,EAC3B,GAAG,CAAE,CAAA;AAEL,SACG,gBAAAmB,EAAAC,GAAA,EAAS,cAAcZ,GAAkB,cAAcG,GACtD,UAAA;AAAA,IAAA,gBAAAU;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,aAAaC,EAAmB9B,CAAQ,EAAE;AAAA,QAE1C,UAAA,gBAAA0B;AAAA,UAACK;AAAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,SAAQ;AAAA,YACR,UAAUD,EAAmB9B,CAAQ,EAAE;AAAA,YACvC,UAAU;AAAA,YACV,UAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAA4B;AAAA,gBAACD;AAAA,gBAAA;AAAA,kBACC,SAAS;AAAA,kBACT,UAAU;AAAA,kBACV,gBAAgB;AAAA,kBAChB,aAAY;AAAA,kBACZ,WAAU;AAAA,kBACV,aAAY;AAAA,kBACZ,iBAAgB;AAAA,kBAEhB,UAAA,gBAAAC;AAAA,oBAACI;AAAA,oBAAA;AAAA,sBACC,KAAK5B;AAAA,sBACL,KAAK0B,EAAmB9B,CAAQ,EAAE;AAAA,sBAClC,OAAO;AAAA,sBACP,QAAQ;AAAA,sBACR,UAAUmB;AAAA,oBAAA;AAAA,kBACZ;AAAA,gBAAA;AAAA,cACF;AAAA,gCACCQ,GACC,EAAA,UAAA;AAAA,gBAAC,gBAAAC,EAAAK,GAAA,EAAU,YAAYjC,GAAU,UAAAC,EAAoB,CAAA;AAAA,kCACpDiC,GAAK,EAAA,WAAU,OAAM,QAAO,WAC1B,UACHzB,GAAA;AAAA,cAAA,GACF;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,IACCP,EAAe,SAAS,MACtBF,MAAasB,EAAU,SACtB,gBAAAM,EAACO,KAAsB,SAASjC,GAAgB,eAAAC,GAA8B,IAE9E,gBAAAuB,EAACC,KAAS,cAAc,MAAM,UAAU,GAAG,OAAO,GAAG,cAAa,UAC/D,UAAA;AAAA,MAAAP,EAAoB,IAAI,CAAC,EAAE,OAAAgB,GAAO,OAAAC,GAAO,SAAAC,GAAS,IAAAC,EAAG,MACnD,gBAAAb,EAAAC,GAAA,EAAS,gBAAe,OAAM,WAAW,MACxC,UAAA;AAAA,QAAC,gBAAAC,EAAAD,GAAA,EAAS,OAAO,MACf,UAAA,gBAAAC;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,gBAAgB;AAAA,YAChB,aACES,MAAUI,EAAW,WAAWJ,MAAUI,EAAW,cACjD,QACA;AAAA,YAEN,SAAS;AAAA,YACT,UAAU;AAAA,YACV,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAEf,UAAAJ,KAASK,EAAUL,CAAmB;AAAA,UAAA;AAAA,QAAA,GAE3C;AAAA,QACA,gBAAAV,EAACC,GAAS,EAAA,aAAa,GACpB,UAAA;AAAA,UAAAU,uBACEH,GAAK,EAAA,WAAU,OAAM,QAAO,WAC1B,UACHG,GAAA;AAAA,UAEDC,KACE,gBAAAV,EAAAM,GAAA,EAAK,WAAU,OAAM,QAAO,cAC1B,UACHI,GAAA;AAAA,QAAA,GAEJ;AAAA,MAAA,EAAA,GA5BmDC,CA6BrD,CACD;AAAA,MACAlB,IAAiB,KACf,gBAAAO,EAAAD,GAAA,EAAS,UAAU,GAClB,UAAA,gBAAAC;AAAA,QAACc;AAAA,QAAA;AAAA,UACC,OAAO,IAAIrB,CAAc;AAAA,UACzB,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAASI;AAAA,QAAA;AAAA,MAAA,GAEb;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEN,EAAA,CAAA;AAEJ,GAEekB,IAAAC,EAAK7C,CAAc;"}

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

@@ -1,36 +1,36 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { memo as L, useRef as S, useState as a, useCallback as l, useEffect as w } from "react";
-import x from "../../../../../../assets/line-icons/icons/chevron-left.js";
-import R from "../../../../../../assets/line-icons/icons/chevron-right.js";
-import { PuzzleContainer as _, ContentWrapper as X, ScrollButton as h, ScrollContainer as B } from "./activities-card-puzzles.styled.js";
+import { memo as v, useRef as L, useState as a, useCallback as l, useEffect as S } from "react";
+import w from "../../../../../../assets/line-icons/icons/chevron-left.js";
+import x from "../../../../../../assets/line-icons/icons/chevron-right.js";
+import { PuzzleContainer as R, ContentWrapper as X, ScrollButton as h, ScrollContainer as B } from "./activities-card-puzzles.styled.js";
 import c from "../../../../../ui/layout/flex-view.js";
 import E from "../../../../../ui/image/image.js";
 import A from "../../../../../ui/separator/separator.js";
 import I from "../../../../../ui/text/text.js";
-const T = ({
-  puzzles: d,
-  onPuzzleClick: o
+const k = ({
+  puzzles: m,
+  onPuzzleClick: i
 }) => {
-  const i = d || [], r = S(null), [f, $] = a(!1), [m, u] = a(!1), g = l(() => {
+  const o = m || [], r = L(null), [f, d] = a(!1), [$, g] = a(!1), u = l(() => {
     r.current && r.current.scrollBy({ left: -180, behavior: "smooth" });
   }, []), p = l(() => {
     r.current && r.current.scrollBy({ left: 180, behavior: "smooth" });
   }, []), n = l(() => {
     if (r.current) {
-      const { scrollLeft: t, scrollWidth: b, clientWidth: v } = r.current;
-      $(t > 0), u(t < b - v - 10);
+      const { scrollLeft: t, scrollWidth: b, clientWidth: C } = r.current;
+      d(t > 0), g(t < b - C - 10);
     }
   }, []);
-  w(() => {
+  S(() => {
     const t = r.current;
     if (t)
       return n(), t.addEventListener("scroll", n), () => {
         t.removeEventListener("scroll", n);
       };
-  }, [n, i.length]);
-  const C = l(
+  }, [n, o.length]);
+  const _ = l(
     (t) => /* @__PURE__ */ e(
-      _,
+      R,
       {
         $gapX: 1,
         $gutterX: 1,
@@ -38,7 +38,13 @@ const T = ({
         $width: 126,
         $height: 152,
         $background: `${t.image_hue || "BLUE"}_2`,
-        onClick: () => o == null ? void 0 : o(t),
+        onClick: () => i == null ? void 0 : i({
+          item_ref: t.item_ref,
+          feedback_comments: t.feedback_comments,
+          image_hue: t.image_hue,
+          title: t.title,
+          tip: t.tip
+        }),
         children: /* @__PURE__ */ s(c, { $background: "TRANSPARENT", $alignItems: "center", children: [
           t.image_url && /* @__PURE__ */ e(
             E,
@@ -56,9 +62,9 @@ const T = ({
       },
       t.id
     ),
-    [o]
+    [i]
   );
-  return !i || i.length === 0 ? null : /* @__PURE__ */ e(X, { $flexRowGapX: 1, children: /* @__PURE__ */ s(c, { $position: "relative", $borderColor: "GREY_2", children: [
+  return !o || o.length === 0 ? null : /* @__PURE__ */ e(X, { $flexRowGapX: 1, children: /* @__PURE__ */ s(c, { $position: "relative", $borderColor: "GREY_2", children: [
     /* @__PURE__ */ e(
       h,
       {
@@ -67,14 +73,14 @@ const T = ({
         $alignItems: "center",
         $widthX: 2,
         $height: "100%",
-        onClick: g,
+        onClick: u,
         $visible: f,
         $left: "0px",
         $right: "auto",
-        children: /* @__PURE__ */ e(x, { width: 24, height: 24 })
+        children: /* @__PURE__ */ e(w, { width: 24, height: 24 })
       }
     ),
-    /* @__PURE__ */ e(c, { $gutterX: 1, $gapX: 1, children: /* @__PURE__ */ e(B, { ref: r, children: /* @__PURE__ */ e(c, { $flexDirection: "row", $flexGapX: 1, children: i.map(C) }) }) }),
+    /* @__PURE__ */ e(c, { $gutterX: 1, $gapX: 1, children: /* @__PURE__ */ e(B, { ref: r, children: /* @__PURE__ */ e(c, { $flexDirection: "row", $flexGapX: 1, children: o.map(_) }) }) }),
     /* @__PURE__ */ e(
       h,
       {
@@ -85,14 +91,14 @@ const T = ({
         $justifyContent: "center",
         $alignItems: "center",
         onClick: p,
-        $visible: m,
+        $visible: $,
         $left: "auto",
         $right: "0px",
-        children: /* @__PURE__ */ e(R, { width: 24, height: 24 })
+        children: /* @__PURE__ */ e(x, { width: 24, height: 24 })
       }
     )
   ] }) });
-}, F = L(T);
+}, F = v(k);
 export {
   F as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"activities-card-puzzles.js","sources":["../../../../../../../src/features/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';\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) => (\n      <Styled.PuzzleContainer\n        key={puzzle.id}\n        $gapX={1}\n        $gutterX={1}\n        $imageHue={puzzle.image_hue || 'BLUE'}\n        $width={126}\n        $height={152}\n        $background={`${puzzle.image_hue || 'BLUE'}_2`}\n        onClick={() => onPuzzleClick?.(puzzle)}\n      >\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          <Text $renderAs=\"ab3\" $align=\"center\">\n            {puzzle.title}\n          </Text>\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={canScrollLeft}\n          $left=\"0px\"\n          $right=\"auto\"\n        >\n          <ChevronLeftIcon width={24} height={24} />\n        </Styled.ScrollButton>\n        <FlexView $gutterX={1} $gapX={1}>\n          <Styled.ScrollContainer ref={scrollRef}>\n            <FlexView $flexDirection=\"row\" $flexGapX={1}>\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={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","jsx","Styled.PuzzleContainer","jsxs","FlexView","Image","Separator","Text","Styled.ContentWrapper","Styled.ScrollButton","ChevronLeftIcon","Styled.ScrollContainer","ChevronRightIcon","ActivitiesCardPuzzles$1","memo"],"mappings":"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"}
+{"version":3,"file":"activities-card-puzzles.js","sources":["../../../../../../../src/features/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';\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) => (\n      <Styled.PuzzleContainer\n        key={puzzle.id}\n        $gapX={1}\n        $gutterX={1}\n        $imageHue={puzzle.image_hue || 'BLUE'}\n        $width={126}\n        $height={152}\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        <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          <Text $renderAs=\"ab3\" $align=\"center\">\n            {puzzle.title}\n          </Text>\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={canScrollLeft}\n          $left=\"0px\"\n          $right=\"auto\"\n        >\n          <ChevronLeftIcon width={24} height={24} />\n        </Styled.ScrollButton>\n        <FlexView $gutterX={1} $gapX={1}>\n          <Styled.ScrollContainer ref={scrollRef}>\n            <FlexView $flexDirection=\"row\" $flexGapX={1}>\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={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","jsx","Styled.PuzzleContainer","jsxs","FlexView","Image","Separator","Text","Styled.ContentWrapper","Styled.ScrollButton","ChevronLeftIcon","Styled.ScrollContainer","ChevronRightIcon","ActivitiesCardPuzzles$1","memo"],"mappings":"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"}