@cuemath/leap 3.0.7-hg1 → 3.0.7-hg2

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

@@ -0,0 +1,73 @@
+import e from "styled-components";
+import d from "../../../../../assets/line-icons/icons/info2.js";
+import i from "../../../../ui/layout/flex-view.js";
+import f from "../../../../ui/text/text.js";
+const b = e(i)(({ $selectable: t }) => `
+    cursor: ${t ? "pointer" : "default"};
+  `), k = e(f)(({ $lineClampNo: t }) => `
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: ${t || 2};
+    text-overflow: ellipsis;
+    overflow: hidden;
+  `), w = e(i)(() => `
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    z-index: 1;
+  `), C = e(d)(({ theme: t }) => {
+  const { colors: o, layout: r } = t, { BLACK_T_60: s } = o;
+  return `
+    width: ${r.gutter}px;
+    height: ${r.gutter}px;
+    cursor: pointer;
+
+    border: 1px solid ${s};
+    border-radius: 50%;
+
+    path {
+      fill: ${s};
+    }
+  `;
+}), g = e(i)(({
+  $top: t,
+  $left: o,
+  $bottom: r,
+  theme: s
+}) => {
+  const { zIndex: n } = s;
+  return `
+    position: fixed;
+    
+    ${t ? `top: ${t}px;` : ""}
+    ${o ? `left: ${o}px;` : ""}
+    ${r ? `bottom: ${r}px;` : ""}
+    z-index: ${n.GOAL_CHAPTER_SHEETS_MENU};
+  `;
+}), y = e.svg(() => `
+    position: absolute;
+    inset: 50%;
+    transform: translate(-50%, -50%) rotate(90deg);
+  `), I = e.circle(
+  ({ theme: t, $progressCircle: o, $progress: r, $progressBackground: s }) => {
+    const { colors: n, layout: c } = t, { GREY_2: l } = n, { gutter: p } = c, a = p * 22.5, x = o ? a - r : r;
+    return `
+      stroke-dasharray: ${a};
+      stroke-dashoffset: ${x};
+      stroke: ${o ? n[s || "BLACK"] : l};
+
+      stroke-width: ${p * 0.125}px;
+      fill: none;
+    `;
+  }
+);
+export {
+  C as ChapterInfoIcon,
+  w as ChapterInfoWrapper,
+  b as ChapterListWrapper,
+  y as ChapterProgressSVG,
+  I as ChapterProgressSVGCircle,
+  g as SheetsListWrapper,
+  k as StyledText
+};
+//# sourceMappingURL=chapter-item-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chapter-item-styled.js","sources":["../../../../../../src/features/milestone/create/comps/chapter-item/chapter-item-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\n\nimport styled from 'styled-components';\n\nimport Info2Icon from '../../../../../assets/line-icons/icons/info2';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\ninterface IChapterListWrapper {\n  $selectable: boolean;\n}\n\nconst ChapterListWrapper = styled(FlexView)<IChapterListWrapper>(({ $selectable }) => {\n  return `\n    cursor: ${$selectable ? 'pointer' : 'default'};\n  `;\n});\n\ninterface IStyledText {\n  $lineClampNo?: number;\n}\n\nconst StyledText = styled(Text)<IStyledText>(({ $lineClampNo }) => {\n  return `\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: ${$lineClampNo || 2};\n    text-overflow: ellipsis;\n    overflow: hidden;\n  `;\n});\n\nconst ChapterInfoWrapper = styled(FlexView)(() => {\n  return `\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    z-index: 1;\n  `;\n});\n\nconst ChapterInfoIcon = styled(Info2Icon)(({ theme }) => {\n  const { colors, layout } = theme;\n  const { BLACK_T_60 } = colors;\n\n  return `\n    width: ${layout.gutter}px;\n    height: ${layout.gutter}px;\n    cursor: pointer;\n\n    border: 1px solid ${BLACK_T_60};\n    border-radius: 50%;\n\n    path {\n      fill: ${BLACK_T_60};\n    }\n  `;\n});\n\ninterface ISheetsListWrapper {\n  $top?: number;\n  $left?: number;\n  $bottom?: number;\n}\n\nconst SheetsListWrapper = styled(FlexView)<ISheetsListWrapper>(({\n  $top,\n  $left,\n  $bottom,\n  theme,\n}) => {\n  const { zIndex } = theme;\n\n  return `\n    position: fixed;\n    \n    ${$top ? `top: ${$top}px;` : ''}\n    ${$left ? `left: ${$left}px;` : ''}\n    ${$bottom ? `bottom: ${$bottom}px;` : ''}\n    z-index: ${zIndex.GOAL_CHAPTER_SHEETS_MENU};\n  `;\n});\n\nconst ChapterProgressSVG = styled.svg(() => {\n  return `\n    position: absolute;\n    inset: 50%;\n    transform: translate(-50%, -50%) rotate(90deg);\n  `;\n});\n\ninterface IChapterProgressSVGCircleProps {\n  $progressCircle?: boolean;\n  $progress: number;\n  $progressBackground?: TColorNames;\n}\n\nconst ChapterProgressSVGCircle = styled.circle<IChapterProgressSVGCircleProps>(\n  ({ theme, $progressCircle, $progress, $progressBackground }) => {\n    const { colors, layout } = theme;\n    const { GREY_2 } = colors;\n    const { gutter } = layout;\n\n    const strokeDashArray = gutter * 22.5;\n    const strokeDashOffset = $progressCircle ? strokeDashArray - $progress : $progress;\n\n    return `\n      stroke-dasharray: ${strokeDashArray};\n      stroke-dashoffset: ${strokeDashOffset};\n      stroke: ${$progressCircle ? colors[$progressBackground || 'BLACK'] : GREY_2};\n\n      stroke-width: ${gutter * 0.125}px;\n      fill: none;\n    `;\n  },\n);\n\nexport {\n  ChapterListWrapper,\n  StyledText,\n  ChapterInfoWrapper,\n  ChapterInfoIcon,\n  SheetsListWrapper,\n  ChapterProgressSVG,\n  ChapterProgressSVGCircle,\n};\n"],"names":["ChapterListWrapper","styled","FlexView","$selectable","StyledText","Text","$lineClampNo","ChapterInfoWrapper","ChapterInfoIcon","Info2Icon","theme","colors","layout","BLACK_T_60","SheetsListWrapper","$top","$left","$bottom","zIndex","ChapterProgressSVG","ChapterProgressSVGCircle","$progressCircle","$progress","$progressBackground","GREY_2","gutter","strokeDashArray","strokeDashOffset"],"mappings":";;;;AAYA,MAAMA,IAAqBC,EAAOC,CAAQ,EAAuB,CAAC,EAAE,aAAAC,QAC3D;AAAA,cACKA,IAAc,YAAY,SAAS;AAAA,GAEhD,GAMKC,IAAaH,EAAOI,CAAI,EAAe,CAAC,EAAE,cAAAC,QACvC;AAAA;AAAA;AAAA,0BAGiBA,KAAgB,CAAC;AAAA;AAAA;AAAA,GAI1C,GAEKC,IAAqBN,EAAOC,CAAQ,EAAE,MACnC;AAAA;AAAA;AAAA;AAAA;AAAA,GAMR,GAEKM,IAAkBP,EAAOQ,CAAS,EAAE,CAAC,EAAE,OAAAC,QAAY;AACjD,QAAA,EAAE,QAAAC,GAAQ,QAAAC,EAAW,IAAAF,GACrB,EAAE,YAAAG,EAAe,IAAAF;AAEhB,SAAA;AAAA,aACIC,EAAO,MAAM;AAAA,cACZA,EAAO,MAAM;AAAA;AAAA;AAAA,wBAGHC,CAAU;AAAA;AAAA;AAAA;AAAA,cAIpBA,CAAU;AAAA;AAAA;AAGxB,CAAC,GAQKC,IAAoBb,EAAOC,CAAQ,EAAsB,CAAC;AAAA,EAC9D,MAAAa;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAP;AACF,MAAM;AACE,QAAA,EAAE,QAAAQ,EAAW,IAAAR;AAEZ,SAAA;AAAA;AAAA;AAAA,MAGHK,IAAO,QAAQA,CAAI,QAAQ,EAAE;AAAA,MAC7BC,IAAQ,SAASA,CAAK,QAAQ,EAAE;AAAA,MAChCC,IAAU,WAAWA,CAAO,QAAQ,EAAE;AAAA,eAC7BC,EAAO,wBAAwB;AAAA;AAE9C,CAAC,GAEKC,IAAqBlB,EAAO,IAAI,MAC7B;AAAA;AAAA;AAAA;AAAA,GAKR,GAQKmB,IAA2BnB,EAAO;AAAA,EACtC,CAAC,EAAE,OAAAS,GAAO,iBAAAW,GAAiB,WAAAC,GAAW,qBAAAC,QAA0B;AACxD,UAAA,EAAE,QAAAZ,GAAQ,QAAAC,EAAW,IAAAF,GACrB,EAAE,QAAAc,EAAW,IAAAb,GACb,EAAE,QAAAc,EAAW,IAAAb,GAEbc,IAAkBD,IAAS,MAC3BE,IAAmBN,IAAkBK,IAAkBJ,IAAYA;AAElE,WAAA;AAAA,0BACeI,CAAe;AAAA,2BACdC,CAAgB;AAAA,gBAC3BN,IAAkBV,EAAOY,KAAuB,OAAO,IAAIC,CAAM;AAAA;AAAA,sBAE3DC,IAAS,KAAK;AAAA;AAAA;AAAA,EAGlC;AACF;"}

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

