@cuemath/leap 3.4.8 → 3.4.9-akm-2

package/dist/features/post-game-stats/clock/clock-styled.js

@@ -1,6 +1,6 @@
 import o, { keyframes as e, css as p } from "styled-components";
-import { GAME_LAUNCHER_SIZE as t } from "../../circle-games/game-launcher/comps/card-container/constants.js";
-import { GAME_LAUNCHER_ASSET_PADDING as i } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
+import { GAME_LAUNCHER_SIZE as t } from "../../circle-games/game-launcher-v2/comps/card-container/constants.js";
+import { GAME_LAUNCHER_ASSET_PADDING as i } from "../../circle-games/game-launcher-v2/comps/circular-game-card/constants.js";
 const r = 50 * 84 / 100, c = e`
   0%{
     opacity: 0;

package/dist/features/post-game-stats/clock/clock-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"clock-styled.js","sources":["../../../../src/features/post-game-stats/clock/clock-styled.tsx"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher/comps/card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING } from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\n\nconst MASK_PADDING = (50 * 84) / 100;\n\nconst fadeIn = keyframes`\n  0%{\n    opacity: 0;\n  }\n  100%{\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  0%{\n    opacity: 1;\n  }\n  100%{\n    opacity: 0;\n  }\n`;\n\nexport const Clock = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n`;\n\nexport const ClockLottie = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  z-index: 1;\n`;\n\nexport const ClockTimeSpentLottie = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  z-index: 2;\n`;\n\nexport const TextWrapper = styled.div<{\n  $duration: number;\n  $delay: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  z-index: 2;\n  opacity: 0;\n  position: absolute;\n  animation: ${({ $animationType, $duration, $delay }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms ${$delay}ms ease forwards\n  `};\n  transform: translateY(${((GAME_LAUNCHER_SIZE + MASK_PADDING) * 84) / 200 + 25}px);\n`;\n"],"names":["MASK_PADDING","fadeIn","keyframes","fadeOut","Clock","styled","GAME_LAUNCHER_SIZE","ClockLottie","GAME_LAUNCHER_ASSET_PADDING","ClockTimeSpentLottie","TextWrapper","$animationType","$duration","$delay","css"],"mappings":";;;AAKA,MAAMA,IAAgB,KAAK,KAAM,KAE3BC,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASHE,IAAQC,EAAO;AAAA,YAChBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhBC,IAAcF,EAAO;AAAA,YACtBC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,GAK9CC,IAAuBJ,EAAO;AAAA,YAC/BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,GAK9CE,IAAcL,EAAO;AAAA;AAAA;AAAA;AAAA,eAQnB,CAAC,EAAE,gBAAAM,GAAgB,WAAAC,GAAW,QAAAC,QAAaC;AAAA,MACpDH,MAAmB,WAAWV,IAASE,CAAO,IAAIS,CAAS,MAAMC,CAAM;AAAA,GAC1E;AAAA,2BACyBP,IAAqBN,KAAgB,KAAM,MAAM,EAAE;AAAA;"}
+{"version":3,"file":"clock-styled.js","sources":["../../../../src/features/post-game-stats/clock/clock-styled.tsx"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher-v2/comps/card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING } from '../../circle-games/game-launcher-v2/comps/circular-game-card/constants';\n\nconst MASK_PADDING = (50 * 84) / 100;\n\nconst fadeIn = keyframes`\n  0%{\n    opacity: 0;\n  }\n  100%{\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  0%{\n    opacity: 1;\n  }\n  100%{\n    opacity: 0;\n  }\n`;\n\nexport const Clock = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n`;\n\nexport const ClockLottie = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  z-index: 1;\n`;\n\nexport const ClockTimeSpentLottie = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  z-index: 2;\n`;\n\nexport const TextWrapper = styled.div<{\n  $duration: number;\n  $delay: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  z-index: 2;\n  opacity: 0;\n  position: absolute;\n  animation: ${({ $animationType, $duration, $delay }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms ${$delay}ms ease forwards\n  `};\n  transform: translateY(${((GAME_LAUNCHER_SIZE + MASK_PADDING) * 84) / 200 + 25}px);\n`;\n"],"names":["MASK_PADDING","fadeIn","keyframes","fadeOut","Clock","styled","GAME_LAUNCHER_SIZE","ClockLottie","GAME_LAUNCHER_ASSET_PADDING","ClockTimeSpentLottie","TextWrapper","$animationType","$duration","$delay","css"],"mappings":";;;AAKA,MAAMA,IAAgB,KAAK,KAAM,KAE3BC,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASHE,IAAQC,EAAO;AAAA,YAChBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhBC,IAAcF,EAAO;AAAA,YACtBC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,GAK9CC,IAAuBJ,EAAO;AAAA,YAC/BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,GAK9CE,IAAcL,EAAO;AAAA;AAAA;AAAA;AAAA,eAQnB,CAAC,EAAE,gBAAAM,GAAgB,WAAAC,GAAW,QAAAC,QAAaC;AAAA,MACpDH,MAAmB,WAAWV,IAASE,CAAO,IAAIS,CAAS,MAAMC,CAAM;AAAA,GAC1E;AAAA,2BACyBP,IAAqBN,KAAgB,KAAM,MAAM,EAAE;AAAA;"}

package/dist/features/post-game-stats/digital-meter/constants.js

@@ -1,4 +1,4 @@
-import { GAME_LAUNCHER_SIZE as A, GAME_LAUNCHER_SIZE_LARGE as _ } from "../../circle-games/game-launcher/comps/card-container/constants.js";
+import { GAME_LAUNCHER_SIZE as A, GAME_LAUNCHER_SIZE_LARGE as _ } from "../../circle-games/game-launcher-v2/comps/card-container/constants.js";
 import { ANIMATED_ARC_Z_INDEX as E } from "../../ui/animated-arc/animated-arc-constants.js";
 const L = 300, R = 2, t = 150, I = E + 1, N = I + 1, O = N + 1, D = A === _ ? 16 : 12, c = (A - R) / 2, n = 3.8, s = 2 / 30, C = 2.37, G = 12 / 30, S = 20 / 30, M = 43 / 30;
 export {

package/dist/features/post-game-stats/digital-meter/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/features/post-game-stats/digital-meter/constants.ts"],"sourcesContent":["import {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher/comps/card-container/constants';\nimport { ANIMATED_ARC_Z_INDEX } from '../../ui/animated-arc/animated-arc-constants';\n\nexport const TOTAL_ARC_AVAILABLE = 300;\n\nconst BORDER_OFFSET = 2;\n\n//Animated Arc\nexport const ANIMATED_ARC_START_ANGLE = 150;\n\nexport const LINE_MARKING_Z_INDEX = ANIMATED_ARC_Z_INDEX + 1;\nexport const CONTENT_CONTAINER_Z_INDEX = LINE_MARKING_Z_INDEX + 1;\nexport const NUMBER_MARKING_Z_INDEX = CONTENT_CONTAINER_Z_INDEX + 1;\nexport const STROKE_WIDTH = GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 16 : 12;\nexport const ARC_RADIUS = (GAME_LAUNCHER_SIZE - BORDER_OFFSET) / 2;\n\n// animation details\nexport const TOTAL_ANIMATION_DURATION = 3.8; // in sec\nexport const TARGET_HELPER_TEXT_APPEAR_DELAY = 2 / 30; // delay of 2 frames\nexport const TARGET_ACHIEVED_DELAY = 2.37; // delay of 3 sec\nexport const PROGRESS_FILL_DELAY = 12 / 30; // delay of 12 frames\nexport const PROGRESS_FILL_DURATION = 20 / 30; // in 20 frames\nexport const RAINBOW_COLOR_ANIMATION_DURATION = 43 / 30; // 43 frames;\n"],"names":["TOTAL_ARC_AVAILABLE","BORDER_OFFSET","ANIMATED_ARC_START_ANGLE","LINE_MARKING_Z_INDEX","ANIMATED_ARC_Z_INDEX","CONTENT_CONTAINER_Z_INDEX","NUMBER_MARKING_Z_INDEX","STROKE_WIDTH","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_SIZE_LARGE","ARC_RADIUS","TOTAL_ANIMATION_DURATION","TARGET_HELPER_TEXT_APPEAR_DELAY","TARGET_ACHIEVED_DELAY","PROGRESS_FILL_DELAY","PROGRESS_FILL_DURATION","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;AAMO,MAAMA,IAAsB,KAE7BC,IAAgB,GAGTC,IAA2B,KAE3BC,IAAuBC,IAAuB,GAC9CC,IAA4BF,IAAuB,GACnDG,IAAyBD,IAA4B,GACrDE,IAAeC,MAAuBC,IAA2B,KAAK,IACtEC,KAAcF,IAAqBP,KAAiB,GAGpDU,IAA2B,KAC3BC,IAAkC,IAAI,IACtCC,IAAwB,MACxBC,IAAsB,KAAK,IAC3BC,IAAyB,KAAK,IAC9BC,IAAmC,KAAK;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/features/post-game-stats/digital-meter/constants.ts"],"sourcesContent":["import {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher-v2/comps/card-container/constants';\nimport { ANIMATED_ARC_Z_INDEX } from '../../ui/animated-arc/animated-arc-constants';\n\nexport const TOTAL_ARC_AVAILABLE = 300;\n\nconst BORDER_OFFSET = 2;\n\n//Animated Arc\nexport const ANIMATED_ARC_START_ANGLE = 150;\n\nexport const LINE_MARKING_Z_INDEX = ANIMATED_ARC_Z_INDEX + 1;\nexport const CONTENT_CONTAINER_Z_INDEX = LINE_MARKING_Z_INDEX + 1;\nexport const NUMBER_MARKING_Z_INDEX = CONTENT_CONTAINER_Z_INDEX + 1;\nexport const STROKE_WIDTH = GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 16 : 12;\nexport const ARC_RADIUS = (GAME_LAUNCHER_SIZE - BORDER_OFFSET) / 2;\n\n// animation details\nexport const TOTAL_ANIMATION_DURATION = 3.8; // in sec\nexport const TARGET_HELPER_TEXT_APPEAR_DELAY = 2 / 30; // delay of 2 frames\nexport const TARGET_ACHIEVED_DELAY = 2.37; // delay of 3 sec\nexport const PROGRESS_FILL_DELAY = 12 / 30; // delay of 12 frames\nexport const PROGRESS_FILL_DURATION = 20 / 30; // in 20 frames\nexport const RAINBOW_COLOR_ANIMATION_DURATION = 43 / 30; // 43 frames;\n"],"names":["TOTAL_ARC_AVAILABLE","BORDER_OFFSET","ANIMATED_ARC_START_ANGLE","LINE_MARKING_Z_INDEX","ANIMATED_ARC_Z_INDEX","CONTENT_CONTAINER_Z_INDEX","NUMBER_MARKING_Z_INDEX","STROKE_WIDTH","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_SIZE_LARGE","ARC_RADIUS","TOTAL_ANIMATION_DURATION","TARGET_HELPER_TEXT_APPEAR_DELAY","TARGET_ACHIEVED_DELAY","PROGRESS_FILL_DELAY","PROGRESS_FILL_DURATION","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;AAMO,MAAMA,IAAsB,KAE7BC,IAAgB,GAGTC,IAA2B,KAE3BC,IAAuBC,IAAuB,GAC9CC,IAA4BF,IAAuB,GACnDG,IAAyBD,IAA4B,GACrDE,IAAeC,MAAuBC,IAA2B,KAAK,IACtEC,KAAcF,IAAqBP,KAAiB,GAGpDU,IAA2B,KAC3BC,IAAkC,IAAI,IACtCC,IAAwB,MACxBC,IAAsB,KAAK,IAC3BC,IAAyB,KAAK,IAC9BC,IAAmC,KAAK;"}

package/dist/features/post-game-stats/digital-meter/digital-meter-styled.js

@@ -1,5 +1,5 @@
 import o, { keyframes as e } from "styled-components";
-import { GAME_LAUNCHER_SIZE as r, GAME_LAUNCHER_SIZE_LARGE as s } from "../../circle-games/game-launcher/comps/card-container/constants.js";
+import { GAME_LAUNCHER_SIZE as r, GAME_LAUNCHER_SIZE_LARGE as s } from "../../circle-games/game-launcher-v2/comps/card-container/constants.js";
 import i from "../../ui/text/text.js";
 import { CONTENT_CONTAINER_Z_INDEX as l, LINE_MARKING_Z_INDEX as d, ANIMATED_ARC_START_ANGLE as n, NUMBER_MARKING_Z_INDEX as m, TARGET_HELPER_TEXT_APPEAR_DELAY as a, RAINBOW_COLOR_ANIMATION_DURATION as p } from "./constants.js";
 import { rainbowColorAnimation as f } from "./helper.js";

package/dist/features/post-game-stats/digital-meter/digital-meter-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"digital-meter-styled.js","sources":["../../../../src/features/post-game-stats/digital-meter/digital-meter-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher/comps/card-container/constants';\nimport Text from '../../ui/text/text';\nimport {\n  ANIMATED_ARC_START_ANGLE,\n  CONTENT_CONTAINER_Z_INDEX,\n  LINE_MARKING_Z_INDEX,\n  NUMBER_MARKING_Z_INDEX,\n  RAINBOW_COLOR_ANIMATION_DURATION,\n  TARGET_HELPER_TEXT_APPEAR_DELAY,\n} from './constants';\nimport { rainbowColorAnimation } from './helper';\n\nexport const DigitalMeter = styled.div<{ $isTargetAchieved: boolean }>`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  border-radius: 100%;\n  border: 1px solid ${({ theme }) => theme.colors.WHITE};\n  animation: ${({ $isTargetAchieved }) =>\n      $isTargetAchieved ? keyframes`100%{transform: scale(1.02)}` : 'unset'}\n    0.133s ease alternate;\n`;\n\nexport const ContentContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  z-index: ${CONTENT_CONTAINER_Z_INDEX};\n  height: 92%;\n  width: 92%;\n  border-radius: 100%;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n`;\n\nexport const NumberCountContainer = styled.div`\n  position: relative;\n  flex-grow: 1;\n  bottom: ${GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? -8 : -6}px;\n`;\n\nexport const AbsoluteView = styled.div`\n  position: absolute;\n`;\n\nexport const LineMarking = styled.div<{\n  $angle: number;\n}>`\n  width: ${GAME_LAUNCHER_SIZE / 2}px;\n  height: 2px;\n  position: absolute;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n  transform-style: preserve-3d;\n  backface-visibility: hidden;\n  transform-origin: left;\n  transform: rotate(${({ $angle }) => -240 + $angle}deg);\n  left: ${GAME_LAUNCHER_SIZE / 2}px;\n  top: ${GAME_LAUNCHER_SIZE / 2}px;\n  z-index: ${LINE_MARKING_Z_INDEX};\n`;\n\nexport const MarkingContainer = styled.div<{ $angle: number }>`\n  position: absolute;\n  height: ${GAME_LAUNCHER_SIZE - GAME_LAUNCHER_SIZE * 0.0625 - 10}px;\n  transform: rotate(${({ $angle }) => -ANIMATED_ARC_START_ANGLE + $angle}deg);\n  z-index: ${NUMBER_MARKING_Z_INDEX};\n`;\n\nexport const MarkingText = styled.div<{ $angle: number }>`\n  transform: rotate(${({ $angle }) => ANIMATED_ARC_START_ANGLE - $angle}deg);\n`;\n\nexport const BottomAbsoluteView = styled.div<{ top: number }>`\n  position: absolute;\n  top: 0;\n  transform: ${({ top }) => `translateY(${top}px)`};\n`;\n\nexport const HelperTextPrimary = styled(Text)`\n  animation: ${keyframes`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s\n    ease-in-out ${TARGET_HELPER_TEXT_APPEAR_DELAY}s forwards;\n`;\n\nexport const HelperTextSecondary = styled(Text)`\n  animation: ${keyframes`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s\n    ease ${TARGET_HELPER_TEXT_APPEAR_DELAY}s forwards;\n`;\n\nexport const TargetAchievedTextLottie = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nexport const RainboxColorText = styled(Text)<{ $isTargetAchieved: boolean }>`\n  animation: ${({ $isTargetAchieved }) => ($isTargetAchieved ? rainbowColorAnimation : 'unset')}\n    ${RAINBOW_COLOR_ANIMATION_DURATION}s ease infinite forwards;\n`;\n"],"names":["DigitalMeter","styled","GAME_LAUNCHER_SIZE","theme","$isTargetAchieved","keyframes","ContentContainer","CONTENT_CONTAINER_Z_INDEX","NumberCountContainer","GAME_LAUNCHER_SIZE_LARGE","LineMarking","$angle","LINE_MARKING_Z_INDEX","MarkingContainer","ANIMATED_ARC_START_ANGLE","NUMBER_MARKING_Z_INDEX","MarkingText","BottomAbsoluteView","top","HelperTextPrimary","Text","TARGET_HELPER_TEXT_APPEAR_DELAY","HelperTextSecondary","RainboxColorText","rainbowColorAnimation","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;;;;AAiBO,MAAMA,IAAeC,EAAO;AAAA,YACvBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA,sBACP,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMnC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA,eACxC,CAAC,EAAE,mBAAAC,QACZA,IAAoBC,kCAA0C,OAAO;AAAA;AAAA,GAI9DC,IAAmBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAK1BM,CAAyB;AAAA;AAAA;AAAA;AAAA,sBAIhB,CAAC,EAAE,OAAAJ,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,GAG5CK,IAAuBP,EAAO;AAAA;AAAA;AAAA,YAG/BC,MAAuBO,IAA2B,KAAK,EAAE;AAAA;AAGzCR,EAAO;AAAA;AAAA;AAI5B,MAAMS,IAAcT,EAAO;AAAA,WAGvBC,IAAqB,CAAC;AAAA;AAAA;AAAA,sBAGX,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,sBAInC,CAAC,EAAE,QAAAQ,EAAO,MAAM,OAAOA,CAAM;AAAA,UACzCT,IAAqB,CAAC;AAAA,SACvBA,IAAqB,CAAC;AAAA,aAClBU,CAAoB;AAAA,GAGpBC,IAAmBZ,EAAO;AAAA;AAAA,YAE3BC,IAAqBA,IAAqB,SAAS,EAAE;AAAA,sBAC3C,CAAC,EAAE,QAAAS,EAAA,MAAa,CAACG,IAA2BH,CAAM;AAAA,aAC3DI,CAAsB;AAAA,GAGtBC,IAAcf,EAAO;AAAA,sBACZ,CAAC,EAAE,QAAAU,QAAaG,IAA2BH,CAAM;AAAA,GAG1DM,IAAqBhB,EAAO;AAAA;AAAA;AAAA,eAG1B,CAAC,EAAE,KAAAiB,EAAU,MAAA,cAAcA,CAAG,KAAK;AAAA,GAGrCC,IAAoBlB,EAAOmB,CAAI;AAAA,eAC7Bf,iEAAyE;AAAA,kBACtEgB,CAA+B;AAAA,GAGpCC,IAAsBrB,EAAOmB,CAAI;AAAA,eAC/Bf,iEAAyE;AAAA,WAC7EgB,CAA+B;AAAA;AAGFpB,EAAO;AAAA;AAAA;AAAA;AAKlC,MAAAsB,IAAmBtB,EAAOmB,CAAI;AAAA,eAC5B,CAAC,EAAE,mBAAAhB,EAAA,MAAyBA,IAAoBoB,IAAwB,OAAQ;AAAA,MACzFC,CAAgC;AAAA;"}
+{"version":3,"file":"digital-meter-styled.js","sources":["../../../../src/features/post-game-stats/digital-meter/digital-meter-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher-v2/comps/card-container/constants';\nimport Text from '../../ui/text/text';\nimport {\n  ANIMATED_ARC_START_ANGLE,\n  CONTENT_CONTAINER_Z_INDEX,\n  LINE_MARKING_Z_INDEX,\n  NUMBER_MARKING_Z_INDEX,\n  RAINBOW_COLOR_ANIMATION_DURATION,\n  TARGET_HELPER_TEXT_APPEAR_DELAY,\n} from './constants';\nimport { rainbowColorAnimation } from './helper';\n\nexport const DigitalMeter = styled.div<{ $isTargetAchieved: boolean }>`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  border-radius: 100%;\n  border: 1px solid ${({ theme }) => theme.colors.WHITE};\n  animation: ${({ $isTargetAchieved }) =>\n      $isTargetAchieved ? keyframes`100%{transform: scale(1.02)}` : 'unset'}\n    0.133s ease alternate;\n`;\n\nexport const ContentContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  z-index: ${CONTENT_CONTAINER_Z_INDEX};\n  height: 92%;\n  width: 92%;\n  border-radius: 100%;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n`;\n\nexport const NumberCountContainer = styled.div`\n  position: relative;\n  flex-grow: 1;\n  bottom: ${GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? -8 : -6}px;\n`;\n\nexport const AbsoluteView = styled.div`\n  position: absolute;\n`;\n\nexport const LineMarking = styled.div<{\n  $angle: number;\n}>`\n  width: ${GAME_LAUNCHER_SIZE / 2}px;\n  height: 2px;\n  position: absolute;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n  transform-style: preserve-3d;\n  backface-visibility: hidden;\n  transform-origin: left;\n  transform: rotate(${({ $angle }) => -240 + $angle}deg);\n  left: ${GAME_LAUNCHER_SIZE / 2}px;\n  top: ${GAME_LAUNCHER_SIZE / 2}px;\n  z-index: ${LINE_MARKING_Z_INDEX};\n`;\n\nexport const MarkingContainer = styled.div<{ $angle: number }>`\n  position: absolute;\n  height: ${GAME_LAUNCHER_SIZE - GAME_LAUNCHER_SIZE * 0.0625 - 10}px;\n  transform: rotate(${({ $angle }) => -ANIMATED_ARC_START_ANGLE + $angle}deg);\n  z-index: ${NUMBER_MARKING_Z_INDEX};\n`;\n\nexport const MarkingText = styled.div<{ $angle: number }>`\n  transform: rotate(${({ $angle }) => ANIMATED_ARC_START_ANGLE - $angle}deg);\n`;\n\nexport const BottomAbsoluteView = styled.div<{ top: number }>`\n  position: absolute;\n  top: 0;\n  transform: ${({ top }) => `translateY(${top}px)`};\n`;\n\nexport const HelperTextPrimary = styled(Text)`\n  animation: ${keyframes`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s\n    ease-in-out ${TARGET_HELPER_TEXT_APPEAR_DELAY}s forwards;\n`;\n\nexport const HelperTextSecondary = styled(Text)`\n  animation: ${keyframes`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s\n    ease ${TARGET_HELPER_TEXT_APPEAR_DELAY}s forwards;\n`;\n\nexport const TargetAchievedTextLottie = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nexport const RainboxColorText = styled(Text)<{ $isTargetAchieved: boolean }>`\n  animation: ${({ $isTargetAchieved }) => ($isTargetAchieved ? rainbowColorAnimation : 'unset')}\n    ${RAINBOW_COLOR_ANIMATION_DURATION}s ease infinite forwards;\n`;\n"],"names":["DigitalMeter","styled","GAME_LAUNCHER_SIZE","theme","$isTargetAchieved","keyframes","ContentContainer","CONTENT_CONTAINER_Z_INDEX","NumberCountContainer","GAME_LAUNCHER_SIZE_LARGE","LineMarking","$angle","LINE_MARKING_Z_INDEX","MarkingContainer","ANIMATED_ARC_START_ANGLE","NUMBER_MARKING_Z_INDEX","MarkingText","BottomAbsoluteView","top","HelperTextPrimary","Text","TARGET_HELPER_TEXT_APPEAR_DELAY","HelperTextSecondary","RainboxColorText","rainbowColorAnimation","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;;;;AAiBO,MAAMA,IAAeC,EAAO;AAAA,YACvBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA,sBACP,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMnC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA,eACxC,CAAC,EAAE,mBAAAC,QACZA,IAAoBC,kCAA0C,OAAO;AAAA;AAAA,GAI9DC,IAAmBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAK1BM,CAAyB;AAAA;AAAA;AAAA;AAAA,sBAIhB,CAAC,EAAE,OAAAJ,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,GAG5CK,IAAuBP,EAAO;AAAA;AAAA;AAAA,YAG/BC,MAAuBO,IAA2B,KAAK,EAAE;AAAA;AAGzCR,EAAO;AAAA;AAAA;AAI5B,MAAMS,IAAcT,EAAO;AAAA,WAGvBC,IAAqB,CAAC;AAAA;AAAA;AAAA,sBAGX,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,sBAInC,CAAC,EAAE,QAAAQ,EAAO,MAAM,OAAOA,CAAM;AAAA,UACzCT,IAAqB,CAAC;AAAA,SACvBA,IAAqB,CAAC;AAAA,aAClBU,CAAoB;AAAA,GAGpBC,IAAmBZ,EAAO;AAAA;AAAA,YAE3BC,IAAqBA,IAAqB,SAAS,EAAE;AAAA,sBAC3C,CAAC,EAAE,QAAAS,EAAA,MAAa,CAACG,IAA2BH,CAAM;AAAA,aAC3DI,CAAsB;AAAA,GAGtBC,IAAcf,EAAO;AAAA,sBACZ,CAAC,EAAE,QAAAU,QAAaG,IAA2BH,CAAM;AAAA,GAG1DM,IAAqBhB,EAAO;AAAA;AAAA;AAAA,eAG1B,CAAC,EAAE,KAAAiB,EAAU,MAAA,cAAcA,CAAG,KAAK;AAAA,GAGrCC,IAAoBlB,EAAOmB,CAAI;AAAA,eAC7Bf,iEAAyE;AAAA,kBACtEgB,CAA+B;AAAA,GAGpCC,IAAsBrB,EAAOmB,CAAI;AAAA,eAC/Bf,iEAAyE;AAAA,WAC7EgB,CAA+B;AAAA;AAGFpB,EAAO;AAAA;AAAA;AAAA;AAKlC,MAAAsB,IAAmBtB,EAAOmB,CAAI;AAAA,eAC5B,CAAC,EAAE,mBAAAhB,EAAA,MAAyBA,IAAoBoB,IAAwB,OAAQ;AAAA,MACzFC,CAAgC;AAAA;"}

package/dist/features/post-game-stats/digital-meter/digital-meter.js

@@ -1,7 +1,7 @@
 import { jsxs as c, jsx as r, Fragment as k } from "react/jsx-runtime";
 import U, { memo as Y, useState as B, useCallback as K, useEffect as P } from "react";
 import { LOTTIE as j } from "../../../assets/lottie/lottie.js";
-import { GAME_LAUNCHER_SIZE as o, GAME_LAUNCHER_SIZE_LARGE as d } from "../../circle-games/game-launcher/comps/card-container/constants.js";
+import { GAME_LAUNCHER_SIZE as o, GAME_LAUNCHER_SIZE_LARGE as d } from "../../circle-games/game-launcher-v2/comps/card-container/constants.js";
 import { useCircleSounds as Z } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds.js";
 import { CircleSoundKey as T } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js";
 import I from "../../ui/animated-arc/animated-arc.js";

package/dist/features/post-game-stats/digital-meter/digital-meter.js.map

@@ -1 +1 @@
-{"version":3,"file":"digital-meter.js","sources":["../../../../src/features/post-game-stats/digital-meter/digital-meter.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { memo, useCallback, useEffect, useState } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher/comps/card-container/constants';\nimport { useCircleSounds } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums';\nimport AnimatedArc from '../../ui/animated-arc/animated-arc';\nimport FlexView from '../../ui/layout/flex-view';\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { NumberCountAnimation } from '../number-count-animation/number-count-animation';\nimport {\n  ANIMATED_ARC_START_ANGLE,\n  ARC_RADIUS,\n  PROGRESS_FILL_DELAY,\n  PROGRESS_FILL_DURATION,\n  STROKE_WIDTH,\n  TARGET_ACHIEVED_DELAY,\n  TOTAL_ANIMATION_DURATION,\n  TOTAL_ARC_AVAILABLE,\n} from './constants';\nimport * as Styled from './digital-meter-styled';\nimport type { IDigitalMeterProps } from './digital-meter-types';\n\nconst settings = {\n  renderer: 'canvas',\n};\n\nexport const DigitalMeter: FC<IDigitalMeterProps> = memo(\n  ({\n    show,\n    value,\n    maxValue,\n    targetValue = 0,\n    displayText,\n    progressType,\n    helperTextPrimary,\n    helperTextSecondary,\n    onComplete,\n    actAsTimer,\n  }) => {\n    const [isTargetAchieved, setIsTargetAchieved] = useState(false);\n    const { play } = useCircleSounds();\n\n    const isTargetValueAchieved = useCallback(\n      (valueToCompare: number) => {\n        if (targetValue) {\n          if (actAsTimer) {\n            return valueToCompare <= targetValue;\n          }\n\n          return valueToCompare >= targetValue;\n        }\n\n        return false;\n      },\n      [targetValue, actAsTimer],\n    );\n\n    useEffect(() => {\n      let timer: ReturnType<typeof setTimeout>;\n      let timerForAnimationComplete: ReturnType<typeof setTimeout>;\n      const isTargetAchievedFlag = isTargetValueAchieved(value);\n\n      if (show) {\n        play(actAsTimer ? CircleSoundKey.TIME_INTRO : CircleSoundKey.ACCURACY_INTRO);\n        play(CircleSoundKey.METER_FILL);\n        if (isTargetAchievedFlag) {\n          timer = setTimeout(() => {\n            play(actAsTimer ? CircleSoundKey.TIME_TARGET : CircleSoundKey.ACCURACY_TARGET);\n            setIsTargetAchieved(true);\n          }, TARGET_ACHIEVED_DELAY * 1000);\n        }\n\n        const timeToFinishAnimation = isTargetAchievedFlag\n          ? TOTAL_ANIMATION_DURATION\n          : TARGET_ACHIEVED_DELAY;\n\n        timerForAnimationComplete = setTimeout(() => {\n          onComplete();\n        }, timeToFinishAnimation * 1000);\n      }\n\n      return () => {\n        timer && clearTimeout(timer);\n        timerForAnimationComplete && clearTimeout(timerForAnimationComplete);\n      };\n    }, [show, value, onComplete, isTargetValueAchieved, actAsTimer, play]);\n\n    if (!show) return null;\n\n    return (\n      <Styled.DigitalMeter $isTargetAchieved={isTargetAchieved}>\n        {/* complete arc area to be filled */}\n        <AnimatedArc\n          targetAngle={TOTAL_ARC_AVAILABLE}\n          strokeWidth={STROKE_WIDTH}\n          color=\"BLACK_5\"\n          radius={ARC_RADIUS}\n          duration={0}\n          startAngle={-ANIMATED_ARC_START_ANGLE}\n        />\n\n        {/* center area for the content */}\n        <Styled.ContentContainer>\n          <FlexView $flexDirection=\"column\" $alignItems=\"center\">\n            <FlexView $flexDirection=\"row\" $alignItems=\"flex-end\">\n              <Styled.NumberCountContainer>\n                <Styled.RainboxColorText\n                  $renderAs={GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ah1' : 'ah2'}\n                  $color=\"GREEN_4\"\n                  $isTargetAchieved={isTargetAchieved}\n                >\n                  <NumberCountAnimation\n                    initialValue={0}\n                    targetValue={Math.floor(value)}\n                    durationInSec={PROGRESS_FILL_DURATION}\n                    delayInSec={PROGRESS_FILL_DELAY}\n                  />\n                </Styled.RainboxColorText>\n              </Styled.NumberCountContainer>\n              {progressType === 'stepper' && (\n                <Text\n                  $renderAs={GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ah4' : 'ab1'}\n                  $color=\"WHITE\"\n                >\n                  /{maxValue}\n                </Text>\n              )}\n            </FlexView>\n            <Separator height={8} />\n            <Text\n              $renderAs={\n                GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ac3-black' : 'ac4-black'\n              }\n              $color=\"WHITE_T_60\"\n            >\n              {displayText}\n            </Text>\n          </FlexView>\n        </Styled.ContentContainer>\n\n        {/* stepper animation */}\n        {progressType === 'stepper' &&\n          Array.from({ length: value }, (_, index) => {\n            const arcLength = TOTAL_ARC_AVAILABLE / maxValue;\n\n            return (\n              <AnimatedArc\n                key={index}\n                startAngle={-ANIMATED_ARC_START_ANGLE + arcLength * index}\n                targetAngle={arcLength}\n                strokeWidth={STROKE_WIDTH}\n                color=\"GREEN_4\"\n                radius={ARC_RADIUS}\n                mode=\"fade\"\n                duration={PROGRESS_FILL_DURATION / maxValue}\n                delay={PROGRESS_FILL_DELAY + (PROGRESS_FILL_DURATION / maxValue) * index}\n                showAnimatedRainbowArc={isTargetAchieved}\n              />\n            );\n          })}\n\n        {/* numbers with markings */}\n        {progressType === 'stepper' &&\n          Array.from({ length: maxValue + 1 }, (_, index) => {\n            const arcLength = TOTAL_ARC_AVAILABLE / maxValue;\n\n            return (\n              <React.Fragment key={index}>\n                <Styled.LineMarking $angle={arcLength * index} />\n                <Styled.MarkingContainer key={index} $angle={arcLength * index}>\n                  <Styled.MarkingText $angle={arcLength * index}>\n                    <Styled.RainboxColorText\n                      $renderAs={\n                        GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ac3-black' : 'ac4-black'\n                      }\n                      $color={targetValue && targetValue === index ? 'GREEN_4' : 'WHITE_T_60'}\n                      $isTargetAchieved={\n                        targetValue === index && isTargetValueAchieved(index) && isTargetAchieved\n                      }\n                    >\n                      {index}\n                    </Styled.RainboxColorText>\n                  </Styled.MarkingText>\n                </Styled.MarkingContainer>\n              </React.Fragment>\n            );\n          })}\n\n        {/* progress of linear */}\n        {progressType === 'linear' && (\n          <>\n            <AnimatedArc\n              targetAngle={(value * TOTAL_ARC_AVAILABLE) / maxValue}\n              strokeWidth={STROKE_WIDTH}\n              color=\"GREEN_4\"\n              radius={ARC_RADIUS}\n              duration={PROGRESS_FILL_DURATION}\n              delay={PROGRESS_FILL_DELAY}\n              showAnimatedRainbowArc={isTargetAchieved}\n              startAngle={-ANIMATED_ARC_START_ANGLE}\n            />\n            <>\n              {/* target line marking */}\n              {targetValue && (\n                <Styled.LineMarking $angle={(targetValue * TOTAL_ARC_AVAILABLE) / maxValue} />\n              )}\n\n              {/* all markings */}\n              {Array.from(new Set([0, targetValue, maxValue])).map((val, index) => (\n                <Styled.MarkingContainer\n                  key={index}\n                  $angle={(val * TOTAL_ARC_AVAILABLE) / maxValue}\n                >\n                  <Styled.MarkingText $angle={(val * TOTAL_ARC_AVAILABLE) / maxValue}>\n                    <Styled.RainboxColorText\n                      $renderAs={\n                        GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ac3-black' : 'ac4-black'\n                      }\n                      $color={targetValue && targetValue === val ? 'GREEN_4' : 'WHITE_T_60'}\n                      $isTargetAchieved={\n                        targetValue === val && isTargetAchieved && isTargetValueAchieved(val)\n                      }\n                    >\n                      {val}\n                    </Styled.RainboxColorText>\n                  </Styled.MarkingText>\n                </Styled.MarkingContainer>\n              ))}\n            </>\n          </>\n        )}\n\n        {/* helper text below the animation */}\n        {isTargetAchieved && (\n          <Styled.BottomAbsoluteView top={GAME_LAUNCHER_SIZE}>\n            <LottieAnimation\n              src={LOTTIE.TARGET_ACHIEVED_TEXT}\n              settings={settings}\n              width={GAME_LAUNCHER_SIZE * 0.6}\n            />\n          </Styled.BottomAbsoluteView>\n        )}\n        {!isTargetAchieved && (\n          <Styled.BottomAbsoluteView top={GAME_LAUNCHER_SIZE}>\n            <Separator height={25} />\n            <FlexView $flexDirection=\"column\" $alignItems=\"center\">\n              <Styled.HelperTextPrimary\n                $renderAs={\n                  GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ac3-black' : 'ac4-black'\n                }\n                $color=\"WHITE_T_60\"\n              >\n                {helperTextPrimary}\n                <Separator height={GAME_LAUNCHER_SIZE * 0.03} />\n              </Styled.HelperTextPrimary>\n              <Styled.HelperTextSecondary\n                $renderAs={GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ah4' : 'ab1'}\n                $color=\"WHITE\"\n              >\n                {helperTextSecondary}\n              </Styled.HelperTextSecondary>\n            </FlexView>\n          </Styled.BottomAbsoluteView>\n        )}\n      </Styled.DigitalMeter>\n    );\n  },\n);\n"],"names":["settings","DigitalMeter","memo","show","value","maxValue","targetValue","displayText","progressType","helperTextPrimary","helperTextSecondary","onComplete","actAsTimer","isTargetAchieved","setIsTargetAchieved","useState","play","useCircleSounds","isTargetValueAchieved","useCallback","valueToCompare","useEffect","timer","timerForAnimationComplete","isTargetAchievedFlag","CircleSoundKey","TARGET_ACHIEVED_DELAY","TOTAL_ANIMATION_DURATION","jsxs","Styled.DigitalMeter","jsx","AnimatedArc","TOTAL_ARC_AVAILABLE","STROKE_WIDTH","ARC_RADIUS","ANIMATED_ARC_START_ANGLE","Styled.ContentContainer","FlexView","Styled.NumberCountContainer","Styled.RainboxColorText","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_SIZE_LARGE","NumberCountAnimation","PROGRESS_FILL_DURATION","PROGRESS_FILL_DELAY","Text","Separator","_","index","arcLength","React","Styled.LineMarking","Styled.MarkingContainer","Styled.MarkingText","Fragment","val","Styled.BottomAbsoluteView","LottieAnimation","LOTTIE","Styled.HelperTextPrimary","Styled.HelperTextSecondary"],"mappings":"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"}
+{"version":3,"file":"digital-meter.js","sources":["../../../../src/features/post-game-stats/digital-meter/digital-meter.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { memo, useCallback, useEffect, useState } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher-v2/comps/card-container/constants';\nimport { useCircleSounds } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums';\nimport AnimatedArc from '../../ui/animated-arc/animated-arc';\nimport FlexView from '../../ui/layout/flex-view';\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { NumberCountAnimation } from '../number-count-animation/number-count-animation';\nimport {\n  ANIMATED_ARC_START_ANGLE,\n  ARC_RADIUS,\n  PROGRESS_FILL_DELAY,\n  PROGRESS_FILL_DURATION,\n  STROKE_WIDTH,\n  TARGET_ACHIEVED_DELAY,\n  TOTAL_ANIMATION_DURATION,\n  TOTAL_ARC_AVAILABLE,\n} from './constants';\nimport * as Styled from './digital-meter-styled';\nimport type { IDigitalMeterProps } from './digital-meter-types';\n\nconst settings = {\n  renderer: 'canvas',\n};\n\nexport const DigitalMeter: FC<IDigitalMeterProps> = memo(\n  ({\n    show,\n    value,\n    maxValue,\n    targetValue = 0,\n    displayText,\n    progressType,\n    helperTextPrimary,\n    helperTextSecondary,\n    onComplete,\n    actAsTimer,\n  }) => {\n    const [isTargetAchieved, setIsTargetAchieved] = useState(false);\n    const { play } = useCircleSounds();\n\n    const isTargetValueAchieved = useCallback(\n      (valueToCompare: number) => {\n        if (targetValue) {\n          if (actAsTimer) {\n            return valueToCompare <= targetValue;\n          }\n\n          return valueToCompare >= targetValue;\n        }\n\n        return false;\n      },\n      [targetValue, actAsTimer],\n    );\n\n    useEffect(() => {\n      let timer: ReturnType<typeof setTimeout>;\n      let timerForAnimationComplete: ReturnType<typeof setTimeout>;\n      const isTargetAchievedFlag = isTargetValueAchieved(value);\n\n      if (show) {\n        play(actAsTimer ? CircleSoundKey.TIME_INTRO : CircleSoundKey.ACCURACY_INTRO);\n        play(CircleSoundKey.METER_FILL);\n        if (isTargetAchievedFlag) {\n          timer = setTimeout(() => {\n            play(actAsTimer ? CircleSoundKey.TIME_TARGET : CircleSoundKey.ACCURACY_TARGET);\n            setIsTargetAchieved(true);\n          }, TARGET_ACHIEVED_DELAY * 1000);\n        }\n\n        const timeToFinishAnimation = isTargetAchievedFlag\n          ? TOTAL_ANIMATION_DURATION\n          : TARGET_ACHIEVED_DELAY;\n\n        timerForAnimationComplete = setTimeout(() => {\n          onComplete();\n        }, timeToFinishAnimation * 1000);\n      }\n\n      return () => {\n        timer && clearTimeout(timer);\n        timerForAnimationComplete && clearTimeout(timerForAnimationComplete);\n      };\n    }, [show, value, onComplete, isTargetValueAchieved, actAsTimer, play]);\n\n    if (!show) return null;\n\n    return (\n      <Styled.DigitalMeter $isTargetAchieved={isTargetAchieved}>\n        {/* complete arc area to be filled */}\n        <AnimatedArc\n          targetAngle={TOTAL_ARC_AVAILABLE}\n          strokeWidth={STROKE_WIDTH}\n          color=\"BLACK_5\"\n          radius={ARC_RADIUS}\n          duration={0}\n          startAngle={-ANIMATED_ARC_START_ANGLE}\n        />\n\n        {/* center area for the content */}\n        <Styled.ContentContainer>\n          <FlexView $flexDirection=\"column\" $alignItems=\"center\">\n            <FlexView $flexDirection=\"row\" $alignItems=\"flex-end\">\n              <Styled.NumberCountContainer>\n                <Styled.RainboxColorText\n                  $renderAs={GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ah1' : 'ah2'}\n                  $color=\"GREEN_4\"\n                  $isTargetAchieved={isTargetAchieved}\n                >\n                  <NumberCountAnimation\n                    initialValue={0}\n                    targetValue={Math.floor(value)}\n                    durationInSec={PROGRESS_FILL_DURATION}\n                    delayInSec={PROGRESS_FILL_DELAY}\n                  />\n                </Styled.RainboxColorText>\n              </Styled.NumberCountContainer>\n              {progressType === 'stepper' && (\n                <Text\n                  $renderAs={GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ah4' : 'ab1'}\n                  $color=\"WHITE\"\n                >\n                  /{maxValue}\n                </Text>\n              )}\n            </FlexView>\n            <Separator height={8} />\n            <Text\n              $renderAs={\n                GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ac3-black' : 'ac4-black'\n              }\n              $color=\"WHITE_T_60\"\n            >\n              {displayText}\n            </Text>\n          </FlexView>\n        </Styled.ContentContainer>\n\n        {/* stepper animation */}\n        {progressType === 'stepper' &&\n          Array.from({ length: value }, (_, index) => {\n            const arcLength = TOTAL_ARC_AVAILABLE / maxValue;\n\n            return (\n              <AnimatedArc\n                key={index}\n                startAngle={-ANIMATED_ARC_START_ANGLE + arcLength * index}\n                targetAngle={arcLength}\n                strokeWidth={STROKE_WIDTH}\n                color=\"GREEN_4\"\n                radius={ARC_RADIUS}\n                mode=\"fade\"\n                duration={PROGRESS_FILL_DURATION / maxValue}\n                delay={PROGRESS_FILL_DELAY + (PROGRESS_FILL_DURATION / maxValue) * index}\n                showAnimatedRainbowArc={isTargetAchieved}\n              />\n            );\n          })}\n\n        {/* numbers with markings */}\n        {progressType === 'stepper' &&\n          Array.from({ length: maxValue + 1 }, (_, index) => {\n            const arcLength = TOTAL_ARC_AVAILABLE / maxValue;\n\n            return (\n              <React.Fragment key={index}>\n                <Styled.LineMarking $angle={arcLength * index} />\n                <Styled.MarkingContainer key={index} $angle={arcLength * index}>\n                  <Styled.MarkingText $angle={arcLength * index}>\n                    <Styled.RainboxColorText\n                      $renderAs={\n                        GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ac3-black' : 'ac4-black'\n                      }\n                      $color={targetValue && targetValue === index ? 'GREEN_4' : 'WHITE_T_60'}\n                      $isTargetAchieved={\n                        targetValue === index && isTargetValueAchieved(index) && isTargetAchieved\n                      }\n                    >\n                      {index}\n                    </Styled.RainboxColorText>\n                  </Styled.MarkingText>\n                </Styled.MarkingContainer>\n              </React.Fragment>\n            );\n          })}\n\n        {/* progress of linear */}\n        {progressType === 'linear' && (\n          <>\n            <AnimatedArc\n              targetAngle={(value * TOTAL_ARC_AVAILABLE) / maxValue}\n              strokeWidth={STROKE_WIDTH}\n              color=\"GREEN_4\"\n              radius={ARC_RADIUS}\n              duration={PROGRESS_FILL_DURATION}\n              delay={PROGRESS_FILL_DELAY}\n              showAnimatedRainbowArc={isTargetAchieved}\n              startAngle={-ANIMATED_ARC_START_ANGLE}\n            />\n            <>\n              {/* target line marking */}\n              {targetValue && (\n                <Styled.LineMarking $angle={(targetValue * TOTAL_ARC_AVAILABLE) / maxValue} />\n              )}\n\n              {/* all markings */}\n              {Array.from(new Set([0, targetValue, maxValue])).map((val, index) => (\n                <Styled.MarkingContainer\n                  key={index}\n                  $angle={(val * TOTAL_ARC_AVAILABLE) / maxValue}\n                >\n                  <Styled.MarkingText $angle={(val * TOTAL_ARC_AVAILABLE) / maxValue}>\n                    <Styled.RainboxColorText\n                      $renderAs={\n                        GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ac3-black' : 'ac4-black'\n                      }\n                      $color={targetValue && targetValue === val ? 'GREEN_4' : 'WHITE_T_60'}\n                      $isTargetAchieved={\n                        targetValue === val && isTargetAchieved && isTargetValueAchieved(val)\n                      }\n                    >\n                      {val}\n                    </Styled.RainboxColorText>\n                  </Styled.MarkingText>\n                </Styled.MarkingContainer>\n              ))}\n            </>\n          </>\n        )}\n\n        {/* helper text below the animation */}\n        {isTargetAchieved && (\n          <Styled.BottomAbsoluteView top={GAME_LAUNCHER_SIZE}>\n            <LottieAnimation\n              src={LOTTIE.TARGET_ACHIEVED_TEXT}\n              settings={settings}\n              width={GAME_LAUNCHER_SIZE * 0.6}\n            />\n          </Styled.BottomAbsoluteView>\n        )}\n        {!isTargetAchieved && (\n          <Styled.BottomAbsoluteView top={GAME_LAUNCHER_SIZE}>\n            <Separator height={25} />\n            <FlexView $flexDirection=\"column\" $alignItems=\"center\">\n              <Styled.HelperTextPrimary\n                $renderAs={\n                  GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ac3-black' : 'ac4-black'\n                }\n                $color=\"WHITE_T_60\"\n              >\n                {helperTextPrimary}\n                <Separator height={GAME_LAUNCHER_SIZE * 0.03} />\n              </Styled.HelperTextPrimary>\n              <Styled.HelperTextSecondary\n                $renderAs={GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ah4' : 'ab1'}\n                $color=\"WHITE\"\n              >\n                {helperTextSecondary}\n              </Styled.HelperTextSecondary>\n            </FlexView>\n          </Styled.BottomAbsoluteView>\n        )}\n      </Styled.DigitalMeter>\n    );\n  },\n);\n"],"names":["settings","DigitalMeter","memo","show","value","maxValue","targetValue","displayText","progressType","helperTextPrimary","helperTextSecondary","onComplete","actAsTimer","isTargetAchieved","setIsTargetAchieved","useState","play","useCircleSounds","isTargetValueAchieved","useCallback","valueToCompare","useEffect","timer","timerForAnimationComplete","isTargetAchievedFlag","CircleSoundKey","TARGET_ACHIEVED_DELAY","TOTAL_ANIMATION_DURATION","jsxs","Styled.DigitalMeter","jsx","AnimatedArc","TOTAL_ARC_AVAILABLE","STROKE_WIDTH","ARC_RADIUS","ANIMATED_ARC_START_ANGLE","Styled.ContentContainer","FlexView","Styled.NumberCountContainer","Styled.RainboxColorText","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_SIZE_LARGE","NumberCountAnimation","PROGRESS_FILL_DURATION","PROGRESS_FILL_DELAY","Text","Separator","_","index","arcLength","React","Styled.LineMarking","Styled.MarkingContainer","Styled.MarkingText","Fragment","val","Styled.BottomAbsoluteView","LottieAnimation","LOTTIE","Styled.HelperTextPrimary","Styled.HelperTextSecondary"],"mappings":"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"}

package/dist/features/post-game-stats/points/points.js

@@ -1,8 +1,9 @@
 import { jsx as P } from "react/jsx-runtime";
 import { memo as T, useEffect as a } from "react";
 import { LOTTIE as o } from "../../../assets/lottie/lottie.js";
-import { GAME_LAUNCHER_SIZE as O } from "../../circle-games/game-launcher/comps/card-container/constants.js";
-import { GAME_LAUNCHER_ASSET_PADDING as c, GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH as f } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
+import { GAME_LAUNCHER_SIZE as O } from "../../circle-games/game-launcher-v2/comps/card-container/constants.js";
+import { GAME_LAUNCHER_ASSET_PADDING as c } from "../../circle-games/game-launcher-v2/comps/circular-game-card/constants.js";
+import { GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH as f } from "../../circle-games/game-launcher-v2/comps/segmented-game-card/constants.js";
 import { useCircleSounds as E } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds.js";
 import { CircleSoundKey as l } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js";
 import A from "../../ui/lottie-animation/lottie-animation.js";
@@ -27,7 +28,7 @@ const _ = {
   loop: !1,
   autoplay: !0,
   renderer: "canvas"
-}, g = T((m) => {
+}, w = T((m) => {
   const { point: i = 0, onReveal: n, onComplete: r, show: e } = m, { play: s } = E(), t = _[`point${i}`], I = {
     name: "complete",
     callback: r
@@ -53,6 +54,6 @@ const _ = {
   ) : null;
 });
 export {
-  g as Points
+  w as Points
 };
 //# sourceMappingURL=points.js.map

package/dist/features/post-game-stats/points/points.js.map

@@ -1 +1 @@
-{"version":3,"file":"points.js","sources":["../../../../src/features/post-game-stats/points/points.tsx"],"sourcesContent":["import type { AnimationEventName } from 'lottie-web';\nimport type { FC } from 'react';\nimport { memo, useEffect } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher/comps/card-container/constants';\nimport {\n  GAME_LAUNCHER_ASSET_PADDING,\n  GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH,\n} from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\nimport { useCircleSounds } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums';\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport type { IPointsProps } from './points-types';\n\nconst POINTS_MAP: Record<string, string> = {\n  point1: LOTTIE.POINT1,\n  point2: LOTTIE.POINT2,\n  point3: LOTTIE.POINT3,\n  point4: LOTTIE.POINT4,\n  point5: LOTTIE.POINT5,\n  point10: LOTTIE.POINT10,\n  point15: LOTTIE.POINT15,\n  point20: LOTTIE.POINT20,\n  point25: LOTTIE.POINT25,\n  point30: LOTTIE.POINT30,\n  point35: LOTTIE.POINT35,\n  point40: LOTTIE.POINT40,\n  point45: LOTTIE.POINT45,\n  point50: LOTTIE.POINT50,\n  point60: LOTTIE.POINT60,\n  point100: LOTTIE.POINT100,\n};\nconst animationDimension =\n  GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING - GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH;\nconst animationSettings = {\n  loop: false,\n  autoplay: true,\n  renderer: 'canvas',\n};\n\nexport const Points: FC<IPointsProps> = memo(props => {\n  const { point = 0, onReveal, onComplete, show } = props;\n\n  const { play } = useCircleSounds();\n\n  const animationPath = POINTS_MAP[`point${point}`];\n  const animationEventListener = {\n    name: 'complete' as AnimationEventName,\n    callback: onComplete,\n  };\n\n  useEffect(() => {\n    if (!animationPath) {\n      try {\n        onComplete();\n        throw new Error(`Animation path not found for ${point}`);\n      } catch (err) {\n        // eslint-disable-next-line no-console\n        console.log(err);\n      }\n    }\n\n    if (show && animationPath) onReveal?.();\n  }, [animationPath, onComplete, onReveal, show, point]);\n\n  if (show && animationPath) {\n    return (\n      <LottieAnimation\n        width={animationDimension}\n        height={animationDimension}\n        src={animationPath}\n        settings={animationSettings}\n        eventListener={animationEventListener}\n        onRender={() => play(CircleSoundKey.POINTS_AWARDED)}\n      />\n    );\n  }\n\n  return null;\n});\n"],"names":["POINTS_MAP","LOTTIE","animationDimension","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_ASSET_PADDING","GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH","animationSettings","Points","memo","props","point","onReveal","onComplete","show","play","useCircleSounds","animationPath","animationEventListener","useEffect","err","jsx","LottieAnimation","CircleSoundKey"],"mappings":";;;;;;;;AAeA,MAAMA,IAAqC;AAAA,EACzC,QAAQC,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,UAAUA,EAAO;AACnB,GACMC,IACJC,IAAqBC,IAA8BC,GAC/CC,IAAoB;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,GAEaC,IAA2BC,EAAK,CAASC,MAAA;AACpD,QAAM,EAAE,OAAAC,IAAQ,GAAG,UAAAC,GAAU,YAAAC,GAAY,MAAAC,EAAS,IAAAJ,GAE5C,EAAE,MAAAK,MAASC,KAEXC,IAAgBhB,EAAW,QAAQU,CAAK,EAAE,GAC1CO,IAAyB;AAAA,IAC7B,MAAM;AAAA,IACN,UAAUL;AAAA,EAAA;AAiBZ,SAdAM,EAAU,MAAM;AACd,QAAI,CAACF;AACC,UAAA;AACS,cAAAJ,KACL,IAAI,MAAM,gCAAgCF,CAAK,EAAE;AAAA,eAChDS,GAAK;AAEZ,gBAAQ,IAAIA,CAAG;AAAA,MACjB;AAGE,IAAAN,KAAQG,MAA0BL,KAAA,QAAAA;AAAA,EAAA,GACrC,CAACK,GAAeJ,GAAYD,GAAUE,GAAMH,CAAK,CAAC,GAEjDG,KAAQG,IAER,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOnB;AAAA,MACP,QAAQA;AAAA,MACR,KAAKc;AAAA,MACL,UAAUV;AAAA,MACV,eAAeW;AAAA,MACf,UAAU,MAAMH,EAAKQ,EAAe,cAAc;AAAA,IAAA;AAAA,EAAA,IAKjD;AACT,CAAC;"}
+{"version":3,"file":"points.js","sources":["../../../../src/features/post-game-stats/points/points.tsx"],"sourcesContent":["import type { AnimationEventName } from 'lottie-web';\nimport type { FC } from 'react';\nimport { memo, useEffect } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher-v2/comps/card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING } from '../../circle-games/game-launcher-v2/comps/circular-game-card/constants';\nimport { GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH } from '../../circle-games/game-launcher-v2/comps/segmented-game-card/constants';\nimport { useCircleSounds } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums';\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport type { IPointsProps } from './points-types';\n\nconst POINTS_MAP: Record<string, string> = {\n  point1: LOTTIE.POINT1,\n  point2: LOTTIE.POINT2,\n  point3: LOTTIE.POINT3,\n  point4: LOTTIE.POINT4,\n  point5: LOTTIE.POINT5,\n  point10: LOTTIE.POINT10,\n  point15: LOTTIE.POINT15,\n  point20: LOTTIE.POINT20,\n  point25: LOTTIE.POINT25,\n  point30: LOTTIE.POINT30,\n  point35: LOTTIE.POINT35,\n  point40: LOTTIE.POINT40,\n  point45: LOTTIE.POINT45,\n  point50: LOTTIE.POINT50,\n  point60: LOTTIE.POINT60,\n  point100: LOTTIE.POINT100,\n};\nconst animationDimension =\n  GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING - GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH;\nconst animationSettings = {\n  loop: false,\n  autoplay: true,\n  renderer: 'canvas',\n};\n\nexport const Points: FC<IPointsProps> = memo(props => {\n  const { point = 0, onReveal, onComplete, show } = props;\n\n  const { play } = useCircleSounds();\n\n  const animationPath = POINTS_MAP[`point${point}`];\n  const animationEventListener = {\n    name: 'complete' as AnimationEventName,\n    callback: onComplete,\n  };\n\n  useEffect(() => {\n    if (!animationPath) {\n      try {\n        onComplete();\n        throw new Error(`Animation path not found for ${point}`);\n      } catch (err) {\n        // eslint-disable-next-line no-console\n        console.log(err);\n      }\n    }\n\n    if (show && animationPath) onReveal?.();\n  }, [animationPath, onComplete, onReveal, show, point]);\n\n  if (show && animationPath) {\n    return (\n      <LottieAnimation\n        width={animationDimension}\n        height={animationDimension}\n        src={animationPath}\n        settings={animationSettings}\n        eventListener={animationEventListener}\n        onRender={() => play(CircleSoundKey.POINTS_AWARDED)}\n      />\n    );\n  }\n\n  return null;\n});\n"],"names":["POINTS_MAP","LOTTIE","animationDimension","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_ASSET_PADDING","GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH","animationSettings","Points","memo","props","point","onReveal","onComplete","show","play","useCircleSounds","animationPath","animationEventListener","useEffect","err","jsx","LottieAnimation","CircleSoundKey"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAqC;AAAA,EACzC,QAAQC,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,UAAUA,EAAO;AACnB,GACMC,IACJC,IAAqBC,IAA8BC,GAC/CC,IAAoB;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,GAEaC,IAA2BC,EAAK,CAASC,MAAA;AACpD,QAAM,EAAE,OAAAC,IAAQ,GAAG,UAAAC,GAAU,YAAAC,GAAY,MAAAC,EAAS,IAAAJ,GAE5C,EAAE,MAAAK,MAASC,KAEXC,IAAgBhB,EAAW,QAAQU,CAAK,EAAE,GAC1CO,IAAyB;AAAA,IAC7B,MAAM;AAAA,IACN,UAAUL;AAAA,EAAA;AAiBZ,SAdAM,EAAU,MAAM;AACd,QAAI,CAACF;AACC,UAAA;AACS,cAAAJ,KACL,IAAI,MAAM,gCAAgCF,CAAK,EAAE;AAAA,eAChDS,GAAK;AAEZ,gBAAQ,IAAIA,CAAG;AAAA,MACjB;AAGE,IAAAN,KAAQG,MAA0BL,KAAA,QAAAA;AAAA,EAAA,GACrC,CAACK,GAAeJ,GAAYD,GAAUE,GAAMH,CAAK,CAAC,GAEjDG,KAAQG,IAER,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOnB;AAAA,MACP,QAAQA;AAAA,MACR,KAAKc;AAAA,MACL,UAAUV;AAAA,MACV,eAAeW;AAAA,MACf,UAAU,MAAMH,EAAKQ,EAAe,cAAc;AAAA,IAAA;AAAA,EAAA,IAKjD;AACT,CAAC;"}

package/dist/features/post-game-stats/post-game-stats-styled.js

@@ -1,6 +1,6 @@
-import o from "styled-components";
-import { GAME_LAUNCHER_SIZE as t } from "../circle-games/game-launcher/comps/card-container/constants.js";
-const n = o.div`
+import e from "styled-components";
+import { GAME_LAUNCHER_SIZE as o } from "../circle-games/game-launcher-v2/comps/card-container/constants.js";
+const n = e.div`
   flex: 1;
   position: absolute;
   align-items: center;
@@ -14,11 +14,12 @@ const n = o.div`
   width: 100%;
   height: 100%;
   display: flex;
-`, s = o.div`
-  height: ${t}px;
-  width: ${t}px;
-  background: ${({ theme: e }) => e.colors.BLACK_1};
-  border-radius: ${t / 2}px;
+  transform: translateY(${({ $translateY: t = 0 }) => t}px);
+`, s = e.div`
+  height: ${o}px;
+  width: ${o}px;
+  background: ${({ theme: t }) => t.colors.BLACK_1};
+  border-radius: ${o / 2}px;
   position: absolute;
   z-index: -1;
 `;

package/dist/features/post-game-stats/post-game-stats-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"post-game-stats-styled.js","sources":["../../../src/features/post-game-stats/post-game-stats-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../circle-games/game-launcher/comps/card-container/constants';\n\nexport const StatsWrapper = styled.div`\n  flex: 1;\n  position: absolute;\n  align-items: center;\n  justify-content: center;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: transparent;\n  width: 100%;\n  height: 100%;\n  display: flex;\n`;\n\nexport const BlackBg = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: ${({ theme }) => theme.colors.BLACK_1};\n  border-radius: ${GAME_LAUNCHER_SIZE / 2}px;\n  position: absolute;\n  z-index: -1;\n`;\n"],"names":["StatsWrapper","styled","BlackBg","GAME_LAUNCHER_SIZE","theme"],"mappings":";;AAIO,MAAMA,IAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBtBC,IAAUD,EAAO;AAAA,YAClBE,CAAkB;AAAA,WACnBA,CAAkB;AAAA,gBACb,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,mBAChCD,IAAqB,CAAC;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"post-game-stats-styled.js","sources":["../../../src/features/post-game-stats/post-game-stats-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../circle-games/game-launcher-v2/comps/card-container/constants';\n\nexport const StatsWrapper = styled.div<{ $translateY?: number }>`\n  flex: 1;\n  position: absolute;\n  align-items: center;\n  justify-content: center;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: transparent;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  transform: translateY(${({ $translateY = 0 }) => $translateY}px);\n`;\n\nexport const BlackBg = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: ${({ theme }) => theme.colors.BLACK_1};\n  border-radius: ${GAME_LAUNCHER_SIZE / 2}px;\n  position: absolute;\n  z-index: -1;\n`;\n"],"names":["StatsWrapper","styled","$translateY","BlackBg","GAME_LAUNCHER_SIZE","theme"],"mappings":";;AAIO,MAAMA,IAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAcT,CAAC,EAAE,aAAAC,IAAc,EAAA,MAAQA,CAAW;AAAA,GAGjDC,IAAUF,EAAO;AAAA,YAClBG,CAAkB;AAAA,WACnBA,CAAkB;AAAA,gBACb,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,mBAChCD,IAAqB,CAAC;AAAA;AAAA;AAAA;"}

package/dist/features/post-game-stats/post-game-stats.js

@@ -1,110 +1,112 @@
-import { jsx as n, jsxs as f } from "react/jsx-runtime";
-import { memo as y, forwardRef as S, useState as d, useMemo as u, useCallback as s, useImperativeHandle as C } from "react";
-import { Accuracy as v } from "./accuracy/accuracy.js";
-import { Clock as g } from "./clock/clock.js";
-import { DigitalMeter as A } from "./digital-meter/digital-meter.js";
+import { jsx as n, jsxs as y } from "react/jsx-runtime";
+import { memo as S, forwardRef as d, useState as C, useMemo as u, useCallback as s, useImperativeHandle as v } from "react";
+import { Accuracy as g } from "./accuracy/accuracy.js";
+import { Clock as A } from "./clock/clock.js";
+import { DigitalMeter as R } from "./digital-meter/digital-meter.js";
 import { EPostGameStat as t } from "./enums/post-game-stats-enum.js";
-import { Points as R } from "./points/points.js";
-import { StatsWrapper as I, BlackBg as P } from "./post-game-stats-styled.js";
-import { Score as w } from "./score/score.js";
-import { Streak as E } from "./streak/streak.js";
-const $ = y(
-  S(({ stats: p, show: h, onComplete: m }, T) => {
-    const [o, c] = d(0), e = u(() => p[o], [o, p]), a = s(() => {
-      var r;
-      if ((r = e == null ? void 0 : e.onComplete) == null || r.call(e), o === p.length - 1) {
-        m == null || m();
-        return;
-      }
-      c((i) => i + 1);
-    }, [o, m, p.length, e]), l = s(() => {
-      e != null && e.stopAtEnd || a();
-    }, [e, a]);
-    C(T, () => ({
-      moveToNextAndPlay: a
-    }));
-    const x = u(() => {
-      if (!e)
-        return null;
-      const r = `${e.type}-${o}`;
-      return {
-        [t.SCORE]: /* @__PURE__ */ n(
-          w,
-          {
-            currentScore: e.value,
-            highScore: e.targetValue ?? 0,
-            show: e.type === t.SCORE,
-            onComplete: l,
-            helperText: e.helperText
-          },
-          r
-        ),
-        [t.POINT]: /* @__PURE__ */ n(
-          R,
-          {
-            point: e.value,
-            show: e.type === t.POINT,
-            onComplete: l,
-            onReveal: e.onReveal
-          },
-          r
-        ),
-        [t.DIGITAL_METER]: /* @__PURE__ */ n(
-          A,
-          {
-            value: e.value,
-            maxValue: e.maxValue ?? 1,
-            targetValue: e.targetValue,
-            displayText: e.displayText ?? "",
-            progressType: e.progressType ?? "linear",
-            helperTextPrimary: e.helperTextPrimary ?? "",
-            helperTextSecondary: e.helperTextSecondary ?? "",
-            actAsTimer: e.actAsTimer,
-            show: !0,
-            onComplete: l
-          },
-          r
-        ),
-        [t.STREAK]: /* @__PURE__ */ n(
-          E,
-          {
-            currStreak: e.value,
-            show: !0,
-            onComplete: l,
-            helperText: e.helperText,
-            onReveal: e.onReveal
-          },
-          r
-        ),
-        [t.ACCURACY]: /* @__PURE__ */ n(
-          v,
-          {
-            accuracy: e.value,
-            show: !0,
-            onComplete: l,
-            helperText: e.helperText
-          },
-          r
-        ),
-        [t.CLOCK]: /* @__PURE__ */ n(
-          g,
-          {
-            timeInMs: e.value,
-            show: !0,
-            onComplete: l,
-            helperText: e.helperText
-          },
-          r
-        )
-      }[e.type] ?? null;
-    }, [e, o, l]);
-    return !h || p.length === 0 || o >= p.length ? null : /* @__PURE__ */ f(I, { children: [
-      /* @__PURE__ */ n(P, {}),
-      x
-    ] });
-  })
+import { Points as I } from "./points/points.js";
+import { StatsWrapper as P, BlackBg as w } from "./post-game-stats-styled.js";
+import { Score as E } from "./score/score.js";
+import { Streak as k } from "./streak/streak.js";
+const Y = S(
+  d(
+    ({ stats: p, show: h, offsetY: T, onComplete: a }, c) => {
+      const [o, x] = C(0), e = u(() => p[o], [o, p]), m = s(() => {
+        var r;
+        if ((r = e == null ? void 0 : e.onComplete) == null || r.call(e), o === p.length - 1) {
+          a == null || a();
+          return;
+        }
+        x((i) => i + 1);
+      }, [o, a, p.length, e]), l = s(() => {
+        e != null && e.stopAtEnd || m();
+      }, [e, m]);
+      v(c, () => ({
+        moveToNextAndPlay: m
+      }));
+      const f = u(() => {
+        if (!e)
+          return null;
+        const r = `${e.type}-${o}`;
+        return {
+          [t.SCORE]: /* @__PURE__ */ n(
+            E,
+            {
+              currentScore: e.value,
+              highScore: e.targetValue ?? 0,
+              show: e.type === t.SCORE,
+              onComplete: l,
+              helperText: e.helperText
+            },
+            r
+          ),
+          [t.POINT]: /* @__PURE__ */ n(
+            I,
+            {
+              point: e.value,
+              show: e.type === t.POINT,
+              onComplete: l,
+              onReveal: e.onReveal
+            },
+            r
+          ),
+          [t.DIGITAL_METER]: /* @__PURE__ */ n(
+            R,
+            {
+              value: e.value,
+              maxValue: e.maxValue ?? 1,
+              targetValue: e.targetValue,
+              displayText: e.displayText ?? "",
+              progressType: e.progressType ?? "linear",
+              helperTextPrimary: e.helperTextPrimary ?? "",
+              helperTextSecondary: e.helperTextSecondary ?? "",
+              actAsTimer: e.actAsTimer,
+              show: !0,
+              onComplete: l
+            },
+            r
+          ),
+          [t.STREAK]: /* @__PURE__ */ n(
+            k,
+            {
+              currStreak: e.value,
+              show: !0,
+              onComplete: l,
+              helperText: e.helperText,
+              onReveal: e.onReveal
+            },
+            r
+          ),
+          [t.ACCURACY]: /* @__PURE__ */ n(
+            g,
+            {
+              accuracy: e.value,
+              show: !0,
+              onComplete: l,
+              helperText: e.helperText
+            },
+            r
+          ),
+          [t.CLOCK]: /* @__PURE__ */ n(
+            A,
+            {
+              timeInMs: e.value,
+              show: !0,
+              onComplete: l,
+              helperText: e.helperText
+            },
+            r
+          )
+        }[e.type] ?? null;
+      }, [e, o, l]);
+      return !h || p.length === 0 || o >= p.length ? null : /* @__PURE__ */ y(P, { $translateY: T, children: [
+        /* @__PURE__ */ n(w, {}),
+        f
+      ] });
+    }
+  )
 );
 export {
-  $ as PostGameStats
+  Y as PostGameStats
 };
 //# sourceMappingURL=post-game-stats.js.map

package/dist/features/post-game-stats/post-game-stats.js.map

@@ -1 +1 @@
-{"version":3,"file":"post-game-stats.js","sources":["../../../src/features/post-game-stats/post-game-stats.tsx"],"sourcesContent":["import { useState, memo, useCallback, forwardRef, useImperativeHandle, useMemo } from 'react';\n\nimport { Accuracy } from './accuracy/accuracy';\nimport { Clock } from './clock/clock';\nimport { DigitalMeter } from './digital-meter/digital-meter';\nimport { EPostGameStat } from './enums/post-game-stats-enum';\nimport { Points } from './points/points';\nimport * as Styled from './post-game-stats-styled';\nimport type { IPostGameStatsProps, IPostGameStatsRef } from './post-game-stats-types';\nimport { Score } from './score/score';\nimport { Streak } from './streak/streak';\n\nexport const PostGameStats = memo(\n  forwardRef<IPostGameStatsRef, IPostGameStatsProps>(({ stats, show, onComplete }, ref) => {\n    const [currStatIndex, setCurrentStatIndex] = useState(0);\n    const currStatData = useMemo(() => stats[currStatIndex], [currStatIndex, stats]);\n\n    const moveToNextAndPlay = useCallback(() => {\n      currStatData?.onComplete?.();\n\n      if (currStatIndex === stats.length - 1) {\n        onComplete?.();\n\n        return;\n      }\n      setCurrentStatIndex(prev => prev + 1);\n    }, [currStatIndex, onComplete, stats.length, currStatData]);\n\n    const onStatAnimationComplete = useCallback(() => {\n      if (currStatData?.stopAtEnd) {\n        return;\n      }\n      moveToNextAndPlay(); // Autoplay since stopAtEnd is false\n    }, [currStatData, moveToNextAndPlay]);\n\n    useImperativeHandle(ref, () => ({\n      moveToNextAndPlay,\n    }));\n\n    const renderCurrentStat = useMemo(() => {\n      if (!currStatData) {\n        return null;\n      }\n\n      const key = `${currStatData.type}-${currStatIndex}`;\n\n      const renderStat = {\n        [EPostGameStat.SCORE]: (\n          <Score\n            key={key}\n            currentScore={currStatData.value}\n            highScore={currStatData.targetValue ?? 0}\n            show={currStatData.type === EPostGameStat.SCORE}\n            onComplete={onStatAnimationComplete}\n            helperText={currStatData.helperText}\n          />\n        ),\n\n        [EPostGameStat.POINT]: (\n          <Points\n            key={key}\n            point={currStatData.value}\n            show={currStatData.type === EPostGameStat.POINT}\n            onComplete={onStatAnimationComplete}\n            onReveal={currStatData.onReveal}\n          />\n        ),\n        [EPostGameStat.DIGITAL_METER]: (\n          <DigitalMeter\n            key={key}\n            value={currStatData.value}\n            maxValue={currStatData.maxValue ?? 1}\n            targetValue={currStatData.targetValue}\n            displayText={currStatData.displayText ?? ''}\n            progressType={currStatData.progressType ?? 'linear'}\n            helperTextPrimary={currStatData.helperTextPrimary ?? ''}\n            helperTextSecondary={currStatData.helperTextSecondary ?? ''}\n            actAsTimer={currStatData.actAsTimer}\n            show={true}\n            onComplete={onStatAnimationComplete}\n          />\n        ),\n        [EPostGameStat.STREAK]: (\n          <Streak\n            key={key}\n            currStreak={currStatData.value}\n            show={true}\n            onComplete={onStatAnimationComplete}\n            helperText={currStatData.helperText}\n            onReveal={currStatData.onReveal}\n          />\n        ),\n        [EPostGameStat.ACCURACY]: (\n          <Accuracy\n            key={key}\n            accuracy={currStatData.value}\n            show={true}\n            onComplete={onStatAnimationComplete}\n            helperText={currStatData.helperText}\n          />\n        ),\n        [EPostGameStat.CLOCK]: (\n          <Clock\n            key={key}\n            timeInMs={currStatData.value}\n            show={true}\n            onComplete={onStatAnimationComplete}\n            helperText={currStatData.helperText}\n          />\n        ),\n      };\n\n      return renderStat[currStatData.type] ?? null;\n    }, [currStatData, currStatIndex, onStatAnimationComplete]);\n\n    if (!show || stats.length === 0 || currStatIndex >= stats.length) {\n      return null;\n    }\n\n    return (\n      <Styled.StatsWrapper>\n        <Styled.BlackBg />\n\n        {renderCurrentStat}\n      </Styled.StatsWrapper>\n    );\n  }),\n);\n"],"names":["PostGameStats","memo","forwardRef","stats","show","onComplete","ref","currStatIndex","setCurrentStatIndex","useState","currStatData","useMemo","moveToNextAndPlay","useCallback","_a","prev","onStatAnimationComplete","useImperativeHandle","renderCurrentStat","key","EPostGameStat","jsx","Score","Points","DigitalMeter","Streak","Accuracy","Clock","jsxs","Styled.StatsWrapper","Styled.BlackBg"],"mappings":"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"}
+{"version":3,"file":"post-game-stats.js","sources":["../../../src/features/post-game-stats/post-game-stats.tsx"],"sourcesContent":["import { useState, memo, useCallback, forwardRef, useImperativeHandle, useMemo } from 'react';\n\nimport { Accuracy } from './accuracy/accuracy';\nimport { Clock } from './clock/clock';\nimport { DigitalMeter } from './digital-meter/digital-meter';\nimport { EPostGameStat } from './enums/post-game-stats-enum';\nimport { Points } from './points/points';\nimport * as Styled from './post-game-stats-styled';\nimport type { IPostGameStatsProps, IPostGameStatsRef } from './post-game-stats-types';\nimport { Score } from './score/score';\nimport { Streak } from './streak/streak';\n\nexport const PostGameStats = memo(\n  forwardRef<IPostGameStatsRef, IPostGameStatsProps>(\n    ({ stats, show, offsetY, onComplete }, ref) => {\n      const [currStatIndex, setCurrentStatIndex] = useState(0);\n      const currStatData = useMemo(() => stats[currStatIndex], [currStatIndex, stats]);\n\n      const moveToNextAndPlay = useCallback(() => {\n        currStatData?.onComplete?.();\n\n        if (currStatIndex === stats.length - 1) {\n          onComplete?.();\n\n          return;\n        }\n        setCurrentStatIndex(prev => prev + 1);\n      }, [currStatIndex, onComplete, stats.length, currStatData]);\n\n      const onStatAnimationComplete = useCallback(() => {\n        if (currStatData?.stopAtEnd) {\n          return;\n        }\n        moveToNextAndPlay(); // Autoplay since stopAtEnd is false\n      }, [currStatData, moveToNextAndPlay]);\n\n      useImperativeHandle(ref, () => ({\n        moveToNextAndPlay,\n      }));\n\n      const renderCurrentStat = useMemo(() => {\n        if (!currStatData) {\n          return null;\n        }\n\n        const key = `${currStatData.type}-${currStatIndex}`;\n\n        const renderStat = {\n          [EPostGameStat.SCORE]: (\n            <Score\n              key={key}\n              currentScore={currStatData.value}\n              highScore={currStatData.targetValue ?? 0}\n              show={currStatData.type === EPostGameStat.SCORE}\n              onComplete={onStatAnimationComplete}\n              helperText={currStatData.helperText}\n            />\n          ),\n\n          [EPostGameStat.POINT]: (\n            <Points\n              key={key}\n              point={currStatData.value}\n              show={currStatData.type === EPostGameStat.POINT}\n              onComplete={onStatAnimationComplete}\n              onReveal={currStatData.onReveal}\n            />\n          ),\n          [EPostGameStat.DIGITAL_METER]: (\n            <DigitalMeter\n              key={key}\n              value={currStatData.value}\n              maxValue={currStatData.maxValue ?? 1}\n              targetValue={currStatData.targetValue}\n              displayText={currStatData.displayText ?? ''}\n              progressType={currStatData.progressType ?? 'linear'}\n              helperTextPrimary={currStatData.helperTextPrimary ?? ''}\n              helperTextSecondary={currStatData.helperTextSecondary ?? ''}\n              actAsTimer={currStatData.actAsTimer}\n              show={true}\n              onComplete={onStatAnimationComplete}\n            />\n          ),\n          [EPostGameStat.STREAK]: (\n            <Streak\n              key={key}\n              currStreak={currStatData.value}\n              show={true}\n              onComplete={onStatAnimationComplete}\n              helperText={currStatData.helperText}\n              onReveal={currStatData.onReveal}\n            />\n          ),\n          [EPostGameStat.ACCURACY]: (\n            <Accuracy\n              key={key}\n              accuracy={currStatData.value}\n              show={true}\n              onComplete={onStatAnimationComplete}\n              helperText={currStatData.helperText}\n            />\n          ),\n          [EPostGameStat.CLOCK]: (\n            <Clock\n              key={key}\n              timeInMs={currStatData.value}\n              show={true}\n              onComplete={onStatAnimationComplete}\n              helperText={currStatData.helperText}\n            />\n          ),\n        };\n\n        return renderStat[currStatData.type] ?? null;\n      }, [currStatData, currStatIndex, onStatAnimationComplete]);\n\n      if (!show || stats.length === 0 || currStatIndex >= stats.length) {\n        return null;\n      }\n\n      return (\n        <Styled.StatsWrapper $translateY={offsetY}>\n          <Styled.BlackBg />\n\n          {renderCurrentStat}\n        </Styled.StatsWrapper>\n      );\n    },\n  ),\n);\n"],"names":["PostGameStats","memo","forwardRef","stats","show","offsetY","onComplete","ref","currStatIndex","setCurrentStatIndex","useState","currStatData","useMemo","moveToNextAndPlay","useCallback","_a","prev","onStatAnimationComplete","useImperativeHandle","renderCurrentStat","key","EPostGameStat","jsx","Score","Points","DigitalMeter","Streak","Accuracy","Clock","jsxs","Styled.StatsWrapper","Styled.BlackBg"],"mappings":"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"}

package/dist/features/post-game-stats/score/score-styled.js

@@ -1,6 +1,6 @@
 import o, { keyframes as r, css as a } from "styled-components";
-import { GAME_LAUNCHER_SIZE as t } from "../../circle-games/game-launcher/comps/card-container/constants.js";
-import { GAME_LAUNCHER_ASSET_PADDING as e } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
+import { GAME_LAUNCHER_SIZE as t } from "../../circle-games/game-launcher-v2/comps/card-container/constants.js";
+import { GAME_LAUNCHER_ASSET_PADDING as e } from "../../circle-games/game-launcher-v2/comps/circular-game-card/constants.js";
 import s from "../../ui/text/text.js";
 const p = r`
   0%{

package/dist/features/post-game-stats/score/score-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"score-styled.js","sources":["../../../../src/features/post-game-stats/score/score-styled.tsx"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher/comps/card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING } from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\nimport Text from '../../ui/text/text';\n\nconst fadeIn = keyframes`\n  0%{\n    opacity: 0;\n  }\n  100%{\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  0%{\n    opacity: 1;\n  }\n  100%{\n    opacity: 0;\n  }\n`;\n\nexport const HighScore = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  border: 2px solid #fff;\n  border-radius: 50%;\n  background: transparent;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n`;\n\nexport const HighScoreConfetti = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  transform: scale(1.13);\n  z-index: 0;\n`;\n\nexport const HighScoreTextAnimation = styled.div<{ opacity: number }>`\n  z-index: 2;\n  opacity: ${({ opacity }) => opacity};\n  position: absolute;\n  margin: 0 auto;\n  top: calc(100% - 35px);\n  width: ${GAME_LAUNCHER_SIZE}px;\n`;\n\nexport const HighScoreValueWrapper = styled.div<{\n  $duration: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  z-index: 2;\n  animation: ${({ $animationType, $duration }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms linear forwards\n  `};\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nexport const ScoreText = styled(Text)`\n  position: absolute;\n  top: 50%;\n  transform: translateY(32px);\n`;\n"],"names":["fadeIn","keyframes","fadeOut","HighScore","styled","GAME_LAUNCHER_SIZE","HighScoreConfetti","GAME_LAUNCHER_ASSET_PADDING","HighScoreTextAnimation","opacity","HighScoreValueWrapper","$animationType","$duration","css","ScoreText","Text"],"mappings":";;;;AAMA,MAAMA,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASHE,IAAYC,EAAO;AAAA,YACpBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUhBC,IAAoBF,EAAO;AAAA,YAC5BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA;AAAA,GAM9CC,IAAyBJ,EAAO;AAAA;AAAA,aAEhC,CAAC,EAAE,SAAAK,EAAQ,MAAMA,CAAO;AAAA;AAAA;AAAA;AAAA,WAI1BJ,CAAkB;AAAA,GAGhBK,IAAwBN,EAAO;AAAA;AAAA,eAK7B,CAAC,EAAE,gBAAAO,GAAgB,WAAAC,EAAA,MAAgBC;AAAA,MAC5CF,MAAmB,WAAWX,IAASE,CAAO,IAAIU,CAAS;AAAA,GAC9D;AAAA;AAAA;AAAA;AAAA;AAAA,GAOUE,IAAYV,EAAOW,CAAI;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"score-styled.js","sources":["../../../../src/features/post-game-stats/score/score-styled.tsx"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher-v2/comps/card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING } from '../../circle-games/game-launcher-v2/comps/circular-game-card/constants';\nimport Text from '../../ui/text/text';\n\nconst fadeIn = keyframes`\n  0%{\n    opacity: 0;\n  }\n  100%{\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  0%{\n    opacity: 1;\n  }\n  100%{\n    opacity: 0;\n  }\n`;\n\nexport const HighScore = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  border: 2px solid #fff;\n  border-radius: 50%;\n  background: transparent;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n`;\n\nexport const HighScoreConfetti = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  transform: scale(1.13);\n  z-index: 0;\n`;\n\nexport const HighScoreTextAnimation = styled.div<{ opacity: number }>`\n  z-index: 2;\n  opacity: ${({ opacity }) => opacity};\n  position: absolute;\n  margin: 0 auto;\n  top: calc(100% - 35px);\n  width: ${GAME_LAUNCHER_SIZE}px;\n`;\n\nexport const HighScoreValueWrapper = styled.div<{\n  $duration: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  z-index: 2;\n  animation: ${({ $animationType, $duration }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms linear forwards\n  `};\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nexport const ScoreText = styled(Text)`\n  position: absolute;\n  top: 50%;\n  transform: translateY(32px);\n`;\n"],"names":["fadeIn","keyframes","fadeOut","HighScore","styled","GAME_LAUNCHER_SIZE","HighScoreConfetti","GAME_LAUNCHER_ASSET_PADDING","HighScoreTextAnimation","opacity","HighScoreValueWrapper","$animationType","$duration","css","ScoreText","Text"],"mappings":";;;;AAMA,MAAMA,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASHE,IAAYC,EAAO;AAAA,YACpBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUhBC,IAAoBF,EAAO;AAAA,YAC5BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA;AAAA,GAM9CC,IAAyBJ,EAAO;AAAA;AAAA,aAEhC,CAAC,EAAE,SAAAK,EAAQ,MAAMA,CAAO;AAAA;AAAA;AAAA;AAAA,WAI1BJ,CAAkB;AAAA,GAGhBK,IAAwBN,EAAO;AAAA;AAAA,eAK7B,CAAC,EAAE,gBAAAO,GAAgB,WAAAC,EAAA,MAAgBC;AAAA,MAC5CF,MAAmB,WAAWX,IAASE,CAAO,IAAIU,CAAS;AAAA,GAC9D;AAAA;AAAA;AAAA;AAAA;AAAA,GAOUE,IAAYV,EAAOW,CAAI;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/post-game-stats/streak/constants.js

@@ -1,4 +1,4 @@
-import { GAME_LAUNCHER_SIZE as A } from "../../circle-games/game-launcher/comps/card-container/constants.js";
+import { GAME_LAUNCHER_SIZE as A } from "../../circle-games/game-launcher-v2/comps/card-container/constants.js";
 const R = [15, 27], I = [29, 40], N = 400, O = 2e3, S = 333, o = 400, t = 200, c = 1200, n = 133, T = 50, E = 20, s = A - T - E;
 export {
   R as IN_FRAMES,

package/dist/features/post-game-stats/streak/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/features/post-game-stats/streak/constants.ts"],"sourcesContent":["import type { AnimationSegment } from 'lottie-web';\n\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher/comps/card-container/constants';\n\nexport const IN_FRAMES = [15, 27] as unknown as AnimationSegment[];\nexport const OUT_FRAMES = [29, 40] as unknown as AnimationSegment[];\n\n// streak number durations in ms\nexport const STREAK_APPEAR_ANIMATION_DURATION = 400;\nexport const STREAK_WAIT_DURATION = 2000;\nexport const STREAK_DISAPPEAR_ANIMATION_DURATION = 333;\nexport const STREAK_SCROLL_ANIMATION_DURATION = 400;\n\n// test dureations in ms\nexport const TEXT_APPEAR_DURATION = 200;\nexport const TEXT_DISAPPEAR_DELAY = 1200;\nexport const TEXT_DISAPPEAR_DURATION = 133;\n\nexport const STREAK_TOP_GREEN_SEGMENT_HEIGHT = 50;\nexport const STREAK_CONTAINER_TOP_OFFSET = 20;\n\nexport const STREAK_CONTAINER_HEIGHT =\n  GAME_LAUNCHER_SIZE - STREAK_TOP_GREEN_SEGMENT_HEIGHT - STREAK_CONTAINER_TOP_OFFSET;\n"],"names":["IN_FRAMES","OUT_FRAMES","STREAK_APPEAR_ANIMATION_DURATION","STREAK_WAIT_DURATION","STREAK_DISAPPEAR_ANIMATION_DURATION","STREAK_SCROLL_ANIMATION_DURATION","TEXT_APPEAR_DURATION","TEXT_DISAPPEAR_DELAY","TEXT_DISAPPEAR_DURATION","STREAK_TOP_GREEN_SEGMENT_HEIGHT","STREAK_CONTAINER_TOP_OFFSET","STREAK_CONTAINER_HEIGHT","GAME_LAUNCHER_SIZE"],"mappings":";AAIa,MAAAA,IAAY,CAAC,IAAI,EAAE,GACnBC,IAAa,CAAC,IAAI,EAAE,GAGpBC,IAAmC,KACnCC,IAAuB,KACvBC,IAAsC,KACtCC,IAAmC,KAGnCC,IAAuB,KACvBC,IAAuB,MACvBC,IAA0B,KAE1BC,IAAkC,IAClCC,IAA8B,IAE9BC,IACXC,IAAqBH,IAAkCC;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/features/post-game-stats/streak/constants.ts"],"sourcesContent":["import type { AnimationSegment } from 'lottie-web';\n\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher-v2/comps/card-container/constants';\n\nexport const IN_FRAMES = [15, 27] as unknown as AnimationSegment[];\nexport const OUT_FRAMES = [29, 40] as unknown as AnimationSegment[];\n\n// streak number durations in ms\nexport const STREAK_APPEAR_ANIMATION_DURATION = 400;\nexport const STREAK_WAIT_DURATION = 2000;\nexport const STREAK_DISAPPEAR_ANIMATION_DURATION = 333;\nexport const STREAK_SCROLL_ANIMATION_DURATION = 400;\n\n// test dureations in ms\nexport const TEXT_APPEAR_DURATION = 200;\nexport const TEXT_DISAPPEAR_DELAY = 1200;\nexport const TEXT_DISAPPEAR_DURATION = 133;\n\nexport const STREAK_TOP_GREEN_SEGMENT_HEIGHT = 50;\nexport const STREAK_CONTAINER_TOP_OFFSET = 20;\n\nexport const STREAK_CONTAINER_HEIGHT =\n  GAME_LAUNCHER_SIZE - STREAK_TOP_GREEN_SEGMENT_HEIGHT - STREAK_CONTAINER_TOP_OFFSET;\n"],"names":["IN_FRAMES","OUT_FRAMES","STREAK_APPEAR_ANIMATION_DURATION","STREAK_WAIT_DURATION","STREAK_DISAPPEAR_ANIMATION_DURATION","STREAK_SCROLL_ANIMATION_DURATION","TEXT_APPEAR_DURATION","TEXT_DISAPPEAR_DELAY","TEXT_DISAPPEAR_DURATION","STREAK_TOP_GREEN_SEGMENT_HEIGHT","STREAK_CONTAINER_TOP_OFFSET","STREAK_CONTAINER_HEIGHT","GAME_LAUNCHER_SIZE"],"mappings":";AAIa,MAAAA,IAAY,CAAC,IAAI,EAAE,GACnBC,IAAa,CAAC,IAAI,EAAE,GAGpBC,IAAmC,KACnCC,IAAuB,KACvBC,IAAsC,KACtCC,IAAmC,KAGnCC,IAAuB,KACvBC,IAAuB,MACvBC,IAA0B,KAE1BC,IAAkC,IAClCC,IAA8B,IAE9BC,IACXC,IAAqBH,IAAkCC;"}