@cuemath/leap 2.9.2-as2 → 2.9.2-gg1

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

@@ -1,101 +1,58 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { memo as T, useState as b, useRef as S, useCallback as W, useLayoutEffect as _ } from "react";
-import k from "../../../../assets/line-icons/icons/check2.js";
-import h from "../../../ui/arrow-tooltip/arrow-tooltip.js";
-import A from "../../../ui/layout/flex-view.js";
-import { ChapterItemWrapper as H, ChapterImageWrapper as P, ChapterProgressWrapper as j, ChapterProgressSVG as G, ChapterProgressSVGCircle as m, ChapterImage as V, StyledCheckIconWrapper as X, ChapterName as z } from "./chapter-item-styled.js";
-const F = T(
-  ({ milestoneId: o, chapter: i, onChapterClick: a, itemIndex: d }) => {
-    const {
-      name: l,
-      image_url: g,
-      progress_stat: u,
-      image_hue: C
-    } = i, { mandatory: $, optional: f } = u || {}, { completed: s = 0, total: c = 0 } = $ || {}, { total: I = 0 } = f || {}, [x, w] = b(!1), t = S(null), p = s > 0 ? Math.floor((s / c || 1) * 100) : 0, r = c + I, y = W(() => {
-      if (r === 0)
-        return null;
-      a(i, o);
-    }, [i, o, a, r]);
+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 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: 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 _(() => {
-      t.current && t.current.scrollHeight > t.current.clientHeight && w(!0);
-    }, [t]), /* @__PURE__ */ e(
-      h,
+      e.current && e.current.scrollHeight > e.current.clientHeight && g(!0);
+    }, [e]), /* @__PURE__ */ c(
+      L,
       {
-        renderAs: "primary",
-        position: "bottom",
-        tooltipItem: "Coming soon! We’re building this chapter",
-        hidden: r > 0,
-        parentWidth: "100%",
-        zIndex: 5,
-        children: /* @__PURE__ */ n(
-          H,
-          {
-            id: `milestone-chapter-${o || ""}-${d}`,
-            $alignItems: "center",
-            $gapX: 1,
-            $gutterX: 1,
-            $flexGap: 8,
-            $background: "WHITE_1",
-            onClick: y,
-            className: "goal-widget-chapter-item",
-            $bgColor: `${C}_1`,
-            shouldHideClick: r === 0,
-            children: [
-              /* @__PURE__ */ n(
-                P,
-                {
-                  $width: "fit-content",
-                  $position: "relative",
-                  $justifyContent: "center",
-                  $alignItems: "center",
-                  children: [
-                    /* @__PURE__ */ e(j, { children: /* @__PURE__ */ n(G, { width: "96px", height: "96px", children: [
-                      /* @__PURE__ */ e(m, { $progress: 0, r: "47", cx: "48", cy: "48" }),
-                      /* @__PURE__ */ e(
-                        m,
-                        {
-                          $progressCircle: !0,
-                          $progress: p * 2.98,
-                          r: "47",
-                          cx: "48",
-                          cy: "48"
-                        }
-                      )
-                    ] }) }),
-                    /* @__PURE__ */ e(V, { src: g, alt: "Chapter Image" }),
-                    p === 100 && /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(k, { width: 20, height: 20 }) })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ e(A, { $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ e(
-                h,
-                {
-                  renderAs: "primary",
-                  position: "bottom",
-                  tooltipItem: l,
-                  hidden: !x,
-                  widthX: 21.75,
-                  zIndex: 5,
-                  children: /* @__PURE__ */ e(
-                    z,
-                    {
-                      ref: t,
-                      $renderAs: "ab2",
-                      $color: "BLACK_T_87",
-                      $align: "center",
-                      children: l
-                    }
-                  )
-                }
-              ) })
-            ]
-          }
-        )
+        $justifyContent: "flex-start",
+        $gap: r * 1.25,
+        $gutter: r * 1.25,
+        $flexDirection: "row",
+        $flexColumnGap: r,
+        $shouldHaveLeftBorder: f,
+        onClick: $,
+        id: `milestone-chapter-${t}-${i}`,
+        className: "goal-widget-chapter-item",
+        children: [
+          /* @__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: l,
+                hidden: !d,
+                widthX: 21.75,
+                children: /* @__PURE__ */ o(H, { ref: e, $renderAs: "ab2", $color: "BLACK_T_87", children: l })
+              }
+            ),
+            !!u && /* @__PURE__ */ o(
+              j,
+              {
+                userType: m,
+                milestoneId: t,
+                progressInfo: n
+              }
+            )
+          ] })
+        ]
       }
     );
   }
 );
 export {
-  F as default
+  V as default
 };
 //# sourceMappingURL=chapter-item.js.map

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';\n\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\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, chapter, onChapterClick, itemIndex }) => {\n    const {\n      name,\n      image_url: imageUrl,\n      progress_stat: chapterProgressStat,\n      image_hue: imageHue,\n    } = chapter;\n    const { mandatory, optional } = chapterProgressStat || {};\n    const { completed = 0, total = 0 } = mandatory || {};\n    const { total: optionalTotal = 0 } = optional || {};\n    const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n    const titleTextRef = useRef<HTMLDivElement>(null);\n    const completionPercentage = completed > 0 ? Math.floor((completed / total || 1) * 100) : 0;\n    const totalSheets = total + optionalTotal;\n    const handleOnChapterClick = useCallback(() => {\n      if (totalSheets === 0) {\n        return null;\n      }\n\n      onChapterClick(chapter, milestoneId);\n    }, [chapter, milestoneId, onChapterClick, totalSheets]);\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      <ArrowTooltip\n        renderAs=\"primary\"\n        position=\"bottom\"\n        tooltipItem=\"Coming soon! We’re building this chapter\"\n        hidden={totalSheets > 0}\n        parentWidth=\"100%\"\n        zIndex={5}\n      >\n        <Styled.ChapterItemWrapper\n          id={`milestone-chapter-${milestoneId || ''}-${itemIndex}`}\n          $alignItems=\"center\"\n          $gapX={1}\n          $gutterX={1}\n          $flexGap={8}\n          $background=\"WHITE_1\"\n          onClick={handleOnChapterClick}\n          className=\"goal-widget-chapter-item\"\n          $bgColor={`${imageHue}_1`}\n          shouldHideClick={totalSheets === 0}\n        >\n          <Styled.ChapterImageWrapper\n            $width=\"fit-content\"\n            $position=\"relative\"\n            $justifyContent=\"center\"\n            $alignItems=\"center\"\n          >\n            <Styled.ChapterProgressWrapper>\n              <Styled.ChapterProgressSVG width=\"96px\" height=\"96px\">\n                <Styled.ChapterProgressSVGCircle $progress={0} r=\"47\" cx=\"48\" cy=\"48\" />\n                <Styled.ChapterProgressSVGCircle\n                  $progressCircle\n                  $progress={completionPercentage * 2.98}\n                  r=\"47\"\n                  cx=\"48\"\n                  cy=\"48\"\n                />\n              </Styled.ChapterProgressSVG>\n            </Styled.ChapterProgressWrapper>\n\n            <Styled.ChapterImage src={imageUrl} alt=\"Chapter Image\" />\n\n            {completionPercentage === 100 && (\n              <Styled.StyledCheckIconWrapper>\n                <Check2Icon width={20} height={20} />\n              </Styled.StyledCheckIconWrapper>\n            )}\n          </Styled.ChapterImageWrapper>\n\n          <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"bottom\"\n              tooltipItem={name}\n              hidden={!showTitleTooltip}\n              widthX={21.75}\n              zIndex={5}\n            >\n              <Styled.ChapterName\n                ref={titleTextRef}\n                $renderAs=\"ab2\"\n                $color=\"BLACK_T_87\"\n                $align=\"center\"\n              >\n                {name}\n              </Styled.ChapterName>\n            </ArrowTooltip>\n          </FlexView>\n        </Styled.ChapterItemWrapper>\n      </ArrowTooltip>\n    );\n  },\n);\n\nexport default ChapterItem;\n"],"names":["ChapterItem","memo","milestoneId","chapter","onChapterClick","itemIndex","name","imageUrl","chapterProgressStat","imageHue","mandatory","optional","completed","total","optionalTotal","showTitleTooltip","setShowTitleTooltip","useState","titleTextRef","useRef","completionPercentage","totalSheets","handleOnChapterClick","useCallback","useLayoutEffect","jsx","ArrowTooltip","jsxs","Styled.ChapterItemWrapper","Styled.ChapterImageWrapper","Styled.ChapterProgressWrapper","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","Styled.ChapterImage","Styled.StyledCheckIconWrapper","Check2Icon","FlexView","Styled.ChapterName"],"mappings":"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"}
+{"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/chapters/chapters-list/chapters-list-styled.js

@@ -1,15 +1,14 @@
 import r from "styled-components";
 import { MILESTONE_WIDGET_MIN_HEIGHT as o } from "../../milestone/constants.js";
-import i from "../../ui/layout/flex-view.js";
-const s = r(i)`
+import p from "../../ui/layout/flex-view.js";
+const s = r(p)`
   position: relative;
   min-height: ${o}px;
 `, n = r.div`
   display: grid;
-  grid-template-columns: repeat(4, 1fr);
+  grid-template-columns: repeat(2, 1fr);
   align-content: start;
-`;
-r.div(({ theme: t }) => `
+`, d = r.div(({ theme: t }) => `
     position: absolute;
     bottom: ${t.layout.gutter}px;
     right: ${t.layout.gutter}px;
@@ -17,6 +16,7 @@ r.div(({ theme: t }) => `
     border-radius: 50%;
   `);
 export {
+  d as AddChapterIconWrapper,
   s as ChaptersListContainer,
   n as ChaptersWrapper
 };

package/dist/features/chapters/chapters-list/chapters-list-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapters-list-styled.js","sources":["../../../../src/features/chapters/chapters-list/chapters-list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../milestone/constants';\nimport FlexView from '../../ui/layout/flex-view';\n\nconst ChaptersListContainer = styled(FlexView)`\n  position: relative;\n  min-height: ${MILESTONE_WIDGET_MIN_HEIGHT}px;\n`;\n\nconst ChaptersWrapper = styled.div`\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  align-content: start;\n`;\n\nconst AddChapterIconWrapper = styled.div(({ theme }) => {\n  return `\n    position: absolute;\n    bottom: ${theme.layout.gutter}px;\n    right: ${theme.layout.gutter}px;\n    box-shadow: 0px 10px 20px 0px ${theme.colors.BLACK_T_20};\n    border-radius: 50%;\n  `;\n});\n\nexport { ChaptersListContainer, ChaptersWrapper, AddChapterIconWrapper };\n"],"names":["ChaptersListContainer","styled","FlexView","MILESTONE_WIDGET_MIN_HEIGHT","ChaptersWrapper","theme"],"mappings":";;;AAKM,MAAAA,IAAwBC,EAAOC,CAAQ;AAAA;AAAA,gBAE7BC,CAA2B;AAAA,GAGrCC,IAAkBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAMDA,EAAO,IAAI,CAAC,EAAE,OAAAI,QACnC;AAAA;AAAA,cAEKA,EAAM,OAAO,MAAM;AAAA,aACpBA,EAAM,OAAO,MAAM;AAAA,oCACIA,EAAM,OAAO,UAAU;AAAA;AAAA,GAG1D;"}
+{"version":3,"file":"chapters-list-styled.js","sources":["../../../../src/features/chapters/chapters-list/chapters-list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../milestone/constants';\nimport FlexView from '../../ui/layout/flex-view';\n\nconst ChaptersListContainer = styled(FlexView)`\n  position: relative;\n  min-height: ${MILESTONE_WIDGET_MIN_HEIGHT}px;\n`;\n\nconst ChaptersWrapper = styled.div`\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  align-content: start;\n`;\n\nconst AddChapterIconWrapper = styled.div(({ theme }) => {\n  return `\n    position: absolute;\n    bottom: ${theme.layout.gutter}px;\n    right: ${theme.layout.gutter}px;\n    box-shadow: 0px 10px 20px 0px ${theme.colors.BLACK_T_20};\n    border-radius: 50%;\n  `;\n});\n\nexport { ChaptersListContainer, ChaptersWrapper, AddChapterIconWrapper };\n"],"names":["ChaptersListContainer","styled","FlexView","MILESTONE_WIDGET_MIN_HEIGHT","ChaptersWrapper","AddChapterIconWrapper","theme"],"mappings":";;;AAKM,MAAAA,IAAwBC,EAAOC,CAAQ;AAAA;AAAA,gBAE7BC,CAA2B;AAAA,GAGrCC,IAAkBH,EAAO;AAAA;AAAA;AAAA;AAAA,GAMzBI,IAAwBJ,EAAO,IAAI,CAAC,EAAE,OAAAK,QACnC;AAAA;AAAA,cAEKA,EAAM,OAAO,MAAM;AAAA,aACpBA,EAAM,OAAO,MAAM;AAAA,oCACIA,EAAM,OAAO,UAAU;AAAA;AAAA,GAG1D;"}

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

@@ -1,78 +1,84 @@
-import { jsxs as p, jsx as r, Fragment as A } from "react/jsx-runtime";
-import { memo as T, useCallback as b } from "react";
+import { jsxs as i, jsx as r, Fragment as T } from "react/jsx-runtime";
+import { memo as b, useCallback as y } from "react";
 import { IMAGES as g } from "../../../assets/images/images.js";
-import k from "../../ui/arrow-tooltip/arrow-tooltip.js";
-import x from "../../ui/buttons/button/button.js";
+import k from "../../../assets/line-icons/icons/plus2.js";
+import x from "../../ui/arrow-tooltip/arrow-tooltip.js";
+import E from "../../ui/buttons/button/button.js";
+import I from "../../ui/buttons/icon-button/icon-button.js";
 import { useUIContext as $ } from "../../ui/context/context.js";
-import m from "../../ui/separator/separator.js";
-import y from "../../ui/text/text.js";
-import E from "./chapter-item/chapter-item.js";
-import { ChaptersListContainer as l, ChaptersWrapper as X } from "./chapters-list-styled.js";
-const I = T(
-  ({ milestoneId: t, canUpdatePlan: c, chapters: o, ...d }) => {
-    const { isGoalCreation: i, userType: h, onChapterClick: C, onAddChapter: e, isMilestoneActive: a } = d, { onClick: n } = $(), f = b(() => {
-      n({
+import d from "../../ui/separator/separator.js";
+import L from "../../ui/text/text.js";
+import X from "./chapter-item/chapter-item.js";
+import { ChaptersListContainer as h, ChaptersWrapper as M, AddChapterIconWrapper as S } from "./chapters-list-styled.js";
+const j = b(
+  ({ milestoneId: t, canUpdatePlan: n, chapters: a, ...C }) => {
+    const { isGoalCreation: s, userType: o, onChapterClick: f, onAddChapter: e, isMilestoneActive: p } = C, A = o === "TEACHER" && e && n, { onClick: c } = $(), m = y(() => {
+      c({
         label: "add_chapter_icon",
         props: {
           milestone_id: t
         }
-      }), e == null || e({ milestoneId: t, isGoalCreation: i });
-    }, [t, i, e, n]);
-    return o.length ? /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(X, { children: o.map((s, u) => {
-      const { id: _ } = s;
-      return /* @__PURE__ */ r(
-        E,
+      }), e == null || e({ milestoneId: t, isGoalCreation: s });
+    }, [t, s, e, c]);
+    return a.length ? /* @__PURE__ */ i(h, { children: [
+      /* @__PURE__ */ r(M, { children: a.map((l, u) => {
+        const { id: _ } = l;
+        return /* @__PURE__ */ r(
+          X,
+          {
+            milestoneId: t,
+            userType: o,
+            chapter: l,
+            onChapterClick: f,
+            itemIndex: u
+          },
+          _
+        );
+      }) }),
+      A && /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(
+        I,
         {
-          milestoneId: t,
-          chapter: s,
-          onChapterClick: C,
-          itemIndex: u
-        },
-        _
-      );
-    }) }) }) : /* @__PURE__ */ p(
-      l,
-      {
-        $gapX: 6.75,
-        $alignItems: "center",
-        $justifyContent: "center",
-        $background: "WHITE",
-        children: [
-          /* @__PURE__ */ r("img", { src: g.EMPTY_MIX_TESTS, alt: "empty_mix_tests" }),
-          /* @__PURE__ */ r(m, { heightX: 2 }),
-          h === "TEACHER" ? /* @__PURE__ */ p(A, { children: [
-            /* @__PURE__ */ r(
-              k,
+          Icon: k,
+          renderAs: "secondary",
+          size: "small",
+          analyticsLabel: "add_chapter_icon",
+          onClick: m
+        }
+      ) })
+    ] }) : /* @__PURE__ */ i(h, { $gapX: 6.75, $alignItems: "center", $justifyContent: "center", children: [
+      /* @__PURE__ */ r("img", { src: g.EMPTY_MIX_TESTS, alt: "empty_mix_tests" }),
+      /* @__PURE__ */ r(d, { heightX: 2 }),
+      o === "TEACHER" ? /* @__PURE__ */ i(T, { children: [
+        /* @__PURE__ */ r(
+          x,
+          {
+            renderAs: "primary",
+            position: "bottom",
+            hidden: p,
+            tooltipItem: "Plan is completed",
+            children: /* @__PURE__ */ r(
+              E,
               {
+                widthX: 10,
                 renderAs: "primary",
-                position: "bottom",
-                hidden: a,
-                tooltipItem: "Plan is completed",
-                children: /* @__PURE__ */ r(
-                  x,
-                  {
-                    widthX: 10,
-                    renderAs: "primary",
-                    shape: "square",
-                    size: "small",
-                    label: "Add chapter",
-                    onClick: f,
-                    disabled: !a || !c,
-                    analyticsProps: {
-                      milestone_id: t
-                    }
-                  }
-                )
+                shape: "square",
+                size: "small",
+                label: "Add chapter",
+                onClick: m,
+                disabled: !p || !n,
+                analyticsProps: {
+                  milestone_id: t
+                }
               }
-            ),
-            /* @__PURE__ */ r(m, { heightX: 2 })
-          ] }) : /* @__PURE__ */ r(y, { $renderAs: "ab2-bold", $color: "BLACK_T_87", children: "Wait for the teacher to add a chapter" })
-        ]
-      }
-    );
+            )
+          }
+        ),
+        /* @__PURE__ */ r(d, { heightX: 2 })
+      ] }) : /* @__PURE__ */ r(L, { $renderAs: "ab2-bold", $color: "BLACK_T_87", children: "Wait for the teacher to add a chapter" })
+    ] });
   }