@@ -0,0 +1,118 @@
+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 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 = [
+  "STARTED",
+  p.FAMILIAR,
+  p.PROFICIENT,
+  p.MASTERED
+], ie = B((_) => {
+  const { chapterData: x, onChapterItemClick: h, isThisPrimaryChapter: R, showChapterTags: k, canAddChapter: l } = _, {
+    name: d,
+    image_url: W,
+    added: m,
+    learning_sheet_data: g,
+    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();
+      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 });
+      }
+    }
+  }, [C, i]), {
+    menuVisible: c,
+    onMenuClick: $,
+    hideMenu: T
+  } = O(i, V), y = s(() => {
+    c ? T() : $();
+  }, [$, T, c]), D = s(() => {
+    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,
+        {
+          $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 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(
+      N,
+      {
+        position: "bottom",
+        renderAs: "primary",
+        tooltipItem: "Duplicates can’t be added",
+        hidden: !R,
+        children: /* @__PURE__ */ n(
+          U,
+          {
+            $widthX: 9.5,
+            $heightX: 8.875,
+            $gapX: 1,
+            $gutterX: 1,
+            $flexGap: 12,
+            $position: "relative",
+            $alignItems: "center",
+            $selectable: l,
+            $borderColor: m ? "BLACK_T_87" : "WHITE_5",
+            $background: m ? "WHITE_3" : "WHITE_1",
+            onClick: D,
+            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" }),
+                  /* @__PURE__ */ t(
+                    A,
+                    {
+                      $progressCircle: !0,
+                      $progressBackground: u ? "GREEN_5" : "BLACK",
+                      $progress: u ? 360 : 95,
+                      r: "30",
+                      cx: "31",
+                      cy: "31"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ t(
+                  X,
+                  {
+                    src: W || "",
+                    alt: d,
+                    withLoader: !0,
+                    width: 56,
+                    height: 56,
+                    borderRadius: 50
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ t(E, { $renderAs: "ab3", $align: "center", children: d })
+            ]
+          }
+        )
+      }
+    ),
+    k && /* @__PURE__ */ t(E, { $renderAs: "ab3", $lineClampNo: 1, $color: "BLACK_T_60", children: H })
+  ] });
+});
+export {
+  ie as default
+};
+//# sourceMappingURL=chapter-item.js.map

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

@@ -0,0 +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":"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"}

package/dist/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapter-category/category-card.js

@@ -0,0 +1,18 @@
+import { jsx as o } from "react/jsx-runtime";
+import { memo as t } from "react";
+import a from "../../../../../../ui/text/text.js";
+import { CategoryCardWrapper as m } from "./chapter-category-styled.js";
+const f = t(({ selected: r, title: e }) => /* @__PURE__ */ o(
+  m,
+  {
+    $gap: 12,
+    $gutterX: 1,
+    $selected: r,
+    $background: r ? "WHITE_3" : "WHITE",
+    children: /* @__PURE__ */ o(a, { $renderAs: "ab3", children: e })
+  }
+));
+export {
+  f as default
+};
+//# sourceMappingURL=category-card.js.map

package/dist/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapter-category/category-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"category-card.js","sources":["../../../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapter-category/category-card.tsx"],"sourcesContent":["import type { ICategoryCardProps } from '../chapter-selection-step-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport Text from '../../../../../../ui/text/text';\nimport * as Styled from './chapter-category-styled';\n\nconst CategoryCard: FC<ICategoryCardProps> = memo(({ selected, title }) => {\n  return (\n    <Styled.CategoryCardWrapper\n      $gap={12}\n      $gutterX={1}\n      $selected={selected}\n      $background={selected ? 'WHITE_3' : 'WHITE'}\n    >\n      <Text $renderAs=\"ab3\">{title}</Text>\n    </Styled.CategoryCardWrapper>\n  );\n});\n\nexport default CategoryCard;\n"],"names":["CategoryCard","memo","selected","title","jsx","Styled.CategoryCardWrapper","Text"],"mappings":";;;;AAQA,MAAMA,IAAuCC,EAAK,CAAC,EAAE,UAAAC,GAAU,OAAAC,QAE3D,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,MAAM;AAAA,IACN,UAAU;AAAA,IACV,WAAWH;AAAA,IACX,aAAaA,IAAW,YAAY;AAAA,IAEpC,UAAC,gBAAAE,EAAAE,GAAA,EAAK,WAAU,OAAO,UAAMH,GAAA;AAAA,EAAA;AAAA,CAGlC;"}

