@cuemath/leap 2.8.37-rj-beta-0.2 → 2.8.38-guru.0

package/dist/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "2.8.37-rj-beta-0.2",
+  "version": "2.8.38-guru.0",
   "type": "module",
   "files": [
     "dist"

package/dist/assets/line-icons/icons/carat-left.js

@@ -1,26 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-const i = (e) => /* @__PURE__ */ l(
-  "svg",
-  {
-    width: "28",
-    height: "28",
-    viewBox: "0 0 28 28",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...e,
-    children: /* @__PURE__ */ l(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M8.55566 13.3004C12.4646 13.3004 15.6334 10.1316 15.6334 6.22266H17.0334C17.0334 9.7039 14.9352 12.6951 11.9343 14.0004C14.9352 15.3058 17.0334 18.297 17.0334 21.7782H15.6334C15.6334 17.8693 12.4646 14.7004 8.55566 14.7004V13.3004Z",
-        fill: "black",
-        fillOpacity: "0.87"
-      }
-    )
-  }
-);
-export {
-  i as default
-};
-//# sourceMappingURL=carat-left.js.map

package/dist/assets/line-icons/icons/carat-left.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"carat-left.js","sources":["../../../../src/assets/line-icons/icons/carat-left.tsx"],"sourcesContent":["const CaratLeftIcon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n  <svg\n    width=\"28\"\n    height=\"28\"\n    viewBox=\"0 0 28 28\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M8.55566 13.3004C12.4646 13.3004 15.6334 10.1316 15.6334 6.22266H17.0334C17.0334 9.7039 14.9352 12.6951 11.9343 14.0004C14.9352 15.3058 17.0334 18.297 17.0334 21.7782H15.6334C15.6334 17.8693 12.4646 14.7004 8.55566 14.7004V13.3004Z\"\n      fill=\"black\"\n      fillOpacity=\"0.87\"\n    />\n  </svg>\n);\n\nexport default CaratLeftIcon;\n"],"names":["CaratLeftIcon","props","jsx"],"mappings":";AAAA,MAAMA,IAAyD,CAC7DC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,QACL,aAAY;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AACF;"}

package/dist/assets/line-icons/icons/carat-right.js

@@ -1,26 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-const t = (e) => /* @__PURE__ */ l(
-  "svg",
-  {
-    width: "28",
-    height: "28",
-    viewBox: "0 0 28 28",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...e,
-    children: /* @__PURE__ */ l(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M19.4443 14.6996C15.5354 14.6996 12.3666 17.8684 12.3666 21.7773H10.9666C10.9666 18.2961 13.0648 15.3049 16.0657 13.9996C13.0648 12.6942 10.9666 9.70303 10.9666 6.22179L12.3666 6.22179C12.3666 10.1307 15.5354 13.2996 19.4443 13.2996V14.6996Z",
-        fill: "black",
-        fillOpacity: "0.87"
-      }
-    )
-  }
-);
-export {
-  t as default
-};
-//# sourceMappingURL=carat-right.js.map

package/dist/assets/line-icons/icons/carat-right.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"carat-right.js","sources":["../../../../src/assets/line-icons/icons/carat-right.tsx"],"sourcesContent":["const CaratRightIcon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n  <svg\n    width=\"28\"\n    height=\"28\"\n    viewBox=\"0 0 28 28\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M19.4443 14.6996C15.5354 14.6996 12.3666 17.8684 12.3666 21.7773H10.9666C10.9666 18.2961 13.0648 15.3049 16.0657 13.9996C13.0648 12.6942 10.9666 9.70303 10.9666 6.22179L12.3666 6.22179C12.3666 10.1307 15.5354 13.2996 19.4443 13.2996V14.6996Z\"\n      fill=\"black\"\n      fillOpacity=\"0.87\"\n    />\n  </svg>\n);\n\nexport default CaratRightIcon;\n"],"names":["CaratRightIcon","props","jsx"],"mappings":";AAAA,MAAMA,IAA0D,CAC9DC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,QACL,aAAY;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AACF;"}

package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star-styled.js

@@ -1,25 +0,0 @@
-import i from "styled-components";
-import { GAME_LAUNCHER_SIZE as t } from "../../card-container/constants.js";
-const l = i.div`
-  position: relative;
-  height: ${t * 0.05}px;
-  width: ${t * 0.05}px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`, s = i.div`
-  position: absolute;
-  height: ${t * 0.05 * 2}px;
-  width: ${t * 0.05 * 2}px;
-`, c = i.circle`
-  fill: ${({ $fill: o, theme: e }) => e.colors[o]};
-`, p = i.path`
-  fill: ${({ $fill: o, theme: e }) => e.colors[o]};
-`;
-export {
-  c as Circle,
-  s as LottieContainer,
-  p as Path,
-  l as StarContainer
-};
-//# sourceMappingURL=table-mode-star-styled.js.map

