@cuemath/leap 3.4.3 → 3.4.4-akm-1

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;"}

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

@@ -1,6 +1,6 @@
 import i, { keyframes as r, css as s } 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 n } 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 n } from "../../circle-games/game-launcher-v2/comps/circular-game-card/constants.js";
 import c from "../../ui/text/text.js";
 import { STREAK_TOP_GREEN_SEGMENT_HEIGHT as x, STREAK_CONTAINER_HEIGHT as o } from "./constants.js";
 const m = 50 * 84 / 100, p = r`

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

@@ -1 +1 @@
-{"version":3,"file":"streak-styled.js","sources":["../../../../src/features/post-game-stats/streak/streak-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';\nimport Text from '../../ui/text/text';\nimport { STREAK_CONTAINER_HEIGHT, STREAK_TOP_GREEN_SEGMENT_HEIGHT } from './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 Streak = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: transparent;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n`;\n\nexport const SVGImgContainer = styled.div`\n  position: absolute;\n  border-radius: ${Math.ceil((GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING) / 2)}px;\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  z-index: 0;\n`;\n\nexport const StreakLottieView = 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`;\nexport const StreakValueWrapper = styled.div<{\n  $duration: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  position: absolute;\n  top: ${STREAK_TOP_GREEN_SEGMENT_HEIGHT}px;\n  z-index: 2;\n  height: ${STREAK_CONTAINER_HEIGHT}px;\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 StreakValueContainer = styled.div<{\n  $translate: boolean;\n  $translateDuration: number;\n}>`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: ${STREAK_CONTAINER_HEIGHT * 2}px;\n  transition: transform ${({ $translateDuration }) => `${$translateDuration}ms linear`};\n  transform: ${({ $translate }) =>\n    $translate ? `translateY(-${STREAK_CONTAINER_HEIGHT}px)` : 'translateY(0)'};\n`;\n\nexport const StreakValue = styled(Text)`\n  font-size: 123px;\n  line-height: 123px;\n  text-align: center;\n  height: ${STREAK_CONTAINER_HEIGHT}px;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\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  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","Streak","styled","GAME_LAUNCHER_SIZE","SVGImgContainer","GAME_LAUNCHER_ASSET_PADDING","StreakLottieView","StreakValueWrapper","STREAK_TOP_GREEN_SEGMENT_HEIGHT","STREAK_CONTAINER_HEIGHT","$animationType","$duration","css","StreakValueContainer","$translateDuration","$translate","StreakValue","Text","TextWrapper","$delay"],"mappings":";;;;;AAOA,MAAMA,IAAgB,KAAK,KAAM,KAE3BC,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASHE,IAASC,EAAO;AAAA,YACjBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhBC,IAAkBF,EAAO;AAAA;AAAA,mBAEnB,KAAK,MAAMC,IAAqBE,KAA+B,CAAC,CAAC;AAAA,YACxEF,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA,GAI9CC,IAAmBJ,EAAO;AAAA,YAC3BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,GAI9CE,IAAqBL,EAAO;AAAA;AAAA,SAKhCM,CAA+B;AAAA;AAAA,YAE5BC,CAAuB;AAAA,eACpB,CAAC,EAAE,gBAAAC,GAAgB,WAAAC,EAAA,MAAgBC;AAAA,MAC5CF,MAAmB,WAAWZ,IAASE,CAAO,IAAIW,CAAS;AAAA,GAC9D;AAAA;AAAA;AAAA;AAAA;AAAA,GAOUE,IAAuBX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAQ/BO,IAA0B,CAAC;AAAA,0BACb,CAAC,EAAE,oBAAAK,EAAyB,MAAA,GAAGA,CAAkB,WAAW;AAAA,eACvE,CAAC,EAAE,YAAAC,EAAW,MACzBA,IAAa,eAAeN,CAAuB,QAAQ,eAAe;AAAA,GAGjEO,IAAcd,EAAOe,CAAI;AAAA;AAAA;AAAA;AAAA,YAI1BR,CAAuB;AAAA;AAAA;AAAA;AAAA;AAAA,GAOtBS,IAAchB,EAAO;AAAA;AAAA;AAAA,eAOnB,CAAC,EAAE,gBAAAQ,GAAgB,WAAAC,GAAW,QAAAQ,QAAaP;AAAA,MACpDF,MAAmB,WAAWZ,IAASE,CAAO,IAAIW,CAAS,MAAMQ,CAAM;AAAA,GAC1E;AAAA,2BACyBhB,IAAqBN,KAAgB,KAAM,MAAM,EAAE;AAAA;"}
+{"version":3,"file":"streak-styled.js","sources":["../../../../src/features/post-game-stats/streak/streak-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';\nimport Text from '../../ui/text/text';\nimport { STREAK_CONTAINER_HEIGHT, STREAK_TOP_GREEN_SEGMENT_HEIGHT } from './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 Streak = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: transparent;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n`;\n\nexport const SVGImgContainer = styled.div`\n  position: absolute;\n  border-radius: ${Math.ceil((GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING) / 2)}px;\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  z-index: 0;\n`;\n\nexport const StreakLottieView = 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`;\nexport const StreakValueWrapper = styled.div<{\n  $duration: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  position: absolute;\n  top: ${STREAK_TOP_GREEN_SEGMENT_HEIGHT}px;\n  z-index: 2;\n  height: ${STREAK_CONTAINER_HEIGHT}px;\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 StreakValueContainer = styled.div<{\n  $translate: boolean;\n  $translateDuration: number;\n}>`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: ${STREAK_CONTAINER_HEIGHT * 2}px;\n  transition: transform ${({ $translateDuration }) => `${$translateDuration}ms linear`};\n  transform: ${({ $translate }) =>\n    $translate ? `translateY(-${STREAK_CONTAINER_HEIGHT}px)` : 'translateY(0)'};\n`;\n\nexport const StreakValue = styled(Text)`\n  font-size: 123px;\n  line-height: 123px;\n  text-align: center;\n  height: ${STREAK_CONTAINER_HEIGHT}px;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\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  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","Streak","styled","GAME_LAUNCHER_SIZE","SVGImgContainer","GAME_LAUNCHER_ASSET_PADDING","StreakLottieView","StreakValueWrapper","STREAK_TOP_GREEN_SEGMENT_HEIGHT","STREAK_CONTAINER_HEIGHT","$animationType","$duration","css","StreakValueContainer","$translateDuration","$translate","StreakValue","Text","TextWrapper","$delay"],"mappings":";;;;;AAOA,MAAMA,IAAgB,KAAK,KAAM,KAE3BC,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASHE,IAASC,EAAO;AAAA,YACjBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhBC,IAAkBF,EAAO;AAAA;AAAA,mBAEnB,KAAK,MAAMC,IAAqBE,KAA+B,CAAC,CAAC;AAAA,YACxEF,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA,GAI9CC,IAAmBJ,EAAO;AAAA,YAC3BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,GAI9CE,IAAqBL,EAAO;AAAA;AAAA,SAKhCM,CAA+B;AAAA;AAAA,YAE5BC,CAAuB;AAAA,eACpB,CAAC,EAAE,gBAAAC,GAAgB,WAAAC,EAAA,MAAgBC;AAAA,MAC5CF,MAAmB,WAAWZ,IAASE,CAAO,IAAIW,CAAS;AAAA,GAC9D;AAAA;AAAA;AAAA;AAAA;AAAA,GAOUE,IAAuBX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAQ/BO,IAA0B,CAAC;AAAA,0BACb,CAAC,EAAE,oBAAAK,EAAyB,MAAA,GAAGA,CAAkB,WAAW;AAAA,eACvE,CAAC,EAAE,YAAAC,EAAW,MACzBA,IAAa,eAAeN,CAAuB,QAAQ,eAAe;AAAA,GAGjEO,IAAcd,EAAOe,CAAI;AAAA;AAAA;AAAA;AAAA,YAI1BR,CAAuB;AAAA;AAAA;AAAA;AAAA;AAAA,GAOtBS,IAAchB,EAAO;AAAA;AAAA;AAAA,eAOnB,CAAC,EAAE,gBAAAQ,GAAgB,WAAAC,GAAW,QAAAQ,QAAaP;AAAA,MACpDF,MAAmB,WAAWZ,IAASE,CAAO,IAAIW,CAAS,MAAMQ,CAAM;AAAA,GAC1E;AAAA,2BACyBhB,IAAqBN,KAAgB,KAAM,MAAM,EAAE;AAAA;"}

