@cuemath/leap 3.5.30-as14 → 3.5.30-as16

package/dist/features/circle-games/game-launcher/comps/carousel/carousel.js

@@ -1,107 +1,104 @@
-import { jsx as o, jsxs as j } from "react/jsx-runtime";
-import { memo as x, forwardRef as A, useRef as S, useState as E, useCallback as u, useMemo as v, createRef as D, useImperativeHandle as F, useEffect as p } from "react";
-import f from "../../../../ui/hooks/use-click-handler.js";
+import { jsx as o, jsxs as $ } from "react/jsx-runtime";
+import { memo as j, forwardRef as A, useRef as P, useState as S, useCallback as l, useMemo as E, createRef as D, useImperativeHandle as F, useEffect as v } from "react";
+import u from "../../../../ui/hooks/use-click-handler.js";
 import { useCircleSounds as H } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
-import { CarouselItemContainer as K, ExtendedFlexView as V, CarouselIdicatorContainer as W, AllGreenTickLottieWrapper as N } from "./carousel-styled.js";
+import { CarouselItemContainer as K, ExtendedFlexView as N, CarouselIdicatorContainer as V, AllGreenTickLottieWrapper as W } from "./carousel-styled.js";
 import { CarouselIndicator as U } from "./carousel-indicator/carousel-indicator.js";
 import Y from "../../../../ui/lottie-animation/lottie-animation.js";
 import { LOTTIE as q } from "../../../../../assets/lottie/lottie.js";
 import { allGreenTickLottienAimationSettings as z } from "./constants.js";
 import { CircleSoundKey as B } from "../../../hooks/use-circle-sounds/use-circle-sounds-enums.js";
