@cuemath/leap 2.9.12-j2 → 3.0.1-as1

package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-list-view.js","sources":["../../../../../src/features/milestone/milestone-tests/test-list-v2/test-list-view.tsx"],"sourcesContent":["import type { TNodeDataTestItemsDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\nimport type { ITestSheetsList } from './types';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo } from 'react';\n\nimport Plus2Icon from '../../../../assets/line-icons/icons/plus2';\nimport HomeworkCard from '../../../homework/homework-card';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../constants';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../tests-creation/tests-creation-analytics-events';\nimport * as Styled from './test-list-view-styled';\n\nconst getTopicNameFromItems = (items?: TNodeDataTestItemsDataProps[]): string => {\n  if (!items?.length) return '';\n\n  const uniqueTopics = new Set<string>();\n\n  for (const item of items) {\n    uniqueTopics.add(item.chapter_name);\n  }\n\n  return [...uniqueTopics].join(', ');\n};\n\nconst TestSheetsList: FC<ITestSheetsList> = memo(\n  ({\n    milestoneId,\n    studentId,\n    sheets,\n    userType,\n    onCreateNewTest,\n    isMilestoneActive,\n    canUpdatedPlan,\n    ...sheetCallbacks\n  }) => {\n    return (\n      <FlexView\n        $height={MILESTONE_WIDGET_MIN_HEIGHT}\n        $position=\"relative\"\n        $justifyContent=\"space-between\"\n      >\n        <Styled.TestSheetItemWrapper>\n          {sheets.map((sheet, idx) => {\n            const {\n              items,\n              node_id: nodeId,\n              sheet_time: sheetTime,\n              total_questions: totalQuestions,\n              worksheet_id: worksheetId,\n              is_timed: isTimed,\n            } = sheet;\n            const totalSheetTime = Math.ceil((sheetTime || 0) / 60);\n            const testChapterName = getTopicNameFromItems(items);\n            const sheetTimeText = isTimed ? `${totalSheetTime} Mins` : '';\n            const totalQuestionsText = totalQuestions\n              ? `${totalQuestions} ${pluralize(totalQuestions, 'Question')}`\n              : '';\n            const subHeader = `${totalQuestionsText} • ${sheetTimeText}`;\n\n            return (\n              <HomeworkCard\n                key={`${worksheetId}_${nodeId}_${idx}`}\n                userType={userType}\n                header={testChapterName}\n                subHeader={subHeader}\n                nodeData={sheet}\n                renderAs=\"milestone\"\n                studentId={studentId}\n                shouldOpenOnRight={(idx + 1) % 3 === 0}\n                {...sheetCallbacks}\n              />\n            );\n          })}\n        </Styled.TestSheetItemWrapper>\n\n        {userType === 'TEACHER' && canUpdatedPlan && (\n          <Styled.IconContainer\n            $flexDirection=\"row\"\n            $justifyContent=\"flex-end\"\n            $gapX={1}\n            $gutterX={1}\n          >\n            <Styled.IconButtonCover>\n              <IconButton\n                Icon={Plus2Icon}\n                renderAs=\"secondary\"\n                analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_CREATION_STARTED}\n                onClick={onCreateNewTest}\n                disabled={!isMilestoneActive}\n                analyticsProps={{\n                  milestone_id: milestoneId,\n                }}\n              />\n            </Styled.IconButtonCover>\n          </Styled.IconContainer>\n        )}\n      </FlexView>\n    );\n  },\n);\n\nexport default TestSheetsList;\n"],"names":["getTopicNameFromItems","items","uniqueTopics","item","TestSheetsList","memo","milestoneId","studentId","sheets","userType","onCreateNewTest","isMilestoneActive","canUpdatedPlan","sheetCallbacks","jsxs","FlexView","MILESTONE_WIDGET_MIN_HEIGHT","jsx","Styled.TestSheetItemWrapper","sheet","idx","nodeId","sheetTime","totalQuestions","worksheetId","isTimed","totalSheetTime","testChapterName","sheetTimeText","subHeader","pluralize","HomeworkCard","Styled.IconContainer","Styled.IconButtonCover","IconButton","Plus2Icon","TESTS_CREATION_ANALYTICS_EVENTS"],"mappings":";;;;;;;;;;AAeA,MAAMA,IAAwB,CAACC,MAAkD;AAC3E,MAAA,EAACA,KAAA,QAAAA,EAAO,QAAe,QAAA;AAErB,QAAAC,wBAAmB;AAEzB,aAAWC,KAAQF;AACJ,IAAAC,EAAA,IAAIC,EAAK,YAAY;AAGpC,SAAO,CAAC,GAAGD,CAAY,EAAE,KAAK,IAAI;AACpC,GAEME,IAAsCC;AAAA,EAC1C,CAAC;AAAA,IACC,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MAGD,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASC;AAAA,MACT,WAAU;AAAA,MACV,iBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EACE,YAAO,IAAI,CAACC,GAAOC,MAAQ;AACpB,gBAAA;AAAA,YACJ,OAAAnB;AAAA,YACA,SAASoB;AAAA,YACT,YAAYC;AAAA,YACZ,iBAAiBC;AAAA,YACjB,cAAcC;AAAA,YACd,UAAUC;AAAA,UACR,IAAAN,GACEO,IAAiB,KAAK,MAAMJ,KAAa,KAAK,EAAE,GAChDK,IAAkB3B,EAAsBC,CAAK,GAC7C2B,IAAgBH,IAAU,GAAGC,CAAc,UAAU,IAIrDG,IAAY,GAHSN,IACvB,GAAGA,CAAc,IAAIO,EAAU,UAAAP,GAAgB,UAAU,CAAC,KAC1D,EACmC,MAAMK,CAAa;AAGxD,iBAAA,gBAAAX;AAAA,YAACc;AAAA,YAAA;AAAA,cAEC,UAAAtB;AAAA,cACA,QAAQkB;AAAA,cACR,WAAAE;AAAA,cACA,UAAUV;AAAA,cACV,UAAS;AAAA,cACT,WAAAZ;AAAA,cACA,oBAAoBa,IAAM,KAAK,MAAM;AAAA,cACpC,GAAGP;AAAA,YAAA;AAAA,YARC,GAAGW,CAAW,IAAIH,CAAM,IAAID,CAAG;AAAA,UAAA;AAAA,QAWzC,CAAA,GACH;AAAA,QAECX,MAAa,aAAaG,KACzB,gBAAAK;AAAA,UAACe;AAAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,iBAAgB;AAAA,YAChB,OAAO;AAAA,YACP,UAAU;AAAA,YAEV,UAAA,gBAAAf,EAACgB,GAAA,EACC,UAAA,gBAAAhB;AAAA,cAACiB;AAAA,cAAA;AAAA,gBACC,MAAMC;AAAA,gBACN,UAAS;AAAA,gBACT,gBAAgBC,EAAgC;AAAA,gBAChD,SAAS1B;AAAA,gBACT,UAAU,CAACC;AAAA,gBACX,gBAAgB;AAAA,kBACd,cAAcL;AAAA,gBAChB;AAAA,cAAA;AAAA,YAAA,GAEJ;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAKV;"}

package/dist/features/milestone/milestone-tests/tests-creation/api/test-sheet-assign.js

@@ -1,9 +1,9 @@
-import { createPostAPI as t } from "@cuemath/rest-api";
-import { BASE_URL_V3 as o } from "../../../../../constants/api.js";
-const { usePost: u } = t({
-  getURL: (r, { studentId: s, userMilestoneId: e }) => `${o}/users/${s}/user-milestone/${e}/tests`
+import { createPostAPI as e } from "@cuemath/rest-api";
+import { BASE_URL_V3_1 as s } from "../../../../../constants/api.js";
+const { usePost: i } = e({
+  getURL: (o, { userMilestoneId: t }) => `${s}/user-milestone/${t}/tests`
 });
 export {
-  u as usePostTestSheetAssign
+  i as usePostTestSheetAssign
 };
 //# sourceMappingURL=test-sheet-assign.js.map

package/dist/features/milestone/milestone-tests/tests-creation/api/test-sheet-assign.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-sheet-assign.js","sources":["../../../../../../src/features/milestone/milestone-tests/tests-creation/api/test-sheet-assign.ts"],"sourcesContent":["import type { TTestDifficultyLevel } from '../tests-creation-types';\nimport type { ITestHelpPreviewResponse } from './preview-test-sheet';\n\nimport { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../../constants/api';\n\ninterface ITestSheetAssignPayload {\n  title: string;\n  items: ITestHelpPreviewResponse[];\n  node_params: {\n    is_timed: boolean;\n    sheet_time: number;\n    difficulty_level: TTestDifficultyLevel;\n  };\n}\n\nconst { usePost: usePostTestSheetAssign } = createPostAPI<\n  never,\n  ITestSheetAssignPayload,\n  { studentId: string; userMilestoneId: string }\n>({\n  getURL: (_, { studentId, userMilestoneId }) =>\n    `${BASE_URL_V3}/users/${studentId}/user-milestone/${userMilestoneId}/tests`,\n});\n\nexport { usePostTestSheetAssign };\n"],"names":["usePostTestSheetAssign","createPostAPI","_","studentId","userMilestoneId","BASE_URL_V3"],"mappings":";;AAiBA,MAAM,EAAE,SAASA,EAAuB,IAAIC,EAI1C;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,GAAW,iBAAAC,EAAA,MACvB,GAAGC,CAAW,UAAUF,CAAS,mBAAmBC,CAAe;AACvE,CAAC;"}
+{"version":3,"file":"test-sheet-assign.js","sources":["../../../../../../src/features/milestone/milestone-tests/tests-creation/api/test-sheet-assign.ts"],"sourcesContent":["import type { TTestDifficultyLevel } from '../tests-creation-types';\nimport type { ITestHelpPreviewResponse } from './preview-test-sheet';\n\nimport { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_1 } from '../../../../../constants/api';\n\ninterface ITestSheetAssignPayload {\n  items: ITestHelpPreviewResponse[];\n  node_params: {\n    is_timed: boolean;\n    sheet_time: number;\n    difficulty_level: TTestDifficultyLevel;\n  };\n}\n\nconst { usePost: usePostTestSheetAssign } = createPostAPI<\n  never,\n  ITestSheetAssignPayload,\n  { userMilestoneId: string }\n>({\n  getURL: (_, { userMilestoneId }) => `${BASE_URL_V3_1}/user-milestone/${userMilestoneId}/tests`,\n});\n\nexport { usePostTestSheetAssign };\n"],"names":["usePostTestSheetAssign","createPostAPI","_","userMilestoneId","BASE_URL_V3_1"],"mappings":";;AAgBA,MAAM,EAAE,SAASA,EAAuB,IAAIC,EAI1C;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,iBAAAC,EAAsB,MAAA,GAAGC,CAAa,mBAAmBD,CAAe;AACxF,CAAC;"}

package/dist/features/milestone/milestone-tests/tests-creation/test-stages/chapter-selection/chapter-item/chapter-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter-item.js","sources":["../../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/chapter-selection/chapter-item/chapter-item.tsx"],"sourcesContent":["import type { IChapterItem } from './chapter-item-types';\nimport type { FC } from 'react';\n\nimport { useCallback, memo } from 'react';\n\nimport ArrowTooltip from '../../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Image from '../../../../../../ui/image/image';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport * as Styled from './chapter-item-styled';\n\nconst ChapterItem: FC<IChapterItem> = memo(({ chapter, selected, onChapterSelection }) => {\n  const {\n    image_url: imageUrl,\n    name,\n    id: userChapterId,\n    sheets_data: sheetData,\n    item_bank_enabled: itemBankEnabled,\n  } = chapter;\n  const { test } = sheetData.supplementary_sheets_grouped;\n\n  const isDisabled = !itemBankEnabled && !test?.length;\n\n  const handleOnChapterSelection = useCallback(() => {\n    if (isDisabled) return null;\n\n    onChapterSelection(userChapterId);\n  }, [onChapterSelection, userChapterId, isDisabled]);\n\n  return (\n    <ArrowTooltip\n      position=\"bottom\"\n      renderAs=\"primary\"\n      tooltipItem=\"Chapter unavailable for test creation\"\n      hidden={!isDisabled}\n      widthX={9.5}\n    >\n      <Styled.ChapterItemWrapper\n        $widthX={9.5}\n        $heightX={8.875}\n        $gapX={1}\n        $gutterX={1}\n        $flexGap={12}\n        $position=\"relative\"\n        $alignItems=\"center\"\n        $disabled={isDisabled}\n        $borderColor={selected ? 'BLACK_T_87' : 'WHITE_5'}\n        $background={selected ? 'WHITE_3' : 'WHITE_1'}\n        onClick={handleOnChapterSelection}\n      >\n        <FlexView $position=\"relative\">\n          <Image\n            src={imageUrl || ''}\n            alt={name}\n            withLoader\n            width={56}\n            height={56}\n            borderRadius={50}\n          />\n        </FlexView>\n\n        <Styled.StyledText\n          $renderAs={selected ? 'ab3-bold' : 'ab3'}\n          $align=\"center\"\n          $color={isDisabled ? 'BLACK_T_38' : 'BLACK_T_87'}\n        >\n          {name}\n        </Styled.StyledText>\n      </Styled.ChapterItemWrapper>\n    </ArrowTooltip>\n  );\n});\n\nexport default ChapterItem;\n"],"names":["ChapterItem","memo","chapter","selected","onChapterSelection","imageUrl","name","userChapterId","sheetData","itemBankEnabled","test","isDisabled","handleOnChapterSelection","useCallback","jsx","ArrowTooltip","jsxs","Styled.ChapterItemWrapper","FlexView","Image","Styled.StyledText"],"mappings":";;;;;;AAUA,MAAMA,IAAgCC,EAAK,CAAC,EAAE,SAAAC,GAAS,UAAAC,GAAU,oBAAAC,QAAyB;AAClF,QAAA;AAAA,IACJ,WAAWC;AAAA,IACX,MAAAC;AAAA,IACA,IAAIC;AAAA,IACJ,aAAaC;AAAA,IACb,mBAAmBC;AAAA,EACjB,IAAAP,GACE,EAAE,MAAAQ,EAAK,IAAIF,EAAU,8BAErBG,IAAa,CAACF,KAAmB,EAACC,KAAA,QAAAA,EAAM,SAExCE,IAA2BC,EAAY,MAAM;AACjD,QAAIF,EAAmB,QAAA;AAEvB,IAAAP,EAAmBG,CAAa;AAAA,EAC/B,GAAA,CAACH,GAAoBG,GAAeI,CAAU,CAAC;AAGhD,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,aAAY;AAAA,MACZ,QAAQ,CAACJ;AAAA,MACT,QAAQ;AAAA,MAER,UAAA,gBAAAK;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,UAAU;AAAA,UACV,OAAO;AAAA,UACP,UAAU;AAAA,UACV,UAAU;AAAA,UACV,WAAU;AAAA,UACV,aAAY;AAAA,UACZ,WAAWN;AAAA,UACX,cAAcR,IAAW,eAAe;AAAA,UACxC,aAAaA,IAAW,YAAY;AAAA,UACpC,SAASS;AAAA,UAET,UAAA;AAAA,YAAC,gBAAAE,EAAAI,GAAA,EAAS,WAAU,YAClB,UAAA,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,KAAKd,KAAY;AAAA,gBACjB,KAAKC;AAAA,gBACL,YAAU;AAAA,gBACV,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,cAAc;AAAA,cAAA;AAAA,YAAA,GAElB;AAAA,YAEA,gBAAAQ;AAAA,cAACM;AAAAA,cAAA;AAAA,gBACC,WAAWjB,IAAW,aAAa;AAAA,gBACnC,QAAO;AAAA,gBACP,QAAQQ,IAAa,eAAe;AAAA,gBAEnC,UAAAL;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"chapter-item.js","sources":["../../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/chapter-selection/chapter-item/chapter-item.tsx"],"sourcesContent":["import type { IChapterItem } from './chapter-item-types';\nimport type { FC } from 'react';\n\nimport { useCallback, memo } from 'react';\n\nimport ArrowTooltip from '../../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Image from '../../../../../../ui/image/image';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport * as Styled from './chapter-item-styled';\n\nconst ChapterItem: FC<IChapterItem> = memo(({ chapter, selected, onChapterSelection }) => {\n  const {\n    image_url: imageUrl,\n    name,\n    id: userChapterId,\n    sheets_data: sheetData,\n    item_bank_enabled: itemBankEnabled,\n  } = chapter;\n  const { test } = sheetData.supplementary_sheets_grouped;\n\n  const isDisabled = !itemBankEnabled && !test?.length;\n\n  const handleOnChapterSelection = useCallback(() => {\n    if (isDisabled) return null;\n\n    onChapterSelection(userChapterId);\n  }, [onChapterSelection, userChapterId, isDisabled]);\n\n  return (\n    <ArrowTooltip\n      position=\"bottom\"\n      renderAs=\"primary\"\n      tooltipItem=\"Chapter unavailable for test creation\"\n      hidden={!isDisabled}\n      widthX={9.5}\n    >\n      <Styled.ChapterItemWrapper\n        $widthX={9.5}\n        $heightX={8.875}\n        $gapX={1}\n        $gutterX={1}\n        $flexGap={12}\n        $position=\"relative\"\n        $alignItems=\"center\"\n        $disabled={isDisabled}\n        $borderColor={selected ? 'BLACK_T_87' : 'WHITE_5'}\n        $background={selected ? 'WHITE_3' : 'WHITE_1'}\n        onClick={handleOnChapterSelection}\n      >\n        <FlexView $position=\"relative\">\n          <Image\n            src={imageUrl || ''}\n            alt={name}\n            withLoader\n            width={56}\n            height={56}\n            borderRadius={50}\n          />\n        </FlexView>\n        <Styled.StyledText\n          $renderAs={selected ? 'ab3-bold' : 'ab3'}\n          $align=\"center\"\n          $color={isDisabled ? 'BLACK_T_38' : 'BLACK_T_87'}\n        >\n          {name}\n        </Styled.StyledText>\n      </Styled.ChapterItemWrapper>\n    </ArrowTooltip>\n  );\n});\n\nexport default ChapterItem;\n"],"names":["ChapterItem","memo","chapter","selected","onChapterSelection","imageUrl","name","userChapterId","sheetData","itemBankEnabled","test","isDisabled","handleOnChapterSelection","useCallback","jsx","ArrowTooltip","jsxs","Styled.ChapterItemWrapper","FlexView","Image","Styled.StyledText"],"mappings":";;;;;;AAUA,MAAMA,IAAgCC,EAAK,CAAC,EAAE,SAAAC,GAAS,UAAAC,GAAU,oBAAAC,QAAyB;AAClF,QAAA;AAAA,IACJ,WAAWC;AAAA,IACX,MAAAC;AAAA,IACA,IAAIC;AAAA,IACJ,aAAaC;AAAA,IACb,mBAAmBC;AAAA,EACjB,IAAAP,GACE,EAAE,MAAAQ,EAAK,IAAIF,EAAU,8BAErBG,IAAa,CAACF,KAAmB,EAACC,KAAA,QAAAA,EAAM,SAExCE,IAA2BC,EAAY,MAAM;AACjD,QAAIF,EAAmB,QAAA;AAEvB,IAAAP,EAAmBG,CAAa;AAAA,EAC/B,GAAA,CAACH,GAAoBG,GAAeI,CAAU,CAAC;AAGhD,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,aAAY;AAAA,MACZ,QAAQ,CAACJ;AAAA,MACT,QAAQ;AAAA,MAER,UAAA,gBAAAK;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,UAAU;AAAA,UACV,OAAO;AAAA,UACP,UAAU;AAAA,UACV,UAAU;AAAA,UACV,WAAU;AAAA,UACV,aAAY;AAAA,UACZ,WAAWN;AAAA,UACX,cAAcR,IAAW,eAAe;AAAA,UACxC,aAAaA,IAAW,YAAY;AAAA,UACpC,SAASS;AAAA,UAET,UAAA;AAAA,YAAC,gBAAAE,EAAAI,GAAA,EAAS,WAAU,YAClB,UAAA,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,KAAKd,KAAY;AAAA,gBACjB,KAAKC;AAAA,gBACL,YAAU;AAAA,gBACV,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,cAAc;AAAA,cAAA;AAAA,YAAA,GAElB;AAAA,YACA,gBAAAQ;AAAA,cAACM;AAAAA,cAAA;AAAA,gBACC,WAAWjB,IAAW,aAAa;AAAA,gBACnC,QAAO;AAAA,gBACP,QAAQQ,IAAa,eAAe;AAAA,gBAEnC,UAAAL;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/features/milestone/milestone-tests/tests-creation/tests-creation.js

@@ -1,5 +1,5 @@
 import { jsx as l, jsxs as W } from "react/jsx-runtime";
-import { memo as G, useState as _, useCallback as i, useEffect as O } from "react";
+import { memo as G, useState as T, useCallback as i, useEffect as E } from "react";
 import U from "../../../ui/buttons/button/button.js";
 import X from "../../../ui/layout/flex-view.js";
 import q from "../../../ui/loader/app-loader/app-loader.js";
@@ -16,16 +16,16 @@ const ee = {
   title: null,
   duration: null,
   chapters: null
-}, te = G((D) => {
-  const { milestoneId: s, studentId: h, testNumber: f, onTestAssign: v, onExit: L, onError: c } = D, [w, x] = _("CHAPTER_SELECTION"), [o, p] = _(ee), [d, I] = _([]), m = i((e) => {
+}, te = G((y) => {
+  const { milestoneId: s, studentId: O, testNumber: D, onTestAssign: C, onExit: L, onError: c } = y, [_, x] = T("CHAPTER_SELECTION"), [o, f] = T(ee), [h, v] = T([]), m = i((e) => {
     x(e);
-  }, []), $ = i(
+  }, []), F = i(
     (e, t) => {
-      (e || !(t != null && t.length)) && (m("CHAPTER_SELECTION"), p((n) => {
-        const { chapters: r, selectedChapters: u } = n, V = r == null ? void 0 : r.map((C) => u != null && u.includes(C.id) ? {
-          ...C,
+      (e || !(t != null && t.length)) && (m("CHAPTER_SELECTION"), f((n) => {
+        const { chapters: r, selectedChapters: u } = n, V = r == null ? void 0 : r.map((P) => u != null && u.includes(P.id) ? {
+          ...P,
           item_bank_enabled: !1
-        } : C);
+        } : P);
         return {
           ...n,
           chapters: V ?? null,
@@ -35,43 +35,40 @@ const ee = {
         };
       }), c(
         "We're experiencing a temporary limitation with the chapters you've selected. Please select alternative chapters and proceed."
-      )), e ? c(e) : t && I(t);
+      )), e ? c(e) : t && v(t);
     },
-    [c, I, m]
-  ), F = i(
+    [c, v, m]
+  ), H = i(
     (e) => {
-      e ? c(e) : v();
+      e ? c(e) : C();
     },
-    [c, v]
+    [c, C]
   ), {
-    get: A,
-    data: H,
-    isProcessing: N,
+    get: I,
+    data: N,
+    isProcessing: $,
     isProcessingFailed: b,
-    error: g
+    error: p
   } = B(s, {
-    with_plan: !0,
     with_sheets: !0
-  }), { post: S, isProcessing: M } = Y({
-    onComplete: $
-  }), { post: E, isProcessing: R } = J({
+  }), { post: A, isProcessing: M } = Y({
     onComplete: F
-  }), { user_milestone_plan: j } = H || {}, { user_chapters: a } = j || {}, y = i(
+  }), { post: S, isProcessing: R } = J({
+    onComplete: H
+  }), { user_milestone_plan: j } = N || {}, { user_chapters: a } = j || {}, w = i(
     (e) => {
-      S(e);
+      A(e);
     },
-    [S]
-  ), T = i(() => {
-    A(s, {
-      with_plan: !0,
+    [A]
+  ), d = i(() => {
+    I(s, {
       with_sheets: !0
     });
-  }, [A, s]), k = i(() => {
+  }, [I, s]), k = i(() => {
     const { duration: e, difficultyLevel: t, selectedChapters: n } = o;
-    e && t && n && E(
+    e && t && n && S(
       {
-        items: d,
-        title: `Test ${f}`,
+        items: h,
         node_params: {
           is_timed: !0,
           sheet_time: e * 60,
@@ -79,29 +76,28 @@ const ee = {
         }
       },
       {
-        studentId: h,
         userMilestoneId: s
       }
     );
-  }, [E, o, h, s, d, f]), P = i(
+  }, [S, o, s, h]), g = i(
     (e, t) => {
       if (m(e), t) {
         const { difficultyLevel: n, duration: r } = t;
-        p((u) => ({ ...u, ...t })), e === "PREVIEW" && n && r && y({
+        f((u) => ({ ...u, ...t })), e === "PREVIEW" && n && r && w({
           difficulty_level: n,
           duration: r,
           user_chapter_ids: o.selectedChapters || []
         });
       }
     },
-    [m, y, o]
+    [m, w, o]
   );
-  return O(() => {
-    s && T();
-  }, [s, T]), O(() => {
-    a && a.length > 0 && p((e) => ({ ...e, chapters: a }));
-  }, [a]), N || M ? /* @__PURE__ */ l(q, { height: "100vh" }) : b ? /* @__PURE__ */ W(X, { $height: "100vh", $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
-    /* @__PURE__ */ l(z, { $renderAs: "h6", children: (g == null ? void 0 : g.message) || "Oops! Something went wrong." }),
+  return E(() => {
+    s && d();
+  }, [s, d]), E(() => {
+    a && a.length > 0 && f((e) => ({ ...e, chapters: a }));
+  }, [a]), $ || M ? /* @__PURE__ */ l(q, { height: "100vh" }) : b ? /* @__PURE__ */ W(X, { $height: "100vh", $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
+    /* @__PURE__ */ l(z, { $renderAs: "h6", children: (p == null ? void 0 : p.message) || "Oops! Something went wrong." }),
     /* @__PURE__ */ l(
       U,
       {
@@ -110,26 +106,26 @@ const ee = {
         shape: "square",
         renderAs: "primary",
         label: "Try again",
-        onClick: T
+        onClick: d
       }
     )
-  ] }) : a ? w === "PREVIEW" ? /* @__PURE__ */ l(
+  ] }) : a ? _ === "PREVIEW" ? /* @__PURE__ */ l(
     Z,
     {
-      studentId: h,
-      items: d,
-      testNumber: f,
+      studentId: O,
+      items: h,
+      testNumber: D,
       isAssignInProgress: R,
-      onTestStageChange: P,
+      onTestStageChange: g,
       onTestSheetAssign: k
     }
-  ) : w === "DIFFICULTY_AND_DURATION_SELECTION" ? /* @__PURE__ */ l(
+  ) : _ === "DIFFICULTY_AND_DURATION_SELECTION" ? /* @__PURE__ */ l(
     Q,
     {
       testFormData: o,
-      onTestStageChange: P
+      onTestStageChange: g
     }
-  ) : /* @__PURE__ */ l(K, { testFormData: o, onProceed: P, onExit: L }) : null;
+  ) : /* @__PURE__ */ l(K, { testFormData: o, onProceed: g, onExit: L }) : null;
 }), pe = te;
 export {
   pe as default

package/dist/features/milestone/milestone-tests/tests-creation/tests-creation.js.map

@@ -1 +1 @@
-{"version":3,"file":"tests-creation.js","sources":["../../../../../src/features/milestone/milestone-tests/tests-creation/tests-creation.tsx"],"sourcesContent":["import type { ITestHelpPreviewPayload, ITestHelpPreviewResponse } from './api/preview-test-sheet';\nimport type { ITestFromData, ITestsCreationProps, TTestsStage } from './tests-creation-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useState } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport { useMilestoneGet } from '../../edit/comps/edit-milestone-modal/api/get-milestone';\nimport { usePostTestHelpPreview } from './api/preview-test-sheet';\nimport { usePostTestSheetAssign } from './api/test-sheet-assign';\nimport ChapterSelection from './test-stages/chapter-selection/chapter-selection';\nimport DifficultyAndDurationSelection from './test-stages/difficulty-and-duration-selection/difficulty-and-duration-selection';\nimport TestPreview from './test-stages/test-preview/test-preview';\n\nconst initFormData: ITestFromData = {\n  selectedChapters: null,\n  difficultyLevel: null,\n  title: null,\n  duration: null,\n  chapters: null,\n};\n\nconst TestsCreation: FC<ITestsCreationProps> = memo(props => {\n  const { milestoneId, studentId, testNumber, onTestAssign, onExit, onError } = props;\n\n  const [testStage, setTestStage] = useState<TTestsStage>('CHAPTER_SELECTION');\n  const [testFormData, setTestFromData] = useState<ITestFromData>(initFormData);\n  const [testPreviewItems, setTestPreviewItems] = useState<ITestHelpPreviewResponse[]>([]);\n\n  const handleOnTestStageChange = useCallback((nextStage: TTestsStage) => {\n    setTestStage(nextStage);\n  }, []);\n\n  const handleOnTestHelpPreviewComplete = useCallback(\n    (errorMessage: string | null, data?: ITestHelpPreviewResponse[]) => {\n      if (errorMessage || !data?.length) {\n        handleOnTestStageChange('CHAPTER_SELECTION');\n\n        setTestFromData(prev => {\n          const { chapters, selectedChapters } = prev;\n\n          const updatedChapters = chapters?.map(chapter => {\n            if (selectedChapters?.includes(chapter.id)) {\n              return {\n                ...chapter,\n                item_bank_enabled: false,\n              };\n            }\n\n            return chapter;\n          });\n\n          return {\n            ...prev,\n            chapters: updatedChapters ?? null,\n            selectedChapters: null,\n            difficultyLevel: null,\n            duration: null,\n          };\n        });\n\n        onError(\n          `We're experiencing a temporary limitation with the chapters you've selected. Please select alternative chapters and proceed.`,\n        );\n      }\n\n      if (errorMessage) {\n        onError(errorMessage);\n      } else if (data) {\n        setTestPreviewItems(data);\n      }\n    },\n    [onError, setTestPreviewItems, handleOnTestStageChange],\n  );\n\n  const handleOnTestSheetAssignComplete = useCallback(\n    (errorMessage: string | null) => {\n      if (errorMessage) {\n        onError(errorMessage);\n      } else {\n        onTestAssign();\n      }\n    },\n    [onError, onTestAssign],\n  );\n\n  const {\n    get: getMilestone,\n    data: currentMilestoneData,\n    isProcessing: isMilestoneProcessing,\n    isProcessingFailed: isMilestoneProcessingFailed,\n    error: milestoneGetError,\n  } = useMilestoneGet(milestoneId, {\n    with_plan: true,\n    with_sheets: true,\n  });\n\n  const { post: postTestHelpPreview, isProcessing: testPreviewIsProcessing } =\n    usePostTestHelpPreview({\n      onComplete: handleOnTestHelpPreviewComplete,\n    });\n\n  const { post: postTestSheetAssign, isProcessing: testAssignIsProcessing } =\n    usePostTestSheetAssign({\n      onComplete: handleOnTestSheetAssignComplete,\n    });\n\n  const { user_milestone_plan: userMilestonePlan } = currentMilestoneData || {};\n  const { user_chapters: userChapters } = userMilestonePlan || {};\n\n  const handleOnPostTestHelpPreview = useCallback(\n    (data: ITestHelpPreviewPayload) => {\n      postTestHelpPreview(data);\n    },\n    [postTestHelpPreview],\n  );\n\n  const handleOnGetMilestone = useCallback(() => {\n    getMilestone(milestoneId, {\n      with_plan: true,\n      with_sheets: true,\n    });\n  }, [getMilestone, milestoneId]);\n\n  const handleOnTestSheetAssign = useCallback(() => {\n    const { duration, difficultyLevel, selectedChapters } = testFormData;\n\n    if (duration && difficultyLevel && selectedChapters) {\n      postTestSheetAssign(\n        {\n          items: testPreviewItems,\n          title: `Test ${testNumber}`,\n          node_params: {\n            is_timed: true,\n            sheet_time: duration * 60,\n            difficulty_level: difficultyLevel,\n          },\n        },\n        {\n          studentId,\n          userMilestoneId: milestoneId,\n        },\n      );\n    }\n  }, [postTestSheetAssign, testFormData, studentId, milestoneId, testPreviewItems, testNumber]);\n\n  const handleOnProceed = useCallback(\n    (nextStage: TTestsStage, updatedForm?: ITestFromData) => {\n      handleOnTestStageChange(nextStage);\n\n      if (updatedForm) {\n        const { difficultyLevel, duration } = updatedForm;\n\n        setTestFromData(prev => ({ ...prev, ...updatedForm }));\n\n        if (nextStage === 'PREVIEW' && difficultyLevel && duration) {\n          handleOnPostTestHelpPreview({\n            difficulty_level: difficultyLevel,\n            duration: duration,\n            user_chapter_ids: testFormData.selectedChapters || [],\n          });\n        }\n      }\n    },\n    [handleOnTestStageChange, handleOnPostTestHelpPreview, testFormData],\n  );\n\n  useEffect(() => {\n    if (milestoneId) {\n      handleOnGetMilestone();\n    }\n  }, [milestoneId, handleOnGetMilestone]);\n\n  useEffect(() => {\n    if (userChapters && userChapters.length > 0) {\n      setTestFromData(prev => ({ ...prev, chapters: userChapters }));\n    }\n  }, [userChapters]);\n\n  if (isMilestoneProcessing || testPreviewIsProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  if (isMilestoneProcessingFailed) {\n    return (\n      <FlexView $height=\"100vh\" $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n        <Text $renderAs=\"h6\">{milestoneGetError?.message || 'Oops! Something went wrong.'}</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={handleOnGetMilestone}\n        />\n      </FlexView>\n    );\n  }\n\n  if (!userChapters) return null;\n\n  if (testStage === 'PREVIEW') {\n    return (\n      <TestPreview\n        studentId={studentId}\n        items={testPreviewItems}\n        testNumber={testNumber}\n        isAssignInProgress={testAssignIsProcessing}\n        onTestStageChange={handleOnProceed}\n        onTestSheetAssign={handleOnTestSheetAssign}\n      />\n    );\n  }\n\n  if (testStage === 'DIFFICULTY_AND_DURATION_SELECTION') {\n    return (\n      <DifficultyAndDurationSelection\n        testFormData={testFormData}\n        onTestStageChange={handleOnProceed}\n      />\n    );\n  }\n\n  return (\n    <ChapterSelection testFormData={testFormData} onProceed={handleOnProceed} onExit={onExit} />\n  );\n});\n\nexport default TestsCreation;\n"],"names":["initFormData","TestsCreation","memo","props","milestoneId","studentId","testNumber","onTestAssign","onExit","onError","testStage","setTestStage","useState","testFormData","setTestFromData","testPreviewItems","setTestPreviewItems","handleOnTestStageChange","useCallback","nextStage","handleOnTestHelpPreviewComplete","errorMessage","data","prev","chapters","selectedChapters","updatedChapters","chapter","handleOnTestSheetAssignComplete","getMilestone","currentMilestoneData","isMilestoneProcessing","isMilestoneProcessingFailed","milestoneGetError","useMilestoneGet","postTestHelpPreview","testPreviewIsProcessing","usePostTestHelpPreview","postTestSheetAssign","testAssignIsProcessing","usePostTestSheetAssign","userMilestonePlan","userChapters","handleOnPostTestHelpPreview","handleOnGetMilestone","handleOnTestSheetAssign","duration","difficultyLevel","handleOnProceed","updatedForm","useEffect","jsx","AppLoader","jsxs","FlexView","Text","Button","TestPreview","DifficultyAndDurationSelection","ChapterSelection","TestsCreation$1"],"mappings":"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"}
+{"version":3,"file":"tests-creation.js","sources":["../../../../../src/features/milestone/milestone-tests/tests-creation/tests-creation.tsx"],"sourcesContent":["import type { ITestHelpPreviewPayload, ITestHelpPreviewResponse } from './api/preview-test-sheet';\nimport type { ITestFromData, ITestsCreationProps, TTestsStage } from './tests-creation-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useState } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport { useMilestoneGet } from '../../edit/comps/edit-milestone-modal/api/get-milestone';\nimport { usePostTestHelpPreview } from './api/preview-test-sheet';\nimport { usePostTestSheetAssign } from './api/test-sheet-assign';\nimport ChapterSelection from './test-stages/chapter-selection/chapter-selection';\nimport DifficultyAndDurationSelection from './test-stages/difficulty-and-duration-selection/difficulty-and-duration-selection';\nimport TestPreview from './test-stages/test-preview/test-preview';\n\nconst initFormData: ITestFromData = {\n  selectedChapters: null,\n  difficultyLevel: null,\n  title: null,\n  duration: null,\n  chapters: null,\n};\n\nconst TestsCreation: FC<ITestsCreationProps> = memo(props => {\n  const { milestoneId, studentId, testNumber, onTestAssign, onExit, onError } = props;\n\n  const [testStage, setTestStage] = useState<TTestsStage>('CHAPTER_SELECTION');\n  const [testFormData, setTestFromData] = useState<ITestFromData>(initFormData);\n  const [testPreviewItems, setTestPreviewItems] = useState<ITestHelpPreviewResponse[]>([]);\n\n  const handleOnTestStageChange = useCallback((nextStage: TTestsStage) => {\n    setTestStage(nextStage);\n  }, []);\n\n  const handleOnTestHelpPreviewComplete = useCallback(\n    (errorMessage: string | null, data?: ITestHelpPreviewResponse[]) => {\n      if (errorMessage || !data?.length) {\n        handleOnTestStageChange('CHAPTER_SELECTION');\n\n        setTestFromData(prev => {\n          const { chapters, selectedChapters } = prev;\n\n          const updatedChapters = chapters?.map(chapter => {\n            if (selectedChapters?.includes(chapter.id)) {\n              return {\n                ...chapter,\n                item_bank_enabled: false,\n              };\n            }\n\n            return chapter;\n          });\n\n          return {\n            ...prev,\n            chapters: updatedChapters ?? null,\n            selectedChapters: null,\n            difficultyLevel: null,\n            duration: null,\n          };\n        });\n\n        onError(\n          `We're experiencing a temporary limitation with the chapters you've selected. Please select alternative chapters and proceed.`,\n        );\n      }\n\n      if (errorMessage) {\n        onError(errorMessage);\n      } else if (data) {\n        setTestPreviewItems(data);\n      }\n    },\n    [onError, setTestPreviewItems, handleOnTestStageChange],\n  );\n\n  const handleOnTestSheetAssignComplete = useCallback(\n    (errorMessage: string | null) => {\n      if (errorMessage) {\n        onError(errorMessage);\n      } else {\n        onTestAssign();\n      }\n    },\n    [onError, onTestAssign],\n  );\n\n  const {\n    get: getMilestone,\n    data: currentMilestoneData,\n    isProcessing: isMilestoneProcessing,\n    isProcessingFailed: isMilestoneProcessingFailed,\n    error: milestoneGetError,\n  } = useMilestoneGet(milestoneId, {\n    with_sheets: true,\n  });\n\n  const { post: postTestHelpPreview, isProcessing: testPreviewIsProcessing } =\n    usePostTestHelpPreview({\n      onComplete: handleOnTestHelpPreviewComplete,\n    });\n\n  const { post: postTestSheetAssign, isProcessing: testAssignIsProcessing } =\n    usePostTestSheetAssign({\n      onComplete: handleOnTestSheetAssignComplete,\n    });\n\n  const { user_milestone_plan: userMilestonePlan } = currentMilestoneData || {};\n  const { user_chapters: userChapters } = userMilestonePlan || {};\n\n  const handleOnPostTestHelpPreview = useCallback(\n    (data: ITestHelpPreviewPayload) => {\n      postTestHelpPreview(data);\n    },\n    [postTestHelpPreview],\n  );\n\n  const handleOnGetMilestone = useCallback(() => {\n    getMilestone(milestoneId, {\n      with_sheets: true,\n    });\n  }, [getMilestone, milestoneId]);\n\n  const handleOnTestSheetAssign = useCallback(() => {\n    const { duration, difficultyLevel, selectedChapters } = testFormData;\n\n    if (duration && difficultyLevel && selectedChapters) {\n      postTestSheetAssign(\n        {\n          items: testPreviewItems,\n          node_params: {\n            is_timed: true,\n            sheet_time: duration * 60,\n            difficulty_level: difficultyLevel,\n          },\n        },\n        {\n          userMilestoneId: milestoneId,\n        },\n      );\n    }\n  }, [postTestSheetAssign, testFormData, milestoneId, testPreviewItems]);\n\n  const handleOnProceed = useCallback(\n    (nextStage: TTestsStage, updatedForm?: ITestFromData) => {\n      handleOnTestStageChange(nextStage);\n\n      if (updatedForm) {\n        const { difficultyLevel, duration } = updatedForm;\n\n        setTestFromData(prev => ({ ...prev, ...updatedForm }));\n\n        if (nextStage === 'PREVIEW' && difficultyLevel && duration) {\n          handleOnPostTestHelpPreview({\n            difficulty_level: difficultyLevel,\n            duration: duration,\n            user_chapter_ids: testFormData.selectedChapters || [],\n          });\n        }\n      }\n    },\n    [handleOnTestStageChange, handleOnPostTestHelpPreview, testFormData],\n  );\n\n  useEffect(() => {\n    if (milestoneId) {\n      handleOnGetMilestone();\n    }\n  }, [milestoneId, handleOnGetMilestone]);\n\n  useEffect(() => {\n    if (userChapters && userChapters.length > 0) {\n      setTestFromData(prev => ({ ...prev, chapters: userChapters }));\n    }\n  }, [userChapters]);\n\n  if (isMilestoneProcessing || testPreviewIsProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  if (isMilestoneProcessingFailed) {\n    return (\n      <FlexView $height=\"100vh\" $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n        <Text $renderAs=\"h6\">{milestoneGetError?.message || 'Oops! Something went wrong.'}</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={handleOnGetMilestone}\n        />\n      </FlexView>\n    );\n  }\n\n  if (!userChapters) return null;\n\n  if (testStage === 'PREVIEW') {\n    return (\n      <TestPreview\n        studentId={studentId}\n        items={testPreviewItems}\n        testNumber={testNumber}\n        isAssignInProgress={testAssignIsProcessing}\n        onTestStageChange={handleOnProceed}\n        onTestSheetAssign={handleOnTestSheetAssign}\n      />\n    );\n  }\n\n  if (testStage === 'DIFFICULTY_AND_DURATION_SELECTION') {\n    return (\n      <DifficultyAndDurationSelection\n        testFormData={testFormData}\n        onTestStageChange={handleOnProceed}\n      />\n    );\n  }\n\n  return (\n    <ChapterSelection testFormData={testFormData} onProceed={handleOnProceed} onExit={onExit} />\n  );\n});\n\nexport default TestsCreation;\n"],"names":["initFormData","TestsCreation","memo","props","milestoneId","studentId","testNumber","onTestAssign","onExit","onError","testStage","setTestStage","useState","testFormData","setTestFromData","testPreviewItems","setTestPreviewItems","handleOnTestStageChange","useCallback","nextStage","handleOnTestHelpPreviewComplete","errorMessage","data","prev","chapters","selectedChapters","updatedChapters","chapter","handleOnTestSheetAssignComplete","getMilestone","currentMilestoneData","isMilestoneProcessing","isMilestoneProcessingFailed","milestoneGetError","useMilestoneGet","postTestHelpPreview","testPreviewIsProcessing","usePostTestHelpPreview","postTestSheetAssign","testAssignIsProcessing","usePostTestSheetAssign","userMilestonePlan","userChapters","handleOnPostTestHelpPreview","handleOnGetMilestone","handleOnTestSheetAssign","duration","difficultyLevel","handleOnProceed","updatedForm","useEffect","jsx","AppLoader","jsxs","FlexView","Text","Button","TestPreview","DifficultyAndDurationSelection","ChapterSelection","TestsCreation$1"],"mappings":"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"}

package/dist/features/recent-chapters/api/get-recent-chapters.js

@@ -0,0 +1,9 @@
+import { createGetAPI as r } from "@cuemath/rest-api";
+import { BASE_URL_V3 as s } from "../../../constants/api.js";
+const { useGet: p } = r({
+  getURL: (e, o, { courseStream: t }) => `${s}/users/${e}/course-streams/${t}/recent-chapters`
+});
+export {
+  p as useGetRecentChapters
+};
+//# sourceMappingURL=get-recent-chapters.js.map

package/dist/features/recent-chapters/api/get-recent-chapters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-recent-chapters.js","sources":["../../../../src/features/recent-chapters/api/get-recent-chapters.ts"],"sourcesContent":["import type { IChapterDataProps } from '../../chapters/chapter/chapter-types';\nimport type { TCourseStream } from '../../milestone/create/milestone-create-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../constants/api';\n\nconst { useGet: useGetRecentChapters } = createGetAPI<\n  IChapterDataProps[],\n  void,\n  { courseStream: TCourseStream }\n>({\n  getURL: (studentId: string, _, { courseStream }) =>\n    `${BASE_URL_V3}/users/${studentId}/course-streams/${courseStream}/recent-chapters`,\n});\n\nexport { useGetRecentChapters };\n"],"names":["useGetRecentChapters","createGetAPI","studentId","_","courseStream","BASE_URL_V3"],"mappings":";;AAOA,MAAM,EAAE,QAAQA,EAAqB,IAAIC,EAIvC;AAAA,EACA,QAAQ,CAACC,GAAmBC,GAAG,EAAE,cAAAC,EAAA,MAC/B,GAAGC,CAAW,UAAUH,CAAS,mBAAmBE,CAAY;AACpE,CAAC;"}

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

@@ -0,0 +1,16 @@
+import e from "styled-components";
+const p = e.div(({ theme: t }) => {
+  const { WHITE_5: r, WHITE_2: a } = t.colors;
+  return `
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    align-content: start;
+    background: ${a};
+    background-image: linear-gradient(${r} 0.5px, transparent 0.5px), linear-gradient(90deg, ${r} 0.5px, transparent 0.5px);
+    background-size: 45px 45px;
+  `;
+});
+export {
+  p as ChaptersWrapper
+};
+//# sourceMappingURL=recent-chapters-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"recent-chapters-styled.js","sources":["../../../src/features/recent-chapters/recent-chapters-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nconst ChaptersWrapper = styled.div(({ theme }) => {\n  const { WHITE_5, WHITE_2 } = theme.colors;\n\n  return `\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    align-content: start;\n    background: ${WHITE_2};\n    background-image: linear-gradient(${WHITE_5} 0.5px, transparent 0.5px), linear-gradient(90deg, ${WHITE_5} 0.5px, transparent 0.5px);\n    background-size: 45px 45px;\n  `;\n});\n\nexport { ChaptersWrapper };\n"],"names":["ChaptersWrapper","styled","theme","WHITE_5","WHITE_2"],"mappings":";AAEA,MAAMA,IAAkBC,EAAO,IAAI,CAAC,EAAE,OAAAC,QAAY;AAChD,QAAM,EAAE,SAAAC,GAAS,SAAAC,MAAYF,EAAM;AAE5B,SAAA;AAAA;AAAA;AAAA;AAAA,kBAISE,CAAO;AAAA,wCACeD,CAAO,sDAAsDA,CAAO;AAAA;AAAA;AAG5G,CAAC;"}

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

@@ -0,0 +1,39 @@
+import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import { useCallback as f, useEffect as h } from "react";
+import C from "../chapters/chapters-list/chapter-item/chapter-item.js";
+import d from "../ui/layout/flex-view.js";
+import u from "../ui/text/text.js";
+import { useGetRecentChapters as x } from "./api/get-recent-chapters.js";
+import { ChaptersWrapper as g } from "./recent-chapters-styled.js";
+const R = ({
+  studentId: r,
+  courseStream: t,
+  onChapterClick: p,
+  recentChaptersRef: a
+}) => {
+  const { get: o, data: e, isProcessingFailed: m } = x(), i = f(() => {
+    o(r, void 0, { courseStream: t });
+  }, [t, o, r]);
+  return h(() => {
+    i();
+  }, [i]), m ? null : e && e.length > 0 ? /* @__PURE__ */ s(d, { $flexRowGapX: 1, ref: a, children: [
+    /* @__PURE__ */ s(u, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
+      "Recent Chapters (",
+      e == null ? void 0 : e.length,
+      ")"
+    ] }),
+    /* @__PURE__ */ l(g, { children: e.map((n, c) => /* @__PURE__ */ l(
+      C,
+      {
+        chapter: n,
+        onChapterClick: p,
+        itemIndex: c
+      },
+      n.id
+    )) })
+  ] }) : null;
+}, G = R;
+export {
+  G as default
+};
+//# sourceMappingURL=recent-chapters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"recent-chapters.js","sources":["../../../src/features/recent-chapters/recent-chapters.tsx"],"sourcesContent":["import type { IChaptersListProps } from '../chapters/chapters-list/chapters-list-types';\nimport type { TCourseStream } from '../milestone/create/milestone-create-types';\nimport type { TUserTypes } from '../ui/types';\nimport type { FC } from 'react';\n\nimport { useCallback, useEffect } from 'react';\n\nimport ChapterItem from '../chapters/chapters-list/chapter-item/chapter-item';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\nimport { useGetRecentChapters } from './api/get-recent-chapters';\nimport * as Styled from './recent-chapters-styled';\n\ninterface RecentChaptersProps {\n  studentId: string;\n  courseStream: TCourseStream;\n  userType: TUserTypes;\n  onChapterClick: IChaptersListProps['onChapterClick'];\n  recentChaptersRef?: React.RefObject<HTMLDivElement>;\n}\n\nconst RecentChapters: FC<RecentChaptersProps> = ({\n  studentId,\n  courseStream,\n  onChapterClick,\n  recentChaptersRef,\n}) => {\n  const { get: getChapters, data: chapterData, isProcessingFailed } = useGetRecentChapters();\n\n  const fetchChapterDetails = useCallback(() => {\n    getChapters(studentId, undefined, { courseStream });\n  }, [courseStream, getChapters, studentId]);\n\n  useEffect(() => {\n    fetchChapterDetails();\n  }, [fetchChapterDetails]);\n\n  if (isProcessingFailed) {\n    return null;\n  }\n\n  if (chapterData && chapterData.length > 0) {\n    return (\n      <FlexView $flexRowGapX={1} ref={recentChaptersRef}>\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n          Recent Chapters ({chapterData?.length})\n        </Text>\n        <Styled.ChaptersWrapper>\n          {chapterData.map((chapter, idx) => (\n            <ChapterItem\n              key={chapter.id}\n              chapter={chapter}\n              onChapterClick={onChapterClick}\n              itemIndex={idx}\n            />\n          ))}\n        </Styled.ChaptersWrapper>\n      </FlexView>\n    );\n  }\n\n  return null;\n};\n\nexport default RecentChapters;\n"],"names":["RecentChapters","studentId","courseStream","onChapterClick","recentChaptersRef","getChapters","chapterData","isProcessingFailed","useGetRecentChapters","fetchChapterDetails","useCallback","useEffect","jsxs","FlexView","Text","jsx","Styled.ChaptersWrapper","chapter","idx","ChapterItem","RecentChapters$1"],"mappings":";;;;;;;AAqBA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,mBAAAC;AACF,MAAM;AACJ,QAAM,EAAE,KAAKC,GAAa,MAAMC,GAAa,oBAAAC,EAAA,IAAuBC,KAE9DC,IAAsBC,EAAY,MAAM;AAC5C,IAAAL,EAAYJ,GAAW,QAAW,EAAE,cAAAC,EAAc,CAAA;AAAA,EACjD,GAAA,CAACA,GAAcG,GAAaJ,CAAS,CAAC;AAMzC,SAJAU,EAAU,MAAM;AACM,IAAAF;EAAA,GACnB,CAACA,CAAmB,CAAC,GAEpBF,IACK,OAGLD,KAAeA,EAAY,SAAS,IAEnC,gBAAAM,EAAAC,GAAA,EAAS,cAAc,GAAG,KAAKT,GAC9B,UAAA;AAAA,IAAA,gBAAAQ,EAACE,GAAK,EAAA,WAAU,aAAY,QAAO,cAAa,UAAA;AAAA,MAAA;AAAA,MAC5BR,KAAA,gBAAAA,EAAa;AAAA,MAAO;AAAA,IAAA,GACxC;AAAA,IACA,gBAAAS,EAACC,GAAA,EACE,YAAY,IAAI,CAACC,GAASC,MACzB,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QAEC,SAAAF;AAAA,QACA,gBAAAd;AAAA,QACA,WAAWe;AAAA,MAAA;AAAA,MAHND,EAAQ;AAAA,IAKhB,CAAA,GACH;AAAA,EACF,EAAA,CAAA,IAIG;AACT,GAEAG,IAAepB;"}

package/dist/features/sheet-v2/resource-list/resource-list.js

@@ -0,0 +1,45 @@
+import { jsx as t } from "react/jsx-runtime";
+import { h as $ } from "../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as x } from "react";
+import _ from "styled-components";
+import g from "../../homework/homework-card.js";
+import w from "../../ui/layout/flex-view.js";
+const R = _.div`
+  display: grid;
+  grid-template-columns: repeat(3, 200px);
+  grid-gap: 32px;
+  justify-content: center;
+  padding: 32px 0;
+`, T = ({
+  sheets: r,
+  studentId: n,
+  userType: m,
+  ...d
+}) => /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t(R, { children: r.map((o, s) => {
+  const {
+    title: a,
+    node_id: p,
+    worksheet_id: l,
+    is_timed: c,
+    sheet_time: u,
+    total_questions: e
+  } = o, h = Math.ceil((u || 0) / 60), i = e ? `${e} ${$.pluralize(e, "Question")}` : "", f = c ? `${i} • ${h} Mins` : i;
+  return /* @__PURE__ */ t(
+    g,
+    {
+      header: a,
+      subHeader: f,
+      userType: m,
+      studentId: n,
+      nodeData: o,
+      renderAs: "milestone",
+      shouldOpenOnRight: (s + 1) % 3 === 0,
+      ...d
+    },
+    `${l}_${p}_${s}`
+  );
+}) }) }), z = x(T);
+export {
+  z as default
+};
+//# sourceMappingURL=resource-list.js.map

package/dist/features/sheet-v2/resource-list/resource-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-list.js","sources":["../../../../src/features/sheet-v2/resource-list/resource-list.tsx"],"sourcesContent":["import type { IResourcesListProps } from './types';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo } from 'react';\nimport styled from 'styled-components';\n\nimport HomeworkCard from '../../homework/homework-card';\nimport FlexView from '../../ui/layout/flex-view';\n\nconst ResourceItemListWrapper = styled.div`\n  display: grid;\n  grid-template-columns: repeat(3, 200px);\n  grid-gap: 32px;\n  justify-content: center;\n  padding: 32px 0;\n`;\n\nconst ResourcesList: FC<IResourcesListProps> = ({\n  sheets,\n  studentId,\n  userType,\n  ...sheetCallBacks\n}) => (\n  <FlexView>\n    <ResourceItemListWrapper>\n      {sheets.map((sheet, idx) => {\n        const {\n          title,\n          node_id: nodeId,\n          worksheet_id: worksheetId,\n          is_timed: isTimed,\n          sheet_time: sheetTime,\n          total_questions: totalQuestions,\n        } = sheet;\n        const totalSheetTime = Math.ceil((sheetTime || 0) / 60);\n        const totalQuestionsText = totalQuestions\n          ? `${totalQuestions} ${pluralize(totalQuestions, 'Question')}`\n          : '';\n        const subHeader = isTimed\n          ? `${totalQuestionsText} • ${totalSheetTime} Mins`\n          : totalQuestionsText;\n\n        return (\n          <HomeworkCard\n            key={`${worksheetId}_${nodeId}_${idx}`}\n            header={title}\n            subHeader={subHeader}\n            userType={userType}\n            studentId={studentId}\n            nodeData={sheet}\n            renderAs=\"milestone\"\n            shouldOpenOnRight={(idx + 1) % 3 === 0}\n            {...sheetCallBacks}\n          />\n        );\n      })}\n    </ResourceItemListWrapper>\n  </FlexView>\n);\n\nexport default memo(ResourcesList);\n"],"names":["ResourceItemListWrapper","styled","ResourcesList","sheets","studentId","userType","sheetCallBacks","jsx","FlexView","sheet","idx","title","nodeId","worksheetId","isTimed","sheetTime","totalQuestions","totalSheetTime","totalQuestionsText","pluralize","subHeader","HomeworkCard","ResourcesList$1","memo"],"mappings":";;;;;;AAUA,MAAMA,IAA0BC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCC,IAAyC,CAAC;AAAA,EAC9C,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC,EAACC,KACC,UAAC,gBAAAD,EAAAP,GAAA,EACE,YAAO,IAAI,CAACS,GAAOC,MAAQ;AACpB,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,SAASC;AAAA,IACT,cAAcC;AAAA,IACd,UAAUC;AAAA,IACV,YAAYC;AAAA,IACZ,iBAAiBC;AAAA,EACf,IAAAP,GACEQ,IAAiB,KAAK,MAAMF,KAAa,KAAK,EAAE,GAChDG,IAAqBF,IACvB,GAAGA,CAAc,IAAIG,EAAU,UAAAH,GAAgB,UAAU,CAAC,KAC1D,IACEI,IAAYN,IACd,GAAGI,CAAkB,MAAMD,CAAc,UACzCC;AAGF,SAAA,gBAAAX;AAAA,IAACc;AAAA,IAAA;AAAA,MAEC,QAAQV;AAAA,MACR,WAAAS;AAAA,MACA,UAAAf;AAAA,MACA,WAAAD;AAAA,MACA,UAAUK;AAAA,MACV,UAAS;AAAA,MACT,oBAAoBC,IAAM,KAAK,MAAM;AAAA,MACpC,GAAGJ;AAAA,IAAA;AAAA,IARC,GAAGO,CAAW,IAAID,CAAM,IAAIF,CAAG;AAAA,EAAA;AAW1C,CAAC,GACH,EACF,CAAA,GAGaY,IAAAC,EAAKrB,CAAa;"}

package/dist/features/sheets/resources-list/resource-item/styled.js

@@ -8,7 +8,7 @@ const c = e(i)(({ theme: r, $isMilestoneWidget: o }) => {
       ${o && `
         border-top-width: 0;
         border-left-width: 0;
-
+        
         &:nth-child(even) {
           border-right-width: 0;
         }

package/dist/features/sheets/resources-list/resource-item/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/features/sheets/resources-list/resource-item/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface IResourceItemCard {\n  $isMilestoneWidget?: boolean;\n}\n\nconst ResourceItemCard = styled(FlexView)<IResourceItemCard>(({ theme, $isMilestoneWidget }) => {\n  const { WHITE_5 } = theme.colors;\n\n  return `\n      border: 1px solid ${WHITE_5};\n      ${\n        $isMilestoneWidget &&\n        `\n        border-top-width: 0;\n        border-left-width: 0;\n\n        &:nth-child(even) {\n          border-right-width: 0;\n        }\n      `\n      }\n    `;\n});\n\nconst ResourceItemTitle = styled(Text)(() => {\n  return `\n        display: -webkit-box;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n        text-overflow: ellipsis;\n        overflow: hidden;\n    `;\n});\n\nconst IconButtonWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { BLACK_T_87 } = theme.colors;\n\n  return `\n      width: ${gutter * 2}px;\n      height: ${gutter * 2}px;\n      border: 1px solid ${BLACK_T_87};\n      border-radius: 50%;\n      cursor: pointer;\n    `;\n});\n\nexport { ResourceItemCard, ResourceItemTitle, IconButtonWrapper };\n"],"names":["ResourceItemCard","styled","FlexView","theme","$isMilestoneWidget","WHITE_5","ResourceItemTitle","Text","IconButtonWrapper","gutter","BLACK_T_87"],"mappings":";;;AASM,MAAAA,IAAmBC,EAAOC,CAAQ,EAAqB,CAAC,EAAE,OAAAC,GAAO,oBAAAC,QAAyB;AACxF,QAAA,EAAE,SAAAC,EAAQ,IAAIF,EAAM;AAEnB,SAAA;AAAA,0BACiBE,CAAO;AAAA,QAEzBD,KACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAQF;AAAA;AAEN,CAAC,GAEKE,IAAoBL,EAAOM,CAAI,EAAE,MAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOR,GAEKC,IAAoBP,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAClD,QAAA,EAAE,QAAAM,EAAO,IAAIN,EAAM,QACnB,EAAE,YAAAO,EAAW,IAAIP,EAAM;AAEtB,SAAA;AAAA,eACMM,IAAS,CAAC;AAAA,gBACTA,IAAS,CAAC;AAAA,0BACAC,CAAU;AAAA;AAAA;AAAA;AAIpC,CAAC;"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/features/sheets/resources-list/resource-item/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface IResourceItemCard {\n  $isMilestoneWidget?: boolean;\n}\n\nconst ResourceItemCard = styled(FlexView)<IResourceItemCard>(({ theme, $isMilestoneWidget }) => {\n  const { WHITE_5 } = theme.colors;\n\n  return `\n      border: 1px solid ${WHITE_5};\n      ${\n        $isMilestoneWidget &&\n        `\n        border-top-width: 0;\n        border-left-width: 0;\n        \n        &:nth-child(even) {\n          border-right-width: 0;\n        }\n      `\n      }\n    `;\n});\n\nconst ResourceItemTitle = styled(Text)(() => {\n  return `\n        display: -webkit-box;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n        text-overflow: ellipsis;\n        overflow: hidden;\n    `;\n});\n\nconst IconButtonWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { BLACK_T_87 } = theme.colors;\n\n  return `\n      width: ${gutter * 2}px;\n      height: ${gutter * 2}px;\n      border: 1px solid ${BLACK_T_87};\n      border-radius: 50%;\n      cursor: pointer;\n    `;\n});\n\nexport { ResourceItemCard, ResourceItemTitle, IconButtonWrapper };\n"],"names":["ResourceItemCard","styled","FlexView","theme","$isMilestoneWidget","WHITE_5","ResourceItemTitle","Text","IconButtonWrapper","gutter","BLACK_T_87"],"mappings":";;;AASM,MAAAA,IAAmBC,EAAOC,CAAQ,EAAqB,CAAC,EAAE,OAAAC,GAAO,oBAAAC,QAAyB;AACxF,QAAA,EAAE,SAAAC,EAAQ,IAAIF,EAAM;AAEnB,SAAA;AAAA,0BACiBE,CAAO;AAAA,QAEzBD,KACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAQF;AAAA;AAEN,CAAC,GAEKE,IAAoBL,EAAOM,CAAI,EAAE,MAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOR,GAEKC,IAAoBP,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAClD,QAAA,EAAE,QAAAM,EAAO,IAAIN,EAAM,QACnB,EAAE,YAAAO,EAAW,IAAIP,EAAM;AAEtB,SAAA;AAAA,eACMM,IAAS,CAAC;AAAA,gBACTA,IAAS,CAAC;AAAA,0BACAC,CAAU;AAAA;AAAA;AAAA;AAIpC,CAAC;"}

package/dist/features/sheets/sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant.js

@@ -1,4 +1,4 @@
-const E = {
+const A = {
   CHANGE_LOCATION: "Change location",
   RESET_PROGRESS: "Reset progress",
   MARK_AS_FAMILIAR: "Mark as learned",
@@ -11,9 +11,10 @@ const E = {
   MARK_AS_DONE: "Mark as Done",
   SKIP: "Skip",
   REVERT_SKIP: "Revert Skip",
-  REDO: "Redo"
+  REDO: "Redo",
+  ASSIGN_AS_HW: "Assign as HW"
 };
 export {
-  E as TEACHER_MENU_OPTIONS
+  A as TEACHER_MENU_OPTIONS
 };
 //# sourceMappingURL=teacher-actions-constant.js.map

package/dist/features/sheets/sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant.js.map

@@ -1 +1 @@
-{"version":3,"file":"teacher-actions-constant.js","sources":["../../../../../../../src/features/sheets/sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant.ts"],"sourcesContent":["export const TEACHER_MENU_OPTIONS = {\n  CHANGE_LOCATION: 'Change location',\n  RESET_PROGRESS: 'Reset progress',\n  MARK_AS_FAMILIAR: 'Mark as learned',\n  MARK_BACK_AS_RELEVANT: 'Mark back as relevant',\n  MARK_AS_NOT_NEEDED: 'Mark as not needed',\n  UNASSIGN: 'Unassign',\n  //* New options\n  ENABLE_AS_HW: 'Enable as HW',\n  REVERT_TO_CW: 'Revert to CW',\n  MARK_AS_DONE: 'Mark as Done',\n  SKIP: 'Skip',\n  REVERT_SKIP: 'Revert Skip',\n  REDO: 'Redo',\n} as const;\n"],"names":["TEACHER_MENU_OPTIONS"],"mappings":"AAAO,MAAMA,IAAuB;AAAA,EAClC,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,oBAAoB;AAAA,EACpB,UAAU;AAAA;AAAA,EAEV,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,MAAM;AAAA,EACN,aAAa;AAAA,EACb,MAAM;AACR;"}
+{"version":3,"file":"teacher-actions-constant.js","sources":["../../../../../../../src/features/sheets/sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant.ts"],"sourcesContent":["export const TEACHER_MENU_OPTIONS = {\n  CHANGE_LOCATION: 'Change location',\n  RESET_PROGRESS: 'Reset progress',\n  MARK_AS_FAMILIAR: 'Mark as learned',\n  MARK_BACK_AS_RELEVANT: 'Mark back as relevant',\n  MARK_AS_NOT_NEEDED: 'Mark as not needed',\n  UNASSIGN: 'Unassign',\n  //* New options\n  ENABLE_AS_HW: 'Enable as HW',\n  REVERT_TO_CW: 'Revert to CW',\n  MARK_AS_DONE: 'Mark as Done',\n  SKIP: 'Skip',\n  REVERT_SKIP: 'Revert Skip',\n  REDO: 'Redo',\n  ASSIGN_AS_HW: 'Assign as HW',\n} as const;\n"],"names":["TEACHER_MENU_OPTIONS"],"mappings":"AAAO,MAAMA,IAAuB;AAAA,EAClC,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,oBAAoB;AAAA,EACpB,UAAU;AAAA;AAAA,EAEV,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,MAAM;AAAA,EACN,aAAa;AAAA,EACb,MAAM;AAAA,EACN,cAAc;AAChB;"}

package/dist/features/trial-session/comps/learning-plan/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/learning-plan/index.tsx"],"sourcesContent":["import type { IChapterDataProps } from '../../../chapters/chapter/chapter-types';\n\nimport throttle from 'lodash.throttle';\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { useGetChapterData } from '../../../chapters/api/chapter';\nimport Chapter from '../../../chapters/chapter/chapter';\nimport MilestoneList from '../../../milestone/milestone-list-container/milestone-list-container';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport * as Styled from './learning-plan-styled';\nimport { useLearningPlanScrollSync } from './use-learning-plan-scroll-sync';\n\nconst LearningPlan: React.FC = () => {\n  const { trialHomeData, studentId, teacherId, formData, isTeacher, updateSlideConfig } =\n    useTrialSessionContext();\n  const {\n    demo_info: { student_classroom_id: studentClassroomId, stream },\n  } = trialHomeData || {};\n  const { name = '', chapterId } = formData || {};\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const scrollPointsRef = useRef<number[]>([]);\n  const isSendingScrollPointsRef = useRef(false);\n\n  const {\n    publishScrollEvents,\n    closeChannel,\n    scrollPoints: receivedScrollPoints,\n  } = useLearningPlanScrollSync(studentClassroomId);\n\n  const {\n    get: getChapterData,\n    data: chapterData,\n    isProcessing,\n    isProcessingFailed,\n    error,\n  } = useGetChapterData();\n\n  const fetchChapter = useCallback(() => {\n    if (chapterId && studentId) {\n      getChapterData(chapterId, undefined, {\n        studentId,\n      }).then(() => {\n        const scrollElement = containerRef.current;\n\n        scrollElement?.scrollTo({\n          top: 0,\n          behavior: 'smooth',\n        });\n      });\n    }\n  }, [getChapterData, studentId, chapterId]);\n\n  const handleOnChapterClick = useCallback(\n    (chapter: IChapterDataProps) => {\n      updateSlideConfig({\n        chapterId: chapter.id,\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleOnBackIconClick = useCallback(() => {\n    updateSlideConfig({\n      chapterId: undefined,\n    });\n  }, [updateSlideConfig]);\n\n  const sendScrollPoints = useCallback(() => {\n    if (scrollPointsRef.current.length === 0 || isSendingScrollPointsRef.current) return;\n\n    isSendingScrollPointsRef.current = true;\n\n    if (publishScrollEvents) {\n      publishScrollEvents({\n        eventName: 'TRIAL_SESSION_GOAL_PLAN_SCROLL',\n        eventPayload: {\n          scrollPoints: scrollPointsRef.current,\n        },\n      });\n    }\n\n    scrollPointsRef.current = [];\n    isSendingScrollPointsRef.current = false;\n  }, [publishScrollEvents]);\n\n  const throttleSend = useMemo(() => throttle(sendScrollPoints, 500), [sendScrollPoints]);\n\n  const handleScroll = useCallback(() => {\n    const scrollPoint = containerRef.current?.scrollTop || 0;\n\n    scrollPointsRef.current.push(scrollPoint);\n\n    throttleSend();\n  }, [throttleSend]);\n\n  useEffect(() => {\n    fetchChapter();\n  }, [fetchChapter]);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      if ((chapterData && isTeacher) || isTeacher) {\n        const scrollElement = containerRef.current;\n\n        scrollElement.addEventListener('scroll', handleScroll);\n\n        return () => {\n          if (scrollElement) {\n            scrollElement.removeEventListener('scroll', handleScroll);\n          }\n        };\n      }\n    }\n  }, [isTeacher, chapterData, handleScroll]);\n\n  useEffect(() => {\n    const scrollElement = containerRef.current;\n\n    if (\n      receivedScrollPoints &&\n      Array.isArray(receivedScrollPoints) &&\n      !isTeacher &&\n      scrollElement\n    ) {\n      const averageScroll = Math.floor(\n        receivedScrollPoints.reduce((a, b) => a + b, 0) / receivedScrollPoints.length,\n      );\n\n      scrollElement.scrollTo({\n        top: averageScroll,\n        behavior: 'smooth',\n      });\n    }\n  }, [receivedScrollPoints, isTeacher]);\n\n  useEffect(() => {\n    return () => {\n      closeChannel();\n    };\n  }, [closeChannel]);\n\n  if (isProcessing) {\n    return <AppLoader height=\"100%\" />;\n  }\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $height=\"100%\" $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n        <Text $renderAs=\"h6\">{error?.message || 'Oops! Something went wrong.'}</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={fetchChapter}\n        />\n      </FlexView>\n    );\n  }\n\n  return (\n    <Styled.Container ref={containerRef} $isScrollable={isTeacher}>\n      <Styled.Wrapper\n        $clickable={isTeacher}\n        $gutterX={2}\n        $isScrollable={isTeacher}\n        id=\"milestone-list-element-container\"\n      >\n        {chapterId && chapterData ? (\n          <>\n            <Styled.BackIconWrapper>\n              <Styled.BackIcon $clickable={isTeacher} onClick={handleOnBackIconClick} />\n            </Styled.BackIconWrapper>\n\n            <Styled.ChapterWrapper>\n              <Chapter\n                user_type={isTeacher ? 'TEACHER' : 'STUDENT'}\n                teacherId={teacherId}\n                {...chapterData}\n                loading={isProcessing}\n              />\n            </Styled.ChapterWrapper>\n          </>\n        ) : (\n          <MilestoneList\n            userType={isTeacher ? 'TEACHER' : 'STUDENT'}\n            studentName={name}\n            studentId={studentId}\n            studentClassroomId={studentClassroomId}\n            milestoneType=\"DRAFT\"\n            onChapterClick={handleOnChapterClick}\n            courseStream={stream}\n          />\n        )}\n      </Styled.Wrapper>\n    </Styled.Container>\n  );\n};\n\nexport default LearningPlan;\n"],"names":["LearningPlan","trialHomeData","studentId","teacherId","formData","isTeacher","updateSlideConfig","useTrialSessionContext","studentClassroomId","stream","name","chapterId","containerRef","useRef","scrollPointsRef","isSendingScrollPointsRef","publishScrollEvents","closeChannel","receivedScrollPoints","useLearningPlanScrollSync","getChapterData","chapterData","isProcessing","isProcessingFailed","error","useGetChapterData","fetchChapter","useCallback","scrollElement","handleOnChapterClick","chapter","handleOnBackIconClick","sendScrollPoints","throttleSend","useMemo","throttle","handleScroll","scrollPoint","_a","useEffect","averageScroll","a","b","jsx","AppLoader","jsxs","FlexView","Text","Button","Styled.Container","Styled.Wrapper","Fragment","Styled.BackIconWrapper","Styled.BackIcon","Styled.ChapterWrapper","Chapter","MilestoneList"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/learning-plan/index.tsx"],"sourcesContent":["import type { IChapterDataProps } from '../../../chapters/chapter/chapter-types';\n\nimport throttle from 'lodash.throttle';\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { useGetChapterData } from '../../../chapters/api/chapter';\nimport Chapter from '../../../chapters/chapter/chapter';\nimport MilestoneList from '../../../milestone/milestone-list-container/milestone-list-container';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport * as Styled from './learning-plan-styled';\nimport { useLearningPlanScrollSync } from './use-learning-plan-scroll-sync';\n\nconst LearningPlan: React.FC = () => {\n  const { trialHomeData, studentId, teacherId, formData, isTeacher, updateSlideConfig } =\n    useTrialSessionContext();\n  const {\n    demo_info: { student_classroom_id: studentClassroomId, stream },\n  } = trialHomeData || {};\n  const { name = '', chapterId } = formData || {};\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const scrollPointsRef = useRef<number[]>([]);\n  const isSendingScrollPointsRef = useRef(false);\n\n  const {\n    publishScrollEvents,\n    closeChannel,\n    scrollPoints: receivedScrollPoints,\n  } = useLearningPlanScrollSync(studentClassroomId);\n\n  const {\n    get: getChapterData,\n    data: chapterData,\n    isProcessing,\n    isProcessingFailed,\n    error,\n  } = useGetChapterData();\n\n  const fetchChapter = useCallback(() => {\n    if (chapterId && studentId) {\n      getChapterData(chapterId, undefined, {\n        studentId,\n      }).then(() => {\n        const scrollElement = containerRef.current;\n\n        scrollElement?.scrollTo({\n          top: 0,\n          behavior: 'smooth',\n        });\n      });\n    }\n  }, [getChapterData, studentId, chapterId]);\n\n  const handleOnChapterClick = useCallback(\n    (chapter: IChapterDataProps) => {\n      updateSlideConfig({\n        chapterId: chapter.id,\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleOnBackIconClick = useCallback(() => {\n    updateSlideConfig({\n      chapterId: undefined,\n    });\n  }, [updateSlideConfig]);\n\n  const sendScrollPoints = useCallback(() => {\n    if (scrollPointsRef.current.length === 0 || isSendingScrollPointsRef.current) return;\n\n    isSendingScrollPointsRef.current = true;\n\n    if (publishScrollEvents) {\n      publishScrollEvents({\n        eventName: 'TRIAL_SESSION_GOAL_PLAN_SCROLL',\n        eventPayload: {\n          scrollPoints: scrollPointsRef.current,\n        },\n      });\n    }\n\n    scrollPointsRef.current = [];\n    isSendingScrollPointsRef.current = false;\n  }, [publishScrollEvents]);\n\n  const throttleSend = useMemo(() => throttle(sendScrollPoints, 500), [sendScrollPoints]);\n\n  const handleScroll = useCallback(() => {\n    const scrollPoint = containerRef.current?.scrollTop || 0;\n\n    scrollPointsRef.current.push(scrollPoint);\n\n    throttleSend();\n  }, [throttleSend]);\n\n  useEffect(() => {\n    fetchChapter();\n  }, [fetchChapter]);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      if ((chapterData && isTeacher) || isTeacher) {\n        const scrollElement = containerRef.current;\n\n        scrollElement.addEventListener('scroll', handleScroll);\n\n        return () => {\n          if (scrollElement) {\n            scrollElement.removeEventListener('scroll', handleScroll);\n          }\n        };\n      }\n    }\n  }, [isTeacher, chapterData, handleScroll]);\n\n  useEffect(() => {\n    const scrollElement = containerRef.current;\n\n    if (\n      receivedScrollPoints &&\n      Array.isArray(receivedScrollPoints) &&\n      !isTeacher &&\n      scrollElement\n    ) {\n      const averageScroll = Math.floor(\n        receivedScrollPoints.reduce((a, b) => a + b, 0) / receivedScrollPoints.length,\n      );\n\n      scrollElement.scrollTo({\n        top: averageScroll,\n        behavior: 'smooth',\n      });\n    }\n  }, [receivedScrollPoints, isTeacher]);\n\n  useEffect(() => {\n    return () => {\n      closeChannel();\n    };\n  }, [closeChannel]);\n\n  if (isProcessing) {\n    return <AppLoader height=\"100%\" />;\n  }\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $height=\"100%\" $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n        <Text $renderAs=\"h6\">{error?.message || 'Oops! Something went wrong.'}</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={fetchChapter}\n        />\n      </FlexView>\n    );\n  }\n\n  return (\n    <Styled.Container ref={containerRef} $isScrollable={isTeacher}>\n      <Styled.Wrapper\n        $clickable={isTeacher}\n        $gutterX={2}\n        $isScrollable={isTeacher}\n        id=\"milestone-list-element-container\"\n      >\n        {chapterId && chapterData ? (\n          <>\n            <Styled.BackIconWrapper>\n              <Styled.BackIcon $clickable={isTeacher} onClick={handleOnBackIconClick} />\n            </Styled.BackIconWrapper>\n\n            <Styled.ChapterWrapper>\n              <Chapter\n                user_type={isTeacher ? 'TEACHER' : 'STUDENT'}\n                teacherId={teacherId}\n                {...chapterData}\n                loading={isProcessing}\n              />\n            </Styled.ChapterWrapper>\n          </>\n        ) : (\n          <MilestoneList\n            userType={isTeacher ? 'TEACHER' : 'STUDENT'}\n            studentName={name}\n            studentId={studentId}\n            studentClassroomId={studentClassroomId}\n            milestoneType=\"DRAFT\"\n            onChapterClick={handleOnChapterClick}\n            courseStream={stream}\n          />\n        )}\n      </Styled.Wrapper>\n    </Styled.Container>\n  );\n};\n\nexport default LearningPlan;\n"],"names":["LearningPlan","trialHomeData","studentId","teacherId","formData","isTeacher","updateSlideConfig","useTrialSessionContext","studentClassroomId","stream","name","chapterId","containerRef","useRef","scrollPointsRef","isSendingScrollPointsRef","publishScrollEvents","closeChannel","receivedScrollPoints","useLearningPlanScrollSync","getChapterData","chapterData","isProcessing","isProcessingFailed","error","useGetChapterData","fetchChapter","useCallback","scrollElement","handleOnChapterClick","chapter","handleOnBackIconClick","sendScrollPoints","throttleSend","useMemo","throttle","handleScroll","scrollPoint","_a","useEffect","averageScroll","a","b","jsx","AppLoader","jsxs","FlexView","Text","Button","Styled.Container","Styled.Wrapper","Fragment","Styled.BackIconWrapper","Styled.BackIcon","Styled.ChapterWrapper","Chapter","MilestoneList"],"mappings":"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"}

package/dist/features/ui/animated-arc/animated-arc.js

@@ -8,8 +8,8 @@ const b = ({
   color: y,
   targetAngle: a,
   startAngle: c = 0,
-  duration: s = 2,
-  mode: o = "draw",
+  duration: o = 2,
+  mode: s = "draw",
   delay: n = 0,
   showAnimatedRainbowArc: $ = !1
 }) => {
@@ -20,17 +20,17 @@ const b = ({
   return g(() => {
     const t = f.current;
     if (t) {
-      if (o === "draw") {
+      if (s === "draw") {
         const m = t.getTotalLength();
         t.style.strokeDasharray = `${m}`, t.style.strokeDashoffset = `${m}`, t.getBoundingClientRect(), requestAnimationFrame(() => {
-          t.style.transition = `stroke-dashoffset ${s}s linear ${n}s`, t.style.strokeDashoffset = "0";
+          t.style.transition = `stroke-dashoffset ${o}s linear ${n}s`, t.style.strokeDashoffset = "0";
         });
       }
-      o === "fade" && (t.style.opacity = "0", t.getBoundingClientRect(), requestAnimationFrame(() => {
-        t.style.transition = `opacity ${s}s ease-in-out ${n}s`, t.style.opacity = "1";
+      s === "fade" && (t.style.opacity = "0", t.getBoundingClientRect(), requestAnimationFrame(() => {
+        t.style.transition = `opacity ${o} ease-in-out ${n}s`, t.style.opacity = "1";
       }));
     }
-  }, [h, o, s, n]), /* @__PURE__ */ p(R, { width: 2 * e, height: 2 * e, viewBox: `0 0 ${2 * e} ${2 * e}`, children: /* @__PURE__ */ p(
+  }, [h, s, o, n]), /* @__PURE__ */ p(R, { width: 2 * e, height: 2 * e, viewBox: `0 0 ${2 * e} ${2 * e}`, children: /* @__PURE__ */ p(
     k,
     {
       ref: f,

package/dist/features/ui/animated-arc/animated-arc.js.map

@@ -1 +1 @@
-{"version":3,"file":"animated-arc.js","sources":["../../../../src/features/ui/animated-arc/animated-arc.tsx"],"sourcesContent":["import type { IAnimatedArcProps } from './animated-arc-types';\n\nimport React, { useRef, useLayoutEffect, useMemo } from 'react';\n\nimport { describeArc } from './animated-arc-helpers';\nimport * as Styled from './animated-arc-styled';\n\nconst AnimatedArc: React.FC<IAnimatedArcProps> = ({\n  radius,\n  strokeWidth,\n  color,\n  targetAngle,\n  startAngle = 0,\n  duration = 2,\n  mode = 'draw',\n  delay = 0,\n  showAnimatedRainbowArc = false,\n}) => {\n  const pathRef = useRef<SVGPathElement>(null);\n\n  const center = radius;\n  const arcRadius = radius - strokeWidth / 2; // draw arc inside the visible bounds\n  const arcPath = useMemo(\n    () => describeArc(center, center, arcRadius, startAngle, targetAngle),\n    [targetAngle, startAngle, arcRadius, center],\n  );\n\n  useLayoutEffect(() => {\n    const path = pathRef.current;\n\n    if (!path) return;\n\n    if (mode === 'draw') {\n      const length = path.getTotalLength();\n\n      path.style.strokeDasharray = `${length}`;\n      path.style.strokeDashoffset = `${length}`;\n      path.getBoundingClientRect();\n\n      requestAnimationFrame(() => {\n        path.style.transition = `stroke-dashoffset ${duration}s linear ${delay}s`;\n        path.style.strokeDashoffset = '0';\n      });\n    }\n\n    if (mode === 'fade') {\n      path.style.opacity = '0';\n      path.getBoundingClientRect();\n\n      requestAnimationFrame(() => {\n        path.style.transition = `opacity ${duration}s ease-in-out ${delay}s`;\n        path.style.opacity = '1';\n      });\n    }\n  }, [arcPath, mode, duration, delay]);\n\n  return (\n    <Styled.Svg width={2 * radius} height={2 * radius} viewBox={`0 0 ${2 * radius} ${2 * radius}`}>\n      <Styled.Path\n        ref={pathRef}\n        d={arcPath}\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"butt\"\n        $showAnimatedRainbowArc={showAnimatedRainbowArc}\n      />\n    </Styled.Svg>\n  );\n};\n\nexport default AnimatedArc;\n"],"names":["AnimatedArc","radius","strokeWidth","color","targetAngle","startAngle","duration","mode","delay","showAnimatedRainbowArc","pathRef","useRef","center","arcRadius","arcPath","useMemo","describeArc","useLayoutEffect","path","length","Styled.Svg","jsx","Styled.Path","AnimatedArc$1"],"mappings":";;;;AAOA,MAAMA,IAA2C,CAAC;AAAA,EAChD,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,wBAAAC,IAAyB;AAC3B,MAAM;AACE,QAAAC,IAAUC,EAAuB,IAAI,GAErCC,IAASX,GACTY,IAAYZ,IAASC,IAAc,GACnCY,IAAUC;AAAA,IACd,MAAMC,EAAYJ,GAAQA,GAAQC,GAAWR,GAAYD,CAAW;AAAA,IACpE,CAACA,GAAaC,GAAYQ,GAAWD,CAAM;AAAA,EAAA;AAG7C,SAAAK,EAAgB,MAAM;AACpB,UAAMC,IAAOR,EAAQ;AAErB,QAAKQ,GAEL;AAAA,UAAIX,MAAS,QAAQ;AACb,cAAAY,IAASD,EAAK;AAEf,QAAAA,EAAA,MAAM,kBAAkB,GAAGC,CAAM,IACjCD,EAAA,MAAM,mBAAmB,GAAGC,CAAM,IACvCD,EAAK,sBAAsB,GAE3B,sBAAsB,MAAM;AAC1B,UAAAA,EAAK,MAAM,aAAa,qBAAqBZ,CAAQ,YAAYE,CAAK,KACtEU,EAAK,MAAM,mBAAmB;AAAA,QAAA,CAC/B;AAAA,MACH;AAEA,MAAIX,MAAS,WACXW,EAAK,MAAM,UAAU,KACrBA,EAAK,sBAAsB,GAE3B,sBAAsB,MAAM;AAC1B,QAAAA,EAAK,MAAM,aAAa,WAAWZ,CAAQ,iBAAiBE,CAAK,KACjEU,EAAK,MAAM,UAAU;AAAA,MAAA,CACtB;AAAA;AAAA,KAEF,CAACJ,GAASP,GAAMD,GAAUE,CAAK,CAAC,qBAGhCY,GAAA,EAAW,OAAO,IAAInB,GAAQ,QAAQ,IAAIA,GAAQ,SAAS,OAAO,IAAIA,CAAM,IAAI,IAAIA,CAAM,IACzF,UAAA,gBAAAoB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAKZ;AAAA,MACL,GAAGI;AAAA,MACH,MAAK;AAAA,MACL,QAAQX;AAAA,MACR,aAAAD;AAAA,MACA,eAAc;AAAA,MACd,yBAAyBO;AAAA,IAAA;AAAA,EAE7B,EAAA,CAAA;AAEJ,GAEAc,IAAevB;"}
+{"version":3,"file":"animated-arc.js","sources":["../../../../src/features/ui/animated-arc/animated-arc.tsx"],"sourcesContent":["import type { IAnimatedArcProps } from './animated-arc-types';\n\nimport React, { useRef, useLayoutEffect, useMemo } from 'react';\n\nimport { describeArc } from './animated-arc-helpers';\nimport * as Styled from './animated-arc-styled';\n\nconst AnimatedArc: React.FC<IAnimatedArcProps> = ({\n  radius,\n  strokeWidth,\n  color,\n  targetAngle,\n  startAngle = 0,\n  duration = 2,\n  mode = 'draw',\n  delay = 0,\n  showAnimatedRainbowArc = false,\n}) => {\n  const pathRef = useRef<SVGPathElement>(null);\n\n  const center = radius;\n  const arcRadius = radius - strokeWidth / 2; // draw arc inside the visible bounds\n  const arcPath = useMemo(\n    () => describeArc(center, center, arcRadius, startAngle, targetAngle),\n    [targetAngle, startAngle, arcRadius, center],\n  );\n\n  useLayoutEffect(() => {\n    const path = pathRef.current;\n\n    if (!path) return;\n\n    if (mode === 'draw') {\n      const length = path.getTotalLength();\n\n      path.style.strokeDasharray = `${length}`;\n      path.style.strokeDashoffset = `${length}`;\n      path.getBoundingClientRect();\n\n      requestAnimationFrame(() => {\n        path.style.transition = `stroke-dashoffset ${duration}s linear ${delay}s`;\n        path.style.strokeDashoffset = '0';\n      });\n    }\n\n    if (mode === 'fade') {\n      path.style.opacity = '0';\n      path.getBoundingClientRect();\n\n      requestAnimationFrame(() => {\n        path.style.transition = `opacity ${duration} ease-in-out ${delay}s`;\n        path.style.opacity = '1';\n      });\n    }\n  }, [arcPath, mode, duration, delay]);\n\n  return (\n    <Styled.Svg width={2 * radius} height={2 * radius} viewBox={`0 0 ${2 * radius} ${2 * radius}`}>\n      <Styled.Path\n        ref={pathRef}\n        d={arcPath}\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"butt\"\n        $showAnimatedRainbowArc={showAnimatedRainbowArc}\n      />\n    </Styled.Svg>\n  );\n};\n\nexport default AnimatedArc;\n"],"names":["AnimatedArc","radius","strokeWidth","color","targetAngle","startAngle","duration","mode","delay","showAnimatedRainbowArc","pathRef","useRef","center","arcRadius","arcPath","useMemo","describeArc","useLayoutEffect","path","length","Styled.Svg","jsx","Styled.Path","AnimatedArc$1"],"mappings":";;;;AAOA,MAAMA,IAA2C,CAAC;AAAA,EAChD,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,wBAAAC,IAAyB;AAC3B,MAAM;AACE,QAAAC,IAAUC,EAAuB,IAAI,GAErCC,IAASX,GACTY,IAAYZ,IAASC,IAAc,GACnCY,IAAUC;AAAA,IACd,MAAMC,EAAYJ,GAAQA,GAAQC,GAAWR,GAAYD,CAAW;AAAA,IACpE,CAACA,GAAaC,GAAYQ,GAAWD,CAAM;AAAA,EAAA;AAG7C,SAAAK,EAAgB,MAAM;AACpB,UAAMC,IAAOR,EAAQ;AAErB,QAAKQ,GAEL;AAAA,UAAIX,MAAS,QAAQ;AACb,cAAAY,IAASD,EAAK;AAEf,QAAAA,EAAA,MAAM,kBAAkB,GAAGC,CAAM,IACjCD,EAAA,MAAM,mBAAmB,GAAGC,CAAM,IACvCD,EAAK,sBAAsB,GAE3B,sBAAsB,MAAM;AAC1B,UAAAA,EAAK,MAAM,aAAa,qBAAqBZ,CAAQ,YAAYE,CAAK,KACtEU,EAAK,MAAM,mBAAmB;AAAA,QAAA,CAC/B;AAAA,MACH;AAEA,MAAIX,MAAS,WACXW,EAAK,MAAM,UAAU,KACrBA,EAAK,sBAAsB,GAE3B,sBAAsB,MAAM;AAC1B,QAAAA,EAAK,MAAM,aAAa,WAAWZ,CAAQ,gBAAgBE,CAAK,KAChEU,EAAK,MAAM,UAAU;AAAA,MAAA,CACtB;AAAA;AAAA,KAEF,CAACJ,GAASP,GAAMD,GAAUE,CAAK,CAAC,qBAGhCY,GAAA,EAAW,OAAO,IAAInB,GAAQ,QAAQ,IAAIA,GAAQ,SAAS,OAAO,IAAIA,CAAM,IAAI,IAAIA,CAAM,IACzF,UAAA,gBAAAoB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAKZ;AAAA,MACL,GAAGI;AAAA,MACH,MAAK;AAAA,MACL,QAAQX;AAAA,MACR,aAAAD;AAAA,MACA,eAAc;AAAA,MACd,yBAAyBO;AAAA,IAAA;AAAA,EAE7B,EAAA,CAAA;AAEJ,GAEAc,IAAevB;"}