package/dist/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapter-category/chapter-category-container.js

@@ -0,0 +1,64 @@
+import { jsx as c } from "react/jsx-runtime";
+import { memo as E, useCallback as f, useMemo as M } from "react";
+import O from "../../../../../../ui/layout/flex-view.js";
+import { WARNING_MESSAGES as $ } from "../../../../../constants.js";
+import { useMilestoneContext as x } from "../../../../milestone-create-context.js";
+import { getSelectedGoalCategoryData as F, computeChangeDetection as R, computeChapterGoalCategoryOnGradeNBoard as T } from "../../utils.js";
+import h from "./category-card.js";
+import { CategoryContainerWrapper as b } from "./chapter-category-styled.js";
+const X = E((G) => {
+  const { onFormDataChange: s, config: t, formData: y, onChapterExitWarning: r, courseStream: a, enrollmentType: n } = G, { flow: _ } = x(), { chapterGoalCategory: D, grade: p, board: C, testType: g, region: d, primaryChaptersList: u } = y, { primaryGoalCategory: e } = D || {}, i = f(
+    (o) => {
+      const l = F({
+        goalCode: o,
+        config: t,
+        courseStream: a,
+        enrollmentType: n
+      });
+      s({
+        chapterGoalCategory: {
+          primaryGoalCategory: l
+        }
+      });
+    },
+    [t, a, n, s]
+  ), N = f(
+    (o) => {
+      if (o === (e == null ? void 0 : e.goal_code)) return null;
+      R(u, e) ? r == null || r({
+        description: $.GOAL_CHANGE_WARNING,
+        onSuccess: () => {
+          i(o);
+        }
+      }) : i(o);
+    },
+    [i, u, e, r]
+  ), S = M(
+    () => T({
+      config: t,
+      testType: g,
+      courseStream: a,
+      enrollmentType: n,
+      grade: p,
+      board: C,
+      region: d
+    }),
+    [t, g, p, n, C, d, a]
+  );
+  return e ? /* @__PURE__ */ c(b, { $widthX: 12.25, children: _ === "CREATE" ? S.map((o, l) => {
+    const { goal_name: A, goal_code: m } = o, w = m === e.goal_code;
+    return /* @__PURE__ */ c(
+      O,
+      {
+        onClick: () => N(m),
+        $width: "100%",
+        children: /* @__PURE__ */ c(h, { selected: w, title: A })
+      },
+      `${m}_${l}`
+    );
+  }) : /* @__PURE__ */ c(h, { selected: !0, title: e.goal_name }) }) : null;
+});
+export {
+  X as default
+};
+//# sourceMappingURL=chapter-category-container.js.map