package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-mode-star-styled.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../../ui/types';\n\nimport styled from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../card-container/constants';\n\nexport const StarContainer = styled.div`\n  position: relative;\n  height: ${GAME_LAUNCHER_SIZE * 0.05}px;\n  width: ${GAME_LAUNCHER_SIZE * 0.05}px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const LottieContainer = styled.div`\n  position: absolute;\n  height: ${GAME_LAUNCHER_SIZE * 0.05 * 2}px;\n  width: ${GAME_LAUNCHER_SIZE * 0.05 * 2}px;\n`;\n\nexport const Circle = styled.circle<{ $fill: TColorNames }>`\n  fill: ${({ $fill, theme }) => theme.colors[$fill]};\n`;\n\nexport const Path = styled.path<{ $fill: TColorNames }>`\n  fill: ${({ $fill, theme }) => theme.colors[$fill]};\n`;\n"],"names":["StarContainer","styled","GAME_LAUNCHER_SIZE","LottieContainer","Circle","$fill","theme","Path"],"mappings":";;AAMO,MAAMA,IAAgBC,EAAO;AAAA;AAAA,YAExBC,IAAqB,IAAI;AAAA,WAC1BA,IAAqB,IAAI;AAAA;AAAA;AAAA;AAAA,GAMvBC,IAAkBF,EAAO;AAAA;AAAA,YAE1BC,IAAqB,OAAO,CAAC;AAAA,WAC9BA,IAAqB,OAAO,CAAC;AAAA,GAG3BE,IAASH,EAAO;AAAA,UACnB,CAAC,EAAE,OAAAI,GAAO,OAAAC,EAAA,MAAYA,EAAM,OAAOD,CAAK,CAAC;AAAA,GAGtCE,IAAON,EAAO;AAAA,UACjB,CAAC,EAAE,OAAAI,GAAO,OAAAC,EAAA,MAAYA,EAAM,OAAOD,CAAK,CAAC;AAAA;"}

package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star.js

@@ -1,57 +0,0 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { useState as l, useMemo as c, useEffect as E } from "react";
-import { LOTTIE as u } from "../../../../../../assets/lottie/lottie.js";
-import T from "../../../../../ui/lottie-animation/lottie-animation.js";
-import { GAME_LAUNCHER_SIZE as a } from "../../card-container/constants.js";
-import { StarContainer as p, LottieContainer as _, Circle as d, Path as h } from "./table-mode-star-styled.js";
-const w = {
-  loop: !1
-}, I = ({ isStarAchieved: e, rewardStar: o }) => {
-  const [i, n] = l(!1), [s, f] = l(e && !o), L = c(() => ({
-    name: "complete",
-    callback: () => {
-      f(!0), n(!1);
-    }
-  }), []);
-  return E(() => {
-    let r;
-    return e && o && (r = setTimeout(() => {
-      n(!0);
-    }, 1e3)), () => {
-      r && clearTimeout(r);
-    };
-  }, [e, o]), /* @__PURE__ */ m(p, { children: [
-    i && /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(
-      T,
-      {
-        src: u.TABLE_MODE_STAR,
-        settings: w,
-        eventListener: L
-      }
-    ) }),
-    !i && /* @__PURE__ */ m(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: a * 0.05,
-        height: a * 0.05,
-        viewBox: "0 0 16 16",
-        fill: "none",
-        children: [
-          /* @__PURE__ */ t(d, { cx: "8", cy: "8", r: "8", $fill: s ? "GREEN_6" : "WHITE_T_15" }),
-          /* @__PURE__ */ t(
-            h,
-            {
-              d: "M8 2L6.23664 5.57295L2.29366 6.1459L5.14683 8.92705L4.47329 12.8541L8 11L11.5267 12.8541L10.8532 8.92705L13.7063 6.1459L9.76336 5.57295L8 2Z",
-              $fill: s ? "GREEN_4" : "WHITE_T_15"
-            }
-          )
-        ]
-      }
-    )
-  ] });
-};
-export {
-  I as default
-};
-//# sourceMappingURL=table-mode-star.js.map

package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-mode-star.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star.tsx"],"sourcesContent":["import type { ITableModeStarProps } from './table-mode-star-types';\nimport type { AnimationEventName } from 'lottie-web';\n\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport { LOTTIE } from '../../../../../../assets/lottie/lottie';\nimport LottieAnimation from '../../../../../ui/lottie-animation/lottie-animation';\nimport { GAME_LAUNCHER_SIZE } from '../../card-container/constants';\nimport * as Styled from './table-mode-star-styled';\n\nconst settings = {\n  loop: false,\n};\n\nconst TableModeStar: React.FC<ITableModeStarProps> = ({ isStarAchieved, rewardStar }) => {\n  const [animateStar, setAnimateStar] = useState(false);\n  const [starRewarded, setStarRewarded] = useState(isStarAchieved && !rewardStar);\n\n  const onAnimationFinish = useMemo(() => {\n    return {\n      name: 'complete' as AnimationEventName,\n      callback: () => {\n        setStarRewarded(true);\n        setAnimateStar(false);\n      },\n    };\n  }, []);\n\n  useEffect(() => {\n    let timer: ReturnType<typeof setTimeout>;\n\n    if (isStarAchieved && rewardStar) {\n      timer = setTimeout(() => {\n        setAnimateStar(true);\n      }, 1000);\n    }\n\n    return () => {\n      timer && clearTimeout(timer);\n    };\n  }, [isStarAchieved, rewardStar]);\n\n  return (\n    <Styled.StarContainer>\n      {animateStar && (\n        <Styled.LottieContainer>\n          <LottieAnimation\n            src={LOTTIE.TABLE_MODE_STAR}\n            settings={settings}\n            eventListener={onAnimationFinish}\n          />\n        </Styled.LottieContainer>\n      )}\n      {!animateStar && (\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width={GAME_LAUNCHER_SIZE * 0.05}\n          height={GAME_LAUNCHER_SIZE * 0.05}\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n        >\n          <Styled.Circle cx=\"8\" cy=\"8\" r=\"8\" $fill={starRewarded ? 'GREEN_6' : 'WHITE_T_15'} />\n          <Styled.Path\n            d=\"M8 2L6.23664 5.57295L2.29366 6.1459L5.14683 8.92705L4.47329 12.8541L8 11L11.5267 12.8541L10.8532 8.92705L13.7063 6.1459L9.76336 5.57295L8 2Z\"\n            $fill={starRewarded ? 'GREEN_4' : 'WHITE_T_15'}\n          />\n        </svg>\n      )}\n    </Styled.StarContainer>\n  );\n};\n\nexport default TableModeStar;\n"],"names":["settings","TableModeStar","isStarAchieved","rewardStar","animateStar","setAnimateStar","useState","starRewarded","setStarRewarded","onAnimationFinish","useMemo","useEffect","timer","jsxs","Styled.StarContainer","jsx","Styled.LottieContainer","LottieAnimation","LOTTIE","GAME_LAUNCHER_SIZE","Styled.Circle","Styled.Path"],"mappings":";;;;;;AAUA,MAAMA,IAAW;AAAA,EACf,MAAM;AACR,GAEMC,IAA+C,CAAC,EAAE,gBAAAC,GAAgB,YAAAC,QAAiB;AACvF,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9C,CAACC,GAAcC,CAAe,IAAIF,EAASJ,KAAkB,CAACC,CAAU,GAExEM,IAAoBC,EAAQ,OACzB;AAAA,IACL,MAAM;AAAA,IACN,UAAU,MAAM;AACd,MAAAF,EAAgB,EAAI,GACpBH,EAAe,EAAK;AAAA,IACtB;AAAA,EAAA,IAED,CAAE,CAAA;AAEL,SAAAM,EAAU,MAAM;AACV,QAAAC;AAEJ,WAAIV,KAAkBC,MACpBS,IAAQ,WAAW,MAAM;AACvB,MAAAP,EAAe,EAAI;AAAA,OAClB,GAAI,IAGF,MAAM;AACX,MAAAO,KAAS,aAAaA,CAAK;AAAA,IAAA;AAAA,EAC7B,GACC,CAACV,GAAgBC,CAAU,CAAC,GAG7B,gBAAAU,EAACC,GAAA,EACE,UAAA;AAAA,IACCV,KAAA,gBAAAW,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAKC,EAAO;AAAA,QACZ,UAAAlB;AAAA,QACA,eAAeS;AAAA,MAAA;AAAA,IAAA,GAEnB;AAAA,IAED,CAACL,KACA,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAOM,IAAqB;AAAA,QAC5B,QAAQA,IAAqB;AAAA,QAC7B,SAAQ;AAAA,QACR,MAAK;AAAA,QAEL,UAAA;AAAA,UAAA,gBAAAJ,EAACK,GAAA,EAAc,IAAG,KAAI,IAAG,KAAI,GAAE,KAAI,OAAOb,IAAe,YAAY,aAAc,CAAA;AAAA,UACnF,gBAAAQ;AAAA,YAACM;AAAAA,YAAA;AAAA,cACC,GAAE;AAAA,cACF,OAAOd,IAAe,YAAY;AAAA,YAAA;AAAA,UACpC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/dist/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star-styled.js

@@ -1,27 +0,0 @@
-import i from "styled-components";
-import { GAME_LAUNCHER_SIZE as t } from "../../card-container/constants.js";
-const s = i.div`
-  position: relative;
-  width: ${t * 0.025}px;
-  height: ${t * 0.025}px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-left: ${t * 0.03}px;
-`, a = i.div`
-  position: absolute;
-  height: ${t * 0.025 * 6.3}px;
-  width: ${t * 0.025 * 6.3}px;
-`, l = i.div`
-  flex-shrink: 0;
-  width: inherit;
-  height: inherit;
-  border-radius: 100%;
-  background-color: ${({ theme: o, $isStarAchieved: r }) => r ? o.colors.GREEN_6 : o.colors.BLACK_5};
-`;
-export {
-  a as LottieContainer,
-  s as StarContainer,
-  l as TableStar
-};
-//# sourceMappingURL=table-segment-star-styled.js.map

package/dist/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-segment-star-styled.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../card-container/constants';\n\nexport const StarContainer = styled.div`\n  position: relative;\n  width: ${GAME_LAUNCHER_SIZE * 0.025}px;\n  height: ${GAME_LAUNCHER_SIZE * 0.025}px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: ${GAME_LAUNCHER_SIZE * 0.03}px;\n`;\n\nexport const LottieContainer = styled.div`\n  position: absolute;\n  height: ${GAME_LAUNCHER_SIZE * 0.025 * 6.3}px;\n  width: ${GAME_LAUNCHER_SIZE * 0.025 * 6.3}px;\n`;\n\nexport const TableStar = styled.div<{ $isStarAchieved: boolean }>`\n  flex-shrink: 0;\n  width: inherit;\n  height: inherit;\n  border-radius: 100%;\n  background-color: ${({ theme, $isStarAchieved }) =>\n    $isStarAchieved ? theme.colors.GREEN_6 : theme.colors.BLACK_5};\n`;\n"],"names":["StarContainer","styled","GAME_LAUNCHER_SIZE","LottieContainer","TableStar","theme","$isStarAchieved"],"mappings":";;AAIO,MAAMA,IAAgBC,EAAO;AAAA;AAAA,WAEzBC,IAAqB,KAAK;AAAA,YACzBA,IAAqB,KAAK;AAAA;AAAA;AAAA;AAAA,iBAIrBA,IAAqB,IAAI;AAAA,GAG7BC,IAAkBF,EAAO;AAAA;AAAA,YAE1BC,IAAqB,QAAQ,GAAG;AAAA,WACjCA,IAAqB,QAAQ,GAAG;AAAA,GAG9BE,IAAYH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKV,CAAC,EAAE,OAAAI,GAAO,iBAAAC,EAAgB,MAC5CA,IAAkBD,EAAM,OAAO,UAAUA,EAAM,OAAO,OAAO;AAAA;"}

package/dist/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star.js

@@ -1,37 +0,0 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { useState as i, useMemo as f, useEffect as u } from "react";
-import { LOTTIE as T } from "../../../../../../assets/lottie/lottie.js";
-import p from "../../../../../ui/lottie-animation/lottie-animation.js";
-import { StarContainer as S, LottieContainer as E, TableStar as L } from "./table-segment-star-styled.js";
-const d = {
-  loop: !1
-}, h = ({ isStarAchieved: t, rewardStar: e }) => {
-  const [n, a] = i(!1), [s, m] = i(t && !e), l = f(() => ({
-    name: "complete",
-    callback: () => {
-      m(!0), a(!1);
-    }
-  }), []);
-  return u(() => {
-    let o;
-    return t && e && (o = setTimeout(() => {
-      a(!0);
-    }, 1e3)), () => {
-      o && clearTimeout(o);
-    };
-  }, [t, e]), /* @__PURE__ */ c(S, { children: [
-    n && /* @__PURE__ */ r(E, { children: /* @__PURE__ */ r(
-      p,
-      {
-        src: T.TABLE_SEGMENT_STAR,
-        settings: d,
-        eventListener: l
-      }
-    ) }),
-    !n && /* @__PURE__ */ r(L, { $isStarAchieved: s })
-  ] });
-};
-export {
-  h as default
-};
-//# sourceMappingURL=table-segment-star.js.map

package/dist/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-segment-star.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star.tsx"],"sourcesContent":["import type { ITableSegmentStarProps } from './table-segment-star-types';\nimport type { AnimationEventName } from 'lottie-web';\n\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport { LOTTIE } from '../../../../../../assets/lottie/lottie';\nimport LottieAnimation from '../../../../../ui/lottie-animation/lottie-animation';\nimport * as Styled from './table-segment-star-styled';\n\nconst settings = {\n  loop: false,\n};\n\nconst TableSegmentStar: React.FC<ITableSegmentStarProps> = ({ isStarAchieved, rewardStar }) => {\n  const [animateStar, setAnimateStar] = useState(false);\n  const [starRewarded, setStarRewarded] = useState(isStarAchieved && !rewardStar);\n\n  const onAnimationFinish = useMemo(() => {\n    return {\n      name: 'complete' as AnimationEventName,\n      callback: () => {\n        setStarRewarded(true);\n        setAnimateStar(false);\n      },\n    };\n  }, []);\n\n  useEffect(() => {\n    let timer: ReturnType<typeof setTimeout>;\n\n    if (isStarAchieved && rewardStar) {\n      timer = setTimeout(() => {\n        setAnimateStar(true);\n      }, 1000);\n    }\n\n    return () => {\n      timer && clearTimeout(timer);\n    };\n  }, [isStarAchieved, rewardStar]);\n\n  return (\n    <Styled.StarContainer>\n      {animateStar && (\n        <Styled.LottieContainer>\n          <LottieAnimation\n            src={LOTTIE.TABLE_SEGMENT_STAR}\n            settings={settings}\n            eventListener={onAnimationFinish}\n          />\n        </Styled.LottieContainer>\n      )}\n      {!animateStar && <Styled.TableStar $isStarAchieved={starRewarded} />}\n    </Styled.StarContainer>\n  );\n};\n\nexport default TableSegmentStar;\n"],"names":["settings","TableSegmentStar","isStarAchieved","rewardStar","animateStar","setAnimateStar","useState","starRewarded","setStarRewarded","onAnimationFinish","useMemo","useEffect","timer","jsxs","Styled.StarContainer","jsx","Styled.LottieContainer","LottieAnimation","LOTTIE","Styled.TableStar"],"mappings":";;;;;AASA,MAAMA,IAAW;AAAA,EACf,MAAM;AACR,GAEMC,IAAqD,CAAC,EAAE,gBAAAC,GAAgB,YAAAC,QAAiB;AAC7F,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9C,CAACC,GAAcC,CAAe,IAAIF,EAASJ,KAAkB,CAACC,CAAU,GAExEM,IAAoBC,EAAQ,OACzB;AAAA,IACL,MAAM;AAAA,IACN,UAAU,MAAM;AACd,MAAAF,EAAgB,EAAI,GACpBH,EAAe,EAAK;AAAA,IACtB;AAAA,EAAA,IAED,CAAE,CAAA;AAEL,SAAAM,EAAU,MAAM;AACV,QAAAC;AAEJ,WAAIV,KAAkBC,MACpBS,IAAQ,WAAW,MAAM;AACvB,MAAAP,EAAe,EAAI;AAAA,OAClB,GAAI,IAGF,MAAM;AACX,MAAAO,KAAS,aAAaA,CAAK;AAAA,IAAA;AAAA,EAC7B,GACC,CAACV,GAAgBC,CAAU,CAAC,GAG7B,gBAAAU,EAACC,GAAA,EACE,UAAA;AAAA,IACCV,KAAA,gBAAAW,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAKC,EAAO;AAAA,QACZ,UAAAlB;AAAA,QACA,eAAeS;AAAA,MAAA;AAAA,IAAA,GAEnB;AAAA,IAED,CAACL,KAAe,gBAAAW,EAACI,GAAA,EAAiB,iBAAiBZ,EAAc,CAAA;AAAA,EACpE,EAAA,CAAA;AAEJ;"}

package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/constants.js

@@ -1,9 +0,0 @@
-const _ = 500, S = 1e3, E = 500, T = 1500, L = 3e3;
-export {
-  E as GO_TO_NEXT_SLIDE_AFTER_MS,
-  T as SHOW_LABEL_HIGHLIGHT_AFTER_MS,
-  L as SHOW_NUDGE_AFTER_MS,
-  _ as SLIDE_TO_LESSON_MS,
-  S as START_JOURNEY_DELAY_MS
-};
-//# sourceMappingURL=constants.js.map

package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher/hooks/use-game-launcher-journey/constants.ts"],"sourcesContent":["export const SLIDE_TO_LESSON_MS = 500;\nexport const START_JOURNEY_DELAY_MS = 1000;\n\nexport const GO_TO_NEXT_SLIDE_AFTER_MS = 500;\nexport const SHOW_LABEL_HIGHLIGHT_AFTER_MS = 1500;\nexport const SHOW_NUDGE_AFTER_MS = 3000;\nexport const FIRST_COACHMARK_AFTER_MS = 200;\n"],"names":["SLIDE_TO_LESSON_MS","START_JOURNEY_DELAY_MS","GO_TO_NEXT_SLIDE_AFTER_MS","SHOW_LABEL_HIGHLIGHT_AFTER_MS","SHOW_NUDGE_AFTER_MS"],"mappings":"AAAO,MAAMA,IAAqB,KACrBC,IAAyB,KAEzBC,IAA4B,KAC5BC,IAAgC,MAChCC,IAAsB;"}

package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.js

@@ -1,217 +0,0 @@
-import { jsx as e, Fragment as I } from "react/jsx-runtime";
-import { useRef as C, useCallback as E, useMemo as ne } from "react";
-import q from "../../../../../assets/line-icons/icons/carat-right.js";
-import { PLATFORM_EVENTS_STUDENT as Q } from "../../../../analytics-events/platform-events-student.js";
-import { IndicatorType as s } from "../../../../journey/use-journey/constants.js";
-import { useJourney as ie } from "../../../../journey/use-journey/use-journey.js";
-import j from "../../../../ui/buttons/icon-button/icon-button.js";
-import { useUIContext as oe } from "../../../../ui/context/context.js";
-import L from "../../../../ui/layout/flex-view.js";
-import g from "../../../../ui/text/text.js";
-import { CIRCLE_ONBOARDING_ANALYTICS_STEPS as p } from "../../../enum/circle-onboarding-steps.js";
-import { useCircleSounds as le } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
-import { SegmentedGameCard as ce } from "../../comps/segmented-game-card/segmented-game-card.js";
-import { GAME_LAUNCHER_ANALYTICS_EVENTS as z } from "../../game-launcher-analytics-events.js";
-import { GO_TO_NEXT_SLIDE_AFTER_MS as ae, SHOW_LABEL_HIGHLIGHT_AFTER_MS as de, SHOW_NUDGE_AFTER_MS as se, START_JOURNEY_DELAY_MS as ge, SLIDE_TO_LESSON_MS as he } from "./constants.js";
-import { ProjectType as me } from "../../../games/web-view/enums/project-type-enum.js";
-const He = ({
-  carouselRefs: n,
-  onSegmentClick: O,
-  onJourneyComplete: S
-}) => {
-  const o = C(null), r = C(null), d = C(null), R = C(!1), { playButtonSound: b } = le(), { nextCoachmark: c, setJourney: N } = ie(), { onEvent: _ } = oe(), P = E(
-    (t) => {
-      _(Q.ONBOARDING_STEP_VIEWED, {
-        step: t
-      });
-    },
-    [_]
-  ), y = E(
-    (t) => {
-      _(Q.ONBOARDING_STEP_COMPLETED, {
-        step: t
-      });
-    },
-    [_]
-  ), h = E(
-    (t, a, i, m, A = !1) => {
-      var T, u;
-      A || (b(), (u = n.current) == null || u.goToIndex(((T = n.current) == null ? void 0 : T.currentIndex) + 1), c(m, !1, ae)), P(t);
-      const f = setTimeout(() => {
-        clearTimeout(f), a.startLabelAnimation(i);
-      }, de);
-      c(m, !0, se);
-    },
-    [n, c, b, P]
-  ), H = E(
-    (t, a) => {
-      O(t, me.PUZZLE), y(p.PUZZLE_ACTIVITY), c(a), S(a);
-    },
-    [c, S, O, y]
-  ), G = E(
-    (t, a, i) => {
-      var Y, k, w, U, v, B, V, x, D, M, W, X, $, J, F, Z, K;
-      if (R.current || !((Y = n == null ? void 0 : n.current) != null && Y.nextBtnRef.current) || !((k = r == null ? void 0 : r.current) != null && k.segmentedCardWrapperRef.current) || !((w = o == null ? void 0 : o.current) != null && w.labelRef.current) || !((U = r == null ? void 0 : r.current) != null && U.labelRef.current) || !t)
-        return;
-      R.current = !0;
-      const m = ((V = (B = (v = d.current) == null ? void 0 : v.labelRef) == null ? void 0 : B.current) == null ? void 0 : V.getBoundingClientRect()) || {
-        height: 0,
-        width: 0
-      }, A = ((M = (D = (x = o.current) == null ? void 0 : x.labelRef) == null ? void 0 : D.current) == null ? void 0 : M.getBoundingClientRect()) || {
-        height: 0,
-        width: 0
-      }, f = (($ = (X = (W = r.current) == null ? void 0 : W.labelRef) == null ? void 0 : X.current) == null ? void 0 : $.getBoundingClientRect()) || {
-        height: 0,
-        width: 0
-      }, T = ((Z = (F = (J = r.current) == null ? void 0 : J.segmentedCardWrapperRef) == null ? void 0 : F.current) == null ? void 0 : Z.getBoundingClientRect()) || {
-        height: 0,
-        width: 0
-      };
-      let u = [];
-      a && d.current && (u = [
-        {
-          originalElementToHighlightRef: d.current.labelRef,
-          isActive: !1,
-          type: s.TOOLTIP,
-          elementToHighlight: /* @__PURE__ */ e(I, {}),
-          indicator: {
-            position: "right",
-            backgroundColor: "BLUE_4",
-            width: 264,
-            tooltipItem: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(g, { $renderAs: "ab2-bold", children: "Get faster & stay ahead in school. Practice 3 new skills everyday." }) }),
-            tooltipXCoOrdinates: m.width + 50,
-            tooltipYCoOrdinates: m.height / 2
-          }
-        },
-        {
-          originalElementToHighlightRef: (K = n.current) == null ? void 0 : K.nextBtnRef,
-          isActive: !1,
-          type: s.NUDGE,
-          elementToHighlight: /* @__PURE__ */ e(
-            j,
-            {
-              renderAs: "secondary",
-              Icon: q,
-              onClick: () => h(
-                p.GAMES_ACTIVITY,
-                o.current,
-                "ORANGE_4",
-                i
-              ),
-              analyticsLabel: z.JOURNEY_NEXT_ACTIVITY
-            }
-          ),
-          indicator: {
-            nudge: "click",
-            content: /* @__PURE__ */ e(g, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
-            nudgePointerX: 0,
-            nudgePointerY: 0
-          }
-        }
-      ]);
-      const ee = [
-        {
-          originalElementToHighlightRef: o.current.labelRef,
-          isActive: !1,
-          type: s.TOOLTIP,
-          elementToHighlight: /* @__PURE__ */ e(I, {}),
-          indicator: {
-            position: "right",
-            backgroundColor: "ORANGE_4",
-            width: 264,
-            tooltipItem: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(g, { $renderAs: "ab2-bold", children: "Train to think deeper & plan ahead. Play 3 new games everyday." }) }),
-            tooltipXCoOrdinates: A.width + 50,
-            tooltipYCoOrdinates: A.height / 2
-          }
-        },
-        {
-          originalElementToHighlightRef: n.current.nextBtnRef,
-          isActive: !1,
-          type: s.NUDGE,
-          elementToHighlight: /* @__PURE__ */ e(
-            j,
-            {
-              renderAs: "secondary",
-              Icon: q,
-              onClick: () => h(
-                p.PUZZLE_ACTIVITY,
-                r.current,
-                "PURPLE_4",
-                i
-              ),
-              analyticsLabel: z.JOURNEY_NEXT_ACTIVITY
-            }
-          ),
-          indicator: {
-            nudge: "click",
-            content: /* @__PURE__ */ e(g, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
-            nudgePointerX: 0,
-            nudgePointerY: 0
-          }
-        }
-      ], te = [
-        {
-          originalElementToHighlightRef: r.current.labelRef,
-          isActive: !1,
-          type: s.TOOLTIP,
-          elementToHighlight: /* @__PURE__ */ e(I, {}),
-          indicator: {
-            position: "right",
-            backgroundColor: "PURPLE_4",
-            width: 264,
-            tooltipItem: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(g, { $renderAs: "ab2-bold", children: "Think in new ways & stay sharp. Solve 3 new puzzles everyday." }) }),
-            tooltipXCoOrdinates: f.width + 50,
-            tooltipYCoOrdinates: f.height / 2
-          }
-        },
-        {
-          originalElementToHighlightRef: r.current.segmentedCardWrapperRef,
-          isActive: !1,
-          type: s.NUDGE,
-          elementToHighlight: /* @__PURE__ */ e(
-            ce,
-            {
-              label: "",
-              value: t.data.filter((l) => l.solved).length,
-              maxValue: t.data.length,
-              initialValue: t.initialProgressValue,
-              data: t.data.map((l) => ({
-                card: l.cardLottie,
-                name: "",
-                // We dont want to show the name of the puzzle in onboarding
-                isCompleted: l.solved,
-                onPress: () => H(l, i)
-              }))
-            }
-          ),
-          indicator: {
-            nudge: "click",
-            content: /* @__PURE__ */ e(g, { $renderAs: "ab1", $color: "WHITE", children: "Click to solve a puzzle" }),
-            nudgePointerX: T.width * 0.6,
-            nudgePointerY: T.height * 0.4
-          }
-        }
-      ];
-      N(i, [...u, ...ee, ...te]);
-      const re = setTimeout(() => {
-        var l;
-        clearTimeout(re), (l = n.current) == null || l.goToIndex(0), c(i, !1, ge);
-      }, he);
-      a && d.current ? h(p.SKILL_ACTIVITY, d.current, "BLUE_4", i, !0) : h(p.GAMES_ACTIVITY, o.current, "ORANGE_4", i, !0);
-    },
-    [n, H, h, c, N]
-  );
-  return ne(
-    () => ({
-      gameRefs: o,
-      puzzleRefs: r,
-      lessonRefs: d,
-      startJourney: G
-    }),
-    [G]
-  );
-};
-export {
-  He as useGameLauncherJourney
-};
-//# sourceMappingURL=use-game-launcher-journey.js.map

package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-game-launcher-journey.js","sources":["../../../../../../src/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.tsx"],"sourcesContent":["import type { TJourneyId } from '../../../../journey/journey-id/journey-id-types';\nimport type { ICoachmarkProps } from '../../../../journey/use-journey/journey-context-types';\nimport type { IArrowTooltipProps } from '../../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { INudgeProps } from '../../../../ui/nudge/nudge-types';\nimport type { TColorNames } from '../../../../ui/types';\nimport type { ISegmentedGameCardRefs } from '../../comps/segmented-game-card/segmented-game-card-types';\nimport type {\n  IProject,\n  Puzzle,\n} from '../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport type { IUseGameLauncherJourneyProps } from './use-game-launcher-journey-types';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport { PLATFORM_EVENTS_STUDENT as AnalyticsLabel } from '../../../../analytics-events/platform-events-student';\nimport { IndicatorType } from '../../../../journey/use-journey/constants';\nimport { useJourney } from '../../../../journey/use-journey/use-journey';\nimport IconButton from '../../../../ui/buttons/icon-button/icon-button';\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { CIRCLE_ONBOARDING_ANALYTICS_STEPS as ActionEvent } from '../../../enum/circle-onboarding-steps';\nimport { ProjectType } from '../../../games/web-view/enums';\nimport { useCircleSounds } from '../../../hooks/use-circle-sounds/use-circle-sounds';\nimport { SegmentedGameCard } from '../../comps/segmented-game-card/segmented-game-card';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from '../../game-launcher-analytics-events';\nimport {\n  GO_TO_NEXT_SLIDE_AFTER_MS,\n  SHOW_LABEL_HIGHLIGHT_AFTER_MS,\n  SHOW_NUDGE_AFTER_MS,\n  SLIDE_TO_LESSON_MS,\n  START_JOURNEY_DELAY_MS,\n} from './constants';\n\nexport const useGameLauncherJourney = ({\n  carouselRefs,\n  onSegmentClick,\n  onJourneyComplete,\n}: IUseGameLauncherJourneyProps) => {\n  const gameRefs = useRef<ISegmentedGameCardRefs>(null);\n  const puzzleRefs = useRef<ISegmentedGameCardRefs>(null);\n  const lessonRefs = useRef<ISegmentedGameCardRefs>(null);\n\n  const isJourneyInProgress = useRef(false);\n\n  const { playButtonSound } = useCircleSounds();\n  const { nextCoachmark, setJourney } = useJourney();\n  const { onEvent: trackAnalytics } = useUIContext();\n\n  const trackEventViewed = useCallback(\n    (step: ActionEvent) => {\n      trackAnalytics(AnalyticsLabel.ONBOARDING_STEP_VIEWED, {\n        step,\n      });\n    },\n    [trackAnalytics],\n  );\n  const trackEventCompleted = useCallback(\n    (step: ActionEvent) => {\n      trackAnalytics(AnalyticsLabel.ONBOARDING_STEP_COMPLETED, {\n        step,\n      });\n    },\n    [trackAnalytics],\n  );\n\n  const goToNextCard = useCallback(\n    (\n      analyticsLabelViewed: ActionEvent,\n      refOfNextSlide: ISegmentedGameCardRefs,\n      color: TColorNames,\n      journeyId: TJourneyId,\n      isFirstSlide: boolean = false,\n    ) => {\n      if (!isFirstSlide) {\n        playButtonSound();\n        carouselRefs.current?.goToIndex(carouselRefs.current?.currentIndex + 1);\n        nextCoachmark(journeyId, false, GO_TO_NEXT_SLIDE_AFTER_MS);\n      }\n\n      trackEventViewed(analyticsLabelViewed);\n\n      const animateLabelTimer = setTimeout(() => {\n        clearTimeout(animateLabelTimer);\n        refOfNextSlide.startLabelAnimation(color);\n      }, SHOW_LABEL_HIGHLIGHT_AFTER_MS);\n\n      nextCoachmark(journeyId, true, SHOW_NUDGE_AFTER_MS);\n    },\n    [carouselRefs, nextCoachmark, playButtonSound, trackEventViewed],\n  );\n\n  const endJourney = useCallback(\n    (puzzlesData: Puzzle, journeyId: TJourneyId) => {\n      onSegmentClick(puzzlesData, ProjectType.PUZZLE);\n      trackEventCompleted(ActionEvent.PUZZLE_ACTIVITY);\n      nextCoachmark(journeyId);\n      onJourneyComplete(journeyId);\n    },\n    [nextCoachmark, onJourneyComplete, onSegmentClick, trackEventCompleted],\n  );\n\n  const startJourney = useCallback(\n    (puzzlesData: IProject<Puzzle>, isLessonAvailable: boolean, journeyId: TJourneyId) => {\n      if (isJourneyInProgress.current) {\n        return;\n      }\n\n      // If element refs are not available return, this is just for type safety\n      if (\n        !carouselRefs?.current?.nextBtnRef.current ||\n        !puzzleRefs?.current?.segmentedCardWrapperRef.current ||\n        !gameRefs?.current?.labelRef.current ||\n        !puzzleRefs?.current?.labelRef.current ||\n        !puzzlesData\n      ) {\n        return;\n      }\n\n      isJourneyInProgress.current = true;\n      const lessonLabelDims = lessonRefs.current?.labelRef?.current?.getBoundingClientRect() || {\n        height: 0,\n        width: 0,\n      };\n      const gameLabelDims = gameRefs.current?.labelRef?.current?.getBoundingClientRect() || {\n        height: 0,\n        width: 0,\n      };\n      const puzzleLabelDims = puzzleRefs.current?.labelRef?.current?.getBoundingClientRect() || {\n        height: 0,\n        width: 0,\n      };\n\n      const launcherDims =\n        puzzleRefs.current?.segmentedCardWrapperRef?.current?.getBoundingClientRect() || {\n          height: 0,\n          width: 0,\n        };\n\n      let lessonSteps: ICoachmarkProps[] = [];\n\n      if (isLessonAvailable && lessonRefs.current) {\n        lessonSteps = [\n          {\n            originalElementToHighlightRef: lessonRefs.current.labelRef,\n            isActive: false,\n            type: IndicatorType.TOOLTIP,\n            elementToHighlight: <></>,\n            indicator: {\n              position: 'right',\n              backgroundColor: 'BLUE_4',\n              width: 264,\n              tooltipItem: (\n                <FlexView>\n                  <Text $renderAs=\"ab2-bold\">\n                    Get faster & stay ahead in school. Practice 3 new skills everyday.\n                  </Text>\n                </FlexView>\n              ),\n              tooltipXCoOrdinates: lessonLabelDims.width + 50,\n              tooltipYCoOrdinates: lessonLabelDims.height / 2,\n            } as IArrowTooltipProps,\n          },\n          {\n            originalElementToHighlightRef: carouselRefs.current?.nextBtnRef,\n            isActive: false,\n            type: IndicatorType.NUDGE,\n            elementToHighlight: (\n              <IconButton\n                renderAs=\"secondary\"\n                Icon={CaratRightIcon}\n                onClick={() =>\n                  goToNextCard(\n                    ActionEvent.GAMES_ACTIVITY,\n                    gameRefs.current as ISegmentedGameCardRefs,\n                    'ORANGE_4',\n                    journeyId,\n                  )\n                }\n                analyticsLabel={GAME_LAUNCHER_ANALYTICS_EVENTS.JOURNEY_NEXT_ACTIVITY}\n              />\n            ),\n            indicator: {\n              nudge: 'click',\n              content: (\n                <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                  Click to proceed\n                </Text>\n              ),\n              nudgePointerX: 0,\n              nudgePointerY: 0,\n            } as INudgeProps,\n          },\n        ];\n      }\n\n      const gameSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: gameRefs.current.labelRef,\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: <></>,\n          indicator: {\n            position: 'right',\n            backgroundColor: 'ORANGE_4',\n            width: 264,\n            tooltipItem: (\n              <FlexView>\n                <Text $renderAs=\"ab2-bold\">\n                  Train to think deeper & plan ahead. Play 3 new games everyday.\n                </Text>\n              </FlexView>\n            ),\n            tooltipXCoOrdinates: gameLabelDims.width + 50,\n            tooltipYCoOrdinates: gameLabelDims.height / 2,\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: carouselRefs.current.nextBtnRef,\n          isActive: false,\n          type: IndicatorType.NUDGE,\n          elementToHighlight: (\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={CaratRightIcon}\n              onClick={() =>\n                goToNextCard(\n                  ActionEvent.PUZZLE_ACTIVITY,\n                  puzzleRefs.current as ISegmentedGameCardRefs,\n                  'PURPLE_4',\n                  journeyId,\n                )\n              }\n              analyticsLabel={GAME_LAUNCHER_ANALYTICS_EVENTS.JOURNEY_NEXT_ACTIVITY}\n            />\n          ),\n          indicator: {\n            nudge: 'click',\n            content: (\n              <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                Click to proceed\n              </Text>\n            ),\n            nudgePointerX: 0,\n            nudgePointerY: 0,\n          } as INudgeProps,\n        },\n      ];\n\n      const puzzleSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: puzzleRefs.current.labelRef,\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: <></>,\n          indicator: {\n            position: 'right',\n            backgroundColor: 'PURPLE_4',\n            width: 264,\n            tooltipItem: (\n              <FlexView>\n                <Text $renderAs=\"ab2-bold\">\n                  Think in new ways & stay sharp. Solve 3 new puzzles everyday.\n                </Text>\n              </FlexView>\n            ),\n            tooltipXCoOrdinates: puzzleLabelDims.width + 50,\n            tooltipYCoOrdinates: puzzleLabelDims.height / 2,\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: puzzleRefs.current.segmentedCardWrapperRef,\n          isActive: false,\n          type: IndicatorType.NUDGE,\n          elementToHighlight: (\n            <SegmentedGameCard\n              label={''} // This is intentionally left blank to avoid showing the label\n              value={puzzlesData.data.filter(puzzle => puzzle.solved).length}\n              maxValue={puzzlesData.data.length}\n              initialValue={puzzlesData.initialProgressValue}\n              data={puzzlesData.data.map(puzzle => ({\n                card: puzzle.cardLottie,\n                name: '', // We dont want to show the name of the puzzle in onboarding\n                isCompleted: puzzle.solved,\n                onPress: () => endJourney(puzzle, journeyId),\n              }))}\n            />\n          ),\n          indicator: {\n            nudge: 'click',\n            content: (\n              <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                Click to solve a puzzle\n              </Text>\n            ),\n            nudgePointerX: launcherDims.width * 0.6,\n            nudgePointerY: launcherDims.height * 0.4,\n          } as INudgeProps,\n        },\n      ];\n\n      setJourney(journeyId, [...lessonSteps, ...gameSteps, ...puzzleSteps]);\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        carouselRefs.current?.goToIndex(0); // Always start from 0th Index no matter what the current index is\n        nextCoachmark(journeyId, false, START_JOURNEY_DELAY_MS);\n      }, SLIDE_TO_LESSON_MS);\n\n      if (isLessonAvailable && lessonRefs.current) {\n        goToNextCard(ActionEvent.SKILL_ACTIVITY, lessonRefs.current, 'BLUE_4', journeyId, true);\n      } else {\n        goToNextCard(ActionEvent.GAMES_ACTIVITY, gameRefs.current, 'ORANGE_4', journeyId, true);\n      }\n    },\n    [carouselRefs, endJourney, goToNextCard, nextCoachmark, setJourney],\n  );\n\n  const data = useMemo(\n    () => ({\n      gameRefs,\n      puzzleRefs,\n      lessonRefs,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n"],"names":["useGameLauncherJourney","carouselRefs","onSegmentClick","onJourneyComplete","gameRefs","useRef","puzzleRefs","lessonRefs","isJourneyInProgress","playButtonSound","useCircleSounds","nextCoachmark","setJourney","useJourney","trackAnalytics","useUIContext","trackEventViewed","useCallback","step","AnalyticsLabel","trackEventCompleted","goToNextCard","analyticsLabelViewed","refOfNextSlide","color","journeyId","isFirstSlide","_b","_a","GO_TO_NEXT_SLIDE_AFTER_MS","animateLabelTimer","SHOW_LABEL_HIGHLIGHT_AFTER_MS","SHOW_NUDGE_AFTER_MS","endJourney","puzzlesData","ProjectType","ActionEvent","startJourney","isLessonAvailable","_c","_d","lessonLabelDims","_g","_f","_e","gameLabelDims","_j","_i","_h","puzzleLabelDims","_m","_l","_k","launcherDims","_p","_o","_n","lessonSteps","IndicatorType","jsx","Fragment","FlexView","Text","_q","IconButton","CaratRightIcon","GAME_LAUNCHER_ANALYTICS_EVENTS","gameSteps","puzzleSteps","SegmentedGameCard","puzzle","delayBeforeStart","START_JOURNEY_DELAY_MS","SLIDE_TO_LESSON_MS","useMemo"],"mappings":"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"}

package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/constants.js

@@ -1,6 +0,0 @@
-const D = 2, E = 3;
-export {
-  D as PUZZLE_CARD_INDEX,
-  E as TABLE_CARD_INDEX
-};
-//# sourceMappingURL=constants.js.map

package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher/hooks/use-table-launcher-journey/constants.ts"],"sourcesContent":["export const PUZZLE_CARD_INDEX = 2;\nexport const TABLE_CARD_INDEX = 3;\n"],"names":["PUZZLE_CARD_INDEX","TABLE_CARD_INDEX"],"mappings":"AAAO,MAAMA,IAAoB,GACpBC,IAAmB;"}

package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey-styled.js

@@ -1,13 +0,0 @@
-import t from "styled-components";
-const i = t.div`
-  border: 1px solid ${({ theme: r }) => r.colors.WHITE};
-  height: 8px;
-  width: 8px;
-  border-radius: 100%;
-  background: ${({ theme: r, $isActive: o }) => o ? r.colors.WHITE : "transparent"};
-  cursor: pointer;
-`;
-export {
-  i as Indicator
-};
-//# sourceMappingURL=use-table-launcher-journey-styled.js.map

package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-table-launcher-journey-styled.js","sources":["../../../../../../src/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Indicator = styled.div<{ $isActive?: boolean }>`\n  border: 1px solid ${({ theme }) => theme.colors.WHITE};\n  height: 8px;\n  width: 8px;\n  border-radius: 100%;\n  background: ${({ theme, $isActive }) => ($isActive ? theme.colors.WHITE : 'transparent')};\n  cursor: pointer;\n`;\n"],"names":["Indicator","styled","theme","$isActive"],"mappings":";AAEO,MAAMA,IAAYC,EAAO;AAAA,sBACV,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIvC,CAAC,EAAE,OAAAA,GAAO,WAAAC,QAAiBA,IAAYD,EAAM,OAAO,QAAQ,aAAc;AAAA;AAAA;"}