-), O = I;
+), K = j;
 export {
-  O as default
+  K as default
 };
 //# sourceMappingURL=chapters-list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chapters-list.js","sources":["../../../../src/features/chapters/chapters-list/chapters-list.tsx"],"sourcesContent":["import type { IChaptersListProps } from './chapters-list-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport { IMAGES } from '../../../assets/images/images';\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../ui/buttons/button/button';\nimport { useUIContext } from '../../ui/context/context';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport ChapterItem from './chapter-item/chapter-item';\nimport * as Styled from './chapters-list-styled';\n\nconst ChaptersList: FC<IChaptersListProps> = memo(\n  ({ milestoneId, canUpdatePlan, chapters, ...restChaptersList }) => {\n    const { isGoalCreation, userType, onChapterClick, onAddChapter, isMilestoneActive } =\n      restChaptersList;\n\n    const { onClick: trackOnClick } = useUIContext();\n\n    const handleOnAddChapter = useCallback(() => {\n      trackOnClick({\n        label: 'add_chapter_icon',\n        props: {\n          milestone_id: milestoneId,\n        },\n      });\n      onAddChapter?.({ milestoneId, isGoalCreation });\n    }, [milestoneId, isGoalCreation, onAddChapter, trackOnClick]);\n\n    if (!chapters.length) {\n      return (\n        <Styled.ChaptersListContainer\n          $gapX={6.75}\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $background=\"WHITE\"\n        >\n          <img src={IMAGES.EMPTY_MIX_TESTS} alt=\"empty_mix_tests\" />\n          <Separator heightX={2} />\n          {userType === 'TEACHER' ? (\n            <>\n              <ArrowTooltip\n                renderAs=\"primary\"\n                position=\"bottom\"\n                hidden={isMilestoneActive}\n                tooltipItem=\"Plan is completed\"\n              >\n                <Button\n                  widthX={10}\n                  renderAs=\"primary\"\n                  shape=\"square\"\n                  size=\"small\"\n                  label=\"Add chapter\"\n                  onClick={handleOnAddChapter}\n                  disabled={!isMilestoneActive || !canUpdatePlan}\n                  analyticsProps={{\n                    milestone_id: milestoneId,\n                  }}\n                />\n              </ArrowTooltip>\n              <Separator heightX={2} />\n            </>\n          ) : (\n            <Text $renderAs=\"ab2-bold\" $color=\"BLACK_T_87\">\n              Wait for the teacher to add a chapter\n            </Text>\n          )}\n        </Styled.ChaptersListContainer>\n      );\n    }\n\n    return (\n      <Styled.ChaptersListContainer>\n        <Styled.ChaptersWrapper>\n          {chapters.map((chapter, idx) => {\n            const { id } = chapter;\n\n            return (\n              <ChapterItem\n                key={id}\n                milestoneId={milestoneId}\n                chapter={chapter}\n                onChapterClick={onChapterClick}\n                itemIndex={idx}\n              />\n            );\n          })}\n        </Styled.ChaptersWrapper>\n      </Styled.ChaptersListContainer>\n    );\n  },\n);\n\nexport default ChaptersList;\n"],"names":["ChaptersList","memo","milestoneId","canUpdatePlan","chapters","restChaptersList","isGoalCreation","userType","onChapterClick","onAddChapter","isMilestoneActive","trackOnClick","useUIContext","handleOnAddChapter","useCallback","jsx","Styled.ChaptersListContainer","Styled.ChaptersWrapper","chapter","idx","id","ChapterItem","jsxs","IMAGES","Separator","Fragment","ArrowTooltip","Button","Text","ChaptersList$1"],"mappings":";;;;;;;;;;AAcA,MAAMA,IAAuCC;AAAA,EAC3C,CAAC,EAAE,aAAAC,GAAa,eAAAC,GAAe,UAAAC,GAAU,GAAGC,QAAuB;AACjE,UAAM,EAAE,gBAAAC,GAAgB,UAAAC,GAAU,gBAAAC,GAAgB,cAAAC,GAAc,mBAAAC,EAC9D,IAAAL,GAEI,EAAE,SAASM,EAAa,IAAIC,EAAa,GAEzCC,IAAqBC,EAAY,MAAM;AAC9B,MAAAH,EAAA;AAAA,QACX,OAAO;AAAA,QACP,OAAO;AAAA,UACL,cAAcT;AAAA,QAChB;AAAA,MAAA,CACD,GACcO,KAAA,QAAAA,EAAA,EAAE,aAAAP,GAAa,gBAAAI,EAAA;AAAA,OAC7B,CAACJ,GAAaI,GAAgBG,GAAcE,CAAY,CAAC;AAExD,WAACP,EAAS,SA2CX,gBAAAW,EAAAC,GAAA,EACC,UAAC,gBAAAD,EAAAE,GAAA,EACE,UAASb,EAAA,IAAI,CAACc,GAASC,MAAQ;AACxB,YAAA,EAAE,IAAAC,EAAO,IAAAF;AAGb,aAAA,gBAAAH;AAAA,QAACM;AAAA,QAAA;AAAA,UAEC,aAAAnB;AAAA,UACA,SAAAgB;AAAA,UACA,gBAAAV;AAAA,UACA,WAAWW;AAAA,QAAA;AAAA,QAJNC;AAAA,MAAA;AAAA,IAKP,CAEH,GACH,EACF,CAAA,IAzDE,gBAAAE;AAAA,MAACN;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAI,EAAA,KAAKQ,EAAO,iBAAiB,KAAI,mBAAkB;AAAA,UACxD,gBAAAR,EAACS,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UACtBjB,MAAa,YAEV,gBAAAe,EAAAG,GAAA,EAAA,UAAA;AAAA,YAAA,gBAAAV;AAAA,cAACW;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,UAAS;AAAA,gBACT,QAAQhB;AAAA,gBACR,aAAY;AAAA,gBAEZ,UAAA,gBAAAK;AAAA,kBAACY;AAAA,kBAAA;AAAA,oBACC,QAAQ;AAAA,oBACR,UAAS;AAAA,oBACT,OAAM;AAAA,oBACN,MAAK;AAAA,oBACL,OAAM;AAAA,oBACN,SAASd;AAAA,oBACT,UAAU,CAACH,KAAqB,CAACP;AAAA,oBACjC,gBAAgB;AAAA,sBACd,cAAcD;AAAA,oBAChB;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,YACF;AAAA,YACA,gBAAAa,EAACS,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UAAA,EAAA,CACzB,IAEC,gBAAAT,EAAAa,GAAA,EAAK,WAAU,YAAW,QAAO,cAAa,UAE/C,yCAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAyBV;AACF,GAEAC,IAAe7B;"}
