@cuemath/leap 3.0.7-hg1 → 3.0.7-hg3

package/dist/features/hooks/use-auto-play-permission/use-auto-play-permission.js

@@ -0,0 +1,7 @@
+import { useContext as t } from "react";
+import { AutoPlayPermissionContext as o } from "./use-auto-play-permission-context-provider.js";
+const s = () => t(o);
+export {
+  s as useAutoPlayPermission
+};
+//# sourceMappingURL=use-auto-play-permission.js.map

package/dist/features/hooks/use-auto-play-permission/use-auto-play-permission.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-auto-play-permission.js","sources":["../../../../src/features/hooks/use-auto-play-permission/use-auto-play-permission.tsx"],"sourcesContent":["import { useContext } from 'react';\n\nimport { AutoPlayPermissionContext } from './use-auto-play-permission-context-provider';\n\nexport const useAutoPlayPermission = () => {\n  const context = useContext(AutoPlayPermissionContext);\n\n  return context;\n};\n"],"names":["useAutoPlayPermission","useContext","AutoPlayPermissionContext"],"mappings":";;AAIO,MAAMA,IAAwB,MACnBC,EAAWC,CAAyB;"}

package/dist/features/hooks/use-drag-helper.js

@@ -0,0 +1,92 @@
+import { useState as x, useRef as X, useCallback as p, useEffect as Y } from "react";
+const b = (n, v = !1, w) => {
+  const [L, T] = x(w), s = X(0), u = X(0), m = p(
+    (t, e) => {
+      const { offsetTop: c, offsetLeft: o } = e;
+      let r = 0, d = 0;
+      if ("clientX" in t && "clientY" in t)
+        r = t.clientX - s.current, d = t.clientY - u.current;
+      else if ("changedTouches" in t) {
+        const a = t.changedTouches[0];
+        a && (r = a.clientX - s.current, d = a.clientY - u.current);
+      }
+      return {
+        top: c + d,
+        left: o + r
+      };
+    },
+    []
+  ), l = p(
+    (t) => {
+      t.preventDefault();
+      const e = n.current;
+      if (e) {
+        const { top: c, left: o } = m(t, e);
+        if (e.style.top = `${c}px`, e.style.left = `${o}px`, "clientX" in t && "clientY" in t)
+          s.current = t.clientX, u.current = t.clientY;
+        else if ("changedTouches" in t) {
+          const r = t.changedTouches[0];
+          r && (s.current = r.clientX, u.current = r.clientY);
+        }
+      }
+    },
+    [m, n]
+  ), h = p(
+    (t) => {
+      "changedTouches" in t || t.preventDefault();
+      const e = n.current;
+      if (e) {
+        const { top: c, left: o } = m(t, e);
+        T({ left: o, top: c });
+      }
+      document.removeEventListener("mouseup", h), document.removeEventListener("touchend", h), document.removeEventListener("mousemove", l), document.removeEventListener("touchmove", l);
+    },
+    [m, n, l]
+  ), f = p(
+    (t) => {
+      if ("changedTouches" in t || t.preventDefault(), "clientX" in t && "clientY" in t)
+        s.current = t.clientX, u.current = t.clientY;
+      else if ("changedTouches" in t) {
+        const e = t.changedTouches[0];
+        e && (s.current = e.clientX, u.current = e.clientY);
+      }
+      document.addEventListener("mouseup", h), document.addEventListener("touchend", h), document.addEventListener("mousemove", l), document.addEventListener("touchmove", l);
+    },
+    [h, l]
+  ), g = (t, e, c) => {
+    const o = c - e;
+    return t < 0 ? 0 : t > o ? o : t;
+  }, y = p(() => {
+    if (n.current) {
+      const { top: t, left: e, right: c, bottom: o } = L || {}, r = window.innerWidth, d = window.innerHeight, a = n.current.offsetHeight, E = n.current.offsetWidth;
+      if (typeof t == "number") {
+        const i = g(t, a, d);
+        n.current.style.top = `${i}px`;
+      } else if (typeof o == "number") {
+        const i = g(o, a, d);
+        n.current.style.bottom = `${i}px`;
+      } else
+        n.current.style.top = "0px";
+      if (typeof e == "number") {
+        const i = g(e, E, r);
+        n.current.style.left = `${i}px`;
+      } else if (typeof c == "number") {
+        const i = g(c, E, r);
+        n.current.style.right = `${i}px`;
+      } else
+        n.current.style.left = "0px";
+    }
+  }, [L, n]);
+  return Y(() => {
+    y();
+  }, [y, L]), Y(() => {
+    const t = n.current;
+    return t && v && (t.addEventListener("mousedown", f), t.addEventListener("touchstart", f)), () => {
+      t && v && (t.removeEventListener("mousedown", f), t.removeEventListener("touchstart", f));
+    };
+  }, [f, n, v]), y;
+};
+export {
+  b as useDragHelper
+};
+//# sourceMappingURL=use-drag-helper.js.map

