@cuemath/leap 2.9.9-as4 → 2.9.9

package/dist/features/journey/use-journey/journey-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"journey-styled.js","sources":["../../../../src/features/journey/use-journey/journey-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { css } from 'styled-components';\n\nimport { BLUR_OVERLAY_Z_INDEX } from './constants';\n\nexport const Overlay = styled.div<{ isJourneyBlurred: boolean }>`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ${BLUR_OVERLAY_Z_INDEX};\n  ${({ isJourneyBlurred, theme }) =>\n    isJourneyBlurred &&\n    css`\n      background: ${theme.colors.BLACK_T_38};\n      backdrop-filter: blur(80px);\n      -webkit-backdrop-filter: blur(80px);\n    `}\n`;\n``;\n"],"names":["Overlay","styled","BLUR_OVERLAY_Z_INDEX","isJourneyBlurred","theme","css"],"mappings":";;AAKO,MAAMA,IAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMjBC,CAAoB;AAAA,IAC7B,CAAC,EAAE,kBAAAC,GAAkB,OAAAC,EAAA,MACrBD,KACAE;AAAA,oBACgBD,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,KAGtC;AAAA;"}
+{"version":3,"file":"journey-styled.js","sources":["../../../../src/features/journey/use-journey/journey-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { BLUR_OVERLAY_Z_INDEX } from './constants';\n\nexport const Overlay = styled.div`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ${BLUR_OVERLAY_Z_INDEX};\n`;\n"],"names":["Overlay","styled","BLUR_OVERLAY_Z_INDEX"],"mappings":";;AAIO,MAAMA,IAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMjBC,CAAoB;AAAA;"}

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;"}

package/dist/features/milestone/create/comps/chapter-item/chapter-item.js

@@ -1,68 +1,75 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { memo as B, useState as G, useRef as L, useCallback as s } from "react";
-import { SHEET_STATE as p } from "../../../../sheets/constants/sheet.js";
-import N from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
-import O from "../../../../ui/hooks/use-context-menu-click-handler.js";
-import X from "../../../../ui/image/image.js";
+import { memo as G, useState as L, useRef as N, useCallback as p } from "react";
+import { SHEET_STATE as c } from "../../../../sheets/constants/sheet.js";
+import O from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import X from "../../../../ui/hooks/use-context-menu-click-handler.js";
+import j from "../../../../ui/image/image.js";
 import w from "../../../../ui/layout/flex-view.js";