+{"version":3,"file":"chapters-list.js","sources":["../../../../src/features/chapters/chapters-list/chapters-list.tsx"],"sourcesContent":["import type { IChaptersListProps } from './chapters-list-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport { IMAGES } from '../../../assets/images/images';\nimport Plus2Icon from '../../../assets/line-icons/icons/plus2';\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../ui/buttons/button/button';\nimport IconButton from '../../ui/buttons/icon-button/icon-button';\nimport { useUIContext } from '../../ui/context/context';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport ChapterItem from './chapter-item/chapter-item';\nimport * as Styled from './chapters-list-styled';\n\nconst ChaptersList: FC<IChaptersListProps> = memo(\n  ({ milestoneId, canUpdatePlan, chapters, ...restChaptersList }) => {\n    const { isGoalCreation, userType, onChapterClick, onAddChapter, isMilestoneActive } =\n      restChaptersList;\n\n    const canAddChapter = userType === 'TEACHER' && onAddChapter && canUpdatePlan;\n    const { onClick: trackOnClick } = useUIContext();\n\n    const handleOnAddChapter = useCallback(() => {\n      trackOnClick({\n        label: 'add_chapter_icon',\n        props: {\n          milestone_id: milestoneId,\n        },\n      });\n      onAddChapter?.({ milestoneId, isGoalCreation });\n    }, [milestoneId, isGoalCreation, onAddChapter, trackOnClick]);\n\n    if (!chapters.length) {\n      return (\n        <Styled.ChaptersListContainer $gapX={6.75} $alignItems=\"center\" $justifyContent=\"center\">\n          <img src={IMAGES.EMPTY_MIX_TESTS} alt=\"empty_mix_tests\" />\n          <Separator heightX={2} />\n          {userType === 'TEACHER' ? (\n            <>\n              <ArrowTooltip\n                renderAs=\"primary\"\n                position=\"bottom\"\n                hidden={isMilestoneActive}\n                tooltipItem=\"Plan is completed\"\n              >\n                <Button\n                  widthX={10}\n                  renderAs=\"primary\"\n                  shape=\"square\"\n                  size=\"small\"\n                  label=\"Add chapter\"\n                  onClick={handleOnAddChapter}\n                  disabled={!isMilestoneActive || !canUpdatePlan}\n                  analyticsProps={{\n                    milestone_id: milestoneId,\n                  }}\n                />\n              </ArrowTooltip>\n              <Separator heightX={2} />\n            </>\n          ) : (\n            <Text $renderAs=\"ab2-bold\" $color=\"BLACK_T_87\">\n              Wait for the teacher to add a chapter\n            </Text>\n          )}\n        </Styled.ChaptersListContainer>\n      );\n    }\n\n    return (\n      <Styled.ChaptersListContainer>\n        <Styled.ChaptersWrapper>\n          {chapters.map((chapter, idx) => {\n            const { id } = chapter;\n\n            return (\n              <ChapterItem\n                key={id}\n                milestoneId={milestoneId}\n                userType={userType}\n                chapter={chapter}\n                onChapterClick={onChapterClick}\n                itemIndex={idx}\n              />\n            );\n          })}\n        </Styled.ChaptersWrapper>\n        {canAddChapter && (\n          <Styled.AddChapterIconWrapper>\n            <IconButton\n              Icon={Plus2Icon}\n              renderAs=\"secondary\"\n              size=\"small\"\n              analyticsLabel=\"add_chapter_icon\"\n              onClick={handleOnAddChapter}\n            />\n          </Styled.AddChapterIconWrapper>\n        )}\n      </Styled.ChaptersListContainer>\n    );\n  },\n);\n\nexport default ChaptersList;\n"],"names":["ChaptersList","memo","milestoneId","canUpdatePlan","chapters","restChaptersList","isGoalCreation","userType","onChapterClick","onAddChapter","isMilestoneActive","canAddChapter","trackOnClick","useUIContext","handleOnAddChapter","useCallback","jsxs","Styled.ChaptersListContainer","jsx","Styled.ChaptersWrapper","chapter","idx","id","ChapterItem","Styled.AddChapterIconWrapper","IconButton","Plus2Icon","IMAGES","Separator","Fragment","ArrowTooltip","Button","Text","ChaptersList$1"],"mappings":";;;;;;;;;;;;AAgBA,MAAMA,IAAuCC;AAAA,EAC3C,CAAC,EAAE,aAAAC,GAAa,eAAAC,GAAe,UAAAC,GAAU,GAAGC,QAAuB;AACjE,UAAM,EAAE,gBAAAC,GAAgB,UAAAC,GAAU,gBAAAC,GAAgB,cAAAC,GAAc,mBAAAC,EAC9D,IAAAL,GAEIM,IAAgBJ,MAAa,aAAaE,KAAgBN,GAC1D,EAAE,SAASS,EAAa,IAAIC,EAAa,GAEzCC,IAAqBC,EAAY,MAAM;AAC9B,MAAAH,EAAA;AAAA,QACX,OAAO;AAAA,QACP,OAAO;AAAA,UACL,cAAcV;AAAA,QAChB;AAAA,MAAA,CACD,GACcO,KAAA,QAAAA,EAAA,EAAE,aAAAP,GAAa,gBAAAI,EAAA;AAAA,OAC7B,CAACJ,GAAaI,GAAgBG,GAAcG,CAAY,CAAC;AAExD,WAACR,EAAS,SAsCZ,gBAAAY,EAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EACE,YAAS,IAAI,CAACC,GAASC,MAAQ;AACxB,cAAA,EAAE,IAAAC,EAAO,IAAAF;AAGb,eAAA,gBAAAF;AAAA,UAACK;AAAA,UAAA;AAAA,YAEC,aAAArB;AAAA,YACA,UAAAK;AAAA,YACA,SAAAa;AAAA,YACA,gBAAAZ;AAAA,YACA,WAAWa;AAAA,UAAA;AAAA,UALNC;AAAA,QAAA;AAAA,MAQV,CAAA,GACH;AAAA,MACCX,KACC,gBAAAO,EAACM,GAAA,EACC,UAAA,gBAAAN;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,MAAMC;AAAA,UACN,UAAS;AAAA,UACT,MAAK;AAAA,UACL,gBAAe;AAAA,UACf,SAASZ;AAAA,QAAA;AAAA,MAAA,GAEb;AAAA,IAEJ,EAAA,CAAA,IAhEE,gBAAAE,EAACC,GAAA,EAA6B,OAAO,MAAM,aAAY,UAAS,iBAAgB,UAC9E,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAI,EAAA,KAAKS,EAAO,iBAAiB,KAAI,mBAAkB;AAAA,MACxD,gBAAAT,EAACU,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,MACtBrB,MAAa,YAEV,gBAAAS,EAAAa,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAX;AAAA,UAACY;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,UAAS;AAAA,YACT,QAAQpB;AAAA,YACR,aAAY;AAAA,YAEZ,UAAA,gBAAAQ;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,QAAQ;AAAA,gBACR,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,SAASjB;AAAA,gBACT,UAAU,CAACJ,KAAqB,CAACP;AAAA,gBACjC,gBAAgB;AAAA,kBACd,cAAcD;AAAA,gBAChB;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QACF;AAAA,QACA,gBAAAgB,EAACU,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,MAAA,EAAA,CACzB,IAEC,gBAAAV,EAAAc,GAAA,EAAK,WAAU,YAAW,QAAO,cAAa,UAE/C,yCAAA;AAAA,IAEJ,EAAA,CAAA;AAAA,EAmCN;AACF,GAEAC,IAAejC;"}