package/dist/features/hooks/use-drag-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-drag-helper.js","sources":["../../../src/features/hooks/use-drag-helper.ts"],"sourcesContent":["import { type RefObject, useRef, useCallback, useEffect, useState } from 'react';\n\ntype TPosition = { top?: number; left?: number; bottom?: number; right?: number };\n\nexport const useDragHelper = (\n  elementRef: RefObject<HTMLDivElement>,\n  dragEnabled = false,\n  initialPosition?: TPosition,\n) => {\n  const [currentPosition, setCurrentPosition] = useState<TPosition | undefined>(initialPosition);\n  const prevXRef = useRef(0);\n  const prevYRef = useRef(0);\n\n  const calculatePosition = useCallback(\n    (event: MouseEvent | TouchEvent, element: HTMLDivElement) => {\n      const { offsetTop, offsetLeft } = element;\n\n      let displacementX = 0;\n      let displacementY = 0;\n\n      if ('clientX' in event && 'clientY' in event) {\n        displacementX = event.clientX - prevXRef.current;\n        displacementY = event.clientY - prevYRef.current;\n      } else if ('changedTouches' in event) {\n        const touch = event.changedTouches[0];\n\n        if (touch) {\n          displacementX = touch.clientX - prevXRef.current;\n          displacementY = touch.clientY - prevYRef.current;\n        }\n      }\n\n      return {\n        top: offsetTop + displacementY,\n        left: offsetLeft + displacementX,\n      };\n    },\n    [],\n  );\n\n  const onPointerMove = useCallback(\n    (event: MouseEvent | TouchEvent) => {\n      event.preventDefault();\n      const element = elementRef.current;\n\n      if (element) {\n        const { top, left } = calculatePosition(event, element);\n\n        element.style.top = `${top}px`;\n        element.style.left = `${left}px`;\n\n        if ('clientX' in event && 'clientY' in event) {\n          prevXRef.current = event.clientX;\n          prevYRef.current = event.clientY;\n        } else if ('changedTouches' in event) {\n          const touch = event.changedTouches[0];\n\n          if (touch) {\n            prevXRef.current = touch.clientX;\n            prevYRef.current = touch.clientY;\n          }\n        }\n      }\n    },\n    [calculatePosition, elementRef],\n  );\n\n  const onMouseUp = useCallback(\n    (event: MouseEvent | TouchEvent) => {\n      if (!('changedTouches' in event)) {\n        event.preventDefault();\n      }\n\n      const element = elementRef.current;\n\n      if (element) {\n        const { top, left } = calculatePosition(event, element);\n\n        setCurrentPosition({ left, top });\n      }\n\n      document.removeEventListener('mouseup', onMouseUp);\n      document.removeEventListener('touchend', onMouseUp);\n      document.removeEventListener('mousemove', onPointerMove);\n      document.removeEventListener('touchmove', onPointerMove);\n    },\n    [calculatePosition, elementRef, onPointerMove],\n  );\n\n  const onMouseDown = useCallback(\n    (event: MouseEvent | TouchEvent) => {\n      if (!('changedTouches' in event)) {\n        event.preventDefault();\n      }\n\n      if ('clientX' in event && 'clientY' in event) {\n        prevXRef.current = event.clientX;\n        prevYRef.current = event.clientY;\n      } else if ('changedTouches' in event) {\n        const touch = event.changedTouches[0];\n\n        if (touch) {\n          prevXRef.current = touch.clientX;\n          prevYRef.current = touch.clientY;\n        }\n      }\n\n      document.addEventListener('mouseup', onMouseUp);\n      document.addEventListener('touchend', onMouseUp);\n      document.addEventListener('mousemove', onPointerMove);\n      document.addEventListener('touchmove', onPointerMove);\n    },\n    [onMouseUp, onPointerMove],\n  );\n\n  const validatedPosition = (position: number, elementSize: number, viewSize: number) => {\n    const remainingWidth = viewSize - elementSize;\n\n    return position < 0 ? 0 : position > remainingWidth ? remainingWidth : position;\n  };\n\n  const validateElementInViewport = useCallback(() => {\n    if (elementRef.current) {\n      const { top, left, right, bottom } = currentPosition || {};\n\n      const viewWidth = window.innerWidth;\n      const viewHeight = window.innerHeight;\n      const elementHeight = elementRef.current.offsetHeight;\n      const elementWidth = elementRef.current.offsetWidth;\n\n      if (typeof top === 'number') {\n        const validateTop = validatedPosition(top, elementHeight, viewHeight);\n\n        elementRef.current.style.top = `${validateTop}px`;\n      } else if (typeof bottom === 'number') {\n        const validateBottom = validatedPosition(bottom, elementHeight, viewHeight);\n\n        elementRef.current.style.bottom = `${validateBottom}px`;\n      } else {\n        elementRef.current.style.top = '0px';\n      }\n\n      if (typeof left === 'number') {\n        const validateLeft = validatedPosition(left, elementWidth, viewWidth);\n\n        elementRef.current.style.left = `${validateLeft}px`;\n      } else if (typeof right === 'number') {\n        const validateRight = validatedPosition(right, elementWidth, viewWidth);\n\n        elementRef.current.style.right = `${validateRight}px`;\n      } else {\n        elementRef.current.style.left = '0px';\n      }\n    }\n  }, [currentPosition, elementRef]);\n\n  useEffect(() => {\n    validateElementInViewport();\n  }, [validateElementInViewport, currentPosition]);\n\n  useEffect(() => {\n    const element = elementRef.current;\n\n    if (element && dragEnabled) {\n      element.addEventListener('mousedown', onMouseDown);\n      element.addEventListener('touchstart', onMouseDown);\n    }\n\n    return () => {\n      if (element && dragEnabled) {\n        element.removeEventListener('mousedown', onMouseDown);\n        element.removeEventListener('touchstart', onMouseDown);\n      }\n    };\n  }, [onMouseDown, elementRef, dragEnabled]);\n\n  return validateElementInViewport;\n};\n"],"names":["useDragHelper","elementRef","dragEnabled","initialPosition","currentPosition","setCurrentPosition","useState","prevXRef","useRef","prevYRef","calculatePosition","useCallback","event","element","offsetTop","offsetLeft","displacementX","displacementY","touch","onPointerMove","top","left","onMouseUp","onMouseDown","validatedPosition","position","elementSize","viewSize","remainingWidth","validateElementInViewport","right","bottom","viewWidth","viewHeight","elementHeight","elementWidth","validateTop","validateBottom","validateLeft","validateRight","useEffect"],"mappings":"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"}

package/dist/features/hooks/use-force-reload.js

@@ -0,0 +1,23 @@
+import { useMemo as c, useCallback as a, useEffect as d } from "react";
+const u = ({ threshold: r = 24, trackEvent: s, shouldNotReload: e }) => {
+  const i = r * 60 * 60 * 1e3, o = c(() => Date.now(), []), n = a(() => {
+    const t = Date.now();
+    if (e) return;
+    t - o > i && (s(
+      "forced_reload",
+      {
+        last_load_time: o,
+        current_time: t,
+        time_since_last_load: t - o
+      },
+      { immediate: !0 }
+    ), window.location.reload());
+  }, [e, i, o, s]);
+  d(() => (e || window.addEventListener("focus", n), () => {
+    window.removeEventListener("focus", n);
+  }), [n, e]);
+}, f = u;
+export {
+  f as default
+};
+//# sourceMappingURL=use-force-reload.js.map

