@cuemath/leap 2.8.25-rj-9 → 2.8.25-rj-11

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

@@ -0,0 +1,12 @@
+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 {
+  d as InfoBarWrapper
+};
+//# sourceMappingURL=info-bar-styled.js.map

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

@@ -0,0 +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 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

@@ -0,0 +1,11 @@
+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 {
+  l as InfoBar
+};
+//# sourceMappingURL=info-bar.js.map

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

@@ -0,0 +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> = ({ 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

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

@@ -1 +1 @@
-{"version":3,"file":"leaderboard.js","sources":["../../../../src/features/circle-games/leaderboard/leaderboard.tsx"],"sourcesContent":["import type {\n  ILeaderboardPlayerWithPoints,\n  ILeaderboardPlayerWithStreak,\n} from './dal/use-get-leaderboard-dal/use-get-leaderboard-dal-types';\nimport type { ILeaderboardProps } from './leaderboard-types';\n\nimport { useEffect, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { CircularLoader } from '../../ui/loader/circular-loader/circular-loader';\nimport Text from '../../ui/text/text';\nimport { useCircleSounds } from '../hooks/use-circle-sounds/use-circle-sounds';\nimport { Banner } from './comps/banner/banner';\nimport { LeaderboardItemWithObserver } from './comps/leaderboard-item/leaderboard-item';\nimport { NavigationButton } from './comps/navigation-button/navigation-button';\nimport { Timer } from './comps/timer/timer';\nimport { ELeaderboardType } from './enums/leaderboard-type-enum';\nimport { useTimer } from './hooks';\nimport * as Styled from './leaderboard-styled';\n\n// lazy load banner lotties\nconst BANNER_LOTTIES: Record<ELeaderboardType, () => Promise<Record<string, unknown>>> = {\n  [ELeaderboardType.ALL_TIME_STREAK]: () =>\n    import('../../../assets/lotties/circle/elite-circle-lottie.json'),\n  [ELeaderboardType.ALL_TIME]: () =>\n    import('../../../assets/lotties/circle/elite-circle-lottie.json'),\n  [ELeaderboardType.BI_WEEKLY]: () =>\n    import('../../../assets/lotties/circle/tournament-ripple-lottie.json'),\n};\n\nconst leaderboards = [\n  {\n    name: 'TOURNAMENT',\n    type: ELeaderboardType.BI_WEEKLY,\n  },\n  {\n    name: 'STREAK STARS',\n    type: ELeaderboardType.ALL_TIME_STREAK,\n  },\n  {\n    name: 'ALL TIME',\n    type: ELeaderboardType.ALL_TIME,\n  },\n];\n\nexport const Leaderboard = ({\n  leaderboardData,\n  type = ELeaderboardType.BI_WEEKLY,\n  userId,\n  onClose,\n  isLoading,\n  listHeaderElement,\n  onLeaderboardTypeChange,\n}: ILeaderboardProps) => {\n  const [currentLeaderBoardIndex, setCurrentLeaderboardIndex] = useState(\n    leaderboards.findIndex(leaderboard => type === leaderboard.type),\n  );\n\n  const [currLeaderboardData, setCurrLeaderboardData] = useState<\n    (ILeaderboardPlayerWithPoints | ILeaderboardPlayerWithStreak)[] | []\n  >(leaderboardData?.[type]?.leaderboardPlayers || []);\n\n  const [currLeaderboardTimeStamps, setCurrLeaderboardTimeStamps] = useState<{\n    current: number;\n    end: number;\n  }>({\n    current: 0,\n    end: 0,\n  });\n\n  const [time, setTimer] = useTimer(0);\n  const [isTournamentEnded, setIsTournamentEnded] = useState(false);\n  const maxPoints = (currLeaderboardData?.[0] as ILeaderboardPlayerWithPoints)?.points;\n  const maxStreakDays = (currLeaderboardData?.[0] as ILeaderboardPlayerWithStreak)?.streakDays || 0;\n  const { playButtonSound } = useCircleSounds();\n\n  const handlePrevious = () => {\n    playButtonSound();\n    setCurrentLeaderboardIndex(prev => {\n      if (prev - 1 < 0) {\n        return leaderboards.length - 1;\n      }\n\n      return prev - 1;\n    });\n  };\n\n  const handleNext = () => {\n    playButtonSound();\n    setCurrentLeaderboardIndex(prev => {\n      if (prev + 1 === leaderboards.length) {\n        return 0;\n      }\n\n      return prev + 1;\n    });\n  };\n\n  useEffect(() => {\n    setTimer(0);\n  }, [setTimer]);\n\n  useEffect(() => {\n    const currType = leaderboards[currentLeaderBoardIndex]?.type;\n    const currLeaderboard = currType && leaderboardData?.[currType];\n\n    if (currLeaderboard) {\n      const leaderboardList = currLeaderboard.leaderboardPlayers || [];\n\n      if (currType === ELeaderboardType.BI_WEEKLY) {\n        setCurrLeaderboardTimeStamps({\n          current: currLeaderboard.currentTimestamp,\n          end: currLeaderboard.endTimestamp,\n        });\n\n        if (currLeaderboard.currentTimestamp > currLeaderboard.endTimestamp) {\n          leaderboardList.splice(10);\n          setIsTournamentEnded(true);\n        }\n      }\n\n      setCurrLeaderboardData([...leaderboardList]);\n    }\n  }, [currentLeaderBoardIndex, leaderboardData]);\n\n  useEffect(() => {\n    const currType = leaderboards[currentLeaderBoardIndex]?.type;\n\n    if (currType) {\n      onLeaderboardTypeChange(currType);\n    }\n  }, [currentLeaderBoardIndex, onLeaderboardTypeChange]);\n\n  return (\n    <Styled.Leaderboard>\n      <Styled.LeaderboardContainer>\n        <Styled.BannerWrapper>\n          {/* tournament banner */}\n          {leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.BI_WEEKLY && (\n            <Banner\n              isLoading={isLoading || currLeaderboardData.length === 0}\n              bgFromTopPosition={-120}\n              bgFromRightPosition={-110}\n              primaryText={\n                isTournamentEnded ? <span>New Tournament</span> : <span>Tournament</span>\n              }\n              secondaryText={\n                isTournamentEnded ? (\n                  <span>Starts Soon</span>\n                ) : (\n                  <span>\n                    {' '}\n                    <Timer\n                      fromTimestamp={(time as number) + currLeaderboardTimeStamps.current}\n                      endTimestamp={currLeaderboardTimeStamps.end}\n                    />{' '}\n                    {'left'}\n                  </span>\n                )\n              }\n              lottiePromise={BANNER_LOTTIES[ELeaderboardType.BI_WEEKLY]}\n              custEle={\n                <Styled.TournamentBannerCustContainer>\n                  <Styled.TrophyWrapper>\n                    <img src={ILLUSTRATIONS.TROPHY_CIRCLE} />\n                  </Styled.TrophyWrapper>\n                </Styled.TournamentBannerCustContainer>\n              }\n            />\n          )}\n\n          {/* top streak banner */}\n          {leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.ALL_TIME_STREAK && (\n            <Banner\n              isLoading={isLoading}\n              bgFromTopPosition={-140}\n              bgFromRightPosition={-90}\n              primaryText={<span>Streak Stars</span>}\n              secondaryText={<span>Top 50</span>}\n              lottiePromise={BANNER_LOTTIES[ELeaderboardType.ALL_TIME_STREAK]}\n            />\n          )}\n\n          {/* elite circle banner */}\n          {leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.ALL_TIME && (\n            <Banner\n              isLoading={isLoading}\n              bgFromTopPosition={-140}\n              bgFromRightPosition={-90}\n              primaryText={<span>Elite Circle</span>}\n              secondaryText={<span>Top 50</span>}\n              lottiePromise={BANNER_LOTTIES[ELeaderboardType.ALL_TIME]}\n            />\n          )}\n        </Styled.BannerWrapper>\n\n        {isLoading && <CircularLoader />}\n\n        {!isLoading && currLeaderboardData && (\n          <Styled.ItemsWrapper topInset={0}>\n            {listHeaderElement}\n            {isTournamentEnded &&\n              leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.BI_WEEKLY && (\n                <Styled.Banner>\n                  <Text $renderAs=\"ab3\" $color=\"WHITE\">\n                    Congratulating winners of the last tournament!\n                  </Text>\n                </Styled.Banner>\n              )}\n            {currLeaderboardData.map(player => {\n              return (\n                <LeaderboardItemWithObserver\n                  key={player.rank}\n                  player={player}\n                  rank={player.rank}\n                  maxStreakDays={maxStreakDays}\n                  maxPoints={maxPoints}\n                  leaderboardType={leaderboards[currentLeaderBoardIndex]?.type}\n                  isActive={player.userId === userId}\n                />\n              );\n            })}\n          </Styled.ItemsWrapper>\n        )}\n\n        <Styled.ActionButtonWrapper>\n          <NavigationButton\n            labels={Object.values(ELeaderboardType)}\n            onLeftClick={handlePrevious}\n            onRightClick={handleNext}\n            currIndex={currentLeaderBoardIndex}\n            onClose={onClose}\n            disableSwipe={isLoading || currLeaderboardData.length === 0}\n          />\n        </Styled.ActionButtonWrapper>\n      </Styled.LeaderboardContainer>\n    </Styled.Leaderboard>\n  );\n};\n"],"names":["BANNER_LOTTIES","ELeaderboardType","leaderboards","Leaderboard","leaderboardData","type","userId","onClose","isLoading","listHeaderElement","onLeaderboardTypeChange","currentLeaderBoardIndex","setCurrentLeaderboardIndex","useState","leaderboard","currLeaderboardData","setCurrLeaderboardData","_a","currLeaderboardTimeStamps","setCurrLeaderboardTimeStamps","time","setTimer","useTimer","isTournamentEnded","setIsTournamentEnded","maxPoints","_b","maxStreakDays","_c","playButtonSound","useCircleSounds","handlePrevious","prev","handleNext","useEffect","currType","currLeaderboard","leaderboardList","Styled.Leaderboard","jsxs","Styled.LeaderboardContainer","Styled.BannerWrapper","_d","jsx","Banner","Timer","Styled.TournamentBannerCustContainer","Styled.TrophyWrapper","ILLUSTRATIONS","_e","_f","CircularLoader","Styled.ItemsWrapper","_g","Styled.Banner","Text","player","LeaderboardItemWithObserver","Styled.ActionButtonWrapper","NavigationButton"],"mappings":"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"}
+{"version":3,"file":"leaderboard.js","sources":["../../../../src/features/circle-games/leaderboard/leaderboard.tsx"],"sourcesContent":["import type {\n  ILeaderboardPlayerWithPoints,\n  ILeaderboardPlayerWithStreak,\n} from './dal/use-get-leaderboard-dal/use-get-leaderboard-dal-types';\nimport type { ILeaderboardProps } from './leaderboard-types';\n\nimport { useEffect, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { CircularLoader } from '../../ui/loader/circular-loader/circular-loader';\nimport Text from '../../ui/text/text';\nimport { useCircleSounds } from '../hooks/use-circle-sounds/use-circle-sounds';\nimport { Banner } from './comps/banner/banner';\nimport { LeaderboardItemWithObserver } from './comps/leaderboard-item/leaderboard-item';\nimport { NavigationButton } from './comps/navigation-button/navigation-button';\nimport { StreakReductionInfoBar } from './comps/streak-reduction-infobar/streak-reduction-infobar';\nimport { Timer } from './comps/timer/timer';\nimport { ELeaderboardType } from './enums/leaderboard-type-enum';\nimport { useTimer } from './hooks/use-timer/use-timer';\nimport * as Styled from './leaderboard-styled';\n\n// lazy load banner lotties\nconst BANNER_LOTTIES: Record<ELeaderboardType, () => Promise<Record<string, unknown>>> = {\n  [ELeaderboardType.ALL_TIME_STREAK]: () =>\n    import('../../../assets/lotties/circle/elite-circle-lottie.json'),\n  [ELeaderboardType.ALL_TIME]: () =>\n    import('../../../assets/lotties/circle/elite-circle-lottie.json'),\n  [ELeaderboardType.BI_WEEKLY]: () =>\n    import('../../../assets/lotties/circle/tournament-ripple-lottie.json'),\n};\n\nconst leaderboards = [\n  {\n    name: 'TOURNAMENT',\n    type: ELeaderboardType.BI_WEEKLY,\n  },\n  {\n    name: 'STREAK STARS',\n    type: ELeaderboardType.ALL_TIME_STREAK,\n  },\n  {\n    name: 'ALL TIME',\n    type: ELeaderboardType.ALL_TIME,\n  },\n];\n\nexport const Leaderboard = ({\n  leaderboardData,\n  type = ELeaderboardType.BI_WEEKLY,\n  userId,\n  onClose,\n  isLoading,\n  streakInfo,\n}: ILeaderboardProps) => {\n  const [currentLeaderBoardIndex, setCurrentLeaderboardIndex] = useState(\n    leaderboards.findIndex(leaderboard => type === leaderboard.type),\n  );\n\n  const [currLeaderboardData, setCurrLeaderboardData] = useState<\n    (ILeaderboardPlayerWithPoints | ILeaderboardPlayerWithStreak)[] | []\n  >(leaderboardData?.[type]?.leaderboardPlayers || []);\n\n  const [currLeaderboardTimeStamps, setCurrLeaderboardTimeStamps] = useState<{\n    current: number;\n    end: number;\n  }>({\n    current: 0,\n    end: 0,\n  });\n\n  const [time, setTimer] = useTimer(0);\n  const [isTournamentEnded, setIsTournamentEnded] = useState(false);\n  const maxPoints = (currLeaderboardData?.[0] as ILeaderboardPlayerWithPoints)?.points;\n  const maxStreakDays = (currLeaderboardData?.[0] as ILeaderboardPlayerWithStreak)?.streakDays || 0;\n  const { playButtonSound } = useCircleSounds();\n\n  const handlePrevious = () => {\n    playButtonSound();\n    setCurrentLeaderboardIndex(prev => {\n      if (prev - 1 < 0) {\n        return leaderboards.length - 1;\n      }\n\n      return prev - 1;\n    });\n  };\n\n  const handleNext = () => {\n    playButtonSound();\n    setCurrentLeaderboardIndex(prev => {\n      if (prev + 1 === leaderboards.length) {\n        return 0;\n      }\n\n      return prev + 1;\n    });\n  };\n\n  useEffect(() => {\n    setTimer(0);\n  }, [setTimer]);\n\n  useEffect(() => {\n    const currType = leaderboards[currentLeaderBoardIndex]?.type;\n    const currLeaderboard = currType && leaderboardData?.[currType];\n\n    if (currLeaderboard) {\n      const leaderboardList = currLeaderboard.leaderboardPlayers || [];\n\n      if (currType === ELeaderboardType.BI_WEEKLY) {\n        setCurrLeaderboardTimeStamps({\n          current: currLeaderboard.currentTimestamp,\n          end: currLeaderboard.endTimestamp,\n        });\n\n        if (currLeaderboard.currentTimestamp > currLeaderboard.endTimestamp) {\n          leaderboardList.splice(10);\n          setIsTournamentEnded(true);\n        }\n      }\n\n      setCurrLeaderboardData([...leaderboardList]);\n    }\n  }, [currentLeaderBoardIndex, leaderboardData]);\n\n  return (\n    <Styled.Leaderboard>\n      <Styled.LeaderboardContainer>\n        <Styled.BannerWrapper>\n          {/* tournament banner */}\n          {leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.BI_WEEKLY && (\n            <Banner\n              isLoading={isLoading || currLeaderboardData.length === 0}\n              bgFromTopPosition={-120}\n              bgFromRightPosition={-110}\n              primaryText={\n                isTournamentEnded ? <span>New Tournament</span> : <span>Tournament</span>\n              }\n              secondaryText={\n                isTournamentEnded ? (\n                  <span>Starts Soon</span>\n                ) : (\n                  <span>\n                    {' '}\n                    <Timer\n                      fromTimestamp={(time as number) + currLeaderboardTimeStamps.current}\n                      endTimestamp={currLeaderboardTimeStamps.end}\n                    />{' '}\n                    {'left'}\n                  </span>\n                )\n              }\n              lottiePromise={BANNER_LOTTIES[ELeaderboardType.BI_WEEKLY]}\n              custEle={\n                <Styled.TournamentBannerCustContainer>\n                  <Styled.TrophyWrapper>\n                    <img src={ILLUSTRATIONS.TROPHY_CIRCLE} />\n                  </Styled.TrophyWrapper>\n                </Styled.TournamentBannerCustContainer>\n              }\n            />\n          )}\n\n          {/* top streak banner */}\n          {leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.ALL_TIME_STREAK && (\n            <Banner\n              isLoading={isLoading}\n              bgFromTopPosition={-140}\n              bgFromRightPosition={-90}\n              primaryText={<span>Streak Stars</span>}\n              secondaryText={<span>Top 50</span>}\n              lottiePromise={BANNER_LOTTIES[ELeaderboardType.ALL_TIME_STREAK]}\n            />\n          )}\n\n          {/* elite circle banner */}\n          {leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.ALL_TIME && (\n            <Banner\n              isLoading={isLoading}\n              bgFromTopPosition={-140}\n              bgFromRightPosition={-90}\n              primaryText={<span>Elite Circle</span>}\n              secondaryText={<span>Top 50</span>}\n              lottiePromise={BANNER_LOTTIES[ELeaderboardType.ALL_TIME]}\n            />\n          )}\n        </Styled.BannerWrapper>\n\n        {isLoading && <CircularLoader />}\n\n        {!isLoading && currLeaderboardData && (\n          <Styled.ItemsWrapper topInset={0}>\n            {leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.ALL_TIME_STREAK && (\n              <StreakReductionInfoBar\n                startTimestampToday={streakInfo.startTimestampToday}\n                streakReduction={streakInfo.streakReduction}\n              />\n            )}\n            {isTournamentEnded &&\n              leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.BI_WEEKLY && (\n                <Styled.Banner>\n                  <Text $renderAs=\"ab3\" $color=\"WHITE\">\n                    Congratulating winners of the last tournament!\n                  </Text>\n                </Styled.Banner>\n              )}\n            {currLeaderboardData.map(player => {\n              return (\n                <LeaderboardItemWithObserver\n                  key={player.rank}\n                  player={player}\n                  rank={player.rank}\n                  maxStreakDays={maxStreakDays}\n                  maxPoints={maxPoints}\n                  leaderboardType={leaderboards[currentLeaderBoardIndex]?.type}\n                  isActive={player.userId === userId}\n                />\n              );\n            })}\n          </Styled.ItemsWrapper>\n        )}\n\n        <Styled.ActionButtonWrapper>\n          <NavigationButton\n            labels={Object.values(ELeaderboardType)}\n            onLeftClick={handlePrevious}\n            onRightClick={handleNext}\n            currIndex={currentLeaderBoardIndex}\n            onClose={onClose}\n            disableSwipe={isLoading || currLeaderboardData.length === 0}\n          />\n        </Styled.ActionButtonWrapper>\n      </Styled.LeaderboardContainer>\n    </Styled.Leaderboard>\n  );\n};\n"],"names":["BANNER_LOTTIES","ELeaderboardType","leaderboards","Leaderboard","leaderboardData","type","userId","onClose","isLoading","streakInfo","currentLeaderBoardIndex","setCurrentLeaderboardIndex","useState","leaderboard","currLeaderboardData","setCurrLeaderboardData","_a","currLeaderboardTimeStamps","setCurrLeaderboardTimeStamps","time","setTimer","useTimer","isTournamentEnded","setIsTournamentEnded","maxPoints","_b","maxStreakDays","_c","playButtonSound","useCircleSounds","handlePrevious","prev","handleNext","useEffect","currType","currLeaderboard","leaderboardList","Styled.Leaderboard","jsxs","Styled.LeaderboardContainer","Styled.BannerWrapper","_d","jsx","Banner","Timer","Styled.TournamentBannerCustContainer","Styled.TrophyWrapper","ILLUSTRATIONS","_e","_f","CircularLoader","Styled.ItemsWrapper","_g","StreakReductionInfoBar","_h","Styled.Banner","Text","player","LeaderboardItemWithObserver","Styled.ActionButtonWrapper","NavigationButton"],"mappings":"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"}

package/dist/features/circle-games/utils/streak-reduction-localstorage-util.js

@@ -0,0 +1,25 @@
+class s {
+  /**
+   * Determines whether the streak reduction should be shown today.
+   */
+  static showStreakReduction(e, t) {
+    try {
+      if (!t)
+        return !1;
+      const r = localStorage.getItem(e);
+      return !r || !(r === `${t}`);
+    } catch {
+      return !0;
+    }
+  }
+  /**
+   * Call this when the user has dismissed the streak reduction.
+   */
+  static markStreakReductionDismissed(e, t) {
+    localStorage.setItem(e, t.toString());
+  }
+}
+export {
+  s as StreakReductionLocalStorageUtil
+};
+//# sourceMappingURL=streak-reduction-localstorage-util.js.map

package/dist/features/circle-games/utils/streak-reduction-localstorage-util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"streak-reduction-localstorage-util.js","sources":["../../../../src/features/circle-games/utils/streak-reduction-localstorage-util.ts"],"sourcesContent":["export class StreakReductionLocalStorageUtil {\n  /**\n   * Determines whether the streak reduction should be shown today.\n   */\n  static showStreakReduction(storeKey: string, startTimestamp: number): boolean {\n    try {\n      if (!startTimestamp) {\n        return false;\n      }\n\n      const storedTimestamp = localStorage.getItem(storeKey);\n\n      // If there's no stored timestamp, show the button\n      if (!storedTimestamp) return true;\n\n      // If stored timestamp is not from today, show the button\n      const isSameDay = storedTimestamp === `${startTimestamp}`;\n\n      if (!isSameDay) {\n        return true;\n      }\n\n      return false;\n    } catch (error) {\n      return true;\n    }\n  }\n\n  /**\n   * Call this when the user has dismissed the streak reduction.\n   */\n  static markStreakReductionDismissed(storeKey: string, startTimestamp: number): void {\n    localStorage.setItem(storeKey, startTimestamp.toString());\n  }\n}\n"],"names":["StreakReductionLocalStorageUtil","storeKey","startTimestamp","storedTimestamp"],"mappings":"AAAO,MAAMA,EAAgC;AAAA;AAAA;AAAA;AAAA,EAI3C,OAAO,oBAAoBC,GAAkBC,GAAiC;AACxE,QAAA;AACF,UAAI,CAACA;AACI,eAAA;AAGH,YAAAC,IAAkB,aAAa,QAAQF,CAAQ;AAQrD,aALI,CAACE,KAKD,EAFcA,MAAoB,GAAGD,CAAc;AAAA,YAOzC;AACP,aAAA;AAAA,IACT;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,6BAA6BD,GAAkBC,GAA8B;AAClF,iBAAa,QAAQD,GAAUC,EAAe,SAAU,CAAA;AAAA,EAC1D;AACF;"}

package/dist/index.d.ts

@@ -1207,6 +1207,11 @@ declare interface IIconButtonProps extends Omit<IButtonProps, 'label' | 'shape'
     customBgColor?: TColorNames;
 }
 