package/dist/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapter-category/chapter-category-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chapter-category-container.js","sources":["../../../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapter-category/chapter-category-container.tsx"],"sourcesContent":["import type { IChapterSelectionWrapper } from '../chapter-selection-step-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useMemo } from 'react';\n\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport { WARNING_MESSAGES } from '../../../../../constants';\nimport { useMilestoneContext } from '../../../../milestone-create-context';\nimport {\n  computeChangeDetection,\n  computeChapterGoalCategoryOnGradeNBoard,\n  getSelectedGoalCategoryData,\n} from '../../utils';\nimport CategoryCard from './category-card';\nimport * as Styled from './chapter-category-styled';\n\nconst ChapterCategoryContainer: FC<IChapterSelectionWrapper> = memo(props => {\n  const { onFormDataChange, config, formData, onChapterExitWarning, courseStream, enrollmentType } =\n    props;\n\n  const { flow } = useMilestoneContext();\n\n  const { chapterGoalCategory, grade, board, testType, region, primaryChaptersList } = formData;\n  const { primaryGoalCategory } = chapterGoalCategory || {};\n\n  const handleOnFormDataChange = useCallback(\n    (goalCode: string) => {\n      const goalCategoryData = getSelectedGoalCategoryData({\n        goalCode,\n        config,\n        courseStream,\n        enrollmentType,\n      });\n\n      onFormDataChange({\n        chapterGoalCategory: {\n          primaryGoalCategory: goalCategoryData,\n        },\n      });\n    },\n    [config, courseStream, enrollmentType, onFormDataChange],\n  );\n\n  const handleOnGoalSelection = useCallback(\n    (goalCode: string) => {\n      if (goalCode === primaryGoalCategory?.goal_code) return null;\n\n      const isChangeDetected = computeChangeDetection(primaryChaptersList, primaryGoalCategory);\n\n      if (isChangeDetected) {\n        onChapterExitWarning?.({\n          description: WARNING_MESSAGES.GOAL_CHANGE_WARNING,\n          onSuccess: () => {\n            handleOnFormDataChange(goalCode);\n          },\n        });\n      } else {\n        handleOnFormDataChange(goalCode);\n      }\n    },\n    [handleOnFormDataChange, primaryChaptersList, primaryGoalCategory, onChapterExitWarning],\n  );\n\n  const filteredGoalCurriculumMap = useMemo(\n    () =>\n      computeChapterGoalCategoryOnGradeNBoard({\n        config,\n        testType,\n        courseStream,\n        enrollmentType,\n        grade,\n        board,\n        region,\n      }),\n    [config, testType, grade, enrollmentType, board, region, courseStream],\n  );\n\n  if (!primaryGoalCategory) return null;\n\n  return (\n    <Styled.CategoryContainerWrapper $widthX={12.25}>\n      {flow === 'CREATE' ? (\n        filteredGoalCurriculumMap.map((goalCurriculum, idx) => {\n          const { goal_name: goalName, goal_code: goalCode } = goalCurriculum;\n          const selected = goalCode === primaryGoalCategory.goal_code;\n\n          return (\n            <FlexView\n              key={`${goalCode}_${idx}`}\n              onClick={() => handleOnGoalSelection(goalCode)}\n              $width=\"100%\"\n            >\n              <CategoryCard selected={selected} title={goalName} />\n            </FlexView>\n          );\n        })\n      ) : (\n        <CategoryCard selected={true} title={primaryGoalCategory.goal_name} />\n      )}\n    </Styled.CategoryContainerWrapper>\n  );\n});\n\nexport default ChapterCategoryContainer;\n"],"names":["ChapterCategoryContainer","memo","props","onFormDataChange","config","formData","onChapterExitWarning","courseStream","enrollmentType","flow","useMilestoneContext","chapterGoalCategory","grade","board","testType","region","primaryChaptersList","primaryGoalCategory","handleOnFormDataChange","useCallback","goalCode","goalCategoryData","getSelectedGoalCategoryData","handleOnGoalSelection","computeChangeDetection","WARNING_MESSAGES","filteredGoalCurriculumMap","useMemo","computeChapterGoalCategoryOnGradeNBoard","jsx","Styled.CategoryContainerWrapper","goalCurriculum","idx","goalName","selected","FlexView","CategoryCard"],"mappings":";;;;;;;;AAgBM,MAAAA,IAAyDC,EAAK,CAASC,MAAA;AAC3E,QAAM,EAAE,kBAAAC,GAAkB,QAAAC,GAAQ,UAAAC,GAAU,sBAAAC,GAAsB,cAAAC,GAAc,gBAAAC,EAC9E,IAAAN,GAEI,EAAE,MAAAO,MAASC,KAEX,EAAE,qBAAAC,GAAqB,OAAAC,GAAO,OAAAC,GAAO,UAAAC,GAAU,QAAAC,GAAQ,qBAAAC,EAAwB,IAAAX,GAC/E,EAAE,qBAAAY,EAAA,IAAwBN,KAAuB,IAEjDO,IAAyBC;AAAA,IAC7B,CAACC,MAAqB;AACpB,YAAMC,IAAmBC,EAA4B;AAAA,QACnD,UAAAF;AAAA,QACA,QAAAhB;AAAA,QACA,cAAAG;AAAA,QACA,gBAAAC;AAAA,MAAA,CACD;AAEgB,MAAAL,EAAA;AAAA,QACf,qBAAqB;AAAA,UACnB,qBAAqBkB;AAAA,QACvB;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA,CAACjB,GAAQG,GAAcC,GAAgBL,CAAgB;AAAA,EAAA,GAGnDoB,IAAwBJ;AAAA,IAC5B,CAACC,MAAqB;AAChB,UAAAA,OAAaH,KAAA,gBAAAA,EAAqB,WAAkB,QAAA;AAIxD,MAFyBO,EAAuBR,GAAqBC,CAAmB,IAG/DX,KAAA,QAAAA,EAAA;AAAA,QACrB,aAAamB,EAAiB;AAAA,QAC9B,WAAW,MAAM;AACf,UAAAP,EAAuBE,CAAQ;AAAA,QACjC;AAAA,MAAA,KAGFF,EAAuBE,CAAQ;AAAA,IAEnC;AAAA,IACA,CAACF,GAAwBF,GAAqBC,GAAqBX,CAAoB;AAAA,EAAA,GAGnFoB,IAA4BC;AAAA,IAChC,MACEC,EAAwC;AAAA,MACtC,QAAAxB;AAAA,MACA,UAAAU;AAAA,MACA,cAAAP;AAAA,MACA,gBAAAC;AAAA,MACA,OAAAI;AAAA,MACA,OAAAC;AAAA,MACA,QAAAE;AAAA,IAAA,CACD;AAAA,IACH,CAACX,GAAQU,GAAUF,GAAOJ,GAAgBK,GAAOE,GAAQR,CAAY;AAAA,EAAA;AAGnE,SAACU,IAGF,gBAAAY,EAAAC,GAAA,EAAgC,SAAS,OACvC,UAASrB,MAAA,WACRiB,EAA0B,IAAI,CAACK,GAAgBC,MAAQ;AACrD,UAAM,EAAE,WAAWC,GAAU,WAAWb,MAAaW,GAC/CG,IAAWd,MAAaH,EAAoB;AAGhD,WAAA,gBAAAY;AAAA,MAACM;AAAA,MAAA;AAAA,QAEC,SAAS,MAAMZ,EAAsBH,CAAQ;AAAA,QAC7C,QAAO;AAAA,QAEP,UAAC,gBAAAS,EAAAO,GAAA,EAAa,UAAAF,GAAoB,OAAOD,GAAU;AAAA,MAAA;AAAA,MAJ9C,GAAGb,CAAQ,IAAIY,CAAG;AAAA,IAAA;AAAA,EAO5B,CAAA,IAEA,gBAAAH,EAAAO,GAAA,EAAa,UAAU,IAAM,OAAOnB,EAAoB,WAAW,EAExE,CAAA,IAtB+B;AAwBnC,CAAC;"}

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