package/dist/features/hooks/use-force-reload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-force-reload.js","sources":["../../../src/features/hooks/use-force-reload.ts"],"sourcesContent":["import { useEffect, useCallback, useMemo } from 'react';\n\ninterface IUseForceReload {\n  threshold: number;\n  trackEvent: (\n    event_name: string,\n    payload: Record<string, unknown>,\n    overrides: Record<string, unknown>,\n  ) => void;\n  shouldNotReload: boolean;\n}\n\nconst useForceReload = ({ threshold = 24, trackEvent, shouldNotReload }: IUseForceReload) => {\n  const hoursInMs = threshold * 60 * 60 * 1000;\n  const lastLoadTime = useMemo(() => Date.now(), []);\n\n  const checkAndReload = useCallback(() => {\n    const currentTime = Date.now();\n\n    if (shouldNotReload) return;\n\n    const shouldReloadWindow = currentTime - lastLoadTime > hoursInMs;\n\n    if (shouldReloadWindow) {\n      trackEvent(\n        'forced_reload',\n        {\n          last_load_time: lastLoadTime,\n          current_time: currentTime,\n          time_since_last_load: currentTime - lastLoadTime,\n        },\n        { immediate: true },\n      );\n      window.location.reload();\n    }\n  }, [shouldNotReload, hoursInMs, lastLoadTime, trackEvent]);\n\n  useEffect(() => {\n    if (!shouldNotReload) {\n      window.addEventListener('focus', checkAndReload);\n    }\n\n    return () => {\n      window.removeEventListener('focus', checkAndReload);\n    };\n  }, [checkAndReload, shouldNotReload]);\n};\n\nexport default useForceReload;\n"],"names":["useForceReload","threshold","trackEvent","shouldNotReload","hoursInMs","lastLoadTime","useMemo","checkAndReload","useCallback","currentTime","useEffect","useForceReload$1"],"mappings":";AAYA,MAAMA,IAAiB,CAAC,EAAE,WAAAC,IAAY,IAAI,YAAAC,GAAY,iBAAAC,QAAuC;AACrF,QAAAC,IAAYH,IAAY,KAAK,KAAK,KAClCI,IAAeC,EAAQ,MAAM,KAAK,IAAI,GAAG,CAAA,CAAE,GAE3CC,IAAiBC,EAAY,MAAM;AACjC,UAAAC,IAAc,KAAK;AAEzB,QAAIN,EAAiB;AAIrB,IAF2BM,IAAcJ,IAAeD,MAGtDF;AAAA,MACE;AAAA,MACA;AAAA,QACE,gBAAgBG;AAAA,QAChB,cAAcI;AAAA,QACd,sBAAsBA,IAAcJ;AAAA,MACtC;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IAAA,GAEpB,OAAO,SAAS;KAEjB,CAACF,GAAiBC,GAAWC,GAAcH,CAAU,CAAC;AAEzD,EAAAQ,EAAU,OACHP,KACI,OAAA,iBAAiB,SAASI,CAAc,GAG1C,MAAM;AACJ,WAAA,oBAAoB,SAASA,CAAc;AAAA,EAAA,IAEnD,CAACA,GAAgBJ,CAAe,CAAC;AACtC,GAEAQ,IAAeX;"}

package/dist/features/hooks/use-is-unmounted.js

@@ -0,0 +1,11 @@
+import { useRef as t, useEffect as r } from "react";
+const n = () => {
+  const e = t(!1);
+  return r(() => () => {
+    e.current = !0;
+  }, []), e;
+};
+export {
+  n as default
+};
+//# sourceMappingURL=use-is-unmounted.js.map

package/dist/features/hooks/use-is-unmounted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-is-unmounted.js","sources":["../../../src/features/hooks/use-is-unmounted.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nconst useIsUnmounted = () => {\n  const isUnmountedRef = useRef(false);\n\n  useEffect(() => {\n    return () => {\n      isUnmountedRef.current = true;\n    };\n  }, []);\n\n  return isUnmountedRef;\n};\n\nexport default useIsUnmounted;\n"],"names":["useIsUnmounted","isUnmountedRef","useRef","useEffect"],"mappings":";AAEA,MAAMA,IAAiB,MAAM;AACrB,QAAAC,IAAiBC,EAAO,EAAK;AAEnC,SAAAC,EAAU,MACD,MAAM;AACX,IAAAF,EAAe,UAAU;AAAA,EAAA,GAE1B,CAAE,CAAA,GAEEA;AACT;"}

package/dist/features/hooks/use-lazy-ref.js

@@ -0,0 +1,9 @@
+import { useRef as u } from "react";
+const f = (r, t = null) => {
+  const e = u(t);
+  return e.current === null && (e.current = r()), e.current;
+};
+export {
+  f as default
+};
+//# sourceMappingURL=use-lazy-ref.js.map

package/dist/features/hooks/use-lazy-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-lazy-ref.js","sources":["../../../src/features/hooks/use-lazy-ref.tsx"],"sourcesContent":["import { useRef } from 'react';\n\nconst useLazyRef = <Value,>(setInitialValue: () => Value, defaultValue: Value | null = null) => {\n  const lazyRef = useRef<Value | null>(defaultValue);\n\n  if (lazyRef.current === null) {\n    lazyRef.current = setInitialValue();\n  }\n\n  return lazyRef.current;\n};\n\nexport default useLazyRef;\n"],"names":["useLazyRef","setInitialValue","defaultValue","lazyRef","useRef"],"mappings":";AAEA,MAAMA,IAAa,CAASC,GAA8BC,IAA6B,SAAS;AACxF,QAAAC,IAAUC,EAAqBF,CAAY;AAE7C,SAAAC,EAAQ,YAAY,SACtBA,EAAQ,UAAUF,MAGbE,EAAQ;AACjB;"}

package/dist/features/hooks/use-previous.js

@@ -0,0 +1,15 @@
+import { useRef as u, useEffect as n } from "react";
+function i(r, t) {
+  return JSON.stringify(r) === JSON.stringify(t);
+}
+function f(r) {
+  const t = u();
+  return n(() => {
+    const { current: e } = t || {};
+    (!e || !i(e, r)) && (t.current = r);
+  }, [r]), t.current;
+}
+export {
+  f as default
+};
+//# sourceMappingURL=use-previous.js.map

package/dist/features/hooks/use-previous.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-previous.js","sources":["../../../src/features/hooks/use-previous.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nfunction isEqual<T>(prevValue: T, currentValue: T) {\n  return JSON.stringify(prevValue) === JSON.stringify(currentValue);\n}\n\nfunction usePrevious<T>(value: T) {\n  const previousValue = useRef<T>();\n\n  useEffect(() => {\n    const { current: currentStoredValue } = previousValue || {};\n\n    if (!currentStoredValue || !isEqual(currentStoredValue, value)) {\n      previousValue.current = value;\n    }\n  }, [value]);\n\n  return previousValue.current;\n}\n\nexport default usePrevious;\n"],"names":["isEqual","prevValue","currentValue","usePrevious","value","previousValue","useRef","useEffect","currentStoredValue"],"mappings":";AAEA,SAASA,EAAWC,GAAcC,GAAiB;AACjD,SAAO,KAAK,UAAUD,CAAS,MAAM,KAAK,UAAUC,CAAY;AAClE;AAEA,SAASC,EAAeC,GAAU;AAChC,QAAMC,IAAgBC;AAEtB,SAAAC,EAAU,MAAM;AACd,UAAM,EAAE,SAASC,MAAuBH,KAAiB,CAAA;AAEzD,KAAI,CAACG,KAAsB,CAACR,EAAQQ,GAAoBJ,CAAK,OAC3DC,EAAc,UAAUD;AAAA,EAC1B,GACC,CAACA,CAAK,CAAC,GAEHC,EAAc;AACvB;"}

package/dist/features/hooks/use-zoom-disable.js

@@ -0,0 +1,21 @@
+import { useEffect as t } from "react";
+const n = (e) => {
+  (e.ctrlKey || e.metaKey) && (e.key === "=" || e.key === "+" || e.key === "-" || e.key === "0" || e.code === "Equal" || e.code === "Minus" || e.code === "Digit0") && e.preventDefault();
+}, r = (e) => {
+  e.ctrlKey && e.preventDefault();
+}, s = () => {
+  t(() => {
+    const e = (o) => o.preventDefault();
+    return document.addEventListener("gesturestart", e), document.addEventListener("gesturechange", e), document.addEventListener("gestureend", e), () => {
+      document.removeEventListener("gesturestart", e), document.removeEventListener("gesturechange", e), document.removeEventListener("gestureend", e);
+    };
+  }, []), t(() => (document.addEventListener("keydown", n), () => {
+    document.removeEventListener("keydown", n);
+  }), []), t(() => (window.addEventListener("wheel", r, { passive: !1 }), () => {
+    window.removeEventListener("wheel", r);
+  }), []);
+}, u = s;
+export {
+  u as default
+};
+//# sourceMappingURL=use-zoom-disable.js.map

