@cuemath/leap 2.9.6-as4 → 2.9.6-as5

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

@@ -1,109 +1,109 @@
-import { jsxs as D, jsx as R } from "react/jsx-runtime";
-import { createContext as L, useState as J, useRef as k, useCallback as y, useMemo as N, useEffect as T } from "react";
+import { jsxs as D, jsx as w } from "react/jsx-runtime";
+import { createContext as L, useState as J, useRef as k, useCallback as l, useMemo as N, useEffect as R } from "react";
 import { Coachmark as B } from "../comps/coachmark/coachmark.js";
 import { usePostUserJourney as M, useGetUserJourney as z } from "../user-journey-api/user-journey-api.js";
 import { Overlay as G } from "./journey-styled.js";
-const S = L(null), W = ({ children: b, appId: c, userId: o }) => {
-  const [O, x] = J(!1), [p, v] = J(null), [a, i] = J([]), [d, _] = J(!1), m = k(-1), t = k(), f = k([]), { post: g } = M(), { data: C = null, get: A } = z(), $ = y(
-    (e, r, s) => {
-      if (a.length > 0) {
+const S = L(null), W = ({ children: T, appId: s, userId: o }) => {
+  const [b, O] = J(!1), [x, p] = J(null), [c, a] = J([]), [d, v] = J(!1), y = k(-1), t = k(), f = k([]), { post: _ } = M(), { data: C = null, get: g } = z(), A = l(
+    (e, r) => {
+      if (c.length > 0) {
         console.error(
           `setJourney: Other Journey is already active, Current Journey: ${t.current}, New Journey Request: ${e}`
         );
         return;
       }
-      _(!0), t.current = e, m.current = -1, i([...r]), x(!!s);
+      v(!0), t.current = e, y.current = -1, a([...r]);
     },
-    [a.length]
-  ), u = y(() => {
+    [c.length]
+  ), u = l(() => {
     f.current.forEach((e) => {
       clearTimeout(e);
-    }), f.current = [], t.current = void 0, m.current = -1, i([]), _(!1);
-  }, []), E = y(
+    }), f.current = [], t.current = void 0, y.current = -1, a([]), v(!1);
+  }, []), $ = l(
     (e) => {
-      u(), v((r) => r && !r.includes(e) ? [...r, e] : r), g({
-        app_id: c,
+      u(), p((r) => r && !r.includes(e) ? [...r, e] : r), _({
+        app_id: s,
         user_id: o,
         journey_id: e,
         journey_status: "COMPLETED"
       });
     },
-    [c, u, g, o]
-  ), P = y((e, r) => {
+    [s, u, _, o]
+  ), E = l((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"
       );
       return;
     }
-    i((s) => [...s, r]);
-  }, []), j = y(
-    (e, r = !1, s = 0, q = !1) => {
+    a((m) => [...m, r]);
+  }, []), P = l(
+    (e, r = !1, m = 0, q = !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;
       }
-      x(q), s !== 0 && i((n) => n.map((l) => ({ ...l, isActive: !1 })));
-      const w = setTimeout(() => {
-        clearTimeout(w);
-        const n = m.current + 1;
-        i((l) => {
-          if (n >= l.length || l.length === 0)
+      O(q), m !== 0 && a((n) => n.map((i) => ({ ...i, isActive: !1 })));
+      const j = setTimeout(() => {
+        clearTimeout(j);
+        const n = y.current + 1;
+        a((i) => {
+          if (n >= i.length || i.length === 0)
             return u(), [];
-          m.current = n;
-          const h = [...l];
+          y.current = n;
+          const h = [...i];
           return h[n].isActive = !0, n > 0 && (h[n - 1].isActive = r), h;
         });
-      }, s);
-      f.current.push(w);
+      }, m);
+      f.current.push(j);
     },
     [u]
   ), U = N(
     () => ({
-      nextCoachmark: j,
-      setJourney: $,
-      addCoachmark: P,
+      nextCoachmark: P,
+      setJourney: A,
+      addCoachmark: E,
       clearJourney: u,
-      endJourney: E,
-      coachmarks: a,
-      userCompletedJourneyIds: p,
+      endJourney: $,
+      coachmarks: c,
+      userCompletedJourneyIds: x,
       isJourneyActive: d
     }),
     [
-      j,
-      $,
       P,
-      u,
+      A,
       E,
-      a,
-      p,
+      u,
+      $,
+      c,
+      x,
       d
     ]
   );
-  return T(() => {
-    c && o && A(o, {
-      app_id: c,
+  return R(() => {
+    s && o && g(o, {
+      app_id: s,
       user_id: o,
       journey_status: "COMPLETED"
     });
-  }, [c, A, o]), T(() => {
+  }, [s, g, o]), R(() => {
     if (C) {
       const e = C.map((r) => r.journey_id);
-      v(e);
+      p(e);
     }
   }, [C]), /* @__PURE__ */ D(S.Provider, { value: U, children: [
-    d && /* @__PURE__ */ R(
+    d && /* @__PURE__ */ w(
       G,
       {
         about: "journey-overlay",
-        isJourneyBlurred: O,
+        isJourneyBlurred: b,
         "data-testid": t.current,
-        children: a.map((e, r) => /* @__PURE__ */ R(B, { coachmark: e }, `coachmark-${r}`))
+        children: c.map((e, r) => /* @__PURE__ */ w(B, { coachmark: e }, `coachmark-${r}`))
       }
     ),
-    b
+    T
   ] });
 };
 export {

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 { TJourneyId } from '../journey-id/journey-id-types';\nimport type {\n  ICoachmarkProps,\n  IJourneyContext,\n  IJourneyProviderProps,\n} from './journey-context-types';\nimport type { FC } from 'react';\n\nimport { createContext, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Coachmark } from '../comps/coachmark/coachmark';\nimport { useGetUserJourney, usePostUserJourney } from '../user-journey-api/user-journey-api';\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 [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>();\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { post: postJourneyCompletion } = usePostUserJourney();\n  const { data: userCompletedJourneys = null, get: getJourneyProgress } = useGetUserJourney();\n\n  const setJourney = useCallback(\n    (id: TJourneyId, coachmarks: ICoachmarkProps[], shouldBlueInitialJourney?: boolean) => {\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      currentJourneyId.current = id;\n      currentIndex.current = -1;\n      setCoachmarkList([...coachmarks]);\n      setIsJourneyBlurred(!!shouldBlueInitialJourney);\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      // fire the API (doesn’t block the UI)\n      postJourneyCompletion({\n        app_id: appId,\n        user_id: userId,\n        journey_id: journeyId,\n        journey_status: 'COMPLETED',\n      });\n    },\n    [appId, clearJourney, postJourneyCompletion, userId],\n  );\n\n  const addCoachmark = useCallback((id: TJourneyId, coachmark: ICoachmarkProps) => {\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 => [...prev, coachmark]);\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: ICoachmarkProps) => {\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 memoizedContextValue: IJourneyContext = useMemo(\n    () => ({\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarks: coachmarkList,\n      userCompletedJourneyIds,\n      isJourneyActive,\n    }),\n    [\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarkList,\n      userCompletedJourneyIds,\n      isJourneyActive,\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          isJourneyBlurred={isJourneyBlurred}\n          data-testid={currentJourneyId.current}\n        >\n          {coachmarkList.map((coachmark, index) => (\n            <Coachmark key={`coachmark-${index}`} coachmark={coachmark} />\n          ))}\n        </S.Overlay>\n      )}\n      {children}\n    </JourneyContext.Provider>\n  );\n};\n"],"names":["JourneyContext","createContext","JourneyProvider","children","appId","userId","isJourneyBlurred","setIsJourneyBlurred","useState","userCompletedJourneyIds","setUserCompletedJourneyIds","coachmarkList","setCoachmarkList","isJourneyActive","setIsJourneyActive","currentIndex","useRef","currentJourneyId","timerRefs","postJourneyCompletion","usePostUserJourney","userCompletedJourneys","getJourneyProgress","useGetUserJourney","setJourney","useCallback","id","coachmarks","shouldBlueInitialJourney","clearJourney","timer","endJourney","journeyId","prev","addCoachmark","coachmark","nextCoachmark","keepPrevActive","delayInMs","shouldBlurNextJourney","prevList","item","currIndex","updatedCoachmarkList","memoizedContextValue","useMemo","useEffect","completedUserJourneysIds","journey","jsxs","jsx","S.Overlay","index","Coachmark"],"mappings":";;;;;AAea,MAAAA,IAAiBC,EAAsC,IAAI,GAE3DC,IAA6C,CAAC,EAAE,UAAAC,GAAU,OAAAC,GAAO,QAAAC,QAAa;AACzF,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAkB,EAAK,GACjE,CAACC,GAAyBC,CAA0B,IAAIF,EAA8B,IAAI,GAC1F,CAACG,GAAeC,CAAgB,IAAIJ,EAA4B,CAAE,CAAA,GAClE,CAACK,GAAiBC,CAAkB,IAAIN,EAAS,EAAK,GACtDO,IAAeC,EAAO,EAAE,GACxBC,IAAmBD,KACnBE,IAAYF,EAAwC,CAAA,CAAE,GAEtD,EAAE,MAAMG,EAAsB,IAAIC,EAAmB,GACrD,EAAE,MAAMC,IAAwB,MAAM,KAAKC,EAAA,IAAuBC,KAElEC,IAAaC;AAAA,IACjB,CAACC,GAAgBC,GAA+BC,MAAuC;AACjF,UAAAjB,EAAc,SAAS,GAAG;AACpB,gBAAA;AAAA,UACN,iEAAiEM,EAAiB,OAAO,0BAA0BS,CAAE;AAAA,QAAA;AAGvH;AAAA,MACF;AACA,MAAAZ,EAAmB,EAAI,GACvBG,EAAiB,UAAUS,GAC3BX,EAAa,UAAU,IACNH,EAAA,CAAC,GAAGe,CAAU,CAAC,GACZpB,EAAA,CAAC,CAACqB,CAAwB;AAAA,IAChD;AAAA,IACA,CAACjB,EAAc,MAAM;AAAA,EAAA,GAGjBkB,IAAeJ,EAAY,MAAM;AAE3B,IAAAP,EAAA,QAAQ,QAAQ,CAASY,MAAA;AACjC,mBAAaA,CAAK;AAAA,IAAA,CACnB,GACDZ,EAAU,UAAU,IACpBD,EAAiB,UAAU,QAC3BF,EAAa,UAAU,IACvBH,EAAiB,CAAE,CAAA,GACnBE,EAAmB,EAAK;AAAA,EAC1B,GAAG,CAAE,CAAA,GAECiB,IAAaN;AAAA,IACjB,CAACO,MAA0B;AACZ,MAAAH,KACbnB,EAA2B,CAAQuB,MAC7BA,KAAQ,CAACA,EAAK,SAASD,CAAS,IAC3B,CAAC,GAAGC,GAAMD,CAAS,IAGrBC,CACR,GAEqBd,EAAA;AAAA,QACpB,QAAQf;AAAA,QACR,SAASC;AAAA,QACT,YAAY2B;AAAA,QACZ,gBAAgB;AAAA,MAAA,CACjB;AAAA,IACH;AAAA,IACA,CAAC5B,GAAOyB,GAAcV,GAAuBd,CAAM;AAAA,EAAA,GAG/C6B,IAAeT,EAAY,CAACC,GAAgBS,MAA+B;AAC/E,QAAI,CAAClB,EAAiB,WAAWS,MAAOT,EAAiB,SAAS;AACxD,cAAA;AAAA,QACNA,EAAiB,UACb,iDAAiDA,EAAiB,OAAO,0BAA0BS,CAAE,KACrG;AAAA,MAAA;AAGN;AAAA,IACF;AAEA,IAAAd,EAAiB,CAAQqB,MAAA,CAAC,GAAGA,GAAME,CAAS,CAAC;AAAA,EAC/C,GAAG,CAAE,CAAA,GAECC,IAAgBX;AAAA,IACpB,CACEC,GACAW,IAA0B,IAC1BC,IAAoB,GACpBC,IAAiC,OAC9B;AACH,UAAI,CAACtB,EAAiB,WAAWS,MAAOT,EAAiB,SAAS;AACxD,gBAAA;AAAA,UACNA,EAAiB,UACb,+CACA,iDAAiDA,EAAiB,OAAO,0BAA0BS,CAAE;AAAA,QAAA;AAG3G;AAAA,MACF;AAEA,MAAAnB,EAAoBgC,CAAqB,GAErCD,MAAc,KAEhB1B,EAAiB,CAAY4B,MACpBA,EAAS,IAAI,CAACC,OACZ,EAAE,GAAGA,GAAM,UAAU,GAAM,EACnC,CACF;AAGG,YAAAX,IAAQ,WAAW,MAAM;AAC7B,qBAAaA,CAAK;AACZ,cAAAY,IAAY3B,EAAa,UAAU;AAEzC,QAAAH,EAAiB,CAAY4B,MAAA;AAE3B,cAAIE,KAAaF,EAAS,UAAUA,EAAS,WAAW;AACzC,mBAAAX,KAEN;AAGT,UAAAd,EAAa,UAAU2B;AACjB,gBAAAC,IAAuB,CAAC,GAAGH,CAAQ;AAExC,iBAAAG,EAAqBD,CAAS,EAAsB,WAAW,IAE5DA,IAAY,MACbC,EAAqBD,IAAY,CAAC,EAAsB,WAAWL,IAG/DM;AAAA,QAAA,CACR;AAAA,SACAL,CAAS;AAEF,MAAApB,EAAA,QAAQ,KAAKY,CAAK;AAAA,IAC9B;AAAA,IACA,CAACD,CAAY;AAAA,EAAA,GAGTe,IAAwCC;AAAA,IAC5C,OAAO;AAAA,MACL,eAAAT;AAAA,MACA,YAAAZ;AAAA,MACA,cAAAU;AAAA,MACA,cAAAL;AAAA,MACA,YAAAE;AAAA,MACA,YAAYpB;AAAA,MACZ,yBAAAF;AAAA,MACA,iBAAAI;AAAA,IAAA;AAAA,IAEF;AAAA,MACEuB;AAAA,MACAZ;AAAA,MACAU;AAAA,MACAL;AAAA,MACAE;AAAA,MACApB;AAAA,MACAF;AAAA,MACAI;AAAA,IACF;AAAA,EAAA;AAIF,SAAAiC,EAAU,MAAM;AACd,IAAI1C,KAASC,KACXiB,EAAmBjB,GAAQ;AAAA,MACzB,QAAQD;AAAA,MACR,SAASC;AAAA,MACT,gBAAgB;AAAA,IAAA,CACjB;AAAA,EAEF,GAAA,CAACD,GAAOkB,GAAoBjB,CAAM,CAAC,GAGtCyC,EAAU,MAAM;AACd,QAAIzB,GAAuB;AACzB,YAAM0B,IAA2B1B,EAAsB,IAAI,CAAA2B,MAAWA,EAAQ,UAAU;AAExF,MAAAtC,EAA2BqC,CAAwB;AAAA,IACrD;AAAA,EAAA,GACC,CAAC1B,CAAqB,CAAC,GAGvB,gBAAA4B,EAAAjD,EAAe,UAAf,EAAwB,OAAO4C,GAC7B,UAAA;AAAA,IACC/B,KAAA,gBAAAqC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,kBAAA7C;AAAA,QACA,eAAaW,EAAiB;AAAA,QAE7B,UAAAN,EAAc,IAAI,CAACwB,GAAWiB,MAC5B,gBAAAF,EAAAG,GAAA,EAAqC,WAAAlB,EAAtB,GAAA,aAAaiB,CAAK,EAA0B,CAC7D;AAAA,MAAA;AAAA,IACH;AAAA,IAEDjD;AAAA,EACH,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"journey-context-provider.js","sources":["../../../../src/features/journey/use-journey/journey-context-provider.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport type { TJourneyId } from '../journey-id/journey-id-types';\nimport type {\n  ICoachmarkProps,\n  IJourneyContext,\n  IJourneyProviderProps,\n} from './journey-context-types';\nimport type { FC } from 'react';\n\nimport { createContext, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Coachmark } from '../comps/coachmark/coachmark';\nimport { useGetUserJourney, usePostUserJourney } from '../user-journey-api/user-journey-api';\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 [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>();\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { post: postJourneyCompletion } = usePostUserJourney();\n  const { data: userCompletedJourneys = null, get: getJourneyProgress } = useGetUserJourney();\n\n  const setJourney = useCallback(\n    (id: TJourneyId, coachmarks: ICoachmarkProps[]) => {\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      currentJourneyId.current = id;\n      currentIndex.current = -1;\n      setCoachmarkList([...coachmarks]);\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      // fire the API (doesn’t block the UI)\n      postJourneyCompletion({\n        app_id: appId,\n        user_id: userId,\n        journey_id: journeyId,\n        journey_status: 'COMPLETED',\n      });\n    },\n    [appId, clearJourney, postJourneyCompletion, userId],\n  );\n\n  const addCoachmark = useCallback((id: TJourneyId, coachmark: ICoachmarkProps) => {\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 => [...prev, coachmark]);\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: ICoachmarkProps) => {\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 memoizedContextValue: IJourneyContext = useMemo(\n    () => ({\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarks: coachmarkList,\n      userCompletedJourneyIds,\n      isJourneyActive,\n    }),\n    [\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarkList,\n      userCompletedJourneyIds,\n      isJourneyActive,\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          isJourneyBlurred={isJourneyBlurred}\n          data-testid={currentJourneyId.current}\n        >\n          {coachmarkList.map((coachmark, index) => (\n            <Coachmark key={`coachmark-${index}`} coachmark={coachmark} />\n          ))}\n        </S.Overlay>\n      )}\n      {children}\n    </JourneyContext.Provider>\n  );\n};\n"],"names":["JourneyContext","createContext","JourneyProvider","children","appId","userId","isJourneyBlurred","setIsJourneyBlurred","useState","userCompletedJourneyIds","setUserCompletedJourneyIds","coachmarkList","setCoachmarkList","isJourneyActive","setIsJourneyActive","currentIndex","useRef","currentJourneyId","timerRefs","postJourneyCompletion","usePostUserJourney","userCompletedJourneys","getJourneyProgress","useGetUserJourney","setJourney","useCallback","id","coachmarks","clearJourney","timer","endJourney","journeyId","prev","addCoachmark","coachmark","nextCoachmark","keepPrevActive","delayInMs","shouldBlurNextJourney","prevList","item","currIndex","updatedCoachmarkList","memoizedContextValue","useMemo","useEffect","completedUserJourneysIds","journey","jsxs","jsx","S.Overlay","index","Coachmark"],"mappings":"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"}

package/dist/features/milestone/milestone-list-container/milestone-list-container.js

@@ -1,38 +1,38 @@
-import { jsx as a, jsxs as u, Fragment as re } from "react/jsx-runtime";
-import { h as ae } from "../../../node_modules/humanize-plus/dist/humanize.js";
-import { memo as le, useMemo as Se, useState as O, useCallback as Te, useEffect as p } from "react";
-import { ILLUSTRATIONS as me } from "../../../assets/illustrations/illustrations.js";
+import { jsx as E, jsxs as u, Fragment as ae } from "react/jsx-runtime";
+import { h as Ee } from "../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as le, useMemo as Se, useState as R, useCallback as me, useEffect as p } from "react";
+import { ILLUSTRATIONS as ce } from "../../../assets/illustrations/illustrations.js";
 import { EVENTS as e } from "../../communication/pub-sub/constants.js";
-import { useInClassActionListener as ce } from "../../communication/pub-sub/hooks.js";
+import { useInClassActionListener as Te } from "../../communication/pub-sub/hooks.js";
 import { invalidateHomeworks as f } from "../../homework/hw-card-list/api/get-homeworks.js";
 import de from "../../ui/separator/separator.js";
 import { invalidateMilestoneResources as Ae } from "./api/get-milestone-resources.js";
 import { useGetAllMilestonesdata as _e, invalidateMilestonesData as Ne } from "./api/get-milestones.js";
 import { invalidateTestHelpData as De } from "./api/get-tests-list.js";
-import Ie from "./filter-milestones.js";
-import Me from "./milestone-list/milestone-list.js";
+import Me from "./filter-milestones.js";
+import Ie from "./milestone-list/milestone-list.js";
 import Le from "./milestone-list/milestone-loader/milestone-loader.js";
-import { ContentWrapper as Ce, LoaderWrapper as Re } from "./styled.js";
-const ue = (A) => {
-  Ne(A);
-}, Oe = le(
-  ({ studentName: A, studentId: l, studentClassroomId: h, ...v }) => {
+import { ContentWrapper as Ce, LoaderWrapper as Oe } from "./styled.js";
+const ue = (d) => {
+  Ne(d);
+}, Re = le(
+  ({ studentName: d, studentId: l, studentClassroomId: h, ...P }) => {
     const {
-      milestoneType: o,
-      isStudentPresent: T,
-      isClassOngoing: P,
-      userType: _,
+      milestoneType: s,
+      isStudentPresent: N,
+      isClassOngoing: v,
+      userType: A,
       canCreatePlan: G,
       teacherName: U,
       parentName: g,
-      courseStream: N,
-      activeMilestoneId: V,
-      activeTabId: F,
-      onExpandPastMilestones: w,
-      onAddOutcome: H,
-      onChapterClick: x,
+      courseStream: _,
+      activeMilestoneId: F,
+      activeTabId: w,
+      onExpandPastMilestones: V,
+      onAddOutcome: x,
+      onChapterClick: b,
       onEdit: y,
-      onCreateMilestoneTest: b,
+      onCreateMilestoneTest: H,
       onDraftPublish: k,
       onAddChapter: K,
       onCreatePlan: W,
@@ -48,33 +48,33 @@ const ue = (A) => {
       onTestReview: Z,
       onTestStart: ee,
       onWidgetTabSelection: te
-    } = v, n = Se(
+    } = P, n = Se(
       () => ({
-        milestone_state_group: o === "ACTIVE" ? _ === "TEACHER" ? "LIVE" : "STUDENT_LIVE" : o,
-        course_stream: N,
+        milestone_state_group: s === "ACTIVE" ? A === "TEACHER" ? "LIVE" : "STUDENT_LIVE" : s,
+        course_stream: _,
         student_id: l
       }),
-      [o, N, l, _]
+      [s, _, l, A]
     ), {
-      data: s,
+      data: o,
       getAll: m,
       isStale: D,
       isProcessing: S
-    } = _e(n), [I, M] = O(), [L, C] = O(!1), oe = Te(
+    } = _e(n), [M, I] = R(), [L, C] = R(!1), oe = me(
       (c) => {
-        const { searchText: i, selectedBoard: E, selectedGrade: r } = c || {};
-        (i || E || r) && C(!0);
-        const d = s == null ? void 0 : s.filter((t) => {
-          const { milestone_name: ne, board: ie, grade: Ee } = t || {};
-          return (i ? ne.toLowerCase().includes(i.toLowerCase()) : !0) && (E ? ie === E : !0) && (r ? Ee === r : !0);
+        const { searchText: i, selectedBoard: r, selectedGrade: a } = c || {};
+        (i || r || a) && C(!0);
+        const T = o == null ? void 0 : o.filter((t) => {
+          const { milestone_name: ne, board: ie, grade: re } = t || {};
+          return (i ? ne.toLowerCase().includes(i.toLowerCase()) : !0) && (r ? ie === r : !0) && (a ? re === a : !0);
         });
-        M(d);
+        I(T);
       },
-      [s]
+      [o]
     ), se = () => {
-      C(!1), M(void 0);
+      C(!1), I(void 0);
     };
-    if (ce(
+    if (Te(
       {
         studentClassroomId: h,
         actions: [
@@ -97,73 +97,67 @@ const ue = (A) => {
           [e.GOAL_DELETED],
           [e.GOAL_OUTCOME_ADDED],
           [e.PAST_MILESTONE_OUTCOME_ADDED],
-          [e.MILESTONE_TEST_ASSIGNED],
-          [e.SHEET_STARTED]
+          [e.MILESTONE_TEST_ASSIGNED]
         ],
         callback: (c) => {
-          var r, d;
-          const i = (r = c.find(
-            (t) => t.eventName === e.MILESTONE_RESOURCE_ASSIGNED || t.eventName === e.MILESTONE_RESOURCE_UNASSIGNED || t.eventName === e.SHEET_STARTED
-          )) == null ? void 0 : r.eventPayload, E = (d = c.find(
-            (t) => t.eventName === e.MILESTONE_TEST_ASSIGNED || t.eventName === e.SHEET_STARTED
-          )) == null ? void 0 : d.eventPayload;
+          var a, T;
+          const i = (a = c.find(
+            (t) => t.eventName === e.MILESTONE_RESOURCE_ASSIGNED || t.eventName === e.MILESTONE_RESOURCE_UNASSIGNED
+          )) == null ? void 0 : a.eventPayload, r = (T = c.find(
+            (t) => t.eventName === e.MILESTONE_TEST_ASSIGNED
+          )) == null ? void 0 : T.eventPayload;
           if (i) {
             const { milestoneId: t } = i || {};
             f(l), Ae(t);
           }
-          if (E) {
-            const { milestoneId: t } = E;
+          if (r) {
+            const { milestoneId: t } = r;
             f(l), De(t);
           }
           ue(n);
         }
       },
-      (o === "ACTIVE" || o === "INACTIVE") && T
-    ), console.log(
-      (o === "ACTIVE" || o === "INACTIVE") && T,
-      o,
-      T,
-      "ayush"
+      (s === "ACTIVE" || s === "INACTIVE") && N
     ), p(() => {
       m(n);
     }, [m, n]), p(() => {
       !S && D && m(n);
-    }, [m, n, D, S]), S && !s)
-      return /* @__PURE__ */ a(Le, { numMilestones: 2 });
-    const R = o === "ACTIVE" && s && s.length > 6;
+    }, [m, n, D, S]), S && !o)
+      return /* @__PURE__ */ E(Le, { numMilestones: 2 });
+    const O = s === "ACTIVE" && o && o.length > 6;
     return /* @__PURE__ */ u(Ce, { $disablePointerEvents: S, children: [
-      S && /* @__PURE__ */ a(Re, { children: /* @__PURE__ */ a("img", { src: me.LOADER_1, alt: "loading" }) }),
-      R && /* @__PURE__ */ u(re, { children: [
-        /* @__PURE__ */ a(
-          Ie,
+      S && /* @__PURE__ */ E(Oe, { children: /* @__PURE__ */ E("img", { src: ce.LOADER_1, alt: "loading" }) }),
+      O && /* @__PURE__ */ u(ae, { children: [
+        /* @__PURE__ */ E(
+          Me,
           {
-            filteredMilestones: I,
-            milestones: s,
+            filteredMilestones: M,
+            milestones: o,
             handleFilterMilestones: oe,
             handleClearFilter: se
           }
         ),
-        /* @__PURE__ */ a(de, { heightX: 1.5 })
+        /* @__PURE__ */ E(de, { heightX: 1.5 })
       ] }),
-      /* @__PURE__ */ a(
-        Me,
+      /* @__PURE__ */ E(
+        Ie,
         {
-          showFilters: !!R,
+          showFilters: !!O,
           canCreatePlan: G,
-          isClassOngoing: P,
+          isClassOngoing: v,
           isFiltersAdded: L,
-          isStudentPresent: T,
-          milestoneType: o,
-          milestones: L ? I : s,
+          isStudentPresent: N,
+          milestoneType: s,
+          milestones: L ? M : o,
           onAddChapter: K,
-          onAddOutcome: H,
-          onChapterClick: x,
+          onAddOutcome: x,
+          onChapterClick: b,
           onCreatePlan: W,
           onDelete: j,
           onDraftPublish: k,
           onEdit: y,
-          onExpandPastMilestones: w,
-          onCreateMilestoneTest: b,
+          onExpandPastMilestones: V,
+          onCreateMilestoneTest: H,
           onAssignResources: X,
           onTestPreview: Y,
           onTestReview: Z,
@@ -174,20 +168,20 @@ const ue = (A) => {
           onNodeReattempt: B,
           onNodeReset: J,
           onNodeUnassign: Q,
-          activeMilestoneId: V,
-          activeTabId: F,
+          activeMilestoneId: F,
+          activeTabId: w,
           onWidgetTabSelection: te,
           studentId: l,
-          studentName: ae.titleCase(A),
+          studentName: Ee.titleCase(d),
           teacherName: U,
           parentName: g,
-          userType: _,
-          courseStream: N
+          userType: A,
+          courseStream: _
         }
       )
     ] });
   }
-), je = Oe;
+), je = Re;
 export {
   je as default
 };

package/dist/features/milestone/milestone-list-container/milestone-list-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-list-container.js","sources":["../../../../src/features/milestone/milestone-list-container/milestone-list-container.tsx"],"sourcesContent":["import type {\n  IMilestoneContainerProps,\n  IMilestoneListQueryParams,\n} from './milestone-list-container-types';\nimport type { IMilestoneData } from './milestone-list/milestone-list-types';\n\nimport { titleCase } from 'humanize-plus';\nimport React, { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { EVENTS } from '../../communication/pub-sub/constants';\nimport { useInClassActionListener } from '../../communication/pub-sub/hooks';\nimport { invalidateHomeworks } from '../../homework/hw-card-list/api/get-homeworks';\nimport Separator from '../../ui/separator/separator';\nimport { invalidateMilestoneResources } from './api/get-milestone-resources';\nimport { useGetAllMilestonesdata, invalidateMilestonesData } from './api/get-milestones';\nimport { invalidateTestHelpData } from './api/get-tests-list';\nimport FilterMilestones from './filter-milestones';\nimport MilestoneList from './milestone-list/milestone-list';\nimport MilestoneLoader from './milestone-list/milestone-loader/milestone-loader';\nimport * as Styled from './styled';\n\nconst invalidateAllMilestones = (queryParams: IMilestoneListQueryParams) => {\n  invalidateMilestonesData(queryParams);\n};\n\nconst MilestoneListContainer: React.FC<IMilestoneContainerProps> = memo(\n  ({ studentName, studentId, studentClassroomId, ...restMilestoneListContainerProps }) => {\n    const {\n      milestoneType,\n      isStudentPresent,\n      isClassOngoing,\n      userType,\n      canCreatePlan,\n      teacherName,\n      parentName,\n      courseStream,\n      activeMilestoneId,\n      activeTabId,\n      onExpandPastMilestones,\n      onAddOutcome,\n      onChapterClick,\n      onEdit,\n      onCreateMilestoneTest,\n      onDraftPublish,\n      onAddChapter,\n      onCreatePlan,\n      onDelete,\n      onAssignResources,\n      onNodeAttempt,\n      onNodeView,\n      onNodeReview,\n      onNodeReattempt,\n      onNodeReset,\n      onNodeUnassign,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n      onWidgetTabSelection,\n    } = restMilestoneListContainerProps;\n\n    const queryParams: IMilestoneListQueryParams = useMemo(\n      () =>\n        ({\n          milestone_state_group:\n            milestoneType === 'ACTIVE'\n              ? userType === 'TEACHER'\n                ? 'LIVE'\n                : 'STUDENT_LIVE'\n              : milestoneType,\n          course_stream: courseStream,\n          student_id: studentId,\n        }) as const,\n      [milestoneType, courseStream, studentId, userType],\n    );\n\n    const {\n      data: milestoneData,\n      getAll: getMilestoneData,\n      isStale: isMilestoneDataStale,\n      isProcessing: isMilestoneProcessing,\n    } = useGetAllMilestonesdata(queryParams);\n\n    const [filteredMilestones, setFilteredMilestones] = useState<IMilestoneData[] | undefined>();\n    const [isFiltersAdded, setIsFiltersAdded] = useState<boolean>(false);\n\n    const handleFilterMilestones = useCallback(\n      (data: { searchText?: string; selectedBoard?: string; selectedGrade?: string }) => {\n        const { searchText, selectedBoard, selectedGrade } = data || {};\n\n        if (searchText || selectedBoard || selectedGrade) {\n          setIsFiltersAdded(true);\n        }\n\n        const filteredData = milestoneData?.filter(item => {\n          const { milestone_name: milestoneName, board, grade } = item || {};\n          const matchesSearchText = searchText\n            ? milestoneName.toLowerCase().includes(searchText.toLowerCase())\n            : true;\n          const matchesCurriculum = selectedBoard ? board === selectedBoard : true;\n          const matchesGrade = selectedGrade ? grade === selectedGrade : true;\n\n          return matchesSearchText && matchesCurriculum && matchesGrade;\n        });\n\n        setFilteredMilestones(filteredData);\n      },\n      [milestoneData],\n    );\n\n    const handleClearFilter = () => {\n      setIsFiltersAdded(false);\n      setFilteredMilestones(undefined);\n    };\n\n    useInClassActionListener(\n      {\n        studentClassroomId,\n        actions: [\n          [EVENTS.CHAPTER_UPDATED],\n          [EVENTS.LESSONS_MARKED_AS_FAMILIAR],\n          [EVENTS.LESSONS_MARKED_AS_IRRELEVANT],\n          [EVENTS.LESSONS_PROGRESS_RESET],\n          [EVENTS.UNLOCK_SHEETS],\n          [EVENTS.EXTRA_PRACTICE_ASSIGNED],\n          [EVENTS.MILESTONE_DATE_UPDATED],\n          [EVENTS.MILESTONE_DELETED],\n          [EVENTS.MILESTONE_NAME_UPDATED],\n          [EVENTS.MILESTONE_EDITED],\n          [EVENTS.MILESTONE_RESOURCE_ASSIGNED],\n          [EVENTS.MILESTONE_RESOURCE_UNASSIGNED],\n          [EVENTS.MILESTONE_RESOURCE_RESET],\n          [EVENTS.SHEET_UNASSIGNED],\n          [EVENTS.GOAL_CREATED],\n          [EVENTS.GOAL_EDITED],\n          [EVENTS.GOAL_DELETED],\n          [EVENTS.GOAL_OUTCOME_ADDED],\n          [EVENTS.PAST_MILESTONE_OUTCOME_ADDED],\n          [EVENTS.MILESTONE_TEST_ASSIGNED],\n          [EVENTS.SHEET_STARTED],\n        ],\n        callback: messages => {\n          const milestoneResourceEventPayload = messages.find(\n            message =>\n              message.eventName === EVENTS.MILESTONE_RESOURCE_ASSIGNED ||\n              message.eventName === EVENTS.MILESTONE_RESOURCE_UNASSIGNED ||\n              message.eventName === EVENTS.SHEET_STARTED,\n          )?.eventPayload;\n          const milestoneTestEventPayload = messages.find(\n            message =>\n              message.eventName === EVENTS.MILESTONE_TEST_ASSIGNED ||\n              message.eventName === EVENTS.SHEET_STARTED,\n          )?.eventPayload;\n\n          if (milestoneResourceEventPayload) {\n            const { milestoneId: resourceMilestoneId } =\n              (milestoneResourceEventPayload as { milestoneId: string }) || {};\n\n            invalidateHomeworks(studentId);\n            invalidateMilestoneResources(resourceMilestoneId);\n          }\n\n          if (milestoneTestEventPayload) {\n            const { milestoneId } = milestoneTestEventPayload as { milestoneId: string };\n\n            invalidateHomeworks(studentId);\n            invalidateTestHelpData(milestoneId);\n          }\n\n          invalidateAllMilestones(queryParams);\n        },\n      },\n      (milestoneType === 'ACTIVE' || milestoneType === 'INACTIVE') && isStudentPresent,\n    );\n    console.log(\n      (milestoneType === 'ACTIVE' || milestoneType === 'INACTIVE') && isStudentPresent,\n      milestoneType,\n      isStudentPresent,\n      'ayush',\n    );\n    useEffect(() => {\n      getMilestoneData(queryParams);\n    }, [getMilestoneData, queryParams]);\n\n    useEffect(() => {\n      if (!isMilestoneProcessing && isMilestoneDataStale) {\n        getMilestoneData(queryParams);\n      }\n    }, [getMilestoneData, queryParams, isMilestoneDataStale, isMilestoneProcessing]);\n\n    if (isMilestoneProcessing && !milestoneData) {\n      return <MilestoneLoader numMilestones={2} />;\n    }\n\n    const showFilters = milestoneType === 'ACTIVE' && milestoneData && milestoneData.length > 6;\n\n    return (\n      <Styled.ContentWrapper $disablePointerEvents={isMilestoneProcessing}>\n        {isMilestoneProcessing && (\n          <Styled.LoaderWrapper>\n            <img src={ILLUSTRATIONS.LOADER_1} alt=\"loading\" />\n          </Styled.LoaderWrapper>\n        )}\n        {showFilters && (\n          <>\n            <FilterMilestones\n              filteredMilestones={filteredMilestones}\n              milestones={milestoneData}\n              handleFilterMilestones={handleFilterMilestones}\n              handleClearFilter={handleClearFilter}\n            />\n            <Separator heightX={1.5} />\n          </>\n        )}\n\n        <MilestoneList\n          showFilters={!!showFilters}\n          canCreatePlan={canCreatePlan}\n          isClassOngoing={isClassOngoing}\n          isFiltersAdded={isFiltersAdded}\n          isStudentPresent={isStudentPresent}\n          milestoneType={milestoneType}\n          milestones={isFiltersAdded ? filteredMilestones : milestoneData}\n          onAddChapter={onAddChapter}\n          onAddOutcome={onAddOutcome}\n          onChapterClick={onChapterClick}\n          onCreatePlan={onCreatePlan}\n          onDelete={onDelete}\n          onDraftPublish={onDraftPublish}\n          onEdit={onEdit}\n          onExpandPastMilestones={onExpandPastMilestones}\n          onCreateMilestoneTest={onCreateMilestoneTest}\n          onAssignResources={onAssignResources}\n          onTestPreview={onTestPreview}\n          onTestReview={onTestReview}\n          onTestStart={onTestStart}\n          onNodeAttempt={onNodeAttempt}\n          onNodeView={onNodeView}\n          onNodeReview={onNodeReview}\n          onNodeReattempt={onNodeReattempt}\n          onNodeReset={onNodeReset}\n          onNodeUnassign={onNodeUnassign}\n          activeMilestoneId={activeMilestoneId}\n          activeTabId={activeTabId}\n          onWidgetTabSelection={onWidgetTabSelection}\n          studentId={studentId}\n          studentName={titleCase(studentName)}\n          teacherName={teacherName}\n          parentName={parentName}\n          userType={userType}\n          courseStream={courseStream}\n        />\n      </Styled.ContentWrapper>\n    );\n  },\n);\n\nexport default MilestoneListContainer;\n"],"names":["invalidateAllMilestones","queryParams","invalidateMilestonesData","MilestoneListContainer","memo","studentName","studentId","studentClassroomId","restMilestoneListContainerProps","milestoneType","isStudentPresent","isClassOngoing","userType","canCreatePlan","teacherName","parentName","courseStream","activeMilestoneId","activeTabId","onExpandPastMilestones","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onDraftPublish","onAddChapter","onCreatePlan","onDelete","onAssignResources","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onTestPreview","onTestReview","onTestStart","onWidgetTabSelection","useMemo","milestoneData","getMilestoneData","isMilestoneDataStale","isMilestoneProcessing","useGetAllMilestonesdata","filteredMilestones","setFilteredMilestones","useState","isFiltersAdded","setIsFiltersAdded","handleFilterMilestones","useCallback","data","searchText","selectedBoard","selectedGrade","filteredData","item","milestoneName","board","grade","handleClearFilter","useInClassActionListener","EVENTS","messages","milestoneResourceEventPayload","_a","message","milestoneTestEventPayload","_b","resourceMilestoneId","invalidateHomeworks","invalidateMilestoneResources","milestoneId","invalidateTestHelpData","useEffect","jsx","MilestoneLoader","showFilters","jsxs","Styled.ContentWrapper","Styled.LoaderWrapper","ILLUSTRATIONS","Fragment","FilterMilestones","Separator","MilestoneList","titleCase"],"mappings":"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"}
+{"version":3,"file":"milestone-list-container.js","sources":["../../../../src/features/milestone/milestone-list-container/milestone-list-container.tsx"],"sourcesContent":["import type {\n  IMilestoneContainerProps,\n  IMilestoneListQueryParams,\n} from './milestone-list-container-types';\nimport type { IMilestoneData } from './milestone-list/milestone-list-types';\n\nimport { titleCase } from 'humanize-plus';\nimport React, { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { EVENTS } from '../../communication/pub-sub/constants';\nimport { useInClassActionListener } from '../../communication/pub-sub/hooks';\nimport { invalidateHomeworks } from '../../homework/hw-card-list/api/get-homeworks';\nimport Separator from '../../ui/separator/separator';\nimport { invalidateMilestoneResources } from './api/get-milestone-resources';\nimport { useGetAllMilestonesdata, invalidateMilestonesData } from './api/get-milestones';\nimport { invalidateTestHelpData } from './api/get-tests-list';\nimport FilterMilestones from './filter-milestones';\nimport MilestoneList from './milestone-list/milestone-list';\nimport MilestoneLoader from './milestone-list/milestone-loader/milestone-loader';\nimport * as Styled from './styled';\n\nconst invalidateAllMilestones = (queryParams: IMilestoneListQueryParams) => {\n  invalidateMilestonesData(queryParams);\n};\n\nconst MilestoneListContainer: React.FC<IMilestoneContainerProps> = memo(\n  ({ studentName, studentId, studentClassroomId, ...restMilestoneListContainerProps }) => {\n    const {\n      milestoneType,\n      isStudentPresent,\n      isClassOngoing,\n      userType,\n      canCreatePlan,\n      teacherName,\n      parentName,\n      courseStream,\n      activeMilestoneId,\n      activeTabId,\n      onExpandPastMilestones,\n      onAddOutcome,\n      onChapterClick,\n      onEdit,\n      onCreateMilestoneTest,\n      onDraftPublish,\n      onAddChapter,\n      onCreatePlan,\n      onDelete,\n      onAssignResources,\n      onNodeAttempt,\n      onNodeView,\n      onNodeReview,\n      onNodeReattempt,\n      onNodeReset,\n      onNodeUnassign,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n      onWidgetTabSelection,\n    } = restMilestoneListContainerProps;\n\n    const queryParams: IMilestoneListQueryParams = useMemo(\n      () =>\n        ({\n          milestone_state_group:\n            milestoneType === 'ACTIVE'\n              ? userType === 'TEACHER'\n                ? 'LIVE'\n                : 'STUDENT_LIVE'\n              : milestoneType,\n          course_stream: courseStream,\n          student_id: studentId,\n        }) as const,\n      [milestoneType, courseStream, studentId, userType],\n    );\n\n    const {\n      data: milestoneData,\n      getAll: getMilestoneData,\n      isStale: isMilestoneDataStale,\n      isProcessing: isMilestoneProcessing,\n    } = useGetAllMilestonesdata(queryParams);\n\n    const [filteredMilestones, setFilteredMilestones] = useState<IMilestoneData[] | undefined>();\n    const [isFiltersAdded, setIsFiltersAdded] = useState<boolean>(false);\n\n    const handleFilterMilestones = useCallback(\n      (data: { searchText?: string; selectedBoard?: string; selectedGrade?: string }) => {\n        const { searchText, selectedBoard, selectedGrade } = data || {};\n\n        if (searchText || selectedBoard || selectedGrade) {\n          setIsFiltersAdded(true);\n        }\n\n        const filteredData = milestoneData?.filter(item => {\n          const { milestone_name: milestoneName, board, grade } = item || {};\n          const matchesSearchText = searchText\n            ? milestoneName.toLowerCase().includes(searchText.toLowerCase())\n            : true;\n          const matchesCurriculum = selectedBoard ? board === selectedBoard : true;\n          const matchesGrade = selectedGrade ? grade === selectedGrade : true;\n\n          return matchesSearchText && matchesCurriculum && matchesGrade;\n        });\n\n        setFilteredMilestones(filteredData);\n      },\n      [milestoneData],\n    );\n\n    const handleClearFilter = () => {\n      setIsFiltersAdded(false);\n      setFilteredMilestones(undefined);\n    };\n\n    useInClassActionListener(\n      {\n        studentClassroomId,\n        actions: [\n          [EVENTS.CHAPTER_UPDATED],\n          [EVENTS.LESSONS_MARKED_AS_FAMILIAR],\n          [EVENTS.LESSONS_MARKED_AS_IRRELEVANT],\n          [EVENTS.LESSONS_PROGRESS_RESET],\n          [EVENTS.UNLOCK_SHEETS],\n          [EVENTS.EXTRA_PRACTICE_ASSIGNED],\n          [EVENTS.MILESTONE_DATE_UPDATED],\n          [EVENTS.MILESTONE_DELETED],\n          [EVENTS.MILESTONE_NAME_UPDATED],\n          [EVENTS.MILESTONE_EDITED],\n          [EVENTS.MILESTONE_RESOURCE_ASSIGNED],\n          [EVENTS.MILESTONE_RESOURCE_UNASSIGNED],\n          [EVENTS.MILESTONE_RESOURCE_RESET],\n          [EVENTS.SHEET_UNASSIGNED],\n          [EVENTS.GOAL_CREATED],\n          [EVENTS.GOAL_EDITED],\n          [EVENTS.GOAL_DELETED],\n          [EVENTS.GOAL_OUTCOME_ADDED],\n          [EVENTS.PAST_MILESTONE_OUTCOME_ADDED],\n          [EVENTS.MILESTONE_TEST_ASSIGNED],\n        ],\n        callback: messages => {\n          const milestoneResourceEventPayload = messages.find(\n            message =>\n              message.eventName === EVENTS.MILESTONE_RESOURCE_ASSIGNED ||\n              message.eventName === EVENTS.MILESTONE_RESOURCE_UNASSIGNED,\n          )?.eventPayload;\n          const milestoneTestEventPayload = messages.find(\n            message => message.eventName === EVENTS.MILESTONE_TEST_ASSIGNED,\n          )?.eventPayload;\n\n          if (milestoneResourceEventPayload) {\n            const { milestoneId: resourceMilestoneId } =\n              (milestoneResourceEventPayload as { milestoneId: string }) || {};\n\n            invalidateHomeworks(studentId);\n            invalidateMilestoneResources(resourceMilestoneId);\n          }\n\n          if (milestoneTestEventPayload) {\n            const { milestoneId } = milestoneTestEventPayload as { milestoneId: string };\n\n            invalidateHomeworks(studentId);\n            invalidateTestHelpData(milestoneId);\n          }\n\n          invalidateAllMilestones(queryParams);\n        },\n      },\n      (milestoneType === 'ACTIVE' || milestoneType === 'INACTIVE') && isStudentPresent,\n    );\n\n    useEffect(() => {\n      getMilestoneData(queryParams);\n    }, [getMilestoneData, queryParams]);\n\n    useEffect(() => {\n      if (!isMilestoneProcessing && isMilestoneDataStale) {\n        getMilestoneData(queryParams);\n      }\n    }, [getMilestoneData, queryParams, isMilestoneDataStale, isMilestoneProcessing]);\n\n    if (isMilestoneProcessing && !milestoneData) {\n      return <MilestoneLoader numMilestones={2} />;\n    }\n\n    const showFilters = milestoneType === 'ACTIVE' && milestoneData && milestoneData.length > 6;\n\n    return (\n      <Styled.ContentWrapper $disablePointerEvents={isMilestoneProcessing}>\n        {isMilestoneProcessing && (\n          <Styled.LoaderWrapper>\n            <img src={ILLUSTRATIONS.LOADER_1} alt=\"loading\" />\n          </Styled.LoaderWrapper>\n        )}\n        {showFilters && (\n          <>\n            <FilterMilestones\n              filteredMilestones={filteredMilestones}\n              milestones={milestoneData}\n              handleFilterMilestones={handleFilterMilestones}\n              handleClearFilter={handleClearFilter}\n            />\n            <Separator heightX={1.5} />\n          </>\n        )}\n\n        <MilestoneList\n          showFilters={!!showFilters}\n          canCreatePlan={canCreatePlan}\n          isClassOngoing={isClassOngoing}\n          isFiltersAdded={isFiltersAdded}\n          isStudentPresent={isStudentPresent}\n          milestoneType={milestoneType}\n          milestones={isFiltersAdded ? filteredMilestones : milestoneData}\n          onAddChapter={onAddChapter}\n          onAddOutcome={onAddOutcome}\n          onChapterClick={onChapterClick}\n          onCreatePlan={onCreatePlan}\n          onDelete={onDelete}\n          onDraftPublish={onDraftPublish}\n          onEdit={onEdit}\n          onExpandPastMilestones={onExpandPastMilestones}\n          onCreateMilestoneTest={onCreateMilestoneTest}\n          onAssignResources={onAssignResources}\n          onTestPreview={onTestPreview}\n          onTestReview={onTestReview}\n          onTestStart={onTestStart}\n          onNodeAttempt={onNodeAttempt}\n          onNodeView={onNodeView}\n          onNodeReview={onNodeReview}\n          onNodeReattempt={onNodeReattempt}\n          onNodeReset={onNodeReset}\n          onNodeUnassign={onNodeUnassign}\n          activeMilestoneId={activeMilestoneId}\n          activeTabId={activeTabId}\n          onWidgetTabSelection={onWidgetTabSelection}\n          studentId={studentId}\n          studentName={titleCase(studentName)}\n          teacherName={teacherName}\n          parentName={parentName}\n          userType={userType}\n          courseStream={courseStream}\n        />\n      </Styled.ContentWrapper>\n    );\n  },\n);\n\nexport default MilestoneListContainer;\n"],"names":["invalidateAllMilestones","queryParams","invalidateMilestonesData","MilestoneListContainer","memo","studentName","studentId","studentClassroomId","restMilestoneListContainerProps","milestoneType","isStudentPresent","isClassOngoing","userType","canCreatePlan","teacherName","parentName","courseStream","activeMilestoneId","activeTabId","onExpandPastMilestones","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onDraftPublish","onAddChapter","onCreatePlan","onDelete","onAssignResources","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onTestPreview","onTestReview","onTestStart","onWidgetTabSelection","useMemo","milestoneData","getMilestoneData","isMilestoneDataStale","isMilestoneProcessing","useGetAllMilestonesdata","filteredMilestones","setFilteredMilestones","useState","isFiltersAdded","setIsFiltersAdded","handleFilterMilestones","useCallback","data","searchText","selectedBoard","selectedGrade","filteredData","item","milestoneName","board","grade","handleClearFilter","useInClassActionListener","EVENTS","messages","milestoneResourceEventPayload","_a","message","milestoneTestEventPayload","_b","resourceMilestoneId","invalidateHomeworks","invalidateMilestoneResources","milestoneId","invalidateTestHelpData","useEffect","jsx","MilestoneLoader","showFilters","jsxs","Styled.ContentWrapper","Styled.LoaderWrapper","ILLUSTRATIONS","Fragment","FilterMilestones","Separator","MilestoneList","titleCase"],"mappings":"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"}

package/dist/index.d.ts

@@ -813,6 +813,11 @@ declare interface IChapterDetails extends IBlockSectionsCallbacks {
     userChapterId: string;
     studentId: string;
     onExit?: () => void;
+    startChapterPageJourney?: ({ chapterDetails, studentId, userType, }: IHomepageStartJourneyProps_2) => void;
+    chapterPageRef?: React.RefObject<HTMLDivElement>;
+    bannerRef?: React.RefObject<HTMLDivElement>;
+    coreBlocksRef?: React.RefObject<HTMLDivElement>;
+    canStartJourney?: boolean;
 }
 
 declare interface IChapterModel {
@@ -876,6 +881,12 @@ declare interface IChaptersListProps {
     isGoalCreation: boolean;
 }
 
+declare interface IChapterStartJourneyProps {
+    chapterDetails: IUserChapterData;
+    studentId: string;
+    userType: 'STUDENT' | 'TEACHER';
+}
+
 declare interface IChapterState {
     added?: boolean;
     expanded?: boolean;
@@ -1323,6 +1334,12 @@ export declare interface IHomepageStartJourneyProps {
     userType: TUserTypes;
 }
 
+declare interface IHomepageStartJourneyProps_2 {
+    chapterDetails: IUserChapterData;
+    studentId: string;
+    userType: TUserTypes;
+}
+
 export declare interface IHomeworkData extends INodeDataProps {
     homework_id: string;
     chapter_name: string;
@@ -1397,9 +1414,8 @@ export declare interface IJourneyContext {
      * Sets a journey with a list of coachmarks.
      * @param id - The journey identifier.
      * @param coachmark - The array of coachmarks to be used in this journey.
-     * @param shouldBlueInitialJourney - If `true`, It will blur the 1st step overlay.
      */
-    setJourney: (id: TJourneyId, coachmark: ICoachmarkProps[], shouldBlueInitialJourney?: boolean) => void;
+    setJourney: (id: TJourneyId, coachmark: ICoachmarkProps[]) => void;
     /**
      * Clears the current journey, removing all coachmarks.
      * Should be called inside useEffect to ensure cleanup.
@@ -3628,11 +3644,13 @@ export declare enum JOURNEY_ID_STUDENT {
     CIRCLE_TUTORIAL_JOURNEY = "CIRCLE_TUTORIAL_JOURNEY",
     CIRCLE_TABLES_INTRO_JOURNEY = "CIRCLE_TABLES_INTRO_JOURNEY",
     CIRCLE_STREAK_REDUCTION_JOURNEY = "CIRCLE_STREAK_REDUCTION_JOURNEY",
-    HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY"
+    HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY",
+    CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY"
 }
 
 export declare enum JOURNEY_ID_TEACHER {
-    HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY"
+    HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY",
+    CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY"
 }
 
 export declare const JourneyProvider: FC<IJourneyProviderProps>;
@@ -4612,7 +4630,6 @@ export declare type TInclassMessage = {
     eventName: typeof EVENTS.SHEET_STARTED;
     eventPayload: {
         sheetIds: string[];
-        milestoneId?: string;
     };
 } | {
     eventName: typeof EVENTS.MILESTONE_NAME_UPDATED;
@@ -5266,6 +5283,13 @@ export declare const useCanvasSyncBroker: (channelId: string, logEvent: (type: s
     registerCallback: (qrId: string, cb: (data: IActionData) => void) => void;
 };
 
+export declare const useChapterPageJourney: () => {
+    chapterPageRef: RefObject<HTMLDivElement>;
+    bannerRef: RefObject<HTMLDivElement>;
+    coreBlocksRef: RefObject<HTMLDivElement>;
+    startJourney: ({ chapterDetails, studentId, userType }: IChapterStartJourneyProps) => void;
+};
+
 export declare const useCircleSounds: () => {
     playSwipSound: () => void;
     play: (key: CircleSoundKey, immediately?: boolean, loop?: boolean) => HTMLAudioElement | undefined;