@@ -0,0 +1,18 @@
+import e from "styled-components";
+import p from "../../../../../../ui/layout/flex-view.js";
+const s = e(p)(({ theme: r }) => `
+    flex: none;
+    border-right: 1px solid ${r.colors.WHITE_5};
+  `), d = e(p)(({ theme: r, $selected: o }) => {
+  const { colors: t } = r;
+  return `
+    cursor: ${o ? "default" : "pointer"};
+    border-right: 2px solid ${t[o ? "BLACK_T_87" : "TRANSPARENT"]};
+    border-bottom: 1px solid ${t.WHITE_5};
+  `;
+});
+export {
+  d as CategoryCardWrapper,
+  s as CategoryContainerWrapper
+};
+//# sourceMappingURL=chapter-category-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chapter-category-styled.js","sources":["../../../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapter-category/chapter-category-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../../ui/layout/flex-view';\n\nconst CategoryContainerWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    flex: none;\n    border-right: 1px solid ${theme.colors.WHITE_5};\n  `;\n});\n\ninterface ICategoryCardWrapper {\n  $selected: boolean;\n}\n\nconst CategoryCardWrapper = styled(FlexView)<ICategoryCardWrapper>(({ theme, $selected }) => {\n  const { colors } = theme;\n\n  return `\n    cursor: ${$selected ? 'default' : 'pointer'};\n    border-right: 2px solid ${colors[$selected ? 'BLACK_T_87' : 'TRANSPARENT']};\n    border-bottom: 1px solid ${colors.WHITE_5};\n  `;\n});\n\nexport { CategoryContainerWrapper, CategoryCardWrapper };\n"],"names":["CategoryContainerWrapper","styled","FlexView","theme","CategoryCardWrapper","$selected","colors"],"mappings":";;AAIA,MAAMA,IAA2BC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC5C;AAAA;AAAA,8BAEqBA,EAAM,OAAO,OAAO;AAAA,GAEjD,GAMKC,IAAsBH,EAAOC,CAAQ,EAAwB,CAAC,EAAE,OAAAC,GAAO,WAAAE,QAAgB;AACrF,QAAA,EAAE,QAAAC,EAAW,IAAAH;AAEZ,SAAA;AAAA,cACKE,IAAY,YAAY,SAAS;AAAA,8BACjBC,EAAOD,IAAY,eAAe,aAAa,CAAC;AAAA,+BAC/CC,EAAO,OAAO;AAAA;AAE7C,CAAC;"}

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