package/dist/features/hooks/use-zoom-disable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-zoom-disable.js","sources":["../../../src/features/hooks/use-zoom-disable.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nconst preventZoom = (e: KeyboardEvent) => {\n  if (\n    (e.ctrlKey || e.metaKey) &&\n    (e.key === '=' ||\n      e.key === '+' ||\n      e.key === '-' ||\n      e.key === '0' ||\n      e.code === 'Equal' ||\n      e.code === 'Minus' ||\n      e.code === 'Digit0')\n  ) {\n    e.preventDefault();\n  }\n};\n\nconst preventWheelZoom = (e: WheelEvent) => {\n  if (e.ctrlKey) {\n    e.preventDefault();\n  }\n};\n\nconst useZoomDisable = () => {\n  useEffect(() => {\n    const preventDefaultGesture = (e: Event) => e.preventDefault();\n\n    document.addEventListener('gesturestart', preventDefaultGesture);\n    document.addEventListener('gesturechange', preventDefaultGesture);\n    document.addEventListener('gestureend', preventDefaultGesture);\n\n    return () => {\n      document.removeEventListener('gesturestart', preventDefaultGesture);\n      document.removeEventListener('gesturechange', preventDefaultGesture);\n      document.removeEventListener('gestureend', preventDefaultGesture);\n    };\n  }, []);\n\n  useEffect(() => {\n    document.addEventListener('keydown', preventZoom);\n\n    return () => {\n      document.removeEventListener('keydown', preventZoom);\n    };\n  }, []);\n\n  useEffect(() => {\n    window.addEventListener('wheel', preventWheelZoom, { passive: false });\n\n    return () => {\n      window.removeEventListener('wheel', preventWheelZoom);\n    };\n  }, []);\n};\n\nexport default useZoomDisable;\n"],"names":["preventZoom","preventWheelZoom","useZoomDisable","useEffect","preventDefaultGesture","e","useZoomDisable$1"],"mappings":";AAEA,MAAMA,IAAc,CAAC,MAAqB;AAErC,GAAA,EAAE,WAAW,EAAE,aACf,EAAE,QAAQ,OACT,EAAE,QAAQ,OACV,EAAE,QAAQ,OACV,EAAE,QAAQ,OACV,EAAE,SAAS,WACX,EAAE,SAAS,WACX,EAAE,SAAS,aAEb,EAAE,eAAe;AAErB,GAEMC,IAAmB,CAAC,MAAkB;AAC1C,EAAI,EAAE,WACJ,EAAE,eAAe;AAErB,GAEMC,IAAiB,MAAM;AAC3B,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAwB,CAACC,MAAaA,EAAE,eAAe;AAEpD,oBAAA,iBAAiB,gBAAgBD,CAAqB,GACtD,SAAA,iBAAiB,iBAAiBA,CAAqB,GACvD,SAAA,iBAAiB,cAAcA,CAAqB,GAEtD,MAAM;AACF,eAAA,oBAAoB,gBAAgBA,CAAqB,GACzD,SAAA,oBAAoB,iBAAiBA,CAAqB,GAC1D,SAAA,oBAAoB,cAAcA,CAAqB;AAAA,IAAA;AAAA,EAEpE,GAAG,CAAE,CAAA,GAELD,EAAU,OACC,SAAA,iBAAiB,WAAWH,CAAW,GAEzC,MAAM;AACF,aAAA,oBAAoB,WAAWA,CAAW;AAAA,EAAA,IAEpD,CAAE,CAAA,GAELG,EAAU,OACR,OAAO,iBAAiB,SAASF,GAAkB,EAAE,SAAS,IAAO,GAE9D,MAAM;AACJ,WAAA,oBAAoB,SAASA,CAAgB;AAAA,EAAA,IAErD,CAAE,CAAA;AACP,GAEAK,IAAeJ;"}

package/dist/features/journey/comps/coachmark/coachmark-styled.js

@@ -0,0 +1,17 @@
+import e from "styled-components";
+import p from "../../../ui/layout/flex-view.js";
+const d = e(p)`
+  top: ${({ $top: t }) => t}px;
+  left: ${({ $left: t }) => t}px;
+`, l = e(p)(({ theme: t }) => {
+  const { gutter: o } = t.layout;
+  return `
+    width: 100%;
+    padding: ${o * 0.75}px ${o * 0.5}px;
+  `;
+});
+export {
+  d as ClonedElementWrapper,
+  l as CoachmarkBody
+};
+//# sourceMappingURL=coachmark-styled.js.map

