@cuemath/leap 3.0.6 → 3.0.7-hg1

package/dist/features/chapters/chapter/comps/core-lessons/core-lessons.js

@@ -1,61 +0,0 @@
-import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import { memo as R } from "react";
-import { useTheme as $ } from "styled-components";
-import v from "../../../../sheets/lessons-list/lessons-list.js";
-import w from "../../../../ui/layout/flex-view.js";
-import k from "../../../../ui/text/text.js";
-import { CoreLessonContainer as A } from "./core-lessons-styled.js";
-const T = R(
-  ({ lessons: t, userChapterProgress: r, userType: s, ...n }) => {
-    const {
-      lessonItemColorHue: a,
-      onStart: i,
-      onResume: m,
-      onReattempt: l,
-      onPreview: c,
-      onReview: p,
-      onReset: f,
-      onChangeLocation: h,
-      onMarkAsFamiliar: u,
-      onMarkRelevant: x,
-      onMarkIrrelevant: C
-    } = n, L = $(), { total_core_sheets: d } = r;
-    return /* @__PURE__ */ e(
-      A,
-      {
-        $flexGap: L.layout.gutter * 1.5,
-        "data-testid": "lessons-container",
-        children: [
-          /* @__PURE__ */ o(w, { $flexDirection: "row", $alignItems: "center", $justifyContent: "space-between", children: /* @__PURE__ */ e(k, { $renderAs: "ac4-black", $color: "REAL_BLACK_60", children: [
-            "lessons (",
-            d || "-",
-            ")"
-          ] }) }),
-          /* @__PURE__ */ o(
-            v,
-            {
-              emptyLessonsText: "No core lessons available for this chapter",
-              lessons: t,
-              userType: s,
-              lessonItemColorHue: a,
-              onMarkAsFamiliar: u,
-              onChangeLocation: h,
-              onReset: f,
-              onStart: i,
-              onResume: m,
-              onMarkIrrelevant: C,
-              onMarkRelevant: x,
-              onPreview: c,
-              onReview: p,
-              onReattempt: l
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-export {
-  T as default
-};
-//# sourceMappingURL=core-lessons.js.map

package/dist/features/chapters/chapter/comps/core-lessons/core-lessons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"core-lessons.js","sources":["../../../../../../src/features/chapters/chapter/comps/core-lessons/core-lessons.tsx"],"sourcesContent":["import type { ICoreLessonsProps } from './core-lessons-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport LessonsList from '../../../../sheets/lessons-list/lessons-list';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './core-lessons-styled';\n\nconst CoreLessons: FC<ICoreLessonsProps> = memo(\n  ({ lessons, userChapterProgress, userType, ...restCoreLessonsProps }) => {\n    const {\n      lessonItemColorHue,\n      onStart,\n      onResume,\n      onReattempt,\n      onPreview,\n      onReview,\n      onReset,\n      onChangeLocation,\n      onMarkAsFamiliar,\n      onMarkRelevant,\n      onMarkIrrelevant,\n    } = restCoreLessonsProps;\n\n    const theme = useTheme();\n\n    const { total_core_sheets: totalCoreSheets } = userChapterProgress;\n\n    return (\n      <Styled.CoreLessonContainer\n        $flexGap={theme.layout.gutter * 1.5}\n        data-testid=\"lessons-container\"\n      >\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n          <Text $renderAs=\"ac4-black\" $color=\"REAL_BLACK_60\">\n            lessons ({totalCoreSheets || '-'})\n          </Text>\n        </FlexView>\n\n        <LessonsList\n          emptyLessonsText=\"No core lessons available for this chapter\"\n          lessons={lessons}\n          userType={userType}\n          lessonItemColorHue={lessonItemColorHue}\n          onMarkAsFamiliar={onMarkAsFamiliar}\n          onChangeLocation={onChangeLocation}\n          onReset={onReset}\n          onStart={onStart}\n          onResume={onResume}\n          onMarkIrrelevant={onMarkIrrelevant}\n          onMarkRelevant={onMarkRelevant}\n          onPreview={onPreview}\n          onReview={onReview}\n          onReattempt={onReattempt}\n        />\n      </Styled.CoreLessonContainer>\n    );\n  },\n);\n\nexport default CoreLessons;\n"],"names":["CoreLessons","memo","lessons","userChapterProgress","userType","restCoreLessonsProps","lessonItemColorHue","onStart","onResume","onReattempt","onPreview","onReview","onReset","onChangeLocation","onMarkAsFamiliar","onMarkRelevant","onMarkIrrelevant","theme","useTheme","totalCoreSheets","jsxs","Styled.CoreLessonContainer","jsx","FlexView","Text","LessonsList"],"mappings":";;;;;;;AAWA,MAAMA,IAAqCC;AAAA,EACzC,CAAC,EAAE,SAAAC,GAAS,qBAAAC,GAAqB,UAAAC,GAAU,GAAGC,QAA2B;AACjE,UAAA;AAAA,MACJ,oBAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,IACE,IAAAX,GAEEY,IAAQC,KAER,EAAE,mBAAmBC,EAAoB,IAAAhB;AAG7C,WAAA,gBAAAiB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,UAAUJ,EAAM,OAAO,SAAS;AAAA,QAChC,eAAY;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAK,EAACC,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,iBAClE,UAAA,gBAAAH,EAACI,GAAK,EAAA,WAAU,aAAY,QAAO,iBAAgB,UAAA;AAAA,YAAA;AAAA,YACvCL,KAAmB;AAAA,YAAI;AAAA,UAAA,EAAA,CACnC,EACF,CAAA;AAAA,UAEA,gBAAAG;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,kBAAiB;AAAA,cACjB,SAAAvB;AAAA,cACA,UAAAE;AAAA,cACA,oBAAAE;AAAA,cACA,kBAAAQ;AAAA,cACA,kBAAAD;AAAA,cACA,SAAAD;AAAA,cACA,SAAAL;AAAA,cACA,UAAAC;AAAA,cACA,kBAAAQ;AAAA,cACA,gBAAAD;AAAA,cACA,WAAAL;AAAA,cACA,UAAAC;AAAA,cACA,aAAAF;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/features/chapters/chapter/comps/supplementary-resources/supplementary-resources-styled.js

@@ -1,32 +0,0 @@
-import r from "styled-components";
-import e from "../../../../ui/layout/flex-view.js";
-import s from "../../../../ui/text/text.js";
-const x = r(e)(({ theme: t }) => {
-  const { gutter: o } = t.layout;
-  return `
-    padding: ${o * 1.5}px 0px ${o}px ${o * 0.25}px;
-  `;
-}), d = r(e)(({ $selected: t, theme: o }) => {
-  const { BLACK: p, BLACK_T_15: l } = o.colors, { gutter: n } = o.layout;
-  return `
-    padding: 0 ${n * 1.5}px ${n * 1.125}px;
-    cursor: pointer;
-    border-bottom: 2px solid ${t ? p : l};
-  `;
-}), u = r(e)`
-  overflow-x: scroll;
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-  &::-webkit-scrollbar {
-    display: none;
-  }
-`, m = r(s)`
-  white-space: nowrap;
-`;
-export {
-  u as ScrollFlexView,
-  x as SupplementaryResourcesContainer,
-  d as Tab,
-  m as WrappedText
-};
-//# sourceMappingURL=supplementary-resources-styled.js.map

package/dist/features/chapters/chapter/comps/supplementary-resources/supplementary-resources-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"supplementary-resources-styled.js","sources":["../../../../../../src/features/chapters/chapter/comps/supplementary-resources/supplementary-resources-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\ninterface ITabProps {\n  $selected: boolean;\n}\n\nconst SupplementaryResourcesContainer = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    padding: ${gutter * 1.5}px 0px ${gutter}px ${gutter * 0.25}px;\n  `;\n});\n\nconst Tab = styled(FlexView)<ITabProps>(({ $selected, theme }) => {\n  const { BLACK, BLACK_T_15 } = theme.colors;\n  const { gutter } = theme.layout;\n\n  return `\n    padding: 0 ${gutter * 1.5}px ${gutter * 1.125}px;\n    cursor: pointer;\n    border-bottom: 2px solid ${$selected ? BLACK : BLACK_T_15};\n  `;\n});\n\nconst ScrollFlexView = styled(FlexView)`\n  overflow-x: scroll;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\nconst WrappedText = styled(Text)`\n  white-space: nowrap;\n`;\n\nexport { SupplementaryResourcesContainer, Tab, ScrollFlexView, WrappedText };\n"],"names":["SupplementaryResourcesContainer","styled","FlexView","theme","gutter","Tab","$selected","BLACK","BLACK_T_15","ScrollFlexView","WrappedText","Text"],"mappings":";;;AASA,MAAMA,IAAkCC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAChE,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA,eACMC,IAAS,GAAG,UAAUA,CAAM,MAAMA,IAAS,IAAI;AAAA;AAE9D,CAAC,GAEKC,IAAMJ,EAAOC,CAAQ,EAAa,CAAC,EAAE,WAAAI,GAAW,OAAAH,QAAY;AAChE,QAAM,EAAE,OAAAI,GAAO,YAAAC,MAAeL,EAAM,QAC9B,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA,iBACQC,IAAS,GAAG,MAAMA,IAAS,KAAK;AAAA;AAAA,+BAElBE,IAAYC,IAAQC,CAAU;AAAA;AAE7D,CAAC,GAEKC,IAAiBR,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAShCQ,IAAcT,EAAOU,CAAI;AAAA;AAAA;"}

package/dist/features/chapters/chapter/comps/supplementary-resources/supplementary-resources.js

@@ -1,94 +0,0 @@
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { memo as p, useRef as v, useState as y, useMemo as O, useCallback as X } from "react";
-import { useTheme as _ } from "styled-components";
-import G from "../../../../sheets/resources-list/resources-list.js";
-import L, { useUIContext as I } from "../../../../ui/context/context.js";
-import N from "../../../../ui/context/use-tracking-context.js";
-import g from "../../../../ui/layout/flex-view.js";
-import C from "../../../../ui/text/text.js";
-import { SupplementaryResourcesContainer as j, ScrollFlexView as P, Tab as S, WrappedText as B } from "./supplementary-resources-styled.js";
-import { getResourceTabName as F } from "./utils.js";
-const K = (t, a) => a.find((u) => {
-  const h = t[u];
-  return h ? h.length > 0 : void 0;
-}) ?? "assigned", ee = p(
-  ({ groupedSupplementarySheets: t, userType: a, isDefocused: T, ...u }) => {
-    const {
-      handleOnCreateExtraPractice: h,
-      teacherId: U,
-      groupedSupplementarySheetsSortOrder: f,
-      ...w
-    } = u, A = _(), i = v(0), [l, k] = y(() => K(t, f)), R = N({ tab: l }), { onEvent: b } = I(), d = a === "TEACHER", { keys: E, newAssignedSheetsCount: $ } = O(() => {
-      const n = t.assigned ?? [], e = n.reduce((r, x) => x.state === "NOT_STARTED" ? r + 1 : r, 0), o = {};
-      return e > 0 && (o.assigned = e), i.current = d ? 0 : n.length, t && f.forEach((r) => {
-        const m = (t[r] || []).length;
-        r !== "assigned" && d && (i.current += m), m && (o[r] = m);
-      }), { keys: o, newAssignedSheetsCount: e };
-    }, [t, f, d]), D = X(
-      (n) => {
-        k(n), b("clicked", {
-          cta: n
-        });
-      },
-      [b]
-    );
-    return i.current === 0 ? null : /* @__PURE__ */ s(L.Provider, { value: R, children: /* @__PURE__ */ c(
-      j,
-      {
-        $flexGap: A.layout.gutter * 1.5,
-        $widthX: 47.5,
-        $flexGapX: 2,
-        children: [
-          /* @__PURE__ */ c(g, { $flexGap: 8, children: [
-            /* @__PURE__ */ c(C, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
-              "resources (",
-              i.current,
-              ")"
-            ] }),
-            d && /* @__PURE__ */ s(C, { $renderAs: "ub3", $color: "BLACK_T_60", children: "Only assigned sheets are visible to the student" })
-          ] }),
-          /* @__PURE__ */ s(P, { $flexDirection: "row", children: Object.entries(E).map((n) => {
-            const [e, o] = n, r = F(e, o ?? 0);
-            return /* @__PURE__ */ s(
-              S,
-              {
-                $selected: l === e,
-                onClick: () => D(e),
-                children: /* @__PURE__ */ c(g, { $flexDirection: "row", $flexGapX: 0.375, children: [
-                  /* @__PURE__ */ s(C, { $renderAs: l === e ? "cta2" : "body2", children: r }),
-                  e === "assigned" && !!$ && /* @__PURE__ */ s(
-                    g,
-                    {
-                      $background: "GREEN_4",
-                      $borderRadiusX: 0.25,
-                      $gapX: 0.125,
-                      $gutterX: 0.25,
-                      $alignItems: "center",
-                      children: /* @__PURE__ */ c(B, { $renderAs: "eyebrow2", children: [
-                        $,
-                        " New"
-                      ] })
-                    }
-                  )
-                ] })
-              },
-              e
-            );
-          }) }),
-          /* @__PURE__ */ s(
-            G,
-            {
-              userType: a,
-              sheets: t[l] ?? [],
-              ...w
-            }
-          )
-        ]
-      }
-    ) });
-  }
-);
-export {
-  ee as default
-};
-//# sourceMappingURL=supplementary-resources.js.map

package/dist/features/chapters/chapter/comps/supplementary-resources/supplementary-resources.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"supplementary-resources.js","sources":["../../../../../../src/features/chapters/chapter/comps/supplementary-resources/supplementary-resources.tsx"],"sourcesContent":["import type { IChapterDataProps } from '../../chapter-types';\nimport type { ISupplementaryResourcesProps } from './supplementary-resources-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useMemo, useRef, useState } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ResourcesList from '../../../../sheets/resources-list/resources-list';\nimport UIContext, { useUIContext } from '../../../../ui/context/context';\nimport useTrackingContext from '../../../../ui/context/use-tracking-context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './supplementary-resources-styled';\nimport { getResourceTabName } from './utils';\n\nconst getDefaultSelectedTab = (\n  groupedSheets: IChapterDataProps['sheets_data']['supplementary_sheets_grouped'],\n  groupedSheetsSortOrder: IChapterDataProps['sheets_data']['supplementary_sheets_group_sort_order'],\n): string => {\n  const sheetCategory = groupedSheetsSortOrder.find(category => {\n    const categoryData = groupedSheets[category];\n\n    return categoryData ? categoryData.length > 0 : undefined;\n  });\n\n  return sheetCategory ?? 'assigned';\n};\n\nconst SupplementaryResources: FC<ISupplementaryResourcesProps> = memo(\n  ({ groupedSupplementarySheets, userType, isDefocused, ...restSupplementaryResourcesProps }) => {\n    const {\n      handleOnCreateExtraPractice,\n      teacherId,\n      groupedSupplementarySheetsSortOrder,\n      ...sheetListCallbacks\n    } = restSupplementaryResourcesProps;\n\n    const theme = useTheme();\n    const totalResourcesCount = useRef(0);\n\n    const [selectedTab, setSelectedTab] = useState(() => {\n      return getDefaultSelectedTab(groupedSupplementarySheets, groupedSupplementarySheetsSortOrder);\n    });\n\n    const analyticProps = useTrackingContext({ tab: selectedTab });\n    const { onEvent: trackEvent } = useUIContext();\n\n    const isTeacher = userType === 'TEACHER';\n\n    const { keys: supplementarySheetCounts, newAssignedSheetsCount } = useMemo(() => {\n      const assignedSheets = groupedSupplementarySheets.assigned ?? [];\n\n      const newAssignedCount = assignedSheets.reduce((acc, assignedSheetData) => {\n        if (assignedSheetData.state === 'NOT_STARTED') {\n          return acc + 1;\n        }\n\n        return acc;\n      }, 0);\n\n      const keys: Partial<Record<string, number>> = {};\n\n      if (newAssignedCount > 0) {\n        keys.assigned = newAssignedCount;\n      }\n\n      totalResourcesCount.current = isTeacher ? 0 : assignedSheets.length;\n\n      groupedSupplementarySheets &&\n        groupedSupplementarySheetsSortOrder.forEach(suppSheetType => {\n          const sheetData =\n            groupedSupplementarySheets[suppSheetType as keyof typeof groupedSupplementarySheets] ||\n            [];\n          const sheetCount = sheetData.length;\n\n          if (suppSheetType !== 'assigned' && isTeacher) {\n            totalResourcesCount.current += sheetCount;\n          }\n\n          if (sheetCount) {\n            keys[suppSheetType] = sheetCount;\n          }\n        });\n\n      return { keys, newAssignedSheetsCount: newAssignedCount };\n    }, [groupedSupplementarySheets, groupedSupplementarySheetsSortOrder, isTeacher]);\n\n    const handleOnTabSwitch = useCallback(\n      (suppSheetKey: string) => {\n        setSelectedTab(suppSheetKey);\n        trackEvent('clicked', {\n          cta: suppSheetKey,\n        });\n      },\n      [trackEvent],\n    );\n\n    if (totalResourcesCount.current === 0) return null;\n\n    return (\n      <UIContext.Provider value={analyticProps}>\n        <Styled.SupplementaryResourcesContainer\n          $flexGap={theme.layout.gutter * 1.5}\n          $widthX={47.5}\n          $flexGapX={2}\n        >\n          <FlexView $flexGap={8}>\n            <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n              resources ({totalResourcesCount.current})\n            </Text>\n\n            {isTeacher && (\n              <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                Only assigned sheets are visible to the student\n              </Text>\n            )}\n          </FlexView>\n\n          <Styled.ScrollFlexView $flexDirection=\"row\">\n            {Object.entries(supplementarySheetCounts).map(entry => {\n              const [suppSheetKey, sheetCount] = entry;\n\n              const tabLabel = getResourceTabName(suppSheetKey, sheetCount ?? 0);\n\n              return (\n                <Styled.Tab\n                  key={suppSheetKey}\n                  $selected={selectedTab === suppSheetKey}\n                  onClick={() => handleOnTabSwitch(suppSheetKey)}\n                >\n                  <FlexView $flexDirection=\"row\" $flexGapX={0.375}>\n                    <Text $renderAs={selectedTab === suppSheetKey ? 'cta2' : 'body2'}>\n                      {tabLabel}\n                    </Text>\n                    {suppSheetKey === 'assigned' && !!newAssignedSheetsCount && (\n                      <FlexView\n                        $background=\"GREEN_4\"\n                        $borderRadiusX={0.25}\n                        $gapX={0.125}\n                        $gutterX={0.25}\n                        $alignItems=\"center\"\n                      >\n                        <Styled.WrappedText $renderAs=\"eyebrow2\">\n                          {newAssignedSheetsCount} New\n                        </Styled.WrappedText>\n                      </FlexView>\n                    )}\n                  </FlexView>\n                </Styled.Tab>\n              );\n            })}\n          </Styled.ScrollFlexView>\n\n          <ResourcesList\n            userType={userType}\n            sheets={groupedSupplementarySheets[selectedTab] ?? []}\n            {...sheetListCallbacks}\n          />\n        </Styled.SupplementaryResourcesContainer>\n      </UIContext.Provider>\n    );\n  },\n);\n\nexport default SupplementaryResources;\n"],"names":["getDefaultSelectedTab","groupedSheets","groupedSheetsSortOrder","category","categoryData","SupplementaryResources","memo","groupedSupplementarySheets","userType","isDefocused","restSupplementaryResourcesProps","handleOnCreateExtraPractice","teacherId","groupedSupplementarySheetsSortOrder","sheetListCallbacks","theme","useTheme","totalResourcesCount","useRef","selectedTab","setSelectedTab","useState","analyticProps","useTrackingContext","trackEvent","useUIContext","isTeacher","supplementarySheetCounts","newAssignedSheetsCount","useMemo","assignedSheets","newAssignedCount","acc","assignedSheetData","keys","suppSheetType","sheetCount","handleOnTabSwitch","useCallback","suppSheetKey","jsx","UIContext","jsxs","Styled.SupplementaryResourcesContainer","FlexView","Text","Styled.ScrollFlexView","entry","tabLabel","getResourceTabName","Styled.Tab","Styled.WrappedText","ResourcesList"],"mappings":"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"}

package/dist/features/chapters/chapter/comps/supplementary-resources/utils.js

@@ -1,14 +0,0 @@
-import { h as i } from "../../../../../node_modules/humanize-plus/dist/humanize.js";
-const c = (t, r) => {
-  if (t === "assigned")
-    return i.capitalize(t);
-  const e = t.split("_");
-  let a = `${i.capitalize(`${e[0]}`)}`;
-  return e.length > 1 && e.forEach((o, p) => {
-    p > 0 && (a += " " + i.capitalize(o));
-  }), `${a} (${r})`;
-};
-export {
-  c as getResourceTabName
-};
-//# sourceMappingURL=utils.js.map

package/dist/features/chapters/chapter/comps/supplementary-resources/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../src/features/chapters/chapter/comps/supplementary-resources/utils.ts"],"sourcesContent":["import { capitalize } from 'humanize-plus';\n\nconst getResourceTabName = (suppSheetKey: string, sheetCount: number) => {\n  if (suppSheetKey === 'assigned') {\n    return capitalize(suppSheetKey);\n  }\n\n  const suppSheetKeyList = suppSheetKey.split('_');\n  let updatedSuppSheetKey = `${capitalize(`${suppSheetKeyList[0]}`)}`;\n\n  if (suppSheetKeyList.length > 1) {\n    suppSheetKeyList.forEach((suppKey, idx) => {\n      if (idx > 0) {\n        updatedSuppSheetKey += ' ' + capitalize(suppKey);\n      }\n    });\n  }\n\n  return `${updatedSuppSheetKey} (${sheetCount})`;\n};\n\nexport { getResourceTabName };\n"],"names":["getResourceTabName","suppSheetKey","sheetCount","capitalize","suppSheetKeyList","updatedSuppSheetKey","suppKey","idx"],"mappings":";AAEM,MAAAA,IAAqB,CAACC,GAAsBC,MAAuB;AACvE,MAAID,MAAiB;AACnB,WAAOE,EAAAA,WAAWF,CAAY;AAG1B,QAAAG,IAAmBH,EAAa,MAAM,GAAG;AAC3C,MAAAI,IAAsB,GAAGF,EAAAA,WAAW,GAAGC,EAAiB,CAAC,CAAC,EAAE,CAAC;AAE7D,SAAAA,EAAiB,SAAS,KACXA,EAAA,QAAQ,CAACE,GAASC,MAAQ;AACzC,IAAIA,IAAM,MACeF,KAAA,MAAMF,aAAWG,CAAO;AAAA,EACjD,CACD,GAGI,GAAGD,CAAmB,KAAKH,CAAU;AAC9C;"}

package/dist/features/chapters/chapter/styled.js

@@ -1,33 +0,0 @@
-import o from "styled-components";
-import e from "../../ui/layout/flex-view.js";
-const i = o.div(({ theme: t }) => `
-      position: absolute;
-      left: 0;
-      right: 0;
-      top: 0;
-      bottom: 0;
-      background: rgba(204, 204, 204, 0.25);
-      z-index: 2;
-      & * {
-        pointer-events: none;
-      }
-      & img {
-        top: 50%;
-        position: absolute;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        width: ${t.layout.gutter * 5}px;
-        height: ${t.layout.gutter * 5}px;
-        filter: brightness(0);
-      }
-    `), p = o(e)(
-  ({ $disablePointerEvents: t }) => `
-    position: relative;
-    pointer-events: ${t ? "none" : "auto"};
-  `
-);
-export {
-  p as ContentWrapper,
-  i as LoaderWrapper
-};
-//# sourceMappingURL=styled.js.map

package/dist/features/chapters/chapter/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/features/chapters/chapter/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\nconst LoaderWrapper = styled.div(({ theme }) => {\n  return `\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      background: rgba(204, 204, 204, 0.25);\n      z-index: 2;\n      & * {\n        pointer-events: none;\n      }\n      & img {\n        top: 50%;\n        position: absolute;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: ${theme.layout.gutter * 5}px;\n        height: ${theme.layout.gutter * 5}px;\n        filter: brightness(0);\n      }\n    `;\n});\n\nconst ContentWrapper = styled(FlexView)<{ $disablePointerEvents: boolean }>(\n  ({ $disablePointerEvents }) => `\n    position: relative;\n    pointer-events: ${$disablePointerEvents ? 'none' : 'auto'};\n  `,\n);\n\nexport { ContentWrapper, LoaderWrapper };\n"],"names":["LoaderWrapper","styled","theme","ContentWrapper","FlexView","$disablePointerEvents"],"mappings":";;AAIA,MAAMA,IAAgBC,EAAO,IAAI,CAAC,EAAE,OAAAC,QAC3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAgBQA,EAAM,OAAO,SAAS,CAAC;AAAA,kBACtBA,EAAM,OAAO,SAAS,CAAC;AAAA;AAAA;AAAA,KAIxC,GAEKC,IAAiBF,EAAOG,CAAQ;AAAA,EACpC,CAAC,EAAE,uBAAAC,EAAA,MAA4B;AAAA;AAAA,sBAEXA,IAAwB,SAAS,MAAM;AAAA;AAE7D;"}

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

@@ -1,119 +0,0 @@
-import r, { keyframes as l, css as d } from "styled-components";
-import o from "../../../ui/layout/flex-view.js";
-import h from "../../../ui/text/text.js";
-const g = l`
-  0% {
-    transform: translate(100%, -100%) skewX(45deg);
-    opacity: 0;
-  }
-
-  100% {
-    transform: translate(-150%, 100%) skewX(45deg);
-    opacity: 1;
-  }
-`, u = r(o)`
-  transition: scale 0.3s ease-in-out;
-`, x = r(o)`
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  overflow: hidden;
-
-  &::after {
-    content: '';
-    position: absolute;
-    top: 0;
-    right: 0;
-    z-index: 1;
-    width: 40%;
-    height: 150%;
-    background: linear-gradient(
-      to right,
-      rgba(255, 255, 255, 0.7) 0%,
-      rgba(255, 255, 255, 0.1) 35%,
-      rgba(255, 255, 255, 0.7) 40%,
-      rgba(255, 255, 255, 0.7) 80%,
-      rgba(255, 255, 255, 0) 100%
-    );
-    opacity: 0;
-    transform: translate(100%, -100%) skew(45deg);
-    pointer-events: none;
-  }
-`, w = r.svg(({ theme: t }) => `
-    position: absolute;
-    z-index: ${t.zIndex.CHAPTER_PROGRESS_SVG};
-    inset: 50%;
-    transform: translate(-50%, -50%) rotate(-90deg);
-  `), m = r.circle(
-  ({ theme: t, $progressCircle: e, $progress: s }) => {
-    const { GREY_2: n, BLACK: p } = t.colors, { gutter: a } = t.layout, i = a * 18.625, c = e ? i - s : s;
-    return `
-      stroke-dasharray: ${i};
-      stroke-dashoffset: ${c};
-      stroke: ${e ? p : n};
-
-      stroke-width: ${a * 0.125}px;
-      fill: none;
-    `;
-  }
-), $ = r.img(({ theme: t }) => {
-  const { gutter: e } = t.layout;
-  return `
-    display: block;
-    width: ${e * 6}px;
-    height: ${e * 6}px;
-    border-radius: 50%;
-  `;
-}), y = r.div(({ theme: t }) => {
-  const { layout: e } = t;
-  return `
-    position: absolute;
-    top: 5px;
-    right: 5px;
-    z-index: 2;
-
-    width: ${e.gutter * 1.25}px;
-    height: ${e.gutter * 1.25}px;
-    border-radius: 50%;
-    background: ${t.colors.WHITE_1};
-    outline: 1px solid ${t.colors.BLACK_1};
-  `;
-}), C = r(h)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  height: 44px;
-`, v = r(o)`
-  cursor: ${({ shouldHideClick: t }) => t ? "not-allowed" : "pointer"};
-  position: relative;
-  box-shadow: inset 0px 0px 0px 0.5px ${({ theme: t }) => t.colors.BLACK_T_15};
-  aspect-ratio: 1;
-
-  &:hover {
-    background: ${({ theme: t, $bgColor: e }) => e ? t.colors[e] : "none"};
-
-    ${u} {
-      scale: 1.05;
-    }
-
-    ${x}::after {
-      ${d`
-        animation: ${g} 1.2s ease-out forwards;
-      `}
-    }
-  }
-`;
-export {
-  $ as ChapterImage,
-  u as ChapterImageWrapper,
-  v as ChapterItemWrapper,
-  C as ChapterName,
-  w as ChapterProgressSVG,
-  m as ChapterProgressSVGCircle,
-  x as ChapterProgressWrapper,
-  y as StyledCheckIconWrapper
-};
-//# sourceMappingURL=chapter-item-styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"chapter-item-styled.js","sources":["../../../../../src/features/chapters/chapters-list/chapter-item/chapter-item-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport styled, { css, keyframes } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst shimmerEffect = keyframes`\n  0% {\n    transform: translate(100%, -100%) skewX(45deg);\n    opacity: 0;\n  }\n\n  100% {\n    transform: translate(-150%, 100%) skewX(45deg);\n    opacity: 1;\n  }\n`;\n\nconst ChapterImageWrapper = styled(FlexView)`\n  transition: scale 0.3s ease-in-out;\n`;\n\nconst ChapterProgressWrapper = styled(FlexView)`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  overflow: hidden;\n\n  &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 1;\n    width: 40%;\n    height: 150%;\n    background: linear-gradient(\n      to right,\n      rgba(255, 255, 255, 0.7) 0%,\n      rgba(255, 255, 255, 0.1) 35%,\n      rgba(255, 255, 255, 0.7) 40%,\n      rgba(255, 255, 255, 0.7) 80%,\n      rgba(255, 255, 255, 0) 100%\n    );\n    opacity: 0;\n    transform: translate(100%, -100%) skew(45deg);\n    pointer-events: none;\n  }\n`;\n\nconst ChapterProgressSVG = styled.svg(({ theme }) => {\n  return `\n    position: absolute;\n    z-index: ${theme.zIndex.CHAPTER_PROGRESS_SVG};\n    inset: 50%;\n    transform: translate(-50%, -50%) rotate(-90deg);\n  `;\n});\n\ninterface IChapterProgressSVGCircleProps {\n  $progressCircle?: boolean;\n  $progress: number;\n}\n\nconst ChapterProgressSVGCircle = styled.circle<IChapterProgressSVGCircleProps>(\n  ({ theme, $progressCircle, $progress }) => {\n    const { GREY_2, BLACK } = theme.colors;\n    const { gutter } = theme.layout;\n\n    const strokeDashArray = gutter * 18.625;\n    const strokeDashOffset = $progressCircle ? strokeDashArray - $progress : $progress;\n\n    return `\n      stroke-dasharray: ${strokeDashArray};\n      stroke-dashoffset: ${strokeDashOffset};\n      stroke: ${$progressCircle ? BLACK : GREY_2};\n\n      stroke-width: ${gutter * 0.125}px;\n      fill: none;\n    `;\n  },\n);\n\nconst ChapterImage = styled.img(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    display: block;\n    width: ${gutter * 6}px;\n    height: ${gutter * 6}px;\n    border-radius: 50%;\n  `;\n});\n\nconst StyledCheckIconWrapper = styled.div(({ theme }) => {\n  const { layout } = theme;\n\n  return `\n    position: absolute;\n    top: 5px;\n    right: 5px;\n    z-index: 2;\n\n    width: ${layout.gutter * 1.25}px;\n    height: ${layout.gutter * 1.25}px;\n    border-radius: 50%;\n    background: ${theme.colors.WHITE_1};\n    outline: 1px solid ${theme.colors.BLACK_1};\n  `;\n});\n\nconst ChapterName = styled(Text)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: 44px;\n`;\n\ninterface IChapterItemWrapperProps {\n  $bgColor?: TColorNames;\n  shouldHideClick?: boolean;\n}\n\nconst ChapterItemWrapper = styled(FlexView)<IChapterItemWrapperProps>`\n  cursor: ${({ shouldHideClick }) => (shouldHideClick ? 'not-allowed' : 'pointer')};\n  position: relative;\n  box-shadow: inset 0px 0px 0px 0.5px ${({ theme }) => theme.colors.BLACK_T_15};\n  aspect-ratio: 1;\n\n  &:hover {\n    background: ${({ theme, $bgColor }) => ($bgColor ? theme.colors[$bgColor] : 'none')};\n\n    ${ChapterImageWrapper} {\n      scale: 1.05;\n    }\n\n    ${ChapterProgressWrapper}::after {\n      ${css`\n        animation: ${shimmerEffect} 1.2s ease-out forwards;\n      `}\n    }\n  }\n`;\n\nexport {\n  ChapterImageWrapper,\n  ChapterProgressWrapper,\n  ChapterImage,\n  ChapterItemWrapper,\n  ChapterName,\n  ChapterProgressSVG,\n  ChapterProgressSVGCircle,\n  StyledCheckIconWrapper,\n};\n"],"names":["shimmerEffect","keyframes","ChapterImageWrapper","styled","FlexView","ChapterProgressWrapper","ChapterProgressSVG","theme","ChapterProgressSVGCircle","$progressCircle","$progress","GREY_2","BLACK","gutter","strokeDashArray","strokeDashOffset","ChapterImage","StyledCheckIconWrapper","layout","ChapterName","Text","ChapterItemWrapper","shouldHideClick","$bgColor","css"],"mappings":";;;AAOA,MAAMA,IAAgBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYhBC,IAAsBC,EAAOC,CAAQ;AAAA;AAAA,GAIrCC,IAAyBF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA6BxCE,IAAqBH,EAAO,IAAI,CAAC,EAAE,OAAAI,QAChC;AAAA;AAAA,eAEMA,EAAM,OAAO,oBAAoB;AAAA;AAAA;AAAA,GAI/C,GAOKC,IAA2BL,EAAO;AAAA,EACtC,CAAC,EAAE,OAAAI,GAAO,iBAAAE,GAAiB,WAAAC,QAAgB;AACzC,UAAM,EAAE,QAAAC,GAAQ,OAAAC,MAAUL,EAAM,QAC1B,EAAE,QAAAM,EAAO,IAAIN,EAAM,QAEnBO,IAAkBD,IAAS,QAC3BE,IAAmBN,IAAkBK,IAAkBJ,IAAYA;AAElE,WAAA;AAAA,0BACeI,CAAe;AAAA,2BACdC,CAAgB;AAAA,gBAC3BN,IAAkBG,IAAQD,CAAM;AAAA;AAAA,sBAE1BE,IAAS,KAAK;AAAA;AAAA;AAAA,EAGlC;AACF,GAEMG,IAAeb,EAAO,IAAI,CAAC,EAAE,OAAAI,QAAY;AACvC,QAAA,EAAE,QAAAM,EAAO,IAAIN,EAAM;AAElB,SAAA;AAAA;AAAA,aAEIM,IAAS,CAAC;AAAA,cACTA,IAAS,CAAC;AAAA;AAAA;AAGxB,CAAC,GAEKI,IAAyBd,EAAO,IAAI,CAAC,EAAE,OAAAI,QAAY;AACjD,QAAA,EAAE,QAAAW,EAAW,IAAAX;AAEZ,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMIW,EAAO,SAAS,IAAI;AAAA,cACnBA,EAAO,SAAS,IAAI;AAAA;AAAA,kBAEhBX,EAAM,OAAO,OAAO;AAAA,yBACbA,EAAM,OAAO,OAAO;AAAA;AAE7C,CAAC,GAEKY,IAAchB,EAAOiB,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAczBC,IAAqBlB,EAAOC,CAAQ;AAAA,YAC9B,CAAC,EAAE,iBAAAkB,EAAA,MAAuBA,IAAkB,gBAAgB,SAAU;AAAA;AAAA,wCAE1C,CAAC,EAAE,OAAAf,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA,kBAI5D,CAAC,EAAE,OAAAA,GAAO,UAAAgB,QAAgBA,IAAWhB,EAAM,OAAOgB,CAAQ,IAAI,MAAO;AAAA;AAAA,MAEjFrB,CAAmB;AAAA;AAAA;AAAA;AAAA,MAInBG,CAAsB;AAAA,QACpBmB;AAAA,qBACaxB,CAAa;AAAA,OAC3B;AAAA;AAAA;AAAA;"}

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

@@ -1,101 +0,0 @@
-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 B = 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, y] = b(!1), t = S(null), p = s > 0 ? Math.floor((s / c || 1) * 100) : 0, r = c + I, w = W(() => {
-      if (r === 0)
-        return null;
-      a(i, o);
-    }, [i, o, a, r]);
-    return _(() => {
-      t.current && t.current.scrollHeight > t.current.clientHeight && y(!0);
-    }, [t]), /* @__PURE__ */ e(
-      h,
-      {
-        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: w,
-            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
-                    }
-                  )
-                }
-              ) })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-export {
-  B as default
-};
-//# sourceMappingURL=chapter-item.js.map

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

@@ -1 +0,0 @@
-{"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: totalMandatory = 0 } = mandatory || {};\n    const { total: optionalTotal = 0 } = optional || {};\n    const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n    const titleTextRef = useRef<HTMLDivElement>(null);\n    const completionPercentage =\n      completed > 0 ? Math.floor((completed / totalMandatory || 1) * 100) : 0;\n    const totalSheets = totalMandatory + 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","totalMandatory","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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"}

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

@@ -1,23 +0,0 @@
-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)`
-  position: relative;
-  min-height: ${o}px;
-`, n = r.div`
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  align-content: start;
-`;
-r.div(({ theme: t }) => `
-    position: absolute;
-    bottom: ${t.layout.gutter}px;
-    right: ${t.layout.gutter}px;
-    box-shadow: 0px 10px 20px 0px ${t.colors.BLACK_T_20};
-    border-radius: 50%;
-  `);
-export {
-  s as ChaptersListContainer,
-  n as ChaptersWrapper
-};
-//# sourceMappingURL=chapters-list-styled.js.map

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

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

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

@@ -1,78 +0,0 @@
-import { jsxs as p, jsx as r, Fragment as A } from "react/jsx-runtime";
-import { memo as T, useCallback as b } 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 { 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({
-        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,
-        {
-          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,
-              {
-                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
-                    }
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ r(m, { heightX: 2 })
-          ] }) : /* @__PURE__ */ r(y, { $renderAs: "ab2-bold", $color: "BLACK_T_87", children: "Wait for the teacher to add a chapter" })
-        ]
-      }
-    );
-  }
-), O = I;
-export {
-  O as default
-};
-//# sourceMappingURL=chapters-list.js.map