@cuemath/leap 3.5.0 → 3.5.1

package/dist/features/journey/use-journey/journey-context-provider.js

@@ -1,13 +1,13 @@
-import { jsxs as W, jsx as T } from "react/jsx-runtime";
-import { createContext as M, useState as s, useRef as v, useCallback as c, useMemo as G, useEffect as b } from "react";
+import { jsxs as W, jsx as O } from "react/jsx-runtime";
+import { createContext as M, useState as s, useRef as w, useCallback as c, useMemo as G, useEffect as T } from "react";
 import { Coachmark as F } from "../comps/coachmark/coachmark.js";
 import { usePostUserJourney as I, useGetUserJourney as K } from "../user-journey-api/user-journey-api.js";
 import { Overlay as Q } from "./journey-styled.js";
 const X = M(null), ne = ({ children: U, appId: l, userId: i }) => {
-  const [q, z] = s(!0), [D, H] = s(!1), [p, x] = s(null), [y, d] = s([]), [f, A] = s(!1), m = v(-1), t = v(void 0), w = v([]), [L, N] = s(!1), [$, R] = s({
-    height: window.innerHeight,
-    width: window.innerWidth
-  }), { post: _ } = I(), { data: g = null, get: P } = K(), J = c(
+  const [q, z] = s(!0), [D, H] = s(!1), [p, x] = s(null), [y, d] = s([]), [f, A] = s(!1), h = w(-1), t = w(void 0), g = w([]), [L, N] = s(!1), [$, R] = s({
+    height: document.body.clientHeight,
+    width: document.body.clientWidth
+  }), { post: _ } = I(), { data: C = null, get: P } = K(), J = c(
     (e) => {
       _({
         app_id: l,
@@ -17,37 +17,37 @@ const X = M(null), ne = ({ children: U, appId: l, userId: i }) => {
       });
     },
     [l, _, i]
-  ), B = c(
-    (e, r, o, C = !0) => {
-      var h, n;
+  ), b = c(
+    (e, r, o, k = !0) => {
+      var m, n;
       if (y.length > 0) {
         console.error(
           `setJourney: Other Journey is already active, Current Journey: ${t.current}, New Journey Request: ${e}`
         );
         return;
       }
-      A(!0), z(C), t.current = e, m.current = -1, d(
+      A(!0), z(k), t.current = e, h.current = -1, d(
         r.map((u) => ({
           ...u,
           isActive: !1
           // New coachmarks are inactive by default
         }))
       ), o && (R({
-        height: ((h = o.current) == null ? void 0 : h.clientHeight) || window.innerHeight,
+        height: ((m = o.current) == null ? void 0 : m.clientHeight) || window.innerHeight,
         width: ((n = o.current) == null ? void 0 : n.clientWidth) || window.innerWidth
       }), N(!0));
     },
     [y.length]
   ), a = c(() => {
-    w.current.forEach((e) => {
+    g.current.forEach((e) => {
       clearTimeout(e);
-    }), w.current = [], t.current = void 0, m.current = -1, d([]), A(!1);
-  }, []), E = c(
+    }), g.current = [], t.current = void 0, h.current = -1, d([]), A(!1);
+  }, []), B = c(
     (e) => {
       a(), x((r) => r && !r.includes(e) ? [...r, e] : r), J(e);
     },
     [a, J]
-  ), S = c((e, r) => {
+  ), E = c((e, r) => {
     if (!t.current || e !== t.current) {
       console.error(
         t.current ? `A Journey is already active, Current Journey: ${t.current}, New Journey Request: ${e}` : "addCoachmark was called before setJourney and Journey ID is undefined"
@@ -62,71 +62,71 @@ const X = M(null), ne = ({ children: U, appId: l, userId: i }) => {
         // New coachmarks are inactive by default
       }
     ]);
-  }, []), j = c(
-    (e, r = !1, o = 0, C = !1) => {
+  }, []), S = c(
+    (e, r = !1, o = 0, k = !1) => {
       if (!t.current || e !== t.current) {
         console.error(
           t.current ? "nextCoachmark was called before setJourney" : `A Journey is already active, Current Journey: ${t.current}, New Journey Request: ${e}`
         );
         return;
       }
-      H(C), o !== 0 && d((n) => n.map((u) => ({ ...u, isActive: !1 })));
-      const h = setTimeout(() => {
-        clearTimeout(h);
-        const n = m.current + 1;
+      H(k), o !== 0 && d((n) => n.map((u) => ({ ...u, isActive: !1 })));
+      const m = setTimeout(() => {
+        clearTimeout(m);
+        const n = h.current + 1;
         d((u) => {
           if (n >= u.length || u.length === 0)
             return a(), [];
-          m.current = n;
-          const k = [...u];
-          return k[n].isActive = !0, n > 0 && (k[n - 1].isActive = r), k;
+          h.current = n;
+          const v = [...u];
+          return v[n].isActive = !0, n > 0 && (v[n - 1].isActive = r), v;
         });
       }, o);
-      w.current.push(h);
+      g.current.push(m);
     },
     [a]
-  ), O = c(
+  ), j = c(
     (e) => {
       J(e);
     },
     [J]
   ), V = G(
     () => ({
-      nextCoachmark: j,
-      setJourney: B,
-      addCoachmark: S,
+      nextCoachmark: S,
+      setJourney: b,
+      addCoachmark: E,
       clearJourney: a,
-      endJourney: E,
+      endJourney: B,
       coachmarks: y,
       userCompletedJourneyIds: p,
       isJourneyActive: f,
-      trackView: O
+      trackView: j
     }),
     [
-      j,
-      B,
       S,
-      a,
+      b,
       E,
+      a,
+      B,
       y,
       p,
       f,
-      O
+      j
     ]
   );
-  return b(() => {
+  return T(() => {
     l && i && P(i, {
       app_id: l,
       user_id: i,
       journey_status: "COMPLETED"
     });
-  }, [l, P, i]), b(() => {
-    if (g) {
-      const e = g.map((r) => r.journey_id);
+  }, [l, P, i]), T(() => {
+    if (C) {
+      const e = C.map((r) => r.journey_id);
       x(e);
     }
-  }, [g]), /* @__PURE__ */ W(X.Provider, { value: V, children: [
-    f && /* @__PURE__ */ T(
+  }, [C]), /* @__PURE__ */ W(X.Provider, { value: V, children: [
+    f && /* @__PURE__ */ O(
       Q,
       {
         about: "journey-overlay",
@@ -135,7 +135,7 @@ const X = M(null), ne = ({ children: U, appId: l, userId: i }) => {
         $isJourneyBlurred: D,
         $isBlockingJourney: q,
         "data-testid": t.current,
-        children: y.map((e, r) => /* @__PURE__ */ T(
+        children: y.map((e, r) => /* @__PURE__ */ O(
           F,
           {
             coachmark: e,

package/dist/features/journey/use-journey/journey-context-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"journey-context-provider.js","sources":["../../../../src/features/journey/use-journey/journey-context-provider.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport type { FC, RefObject } from 'react';\nimport { createContext, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Coachmark } from '../comps/coachmark/coachmark';\nimport type { TJourneyId } from '../journey-id/journey-id-types';\nimport type { TTrackingId } from '../tracking-id/tracking-id-types';\nimport { useGetUserJourney, usePostUserJourney } from '../user-journey-api/user-journey-api';\nimport type {\n  ICoachmarkProps,\n  IJourneyContext,\n  IJourneyProviderProps,\n  TCoachmarkJourneyProps,\n} from './journey-context-types';\nimport * as S from './journey-styled';\n\nexport const JourneyContext = createContext<IJourneyContext | null>(null);\n\nexport const JourneyProvider: FC<IJourneyProviderProps> = ({ children, appId, userId }) => {\n  const [isBlockingJourney, setIsBlockingJourney] = useState<boolean>(true);\n  const [isJourneyBlurred, setIsJourneyBlurred] = useState<boolean>(false);\n  const [userCompletedJourneyIds, setUserCompletedJourneyIds] = useState<TJourneyId[] | null>(null);\n  const [coachmarkList, setCoachmarkList] = useState<ICoachmarkProps[]>([]);\n  const [isJourneyActive, setIsJourneyActive] = useState(false);\n  const currentIndex = useRef(-1);\n  const currentJourneyId = useRef<TJourneyId | undefined>(undefined);\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const [isScrollableJourney, setIsScrollableJourney] = useState<boolean>(false);\n  const [overlaySize, setOverlaySize] = useState({\n    height: window.innerHeight,\n    width: window.innerWidth,\n  });\n\n  const { post: postJourneyCompletion } = usePostUserJourney();\n  const { data: userCompletedJourneys = null, get: getJourneyProgress } = useGetUserJourney();\n\n  const saveProgress = useCallback(\n    (journeyId: TJourneyId | TTrackingId) => {\n      postJourneyCompletion({\n        app_id: appId,\n        user_id: userId,\n        journey_id: journeyId,\n        journey_status: 'COMPLETED',\n      });\n    },\n    [appId, postJourneyCompletion, userId],\n  );\n\n  const setJourney = useCallback(\n    (\n      id: TJourneyId,\n      coachmarks: TCoachmarkJourneyProps[],\n      scrollableContRef?: RefObject<HTMLDivElement | null>,\n      isBlocking: boolean = true,\n    ) => {\n      if (coachmarkList.length > 0) {\n        console.error(\n          `setJourney: Other Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`,\n        );\n\n        return;\n      }\n      setIsJourneyActive(true);\n      setIsBlockingJourney(isBlocking);\n      currentJourneyId.current = id;\n      currentIndex.current = -1;\n      setCoachmarkList(\n        coachmarks.map((item: TCoachmarkJourneyProps) => {\n          return {\n            ...item,\n            isActive: false, // New coachmarks are inactive by default\n          } as ICoachmarkProps;\n        }),\n      );\n      if (scrollableContRef) {\n        setOverlaySize({\n          height: scrollableContRef.current?.clientHeight || window.innerHeight,\n          width: scrollableContRef.current?.clientWidth || window.innerWidth,\n        });\n        setIsScrollableJourney(true);\n      }\n    },\n    [coachmarkList.length],\n  );\n\n  const clearJourney = useCallback(() => {\n    // Clear all timers\n    timerRefs.current.forEach(timer => {\n      clearTimeout(timer);\n    });\n    timerRefs.current = [];\n    currentJourneyId.current = undefined;\n    currentIndex.current = -1;\n    setCoachmarkList([]);\n    setIsJourneyActive(false);\n  }, []);\n\n  const endJourney = useCallback(\n    (journeyId: TJourneyId) => {\n      clearJourney();\n      setUserCompletedJourneyIds(prev => {\n        if (prev && !prev.includes(journeyId)) {\n          return [...prev, journeyId];\n        }\n\n        return prev;\n      });\n      saveProgress(journeyId);\n    },\n    [clearJourney, saveProgress],\n  );\n\n  const addCoachmark = useCallback((id: TJourneyId, coachmark: TCoachmarkJourneyProps) => {\n    if (!currentJourneyId.current || id !== currentJourneyId.current) {\n      console.error(\n        currentJourneyId.current\n          ? `A Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`\n          : `addCoachmark was called before setJourney and Journey ID is undefined`,\n      );\n\n      return;\n    }\n\n    setCoachmarkList(prev => [\n      ...prev,\n      {\n        ...coachmark,\n        isActive: false, // New coachmarks are inactive by default\n      } as ICoachmarkProps,\n    ]);\n  }, []);\n\n  const nextCoachmark = useCallback(\n    (\n      id: TJourneyId,\n      keepPrevActive: boolean = false,\n      delayInMs: number = 0,\n      shouldBlurNextJourney: boolean = false,\n    ) => {\n      if (!currentJourneyId.current || id !== currentJourneyId.current) {\n        console.error(\n          currentJourneyId.current\n            ? `nextCoachmark was called before setJourney`\n            : `A Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`,\n        );\n\n        return;\n      }\n\n      setIsJourneyBlurred(shouldBlurNextJourney);\n\n      if (delayInMs !== 0) {\n        // If delay is not 0, we will hide all them coachmarks and reveal only after the delay\n        setCoachmarkList(prevList => {\n          return prevList.map((item: TCoachmarkJourneyProps) => {\n            return { ...item, isActive: false };\n          });\n        });\n      }\n\n      const timer = setTimeout(() => {\n        clearTimeout(timer);\n        const currIndex = currentIndex.current + 1;\n\n        setCoachmarkList(prevList => {\n          // Finish onboarding\n          if (currIndex >= prevList.length || prevList.length === 0) {\n            clearJourney();\n\n            return [];\n          }\n\n          currentIndex.current = currIndex;\n          const updatedCoachmarkList = [...prevList];\n\n          (updatedCoachmarkList[currIndex] as ICoachmarkProps).isActive = true;\n\n          if (currIndex > 0) {\n            (updatedCoachmarkList[currIndex - 1] as ICoachmarkProps).isActive = keepPrevActive;\n          }\n\n          return updatedCoachmarkList;\n        });\n      }, delayInMs);\n\n      timerRefs.current.push(timer);\n    },\n    [clearJourney],\n  );\n\n  const trackView = useCallback(\n    (viewId: TTrackingId) => {\n      saveProgress(viewId);\n    },\n    [saveProgress],\n  );\n\n  const memoizedContextValue: IJourneyContext = useMemo(\n    () => ({\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarks: coachmarkList,\n      userCompletedJourneyIds,\n      isJourneyActive,\n      trackView,\n    }),\n    [\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarkList,\n      userCompletedJourneyIds,\n      isJourneyActive,\n      trackView,\n    ],\n  );\n\n  // Get the initial state of incompleteJourneys\n  useEffect(() => {\n    if (appId && userId) {\n      getJourneyProgress(userId, {\n        app_id: appId,\n        user_id: userId,\n        journey_status: 'COMPLETED',\n      });\n    }\n  }, [appId, getJourneyProgress, userId]);\n\n  // Set the data to context state initially\n  useEffect(() => {\n    if (userCompletedJourneys) {\n      const completedUserJourneysIds = userCompletedJourneys.map(journey => journey.journey_id);\n\n      setUserCompletedJourneyIds(completedUserJourneysIds);\n    }\n  }, [userCompletedJourneys]);\n\n  return (\n    <JourneyContext.Provider value={memoizedContextValue}>\n      {isJourneyActive && (\n        <S.Overlay\n          about=\"journey-overlay\"\n          height={overlaySize.height}\n          width={overlaySize.width}\n          $isJourneyBlurred={isJourneyBlurred}\n          $isBlockingJourney={isBlockingJourney}\n          data-testid={currentJourneyId.current}\n        >\n          {coachmarkList.map((coachmark, index) => (\n            <Coachmark\n              key={`coachmark-${index}`}\n              coachmark={coachmark}\n              isInsideScrollView={isScrollableJourney}\n            />\n          ))}\n        </S.Overlay>\n      )}\n      {children}\n    </JourneyContext.Provider>\n  );\n};\n"],"names":["JourneyContext","createContext","JourneyProvider","children","appId","userId","isBlockingJourney","setIsBlockingJourney","useState","isJourneyBlurred","setIsJourneyBlurred","userCompletedJourneyIds","setUserCompletedJourneyIds","coachmarkList","setCoachmarkList","isJourneyActive","setIsJourneyActive","currentIndex","useRef","currentJourneyId","timerRefs","isScrollableJourney","setIsScrollableJourney","overlaySize","setOverlaySize","postJourneyCompletion","usePostUserJourney","userCompletedJourneys","getJourneyProgress","useGetUserJourney","saveProgress","useCallback","journeyId","setJourney","id","coachmarks","scrollableContRef","isBlocking","item","_a","_b","clearJourney","timer","endJourney","prev","addCoachmark","coachmark","nextCoachmark","keepPrevActive","delayInMs","shouldBlurNextJourney","prevList","currIndex","updatedCoachmarkList","trackView","viewId","memoizedContextValue","useMemo","useEffect","completedUserJourneysIds","journey","jsxs","jsx","S.Overlay","index","Coachmark"],"mappings":"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"}
+{"version":3,"file":"journey-context-provider.js","sources":["../../../../src/features/journey/use-journey/journey-context-provider.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport type { FC, RefObject } from 'react';\nimport { createContext, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Coachmark } from '../comps/coachmark/coachmark';\nimport type { TJourneyId } from '../journey-id/journey-id-types';\nimport type { TTrackingId } from '../tracking-id/tracking-id-types';\nimport { useGetUserJourney, usePostUserJourney } from '../user-journey-api/user-journey-api';\nimport type {\n  ICoachmarkProps,\n  IJourneyContext,\n  IJourneyProviderProps,\n  TCoachmarkJourneyProps,\n} from './journey-context-types';\nimport * as S from './journey-styled';\n\nexport const JourneyContext = createContext<IJourneyContext | null>(null);\n\nexport const JourneyProvider: FC<IJourneyProviderProps> = ({ children, appId, userId }) => {\n  const [isBlockingJourney, setIsBlockingJourney] = useState<boolean>(true);\n  const [isJourneyBlurred, setIsJourneyBlurred] = useState<boolean>(false);\n  const [userCompletedJourneyIds, setUserCompletedJourneyIds] = useState<TJourneyId[] | null>(null);\n  const [coachmarkList, setCoachmarkList] = useState<ICoachmarkProps[]>([]);\n  const [isJourneyActive, setIsJourneyActive] = useState(false);\n  const currentIndex = useRef(-1);\n  const currentJourneyId = useRef<TJourneyId | undefined>(undefined);\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const [isScrollableJourney, setIsScrollableJourney] = useState<boolean>(false);\n  const [overlaySize, setOverlaySize] = useState({\n    height: document.body.clientHeight,\n    width: document.body.clientWidth,\n  });\n\n  const { post: postJourneyCompletion } = usePostUserJourney();\n  const { data: userCompletedJourneys = null, get: getJourneyProgress } = useGetUserJourney();\n\n  const saveProgress = useCallback(\n    (journeyId: TJourneyId | TTrackingId) => {\n      postJourneyCompletion({\n        app_id: appId,\n        user_id: userId,\n        journey_id: journeyId,\n        journey_status: 'COMPLETED',\n      });\n    },\n    [appId, postJourneyCompletion, userId],\n  );\n\n  const setJourney = useCallback(\n    (\n      id: TJourneyId,\n      coachmarks: TCoachmarkJourneyProps[],\n      scrollableContRef?: RefObject<HTMLDivElement | null>,\n      isBlocking: boolean = true,\n    ) => {\n      if (coachmarkList.length > 0) {\n        console.error(\n          `setJourney: Other Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`,\n        );\n\n        return;\n      }\n      setIsJourneyActive(true);\n      setIsBlockingJourney(isBlocking);\n      currentJourneyId.current = id;\n      currentIndex.current = -1;\n      setCoachmarkList(\n        coachmarks.map((item: TCoachmarkJourneyProps) => {\n          return {\n            ...item,\n            isActive: false, // New coachmarks are inactive by default\n          } as ICoachmarkProps;\n        }),\n      );\n      if (scrollableContRef) {\n        setOverlaySize({\n          height: scrollableContRef.current?.clientHeight || window.innerHeight,\n          width: scrollableContRef.current?.clientWidth || window.innerWidth,\n        });\n        setIsScrollableJourney(true);\n      }\n    },\n    [coachmarkList.length],\n  );\n\n  const clearJourney = useCallback(() => {\n    // Clear all timers\n    timerRefs.current.forEach(timer => {\n      clearTimeout(timer);\n    });\n    timerRefs.current = [];\n    currentJourneyId.current = undefined;\n    currentIndex.current = -1;\n    setCoachmarkList([]);\n    setIsJourneyActive(false);\n  }, []);\n\n  const endJourney = useCallback(\n    (journeyId: TJourneyId) => {\n      clearJourney();\n      setUserCompletedJourneyIds(prev => {\n        if (prev && !prev.includes(journeyId)) {\n          return [...prev, journeyId];\n        }\n\n        return prev;\n      });\n      saveProgress(journeyId);\n    },\n    [clearJourney, saveProgress],\n  );\n\n  const addCoachmark = useCallback((id: TJourneyId, coachmark: TCoachmarkJourneyProps) => {\n    if (!currentJourneyId.current || id !== currentJourneyId.current) {\n      console.error(\n        currentJourneyId.current\n          ? `A Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`\n          : `addCoachmark was called before setJourney and Journey ID is undefined`,\n      );\n\n      return;\n    }\n\n    setCoachmarkList(prev => [\n      ...prev,\n      {\n        ...coachmark,\n        isActive: false, // New coachmarks are inactive by default\n      } as ICoachmarkProps,\n    ]);\n  }, []);\n\n  const nextCoachmark = useCallback(\n    (\n      id: TJourneyId,\n      keepPrevActive: boolean = false,\n      delayInMs: number = 0,\n      shouldBlurNextJourney: boolean = false,\n    ) => {\n      if (!currentJourneyId.current || id !== currentJourneyId.current) {\n        console.error(\n          currentJourneyId.current\n            ? `nextCoachmark was called before setJourney`\n            : `A Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`,\n        );\n\n        return;\n      }\n\n      setIsJourneyBlurred(shouldBlurNextJourney);\n\n      if (delayInMs !== 0) {\n        // If delay is not 0, we will hide all them coachmarks and reveal only after the delay\n        setCoachmarkList(prevList => {\n          return prevList.map((item: TCoachmarkJourneyProps) => {\n            return { ...item, isActive: false };\n          });\n        });\n      }\n\n      const timer = setTimeout(() => {\n        clearTimeout(timer);\n        const currIndex = currentIndex.current + 1;\n\n        setCoachmarkList(prevList => {\n          // Finish onboarding\n          if (currIndex >= prevList.length || prevList.length === 0) {\n            clearJourney();\n\n            return [];\n          }\n\n          currentIndex.current = currIndex;\n          const updatedCoachmarkList = [...prevList];\n\n          (updatedCoachmarkList[currIndex] as ICoachmarkProps).isActive = true;\n\n          if (currIndex > 0) {\n            (updatedCoachmarkList[currIndex - 1] as ICoachmarkProps).isActive = keepPrevActive;\n          }\n\n          return updatedCoachmarkList;\n        });\n      }, delayInMs);\n\n      timerRefs.current.push(timer);\n    },\n    [clearJourney],\n  );\n\n  const trackView = useCallback(\n    (viewId: TTrackingId) => {\n      saveProgress(viewId);\n    },\n    [saveProgress],\n  );\n\n  const memoizedContextValue: IJourneyContext = useMemo(\n    () => ({\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarks: coachmarkList,\n      userCompletedJourneyIds,\n      isJourneyActive,\n      trackView,\n    }),\n    [\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarkList,\n      userCompletedJourneyIds,\n      isJourneyActive,\n      trackView,\n    ],\n  );\n\n  // Get the initial state of incompleteJourneys\n  useEffect(() => {\n    if (appId && userId) {\n      getJourneyProgress(userId, {\n        app_id: appId,\n        user_id: userId,\n        journey_status: 'COMPLETED',\n      });\n    }\n  }, [appId, getJourneyProgress, userId]);\n\n  // Set the data to context state initially\n  useEffect(() => {\n    if (userCompletedJourneys) {\n      const completedUserJourneysIds = userCompletedJourneys.map(journey => journey.journey_id);\n\n      setUserCompletedJourneyIds(completedUserJourneysIds);\n    }\n  }, [userCompletedJourneys]);\n\n  return (\n    <JourneyContext.Provider value={memoizedContextValue}>\n      {isJourneyActive && (\n        <S.Overlay\n          about=\"journey-overlay\"\n          height={overlaySize.height}\n          width={overlaySize.width}\n          $isJourneyBlurred={isJourneyBlurred}\n          $isBlockingJourney={isBlockingJourney}\n          data-testid={currentJourneyId.current}\n        >\n          {coachmarkList.map((coachmark, index) => (\n            <Coachmark\n              key={`coachmark-${index}`}\n              coachmark={coachmark}\n              isInsideScrollView={isScrollableJourney}\n            />\n          ))}\n        </S.Overlay>\n      )}\n      {children}\n    </JourneyContext.Provider>\n  );\n};\n"],"names":["JourneyContext","createContext","JourneyProvider","children","appId","userId","isBlockingJourney","setIsBlockingJourney","useState","isJourneyBlurred","setIsJourneyBlurred","userCompletedJourneyIds","setUserCompletedJourneyIds","coachmarkList","setCoachmarkList","isJourneyActive","setIsJourneyActive","currentIndex","useRef","currentJourneyId","timerRefs","isScrollableJourney","setIsScrollableJourney","overlaySize","setOverlaySize","postJourneyCompletion","usePostUserJourney","userCompletedJourneys","getJourneyProgress","useGetUserJourney","saveProgress","useCallback","journeyId","setJourney","id","coachmarks","scrollableContRef","isBlocking","item","_a","_b","clearJourney","timer","endJourney","prev","addCoachmark","coachmark","nextCoachmark","keepPrevActive","delayInMs","shouldBlurNextJourney","prevList","currIndex","updatedCoachmarkList","trackView","viewId","memoizedContextValue","useMemo","useEffect","completedUserJourneysIds","journey","jsxs","jsx","S.Overlay","index","Coachmark"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,40 +1,40 @@
-import { ButtonHTMLAttributes } from 'react';
-import { Channel } from '@cuemath/cue-message-broker';
+import type { ButtonHTMLAttributes } from 'react';
+import type { Channel } from '@cuemath/cue-message-broker';
 import { ChannelStatus } from '@cuemath/cue-message-broker';
 import { ComponentType } from 'react';
-import { Config } from '@lottiefiles/dotlottie-web';
+import type { Config } from '@lottiefiles/dotlottie-web';
 import { Context } from 'react';
-import { Data } from '@lottiefiles/dotlottie-web';
-import { default as default_2 } from 'react';
-import { DefaultTheme } from 'styled-components';
+import type { Data } from '@lottiefiles/dotlottie-web';
+import type { DefaultTheme } from 'styled-components';
 import { DetailedHTMLProps } from 'react';
-import { Dispatch } from 'react';
-import { EventListener as EventListener_2 } from '@lottiefiles/dotlottie-web';
-import { EventType } from '@lottiefiles/dotlottie-web';
+import type { Dispatch } from 'react';
+import type { EventListener as EventListener_2 } from '@lottiefiles/dotlottie-web';
+import type { EventType } from '@lottiefiles/dotlottie-web';
 import { FC } from 'react';
-import { FormEvent } from 'react';
+import type { FormEvent } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
-import { HTMLProps } from 'react';
+import type { HTMLProps } from 'react';
 import { IChannelMessage } from '@cuemath/cue-message-broker';
-import { IframeHTMLAttributes } from 'react';
-import { ImgHTMLAttributes } from 'react';
-import { InputHTMLAttributes } from 'react';
+import type { IframeHTMLAttributes } from 'react';
+import type { ImgHTMLAttributes } from 'react';
+import type { InputHTMLAttributes } from 'react';
 import { IProvidedProps } from 'google-maps-react';
 import { IStyledComponent } from 'styled-components';
 import { JSX } from 'react/jsx-runtime';
 import { MemoExoticComponent } from 'react';
-import { MutableRefObject } from 'react';
+import type { MutableRefObject } from 'react';
 import { NamedExoticComponent } from 'react';
 import { Omit as Omit_2 } from 'google-maps-react';
-import { PLUGIN_NAME } from '@cuemath/analytics-v2/dist/constants';
+import type { PLUGIN_NAME } from '@cuemath/analytics-v2/dist/constants';
 import { PropsWithChildren } from 'react';
+import { default as React_2 } from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { ResourceModel } from '@cuemath/rest-api';
-import { SetStateAction } from 'react';
+import type { SetStateAction } from 'react';
 import { Substitute } from 'styled-components/dist/types';
 import { SVGProps } from 'react';
 import { VideoHTMLAttributes } from 'react';
@@ -85,7 +85,7 @@ declare type AnimationSegment = [number, number];
 export declare const AppLoader: FC<IAppLoaderProps>;
 
 export declare const ArcButton: NamedExoticComponent<IArcButtonProps & {
-children?: ReactNode | undefined;
+    children?: ReactNode | undefined;
 } & RefAttributes<HTMLDivElement>>;
 
 export declare const ArrowTooltip: NamedExoticComponent<IArrowTooltipProps>;
@@ -422,9 +422,9 @@ export declare const CueBoardFilledIcon: FC<SVGProps<SVGSVGElement>>;
 
 export declare const CueBoardIcon: FC<SVGProps<SVGSVGElement>>;
 
-export declare const CueCanvas: default_2.FC<ICueCanvas>;
+export declare const CueCanvas: React_2.FC<ICueCanvas>;
 
-export declare const CueCanvasController: default_2.FC<IToolbarProps>;
+export declare const CueCanvasController: React_2.FC<IToolbarProps>;
 
 export declare const CueCanvasHomeworkController: NamedExoticComponent<IHomeWorkControllerProps>;
 
@@ -441,7 +441,7 @@ declare interface CueCoinIconProps extends SVGProps<SVGSVGElement> {
     variant?: 'gold' | 'silver';
 }
 
-export declare const CuemathAppFeatures: NamedExoticComponent<    {}>;
+export declare const CuemathAppFeatures: NamedExoticComponent<{}>;
 
 export declare const CuemathLogo: FC<SVGProps<SVGSVGElement>>;
 
@@ -689,7 +689,7 @@ declare enum GENDER {
     OTHER = "OTHER"
 }
 
-export declare const getActiveSATSheet: (sheets: TLPARSheetData[]) => TLPARSheetData | undefined;
+export declare const getActiveSATSheet: (sheets: TLPARSheetData[]) => TLPARSheetData;
 
 declare const getArrowTooltipConfig: IGetArrowTooltipConfig;
 
@@ -785,7 +785,7 @@ export declare const HintFillIcon: FC<SVGProps<SVGSVGElement>>;
 
 export declare const HomeIcon: FC<SVGProps<SVGSVGElement>>;
 
-export declare const HomeworkCardList: default_2.NamedExoticComponent<HWCardListProps>;
+export declare const HomeworkCardList: React_2.NamedExoticComponent<HWCardListProps>;
 
 declare const hues: readonly ["YELLOW", "ORANGE", "PURPLE", "GREEN", "BLUE"];
 
@@ -796,7 +796,7 @@ declare interface HWCardListProps extends INodeCardCallbacks {
     onTestPreview?: (sheetData: INodeDataProps, milestoneId?: string) => void;
     onTestStart?: (sheetData: INodeDataProps, homeworkId?: string) => void;
     onTestReview?: (sheetData: INodeDataProps, milestoneId?: string) => void;
-    homeworkRef?: default_2.RefObject<HTMLDivElement>;
+    homeworkRef?: React_2.RefObject<HTMLDivElement>;
     startHomePageJourney?: ({ studentId, stream, userType }: IHomepageStartJourneyProps) => void;
     canStartJourney?: boolean;
     canStartPuzzleAssignedJourney?: boolean;
@@ -5222,7 +5222,7 @@ export declare const OTPInput: NamedExoticComponent<IOTPInputProps>;
 export declare type OutcomeStage = keyof typeof STAGES;
 
 export declare const OverlayLoader: MemoExoticComponent<({ isLoading }: {
-isLoading?: boolean | undefined;
+    isLoading?: boolean | undefined;
 }) => JSX.Element | null>;
 
 export declare const ParentDashboard: MemoExoticComponent<(props: IParentDashboardProps) => JSX.Element>;
@@ -5545,7 +5545,7 @@ export declare const SheetIcon: FC<SVGProps<SVGSVGElement>>;
 export declare const SheetList: FC<ISheetsListProps>;
 
 export declare const SheetLocked: MemoExoticComponent<({ onHomeClick }: {
-onHomeClick: () => void;
+    onHomeClick: () => void;
 }) => JSX.Element>;
 
 export declare const SignUp: ({ mathGymEnrolledUser, circleEnrolledUser, circleOnLeapPremiumDays, circleUsername, countryCode, grade: defaultGrade, state, circleOnLeapPremiumEnabled, studentId, isSignUpProcessing, onCreateUser, onUpdateUser, onSignupStepsComplete, isPLAStudent, }: ISignUpProps) => JSX.Element;
@@ -7063,8 +7063,8 @@ export declare const useGetMilestoneResources: (initialId?: string, initialQuery
 
 export declare const useGetPastMilestoneCount: (initialId?: string, initialQuery?: void | undefined) => {
     get: (id: string, query: void, meta: TQuery_2) => Promise<void>;
-    resource: ResourceModel<    {
-    user_milestones_count: number;
+    resource: ResourceModel<{
+        user_milestones_count: number;
     }> | undefined;
     data: {
         user_milestones_count: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.5.0",
+  "version": "3.5.1",
   "type": "module",
   "files": [
     "dist"