@cuemath/leap 2.8.25-rj-10 → 2.8.25-rj-12

package/dist/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.js

@@ -1,29 +1,32 @@
-import { useState as d, useCallback as E, useEffect as p } from "react";
-import { useGetCircleHomeAPI as u } from "../../api/get-content-for-today/get-circle-home-api.js";
-import { ProjectType as r } from "../../../games/web-view/enums/project-type-enum.js";
-const O = (o, e, n) => {
-  const [m, _] = d(null), { data: a, get: c, isProcessed: s, ...l } = u(), R = E(() => {
-    e !== "" && c("", {
-      user_id: o,
-      country_code: e,
-      grade: n
-    });
-  }, [c, o, e, n]);
-  return p(() => {
-    let i = null;
-    s && a && (i = {
-      points: a.points,
-      streakDays: a.streak_days,
-      streakReduction: a.streak_reduction,
-      streakDaysBeforeReduction: a.streak_days_before_reduction,
-      streakStatus: a.streak_status,
-      tournamentRank: a.tournament_rank,
+import { useState as d, useCallback as R, useEffect as E } from "react";
+import { useGetCircleHomeAPI as p } from "../../api/get-content-for-today/get-circle-home-api.js";
+import { ProjectType as i } from "../../../games/web-view/enums/project-type-enum.js";
+const T = (r, o) => {
+  const [c, m] = d(null), { data: e, get: n, isProcessed: s, ..._ } = p(), l = R(
+    (a) => {
+      n("", {
+        user_id: r,
+        country_code: a,
+        grade: o
+      });
+    },
+    [n, r, o]
+  );
+  return E(() => {
+    let a = null;
+    s && e && (a = {
+      points: e.points,
+      streakDays: e.streak_days,
+      streakReduction: e.streak_reduction,
+      streakDaysBeforeReduction: e.streak_days_before_reduction,
+      streakStatus: e.streak_status,
+      tournamentRank: e.tournament_rank,
       projects: {
         games: {
-          label: a.projects.games.label,
-          type: r.GAME,
+          label: e.projects.games.label,
+          type: i.GAME,
           initialProgressValue: 0,
-          data: a.projects.games.data.map((t) => ({
+          data: e.projects.games.data.map((t) => ({
             id: t.id,
             name: t.name,
             cardLottie: t.card,
@@ -33,10 +36,10 @@ const O = (o, e, n) => {
           }))
         },
         puzzles: {
-          label: a.projects.puzzles.label,
-          type: r.PUZZLE,
+          label: e.projects.puzzles.label,
+          type: i.PUZZLE,
           initialProgressValue: 0,
-          data: a.projects.puzzles.data.map((t) => ({
+          data: e.projects.puzzles.data.map((t) => ({
             id: t.id,
             name: t.name,
             cardLottie: t.card,
@@ -49,22 +52,22 @@ const O = (o, e, n) => {
         }
       },
       timestamps: {
-        startTimestamp: a.timestamps.start_timestamp,
-        endTimestamp: a.timestamps.end_timestamp,
-        current: a.timestamps.current
+        startTimestamp: e.timestamps.start_timestamp,
+        endTimestamp: e.timestamps.end_timestamp,
+        current: e.timestamps.current
       },
       coachmarkProgress: {
-        CIRCLE_ACTIVITIES_INTRO_JOURNEY: a.coachmark_completion.CIRCLE_ACTIVITIES_INTRO_JOURNEY,
-        CIRCLE_LEADERBOARD_INTRO_JOURNEY: a.coachmark_completion.CIRCLE_LEADERBOARD_INTRO_JOURNEY,
-        CIRCLE_POINTS_REWARD_JOURNEY: a.coachmark_completion.CIRCLE_POINTS_REWARD_JOURNEY,
-        CIRCLE_STREAK_UPDATE_JOURNEY: a.coachmark_completion.CIRCLE_STREAK_UPDATE_JOURNEY,
-        CIRCLE_TUTORIAL_JOURNEY: a.coachmark_completion.CIRCLE_TUTORIAL_JOURNEY
+        CIRCLE_ACTIVITIES_INTRO_JOURNEY: e.coachmark_completion.CIRCLE_ACTIVITIES_INTRO_JOURNEY,
+        CIRCLE_LEADERBOARD_INTRO_JOURNEY: e.coachmark_completion.CIRCLE_LEADERBOARD_INTRO_JOURNEY,
+        CIRCLE_POINTS_REWARD_JOURNEY: e.coachmark_completion.CIRCLE_POINTS_REWARD_JOURNEY,
+        CIRCLE_STREAK_UPDATE_JOURNEY: e.coachmark_completion.CIRCLE_STREAK_UPDATE_JOURNEY,
+        CIRCLE_TUTORIAL_JOURNEY: e.coachmark_completion.CIRCLE_TUTORIAL_JOURNEY
       }
-    }, a.projects.lessons && (i.projects.lessons = {
-      label: a.projects.lessons.label,
-      type: r.LESSON,
+    }, e.projects.lessons && (a.projects.lessons = {
+      label: e.projects.lessons.label,
+      type: i.LESSON,
       initialProgressValue: 0,
-      data: a.projects.lessons.data.map((t) => ({
+      data: e.projects.lessons.data.map((t) => ({
         id: t.id,
         name: t.name,
         cardLottie: t.card,
@@ -75,10 +78,10 @@ const O = (o, e, n) => {
         targetQuestions: t.target_questions,
         status: t.status
       }))
-    })), _(i);
-  }, [a, s]), { data: m, isProcessed: s, getCircleHomeDetails: R, ...l };
+    })), m(a);
+  }, [e, s]), { data: c, isProcessed: s, getCircleHomeDetails: l, ..._ };
 };
 export {
-  O as useGetCircleHomeDetailsDal
+  T as useGetCircleHomeDetailsDal
 };
 //# sourceMappingURL=use-get-circle-home-details-dal.js.map

package/dist/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-get-circle-home-details-dal.js","sources":["../../../../../../src/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.ts"],"sourcesContent":["import type { ICircleHomeDetails, TStreakStatus } from './use-get-circle-home-dal-types';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { ProjectType } from '../../../games/web-view/enums';\nimport { useGetCircleHomeAPI } from '../../api/get-content-for-today/get-circle-home-api';\n\nexport const useGetCircleHomeDetailsDal = (\n  userId: string,\n  countryCode: string,\n  grade: string,\n): Omit<ReturnType<typeof useGetCircleHomeAPI>, 'data' | 'get'> & {\n  data: ICircleHomeDetails | null;\n  getCircleHomeDetails: () => void;\n} => {\n  const [contentForToday, setContentForToday] = useState<ICircleHomeDetails | null>(null);\n  const { data, get: getHomeDetails, isProcessed, ...rest } = useGetCircleHomeAPI();\n\n  const getCircleHomeDetails = useCallback(() => {\n    if (countryCode === '') {\n      return;\n    }\n\n    getHomeDetails('', {\n      user_id: userId,\n      country_code: countryCode,\n      grade: grade,\n    });\n  }, [getHomeDetails, userId, countryCode, grade]);\n\n  useEffect(() => {\n    let circleHomeDetails: ICircleHomeDetails | null = null;\n\n    if (isProcessed && data) {\n      circleHomeDetails = {\n        points: data.points,\n        streakDays: data.streak_days,\n        streakReduction: data.streak_reduction,\n        streakDaysBeforeReduction: data.streak_days_before_reduction,\n        streakStatus: data.streak_status as TStreakStatus,\n        tournamentRank: data.tournament_rank,\n        projects: {\n          games: {\n            label: data.projects.games.label,\n            type: ProjectType.GAME,\n            initialProgressValue: 0,\n            data: data.projects.games.data.map(game => ({\n              id: game.id,\n              name: game.name,\n              cardLottie: game.card,\n              tutorial: game.tutorial,\n              variant: game.variant,\n              isPlayed: game.played,\n            })),\n          },\n          puzzles: {\n            label: data.projects.puzzles.label,\n            type: ProjectType.PUZZLE,\n            initialProgressValue: 0,\n            data: data.projects.puzzles.data.map(puzzle => ({\n              id: puzzle.id,\n              name: puzzle.name,\n              cardLottie: puzzle.card,\n              tutorial: puzzle.tutorial,\n              variant: puzzle.variant,\n              question: puzzle.question,\n              isHintSeen: puzzle.is_hint_seen,\n              solved: puzzle.solved,\n            })),\n          },\n        },\n        timestamps: {\n          startTimestamp: data.timestamps.start_timestamp,\n          endTimestamp: data.timestamps.end_timestamp,\n          current: data.timestamps.current,\n        },\n        coachmarkProgress: {\n          CIRCLE_ACTIVITIES_INTRO_JOURNEY:\n            data.coachmark_completion.CIRCLE_ACTIVITIES_INTRO_JOURNEY,\n          CIRCLE_LEADERBOARD_INTRO_JOURNEY:\n            data.coachmark_completion.CIRCLE_LEADERBOARD_INTRO_JOURNEY,\n          CIRCLE_POINTS_REWARD_JOURNEY: data.coachmark_completion.CIRCLE_POINTS_REWARD_JOURNEY,\n          CIRCLE_STREAK_UPDATE_JOURNEY: data.coachmark_completion.CIRCLE_STREAK_UPDATE_JOURNEY,\n          CIRCLE_TUTORIAL_JOURNEY: data.coachmark_completion.CIRCLE_TUTORIAL_JOURNEY,\n        },\n      };\n\n      if (data.projects.lessons) {\n        circleHomeDetails.projects.lessons = {\n          label: data.projects.lessons.label,\n          type: ProjectType.LESSON,\n          initialProgressValue: 0,\n          data: data.projects.lessons.data.map(lesson => ({\n            id: lesson.id,\n            name: lesson.name,\n            cardLottie: lesson.card,\n            tutorial: lesson.tutorial,\n            variant: lesson.variant,\n            sessionId: lesson.session_id,\n            miniGameIdentifier: lesson.mini_game_identifier,\n            targetQuestions: lesson.target_questions,\n            status: lesson.status,\n          })),\n        };\n      }\n    }\n    setContentForToday(circleHomeDetails);\n  }, [data, isProcessed]);\n\n  return { data: contentForToday, isProcessed, getCircleHomeDetails, ...rest };\n};\n"],"names":["useGetCircleHomeDetailsDal","userId","countryCode","grade","contentForToday","setContentForToday","useState","data","getHomeDetails","isProcessed","rest","useGetCircleHomeAPI","getCircleHomeDetails","useCallback","useEffect","circleHomeDetails","ProjectType","game","puzzle","lesson"],"mappings":";;;AAOO,MAAMA,IAA6B,CACxCC,GACAC,GACAC,MAIG;AACH,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAoC,IAAI,GAChF,EAAE,MAAAC,GAAM,KAAKC,GAAgB,aAAAC,GAAa,GAAGC,EAAA,IAASC,KAEtDC,IAAuBC,EAAY,MAAM;AAC7C,IAAIX,MAAgB,MAIpBM,EAAe,IAAI;AAAA,MACjB,SAASP;AAAA,MACT,cAAcC;AAAA,MACd,OAAAC;AAAA,IAAA,CACD;AAAA,KACA,CAACK,GAAgBP,GAAQC,GAAaC,CAAK,CAAC;AAE/C,SAAAW,EAAU,MAAM;AACd,QAAIC,IAA+C;AAEnD,IAAIN,KAAeF,MACGQ,IAAA;AAAA,MAClB,QAAQR,EAAK;AAAA,MACb,YAAYA,EAAK;AAAA,MACjB,iBAAiBA,EAAK;AAAA,MACtB,2BAA2BA,EAAK;AAAA,MAChC,cAAcA,EAAK;AAAA,MACnB,gBAAgBA,EAAK;AAAA,MACrB,UAAU;AAAA,QACR,OAAO;AAAA,UACL,OAAOA,EAAK,SAAS,MAAM;AAAA,UAC3B,MAAMS,EAAY;AAAA,UAClB,sBAAsB;AAAA,UACtB,MAAMT,EAAK,SAAS,MAAM,KAAK,IAAI,CAASU,OAAA;AAAA,YAC1C,IAAIA,EAAK;AAAA,YACT,MAAMA,EAAK;AAAA,YACX,YAAYA,EAAK;AAAA,YACjB,UAAUA,EAAK;AAAA,YACf,SAASA,EAAK;AAAA,YACd,UAAUA,EAAK;AAAA,UAAA,EACf;AAAA,QACJ;AAAA,QACA,SAAS;AAAA,UACP,OAAOV,EAAK,SAAS,QAAQ;AAAA,UAC7B,MAAMS,EAAY;AAAA,UAClB,sBAAsB;AAAA,UACtB,MAAMT,EAAK,SAAS,QAAQ,KAAK,IAAI,CAAWW,OAAA;AAAA,YAC9C,IAAIA,EAAO;AAAA,YACX,MAAMA,EAAO;AAAA,YACb,YAAYA,EAAO;AAAA,YACnB,UAAUA,EAAO;AAAA,YACjB,SAASA,EAAO;AAAA,YAChB,UAAUA,EAAO;AAAA,YACjB,YAAYA,EAAO;AAAA,YACnB,QAAQA,EAAO;AAAA,UAAA,EACf;AAAA,QACJ;AAAA,MACF;AAAA,MACA,YAAY;AAAA,QACV,gBAAgBX,EAAK,WAAW;AAAA,QAChC,cAAcA,EAAK,WAAW;AAAA,QAC9B,SAASA,EAAK,WAAW;AAAA,MAC3B;AAAA,MACA,mBAAmB;AAAA,QACjB,iCACEA,EAAK,qBAAqB;AAAA,QAC5B,kCACEA,EAAK,qBAAqB;AAAA,QAC5B,8BAA8BA,EAAK,qBAAqB;AAAA,QACxD,8BAA8BA,EAAK,qBAAqB;AAAA,QACxD,yBAAyBA,EAAK,qBAAqB;AAAA,MACrD;AAAA,IAAA,GAGEA,EAAK,SAAS,YAChBQ,EAAkB,SAAS,UAAU;AAAA,MACnC,OAAOR,EAAK,SAAS,QAAQ;AAAA,MAC7B,MAAMS,EAAY;AAAA,MAClB,sBAAsB;AAAA,MACtB,MAAMT,EAAK,SAAS,QAAQ,KAAK,IAAI,CAAWY,OAAA;AAAA,QAC9C,IAAIA,EAAO;AAAA,QACX,MAAMA,EAAO;AAAA,QACb,YAAYA,EAAO;AAAA,QACnB,UAAUA,EAAO;AAAA,QACjB,SAASA,EAAO;AAAA,QAChB,WAAWA,EAAO;AAAA,QAClB,oBAAoBA,EAAO;AAAA,QAC3B,iBAAiBA,EAAO;AAAA,QACxB,QAAQA,EAAO;AAAA,MAAA,EACf;AAAA,IAAA,KAIRd,EAAmBU,CAAiB;AAAA,EAAA,GACnC,CAACR,GAAME,CAAW,CAAC,GAEf,EAAE,MAAML,GAAiB,aAAAK,GAAa,sBAAAG,GAAsB,GAAGF;AACxE;"}
+{"version":3,"file":"use-get-circle-home-details-dal.js","sources":["../../../../../../src/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.ts"],"sourcesContent":["import type { ICircleHomeDetails, TStreakStatus } from './use-get-circle-home-dal-types';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { ProjectType } from '../../../games/web-view/enums';\nimport { useGetCircleHomeAPI } from '../../api/get-content-for-today/get-circle-home-api';\n\nexport const useGetCircleHomeDetailsDal = (\n  userId: string,\n  grade: string,\n): Omit<ReturnType<typeof useGetCircleHomeAPI>, 'data' | 'get'> & {\n  data: ICircleHomeDetails | null;\n  getCircleHomeDetails: (countryCode: string) => void;\n} => {\n  const [contentForToday, setContentForToday] = useState<ICircleHomeDetails | null>(null);\n  const { data, get: getHomeDetails, isProcessed, ...rest } = useGetCircleHomeAPI();\n\n  const getCircleHomeDetails = useCallback(\n    (countryCode: string) => {\n      getHomeDetails('', {\n        user_id: userId,\n        country_code: countryCode,\n        grade: grade,\n      });\n    },\n    [getHomeDetails, userId, grade],\n  );\n\n  useEffect(() => {\n    let circleHomeDetails: ICircleHomeDetails | null = null;\n\n    if (isProcessed && data) {\n      circleHomeDetails = {\n        points: data.points,\n        streakDays: data.streak_days,\n        streakReduction: data.streak_reduction,\n        streakDaysBeforeReduction: data.streak_days_before_reduction,\n        streakStatus: data.streak_status as TStreakStatus,\n        tournamentRank: data.tournament_rank,\n        projects: {\n          games: {\n            label: data.projects.games.label,\n            type: ProjectType.GAME,\n            initialProgressValue: 0,\n            data: data.projects.games.data.map(game => ({\n              id: game.id,\n              name: game.name,\n              cardLottie: game.card,\n              tutorial: game.tutorial,\n              variant: game.variant,\n              isPlayed: game.played,\n            })),\n          },\n          puzzles: {\n            label: data.projects.puzzles.label,\n            type: ProjectType.PUZZLE,\n            initialProgressValue: 0,\n            data: data.projects.puzzles.data.map(puzzle => ({\n              id: puzzle.id,\n              name: puzzle.name,\n              cardLottie: puzzle.card,\n              tutorial: puzzle.tutorial,\n              variant: puzzle.variant,\n              question: puzzle.question,\n              isHintSeen: puzzle.is_hint_seen,\n              solved: puzzle.solved,\n            })),\n          },\n        },\n        timestamps: {\n          startTimestamp: data.timestamps.start_timestamp,\n          endTimestamp: data.timestamps.end_timestamp,\n          current: data.timestamps.current,\n        },\n        coachmarkProgress: {\n          CIRCLE_ACTIVITIES_INTRO_JOURNEY:\n            data.coachmark_completion.CIRCLE_ACTIVITIES_INTRO_JOURNEY,\n          CIRCLE_LEADERBOARD_INTRO_JOURNEY:\n            data.coachmark_completion.CIRCLE_LEADERBOARD_INTRO_JOURNEY,\n          CIRCLE_POINTS_REWARD_JOURNEY: data.coachmark_completion.CIRCLE_POINTS_REWARD_JOURNEY,\n          CIRCLE_STREAK_UPDATE_JOURNEY: data.coachmark_completion.CIRCLE_STREAK_UPDATE_JOURNEY,\n          CIRCLE_TUTORIAL_JOURNEY: data.coachmark_completion.CIRCLE_TUTORIAL_JOURNEY,\n        },\n      };\n\n      if (data.projects.lessons) {\n        circleHomeDetails.projects.lessons = {\n          label: data.projects.lessons.label,\n          type: ProjectType.LESSON,\n          initialProgressValue: 0,\n          data: data.projects.lessons.data.map(lesson => ({\n            id: lesson.id,\n            name: lesson.name,\n            cardLottie: lesson.card,\n            tutorial: lesson.tutorial,\n            variant: lesson.variant,\n            sessionId: lesson.session_id,\n            miniGameIdentifier: lesson.mini_game_identifier,\n            targetQuestions: lesson.target_questions,\n            status: lesson.status,\n          })),\n        };\n      }\n    }\n    setContentForToday(circleHomeDetails);\n  }, [data, isProcessed]);\n\n  return { data: contentForToday, isProcessed, getCircleHomeDetails, ...rest };\n};\n"],"names":["useGetCircleHomeDetailsDal","userId","grade","contentForToday","setContentForToday","useState","data","getHomeDetails","isProcessed","rest","useGetCircleHomeAPI","getCircleHomeDetails","useCallback","countryCode","useEffect","circleHomeDetails","ProjectType","game","puzzle","lesson"],"mappings":";;;AAOa,MAAAA,IAA6B,CACxCC,GACAC,MAIG;AACH,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAoC,IAAI,GAChF,EAAE,MAAAC,GAAM,KAAKC,GAAgB,aAAAC,GAAa,GAAGC,EAAA,IAASC,KAEtDC,IAAuBC;AAAA,IAC3B,CAACC,MAAwB;AACvB,MAAAN,EAAe,IAAI;AAAA,QACjB,SAASN;AAAA,QACT,cAAcY;AAAA,QACd,OAAAX;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA,CAACK,GAAgBN,GAAQC,CAAK;AAAA,EAAA;AAGhC,SAAAY,EAAU,MAAM;AACd,QAAIC,IAA+C;AAEnD,IAAIP,KAAeF,MACGS,IAAA;AAAA,MAClB,QAAQT,EAAK;AAAA,MACb,YAAYA,EAAK;AAAA,MACjB,iBAAiBA,EAAK;AAAA,MACtB,2BAA2BA,EAAK;AAAA,MAChC,cAAcA,EAAK;AAAA,MACnB,gBAAgBA,EAAK;AAAA,MACrB,UAAU;AAAA,QACR,OAAO;AAAA,UACL,OAAOA,EAAK,SAAS,MAAM;AAAA,UAC3B,MAAMU,EAAY;AAAA,UAClB,sBAAsB;AAAA,UACtB,MAAMV,EAAK,SAAS,MAAM,KAAK,IAAI,CAASW,OAAA;AAAA,YAC1C,IAAIA,EAAK;AAAA,YACT,MAAMA,EAAK;AAAA,YACX,YAAYA,EAAK;AAAA,YACjB,UAAUA,EAAK;AAAA,YACf,SAASA,EAAK;AAAA,YACd,UAAUA,EAAK;AAAA,UAAA,EACf;AAAA,QACJ;AAAA,QACA,SAAS;AAAA,UACP,OAAOX,EAAK,SAAS,QAAQ;AAAA,UAC7B,MAAMU,EAAY;AAAA,UAClB,sBAAsB;AAAA,UACtB,MAAMV,EAAK,SAAS,QAAQ,KAAK,IAAI,CAAWY,OAAA;AAAA,YAC9C,IAAIA,EAAO;AAAA,YACX,MAAMA,EAAO;AAAA,YACb,YAAYA,EAAO;AAAA,YACnB,UAAUA,EAAO;AAAA,YACjB,SAASA,EAAO;AAAA,YAChB,UAAUA,EAAO;AAAA,YACjB,YAAYA,EAAO;AAAA,YACnB,QAAQA,EAAO;AAAA,UAAA,EACf;AAAA,QACJ;AAAA,MACF;AAAA,MACA,YAAY;AAAA,QACV,gBAAgBZ,EAAK,WAAW;AAAA,QAChC,cAAcA,EAAK,WAAW;AAAA,QAC9B,SAASA,EAAK,WAAW;AAAA,MAC3B;AAAA,MACA,mBAAmB;AAAA,QACjB,iCACEA,EAAK,qBAAqB;AAAA,QAC5B,kCACEA,EAAK,qBAAqB;AAAA,QAC5B,8BAA8BA,EAAK,qBAAqB;AAAA,QACxD,8BAA8BA,EAAK,qBAAqB;AAAA,QACxD,yBAAyBA,EAAK,qBAAqB;AAAA,MACrD;AAAA,IAAA,GAGEA,EAAK,SAAS,YAChBS,EAAkB,SAAS,UAAU;AAAA,MACnC,OAAOT,EAAK,SAAS,QAAQ;AAAA,MAC7B,MAAMU,EAAY;AAAA,MAClB,sBAAsB;AAAA,MACtB,MAAMV,EAAK,SAAS,QAAQ,KAAK,IAAI,CAAWa,OAAA;AAAA,QAC9C,IAAIA,EAAO;AAAA,QACX,MAAMA,EAAO;AAAA,QACb,YAAYA,EAAO;AAAA,QACnB,UAAUA,EAAO;AAAA,QACjB,SAASA,EAAO;AAAA,QAChB,WAAWA,EAAO;AAAA,QAClB,oBAAoBA,EAAO;AAAA,QAC3B,iBAAiBA,EAAO;AAAA,QACxB,QAAQA,EAAO;AAAA,MAAA,EACf;AAAA,IAAA,KAIRf,EAAmBW,CAAiB;AAAA,EAAA,GACnC,CAACT,GAAME,CAAW,CAAC,GAEf,EAAE,MAAML,GAAiB,aAAAK,GAAa,sBAAAG,GAAsB,GAAGF;AACxE;"}

package/dist/features/circle-games/leaderboard/comps/info-bar/info-bar-styled.js

@@ -1,12 +1,12 @@
-import o from "styled-components";
-import e from "../../../../ui/layout/flex-view.js";
-const t = o(e)`
-  padding: ${({ paddingX: r, paddingY: p }) => `${p}px ${r}px`};
-  margin: ${({ marginX: r, marginY: p }) => `${p}px ${r}px`};
+import r from "styled-components";
+import o from "../../../../ui/layout/flex-view.js";
+const d = r(o)`
+  padding: 16px;
+  margin: 16px;
   border-width: 1px;
   border-style: solid;
 `;
 export {
-  t as InfoBarWrapper
+  d as InfoBarWrapper
 };
 //# sourceMappingURL=info-bar-styled.js.map

package/dist/features/circle-games/leaderboard/comps/info-bar/info-bar-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"info-bar-styled.js","sources":["../../../../../../src/features/circle-games/leaderboard/comps/info-bar/info-bar-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nexport interface IInfoBarWrapperProps {\n  paddingX?: number;\n  paddingY?: number;\n  marginX?: number;\n  marginY?: number;\n}\n\nexport const InfoBarWrapper = styled(FlexView)<IInfoBarWrapperProps>`\n  padding: ${({ paddingX, paddingY }) => `${paddingY}px ${paddingX}px`};\n  margin: ${({ marginX, marginY }) => `${marginY}px ${marginX}px`};\n  border-width: 1px;\n  border-style: solid;\n`;\n"],"names":["InfoBarWrapper","styled","FlexView","paddingX","paddingY","marginX","marginY"],"mappings":";;AAWa,MAAAA,IAAiBC,EAAOC,CAAQ;AAAA,aAChC,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAAe,GAAGA,CAAQ,MAAMD,CAAQ,IAAI;AAAA,YAC1D,CAAC,EAAE,SAAAE,GAAS,SAAAC,QAAc,GAAGA,CAAO,MAAMD,CAAO,IAAI;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"info-bar-styled.js","sources":["../../../../../../src/features/circle-games/leaderboard/comps/info-bar/info-bar-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nexport const InfoBarWrapper = styled(FlexView)`\n  padding: 16px;\n  margin: 16px;\n  border-width: 1px;\n  border-style: solid;\n`;\n"],"names":["InfoBarWrapper","styled","FlexView"],"mappings":";;AAIa,MAAAA,IAAiBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/circle-games/leaderboard/comps/info-bar/info-bar.js

@@ -1,29 +1,11 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useMemo as b } from "react";
-import { InfoBarWrapper as d } from "./info-bar-styled.js";
-const l = (o) => ({ backgroundColor: `${o}_6`, borderColor: `${o}_4` }), f = ({
-  children: o,
-  hue: r,
-  marginX: n = 0,
-  marginY: t = 0,
-  paddingX: e = 0,
-  paddingY: m = 0
-}) => {
-  const { backgroundColor: c, borderColor: p } = b(() => l(r), [r]);
-  return /* @__PURE__ */ a(
-    d,
-    {
-      $background: c,
-      $borderColor: p,
-      marginX: n,
-      marginY: t,
-      paddingX: e,
-      paddingY: m,
-      children: o
-    }
-  );
+import { jsx as e } from "react/jsx-runtime";
+import { useMemo as m } from "react";
+import { InfoBarWrapper as c } from "./info-bar-styled.js";
+const p = (o) => ({ backgroundColor: `${o}_6`, borderColor: `${o}_4` }), l = ({ children: o, hue: r }) => {
+  const { backgroundColor: n, borderColor: t } = m(() => p(r), [r]);
+  return /* @__PURE__ */ e(c, { $background: n, $borderColor: t, children: o });
 };
 export {
-  f as InfoBar
+  l as InfoBar
 };
 //# sourceMappingURL=info-bar.js.map

package/dist/features/circle-games/leaderboard/comps/info-bar/info-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"info-bar.js","sources":["../../../../../../src/features/circle-games/leaderboard/comps/info-bar/info-bar.tsx"],"sourcesContent":["import type { TColorNames, THueNames } from '../../../../ui/types';\nimport type { IInfoBarProps } from './info-bar-types';\n\nimport { useMemo } from 'react';\n\nimport * as Styled from './info-bar-styled';\n\nconst computeColorsFromHue = (\n  hue: THueNames,\n): { backgroundColor: TColorNames; borderColor: TColorNames } => {\n  return { backgroundColor: `${hue}_6`, borderColor: `${hue}_4` };\n};\n\nexport const InfoBar: React.FC<IInfoBarProps> = ({\n  children,\n  hue,\n  marginX = 0,\n  marginY = 0,\n  paddingX = 0,\n  paddingY = 0,\n}) => {\n  const { backgroundColor, borderColor } = useMemo(() => computeColorsFromHue(hue), [hue]);\n\n  return (\n    <Styled.InfoBarWrapper\n      $background={backgroundColor}\n      $borderColor={borderColor}\n      marginX={marginX}\n      marginY={marginY}\n      paddingX={paddingX}\n      paddingY={paddingY}\n    >\n      {children}\n    </Styled.InfoBarWrapper>\n  );\n};\n"],"names":["computeColorsFromHue","hue","InfoBar","children","marginX","marginY","paddingX","paddingY","backgroundColor","borderColor","useMemo","jsx","Styled.InfoBarWrapper"],"mappings":";;;AAOA,MAAMA,IAAuB,CAC3BC,OAEO,EAAE,iBAAiB,GAAGA,CAAG,MAAM,aAAa,GAAGA,CAAG,SAG9CC,IAAmC,CAAC;AAAA,EAC/C,UAAAC;AAAA,EACA,KAAAF;AAAA,EACA,SAAAG,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AACb,MAAM;AACE,QAAA,EAAE,iBAAAC,GAAiB,aAAAC,EAAA,IAAgBC,EAAQ,MAAMV,EAAqBC,CAAG,GAAG,CAACA,CAAG,CAAC;AAGrF,SAAA,gBAAAU;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAaJ;AAAA,MACb,cAAcC;AAAA,MACd,SAAAL;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MAEC,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"info-bar.js","sources":["../../../../../../src/features/circle-games/leaderboard/comps/info-bar/info-bar.tsx"],"sourcesContent":["import type { TColorNames, THueNames } from '../../../../ui/types';\nimport type { IInfoBarProps } from './info-bar-types';\n\nimport { useMemo } from 'react';\n\nimport * as Styled from './info-bar-styled';\n\nconst computeColorsFromHue = (\n  hue: THueNames,\n): { backgroundColor: TColorNames; borderColor: TColorNames } => {\n  return { backgroundColor: `${hue}_6`, borderColor: `${hue}_4` };\n};\n\nexport const InfoBar: React.FC<IInfoBarProps> = ({ children, hue }) => {\n  const { backgroundColor, borderColor } = useMemo(() => computeColorsFromHue(hue), [hue]);\n\n  return (\n    <Styled.InfoBarWrapper $background={backgroundColor} $borderColor={borderColor}>\n      {children}\n    </Styled.InfoBarWrapper>\n  );\n};\n"],"names":["computeColorsFromHue","hue","InfoBar","children","backgroundColor","borderColor","useMemo","jsx","Styled.InfoBarWrapper"],"mappings":";;;AAOA,MAAMA,IAAuB,CAC3BC,OAEO,EAAE,iBAAiB,GAAGA,CAAG,MAAM,aAAa,GAAGA,CAAG,SAG9CC,IAAmC,CAAC,EAAE,UAAAC,GAAU,KAAAF,QAAU;AAC/D,QAAA,EAAE,iBAAAG,GAAiB,aAAAC,EAAA,IAAgBC,EAAQ,MAAMN,EAAqBC,CAAG,GAAG,CAACA,CAAG,CAAC;AAGrF,SAAA,gBAAAM,EAACC,GAAA,EAAsB,aAAaJ,GAAiB,cAAcC,GAChE,UAAAF,EACH,CAAA;AAEJ;"}

package/dist/features/circle-games/leaderboard/comps/leaderboard-item/leaderboard-item.js

@@ -1,16 +1,16 @@
 import { jsx as s } from "react/jsx-runtime";
 import { memo as f } from "react";
 import { ELeaderboardType as t } from "../../enums/leaderboard-type-enum.js";
-import { PlayerProgressListItem as u } from "../progress-list-item/progress-list-item.js";
-import { AnimatedItem as E } from "./leaderboard-item-styled.js";
-import { useIntersectionObserver as I } from "../../hooks/useIntersectionObserver.js";
+import { useIntersectionObserver as u } from "../../hooks/use-intersection-observer/use-intersection-observer.tsx.js";
+import { PlayerProgressListItem as E } from "../progress-list-item/progress-list-item.js";
+import { AnimatedItem as I } from "./leaderboard-item-styled.js";
 const h = f(
   ({ player: e, rank: o, maxStreakDays: m, maxPoints: i, leaderboardType: r, isActive: a }) => {
-    const { isVisible: n, elementRef: A } = I({
+    const { isVisible: n, elementRef: A } = u({
       threshold: 0.5
     }), L = r === t.ALL_TIME_STREAK ? m : i, d = r === t.ALL_TIME_STREAK ? e.streakDays : e.points;
-    return /* @__PURE__ */ s(E, { isVisible: n, ref: A, children: /* @__PURE__ */ s(
-      u,
+    return /* @__PURE__ */ s(I, { isVisible: n, ref: A, children: /* @__PURE__ */ s(
+      E,
       {
         index: o,
         maxValue: L,

package/dist/features/circle-games/leaderboard/comps/leaderboard-item/leaderboard-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"leaderboard-item.js","sources":["../../../../../../src/features/circle-games/leaderboard/comps/leaderboard-item/leaderboard-item.tsx"],"sourcesContent":["import type {\n  ILeaderboardPlayerWithPoints,\n  ILeaderboardPlayerWithStreak,\n} from '../../dal/use-get-leaderboard-dal/use-get-leaderboard-dal-types';\nimport type { ILeaderboardItemProps } from './leaderboard-item-types';\n\nimport React, { memo } from 'react';\n\nimport { ELeaderboardType } from '../../enums/leaderboard-type-enum';\nimport { useIntersectionObserver } from '../../hooks';\nimport { PlayerProgressListItem } from '../progress-list-item/progress-list-item';\nimport * as Styled from './leaderboard-item-styled';\n\nexport const LeaderboardItemWithObserver: React.FC<ILeaderboardItemProps> = memo(\n  ({ player, rank, maxStreakDays, maxPoints, leaderboardType, isActive }) => {\n    const { isVisible, elementRef } = useIntersectionObserver<HTMLDivElement>({\n      threshold: 0.5,\n    });\n\n    const maxValue =\n      leaderboardType === ELeaderboardType.ALL_TIME_STREAK ? maxStreakDays : maxPoints;\n\n    const value =\n      leaderboardType === ELeaderboardType.ALL_TIME_STREAK\n        ? (player as ILeaderboardPlayerWithStreak).streakDays\n        : (player as ILeaderboardPlayerWithPoints).points;\n\n    return (\n      <Styled.AnimatedItem key={player.rank} isVisible={isVisible} ref={elementRef}>\n        <PlayerProgressListItem\n          index={rank}\n          maxValue={maxValue}\n          value={value}\n          isActive={isActive}\n          avatar={player.userAvatar}\n          grade={player.grade}\n          displayText={player.username}\n          displayValueAs={\n            leaderboardType === ELeaderboardType.ALL_TIME_STREAK ? 'streak' : 'points'\n          }\n        />\n      </Styled.AnimatedItem>\n    );\n  },\n);\n"],"names":["LeaderboardItemWithObserver","memo","player","rank","maxStreakDays","maxPoints","leaderboardType","isActive","isVisible","elementRef","useIntersectionObserver","maxValue","ELeaderboardType","value","Styled.AnimatedItem","jsx","PlayerProgressListItem"],"mappings":";;;;;;AAaO,MAAMA,IAA+DC;AAAA,EAC1E,CAAC,EAAE,QAAAC,GAAQ,MAAAC,GAAM,eAAAC,GAAe,WAAAC,GAAW,iBAAAC,GAAiB,UAAAC,QAAe;AACzE,UAAM,EAAE,WAAAC,GAAW,YAAAC,EAAW,IAAIC,EAAwC;AAAA,MACxE,WAAW;AAAA,IAAA,CACZ,GAEKC,IACJL,MAAoBM,EAAiB,kBAAkBR,IAAgBC,GAEnEQ,IACJP,MAAoBM,EAAiB,kBAChCV,EAAwC,aACxCA,EAAwC;AAE/C,6BACGY,GAAA,EAAsC,WAAAN,GAAsB,KAAKC,GAChE,UAAA,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOb;AAAA,QACP,UAAAQ;AAAA,QACA,OAAAE;AAAA,QACA,UAAAN;AAAA,QACA,QAAQL,EAAO;AAAA,QACf,OAAOA,EAAO;AAAA,QACd,aAAaA,EAAO;AAAA,QACpB,gBACEI,MAAoBM,EAAiB,kBAAkB,WAAW;AAAA,MAAA;AAAA,IAAA,KAV9CV,EAAO,IAajC;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"leaderboard-item.js","sources":["../../../../../../src/features/circle-games/leaderboard/comps/leaderboard-item/leaderboard-item.tsx"],"sourcesContent":["import type {\n  ILeaderboardPlayerWithPoints,\n  ILeaderboardPlayerWithStreak,\n} from '../../dal/use-get-leaderboard-dal/use-get-leaderboard-dal-types';\nimport type { ILeaderboardItemProps } from './leaderboard-item-types';\n\nimport React, { memo } from 'react';\n\nimport { ELeaderboardType } from '../../enums/leaderboard-type-enum';\nimport { useIntersectionObserver } from '../../hooks/use-intersection-observer/use-intersection-observer.tsx';\nimport { PlayerProgressListItem } from '../progress-list-item/progress-list-item';\nimport * as Styled from './leaderboard-item-styled';\n\nexport const LeaderboardItemWithObserver: React.FC<ILeaderboardItemProps> = memo(\n  ({ player, rank, maxStreakDays, maxPoints, leaderboardType, isActive }) => {\n    const { isVisible, elementRef } = useIntersectionObserver<HTMLDivElement>({\n      threshold: 0.5,\n    });\n\n    const maxValue =\n      leaderboardType === ELeaderboardType.ALL_TIME_STREAK ? maxStreakDays : maxPoints;\n\n    const value =\n      leaderboardType === ELeaderboardType.ALL_TIME_STREAK\n        ? (player as ILeaderboardPlayerWithStreak).streakDays\n        : (player as ILeaderboardPlayerWithPoints).points;\n\n    return (\n      <Styled.AnimatedItem key={player.rank} isVisible={isVisible} ref={elementRef}>\n        <PlayerProgressListItem\n          index={rank}\n          maxValue={maxValue}\n          value={value}\n          isActive={isActive}\n          avatar={player.userAvatar}\n          grade={player.grade}\n          displayText={player.username}\n          displayValueAs={\n            leaderboardType === ELeaderboardType.ALL_TIME_STREAK ? 'streak' : 'points'\n          }\n        />\n      </Styled.AnimatedItem>\n    );\n  },\n);\n"],"names":["LeaderboardItemWithObserver","memo","player","rank","maxStreakDays","maxPoints","leaderboardType","isActive","isVisible","elementRef","useIntersectionObserver","maxValue","ELeaderboardType","value","Styled.AnimatedItem","jsx","PlayerProgressListItem"],"mappings":";;;;;;AAaO,MAAMA,IAA+DC;AAAA,EAC1E,CAAC,EAAE,QAAAC,GAAQ,MAAAC,GAAM,eAAAC,GAAe,WAAAC,GAAW,iBAAAC,GAAiB,UAAAC,QAAe;AACzE,UAAM,EAAE,WAAAC,GAAW,YAAAC,EAAW,IAAIC,EAAwC;AAAA,MACxE,WAAW;AAAA,IAAA,CACZ,GAEKC,IACJL,MAAoBM,EAAiB,kBAAkBR,IAAgBC,GAEnEQ,IACJP,MAAoBM,EAAiB,kBAChCV,EAAwC,aACxCA,EAAwC;AAE/C,6BACGY,GAAA,EAAsC,WAAAN,GAAsB,KAAKC,GAChE,UAAA,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOb;AAAA,QACP,UAAAQ;AAAA,QACA,OAAAE;AAAA,QACA,UAAAN;AAAA,QACA,QAAQL,EAAO;AAAA,QACf,OAAOA,EAAO;AAAA,QACd,aAAaA,EAAO;AAAA,QACpB,gBACEI,MAAoBM,EAAiB,kBAAkB,WAAW;AAAA,MAAA;AAAA,IAAA,KAV9CV,EAAO,IAajC;AAAA,EAEJ;AACF;"}

package/dist/features/circle-games/leaderboard/comps/streak-reduction-infobar/constants.js

@@ -0,0 +1,5 @@
+const A = "STREAK_REDUCTION_LEADERBOARD_INFOBAR_TIMESTAMP";
+export {
+  A as STREAK_REDUCTION_LEADERBOARD_INFOBAR_TIMESTAMP
+};
+//# sourceMappingURL=constants.js.map

package/dist/features/circle-games/leaderboard/comps/streak-reduction-infobar/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/leaderboard/comps/streak-reduction-infobar/constants.ts"],"sourcesContent":["export const STREAK_REDUCTION_LEADERBOARD_INFOBAR_TIMESTAMP =\n  'STREAK_REDUCTION_LEADERBOARD_INFOBAR_TIMESTAMP';\n"],"names":["STREAK_REDUCTION_LEADERBOARD_INFOBAR_TIMESTAMP"],"mappings":"AAAO,MAAMA,IACX;"}

package/dist/features/circle-games/leaderboard/comps/streak-reduction-infobar/streak-reduction-infobar.js

@@ -0,0 +1,41 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useState as f, useMemo as u, useCallback as h } from "react";
+import I from "../../../../../assets/line-icons/icons/cross.js";
+import c from "../../../../ui/layout/flex-view.js";
+import o from "../../../../ui/text/text.js";
+import { StreakReductionLocalStorageUtil as s } from "../../../utils/streak-reduction-localstorage-util.js";
+import { InfoBar as k } from "../info-bar/info-bar.js";
+import { STREAK_REDUCTION_LEADERBOARD_INFOBAR_TIMESTAMP as a } from "./constants.js";
+const T = ({
+  startTimestampToday: r,
+  streakReduction: t
+}) => {
+  const [l, d] = f(
+    s.showStreakReduction(
+      a,
+      r
+    )
+  ), n = u(() => t > 0, [t]), m = h(() => {
+    s.markStreakReductionDismissed(
+      a,
+      r
+    ), d(!1);
+  }, [r]);
+  return l ? /* @__PURE__ */ e(
+    k,
+    {
+      children: /* @__PURE__ */ i(c, { $flexDirection: "row", $alignItems: "center", $justifyContent: "space-between", children: [
+        n ? /* @__PURE__ */ i(c, { children: [
+          /* @__PURE__ */ e(o, { $renderAs: "ab2", $color: "WHITE_T_87", children: "Keep building your streak by completing an activity each day." }),
+          /* @__PURE__ */ e(o, { $renderAs: "ab2", $color: "WHITE_T_87", children: "For each day missed, your streak reduces by 1." })
+        ] }) : /* @__PURE__ */ e(o, { $renderAs: "ab2", $color: "WHITE_T_87", children: "Streak saved for the day! Come back tomorrow to keep increasing it." }),
+        /* @__PURE__ */ e(I, { cursor: "pointer", color: "WHITE", onClick: m })
+      ] }),
+      hue: n ? "YELLOW" : "GREEN"
+    }
+  ) : null;
+};
+export {
+  T as StreakReductionInfoBar
+};
+//# sourceMappingURL=streak-reduction-infobar.js.map

package/dist/features/circle-games/leaderboard/comps/streak-reduction-infobar/streak-reduction-infobar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"streak-reduction-infobar.js","sources":["../../../../../../src/features/circle-games/leaderboard/comps/streak-reduction-infobar/streak-reduction-infobar.tsx"],"sourcesContent":["import type { IUseStreakReductionLeaderboard } from './streak-reduction-infobar-types';\n\nimport { useCallback, useMemo, useState } from 'react';\n\nimport CrossIcon from '../../../../../assets/line-icons/icons/cross';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { StreakReductionLocalStorageUtil } from '../../../utils/streak-reduction-localstorage-util';\nimport { InfoBar } from '../info-bar/info-bar';\nimport { STREAK_REDUCTION_LEADERBOARD_INFOBAR_TIMESTAMP } from './constants';\n\nexport const StreakReductionInfoBar = ({\n  startTimestampToday,\n  streakReduction,\n}: IUseStreakReductionLeaderboard) => {\n  const [showInfoBar, setShowInfoBar] = useState(\n    StreakReductionLocalStorageUtil.showStreakReduction(\n      STREAK_REDUCTION_LEADERBOARD_INFOBAR_TIMESTAMP,\n      startTimestampToday,\n    ),\n  );\n\n  const hasStreakReduced = useMemo(() => streakReduction > 0, [streakReduction]);\n\n  const onInfoBarClose = useCallback(() => {\n    StreakReductionLocalStorageUtil.markStreakReductionDismissed(\n      STREAK_REDUCTION_LEADERBOARD_INFOBAR_TIMESTAMP,\n      startTimestampToday,\n    );\n    setShowInfoBar(false);\n  }, [startTimestampToday]);\n\n  if (!showInfoBar) {\n    return null;\n  }\n\n  return (\n    <InfoBar\n      children={\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n          {hasStreakReduced ? (\n            <FlexView>\n              <Text $renderAs=\"ab2\" $color=\"WHITE_T_87\">\n                Keep building your streak by completing an activity each day.\n              </Text>\n              <Text $renderAs=\"ab2\" $color=\"WHITE_T_87\">\n                For each day missed, your streak reduces by 1.\n              </Text>\n            </FlexView>\n          ) : (\n            <Text $renderAs=\"ab2\" $color=\"WHITE_T_87\">\n              Streak saved for the day! Come back tomorrow to keep increasing it.\n            </Text>\n          )}\n          <CrossIcon cursor={'pointer'} color=\"WHITE\" onClick={onInfoBarClose} />\n        </FlexView>\n      }\n      hue={hasStreakReduced ? 'YELLOW' : 'GREEN'}\n    />\n  );\n};\n"],"names":["StreakReductionInfoBar","startTimestampToday","streakReduction","showInfoBar","setShowInfoBar","useState","StreakReductionLocalStorageUtil","STREAK_REDUCTION_LEADERBOARD_INFOBAR_TIMESTAMP","hasStreakReduced","useMemo","onInfoBarClose","useCallback","jsx","InfoBar","FlexView","Text","CrossIcon"],"mappings":";;;;;;;;AAWO,MAAMA,IAAyB,CAAC;AAAA,EACrC,qBAAAC;AAAA,EACA,iBAAAC;AACF,MAAsC;AAC9B,QAAA,CAACC,GAAaC,CAAc,IAAIC;AAAA,IACpCC,EAAgC;AAAA,MAC9BC;AAAA,MACAN;AAAA,IACF;AAAA,EAAA,GAGIO,IAAmBC,EAAQ,MAAMP,IAAkB,GAAG,CAACA,CAAe,CAAC,GAEvEQ,IAAiBC,EAAY,MAAM;AACP,IAAAL,EAAA;AAAA,MAC9BC;AAAA,MACAN;AAAA,IAAA,GAEFG,EAAe,EAAK;AAAA,EAAA,GACnB,CAACH,CAAmB,CAAC;AAExB,SAAKE,IAKH,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,4BACGC,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,iBACjE,UAAA;AAAA,QAAAN,sBACEM,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAF,EAACG,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAE1C,iEAAA;AAAA,4BACCA,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAE1C,kDAAA;AAAA,QAAA,EAAA,CACF,IAEC,gBAAAH,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,cAAa,UAE1C,uEAAA;AAAA,0BAEDC,GAAU,EAAA,QAAQ,WAAW,OAAM,SAAQ,SAASN,GAAgB;AAAA,MAAA,GACvE;AAAA,MAEF,KAAKF,IAAmB,WAAW;AAAA,IAAA;AAAA,EAAA,IAxB9B;AA2BX;"}

package/dist/features/circle-games/leaderboard/hooks/{useIntersectionObserver.js → use-intersection-observer/use-intersection-observer.tsx.js}

@@ -16,4 +16,4 @@ const l = (s) => {
 export {
   l as useIntersectionObserver
 };
-//# sourceMappingURL=useIntersectionObserver.js.map
+//# sourceMappingURL=use-intersection-observer.tsx.js.map

package/dist/features/circle-games/leaderboard/hooks/use-intersection-observer/use-intersection-observer.tsx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-intersection-observer.tsx.js","sources":["../../../../../../src/features/circle-games/leaderboard/hooks/use-intersection-observer/use-intersection-observer.tsx.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\n\ninterface IntersectionObserverOptions {\n  root?: Element | null;\n  rootMargin?: string;\n  threshold?: number | number[];\n}\n\nexport const useIntersectionObserver = <T extends HTMLElement>(\n  options?: IntersectionObserverOptions,\n) => {\n  const [isVisible, setIsVisible] = useState(false);\n  const elementRef = useRef<T | null>(null);\n\n  useEffect(() => {\n    const element = elementRef.current;\n\n    if (!element) return;\n\n    const observer = new IntersectionObserver(\n      ([entry]) => entry && setIsVisible(entry.isIntersecting),\n      options,\n    );\n\n    observer.observe(element);\n\n    return () => {\n      if (element) observer.unobserve(element);\n    };\n  }, [options]);\n\n  return { isVisible, elementRef };\n};\n"],"names":["useIntersectionObserver","options","isVisible","setIsVisible","useState","elementRef","useRef","useEffect","element","observer","entry"],"mappings":";AAQa,MAAAA,IAA0B,CACrCC,MACG;AACH,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAaC,EAAiB,IAAI;AAExC,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAUH,EAAW;AAE3B,QAAI,CAACG,EAAS;AAEd,UAAMC,IAAW,IAAI;AAAA,MACnB,CAAC,CAACC,CAAK,MAAMA,KAASP,EAAaO,EAAM,cAAc;AAAA,MACvDT;AAAA,IAAA;AAGF,WAAAQ,EAAS,QAAQD,CAAO,GAEjB,MAAM;AACP,MAAAA,KAAkBC,EAAA,UAAUD,CAAO;AAAA,IAAA;AAAA,EACzC,GACC,CAACP,CAAO,CAAC,GAEL,EAAE,WAAAC,GAAW,YAAAG;AACtB;"}

package/dist/features/circle-games/leaderboard/hooks/{useTimer.js → use-timer/use-timer.js}

@@ -19,4 +19,4 @@ function f(s) {
 export {
   f as useTimer
 };
-//# sourceMappingURL=useTimer.js.map
+//# sourceMappingURL=use-timer.js.map

package/dist/features/circle-games/leaderboard/hooks/use-timer/use-timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-timer.js","sources":["../../../../../../src/features/circle-games/leaderboard/hooks/use-timer/use-timer.tsx"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\n\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nexport function useTimer(value: number) {\n  const [timer, setTimer] = useState<number>(value);\n  const timerId = useRef<ReturnType<typeof setInterval>>();\n\n  const initTimer = useCallback(() => {\n    timerId.current = setInterval(() => {\n      setTimer(prev => prev + 1000);\n    }, 1000);\n  }, []);\n\n  const clearTimer = useCallback(() => {\n    clearInterval(timerId.current);\n  }, []);\n\n  useEffect(() => {\n    initTimer();\n\n    return () => {\n      clearTimer();\n    };\n  }, [clearTimer, initTimer]);\n\n  return [\n    timer as number,\n    setTimer as Dispatch<SetStateAction<number>>,\n    initTimer,\n    clearTimer,\n  ] as const;\n}\n"],"names":["useTimer","value","timer","setTimer","useState","timerId","useRef","initTimer","useCallback","prev","clearTimer","useEffect"],"mappings":";AAIO,SAASA,EAASC,GAAe;AACtC,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiBH,CAAK,GAC1CI,IAAUC,KAEVC,IAAYC,EAAY,MAAM;AAC1B,IAAAH,EAAA,UAAU,YAAY,MAAM;AACzB,MAAAF,EAAA,CAAAM,MAAQA,IAAO,GAAI;AAAA,OAC3B,GAAI;AAAA,EACT,GAAG,CAAE,CAAA,GAECC,IAAaF,EAAY,MAAM;AACnC,kBAAcH,EAAQ,OAAO;AAAA,EAC/B,GAAG,CAAE,CAAA;AAEL,SAAAM,EAAU,OACEJ,KAEH,MAAM;AACA,IAAAG;EAAA,IAEZ,CAACA,GAAYH,CAAS,CAAC,GAEnB;AAAA,IACLL;AAAA,IACAC;AAAA,IACAI;AAAA,IACAG;AAAA,EAAA;AAEJ;"}

package/dist/features/circle-games/leaderboard/leaderboard.js

@@ -1,151 +1,153 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { useState as T, useEffect as d } from "react";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { useState as T, useEffect as P } from "react";
 import { ILLUSTRATIONS as v } from "../../../assets/illustrations/illustrations.js";
 import { CircularLoader as w } from "../../ui/loader/circular-loader/circular-loader.js";
 import H from "../../ui/text/text.js";
 import { useCircleSounds as U } from "../hooks/use-circle-sounds/use-circle-sounds.js";
-import { Banner as u } from "./comps/banner/banner.js";
+import { Banner as d } from "./comps/banner/banner.js";
 import { LeaderboardItemWithObserver as q } from "./comps/leaderboard-item/leaderboard-item.js";
 import { NavigationButton as z } from "./comps/navigation-button/navigation-button.js";
-import { Timer as G } from "./comps/timer/timer.js";
-import { ELeaderboardType as t } from "./enums/leaderboard-type-enum.js";
-import { Leaderboard as J, LeaderboardContainer as Q, BannerWrapper as V, TournamentBannerCustContainer as X, TrophyWrapper as Z, ItemsWrapper as D, Banner as ee, ActionButtonWrapper as re } from "./leaderboard-styled.js";
-import { useTimer as te } from "./hooks/useTimer.js";
-const E = {
-  [t.ALL_TIME_STREAK]: () => import("../../../assets/lotties/circle/elite-circle-lottie.json.js"),
-  [t.ALL_TIME]: () => import("../../../assets/lotties/circle/elite-circle-lottie.json.js"),
-  [t.BI_WEEKLY]: () => import("../../../assets/lotties/circle/tournament-ripple-lottie.json.js")
-}, s = [
+import { StreakReductionInfoBar as G } from "./comps/streak-reduction-infobar/streak-reduction-infobar.js";
+import { Timer as J } from "./comps/timer/timer.js";
+import { ELeaderboardType as r } from "./enums/leaderboard-type-enum.js";
+import { useTimer as Q } from "./hooks/use-timer/use-timer.js";
+import { Leaderboard as V, LeaderboardContainer as X, BannerWrapper as Z, TournamentBannerCustContainer as D, TrophyWrapper as ee, ItemsWrapper as re, Banner as te, ActionButtonWrapper as ne } from "./leaderboard-styled.js";
+const u = {
+  [r.ALL_TIME_STREAK]: () => import("../../../assets/lotties/circle/elite-circle-lottie.json.js"),
+  [r.ALL_TIME]: () => import("../../../assets/lotties/circle/elite-circle-lottie.json.js"),
+  [r.BI_WEEKLY]: () => import("../../../assets/lotties/circle/tournament-ripple-lottie.json.js")
+}, o = [
   {
     name: "TOURNAMENT",
-    type: t.BI_WEEKLY
+    type: r.BI_WEEKLY
   },
   {
     name: "STREAK STARS",
-    type: t.ALL_TIME_STREAK
+    type: r.ALL_TIME_STREAK
   },
   {
     name: "ALL TIME",
-    type: t.ALL_TIME
+    type: r.ALL_TIME
   }
-], Le = ({
+], he = ({
   leaderboardData: m,
-  type: l = t.BI_WEEKLY,
-  userId: C,
+  type: E = r.BI_WEEKLY,
+  userId: K,
   onClose: W,
   isLoading: p,
-  listHeaderElement: K,
-  onLeaderboardTypeChange: L
+  streakInfo: L
 }) => {
-  var A, S, _, x, B, R, P;
-  const [o, I] = T(
-    s.findIndex((r) => l === r.type)
-  ), [i, M] = T(((A = m == null ? void 0 : m[l]) == null ? void 0 : A.leaderboardPlayers) || []), [h, k] = T({
+  var y, A, S, _, R, B, x, b;
+  const [i, l] = T(
+    o.findIndex((t) => E === t.type)
+  ), [n, M] = T(((y = m == null ? void 0 : m[E]) == null ? void 0 : y.leaderboardPlayers) || []), [I, k] = T({
     current: 0,
     end: 0
-  }), [N, f] = te(0), [a, Y] = T(!1), F = (S = i == null ? void 0 : i[0]) == null ? void 0 : S.points, O = ((_ = i == null ? void 0 : i[0]) == null ? void 0 : _.streakDays) || 0, { playButtonSound: y } = U(), $ = () => {
-    y(), I((r) => r - 1 < 0 ? s.length - 1 : r - 1);
+  }), [N, h] = Q(0), [c, Y] = T(!1), F = (A = n == null ? void 0 : n[0]) == null ? void 0 : A.points, O = ((S = n == null ? void 0 : n[0]) == null ? void 0 : S.streakDays) || 0, { playButtonSound: f } = U(), $ = () => {
+    f(), l((t) => t - 1 < 0 ? o.length - 1 : t - 1);
   }, j = () => {
-    y(), I((r) => r + 1 === s.length ? 0 : r + 1);
+    f(), l((t) => t + 1 === o.length ? 0 : t + 1);
   };
-  return d(() => {
-    f(0);
-  }, [f]), d(() => {
-    var b;
-    const r = (b = s[o]) == null ? void 0 : b.type, n = r && (m == null ? void 0 : m[r]);
-    if (n) {
-      const g = n.leaderboardPlayers || [];
-      r === t.BI_WEEKLY && (k({
-        current: n.currentTimestamp,
-        end: n.endTimestamp
-      }), n.currentTimestamp > n.endTimestamp && (g.splice(10), Y(!0))), M([...g]);
+  return P(() => {
+    h(0);
+  }, [h]), P(() => {
+    var g;
+    const t = (g = o[i]) == null ? void 0 : g.type, s = t && (m == null ? void 0 : m[t]);
+    if (s) {
+      const C = s.leaderboardPlayers || [];
+      t === r.BI_WEEKLY && (k({
+        current: s.currentTimestamp,
+        end: s.endTimestamp
+      }), s.currentTimestamp > s.endTimestamp && (C.splice(10), Y(!0))), M([...C]);
     }
-  }, [o, m]), d(() => {
-    var n;
-    const r = (n = s[o]) == null ? void 0 : n.type;
-    r && L(r);
-  }, [o, L]), /* @__PURE__ */ e(J, { children: /* @__PURE__ */ c(Q, { children: [
-    /* @__PURE__ */ c(V, { children: [
-      ((x = s[o]) == null ? void 0 : x.type) === t.BI_WEEKLY && /* @__PURE__ */ e(
-        u,
+  }, [i, m]), /* @__PURE__ */ e(V, { children: /* @__PURE__ */ a(X, { children: [
+    /* @__PURE__ */ a(Z, { children: [
+      ((_ = o[i]) == null ? void 0 : _.type) === r.BI_WEEKLY && /* @__PURE__ */ e(
+        d,
         {
-          isLoading: p || i.length === 0,
+          isLoading: p || n.length === 0,
           bgFromTopPosition: -120,
           bgFromRightPosition: -110,
-          primaryText: a ? /* @__PURE__ */ e("span", { children: "New Tournament" }) : /* @__PURE__ */ e("span", { children: "Tournament" }),
-          secondaryText: a ? /* @__PURE__ */ e("span", { children: "Starts Soon" }) : /* @__PURE__ */ c("span", { children: [
+          primaryText: c ? /* @__PURE__ */ e("span", { children: "New Tournament" }) : /* @__PURE__ */ e("span", { children: "Tournament" }),
+          secondaryText: c ? /* @__PURE__ */ e("span", { children: "Starts Soon" }) : /* @__PURE__ */ a("span", { children: [
             " ",
             /* @__PURE__ */ e(
-              G,
+              J,
               {
-                fromTimestamp: N + h.current,
-                endTimestamp: h.end
+                fromTimestamp: N + I.current,
+                endTimestamp: I.end
               }
             ),
             " ",
             "left"
           ] }),
-          lottiePromise: E[t.BI_WEEKLY],
-          custEle: /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e("img", { src: v.TROPHY_CIRCLE }) }) })
+          lottiePromise: u[r.BI_WEEKLY],
+          custEle: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e("img", { src: v.TROPHY_CIRCLE }) }) })
         }
       ),
-      ((B = s[o]) == null ? void 0 : B.type) === t.ALL_TIME_STREAK && /* @__PURE__ */ e(
-        u,
+      ((R = o[i]) == null ? void 0 : R.type) === r.ALL_TIME_STREAK && /* @__PURE__ */ e(
+        d,
         {
           isLoading: p,
           bgFromTopPosition: -140,
           bgFromRightPosition: -90,
           primaryText: /* @__PURE__ */ e("span", { children: "Streak Stars" }),
           secondaryText: /* @__PURE__ */ e("span", { children: "Top 50" }),
-          lottiePromise: E[t.ALL_TIME_STREAK]
+          lottiePromise: u[r.ALL_TIME_STREAK]
         }
       ),
-      ((R = s[o]) == null ? void 0 : R.type) === t.ALL_TIME && /* @__PURE__ */ e(
-        u,
+      ((B = o[i]) == null ? void 0 : B.type) === r.ALL_TIME && /* @__PURE__ */ e(
+        d,
         {
           isLoading: p,
           bgFromTopPosition: -140,
           bgFromRightPosition: -90,
           primaryText: /* @__PURE__ */ e("span", { children: "Elite Circle" }),
           secondaryText: /* @__PURE__ */ e("span", { children: "Top 50" }),
-          lottiePromise: E[t.ALL_TIME]
+          lottiePromise: u[r.ALL_TIME]
         }
       )
     ] }),
     p && /* @__PURE__ */ e(w, {}),
-    !p && i && /* @__PURE__ */ c(D, { topInset: 0, children: [
-      K,
-      a && ((P = s[o]) == null ? void 0 : P.type) === t.BI_WEEKLY && /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(H, { $renderAs: "ab3", $color: "WHITE", children: "Congratulating winners of the last tournament!" }) }),
-      i.map((r) => {
-        var n;
+    !p && n && /* @__PURE__ */ a(re, { topInset: 0, children: [
+      ((x = o[i]) == null ? void 0 : x.type) === r.ALL_TIME_STREAK && /* @__PURE__ */ e(
+        G,
+        {
+          startTimestampToday: L.startTimestampToday,
+          streakReduction: L.streakReduction
+        }
+      ),
+      c && ((b = o[i]) == null ? void 0 : b.type) === r.BI_WEEKLY && /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(H, { $renderAs: "ab3", $color: "WHITE", children: "Congratulating winners of the last tournament!" }) }),
+      n.map((t) => {
+        var s;
         return /* @__PURE__ */ e(
           q,
           {
-            player: r,
-            rank: r.rank,
+            player: t,
+            rank: t.rank,
             maxStreakDays: O,
             maxPoints: F,
-            leaderboardType: (n = s[o]) == null ? void 0 : n.type,
-            isActive: r.userId === C
+            leaderboardType: (s = o[i]) == null ? void 0 : s.type,
+            isActive: t.userId === K
           },
-          r.rank
+          t.rank
         );
       })
     ] }),
-    /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(
       z,
       {
-        labels: Object.values(t),
+        labels: Object.values(r),
         onLeftClick: $,
         onRightClick: j,
-        currIndex: o,
+        currIndex: i,
         onClose: W,
-        disableSwipe: p || i.length === 0
+        disableSwipe: p || n.length === 0
       }
     ) })
   ] }) });
 };
 export {
-  Le as Leaderboard
+  he as Leaderboard
 };
 //# sourceMappingURL=leaderboard.js.map