package/dist/features/communication/pub-sub/constants.js

@@ -24,14 +24,11 @@ const E = {
   PAST_MILESTONE_OUTCOME_ADDED: "PAST_MILESTONE_OUTCOME_ADDED",
   MILESTONE_TEST_ASSIGNED: "MILESTONE_TEST_ASSIGNED"
 }, T = {
-  HOMEWORK_UNASSIGN: "HOMEWORK_UNASSIGN"
-}, A = {
   ...E,
   ..._,
-  ...S,
-  ...T
+  ...S
 };
 export {
-  A as EVENTS
+  T as EVENTS
 };
 //# sourceMappingURL=constants.js.map

package/dist/features/communication/pub-sub/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/features/communication/pub-sub/constants.ts"],"sourcesContent":["const CHAPTER_SHEET_EVENTS = {\n  CHAPTER_UPDATED: 'CHAPTER_UPDATED',\n  LESSONS_MARKED_AS_FAMILIAR: 'LESSONS_MARKED_AS_FAMILIAR',\n  LESSONS_MARKED_AS_IRRELEVANT: 'LESSONS_MARKED_AS_IRRELEVANT',\n  LESSONS_PROGRESS_RESET: 'LESSONS_PROGRESS_RESET',\n  UNLOCK_SHEETS: 'UNLOCK_SHEETS',\n  EXTRA_PRACTICE_ASSIGNED: 'EXTRA_PRACTICE_ASSIGNED',\n  CHANGE_LOCATION: 'CHANGE_LOCATION',\n  SHEET_STARTED: 'SHEET_STARTED',\n  SHEET_UNASSIGNED: 'SHEET_UNASSIGNED',\n} as const;\n\nconst GOAL_EVENTS = {\n  GOAL_CREATED: 'GOAL_CREATED',\n  GOAL_EDITED: 'GOAL_EDITED',\n  GOAL_DELETED: 'GOAL_DELETED',\n  GOAL_OUTCOME_ADDED: 'GOAL_OUTCOME_ADDED',\n} as const;\n\nconst MILESTONE_EVENTS = {\n  MILESTONE_NAME_UPDATED: 'MILESTONE_NAME_UPDATED',\n  MILESTONE_DATE_UPDATED: 'MILESTONE_DATE_UPDATED',\n  MILESTONE_DELETED: 'MILESTONE_DELETED',\n  MILESTONE_EDITED: 'MILESTONE_EDITED',\n  MILESTONE_RESOURCE_ASSIGNED: 'MILESTONE_RESOURCE_ASSIGNED',\n  MILESTONE_RESOURCE_UNASSIGNED: 'MILESTONE_RESOURCE_UNASSIGNED',\n  MILESTONE_RESOURCE_RESET: 'MILESTONE_RESOURCE_RESET',\n  PAST_MILESTONE_OUTCOME_ADDED: 'PAST_MILESTONE_OUTCOME_ADDED',\n  MILESTONE_TEST_ASSIGNED: 'MILESTONE_TEST_ASSIGNED',\n} as const;\n\nconst HOMEWORK_EVENTS = {\n  HOMEWORK_UNASSIGN: 'HOMEWORK_UNASSIGN',\n} as const;\n\nconst EVENTS = {\n  ...CHAPTER_SHEET_EVENTS,\n  ...MILESTONE_EVENTS,\n  ...GOAL_EVENTS,\n  ...HOMEWORK_EVENTS,\n};\n\nexport { EVENTS };\n"],"names":["CHAPTER_SHEET_EVENTS","GOAL_EVENTS","MILESTONE_EVENTS","HOMEWORK_EVENTS","EVENTS"],"mappings":"AAAA,MAAMA,IAAuB;AAAA,EAC3B,iBAAiB;AAAA,EACjB,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAC9B,wBAAwB;AAAA,EACxB,eAAe;AAAA,EACf,yBAAyB;AAAA,EACzB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,kBAAkB;AACpB,GAEMC,IAAc;AAAA,EAClB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB;AACtB,GAEMC,IAAmB;AAAA,EACvB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,0BAA0B;AAAA,EAC1B,8BAA8B;AAAA,EAC9B,yBAAyB;AAC3B,GAEMC,IAAkB;AAAA,EACtB,mBAAmB;AACrB,GAEMC,IAAS;AAAA,EACb,GAAGJ;AAAA,EACH,GAAGE;AAAA,EACH,GAAGD;AAAA,EACH,GAAGE;AACL;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/features/communication/pub-sub/constants.ts"],"sourcesContent":["const CHAPTER_SHEET_EVENTS = {\n  CHAPTER_UPDATED: 'CHAPTER_UPDATED',\n  LESSONS_MARKED_AS_FAMILIAR: 'LESSONS_MARKED_AS_FAMILIAR',\n  LESSONS_MARKED_AS_IRRELEVANT: 'LESSONS_MARKED_AS_IRRELEVANT',\n  LESSONS_PROGRESS_RESET: 'LESSONS_PROGRESS_RESET',\n  UNLOCK_SHEETS: 'UNLOCK_SHEETS',\n  EXTRA_PRACTICE_ASSIGNED: 'EXTRA_PRACTICE_ASSIGNED',\n  CHANGE_LOCATION: 'CHANGE_LOCATION',\n  SHEET_STARTED: 'SHEET_STARTED',\n  SHEET_UNASSIGNED: 'SHEET_UNASSIGNED',\n} as const;\n\nconst GOAL_EVENTS = {\n  GOAL_CREATED: 'GOAL_CREATED',\n  GOAL_EDITED: 'GOAL_EDITED',\n  GOAL_DELETED: 'GOAL_DELETED',\n  GOAL_OUTCOME_ADDED: 'GOAL_OUTCOME_ADDED',\n} as const;\n\nconst MILESTONE_EVENTS = {\n  MILESTONE_NAME_UPDATED: 'MILESTONE_NAME_UPDATED',\n  MILESTONE_DATE_UPDATED: 'MILESTONE_DATE_UPDATED',\n  MILESTONE_DELETED: 'MILESTONE_DELETED',\n  MILESTONE_EDITED: 'MILESTONE_EDITED',\n  MILESTONE_RESOURCE_ASSIGNED: 'MILESTONE_RESOURCE_ASSIGNED',\n  MILESTONE_RESOURCE_UNASSIGNED: 'MILESTONE_RESOURCE_UNASSIGNED',\n  MILESTONE_RESOURCE_RESET: 'MILESTONE_RESOURCE_RESET',\n  PAST_MILESTONE_OUTCOME_ADDED: 'PAST_MILESTONE_OUTCOME_ADDED',\n  MILESTONE_TEST_ASSIGNED: 'MILESTONE_TEST_ASSIGNED',\n} as const;\n\nconst EVENTS = {\n  ...CHAPTER_SHEET_EVENTS,\n  ...MILESTONE_EVENTS,\n  ...GOAL_EVENTS,\n};\n\nexport { EVENTS };\n"],"names":["CHAPTER_SHEET_EVENTS","GOAL_EVENTS","MILESTONE_EVENTS","EVENTS"],"mappings":"AAAA,MAAMA,IAAuB;AAAA,EAC3B,iBAAiB;AAAA,EACjB,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAC9B,wBAAwB;AAAA,EACxB,eAAe;AAAA,EACf,yBAAyB;AAAA,EACzB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,kBAAkB;AACpB,GAEMC,IAAc;AAAA,EAClB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB;AACtB,GAEMC,IAAmB;AAAA,EACvB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,0BAA0B;AAAA,EAC1B,8BAA8B;AAAA,EAC9B,yBAAyB;AAC3B,GAEMC,IAAS;AAAA,EACb,GAAGH;AAAA,EACH,GAAGE;AAAA,EACH,GAAGD;AACL;"}

