@cuemath/leap 2.8.48-rj-1 → 2.8.48-rj-xx

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "2.8.48-rj-1",
+  "version": "2.8.48-rj-xx",
   "type": "module",
   "files": [
     "dist"

package/dist/features/circle-games/enum/circle-action-ids.js

@@ -1,5 +0,0 @@
-var r = /* @__PURE__ */ ((e) => (e.STREAK_DECREASED = "streak_decreased", e))(r || {});
-export {
-  r as CIRCLE_ACTION_IDS
-};
-//# sourceMappingURL=circle-action-ids.js.map

package/dist/features/circle-games/enum/circle-action-ids.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"circle-action-ids.js","sources":["../../../../src/features/circle-games/enum/circle-action-ids.ts"],"sourcesContent":["export enum CIRCLE_ACTION_IDS {\n  STREAK_DECREASED = 'streak_decreased',\n}\n"],"names":["CIRCLE_ACTION_IDS"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,mBAAmB,oBADTA,IAAAA,KAAA,CAAA,CAAA;"}

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

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

@@ -1 +0,0 @@
-{"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,11 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/streak-reduction-infobar/constants.js

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

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

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

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

@@ -1 +0,0 @@
-{"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, useEffect, 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, setHasStreakReduced] = useState(streakReduction > 0);\n\n  // On Props Change Rerender\n  useEffect(() => {\n    setHasStreakReduced(streakReduction > 0);\n    setShowInfoBar(\n      StreakReductionLocalStorageUtil.showStreakReduction(\n        STREAK_REDUCTION_LEADERBOARD_INFOBAR_TIMESTAMP,\n        startTimestampToday,\n      ),\n    );\n  }, [startTimestampToday, 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","setHasStreakReduced","useEffect","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,GAGI,CAACO,GAAkBC,CAAmB,IAAIJ,EAASH,IAAkB,CAAC;AAG5E,EAAAQ,EAAU,MAAM;AACd,IAAAD,EAAoBP,IAAkB,CAAC,GACvCE;AAAA,MACEE,EAAgC;AAAA,QAC9BC;AAAA,QACAN;AAAA,MACF;AAAA,IAAA;AAAA,EACF,GACC,CAACA,GAAqBC,CAAe,CAAC;AAEnC,QAAAS,IAAiBC,EAAY,MAAM;AACP,IAAAN,EAAA;AAAA,MAC9BC;AAAA,MACAN;AAAA,IAAA,GAEFG,EAAe,EAAK;AAAA,EAAA,GACnB,CAACH,CAAmB,CAAC;AAExB,SAAKE,IAKH,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,4BACGC,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,iBACjE,UAAA;AAAA,QAAAP,sBACEO,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,KAAKH,IAAmB,WAAW;AAAA,IAAA;AAAA,EAAA,IAxB9B;AA2BX;"}

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

@@ -1 +0,0 @@
-{"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/use-timer/use-timer.js.map

@@ -1 +0,0 @@
-{"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/utils/streak-reduction-localstorage-util.js

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

@@ -1 +0,0 @@
-{"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;"}