-import G from "../../../../ui/swipable-carousel/swipable-carousel.js";
+import G from "../../../../ui/swipeable-carousel/swipeable-carousel.js";
 const J = ({
-  items: t,
-  defaultIndex: n = 0,
-  analyticsSwipeLeft: m,
-  analyticsSwipeRight: C,
+  items: r,
+  defaultIndex: p = 0,
+  analyticsSwipeLeft: f,
+  analyticsSwipeRight: m,
   analyticsIndicatorClick: d,
-  playAllGreenTickAnimation: y,
-  onAllGreenTickAnimationComplete: a
+  playAllGreenTickAnimation: C,
+  onAllGreenTickAnimationComplete: n
 }, w) => {
-  var P;
-  const { playSwipeSound: L, play: I } = H(), s = S(!0), c = S(null), [i, l] = E(((P = c.current) == null ? void 0 : P.currentIndex) ?? n), [R, h] = E(!1), { handleClick: O } = f({
-    analyticsLabel: C.analyticsLabel,
-    analyticsProps: C.analyticsProps
-  }), { handleClick: _ } = f({
+  var g;
+  const { playSwipeSound: y, play: L } = H(), c = P(!0), i = P(null), [a, I] = S(((g = i.current) == null ? void 0 : g.currentIndex) ?? p), [R, h] = S(!1), { handleClick: O } = u({
     analyticsLabel: m.analyticsLabel,
     analyticsProps: m.analyticsProps
-  }), { handleClick: T } = f({
+  }), { handleClick: _ } = u({
+    analyticsLabel: f.analyticsLabel,
+    analyticsProps: f.analyticsProps
+  }), { handleClick: T } = u({
     analyticsLabel: d.analyticsLabel,
     analyticsProps: d.analyticsProps
-  }), k = u(() => {
-    h(!1), a == null || a();
-  }, [a]), M = v(
+  }), k = l(() => {
+    h(!1), n == null || n();
+  }, [n]), x = E(
     () => ({
       name: "complete",
       callback: k
     }),
     [k]
-  ), b = v(() => t.map(() => D()), [t]), g = u(
+  ), b = E(() => r.map(() => D()), [r]), s = l(
     (e) => {
-      var r;
-      e < 0 || e >= t.length || e === i || ((r = c.current) == null || r.goToIndex(e), l(e));
+      var t;
+      e < 0 || e >= r.length || e === a || ((t = i.current) == null || t.goToIndex(e), I(e));
     },
-    [i, t.length]
-  ), $ = u(
+    [a, r.length]
+  ), M = l(
     (e) => {
-      L(), T(), l(e), g(e);
+      y(), T(), I(e), s(e);
     },
-    [T, L]
+    [T, y, s]
   );
   return F(w, () => ({
     indicatorRefs: b,
-    currentIndex: i,
-    goToIndex: g
-  })), p(() => {
-    s.current && (s.current = !1);
-  }, []), p(() => {
-    var e;
-    l(((e = c.current) == null ? void 0 : e.currentIndex) ?? n);
-  }, [n]), p(() => {
-    const e = t.every((r) => r.indicatorType === "green-tick");
-    y && e && (I(B.ALL_ACTIVITIES_COMPLETE), h(!0));
-  }, [y, I, t]), /* @__PURE__ */ o(
+    currentIndex: a,
+    goToIndex: s
+  })), v(() => {
+    c.current && (c.current = !1);
+  }, []), v(() => {
+    const e = r.every((t) => t.indicatorType === "green-tick");
+    C && e && (L(B.ALL_ACTIVITIES_COMPLETE), h(!0));
+  }, [C, L, r]), /* @__PURE__ */ o(
     G,
     {
-      ref: c,
-      items: t.map((e, r) => /* @__PURE__ */ o(K, { children: e.element }, r)),
-      defaultIndex: n,
-      transitionDuration: s.current ? 0 : 300,
+      ref: i,
+      items: r.map((e, t) => /* @__PURE__ */ o(K, { children: e.element }, t)),
+      defaultIndex: p,
+      transitionDuration: c.current ? 0 : 300,
       onSwipeLeft: _,
       onSwipeRight: O,
-      children: t.length > 1 && /* @__PURE__ */ o(
-        V,
+      customNavigation: /* @__PURE__ */ o(
+        N,
         {
           $flexDirection: "row",
           $alignItems: "center",
           $justifyContent: "center",
           $position: "absolute",
-          children: /* @__PURE__ */ j(W, { children: [
-            R && /* @__PURE__ */ o(N, { children: /* @__PURE__ */ o(
+          children: /* @__PURE__ */ $(V, { children: [
+            R && /* @__PURE__ */ o(W, { children: /* @__PURE__ */ o(
               Y,
               {
                 src: q.DAILY_WORK_OUT_COMPLETE,
                 settings: z,
-                eventListener: M
+                eventListener: x
               }
             ) }),
-            t.map((e, r) => /* @__PURE__ */ o(
+            r.map((e, t) => /* @__PURE__ */ o(
               U,
               {
-                ref: b[r],
+                ref: b[t],
                 indicatorType: e.indicatorType,
-                isActive: r === i,
-                textToShowInsideIndicator: (r + 1).toString(),
-                onClick: () => $(r)
+                isActive: t === a,
+                textToShowInsideIndicator: (t + 1).toString(),
+                onClick: () => M(t)
               },
-              r
+              t
             ))
           ] })
         }
       )
     }
   );
-}, se = x(A(J));
+}, se = j(A(J));
 export {
   se as Carousel
 };

package/dist/features/circle-games/game-launcher/comps/carousel/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/carousel/carousel.tsx"],"sourcesContent":["import {\n  type ForwardRefRenderFunction,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n  createRef,\n} from 'react';\nimport { type AnimationEventName } from 'lottie-web';\n\nimport useClickHandler from '../../../../ui/hooks/use-click-handler';\nimport { useCircleSounds } from '../../../hooks/use-circle-sounds/use-circle-sounds';\nimport * as Styled from './carousel-styled';\nimport type { ICarouselProps, ICarouselRefs } from './carousel-types';\nimport { CarouselIndicator } from './carousel-indicator/carousel-indicator';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport { allGreenTickLottienAimationSettings } from './constants';\nimport { CircleSoundKey } from '../../../hooks/use-circle-sounds/use-circle-sounds-enums';\nimport type { ISwipableCarouselRefs } from '../../../../ui/swipable-carousel/swipable-carousel-types';\nimport SwipableCarousel from '../../../../ui/swipable-carousel/swipable-carousel';\n\nconst CarouselComponent: ForwardRefRenderFunction<ICarouselRefs, ICarouselProps> = (\n  {\n    items,\n    defaultIndex = 0,\n    analyticsSwipeLeft,\n    analyticsSwipeRight,\n    analyticsIndicatorClick,\n    playAllGreenTickAnimation,\n    onAllGreenTickAnimationComplete,\n  },\n  ref,\n) => {\n  const { playSwipeSound, play } = useCircleSounds();\n  const isFirstMount = useRef(true);\n  const carousalRef = useRef<ISwipableCarouselRefs>(null);\n  const [currIndex, setCurrIndex] = useState(carousalRef.current?.currentIndex ?? defaultIndex);\n  const [playAllGreenTickAnimationLottie, setPlayAllGreenTickAnimationLottie] = useState(false);\n\n  const { handleClick: handlePrevClick } = useClickHandler({\n    analyticsLabel: analyticsSwipeRight.analyticsLabel,\n    analyticsProps: analyticsSwipeRight.analyticsProps,\n  });\n\n  const { handleClick: handleNextClick } = useClickHandler({\n    analyticsLabel: analyticsSwipeLeft.analyticsLabel,\n    analyticsProps: analyticsSwipeLeft.analyticsProps,\n  });\n\n  const { handleClick: handleItemClick } = useClickHandler({\n    analyticsLabel: analyticsIndicatorClick.analyticsLabel,\n    analyticsProps: analyticsIndicatorClick.analyticsProps,\n  });\n\n  const onAllGreenTickLottieAnimationComplete = useCallback(() => {\n    setPlayAllGreenTickAnimationLottie(false);\n    onAllGreenTickAnimationComplete?.();\n  }, [onAllGreenTickAnimationComplete]);\n\n  const allGreenTickAnimationEvent = useMemo(\n    () => ({\n      name: 'complete' as AnimationEventName,\n      callback: onAllGreenTickLottieAnimationComplete,\n    }),\n    [onAllGreenTickLottieAnimationComplete],\n  );\n\n  const indicatorRefs = useMemo(() => items.map(() => createRef<HTMLDivElement>()), [items]);\n\n  const goToIndex = useCallback(\n    (index: number) => {\n      if (index < 0 || index >= items.length || index === currIndex) return;\n      carousalRef.current?.goToIndex(index);\n      setCurrIndex(index);\n    },\n    [currIndex, items.length],\n  );\n\n  const handleCarouselIndicatorClick = useCallback(\n    (index: number) => {\n      playSwipeSound();\n      handleItemClick();\n      setCurrIndex(index);\n      goToIndex(index);\n    },\n    [handleItemClick, playSwipeSound],\n  );\n\n  useImperativeHandle(ref, () => ({\n    indicatorRefs,\n    currentIndex: currIndex,\n    goToIndex,\n  }));\n\n  useEffect(() => {\n    if (isFirstMount.current) {\n      isFirstMount.current = false;\n    }\n  }, []);\n\n  useEffect(() => {\n    setCurrIndex(carousalRef.current?.currentIndex ?? defaultIndex);\n  }, [defaultIndex]);\n\n  useEffect(() => {\n    const playAnimation = items.every(item => item.indicatorType === 'green-tick');\n\n    if (playAllGreenTickAnimation && playAnimation) {\n      play(CircleSoundKey.ALL_ACTIVITIES_COMPLETE);\n      setPlayAllGreenTickAnimationLottie(true);\n    }\n  }, [playAllGreenTickAnimation, play, items]);\n\n  return (\n    <SwipableCarousel\n      ref={carousalRef}\n      items={items.map((item, index) => (\n        <Styled.CarouselItemContainer key={index}>{item.element}</Styled.CarouselItemContainer>\n      ))}\n      defaultIndex={defaultIndex}\n      transitionDuration={isFirstMount.current ? 0 : 300}\n      onSwipeLeft={handleNextClick}\n      onSwipeRight={handlePrevClick}\n    >\n      {items.length > 1 && (\n        <Styled.ExtendedFlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $position=\"absolute\"\n        >\n          <Styled.CarouselIdicatorContainer>\n            {playAllGreenTickAnimationLottie && (\n              <Styled.AllGreenTickLottieWrapper>\n                <LottieAnimation\n                  src={LOTTIE.DAILY_WORK_OUT_COMPLETE}\n                  settings={allGreenTickLottienAimationSettings}\n                  eventListener={allGreenTickAnimationEvent}\n                />\n              </Styled.AllGreenTickLottieWrapper>\n            )}\n            {items.map((item, index) => (\n              <CarouselIndicator\n                ref={indicatorRefs[index]}\n                key={index}\n                indicatorType={item.indicatorType}\n                isActive={index === currIndex}\n                textToShowInsideIndicator={(index + 1).toString()}\n                onClick={() => handleCarouselIndicatorClick(index)}\n              />\n            ))}\n          </Styled.CarouselIdicatorContainer>\n        </Styled.ExtendedFlexView>\n      )}\n    </SwipableCarousel>\n  );\n};\n\nexport const Carousel = memo(forwardRef(CarouselComponent));\n"],"names":["CarouselComponent","items","defaultIndex","analyticsSwipeLeft","analyticsSwipeRight","analyticsIndicatorClick","playAllGreenTickAnimation","onAllGreenTickAnimationComplete","ref","playSwipeSound","play","useCircleSounds","isFirstMount","useRef","carousalRef","currIndex","setCurrIndex","useState","_a","playAllGreenTickAnimationLottie","setPlayAllGreenTickAnimationLottie","handlePrevClick","useClickHandler","handleNextClick","handleItemClick","onAllGreenTickLottieAnimationComplete","useCallback","allGreenTickAnimationEvent","useMemo","indicatorRefs","createRef","goToIndex","index","handleCarouselIndicatorClick","useImperativeHandle","useEffect","playAnimation","item","CircleSoundKey","jsx","SwipableCarousel","Styled.CarouselItemContainer","Styled.ExtendedFlexView","jsxs","Styled.CarouselIdicatorContainer","Styled.AllGreenTickLottieWrapper","LottieAnimation","LOTTIE","allGreenTickLottienAimationSettings","CarouselIndicator","Carousel","memo","forwardRef"],"mappings":"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"}
+{"version":3,"file":"carousel.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/carousel/carousel.tsx"],"sourcesContent":["import {\n  type ForwardRefRenderFunction,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n  createRef,\n} from 'react';\nimport { type AnimationEventName } from 'lottie-web';\n\nimport useClickHandler from '../../../../ui/hooks/use-click-handler';\nimport { useCircleSounds } from '../../../hooks/use-circle-sounds/use-circle-sounds';\nimport * as Styled from './carousel-styled';\nimport type { ICarouselProps, ICarouselRefs } from './carousel-types';\nimport { CarouselIndicator } from './carousel-indicator/carousel-indicator';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport { allGreenTickLottienAimationSettings } from './constants';\nimport { CircleSoundKey } from '../../../hooks/use-circle-sounds/use-circle-sounds-enums';\nimport type { ISwipeableCarouselRefs } from '../../../../ui/swipeable-carousel/swipeable-carousel-types';\nimport SwipeableCarousel from '../../../../ui/swipeable-carousel/swipeable-carousel';\n\nconst CarouselComponent: ForwardRefRenderFunction<ICarouselRefs, ICarouselProps> = (\n  {\n    items,\n    defaultIndex = 0,\n    analyticsSwipeLeft,\n    analyticsSwipeRight,\n    analyticsIndicatorClick,\n    playAllGreenTickAnimation,\n    onAllGreenTickAnimationComplete,\n  },\n  ref,\n) => {\n  const { playSwipeSound, play } = useCircleSounds();\n  const isFirstMount = useRef(true);\n  const carousalRef = useRef<ISwipeableCarouselRefs>(null);\n  const [currIndex, setCurrIndex] = useState(carousalRef.current?.currentIndex ?? defaultIndex);\n  const [playAllGreenTickAnimationLottie, setPlayAllGreenTickAnimationLottie] = useState(false);\n\n  const { handleClick: handlePrevClick } = useClickHandler({\n    analyticsLabel: analyticsSwipeRight.analyticsLabel,\n    analyticsProps: analyticsSwipeRight.analyticsProps,\n  });\n\n  const { handleClick: handleNextClick } = useClickHandler({\n    analyticsLabel: analyticsSwipeLeft.analyticsLabel,\n    analyticsProps: analyticsSwipeLeft.analyticsProps,\n  });\n\n  const { handleClick: handleItemClick } = useClickHandler({\n    analyticsLabel: analyticsIndicatorClick.analyticsLabel,\n    analyticsProps: analyticsIndicatorClick.analyticsProps,\n  });\n\n  const onAllGreenTickLottieAnimationComplete = useCallback(() => {\n    setPlayAllGreenTickAnimationLottie(false);\n    onAllGreenTickAnimationComplete?.();\n  }, [onAllGreenTickAnimationComplete]);\n\n  const allGreenTickAnimationEvent = useMemo(\n    () => ({\n      name: 'complete' as AnimationEventName,\n      callback: onAllGreenTickLottieAnimationComplete,\n    }),\n    [onAllGreenTickLottieAnimationComplete],\n  );\n\n  const indicatorRefs = useMemo(() => items.map(() => createRef<HTMLDivElement>()), [items]);\n\n  const goToIndex = useCallback(\n    (index: number) => {\n      if (index < 0 || index >= items.length || index === currIndex) return;\n      carousalRef.current?.goToIndex(index);\n      setCurrIndex(index);\n    },\n    [currIndex, items.length],\n  );\n\n  const handleCarouselIndicatorClick = useCallback(\n    (index: number) => {\n      playSwipeSound();\n      handleItemClick();\n      setCurrIndex(index);\n      goToIndex(index);\n    },\n    [handleItemClick, playSwipeSound, goToIndex],\n  );\n\n  useImperativeHandle(ref, () => ({\n    indicatorRefs,\n    currentIndex: currIndex,\n    goToIndex,\n  }));\n\n  useEffect(() => {\n    if (isFirstMount.current) {\n      isFirstMount.current = false;\n    }\n  }, []);\n\n  useEffect(() => {\n    const playAnimation = items.every(item => item.indicatorType === 'green-tick');\n\n    if (playAllGreenTickAnimation && playAnimation) {\n      play(CircleSoundKey.ALL_ACTIVITIES_COMPLETE);\n      setPlayAllGreenTickAnimationLottie(true);\n    }\n  }, [playAllGreenTickAnimation, play, items]);\n\n  return (\n    <SwipeableCarousel\n      ref={carousalRef}\n      items={items.map((item, index) => (\n        <Styled.CarouselItemContainer key={index}>{item.element}</Styled.CarouselItemContainer>\n      ))}\n      defaultIndex={defaultIndex}\n      transitionDuration={isFirstMount.current ? 0 : 300}\n      onSwipeLeft={handleNextClick}\n      onSwipeRight={handlePrevClick}\n      customNavigation={\n        <Styled.ExtendedFlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $position=\"absolute\"\n        >\n          <Styled.CarouselIdicatorContainer>\n            {playAllGreenTickAnimationLottie && (\n              <Styled.AllGreenTickLottieWrapper>\n                <LottieAnimation\n                  src={LOTTIE.DAILY_WORK_OUT_COMPLETE}\n                  settings={allGreenTickLottienAimationSettings}\n                  eventListener={allGreenTickAnimationEvent}\n                />\n              </Styled.AllGreenTickLottieWrapper>\n            )}\n            {items.map((item, index) => (\n              <CarouselIndicator\n                ref={indicatorRefs[index]}\n                key={index}\n                indicatorType={item.indicatorType}\n                isActive={index === currIndex}\n                textToShowInsideIndicator={(index + 1).toString()}\n                onClick={() => handleCarouselIndicatorClick(index)}\n              />\n            ))}\n          </Styled.CarouselIdicatorContainer>\n        </Styled.ExtendedFlexView>\n      }\n    />\n  );\n};\n\nexport const Carousel = memo(forwardRef(CarouselComponent));\n"],"names":["CarouselComponent","items","defaultIndex","analyticsSwipeLeft","analyticsSwipeRight","analyticsIndicatorClick","playAllGreenTickAnimation","onAllGreenTickAnimationComplete","ref","playSwipeSound","play","useCircleSounds","isFirstMount","useRef","carousalRef","currIndex","setCurrIndex","useState","_a","playAllGreenTickAnimationLottie","setPlayAllGreenTickAnimationLottie","handlePrevClick","useClickHandler","handleNextClick","handleItemClick","onAllGreenTickLottieAnimationComplete","useCallback","allGreenTickAnimationEvent","useMemo","indicatorRefs","createRef","goToIndex","index","handleCarouselIndicatorClick","useImperativeHandle","useEffect","playAnimation","item","CircleSoundKey","jsx","SwipeableCarousel","Styled.CarouselItemContainer","Styled.ExtendedFlexView","jsxs","Styled.CarouselIdicatorContainer","Styled.AllGreenTickLottieWrapper","LottieAnimation","LOTTIE","allGreenTickLottienAimationSettings","CarouselIndicator","Carousel","memo","forwardRef"],"mappings":"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"}

package/dist/features/timeline/daily-timeline-types.js

@@ -1,7 +1,7 @@
-var N = /* @__PURE__ */ ((r) => (r.COMPLETED = "COMPLETED", r.IN_PROGRESS = "IN_PROGRESS", r.PENDING = "PENDING", r.NOT_STARTED = "NOT_STARTED", r))(N || {}), C = /* @__PURE__ */ ((r) => (r.TEACHER = "TEACHER", r.STUDENT = "STUDENT", r.PARENT = "PARENT", r))(C || {}), E = /* @__PURE__ */ ((r) => (r.CW = "CW", r.HW = "HW", r.CIRCLE = "CIRCLE", r))(E || {});
+var r = /* @__PURE__ */ ((R) => (R.COMPLETED = "COMPLETED", R.IN_PROGRESS = "IN_PROGRESS", R.PENDING = "PENDING", R.NOT_STARTED = "NOT_STARTED", R.WAIT_FOR_REVIEW = "WAIT_FOR_REVIEW", R))(r || {}), E = /* @__PURE__ */ ((R) => (R.TEACHER = "TEACHER", R.STUDENT = "STUDENT", R.PARENT = "PARENT", R))(E || {}), I = /* @__PURE__ */ ((R) => (R.CW = "CW", R.HW = "HW", R.CIRCLE = "CIRCLE", R))(I || {});
 export {
-  E as CARD_TYPE,
-  N as NODE_STATE,
-  C as USER_TYPE
+  I as CARD_TYPE,
+  r as NODE_STATE,
+  E as USER_TYPE
 };
 //# sourceMappingURL=daily-timeline-types.js.map

package/dist/features/timeline/daily-timeline-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"daily-timeline-types.js","sources":["../../../src/features/timeline/daily-timeline-types.ts"],"sourcesContent":["import { type TCourseStream } from '../milestone/create/milestone-create-types';\nimport { type ITimeLineItem, type ITimelineData } from './api/use-daily-timeline-get';\n\nexport enum NODE_STATE {\n  COMPLETED = 'COMPLETED',\n  IN_PROGRESS = 'IN_PROGRESS',\n  PENDING = 'PENDING',\n  NOT_STARTED = 'NOT_STARTED',\n}\n\nexport enum USER_TYPE {\n  TEACHER = 'TEACHER',\n  STUDENT = 'STUDENT',\n  PARENT = 'PARENT',\n}\n\nexport enum CARD_TYPE {\n  CW = 'CW',\n  HW = 'HW',\n  CIRCLE = 'CIRCLE',\n}\n\nexport interface IDailyTimelineProps {\n  userType: USER_TYPE;\n  studentId: string;\n  courseStreams?: TCourseStream[];\n  onPuzzleClick?: (card: ITimeLineItem) => void;\n  onReviewClick?: (\n    userNodeId: string | null,\n    isSatMockTestBlock: boolean,\n    userBlockId: string | null,\n  ) => void;\n  scrollAreaHeight?: string | number;\n}\n\nexport interface IDailyTimelineItemsProps extends IDailyTimelineProps {\n  entry: ITimelineData;\n  isFirstElement: boolean;\n  shouldShowTag: boolean;\n}\n"],"names":["NODE_STATE","USER_TYPE","CARD_TYPE"],"mappings":"AAGY,IAAAA,sBAAAA,OACVA,EAAA,YAAY,aACZA,EAAA,cAAc,eACdA,EAAA,UAAU,WACVA,EAAA,cAAc,eAJJA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UAHCA,IAAAA,KAAA,CAAA,CAAA,GAMAC,sBAAAA,OACVA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,SAAS,UAHCA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"daily-timeline-types.js","sources":["../../../src/features/timeline/daily-timeline-types.ts"],"sourcesContent":["import { type TCourseStream } from '../milestone/create/milestone-create-types';\nimport { type ITimeLineItem, type ITimelineData } from './api/use-daily-timeline-get';\n\nexport enum NODE_STATE {\n  COMPLETED = 'COMPLETED',\n  IN_PROGRESS = 'IN_PROGRESS',\n  PENDING = 'PENDING',\n  NOT_STARTED = 'NOT_STARTED',\n  WAIT_FOR_REVIEW = 'WAIT_FOR_REVIEW',\n}\n\nexport enum USER_TYPE {\n  TEACHER = 'TEACHER',\n  STUDENT = 'STUDENT',\n  PARENT = 'PARENT',\n}\n\nexport enum CARD_TYPE {\n  CW = 'CW',\n  HW = 'HW',\n  CIRCLE = 'CIRCLE',\n}\n\nexport interface IDailyTimelineProps {\n  userType: USER_TYPE;\n  studentId: string;\n  courseStreams?: TCourseStream[];\n  onPuzzleClick?: (card: ITimeLineItem) => void;\n  onReviewClick?: (\n    userNodeId: string | null,\n    isSatMockTestBlock: boolean,\n    userBlockId: string | null,\n  ) => void;\n  scrollAreaHeight?: string | number;\n}\n\nexport interface IDailyTimelineItemsProps extends IDailyTimelineProps {\n  entry: ITimelineData;\n  isFirstElement: boolean;\n  shouldShowTag: boolean;\n}\n"],"names":["NODE_STATE","USER_TYPE","CARD_TYPE"],"mappings":"AAGY,IAAAA,sBAAAA,OACVA,EAAA,YAAY,aACZA,EAAA,cAAc,eACdA,EAAA,UAAU,WACVA,EAAA,cAAc,eACdA,EAAA,kBAAkB,mBALRA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UAHCA,IAAAA,KAAA,CAAA,CAAA,GAMAC,sBAAAA,OACVA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,SAAS,UAHCA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/timeline/monthly-report/comps/achievements/achievements.js

@@ -1,13 +1,14 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { useRef as c, useMemo as a } from "react";
-import { CarousalItem as u, CarouselWrapper as f } from "./achievements.styled.js";
-import l from "../../../../ui/text/text.js";
+import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import { useRef as f, useMemo as l } from "react";
+import { CarousalItem as u, CarouselWrapper as x } from "./achievements.styled.js";
+import a from "../../../../ui/text/text.js";
 import n from "../../../../ui/separator/separator.js";
-import p from "../../../../ui/layout/flex-view.js";
-import x from "../../../../ui/swipable-carousel/swipable-carousel.js";
+import h from "../../../../ui/layout/flex-view.js";
+import c from "../../../../ui/swipeable-carousel/swipeable-carousel.js";
 import { IS_APP_RUNNING_IN_RN as t } from "../../../../../constants/app-config.js";
-const S = ({ achievements: o, studentName: e }) => {
-  const h = c(null), s = a(
+import { dotsConfig as w, navigationConfig as _ } from "./constant.js";
+const L = ({ achievements: o, studentName: e }) => {
+  const m = f(null), s = l(
     () => o.map((i) => /* @__PURE__ */ r(
       u,
       {
@@ -20,41 +21,31 @@ const S = ({ achievements: o, studentName: e }) => {
       i.asset_id
     )),
     [o]
-  ), d = a(
+  ), p = l(
     () => o.length >= 2 ? `Outstanding month! ${e} earned several achievements showing excellent progress across different areas.` : `Great work! ${e} earned new achievements this month, demonstrating growth in their skills.`,
     [o.length, e]
-  ), g = !t && s.length > 1;
-  return o != null && o.length ? /* @__PURE__ */ m(p, { children: [
-    /* @__PURE__ */ r(l, { $renderAs: "ab1-bold", color: "BLACK_1", children: "Achievements" }),
+  ), d = !t && s.length > 1;
+  return o != null && o.length ? /* @__PURE__ */ g(h, { children: [
+    /* @__PURE__ */ r(a, { $renderAs: "ab1-bold", color: "BLACK_1", children: "Achievements" }),
     /* @__PURE__ */ r(n, { heightX: 0.125 }),
-    /* @__PURE__ */ r(p, { $marginBottom: -24, children: /* @__PURE__ */ r(l, { $renderAs: "ub2", color: "BLUE_6", children: d }) }),
+    /* @__PURE__ */ r(h, { $marginBottom: -24, children: /* @__PURE__ */ r(a, { $renderAs: "ub2", color: "BLUE_6", children: p }) }),
     t && /* @__PURE__ */ r(n, { heightX: 1 }),
     /* @__PURE__ */ r(
-      f,
+      x,
       {
         $height: t ? "380px" : "580px",
         $marginBottomX: t ? -0.5 : -1,
         children: /* @__PURE__ */ r(
-          x,
+          c,
           {
-            ref: h,
+            ref: m,
             items: s,
             defaultIndex: 0,
             transitionDuration: 300,
-            showDots: !0,
-            dotsConfig: {
-              dotColor: "BLACK_1",
-              inactiveDotColor: "WHITE_1",
-              activeIndicatorSize: "8px",
-              inactiveIndicatorSize: "8px",
-              spacing: "8px"
-            },
-            showNavigationButtons: g,
-            navigationConfig: {
-              buttonVariant: "secondary",
-              buttonSize: "xsmall",
-              spacing: 8
-            }
+            showIndicators: !0,
+            dotsConfig: w,
+            showNavigationButtons: d,
+            navigationConfig: _
           }
         )
       }
@@ -63,6 +54,6 @@ const S = ({ achievements: o, studentName: e }) => {
   ] }) : null;
 };
 export {
-  S as default
+  L as default
 };
 //# sourceMappingURL=achievements.js.map

package/dist/features/timeline/monthly-report/comps/achievements/achievements.js.map

@@ -1 +1 @@
-{"version":3,"file":"achievements.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/achievements/achievements.tsx"],"sourcesContent":["import { useMemo, useRef, type FC } from 'react';\n\nimport { type IAchievementsProps } from './achievements-types';\nimport type { ISwipableCarouselRefs } from '../../../../ui/swipable-carousel/swipable-carousel-types';\nimport * as Styled from './achievements.styled';\nimport Text from '../../../../ui/text/text';\nimport Separator from '../../../../ui/separator/separator';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport SwipableCarousel from '../../../../ui/swipable-carousel/swipable-carousel';\nimport { IS_APP_RUNNING_IN_RN } from '../../../../../constants/app-config';\n\nconst Achievements: FC<IAchievementsProps> = ({ achievements, studentName }) => {\n  const carouselRef = useRef<ISwipableCarouselRefs>(null);\n\n  const carouselItems = useMemo(\n    () =>\n      achievements.map(achievement => (\n        <Styled.CarousalItem\n          key={achievement.asset_id}\n          src={achievement.url}\n          alt={`Achievement ${achievement.asset_id}`}\n          withLoader\n          height={IS_APP_RUNNING_IN_RN ? '343px' : '480px'}\n          width={IS_APP_RUNNING_IN_RN ? '343px' : '480px'}\n        />\n      )),\n    [achievements],\n  );\n\n  const tipText = useMemo(\n    () =>\n      achievements.length >= 2\n        ? `Outstanding month! ${studentName} earned several achievements showing excellent progress across different areas.`\n        : `Great work! ${studentName} earned new achievements this month, demonstrating growth in their skills.`,\n    [achievements.length, studentName],\n  );\n\n  const showNavigationButtons = !IS_APP_RUNNING_IN_RN && carouselItems.length > 1;\n\n  if (!achievements?.length) {\n    return null;\n  }\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\" color=\"BLACK_1\">\n        Achievements\n      </Text>\n      <Separator heightX={0.125} />\n      <FlexView $marginBottom={-24}>\n        <Text $renderAs=\"ub2\" color=\"BLUE_6\">\n          {tipText}\n        </Text>\n      </FlexView>\n      {IS_APP_RUNNING_IN_RN && <Separator heightX={1} />}\n      <Styled.CarouselWrapper\n        $height={IS_APP_RUNNING_IN_RN ? '380px' : '580px'}\n        $marginBottomX={IS_APP_RUNNING_IN_RN ? -0.5 : -1}\n      >\n        <SwipableCarousel\n          ref={carouselRef}\n          items={carouselItems}\n          defaultIndex={0}\n          transitionDuration={300}\n          showDots={true}\n          dotsConfig={{\n            dotColor: 'BLACK_1',\n            inactiveDotColor: 'WHITE_1',\n            activeIndicatorSize: '8px',\n            inactiveIndicatorSize: '8px',\n            spacing: '8px',\n          }}\n          showNavigationButtons={showNavigationButtons}\n          navigationConfig={{\n            buttonVariant: 'secondary',\n            buttonSize: 'xsmall',\n            spacing: 8,\n          }}\n        />\n      </Styled.CarouselWrapper>\n      <Separator heightX={0.75} />\n    </FlexView>\n  );\n};\n\nexport default Achievements;\n"],"names":["Achievements","achievements","studentName","carouselRef","useRef","carouselItems","useMemo","achievement","jsx","Styled.CarousalItem","IS_APP_RUNNING_IN_RN","tipText","showNavigationButtons","FlexView","Text","Separator","Styled.CarouselWrapper","SwipableCarousel"],"mappings":";;;;;;;;AAWA,MAAMA,IAAuC,CAAC,EAAE,cAAAC,GAAc,aAAAC,QAAkB;AACxE,QAAAC,IAAcC,EAA8B,IAAI,GAEhDC,IAAgBC;AAAA,IACpB,MACEL,EAAa,IAAI,CACfM,MAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,KAAKF,EAAY;AAAA,QACjB,KAAK,eAAeA,EAAY,QAAQ;AAAA,QACxC,YAAU;AAAA,QACV,QAAQG,IAAuB,UAAU;AAAA,QACzC,OAAOA,IAAuB,UAAU;AAAA,MAAA;AAAA,MALnCH,EAAY;AAAA,IAAA,CAOpB;AAAA,IACH,CAACN,CAAY;AAAA,EAAA,GAGTU,IAAUL;AAAA,IACd,MACEL,EAAa,UAAU,IACnB,sBAAsBC,CAAW,oFACjC,eAAeA,CAAW;AAAA,IAChC,CAACD,EAAa,QAAQC,CAAW;AAAA,EAAA,GAG7BU,IAAwB,CAACF,KAAwBL,EAAc,SAAS;AAE1E,SAACJ,KAAA,QAAAA,EAAc,2BAKhBY,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAL,EAACM,GAAK,EAAA,WAAU,YAAW,OAAM,WAAU,UAE3C,gBAAA;AAAA,IACA,gBAAAN,EAACO,GAAU,EAAA,SAAS,MAAO,CAAA;AAAA,IAC3B,gBAAAP,EAACK,GAAS,EAAA,eAAe,KACvB,UAAA,gBAAAL,EAACM,GAAK,EAAA,WAAU,OAAM,OAAM,UACzB,UAAAH,EACH,CAAA,GACF;AAAA,IACCD,KAAwB,gBAAAF,EAACO,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IAChD,gBAAAP;AAAA,MAACQ;AAAAA,MAAA;AAAA,QACC,SAASN,IAAuB,UAAU;AAAA,QAC1C,gBAAgBA,IAAuB,OAAO;AAAA,QAE9C,UAAA,gBAAAF;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,KAAKd;AAAA,YACL,OAAOE;AAAA,YACP,cAAc;AAAA,YACd,oBAAoB;AAAA,YACpB,UAAU;AAAA,YACV,YAAY;AAAA,cACV,UAAU;AAAA,cACV,kBAAkB;AAAA,cAClB,qBAAqB;AAAA,cACrB,uBAAuB;AAAA,cACvB,SAAS;AAAA,YACX;AAAA,YACA,uBAAAO;AAAA,YACA,kBAAkB;AAAA,cAChB,eAAe;AAAA,cACf,YAAY;AAAA,cACZ,SAAS;AAAA,YACX;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAJ,EAACO,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,EAC5B,EAAA,CAAA,IAzCO;AA2CX;"}
+{"version":3,"file":"achievements.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/achievements/achievements.tsx"],"sourcesContent":["import { useMemo, useRef, type FC } from 'react';\n\nimport { type IAchievementsProps } from './achievements-types';\nimport * as Styled from './achievements.styled';\nimport Text from '../../../../ui/text/text';\nimport Separator from '../../../../ui/separator/separator';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport SwipeableCarousel from '../../../../ui/swipeable-carousel/swipeable-carousel';\nimport { IS_APP_RUNNING_IN_RN } from '../../../../../constants/app-config';\nimport type { ISwipeableCarouselRefs } from '../../../../ui/swipeable-carousel/swipeable-carousel-types';\nimport { dotsConfig, navigationConfig } from './constant';\n\nconst Achievements: FC<IAchievementsProps> = ({ achievements, studentName }) => {\n  const carouselRef = useRef<ISwipeableCarouselRefs>(null);\n\n  const carouselItems = useMemo(\n    () =>\n      achievements.map(achievement => (\n        <Styled.CarousalItem\n          key={achievement.asset_id}\n          src={achievement.url}\n          alt={`Achievement ${achievement.asset_id}`}\n          withLoader\n          height={IS_APP_RUNNING_IN_RN ? '343px' : '480px'}\n          width={IS_APP_RUNNING_IN_RN ? '343px' : '480px'}\n        />\n      )),\n    [achievements],\n  );\n\n  const tipText = useMemo(\n    () =>\n      achievements.length >= 2\n        ? `Outstanding month! ${studentName} earned several achievements showing excellent progress across different areas.`\n        : `Great work! ${studentName} earned new achievements this month, demonstrating growth in their skills.`,\n    [achievements.length, studentName],\n  );\n\n  const showNavigationButtons = !IS_APP_RUNNING_IN_RN && carouselItems.length > 1;\n\n  if (!achievements?.length) {\n    return null;\n  }\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ab1-bold\" color=\"BLACK_1\">\n        Achievements\n      </Text>\n      <Separator heightX={0.125} />\n      <FlexView $marginBottom={-24}>\n        <Text $renderAs=\"ub2\" color=\"BLUE_6\">\n          {tipText}\n        </Text>\n      </FlexView>\n      {IS_APP_RUNNING_IN_RN && <Separator heightX={1} />}\n      <Styled.CarouselWrapper\n        $height={IS_APP_RUNNING_IN_RN ? '380px' : '580px'}\n        $marginBottomX={IS_APP_RUNNING_IN_RN ? -0.5 : -1}\n      >\n        <SwipeableCarousel\n          ref={carouselRef}\n          items={carouselItems}\n          defaultIndex={0}\n          transitionDuration={300}\n          showIndicators={true}\n          dotsConfig={dotsConfig}\n          showNavigationButtons={showNavigationButtons}\n          navigationConfig={navigationConfig}\n        />\n      </Styled.CarouselWrapper>\n      <Separator heightX={0.75} />\n    </FlexView>\n  );\n};\n\nexport default Achievements;\n"],"names":["Achievements","achievements","studentName","carouselRef","useRef","carouselItems","useMemo","achievement","jsx","Styled.CarousalItem","IS_APP_RUNNING_IN_RN","tipText","showNavigationButtons","FlexView","Text","Separator","Styled.CarouselWrapper","SwipeableCarousel","dotsConfig","navigationConfig"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAuC,CAAC,EAAE,cAAAC,GAAc,aAAAC,QAAkB;AACxE,QAAAC,IAAcC,EAA+B,IAAI,GAEjDC,IAAgBC;AAAA,IACpB,MACEL,EAAa,IAAI,CACfM,MAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,KAAKF,EAAY;AAAA,QACjB,KAAK,eAAeA,EAAY,QAAQ;AAAA,QACxC,YAAU;AAAA,QACV,QAAQG,IAAuB,UAAU;AAAA,QACzC,OAAOA,IAAuB,UAAU;AAAA,MAAA;AAAA,MALnCH,EAAY;AAAA,IAAA,CAOpB;AAAA,IACH,CAACN,CAAY;AAAA,EAAA,GAGTU,IAAUL;AAAA,IACd,MACEL,EAAa,UAAU,IACnB,sBAAsBC,CAAW,oFACjC,eAAeA,CAAW;AAAA,IAChC,CAACD,EAAa,QAAQC,CAAW;AAAA,EAAA,GAG7BU,IAAwB,CAACF,KAAwBL,EAAc,SAAS;AAE1E,SAACJ,KAAA,QAAAA,EAAc,2BAKhBY,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAL,EAACM,GAAK,EAAA,WAAU,YAAW,OAAM,WAAU,UAE3C,gBAAA;AAAA,IACA,gBAAAN,EAACO,GAAU,EAAA,SAAS,MAAO,CAAA;AAAA,IAC3B,gBAAAP,EAACK,GAAS,EAAA,eAAe,KACvB,UAAA,gBAAAL,EAACM,GAAK,EAAA,WAAU,OAAM,OAAM,UACzB,UAAAH,EACH,CAAA,GACF;AAAA,IACCD,KAAwB,gBAAAF,EAACO,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IAChD,gBAAAP;AAAA,MAACQ;AAAAA,MAAA;AAAA,QACC,SAASN,IAAuB,UAAU;AAAA,QAC1C,gBAAgBA,IAAuB,OAAO;AAAA,QAE9C,UAAA,gBAAAF;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,KAAKd;AAAA,YACL,OAAOE;AAAA,YACP,cAAc;AAAA,YACd,oBAAoB;AAAA,YACpB,gBAAgB;AAAA,YAChB,YAAAa;AAAA,YACA,uBAAAN;AAAA,YACA,kBAAAO;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAX,EAACO,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,EAC5B,EAAA,CAAA,IA/BO;AAiCX;"}

package/dist/features/timeline/monthly-report/comps/achievements/constant.js

@@ -0,0 +1,17 @@
+const i = {
+  dotColor: "BLACK_1",
+  inactiveDotColor: "WHITE_1",
+  activeIndicatorSize: "8px",
+  inactiveIndicatorSize: "8px",
+  spacing: "8px"
+}, o = {
+  buttonVariant: "secondary",
+  buttonSize: "xsmall",
+  spacing: 8,
+  hideOnMobile: !0
+};
+export {
+  i as dotsConfig,
+  o as navigationConfig
+};
+//# sourceMappingURL=constant.js.map

package/dist/features/timeline/monthly-report/comps/achievements/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/achievements/constant.ts"],"sourcesContent":["const dotsConfig = {\n  dotColor: 'BLACK_1',\n  inactiveDotColor: 'WHITE_1',\n  activeIndicatorSize: '8px',\n  inactiveIndicatorSize: '8px',\n  spacing: '8px',\n} as const;\n\nconst navigationConfig = {\n  buttonVariant: 'secondary',\n  buttonSize: 'xsmall',\n  spacing: 8,\n  hideOnMobile: true,\n} as const;\n\nexport { dotsConfig, navigationConfig };\n"],"names":["dotsConfig","navigationConfig"],"mappings":"AAAA,MAAMA,IAAa;AAAA,EACjB,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,SAAS;AACX,GAEMC,IAAmB;AAAA,EACvB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,cAAc;AAChB;"}

package/dist/features/timeline/monthly-report/comps/activities/constants.js

@@ -1,18 +1,18 @@
-import { jsx as E } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { LOTTIE as r } from "../../../../../assets/lottie/lottie.js";
-import _ from "../../../../../assets/line-icons/icons/check2.js";
+import e from "../../../../../assets/line-icons/icons/check2.js";
 import T from "../../../../../assets/line-icons/icons/status.js";
-import e from "../../../../../assets/line-icons/icons/exclamation.js";
+import a from "../../../../../assets/line-icons/icons/exclamation.js";
 import { NODE_STATE as c } from "../../../daily-timeline-types.js";
-import { ILLUSTRATIONS as t } from "../../../../../assets/illustrations/illustrations.js";
+import { ILLUSTRATIONS as E } from "../../../../../assets/illustrations/illustrations.js";
 import { CARD_TYPE as o } from "../../monthly-report-types.js";
-function R(a) {
-  switch (a) {
+function R(_) {
+  switch (_) {
     case o.learn:
       return {
         lottie: r.LEARN,
         color: "YELLOW_2",
-        background: t.NODE_LEARN_BG
+        background: E.NODE_LEARN_BG
       };
     case o.practice:
     case o.smart_practice:
@@ -20,38 +20,38 @@ function R(a) {
       return {
         lottie: r.PRACTICE,
         color: "PURPLE_2",
-        background: t.NODE_PRACTICE_BG
+        background: E.NODE_PRACTICE_BG
       };
     case o.puzzle:
       return {
         lottie: r.PUZZLE,
         color: "PURPLE_2",
-        background: t.NODE_PUZZLE_BG
+        background: E.NODE_PUZZLE_BG
       };
     case o.test:
     case o.diagnostic:
       return {
         lottie: r.TEST,
         color: "ORANGE_2",
-        background: t.NODE_CUSTOM_TEST_BG
+        background: E.NODE_CUSTOM_TEST_BG
       };
     case o.challenge:
       return {
         lottie: r.COMPETITIVE_ARENA,
         color: "ORANGE_2",
-        background: t.NODE_TEST_PREP_BG
+        background: E.NODE_TEST_PREP_BG
       };
     case o.advanced:
       return {
         lottie: r.TEST,
         color: "GREEN_2",
-        background: t.NODE_TEST_PREP_BG
+        background: E.NODE_TEST_PREP_BG
       };
     case o.subjective:
       return {
         lottie: r.SUBJECTIVE,
         color: "BLUE_2",
-        background: t.NODE_SUBJECTIVE_BG
+        background: E.NODE_SUBJECTIVE_BG
       };
     case o.recap:
     case o.remedial:
@@ -59,34 +59,35 @@ function R(a) {
       return {
         lottie: r.RECAP,
         color: "BLUE_2",
-        background: t.NODE_RECAP_BG
+        background: E.NODE_RECAP_BG
       };
     case o.activity:
     case o.wb_activity:
       return {
         lottie: r.ACTIVITY,
         color: "ORANGE_2",
-        background: t.NODE_ACTIVITY_BG
+        background: E.NODE_ACTIVITY_BG
       };
     case o.video:
       return {
         lottie: r.VIDEO,
         color: "GREEN_2",
-        background: t.NODE_VIDEO_BG
+        background: E.NODE_VIDEO_BG
       };
     default:
       return {
         lottie: r.PROJECT,
         color: "GREEN_2",
-        background: t.NODE_PROJECT_BG
+        background: E.NODE_PROJECT_BG
       };
   }
 }
 const P = {
-  [c.COMPLETED]: /* @__PURE__ */ E(_, { color: "WHITE" }),
-  [c.IN_PROGRESS]: /* @__PURE__ */ E(T, { color: "WHITE" }),
-  [c.PENDING]: /* @__PURE__ */ E(e, { color: "WHITE" }),
-  [c.NOT_STARTED]: /* @__PURE__ */ E(e, { color: "WHITE" })
+  [c.COMPLETED]: /* @__PURE__ */ t(e, { color: "WHITE" }),
+  [c.IN_PROGRESS]: /* @__PURE__ */ t(T, { color: "WHITE" }),
+  [c.PENDING]: /* @__PURE__ */ t(a, { color: "WHITE" }),
+  [c.NOT_STARTED]: /* @__PURE__ */ t(a, { color: "WHITE" }),
+  [c.WAIT_FOR_REVIEW]: /* @__PURE__ */ t(e, { color: "WHITE" })
 };
 export {
   R as getCardTypeIconMap,

package/dist/features/timeline/monthly-report/comps/activities/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/activities/constants.tsx"],"sourcesContent":["import { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport StatusIcon from '../../../../../assets/line-icons/icons/status';\nimport ExclamationIcon from '../../../../../assets/line-icons/icons/exclamation';\nimport { NODE_STATE } from '../../../daily-timeline-types';\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { CARD_TYPE } from '../../monthly-report-types';\n\nexport function getCardTypeIconMap(cardType: CARD_TYPE) {\n  switch (cardType) {\n    case CARD_TYPE.learn:\n      return {\n        lottie: LOTTIE.LEARN,\n        color: 'YELLOW_2',\n        background: ILLUSTRATIONS.NODE_LEARN_BG,\n      };\n    case CARD_TYPE.practice:\n    case CARD_TYPE.smart_practice:\n    case CARD_TYPE.sat_mock_test:\n      return {\n        lottie: LOTTIE.PRACTICE,\n        color: 'PURPLE_2',\n        background: ILLUSTRATIONS.NODE_PRACTICE_BG,\n      };\n    case CARD_TYPE.puzzle:\n      return {\n        lottie: LOTTIE.PUZZLE,\n        color: 'PURPLE_2',\n        background: ILLUSTRATIONS.NODE_PUZZLE_BG,\n      };\n    case CARD_TYPE.test:\n    case CARD_TYPE.diagnostic:\n      return {\n        lottie: LOTTIE.TEST,\n        color: 'ORANGE_2',\n        background: ILLUSTRATIONS.NODE_CUSTOM_TEST_BG,\n      };\n    case CARD_TYPE.challenge:\n      return {\n        lottie: LOTTIE.COMPETITIVE_ARENA,\n        color: 'ORANGE_2',\n        background: ILLUSTRATIONS.NODE_TEST_PREP_BG,\n      };\n    case CARD_TYPE.advanced:\n      return {\n        lottie: LOTTIE.TEST,\n        color: 'GREEN_2',\n        background: ILLUSTRATIONS.NODE_TEST_PREP_BG,\n      };\n    case CARD_TYPE.subjective:\n      return {\n        lottie: LOTTIE.SUBJECTIVE,\n        color: 'BLUE_2',\n        background: ILLUSTRATIONS.NODE_SUBJECTIVE_BG,\n      };\n    case CARD_TYPE.recap:\n    case CARD_TYPE.remedial:\n    case CARD_TYPE.revision:\n      return {\n        lottie: LOTTIE.RECAP,\n        color: 'BLUE_2',\n        background: ILLUSTRATIONS.NODE_RECAP_BG,\n      };\n\n    case CARD_TYPE.activity:\n    case CARD_TYPE.wb_activity:\n      return {\n        lottie: LOTTIE.ACTIVITY,\n        color: 'ORANGE_2',\n        background: ILLUSTRATIONS.NODE_ACTIVITY_BG,\n      };\n\n    case CARD_TYPE.video:\n      return {\n        lottie: LOTTIE.VIDEO,\n        color: 'GREEN_2',\n        background: ILLUSTRATIONS.NODE_VIDEO_BG,\n      };\n\n    default:\n      return {\n        lottie: LOTTIE.PROJECT,\n        color: 'GREEN_2',\n        background: ILLUSTRATIONS.NODE_PROJECT_BG,\n      };\n  }\n}\n\nexport const stateIcon = {\n  [NODE_STATE.COMPLETED]: <Check2Icon color=\"WHITE\" />,\n  [NODE_STATE.IN_PROGRESS]: <StatusIcon color=\"WHITE\" />,\n  [NODE_STATE.PENDING]: <ExclamationIcon color=\"WHITE\" />,\n  [NODE_STATE.NOT_STARTED]: <ExclamationIcon color=\"WHITE\" />,\n};\n"],"names":["getCardTypeIconMap","cardType","CARD_TYPE","LOTTIE","ILLUSTRATIONS","stateIcon","NODE_STATE","jsx","Check2Icon","StatusIcon","ExclamationIcon"],"mappings":";;;;;;;;AAQO,SAASA,EAAmBC,GAAqB;AACtD,UAAQA,GAAU;AAAA,IAChB,KAAKC,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AAAA,IACf,KAAKA,EAAU;AAAA,IACf,KAAKA,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AAAA,IACf,KAAKA,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AAAA,IACf,KAAKA,EAAU;AAAA,IACf,KAAKA,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAG9B,KAAKF,EAAU;AAAA,IACf,KAAKA,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAG9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAG9B;AACS,aAAA;AAAA,QACL,QAAQD,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,EAEhC;AACF;AAEO,MAAMC,IAAY;AAAA,EACvB,CAACC,EAAW,SAAS,GAAI,gBAAAC,EAAAC,GAAA,EAAW,OAAM,SAAQ;AAAA,EAClD,CAACF,EAAW,WAAW,GAAI,gBAAAC,EAAAE,GAAA,EAAW,OAAM,SAAQ;AAAA,EACpD,CAACH,EAAW,OAAO,GAAI,gBAAAC,EAAAG,GAAA,EAAgB,OAAM,SAAQ;AAAA,EACrD,CAACJ,EAAW,WAAW,GAAI,gBAAAC,EAAAG,GAAA,EAAgB,OAAM,SAAQ;AAC3D;"}
+{"version":3,"file":"constants.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/activities/constants.tsx"],"sourcesContent":["import { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport StatusIcon from '../../../../../assets/line-icons/icons/status';\nimport ExclamationIcon from '../../../../../assets/line-icons/icons/exclamation';\nimport { NODE_STATE } from '../../../daily-timeline-types';\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { CARD_TYPE } from '../../monthly-report-types';\n\nexport function getCardTypeIconMap(cardType: CARD_TYPE) {\n  switch (cardType) {\n    case CARD_TYPE.learn:\n      return {\n        lottie: LOTTIE.LEARN,\n        color: 'YELLOW_2',\n        background: ILLUSTRATIONS.NODE_LEARN_BG,\n      };\n    case CARD_TYPE.practice:\n    case CARD_TYPE.smart_practice:\n    case CARD_TYPE.sat_mock_test:\n      return {\n        lottie: LOTTIE.PRACTICE,\n        color: 'PURPLE_2',\n        background: ILLUSTRATIONS.NODE_PRACTICE_BG,\n      };\n    case CARD_TYPE.puzzle:\n      return {\n        lottie: LOTTIE.PUZZLE,\n        color: 'PURPLE_2',\n        background: ILLUSTRATIONS.NODE_PUZZLE_BG,\n      };\n    case CARD_TYPE.test:\n    case CARD_TYPE.diagnostic:\n      return {\n        lottie: LOTTIE.TEST,\n        color: 'ORANGE_2',\n        background: ILLUSTRATIONS.NODE_CUSTOM_TEST_BG,\n      };\n    case CARD_TYPE.challenge:\n      return {\n        lottie: LOTTIE.COMPETITIVE_ARENA,\n        color: 'ORANGE_2',\n        background: ILLUSTRATIONS.NODE_TEST_PREP_BG,\n      };\n    case CARD_TYPE.advanced:\n      return {\n        lottie: LOTTIE.TEST,\n        color: 'GREEN_2',\n        background: ILLUSTRATIONS.NODE_TEST_PREP_BG,\n      };\n    case CARD_TYPE.subjective:\n      return {\n        lottie: LOTTIE.SUBJECTIVE,\n        color: 'BLUE_2',\n        background: ILLUSTRATIONS.NODE_SUBJECTIVE_BG,\n      };\n    case CARD_TYPE.recap:\n    case CARD_TYPE.remedial:\n    case CARD_TYPE.revision:\n      return {\n        lottie: LOTTIE.RECAP,\n        color: 'BLUE_2',\n        background: ILLUSTRATIONS.NODE_RECAP_BG,\n      };\n\n    case CARD_TYPE.activity:\n    case CARD_TYPE.wb_activity:\n      return {\n        lottie: LOTTIE.ACTIVITY,\n        color: 'ORANGE_2',\n        background: ILLUSTRATIONS.NODE_ACTIVITY_BG,\n      };\n\n    case CARD_TYPE.video:\n      return {\n        lottie: LOTTIE.VIDEO,\n        color: 'GREEN_2',\n        background: ILLUSTRATIONS.NODE_VIDEO_BG,\n      };\n\n    default:\n      return {\n        lottie: LOTTIE.PROJECT,\n        color: 'GREEN_2',\n        background: ILLUSTRATIONS.NODE_PROJECT_BG,\n      };\n  }\n}\n\nexport const stateIcon = {\n  [NODE_STATE.COMPLETED]: <Check2Icon color=\"WHITE\" />,\n  [NODE_STATE.IN_PROGRESS]: <StatusIcon color=\"WHITE\" />,\n  [NODE_STATE.PENDING]: <ExclamationIcon color=\"WHITE\" />,\n  [NODE_STATE.NOT_STARTED]: <ExclamationIcon color=\"WHITE\" />,\n  [NODE_STATE.WAIT_FOR_REVIEW]: <Check2Icon color=\"WHITE\" />,\n};\n"],"names":["getCardTypeIconMap","cardType","CARD_TYPE","LOTTIE","ILLUSTRATIONS","stateIcon","NODE_STATE","jsx","Check2Icon","StatusIcon","ExclamationIcon"],"mappings":";;;;;;;;AAQO,SAASA,EAAmBC,GAAqB;AACtD,UAAQA,GAAU;AAAA,IAChB,KAAKC,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AAAA,IACf,KAAKA,EAAU;AAAA,IACf,KAAKA,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AAAA,IACf,KAAKA,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAE9B,KAAKF,EAAU;AAAA,IACf,KAAKA,EAAU;AAAA,IACf,KAAKA,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAG9B,KAAKF,EAAU;AAAA,IACf,KAAKA,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAG9B,KAAKF,EAAU;AACN,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,IAG9B;AACS,aAAA;AAAA,QACL,QAAQD,EAAO;AAAA,QACf,OAAO;AAAA,QACP,YAAYC,EAAc;AAAA,MAAA;AAAA,EAEhC;AACF;AAEO,MAAMC,IAAY;AAAA,EACvB,CAACC,EAAW,SAAS,GAAI,gBAAAC,EAAAC,GAAA,EAAW,OAAM,SAAQ;AAAA,EAClD,CAACF,EAAW,WAAW,GAAI,gBAAAC,EAAAE,GAAA,EAAW,OAAM,SAAQ;AAAA,EACpD,CAACH,EAAW,OAAO,GAAI,gBAAAC,EAAAG,GAAA,EAAgB,OAAM,SAAQ;AAAA,EACrD,CAACJ,EAAW,WAAW,GAAI,gBAAAC,EAAAG,GAAA,EAAgB,OAAM,SAAQ;AAAA,EACzD,CAACJ,EAAW,eAAe,GAAI,gBAAAC,EAAAC,GAAA,EAAW,OAAM,SAAQ;AAC1D;"}

package/dist/features/timeline/monthly-report/comps/activities/utils.js

@@ -1,7 +1,7 @@
 import { NODE_STATE as e } from "../../../daily-timeline-types.js";
 const T = (n) => {
   const o = n.filter(
-    (t) => t.state === e.COMPLETED
+    (t) => t.state === e.COMPLETED || t.state === e.WAIT_FOR_REVIEW
   ).length, l = n.filter(
     (t) => t.state === e.IN_PROGRESS
   ).length, r = n.filter(

package/dist/features/timeline/monthly-report/comps/activities/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/activities/utils.ts"],"sourcesContent":["import { type IMonthlyActivity } from '../../monthly-report-types';\nimport { NODE_STATE } from '../../../daily-timeline-types';\n\nexport const countActivitiesByState = (activitiesList: IMonthlyActivity[]) => {\n  const totalDone = activitiesList.filter(\n    activity => activity.state === NODE_STATE.COMPLETED,\n  ).length;\n  const totalPending = activitiesList.filter(\n    activity => activity.state === NODE_STATE.IN_PROGRESS,\n  ).length;\n  const totalOverdue = activitiesList.filter(\n    activity => activity.state === NODE_STATE.PENDING || activity.state === NODE_STATE.NOT_STARTED,\n  ).length;\n\n  return { totalDone, totalPending, totalOverdue };\n};\n"],"names":["countActivitiesByState","activitiesList","totalDone","activity","NODE_STATE","totalPending","totalOverdue"],"mappings":";AAGa,MAAAA,IAAyB,CAACC,MAAuC;AAC5E,QAAMC,IAAYD,EAAe;AAAA,IAC/B,CAAAE,MAAYA,EAAS,UAAUC,EAAW;AAAA,EAC1C,EAAA,QACIC,IAAeJ,EAAe;AAAA,IAClC,CAAAE,MAAYA,EAAS,UAAUC,EAAW;AAAA,EAC1C,EAAA,QACIE,IAAeL,EAAe;AAAA,IAClC,OAAYE,EAAS,UAAUC,EAAW,WAAWD,EAAS,UAAUC,EAAW;AAAA,EACnF,EAAA;AAEK,SAAA,EAAE,WAAAF,GAAW,cAAAG,GAAc,cAAAC;AACpC;"}
+{"version":3,"file":"utils.js","sources":["../../../../../../src/features/timeline/monthly-report/comps/activities/utils.ts"],"sourcesContent":["import { type IMonthlyActivity } from '../../monthly-report-types';\nimport { NODE_STATE } from '../../../daily-timeline-types';\n\nexport const countActivitiesByState = (activitiesList: IMonthlyActivity[]) => {\n  const totalDone = activitiesList.filter(\n    activity =>\n      activity.state === NODE_STATE.COMPLETED || activity.state === NODE_STATE.WAIT_FOR_REVIEW,\n  ).length;\n  const totalPending = activitiesList.filter(\n    activity => activity.state === NODE_STATE.IN_PROGRESS,\n  ).length;\n  const totalOverdue = activitiesList.filter(\n    activity => activity.state === NODE_STATE.PENDING || activity.state === NODE_STATE.NOT_STARTED,\n  ).length;\n\n  return { totalDone, totalPending, totalOverdue };\n};\n"],"names":["countActivitiesByState","activitiesList","totalDone","activity","NODE_STATE","totalPending","totalOverdue"],"mappings":";AAGa,MAAAA,IAAyB,CAACC,MAAuC;AAC5E,QAAMC,IAAYD,EAAe;AAAA,IAC/B,OACEE,EAAS,UAAUC,EAAW,aAAaD,EAAS,UAAUC,EAAW;AAAA,EAC3E,EAAA,QACIC,IAAeJ,EAAe;AAAA,IAClC,CAAAE,MAAYA,EAAS,UAAUC,EAAW;AAAA,EAC1C,EAAA,QACIE,IAAeL,EAAe;AAAA,IAClC,OAAYE,EAAS,UAAUC,EAAW,WAAWD,EAAS,UAAUC,EAAW;AAAA,EACnF,EAAA;AAEK,SAAA,EAAE,WAAAF,GAAW,cAAAG,GAAc,cAAAC;AACpC;"}

package/dist/features/ui/swipeable-carousel/constants.js

@@ -0,0 +1,17 @@
+const t = {
+  dotColor: "BLACK_1",
+  inactiveDotColor: "WHITE_1",
+  activeIndicatorSize: "8px",
+  inactiveIndicatorSize: "8px",
+  spacing: "8px"
+}, i = {
+  buttonVariant: "secondary",
+  buttonSize: "xsmall",
+  spacing: 8,
+  hideOnMobile: !0
+};
+export {
+  t as defaultDotConfig,
+  i as defaultNavigationConfig
+};
+//# sourceMappingURL=constants.js.map

package/dist/features/ui/swipeable-carousel/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/features/ui/swipeable-carousel/constants.ts"],"sourcesContent":["const defaultDotConfig = {\n  dotColor: 'BLACK_1' as const,\n  inactiveDotColor: 'WHITE_1' as const,\n  activeIndicatorSize: '8px',\n  inactiveIndicatorSize: '8px',\n  spacing: '8px',\n};\n\nconst defaultNavigationConfig = {\n  buttonVariant: 'secondary' as const,\n  buttonSize: 'xsmall' as const,\n  spacing: 8,\n  hideOnMobile: true,\n};\n\nexport { defaultDotConfig, defaultNavigationConfig };\n"],"names":["defaultDotConfig","defaultNavigationConfig"],"mappings":"AAAA,MAAMA,IAAmB;AAAA,EACvB,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,SAAS;AACX,GAEMC,IAA0B;AAAA,EAC9B,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,cAAc;AAChB;"}

package/dist/features/ui/{swipable-carousel/swipable-carousel-styled.js → swipeable-carousel/swipeable-carousel-styled.js}

@@ -52,6 +52,6 @@ export {
   l as CarouselItemContainer,
   a as CarouselWrapper,
   c as Dot,
-  d as NavigationConatainer
+  d as NavigationContainer
 };
-//# sourceMappingURL=swipable-carousel-styled.js.map
+//# sourceMappingURL=swipeable-carousel-styled.js.map

package/dist/features/ui/swipeable-carousel/swipeable-carousel-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swipeable-carousel-styled.js","sources":["../../../../src/features/ui/swipeable-carousel/swipeable-carousel-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport type { TColorNames } from '../types';\n\nexport const Carousel = styled.div`\n  width: 100%;\n  height: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  touch-action: none;\n`;\n\nexport const CarouselContent = styled.div`\n  width: 100%;\n  height: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  touch-action: none;\n`;\n\nexport const CarouselWrapper = styled.div<{ $translate?: number; $translateDuration?: number }>`\n  display: flex;\n  width: 100%;\n  flex-grow: 1;\n  transform: ${({ $translate = 0 }) => `translateX(${-$translate}%)`};\n  transition: ${({ $translateDuration }) => `all ${$translateDuration}ms ease-in`};\n  touch-action: none;\n`;\n\nexport const CarouselItemContainer = styled.div`\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-grow: 1;\n  flex-shrink: 0;\n  touch-action: none;\n`;\n\ninterface IDotProps {\n  $isCurrent: boolean;\n  $dotColor: TColorNames;\n  $inactiveDotColor: TColorNames;\n  $activeIndicatorSize: string;\n  $inactiveIndicatorSize: string;\n}\n\nexport const Dot = styled.span<IDotProps>`\n  background: ${({ theme, $isCurrent, $dotColor, $inactiveDotColor }) =>\n    $isCurrent ? theme.colors[$dotColor] : theme.colors[$inactiveDotColor]};\n  border: 1px solid ${({ theme, $dotColor }) => theme.colors[$dotColor]};\n  width: ${({ $isCurrent, $activeIndicatorSize, $inactiveIndicatorSize }) =>\n    $isCurrent ? $activeIndicatorSize : $inactiveIndicatorSize};\n  height: ${({ $isCurrent, $activeIndicatorSize, $inactiveIndicatorSize }) =>\n    $isCurrent ? $activeIndicatorSize : $inactiveIndicatorSize};\n  border-radius: 50%;\n  display: inline-block;\n  transition: all 0.3s ease;\n  cursor: pointer;\n\n  &:hover {\n    opacity: 0.8;\n  }\n`;\n\nexport const NavigationContainer = styled.div<{ $bottom?: string }>`\n  position: absolute;\n  bottom: ${({ $bottom }) => $bottom || '-48px'};\n`;\n"],"names":["Carousel","styled","CarouselWrapper","$translate","$translateDuration","CarouselItemContainer","Dot","theme","$isCurrent","$dotColor","$inactiveDotColor","$activeIndicatorSize","$inactiveIndicatorSize","NavigationContainer","$bottom"],"mappings":";AAIO,MAAMA,IAAWC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASAA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS/B,MAAMC,IAAkBD,EAAO;AAAA;AAAA;AAAA;AAAA,eAIvB,CAAC,EAAE,YAAAE,IAAa,QAAQ,cAAc,CAACA,CAAU,IAAI;AAAA,gBACpD,CAAC,EAAE,oBAAAC,EAAyB,MAAA,OAAOA,CAAkB,YAAY;AAAA;AAAA,GAIpEC,IAAwBJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAkB/BK,IAAML,EAAO;AAAA,gBACV,CAAC,EAAE,OAAAM,GAAO,YAAAC,GAAY,WAAAC,GAAW,mBAAAC,EAAkB,MAC/DF,IAAaD,EAAM,OAAOE,CAAS,IAAIF,EAAM,OAAOG,CAAiB,CAAC;AAAA,sBACpD,CAAC,EAAE,OAAAH,GAAO,WAAAE,EAAA,MAAgBF,EAAM,OAAOE,CAAS,CAAC;AAAA,WAC5D,CAAC,EAAE,YAAAD,GAAY,sBAAAG,GAAsB,wBAAAC,QAC5CJ,IAAaG,IAAuBC,CAAsB;AAAA,YAClD,CAAC,EAAE,YAAAJ,GAAY,sBAAAG,GAAsB,wBAAAC,QAC7CJ,IAAaG,IAAuBC,CAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWjDC,IAAsBZ,EAAO;AAAA;AAAA,YAE9B,CAAC,EAAE,SAAAa,QAAcA,KAAW,OAAO;AAAA;"}

package/dist/features/ui/swipeable-carousel/swipeable-carousel.js

@@ -0,0 +1,145 @@
+import { jsx as o, jsxs as j } from "react/jsx-runtime";
+import { memo as k, forwardRef as q, useState as C, useMemo as z, useCallback as n, useImperativeHandle as J, useEffect as K } from "react";
+import L from "../swipeable-component/swipeable-component.js";
+import M from "../buttons/icon-button/icon-button.js";
+import { Dot as O, NavigationContainer as A, Carousel as Q, CarouselWrapper as U, CarouselItemContainer as Y } from "./swipeable-carousel-styled.js";
+import Z from "../../../assets/line-icons/icons/chevron-left.js";
+import R from "../../../assets/line-icons/icons/chevron-right.js";
+import h from "../layout/flex-view.js";
+import x from "../separator/separator.js";
+import { defaultDotConfig as B, defaultNavigationConfig as g } from "./constants.js";
+const w = ({
+  items: l,
+  customNavigation: E,
+  defaultIndex: S = 0,
+  transitionDuration: F = 300,
+  onSwipeLeft: s,
+  onSwipeRight: m,
+  onIndexChange: e,
+  showIndicators: p = !1,
+  dotsConfig: y,
+  showNavigationButtons: f = !1,
+  navigationConfig: G,
+  onCarouselIndicatorClick: $
+}, H) => {
+  const T = Math.max(0, Math.min(S, l.length - 1)), [r, b] = C(T), v = r > 0, D = r < l.length - 1, i = z(() => ({ ...B, ...y }), [y]), a = z(
+    () => ({ ...g, ...G }),
+    [G]
+  ), c = n(
+    (t) => {
+      t < 0 || t >= l.length || t === r || (b(t), e == null || e(t));
+    },
+    [r, l.length, e]
+  );
+  J(H, () => ({
+    currentIndex: r,
+    goToIndex: c
+  }));
+  const W = n(() => {
+    if (!D) return;
+    const t = r + 1;
+    b(t), e == null || e(t), s == null || s();
+  }, [D, r, s, e]), X = n(() => {
+    if (!v) return;
+    const t = r - 1;
+    b(t), e == null || e(t), m == null || m();
+  }, [v, r, m, e]), N = n(
+    (t) => {
+      c(t), $ == null || $(t);
+    },
+    [c, $]
+  ), P = n(() => {
+    c(r - 1);
+  }, [c, r]), V = n(() => {
+    c(r + 1);
+  }, [c, r]), d = z(() => !p || l.length <= 1 ? null : /* @__PURE__ */ o(h, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", $flexGap: 8, children: l.map((t, u) => /* @__PURE__ */ o(
+    O,
+    {
+      onClick: () => N(u),
+      $isCurrent: u === r,
+      $dotColor: i.dotColor,
+      $inactiveDotColor: i.inactiveDotColor,
+      $activeIndicatorSize: i.activeIndicatorSize,
+      $inactiveIndicatorSize: i.inactiveIndicatorSize
+    },
+    u
+  )) }), [
+    r,
+    i.activeIndicatorSize,
+    i.dotColor,
+    i.inactiveDotColor,
+    i.inactiveIndicatorSize,
+    N,
+    l,
+    p
+  ]), _ = z(() => !f || l.length <= 1 ? null : /* @__PURE__ */ j(A, { $bottom: "-48px", children: [
+    /* @__PURE__ */ o(x, { heightX: 1 }),
+    /* @__PURE__ */ j(
+      h,
+      {
+        $flexDirection: "row",
+        $alignItems: "center",
+        $justifyContent: "center",
+        $flex: 1,
+        $flexGap: a.spacing || 8,
+        children: [
+          /* @__PURE__ */ o(
+            M,
+            {
+              Icon: Z,
+              renderAs: a.buttonVariant,
+              analyticsLabel: "Previous",
+              size: a.buttonSize,
+              onClick: P,
+              disabled: !v,
+              "aria-label": "Previous item"
+            }
+          ),
+          d,
+          /* @__PURE__ */ o(
+            M,
+            {
+              Icon: R,
+              renderAs: a.buttonVariant,
+              analyticsLabel: "Next",
+              size: a.buttonSize,
+              onClick: V,
+              disabled: !D,
+              "aria-label": "Next item"
+            }
+          )
+        ]
+      }
+    )
+  ] }), [
+    D,
+    v,
+    a.buttonSize,
+    a.buttonVariant,
+    a.spacing,
+    V,
+    P,
+    l.length,
+    d,
+    f
+  ]);
+  return K(() => {
+    b(S);
+  }, [S]), /* @__PURE__ */ o(L, { onSwipeLeft: W, onSwipeRight: X, children: /* @__PURE__ */ j(Q, { children: [
+    /* @__PURE__ */ o(
+      U,
+      {
+        $translate: r * 100,
+        $translateDuration: F,
+        children: l.map((t, u) => /* @__PURE__ */ o(Y, { children: t }, u))
+      }
+    ),
+    !p && !f && l.length > 1 && E,
+    p && !f && /* @__PURE__ */ o(A, { $bottom: "-8px", children: d }),
+    f && _
+  ] }) });
+}, ft = k(q(w));
+export {
+  ft as default
+};
+//# sourceMappingURL=swipeable-carousel.js.map

package/dist/features/ui/swipeable-carousel/swipeable-carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swipeable-carousel.js","sources":["../../../../src/features/ui/swipeable-carousel/swipeable-carousel.tsx"],"sourcesContent":["import {\n  type ForwardRefRenderFunction,\n  memo,\n  useCallback,\n  useEffect,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n} from 'react';\n\nimport SwipeableComponent from '../swipeable-component/swipeable-component';\nimport IconButton from '../buttons/icon-button/icon-button';\nimport * as Styled from './swipeable-carousel-styled';\nimport type { ISwipeableCarousel, ISwipeableCarouselRefs } from './swipeable-carousel-types';\nimport ChevronLeft from '../../../assets/line-icons/icons/chevron-left';\nimport ChevronRight from '../../../assets/line-icons/icons/chevron-right';\nimport FlexView from '../layout/flex-view';\nimport Separator from '../separator/separator';\nimport { defaultDotConfig, defaultNavigationConfig } from './constants';\n\nconst SwipeableCarousel: ForwardRefRenderFunction<ISwipeableCarouselRefs, ISwipeableCarousel> = (\n  {\n    items,\n    customNavigation,\n    defaultIndex = 0,\n    transitionDuration = 300,\n    onSwipeLeft,\n    onSwipeRight,\n    onIndexChange,\n    showIndicators = false,\n    dotsConfig,\n    showNavigationButtons = false,\n    navigationConfig,\n    onCarouselIndicatorClick,\n  },\n  ref,\n) => {\n  const validDefaultIndex = Math.max(0, Math.min(defaultIndex, items.length - 1));\n  const [currIndex, setCurrIndex] = useState(validDefaultIndex);\n  const canGoPrevious = currIndex > 0;\n  const canGoNext = currIndex < items.length - 1;\n  const finalDotConfig = useMemo(() => ({ ...defaultDotConfig, ...dotsConfig }), [dotsConfig]);\n  const finalNavigationConfig = useMemo(\n    () => ({ ...defaultNavigationConfig, ...navigationConfig }),\n    [navigationConfig],\n  );\n\n  const goToIndex = useCallback(\n    (index: number) => {\n      if (index < 0 || index >= items.length || index === currIndex) return;\n      setCurrIndex(index);\n      onIndexChange?.(index);\n    },\n    [currIndex, items.length, onIndexChange],\n  );\n\n  useImperativeHandle(ref, () => ({\n    currentIndex: currIndex,\n    goToIndex,\n  }));\n\n  const handleSwipeLeft = useCallback(() => {\n    if (!canGoNext) return;\n\n    const newIndex = currIndex + 1;\n\n    setCurrIndex(newIndex);\n    onIndexChange?.(newIndex);\n    onSwipeLeft?.();\n  }, [canGoNext, currIndex, onSwipeLeft, onIndexChange]);\n\n  const handleSwipeRight = useCallback(() => {\n    if (!canGoPrevious) return;\n\n    const newIndex = currIndex - 1;\n\n    setCurrIndex(newIndex);\n    onIndexChange?.(newIndex);\n    onSwipeRight?.();\n  }, [canGoPrevious, currIndex, onSwipeRight, onIndexChange]);\n\n  const handleDotClick = useCallback(\n    (index: number) => {\n      goToIndex(index);\n      onCarouselIndicatorClick?.(index);\n    },\n    [goToIndex, onCarouselIndicatorClick],\n  );\n\n  const handlePrevious = useCallback(() => {\n    goToIndex(currIndex - 1);\n  }, [goToIndex, currIndex]);\n\n  const handleNext = useCallback(() => {\n    goToIndex(currIndex + 1);\n  }, [goToIndex, currIndex]);\n\n  const renderDots = useMemo(() => {\n    if (!showIndicators || items.length <= 1) return null;\n\n    return (\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={8}>\n        {items.map((_, index) => (\n          <Styled.Dot\n            key={index}\n            onClick={() => handleDotClick(index)}\n            $isCurrent={index === currIndex}\n            $dotColor={finalDotConfig.dotColor}\n            $inactiveDotColor={finalDotConfig.inactiveDotColor}\n            $activeIndicatorSize={finalDotConfig.activeIndicatorSize}\n            $inactiveIndicatorSize={finalDotConfig.inactiveIndicatorSize}\n          />\n        ))}\n      </FlexView>\n    );\n  }, [\n    currIndex,\n    finalDotConfig.activeIndicatorSize,\n    finalDotConfig.dotColor,\n    finalDotConfig.inactiveDotColor,\n    finalDotConfig.inactiveIndicatorSize,\n    handleDotClick,\n    items,\n    showIndicators,\n  ]);\n\n  const renderNavigation = useMemo(() => {\n    if (!showNavigationButtons || items.length <= 1) return null;\n\n    return (\n      <Styled.NavigationContainer $bottom=\"-48px\">\n        <Separator heightX={1} />\n        <FlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $flex={1}\n          $flexGap={finalNavigationConfig.spacing || 8}\n        >\n          <IconButton\n            Icon={ChevronLeft}\n            renderAs={finalNavigationConfig.buttonVariant}\n            analyticsLabel=\"Previous\"\n            size={finalNavigationConfig.buttonSize}\n            onClick={handlePrevious}\n            disabled={!canGoPrevious}\n            aria-label=\"Previous item\"\n          />\n          {renderDots}\n          <IconButton\n            Icon={ChevronRight}\n            renderAs={finalNavigationConfig.buttonVariant}\n            analyticsLabel=\"Next\"\n            size={finalNavigationConfig.buttonSize}\n            onClick={handleNext}\n            disabled={!canGoNext}\n            aria-label=\"Next item\"\n          />\n        </FlexView>\n      </Styled.NavigationContainer>\n    );\n  }, [\n    canGoNext,\n    canGoPrevious,\n    finalNavigationConfig.buttonSize,\n    finalNavigationConfig.buttonVariant,\n    finalNavigationConfig.spacing,\n    handleNext,\n    handlePrevious,\n    items.length,\n    renderDots,\n    showNavigationButtons,\n  ]);\n\n  useEffect(() => {\n    setCurrIndex(defaultIndex);\n  }, [defaultIndex]);\n\n  return (\n    <SwipeableComponent onSwipeLeft={handleSwipeLeft} onSwipeRight={handleSwipeRight}>\n      <Styled.Carousel>\n        <Styled.CarouselWrapper\n          $translate={currIndex * 100}\n          $translateDuration={transitionDuration}\n        >\n          {items.map((item, index) => (\n            <Styled.CarouselItemContainer key={index}>{item}</Styled.CarouselItemContainer>\n          ))}\n        </Styled.CarouselWrapper>\n        {!showIndicators && !showNavigationButtons && items.length > 1 && customNavigation}\n        {showIndicators && !showNavigationButtons && (\n          <Styled.NavigationContainer $bottom=\"-8px\">{renderDots}</Styled.NavigationContainer>\n        )}\n        {showNavigationButtons && renderNavigation}\n      </Styled.Carousel>\n    </SwipeableComponent>\n  );\n};\n\nexport default memo(forwardRef(SwipeableCarousel));\n"],"names":["SwipeableCarousel","items","customNavigation","defaultIndex","transitionDuration","onSwipeLeft","onSwipeRight","onIndexChange","showIndicators","dotsConfig","showNavigationButtons","navigationConfig","onCarouselIndicatorClick","ref","validDefaultIndex","currIndex","setCurrIndex","useState","canGoPrevious","canGoNext","finalDotConfig","useMemo","defaultDotConfig","finalNavigationConfig","defaultNavigationConfig","goToIndex","useCallback","index","useImperativeHandle","handleSwipeLeft","newIndex","handleSwipeRight","handleDotClick","handlePrevious","handleNext","renderDots","jsx","FlexView","_","Styled.Dot","renderNavigation","jsxs","Styled.NavigationContainer","Separator","IconButton","ChevronLeft","ChevronRight","useEffect","SwipeableComponent","Styled.Carousel","Styled.CarouselWrapper","item","Styled.CarouselItemContainer","SwipeableCarousel$1","memo","forwardRef"],"mappings":"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"}

package/dist/index.d.ts

@@ -4091,22 +4091,22 @@ declare interface ISubmitModalProps_2 {
     courseStream: TCourseStream;
 }
 
-export declare interface ISwipableCarousel {
+export declare interface ISwipeableCarousel {
     items: ReactNode[];
-    children?: ReactNode;
+    customNavigation?: ReactNode;
     defaultIndex?: number;
     transitionDuration?: number;
     onSwipeLeft?: () => void;
     onSwipeRight?: () => void;
     onIndexChange?: (index: number) => void;
-    showDots?: boolean;
+    showIndicators?: boolean;
     dotsConfig?: IDotConfig;
     showNavigationButtons?: boolean;
     navigationConfig?: INavigationConfig;
-    onDotClick?: (index: number) => void;
+    onCarouselIndicatorClick?: (index: number) => void;
 }
 
-export declare interface ISwipableCarouselRefs {
+export declare interface ISwipeableCarouselRefs {
     currentIndex: number;
     goToIndex: (index: number) => void;
 }
@@ -5401,7 +5401,8 @@ declare enum NODE_STATE {
     COMPLETED = "COMPLETED",
     IN_PROGRESS = "IN_PROGRESS",
     PENDING = "PENDING",
-    NOT_STARTED = "NOT_STARTED"
+    NOT_STARTED = "NOT_STARTED",
+    WAIT_FOR_REVIEW = "WAIT_FOR_REVIEW"
 }
 
 export declare const NODE_SUB_GROUP: {
@@ -6035,7 +6036,7 @@ export declare const StudentTrialReportModal: MemoExoticComponent<() => JSX.Elem
 
 export declare const SubmitMilestoneModal: FC<ISubmitModalProps>;
 
-export declare const SwipableCarousel: NamedExoticComponent<ISwipableCarousel & RefAttributes<ISwipableCarouselRefs>>;
+export declare const SwipeableCarousel: NamedExoticComponent<ISwipeableCarousel & RefAttributes<ISwipeableCarouselRefs>>;
 
 export declare const SwipeableComponent: React.FC<ISwipeableComponentProps>;
 

package/dist/index.js

@@ -174,7 +174,7 @@ import { default as Rf } from "./features/ui/dot-lottie-animations/dot-lottie-an
 import { default as Df } from "./features/ui/tabs/tabs.js";
 import { default as Nf } from "./features/ui/linear-progress-bar/linear-progress-bar.js";
 import { default as Of } from "./features/ui/swipeable-component/swipeable-component.js";
-import { default as yf } from "./features/ui/swipable-carousel/swipable-carousel.js";
+import { default as yf } from "./features/ui/swipeable-carousel/swipeable-carousel.js";
 import { PLATFORM_EVENTS_STUDENT as Uf } from "./features/analytics-events/platform-events-student.js";
 import { PLATFORM_EVENTS_TEACHER as vf } from "./features/analytics-events/platform-events-teacher.js";
 import { WHITELIST_EVENTS as zf } from "./features/analytics-events/whitelist-events.js";
@@ -684,7 +684,7 @@ export {
   xn as StudentProfileSummaryModal,
   cn as StudentTrialReportModal,
   sm as SubmitMilestoneModal,
-  yf as SwipableCarousel,
+  yf as SwipeableCarousel,
   Of as SwipeableComponent,
   pr as SwitchIcon,
   Rp as TRACKING_ID_STUDENT,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.5.30-as14",
+  "version": "3.5.30-as16",
   "type": "module",
   "files": [
     "dist"

package/dist/features/ui/swipable-carousel/swipable-carousel-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"swipable-carousel-styled.js","sources":["../../../../src/features/ui/swipable-carousel/swipable-carousel-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport type { TColorNames } from '../types';\n\nexport const Carousel = styled.div`\n  width: 100%;\n  height: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  touch-action: none;\n`;\n\nexport const CarouselContent = styled.div`\n  width: 100%;\n  height: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  touch-action: none;\n`;\n\nexport const CarouselWrapper = styled.div<{ $translate?: number; $translateDuration?: number }>`\n  display: flex;\n  width: 100%;\n  flex-grow: 1;\n  transform: ${({ $translate = 0 }) => `translateX(${-$translate}%)`};\n  transition: ${({ $translateDuration }) => `all ${$translateDuration}ms ease-in`};\n  touch-action: none;\n`;\n\nexport const CarouselItemContainer = styled.div`\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-grow: 1;\n  flex-shrink: 0;\n  touch-action: none;\n`;\n\ninterface IDotProps {\n  $isCurrent: boolean;\n  $dotColor: TColorNames;\n  $inactiveDotColor: TColorNames;\n  $activeIndicatorSize: string;\n  $inactiveIndicatorSize: string;\n}\n\nexport const Dot = styled.span<IDotProps>`\n  background: ${({ theme, $isCurrent, $dotColor, $inactiveDotColor }) =>\n    $isCurrent ? theme.colors[$dotColor] : theme.colors[$inactiveDotColor]};\n  border: 1px solid ${({ theme, $dotColor }) => theme.colors[$dotColor]};\n  width: ${({ $isCurrent, $activeIndicatorSize, $inactiveIndicatorSize }) =>\n    $isCurrent ? $activeIndicatorSize : $inactiveIndicatorSize};\n  height: ${({ $isCurrent, $activeIndicatorSize, $inactiveIndicatorSize }) =>\n    $isCurrent ? $activeIndicatorSize : $inactiveIndicatorSize};\n  border-radius: 50%;\n  display: inline-block;\n  transition: all 0.3s ease;\n  cursor: pointer;\n\n  &:hover {\n    opacity: 0.8;\n  }\n`;\n\nexport const NavigationConatainer = styled.div<{ $bottom?: string }>`\n  position: absolute;\n  bottom: ${({ $bottom }) => $bottom || '-48px'};\n`;\n"],"names":["Carousel","styled","CarouselWrapper","$translate","$translateDuration","CarouselItemContainer","Dot","theme","$isCurrent","$dotColor","$inactiveDotColor","$activeIndicatorSize","$inactiveIndicatorSize","NavigationConatainer","$bottom"],"mappings":";AAIO,MAAMA,IAAWC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASAA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS/B,MAAMC,IAAkBD,EAAO;AAAA;AAAA;AAAA;AAAA,eAIvB,CAAC,EAAE,YAAAE,IAAa,QAAQ,cAAc,CAACA,CAAU,IAAI;AAAA,gBACpD,CAAC,EAAE,oBAAAC,EAAyB,MAAA,OAAOA,CAAkB,YAAY;AAAA;AAAA,GAIpEC,IAAwBJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAkB/BK,IAAML,EAAO;AAAA,gBACV,CAAC,EAAE,OAAAM,GAAO,YAAAC,GAAY,WAAAC,GAAW,mBAAAC,EAAkB,MAC/DF,IAAaD,EAAM,OAAOE,CAAS,IAAIF,EAAM,OAAOG,CAAiB,CAAC;AAAA,sBACpD,CAAC,EAAE,OAAAH,GAAO,WAAAE,EAAA,MAAgBF,EAAM,OAAOE,CAAS,CAAC;AAAA,WAC5D,CAAC,EAAE,YAAAD,GAAY,sBAAAG,GAAsB,wBAAAC,QAC5CJ,IAAaG,IAAuBC,CAAsB;AAAA,YAClD,CAAC,EAAE,YAAAJ,GAAY,sBAAAG,GAAsB,wBAAAC,QAC7CJ,IAAaG,IAAuBC,CAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWjDC,IAAuBZ,EAAO;AAAA;AAAA,YAE/B,CAAC,EAAE,SAAAa,QAAcA,KAAW,OAAO;AAAA;"}

package/dist/features/ui/swipable-carousel/swipable-carousel.js

@@ -1,132 +0,0 @@
-import { jsx as i, jsxs as z } from "react/jsx-runtime";
-import { memo as W, forwardRef as x, useState as F, useCallback as l, useImperativeHandle as K, useEffect as L } from "react";
-import O from "../swipeable-component/swipeable-component.js";
-import D from "../buttons/icon-button/icon-button.js";
-import { Carousel as X, CarouselWrapper as g, CarouselItemContainer as k, NavigationConatainer as N, Dot as q } from "./swipable-carousel-styled.js";
-import w from "../../../assets/line-icons/icons/chevron-left.js";
-import B from "../../../assets/line-icons/icons/chevron-right.js";
-import y from "../layout/flex-view.js";
-import J from "../separator/separator.js";
-const Q = {
-  dotColor: "BLACK_1",
-  inactiveDotColor: "WHITE_1",
-  activeIndicatorSize: "8px",
-  inactiveIndicatorSize: "8px",
-  spacing: "8px"
-}, U = {
-  buttonVariant: "secondary",
-  buttonSize: "xsmall",
-  spacing: 8,
-  hideOnMobile: !0
-}, Y = ({
-  items: o,
-  children: h,
-  defaultIndex: b = 0,
-  transitionDuration: j = 300,
-  onSwipeLeft: s,
-  onSwipeRight: u,
-  onIndexChange: e,
-  showDots: C = !1,
-  dotsConfig: G,
-  showNavigationButtons: v = !1,
-  navigationConfig: I,
-  onDotClick: f
-}, P) => {
-  const V = Math.max(0, Math.min(b, o.length - 1)), [r, m] = F(V), $ = r > 0, d = r < o.length - 1, p = { ...Q, ...G }, c = { ...U, ...I }, a = l(
-    (t) => {
-      t < 0 || t >= o.length || t === r || (m(t), e == null || e(t));
-    },
-    [r, o.length, e]
-  ), A = l(() => {
-    if (!d) return;
-    const t = r + 1;
-    m(t), e == null || e(t), s == null || s();
-  }, [d, r, s, e]), M = l(() => {
-    if (!$) return;
-    const t = r - 1;
-    m(t), e == null || e(t), u == null || u();
-  }, [$, r, u, e]), _ = l(
-    (t) => {
-      a(t), f == null || f(t);
-    },
-    [a, f]
-  ), E = l(() => {
-    a(r - 1);
-  }, [a, r]), H = l(() => {
-    a(r + 1);
-  }, [a, r]);
-  K(P, () => ({
-    currentIndex: r,
-    goToIndex: a
-  })), L(() => {
-    m(b);
-  }, [b]);
-  const S = () => !C || o.length <= 1 ? null : /* @__PURE__ */ i(y, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", $flexGap: 8, children: o.map((t, n) => /* @__PURE__ */ i(
-    q,
-    {
-      onClick: () => _(n),
-      $isCurrent: n === r,
-      $dotColor: p.dotColor,
-      $inactiveDotColor: p.inactiveDotColor,
-      $activeIndicatorSize: p.activeIndicatorSize,
-      $inactiveIndicatorSize: p.inactiveIndicatorSize
-    },
-    n
-  )) }), T = () => !v || o.length <= 1 ? null : /* @__PURE__ */ z(N, { $bottom: "-48px", children: [
-    /* @__PURE__ */ i(J, { heightX: 1 }),
-    /* @__PURE__ */ z(
-      y,
-      {
-        $flexDirection: "row",
-        $alignItems: "center",
-        $justifyContent: "center",
-        $flex: 1,
-        $flexGap: c.spacing || 8,
-        children: [
-          /* @__PURE__ */ i(
-            D,
-            {
-              Icon: w,
-              renderAs: c.buttonVariant,
-              analyticsLabel: "Previous",
-              size: c.buttonSize,
-              onClick: E,
-              disabled: !$,
-              "aria-label": "Previous item"
-            }
-          ),
-          S(),
-          /* @__PURE__ */ i(
-            D,
-            {
-              Icon: B,
-              renderAs: c.buttonVariant,
-              analyticsLabel: "Next",
-              size: c.buttonSize,
-              onClick: H,
-              disabled: !d,
-              "aria-label": "Next item"
-            }
-          )
-        ]
-      }
-    )
-  ] });
-  return /* @__PURE__ */ i(O, { onSwipeLeft: A, onSwipeRight: M, children: /* @__PURE__ */ z(X, { children: [
-    /* @__PURE__ */ i(
-      g,
-      {
-        $translate: r * 100,
-        $translateDuration: j,
-        children: o.map((t, n) => /* @__PURE__ */ i(k, { children: t }, n))
-      }
-    ),
-    h,
-    C && !v && /* @__PURE__ */ i(N, { $bottom: "-18px", children: S() }),
-    v && T()
-  ] }) });
-}, ct = W(x(Y));
-export {
-  ct as default
-};
-//# sourceMappingURL=swipable-carousel.js.map

package/dist/features/ui/swipable-carousel/swipable-carousel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"swipable-carousel.js","sources":["../../../../src/features/ui/swipable-carousel/swipable-carousel.tsx"],"sourcesContent":["import {\n  type ForwardRefRenderFunction,\n  memo,\n  useCallback,\n  useEffect,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n} from 'react';\n\nimport SwipeableComponent from '../swipeable-component/swipeable-component';\nimport IconButton from '../buttons/icon-button/icon-button';\nimport * as Styled from './swipable-carousel-styled';\nimport type { ISwipableCarouselRefs, ISwipableCarousel } from './swipable-carousel-types';\nimport ChevronLeft from '../../../assets/line-icons/icons/chevron-left';\nimport ChevronRight from '../../../assets/line-icons/icons/chevron-right';\nimport FlexView from '../layout/flex-view';\nimport Separator from '../separator/separator';\n\n// Default dot configuration\nconst defaultDotConfig = {\n  dotColor: 'BLACK_1' as const,\n  inactiveDotColor: 'WHITE_1' as const,\n  activeIndicatorSize: '8px',\n  inactiveIndicatorSize: '8px',\n  spacing: '8px',\n};\n\n// Default navigation configuration\nconst defaultNavigationConfig = {\n  buttonVariant: 'secondary' as const,\n  buttonSize: 'xsmall' as const,\n  spacing: 8,\n  hideOnMobile: true,\n};\n\nconst SwipableCarousel: ForwardRefRenderFunction<ISwipableCarouselRefs, ISwipableCarousel> = (\n  {\n    items,\n    children,\n    defaultIndex = 0,\n    transitionDuration = 300,\n    onSwipeLeft,\n    onSwipeRight,\n    onIndexChange,\n    showDots = false,\n    dotsConfig,\n    showNavigationButtons = false,\n    navigationConfig,\n    onDotClick,\n  },\n  ref,\n) => {\n  const validDefaultIndex = Math.max(0, Math.min(defaultIndex, items.length - 1));\n  const [currIndex, setCurrIndex] = useState(validDefaultIndex);\n  const canGoPrevious = currIndex > 0;\n  const canGoNext = currIndex < items.length - 1;\n  const finalDotConfig = { ...defaultDotConfig, ...dotsConfig };\n  const finalNavigationConfig = { ...defaultNavigationConfig, ...navigationConfig };\n\n  const goToIndex = useCallback(\n    (index: number) => {\n      if (index < 0 || index >= items.length || index === currIndex) return;\n      setCurrIndex(index);\n      onIndexChange?.(index);\n    },\n    [currIndex, items.length, onIndexChange],\n  );\n\n  const handleSwipeLeft = useCallback(() => {\n    if (!canGoNext) return;\n\n    const newIndex = currIndex + 1;\n\n    setCurrIndex(newIndex);\n    onIndexChange?.(newIndex);\n    onSwipeLeft?.();\n  }, [canGoNext, currIndex, onSwipeLeft, onIndexChange]);\n\n  const handleSwipeRight = useCallback(() => {\n    if (!canGoPrevious) return;\n\n    const newIndex = currIndex - 1;\n\n    setCurrIndex(newIndex);\n    onIndexChange?.(newIndex);\n    onSwipeRight?.();\n  }, [canGoPrevious, currIndex, onSwipeRight, onIndexChange]);\n\n  const handleDotClick = useCallback(\n    (index: number) => {\n      goToIndex(index);\n      onDotClick?.(index);\n    },\n    [goToIndex, onDotClick],\n  );\n\n  const handlePrevious = useCallback(() => {\n    goToIndex(currIndex - 1);\n  }, [goToIndex, currIndex]);\n\n  const handleNext = useCallback(() => {\n    goToIndex(currIndex + 1);\n  }, [goToIndex, currIndex]);\n\n  useImperativeHandle(ref, () => ({\n    currentIndex: currIndex,\n    goToIndex,\n  }));\n\n  useEffect(() => {\n    setCurrIndex(defaultIndex);\n  }, [defaultIndex]);\n\n  const renderDots = () => {\n    if (!showDots || items.length <= 1) return null;\n\n    return (\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={8}>\n        {items.map((_, index) => (\n          <Styled.Dot\n            key={index}\n            onClick={() => handleDotClick(index)}\n            $isCurrent={index === currIndex}\n            $dotColor={finalDotConfig.dotColor}\n            $inactiveDotColor={finalDotConfig.inactiveDotColor}\n            $activeIndicatorSize={finalDotConfig.activeIndicatorSize}\n            $inactiveIndicatorSize={finalDotConfig.inactiveIndicatorSize}\n          />\n        ))}\n      </FlexView>\n    );\n  };\n\n  const renderNavigation = () => {\n    if (!showNavigationButtons || items.length <= 1) return null;\n\n    return (\n      <Styled.NavigationConatainer $bottom=\"-48px\">\n        <Separator heightX={1} />\n        <FlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $flex={1}\n          $flexGap={finalNavigationConfig.spacing || 8}\n        >\n          <IconButton\n            Icon={ChevronLeft}\n            renderAs={finalNavigationConfig.buttonVariant}\n            analyticsLabel=\"Previous\"\n            size={finalNavigationConfig.buttonSize}\n            onClick={handlePrevious}\n            disabled={!canGoPrevious}\n            aria-label=\"Previous item\"\n          />\n          {renderDots()}\n          <IconButton\n            Icon={ChevronRight}\n            renderAs={finalNavigationConfig.buttonVariant}\n            analyticsLabel=\"Next\"\n            size={finalNavigationConfig.buttonSize}\n            onClick={handleNext}\n            disabled={!canGoNext}\n            aria-label=\"Next item\"\n          />\n        </FlexView>\n      </Styled.NavigationConatainer>\n    );\n  };\n\n  return (\n    <SwipeableComponent onSwipeLeft={handleSwipeLeft} onSwipeRight={handleSwipeRight}>\n      <Styled.Carousel>\n        <Styled.CarouselWrapper\n          $translate={currIndex * 100}\n          $translateDuration={transitionDuration}\n        >\n          {items.map((item, index) => (\n            <Styled.CarouselItemContainer key={index}>{item}</Styled.CarouselItemContainer>\n          ))}\n        </Styled.CarouselWrapper>\n        {children}\n        {showDots && !showNavigationButtons && (\n          <Styled.NavigationConatainer $bottom=\"-18px\">{renderDots()}</Styled.NavigationConatainer>\n        )}\n        {showNavigationButtons && renderNavigation()}\n      </Styled.Carousel>\n    </SwipeableComponent>\n  );\n};\n\nexport default memo(forwardRef(SwipableCarousel));\n"],"names":["defaultDotConfig","defaultNavigationConfig","SwipableCarousel","items","children","defaultIndex","transitionDuration","onSwipeLeft","onSwipeRight","onIndexChange","showDots","dotsConfig","showNavigationButtons","navigationConfig","onDotClick","ref","validDefaultIndex","currIndex","setCurrIndex","useState","canGoPrevious","canGoNext","finalDotConfig","finalNavigationConfig","goToIndex","useCallback","index","handleSwipeLeft","newIndex","handleSwipeRight","handleDotClick","handlePrevious","handleNext","useImperativeHandle","useEffect","renderDots","jsx","FlexView","_","Styled.Dot","renderNavigation","jsxs","Styled.NavigationConatainer","Separator","IconButton","ChevronLeft","ChevronRight","SwipeableComponent","Styled.Carousel","Styled.CarouselWrapper","item","Styled.CarouselItemContainer","SwipableCarousel$1","memo","forwardRef"],"mappings":"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"}