@cuemath/leap 2.8.22 → 2.8.24-hg1

package/dist/features/milestone/outcome/comps/past-milestone/past-milestone-container.js

@@ -1,38 +1,38 @@
-import { jsx as t, jsxs as E, Fragment as B } from "react/jsx-runtime";
-import { useState as l, useRef as N, useMemo as g, useCallback as R, useEffect as C } from "react";
-import G from "../../../../../assets/line-icons/icons/next.js";
+import { jsx as t, jsxs as E, Fragment as k } from "react/jsx-runtime";
+import { useState as m, useRef as B, useMemo as u, useCallback as N, useEffect as C } from "react";
+import R from "../../../../../assets/line-icons/icons/next.js";
 import U from "../../../../ui/buttons/button/button.js";
 import { useUIContext as V } from "../../../../ui/context/context.js";
 import S from "../../../../ui/layout/flex-view.js";
 import W from "../../../../ui/radio-cards/radio-cards.js";
 import z from "../../../../ui/text/text.js";
-import { useGetMileStoneConfig as H } from "../../../create/api/milestone-config.js";
-import { useMilestonePost as Q } from "../../../create/api/milestone-submit.js";
-import { TEST_TYPE_OPTIONS as q } from "../../../create/comps/test-type-step/test-type-step-constants.js";
-import J from "./past-milestone-form.js";
-import { FooterWrapper as K } from "./past-milestone-styled.js";
-import Z from "./question.js";
-import ee from "../../../../../node_modules/uuid/dist/esm-browser/v4.js";
-const he = ({
-  studentId: u,
-  studentName: P,
-  onSubmit: I,
+import { useGetMileStoneConfig as G } from "../../../create/api/milestone-config.js";
+import { useMilestonePost as H } from "../../../create/api/milestone-submit.js";
+import { TEST_TYPE_OPTIONS as Q } from "../../../create/comps/test-type-step/test-type-step-constants.js";
+import q from "./past-milestone-form.js";
+import { FooterWrapper as J } from "./past-milestone-styled.js";
+import K from "./question.js";
+import Z from "../../../../../node_modules/uuid/dist/esm-browser/v4.js";
+const ge = ({
+  studentId: g,
+  studentName: I,
+  onSubmit: P,
   onError: M,
   grade: h,
-  courseStream: m
+  courseStream: l
 }) => {
-  const [a, b] = l(), [w, x] = l(!1), [_, T] = l({ grade: h }), [c, d] = l(""), { get: y, data: D } = H(), { onEvent: p } = V(), f = N(ee()), F = g(
-    () => q.filter(
-      ({ id: e }) => m === "MATH" ? e !== "no-test" : e === "non-standardized"
+  const [a, b] = m(), [w, x] = m(!1), [T, _] = m({ grade: h }), [c, d] = m(""), { get: y, data: D } = G(), { onEvent: p } = V(), f = B(Z()), F = u(
+    () => Q.filter(
+      ({ id: e }) => l === "MATH" ? e !== "no-test" : e === "non-standardized"
     ),
-    [m]
-  ), n = g(() => (/* @__PURE__ */ new Date()).toISOString().split("T")[0], []), i = g(() => {
+    [l]
+  ), n = u(() => (/* @__PURE__ */ new Date()).toISOString().split("T")[0], []), i = u(() => {
     const e = /* @__PURE__ */ new Date();
     return e.setFullYear(e.getFullYear() - 5), e.toISOString().split("T")[0];
-  }, []), A = R(
+  }, []), A = N(
     (e) => {
       const { milestoneEndDate: o } = e || {};
-      c && o && n && i && o <= n && o > i && d(""), T((r) => ({ ...r, ...e }));
+      c && o && n && i && o <= n && o > i && d(""), _((r) => ({ ...r, ...e }));
     },
     [n, c, i]
   ), $ = (e, o) => {
@@ -43,7 +43,7 @@ const he = ({
       p("TEST_DETAILS_SUBMITTED", {
         milestone_id: r,
         temporary_milestone_id: f.current
-      }), I(r);
+      }), P(r);
     }
   };
   C(() => {
@@ -53,32 +53,30 @@ const he = ({
   }, [p]), C(() => {
     y("", void 0);
   }, [y]);
-  const { post: v, isProcessing: O } = Q({
+  const { post: v, isProcessing: O } = H({
     onComplete: $
   }), L = (e) => {
-    b(e), T({ grade: h });
+    b(e), _({ grade: h });
   }, X = () => {
-    const { grade: e, testName: o, board: r, milestoneEndDate: s, schoolGooglePlaceData: Y, academicEventId: j } = _;
+    const { grade: e, testName: o, board: r, milestoneEndDate: s, academicEventId: Y } = T;
     if (s && n && i && (s > n || s < i)) {
       s > n ? d("Please enter a past date") : d("Please select a date within the past 5 years");
       return;
     }
-    const k = {
+    const j = {
       grade: e,
       test_name: o,
       board: r,
-      course_stream: m,
+      course_stream: l,
       milestone_date_ts: s ? new Date(s).getTime() / 1e3 : null,
-      school_google_place_data: Y,
-      academic_event_id: j,
-      is_first_milestone: !1,
+      academic_event_id: Y,
       publish: !0
     };
-    v(k, {
-      studentId: u
+    v(j, {
+      studentId: g
     });
   };
-  return u ? /* @__PURE__ */ E(B, { children: [
+  return g ? /* @__PURE__ */ E(k, { children: [
     /* @__PURE__ */ E(S, { $height: "max-content", $alignItems: "center", children: [
       /* @__PURE__ */ t(
         z,
@@ -92,7 +90,7 @@ const he = ({
         }
       ),
       /* @__PURE__ */ t(
-        Z,
+        K,
         {
           index: 0,
           description: "What was the type of test?",
@@ -109,25 +107,25 @@ const he = ({
         }
       ),
       D && a && /* @__PURE__ */ t(
-        J,
+        q,
         {
           config: D,
           testType: a,
-          studentName: P,
-          formData: _,
+          studentName: I,
+          formData: T,
           onFormDataChange: A,
           onFormValidityChange: x,
           errorMessage: c
         }
       )
     ] }),
-    a && /* @__PURE__ */ t(K, { children: /* @__PURE__ */ t(S, { $flexDirection: "row", $justifyContent: "center", children: /* @__PURE__ */ t(
+    a && /* @__PURE__ */ t(J, { children: /* @__PURE__ */ t(S, { $flexDirection: "row", $justifyContent: "center", children: /* @__PURE__ */ t(
       U,
       {
         label: "Add outcome",
         renderAs: "primary",
         widthX: 16,
-        Icon: G,
+        Icon: R,
         onClick: X,
         disabled: !w,
         busy: O,
@@ -140,6 +138,6 @@ const he = ({
   ] }) : /* @__PURE__ */ t("div", { children: "Error" });
 };
 export {
-  he as default
+  ge as default
 };
 //# sourceMappingURL=past-milestone-container.js.map

package/dist/features/milestone/outcome/comps/past-milestone/past-milestone-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"past-milestone-container.js","sources":["../../../../../../src/features/milestone/outcome/comps/past-milestone/past-milestone-container.tsx"],"sourcesContent":["import type {\n  IMileStoneFormFields,\n  TMilestonePayload,\n} from '../../../create/milestone-create-types';\nimport type { TTestType } from '../../../types';\nimport type { IPastMilestoneProps } from './past-milestone-types';\n\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport NextIcon from '../../../../../assets/line-icons/icons/next';\nimport Button from '../../../../ui/buttons/button/button';\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport RadioCards from '../../../../ui/radio-cards/radio-cards';\nimport Text from '../../../../ui/text/text';\nimport { useGetMileStoneConfig } from '../../../create/api/milestone-config';\nimport { useMilestonePost } from '../../../create/api/milestone-submit';\nimport { TEST_TYPE_OPTIONS } from '../../../create/comps/test-type-step/test-type-step-constants';\nimport PastMilestoneForm from './past-milestone-form';\nimport { FooterWrapper } from './past-milestone-styled';\nimport Question from './question';\n\nconst PastMilestoneContainer: React.FC<IPastMilestoneProps> = ({\n  studentId,\n  studentName,\n  onSubmit,\n  onError,\n  grade: prevGrade,\n  courseStream,\n}) => {\n  const [testType, setTestType] = useState<TTestType>();\n  const [canSubmit, setCanSubmit] = useState(false);\n  const [formData, setFormData] = useState<IMileStoneFormFields>({ grade: prevGrade });\n  const [dateErrorMessage, setDateErrorMessage] = useState('');\n  const { get: getConfig, data: configData } = useGetMileStoneConfig();\n  const { onEvent: trackEvent } = useUIContext();\n  const itemIdRef = useRef(uuidv4());\n\n  const testTypeOptions = useMemo(\n    () =>\n      TEST_TYPE_OPTIONS.filter(({ id }) =>\n        courseStream === 'MATH' ? id !== 'no-test' : id === 'non-standardized',\n      ),\n    [courseStream],\n  );\n\n  const currentDate = useMemo(() => {\n    const today = new Date();\n\n    return today.toISOString().split('T')[0];\n  }, []);\n\n  // Get date that was 5 years ago\n  const fiveYearsAgoDate = useMemo(() => {\n    const today = new Date();\n\n    today.setFullYear(today.getFullYear() - 5);\n\n    return today.toISOString().split('T')[0];\n  }, []);\n\n  const handleFormDataChange = useCallback(\n    (changedData: IMileStoneFormFields) => {\n      const { milestoneEndDate } = changedData || {};\n\n      if (\n        dateErrorMessage &&\n        milestoneEndDate &&\n        currentDate &&\n        fiveYearsAgoDate &&\n        milestoneEndDate <= currentDate &&\n        milestoneEndDate > fiveYearsAgoDate\n      ) {\n        setDateErrorMessage('');\n      }\n\n      setFormData(prevFormData => ({ ...prevFormData, ...changedData }));\n    },\n    [currentDate, dateErrorMessage, fiveYearsAgoDate],\n  );\n  const handleOnSubmit = (errorMessage: string | null, data?: Record<string, unknown>) => {\n    if (errorMessage) {\n      onError(errorMessage);\n    } else {\n      const { id: milestoneId = '' } = data || {};\n\n      trackEvent('TEST_DETAILS_SUBMITTED', {\n        milestone_id: milestoneId,\n        temporary_milestone_id: itemIdRef.current,\n      });\n      onSubmit(milestoneId as string);\n    }\n  };\n\n  useEffect(() => {\n    trackEvent('TEST_DETAILS_PAGE_LOADED', {\n      temporary_milestone_id: itemIdRef.current,\n    });\n  }, [trackEvent]);\n\n  useEffect(() => {\n    getConfig('', undefined);\n  }, [getConfig]);\n  const { post: postMilestone, isProcessing } = useMilestonePost({\n    onComplete: handleOnSubmit,\n  });\n  const handleTestTypeChange = (inputTestType: TTestType) => {\n    setTestType(inputTestType);\n    setFormData({ grade: prevGrade });\n  };\n\n  const createMilestone = () => {\n    const { grade, testName, board, milestoneEndDate, schoolGooglePlaceData, academicEventId } =\n      formData;\n\n    if (\n      milestoneEndDate &&\n      currentDate &&\n      fiveYearsAgoDate &&\n      (milestoneEndDate > currentDate || milestoneEndDate < fiveYearsAgoDate)\n    ) {\n      if (milestoneEndDate > currentDate) {\n        setDateErrorMessage('Please enter a past date');\n      } else {\n        setDateErrorMessage('Please select a date within the past 5 years');\n      }\n\n      return;\n    }\n\n    const payload: TMilestonePayload = {\n      grade,\n      test_name: testName,\n      board,\n      course_stream: courseStream,\n      milestone_date_ts: milestoneEndDate ? new Date(milestoneEndDate).getTime() / 1000 : null,\n      school_google_place_data: schoolGooglePlaceData,\n      academic_event_id: academicEventId,\n      is_first_milestone: false,\n      publish: true,\n    };\n\n    postMilestone(payload, {\n      studentId,\n    });\n  };\n\n  if (!studentId) {\n    return <div>Error</div>;\n  }\n\n  return (\n    <>\n      <FlexView $height={'max-content'} $alignItems=\"center\">\n        <Text\n          $renderAs=\"h4\"\n          $align=\"center\"\n          $alignSelf=\"center\"\n          $widthX={28.75}\n          $marginBottomX={0.75}\n        >\n          Please enter the test details\n        </Text>\n        <Question\n          index={0}\n          description=\"What was the type of test?\"\n          inputComponent={\n            <RadioCards\n              options={testTypeOptions}\n              value={testType}\n              widthX={18.75}\n              onChange={handleTestTypeChange}\n              analyticsLabel=\"test_type\"\n            />\n          }\n        />\n        {configData && testType && (\n          <PastMilestoneForm\n            config={configData}\n            testType={testType}\n            studentName={studentName}\n            formData={formData}\n            onFormDataChange={handleFormDataChange}\n            onFormValidityChange={setCanSubmit}\n            errorMessage={dateErrorMessage}\n          />\n        )}\n      </FlexView>\n      {testType && (\n        <FooterWrapper>\n          <FlexView $flexDirection=\"row\" $justifyContent=\"center\">\n            <Button\n              label=\"Add outcome\"\n              renderAs=\"primary\"\n              widthX={16}\n              Icon={NextIcon}\n              onClick={createMilestone}\n              disabled={!canSubmit}\n              busy={isProcessing}\n              iconPosition=\"right\"\n              analyticsProps={{\n                temporary_milestone_id: itemIdRef.current,\n              }}\n            />\n          </FlexView>\n        </FooterWrapper>\n      )}\n    </>\n  );\n};\n\nexport default PastMilestoneContainer;\n"],"names":["PastMilestoneContainer","studentId","studentName","onSubmit","onError","prevGrade","courseStream","testType","setTestType","useState","canSubmit","setCanSubmit","formData","setFormData","dateErrorMessage","setDateErrorMessage","getConfig","configData","useGetMileStoneConfig","trackEvent","useUIContext","itemIdRef","useRef","uuidv4","testTypeOptions","useMemo","TEST_TYPE_OPTIONS","id","currentDate","fiveYearsAgoDate","today","handleFormDataChange","useCallback","changedData","milestoneEndDate","prevFormData","handleOnSubmit","errorMessage","data","milestoneId","useEffect","postMilestone","isProcessing","useMilestonePost","handleTestTypeChange","inputTestType","createMilestone","grade","testName","board","schoolGooglePlaceData","academicEventId","payload","jsxs","Fragment","FlexView","jsx","Text","Question","RadioCards","PastMilestoneForm","FooterWrapper","Button","NextIcon"],"mappings":"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"}
+{"version":3,"file":"past-milestone-container.js","sources":["../../../../../../src/features/milestone/outcome/comps/past-milestone/past-milestone-container.tsx"],"sourcesContent":["import type {\n  IMileStoneFormFields,\n  TMilestonePayload,\n} from '../../../create/milestone-create-types';\nimport type { TTestType } from '../../../types';\nimport type { IPastMilestoneProps } from './past-milestone-types';\n\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport NextIcon from '../../../../../assets/line-icons/icons/next';\nimport Button from '../../../../ui/buttons/button/button';\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport RadioCards from '../../../../ui/radio-cards/radio-cards';\nimport Text from '../../../../ui/text/text';\nimport { useGetMileStoneConfig } from '../../../create/api/milestone-config';\nimport { useMilestonePost } from '../../../create/api/milestone-submit';\nimport { TEST_TYPE_OPTIONS } from '../../../create/comps/test-type-step/test-type-step-constants';\nimport PastMilestoneForm from './past-milestone-form';\nimport { FooterWrapper } from './past-milestone-styled';\nimport Question from './question';\n\nconst PastMilestoneContainer: React.FC<IPastMilestoneProps> = ({\n  studentId,\n  studentName,\n  onSubmit,\n  onError,\n  grade: prevGrade,\n  courseStream,\n}) => {\n  const [testType, setTestType] = useState<TTestType>();\n  const [canSubmit, setCanSubmit] = useState(false);\n  const [formData, setFormData] = useState<IMileStoneFormFields>({ grade: prevGrade });\n  const [dateErrorMessage, setDateErrorMessage] = useState('');\n  const { get: getConfig, data: configData } = useGetMileStoneConfig();\n  const { onEvent: trackEvent } = useUIContext();\n  const itemIdRef = useRef(uuidv4());\n\n  const testTypeOptions = useMemo(\n    () =>\n      TEST_TYPE_OPTIONS.filter(({ id }) =>\n        courseStream === 'MATH' ? id !== 'no-test' : id === 'non-standardized',\n      ),\n    [courseStream],\n  );\n\n  const currentDate = useMemo(() => {\n    const today = new Date();\n\n    return today.toISOString().split('T')[0];\n  }, []);\n\n  // Get date that was 5 years ago\n  const fiveYearsAgoDate = useMemo(() => {\n    const today = new Date();\n\n    today.setFullYear(today.getFullYear() - 5);\n\n    return today.toISOString().split('T')[0];\n  }, []);\n\n  const handleFormDataChange = useCallback(\n    (changedData: IMileStoneFormFields) => {\n      const { milestoneEndDate } = changedData || {};\n\n      if (\n        dateErrorMessage &&\n        milestoneEndDate &&\n        currentDate &&\n        fiveYearsAgoDate &&\n        milestoneEndDate <= currentDate &&\n        milestoneEndDate > fiveYearsAgoDate\n      ) {\n        setDateErrorMessage('');\n      }\n\n      setFormData(prevFormData => ({ ...prevFormData, ...changedData }));\n    },\n    [currentDate, dateErrorMessage, fiveYearsAgoDate],\n  );\n  const handleOnSubmit = (errorMessage: string | null, data?: Record<string, unknown>) => {\n    if (errorMessage) {\n      onError(errorMessage);\n    } else {\n      const { id: milestoneId = '' } = data || {};\n\n      trackEvent('TEST_DETAILS_SUBMITTED', {\n        milestone_id: milestoneId,\n        temporary_milestone_id: itemIdRef.current,\n      });\n      onSubmit(milestoneId as string);\n    }\n  };\n\n  useEffect(() => {\n    trackEvent('TEST_DETAILS_PAGE_LOADED', {\n      temporary_milestone_id: itemIdRef.current,\n    });\n  }, [trackEvent]);\n\n  useEffect(() => {\n    getConfig('', undefined);\n  }, [getConfig]);\n  const { post: postMilestone, isProcessing } = useMilestonePost({\n    onComplete: handleOnSubmit,\n  });\n  const handleTestTypeChange = (inputTestType: TTestType) => {\n    setTestType(inputTestType);\n    setFormData({ grade: prevGrade });\n  };\n\n  const createMilestone = () => {\n    const { grade, testName, board, milestoneEndDate, academicEventId } = formData;\n\n    if (\n      milestoneEndDate &&\n      currentDate &&\n      fiveYearsAgoDate &&\n      (milestoneEndDate > currentDate || milestoneEndDate < fiveYearsAgoDate)\n    ) {\n      if (milestoneEndDate > currentDate) {\n        setDateErrorMessage('Please enter a past date');\n      } else {\n        setDateErrorMessage('Please select a date within the past 5 years');\n      }\n\n      return;\n    }\n\n    const payload: TMilestonePayload = {\n      grade,\n      test_name: testName,\n      board,\n      course_stream: courseStream,\n      milestone_date_ts: milestoneEndDate ? new Date(milestoneEndDate).getTime() / 1000 : null,\n      academic_event_id: academicEventId,\n      publish: true,\n    };\n\n    postMilestone(payload, {\n      studentId,\n    });\n  };\n\n  if (!studentId) {\n    return <div>Error</div>;\n  }\n\n  return (\n    <>\n      <FlexView $height={'max-content'} $alignItems=\"center\">\n        <Text\n          $renderAs=\"h4\"\n          $align=\"center\"\n          $alignSelf=\"center\"\n          $widthX={28.75}\n          $marginBottomX={0.75}\n        >\n          Please enter the test details\n        </Text>\n        <Question\n          index={0}\n          description=\"What was the type of test?\"\n          inputComponent={\n            <RadioCards\n              options={testTypeOptions}\n              value={testType}\n              widthX={18.75}\n              onChange={handleTestTypeChange}\n              analyticsLabel=\"test_type\"\n            />\n          }\n        />\n        {configData && testType && (\n          <PastMilestoneForm\n            config={configData}\n            testType={testType}\n            studentName={studentName}\n            formData={formData}\n            onFormDataChange={handleFormDataChange}\n            onFormValidityChange={setCanSubmit}\n            errorMessage={dateErrorMessage}\n          />\n        )}\n      </FlexView>\n      {testType && (\n        <FooterWrapper>\n          <FlexView $flexDirection=\"row\" $justifyContent=\"center\">\n            <Button\n              label=\"Add outcome\"\n              renderAs=\"primary\"\n              widthX={16}\n              Icon={NextIcon}\n              onClick={createMilestone}\n              disabled={!canSubmit}\n              busy={isProcessing}\n              iconPosition=\"right\"\n              analyticsProps={{\n                temporary_milestone_id: itemIdRef.current,\n              }}\n            />\n          </FlexView>\n        </FooterWrapper>\n      )}\n    </>\n  );\n};\n\nexport default PastMilestoneContainer;\n"],"names":["PastMilestoneContainer","studentId","studentName","onSubmit","onError","prevGrade","courseStream","testType","setTestType","useState","canSubmit","setCanSubmit","formData","setFormData","dateErrorMessage","setDateErrorMessage","getConfig","configData","useGetMileStoneConfig","trackEvent","useUIContext","itemIdRef","useRef","uuidv4","testTypeOptions","useMemo","TEST_TYPE_OPTIONS","id","currentDate","fiveYearsAgoDate","today","handleFormDataChange","useCallback","changedData","milestoneEndDate","prevFormData","handleOnSubmit","errorMessage","data","milestoneId","useEffect","postMilestone","isProcessing","useMilestonePost","handleTestTypeChange","inputTestType","createMilestone","grade","testName","board","academicEventId","payload","jsxs","Fragment","FlexView","jsx","Text","Question","RadioCards","PastMilestoneForm","FooterWrapper","Button","NextIcon"],"mappings":"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"}

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

@@ -1,20 +1,21 @@
-import o, { keyframes as s, css as r } from "styled-components";
-import { GAME_LAUNCHER_SIZE as t, GAME_LAUNCHER_ASSET_PADDING as a } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
-const p = 50 * 84 / 100, c = s`
+import o, { 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 a } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
+const p = 50 * 84 / 100, c = r`
   0%{
     opacity: 0;
   }
   100%{
     opacity: 1;
   }
-`, d = s`
+`, d = r`
   0%{
     opacity: 1;
   }
   100%{
     opacity: 0;
   }
-`, f = o.div`
+`, m = o.div`
   height: ${t}px;
   width: ${t}px;
   background: transparent;
@@ -28,40 +29,40 @@ const p = 50 * 84 / 100, c = s`
   position: absolute;
   flex: 1;
   z-index: 1;
-`, m = o.div`
+`, y = o.div`
   height: ${t + a}px;
   width: ${t + a}px;
   position: absolute;
   z-index: 2;
   transform: ${({ $translateX: e = 0, $translateY: i = 0, $rotate: n = 0 }) => `translateX(${e}px) translateY(${i}px) rotate(${n}deg)`};
-`, y = o.div`
+`, A = o.div`
   height: 100%;
   width: 100%;
-`, A = o.div`
+`, h = o.div`
   z-index: 2;
   opacity: 0;
   position: absolute;
-  animation: ${({ $animationType: e, $duration: i, $delay: n }) => r`
+  animation: ${({ $animationType: e, $duration: i, $delay: n }) => s`
     ${e === "fadein" ? c : d} ${i}ms ${n}ms ease forwards
   `};
   transform: translateY(${(t + p) * 84 / 200 + 25}px);
-`, h = o.div`
+`, u = o.div`
   position: absolute;
   z-index: 20;
   display: flex;
   flex-direction: row;
   align-items: flex-end;
 
-  ${({ $animationType: e, $duration: i }) => e && i && r`
+  ${({ $animationType: e, $duration: i }) => e && i && s`
       animation: ${e === "fadein" ? c : d} ${i}ms linear forwards;
     `}
 `;
 export {
-  f as Accuracy,
+  m as Accuracy,
   $ as AccuracyMeterLottie,
-  y as AccuracyNeedleLottie,
-  m as AnimatedAccuracyNeedleContainer,
-  h as PercentTextWrapper,
-  A as TextWrapper
+  A as AccuracyNeedleLottie,
+  y as AnimatedAccuracyNeedleContainer,
+  u as PercentTextWrapper,
+  h as TextWrapper
 };
 //# sourceMappingURL=accuracy-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"accuracy-styled.js","sources":["../../../../src/features/post-game-stats/accuracy/accuracy-styled.tsx"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components';\n\nimport {\n  GAME_LAUNCHER_ASSET_PADDING,\n  GAME_LAUNCHER_SIZE,\n} from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\n\nconst MASK_PADDING = (50 * 84) / 100;\n\nconst fadeIn = keyframes`\n  0%{\n    opacity: 0;\n  }\n  100%{\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  0%{\n    opacity: 1;\n  }\n  100%{\n    opacity: 0;\n  }\n`;\n\nexport const Accuracy = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n`;\n\nexport const AccuracyMeterLottie = 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  flex: 1;\n  z-index: 1;\n`;\n\nexport const AnimatedAccuracyNeedleContainer = styled.div<{\n  $translateX?: number;\n  $translateY?: number;\n  $rotate?: number;\n}>`\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  transform: ${({ $translateX = 0, $translateY = 0, $rotate = 0 }) =>\n    `translateX(${$translateX}px) translateY(${$translateY}px) rotate(${$rotate}deg)`};\n`;\n\nexport const AccuracyNeedleLottie = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nexport const TextWrapper = styled.div<{\n  $duration: number;\n  $delay: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  z-index: 2;\n  opacity: 0;\n  position: absolute;\n  animation: ${({ $animationType, $duration, $delay }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms ${$delay}ms ease forwards\n  `};\n  transform: translateY(${((GAME_LAUNCHER_SIZE + MASK_PADDING) * 84) / 200 + 25}px);\n`;\n\nexport const PercentTextWrapper = styled.div<{\n  $animationType?: 'fadein' | 'fadeout';\n  $duration?: number;\n}>`\n  position: absolute;\n  z-index: 20;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n\n  ${({ $animationType, $duration }) =>\n    $animationType &&\n    $duration &&\n    css`\n      animation: ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms linear forwards;\n    `}\n`;\n"],"names":["MASK_PADDING","fadeIn","keyframes","fadeOut","Accuracy","styled","GAME_LAUNCHER_SIZE","AccuracyMeterLottie","GAME_LAUNCHER_ASSET_PADDING","AnimatedAccuracyNeedleContainer","$translateX","$translateY","$rotate","AccuracyNeedleLottie","TextWrapper","$animationType","$duration","$delay","css","PercentTextWrapper"],"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,IAAWC,EAAO;AAAA,YACnBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhBC,IAAsBF,EAAO;AAAA,YAC9BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA;AAAA,GAM9CC,IAAkCJ,EAAO;AAAA,YAK1CC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,eAG5C,CAAC,EAAE,aAAAE,IAAc,GAAG,aAAAC,IAAc,GAAG,SAAAC,IAAU,EAAE,MAC5D,cAAcF,CAAW,kBAAkBC,CAAW,cAAcC,CAAO,MAAM;AAAA,GAGxEC,IAAuBR,EAAO;AAAA;AAAA;AAAA,GAK9BS,IAAcT,EAAO;AAAA;AAAA;AAAA;AAAA,eAQnB,CAAC,EAAE,gBAAAU,GAAgB,WAAAC,GAAW,QAAAC,QAAaC;AAAA,MACpDH,MAAmB,WAAWd,IAASE,CAAO,IAAIa,CAAS,MAAMC,CAAM;AAAA,GAC1E;AAAA,2BACyBX,IAAqBN,KAAgB,KAAM,MAAM,EAAE;AAAA,GAGlEmB,IAAqBd,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUrC,CAAC,EAAE,gBAAAU,GAAgB,WAAAC,EAAU,MAC7BD,KACAC,KACAE;AAAA,mBACeH,MAAmB,WAAWd,IAASE,CAAO,IAAIa,CAAS;AAAA,KACzE;AAAA;"}
+{"version":3,"file":"accuracy-styled.js","sources":["../../../../src/features/post-game-stats/accuracy/accuracy-styled.tsx"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher/comps/card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING } from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\n\nconst MASK_PADDING = (50 * 84) / 100;\n\nconst fadeIn = keyframes`\n  0%{\n    opacity: 0;\n  }\n  100%{\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  0%{\n    opacity: 1;\n  }\n  100%{\n    opacity: 0;\n  }\n`;\n\nexport const Accuracy = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n`;\n\nexport const AccuracyMeterLottie = 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  flex: 1;\n  z-index: 1;\n`;\n\nexport const AnimatedAccuracyNeedleContainer = styled.div<{\n  $translateX?: number;\n  $translateY?: number;\n  $rotate?: number;\n}>`\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  transform: ${({ $translateX = 0, $translateY = 0, $rotate = 0 }) =>\n    `translateX(${$translateX}px) translateY(${$translateY}px) rotate(${$rotate}deg)`};\n`;\n\nexport const AccuracyNeedleLottie = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nexport const TextWrapper = styled.div<{\n  $duration: number;\n  $delay: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  z-index: 2;\n  opacity: 0;\n  position: absolute;\n  animation: ${({ $animationType, $duration, $delay }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms ${$delay}ms ease forwards\n  `};\n  transform: translateY(${((GAME_LAUNCHER_SIZE + MASK_PADDING) * 84) / 200 + 25}px);\n`;\n\nexport const PercentTextWrapper = styled.div<{\n  $animationType?: 'fadein' | 'fadeout';\n  $duration?: number;\n}>`\n  position: absolute;\n  z-index: 20;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n\n  ${({ $animationType, $duration }) =>\n    $animationType &&\n    $duration &&\n    css`\n      animation: ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms linear forwards;\n    `}\n`;\n"],"names":["MASK_PADDING","fadeIn","keyframes","fadeOut","Accuracy","styled","GAME_LAUNCHER_SIZE","AccuracyMeterLottie","GAME_LAUNCHER_ASSET_PADDING","AnimatedAccuracyNeedleContainer","$translateX","$translateY","$rotate","AccuracyNeedleLottie","TextWrapper","$animationType","$duration","$delay","css","PercentTextWrapper"],"mappings":";;;AAKA,MAAMA,IAAgB,KAAK,KAAM,KAE3BC,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASHE,IAAWC,EAAO;AAAA,YACnBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhBC,IAAsBF,EAAO;AAAA,YAC9BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA;AAAA,GAM9CC,IAAkCJ,EAAO;AAAA,YAK1CC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,eAG5C,CAAC,EAAE,aAAAE,IAAc,GAAG,aAAAC,IAAc,GAAG,SAAAC,IAAU,EAAE,MAC5D,cAAcF,CAAW,kBAAkBC,CAAW,cAAcC,CAAO,MAAM;AAAA,GAGxEC,IAAuBR,EAAO;AAAA;AAAA;AAAA,GAK9BS,IAAcT,EAAO;AAAA;AAAA;AAAA;AAAA,eAQnB,CAAC,EAAE,gBAAAU,GAAgB,WAAAC,GAAW,QAAAC,QAAaC;AAAA,MACpDH,MAAmB,WAAWd,IAASE,CAAO,IAAIa,CAAS,MAAMC,CAAM;AAAA,GAC1E;AAAA,2BACyBX,IAAqBN,KAAgB,KAAM,MAAM,EAAE;AAAA,GAGlEmB,IAAqBd,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUrC,CAAC,EAAE,gBAAAU,GAAgB,WAAAC,EAAU,MAC7BD,KACAC,KACAE;AAAA,mBACeH,MAAmB,WAAWd,IAASE,CAAO,IAAIa,CAAS;AAAA,KACzE;AAAA;"}

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

@@ -1,6 +1,7 @@
 import o, { keyframes as e, css as p } from "styled-components";
-import { GAME_LAUNCHER_SIZE as t, GAME_LAUNCHER_ASSET_PADDING as i } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
-const c = 50 * 84 / 100, r = e`
+import { GAME_LAUNCHER_SIZE as t } from "../../circle-games/game-launcher/comps/card-container/constants.js";
+import { GAME_LAUNCHER_ASSET_PADDING as i } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
+const r = 50 * 84 / 100, c = e`
   0%{
     opacity: 0;
   }
@@ -14,7 +15,7 @@ const c = 50 * 84 / 100, r = e`
   100%{
     opacity: 0;
   }
-`, m = o.div`
+`, f = o.div`
   height: ${t}px;
   width: ${t}px;
   background: transparent;
@@ -27,24 +28,24 @@ const c = 50 * 84 / 100, r = e`
   width: ${t + i}px;
   position: absolute;
   z-index: 1;
-`, f = o.div`
+`, h = o.div`
   height: ${t + i}px;
   width: ${t + i}px;
   position: absolute;
   z-index: 2;
-`, h = o.div`
+`, y = o.div`
   z-index: 2;
   opacity: 0;
   position: absolute;
   animation: ${({ $animationType: n, $duration: s, $delay: a }) => p`
-    ${n === "fadein" ? r : d} ${s}ms ${a}ms ease forwards
+    ${n === "fadein" ? c : d} ${s}ms ${a}ms ease forwards
   `};
-  transform: translateY(${(t + c) * 84 / 200 + 25}px);
+  transform: translateY(${(t + r) * 84 / 200 + 25}px);
 `;
 export {
-  m as Clock,
+  f as Clock,
   $ as ClockLottie,
-  f as ClockTimeSpentLottie,
-  h as TextWrapper
+  h as ClockTimeSpentLottie,
+  y as TextWrapper
 };
 //# sourceMappingURL=clock-styled.js.map

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

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

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

@@ -1,10 +1,11 @@
-import A from "styled-components";
-import { GAME_LAUNCHER_SIZE as E, GAME_LAUNCHER_ASSET_PADDING as _, GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH as t } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
-const r = A.div`
-  height: ${E + _ - t}px;
-  width: ${E + _ - t}px;
+import r from "styled-components";
+import { GAME_LAUNCHER_SIZE as E } from "../../circle-games/game-launcher/comps/card-container/constants.js";
+import { GAME_LAUNCHER_ASSET_PADDING as _, GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH as o } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
+const i = r.div`
+  height: ${E + _ - o}px;
+  width: ${E + _ - o}px;
 `;
 export {
-  r as PointsWrapper
+  i as PointsWrapper
 };
 //# sourceMappingURL=points-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"points-styled.js","sources":["../../../../src/features/post-game-stats/points/points-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_ASSET_PADDING,\n  GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH,\n} from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\n\nexport const PointsWrapper = styled.div`\n  height: ${GAME_LAUNCHER_SIZE +\n  GAME_LAUNCHER_ASSET_PADDING -\n  GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH}px;\n  width: ${GAME_LAUNCHER_SIZE +\n  GAME_LAUNCHER_ASSET_PADDING -\n  GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH}px;\n`;\n"],"names":["PointsWrapper","styled","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_ASSET_PADDING","GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH"],"mappings":";;AAQO,MAAMA,IAAgBC,EAAO;AAAA,YACxBC,IACVC,IACAC,CAAwC;AAAA,WAC/BF,IACTC,IACAC,CAAwC;AAAA;"}
+{"version":3,"file":"points-styled.js","sources":["../../../../src/features/post-game-stats/points/points-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher/comps/card-container/constants';\nimport {\n  GAME_LAUNCHER_ASSET_PADDING,\n  GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH,\n} from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\n\nexport const PointsWrapper = styled.div`\n  height: ${GAME_LAUNCHER_SIZE +\n  GAME_LAUNCHER_ASSET_PADDING -\n  GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH}px;\n  width: ${GAME_LAUNCHER_SIZE +\n  GAME_LAUNCHER_ASSET_PADDING -\n  GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH}px;\n`;\n"],"names":["PointsWrapper","styled","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_ASSET_PADDING","GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH"],"mappings":";;;AAQO,MAAMA,IAAgBC,EAAO;AAAA,YACxBC,IACVC,IACAC,CAAwC;AAAA,WAC/BF,IACTC,IACAC,CAAwC;AAAA;"}

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

@@ -1,5 +1,5 @@
 import o from "styled-components";
-import { GAME_LAUNCHER_SIZE as t } from "../circle-games/game-launcher/comps/segmented-game-card/constants.js";
+import { GAME_LAUNCHER_SIZE as t } from "../circle-games/game-launcher/comps/card-container/constants.js";
 const n = o.div`
   flex: 1;
   position: absolute;

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

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

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

@@ -1,8 +1,9 @@
 import i, { keyframes as r, css as s } from "styled-components";
-import { GAME_LAUNCHER_SIZE as t, 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/comps/card-container/constants.js";
+import { GAME_LAUNCHER_ASSET_PADDING as n } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
 import c from "../../ui/text/text.js";
 import { STREAK_TOP_GREEN_SEGMENT_HEIGHT as o, STREAK_CONTAINER_TOP_OFFSET as x } from "./constants.js";
-const f = 50 * 84 / 100, p = r`
+const m = 50 * 84 / 100, p = r`
   0%{
     opacity: 0;
   }
@@ -16,7 +17,7 @@ const f = 50 * 84 / 100, p = r`
   100%{
     opacity: 0;
   }
-`, g = i.div`
+`, S = i.div`
   height: ${t}px;
   width: ${t}px;
   background: transparent;
@@ -24,18 +25,18 @@ const f = 50 * 84 / 100, p = r`
   justify-content: center;
   align-items: center;
   position: relative;
-`, S = i.div`
+`, u = i.div`
   position: absolute;
   border-radius: ${Math.ceil((t + n) / 2)}px;
   height: ${t + n}px;
   width: ${t + n}px;
   z-index: 0;
-`, u = i.div`
+`, y = i.div`
   height: ${t + n}px;
   width: ${t + n}px;
   position: absolute;
   z-index: 2;
-`, y = i.div`
+`, _ = i.div`
   position: absolute;
   top: ${o}px;
   z-index: 2;
@@ -47,7 +48,7 @@ const f = 50 * 84 / 100, p = r`
   display: flex;
   flex-direction: column;
   align-items: center;
-`, _ = i.div`
+`, A = i.div`
   width: 100%;
   display: flex;
   flex-direction: column;
@@ -55,7 +56,7 @@ const f = 50 * 84 / 100, p = r`
   height: ${(t - o) * 2}px;
   transition: ${({ $translateDuration: e }) => `all ${e}ms linear`};
   transform: ${({ $translate: e }) => e ? "translateY(-100%)" : "translateY(0%)"};
-`, A = i(c)`
+`, T = i(c)`
   font-size: 123px;
   line-height: 123px;
   text-align: center;
@@ -64,21 +65,21 @@ const f = 50 * 84 / 100, p = r`
   display: flex;
   align-items: center;
   justify-content: center;
-`, T = i.div`
+`, k = i.div`
   z-index: 2;
   opacity: 0;
   animation: ${({ $animationType: e, $duration: a, $delay: d }) => s`
     ${e === "fadein" ? p : l} ${a}ms ${d}ms ease forwards
   `};
-  transform: translateY(${(t + f) * 84 / 200 + 25}px);
+  transform: translateY(${(t + m) * 84 / 200 + 25}px);
 `;
 export {
-  S as SVGImgContainer,
-  g as Streak,
-  u as StreakLottieView,
-  A as StreakValue,
-  _ as StreakValueContainer,
-  y as StreakValueWrapper,
-  T as TextWrapper
+  u as SVGImgContainer,
+  S as Streak,
+  y as StreakLottieView,
+  T as StreakValue,
+  A as StreakValueContainer,
+  _ as StreakValueWrapper,
+  k as TextWrapper
 };
 //# sourceMappingURL=streak-styled.js.map

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 {\n  GAME_LAUNCHER_ASSET_PADDING,\n  GAME_LAUNCHER_SIZE,\n} from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\nimport Text from '../../ui/text/text';\nimport { STREAK_CONTAINER_TOP_OFFSET, 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`;\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: ${GAME_LAUNCHER_SIZE - STREAK_TOP_GREEN_SEGMENT_HEIGHT - STREAK_CONTAINER_TOP_OFFSET}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: ${(GAME_LAUNCHER_SIZE - STREAK_TOP_GREEN_SEGMENT_HEIGHT) * 2}px;\n  transition: ${({ $translateDuration }) => `all ${$translateDuration}ms linear`};\n  transform: ${({ $translate }) => ($translate ? 'translateY(-100%)' : 'translateY(0%)')};\n`;\n\nexport const StreakValue = styled(Text)`\n  font-size: 123px;\n  line-height: 123px;\n  text-align: center;\n  height: 100%;\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_TOP_OFFSET","$animationType","$duration","css","StreakValueContainer","$translateDuration","$translate","StreakValue","Text","TextWrapper","$delay"],"mappings":";;;;AASA,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,GAK9CE,IAAqBL,EAAO;AAAA;AAAA,SAKhCM,CAA+B;AAAA;AAAA,YAE5BL,IAAqBK,IAAkCC,CAA2B;AAAA,eAC/E,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,aAQ9BC,IAAqBK,KAAmC,CAAC;AAAA,gBACtD,CAAC,EAAE,oBAAAM,EAAyB,MAAA,OAAOA,CAAkB,WAAW;AAAA,eACjE,CAAC,EAAE,YAAAC,EAAA,MAAkBA,IAAa,sBAAsB,gBAAiB;AAAA,GAG3EC,IAAcd,EAAOe,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWzBC,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/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_TOP_OFFSET, 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`;\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: ${GAME_LAUNCHER_SIZE - STREAK_TOP_GREEN_SEGMENT_HEIGHT - STREAK_CONTAINER_TOP_OFFSET}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: ${(GAME_LAUNCHER_SIZE - STREAK_TOP_GREEN_SEGMENT_HEIGHT) * 2}px;\n  transition: ${({ $translateDuration }) => `all ${$translateDuration}ms linear`};\n  transform: ${({ $translate }) => ($translate ? 'translateY(-100%)' : 'translateY(0%)')};\n`;\n\nexport const StreakValue = styled(Text)`\n  font-size: 123px;\n  line-height: 123px;\n  text-align: center;\n  height: 100%;\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_TOP_OFFSET","$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,GAK9CE,IAAqBL,EAAO;AAAA;AAAA,SAKhCM,CAA+B;AAAA;AAAA,YAE5BL,IAAqBK,IAAkCC,CAA2B;AAAA,eAC/E,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,aAQ9BC,IAAqBK,KAAmC,CAAC;AAAA,gBACtD,CAAC,EAAE,oBAAAM,EAAyB,MAAA,OAAOA,CAAkB,WAAW;AAAA,eACjE,CAAC,EAAE,YAAAC,EAAA,MAAkBA,IAAa,sBAAsB,gBAAiB;AAAA,GAG3EC,IAAcd,EAAOe,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWzBC,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/trial-session/comps/trial-circle-game/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../src/features/trial-session/comps/trial-circle-game/constants.ts"],"sourcesContent":["import { ProjectType } from '../../../circle-games/games/web-view/enums';\n\nexport const GAME_CONTAINER_HEIGHT = 530;\nexport const GAME_CONTAINER_WIDTH = 336;\n\nexport const label: Record<ProjectType, string> = {\n  [ProjectType.GAME]: 'Game Time!',\n  [ProjectType.PUZZLE]: 'Puzzle Time!',\n  [ProjectType.LESSON]: 'Mental Math',\n};\n"],"names":["GAME_CONTAINER_HEIGHT","GAME_CONTAINER_WIDTH","ProjectType"],"mappings":";AAEO,MAAMA,IAAwB,KACxBC,IAAuB;AAGjCC,EAAY,OAAZ,IACAA,EAAY,SAAZ,IACAA,EAAY,SAAZ;"}
+{"version":3,"file":"constants.js","sources":["../../../../../src/features/trial-session/comps/trial-circle-game/constants.ts"],"sourcesContent":["import { ProjectType } from '../../../circle-games/games/web-view/enums';\n\nexport const GAME_CONTAINER_HEIGHT = 530;\nexport const GAME_CONTAINER_WIDTH = 336;\n\nexport const label: Omit<Record<ProjectType, string>, 'table'> = {\n  [ProjectType.GAME]: 'Game Time!',\n  [ProjectType.PUZZLE]: 'Puzzle Time!',\n  [ProjectType.LESSON]: 'Mental Math',\n};\n"],"names":["GAME_CONTAINER_HEIGHT","GAME_CONTAINER_WIDTH","ProjectType"],"mappings":";AAEO,MAAMA,IAAwB,KACxBC,IAAuB;AAGjCC,EAAY,OAAZ,IACAA,EAAY,SAAZ,IACAA,EAAY,SAAZ;"}