@cuemath/leap 2.8.48-rj-beta-1 → 2.8.49

package/dist/features/chapters/chapters-list/chapter-item/chapter-item.js

@@ -1,48 +1,48 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { memo as C, useState as x, useRef as w, useCallback as T, useLayoutEffect as _ } from "react";
-import { useTheme as I } from "styled-components";
-import y from "../../../milestone/create/comps/milestone-progress-v2/milestone-progress-v2.js";
-import j from "../../../ui/arrow-tooltip/arrow-tooltip.js";
-import A from "../../../ui/layout/flex-view.js";
+import { useTheme as y } from "styled-components";
+import j from "../../../milestone/create/comps/milestone-progress-v2/milestone-progress-v2.js";
+import A from "../../../ui/arrow-tooltip/arrow-tooltip.js";
+import I from "../../../ui/layout/flex-view.js";
 import { ChapterItemWrapper as L, ChapterImage as b, ChapterName as H } from "./chapter-item-styled.js";
 const V = C(
-  ({ milestoneId: s, userType: c, chapter: o, onChapterClick: i, itemIndex: l }) => {
-    const p = I(), { gutter: t } = p.layout, f = !!((l + 1) % 2), { name: a, image_url: h, user_chapter_progress: n } = o, { total_core_sheets: u } = n, [d, g] = x(!1), e = w(null), $ = T(() => {
-      i(o);
-    }, [o, i]);
+  ({ milestoneId: t, userType: m, chapter: s, onChapterClick: a, itemIndex: i }) => {
+    const p = y(), { gutter: r } = p.layout, f = !!((i + 1) % 2), { name: l, image_url: h, user_chapter_progress: n } = s, { total_core_sheets: u } = n, [d, g] = x(!1), e = w(null), $ = T(() => {
+      a(s, t);
+    }, [s, t, a]);
     return _(() => {
       e.current && e.current.scrollHeight > e.current.clientHeight && g(!0);
-    }, [e]), /* @__PURE__ */ m(
+    }, [e]), /* @__PURE__ */ c(
       L,
       {
         $justifyContent: "flex-start",
-        $gap: t * 1.25,
-        $gutter: t * 1.25,
+        $gap: r * 1.25,
+        $gutter: r * 1.25,
         $flexDirection: "row",
-        $flexColumnGap: t,
+        $flexColumnGap: r,
         $shouldHaveLeftBorder: f,
         onClick: $,
-        id: `milestone-chapter-${s}-${l}`,
+        id: `milestone-chapter-${t}-${i}`,
         className: "goal-widget-chapter-item",
         children: [
-          /* @__PURE__ */ r(b, { src: h, alt: "Chapter Image" }),
-          /* @__PURE__ */ m(A, { $justifyContent: "center", $flexRowGap: t * 0.75, children: [
-            /* @__PURE__ */ r(
-              j,
+          /* @__PURE__ */ o(b, { src: h, alt: "Chapter Image" }),
+          /* @__PURE__ */ c(I, { $justifyContent: "center", $flexRowGap: r * 0.75, children: [
+            /* @__PURE__ */ o(
+              A,
               {
                 renderAs: "primary",
                 position: "bottom",
-                tooltipItem: a,
+                tooltipItem: l,
                 hidden: !d,
                 widthX: 21.75,
-                children: /* @__PURE__ */ r(H, { ref: e, $renderAs: "ab2", $color: "BLACK_T_87", children: a })
+                children: /* @__PURE__ */ o(H, { ref: e, $renderAs: "ab2", $color: "BLACK_T_87", children: l })
               }
             ),
-            !!u && /* @__PURE__ */ r(
-              y,
+            !!u && /* @__PURE__ */ o(
+              j,
               {
-                userType: c,
-                milestoneId: s,
+                userType: m,
+                milestoneId: t,
                 progressInfo: n
               }
             )

package/dist/features/chapters/chapters-list/chapter-item/chapter-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter-item.js","sources":["../../../../../src/features/chapters/chapters-list/chapter-item/chapter-item.tsx"],"sourcesContent":["import type { IChapterItemProps } from './chapter-item-types';\nimport type { FC } from 'react';\n\nimport { useCallback, useLayoutEffect, useRef, useState, memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport MilestoneProgressInfoV2 from '../../../milestone/create/comps/milestone-progress-v2/milestone-progress-v2';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../ui/layout/flex-view';\nimport * as Styled from './chapter-item-styled';\n\nconst ChapterItem: FC<IChapterItemProps> = memo(\n  ({ milestoneId, userType, chapter, onChapterClick, itemIndex }) => {\n    const theme = useTheme();\n    const { gutter } = theme.layout;\n    const isOddIndex = !!((itemIndex + 1) % 2);\n    const { name, image_url: imageUrl, user_chapter_progress: chapterStats } = chapter;\n    const { total_core_sheets: totalLessons } = chapterStats;\n    const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n    const titleTextRef = useRef<HTMLDivElement>(null);\n\n    const handleOnChapterClick = useCallback(() => {\n      onChapterClick(chapter);\n    }, [chapter, onChapterClick]);\n\n    useLayoutEffect(() => {\n      if (\n        titleTextRef.current &&\n        titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n      ) {\n        setShowTitleTooltip(true);\n      }\n    }, [titleTextRef]);\n\n    return (\n      <Styled.ChapterItemWrapper\n        $justifyContent={'flex-start'}\n        $gap={gutter * 1.25}\n        $gutter={gutter * 1.25}\n        $flexDirection=\"row\"\n        $flexColumnGap={gutter}\n        $shouldHaveLeftBorder={isOddIndex}\n        onClick={handleOnChapterClick}\n        id={`milestone-chapter-${milestoneId}-${itemIndex}`}\n        className=\"goal-widget-chapter-item\"\n      >\n        <Styled.ChapterImage src={imageUrl} alt=\"Chapter Image\" />\n        <FlexView $justifyContent=\"center\" $flexRowGap={gutter * 0.75}>\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"bottom\"\n            tooltipItem={name}\n            hidden={!showTitleTooltip}\n            widthX={21.75}\n          >\n            <Styled.ChapterName ref={titleTextRef} $renderAs=\"ab2\" $color=\"BLACK_T_87\">\n              {name}\n            </Styled.ChapterName>\n          </ArrowTooltip>\n          {!!totalLessons && (\n            <MilestoneProgressInfoV2\n              userType={userType}\n              milestoneId={milestoneId}\n              progressInfo={chapterStats}\n            />\n          )}\n        </FlexView>\n      </Styled.ChapterItemWrapper>\n    );\n  },\n);\n\nexport default ChapterItem;\n"],"names":["ChapterItem","memo","milestoneId","userType","chapter","onChapterClick","itemIndex","theme","useTheme","gutter","isOddIndex","name","imageUrl","chapterStats","totalLessons","showTitleTooltip","setShowTitleTooltip","useState","titleTextRef","useRef","handleOnChapterClick","useCallback","useLayoutEffect","jsxs","Styled.ChapterItemWrapper","jsx","Styled.ChapterImage","FlexView","ArrowTooltip","Styled.ChapterName","MilestoneProgressInfoV2"],"mappings":";;;;;;;AAWA,MAAMA,IAAqCC;AAAA,EACzC,CAAC,EAAE,aAAAC,GAAa,UAAAC,GAAU,SAAAC,GAAS,gBAAAC,GAAgB,WAAAC,QAAgB;AACjE,UAAMC,IAAQC,KACR,EAAE,QAAAC,EAAO,IAAIF,EAAM,QACnBG,IAAa,CAAC,GAAGJ,IAAY,KAAK,IAClC,EAAE,MAAAK,GAAM,WAAWC,GAAU,uBAAuBC,EAAiB,IAAAT,GACrE,EAAE,mBAAmBU,EAAiB,IAAAD,GACtC,CAACE,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxDC,IAAeC,EAAuB,IAAI,GAE1CC,IAAuBC,EAAY,MAAM;AAC7C,MAAAhB,EAAeD,CAAO;AAAA,IAAA,GACrB,CAACA,GAASC,CAAc,CAAC;AAE5B,WAAAiB,EAAgB,MAAM;AACpB,MACEJ,EAAa,WACbA,EAAa,QAAQ,eAAeA,EAAa,QAAQ,gBAEzDF,EAAoB,EAAI;AAAA,IAC1B,GACC,CAACE,CAAY,CAAC,GAGf,gBAAAK;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,iBAAiB;AAAA,QACjB,MAAMf,IAAS;AAAA,QACf,SAASA,IAAS;AAAA,QAClB,gBAAe;AAAA,QACf,gBAAgBA;AAAA,QAChB,uBAAuBC;AAAA,QACvB,SAASU;AAAA,QACT,IAAI,qBAAqBlB,CAAW,IAAII,CAAS;AAAA,QACjD,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAmB,EAACC,GAAA,EAAoB,KAAKd,GAAU,KAAI,iBAAgB;AAAA,4BACvDe,GAAS,EAAA,iBAAgB,UAAS,aAAalB,IAAS,MACvD,UAAA;AAAA,YAAA,gBAAAgB;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,UAAS;AAAA,gBACT,aAAajB;AAAA,gBACb,QAAQ,CAACI;AAAA,gBACT,QAAQ;AAAA,gBAER,UAAA,gBAAAU,EAACI,GAAA,EAAmB,KAAKX,GAAc,WAAU,OAAM,QAAO,cAC3D,UACHP,EAAA,CAAA;AAAA,cAAA;AAAA,YACF;AAAA,YACC,CAAC,CAACG,KACD,gBAAAW;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,UAAA3B;AAAA,gBACA,aAAAD;AAAA,gBACA,cAAcW;AAAA,cAAA;AAAA,YAChB;AAAA,UAAA,GAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"chapter-item.js","sources":["../../../../../src/features/chapters/chapters-list/chapter-item/chapter-item.tsx"],"sourcesContent":["import type { IChapterItemProps } from './chapter-item-types';\nimport type { FC } from 'react';\n\nimport { useCallback, useLayoutEffect, useRef, useState, memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport MilestoneProgressInfoV2 from '../../../milestone/create/comps/milestone-progress-v2/milestone-progress-v2';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../ui/layout/flex-view';\nimport * as Styled from './chapter-item-styled';\n\nconst ChapterItem: FC<IChapterItemProps> = memo(\n  ({ milestoneId, userType, chapter, onChapterClick, itemIndex }) => {\n    const theme = useTheme();\n    const { gutter } = theme.layout;\n    const isOddIndex = !!((itemIndex + 1) % 2);\n    const { name, image_url: imageUrl, user_chapter_progress: chapterStats } = chapter;\n    const { total_core_sheets: totalLessons } = chapterStats;\n    const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n    const titleTextRef = useRef<HTMLDivElement>(null);\n\n    const handleOnChapterClick = useCallback(() => {\n      onChapterClick(chapter, milestoneId);\n    }, [chapter, milestoneId, onChapterClick]);\n\n    useLayoutEffect(() => {\n      if (\n        titleTextRef.current &&\n        titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n      ) {\n        setShowTitleTooltip(true);\n      }\n    }, [titleTextRef]);\n\n    return (\n      <Styled.ChapterItemWrapper\n        $justifyContent={'flex-start'}\n        $gap={gutter * 1.25}\n        $gutter={gutter * 1.25}\n        $flexDirection=\"row\"\n        $flexColumnGap={gutter}\n        $shouldHaveLeftBorder={isOddIndex}\n        onClick={handleOnChapterClick}\n        id={`milestone-chapter-${milestoneId}-${itemIndex}`}\n        className=\"goal-widget-chapter-item\"\n      >\n        <Styled.ChapterImage src={imageUrl} alt=\"Chapter Image\" />\n        <FlexView $justifyContent=\"center\" $flexRowGap={gutter * 0.75}>\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"bottom\"\n            tooltipItem={name}\n            hidden={!showTitleTooltip}\n            widthX={21.75}\n          >\n            <Styled.ChapterName ref={titleTextRef} $renderAs=\"ab2\" $color=\"BLACK_T_87\">\n              {name}\n            </Styled.ChapterName>\n          </ArrowTooltip>\n          {!!totalLessons && (\n            <MilestoneProgressInfoV2\n              userType={userType}\n              milestoneId={milestoneId}\n              progressInfo={chapterStats}\n            />\n          )}\n        </FlexView>\n      </Styled.ChapterItemWrapper>\n    );\n  },\n);\n\nexport default ChapterItem;\n"],"names":["ChapterItem","memo","milestoneId","userType","chapter","onChapterClick","itemIndex","theme","useTheme","gutter","isOddIndex","name","imageUrl","chapterStats","totalLessons","showTitleTooltip","setShowTitleTooltip","useState","titleTextRef","useRef","handleOnChapterClick","useCallback","useLayoutEffect","jsxs","Styled.ChapterItemWrapper","jsx","Styled.ChapterImage","FlexView","ArrowTooltip","Styled.ChapterName","MilestoneProgressInfoV2"],"mappings":";;;;;;;AAWA,MAAMA,IAAqCC;AAAA,EACzC,CAAC,EAAE,aAAAC,GAAa,UAAAC,GAAU,SAAAC,GAAS,gBAAAC,GAAgB,WAAAC,QAAgB;AACjE,UAAMC,IAAQC,KACR,EAAE,QAAAC,EAAO,IAAIF,EAAM,QACnBG,IAAa,CAAC,GAAGJ,IAAY,KAAK,IAClC,EAAE,MAAAK,GAAM,WAAWC,GAAU,uBAAuBC,EAAiB,IAAAT,GACrE,EAAE,mBAAmBU,EAAiB,IAAAD,GACtC,CAACE,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxDC,IAAeC,EAAuB,IAAI,GAE1CC,IAAuBC,EAAY,MAAM;AAC7C,MAAAhB,EAAeD,GAASF,CAAW;AAAA,IAClC,GAAA,CAACE,GAASF,GAAaG,CAAc,CAAC;AAEzC,WAAAiB,EAAgB,MAAM;AACpB,MACEJ,EAAa,WACbA,EAAa,QAAQ,eAAeA,EAAa,QAAQ,gBAEzDF,EAAoB,EAAI;AAAA,IAC1B,GACC,CAACE,CAAY,CAAC,GAGf,gBAAAK;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,iBAAiB;AAAA,QACjB,MAAMf,IAAS;AAAA,QACf,SAASA,IAAS;AAAA,QAClB,gBAAe;AAAA,QACf,gBAAgBA;AAAA,QAChB,uBAAuBC;AAAA,QACvB,SAASU;AAAA,QACT,IAAI,qBAAqBlB,CAAW,IAAII,CAAS;AAAA,QACjD,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAmB,EAACC,GAAA,EAAoB,KAAKd,GAAU,KAAI,iBAAgB;AAAA,4BACvDe,GAAS,EAAA,iBAAgB,UAAS,aAAalB,IAAS,MACvD,UAAA;AAAA,YAAA,gBAAAgB;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,UAAS;AAAA,gBACT,aAAajB;AAAA,gBACb,QAAQ,CAACI;AAAA,gBACT,QAAQ;AAAA,gBAER,UAAA,gBAAAU,EAACI,GAAA,EAAmB,KAAKX,GAAc,WAAU,OAAM,QAAO,cAC3D,UACHP,EAAA,CAAA;AAAA,cAAA;AAAA,YACF;AAAA,YACC,CAAC,CAACG,KACD,gBAAAW;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,UAAA3B;AAAA,gBACA,aAAAD;AAAA,gBACA,cAAcW;AAAA,cAAA;AAAA,YAChB;AAAA,UAAA,GAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/features/circle-games/games/web-view/web-view-analytics-events.js.map

@@ -1 +1 @@
-{"version":3,"file":"web-view-analytics-events.js","sources":["../../../../../src/features/circle-games/games/web-view/web-view-analytics-events.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\nexport enum WEBVIEW_ANALYTICS_EVENTS {\n  ACTIVITY_SEEN = 'activity_seen',\n  ACTIVITY_COMPLETED = 'activity_completed',\n  ACTIVITY_CLOSED = 'activity_closed',\n  ACTIVITY_MATCHING_COMPLETED = 'activity_matching_completed',\n}\n\nexport const WEBVIEW_ANALYTICS_WHITELIST_EVENTS = {\n  [WEBVIEW_ANALYTICS_EVENTS.ACTIVITY_SEEN]: [PLUGINS.MIXPANEL],\n  [WEBVIEW_ANALYTICS_EVENTS.ACTIVITY_MATCHING_COMPLETED]: [PLUGINS.MIXPANEL],\n  [WEBVIEW_ANALYTICS_EVENTS.ACTIVITY_COMPLETED]: [PLUGINS.MIXPANEL],\n  [WEBVIEW_ANALYTICS_EVENTS.ACTIVITY_CLOSED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["WEBVIEW_ANALYTICS_WHITELIST_EVENTS","PLUGINS"],"mappings":";AASO,MAAMA,IAAqC;AAAA,EAC/C,eAAyC,CAACC,EAAQ,QAAQ;AAAA,EAC1D,6BAAuD,CAACA,EAAQ,QAAQ;AAAA,EACxE,oBAA8C,CAACA,EAAQ,QAAQ;AAAA,EAC/D,iBAA2C,CAACA,EAAQ,QAAQ;AAC/D;"}
+{"version":3,"file":"web-view-analytics-events.js","sources":["../../../../../src/features/circle-games/games/web-view/web-view-analytics-events.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\nexport enum WEBVIEW_ANALYTICS_EVENTS {\n  GAME_ANALYTICS = 'game_analytics',\n  ACTIVITY_SEEN = 'activity_seen',\n  ACTIVITY_COMPLETED = 'activity_completed',\n  ACTIVITY_CLOSED = 'activity_closed',\n  ACTIVITY_MATCHING_COMPLETED = 'activity_matching_completed',\n}\n\nexport const WEBVIEW_ANALYTICS_WHITELIST_EVENTS = {\n  [WEBVIEW_ANALYTICS_EVENTS.ACTIVITY_SEEN]: [PLUGINS.MIXPANEL],\n  [WEBVIEW_ANALYTICS_EVENTS.ACTIVITY_MATCHING_COMPLETED]: [PLUGINS.MIXPANEL],\n  [WEBVIEW_ANALYTICS_EVENTS.ACTIVITY_COMPLETED]: [PLUGINS.MIXPANEL],\n  [WEBVIEW_ANALYTICS_EVENTS.ACTIVITY_CLOSED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["WEBVIEW_ANALYTICS_WHITELIST_EVENTS","PLUGINS"],"mappings":";AAUO,MAAMA,IAAqC;AAAA,EAC/C,eAAyC,CAACC,EAAQ,QAAQ;AAAA,EAC1D,6BAAuD,CAACA,EAAQ,QAAQ;AAAA,EACxE,oBAA8C,CAACA,EAAQ,QAAQ;AAAA,EAC/D,iBAA2C,CAACA,EAAQ,QAAQ;AAC/D;"}

package/dist/features/milestone/create/milestone-create-styled.js

@@ -23,7 +23,6 @@ const d = r.div(
   flex-direction: column;
   flex-grow: 1;
   margin-bottom: ${o.layout.gutter * 0.5}px;
-  border: 1px solid ${o.colors.WHITE_5};
   border-radius: ${o.layout.gutter * 0.75}px;
   ${e ? `
         pointer-events: none;
@@ -70,7 +69,7 @@ const d = r.div(
           opacity:  0.85;
         ` : ""}
 `;
-}), $ = r.div`
+}), y = r.div`
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
@@ -83,6 +82,6 @@ export {
   u as HeaderContainer,
   f as HeaderWrapper,
   c as RadioCardIcon,
-  $ as StepperWrapper
+  y as StepperWrapper
 };
 //# sourceMappingURL=milestone-create-styled.js.map

package/dist/features/milestone/create/milestone-create-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-create-styled.js","sources":["../../../../src/features/milestone/create/milestone-create-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../ui/types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\ninterface ContainerProps {\n  $height?: string | number;\n  $minHeight?: string;\n  $viewMode: boolean;\n}\n\nconst Container = styled.div<ContainerProps>(\n  ({ $height, $viewMode, $minHeight }) => `\n  display: flex;\n  flex-direction: column;\n  height: ${$height ? (typeof $height === 'number' ? `${$height}px` : `${$height}`) : 'auto'};\n  min-height: ${$minHeight ? $minHeight : 'auto'};\n  ${\n    $viewMode\n      ? `\n        cursor: not-allowed;\n        border: 2px solid black;\n        border-radius: 8px;\n        transform: scale3d(.9943, .9900, 1);\n        & ${ContentContainer} {\n          pointer-events: auto;\n        }\n      `\n      : ``\n  }\n`,\n);\n\nconst BodyContainer = styled.div<{ $viewMode?: boolean }>(\n  ({ theme, $viewMode }) => `\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  margin-bottom: ${theme.layout.gutter * 0.5}px;\n  border: 1px solid ${theme.colors.WHITE_5};\n  border-radius: ${theme.layout.gutter * 0.75}px;\n  ${\n    $viewMode\n      ? `\n        pointer-events: none;\n        // opacity:  0.85;\n      `\n      : ``\n  }\n`,\n);\n\ninterface IContentContainer {\n  $overflowHidden?: boolean;\n}\n\nconst ContentContainer = styled.div<IContentContainer>(({ $overflowHidden }) => {\n  return `\n    flex-grow: 1;\n    overflow-y: auto;\n\n    ${$overflowHidden && 'overflow: hidden'};\n  `;\n});\n\nconst HeaderContainer = styled(FlexView)(({ theme }) => {\n  return `\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    border-bottom: 1px solid ${theme.colors.WHITE_5};\n    border-top-left-radius: ${theme.layout.gutter * 0.75}px;\n    border-top-right-radius: ${theme.layout.gutter * 0.75}px;\n  `;\n});\n\nconst FooterWrapper = styled(FlexView)(() => {\n  return `\n      align-self: flex-end;\n      position: fixed;\n      bottom: 24px;\n      right: 24px;\n    `;\n});\n\ninterface IRadioCardIconProps {\n  $backgroundColor: TColorNames;\n}\n\nconst RadioCardIcon = styled.img<IRadioCardIconProps>(({ theme, $backgroundColor }) => {\n  const {\n    layout: { gutter },\n    colors,\n  } = theme;\n\n  return `\n    width: ${gutter * 6}px;\n    height: ${gutter * 6}px;\n    background: ${colors[$backgroundColor]};\n    border-radius: ${gutter * 0.5}px;\n  `;\n});\n\nconst HeaderWrapper = styled(FlexView)<{ $viewMode?: boolean }>(({ theme, $viewMode }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    position:relative;\n    min-height:${gutter * 2.75}px;\n    ${\n      $viewMode\n        ? `\n          pointer-events: none;\n          opacity:  0.85;\n        `\n        : ``\n    }\n`;\n});\n\nconst StepperWrapper = styled.div`\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nexport {\n  Container,\n  BodyContainer,\n  ContentContainer,\n  HeaderContainer,\n  FooterWrapper,\n  RadioCardIcon,\n  StepperWrapper,\n  HeaderWrapper,\n};\n"],"names":["Container","styled","$height","$viewMode","$minHeight","ContentContainer","BodyContainer","theme","$overflowHidden","HeaderContainer","FlexView","FooterWrapper","RadioCardIcon","$backgroundColor","gutter","colors","HeaderWrapper","StepperWrapper"],"mappings":";;AAYA,MAAMA,IAAYC,EAAO;AAAA,EACvB,CAAC,EAAE,SAAAC,GAAS,WAAAC,GAAW,YAAAC,EAAiB,MAAA;AAAA;AAAA;AAAA,YAG9BF,IAAW,OAAOA,KAAY,WAAW,GAAGA,CAAO,OAAO,GAAGA,CAAO,KAAM,MAAM;AAAA,gBAC5EE,KAA0B,MAAM;AAAA,IAE5CD,IACI;AAAA;AAAA;AAAA;AAAA;AAAA,YAKIE,CAAgB;AAAA;AAAA;AAAA,UAIpB,EACN;AAAA;AAEF,GAEMC,IAAgBL,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAAM,GAAO,WAAAJ,EAAA,MAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKTI,EAAM,OAAO,SAAS,GAAG;AAAA,sBACtBA,EAAM,OAAO,OAAO;AAAA,mBACvBA,EAAM,OAAO,SAAS,IAAI;AAAA,IAEzCJ,IACI;AAAA;AAAA;AAAA,UAIA,EACN;AAAA;AAEF,GAMME,IAAmBJ,EAAO,IAAuB,CAAC,EAAE,iBAAAO,QACjD;AAAA;AAAA;AAAA;AAAA,MAIHA,KAAmB,kBAAkB;AAAA,GAE1C,GAEKC,IAAkBR,EAAOS,CAAQ,EAAE,CAAC,EAAE,OAAAH,QACnC;AAAA;AAAA;AAAA;AAAA,+BAIsBA,EAAM,OAAO,OAAO;AAAA,8BACrBA,EAAM,OAAO,SAAS,IAAI;AAAA,+BACzBA,EAAM,OAAO,SAAS,IAAI;AAAA,GAExD,GAEKI,IAAgBV,EAAOS,CAAQ,EAAE,MAC9B;AAAA;AAAA;AAAA;AAAA;AAAA,KAMR,GAMKE,IAAgBX,EAAO,IAAyB,CAAC,EAAE,OAAAM,GAAO,kBAAAM,QAAuB;AAC/E,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,IACjB,QAAAC;AAAA,EACE,IAAAR;AAEG,SAAA;AAAA,aACIO,IAAS,CAAC;AAAA,cACTA,IAAS,CAAC;AAAA,kBACNC,EAAOF,CAAgB,CAAC;AAAA,qBACrBC,IAAS,GAAG;AAAA;AAEjC,CAAC,GAEKE,IAAgBf,EAAOS,CAAQ,EAA2B,CAAC,EAAE,OAAAH,GAAO,WAAAJ,QAAgB;AAClF,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAW,EAAO;AAAA,EACf,IAAAP;AAEG,SAAA;AAAA;AAAA,iBAEQO,IAAS,IAAI;AAAA,MAExBX,IACI;AAAA;AAAA;AAAA,YAIA,EACN;AAAA;AAEJ,CAAC,GAEKc,IAAiBhB,EAAO;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"milestone-create-styled.js","sources":["../../../../src/features/milestone/create/milestone-create-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../ui/types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\ninterface ContainerProps {\n  $height?: string | number;\n  $minHeight?: string;\n  $viewMode: boolean;\n}\n\nconst Container = styled.div<ContainerProps>(\n  ({ $height, $viewMode, $minHeight }) => `\n  display: flex;\n  flex-direction: column;\n  height: ${$height ? (typeof $height === 'number' ? `${$height}px` : `${$height}`) : 'auto'};\n  min-height: ${$minHeight ? $minHeight : 'auto'};\n  ${\n    $viewMode\n      ? `\n        cursor: not-allowed;\n        border: 2px solid black;\n        border-radius: 8px;\n        transform: scale3d(.9943, .9900, 1);\n        & ${ContentContainer} {\n          pointer-events: auto;\n        }\n      `\n      : ``\n  }\n`,\n);\n\nconst BodyContainer = styled.div<{ $viewMode?: boolean }>(\n  ({ theme, $viewMode }) => `\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  margin-bottom: ${theme.layout.gutter * 0.5}px;\n  border-radius: ${theme.layout.gutter * 0.75}px;\n  ${\n    $viewMode\n      ? `\n        pointer-events: none;\n        // opacity:  0.85;\n      `\n      : ``\n  }\n`,\n);\n\ninterface IContentContainer {\n  $overflowHidden?: boolean;\n}\n\nconst ContentContainer = styled.div<IContentContainer>(({ $overflowHidden }) => {\n  return `\n    flex-grow: 1;\n    overflow-y: auto;\n\n    ${$overflowHidden && 'overflow: hidden'};\n  `;\n});\n\nconst HeaderContainer = styled(FlexView)(({ theme }) => {\n  return `\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    border-bottom: 1px solid ${theme.colors.WHITE_5};\n    border-top-left-radius: ${theme.layout.gutter * 0.75}px;\n    border-top-right-radius: ${theme.layout.gutter * 0.75}px;\n  `;\n});\n\nconst FooterWrapper = styled(FlexView)(() => {\n  return `\n      align-self: flex-end;\n      position: fixed;\n      bottom: 24px;\n      right: 24px;\n    `;\n});\n\ninterface IRadioCardIconProps {\n  $backgroundColor: TColorNames;\n}\n\nconst RadioCardIcon = styled.img<IRadioCardIconProps>(({ theme, $backgroundColor }) => {\n  const {\n    layout: { gutter },\n    colors,\n  } = theme;\n\n  return `\n    width: ${gutter * 6}px;\n    height: ${gutter * 6}px;\n    background: ${colors[$backgroundColor]};\n    border-radius: ${gutter * 0.5}px;\n  `;\n});\n\nconst HeaderWrapper = styled(FlexView)<{ $viewMode?: boolean }>(({ theme, $viewMode }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    position:relative;\n    min-height:${gutter * 2.75}px;\n    ${\n      $viewMode\n        ? `\n          pointer-events: none;\n          opacity:  0.85;\n        `\n        : ``\n    }\n`;\n});\n\nconst StepperWrapper = styled.div`\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nexport {\n  Container,\n  BodyContainer,\n  ContentContainer,\n  HeaderContainer,\n  FooterWrapper,\n  RadioCardIcon,\n  StepperWrapper,\n  HeaderWrapper,\n};\n"],"names":["Container","styled","$height","$viewMode","$minHeight","ContentContainer","BodyContainer","theme","$overflowHidden","HeaderContainer","FlexView","FooterWrapper","RadioCardIcon","$backgroundColor","gutter","colors","HeaderWrapper","StepperWrapper"],"mappings":";;AAYA,MAAMA,IAAYC,EAAO;AAAA,EACvB,CAAC,EAAE,SAAAC,GAAS,WAAAC,GAAW,YAAAC,EAAiB,MAAA;AAAA;AAAA;AAAA,YAG9BF,IAAW,OAAOA,KAAY,WAAW,GAAGA,CAAO,OAAO,GAAGA,CAAO,KAAM,MAAM;AAAA,gBAC5EE,KAA0B,MAAM;AAAA,IAE5CD,IACI;AAAA;AAAA;AAAA;AAAA;AAAA,YAKIE,CAAgB;AAAA;AAAA;AAAA,UAIpB,EACN;AAAA;AAEF,GAEMC,IAAgBL,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAAM,GAAO,WAAAJ,EAAA,MAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKTI,EAAM,OAAO,SAAS,GAAG;AAAA,mBACzBA,EAAM,OAAO,SAAS,IAAI;AAAA,IAEzCJ,IACI;AAAA;AAAA;AAAA,UAIA,EACN;AAAA;AAEF,GAMME,IAAmBJ,EAAO,IAAuB,CAAC,EAAE,iBAAAO,QACjD;AAAA;AAAA;AAAA;AAAA,MAIHA,KAAmB,kBAAkB;AAAA,GAE1C,GAEKC,IAAkBR,EAAOS,CAAQ,EAAE,CAAC,EAAE,OAAAH,QACnC;AAAA;AAAA;AAAA;AAAA,+BAIsBA,EAAM,OAAO,OAAO;AAAA,8BACrBA,EAAM,OAAO,SAAS,IAAI;AAAA,+BACzBA,EAAM,OAAO,SAAS,IAAI;AAAA,GAExD,GAEKI,IAAgBV,EAAOS,CAAQ,EAAE,MAC9B;AAAA;AAAA;AAAA;AAAA;AAAA,KAMR,GAMKE,IAAgBX,EAAO,IAAyB,CAAC,EAAE,OAAAM,GAAO,kBAAAM,QAAuB;AAC/E,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,IACjB,QAAAC;AAAA,EACE,IAAAR;AAEG,SAAA;AAAA,aACIO,IAAS,CAAC;AAAA,cACTA,IAAS,CAAC;AAAA,kBACNC,EAAOF,CAAgB,CAAC;AAAA,qBACrBC,IAAS,GAAG;AAAA;AAEjC,CAAC,GAEKE,IAAgBf,EAAOS,CAAQ,EAA2B,CAAC,EAAE,OAAAH,GAAO,WAAAJ,QAAgB;AAClF,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAW,EAAO;AAAA,EACf,IAAAP;AAEG,SAAA;AAAA;AAAA,iBAEQO,IAAS,IAAI;AAAA,MAExBX,IACI;AAAA;AAAA;AAAA,YAIA,EACN;AAAA;AAEJ,CAAC,GAEKc,IAAiBhB,EAAO;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -1,90 +1,93 @@
-import { jsxs as s, Fragment as q, jsx as r } from "react/jsx-runtime";
-import z, { memo as H, useState as J } from "react";
+import { jsxs as s, Fragment as J, jsx as i } from "react/jsx-runtime";
+import K, { memo as Q, useState as Y } from "react";
 import m from "../../../ui/layout/flex-view.js";
-import K from "../../../ui/text/text.js";
-import Q from "./milestone-widget/milestone-widget.js";
-import { StyledDownIcon as Y } from "./milestone-widget/milestone-widget-styled.js";
-import Z from "./no-active-milestone/no-active-milestone.js";
-const ae = H(
+import Z from "../../../ui/text/text.js";
+import ee from "./milestone-widget/milestone-widget.js";
+import { StyledDownIcon as te } from "./milestone-widget/milestone-widget-styled.js";
+import ne from "./no-active-milestone/no-active-milestone.js";
+const de = Q(
   ({ milestones: e, studentId: f, milestoneType: n, ...p }) => {
-    const [o, A] = J(!1), {
+    const [o, A] = Y(!1), {
       canCreatePlan: u,
       isClassOngoing: g,
-      isFiltersAdded: h,
-      isStudentPresent: M,
+      isFiltersAdded: M,
+      isStudentPresent: h,
       onAddChapter: C,
-      onAddOutcome: P,
-      onChapterClick: x,
-      onCreatePlan: v,
-      onDelete: I,
-      onDraftPublish: R,
+      onAddOutcome: v,
+      onChapterClick: I,
+      onCreatePlan: P,
+      onDelete: T,
+      onDraftPublish: x,
       onEdit: S,
       onExpandPastMilestones: a,
-      onCreateMilestoneTest: T,
+      onCreateMilestoneTest: R,
       onPreview: w,
       onReattempt: E,
       onReset: D,
       onResume: N,
       onReview: $,
       onStart: F,
-      onAssignResources: O,
-      onUnAssignSheet: V,
-      onTestPreview: _,
-      onTestReview: b,
+      onAssignResources: b,
+      onUnAssignSheet: O,
+      onTestPreview: V,
+      onTestReview: _,
       onTestStart: j,
+      activeMilestoneId: L,
+      activeTabId: k,
+      onWidgetTabSelection: U,
       studentName: l,
-      teacherName: L,
-      parentName: k,
+      teacherName: W,
+      parentName: y,
       userType: c,
-      courseStream: U
+      courseStream: B
     } = p;
     if (!e)
       return null;
-    const i = n === "ACTIVE", d = n === "DRAFT", y = () => {
+    const r = n === "ACTIVE", d = n === "DRAFT", G = () => {
       !o && a && a(), A(!o);
-    }, B = e.some(
+    }, X = e.some(
       (t) => t.milestone_state === "ACTIVE"
-    ), G = e.some(
+    ), q = e.some(
       (t) => t.milestone_state === "DRAFT"
     );
-    return /* @__PURE__ */ s(q, { children: [
-      i && !B && /* @__PURE__ */ r(
-        Z,
+    return /* @__PURE__ */ s(J, { children: [
+      r && !X && /* @__PURE__ */ i(
+        ne,
         {
           canCreatePlan: u,
-          isDraftMilestonePresent: G,
-          isFiltersAdded: h,
-          onCreatePlan: v,
+          isDraftMilestonePresent: q,
+          isFiltersAdded: M,
+          onCreatePlan: P,
           studentName: l,
           userType: c
         }
       ),
       n === "INACTIVE" && !!e.length && /* @__PURE__ */ s(m, { $flexDirection: "row", $alignItems: "center", $justifyContent: "space-between", children: [
-        /* @__PURE__ */ s(K, { $renderAs: "eyebrow1", children: [
+        /* @__PURE__ */ s(Z, { $renderAs: "eyebrow1", children: [
           "PAST LEARNING PLANS & OUTCOMES (",
           e.length,
           ")"
         ] }),
-        /* @__PURE__ */ r(Y, { onClick: y, $expanded: o })
+        /* @__PURE__ */ i(te, { onClick: G, $expanded: o })
       ] }),
-      (d || i || o) && e.map((t, W) => {
-        const { id: X } = t;
-        return /* @__PURE__ */ s(z.Fragment, { children: [
-          /* @__PURE__ */ r(
-            Q,
+      (d || r || o) && e.map((t, z) => {
+        const { id: H } = t;
+        return /* @__PURE__ */ s(K.Fragment, { children: [
+          /* @__PURE__ */ i(
+            ee,
             {
               milestone: t,
               studentId: f,
               studentName: l,
-              parentName: k,
-              teacherName: L,
+              parentName: y,
+              teacherName: W,
               userType: c,
-              onAddOutcome: P,
-              onChapterClick: x,
-              isMilestoneActive: i || d,
+              onAddOutcome: v,
+              onChapterClick: I,
+              isMilestoneActive: r || d,
               milestoneType: n,
               onEdit: S,
-              onCreateMilestoneTest: T,
+              onCreateMilestoneTest: R,
               onPreview: w,
               onReattempt: E,
               onReset: D,
@@ -92,25 +95,28 @@ const ae = H(
               onReview: $,
               onStart: F,
               onAddChapter: C,
-              onDelete: I,
-              onDraftPublish: R,
+              onDelete: T,
+              onDraftPublish: x,
               isClassOngoing: g,
-              isStudentPresent: M,
-              onAssignResources: O,
-              onUnAssignSheet: V,
-              onTestPreview: _,
-              onTestReview: b,
+              isStudentPresent: h,
+              onAssignResources: b,
+              onUnAssignSheet: O,
+              onTestPreview: V,
+              onTestReview: _,
               onTestStart: j,
-              courseStream: U
+              courseStream: B,
+              activeMilestoneId: L,
+              activeTabId: k,
+              onWidgetTabSelection: U
             }
           ),
-          W !== e.length - 1 && /* @__PURE__ */ r(m, { $heightX: 2.625 })
-        ] }, `milestone=${X}`);
+          z !== e.length - 1 && /* @__PURE__ */ i(m, { $heightX: 2.625 })
+        ] }, `milestone=${H}`);
       })
     ] });
   }
 );
 export {
-  ae as default
+  de as default
 };
 //# sourceMappingURL=milestone-list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"milestone-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-list.tsx"],"sourcesContent":["import type { IMilestoneListProps } from './milestone-list-types';\n\nimport React, { memo, useState } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport MilestoneWidget from './milestone-widget/milestone-widget';\nimport { StyledDownIcon } from './milestone-widget/milestone-widget-styled';\nimport NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: React.FC<IMilestoneListProps> = memo(\n  ({ milestones, studentId, milestoneType, ...restMilestoneListProps }) => {\n    const [expandInactiveMilestones, setExpandInactiveMilestones] = useState(false);\n    const {\n      canCreatePlan,\n      isClassOngoing,\n      isFiltersAdded,\n      isStudentPresent,\n      onAddChapter,\n      onAddOutcome,\n      onChapterClick,\n      onCreatePlan,\n      onDelete,\n      onDraftPublish,\n      onEdit,\n      onExpandPastMilestones,\n      onCreateMilestoneTest,\n      onPreview,\n      onReattempt,\n      onReset,\n      onResume,\n      onReview,\n      onStart,\n      onAssignResources,\n      onUnAssignSheet,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n      studentName,\n      teacherName,\n      parentName,\n      userType,\n      courseStream,\n    } = restMilestoneListProps;\n\n    if (!milestones) {\n      return null;\n    }\n\n    const isMilestoneActive = milestoneType === 'ACTIVE';\n    const isDraftMilestone = milestoneType === 'DRAFT';\n\n    const toggleExpand = () => {\n      if (!expandInactiveMilestones && onExpandPastMilestones) {\n        onExpandPastMilestones();\n      }\n      setExpandInactiveMilestones(!expandInactiveMilestones);\n    };\n\n    const activeMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'ACTIVE',\n    );\n    const draftMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'DRAFT',\n    );\n\n    return (\n      <>\n        {isMilestoneActive && !activeMilestonePresent && (\n          <NoActiveMilestone\n            canCreatePlan={canCreatePlan}\n            isDraftMilestonePresent={draftMilestonePresent}\n            isFiltersAdded={isFiltersAdded}\n            onCreatePlan={onCreatePlan}\n            studentName={studentName}\n            userType={userType}\n          />\n        )}\n\n        {milestoneType === 'INACTIVE' && Boolean(milestones.length) && (\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n            <Text $renderAs=\"eyebrow1\">PAST LEARNING PLANS & OUTCOMES ({milestones.length})</Text>\n            <StyledDownIcon onClick={toggleExpand} $expanded={expandInactiveMilestones} />\n          </FlexView>\n        )}\n\n        {(isDraftMilestone || isMilestoneActive || expandInactiveMilestones) &&\n          milestones.map((milestone, idx) => {\n            const { id: milestoneId } = milestone;\n\n            return (\n              <React.Fragment key={`milestone=${milestoneId}`}>\n                <MilestoneWidget\n                  milestone={milestone}\n                  studentId={studentId}\n                  studentName={studentName}\n                  parentName={parentName}\n                  teacherName={teacherName}\n                  userType={userType}\n                  onAddOutcome={onAddOutcome}\n                  onChapterClick={onChapterClick}\n                  isMilestoneActive={isMilestoneActive || isDraftMilestone}\n                  milestoneType={milestoneType}\n                  onEdit={onEdit}\n                  onCreateMilestoneTest={onCreateMilestoneTest}\n                  onPreview={onPreview}\n                  onReattempt={onReattempt}\n                  onReset={onReset}\n                  onResume={onResume}\n                  onReview={onReview}\n                  onStart={onStart}\n                  onAddChapter={onAddChapter}\n                  onDelete={onDelete}\n                  onDraftPublish={onDraftPublish}\n                  isClassOngoing={isClassOngoing}\n                  isStudentPresent={isStudentPresent}\n                  onAssignResources={onAssignResources}\n                  onUnAssignSheet={onUnAssignSheet}\n                  onTestPreview={onTestPreview}\n                  onTestReview={onTestReview}\n                  onTestStart={onTestStart}\n                  courseStream={courseStream}\n                />\n                {idx !== milestones.length - 1 && <FlexView $heightX={2.625} />}\n              </React.Fragment>\n            );\n          })}\n      </>\n    );\n  },\n);\n\nexport default MilestoneList;\n"],"names":["MilestoneList","memo","milestones","studentId","milestoneType","restMilestoneListProps","expandInactiveMilestones","setExpandInactiveMilestones","useState","canCreatePlan","isClassOngoing","isFiltersAdded","isStudentPresent","onAddChapter","onAddOutcome","onChapterClick","onCreatePlan","onDelete","onDraftPublish","onEdit","onExpandPastMilestones","onCreateMilestoneTest","onPreview","onReattempt","onReset","onResume","onReview","onStart","onAssignResources","onUnAssignSheet","onTestPreview","onTestReview","onTestStart","studentName","teacherName","parentName","userType","courseStream","isMilestoneActive","isDraftMilestone","toggleExpand","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","NoActiveMilestone","FlexView","Text","StyledDownIcon","idx","milestoneId","React","MilestoneWidget"],"mappings":"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"}
+{"version":3,"file":"milestone-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-list.tsx"],"sourcesContent":["import type { IMilestoneListProps } from './milestone-list-types';\n\nimport React, { memo, useState } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport MilestoneWidget from './milestone-widget/milestone-widget';\nimport { StyledDownIcon } from './milestone-widget/milestone-widget-styled';\nimport NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: React.FC<IMilestoneListProps> = memo(\n  ({ milestones, studentId, milestoneType, ...restMilestoneListProps }) => {\n    const [expandInactiveMilestones, setExpandInactiveMilestones] = useState(false);\n    const {\n      canCreatePlan,\n      isClassOngoing,\n      isFiltersAdded,\n      isStudentPresent,\n      onAddChapter,\n      onAddOutcome,\n      onChapterClick,\n      onCreatePlan,\n      onDelete,\n      onDraftPublish,\n      onEdit,\n      onExpandPastMilestones,\n      onCreateMilestoneTest,\n      onPreview,\n      onReattempt,\n      onReset,\n      onResume,\n      onReview,\n      onStart,\n      onAssignResources,\n      onUnAssignSheet,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n      activeMilestoneId,\n      activeTabId,\n      onWidgetTabSelection,\n      studentName,\n      teacherName,\n      parentName,\n      userType,\n      courseStream,\n    } = restMilestoneListProps;\n\n    if (!milestones) {\n      return null;\n    }\n\n    const isMilestoneActive = milestoneType === 'ACTIVE';\n    const isDraftMilestone = milestoneType === 'DRAFT';\n\n    const toggleExpand = () => {\n      if (!expandInactiveMilestones && onExpandPastMilestones) {\n        onExpandPastMilestones();\n      }\n      setExpandInactiveMilestones(!expandInactiveMilestones);\n    };\n\n    const activeMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'ACTIVE',\n    );\n    const draftMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'DRAFT',\n    );\n\n    return (\n      <>\n        {isMilestoneActive && !activeMilestonePresent && (\n          <NoActiveMilestone\n            canCreatePlan={canCreatePlan}\n            isDraftMilestonePresent={draftMilestonePresent}\n            isFiltersAdded={isFiltersAdded}\n            onCreatePlan={onCreatePlan}\n            studentName={studentName}\n            userType={userType}\n          />\n        )}\n\n        {milestoneType === 'INACTIVE' && Boolean(milestones.length) && (\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n            <Text $renderAs=\"eyebrow1\">PAST LEARNING PLANS & OUTCOMES ({milestones.length})</Text>\n            <StyledDownIcon onClick={toggleExpand} $expanded={expandInactiveMilestones} />\n          </FlexView>\n        )}\n\n        {(isDraftMilestone || isMilestoneActive || expandInactiveMilestones) &&\n          milestones.map((milestone, idx) => {\n            const { id: milestoneId } = milestone;\n\n            return (\n              <React.Fragment key={`milestone=${milestoneId}`}>\n                <MilestoneWidget\n                  milestone={milestone}\n                  studentId={studentId}\n                  studentName={studentName}\n                  parentName={parentName}\n                  teacherName={teacherName}\n                  userType={userType}\n                  onAddOutcome={onAddOutcome}\n                  onChapterClick={onChapterClick}\n                  isMilestoneActive={isMilestoneActive || isDraftMilestone}\n                  milestoneType={milestoneType}\n                  onEdit={onEdit}\n                  onCreateMilestoneTest={onCreateMilestoneTest}\n                  onPreview={onPreview}\n                  onReattempt={onReattempt}\n                  onReset={onReset}\n                  onResume={onResume}\n                  onReview={onReview}\n                  onStart={onStart}\n                  onAddChapter={onAddChapter}\n                  onDelete={onDelete}\n                  onDraftPublish={onDraftPublish}\n                  isClassOngoing={isClassOngoing}\n                  isStudentPresent={isStudentPresent}\n                  onAssignResources={onAssignResources}\n                  onUnAssignSheet={onUnAssignSheet}\n                  onTestPreview={onTestPreview}\n                  onTestReview={onTestReview}\n                  onTestStart={onTestStart}\n                  courseStream={courseStream}\n                  activeMilestoneId={activeMilestoneId}\n                  activeTabId={activeTabId}\n                  onWidgetTabSelection={onWidgetTabSelection}\n                />\n                {idx !== milestones.length - 1 && <FlexView $heightX={2.625} />}\n              </React.Fragment>\n            );\n          })}\n      </>\n    );\n  },\n);\n\nexport default MilestoneList;\n"],"names":["MilestoneList","memo","milestones","studentId","milestoneType","restMilestoneListProps","expandInactiveMilestones","setExpandInactiveMilestones","useState","canCreatePlan","isClassOngoing","isFiltersAdded","isStudentPresent","onAddChapter","onAddOutcome","onChapterClick","onCreatePlan","onDelete","onDraftPublish","onEdit","onExpandPastMilestones","onCreateMilestoneTest","onPreview","onReattempt","onReset","onResume","onReview","onStart","onAssignResources","onUnAssignSheet","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","isMilestoneActive","isDraftMilestone","toggleExpand","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","NoActiveMilestone","FlexView","Text","StyledDownIcon","idx","milestoneId","React","MilestoneWidget"],"mappings":";;;;;;;AAUA,MAAMA,KAA+CC;AAAA,EACnD,CAAC,EAAE,YAAAC,GAAY,WAAAC,GAAW,eAAAC,GAAe,GAAGC,QAA6B;AACvE,UAAM,CAACC,GAA0BC,CAA2B,IAAIC,EAAS,EAAK,GACxE;AAAA,MACJ,eAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,UAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,QAAAC;AAAA,MACA,wBAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,WAAAC;AAAA,MACA,aAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,cAAAC;AAAA,MACA,aAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,YAAAC;AAAA,MACA,UAAAC;AAAA,MACA,cAAAC;AAAA,IACE,IAAAnC;AAEJ,QAAI,CAACH;AACI,aAAA;AAGT,UAAMuC,IAAoBrC,MAAkB,UACtCsC,IAAmBtC,MAAkB,SAErCuC,IAAe,MAAM;AACrB,MAAA,CAACrC,KAA4Bc,KACRA,KAEzBb,EAA4B,CAACD,CAAwB;AAAA,IAAA,GAGjDsC,IAAyB1C,EAAW;AAAA,MACxC,CAAA2C,MAAaA,EAAU,oBAAoB;AAAA,IAAA,GAEvCC,IAAwB5C,EAAW;AAAA,MACvC,CAAA2C,MAAaA,EAAU,oBAAoB;AAAA,IAAA;AAG7C,WAEK,gBAAAE,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAAP,KAAqB,CAACG,KACrB,gBAAAK;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,eAAAzC;AAAA,UACA,yBAAyBqC;AAAA,UACzB,gBAAAnC;AAAA,UACA,cAAAK;AAAA,UACA,aAAAoB;AAAA,UACA,UAAAG;AAAA,QAAA;AAAA,MACF;AAAA,MAGDnC,MAAkB,cAAc,EAAQF,EAAW,UACjD,gBAAA6C,EAAAI,GAAA,EAAS,gBAAe,OAAM,aAAY,UAAS,iBAAgB,iBAClE,UAAA;AAAA,QAAC,gBAAAJ,EAAAK,GAAA,EAAK,WAAU,YAAW,UAAA;AAAA,UAAA;AAAA,UAAiClD,EAAW;AAAA,UAAO;AAAA,QAAA,GAAC;AAAA,QAC9E,gBAAA+C,EAAAI,IAAA,EAAe,SAASV,GAAc,WAAWrC,GAA0B;AAAA,MAAA,GAC9E;AAAA,OAGAoC,KAAoBD,KAAqBnC,MACzCJ,EAAW,IAAI,CAAC2C,GAAWS,MAAQ;AAC3B,cAAA,EAAE,IAAIC,EAAgB,IAAAV;AAG1B,eAAA,gBAAAE,EAACS,EAAM,UAAN,EACC,UAAA;AAAA,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,WAAAZ;AAAA,cACA,WAAA1C;AAAA,cACA,aAAAiC;AAAA,cACA,YAAAE;AAAA,cACA,aAAAD;AAAA,cACA,UAAAE;AAAA,cACA,cAAAzB;AAAA,cACA,gBAAAC;AAAA,cACA,mBAAmB0B,KAAqBC;AAAA,cACxC,eAAAtC;AAAA,cACA,QAAAe;AAAA,cACA,uBAAAE;AAAA,cACA,WAAAC;AAAA,cACA,aAAAC;AAAA,cACA,SAAAC;AAAA,cACA,UAAAC;AAAA,cACA,UAAAC;AAAA,cACA,SAAAC;AAAA,cACA,cAAAd;AAAA,cACA,UAAAI;AAAA,cACA,gBAAAC;AAAA,cACA,gBAAAR;AAAA,cACA,kBAAAE;AAAA,cACA,mBAAAgB;AAAA,cACA,iBAAAC;AAAA,cACA,eAAAC;AAAA,cACA,cAAAC;AAAA,cACA,aAAAC;AAAA,cACA,cAAAQ;AAAA,cACA,mBAAAP;AAAA,cACA,aAAAC;AAAA,cACA,sBAAAC;AAAA,YAAA;AAAA,UACF;AAAA,UACCmB,MAAQpD,EAAW,SAAS,KAAM,gBAAA+C,EAAAE,GAAA,EAAS,UAAU,OAAO;AAAA,QAnC1C,EAAA,GAAA,aAAaI,CAAW,EAoC7C;AAAA,MAAA,CAEH;AAAA,IACL,EAAA,CAAA;AAAA,EAEJ;AACF;"}

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

@@ -1,136 +1,140 @@
-import { jsx as e, jsxs as G, Fragment as L } from "react/jsx-runtime";
-import { memo as H, useState as X, useCallback as q } from "react";
-import z from "../../../../../chapters/chapters-list/chapters-list.js";
-import { useUIContext as J } from "../../../../../ui/context/context.js";
-import K from "../../../../../ui/text/text.js";
-import Q from "../../../../milestone-resources/resources-list/resources-list.js";
-import V from "../../../../milestone-tests/tests-list/tests-list.js";
-import { getGoalCategoryBasedColorTheme as Y } from "../milestone-utils.js";
-import { NoPlanCardWrapper as Z, TabsWrapper as ee, TabsText as te } from "./milestone-tabs-styled.js";
-const de = H((d) => {
-  var C;
+import { jsx as o, jsxs as X, Fragment as q } from "react/jsx-runtime";
+import { memo as z, useState as J, useCallback as K } from "react";
+import Q from "../../../../../chapters/chapters-list/chapters-list.js";
+import { useUIContext as V } from "../../../../../ui/context/context.js";
+import Y from "../../../../../ui/text/text.js";
+import Z from "../../../../milestone-resources/resources-list/resources-list.js";
+import ee from "../../../../milestone-tests/tests-list/tests-list.js";
+import { getGoalCategoryBasedColorTheme as te } from "../milestone-utils.js";
+import { NoPlanCardWrapper as oe, TabsWrapper as se, TabsText as ne } from "./milestone-tabs-styled.js";
+const ue = z((u) => {
+  var g;
   const {
-    goalCategory: f,
+    goalCategory: A,
     isDraftMilestone: r,
-    isGoalCreation: v,
-    isMilestoneActive: a,
-    userMilestoneId: t,
-    chapters: i,
-    userType: l,
-    canUpdatePlan: c,
-    studentId: p,
-    isOutcomeAdded: A,
-    milestoneState: R,
-    milestonePermissions: $
-  } = d, {
-    onAddChapter: k,
-    onAssignResources: I,
-    onChapterClick: M,
-    onCreateMilestoneTest: S,
-    onPreview: x,
-    onReattempt: P,
-    onReset: U,
-    onResume: j,
-    onReview: w,
-    onStart: E,
-    onTestPreview: N,
-    onTestReview: O,
-    onTestStart: W,
-    onUnAssignSheet: _
-  } = d, { visible_tabs: b } = $, { onEvent: u } = J(), { backgroundColor: y } = Y(
-    f,
+    isGoalCreation: R,
+    isMilestoneActive: l,
+    userMilestoneId: e,
+    chapters: c,
+    userType: m,
+    canUpdatePlan: d,
+    studentId: h,
+    isOutcomeAdded: I,
+    milestoneState: $,
+    milestonePermissions: k,
+    activeMilestoneId: p,
+    activeTabId: M
+  } = u, {
+    onAddChapter: x,
+    onAssignResources: P,
+    onChapterClick: S,
+    onCreateMilestoneTest: U,
+    onPreview: j,
+    onReattempt: w,
+    onReset: E,
+    onResume: N,
+    onReview: O,
+    onStart: _,
+    onTestPreview: y,
+    onTestReview: B,
+    onTestStart: D,
+    onUnAssignSheet: F,
+    onWidgetTabSelection: a
+  } = u, { visible_tabs: C } = k, { onEvent: T } = V(), { backgroundColor: G } = te(
+    A,
     r,
-    A
-  ), m = {
+    I
+  ), b = {
     chapters: {
       label: "Chapters",
-      component: /* @__PURE__ */ e(
-        z,
+      component: /* @__PURE__ */ o(
+        Q,
         {
-          milestoneId: t,
-          chapters: i,
-          userType: l,
-          isGoalCreation: v,
-          onChapterClick: M,
-          onAddChapter: k,
-          canUpdatePlan: !!(R !== "DRAFT" && c),
-          isMilestoneActive: a
+          milestoneId: e,
+          chapters: c,
+          userType: m,
+          isGoalCreation: R,
+          onChapterClick: S,
+          onAddChapter: x,
+          canUpdatePlan: !!($ !== "DRAFT" && d),
+          isMilestoneActive: l
         }
       )
     },
     tests: {
       label: "Tests",
-      component: /* @__PURE__ */ e(
-        V,
+      component: /* @__PURE__ */ o(
+        ee,
         {
           isDraftMilestone: r,
-          isChaptersAvailable: i.length > 0,
-          isMilestoneActive: a,
-          studentId: p,
-          userMilestoneId: t,
-          userType: l,
-          canUpdatePlan: c,
-          onCreateMilestoneTest: S,
-          onTestPreview: N,
-          onTestStart: W,
-          onTestReview: O
+          isChaptersAvailable: c.length > 0,
+          isMilestoneActive: l,
+          studentId: h,
+          userMilestoneId: e,
+          userType: m,
+          canUpdatePlan: d,
+          onCreateMilestoneTest: U,
+          onTestPreview: y,
+          onTestStart: D,
+          onTestReview: B
         }
       )
     },
     resources: {
       label: "Resources",
-      component: /* @__PURE__ */ e(
-        Q,
+      component: /* @__PURE__ */ o(
+        Z,
         {
           isDraftMilestone: r,
-          isMilestoneActive: a,
-          userMilestoneId: t,
-          canUpdatePlan: c,
-          studentId: p,
-          userType: l,
-          onAssignResources: I,
-          onUnAssignSheet: _,
-          onStart: E,
-          onReset: U,
-          onPreview: x,
-          onReview: w,
-          onResume: j,
-          onReattempt: P
+          isMilestoneActive: l,
+          userMilestoneId: e,
+          canUpdatePlan: d,
+          studentId: h,
+          userType: m,
+          onAssignResources: P,
+          onUnAssignSheet: F,
+          onStart: _,
+          onReset: E,
+          onPreview: j,
+          onReview: O,
+          onResume: N,
+          onReattempt: w
         }
       )
     }
-  }, o = (b ?? []).length === 0 ? Object.entries(m) : Object.entries(m).filter(
-    ([s]) => (b ?? []).includes(s.toUpperCase())
-  ), [h, B] = X(
-    (C = o == null ? void 0 : o[0]) == null ? void 0 : C[0]
-  ), D = q(
-    (s, n) => {
-      B(s), u("clicked", {
+  }, s = (C ?? []).length === 0 ? Object.entries(b) : Object.entries(b).filter(
+    ([t]) => (C ?? []).includes(t.toUpperCase())
+  ), [i, W] = J(
+    e === p ? M : ((g = s == null ? void 0 : s[0]) == null ? void 0 : g[0]) || "chapters"
+  ), L = K(
+    (t, n) => {
+      if (p === e && t === i) return null;
+      W(t), a == null || a(e, t), T("clicked", {
         cta: n,
-        milestone_id: t
+        milestone_id: e
       });
     },
-    [t, u]
+    [p, e, i, a, T]
   );
-  return r && i.length === 0 ? /* @__PURE__ */ e(Z, { $gutterX: 2, $background: "WHITE_3", children: /* @__PURE__ */ e(K, { $renderAs: "ab2", $color: "RED", children: "No chapter has been assigned" }) }) : /* @__PURE__ */ G(L, { children: [
-    /* @__PURE__ */ e(ee, { $backgroundColor: y, $frames: o.length, children: o.map((s) => {
-      const [n, F] = s, { label: T } = F, g = n === h;
-      return /* @__PURE__ */ e(
-        te,
+  return r && c.length === 0 ? /* @__PURE__ */ o(oe, { $gutterX: 2, $background: "WHITE_3", children: /* @__PURE__ */ o(Y, { $renderAs: "ab2", $color: "RED", children: "No chapter has been assigned" }) }) : /* @__PURE__ */ X(q, { children: [
+    /* @__PURE__ */ o(se, { $backgroundColor: G, $frames: s.length, children: s.map((t) => {
+      const [n, H] = t, { label: f } = H, v = n === i;
+      return /* @__PURE__ */ o(
+        ne,
         {
-          $renderAs: g ? "ub3-bold" : "ub3",
+          $renderAs: v ? "ub3-bold" : "ub3",
           $align: "center",
-          $selected: g,
-          onClick: () => D(n, T),
-          children: T
+          $selected: v,
+          onClick: () => L(n, f),
+          children: f
         },
         n
       );
     }) }),
-    m[h].component
+    b[i].component
   ] });
 });
 export {
-  de as default
+  ue as default
 };
 //# sourceMappingURL=milestone-tabs.js.map