@@ -0,0 +1,13 @@
+import t from "styled-components";
+import e from "../../../../../ui/layout/flex-view.js";
+import { GOAL_HEADER_HEIGHT as r, GOAL_FOOTER_HEIGHT as o } from "../../../../constants.js";
+const a = t(e)(() => `
+    flex-grow: 1;
+    //* Total height - header height - footer cta height.
+    height: calc(100vh - ${r}px - ${o}px);
+    overflow-y: auto;
+  `);
+export {
+  a as ChaptersListWrapper
+};
+//# sourceMappingURL=chapter-selection-step-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chapter-selection-step-styled.js","sources":["../../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapter-selection-step-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport { GOAL_FOOTER_HEIGHT, GOAL_HEADER_HEIGHT } from '../../../../constants';\n\nconst ChaptersListWrapper = styled(FlexView)(() => {\n  return `\n    flex-grow: 1;\n    //* Total height - header height - footer cta height.\n    height: calc(100vh - ${GOAL_HEADER_HEIGHT}px - ${GOAL_FOOTER_HEIGHT}px);\n    overflow-y: auto;\n  `;\n});\n\nexport { ChaptersListWrapper };\n"],"names":["ChaptersListWrapper","styled","FlexView","GOAL_HEADER_HEIGHT","GOAL_FOOTER_HEIGHT"],"mappings":";;;AAKA,MAAMA,IAAsBC,EAAOC,CAAQ,EAAE,MACpC;AAAA;AAAA;AAAA,2BAGkBC,CAAkB,QAAQC,CAAkB;AAAA;AAAA,GAGtE;"}

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

@@ -0,0 +1,16 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { memo as i } from "react";
+import m from "../../../../../ui/layout/flex-view.js";
+import a from "./chapter-category/chapter-category-container.js";
+import n from "./chapters-list.js";
+const c = i((r) => {
+  const { isGoalCreation: o } = r;
+  return /* @__PURE__ */ e(m, { $flexDirection: "row", $height: "100%", children: [
+    o && /* @__PURE__ */ t(a, { ...r }),
+    /* @__PURE__ */ t(n, { ...r })
+  ] });
+});
+export {
+  c as default
+};
+//# sourceMappingURL=chapter-selection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chapter-selection.js","sources":["../../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapter-selection.tsx"],"sourcesContent":["import type { IChapterSelectionWrapper } from './chapter-selection-step-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport ChapterCategoryContainer from './chapter-category/chapter-category-container';\nimport ChaptersList from './chapters-list';\n\nconst ChapterSelection: FC<IChapterSelectionWrapper> = memo(props => {\n  const { isGoalCreation } = props;\n\n  return (\n    <FlexView $flexDirection=\"row\" $height=\"100%\">\n      {isGoalCreation && <ChapterCategoryContainer {...props} />}\n\n      <ChaptersList {...props} />\n    </FlexView>\n  );\n});\n\nexport default ChapterSelection;\n"],"names":["ChapterSelection","memo","props","isGoalCreation","jsxs","FlexView","jsx","ChapterCategoryContainer","ChaptersList"],"mappings":";;;;;AASM,MAAAA,IAAiDC,EAAK,CAASC,MAAA;AAC7D,QAAA,EAAE,gBAAAC,EAAmB,IAAAD;AAE3B,SACG,gBAAAE,EAAAC,GAAA,EAAS,gBAAe,OAAM,SAAQ,QACpC,UAAA;AAAA,IAAkBF,KAAA,gBAAAG,EAACC,GAA0B,EAAA,GAAGL,EAAO,CAAA;AAAA,IAExD,gBAAAI,EAACE,GAAc,EAAA,GAAGN,GAAO;AAAA,EAC3B,EAAA,CAAA;AAEJ,CAAC;"}

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