-import j from "../sheets-list/sheets-list.js";
-import { ChapterInfoWrapper as F, ChapterInfoIcon as K, SheetsListWrapper as P, ChapterListWrapper as U, ChapterProgressSVG as q, ChapterProgressSVGCircle as A, StyledText as E } from "./chapter-item-styled.js";
-const z = [
+import F from "../sheets-list/sheets-list.js";
+import { ChapterInfoWrapper as K, ChapterInfoIcon as P, SheetsListWrapper as U, ChapterListWrapper as q, ChapterProgressSVG as z, ChapterProgressSVGCircle as _, StyledText as A } from "./chapter-item-styled.js";
+const J = [
   "STARTED",
-  p.FAMILIAR,
-  p.PROFICIENT,
-  p.MASTERED
-], ie = B((_) => {
-  const { chapterData: x, onChapterItemClick: h, isThisPrimaryChapter: R, showChapterTags: k, canAddChapter: l } = _, {
+  c.FAMILIAR,
+  c.PROFICIENT,
+  c.MASTERED
+], le = G((E) => {
+  const { chapterData: x, onChapterItemClick: h, isThisPrimaryChapter: R, showChapterTags: k, canAddChapter: l } = E, {
     name: d,
-    image_url: W,
+    image_url: y,
     added: m,
     learning_sheet_data: g,
+    total_supplementary_sheets: W,
     id: f,
     chapter_tags: H,
     state: a
-  } = x, M = a && z.includes(a) && g.length > 0, u = a === "MASTERED", [e, C] = G(null), i = L(null), V = s(() => {
-    var b;
-    const { current: I } = i;
-    if (I) {
-      const r = (b = I.children[0]) == null ? void 0 : b.getBoundingClientRect();
+  } = x, M = a && J.includes(a) && g.length > 0, u = a === "MASTERED", [e, C] = L(null), i = N(null), V = p(() => {
+    var I;
+    const { current: T } = i;
+    if (T) {
+      const r = (I = T.children[0]) == null ? void 0 : I.getBoundingClientRect();
       if (r) {
-        const v = window.innerWidth, S = window.innerHeight, o = {};
-        r.left + 296 < v ? o.left = r.left : o.left = r.left + 20 - 296, r.top + 252 < S ? o.top = r.top + 20 : o.bottom = S - r.top + 8, Object.keys(o).length && C({ ...o });
+        const B = window.innerWidth, b = window.innerHeight, o = {};
+        r.left + 296 < B ? o.left = r.left : o.left = r.left + 20 - 296, r.top + 252 < b ? o.top = r.top + 20 : o.bottom = b - r.top + 8, Object.keys(o).length && C({ ...o });
       }
     }
   }, [C, i]), {
-    menuVisible: c,
+    menuVisible: s,
     onMenuClick: $,
-    hideMenu: T
-  } = O(i, V), y = s(() => {
-    c ? T() : $();
-  }, [$, T, c]), D = s(() => {
+    hideMenu: S
+  } = X(i, V), D = p(() => {
+    s ? S() : $();
+  }, [$, S, s]), v = p(() => {
     if (!l) return null;
     h(f);
   }, [l, f, h]);
   return /* @__PURE__ */ n(w, { $flexGap: 4, $position: "relative", children: [
-    /* @__PURE__ */ n(F, { ref: i, onClick: y, children: [
-      /* @__PURE__ */ t(K, { className: "goal-chapter-info-icon" }),
-      c && /* @__PURE__ */ t(
-        P,
+    /* @__PURE__ */ n(K, { ref: i, onClick: D, children: [
+      /* @__PURE__ */ t(P, { className: "goal-chapter-info-icon" }),
+      s && /* @__PURE__ */ t(
+        U,
         {
           $top: e == null ? void 0 : e.top,
           $left: e == null ? void 0 : e.left,
           $bottom: e == null ? void 0 : e.bottom,
-          children: /* @__PURE__ */ t(j, { learningSheetData: g })
+          children: /* @__PURE__ */ t(
+            F,
+            {
+              learningSheetData: g,
+              supplementarySheetsCount: W
+            }
+          )
         }
       )
     ] }),
     /* @__PURE__ */ t(
-      N,
+      O,
       {
         position: "bottom",
         renderAs: "primary",
         tooltipItem: "Duplicates can’t be added",
         hidden: !R,
         children: /* @__PURE__ */ n(
-          U,
+          q,
           {
             $widthX: 9.5,
             $heightX: 8.875,
@@ -74,13 +81,13 @@ const z = [
             $selectable: l,
             $borderColor: m ? "BLACK_T_87" : "WHITE_5",
             $background: m ? "WHITE_3" : "WHITE_1",
-            onClick: D,
+            onClick: v,
             children: [
               /* @__PURE__ */ n(w, { $position: "relative", children: [
-                M && /* @__PURE__ */ n(q, { width: "62px", height: "62px", children: [
-                  /* @__PURE__ */ t(A, { $progress: 0, r: "30", cx: "31", cy: "31" }),
+                M && /* @__PURE__ */ n(z, { width: "62px", height: "62px", children: [
+                  /* @__PURE__ */ t(_, { $progress: 0, r: "30", cx: "31", cy: "31" }),
                   /* @__PURE__ */ t(
-                    A,
+                    _,
                     {
                       $progressCircle: !0,
                       $progressBackground: u ? "GREEN_5" : "BLACK",
@@ -92,9 +99,9 @@ const z = [
                   )
                 ] }),
                 /* @__PURE__ */ t(
-                  X,
+                  j,
                   {
-                    src: W || "",
+                    src: y || "",
                     alt: d,
                     withLoader: !0,
                     width: 56,
@@ -103,16 +110,16 @@ const z = [
                   }
                 )
               ] }),
-              /* @__PURE__ */ t(E, { $renderAs: "ab3", $align: "center", children: d })
+              /* @__PURE__ */ t(A, { $renderAs: "ab3", $align: "center", children: d })
             ]
           }
         )
       }
     ),
-    k && /* @__PURE__ */ t(E, { $renderAs: "ab3", $lineClampNo: 1, $color: "BLACK_T_60", children: H })
+    k && /* @__PURE__ */ t(A, { $renderAs: "ab3", $lineClampNo: 1, $color: "BLACK_T_60", children: H })
   ] });
 });
 export {
-  ie as default
+  le as default
 };
 //# sourceMappingURL=chapter-item.js.map

package/dist/features/milestone/create/comps/chapter-item/chapter-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter-item.js","sources":["../../../../../../src/features/milestone/create/comps/chapter-item/chapter-item.tsx"],"sourcesContent":["import type { IChapterItem, ISheetsListPosition } from './chapter-item-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useRef, useState } from 'react';\n\nimport { SHEET_STATE } from '../../../../sheets/constants/sheet';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport useContextMenuClickHandler from '../../../../ui/hooks/use-context-menu-click-handler';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport SheetsList from '../sheets-list/sheets-list';\nimport * as Styled from './chapter-item-styled';\n\nconst progressVisibleStates = [\n  'STARTED',\n  SHEET_STATE.FAMILIAR,\n  SHEET_STATE.PROFICIENT,\n  SHEET_STATE.MASTERED,\n];\n\nconst ChapterItemV2: FC<IChapterItem> = memo(props => {\n  const { chapterData, onChapterItemClick, isThisPrimaryChapter, showChapterTags, canAddChapter } =\n    props;\n  const {\n    name,\n    image_url: imageUrl,\n    added,\n    learning_sheet_data: learningSheetData,\n    id: chapterId,\n    chapter_tags: chapterTags,\n    state,\n  } = chapterData;\n\n  const showProgress =\n    state && progressVisibleStates.includes(state) && learningSheetData.length > 0;\n  const isMastered = state === 'MASTERED';\n\n  const [sheetsListPositionCoordinates, setSheetsListPositionCoordinates] =\n    useState<ISheetsListPosition | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const handleSetCoordinates = useCallback(() => {\n    const { current } = containerRef;\n\n    if (current) {\n      const boundingClientRect = current.children[0]?.getBoundingClientRect();\n\n      if (boundingClientRect) {\n        const viewportWidth = window.innerWidth;\n        const viewportHeight = window.innerHeight;\n\n        const positions: ISheetsListPosition = {};\n\n        //* 288 (Width of card) + 8 (left position) = 296\n        if (boundingClientRect.left + 296 < viewportWidth) {\n          positions.left = boundingClientRect.left;\n        } else {\n          positions.left = boundingClientRect.left + 20 - 296;\n        }\n\n        //* 252 (Max height of card)\n        if (boundingClientRect.top + 252 < viewportHeight) {\n          positions.top = boundingClientRect.top + 20;\n        } else {\n          positions.bottom = viewportHeight - boundingClientRect.top + 8;\n        }\n\n        if (Object.keys(positions).length) {\n          setSheetsListPositionCoordinates({ ...positions });\n        }\n      }\n    }\n  }, [setSheetsListPositionCoordinates, containerRef]);\n\n  const {\n    menuVisible,\n    onMenuClick: onMenuClick,\n    hideMenu,\n  } = useContextMenuClickHandler(containerRef, handleSetCoordinates);\n\n  const handleOnSheetsView = useCallback(() => {\n    if (!menuVisible) {\n      onMenuClick();\n    } else {\n      hideMenu();\n    }\n  }, [onMenuClick, hideMenu, menuVisible]);\n\n  const handleOnChapterItemClick = useCallback(() => {\n    if (!canAddChapter) return null;\n\n    onChapterItemClick(chapterId);\n  }, [canAddChapter, chapterId, onChapterItemClick]);\n\n  return (\n    <FlexView $flexGap={4} $position=\"relative\">\n      <Styled.ChapterInfoWrapper ref={containerRef} onClick={handleOnSheetsView}>\n        <Styled.ChapterInfoIcon className=\"goal-chapter-info-icon\" />\n        {menuVisible && (\n          <Styled.SheetsListWrapper\n            $top={sheetsListPositionCoordinates?.top}\n            $left={sheetsListPositionCoordinates?.left}\n            $bottom={sheetsListPositionCoordinates?.bottom}\n          >\n            <SheetsList learningSheetData={learningSheetData} />\n          </Styled.SheetsListWrapper>\n        )}\n      </Styled.ChapterInfoWrapper>\n\n      <ArrowTooltip\n        position=\"bottom\"\n        renderAs=\"primary\"\n        tooltipItem=\"Duplicates can’t be added\"\n        hidden={!isThisPrimaryChapter}\n      >\n        <Styled.ChapterListWrapper\n          $widthX={9.5}\n          $heightX={8.875}\n          $gapX={1}\n          $gutterX={1}\n          $flexGap={12}\n          $position=\"relative\"\n          $alignItems=\"center\"\n          $selectable={canAddChapter}\n          $borderColor={added ? 'BLACK_T_87' : 'WHITE_5'}\n          $background={added ? 'WHITE_3' : 'WHITE_1'}\n          onClick={handleOnChapterItemClick}\n        >\n          <FlexView $position=\"relative\">\n            {showProgress && (\n              <Styled.ChapterProgressSVG width=\"62px\" height=\"62px\">\n                <Styled.ChapterProgressSVGCircle $progress={0} r=\"30\" cx=\"31\" cy=\"31\" />\n                <Styled.ChapterProgressSVGCircle\n                  $progressCircle\n                  $progressBackground={isMastered ? 'GREEN_5' : 'BLACK'}\n                  $progress={isMastered ? 360 : 95}\n                  r=\"30\"\n                  cx=\"31\"\n                  cy=\"31\"\n                />\n              </Styled.ChapterProgressSVG>\n            )}\n            <Image\n              src={imageUrl || ''}\n              alt={name}\n              withLoader\n              width={56}\n              height={56}\n              borderRadius={50}\n            />\n          </FlexView>\n\n          <Styled.StyledText $renderAs=\"ab3\" $align=\"center\">\n            {name}\n          </Styled.StyledText>\n        </Styled.ChapterListWrapper>\n      </ArrowTooltip>\n\n      {showChapterTags && (\n        <Styled.StyledText $renderAs=\"ab3\" $lineClampNo={1} $color=\"BLACK_T_60\">\n          {chapterTags}\n        </Styled.StyledText>\n      )}\n    </FlexView>\n  );\n});\n\nexport default ChapterItemV2;\n"],"names":["progressVisibleStates","SHEET_STATE","ChapterItemV2","memo","props","chapterData","onChapterItemClick","isThisPrimaryChapter","showChapterTags","canAddChapter","name","imageUrl","added","learningSheetData","chapterId","chapterTags","state","showProgress","isMastered","sheetsListPositionCoordinates","setSheetsListPositionCoordinates","useState","containerRef","useRef","handleSetCoordinates","useCallback","current","boundingClientRect","_a","viewportWidth","viewportHeight","positions","menuVisible","onMenuClick","hideMenu","useContextMenuClickHandler","handleOnSheetsView","handleOnChapterItemClick","jsxs","FlexView","Styled.ChapterInfoWrapper","jsx","Styled.ChapterInfoIcon","Styled.SheetsListWrapper","SheetsList","ArrowTooltip","Styled.ChapterListWrapper","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","Image","Styled.StyledText"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAwB;AAAA,EAC5B;AAAA,EACAC,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AACd,GAEMC,KAAkCC,EAAK,CAASC,MAAA;AACpD,QAAM,EAAE,aAAAC,GAAa,oBAAAC,GAAoB,sBAAAC,GAAsB,iBAAAC,GAAiB,eAAAC,EAC9E,IAAAL,GACI;AAAA,IACJ,MAAAM;AAAA,IACA,WAAWC;AAAA,IACX,OAAAC;AAAA,IACA,qBAAqBC;AAAA,IACrB,IAAIC;AAAA,IACJ,cAAcC;AAAA,IACd,OAAAC;AAAA,EACE,IAAAX,GAEEY,IACJD,KAAShB,EAAsB,SAASgB,CAAK,KAAKH,EAAkB,SAAS,GACzEK,IAAaF,MAAU,YAEvB,CAACG,GAA+BC,CAAgC,IACpEC,EAAqC,IAAI,GACrCC,IAAeC,EAAuB,IAAI,GAE1CC,IAAuBC,EAAY,MAAM;;AACvC,UAAA,EAAE,SAAAC,EAAY,IAAAJ;AAEpB,QAAII,GAAS;AACX,YAAMC,KAAqBC,IAAAF,EAAQ,SAAS,CAAC,MAAlB,gBAAAE,EAAqB;AAEhD,UAAID,GAAoB;AACtB,cAAME,IAAgB,OAAO,YACvBC,IAAiB,OAAO,aAExBC,IAAiC,CAAA;AAGnC,QAAAJ,EAAmB,OAAO,MAAME,IAClCE,EAAU,OAAOJ,EAAmB,OAE1BI,EAAA,OAAOJ,EAAmB,OAAO,KAAK,KAI9CA,EAAmB,MAAM,MAAMG,IACvBC,EAAA,MAAMJ,EAAmB,MAAM,KAE/BI,EAAA,SAASD,IAAiBH,EAAmB,MAAM,GAG3D,OAAO,KAAKI,CAAS,EAAE,UACQX,EAAA,EAAE,GAAGW,EAAA,CAAW;AAAA,MAErD;AAAA,IACF;AAAA,EAAA,GACC,CAACX,GAAkCE,CAAY,CAAC,GAE7C;AAAA,IACJ,aAAAU;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACEC,EAA2Bb,GAAcE,CAAoB,GAE3DY,IAAqBX,EAAY,MAAM;AAC3C,IAAKO,IAGME,MAFGD;EAIb,GAAA,CAACA,GAAaC,GAAUF,CAAW,CAAC,GAEjCK,IAA2BZ,EAAY,MAAM;AAC7C,QAAA,CAAChB,EAAsB,QAAA;AAE3B,IAAAH,EAAmBQ,CAAS;AAAA,EAC3B,GAAA,CAACL,GAAeK,GAAWR,CAAkB,CAAC;AAEjD,SACG,gBAAAgC,EAAAC,GAAA,EAAS,UAAU,GAAG,WAAU,YAC/B,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EAA0B,KAAKlB,GAAc,SAASc,GACrD,UAAA;AAAA,MAAA,gBAAAK,EAACC,GAAA,EAAuB,WAAU,yBAAyB,CAAA;AAAA,MAC1DV,KACC,gBAAAS;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,MAAMxB,KAAA,gBAAAA,EAA+B;AAAA,UACrC,OAAOA,KAAA,gBAAAA,EAA+B;AAAA,UACtC,SAASA,KAAA,gBAAAA,EAA+B;AAAA,UAExC,UAAA,gBAAAsB,EAACG,KAAW,mBAAA/B,EAAsC,CAAA;AAAA,QAAA;AAAA,MACpD;AAAA,IAAA,GAEJ;AAAA,IAEA,gBAAA4B;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,aAAY;AAAA,QACZ,QAAQ,CAACtC;AAAA,QAET,UAAA,gBAAA+B;AAAA,UAACQ;AAAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,UAAU;AAAA,YACV,OAAO;AAAA,YACP,UAAU;AAAA,YACV,UAAU;AAAA,YACV,WAAU;AAAA,YACV,aAAY;AAAA,YACZ,aAAarC;AAAA,YACb,cAAcG,IAAQ,eAAe;AAAA,YACrC,aAAaA,IAAQ,YAAY;AAAA,YACjC,SAASyB;AAAA,YAET,UAAA;AAAA,cAAC,gBAAAC,EAAAC,GAAA,EAAS,WAAU,YACjB,UAAA;AAAA,gBAAAtB,uBACE8B,GAAA,EAA0B,OAAM,QAAO,QAAO,QAC7C,UAAA;AAAA,kBAAC,gBAAAN,EAAAO,GAAA,EAAgC,WAAW,GAAG,GAAE,MAAK,IAAG,MAAK,IAAG,KAAK,CAAA;AAAA,kBACtE,gBAAAP;AAAA,oBAACO;AAAAA,oBAAA;AAAA,sBACC,iBAAe;AAAA,sBACf,qBAAqB9B,IAAa,YAAY;AAAA,sBAC9C,WAAWA,IAAa,MAAM;AAAA,sBAC9B,GAAE;AAAA,sBACF,IAAG;AAAA,sBACH,IAAG;AAAA,oBAAA;AAAA,kBACL;AAAA,gBAAA,GACF;AAAA,gBAEF,gBAAAuB;AAAA,kBAACQ;AAAA,kBAAA;AAAA,oBACC,KAAKtC,KAAY;AAAA,oBACjB,KAAKD;AAAA,oBACL,YAAU;AAAA,oBACV,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,cAAc;AAAA,kBAAA;AAAA,gBAChB;AAAA,cAAA,GACF;AAAA,cAEA,gBAAA+B,EAACS,GAAA,EAAkB,WAAU,OAAM,QAAO,UACvC,UACHxC,GAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,IAECF,KACE,gBAAAiC,EAAAS,GAAA,EAAkB,WAAU,OAAM,cAAc,GAAG,QAAO,cACxD,UACHnC,EAAA,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"chapter-item.js","sources":["../../../../../../src/features/milestone/create/comps/chapter-item/chapter-item.tsx"],"sourcesContent":["import type { IChapterItem, ISheetsListPosition } from './chapter-item-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useRef, useState } from 'react';\n\nimport { SHEET_STATE } from '../../../../sheets/constants/sheet';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport useContextMenuClickHandler from '../../../../ui/hooks/use-context-menu-click-handler';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport SheetsList from '../sheets-list/sheets-list';\nimport * as Styled from './chapter-item-styled';\n\nconst progressVisibleStates = [\n  'STARTED',\n  SHEET_STATE.FAMILIAR,\n  SHEET_STATE.PROFICIENT,\n  SHEET_STATE.MASTERED,\n];\n\nconst ChapterItemV2: FC<IChapterItem> = memo(props => {\n  const { chapterData, onChapterItemClick, isThisPrimaryChapter, showChapterTags, canAddChapter } =\n    props;\n  const {\n    name,\n    image_url: imageUrl,\n    added,\n    learning_sheet_data: learningSheetData,\n    total_supplementary_sheets: totalSupplementarySheets,\n    id: chapterId,\n    chapter_tags: chapterTags,\n    state,\n  } = chapterData;\n\n  const showProgress =\n    state && progressVisibleStates.includes(state) && learningSheetData.length > 0;\n  const isMastered = state === 'MASTERED';\n\n  const [sheetsListPositionCoordinates, setSheetsListPositionCoordinates] =\n    useState<ISheetsListPosition | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const handleSetCoordinates = useCallback(() => {\n    const { current } = containerRef;\n\n    if (current) {\n      const boundingClientRect = current.children[0]?.getBoundingClientRect();\n\n      if (boundingClientRect) {\n        const viewportWidth = window.innerWidth;\n        const viewportHeight = window.innerHeight;\n\n        const positions: ISheetsListPosition = {};\n\n        //* 288 (Width of card) + 8 (left position) = 296\n        if (boundingClientRect.left + 296 < viewportWidth) {\n          positions.left = boundingClientRect.left;\n        } else {\n          positions.left = boundingClientRect.left + 20 - 296;\n        }\n\n        //* 252 (Max height of card)\n        if (boundingClientRect.top + 252 < viewportHeight) {\n          positions.top = boundingClientRect.top + 20;\n        } else {\n          positions.bottom = viewportHeight - boundingClientRect.top + 8;\n        }\n\n        if (Object.keys(positions).length) {\n          setSheetsListPositionCoordinates({ ...positions });\n        }\n      }\n    }\n  }, [setSheetsListPositionCoordinates, containerRef]);\n\n  const {\n    menuVisible,\n    onMenuClick: onMenuClick,\n    hideMenu,\n  } = useContextMenuClickHandler(containerRef, handleSetCoordinates);\n\n  const handleOnSheetsView = useCallback(() => {\n    if (!menuVisible) {\n      onMenuClick();\n    } else {\n      hideMenu();\n    }\n  }, [onMenuClick, hideMenu, menuVisible]);\n\n  const handleOnChapterItemClick = useCallback(() => {\n    if (!canAddChapter) return null;\n\n    onChapterItemClick(chapterId);\n  }, [canAddChapter, chapterId, onChapterItemClick]);\n\n  return (\n    <FlexView $flexGap={4} $position=\"relative\">\n      <Styled.ChapterInfoWrapper ref={containerRef} onClick={handleOnSheetsView}>\n        <Styled.ChapterInfoIcon className=\"goal-chapter-info-icon\" />\n        {menuVisible && (\n          <Styled.SheetsListWrapper\n            $top={sheetsListPositionCoordinates?.top}\n            $left={sheetsListPositionCoordinates?.left}\n            $bottom={sheetsListPositionCoordinates?.bottom}\n          >\n            <SheetsList\n              learningSheetData={learningSheetData}\n              supplementarySheetsCount={totalSupplementarySheets}\n            />\n          </Styled.SheetsListWrapper>\n        )}\n      </Styled.ChapterInfoWrapper>\n\n      <ArrowTooltip\n        position=\"bottom\"\n        renderAs=\"primary\"\n        tooltipItem=\"Duplicates can’t be added\"\n        hidden={!isThisPrimaryChapter}\n      >\n        <Styled.ChapterListWrapper\n          $widthX={9.5}\n          $heightX={8.875}\n          $gapX={1}\n          $gutterX={1}\n          $flexGap={12}\n          $position=\"relative\"\n          $alignItems=\"center\"\n          $selectable={canAddChapter}\n          $borderColor={added ? 'BLACK_T_87' : 'WHITE_5'}\n          $background={added ? 'WHITE_3' : 'WHITE_1'}\n          onClick={handleOnChapterItemClick}\n        >\n          <FlexView $position=\"relative\">\n            {showProgress && (\n              <Styled.ChapterProgressSVG width=\"62px\" height=\"62px\">\n                <Styled.ChapterProgressSVGCircle $progress={0} r=\"30\" cx=\"31\" cy=\"31\" />\n                <Styled.ChapterProgressSVGCircle\n                  $progressCircle\n                  $progressBackground={isMastered ? 'GREEN_5' : 'BLACK'}\n                  $progress={isMastered ? 360 : 95}\n                  r=\"30\"\n                  cx=\"31\"\n                  cy=\"31\"\n                />\n              </Styled.ChapterProgressSVG>\n            )}\n            <Image\n              src={imageUrl || ''}\n              alt={name}\n              withLoader\n              width={56}\n              height={56}\n              borderRadius={50}\n            />\n          </FlexView>\n\n          <Styled.StyledText $renderAs=\"ab3\" $align=\"center\">\n            {name}\n          </Styled.StyledText>\n        </Styled.ChapterListWrapper>\n      </ArrowTooltip>\n\n      {showChapterTags && (\n        <Styled.StyledText $renderAs=\"ab3\" $lineClampNo={1} $color=\"BLACK_T_60\">\n          {chapterTags}\n        </Styled.StyledText>\n      )}\n    </FlexView>\n  );\n});\n\nexport default ChapterItemV2;\n"],"names":["progressVisibleStates","SHEET_STATE","ChapterItemV2","memo","props","chapterData","onChapterItemClick","isThisPrimaryChapter","showChapterTags","canAddChapter","name","imageUrl","added","learningSheetData","totalSupplementarySheets","chapterId","chapterTags","state","showProgress","isMastered","sheetsListPositionCoordinates","setSheetsListPositionCoordinates","useState","containerRef","useRef","handleSetCoordinates","useCallback","current","boundingClientRect","_a","viewportWidth","viewportHeight","positions","menuVisible","onMenuClick","hideMenu","useContextMenuClickHandler","handleOnSheetsView","handleOnChapterItemClick","jsxs","FlexView","Styled.ChapterInfoWrapper","jsx","Styled.ChapterInfoIcon","Styled.SheetsListWrapper","SheetsList","ArrowTooltip","Styled.ChapterListWrapper","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","Image","Styled.StyledText"],"mappings":"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"}

package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step-styled.js

@@ -1,17 +1,9 @@
 import r from "styled-components";
-import o from "../../../../ui/layout/flex-view.js";
-const x = r(o)(({ theme: t }) => `
-    box-shadow: 0px 10px 20px 0px ${t.colors.BLACK_T_20};
-  `), n = r(o)(() => `
-    margin-left: auto;
-    
-    svg {
-      width: 24px;
-      height: 24px;
-    }
+import p from "../../../../ui/layout/flex-view.js";
+const e = r(p)(({ theme: o }) => `
+    box-shadow: 0px 10px 20px 0px ${o.colors.BLACK_T_20};
   `);
 export {
-  n as BinIconWrapper,
-  x as ButtonWrapper
+  e as ButtonWrapper
 };
 //# sourceMappingURL=chapters-selection-step-styled.js.map

package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapters-selection-step-styled.js","sources":["../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapters-selection-step-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst ButtonWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    box-shadow: 0px 10px 20px 0px ${theme.colors.BLACK_T_20};\n  `;\n});\n\nconst BinIconWrapper = styled(FlexView)(() => {\n  return `\n    margin-left: auto;\n    \n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  `;\n});\n\nexport { ButtonWrapper, BinIconWrapper };\n"],"names":["ButtonWrapper","styled","FlexView","theme","BinIconWrapper"],"mappings":";;AAIA,MAAMA,IAAgBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACjC;AAAA,oCAC2BA,EAAM,OAAO,UAAU;AAAA,GAE1D,GAEKC,IAAiBH,EAAOC,CAAQ,EAAE,MAC/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQR;"}
+{"version":3,"file":"chapters-selection-step-styled.js","sources":["../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapters-selection-step-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst ButtonWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    box-shadow: 0px 10px 20px 0px ${theme.colors.BLACK_T_20};\n  `;\n});\n\nexport { ButtonWrapper };\n"],"names":["ButtonWrapper","styled","FlexView","theme"],"mappings":";;AAIA,MAAMA,IAAgBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACjC;AAAA,oCAC2BA,EAAM,OAAO,UAAU;AAAA,GAE1D;"}

package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step.js

@@ -1,84 +1,81 @@
-import { jsx as t, jsxs as $ } from "react/jsx-runtime";
-import { memo as q, useContext as V, useMemo as J, useCallback as u } from "react";
-import K from "../../../../../assets/line-icons/icons/bin2.js";
-import Q from "../../../../../assets/line-icons/icons/plus.js";
-import f from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
-import Y from "../../../../ui/buttons/button/button.js";
-import k from "../../../../ui/buttons/icon-button/icon-button.js";
-import { useUIContext as Z } from "../../../../ui/context/context.js";
-import P from "../../../../ui/layout/flex-view.js";
-import ee from "../../../../ui/text/text.js";
-import { WARNING_MESSAGES as te } from "../../../constants.js";
-import { GOAL_EDIT_FLOWS as oe } from "../../milestone-create-constants.js";
-import re from "../../milestone-create-context.js";
-import ne from "../body-layout/body-layout.js";
-import se from "../class-details-step/class-details-step.js";
-import ae from "./chapter-selection-step-v2/chapter-selection.js";
-import { BinIconWrapper as de, ButtonWrapper as R } from "./chapters-selection-step-styled.js";
-import { useChapterListUpdate as ie } from "./use-chapter-list-update.js";
-import { computeChangeDetection as le } from "./utils.js";
-const $e = q((G) => {
+import { jsx as t, jsxs as w } from "react/jsx-runtime";
+import { memo as H, useContext as W, useMemo as U, useCallback as u } from "react";
+import q from "../../../../../assets/line-icons/icons/plus.js";
+import P from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import y from "../../../../ui/buttons/button/button.js";
+import V from "../../../../ui/buttons/icon-button/icon-button.js";
+import { useUIContext as J } from "../../../../ui/context/context.js";
+import $ from "../../../../ui/layout/flex-view.js";
+import K from "../../../../ui/text/text.js";
+import { WARNING_MESSAGES as Q } from "../../../constants.js";
+import { GOAL_EDIT_FLOWS as Y } from "../../milestone-create-constants.js";
+import Z from "../../milestone-create-context.js";
+import ee from "../body-layout/body-layout.js";
+import te from "../class-details-step/class-details-step.js";
+import oe from "./chapter-selection-step-v2/chapter-selection.js";
+import { ButtonWrapper as k } from "./chapters-selection-step-styled.js";
+import { useChapterListUpdate as re } from "./use-chapter-list-update.js";
+import { computeChangeDetection as ne } from "./utils.js";
+const xe = H((N) => {
   const {
-    currentStep: g,
-    onFormDataChange: s,
-    onChapterExitWarning: d,
-    formData: l,
-    studentName: A,
-    studentId: I,
+    currentStep: f,
+    onFormDataChange: n,
+    onChapterExitWarning: a,
+    formData: c,
+    studentName: g,
+    studentId: A,
     config: m,
-    isGoalCreation: a,
-    onPreSubmit: c,
+    isGoalCreation: d,
+    onPreSubmit: l,
     courseStream: _,
-    classRatio: b,
-    enrollmentType: C,
-    canDeleteGoal: N,
-    onDeleteGoal: L
-  } = G, { flow: o } = V(re), { onEvent: D } = Z(), {
+    classRatio: C,
+    enrollmentType: S
+  } = N, { flow: s } = W(Z), { onEvent: b } = J(), {
     action_plan: {
-      green: { share_message_template: S }
+      green: { share_message_template: I }
     }
-  } = m, { buttonLabel: X, name: E, title: z } = g, F = {
-    step: E
-  }, { testType: O, primaryChaptersList: e, board: x, major: T, region: w, chapterGoalCategory: j } = l, { primaryGoalCategory: r } = j || {}, y = N && (o === "DRAFT_EDIT" || o === "EDIT"), { isProcessing: p, isProcessed: M } = ie({
-    formData: l,
-    onFormDataChange: s,
-    studentId: I
-  }), B = J(() => e ? e.some((n) => n.added) : !1, [e]), W = u(() => {
-    const n = e == null ? void 0 : e.filter((i) => !!i.added), h = (e == null ? void 0 : e.filter(
-      (i) => i.program_id !== (r == null ? void 0 : r.program_code) && i.added
-    ).length) ?? 0, U = (e == null ? void 0 : e.filter((i) => i.program_id === (r == null ? void 0 : r.program_id)).length) ?? 0;
-    D("CHAPTER_DETAILS_ADDED", {
-      total_chapter_added: (n == null ? void 0 : n.length) ?? 0,
+  } = m, { buttonLabel: R, name: x, title: G } = f, L = {
+    step: x
+  }, { testType: O, primaryChaptersList: e, board: E, major: D, region: T, chapterGoalCategory: X } = c, { primaryGoalCategory: o } = X || {}, { isProcessing: p, isProcessed: j } = re({
+    formData: c,
+    onFormDataChange: n,
+    studentId: A
+  }), B = U(() => e ? e.some((r) => r.added) : !1, [e]), M = u(() => {
+    const r = e == null ? void 0 : e.filter((i) => !!i.added), h = (e == null ? void 0 : e.filter(
+      (i) => i.program_id !== (o == null ? void 0 : o.program_code) && i.added
+    ).length) ?? 0, F = (e == null ? void 0 : e.filter((i) => i.program_id === (o == null ? void 0 : o.program_id)).length) ?? 0;
+    b("CHAPTER_DETAILS_ADDED", {
+      total_chapter_added: (r == null ? void 0 : r.length) ?? 0,
       searched_chapter_added: h,
-      suggested_chapter_added: U
-    }), a ? s({
+      suggested_chapter_added: F
+    }), d ? n({
       primaryChaptersList: e,
-      selectedChaptersList: n,
+      selectedChaptersList: r,
       searchedChaptersList: [],
       chapterSubStages: "date-selection",
       committed: {
         selectedChaptersList: !0,
         chapterSubStages: !0,
         grade: !0,
-        board: !!x,
-        major: !!T,
-        region: !!w
+        board: !!E,
+        major: !!D,
+        region: !!T
       }
-    }) : o && (c == null || c({ isDraftPlan: !1, flow: o, submitBaseMessage: S }));
+    }) : s && (l == null || l({ isDraftPlan: !1, flow: s, submitBaseMessage: I }));
   }, [
     e,
-    x,
-    T,
-    w,
+    E,
     D,
+    T,
+    b,
+    n,
+    l,
     s,
-    c,
-    o,
-    a,
-    S,
-    r
+    d,
+    I,
+    o
   ]), v = u(() => {
-    s({
+    n({
       chapterSubStages: "custom-chapters",
       selectedChaptersList: void 0,
       committed: {
@@ -86,92 +83,72 @@ const $e = q((G) => {
         selectedChaptersList: !1
       }
     });
-  }, [s]), H = u(
-    (n) => {
-      if (!o) return null;
-      const h = le(e, r);
-      oe.includes(o) || !(e != null && e.length) || !h ? n() : d == null || d({
-        onSuccess: n,
-        description: te.CHAPTER_EXIT_WARNING
+  }, [n]), z = u(
+    (r) => {
+      if (!s) return null;
+      const h = ne(e, o);
+      Y.includes(s) || !(e != null && e.length) || !h ? r() : a == null || a({
+        onSuccess: r,
+        description: Q.CHAPTER_EXIT_WARNING
       });
     },
-    [d, o, e, r]
+    [a, s, e, o]
   );
   return /* @__PURE__ */ t(
-    ne,
+    ee,
     {
-      stepName: E,
-      headerElement: /* @__PURE__ */ $(P, { $flexDirection: "row", $alignItems: "center", $flexGapX: 1, $width: "100%", children: [
-        /* @__PURE__ */ t(ee, { $renderAs: "ab2", children: a ? z : "Chapters" }),
-        a && o === "CREATE" && /* @__PURE__ */ t(
-          se,
+      stepName: x,
+      headerElement: /* @__PURE__ */ w($, { $flexDirection: "row", $alignItems: "center", $flexGapX: 1, children: [
+        /* @__PURE__ */ t(K, { $renderAs: "ab2", children: d ? G : "Chapters" }),
+        d && s === "CREATE" && /* @__PURE__ */ t(
+          te,
           {
-            studentName: A,
-            studentId: I,
-            currentStep: g,
+            studentName: g,
+            studentId: A,
+            currentStep: f,
             config: m,
-            formData: l,
+            formData: c,
             courseStream: _,
-            classRatio: b,
-            onFormDataChange: s,
-            onChapterExitWarning: d,
-            enrollmentType: C
+            classRatio: C,
+            onFormDataChange: n,
+            onChapterExitWarning: a,
+            enrollmentType: S
           }
-        ),
-        a && y && /* @__PURE__ */ t(de, { children: /* @__PURE__ */ t(
-          f,
-          {
-            renderAs: "primary",
-            position: "bottom",
-            tooltipItem: "Delete goal",
-            zIndex: 10,
-            widthX: 6,
-            children: /* @__PURE__ */ t(
-              k,
-              {
-                size: "xsmall",
-                renderAs: "tertiary",
-                Icon: K,
-                analyticsLabel: "delete_goal_plan",
-                onClick: L
-              }
-            )
-          }
-        ) })
+        )
       ] }),
       bodyHeight: "100%",
-      onBackButtonClick: H,
+      onBackButtonClick: z,
       bodyElement: /* @__PURE__ */ t(
-        ae,
+        oe,
         {
           config: m,
-          classRatio: b,
-          isGoalCreation: a,
-          formData: l,
-          studentName: A,
-          isProcessed: M,
+          classRatio: C,
+          isGoalCreation: d,
+          formData: c,
+          studentName: g,
+          isProcessed: j,
           isProcessing: p,
           courseStream: _,
-          onFormDataChange: s,
-          onChapterExitWarning: d,
-          enrollmentType: C
+          onFormDataChange: n,
+          onChapterExitWarning: a,
+          enrollmentType: S
         }
       ),
-      footerElement: /* @__PURE__ */ $(P, { $flexDirection: "row", $flexGap: 12, $alignItems: "center", children: [
-        (!a || O === "no-test") && /* @__PURE__ */ t(
-          f,
+      footerElement: /* @__PURE__ */ w($, { $flexDirection: "row", $flexGap: 12, $alignItems: "center", children: [
+        (!d || O === "no-test") && /* @__PURE__ */ t(
+          P,
           {
             renderAs: "primary",
             position: "top",
             widthX: 6.5,
             zIndex: 20,
             tooltipItem: "Add a chapter",
-            children: /* @__PURE__ */ t(R, { $borderRadius: 50, children: /* @__PURE__ */ t(
-              k,
+            children: /* @__PURE__ */ t(k, { $borderRadius: 50, children: /* @__PURE__ */ t(
+              V,
               {
                 renderAs: "secondary",
                 analyticsLabel: "Add custom chapters",
-                Icon: Q,
+                Icon: q,
                 disabled: p,
                 onClick: v
               }
@@ -179,7 +156,7 @@ const $e = q((G) => {
           }
         ),
         /* @__PURE__ */ t(
-          f,
+          P,
           {
             renderAs: "primary",
             position: "top",
@@ -187,19 +164,19 @@ const $e = q((G) => {
             zIndex: 20,
             tooltipItem: "Please select atleast one chapter",
             hidden: B,
-            children: /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(
-              Y,
+            children: /* @__PURE__ */ t(k, { children: /* @__PURE__ */ t(
+              y,
               {
                 renderAs: "primary",
                 size: "small",
                 shape: "square",
                 widthX: 9,
-                label: X,
-                onClick: W,
+                label: R,
+                onClick: M,
                 iconPosition: "right",
                 busy: p,
                 disabled: !B,
-                analyticsProps: F
+                analyticsProps: L
               }
             ) })
           }
@@ -209,6 +186,6 @@ const $e = q((G) => {
   );
 });
 export {
-  $e as default
+  xe as default
 };
 //# sourceMappingURL=chapters-selection-step.js.map