package/dist/features/journey/comps/coachmark/coachmark-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachmark-styled.js","sources":["../../../../../src/features/journey/comps/coachmark/coachmark-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const ClonedElementWrapper = styled(FlexView)<{\n  $top: number;\n  $left: number;\n}>`\n  top: ${({ $top }) => $top}px;\n  left: ${({ $left }) => $left}px;\n`;\n\nexport const CoachmarkBody = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: 100%;\n    padding: ${gutter * 0.75}px ${gutter * 0.5}px;\n  `;\n});\n"],"names":["ClonedElementWrapper","styled","FlexView","$top","$left","CoachmarkBody","theme","gutter"],"mappings":";;AAIa,MAAAA,IAAuBC,EAAOC,CAAQ;AAAA,SAI1C,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA,UACjB,CAAC,EAAE,OAAAC,EAAM,MAAMA,CAAK;AAAA,GAGjBC,IAAgBJ,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAI,QAAY;AACrD,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA;AAAA,eAEMC,IAAS,IAAI,MAAMA,IAAS,GAAG;AAAA;AAE9C,CAAC;"}

package/dist/features/journey/comps/coachmark/coachmark-utils.js

@@ -0,0 +1,6 @@
+import { TOOLTIP_X_MARGIN as t } from "./constant.js";
+const o = (r) => r === "left" || r === "right" ? t : 0;
+export {
+  o as toolTipGetXCoordinates
+};
+//# sourceMappingURL=coachmark-utils.js.map

package/dist/features/journey/comps/coachmark/coachmark-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachmark-utils.js","sources":["../../../../../src/features/journey/comps/coachmark/coachmark-utils.ts"],"sourcesContent":["import type { TPositionProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\n\nimport { TOOLTIP_X_MARGIN } from './constant';\n\nexport const toolTipGetXCoordinates = (position: TPositionProps) => {\n  if (position === 'left' || position === 'right') {\n    return TOOLTIP_X_MARGIN;\n  }\n\n  return 0;\n};\n"],"names":["toolTipGetXCoordinates","position","TOOLTIP_X_MARGIN"],"mappings":";AAIa,MAAAA,IAAyB,CAACC,MACjCA,MAAa,UAAUA,MAAa,UAC/BC,IAGF;"}

package/dist/features/journey/comps/coachmark/coachmark.js

@@ -0,0 +1,56 @@
+import { jsx as e, jsxs as f, Fragment as T } from "react/jsx-runtime";
+import { useMemo as d } from "react";
+import h from "../../../ui/arrow-tooltip/arrow-tooltip.js";
+import y from "../../../ui/nudge/nudge.js";
+import { getTheme as O } from "../../../ui/theme/get-theme.js";
+import { IndicatorType as p } from "../../use-journey/constants.js";
+import { CoachmarkBody as P, ClonedElementWrapper as u } from "./coachmark-styled.js";
+import { toolTipGetXCoordinates as $ } from "./coachmark-utils.js";
+const Y = ({ coachmark: t }) => {
+  const i = t.originalElementToHighlightRef.current, { top: r = 0, left: n = 0, height: C = 0, width: b = 0 } = (i == null ? void 0 : i.getBoundingClientRect()) || {}, { zIndex: I, device: c } = O(), m = c === "mobile", s = I.JOURNEY_OVERLAY, l = d(() => () => i ? window.getComputedStyle(i).position === "absolute" : !1, [i]), g = d(() => {
+    const o = t.indicator;
+    return {
+      width: m ? 246 : 264,
+      // Can be over ridden
+      tooltipXCoOrdinates: $(o.position) + (o.tooltipXCoOrdinates ?? 0),
+      // For absolutely positioned elements
+      zIndex: s + 1,
+      ...o,
+      tooltipItem: /* @__PURE__ */ e(P, { children: o.tooltipItem }),
+      alwaysVisible: !0,
+      renderAs: "primary",
+      // Deprecate this
+      borderWidth: 1,
+      arrowColor: o.arrowColor || "WHITE",
+      borderColor: o.borderColor || "WHITE",
+      type: p.TOOLTIP,
+      isAnimated: !0
+    };
+  }, [s, t.indicator, m]), w = d(() => {
+    const o = t.indicator;
+    return {
+      ...o,
+      nudgePointerX: n + (o.nudgePointerX ?? 0),
+      nudgePointerY: r + (o.nudgePointerY ?? 0)
+    };
+  }, [t.indicator, n, r]);
+  return !i || !t.isActive ? null : t.type === p.TOOLTIP ? l() ? /* @__PURE__ */ f(T, { children: [
+    t.elementToHighlight,
+    /* @__PURE__ */ e(u, { $position: "absolute", $top: r, $left: n, children: /* @__PURE__ */ e(h, { ...g, children: /* @__PURE__ */ e("div", { style: { height: C, width: b } }) }) })
+  ] }) : /* @__PURE__ */ e(u, { $position: "absolute", $top: r, $left: n, children: /* @__PURE__ */ e(h, { ...g, children: t.elementToHighlight }) }) : t.type === p.NUDGE ? /* @__PURE__ */ f(T, { children: [
+    /* @__PURE__ */ e(
+      u,
+      {
+        $top: l() ? 0 : r,
+        $left: l() ? 0 : n,
+        $position: l() ? "relative" : "absolute",
+        children: t.elementToHighlight
+      }
+    ),
+    /* @__PURE__ */ e(y, { zIndex: s + 1, ...w })
+  ] }) : null;
+};
+export {
+  Y as Coachmark
+};
+//# sourceMappingURL=coachmark.js.map

package/dist/features/journey/comps/coachmark/coachmark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachmark.js","sources":["../../../../../src/features/journey/comps/coachmark/coachmark.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { INudgeProps } from '../../../ui/nudge/nudge-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport React, { useMemo } from 'react';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Nudge from '../../../ui/nudge/nudge';\nimport { getTheme } from '../../../ui/theme/get-theme';\nimport { IndicatorType } from '../../use-journey/constants';\nimport * as S from './coachmark-styled';\nimport { toolTipGetXCoordinates } from './coachmark-utils';\n\nexport const Coachmark: React.FC<{ coachmark: ICoachmarkProps }> = ({ coachmark }) => {\n  const targetElement = coachmark.originalElementToHighlightRef.current;\n  const { top = 0, left = 0, height = 0, width = 0 } = targetElement?.getBoundingClientRect() || {};\n\n  const { zIndex, device } = getTheme();\n  const isMobile = device === 'mobile';\n\n  const BLUR_OVERLAY_Z_INDEX = zIndex.JOURNEY_OVERLAY;\n\n  const isAbsolute = useMemo(() => {\n    return () => {\n      if (!targetElement) return false;\n\n      return window.getComputedStyle(targetElement).position === 'absolute';\n    };\n  }, [targetElement]);\n\n  const tooltipProps = useMemo(() => {\n    const arrowToolTipProps = coachmark.indicator as IArrowTooltipProps;\n\n    return {\n      width: isMobile ? 246 : 264, // Can be over ridden\n      tooltipXCoOrdinates:\n        toolTipGetXCoordinates(arrowToolTipProps.position) +\n        (arrowToolTipProps.tooltipXCoOrdinates ?? 0), // For absolutely positioned elements\n      zIndex: BLUR_OVERLAY_Z_INDEX + 1,\n      ...arrowToolTipProps,\n      tooltipItem: <S.CoachmarkBody>{arrowToolTipProps.tooltipItem}</S.CoachmarkBody>,\n      alwaysVisible: true,\n      renderAs: 'primary', // Deprecate this\n      borderWidth: 1,\n      arrowColor: arrowToolTipProps.arrowColor || 'WHITE',\n      borderColor: arrowToolTipProps.borderColor || 'WHITE',\n      type: IndicatorType.TOOLTIP,\n      isAnimated: true,\n    } as IArrowTooltipProps;\n  }, [BLUR_OVERLAY_Z_INDEX, coachmark.indicator, isMobile]);\n\n  const nudgeProps = useMemo(() => {\n    const props: INudgeProps = coachmark.indicator as INudgeProps;\n\n    return {\n      ...props,\n      nudgePointerX: left + (props.nudgePointerX ?? 0),\n      nudgePointerY: top + (props.nudgePointerY ?? 0),\n    };\n  }, [coachmark.indicator, left, top]);\n\n  if (!targetElement || !coachmark.isActive) {\n    return null;\n  }\n\n  if (coachmark.type === IndicatorType.TOOLTIP) {\n    if (isAbsolute()) {\n      return (\n        <>\n          {coachmark.elementToHighlight}\n          <S.ClonedElementWrapper $position=\"absolute\" $top={top} $left={left}>\n            <ArrowTooltip {...tooltipProps}>\n              <div style={{ height, width }} />\n            </ArrowTooltip>\n          </S.ClonedElementWrapper>\n        </>\n      );\n    }\n\n    return (\n      <S.ClonedElementWrapper $position=\"absolute\" $top={top} $left={left}>\n        <ArrowTooltip {...tooltipProps}>{coachmark.elementToHighlight}</ArrowTooltip>\n      </S.ClonedElementWrapper>\n    );\n  }\n\n  if (coachmark.type === IndicatorType.NUDGE) {\n    return (\n      <>\n        <S.ClonedElementWrapper\n          $top={isAbsolute() ? 0 : top}\n          $left={isAbsolute() ? 0 : left}\n          $position={isAbsolute() ? 'relative' : 'absolute'}\n        >\n          {coachmark.elementToHighlight}\n        </S.ClonedElementWrapper>\n        <Nudge zIndex={BLUR_OVERLAY_Z_INDEX + 1} {...nudgeProps} />\n      </>\n    );\n  }\n\n  return null;\n};\n"],"names":["Coachmark","coachmark","targetElement","top","left","height","width","zIndex","device","getTheme","isMobile","BLUR_OVERLAY_Z_INDEX","isAbsolute","useMemo","tooltipProps","arrowToolTipProps","toolTipGetXCoordinates","jsx","S.CoachmarkBody","IndicatorType","nudgeProps","props","jsxs","Fragment","S.ClonedElementWrapper","ArrowTooltip","Nudge"],"mappings":";;;;;;;;AAaO,MAAMA,IAAsD,CAAC,EAAE,WAAAC,QAAgB;AAC9E,QAAAC,IAAgBD,EAAU,8BAA8B,SACxD,EAAE,KAAAE,IAAM,GAAG,MAAAC,IAAO,GAAG,QAAAC,IAAS,GAAG,OAAAC,IAAQ,EAAE,KAAIJ,KAAA,gBAAAA,EAAe,4BAA2B,CAAA,GAEzF,EAAE,QAAAK,GAAQ,QAAAC,EAAO,IAAIC,EAAS,GAC9BC,IAAWF,MAAW,UAEtBG,IAAuBJ,EAAO,iBAE9BK,IAAaC,EAAQ,MAClB,MACAX,IAEE,OAAO,iBAAiBA,CAAa,EAAE,aAAa,aAFhC,IAI5B,CAACA,CAAa,CAAC,GAEZY,IAAeD,EAAQ,MAAM;AACjC,UAAME,IAAoBd,EAAU;AAE7B,WAAA;AAAA,MACL,OAAOS,IAAW,MAAM;AAAA;AAAA,MACxB,qBACEM,EAAuBD,EAAkB,QAAQ,KAChDA,EAAkB,uBAAuB;AAAA;AAAA,MAC5C,QAAQJ,IAAuB;AAAA,MAC/B,GAAGI;AAAA,MACH,aAAc,gBAAAE,EAAAC,GAAA,EAAiB,YAAkB,aAAY;AAAA,MAC7D,eAAe;AAAA,MACf,UAAU;AAAA;AAAA,MACV,aAAa;AAAA,MACb,YAAYH,EAAkB,cAAc;AAAA,MAC5C,aAAaA,EAAkB,eAAe;AAAA,MAC9C,MAAMI,EAAc;AAAA,MACpB,YAAY;AAAA,IAAA;AAAA,KAEb,CAACR,GAAsBV,EAAU,WAAWS,CAAQ,CAAC,GAElDU,IAAaP,EAAQ,MAAM;AAC/B,UAAMQ,IAAqBpB,EAAU;AAE9B,WAAA;AAAA,MACL,GAAGoB;AAAA,MACH,eAAejB,KAAQiB,EAAM,iBAAiB;AAAA,MAC9C,eAAelB,KAAOkB,EAAM,iBAAiB;AAAA,IAAA;AAAA,KAE9C,CAACpB,EAAU,WAAWG,GAAMD,CAAG,CAAC;AAEnC,SAAI,CAACD,KAAiB,CAACD,EAAU,WACxB,OAGLA,EAAU,SAASkB,EAAc,UAC/BP,MAGG,gBAAAU,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAUtB,EAAA;AAAA,IACX,gBAAAgB,EAACO,GAAA,EAAuB,WAAU,YAAW,MAAMrB,GAAK,OAAOC,GAC7D,UAAA,gBAAAa,EAACQ,KAAc,GAAGX,GAChB,4BAAC,OAAI,EAAA,OAAO,EAAE,QAAAT,GAAQ,OAAAC,EAAA,GAAS,EAAA,CACjC,EACF,CAAA;AAAA,EACF,EAAA,CAAA,sBAKDkB,GAAA,EAAuB,WAAU,YAAW,MAAMrB,GAAK,OAAOC,GAC7D,4BAACqB,GAAc,EAAA,GAAGX,GAAe,UAAAb,EAAU,oBAAmB,EAChE,CAAA,IAIAA,EAAU,SAASkB,EAAc,QAG/B,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAN;AAAA,MAACO;AAAAA,MAAA;AAAA,QACC,MAAMZ,MAAe,IAAIT;AAAA,QACzB,OAAOS,MAAe,IAAIR;AAAA,QAC1B,WAAWQ,MAAe,aAAa;AAAA,QAEtC,UAAUX,EAAA;AAAA,MAAA;AAAA,IACb;AAAA,sBACCyB,GAAM,EAAA,QAAQf,IAAuB,GAAI,GAAGS,GAAY;AAAA,EAC3D,EAAA,CAAA,IAIG;AACT;"}

package/dist/features/journey/comps/coachmark/constant.js

@@ -0,0 +1,5 @@
+const o = 50;
+export {
+  o as TOOLTIP_X_MARGIN
+};
+//# sourceMappingURL=constant.js.map

package/dist/features/journey/comps/coachmark/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.js","sources":["../../../../../src/features/journey/comps/coachmark/constant.ts"],"sourcesContent":["export const TOOLTIP_X_MARGIN = 50;\n"],"names":["TOOLTIP_X_MARGIN"],"mappings":"AAAO,MAAMA,IAAmB;"}

package/dist/features/journey/hooks/use-chapter-journey.js

@@ -0,0 +1,177 @@
+import { jsxs as x, jsx as o } from "react/jsx-runtime";
+import { useRef as n, useCallback as p, useMemo as R, useEffect as N } from "react";
+import _ from "../../chapters-v2/chapter-details/block-sections/block-sections.js";
+import L from "../../chapters-v2/chapter-details/chapter-banner/chapter-banner.js";
+import I from "../../chapters-v2/chapter-details/chapter-details.js";
+import k from "../../ui/layout/flex-view.js";
+import P from "../../ui/separator/separator.js";
+import { JOURNEY_ID_STUDENT as K } from "../journey-id/journey-id-student.js";
+import { PROGRESS_STAT_MOCK as y, BLOCK_MOCKS as H } from "../mocks/chapter-page-journey-mock-data.js";
+import { IndicatorType as l } from "../use-journey/constants.js";
+import { useJourney as v } from "../use-journey/use-journey.js";
+import a from "./use-home-page-journey/tooltip-item.js";
+const $ = () => {
+  const t = K.CHAPTER_PAGE_JOURNEY, r = n(null), e = n(null), s = n(null), c = n([]), { nextCoachmark: d, setJourney: h, endJourney: C } = v(), i = p(() => {
+    d(t, !1, 0, !0);
+  }, [t, d]), g = p(() => {
+    document.body.style.overflow = "unset", C(t);
+  }, [C, t]), f = p(
+    ({ chapterDetails: m, userChapterId: B, studentId: E, userType: T }) => {
+      const { name: O, image_hue: u, image_url: b } = m;
+      if (!(r != null && r.current) || !(e != null && e.current) || !s.current)
+        return;
+      const S = [
+        {
+          originalElementToHighlightRef: r,
+          isActive: !1,
+          type: l.TOOLTIP,
+          elementToHighlight: /* @__PURE__ */ x(k, { children: [
+            /* @__PURE__ */ o(P, { heightX: 10 }),
+            /* @__PURE__ */ o(
+              I,
+              {
+                userChapterId: B,
+                studentId: E,
+                userType: T,
+                onBlockSkipUnskip: () => null,
+                onNodeAttempt: () => null,
+                onNodeAttemptLocationChange: () => null,
+                onNodeMarkAsDone: () => null,
+                onNodeReattempt: () => null,
+                onNodeReview: () => null,
+                onNodeView: () => null,
+                onExit: () => null
+              }
+            )
+          ] }),
+          indicator: {
+            position: "top",
+            tooltipYCoOrdinates: -140,
+            backgroundColor: "BLUE_4",
+            borderColor: "BLACK",
+            arrowColor: "BLACK",
+            arrowSize: 12,
+            width: 264,
+            tooltipItem: /* @__PURE__ */ o(
+              a,
+              {
+                text: "Welcome to the all new chapter experience.",
+                buttonLabel: "Next",
+                onButtonClick: i
+              }
+            )
+          }
+        },
+        {
+          originalElementToHighlightRef: e,
+          elementToHighlight: /* @__PURE__ */ o(
+            L,
+            {
+              title: O,
+              progressStats: y,
+              imageUrl: b,
+              imageHue: u
+            }
+          ),
+          type: l.TOOLTIP,
+          indicator: {
+            position: "bottom",
+            tooltipXCoOrdinates: -45,
+            tooltipYCoOrdinates: -40,
+            backgroundColor: "ORANGE_4",
+            borderColor: "BLACK",
+            arrowColor: "BLACK",
+            width: 264,
+            arrowSize: 12,
+            tooltipItem: /* @__PURE__ */ o(
+              a,
+              {
+                text: "A chapter is divided into *core sheets (compulsory), and supplementary sheets.",
+                buttonLabel: "Next",
+                onButtonClick: i
+              }
+            )
+          },
+          isActive: !1
+        },
+        {
+          originalElementToHighlightRef: e,
+          elementToHighlight: /* @__PURE__ */ o(
+            L,
+            {
+              title: O,
+              progressStats: y,
+              imageUrl: b,
+              imageHue: u
+            }
+          ),
+          type: l.TOOLTIP,
+          indicator: {
+            position: "bottom",
+            tooltipXCoOrdinates: -275,
+            tooltipYCoOrdinates: -15,
+            backgroundColor: "PURPLE_4",
+            borderColor: "BLACK",
+            arrowColor: "BLACK",
+            arrowSize: 12,
+            width: 264,
+            tooltipItem: /* @__PURE__ */ o(
+              a,
+              {
+                text: "Easily track the progress of the core sheets.",
+                buttonLabel: "Next",
+                onButtonClick: i
+              }
+            )
+          },
+          isActive: !1
+        },
+        {
+          originalElementToHighlightRef: s,
+          elementToHighlight: /* @__PURE__ */ o(k, { $widthX: 50, children: /* @__PURE__ */ o(_, { userType: T, blocks: H, imageHue: u }) }),
+          type: l.TOOLTIP,
+          indicator: {
+            position: "top",
+            tooltipXCoOrdinates: -150,
+            tooltipYCoOrdinates: -260,
+            backgroundColor: "PURPLE_4",
+            borderColor: "BLACK",
+            arrowColor: "BLACK",
+            arrowSize: 12,
+            width: 264,
+            tooltipItem: /* @__PURE__ */ o(
+              a,
+              {
+                text: "Core sheets are marked to help you find them faster.",
+                buttonLabel: "Got it",
+                onButtonClick: g
+              }
+            )
+          },
+          isActive: !1
+        }
+      ];
+      h(t, S);
+      const w = setTimeout(() => {
+        clearTimeout(w), window.scrollTo(0, 0), document.body.style.overflow = "hidden", i();
+      }, 500);
+      c.current.push(w);
+    },
+    [i, g, h, t]
+  ), A = R(
+    () => ({
+      chapterPageRef: r,
+      bannerRef: e,
+      coreBlocksRef: s,
+      startJourney: f
+    }),
+    [f]
+  );
+  return N(() => () => {
+    c.current.forEach((m) => clearTimeout(m)), c.current = [];
+  }, []), A;
+};
+export {
+  $ as useChapterPageJourney
+};
+//# sourceMappingURL=use-chapter-journey.js.map

package/dist/features/journey/hooks/use-chapter-journey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chapter-journey.js","sources":["../../../../src/features/journey/hooks/use-chapter-journey.tsx"],"sourcesContent":["import type { IUserChapterData } from '../../chapters-v2/chapter-details/chapter-details-types';\nimport type { IArrowTooltipProps } from '../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { TUserTypes } from '../../ui/types';\nimport type { ICoachmarkProps } from '../use-journey/journey-context-types';\n\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport BlockSections from '../../chapters-v2/chapter-details/block-sections/block-sections';\nimport ChapterBanner from '../../chapters-v2/chapter-details/chapter-banner/chapter-banner';\nimport ChapterDetails from '../../chapters-v2/chapter-details/chapter-details';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport { JOURNEY_ID_STUDENT } from '../journey-id/journey-id-student';\nimport { BLOCK_MOCKS, PROGRESS_STAT_MOCK } from '../mocks/chapter-page-journey-mock-data';\nimport { IndicatorType } from '../use-journey/constants';\nimport { useJourney } from '../use-journey/use-journey';\nimport TooltipItem from './use-home-page-journey/tooltip-item';\n\ninterface IChapterStartJourneyProps {\n  chapterDetails: IUserChapterData;\n  userChapterId: string;\n  studentId: string;\n  userType: TUserTypes;\n}\n\nexport const useChapterPageJourney = () => {\n  const journeyId = JOURNEY_ID_STUDENT.CHAPTER_PAGE_JOURNEY;\n\n  const chapterPageRef = useRef<HTMLDivElement>(null);\n  const bannerRef = useRef<HTMLDivElement>(null);\n  const coreBlocksRef = useRef<HTMLDivElement>(null);\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n  const { nextCoachmark, setJourney, endJourney } = useJourney();\n\n  const handleNextCoachmark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, true);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    endJourney(journeyId);\n  }, [endJourney, journeyId]);\n\n  const startJourney = useCallback(\n    ({ chapterDetails, userChapterId, studentId, userType }: IChapterStartJourneyProps) => {\n      const { name, image_hue: imageHue, image_url: imageUrl } = chapterDetails;\n\n      if (!chapterPageRef?.current || !bannerRef?.current || !coreBlocksRef.current) {\n        return;\n      }\n\n      const chapterPageSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: chapterPageRef,\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: (\n            <FlexView>\n              <Separator heightX={10} />\n              <ChapterDetails\n                userChapterId={userChapterId}\n                studentId={studentId}\n                userType={userType}\n                onBlockSkipUnskip={() => null}\n                onNodeAttempt={() => null}\n                onNodeAttemptLocationChange={() => null}\n                onNodeMarkAsDone={() => null}\n                onNodeReattempt={() => null}\n                onNodeReview={() => null}\n                onNodeView={() => null}\n                onExit={() => null}\n              />\n            </FlexView>\n          ),\n          indicator: {\n            position: 'top',\n            tooltipYCoOrdinates: -140,\n            backgroundColor: 'BLUE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowSize: 12,\n            width: 264,\n            tooltipItem: (\n              <TooltipItem\n                text=\"Welcome to the all new chapter experience.\"\n                buttonLabel=\"Next\"\n                onButtonClick={handleNextCoachmark}\n              />\n            ),\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: bannerRef,\n          elementToHighlight: (\n            <ChapterBanner\n              title={name}\n              progressStats={PROGRESS_STAT_MOCK}\n              imageUrl={imageUrl}\n              imageHue={imageHue}\n            />\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'bottom',\n            tooltipXCoOrdinates: -45,\n            tooltipYCoOrdinates: -40,\n            backgroundColor: 'ORANGE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            width: 264,\n            arrowSize: 12,\n            tooltipItem: (\n              <TooltipItem\n                text=\"A chapter is divided into *core sheets (compulsory), and supplementary sheets.\"\n                buttonLabel=\"Next\"\n                onButtonClick={handleNextCoachmark}\n              />\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n        {\n          originalElementToHighlightRef: bannerRef,\n          elementToHighlight: (\n            <ChapterBanner\n              title={name}\n              progressStats={PROGRESS_STAT_MOCK}\n              imageUrl={imageUrl}\n              imageHue={imageHue}\n            />\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'bottom',\n            tooltipXCoOrdinates: -275,\n            tooltipYCoOrdinates: -15,\n            backgroundColor: 'PURPLE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowSize: 12,\n            width: 264,\n            tooltipItem: (\n              <TooltipItem\n                text=\"Easily track the progress of the core sheets.\"\n                buttonLabel=\"Next\"\n                onButtonClick={handleNextCoachmark}\n              />\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n        {\n          originalElementToHighlightRef: coreBlocksRef,\n          elementToHighlight: (\n            <FlexView $widthX={50}>\n              <BlockSections userType={userType} blocks={BLOCK_MOCKS} imageHue={imageHue} />\n            </FlexView>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'top',\n            tooltipXCoOrdinates: -150,\n            tooltipYCoOrdinates: -260,\n            backgroundColor: 'PURPLE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowSize: 12,\n            width: 264,\n            tooltipItem: (\n              <TooltipItem\n                text=\"Core sheets are marked to help you find them faster.\"\n                buttonLabel=\"Got it\"\n                onButtonClick={handleEndJourney}\n              />\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n      ];\n\n      setJourney(journeyId, chapterPageSteps);\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        window.scrollTo(0, 0);\n        document.body.style.overflow = 'hidden';\n        handleNextCoachmark();\n      }, 500);\n\n      timerRefs.current.push(delayBeforeStart);\n    },\n    [handleNextCoachmark, handleEndJourney, setJourney, journeyId],\n  );\n\n  const data = useMemo(\n    () => ({\n      chapterPageRef,\n      bannerRef,\n      coreBlocksRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n    };\n  }, []);\n\n  return data;\n};\n"],"names":["useChapterPageJourney","journeyId","JOURNEY_ID_STUDENT","chapterPageRef","useRef","bannerRef","coreBlocksRef","timerRefs","nextCoachmark","setJourney","endJourney","useJourney","handleNextCoachmark","useCallback","handleEndJourney","startJourney","chapterDetails","userChapterId","studentId","userType","name","imageHue","imageUrl","chapterPageSteps","IndicatorType","FlexView","jsx","Separator","ChapterDetails","TooltipItem","ChapterBanner","PROGRESS_STAT_MOCK","BlockSections","BLOCK_MOCKS","delayBeforeStart","data","useMemo","useEffect","timer"],"mappings":"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"}

package/dist/features/journey/hooks/use-get-eligible-journeys-via-route.js

@@ -0,0 +1,10 @@
+import { useMemo as i } from "react";
+import { useJourney as s } from "../use-journey/use-journey.js";
+const l = (r) => {
+  const { userCompletedJourneyIds: e } = s();
+  return i(() => Array.isArray(e) ? r.filter((o) => !e.includes(o)) : [], [r, e]);
+};
+export {
+  l as useGetEligibleJourneysViaRoute
+};
+//# sourceMappingURL=use-get-eligible-journeys-via-route.js.map

package/dist/features/journey/hooks/use-get-eligible-journeys-via-route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-get-eligible-journeys-via-route.js","sources":["../../../../src/features/journey/hooks/use-get-eligible-journeys-via-route.tsx"],"sourcesContent":["import type { TJourneyId } from '../journey-id/journey-id-types';\n\nimport { useMemo } from 'react';\n\nimport { useJourney } from '../use-journey/use-journey';\n\nexport const useGetEligibleJourneysViaRoute = (routeJourneyIds: TJourneyId[]) => {\n  const { userCompletedJourneyIds } = useJourney();\n\n  const eligibleJourneys = useMemo(() => {\n    if (!Array.isArray(userCompletedJourneyIds)) return [];\n\n    return routeJourneyIds.filter(journeyId => !userCompletedJourneyIds.includes(journeyId));\n  }, [routeJourneyIds, userCompletedJourneyIds]);\n\n  return eligibleJourneys;\n};\n"],"names":["useGetEligibleJourneysViaRoute","routeJourneyIds","userCompletedJourneyIds","useJourney","useMemo","journeyId"],"mappings":";;AAMa,MAAAA,IAAiC,CAACC,MAAkC;AACzE,QAAA,EAAE,yBAAAC,MAA4BC;AAQ7B,SANkBC,EAAQ,MAC1B,MAAM,QAAQF,CAAuB,IAEnCD,EAAgB,OAAO,CAAAI,MAAa,CAACH,EAAwB,SAASG,CAAS,CAAC,IAFnC,CAAA,GAGnD,CAACJ,GAAiBC,CAAuB,CAAC;AAG/C;"}