@@ -0,0 +1,73 @@
+import { jsx as e, jsxs as p, Fragment as G } from "react/jsx-runtime";
+import { memo as X, useCallback as b } from "react";
+import d from "../../../../../ui/layout/flex-view.js";
+import k from "../../../../../ui/loader/app-loader/app-loader.js";
+import D from "../../../../../ui/separator/separator.js";
+import l from "../../../../../ui/text/text.js";
+import C from "../../chapter-item/chapter-item.js";
+import { computeRecommendedNCustomChapters as L } from "../utils.js";
+import { ChaptersListWrapper as f } from "./chapter-selection-step-styled.js";
+const F = X((u) => {
+  const { formData: $, isProcessing: g, onFormDataChange: m, isGoalCreation: t } = u, { testType: x, primaryChaptersList: o, chapterGoalCategory: A } = $, { primaryGoalCategory: T } = A || {}, a = x === "no-test", { recommendedChaptersList: s, customChaptersList: c } = L(
+    o,
+    T,
+    t
+  ), h = b(
+    (r) => {
+      if (t && !a) return null;
+      const n = o == null ? void 0 : o.map((i) => i.id === r ? {
+        ...i,
+        added: !i.added
+      } : i);
+      m({
+        primaryChaptersList: n
+      });
+    },
+    [o, a, t, m]
+  );
+  return g ? /* @__PURE__ */ e(
+    f,
+    {
+      $gapX: 1.5,
+      $gutterX: 1.5,
+      $flexGapX: 1.25,
+      $justifyContent: "center",
+      $alignItems: "center",
+      children: /* @__PURE__ */ e(k, {})
+    }
+  ) : /* @__PURE__ */ p(f, { $gapX: 1.5, $gutterX: 1.5, $flexGapX: 1.25, children: [
+    /* @__PURE__ */ p(d, { $flexDirection: "row", $flexGap: 4, $alignItems: "center", children: [
+      /* @__PURE__ */ e(l, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: "Recommended Chapters" }),
+      a && /* @__PURE__ */ e(l, { $renderAs: "ub2", $color: "BLACK_T_60", children: "(Click on any chapter to exclude it)" })
+    ] }),
+    /* @__PURE__ */ e(d, { $flexDirection: "row", $flexWrap: !0, $flexGapX: 1.25, children: s.length > 0 ? s.map((r, n) => /* @__PURE__ */ e(
+      C,
+      {
+        chapterData: r,
+        chapterNo: n + 1,
+        canAddChapter: !t || a,
+        onChapterItemClick: h
+      },
+      r.id
+    )) : /* @__PURE__ */ e(l, { $renderAs: "ub1", children: "No recommended chapters available" }) }),
+    !!(c != null && c.length) && /* @__PURE__ */ p(G, { children: [
+      /* @__PURE__ */ e(D, { height: 8, background: "TRANSPARENT" }),
+      /* @__PURE__ */ e(l, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: "Custom chapters" }),
+      /* @__PURE__ */ e(d, { $flexDirection: "row", $flexWrap: !0, $flexGapX: 1.25, children: c.map((r, n) => /* @__PURE__ */ e(
+        C,
+        {
+          chapterData: r,
+          canAddChapter: !t || a,
+          chapterNo: n + 1,
+          onChapterItemClick: h,
+          showChapterTags: !0
+        },
+        r.id
+      )) })
+    ] })
+  ] });
+});
+export {
+  F as default
+};
+//# sourceMappingURL=chapters-list.js.map