package/dist/features/stickers/sticker-selector/hooks/use-stickers-journey/use-stickers-journey.js

@@ -1,19 +1,20 @@
-import { jsxs as l, jsx as e, Fragment as u } from "react/jsx-runtime";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { useCallback as m, useMemo as h } from "react";
 import { JOURNEY_ID_TEACHER as t } from "../../../../journey/journey-id/journey-id-teacher.js";
 import { IndicatorType as C } from "../../../../journey/use-journey/constants.js";
 import { useJourney as T } from "../../../../journey/use-journey/use-journey.js";
 import y from "../../../../ui/buttons/button/button.js";
-import d from "../../../../ui/layout/flex-view.js";
+import O from "../../../../ui/layout/flex-view.js";
 import S from "../../../../ui/separator/separator.js";
-import O from "../../../../ui/text/text.js";
+import u from "../../../../ui/text/text.js";
 const x = ({
   triggerRef: o,
+  triggerElement: n,
   tooltipConfig: r
 }) => {
-  const { setJourney: n, nextCoachmark: i, endJourney: a } = T(), s = m(() => {
-    a(t.STICKERS_INTRO_JOURNEY);
-  }, [a]), c = m(() => {
+  const { setJourney: a, nextCoachmark: s, endJourney: i } = T(), d = m(() => {
+    i(t.STICKERS_INTRO_JOURNEY);
+  }, [i]), c = m(() => {
     if (!o.current) return;
     const p = {
       position: r.position,
@@ -24,9 +25,9 @@ const x = ({
       borderColor: "BLACK",
       arrowColor: "BLACK",
       backgroundColor: "PURPLE_4",
-      tooltipItem: /* @__PURE__ */ l(d, { children: [
-        /* @__PURE__ */ e(d, { children: /* @__PURE__ */ l(
-          O,
+      tooltipItem: /* @__PURE__ */ l(O, { children: [
+        /* @__PURE__ */ e(O, { children: /* @__PURE__ */ l(
+          u,
           {
             $renderOnMobileAs: "ab3",
             $renderAs: "ab3",
@@ -34,7 +35,7 @@ const x = ({
             $inline: !0,
             $whiteSpace: "normal",
             children: [
-              /* @__PURE__ */ e(O, { $renderAs: "ab3-bold", as: "span", $inline: !0, children: "New Stickers" }),
+              /* @__PURE__ */ e(u, { $renderAs: "ab3-bold", as: "span", $inline: !0, children: "New Stickers" }),
               " ",
               "- Use them to celebrate little moments of joy!"
             ]
@@ -48,20 +49,36 @@ const x = ({
             label: "Got It",
             size: "xsmall",
             width: "50%",
-            onClick: s
+            onClick: d
           }
         )
       ] })
     };
-    n(t.STICKERS_INTRO_JOURNEY, [
-      {
-        originalElementToHighlightRef: o,
-        type: C.TOOLTIP,
-        elementToHighlight: /* @__PURE__ */ e(u, {}),
-        indicator: p
-      }
-    ]), i(t.STICKERS_INTRO_JOURNEY);
-  }, [o, n, s, i, r]);
+    a(
+      t.STICKERS_INTRO_JOURNEY,
+      [
+        {
+          originalElementToHighlightRef: o,
+          type: C.TOOLTIP,
+          elementToHighlight: n,
+          indicator: p
+        }
+      ],
+      void 0,
+      !1
+    ), s(t.STICKERS_INTRO_JOURNEY);
+  }, [
+    o,
+    n,
+    r.position,
+    r.tooltipXCoOrdinates,
+    r.tooltipYCoOrdinates,
+    r.arrowXCoOrdinates,
+    r.arrowYCoOrdinates,
+    d,
+    a,
+    s
+  ]);
   return h(
     () => ({
       startTeacherStickersJourney: c

package/dist/features/stickers/sticker-selector/hooks/use-stickers-journey/use-stickers-journey.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-stickers-journey.js","sources":["../../../../../../src/features/stickers/sticker-selector/hooks/use-stickers-journey/use-stickers-journey.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react';\n\nimport { JOURNEY_ID_TEACHER } from '../../../../journey/journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../../../journey/use-journey/constants';\nimport { useJourney } from '../../../../journey/use-journey/use-journey';\nimport type { IArrowTooltipProps } from '../../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport type { IUseTeacherStickersJourneyProps } from './use-stickers-journey-types';\n\nexport const useStickersJourney = ({\n  triggerRef,\n  tooltipConfig,\n}: IUseTeacherStickersJourneyProps) => {\n  const { setJourney, nextCoachmark, endJourney } = useJourney();\n\n  const endTeacherStickersOnboarding = useCallback(() => {\n    endJourney(JOURNEY_ID_TEACHER.STICKERS_INTRO_JOURNEY);\n  }, [endJourney]);\n\n  const startTeacherStickersJourney = useCallback(() => {\n    if (!triggerRef.current) return;\n\n    const indicatorPayload = {\n      position: tooltipConfig.position,\n      tooltipXCoOrdinates: tooltipConfig.tooltipXCoOrdinates,\n      tooltipYCoOrdinates: tooltipConfig.tooltipYCoOrdinates,\n      arrowXCoOrdinates: tooltipConfig.arrowXCoOrdinates,\n      arrowYCoOrdinates: tooltipConfig.arrowYCoOrdinates,\n      borderColor: 'BLACK',\n      arrowColor: 'BLACK',\n      backgroundColor: 'PURPLE_4',\n      tooltipItem: (\n        <FlexView>\n          <FlexView>\n            <Text\n              $renderOnMobileAs=\"ab3\"\n              $renderAs=\"ab3\"\n              as=\"span\"\n              $inline={true}\n              $whiteSpace=\"normal\"\n            >\n              <Text $renderAs=\"ab3-bold\" as=\"span\" $inline={true}>\n                New Stickers\n              </Text>{' '}\n              - Use them to celebrate little moments of joy!\n            </Text>\n          </FlexView>\n          <Separator height={10} />\n          <Button\n            renderAs=\"secondary\"\n            label=\"Got It\"\n            size=\"xsmall\"\n            width=\"50%\"\n            onClick={endTeacherStickersOnboarding}\n          />\n        </FlexView>\n      ),\n    } as IArrowTooltipProps;\n\n    setJourney(JOURNEY_ID_TEACHER.STICKERS_INTRO_JOURNEY, [\n      {\n        originalElementToHighlightRef: triggerRef,\n        type: IndicatorType.TOOLTIP,\n        elementToHighlight: <></>,\n        indicator: indicatorPayload,\n      },\n    ]);\n\n    nextCoachmark(JOURNEY_ID_TEACHER.STICKERS_INTRO_JOURNEY);\n  }, [triggerRef, setJourney, endTeacherStickersOnboarding, nextCoachmark, tooltipConfig]);\n\n  const stickerJourney = useMemo(\n    () => ({\n      startTeacherStickersJourney,\n    }),\n    [startTeacherStickersJourney],\n  );\n\n  return stickerJourney;\n};\n"],"names":["useStickersJourney","triggerRef","tooltipConfig","setJourney","nextCoachmark","endJourney","useJourney","endTeacherStickersOnboarding","useCallback","JOURNEY_ID_TEACHER","startTeacherStickersJourney","indicatorPayload","FlexView","jsx","jsxs","Text","Separator","Button","IndicatorType","Fragment","useMemo"],"mappings":";;;;;;;;;AAYO,MAAMA,IAAqB,CAAC;AAAA,EACjC,YAAAC;AAAA,EACA,eAAAC;AACF,MAAuC;AACrC,QAAM,EAAE,YAAAC,GAAY,eAAAC,GAAe,YAAAC,MAAeC,EAAW,GAEvDC,IAA+BC,EAAY,MAAM;AACrD,IAAAH,EAAWI,EAAmB,sBAAsB;AAAA,EAAA,GACnD,CAACJ,CAAU,CAAC,GAETK,IAA8BF,EAAY,MAAM;AAChD,QAAA,CAACP,EAAW,QAAS;AAEzB,UAAMU,IAAmB;AAAA,MACvB,UAAUT,EAAc;AAAA,MACxB,qBAAqBA,EAAc;AAAA,MACnC,qBAAqBA,EAAc;AAAA,MACnC,mBAAmBA,EAAc;AAAA,MACjC,mBAAmBA,EAAc;AAAA,MACjC,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,+BACGU,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAC,EAACD,GACC,EAAA,UAAA,gBAAAE;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,mBAAkB;AAAA,YAClB,WAAU;AAAA,YACV,IAAG;AAAA,YACH,SAAS;AAAA,YACT,aAAY;AAAA,YAEZ,UAAA;AAAA,cAAA,gBAAAF,EAACE,KAAK,WAAU,YAAW,IAAG,QAAO,SAAS,IAAM,UAEpD,eAAA,CAAA;AAAA,cAAQ;AAAA,cAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAGhB;AAAA,QACA,gBAAAF,EAACG,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,QACvB,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAM;AAAA,YACN,MAAK;AAAA,YACL,OAAM;AAAA,YACN,SAASV;AAAA,UAAA;AAAA,QACX;AAAA,MAAA,GACF;AAAA,IAAA;AAIJ,IAAAJ,EAAWM,EAAmB,wBAAwB;AAAA,MACpD;AAAA,QACE,+BAA+BR;AAAA,QAC/B,MAAMiB,EAAc;AAAA,QACpB,oBAAsB,gBAAAL,EAAAM,GAAA,EAAA;AAAA,QACtB,WAAWR;AAAA,MACb;AAAA,IAAA,CACD,GAEDP,EAAcK,EAAmB,sBAAsB;AAAA,EAAA,GACtD,CAACR,GAAYE,GAAYI,GAA8BH,GAAeF,CAAa,CAAC;AAShF,SAPgBkB;AAAA,IACrB,OAAO;AAAA,MACL,6BAAAV;AAAA,IAAA;AAAA,IAEF,CAACA,CAA2B;AAAA,EAAA;AAIhC;"}
+{"version":3,"file":"use-stickers-journey.js","sources":["../../../../../../src/features/stickers/sticker-selector/hooks/use-stickers-journey/use-stickers-journey.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react';\n\nimport { JOURNEY_ID_TEACHER } from '../../../../journey/journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../../../journey/use-journey/constants';\nimport { useJourney } from '../../../../journey/use-journey/use-journey';\nimport type { IArrowTooltipProps } from '../../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport type { IUseTeacherStickersJourneyProps } from './use-stickers-journey-types';\n\nexport const useStickersJourney = ({\n  triggerRef,\n  triggerElement,\n  tooltipConfig,\n}: IUseTeacherStickersJourneyProps) => {\n  const { setJourney, nextCoachmark, endJourney } = useJourney();\n\n  const endTeacherStickersOnboarding = useCallback(() => {\n    endJourney(JOURNEY_ID_TEACHER.STICKERS_INTRO_JOURNEY);\n  }, [endJourney]);\n\n  const startTeacherStickersJourney = useCallback(() => {\n    if (!triggerRef.current) return;\n\n    const indicatorPayload = {\n      position: tooltipConfig.position,\n      tooltipXCoOrdinates: tooltipConfig.tooltipXCoOrdinates,\n      tooltipYCoOrdinates: tooltipConfig.tooltipYCoOrdinates,\n      arrowXCoOrdinates: tooltipConfig.arrowXCoOrdinates,\n      arrowYCoOrdinates: tooltipConfig.arrowYCoOrdinates,\n      borderColor: 'BLACK',\n      arrowColor: 'BLACK',\n      backgroundColor: 'PURPLE_4',\n      tooltipItem: (\n        <FlexView>\n          <FlexView>\n            <Text\n              $renderOnMobileAs=\"ab3\"\n              $renderAs=\"ab3\"\n              as=\"span\"\n              $inline={true}\n              $whiteSpace=\"normal\"\n            >\n              <Text $renderAs=\"ab3-bold\" as=\"span\" $inline={true}>\n                New Stickers\n              </Text>{' '}\n              - Use them to celebrate little moments of joy!\n            </Text>\n          </FlexView>\n          <Separator height={10} />\n          <Button\n            renderAs=\"secondary\"\n            label=\"Got It\"\n            size=\"xsmall\"\n            width=\"50%\"\n            onClick={endTeacherStickersOnboarding}\n          />\n        </FlexView>\n      ),\n    } as IArrowTooltipProps;\n\n    setJourney(\n      JOURNEY_ID_TEACHER.STICKERS_INTRO_JOURNEY,\n      [\n        {\n          originalElementToHighlightRef: triggerRef,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: triggerElement,\n          indicator: indicatorPayload,\n        },\n      ],\n      undefined,\n      false,\n    );\n\n    nextCoachmark(JOURNEY_ID_TEACHER.STICKERS_INTRO_JOURNEY);\n  }, [\n    triggerRef,\n    triggerElement,\n    tooltipConfig.position,\n    tooltipConfig.tooltipXCoOrdinates,\n    tooltipConfig.tooltipYCoOrdinates,\n    tooltipConfig.arrowXCoOrdinates,\n    tooltipConfig.arrowYCoOrdinates,\n    endTeacherStickersOnboarding,\n    setJourney,\n    nextCoachmark,\n  ]);\n\n  const stickerJourney = useMemo(\n    () => ({\n      startTeacherStickersJourney,\n    }),\n    [startTeacherStickersJourney],\n  );\n\n  return stickerJourney;\n};\n"],"names":["useStickersJourney","triggerRef","triggerElement","tooltipConfig","setJourney","nextCoachmark","endJourney","useJourney","endTeacherStickersOnboarding","useCallback","JOURNEY_ID_TEACHER","startTeacherStickersJourney","indicatorPayload","FlexView","jsx","jsxs","Text","Separator","Button","IndicatorType","useMemo"],"mappings":";;;;;;;;;AAYO,MAAMA,IAAqB,CAAC;AAAA,EACjC,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AACF,MAAuC;AACrC,QAAM,EAAE,YAAAC,GAAY,eAAAC,GAAe,YAAAC,MAAeC,EAAW,GAEvDC,IAA+BC,EAAY,MAAM;AACrD,IAAAH,EAAWI,EAAmB,sBAAsB;AAAA,EAAA,GACnD,CAACJ,CAAU,CAAC,GAETK,IAA8BF,EAAY,MAAM;AAChD,QAAA,CAACR,EAAW,QAAS;AAEzB,UAAMW,IAAmB;AAAA,MACvB,UAAUT,EAAc;AAAA,MACxB,qBAAqBA,EAAc;AAAA,MACnC,qBAAqBA,EAAc;AAAA,MACnC,mBAAmBA,EAAc;AAAA,MACjC,mBAAmBA,EAAc;AAAA,MACjC,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,+BACGU,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAC,EAACD,GACC,EAAA,UAAA,gBAAAE;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,mBAAkB;AAAA,YAClB,WAAU;AAAA,YACV,IAAG;AAAA,YACH,SAAS;AAAA,YACT,aAAY;AAAA,YAEZ,UAAA;AAAA,cAAA,gBAAAF,EAACE,KAAK,WAAU,YAAW,IAAG,QAAO,SAAS,IAAM,UAEpD,eAAA,CAAA;AAAA,cAAQ;AAAA,cAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAGhB;AAAA,QACA,gBAAAF,EAACG,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,QACvB,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAM;AAAA,YACN,MAAK;AAAA,YACL,OAAM;AAAA,YACN,SAASV;AAAA,UAAA;AAAA,QACX;AAAA,MAAA,GACF;AAAA,IAAA;AAIJ,IAAAJ;AAAA,MACEM,EAAmB;AAAA,MACnB;AAAA,QACE;AAAA,UACE,+BAA+BT;AAAA,UAC/B,MAAMkB,EAAc;AAAA,UACpB,oBAAoBjB;AAAA,UACpB,WAAWU;AAAA,QACb;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,IAAA,GAGFP,EAAcK,EAAmB,sBAAsB;AAAA,EAAA,GACtD;AAAA,IACDT;AAAA,IACAC;AAAA,IACAC,EAAc;AAAA,IACdA,EAAc;AAAA,IACdA,EAAc;AAAA,IACdA,EAAc;AAAA,IACdA,EAAc;AAAA,IACdK;AAAA,IACAJ;AAAA,IACAC;AAAA,EAAA,CACD;AASM,SAPgBe;AAAA,IACrB,OAAO;AAAA,MACL,6BAAAT;AAAA,IAAA;AAAA,IAEF,CAACA,CAA2B;AAAA,EAAA;AAIhC;"}