package/dist/features/hooks/use-cancellable-promise.js

@@ -0,0 +1,22 @@
+import { useState as s, useCallback as r, useEffect as u } from "react";
+const d = () => {
+  const [e] = s(/* @__PURE__ */ new Set()), l = r(
+    (t) => new Promise((c, n) => {
+      e.add(t), t.then((a) => {
+        e.has(t) && (e.delete(t), c(a));
+      }).catch((a) => {
+        e.has(t) && (e.delete(t), n(a));
+      });
+    }),
+    [e]
+  );
+  return u(() => () => {
+    e.forEach((t) => {
+      e.delete(t);
+    });
+  }, [e]), l;
+};
+export {
+  d as default
+};
+//# sourceMappingURL=use-cancellable-promise.js.map

package/dist/features/hooks/use-cancellable-promise.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-cancellable-promise.js","sources":["../../../src/features/hooks/use-cancellable-promise.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\ninterface IUseCancellablePromise {\n  (): <T>(promise: Promise<T>) => Promise<T>;\n}\nconst useCancellablePromise: IUseCancellablePromise = () => {\n  const [promises] = useState<Set<Promise<unknown>>>(new Set());\n\n  const cancellablePromise = useCallback<ReturnType<IUseCancellablePromise>>(\n    promise => {\n      return new Promise((resolve, reject) => {\n        promises.add(promise);\n\n        promise\n          .then(result => {\n            if (promises.has(promise)) {\n              promises.delete(promise);\n              resolve(result);\n            }\n          })\n          .catch(error => {\n            if (promises.has(promise)) {\n              promises.delete(promise);\n              reject(error);\n            }\n          });\n      });\n    },\n    [promises],\n  );\n\n  useEffect(() => {\n    return () => {\n      promises.forEach(p => {\n        // No native way to cancel a promise, but we can ignore its resolution\n        promises.delete(p);\n      });\n    };\n  }, [promises]);\n\n  return cancellablePromise;\n};\n\nexport default useCancellablePromise;\n"],"names":["useCancellablePromise","promises","useState","cancellablePromise","useCallback","promise","resolve","reject","result","error","useEffect","p"],"mappings":";AAKA,MAAMA,IAAgD,MAAM;AAC1D,QAAM,CAACC,CAAQ,IAAIC,EAAgC,oBAAI,IAAK,CAAA,GAEtDC,IAAqBC;AAAA,IACzB,CAAWC,MACF,IAAI,QAAQ,CAACC,GAASC,MAAW;AACtC,MAAAN,EAAS,IAAII,CAAO,GAEpBA,EACG,KAAK,CAAUG,MAAA;AACV,QAAAP,EAAS,IAAII,CAAO,MACtBJ,EAAS,OAAOI,CAAO,GACvBC,EAAQE,CAAM;AAAA,MAChB,CACD,EACA,MAAM,CAASC,MAAA;AACV,QAAAR,EAAS,IAAII,CAAO,MACtBJ,EAAS,OAAOI,CAAO,GACvBE,EAAOE,CAAK;AAAA,MACd,CACD;AAAA,IAAA,CACJ;AAAA,IAEH,CAACR,CAAQ;AAAA,EAAA;AAGX,SAAAS,EAAU,MACD,MAAM;AACX,IAAAT,EAAS,QAAQ,CAAKU,MAAA;AAEpB,MAAAV,EAAS,OAAOU,CAAC;AAAA,IAAA,CAClB;AAAA,EAAA,GAEF,CAACV,CAAQ,CAAC,GAENE;AACT;"}

package/dist/features/milestone/create/api/goal-submit.js

@@ -1,5 +1,5 @@
 import { createPostAPI as t } from "@cuemath/rest-api";
-import { BASE_URL_V3_2 as e } from "../../../../constants/api.js";
+import { BASE_URL_V3_1 as e } from "../../../../constants/api.js";
 const { usePost: i } = t({
   getURL: (s, { studentId: o }) => `${e}/users/${o}/milestones/`
 });

package/dist/features/milestone/create/api/goal-submit.js.map

@@ -1 +1 @@
-{"version":3,"file":"goal-submit.js","sources":["../../../../../src/features/milestone/create/api/goal-submit.ts"],"sourcesContent":["import type { TMilestonePayload } from '../milestone-create-types';\n\nimport { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_2 } from '../../../../constants/api';\n\nconst { usePost: useGoalCreationPost } = createPostAPI<\n  { id: string },\n  TMilestonePayload,\n  { studentId: string }\n>({\n  getURL: (_, { studentId }) => `${BASE_URL_V3_2}/users/${studentId}/milestones/`,\n});\n\nexport { useGoalCreationPost };\n"],"names":["useGoalCreationPost","createPostAPI","_","studentId","BASE_URL_V3_2"],"mappings":";;AAMA,MAAM,EAAE,SAASA,EAAoB,IAAIC,EAIvC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,EAAgB,MAAA,GAAGC,CAAa,UAAUD,CAAS;AACnE,CAAC;"}
+{"version":3,"file":"goal-submit.js","sources":["../../../../../src/features/milestone/create/api/goal-submit.ts"],"sourcesContent":["import type { TMilestonePayload } from '../milestone-create-types';\n\nimport { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_1 } from '../../../../constants/api';\n\nconst { usePost: useGoalCreationPost } = createPostAPI<\n  { id: string },\n  TMilestonePayload,\n  { studentId: string }\n>({\n  getURL: (_, { studentId }) => `${BASE_URL_V3_1}/users/${studentId}/milestones/`,\n});\n\nexport { useGoalCreationPost };\n"],"names":["useGoalCreationPost","createPostAPI","_","studentId","BASE_URL_V3_1"],"mappings":";;AAMA,MAAM,EAAE,SAASA,EAAoB,IAAIC,EAIvC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,EAAgB,MAAA,GAAGC,CAAa,UAAUD,CAAS;AACnE,CAAC;"}