@cuemath/leap 3.5.29-as6 → 3.5.29-mb

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

@@ -1,4 +1,4 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import { useRef as N, useCallback as f, useMemo as J, useEffect as X } from "react";
 import { useTheme as $ } from "styled-components";
 import { PLATFORM_EVENTS_STUDENT as B } from "../../../../analytics-events/platform-events-student.js";
@@ -9,35 +9,35 @@ import A from "../../../../ui/text/text.js";
 import { EDeviceType as Q } from "../../../../ui/theme/constants.js";
 import { CIRCLE_ONBOARDING_ANALYTICS_STEPS as S } from "../../../enum/circle-onboarding-steps.js";
 import { CircularGameCard as D } from "../../comps/circular-game-card/circular-game-card.js";
-import j from "../../../../ui/swipeable-component/swipeable-component.js";
+import j from "../../comps/swipable-component/swipeable-component.js";
 import { SHOW_NUDGE_AFTER_MS as V, SLIDE_TO_LESSON_MS as ee } from "./constants.js";
-import { SwipableArea as re } from "./use-game-launcher-journey-style.js";
-import { CarouselIndicator as te } from "../../comps/carousel/carousel-indicator/carousel-indicator.js";
-import { ProjectType as i } from "../../../games/web-view/enums/project-type-enum.js";
+import { SwipableArea as te } from "./use-game-launcher-journey-style.js";
+import { CarouselIndicator as re } from "../../comps/carousel/carousel-indicator/carousel-indicator.js";
+import { ProjectType as n } from "../../../games/web-view/enums/project-type-enum.js";
 const Se = ({
   carouselRefs: o,
   onSegmentClick: d,
   onJourneyComplete: a
 }) => {
   const { device: W } = $(), l = W <= Q.TABLET, L = N([]), c = N(null), C = N(null), { nextCoachmark: u, setJourney: _, endJourney: h } = K(), { onEvent: p } = q(), E = f(
-    (t) => {
+    (r) => {
       p(B.ONBOARDING_STEP_COMPLETED, {
-        step: t
+        step: r
       });
     },
     [p]
   ), O = f(
-    (t, e) => {
-      d(t, i.PUZZLE), E(S.PUZZLE_ACTIVITY), h(e), a(e);
+    (r, e) => {
+      d(r, n.PUZZLE), E(S.PUZZLE_ACTIVITY), h(e), a(e);
     },
     [h, a, d, E]
   ), y = f(
-    (t, e) => {
-      d(t, i.LESSON), E(S.SKILL_ACTIVITY), h(e), a(e);
+    (r, e) => {
+      d(r, n.LESSON), E(S.SKILL_ACTIVITY), h(e), a(e);
     },
     [h, a, d, E]
   ), R = f(
-    (t, e) => {
+    (r, e) => {
       var G, w, x, P, U, Y, Z, k, H, M, z;
       const T = (G = o.current) == null ? void 0 : G.indicatorRefs, s = ((x = (w = c.current) == null ? void 0 : w.circularCardWrapperRef.current) == null ? void 0 : x.getBoundingClientRect()) || {
         height: 0,
@@ -49,56 +49,56 @@ const Se = ({
       (P = e == null ? void 0 : e.games) != null && P.data.length && ((U = e == null ? void 0 : e.puzzles) != null && U.data.length) && g.push(
         {
           projectData: e.games.data[0],
-          type: i.GAME
+          type: n.GAME
         },
         {
           projectData: e.puzzles.data[0],
-          type: i.PUZZLE
+          type: n.PUZZLE
         }
       ), (Y = e == null ? void 0 : e.lessons) != null && Y.data.length && g.push(
-        { projectData: e.lessons.data[0], type: i.LESSON },
-        { projectData: e.lessons.data[1], type: i.LESSON }
+        { projectData: e.lessons.data[0], type: n.LESSON },
+        { projectData: e.lessons.data[1], type: n.LESSON }
       );
-      const r = g[1];
+      const t = g[1];
       p(B.ONBOARDING_STEP_VIEWED, {
-        step: ((Z = g[0]) == null ? void 0 : Z.type) === i.LESSON ? S.SKILL_ACTIVITY : S.GAMES_ACTIVITY
+        step: ((Z = g[0]) == null ? void 0 : Z.type) === n.LESSON ? S.SKILL_ACTIVITY : S.GAMES_ACTIVITY
       });
       const F = [
         l ? {
           originalElementToHighlightRef: c.current.circularCardWrapperRef,
           type: I.NUDGE,
-          elementToHighlight: /* @__PURE__ */ n(
+          elementToHighlight: /* @__PURE__ */ i(
             j,
             {
               onSwipeLeft: () => {
                 var m;
-                (m = o.current) == null || m.goToIndex(1), u(t, !1, V);
+                (m = o.current) == null || m.goToIndex(1), u(r, !1, V);
               },
-              children: /* @__PURE__ */ n(re, {})
+              children: /* @__PURE__ */ i(te, {})
             }
           ),
           indicator: {
             nudge: "swipe",
-            content: /* @__PURE__ */ n(A, { $renderAs: "ab2-bold", children: "Swipe to explore" }),
+            content: /* @__PURE__ */ i(A, { $renderAs: "ab2-bold", children: "Swipe to explore" }),
             nudgePointerX: s.width / 2 - 30,
             nudgePointerY: s.height / 2
           }
         } : {
           originalElementToHighlightRef: T[1],
           type: I.NUDGE,
-          elementToHighlight: /* @__PURE__ */ n(
-            te,
+          elementToHighlight: /* @__PURE__ */ i(
+            re,
             {
               textToShowInsideIndicator: "2",
               onClick: () => {
                 var m;
-                (m = o.current) == null || m.goToIndex(1), u(t, !1, V);
+                (m = o.current) == null || m.goToIndex(1), u(r, !1, V);
               }
             }
           ),
           indicator: {
             nudge: "click",
-            content: /* @__PURE__ */ n(A, { $renderAs: "ab1-bold", children: "Click to proceed" }),
+            content: /* @__PURE__ */ i(A, { $renderAs: "ab1-bold", children: "Click to proceed" }),
             nudgePointerX: 0,
             nudgePointerY: 0
           }
@@ -106,32 +106,32 @@ const Se = ({
         {
           originalElementToHighlightRef: C.current.circularCardWrapperRef,
           type: I.NUDGE,
-          elementToHighlight: /* @__PURE__ */ n(
+          elementToHighlight: /* @__PURE__ */ i(
             D,
             {
               label: "",
               data: {
-                card: ((k = r == null ? void 0 : r.projectData) == null ? void 0 : k.cardLottie) ?? "",
-                name: ((H = r == null ? void 0 : r.projectData) == null ? void 0 : H.name) ?? "",
+                card: ((k = t == null ? void 0 : t.projectData) == null ? void 0 : k.cardLottie) ?? "",
+                name: ((H = t == null ? void 0 : t.projectData) == null ? void 0 : H.name) ?? "",
                 isCompleted: !1,
-                displayNameImage: (M = r == null ? void 0 : r.projectData) == null ? void 0 : M.displayNameImage,
+                displayNameImage: (M = t == null ? void 0 : t.projectData) == null ? void 0 : M.displayNameImage,
                 onPress: () => {
-                  (r == null ? void 0 : r.type) === i.LESSON && y(r.projectData, t), (r == null ? void 0 : r.type) === i.PUZZLE && O(r.projectData, t);
+                  (t == null ? void 0 : t.type) === n.LESSON && y(t.projectData, r), (t == null ? void 0 : t.type) === n.PUZZLE && O(t.projectData, r);
                 }
               }
             }
           ),
           indicator: {
             nudge: "click",
-            content: /* @__PURE__ */ n(A, { $renderAs: l ? "ab2-bold" : "ab1-bold", children: l ? "Tap to start" : " Click to start" }),
+            content: /* @__PURE__ */ i(A, { $renderAs: l ? "ab2-bold" : "ab1-bold", children: l ? "Tap to start" : " Click to start" }),
             nudgePointerX: l ? s.width / 2 : s.width / 1.3,
             nudgePointerY: l ? s.height / 2 : s.height / 1.3
           }
         }
       ];
-      _(t, F), (z = o.current) == null || z.goToIndex(0);
+      _(r, F), (z = o.current) == null || z.goToIndex(0);
       const b = setTimeout(() => {
-        clearTimeout(b), u(t);
+        clearTimeout(b), u(r);
       }, ee);
       L.current.push(b);
     },
@@ -153,7 +153,7 @@ const Se = ({
     [R]
   );
   return X(() => () => {
-    L.current.forEach((t) => clearTimeout(t)), L.current = [];
+    L.current.forEach((r) => clearTimeout(r)), L.current = [];
   }, [o]), v;
 };
 export {

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

@@ -1 +1 @@
-{"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 { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport {\n  PLATFORM_EVENTS_STUDENT as AnalyticsLabel,\n  PLATFORM_EVENTS_STUDENT,\n} from '../../../../analytics-events/platform-events-student';\nimport { type JOURNEY_ID_STUDENT } from '../../../../journey/journey-id/journey-id-student';\nimport { IndicatorType } from '../../../../journey/use-journey/constants';\nimport type { TCoachmarkJourneyProps } from '../../../../journey/use-journey/journey-context-types';\nimport { useJourney } from '../../../../journey/use-journey/use-journey';\nimport { useUIContext } from '../../../../ui/context/context';\nimport type { INudgeProps } from '../../../../ui/nudge/nudge-types';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport { CIRCLE_ONBOARDING_ANALYTICS_STEPS as ActionEvent } from '../../../enum/circle-onboarding-steps';\nimport { ProjectType } from '../../../games/web-view/enums';\nimport { CircularGameCard } from '../../comps/circular-game-card/circular-game-card';\nimport { type ICircularGameCardRefs } from '../../comps/circular-game-card/circular-game-card-types';\nimport SwipeableCard from '../../../../ui/swipeable-component/swipeable-component';\nimport type {\n  Lesson,\n  Puzzle,\n} from '../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport { type IProjectData } from '../../game-launcher-types';\nimport { SHOW_NUDGE_AFTER_MS, SLIDE_TO_LESSON_MS } from './constants';\nimport type { IUseGameLauncherJourneyProps } from './use-game-launcher-journey-types';\nimport { SwipableArea } from './use-game-launcher-journey-style';\nimport { CarouselIndicator } from '../../comps/carousel/carousel-indicator/carousel-indicator';\n\nexport const useGameLauncherJourney = ({\n  carouselRefs,\n  onSegmentClick,\n  onJourneyComplete,\n}: IUseGameLauncherJourneyProps) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const firstCardRefs = useRef<ICircularGameCardRefs>(null);\n  const secondCardRefs = useRef<ICircularGameCardRefs>(null);\n  const { nextCoachmark, setJourney, endJourney } = useJourney();\n  const { onEvent: trackAnalytics } = useUIContext();\n\n  const trackEventCompleted = useCallback(\n    (step: ActionEvent) => {\n      trackAnalytics(AnalyticsLabel.ONBOARDING_STEP_COMPLETED, {\n        step,\n      });\n    },\n    [trackAnalytics],\n  );\n\n  const handleEndJourneyForPuzzle = useCallback(\n    (puzzlesData: Puzzle, journeyId: JOURNEY_ID_STUDENT) => {\n      onSegmentClick(puzzlesData, ProjectType.PUZZLE);\n      trackEventCompleted(ActionEvent.PUZZLE_ACTIVITY);\n      endJourney(journeyId);\n      onJourneyComplete(journeyId);\n    },\n    [endJourney, onJourneyComplete, onSegmentClick, trackEventCompleted],\n  );\n\n  const handleEndJourneyForLesson = useCallback(\n    (lessonsData: Lesson, journeyId: JOURNEY_ID_STUDENT) => {\n      onSegmentClick(lessonsData, ProjectType.LESSON);\n      trackEventCompleted(ActionEvent.SKILL_ACTIVITY);\n      endJourney(journeyId);\n      onJourneyComplete(journeyId);\n    },\n    [endJourney, onJourneyComplete, onSegmentClick, trackEventCompleted],\n  );\n\n  const startJourney = useCallback(\n    (journeyId: JOURNEY_ID_STUDENT, projectData?: IProjectData) => {\n      const paginationList = carouselRefs.current?.indicatorRefs;\n\n      const launcherDims =\n        firstCardRefs.current?.circularCardWrapperRef.current?.getBoundingClientRect() || {\n          height: 0,\n          width: 0,\n        };\n\n      // Exit early if required refs or data are missing\n      if (paginationList?.length < 2 || !secondCardRefs.current || !firstCardRefs.current) {\n        return;\n      }\n\n      // prepare journey projects based on the data available as\n      // games and puzzles are not aviailbale for K-1\n      const journeyProjectsData = [];\n\n      if (projectData?.games?.data.length && projectData?.puzzles?.data.length) {\n        journeyProjectsData.push(\n          {\n            projectData: projectData.games.data[0],\n            type: ProjectType.GAME,\n          },\n          {\n            projectData: projectData.puzzles.data[0],\n            type: ProjectType.PUZZLE,\n          },\n        );\n      }\n\n      if (projectData?.lessons?.data.length) {\n        journeyProjectsData.push(\n          { projectData: projectData.lessons.data[0], type: ProjectType.LESSON },\n          { projectData: projectData.lessons.data[1], type: ProjectType.LESSON },\n        );\n      }\n\n      const secondProjectData = journeyProjectsData[1];\n\n      trackAnalytics(PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_VIEWED, {\n        step:\n          journeyProjectsData[0]?.type === ProjectType.LESSON\n            ? ActionEvent.SKILL_ACTIVITY\n            : ActionEvent.GAMES_ACTIVITY,\n      });\n\n      const coachmarks: TCoachmarkJourneyProps[] = [\n        isCompact\n          ? {\n              originalElementToHighlightRef: firstCardRefs.current.circularCardWrapperRef,\n              type: IndicatorType.NUDGE,\n              elementToHighlight: (\n                <SwipeableCard\n                  onSwipeLeft={() => {\n                    carouselRefs.current?.goToIndex(1);\n                    nextCoachmark(journeyId, false, SHOW_NUDGE_AFTER_MS);\n                  }}\n                >\n                  <SwipableArea />\n                </SwipeableCard>\n              ),\n              indicator: {\n                nudge: 'swipe',\n                content: <Text $renderAs=\"ab2-bold\">Swipe to explore</Text>,\n                nudgePointerX: launcherDims.width / 2 - 30,\n                nudgePointerY: launcherDims.height / 2,\n              } as INudgeProps,\n            }\n          : {\n              originalElementToHighlightRef: paginationList[1] as React.RefObject<HTMLDivElement>,\n              type: IndicatorType.NUDGE,\n              elementToHighlight: (\n                <CarouselIndicator\n                  textToShowInsideIndicator=\"2\"\n                  onClick={() => {\n                    carouselRefs.current?.goToIndex(1);\n                    nextCoachmark(journeyId, false, SHOW_NUDGE_AFTER_MS);\n                  }}\n                />\n              ),\n              indicator: {\n                nudge: 'click',\n                content: <Text $renderAs=\"ab1-bold\">Click to proceed</Text>,\n                nudgePointerX: 0,\n                nudgePointerY: 0,\n              } as INudgeProps,\n            },\n        {\n          originalElementToHighlightRef: secondCardRefs.current.circularCardWrapperRef,\n          type: IndicatorType.NUDGE,\n          elementToHighlight: (\n            <CircularGameCard\n              label=\"\"\n              data={{\n                card: secondProjectData?.projectData?.cardLottie ?? '',\n                name: secondProjectData?.projectData?.name ?? '',\n                isCompleted: false,\n                displayNameImage: secondProjectData?.projectData?.displayNameImage,\n                onPress: () => {\n                  if (secondProjectData?.type === ProjectType.LESSON) {\n                    handleEndJourneyForLesson(secondProjectData.projectData as Lesson, journeyId);\n                  }\n\n                  if (secondProjectData?.type === ProjectType.PUZZLE) {\n                    handleEndJourneyForPuzzle(secondProjectData.projectData as Puzzle, journeyId);\n                  }\n                },\n              }}\n            />\n          ),\n          indicator: {\n            nudge: 'click',\n            content: (\n              <Text $renderAs={isCompact ? 'ab2-bold' : 'ab1-bold'}>\n                {isCompact ? 'Tap to start' : ' Click to start'}\n              </Text>\n            ),\n            nudgePointerX: isCompact ? launcherDims.width / 2 : launcherDims.width / 1.3,\n            nudgePointerY: isCompact ? launcherDims.height / 2 : launcherDims.height / 1.3,\n          } as INudgeProps,\n        },\n      ];\n\n      setJourney(journeyId, coachmarks);\n      carouselRefs.current?.goToIndex(0);\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        nextCoachmark(journeyId);\n      }, SLIDE_TO_LESSON_MS);\n\n      timerRefs.current.push(delayBeforeStart);\n    },\n    [\n      carouselRefs,\n      trackAnalytics,\n      isCompact,\n      setJourney,\n      nextCoachmark,\n      handleEndJourneyForLesson,\n      handleEndJourneyForPuzzle,\n    ],\n  );\n\n  const data = useMemo(\n    () => ({\n      firstCardRefs,\n      secondCardRefs,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n    };\n  }, [carouselRefs]);\n\n  return data;\n};\n"],"names":["useGameLauncherJourney","carouselRefs","onSegmentClick","onJourneyComplete","device","useTheme","isCompact","EDeviceType","timerRefs","useRef","firstCardRefs","secondCardRefs","nextCoachmark","setJourney","endJourney","useJourney","trackAnalytics","useUIContext","trackEventCompleted","useCallback","step","AnalyticsLabel","handleEndJourneyForPuzzle","puzzlesData","journeyId","ProjectType","ActionEvent","handleEndJourneyForLesson","lessonsData","startJourney","projectData","paginationList","_a","launcherDims","_c","_b","journeyProjectsData","_d","_e","_f","secondProjectData","PLATFORM_EVENTS_STUDENT","_g","coachmarks","IndicatorType","jsx","SwipeableCard","SHOW_NUDGE_AFTER_MS","SwipableArea","Text","CarouselIndicator","CircularGameCard","_h","_i","_j","_k","delayBeforeStart","SLIDE_TO_LESSON_MS","data","useMemo","useEffect","timer"],"mappings":"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"}
+{"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 { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport {\n  PLATFORM_EVENTS_STUDENT as AnalyticsLabel,\n  PLATFORM_EVENTS_STUDENT,\n} from '../../../../analytics-events/platform-events-student';\nimport { type JOURNEY_ID_STUDENT } from '../../../../journey/journey-id/journey-id-student';\nimport { IndicatorType } from '../../../../journey/use-journey/constants';\nimport type { TCoachmarkJourneyProps } from '../../../../journey/use-journey/journey-context-types';\nimport { useJourney } from '../../../../journey/use-journey/use-journey';\nimport { useUIContext } from '../../../../ui/context/context';\nimport type { INudgeProps } from '../../../../ui/nudge/nudge-types';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport { CIRCLE_ONBOARDING_ANALYTICS_STEPS as ActionEvent } from '../../../enum/circle-onboarding-steps';\nimport { ProjectType } from '../../../games/web-view/enums';\nimport { CircularGameCard } from '../../comps/circular-game-card/circular-game-card';\nimport { type ICircularGameCardRefs } from '../../comps/circular-game-card/circular-game-card-types';\nimport SwipeableCard from '../../comps/swipable-component/swipeable-component';\nimport type {\n  Lesson,\n  Puzzle,\n} from '../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport { type IProjectData } from '../../game-launcher-types';\nimport { SHOW_NUDGE_AFTER_MS, SLIDE_TO_LESSON_MS } from './constants';\nimport type { IUseGameLauncherJourneyProps } from './use-game-launcher-journey-types';\nimport { SwipableArea } from './use-game-launcher-journey-style';\nimport { CarouselIndicator } from '../../comps/carousel/carousel-indicator/carousel-indicator';\n\nexport const useGameLauncherJourney = ({\n  carouselRefs,\n  onSegmentClick,\n  onJourneyComplete,\n}: IUseGameLauncherJourneyProps) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const firstCardRefs = useRef<ICircularGameCardRefs>(null);\n  const secondCardRefs = useRef<ICircularGameCardRefs>(null);\n  const { nextCoachmark, setJourney, endJourney } = useJourney();\n  const { onEvent: trackAnalytics } = useUIContext();\n\n  const trackEventCompleted = useCallback(\n    (step: ActionEvent) => {\n      trackAnalytics(AnalyticsLabel.ONBOARDING_STEP_COMPLETED, {\n        step,\n      });\n    },\n    [trackAnalytics],\n  );\n\n  const handleEndJourneyForPuzzle = useCallback(\n    (puzzlesData: Puzzle, journeyId: JOURNEY_ID_STUDENT) => {\n      onSegmentClick(puzzlesData, ProjectType.PUZZLE);\n      trackEventCompleted(ActionEvent.PUZZLE_ACTIVITY);\n      endJourney(journeyId);\n      onJourneyComplete(journeyId);\n    },\n    [endJourney, onJourneyComplete, onSegmentClick, trackEventCompleted],\n  );\n\n  const handleEndJourneyForLesson = useCallback(\n    (lessonsData: Lesson, journeyId: JOURNEY_ID_STUDENT) => {\n      onSegmentClick(lessonsData, ProjectType.LESSON);\n      trackEventCompleted(ActionEvent.SKILL_ACTIVITY);\n      endJourney(journeyId);\n      onJourneyComplete(journeyId);\n    },\n    [endJourney, onJourneyComplete, onSegmentClick, trackEventCompleted],\n  );\n\n  const startJourney = useCallback(\n    (journeyId: JOURNEY_ID_STUDENT, projectData?: IProjectData) => {\n      const paginationList = carouselRefs.current?.indicatorRefs;\n\n      const launcherDims =\n        firstCardRefs.current?.circularCardWrapperRef.current?.getBoundingClientRect() || {\n          height: 0,\n          width: 0,\n        };\n\n      // Exit early if required refs or data are missing\n      if (paginationList?.length < 2 || !secondCardRefs.current || !firstCardRefs.current) {\n        return;\n      }\n\n      // prepare journey projects based on the data available as\n      // games and puzzles are not aviailbale for K-1\n      const journeyProjectsData = [];\n\n      if (projectData?.games?.data.length && projectData?.puzzles?.data.length) {\n        journeyProjectsData.push(\n          {\n            projectData: projectData.games.data[0],\n            type: ProjectType.GAME,\n          },\n          {\n            projectData: projectData.puzzles.data[0],\n            type: ProjectType.PUZZLE,\n          },\n        );\n      }\n\n      if (projectData?.lessons?.data.length) {\n        journeyProjectsData.push(\n          { projectData: projectData.lessons.data[0], type: ProjectType.LESSON },\n          { projectData: projectData.lessons.data[1], type: ProjectType.LESSON },\n        );\n      }\n\n      const secondProjectData = journeyProjectsData[1];\n\n      trackAnalytics(PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_VIEWED, {\n        step:\n          journeyProjectsData[0]?.type === ProjectType.LESSON\n            ? ActionEvent.SKILL_ACTIVITY\n            : ActionEvent.GAMES_ACTIVITY,\n      });\n\n      const coachmarks: TCoachmarkJourneyProps[] = [\n        isCompact\n          ? {\n              originalElementToHighlightRef: firstCardRefs.current.circularCardWrapperRef,\n              type: IndicatorType.NUDGE,\n              elementToHighlight: (\n                <SwipeableCard\n                  onSwipeLeft={() => {\n                    carouselRefs.current?.goToIndex(1);\n                    nextCoachmark(journeyId, false, SHOW_NUDGE_AFTER_MS);\n                  }}\n                >\n                  <SwipableArea />\n                </SwipeableCard>\n              ),\n              indicator: {\n                nudge: 'swipe',\n                content: <Text $renderAs=\"ab2-bold\">Swipe to explore</Text>,\n                nudgePointerX: launcherDims.width / 2 - 30,\n                nudgePointerY: launcherDims.height / 2,\n              } as INudgeProps,\n            }\n          : {\n              originalElementToHighlightRef: paginationList[1] as React.RefObject<HTMLDivElement>,\n              type: IndicatorType.NUDGE,\n              elementToHighlight: (\n                <CarouselIndicator\n                  textToShowInsideIndicator=\"2\"\n                  onClick={() => {\n                    carouselRefs.current?.goToIndex(1);\n                    nextCoachmark(journeyId, false, SHOW_NUDGE_AFTER_MS);\n                  }}\n                />\n              ),\n              indicator: {\n                nudge: 'click',\n                content: <Text $renderAs=\"ab1-bold\">Click to proceed</Text>,\n                nudgePointerX: 0,\n                nudgePointerY: 0,\n              } as INudgeProps,\n            },\n        {\n          originalElementToHighlightRef: secondCardRefs.current.circularCardWrapperRef,\n          type: IndicatorType.NUDGE,\n          elementToHighlight: (\n            <CircularGameCard\n              label=\"\"\n              data={{\n                card: secondProjectData?.projectData?.cardLottie ?? '',\n                name: secondProjectData?.projectData?.name ?? '',\n                isCompleted: false,\n                displayNameImage: secondProjectData?.projectData?.displayNameImage,\n                onPress: () => {\n                  if (secondProjectData?.type === ProjectType.LESSON) {\n                    handleEndJourneyForLesson(secondProjectData.projectData as Lesson, journeyId);\n                  }\n\n                  if (secondProjectData?.type === ProjectType.PUZZLE) {\n                    handleEndJourneyForPuzzle(secondProjectData.projectData as Puzzle, journeyId);\n                  }\n                },\n              }}\n            />\n          ),\n          indicator: {\n            nudge: 'click',\n            content: (\n              <Text $renderAs={isCompact ? 'ab2-bold' : 'ab1-bold'}>\n                {isCompact ? 'Tap to start' : ' Click to start'}\n              </Text>\n            ),\n            nudgePointerX: isCompact ? launcherDims.width / 2 : launcherDims.width / 1.3,\n            nudgePointerY: isCompact ? launcherDims.height / 2 : launcherDims.height / 1.3,\n          } as INudgeProps,\n        },\n      ];\n\n      setJourney(journeyId, coachmarks);\n      carouselRefs.current?.goToIndex(0);\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        nextCoachmark(journeyId);\n      }, SLIDE_TO_LESSON_MS);\n\n      timerRefs.current.push(delayBeforeStart);\n    },\n    [\n      carouselRefs,\n      trackAnalytics,\n      isCompact,\n      setJourney,\n      nextCoachmark,\n      handleEndJourneyForLesson,\n      handleEndJourneyForPuzzle,\n    ],\n  );\n\n  const data = useMemo(\n    () => ({\n      firstCardRefs,\n      secondCardRefs,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n    };\n  }, [carouselRefs]);\n\n  return data;\n};\n"],"names":["useGameLauncherJourney","carouselRefs","onSegmentClick","onJourneyComplete","device","useTheme","isCompact","EDeviceType","timerRefs","useRef","firstCardRefs","secondCardRefs","nextCoachmark","setJourney","endJourney","useJourney","trackAnalytics","useUIContext","trackEventCompleted","useCallback","step","AnalyticsLabel","handleEndJourneyForPuzzle","puzzlesData","journeyId","ProjectType","ActionEvent","handleEndJourneyForLesson","lessonsData","startJourney","projectData","paginationList","_a","launcherDims","_c","_b","journeyProjectsData","_d","_e","_f","secondProjectData","PLATFORM_EVENTS_STUDENT","_g","coachmarks","IndicatorType","jsx","SwipeableCard","SHOW_NUDGE_AFTER_MS","SwipableArea","Text","CarouselIndicator","CircularGameCard","_h","_i","_j","_k","delayBeforeStart","SLIDE_TO_LESSON_MS","data","useMemo","useEffect","timer"],"mappings":"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"}

package/dist/features/circle-games/hooks/use-circle-sounds/constants.js

@@ -1,5 +1,5 @@
 import { CircleSoundKey as c } from "./use-circle-sounds-enums.js";
-const e = "https://cuemath-circle.s3.ap-southeast-1.amazonaws.com/assets/sounds/production", a = "https://static.cuemath.com/static/sounds", t = {
+const e = "https://cuemath-circle.s3.ap-southeast-1.amazonaws.com/assets/sounds/production", a = "https://static.cuemath.com/static/sounds", i = {
   [c.BACKGROUND]: `${e}/bg-sound.mp3`,
   [c.BACKGROUND_RUSHHOUR]: `${e}/circle-background-rushhour.mp3`,
   [c.TUTORIAL]: `${e}/bg-sound-tutorials.mp3`,
@@ -30,16 +30,14 @@ const e = "https://cuemath-circle.s3.ap-southeast-1.amazonaws.com/assets/sounds/
   [c.ALL_DONE]: `${e}/all-done.mp3`,
   [c.DOING_GREAT]: `${e}/doing-great.mp3`,
   [c.KEEP_IT_UP]: `${e}/keep-it-up.mp3`
-}, i = [
+}, t = [
   c.SWIPE_04,
   c.SWIPE_02,
   c.SWIPE_03,
   c.SWIPE_01
-], _ = 100, E = 0.1;
+];
 export {
-  t as CircleSoundKeyMapper,
-  i as SWIPE_SOUND_ORDER,
-  _ as VOLUME_FADE_DURATION,
-  E as VOLUME_TO_CHANGE
+  i as CircleSoundKeyMapper,
+  t as SWIPE_SOUND_ORDER
 };
 //# sourceMappingURL=constants.js.map

package/dist/features/circle-games/hooks/use-circle-sounds/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../src/features/circle-games/hooks/use-circle-sounds/constants.ts"],"sourcesContent":["import { CircleSoundKey } from './use-circle-sounds-enums';\n\nconst BASE_URL = 'https://cuemath-circle.s3.ap-southeast-1.amazonaws.com/assets/sounds/production';\n\nconst STATIC_BASE_URL = 'https://static.cuemath.com/static/sounds';\n\nexport const CircleSoundKeyMapper = {\n  [CircleSoundKey.BACKGROUND]: `${BASE_URL}/bg-sound.mp3`,\n  [CircleSoundKey.BACKGROUND_RUSHHOUR]: `${BASE_URL}/circle-background-rushhour.mp3`,\n  [CircleSoundKey.TUTORIAL]: `${BASE_URL}/bg-sound-tutorials.mp3`,\n  [CircleSoundKey.SWIPE_01]: `${BASE_URL}/circle-swipe-1.wav`,\n  [CircleSoundKey.SWIPE_02]: `${BASE_URL}/circle-swipe-2.wav`,\n  [CircleSoundKey.SWIPE_03]: `${BASE_URL}/circle-swipe-3.wav`,\n  [CircleSoundKey.SWIPE_04]: `${BASE_URL}/circle-swipe-4.wav`,\n  [CircleSoundKey.SWIPE_DOWN]: `${BASE_URL}/circle-swipe-down-1.wav`,\n  [CircleSoundKey.TOGGLE]: `${BASE_URL}/circle-button-v3.wav`,\n  [CircleSoundKey.POINTS_AWARDED]: `${BASE_URL}/circle-points-v2.wav`,\n  [CircleSoundKey.ACTIVITY_COMPLETE]: `${BASE_URL}/circle-activity-complete.wav`,\n  [CircleSoundKey.POINTS_ADDED]: `${BASE_URL}/circle-points-add-v1.wav`,\n  [CircleSoundKey.GAME_CARD_CLICK]: `${BASE_URL}/circle-gamecard-button-v1.wav`,\n  [CircleSoundKey.CLOCK_IN]: `${BASE_URL}/circle-meter-v1.wav`,\n  [CircleSoundKey.CLOCK_OUT]: `${BASE_URL}/circle-disappear-v1.wav`,\n  [CircleSoundKey.ACCURACY_IN]: `${BASE_URL}/circle-meter-v1.wav`,\n  [CircleSoundKey.ACCURACY_OUT]: `${BASE_URL}/circle-disappear-v1.wav`,\n  [CircleSoundKey.STREAK_IN]: `${BASE_URL}/circle-streak-v1.wav`,\n  [CircleSoundKey.STREAK_OUT]: `${BASE_URL}/circle-disappear-v1.wav`,\n  [CircleSoundKey.ACCURACY_INTRO]: `${STATIC_BASE_URL}/accuracy-intro.mp3`,\n  [CircleSoundKey.ACCURACY_TARGET]: `${STATIC_BASE_URL}/accuracy-target.mp3`,\n  [CircleSoundKey.TIME_INTRO]: `${STATIC_BASE_URL}/timer-intro.mp3`,\n  [CircleSoundKey.TIME_TARGET]: `${STATIC_BASE_URL}/timer-target.mp3`,\n  [CircleSoundKey.METER_FILL]: `${STATIC_BASE_URL}/meter-fill.mp3`,\n  [CircleSoundKey.YOUR_SCORE]: `${BASE_URL}/your-score.mp3`,\n  [CircleSoundKey.HIGH_SCORE]: `${BASE_URL}/high-score.mp3`,\n  [CircleSoundKey.ALL_ACTIVITIES_COMPLETE]: `${BASE_URL}/circle-all-activities-complete.mp3`,\n  [CircleSoundKey.ALL_DONE]: `${BASE_URL}/all-done.mp3`,\n  [CircleSoundKey.DOING_GREAT]: `${BASE_URL}/doing-great.mp3`,\n  [CircleSoundKey.KEEP_IT_UP]: `${BASE_URL}/keep-it-up.mp3`,\n};\n\nexport const SWIPE_SOUND_ORDER = [\n  CircleSoundKey.SWIPE_04,\n  CircleSoundKey.SWIPE_02,\n  CircleSoundKey.SWIPE_03,\n  CircleSoundKey.SWIPE_01,\n];\n\nexport const VOLUME_FADE_DURATION = 100; // in milliseconds\nexport const VOLUME_TO_CHANGE = 0.1; // volume change per fade step\n"],"names":["BASE_URL","STATIC_BASE_URL","CircleSoundKeyMapper","CircleSoundKey","SWIPE_SOUND_ORDER","VOLUME_FADE_DURATION","VOLUME_TO_CHANGE"],"mappings":";AAEA,MAAMA,IAAW,mFAEXC,IAAkB,4CAEXC,IAAuB;AAAA,EAClC,CAACC,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAAA,EACxC,CAACG,EAAe,mBAAmB,GAAG,GAAGH,CAAQ;AAAA,EACjD,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAAA,EACxC,CAACG,EAAe,MAAM,GAAG,GAAGH,CAAQ;AAAA,EACpC,CAACG,EAAe,cAAc,GAAG,GAAGH,CAAQ;AAAA,EAC5C,CAACG,EAAe,iBAAiB,GAAG,GAAGH,CAAQ;AAAA,EAC/C,CAACG,EAAe,YAAY,GAAG,GAAGH,CAAQ;AAAA,EAC1C,CAACG,EAAe,eAAe,GAAG,GAAGH,CAAQ;AAAA,EAC7C,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,SAAS,GAAG,GAAGH,CAAQ;AAAA,EACvC,CAACG,EAAe,WAAW,GAAG,GAAGH,CAAQ;AAAA,EACzC,CAACG,EAAe,YAAY,GAAG,GAAGH,CAAQ;AAAA,EAC1C,CAACG,EAAe,SAAS,GAAG,GAAGH,CAAQ;AAAA,EACvC,CAACG,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAAA,EACxC,CAACG,EAAe,cAAc,GAAG,GAAGF,CAAe;AAAA,EACnD,CAACE,EAAe,eAAe,GAAG,GAAGF,CAAe;AAAA,EACpD,CAACE,EAAe,UAAU,GAAG,GAAGF,CAAe;AAAA,EAC/C,CAACE,EAAe,WAAW,GAAG,GAAGF,CAAe;AAAA,EAChD,CAACE,EAAe,UAAU,GAAG,GAAGF,CAAe;AAAA,EAC/C,CAACE,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAAA,EACxC,CAACG,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAAA,EACxC,CAACG,EAAe,uBAAuB,GAAG,GAAGH,CAAQ;AAAA,EACrD,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,WAAW,GAAG,GAAGH,CAAQ;AAAA,EACzC,CAACG,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAC1C,GAEaI,IAAoB;AAAA,EAC/BD,EAAe;AAAA,EACfA,EAAe;AAAA,EACfA,EAAe;AAAA,EACfA,EAAe;AACjB,GAEaE,IAAuB,KACvBC,IAAmB;"}
+{"version":3,"file":"constants.js","sources":["../../../../../src/features/circle-games/hooks/use-circle-sounds/constants.ts"],"sourcesContent":["import { CircleSoundKey } from './use-circle-sounds-enums';\n\nconst BASE_URL = 'https://cuemath-circle.s3.ap-southeast-1.amazonaws.com/assets/sounds/production';\n\nconst STATIC_BASE_URL = 'https://static.cuemath.com/static/sounds';\n\nexport const CircleSoundKeyMapper = {\n  [CircleSoundKey.BACKGROUND]: `${BASE_URL}/bg-sound.mp3`,\n  [CircleSoundKey.BACKGROUND_RUSHHOUR]: `${BASE_URL}/circle-background-rushhour.mp3`,\n  [CircleSoundKey.TUTORIAL]: `${BASE_URL}/bg-sound-tutorials.mp3`,\n  [CircleSoundKey.SWIPE_01]: `${BASE_URL}/circle-swipe-1.wav`,\n  [CircleSoundKey.SWIPE_02]: `${BASE_URL}/circle-swipe-2.wav`,\n  [CircleSoundKey.SWIPE_03]: `${BASE_URL}/circle-swipe-3.wav`,\n  [CircleSoundKey.SWIPE_04]: `${BASE_URL}/circle-swipe-4.wav`,\n  [CircleSoundKey.SWIPE_DOWN]: `${BASE_URL}/circle-swipe-down-1.wav`,\n  [CircleSoundKey.TOGGLE]: `${BASE_URL}/circle-button-v3.wav`,\n  [CircleSoundKey.POINTS_AWARDED]: `${BASE_URL}/circle-points-v2.wav`,\n  [CircleSoundKey.ACTIVITY_COMPLETE]: `${BASE_URL}/circle-activity-complete.wav`,\n  [CircleSoundKey.POINTS_ADDED]: `${BASE_URL}/circle-points-add-v1.wav`,\n  [CircleSoundKey.GAME_CARD_CLICK]: `${BASE_URL}/circle-gamecard-button-v1.wav`,\n  [CircleSoundKey.CLOCK_IN]: `${BASE_URL}/circle-meter-v1.wav`,\n  [CircleSoundKey.CLOCK_OUT]: `${BASE_URL}/circle-disappear-v1.wav`,\n  [CircleSoundKey.ACCURACY_IN]: `${BASE_URL}/circle-meter-v1.wav`,\n  [CircleSoundKey.ACCURACY_OUT]: `${BASE_URL}/circle-disappear-v1.wav`,\n  [CircleSoundKey.STREAK_IN]: `${BASE_URL}/circle-streak-v1.wav`,\n  [CircleSoundKey.STREAK_OUT]: `${BASE_URL}/circle-disappear-v1.wav`,\n  [CircleSoundKey.ACCURACY_INTRO]: `${STATIC_BASE_URL}/accuracy-intro.mp3`,\n  [CircleSoundKey.ACCURACY_TARGET]: `${STATIC_BASE_URL}/accuracy-target.mp3`,\n  [CircleSoundKey.TIME_INTRO]: `${STATIC_BASE_URL}/timer-intro.mp3`,\n  [CircleSoundKey.TIME_TARGET]: `${STATIC_BASE_URL}/timer-target.mp3`,\n  [CircleSoundKey.METER_FILL]: `${STATIC_BASE_URL}/meter-fill.mp3`,\n  [CircleSoundKey.YOUR_SCORE]: `${BASE_URL}/your-score.mp3`,\n  [CircleSoundKey.HIGH_SCORE]: `${BASE_URL}/high-score.mp3`,\n  [CircleSoundKey.ALL_ACTIVITIES_COMPLETE]: `${BASE_URL}/circle-all-activities-complete.mp3`,\n  [CircleSoundKey.ALL_DONE]: `${BASE_URL}/all-done.mp3`,\n  [CircleSoundKey.DOING_GREAT]: `${BASE_URL}/doing-great.mp3`,\n  [CircleSoundKey.KEEP_IT_UP]: `${BASE_URL}/keep-it-up.mp3`,\n};\n\nexport const SWIPE_SOUND_ORDER = [\n  CircleSoundKey.SWIPE_04,\n  CircleSoundKey.SWIPE_02,\n  CircleSoundKey.SWIPE_03,\n  CircleSoundKey.SWIPE_01,\n];\n\nexport const VOLUME_FADE_DURATION = 100; // in milliseconds\nexport const VOLUME_TO_CHANGE = 0.1; // volume change per fade step\n"],"names":["BASE_URL","STATIC_BASE_URL","CircleSoundKeyMapper","CircleSoundKey","SWIPE_SOUND_ORDER"],"mappings":";AAEA,MAAMA,IAAW,mFAEXC,IAAkB,4CAEXC,IAAuB;AAAA,EAClC,CAACC,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAAA,EACxC,CAACG,EAAe,mBAAmB,GAAG,GAAGH,CAAQ;AAAA,EACjD,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAAA,EACxC,CAACG,EAAe,MAAM,GAAG,GAAGH,CAAQ;AAAA,EACpC,CAACG,EAAe,cAAc,GAAG,GAAGH,CAAQ;AAAA,EAC5C,CAACG,EAAe,iBAAiB,GAAG,GAAGH,CAAQ;AAAA,EAC/C,CAACG,EAAe,YAAY,GAAG,GAAGH,CAAQ;AAAA,EAC1C,CAACG,EAAe,eAAe,GAAG,GAAGH,CAAQ;AAAA,EAC7C,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,SAAS,GAAG,GAAGH,CAAQ;AAAA,EACvC,CAACG,EAAe,WAAW,GAAG,GAAGH,CAAQ;AAAA,EACzC,CAACG,EAAe,YAAY,GAAG,GAAGH,CAAQ;AAAA,EAC1C,CAACG,EAAe,SAAS,GAAG,GAAGH,CAAQ;AAAA,EACvC,CAACG,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAAA,EACxC,CAACG,EAAe,cAAc,GAAG,GAAGF,CAAe;AAAA,EACnD,CAACE,EAAe,eAAe,GAAG,GAAGF,CAAe;AAAA,EACpD,CAACE,EAAe,UAAU,GAAG,GAAGF,CAAe;AAAA,EAC/C,CAACE,EAAe,WAAW,GAAG,GAAGF,CAAe;AAAA,EAChD,CAACE,EAAe,UAAU,GAAG,GAAGF,CAAe;AAAA,EAC/C,CAACE,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAAA,EACxC,CAACG,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAAA,EACxC,CAACG,EAAe,uBAAuB,GAAG,GAAGH,CAAQ;AAAA,EACrD,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,WAAW,GAAG,GAAGH,CAAQ;AAAA,EACzC,CAACG,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAC1C,GAEaI,IAAoB;AAAA,EAC/BD,EAAe;AAAA,EACfA,EAAe;AAAA,EACfA,EAAe;AAAA,EACfA,EAAe;AACjB;"}

package/dist/features/circle-games/hooks/use-circle-sounds/use-circle-sounds.js

@@ -1,115 +1,135 @@
-import { useCallback as s, useRef as T, useEffect as P } from "react";
-import { useAutoPlayPermission as m } from "../../../hooks/use-auto-play-permission/use-auto-play-permission.js";
-import { CircleSoundKeyMapper as L, SWIPE_SOUND_ORDER as O } from "./constants.js";
-import { fadeInSound as R, fadeOutSound as U } from "./helper.js";
-import { CircleSoundKey as n } from "./use-circle-sounds-enums.js";
-let S = 0;
-const c = {
-  [n.BACKGROUND]: null,
-  [n.BACKGROUND_RUSHHOUR]: null,
-  [n.TUTORIAL]: null,
-  [n.SWIPE_01]: null,
-  [n.SWIPE_02]: null,
-  [n.SWIPE_03]: null,
-  [n.SWIPE_04]: null,
-  [n.SWIPE_DOWN]: null,
-  [n.TOGGLE]: null,
-  [n.POINTS_AWARDED]: null,
-  [n.POINTS_ADDED]: null,
-  [n.GAME_CARD_CLICK]: null,
-  [n.CLOCK_IN]: null,
-  [n.CLOCK_OUT]: null,
-  [n.ACCURACY_IN]: null,
-  [n.ACCURACY_OUT]: null,
-  [n.STREAK_IN]: null,
-  [n.STREAK_OUT]: null,
-  [n.ACCURACY_INTRO]: null,
-  [n.ACCURACY_TARGET]: null,
-  [n.TIME_INTRO]: null,
-  [n.TIME_TARGET]: null,
-  [n.METER_FILL]: null,
-  [n.YOUR_SCORE]: null,
-  [n.HIGH_SCORE]: null,
-  [n.KEEP_IT_UP]: null,
-  [n.DOING_GREAT]: null,
-  [n.ALL_DONE]: null,
-  [n.ACTIVITY_COMPLETE]: null,
-  [n.ALL_ACTIVITIES_COMPLETE]: null
-}, _ = {}, b = () => {
-  const { canAutoPlayAudio: f } = m(), C = s((l) => {
-    if (!c[l]) {
-      const t = new Audio(L[l]);
-      c[l] = t;
+import { useRef as O, useCallback as d, useEffect as v } from "react";
+import { useAutoPlayPermission as U } from "../../../hooks/use-auto-play-permission/use-auto-play-permission.js";
+import { SWIPE_SOUND_ORDER as w, CircleSoundKeyMapper as y } from "./constants.js";
+import { CircleSoundKey as e } from "./use-circle-sounds-enums.js";
+let C = 0;
+const u = new (window.AudioContext || window.webkitAudioContext)(), _ = {
+  [e.BACKGROUND]: null,
+  [e.BACKGROUND_RUSHHOUR]: null,
+  [e.TUTORIAL]: null,
+  [e.SWIPE_01]: null,
+  [e.SWIPE_02]: null,
+  [e.SWIPE_03]: null,
+  [e.SWIPE_04]: null,
+  [e.SWIPE_DOWN]: null,
+  [e.TOGGLE]: null,
+  [e.POINTS_AWARDED]: null,
+  [e.POINTS_ADDED]: null,
+  [e.GAME_CARD_CLICK]: null,
+  [e.CLOCK_IN]: null,
+  [e.CLOCK_OUT]: null,
+  [e.ACCURACY_IN]: null,
+  [e.ACCURACY_OUT]: null,
+  [e.STREAK_IN]: null,
+  [e.STREAK_OUT]: null,
+  [e.ACCURACY_INTRO]: null,
+  [e.ACCURACY_TARGET]: null,
+  [e.TIME_INTRO]: null,
+  [e.TIME_TARGET]: null,
+  [e.METER_FILL]: null,
+  [e.YOUR_SCORE]: null,
+  [e.HIGH_SCORE]: null,
+  [e.KEEP_IT_UP]: null,
+  [e.DOING_GREAT]: null,
+  [e.ALL_DONE]: null,
+  [e.ACTIVITY_COMPLETE]: null,
+  [e.ALL_ACTIVITIES_COMPLETE]: null
+}, l = {};
+let R = !1;
+const S = async () => {
+  if (u.state === "suspended" && !R) {
+    R = !0;
+    try {
+      await u.resume();
+    } catch (a) {
+      console.warn("Failed to resume AudioContext:", a);
+    } finally {
+      R = !1;
     }
-  }, []), i = T(/* @__PURE__ */ new Set()), o = T({}), r = s(
-    (l, t = !0, e = !1) => {
-      C(l);
-      const u = c[l];
-      if (!u || !f) return;
-      if (e && (u.loop = e), o.current[l] && clearInterval(o.current[l]), !u.paused && u.currentTime > 0 && !u.ended) {
-        if (t)
-          u.volume = 1;
-        else {
-          const I = R(u);
-          o.current[l] = I;
-        }
-        return u;
-      }
-      u.volume = t ? 1 : 0;
-      const A = u.play();
-      if (A && (_[l] = A), !t) {
-        const I = R(u);
-        o.current[l] = I;
-      }
-      return u;
-    },
-    [C, f]
-  ), a = s((l, t) => {
-    const e = c[l];
-    if (!e) return;
-    if (o.current[l] && clearInterval(o.current[l]), t) {
-      e.pause();
-      return;
+  }
+}, K = () => {
+  const { canAutoPlayAudio: a } = U(), s = O(/* @__PURE__ */ new Set()), f = O({}), T = d(async (n) => {
+    if (!_[n]) {
+      const t = await D(y[n]);
+      t && (_[n] = t);
     }
-    const u = U(e);
-    o.current[l] = u;
-  }, []), d = s(
-    (l, t = !0) => {
-      var e;
-      if (_[l] !== void 0) {
-        (e = _[l]) == null || e.then(() => {
-          a(l, t);
-        }).catch((u) => {
-          console.log("sound not playing", u);
-        });
+  }, []), p = (n) => {
+    n.gain.setValueAtTime(0, u.currentTime), n.gain.linearRampToValueAtTime(1, u.currentTime + 0.5);
+  }, L = (n, t) => {
+    n.gain.setValueAtTime(n.gain.value, u.currentTime), n.gain.linearRampToValueAtTime(0, u.currentTime + 0.5);
+    const o = setTimeout(() => {
+      var r;
+      (r = l[t]) == null || r.source.stop(), delete l[t];
+    }, 500);
+    f.current[t] = o;
+  }, i = d(
+    async (n, t = !0, o = !1) => {
+      await S(), await T(n);
+      const r = _[n];
+      if (!r || !a) {
+        console.warn("Cannot play sound", n, { buffer: r, canPlayAudio: a });
         return;
       }
-      a(l, t);
+      if (l[n] && o)
+        return;
+      const c = u.createBufferSource(), E = u.createGain();
+      c.buffer = r, c.loop = o, c.connect(E).connect(u.destination), t ? E.gain.setValueAtTime(1, u.currentTime) : p(E), c.start(), l[n] = { source: c, gainNode: E, loop: o }, o || (c.onended = () => {
+        var I;
+        ((I = l[n]) == null ? void 0 : I.source) === c && delete l[n];
+      });
     },
-    [a]
-  ), p = s(() => {
-    const l = O[S] || n.SWIPE_01;
-    S = (S + 1) % O.length, r(l);
-  }, [r]), v = s(() => r(n.TOGGLE), [r]), E = s(() => {
-    const l = document.visibilityState;
-    l === "hidden" && Object.entries(c).forEach(([t, e]) => {
-      e && !e.paused && (d(t, !0), i.current.add(t));
-    }), l === "visible" && (i.current.forEach((t) => {
-      r(t);
-    }), i.current.clear());
-  }, [r, d]);
-  return P(() => {
-    document.addEventListener("visibilitychange", E);
-    const l = o.current;
+    [a, T]
+  ), A = d(async (n, t = !0) => {
+    const o = l[n];
+    o && (t ? (o.source.stop(), delete l[n]) : L(o.gainNode, n));
+  }, []), P = d(() => {
+    const n = w[C] || e.SWIPE_01;
+    C = (C + 1) % w.length, i(n);
+  }, [i]), h = d(() => {
+    i(e.TOGGLE);
+  }, [i]), m = d(async () => {
+    document.visibilityState === "visible" ? (await S(), Array.from(s.current).forEach((t) => {
+      var o;
+      i(t, !1, ((o = l[t]) == null ? void 0 : o.loop) ?? !1);
+    }), s.current.clear()) : Object.keys(l).forEach((n) => {
+      A(n, !0), s.current.add(n);
+    });
+  }, [i, A]);
+  return v(() => {
+    const n = ["pointerdown", "touchstart"], t = () => {
+      S();
+    };
+    document.addEventListener("visibilitychange", m), n.forEach((r) => {
+      window.addEventListener(r, t, { once: !0 });
+    });
+    const o = f.current;
     return () => {
-      document.removeEventListener("visibilitychange", E), Object.values(l).forEach((t) => {
-        t && clearInterval(t);
-      });
+      document.removeEventListener("visibilitychange", m), n.forEach((r) => {
+        window.removeEventListener(r, t);
+      }), Object.values(o).forEach((r) => clearTimeout(r));
     };
-  }, [E]), { playSwipeSound: p, play: r, stop: d, playButtonSound: v };
+  }, [m]), {
+    playSwipeSound: P,
+    play: i,
+    stop: A,
+    playButtonSound: h
+  };
+}, D = async (a) => {
+  try {
+    const s = await fetch(a, {
+      mode: "cors",
+      credentials: "omit"
+    });
+    if (!s.ok)
+      throw new Error(`HTTP error! status: ${s.status}`);
+    const f = await s.arrayBuffer();
+    return await u.decodeAudioData(f);
+  } catch (s) {
+    console.error("CORS error loading audio:", s);
+    return;
+  }
 };
 export {
-  c as soundMapper,
-  b as useCircleSounds
+  K as useCircleSounds
 };
 //# sourceMappingURL=use-circle-sounds.js.map

package/dist/features/circle-games/hooks/use-circle-sounds/use-circle-sounds.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-circle-sounds.js","sources":["../../../../../src/features/circle-games/hooks/use-circle-sounds/use-circle-sounds.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { useAutoPlayPermission } from '../../../hooks/use-auto-play-permission/use-auto-play-permission';\nimport { CircleSoundKeyMapper, SWIPE_SOUND_ORDER } from './constants';\nimport { fadeInSound, fadeOutSound } from './helper';\nimport type { TimeoutMap } from './use-circle-sound-types';\nimport { CircleSoundKey } from './use-circle-sounds-enums';\n\nlet swipeSoundIndex = 0;\n\nexport const soundMapper: Record<keyof typeof CircleSoundKeyMapper, null | HTMLAudioElement> = {\n  [CircleSoundKey.BACKGROUND]: null,\n  [CircleSoundKey.BACKGROUND_RUSHHOUR]: null,\n  [CircleSoundKey.TUTORIAL]: null,\n  [CircleSoundKey.SWIPE_01]: null,\n  [CircleSoundKey.SWIPE_02]: null,\n  [CircleSoundKey.SWIPE_03]: null,\n  [CircleSoundKey.SWIPE_04]: null,\n  [CircleSoundKey.SWIPE_DOWN]: null,\n  [CircleSoundKey.TOGGLE]: null,\n  [CircleSoundKey.POINTS_AWARDED]: null,\n  [CircleSoundKey.POINTS_ADDED]: null,\n  [CircleSoundKey.GAME_CARD_CLICK]: null,\n  [CircleSoundKey.CLOCK_IN]: null,\n  [CircleSoundKey.CLOCK_OUT]: null,\n  [CircleSoundKey.ACCURACY_IN]: null,\n  [CircleSoundKey.ACCURACY_OUT]: null,\n  [CircleSoundKey.STREAK_IN]: null,\n  [CircleSoundKey.STREAK_OUT]: null,\n  [CircleSoundKey.ACCURACY_INTRO]: null,\n  [CircleSoundKey.ACCURACY_TARGET]: null,\n  [CircleSoundKey.TIME_INTRO]: null,\n  [CircleSoundKey.TIME_TARGET]: null,\n  [CircleSoundKey.METER_FILL]: null,\n  [CircleSoundKey.YOUR_SCORE]: null,\n  [CircleSoundKey.HIGH_SCORE]: null,\n  [CircleSoundKey.KEEP_IT_UP]: null,\n  [CircleSoundKey.DOING_GREAT]: null,\n  [CircleSoundKey.ALL_DONE]: null,\n  [CircleSoundKey.ACTIVITY_COMPLETE]: null,\n  [CircleSoundKey.ALL_ACTIVITIES_COMPLETE]: null,\n};\n\nconst soundInstancePromise: Partial<Record<keyof typeof CircleSoundKeyMapper, Promise<void>>> = {};\n\nexport const useCircleSounds = () => {\n  const { canAutoPlayAudio: canPlayAudio } = useAutoPlayPermission();\n\n  const loadSound = useCallback((key: CircleSoundKey) => {\n    if (!soundMapper[key]) {\n      const loadedSound = new Audio(CircleSoundKeyMapper[key]);\n\n      soundMapper[key] = loadedSound;\n    }\n  }, []);\n\n  const pausedSoundsRef = useRef<Set<CircleSoundKey>>(new Set());\n  const timeoutRefs = useRef<TimeoutMap>({});\n\n  const play = useCallback(\n    (key: CircleSoundKey, immediately: boolean = true, loop = false) => {\n      loadSound(key);\n      const soundInstance = soundMapper[key];\n\n      if (!soundInstance || !canPlayAudio) return;\n\n      // this makes sure that it keeps the default loop value at the time it was requested to be loaded\n      // helps in visibility change where we only want to resume\n      if (loop) {\n        soundInstance.loop = loop;\n      }\n\n      if (timeoutRefs.current[key]) {\n        clearInterval(timeoutRefs.current[key]);\n      }\n\n      // resume sound\n      if (!soundInstance.paused && soundInstance.currentTime > 0 && !soundInstance.ended) {\n        if (!immediately) {\n          const intervalId = fadeInSound(soundInstance);\n\n          timeoutRefs.current[key] = intervalId;\n        } else {\n          soundInstance.volume = 1;\n        }\n\n        return soundInstance;\n      }\n\n      // play sound\n      soundInstance.volume = immediately ? 1 : 0;\n      const promise = soundInstance.play();\n\n      if (promise) {\n        soundInstancePromise[key] = promise;\n      }\n\n      if (!immediately) {\n        const intervalId = fadeInSound(soundInstance);\n\n        timeoutRefs.current[key] = intervalId;\n      }\n\n      return soundInstance;\n    },\n    [loadSound, canPlayAudio],\n  );\n\n  const handleSoundStop = useCallback((key: CircleSoundKey, immediately: boolean) => {\n    const soundInstance = soundMapper[key];\n\n    if (!soundInstance) return;\n\n    if (timeoutRefs.current[key]) {\n      clearInterval(timeoutRefs.current[key]);\n    }\n\n    if (immediately) {\n      soundInstance.pause();\n\n      return;\n    }\n\n    const intervalId = fadeOutSound(soundInstance);\n\n    timeoutRefs.current[key] = intervalId;\n  }, []);\n\n  const stop = useCallback(\n    (key: CircleSoundKey, immediately: boolean = true) => {\n      // if play returned a promise\n      if (soundInstancePromise[key] !== undefined) {\n        soundInstancePromise[key]\n          ?.then(() => {\n            handleSoundStop(key, immediately);\n          })\n          .catch(err => {\n            // eslint-disable-next-line no-console\n            console.log('sound not playing', err);\n          });\n\n        return;\n      }\n\n      handleSoundStop(key, immediately);\n    },\n    [handleSoundStop],\n  );\n\n  const playSwipeSound = useCallback(() => {\n    const key = SWIPE_SOUND_ORDER[swipeSoundIndex] || CircleSoundKey.SWIPE_01;\n\n    swipeSoundIndex = (swipeSoundIndex + 1) % SWIPE_SOUND_ORDER.length;\n\n    play(key);\n  }, [play]);\n\n  const playButtonSound = useCallback(() => {\n    const sound = play(CircleSoundKey.TOGGLE);\n\n    return sound;\n  }, [play]);\n\n  const handleVisibilityChange = useCallback(() => {\n    const visibilityState = document.visibilityState;\n\n    if (visibilityState === 'hidden') {\n      Object.entries(soundMapper).forEach(([key, sound]) => {\n        if (sound && !sound.paused) {\n          stop(key as CircleSoundKey, true);\n          pausedSoundsRef.current.add(key as CircleSoundKey);\n        }\n      });\n    }\n\n    if (visibilityState === 'visible') {\n      pausedSoundsRef.current.forEach(key => {\n        play(key);\n      });\n      pausedSoundsRef.current.clear();\n    }\n  }, [play, stop]);\n\n  useEffect(() => {\n    document.addEventListener('visibilitychange', handleVisibilityChange);\n    const timeouts = timeoutRefs.current;\n\n    return () => {\n      document.removeEventListener('visibilitychange', handleVisibilityChange);\n      Object.values(timeouts).forEach(id => {\n        if (id) {\n          clearInterval(id);\n        }\n      });\n    };\n  }, [handleVisibilityChange]);\n\n  return { playSwipeSound, play, stop, playButtonSound };\n};\n"],"names":["swipeSoundIndex","soundMapper","CircleSoundKey","soundInstancePromise","useCircleSounds","canPlayAudio","useAutoPlayPermission","loadSound","useCallback","key","loadedSound","CircleSoundKeyMapper","pausedSoundsRef","useRef","timeoutRefs","play","immediately","loop","soundInstance","intervalId","fadeInSound","promise","handleSoundStop","fadeOutSound","stop","_a","err","playSwipeSound","SWIPE_SOUND_ORDER","playButtonSound","handleVisibilityChange","visibilityState","sound","useEffect","timeouts","id"],"mappings":";;;;;AAQA,IAAIA,IAAkB;AAEf,MAAMC,IAAkF;AAAA,EAC7F,CAACC,EAAe,UAAU,GAAG;AAAA,EAC7B,CAACA,EAAe,mBAAmB,GAAG;AAAA,EACtC,CAACA,EAAe,QAAQ,GAAG;AAAA,EAC3B,CAACA,EAAe,QAAQ,GAAG;AAAA,EAC3B,CAACA,EAAe,QAAQ,GAAG;AAAA,EAC3B,CAACA,EAAe,QAAQ,GAAG;AAAA,EAC3B,CAACA,EAAe,QAAQ,GAAG;AAAA,EAC3B,CAACA,EAAe,UAAU,GAAG;AAAA,EAC7B,CAACA,EAAe,MAAM,GAAG;AAAA,EACzB,CAACA,EAAe,cAAc,GAAG;AAAA,EACjC,CAACA,EAAe,YAAY,GAAG;AAAA,EAC/B,CAACA,EAAe,eAAe,GAAG;AAAA,EAClC,CAACA,EAAe,QAAQ,GAAG;AAAA,EAC3B,CAACA,EAAe,SAAS,GAAG;AAAA,EAC5B,CAACA,EAAe,WAAW,GAAG;AAAA,EAC9B,CAACA,EAAe,YAAY,GAAG;AAAA,EAC/B,CAACA,EAAe,SAAS,GAAG;AAAA,EAC5B,CAACA,EAAe,UAAU,GAAG;AAAA,EAC7B,CAACA,EAAe,cAAc,GAAG;AAAA,EACjC,CAACA,EAAe,eAAe,GAAG;AAAA,EAClC,CAACA,EAAe,UAAU,GAAG;AAAA,EAC7B,CAACA,EAAe,WAAW,GAAG;AAAA,EAC9B,CAACA,EAAe,UAAU,GAAG;AAAA,EAC7B,CAACA,EAAe,UAAU,GAAG;AAAA,EAC7B,CAACA,EAAe,UAAU,GAAG;AAAA,EAC7B,CAACA,EAAe,UAAU,GAAG;AAAA,EAC7B,CAACA,EAAe,WAAW,GAAG;AAAA,EAC9B,CAACA,EAAe,QAAQ,GAAG;AAAA,EAC3B,CAACA,EAAe,iBAAiB,GAAG;AAAA,EACpC,CAACA,EAAe,uBAAuB,GAAG;AAC5C,GAEMC,IAA0F,CAAA,GAEnFC,IAAkB,MAAM;AACnC,QAAM,EAAE,kBAAkBC,EAAa,IAAIC,EAAsB,GAE3DC,IAAYC,EAAY,CAACC,MAAwB;AACjD,QAAA,CAACR,EAAYQ,CAAG,GAAG;AACrB,YAAMC,IAAc,IAAI,MAAMC,EAAqBF,CAAG,CAAC;AAEvD,MAAAR,EAAYQ,CAAG,IAAIC;AAAA,IACrB;AAAA,EACF,GAAG,CAAE,CAAA,GAECE,IAAkBC,EAAgC,oBAAA,IAAK,CAAA,GACvDC,IAAcD,EAAmB,CAAA,CAAE,GAEnCE,IAAOP;AAAA,IACX,CAACC,GAAqBO,IAAuB,IAAMC,IAAO,OAAU;AAClE,MAAAV,EAAUE,CAAG;AACP,YAAAS,IAAgBjB,EAAYQ,CAAG;AAEjC,UAAA,CAACS,KAAiB,CAACb,EAAc;AAajC,UATAY,MACFC,EAAc,OAAOD,IAGnBH,EAAY,QAAQL,CAAG,KACX,cAAAK,EAAY,QAAQL,CAAG,CAAC,GAIpC,CAACS,EAAc,UAAUA,EAAc,cAAc,KAAK,CAACA,EAAc,OAAO;AAClF,YAAKF;AAKH,UAAAE,EAAc,SAAS;AAAA,aALP;AACV,gBAAAC,IAAaC,EAAYF,CAAa;AAEhC,UAAAJ,EAAA,QAAQL,CAAG,IAAIU;AAAA,QAAA;AAKtB,eAAAD;AAAA,MACT;AAGc,MAAAA,EAAA,SAASF,IAAc,IAAI;AACnC,YAAAK,IAAUH,EAAc;AAM9B,UAJIG,MACFlB,EAAqBM,CAAG,IAAIY,IAG1B,CAACL,GAAa;AACV,cAAAG,IAAaC,EAAYF,CAAa;AAEhC,QAAAJ,EAAA,QAAQL,CAAG,IAAIU;AAAA,MAC7B;AAEO,aAAAD;AAAA,IACT;AAAA,IACA,CAACX,GAAWF,CAAY;AAAA,EAAA,GAGpBiB,IAAkBd,EAAY,CAACC,GAAqBO,MAAyB;AAC3E,UAAAE,IAAgBjB,EAAYQ,CAAG;AAErC,QAAI,CAACS,EAAe;AAMpB,QAJIJ,EAAY,QAAQL,CAAG,KACX,cAAAK,EAAY,QAAQL,CAAG,CAAC,GAGpCO,GAAa;AACf,MAAAE,EAAc,MAAM;AAEpB;AAAA,IACF;AAEM,UAAAC,IAAaI,EAAaL,CAAa;AAEjC,IAAAJ,EAAA,QAAQL,CAAG,IAAIU;AAAA,EAC7B,GAAG,CAAE,CAAA,GAECK,IAAOhB;AAAA,IACX,CAACC,GAAqBO,IAAuB,OAAS;;AAEhD,UAAAb,EAAqBM,CAAG,MAAM,QAAW;AACtB,SAAAgB,IAAAtB,EAAAM,CAAG,MAAH,QAAAgB,EACjB,KAAK,MAAM;AACX,UAAAH,EAAgBb,GAAKO,CAAW;AAAA,QAAA,GAEjC,MAAM,CAAOU,MAAA;AAEJ,kBAAA,IAAI,qBAAqBA,CAAG;AAAA,QAAA;AAGxC;AAAA,MACF;AAEA,MAAAJ,EAAgBb,GAAKO,CAAW;AAAA,IAClC;AAAA,IACA,CAACM,CAAe;AAAA,EAAA,GAGZK,IAAiBnB,EAAY,MAAM;AACvC,UAAMC,IAAMmB,EAAkB5B,CAAe,KAAKE,EAAe;AAE9C,IAAAF,KAAAA,IAAkB,KAAK4B,EAAkB,QAE5Db,EAAKN,CAAG;AAAA,EAAA,GACP,CAACM,CAAI,CAAC,GAEHc,IAAkBrB,EAAY,MACpBO,EAAKb,EAAe,MAAM,GAGvC,CAACa,CAAI,CAAC,GAEHe,IAAyBtB,EAAY,MAAM;AAC/C,UAAMuB,IAAkB,SAAS;AAEjC,IAAIA,MAAoB,YACf,OAAA,QAAQ9B,CAAW,EAAE,QAAQ,CAAC,CAACQ,GAAKuB,CAAK,MAAM;AAChD,MAAAA,KAAS,CAACA,EAAM,WAClBR,EAAKf,GAAuB,EAAI,GAChBG,EAAA,QAAQ,IAAIH,CAAqB;AAAA,IACnD,CACD,GAGCsB,MAAoB,cACNnB,EAAA,QAAQ,QAAQ,CAAOH,MAAA;AACrC,MAAAM,EAAKN,CAAG;AAAA,IAAA,CACT,GACDG,EAAgB,QAAQ;EAC1B,GACC,CAACG,GAAMS,CAAI,CAAC;AAEf,SAAAS,EAAU,MAAM;AACL,aAAA,iBAAiB,oBAAoBH,CAAsB;AACpE,UAAMI,IAAWpB,EAAY;AAE7B,WAAO,MAAM;AACF,eAAA,oBAAoB,oBAAoBgB,CAAsB,GACvE,OAAO,OAAOI,CAAQ,EAAE,QAAQ,CAAMC,MAAA;AACpC,QAAIA,KACF,cAAcA,CAAE;AAAA,MAClB,CACD;AAAA,IAAA;AAAA,EACH,GACC,CAACL,CAAsB,CAAC,GAEpB,EAAE,gBAAAH,GAAgB,MAAAZ,GAAM,MAAAS,GAAM,iBAAAK,EAAgB;AACvD;"}
+{"version":3,"file":"use-circle-sounds.js","sources":["../../../../../src/features/circle-games/hooks/use-circle-sounds/use-circle-sounds.ts"],"sourcesContent":["/* eslint-disable no-console */\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport { useAutoPlayPermission } from '../../../hooks/use-auto-play-permission/use-auto-play-permission';\nimport { CircleSoundKeyMapper, SWIPE_SOUND_ORDER } from './constants';\nimport type { TimeoutMap } from './use-circle-sound-types';\nimport { CircleSoundKey } from './use-circle-sounds-enums';\n\nlet swipeSoundIndex = 0;\nconst audioContext = new (window.AudioContext || window.webkitAudioContext)();\n\nconst bufferMapper: Record<CircleSoundKey, AudioBuffer | null> = {\n  [CircleSoundKey.BACKGROUND]: null,\n  [CircleSoundKey.BACKGROUND_RUSHHOUR]: null,\n  [CircleSoundKey.TUTORIAL]: null,\n  [CircleSoundKey.SWIPE_01]: null,\n  [CircleSoundKey.SWIPE_02]: null,\n  [CircleSoundKey.SWIPE_03]: null,\n  [CircleSoundKey.SWIPE_04]: null,\n  [CircleSoundKey.SWIPE_DOWN]: null,\n  [CircleSoundKey.TOGGLE]: null,\n  [CircleSoundKey.POINTS_AWARDED]: null,\n  [CircleSoundKey.POINTS_ADDED]: null,\n  [CircleSoundKey.GAME_CARD_CLICK]: null,\n  [CircleSoundKey.CLOCK_IN]: null,\n  [CircleSoundKey.CLOCK_OUT]: null,\n  [CircleSoundKey.ACCURACY_IN]: null,\n  [CircleSoundKey.ACCURACY_OUT]: null,\n  [CircleSoundKey.STREAK_IN]: null,\n  [CircleSoundKey.STREAK_OUT]: null,\n  [CircleSoundKey.ACCURACY_INTRO]: null,\n  [CircleSoundKey.ACCURACY_TARGET]: null,\n  [CircleSoundKey.TIME_INTRO]: null,\n  [CircleSoundKey.TIME_TARGET]: null,\n  [CircleSoundKey.METER_FILL]: null,\n  [CircleSoundKey.YOUR_SCORE]: null,\n  [CircleSoundKey.HIGH_SCORE]: null,\n  [CircleSoundKey.KEEP_IT_UP]: null,\n  [CircleSoundKey.DOING_GREAT]: null,\n  [CircleSoundKey.ALL_DONE]: null,\n  [CircleSoundKey.ACTIVITY_COMPLETE]: null,\n  [CircleSoundKey.ALL_ACTIVITIES_COMPLETE]: null,\n};\n\ntype ActiveSound = {\n  source: AudioBufferSourceNode;\n  gainNode: GainNode;\n  loop: boolean;\n};\n\nconst activeSounds: Partial<Record<CircleSoundKey, ActiveSound>> = {};\n\nlet resuming = false;\nconst resumeAudioContext = async () => {\n  if (audioContext.state === 'suspended' && !resuming) {\n    resuming = true;\n    try {\n      await audioContext.resume();\n    } catch (err) {\n      console.warn('Failed to resume AudioContext:', err);\n    } finally {\n      resuming = false;\n    }\n  }\n};\n\nexport const useCircleSounds = () => {\n  const { canAutoPlayAudio: canPlayAudio } = useAutoPlayPermission();\n\n  const pausedSoundsRef = useRef<Set<CircleSoundKey>>(new Set());\n  const timeoutRefs = useRef<TimeoutMap>({});\n\n  const loadSound = useCallback(async (key: CircleSoundKey) => {\n    if (!bufferMapper[key]) {\n      const audioBuffer = await fetchAudio(CircleSoundKeyMapper[key]);\n\n      if (audioBuffer) {\n        bufferMapper[key] = audioBuffer;\n      }\n    }\n  }, []);\n\n  const fadeIn = (gainNode: GainNode) => {\n    gainNode.gain.setValueAtTime(0, audioContext.currentTime);\n    gainNode.gain.linearRampToValueAtTime(1, audioContext.currentTime + 0.5);\n  };\n\n  const fadeOut = (gainNode: GainNode, key: CircleSoundKey) => {\n    gainNode.gain.setValueAtTime(gainNode.gain.value, audioContext.currentTime);\n    gainNode.gain.linearRampToValueAtTime(0, audioContext.currentTime + 0.5);\n    const timeout = setTimeout(() => {\n      activeSounds[key]?.source.stop();\n      delete activeSounds[key];\n    }, 500);\n\n    timeoutRefs.current[key] = timeout as unknown as number;\n  };\n\n  const play = useCallback(\n    async (key: CircleSoundKey, immediately = true, loop = false) => {\n      await resumeAudioContext();\n      await loadSound(key);\n      const buffer = bufferMapper[key];\n\n      if (!buffer || !canPlayAudio) {\n        console.warn('Cannot play sound', key, { buffer, canPlayAudio });\n\n        return;\n      }\n\n      // prevent duplicate loop sounds\n      if (activeSounds[key] && loop) {\n        return;\n      }\n\n      const source = audioContext.createBufferSource();\n      const gainNode = audioContext.createGain();\n\n      source.buffer = buffer;\n      source.loop = loop;\n      source.connect(gainNode).connect(audioContext.destination);\n\n      if (immediately) {\n        gainNode.gain.setValueAtTime(1, audioContext.currentTime);\n      } else {\n        fadeIn(gainNode);\n      }\n\n      source.start();\n      activeSounds[key] = { source, gainNode, loop };\n\n      if (!loop) {\n        source.onended = () => {\n          if (activeSounds[key]?.source === source) {\n            delete activeSounds[key];\n          }\n        };\n      }\n    },\n    [canPlayAudio, loadSound],\n  );\n\n  const stop = useCallback(async (key: CircleSoundKey, immediately = true) => {\n    const sound = activeSounds[key];\n\n    if (!sound) return;\n\n    if (immediately) {\n      sound.source.stop();\n      delete activeSounds[key];\n    } else {\n      fadeOut(sound.gainNode, key);\n    }\n  }, []);\n\n  const playSwipeSound = useCallback(() => {\n    const key = SWIPE_SOUND_ORDER[swipeSoundIndex] || CircleSoundKey.SWIPE_01;\n\n    swipeSoundIndex = (swipeSoundIndex + 1) % SWIPE_SOUND_ORDER.length;\n    play(key);\n  }, [play]);\n\n  const playButtonSound = useCallback(() => {\n    play(CircleSoundKey.TOGGLE);\n  }, [play]);\n\n  const handleVisibilityChange = useCallback(async () => {\n    if (document.visibilityState === 'visible') {\n      await resumeAudioContext();\n      // replay paused sounds with fresh source nodes\n      const paused = Array.from(pausedSoundsRef.current);\n\n      paused.forEach(key => {\n        play(key, false, activeSounds[key]?.loop ?? false);\n      });\n      pausedSoundsRef.current.clear();\n    } else {\n      Object.keys(activeSounds).forEach(key => {\n        stop(key as CircleSoundKey, true);\n        pausedSoundsRef.current.add(key as CircleSoundKey);\n      });\n    }\n  }, [play, stop]);\n\n  useEffect(() => {\n    const interactionEvents = ['pointerdown', 'touchstart'];\n    const tryResume = () => {\n      resumeAudioContext();\n    };\n\n    document.addEventListener('visibilitychange', handleVisibilityChange);\n    interactionEvents.forEach(event => {\n      window.addEventListener(event, tryResume, { once: true });\n    });\n\n    const timeouts = timeoutRefs.current;\n\n    return () => {\n      document.removeEventListener('visibilitychange', handleVisibilityChange);\n      interactionEvents.forEach(event => {\n        window.removeEventListener(event, tryResume);\n      });\n      Object.values(timeouts).forEach(id => clearTimeout(id));\n    };\n  }, [handleVisibilityChange]);\n\n  return {\n    playSwipeSound,\n    play,\n    stop,\n    playButtonSound,\n  };\n};\n\nconst fetchAudio = async (url: string): Promise<AudioBuffer | undefined> => {\n  try {\n    const response: Response = await fetch(url, {\n      mode: 'cors',\n      credentials: 'omit',\n    });\n\n    if (!response.ok) {\n      throw new Error(`HTTP error! status: ${response.status}`);\n    }\n\n    const arrayBuffer: ArrayBuffer = await response.arrayBuffer();\n    const decoded: AudioBuffer = await audioContext.decodeAudioData(arrayBuffer);\n\n    return decoded;\n  } catch (error) {\n    console.error('CORS error loading audio:', error);\n\n    return undefined;\n  }\n};\n"],"names":["swipeSoundIndex","audioContext","bufferMapper","CircleSoundKey","activeSounds","resuming","resumeAudioContext","err","useCircleSounds","canPlayAudio","useAutoPlayPermission","pausedSoundsRef","useRef","timeoutRefs","loadSound","useCallback","key","audioBuffer","fetchAudio","CircleSoundKeyMapper","fadeIn","gainNode","fadeOut","timeout","_a","play","immediately","loop","buffer","source","stop","sound","playSwipeSound","SWIPE_SOUND_ORDER","playButtonSound","handleVisibilityChange","useEffect","interactionEvents","tryResume","event","timeouts","id","url","response","arrayBuffer","error"],"mappings":"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"}