package/dist/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapters-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chapters-list.js","sources":["../../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapters-list.tsx"],"sourcesContent":["import type { IChaptersListProps } from './chapter-selection-step-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport AppLoader from '../../../../../ui/loader/app-loader/app-loader';\nimport Seperator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport ChapterItemV2 from '../../chapter-item/chapter-item';\nimport { computeRecommendedNCustomChapters } from '../utils';\nimport * as Styled from './chapter-selection-step-styled';\n\nconst ChaptersList: FC<IChaptersListProps> = memo(props => {\n  const { formData, isProcessing, onFormDataChange, isGoalCreation } = props;\n  const { testType, primaryChaptersList, chapterGoalCategory } = formData;\n  const { primaryGoalCategory } = chapterGoalCategory || {};\n  const isSchoolSuccess = testType === 'no-test';\n\n  const { recommendedChaptersList, customChaptersList } = computeRecommendedNCustomChapters(\n    primaryChaptersList,\n    primaryGoalCategory,\n    isGoalCreation,\n  );\n\n  const handleChapterToggled = useCallback(\n    (chapterId: string) => {\n      //* If category is Test prep or Enrichment, Then one can not deselect the chapters.\n      if (isGoalCreation && !isSchoolSuccess) return null;\n\n      const updatedChaptersList = primaryChaptersList?.map(chapter => {\n        if (chapter.id === chapterId) {\n          return {\n            ...chapter,\n            added: !chapter.added,\n          };\n        }\n\n        return chapter;\n      });\n\n      onFormDataChange({\n        primaryChaptersList: updatedChaptersList,\n      });\n    },\n    [primaryChaptersList, isSchoolSuccess, isGoalCreation, onFormDataChange],\n  );\n\n  if (isProcessing) {\n    return (\n      <Styled.ChaptersListWrapper\n        $gapX={1.5}\n        $gutterX={1.5}\n        $flexGapX={1.25}\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n      >\n        <AppLoader />\n      </Styled.ChaptersListWrapper>\n    );\n  }\n\n  return (\n    <Styled.ChaptersListWrapper $gapX={1.5} $gutterX={1.5} $flexGapX={1.25}>\n      <FlexView $flexDirection=\"row\" $flexGap={4} $alignItems=\"center\">\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n          Recommended Chapters\n        </Text>\n\n        {isSchoolSuccess && (\n          <Text $renderAs=\"ub2\" $color=\"BLACK_T_60\">\n            (Click on any chapter to exclude it)\n          </Text>\n        )}\n      </FlexView>\n\n      <FlexView $flexDirection=\"row\" $flexWrap $flexGapX={1.25}>\n        {recommendedChaptersList.length > 0 ? (\n          recommendedChaptersList.map((chapter, idx) => {\n            return (\n              <ChapterItemV2\n                key={chapter.id}\n                chapterData={chapter}\n                chapterNo={idx + 1}\n                canAddChapter={!isGoalCreation || isSchoolSuccess}\n                onChapterItemClick={handleChapterToggled}\n              />\n            );\n          })\n        ) : (\n          <Text $renderAs=\"ub1\">No recommended chapters available</Text>\n        )}\n      </FlexView>\n\n      {!!customChaptersList?.length && (\n        <>\n          <Seperator height={8} background=\"TRANSPARENT\" />\n\n          <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n            Custom chapters\n          </Text>\n\n          <FlexView $flexDirection=\"row\" $flexWrap $flexGapX={1.25}>\n            {customChaptersList.map((chapter, idx) => {\n              return (\n                <ChapterItemV2\n                  key={chapter.id}\n                  chapterData={chapter}\n                  canAddChapter={!isGoalCreation || isSchoolSuccess}\n                  chapterNo={idx + 1}\n                  onChapterItemClick={handleChapterToggled}\n                  showChapterTags\n                />\n              );\n            })}\n          </FlexView>\n        </>\n      )}\n    </Styled.ChaptersListWrapper>\n  );\n});\n\nexport default ChaptersList;\n"],"names":["ChaptersList","memo","props","formData","isProcessing","onFormDataChange","isGoalCreation","testType","primaryChaptersList","chapterGoalCategory","primaryGoalCategory","isSchoolSuccess","recommendedChaptersList","customChaptersList","computeRecommendedNCustomChapters","handleChapterToggled","useCallback","chapterId","updatedChaptersList","chapter","jsx","Styled.ChaptersListWrapper","AppLoader","jsxs","FlexView","Text","idx","ChapterItemV2","Fragment","Seperator"],"mappings":";;;;;;;;;AAaM,MAAAA,IAAuCC,EAAK,CAASC,MAAA;AACzD,QAAM,EAAE,UAAAC,GAAU,cAAAC,GAAc,kBAAAC,GAAkB,gBAAAC,MAAmBJ,GAC/D,EAAE,UAAAK,GAAU,qBAAAC,GAAqB,qBAAAC,EAAA,IAAwBN,GACzD,EAAE,qBAAAO,EAAA,IAAwBD,KAAuB,IACjDE,IAAkBJ,MAAa,WAE/B,EAAE,yBAAAK,GAAyB,oBAAAC,EAAA,IAAuBC;AAAA,IACtDN;AAAA,IACAE;AAAA,IACAJ;AAAA,EAAA,GAGIS,IAAuBC;AAAA,IAC3B,CAACC,MAAsB;AAEjB,UAAAX,KAAkB,CAACK,EAAwB,QAAA;AAEzC,YAAAO,IAAsBV,KAAA,gBAAAA,EAAqB,IAAI,CAAWW,MAC1DA,EAAQ,OAAOF,IACV;AAAA,QACL,GAAGE;AAAA,QACH,OAAO,CAACA,EAAQ;AAAA,MAAA,IAIbA;AAGQ,MAAAd,EAAA;AAAA,QACf,qBAAqBa;AAAA,MAAA,CACtB;AAAA,IACH;AAAA,IACA,CAACV,GAAqBG,GAAiBL,GAAgBD,CAAgB;AAAA,EAAA;AAGzE,SAAID,IAEA,gBAAAgB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,WAAW;AAAA,MACX,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEZ,4BAACC,GAAU,EAAA;AAAA,IAAA;AAAA,EAAA,IAMf,gBAAAC,EAACF,GAAA,EAA2B,OAAO,KAAK,UAAU,KAAK,WAAW,MAChE,UAAA;AAAA,IAAA,gBAAAE,EAACC,KAAS,gBAAe,OAAM,UAAU,GAAG,aAAY,UACtD,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,aAAY,QAAO,cAAa,UAEhD,wBAAA;AAAA,MAECd,KACE,gBAAAS,EAAAK,GAAA,EAAK,WAAU,OAAM,QAAO,cAAa,UAE1C,wCAAA;AAAA,IAAA,GAEJ;AAAA,IAEC,gBAAAL,EAAAI,GAAA,EAAS,gBAAe,OAAM,WAAS,IAAC,WAAW,MACjD,UAAAZ,EAAwB,SAAS,IAChCA,EAAwB,IAAI,CAACO,GAASO,MAElC,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QAEC,aAAaR;AAAA,QACb,WAAWO,IAAM;AAAA,QACjB,eAAe,CAACpB,KAAkBK;AAAA,QAClC,oBAAoBI;AAAA,MAAA;AAAA,MAJfI,EAAQ;AAAA,IAAA,CAOlB,IAED,gBAAAC,EAACK,KAAK,WAAU,OAAM,8CAAiC,CAAA,GAE3D;AAAA,IAEC,CAAC,EAACZ,KAAA,QAAAA,EAAoB,WAEnB,gBAAAU,EAAAK,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAR,EAACS,GAAU,EAAA,QAAQ,GAAG,YAAW,eAAc;AAAA,wBAE9CJ,GAAK,EAAA,WAAU,aAAY,QAAO,cAAa,UAEhD,mBAAA;AAAA,MAEC,gBAAAL,EAAAI,GAAA,EAAS,gBAAe,OAAM,WAAS,IAAC,WAAW,MACjD,UAAmBX,EAAA,IAAI,CAACM,GAASO,MAE9B,gBAAAN;AAAA,QAACO;AAAA,QAAA;AAAA,UAEC,aAAaR;AAAA,UACb,eAAe,CAACb,KAAkBK;AAAA,UAClC,WAAWe,IAAM;AAAA,UACjB,oBAAoBX;AAAA,UACpB,iBAAe;AAAA,QAAA;AAAA,QALVI,EAAQ;AAAA,MAAA,CAQlB,GACH;AAAA,IAAA,GACF;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}

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

@@ -0,0 +1,17 @@
+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;
+    }
+  `);
+export {
+  n as BinIconWrapper,
+  x as ButtonWrapper
+};
+//# sourceMappingURL=chapters-selection-step-styled.js.map

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

@@ -0,0 +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;"}