+declare interface IInfoBarProps {
+    hue: THueNames;
+    children: React.ReactNode;
+}
+
 export declare interface IInfoMessage {
     message: string;
     position: 'top' | 'bottom';
@@ -1350,8 +1355,10 @@ declare interface ILeaderboardProps {
     userId: string;
     onClose: () => void;
     isLoading: boolean;
-    listHeaderElement: ReactNode;
-    onLeaderboardTypeChange: (type: ELeaderboardType) => void;
+    streakInfo: {
+        streakReduction: number;
+        startTimestampToday: number;
+    };
 }
 
 declare interface ILearningSheetData {
@@ -1980,6 +1987,8 @@ export declare enum IndicatorType {
 
 export declare const Info2Icon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
+export declare const InfoBar: React.FC<IInfoBarProps>;
+
 export declare const InfoIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare interface INudgeProps {
@@ -3258,7 +3267,7 @@ export declare const JourneyProvider: FC<{
     children: ReactNode;
 }>;
 
-export declare const Leaderboard: ({ leaderboardData, type, userId, onClose, isLoading, listHeaderElement, onLeaderboardTypeChange, }: ILeaderboardProps) => JSX_2.Element;
+export declare const Leaderboard: ({ leaderboardData, type, userId, onClose, isLoading, streakInfo, }: ILeaderboardProps) => JSX_2.Element;
 
 export declare const LearnosityPreloader: FC<PropsWithChildren<ILearnosityPreloaderProps>>;
 
@@ -3757,6 +3766,17 @@ declare const STICKER_BADGE: {
 
 export declare const StreakIcon: React_2.FC<IStreakIconProps>;
 
+export declare class StreakReductionLocalStorageUtil {
+    /**
+     * Determines whether the streak reduction should be shown today.
+     */
+    static showStreakReduction(storeKey: string, startTimestamp: number): boolean;
+    /**
+     * Call this when the user has dismissed the streak reduction.
+     */
+    static markStreakReductionDismissed(storeKey: string, startTimestamp: number): void;
+}
+
 export declare const StrikedEyeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const StudentDetails: FC<IStudentDetailsProps>;