@cuemath/leap 3.0.7-hg1 → 3.0.7-hg2

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

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

@@ -0,0 +1,32 @@
+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

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

@@ -0,0 +1,94 @@
+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

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

@@ -0,0 +1,14 @@
+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

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

@@ -0,0 +1,33 @@
+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

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

@@ -0,0 +1,119 @@
+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

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

@@ -0,0 +1,101 @@
+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

@@ -0,0 +1 @@
+{"version":3,"file":"chapter-item.js","sources":["../../../../../src/features/chapters/chapters-list/chapter-item/chapter-item.tsx"],"sourcesContent":["import type { IChapterItemProps } from './chapter-item-types';\nimport type { FC } from 'react';\n\nimport { useCallback, useLayoutEffect, useRef, useState, memo } from 'react';\n\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../ui/layout/flex-view';\nimport * as Styled from './chapter-item-styled';\n\nconst ChapterItem: FC<IChapterItemProps> = memo(\n  ({ milestoneId, chapter, onChapterClick, itemIndex }) => {\n    const {\n      name,\n      image_url: imageUrl,\n      progress_stat: chapterProgressStat,\n      image_hue: imageHue,\n    } = chapter;\n    const { mandatory, optional } = chapterProgressStat || {};\n    const { completed = 0, total: 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

@@ -0,0 +1,23 @@
+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

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

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

@@ -0,0 +1,78 @@
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"chapters-list.js","sources":["../../../../src/features/chapters/chapters-list/chapters-list.tsx"],"sourcesContent":["import type { IChaptersListProps } from './chapters-list-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport { IMAGES } from '../../../assets/images/images';\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../ui/buttons/button/button';\nimport { useUIContext } from '../../ui/context/context';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport ChapterItem from './chapter-item/chapter-item';\nimport * as Styled from './chapters-list-styled';\n\nconst ChaptersList: FC<IChaptersListProps> = memo(\n  ({ milestoneId, canUpdatePlan, chapters, ...restChaptersList }) => {\n    const { isGoalCreation, userType, onChapterClick, onAddChapter, isMilestoneActive } =\n      restChaptersList;\n\n    const { onClick: trackOnClick } = useUIContext();\n\n    const handleOnAddChapter = useCallback(() => {\n      trackOnClick({\n        label: 'add_chapter_icon',\n        props: {\n          milestone_id: milestoneId,\n        },\n      });\n      onAddChapter?.({ milestoneId, isGoalCreation });\n    }, [milestoneId, isGoalCreation, onAddChapter, trackOnClick]);\n\n    if (!chapters.length) {\n      return (\n        <Styled.ChaptersListContainer\n          $gapX={6.75}\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $background=\"WHITE\"\n        >\n          <img src={IMAGES.EMPTY_MIX_TESTS} alt=\"empty_mix_tests\" />\n          <Separator heightX={2} />\n          {userType === 'TEACHER' ? (\n            <>\n              <ArrowTooltip\n                renderAs=\"primary\"\n                position=\"bottom\"\n                hidden={isMilestoneActive}\n                tooltipItem=\"Plan is completed\"\n              >\n                <Button\n                  widthX={10}\n                  renderAs=\"primary\"\n                  shape=\"square\"\n                  size=\"small\"\n                  label=\"Add chapter\"\n                  onClick={handleOnAddChapter}\n                  disabled={!isMilestoneActive || !canUpdatePlan}\n                  analyticsProps={{\n                    milestone_id: milestoneId,\n                  }}\n                />\n              </ArrowTooltip>\n              <Separator heightX={2} />\n            </>\n          ) : (\n            <Text $renderAs=\"ab2-bold\" $color=\"BLACK_T_87\">\n              Wait for the teacher to add a chapter\n            </Text>\n          )}\n        </Styled.ChaptersListContainer>\n      );\n    }\n\n    return (\n      <Styled.ChaptersListContainer>\n        <Styled.ChaptersWrapper>\n          {chapters.map((chapter, idx) => {\n            const { id } = chapter;\n\n            return (\n              <ChapterItem\n                key={id}\n                milestoneId={milestoneId}\n                chapter={chapter}\n                onChapterClick={onChapterClick}\n                itemIndex={idx}\n              />\n            );\n          })}\n        </Styled.ChaptersWrapper>\n      </Styled.ChaptersListContainer>\n    );\n  },\n);\n\nexport default ChaptersList;\n"],"names":["ChaptersList","memo","milestoneId","canUpdatePlan","chapters","restChaptersList","isGoalCreation","userType","onChapterClick","onAddChapter","isMilestoneActive","trackOnClick","useUIContext","handleOnAddChapter","useCallback","jsx","Styled.ChaptersListContainer","Styled.ChaptersWrapper","chapter","idx","id","ChapterItem","jsxs","IMAGES","Separator","Fragment","ArrowTooltip","Button","Text","ChaptersList$1"],"mappings":";;;;;;;;;;AAcA,MAAMA,IAAuCC;AAAA,EAC3C,CAAC,EAAE,aAAAC,GAAa,eAAAC,GAAe,UAAAC,GAAU,GAAGC,QAAuB;AACjE,UAAM,EAAE,gBAAAC,GAAgB,UAAAC,GAAU,gBAAAC,GAAgB,cAAAC,GAAc,mBAAAC,EAC9D,IAAAL,GAEI,EAAE,SAASM,EAAa,IAAIC,EAAa,GAEzCC,IAAqBC,EAAY,MAAM;AAC9B,MAAAH,EAAA;AAAA,QACX,OAAO;AAAA,QACP,OAAO;AAAA,UACL,cAAcT;AAAA,QAChB;AAAA,MAAA,CACD,GACcO,KAAA,QAAAA,EAAA,EAAE,aAAAP,GAAa,gBAAAI,EAAA;AAAA,OAC7B,CAACJ,GAAaI,GAAgBG,GAAcE,CAAY,CAAC;AAExD,WAACP,EAAS,SA2CX,gBAAAW,EAAAC,GAAA,EACC,UAAC,gBAAAD,EAAAE,GAAA,EACE,UAASb,EAAA,IAAI,CAACc,GAASC,MAAQ;AACxB,YAAA,EAAE,IAAAC,EAAO,IAAAF;AAGb,aAAA,gBAAAH;AAAA,QAACM;AAAA,QAAA;AAAA,UAEC,aAAAnB;AAAA,UACA,SAAAgB;AAAA,UACA,gBAAAV;AAAA,UACA,WAAWW;AAAA,QAAA;AAAA,QAJNC;AAAA,MAAA;AAAA,IAKP,CAEH,GACH,EACF,CAAA,IAzDE,gBAAAE;AAAA,MAACN;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAI,EAAA,KAAKQ,EAAO,iBAAiB,KAAI,mBAAkB;AAAA,UACxD,gBAAAR,EAACS,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UACtBjB,MAAa,YAEV,gBAAAe,EAAAG,GAAA,EAAA,UAAA;AAAA,YAAA,gBAAAV;AAAA,cAACW;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,UAAS;AAAA,gBACT,QAAQhB;AAAA,gBACR,aAAY;AAAA,gBAEZ,UAAA,gBAAAK;AAAA,kBAACY;AAAA,kBAAA;AAAA,oBACC,QAAQ;AAAA,oBACR,UAAS;AAAA,oBACT,OAAM;AAAA,oBACN,MAAK;AAAA,oBACL,OAAM;AAAA,oBACN,SAASd;AAAA,oBACT,UAAU,CAACH,KAAqB,CAACP;AAAA,oBACjC,gBAAgB;AAAA,sBACd,cAAcD;AAAA,oBAChB;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,YACF;AAAA,YACA,gBAAAa,EAACS,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UAAA,EAAA,CACzB,IAEC,gBAAAT,EAAAa,GAAA,EAAK,WAAU,YAAW,QAAO,cAAa,UAE/C,yCAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAyBV;AACF,GAEAC,IAAe7B;"}

package/dist/features/chapters/lpar-chapter/block-section/block-section-styled.js

@@ -0,0 +1,22 @@
+import o from "styled-components";
+import n from "../../../../assets/line-icons/icons/down.js";
+import p from "../../../ui/text/text.js";
+const m = o(p)`
+  padding: 0px 0px 4px 4px;
+`, x = o(n)(({ theme: r, $expanded: e }) => {
+  const {
+    layout: { gutter: t }
+  } = r;
+  return `
+      cursor: pointer;
+      height: ${t * 1.5}px;
+      width: ${t * 1.5}px;
+      transform: rotate(${e === !0 ? 180 : 0}deg);
+      transition: transform 0.3s ease;
+    `;
+});
+export {
+  m as BlockSectionTitle,
+  x as StyledDownIcon
+};
+//# sourceMappingURL=block-section-styled.js.map

package/dist/features/chapters/lpar-chapter/block-section/block-section-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-section-styled.js","sources":["../../../../../src/features/chapters/lpar-chapter/block-section/block-section-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport DownIcon from '../../../../assets/line-icons/icons/down';\nimport Text from '../../../ui/text/text';\n\nconst BlockSectionTitle = styled(Text)`\n  padding: 0px 0px 4px 4px;\n`;\n\ninterface IStyledDownIconProps {\n  $expanded: boolean;\n}\n\nconst StyledDownIcon = styled(DownIcon)<IStyledDownIconProps>(({ theme, $expanded }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n      cursor: pointer;\n      height: ${gutter * 1.5}px;\n      width: ${gutter * 1.5}px;\n      transform: rotate(${$expanded === true ? 180 : 0}deg);\n      transition: transform 0.3s ease;\n    `;\n});\n\nexport { BlockSectionTitle, StyledDownIcon };\n"],"names":["BlockSectionTitle","styled","Text","StyledDownIcon","DownIcon","theme","$expanded","gutter"],"mappings":";;;AAKM,MAAAA,IAAoBC,EAAOC,CAAI;AAAA;AAAA,GAQ/BC,IAAiBF,EAAOG,CAAQ,EAAwB,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AAChF,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,EACf,IAAAF;AAEG,SAAA;AAAA;AAAA,gBAEOE,IAAS,GAAG;AAAA,eACbA,IAAS,GAAG;AAAA,0BACDD,MAAc,KAAO,MAAM,CAAC;AAAA;AAAA;AAGtD,CAAC;"}