@cuemath/leap 2.9.9-as4 → 2.9.9

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

@@ -1 +1 @@
-{"version":3,"file":"chapters-selection-step.js","sources":["../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapters-selection-step.tsx"],"sourcesContent":["import type { IFormStepProps } from '../../milestone-create-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useContext, useMemo } from 'react';\n\nimport Bin2Icon from '../../../../../assets/line-icons/icons/bin2';\nimport PlusIcon from '../../../../../assets/line-icons/icons/plus';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../../ui/buttons/button/button';\nimport IconButton from '../../../../ui/buttons/icon-button/icon-button';\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { WARNING_MESSAGES } from '../../../constants';\nimport { GOAL_EDIT_FLOWS } from '../../milestone-create-constants';\nimport MilestoneCreateContext from '../../milestone-create-context';\nimport BodyLayout from '../body-layout/body-layout';\nimport ClassDetailsStep from '../class-details-step/class-details-step';\nimport ChapterSelection from './chapter-selection-step-v2/chapter-selection';\nimport * as Styled from './chapters-selection-step-styled';\nimport { useChapterListUpdate } from './use-chapter-list-update';\nimport { computeChangeDetection } from './utils';\n\nconst ChaptersSelectionStep: FC<IFormStepProps> = memo(props => {\n  const {\n    currentStep,\n    onFormDataChange,\n    onChapterExitWarning,\n    formData,\n    studentName,\n    studentId,\n    config,\n    isGoalCreation,\n    onPreSubmit,\n    courseStream,\n    classRatio,\n    enrollmentType,\n    canDeleteGoal,\n    onDeleteGoal,\n  } = props;\n  const { flow } = useContext(MilestoneCreateContext);\n  const { onEvent: trackEvent } = useUIContext();\n\n  const {\n    action_plan: {\n      green: { share_message_template: submitBaseMessage },\n    },\n  } = config;\n  const { buttonLabel, name, title } = currentStep;\n  const analyticsProps = {\n    step: name,\n  };\n  const { testType, primaryChaptersList, board, major, region, chapterGoalCategory } = formData;\n\n  const { primaryGoalCategory } = chapterGoalCategory || {};\n\n  const goalEditFlow = canDeleteGoal && (flow === 'DRAFT_EDIT' || flow === 'EDIT');\n\n  //* Hook that handles making api call for cue_chapters updating primaryChapterList.\n  const { isProcessing, isProcessed } = useChapterListUpdate({\n    formData,\n    onFormDataChange,\n    studentId,\n  });\n\n  const isAtleastOneChapterAdded = useMemo(() => {\n    if (primaryChaptersList) {\n      return primaryChaptersList.some(chapter => chapter.added);\n    }\n\n    return false;\n  }, [primaryChaptersList]);\n\n  const handleNext = useCallback(() => {\n    const selectedChaptersList = primaryChaptersList?.filter(chapter => {\n      return Boolean(chapter.added);\n    });\n\n    const searchedAndAddedChapterLength =\n      primaryChaptersList?.filter(\n        chapter => chapter.program_id !== primaryGoalCategory?.program_code && chapter.added,\n      ).length ?? 0;\n\n    const suggestedChaptersLength =\n      primaryChaptersList?.filter(chapter => chapter.program_id === primaryGoalCategory?.program_id)\n        .length ?? 0;\n\n    trackEvent('CHAPTER_DETAILS_ADDED', {\n      total_chapter_added: selectedChaptersList?.length ?? 0,\n      searched_chapter_added: searchedAndAddedChapterLength,\n      suggested_chapter_added: suggestedChaptersLength,\n    });\n\n    if (isGoalCreation) {\n      onFormDataChange({\n        primaryChaptersList: primaryChaptersList,\n        selectedChaptersList: selectedChaptersList,\n        searchedChaptersList: [],\n        chapterSubStages: 'date-selection',\n        committed: {\n          selectedChaptersList: true,\n          chapterSubStages: true,\n          grade: true,\n          board: !!board,\n          major: !!major,\n          region: !!region,\n        },\n      });\n    } else if (flow) {\n      onPreSubmit?.({ isDraftPlan: false, flow, submitBaseMessage });\n    }\n  }, [\n    primaryChaptersList,\n    board,\n    major,\n    region,\n    trackEvent,\n    onFormDataChange,\n    onPreSubmit,\n    flow,\n    isGoalCreation,\n    submitBaseMessage,\n    primaryGoalCategory,\n  ]);\n\n  const handleOnAddCustomChapter = useCallback(() => {\n    onFormDataChange({\n      chapterSubStages: 'custom-chapters',\n      selectedChaptersList: undefined,\n      committed: {\n        chapterSubStages: true,\n        selectedChaptersList: false,\n      },\n    });\n  }, [onFormDataChange]);\n\n  const handleOnBackButtonClick = useCallback(\n    (handleBack: () => void) => {\n      if (!flow) return null;\n\n      const isChangeDetected = computeChangeDetection(primaryChaptersList, primaryGoalCategory);\n\n      if (GOAL_EDIT_FLOWS.includes(flow) || !primaryChaptersList?.length || !isChangeDetected) {\n        handleBack();\n      } else {\n        onChapterExitWarning?.({\n          onSuccess: handleBack,\n          description: WARNING_MESSAGES.CHAPTER_EXIT_WARNING,\n        });\n      }\n    },\n    [onChapterExitWarning, flow, primaryChaptersList, primaryGoalCategory],\n  );\n\n  return (\n    <BodyLayout\n      stepName={name}\n      headerElement={\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={1} $width=\"100%\">\n          <Text $renderAs=\"ab2\">{isGoalCreation ? title : 'Chapters'}</Text>\n\n          {isGoalCreation && flow === 'CREATE' && (\n            <ClassDetailsStep\n              studentName={studentName}\n              studentId={studentId}\n              currentStep={currentStep}\n              config={config}\n              formData={formData}\n              courseStream={courseStream}\n              classRatio={classRatio}\n              onFormDataChange={onFormDataChange}\n              onChapterExitWarning={onChapterExitWarning}\n              enrollmentType={enrollmentType}\n            />\n          )}\n\n          {isGoalCreation && goalEditFlow && (\n            <Styled.BinIconWrapper>\n              <ArrowTooltip\n                renderAs=\"primary\"\n                position=\"bottom\"\n                tooltipItem=\"Delete goal\"\n                zIndex={10}\n                widthX={6}\n              >\n                <IconButton\n                  size=\"xsmall\"\n                  renderAs=\"tertiary\"\n                  Icon={Bin2Icon}\n                  analyticsLabel=\"delete_goal_plan\"\n                  onClick={onDeleteGoal}\n                />\n              </ArrowTooltip>\n            </Styled.BinIconWrapper>\n          )}\n        </FlexView>\n      }\n      bodyHeight=\"100%\"\n      onBackButtonClick={handleOnBackButtonClick}\n      bodyElement={\n        <ChapterSelection\n          config={config}\n          classRatio={classRatio}\n          isGoalCreation={isGoalCreation}\n          formData={formData}\n          studentName={studentName}\n          isProcessed={isProcessed}\n          isProcessing={isProcessing}\n          courseStream={courseStream}\n          onFormDataChange={onFormDataChange}\n          onChapterExitWarning={onChapterExitWarning}\n          enrollmentType={enrollmentType}\n        />\n      }\n      footerElement={\n        <FlexView $flexDirection=\"row\" $flexGap={12} $alignItems=\"center\">\n          {(!isGoalCreation || testType === 'no-test') && (\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"top\"\n              widthX={6.5}\n              zIndex={20}\n              tooltipItem=\"Add a chapter\"\n            >\n              <Styled.ButtonWrapper $borderRadius={50}>\n                <IconButton\n                  renderAs=\"secondary\"\n                  analyticsLabel=\"Add custom chapters\"\n                  Icon={PlusIcon}\n                  disabled={isProcessing}\n                  onClick={handleOnAddCustomChapter}\n                />\n              </Styled.ButtonWrapper>\n            </ArrowTooltip>\n          )}\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"top\"\n            widthX={11}\n            zIndex={20}\n            tooltipItem=\"Please select atleast one chapter\"\n            hidden={isAtleastOneChapterAdded}\n          >\n            <Styled.ButtonWrapper>\n              <Button\n                renderAs=\"primary\"\n                size=\"small\"\n                shape=\"square\"\n                widthX={9}\n                label={buttonLabel}\n                onClick={handleNext}\n                iconPosition=\"right\"\n                busy={isProcessing}\n                disabled={!isAtleastOneChapterAdded}\n                analyticsProps={analyticsProps}\n              />\n            </Styled.ButtonWrapper>\n          </ArrowTooltip>\n        </FlexView>\n      }\n    />\n  );\n});\n\nexport default ChaptersSelectionStep;\n"],"names":["ChaptersSelectionStep","memo","props","currentStep","onFormDataChange","onChapterExitWarning","formData","studentName","studentId","config","isGoalCreation","onPreSubmit","courseStream","classRatio","enrollmentType","canDeleteGoal","onDeleteGoal","flow","useContext","MilestoneCreateContext","trackEvent","useUIContext","submitBaseMessage","buttonLabel","name","title","analyticsProps","testType","primaryChaptersList","board","major","region","chapterGoalCategory","primaryGoalCategory","goalEditFlow","isProcessing","isProcessed","useChapterListUpdate","isAtleastOneChapterAdded","useMemo","chapter","handleNext","useCallback","selectedChaptersList","searchedAndAddedChapterLength","suggestedChaptersLength","handleOnAddCustomChapter","handleOnBackButtonClick","handleBack","isChangeDetected","computeChangeDetection","GOAL_EDIT_FLOWS","WARNING_MESSAGES","jsx","BodyLayout","jsxs","FlexView","Text","ClassDetailsStep","Styled.BinIconWrapper","ArrowTooltip","IconButton","Bin2Icon","ChapterSelection","Styled.ButtonWrapper","PlusIcon","Button"],"mappings":"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"}
+{"version":3,"file":"chapters-selection-step.js","sources":["../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapters-selection-step.tsx"],"sourcesContent":["import type { IFormStepProps } from '../../milestone-create-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useContext, useMemo } from 'react';\n\nimport PlusIcon from '../../../../../assets/line-icons/icons/plus';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../../ui/buttons/button/button';\nimport IconButton from '../../../../ui/buttons/icon-button/icon-button';\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { WARNING_MESSAGES } from '../../../constants';\nimport { GOAL_EDIT_FLOWS } from '../../milestone-create-constants';\nimport MilestoneCreateContext from '../../milestone-create-context';\nimport BodyLayout from '../body-layout/body-layout';\nimport ClassDetailsStep from '../class-details-step/class-details-step';\nimport ChapterSelection from './chapter-selection-step-v2/chapter-selection';\nimport * as Styled from './chapters-selection-step-styled';\nimport { useChapterListUpdate } from './use-chapter-list-update';\nimport { computeChangeDetection } from './utils';\n\nconst ChaptersSelectionStep: FC<IFormStepProps> = memo(props => {\n  const {\n    currentStep,\n    onFormDataChange,\n    onChapterExitWarning,\n    formData,\n    studentName,\n    studentId,\n    config,\n    isGoalCreation,\n    onPreSubmit,\n    courseStream,\n    classRatio,\n    enrollmentType,\n  } = props;\n  const { flow } = useContext(MilestoneCreateContext);\n  const { onEvent: trackEvent } = useUIContext();\n\n  const {\n    action_plan: {\n      green: { share_message_template: submitBaseMessage },\n    },\n  } = config;\n  const { buttonLabel, name, title } = currentStep;\n  const analyticsProps = {\n    step: name,\n  };\n  const { testType, primaryChaptersList, board, major, region, chapterGoalCategory } = formData;\n\n  const { primaryGoalCategory } = chapterGoalCategory || {};\n\n  //* Hook that handles making api call for cue_chapters updating primaryChapterList.\n  const { isProcessing, isProcessed } = useChapterListUpdate({\n    formData,\n    onFormDataChange,\n    studentId,\n  });\n\n  const isAtleastOneChapterAdded = useMemo(() => {\n    if (primaryChaptersList) {\n      return primaryChaptersList.some(chapter => chapter.added);\n    }\n\n    return false;\n  }, [primaryChaptersList]);\n\n  const handleNext = useCallback(() => {\n    const selectedChaptersList = primaryChaptersList?.filter(chapter => {\n      return Boolean(chapter.added);\n    });\n\n    const searchedAndAddedChapterLength =\n      primaryChaptersList?.filter(\n        chapter => chapter.program_id !== primaryGoalCategory?.program_code && chapter.added,\n      ).length ?? 0;\n\n    const suggestedChaptersLength =\n      primaryChaptersList?.filter(chapter => chapter.program_id === primaryGoalCategory?.program_id)\n        .length ?? 0;\n\n    trackEvent('CHAPTER_DETAILS_ADDED', {\n      total_chapter_added: selectedChaptersList?.length ?? 0,\n      searched_chapter_added: searchedAndAddedChapterLength,\n      suggested_chapter_added: suggestedChaptersLength,\n    });\n\n    if (isGoalCreation) {\n      onFormDataChange({\n        primaryChaptersList: primaryChaptersList,\n        selectedChaptersList: selectedChaptersList,\n        searchedChaptersList: [],\n        chapterSubStages: 'date-selection',\n        committed: {\n          selectedChaptersList: true,\n          chapterSubStages: true,\n          grade: true,\n          board: !!board,\n          major: !!major,\n          region: !!region,\n        },\n      });\n    } else if (flow) {\n      onPreSubmit?.({ isDraftPlan: false, flow, submitBaseMessage });\n    }\n  }, [\n    primaryChaptersList,\n    board,\n    major,\n    region,\n    trackEvent,\n    onFormDataChange,\n    onPreSubmit,\n    flow,\n    isGoalCreation,\n    submitBaseMessage,\n    primaryGoalCategory,\n  ]);\n\n  const handleOnAddCustomChapter = useCallback(() => {\n    onFormDataChange({\n      chapterSubStages: 'custom-chapters',\n      selectedChaptersList: undefined,\n      committed: {\n        chapterSubStages: true,\n        selectedChaptersList: false,\n      },\n    });\n  }, [onFormDataChange]);\n\n  const handleOnBackButtonClick = useCallback(\n    (handleBack: () => void) => {\n      if (!flow) return null;\n\n      const isChangeDetected = computeChangeDetection(primaryChaptersList, primaryGoalCategory);\n\n      if (GOAL_EDIT_FLOWS.includes(flow) || !primaryChaptersList?.length || !isChangeDetected) {\n        handleBack();\n      } else {\n        onChapterExitWarning?.({\n          onSuccess: handleBack,\n          description: WARNING_MESSAGES.CHAPTER_EXIT_WARNING,\n        });\n      }\n    },\n    [onChapterExitWarning, flow, primaryChaptersList, primaryGoalCategory],\n  );\n\n  return (\n    <BodyLayout\n      stepName={name}\n      headerElement={\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={1}>\n          <Text $renderAs=\"ab2\">{isGoalCreation ? title : 'Chapters'}</Text>\n\n          {isGoalCreation && flow === 'CREATE' && (\n            <ClassDetailsStep\n              studentName={studentName}\n              studentId={studentId}\n              currentStep={currentStep}\n              config={config}\n              formData={formData}\n              courseStream={courseStream}\n              classRatio={classRatio}\n              onFormDataChange={onFormDataChange}\n              onChapterExitWarning={onChapterExitWarning}\n              enrollmentType={enrollmentType}\n            />\n          )}\n        </FlexView>\n      }\n      bodyHeight=\"100%\"\n      onBackButtonClick={handleOnBackButtonClick}\n      bodyElement={\n        <ChapterSelection\n          config={config}\n          classRatio={classRatio}\n          isGoalCreation={isGoalCreation}\n          formData={formData}\n          studentName={studentName}\n          isProcessed={isProcessed}\n          isProcessing={isProcessing}\n          courseStream={courseStream}\n          onFormDataChange={onFormDataChange}\n          onChapterExitWarning={onChapterExitWarning}\n          enrollmentType={enrollmentType}\n        />\n      }\n      footerElement={\n        <FlexView $flexDirection=\"row\" $flexGap={12} $alignItems=\"center\">\n          {(!isGoalCreation || testType === 'no-test') && (\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"top\"\n              widthX={6.5}\n              zIndex={20}\n              tooltipItem=\"Add a chapter\"\n            >\n              <Styled.ButtonWrapper $borderRadius={50}>\n                <IconButton\n                  renderAs=\"secondary\"\n                  analyticsLabel=\"Add custom chapters\"\n                  Icon={PlusIcon}\n                  disabled={isProcessing}\n                  onClick={handleOnAddCustomChapter}\n                />\n              </Styled.ButtonWrapper>\n            </ArrowTooltip>\n          )}\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"top\"\n            widthX={11}\n            zIndex={20}\n            tooltipItem=\"Please select atleast one chapter\"\n            hidden={isAtleastOneChapterAdded}\n          >\n            <Styled.ButtonWrapper>\n              <Button\n                renderAs=\"primary\"\n                size=\"small\"\n                shape=\"square\"\n                widthX={9}\n                label={buttonLabel}\n                onClick={handleNext}\n                iconPosition=\"right\"\n                busy={isProcessing}\n                disabled={!isAtleastOneChapterAdded}\n                analyticsProps={analyticsProps}\n              />\n            </Styled.ButtonWrapper>\n          </ArrowTooltip>\n        </FlexView>\n      }\n    />\n  );\n});\n\nexport default ChaptersSelectionStep;\n"],"names":["ChaptersSelectionStep","memo","props","currentStep","onFormDataChange","onChapterExitWarning","formData","studentName","studentId","config","isGoalCreation","onPreSubmit","courseStream","classRatio","enrollmentType","flow","useContext","MilestoneCreateContext","trackEvent","useUIContext","submitBaseMessage","buttonLabel","name","title","analyticsProps","testType","primaryChaptersList","board","major","region","chapterGoalCategory","primaryGoalCategory","isProcessing","isProcessed","useChapterListUpdate","isAtleastOneChapterAdded","useMemo","chapter","handleNext","useCallback","selectedChaptersList","searchedAndAddedChapterLength","suggestedChaptersLength","handleOnAddCustomChapter","handleOnBackButtonClick","handleBack","isChangeDetected","computeChangeDetection","GOAL_EDIT_FLOWS","WARNING_MESSAGES","jsx","BodyLayout","FlexView","Text","ClassDetailsStep","ChapterSelection","ArrowTooltip","Styled.ButtonWrapper","IconButton","PlusIcon","Button"],"mappings":"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"}

package/dist/features/milestone/create/comps/milestone-progress-v2/milestone-progress-v2.js

@@ -0,0 +1,92 @@
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { memo as C, Fragment as D } from "react";
+import { ILLUSTRATIONS as R } from "../../../../../assets/illustrations/illustrations.js";
+import L from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import $ from "../../../../ui/image/image.js";
+import a from "../../../../ui/layout/flex-view.js";
+import x from "../../../../ui/text/text.js";
+import { getSheetCompletionPercentage as G } from "../milestone-progress/milestone-progress-utils.js";
+import { Progress as u } from "./styled.js";
+const {
+  PRACTICED_SHIELD_GREY: T,
+  PRACTICED_SHIELD_GREEN: b,
+  LEARNED_SHIELD_GRAY: N,
+  LEARNED_SHIELD_GREEN: H,
+  MASTERED_SHIELD_GRAY: k,
+  MASTERED_SHIELD_GREEN: y
+} = R, B = C(
+  ({ milestoneId: d, showProgress: e, progressInfo: p }) => {
+    const {
+      familiar_sheets: n = 0,
+      proficient_sheets: m = 0,
+      mastered_sheets: s = 0,
+      total_core_sheets: o = 0
+    } = p || {}, i = o > 0, h = i && n === o, E = i && m === o, S = i && s === o, l = e ? 40 : 20, f = [
+      {
+        imageUrl: h ? H : N,
+        completedSheetsCount: n,
+        key: "milestone-widget-learned-badge-data"
+      },
+      {
+        imageUrl: E ? b : T,
+        completedSheetsCount: m,
+        key: "milestone-widget-practiced-badge-data"
+      },
+      {
+        imageUrl: S ? y : k,
+        completedSheetsCount: s,
+        key: "milestone-widget-mastered-badge-data"
+      }
+    ];
+    return /* @__PURE__ */ t(a, { $flexGapX: 2, id: `milestone-progress-${d}`, children: /* @__PURE__ */ t(
+      a,
+      {
+        $flexDirection: "row",
+        $flexGapX: e ? 1.5 : 0.75,
+        $flexWrap: !e,
+        children: f.map((_) => {
+          const { key: g, imageUrl: I, completedSheetsCount: A } = _, r = G(
+            A,
+            o
+          );
+          return /* @__PURE__ */ t(D, { children: /* @__PURE__ */ t(
+            L,
+            {
+              position: "bottom",
+              renderAs: "secondary",
+              tooltipItem: `${r}%`,
+              hidden: !e,
+              children: /* @__PURE__ */ c(
+                a,
+                {
+                  $flexDirection: e ? "column" : "row",
+                  $flexGapX: e ? 0.5 : 0.25,
+                  $alignItems: "center",
+                  $width: "100%",
+                  children: [
+                    /* @__PURE__ */ t($, { withLoader: !0, src: I, width: l, height: l }),
+                    e ? /* @__PURE__ */ t(u, { $progress: r }) : /* @__PURE__ */ c(
+                      x,
+                      {
+                        $renderAs: "ac4-black",
+                        $color: r === 100 ? "GREEN_5" : "BLACK_T_60",
+                        children: [
+                          r,
+                          "%"
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
+            }
+          ) }, g);
+        })
+      }
+    ) });
+  }
+);
+export {
+  B as default
+};
+//# sourceMappingURL=milestone-progress-v2.js.map

package/dist/features/milestone/create/comps/milestone-progress-v2/milestone-progress-v2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"milestone-progress-v2.js","sources":["../../../../../../src/features/milestone/create/comps/milestone-progress-v2/milestone-progress-v2.tsx"],"sourcesContent":["import type { IMileStoneProgressInfoV2Props } from './types';\nimport type { FC } from 'react';\n\nimport { Fragment, memo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { getSheetCompletionPercentage } from '../milestone-progress/milestone-progress-utils';\nimport * as Styled from './styled';\n\nconst {\n  PRACTICED_SHIELD_GREY,\n  PRACTICED_SHIELD_GREEN,\n  LEARNED_SHIELD_GRAY,\n  LEARNED_SHIELD_GREEN,\n  MASTERED_SHIELD_GRAY,\n  MASTERED_SHIELD_GREEN,\n} = ILLUSTRATIONS;\n\nconst MilestoneProgressInfoV2: FC<IMileStoneProgressInfoV2Props> = memo(\n  ({ milestoneId, showProgress, progressInfo }) => {\n    const {\n      familiar_sheets: familiarSheets = 0,\n      proficient_sheets: proficientSheets = 0,\n      mastered_sheets: masteredSheets = 0,\n      total_core_sheets: totalCoreSheets = 0,\n    } = progressInfo || {};\n\n    const hasCoreSheets = totalCoreSheets > 0;\n\n    const hasCompletedLearningSheets = hasCoreSheets && familiarSheets === totalCoreSheets;\n    const hasCompletedPracticeSheets = hasCoreSheets && proficientSheets === totalCoreSheets;\n    const hasMasteredAllSheets = hasCoreSheets && masteredSheets === totalCoreSheets;\n\n    const badgeSize = showProgress ? 40 : 20;\n    const badgesInfo = [\n      {\n        imageUrl: hasCompletedLearningSheets ? LEARNED_SHIELD_GREEN : LEARNED_SHIELD_GRAY,\n        completedSheetsCount: familiarSheets,\n        key: 'milestone-widget-learned-badge-data',\n      },\n      {\n        imageUrl: hasCompletedPracticeSheets ? PRACTICED_SHIELD_GREEN : PRACTICED_SHIELD_GREY,\n        completedSheetsCount: proficientSheets,\n        key: 'milestone-widget-practiced-badge-data',\n      },\n      {\n        imageUrl: hasMasteredAllSheets ? MASTERED_SHIELD_GREEN : MASTERED_SHIELD_GRAY,\n        completedSheetsCount: masteredSheets,\n        key: 'milestone-widget-mastered-badge-data',\n      },\n    ];\n\n    return (\n      <FlexView $flexGapX={2} id={`milestone-progress-${milestoneId}`}>\n        <FlexView\n          $flexDirection=\"row\"\n          $flexGapX={showProgress ? 1.5 : 0.75}\n          $flexWrap={!showProgress}\n        >\n          {badgesInfo.map(badgeData => {\n            const { key, imageUrl, completedSheetsCount } = badgeData;\n\n            const progressPercentage = getSheetCompletionPercentage(\n              completedSheetsCount,\n              totalCoreSheets,\n            );\n\n            return (\n              <Fragment key={key}>\n                <ArrowTooltip\n                  position=\"bottom\"\n                  renderAs=\"secondary\"\n                  tooltipItem={`${progressPercentage}%`}\n                  hidden={!showProgress}\n                >\n                  <FlexView\n                    $flexDirection={showProgress ? 'column' : 'row'}\n                    $flexGapX={showProgress ? 0.5 : 0.25}\n                    $alignItems=\"center\"\n                    $width=\"100%\"\n                  >\n                    <Image withLoader src={imageUrl} width={badgeSize} height={badgeSize} />\n\n                    {showProgress ? (\n                      <Styled.Progress $progress={progressPercentage} />\n                    ) : (\n                      <Text\n                        $renderAs=\"ac4-black\"\n                        $color={progressPercentage === 100 ? 'GREEN_5' : 'BLACK_T_60'}\n                      >\n                        {progressPercentage}%\n                      </Text>\n                    )}\n                  </FlexView>\n                </ArrowTooltip>\n              </Fragment>\n            );\n          })}\n        </FlexView>\n      </FlexView>\n    );\n  },\n);\n\nexport default MilestoneProgressInfoV2;\n"],"names":["PRACTICED_SHIELD_GREY","PRACTICED_SHIELD_GREEN","LEARNED_SHIELD_GRAY","LEARNED_SHIELD_GREEN","MASTERED_SHIELD_GRAY","MASTERED_SHIELD_GREEN","ILLUSTRATIONS","MilestoneProgressInfoV2","memo","milestoneId","showProgress","progressInfo","familiarSheets","proficientSheets","masteredSheets","totalCoreSheets","hasCoreSheets","hasCompletedLearningSheets","hasCompletedPracticeSheets","hasMasteredAllSheets","badgeSize","badgesInfo","FlexView","jsx","badgeData","key","imageUrl","completedSheetsCount","progressPercentage","getSheetCompletionPercentage","Fragment","ArrowTooltip","jsxs","Image","Styled.Progress","Text"],"mappings":";;;;;;;;;AAaA,MAAM;AAAA,EACJ,uBAAAA;AAAA,EACA,wBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,uBAAAC;AACF,IAAIC,GAEEC,IAA6DC;AAAA,EACjE,CAAC,EAAE,aAAAC,GAAa,cAAAC,GAAc,cAAAC,QAAmB;AACzC,UAAA;AAAA,MACJ,iBAAiBC,IAAiB;AAAA,MAClC,mBAAmBC,IAAmB;AAAA,MACtC,iBAAiBC,IAAiB;AAAA,MAClC,mBAAmBC,IAAkB;AAAA,IAAA,IACnCJ,KAAgB,CAAA,GAEdK,IAAgBD,IAAkB,GAElCE,IAA6BD,KAAiBJ,MAAmBG,GACjEG,IAA6BF,KAAiBH,MAAqBE,GACnEI,IAAuBH,KAAiBF,MAAmBC,GAE3DK,IAAYV,IAAe,KAAK,IAChCW,IAAa;AAAA,MACjB;AAAA,QACE,UAAUJ,IAA6Bd,IAAuBD;AAAA,QAC9D,sBAAsBU;AAAA,QACtB,KAAK;AAAA,MACP;AAAA,MACA;AAAA,QACE,UAAUM,IAA6BjB,IAAyBD;AAAA,QAChE,sBAAsBa;AAAA,QACtB,KAAK;AAAA,MACP;AAAA,MACA;AAAA,QACE,UAAUM,IAAuBd,IAAwBD;AAAA,QACzD,sBAAsBU;AAAA,QACtB,KAAK;AAAA,MACP;AAAA,IAAA;AAGF,6BACGQ,GAAS,EAAA,WAAW,GAAG,IAAI,sBAAsBb,CAAW,IAC3D,UAAA,gBAAAc;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,WAAWZ,IAAe,MAAM;AAAA,QAChC,WAAW,CAACA;AAAA,QAEX,UAAAW,EAAW,IAAI,CAAaG,MAAA;AAC3B,gBAAM,EAAE,KAAAC,GAAK,UAAAC,GAAU,sBAAAC,EAAA,IAAyBH,GAE1CI,IAAqBC;AAAA,YACzBF;AAAA,YACAZ;AAAA,UAAA;AAGF,mCACGe,GACC,EAAA,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAa,GAAGH,CAAkB;AAAA,cAClC,QAAQ,CAAClB;AAAA,cAET,UAAA,gBAAAsB;AAAA,gBAACV;AAAA,gBAAA;AAAA,kBACC,gBAAgBZ,IAAe,WAAW;AAAA,kBAC1C,WAAWA,IAAe,MAAM;AAAA,kBAChC,aAAY;AAAA,kBACZ,QAAO;AAAA,kBAEP,UAAA;AAAA,oBAAC,gBAAAa,EAAAU,GAAA,EAAM,YAAU,IAAC,KAAKP,GAAU,OAAON,GAAW,QAAQA,EAAW,CAAA;AAAA,oBAErEV,IACE,gBAAAa,EAAAW,GAAA,EAAgB,WAAWN,EAAoB,CAAA,IAEhD,gBAAAI;AAAA,sBAACG;AAAA,sBAAA;AAAA,wBACC,WAAU;AAAA,wBACV,QAAQP,MAAuB,MAAM,YAAY;AAAA,wBAEhD,UAAA;AAAA,0BAAAA;AAAA,0BAAmB;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBACtB;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAEJ;AAAA,YAAA;AAAA,UAAA,KAzBWH,CA2Bf;AAAA,QAAA,CAEH;AAAA,MAAA;AAAA,IAEL,EAAA,CAAA;AAAA,EAEJ;AACF;"}

package/dist/features/milestone/create/comps/milestone-progress-v2/styled.js

@@ -0,0 +1,25 @@
+import d from "styled-components";
+const s = d.div(({ theme: r, $progress: o }) => {
+  const { BLACK_T_15: t, GREEN_5: i, BLACK_T_87: e } = r.colors;
+  return `
+      width: 100%;
+      height: 4px;
+      border-radius: 16px;
+      background-color: ${t};
+      position: relative;
+  
+      &::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        width: ${o}%;
+        height: 4px;
+        border-radius: 16px;
+        background-color: ${o === 100 ? i : e}
+      }
+    `;
+});
+export {
+  s as Progress
+};
+//# sourceMappingURL=styled.js.map

package/dist/features/milestone/create/comps/milestone-progress-v2/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../../src/features/milestone/create/comps/milestone-progress-v2/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\ntype TProgressProps = {\n  $progress?: number;\n};\n\nconst Progress = styled.div<TProgressProps>(({ theme, $progress }) => {\n  const { BLACK_T_15, GREEN_5, BLACK_T_87 } = theme.colors;\n\n  return `\n      width: 100%;\n      height: 4px;\n      border-radius: 16px;\n      background-color: ${BLACK_T_15};\n      position: relative;\n  \n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        width: ${$progress}%;\n        height: 4px;\n        border-radius: 16px;\n        background-color: ${$progress === 100 ? GREEN_5 : BLACK_T_87}\n      }\n    `;\n});\n\nexport { Progress };\n"],"names":["Progress","styled","theme","$progress","BLACK_T_15","GREEN_5","BLACK_T_87"],"mappings":";AAMA,MAAMA,IAAWC,EAAO,IAAoB,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AACpE,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,YAAAC,EAAA,IAAeJ,EAAM;AAE3C,SAAA;AAAA;AAAA;AAAA;AAAA,0BAIiBE,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAOnBD,CAAS;AAAA;AAAA;AAAA,4BAGEA,MAAc,MAAME,IAAUC,CAAU;AAAA;AAAA;AAGpE,CAAC;"}

package/dist/features/milestone/create/comps/sheets-list/sheets-list-styled.js

@@ -1,23 +1,27 @@
-import t from "styled-components";
-import p from "../../../../../assets/line-icons/icons/chevron-right.js";
-import l from "../../../../ui/layout/flex-view.js";
-import x from "../../../../ui/text/text.js";
-const c = t(l)(({ theme: o }) => {
-  const { layout: r, colors: e } = o, { BLACK_T_38: i } = e;
+import r from "styled-components";
+import n from "../../../../../assets/line-icons/icons/chevron-right.js";
+import t from "../../../../ui/layout/flex-view.js";
+import l from "../../../../ui/text/text.js";
+const h = r(t)(({ theme: o }) => {
+  const { layout: e, colors: i } = o, { BLACK_T_38: p } = i;
   return `
-    max-height: ${r.gutter * 15.75}px;
-    box-shadow: 0px 6px 12px 0px ${i};
+    max-height: ${e.gutter * 15.75}px;
+    box-shadow: 0px 6px 12px 0px ${p};
     overflow-y: auto;
   `;
-});
-t(p)(({ theme: o }) => `
+}), m = r(t)(({ theme: o }) => `
+    cursor: pointer;
+    
+    &:hover {
+      background: ${o.colors.BLACK_4};
+    }
+  `), u = r(n)(({ theme: o }) => `
     cursor: pointer;
 
     path {
       stroke: ${o.colors.WHITE_T_87};
     }
-  `);
-const w = t(x)(() => `
+  `), d = r(l)(() => `
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
@@ -25,7 +29,9 @@ const w = t(x)(() => `
     overflow: hidden;
   `);
 export {
-  w as StyledText,
-  c as Wrapper
+  m as SheetCardWrapper,
+  u as StyledChevronRight,
+  d as StyledText,
+  h as Wrapper
 };
 //# sourceMappingURL=sheets-list-styled.js.map

package/dist/features/milestone/create/comps/sheets-list/sheets-list-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheets-list-styled.js","sources":["../../../../../../src/features/milestone/create/comps/sheets-list/sheets-list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ChevronRight from '../../../../../assets/line-icons/icons/chevron-right';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nconst Wrapper = styled(FlexView)(({ theme }) => {\n  const { layout, colors } = theme;\n  const { BLACK_T_38 } = colors;\n\n  return `\n    max-height: ${layout.gutter * 15.75}px;\n    box-shadow: 0px 6px 12px 0px ${BLACK_T_38};\n    overflow-y: auto;\n  `;\n});\n\nconst StyledChevronRight = styled(ChevronRight)(({ theme }) => {\n  return `\n    cursor: pointer;\n\n    path {\n      stroke: ${theme.colors.WHITE_T_87};\n    }\n  `;\n});\n\nconst StyledText = 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\nexport { Wrapper, StyledChevronRight, StyledText };\n"],"names":["Wrapper","styled","FlexView","theme","layout","colors","BLACK_T_38","ChevronRight","StyledText","Text"],"mappings":";;;;AAMA,MAAMA,IAAUC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AACxC,QAAA,EAAE,QAAAC,GAAQ,QAAAC,EAAW,IAAAF,GACrB,EAAE,YAAAG,EAAe,IAAAD;AAEhB,SAAA;AAAA,kBACSD,EAAO,SAAS,KAAK;AAAA,mCACJE,CAAU;AAAA;AAAA;AAG7C,CAAC;AAE0BL,EAAOM,CAAY,EAAE,CAAC,EAAE,OAAAJ,QAC1C;AAAA;AAAA;AAAA;AAAA,gBAIOA,EAAM,OAAO,UAAU;AAAA;AAAA,GAGtC;AAED,MAAMK,IAAaP,EAAOQ,CAAI,EAAE,MACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOR;"}
+{"version":3,"file":"sheets-list-styled.js","sources":["../../../../../../src/features/milestone/create/comps/sheets-list/sheets-list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ChevronRight from '../../../../../assets/line-icons/icons/chevron-right';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nconst Wrapper = styled(FlexView)(({ theme }) => {\n  const { layout, colors } = theme;\n  const { BLACK_T_38 } = colors;\n\n  return `\n    max-height: ${layout.gutter * 15.75}px;\n    box-shadow: 0px 6px 12px 0px ${BLACK_T_38};\n    overflow-y: auto;\n  `;\n});\n\nconst SheetCardWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    \n    &:hover {\n      background: ${theme.colors.BLACK_4};\n    }\n  `;\n});\n\nconst StyledChevronRight = styled(ChevronRight)(({ theme }) => {\n  return `\n    cursor: pointer;\n\n    path {\n      stroke: ${theme.colors.WHITE_T_87};\n    }\n  `;\n});\n\nconst StyledText = 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\nexport { Wrapper, StyledChevronRight, StyledText, SheetCardWrapper };\n"],"names":["Wrapper","styled","FlexView","theme","layout","colors","BLACK_T_38","SheetCardWrapper","StyledChevronRight","ChevronRight","StyledText","Text"],"mappings":";;;;AAMA,MAAMA,IAAUC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AACxC,QAAA,EAAE,QAAAC,GAAQ,QAAAC,EAAW,IAAAF,GACrB,EAAE,YAAAG,EAAe,IAAAD;AAEhB,SAAA;AAAA,kBACSD,EAAO,SAAS,KAAK;AAAA,mCACJE,CAAU;AAAA;AAAA;AAG7C,CAAC,GAEKC,IAAmBN,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACpC;AAAA;AAAA;AAAA;AAAA,oBAIWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAEKK,IAAqBP,EAAOQ,CAAY,EAAE,CAAC,EAAE,OAAAN,QAC1C;AAAA;AAAA;AAAA;AAAA,gBAIOA,EAAM,OAAO,UAAU;AAAA;AAAA,GAGtC,GAEKO,IAAaT,EAAOU,CAAI,EAAE,MACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOR;"}

package/dist/features/milestone/create/comps/sheets-list/sheets-list.js

@@ -1,31 +1,55 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { memo as c } from "react";
-import n from "../../../../ui/layout/flex-view.js";
-import { Wrapper as m, StyledText as $ } from "./sheets-list-styled.js";
-const f = c(({ learningSheetData: i }) => /* @__PURE__ */ e(m, { $widthX: 18, $background: "BLACK_2", $borderColor: "WHITE_T_38", $gapX: 0.5, children: i.map((l, r) => {
-  const { name: t } = l;
-  return /* @__PURE__ */ e(
-    n,
-    {
-      $flexDirection: "row",
-      $alignItems: "center",
-      $gutterX: 1,
-      $gapX: 0.5,
-      $flexGap: 8,
-      $width: "100%",
-      $justifyContent: "space-between",
-      children: /* @__PURE__ */ o(n, { $flexDirection: "row", $flexColumnGap: 4, $widthX: 14.25, children: [
-        /* @__PURE__ */ o($, { $renderAs: "ub3", $color: "WHITE_T_87", children: [
-          r + 1,
-          "."
-        ] }),
-        /* @__PURE__ */ e($, { $renderAs: "ub3", $color: "WHITE_T_87", children: t })
-      ] })
+import { jsxs as r, jsx as $ } from "react/jsx-runtime";
+import { h as p } from "../../../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as m, useCallback as w } from "react";
+import c from "../../../../ui/layout/flex-view.js";
+import { Wrapper as u, SheetCardWrapper as f, StyledText as a, StyledChevronRight as _ } from "./sheets-list-styled.js";
+const C = m(({ learningSheetData: s, supplementarySheetsCount: i }) => {
+  const d = w(
+    (l, o, e) => {
+      l.stopPropagation();
+      const t = window.location.hostname, n = window.location.port, h = `https://${t}${n ? `:${n}` : ""}/questions/learnosity-reference/${o}/?worksheetName=${e}`;
+      window.open(h, "_blank");
     },
-    `${t}_${r}`
+    []
   );
-}) }));
+  return /* @__PURE__ */ r(u, { $widthX: 18, $background: "BLACK_2", $borderColor: "WHITE_T_38", $gapX: 0.5, children: [
+    s.map((l, o) => {
+      const { title: e, learnosityRef: t } = l;
+      return /* @__PURE__ */ r(
+        f,
+        {
+          $flexDirection: "row",
+          $alignItems: "center",
+          $gutterX: 1,
+          $gapX: 0.5,
+          $flexGap: 8,
+          $width: "100%",
+          $justifyContent: "space-between",
+          onClick: (n) => d(n, t, e),
+          children: [
+            /* @__PURE__ */ r(c, { $flexDirection: "row", $flexColumnGap: 4, $widthX: 14.25, children: [
+              /* @__PURE__ */ r(a, { $renderAs: "ub3", $color: "WHITE_T_87", children: [
+                o + 1,
+                "."
+              ] }),
+              /* @__PURE__ */ $(a, { $renderAs: "ub3", $color: "WHITE_T_87", children: e })
+            ] }),
+            t && /* @__PURE__ */ $(_, { width: 20, height: 20 })
+          ]
+        },
+        `${e}_${o}`
+      );
+    }),
+    i > 0 && /* @__PURE__ */ $(c, { $flexDirection: "row", $gutterX: 1, $gapX: 0.5, $widthX: 14.25, children: /* @__PURE__ */ r(a, { $renderAs: "ub3", $color: "WHITE_T_60", children: [
+      "+",
+      i,
+      " supplementary",
+      " ",
+      p.pluralize(i, "resource")
+    ] }) })
+  ] });
+});
 export {
-  f as default
+  C as default
 };
 //# sourceMappingURL=sheets-list.js.map

package/dist/features/milestone/create/comps/sheets-list/sheets-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheets-list.js","sources":["../../../../../../src/features/milestone/create/comps/sheets-list/sheets-list.tsx"],"sourcesContent":["import type { ISheetsListProps } from './sheets-list-type';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport * as Styled from './sheets-list-styled';\n\nconst SheetsList: FC<ISheetsListProps> = memo(({ learningSheetData }) => {\n  return (\n    <Styled.Wrapper $widthX={18} $background=\"BLACK_2\" $borderColor=\"WHITE_T_38\" $gapX={0.5}>\n      {learningSheetData.map((sheetData, idx) => {\n        const { name } = sheetData;\n\n        return (\n          <FlexView\n            key={`${name}_${idx}`}\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $gutterX={1}\n            $gapX={0.5}\n            $flexGap={8}\n            $width=\"100%\"\n            $justifyContent=\"space-between\"\n          >\n            <FlexView $flexDirection=\"row\" $flexColumnGap={4} $widthX={14.25}>\n              <Styled.StyledText $renderAs=\"ub3\" $color=\"WHITE_T_87\">\n                {idx + 1}.\n              </Styled.StyledText>\n              <Styled.StyledText $renderAs=\"ub3\" $color=\"WHITE_T_87\">\n                {name}\n              </Styled.StyledText>\n            </FlexView>\n          </FlexView>\n        );\n      })}\n    </Styled.Wrapper>\n  );\n});\n\nexport default SheetsList;\n"],"names":["SheetsList","memo","learningSheetData","Styled.Wrapper","sheetData","idx","name","jsx","FlexView","jsxs","Styled.StyledText"],"mappings":";;;;AAQA,MAAMA,IAAmCC,EAAK,CAAC,EAAE,mBAAAC,0BAE5CC,GAAA,EAAe,SAAS,IAAI,aAAY,WAAU,cAAa,cAAa,OAAO,KACjF,UAAAD,EAAkB,IAAI,CAACE,GAAWC,MAAQ;AACnC,QAAA,EAAE,MAAAC,EAAS,IAAAF;AAGf,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,OAAO;AAAA,MACP,UAAU;AAAA,MACV,QAAO;AAAA,MACP,iBAAgB;AAAA,MAEhB,4BAACA,GAAS,EAAA,gBAAe,OAAM,gBAAgB,GAAG,SAAS,OACzD,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EAAkB,WAAU,OAAM,QAAO,cACvC,UAAA;AAAA,UAAML,IAAA;AAAA,UAAE;AAAA,QAAA,GACX;AAAA,QACA,gBAAAE,EAACG,GAAA,EAAkB,WAAU,OAAM,QAAO,cACvC,UACHJ,GAAA;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,IAhBK,GAAGA,CAAI,IAAID,CAAG;AAAA,EAAA;AAmBxB,CAAA,EACH,CAAA,CAEH;"}
+{"version":3,"file":"sheets-list.js","sources":["../../../../../../src/features/milestone/create/comps/sheets-list/sheets-list.tsx"],"sourcesContent":["import type { ISheetsListProps } from './sheets-list-type';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport React, { memo, useCallback } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport * as Styled from './sheets-list-styled';\n\nconst SheetsList: FC<ISheetsListProps> = memo(({ learningSheetData, supplementarySheetsCount }) => {\n  const handleSheetView = useCallback(\n    (e: React.MouseEvent<HTMLDivElement, MouseEvent>, learnosityRef: string, title: string) => {\n      e.stopPropagation();\n\n      const currentDomain = window.location.hostname;\n      const port = window.location.port;\n\n      const url = `https://${currentDomain}${\n        port ? `:${port}` : ''\n      }/questions/learnosity-reference/${learnosityRef}/?worksheetName=${title}`;\n\n      window.open(url, '_blank');\n    },\n    [],\n  );\n\n  return (\n    <Styled.Wrapper $widthX={18} $background=\"BLACK_2\" $borderColor=\"WHITE_T_38\" $gapX={0.5}>\n      {learningSheetData.map((sheetData, idx) => {\n        const { title, learnosityRef } = sheetData;\n\n        return (\n          <Styled.SheetCardWrapper\n            key={`${title}_${idx}`}\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $gutterX={1}\n            $gapX={0.5}\n            $flexGap={8}\n            $width=\"100%\"\n            $justifyContent=\"space-between\"\n            onClick={e => handleSheetView(e, learnosityRef, title)}\n          >\n            <FlexView $flexDirection=\"row\" $flexColumnGap={4} $widthX={14.25}>\n              <Styled.StyledText $renderAs=\"ub3\" $color=\"WHITE_T_87\">\n                {idx + 1}.\n              </Styled.StyledText>\n              <Styled.StyledText $renderAs=\"ub3\" $color=\"WHITE_T_87\">\n                {title}\n              </Styled.StyledText>\n            </FlexView>\n\n            {learnosityRef && <Styled.StyledChevronRight width={20} height={20} />}\n          </Styled.SheetCardWrapper>\n        );\n      })}\n\n      {supplementarySheetsCount > 0 && (\n        <FlexView $flexDirection=\"row\" $gutterX={1} $gapX={0.5} $widthX={14.25}>\n          <Styled.StyledText $renderAs=\"ub3\" $color=\"WHITE_T_60\">\n            +{supplementarySheetsCount} supplementary{' '}\n            {pluralize(supplementarySheetsCount, 'resource')}\n          </Styled.StyledText>\n        </FlexView>\n      )}\n    </Styled.Wrapper>\n  );\n});\n\nexport default SheetsList;\n"],"names":["SheetsList","memo","learningSheetData","supplementarySheetsCount","handleSheetView","useCallback","e","learnosityRef","title","currentDomain","port","url","jsxs","Styled.Wrapper","sheetData","idx","Styled.SheetCardWrapper","FlexView","Styled.StyledText","jsx","Styled.StyledChevronRight","pluralize"],"mappings":";;;;;AASA,MAAMA,IAAmCC,EAAK,CAAC,EAAE,mBAAAC,GAAmB,0BAAAC,QAA+B;AACjG,QAAMC,IAAkBC;AAAA,IACtB,CAACC,GAAiDC,GAAuBC,MAAkB;AACzF,MAAAF,EAAE,gBAAgB;AAEZ,YAAAG,IAAgB,OAAO,SAAS,UAChCC,IAAO,OAAO,SAAS,MAEvBC,IAAM,WAAWF,CAAa,GAClCC,IAAO,IAAIA,CAAI,KAAK,EACtB,mCAAmCH,CAAa,mBAAmBC,CAAK;AAEjE,aAAA,KAAKG,GAAK,QAAQ;AAAA,IAC3B;AAAA,IACA,CAAC;AAAA,EAAA;AAID,SAAA,gBAAAC,EAACC,GAAA,EAAe,SAAS,IAAI,aAAY,WAAU,cAAa,cAAa,OAAO,KACjF,UAAA;AAAA,IAAkBX,EAAA,IAAI,CAACY,GAAWC,MAAQ;AACnC,YAAA,EAAE,OAAAP,GAAO,eAAAD,EAAkB,IAAAO;AAG/B,aAAA,gBAAAF;AAAA,QAACI;AAAAA,QAAA;AAAA,UAEC,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,UAAU;AAAA,UACV,OAAO;AAAA,UACP,UAAU;AAAA,UACV,QAAO;AAAA,UACP,iBAAgB;AAAA,UAChB,SAAS,CAAAV,MAAKF,EAAgBE,GAAGC,GAAeC,CAAK;AAAA,UAErD,UAAA;AAAA,YAAA,gBAAAI,EAACK,KAAS,gBAAe,OAAM,gBAAgB,GAAG,SAAS,OACzD,UAAA;AAAA,cAAA,gBAAAL,EAACM,GAAA,EAAkB,WAAU,OAAM,QAAO,cACvC,UAAA;AAAA,gBAAMH,IAAA;AAAA,gBAAE;AAAA,cAAA,GACX;AAAA,cACA,gBAAAI,EAACD,GAAA,EAAkB,WAAU,OAAM,QAAO,cACvC,UACHV,GAAA;AAAA,YAAA,GACF;AAAA,YAECD,uBAAkBa,GAAA,EAA0B,OAAO,IAAI,QAAQ,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAnB/D,GAAGZ,CAAK,IAAIO,CAAG;AAAA,MAAA;AAAA,IAoBtB,CAEH;AAAA,IAEAZ,IAA2B,KAC1B,gBAAAgB,EAACF,KAAS,gBAAe,OAAM,UAAU,GAAG,OAAO,KAAK,SAAS,OAC/D,4BAACC,GAAA,EAAkB,WAAU,OAAM,QAAO,cAAa,UAAA;AAAA,MAAA;AAAA,MACnDf;AAAA,MAAyB;AAAA,MAAe;AAAA,MACzCkB,EAAA,UAAUlB,GAA0B,UAAU;AAAA,IAAA,EAAA,CACjD,EACF,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/milestone/create/milestone-create.js

@@ -1,80 +1,74 @@
-import { jsx as i } from "react/jsx-runtime";
-import { memo as y, useMemo as z, useCallback as A, useEffect as I } from "react";
-import J from "./milestone-create-components-map.js";
-import K from "./milestone-create-context.js";
-import { useFormDataPrefiller as L, useMilestoneFormTree as N, useFormTreeTraversal as Q } from "./milestone-create-hooks.js";
-import { Container as U, BodyContainer as W } from "./milestone-create-styled.js";
-const G = y(
+import { jsx as r } from "react/jsx-runtime";
+import { memo as H, useMemo as R, useEffect as q } from "react";
+import y from "./milestone-create-components-map.js";
+import z from "./milestone-create-context.js";
+import { useFormDataPrefiller as A, useMilestoneFormTree as I, useFormTreeTraversal as J } from "./milestone-create-hooks.js";
+import { Container as K, BodyContainer as L } from "./milestone-create-styled.js";
+const Y = H(
   ({
-    studentName: h,
-    studentId: x,
-    height: S,
-    minHeight: l,
-    formData: c,
+    studentName: M,
+    studentId: l,
+    height: x,
+    minHeight: S,
+    formData: n,
     config: a,
-    onChapterExitWarning: C,
+    onChapterExitWarning: h,
     onFormDataChange: e,
     onPreSubmit: $,
-    onExit: b,
+    onExit: C,
     board: F,
     schoolData: P,
     grade: T,
     flow: t,
-    milestoneId: k,
+    milestoneId: b,
     currentCountryCode: B,
-    isGoalCreation: d,
-    courseStream: E,
-    classRatio: V,
-    enrollmentType: u,
-    canDeleteGoal: j,
-    onDeleteGoal: r
+    isGoalCreation: c,
+    courseStream: D,
+    classRatio: E,
+    enrollmentType: d
   }) => {
-    const { formDataState: s, setFormData: w } = L(c, {
+    const { formDataState: i, setFormData: V } = A(n, {
       schoolData: P,
       board: F,
       grade: T,
       config: a,
       flow: t,
       currentCountryCode: B
-    }), H = N({
+    }), j = I({
       flow: t,
-      formDataState: s,
-      isGoalCreation: d
-    }), o = e ? s : c, m = e ? "edit" : "view", p = m === "view", { currentStep: n, updateFormData: O, handleBack: v } = Q({
+      formDataState: i,
+      isGoalCreation: c
+    }), o = e ? i : n, m = e ? "edit" : "view", u = m === "view", { currentStep: s, updateFormData: k, handleBack: p } = J({
       flow: t,
-      updatedFormTree: H,
+      updatedFormTree: j,
       formData: o,
-      formDataState: s,
-      setFormData: w,
-      handleExit: b
-    }), { name: f } = n || {}, M = f ? J[f] : void 0, R = z(() => ({ handleBack: v, mode: m, flow: t }), [v, m, t]), q = A(() => {
-      r == null || r();
-    }, [r]);
-    return I(() => {
+      formDataState: i,
+      setFormData: V,
+      handleExit: C
+    }), { name: v } = s || {}, f = v ? y[v] : void 0, w = R(() => ({ handleBack: p, mode: m, flow: t }), [p, m, t]);
+    return q(() => {
       e && e(o);
-    }, [o, e]), /* @__PURE__ */ i(K.Provider, { value: R, children: /* @__PURE__ */ i(U, { $height: S, $minHeight: l, $viewMode: p, children: /* @__PURE__ */ i(W, { $viewMode: p, children: M && n && u ? /* @__PURE__ */ i(
-      M,
+    }, [o, e]), /* @__PURE__ */ r(z.Provider, { value: w, children: /* @__PURE__ */ r(K, { $height: x, $minHeight: S, $viewMode: u, children: /* @__PURE__ */ r(L, { $viewMode: u, children: f && s && d ? /* @__PURE__ */ r(
+      f,
       {
-        studentName: h,
-        currentStep: n,
-        isGoalCreation: d,
+        studentName: M,
+        currentStep: s,
+        isGoalCreation: c,
         config: a,
         formData: o,
-        onFormDataChange: O,
-        onChapterExitWarning: C,
-        studentId: x,
+        onFormDataChange: k,
+        onChapterExitWarning: h,
+        studentId: l,
         onPreSubmit: $,
-        milestoneId: k,
-        courseStream: E,
-        classRatio: V || 0,
-        enrollmentType: u,
-        canDeleteGoal: j,
-        onDeleteGoal: q
+        milestoneId: b,
+        courseStream: D,
+        classRatio: E || 0,
+        enrollmentType: d
       }
     ) : void 0 }) }) });
   }
 );
 export {
-  G as default
+  Y as default
 };
 //# sourceMappingURL=milestone-create.js.map

package/dist/features/milestone/create/milestone-create.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-create.js","sources":["../../../../src/features/milestone/create/milestone-create.tsx"],"sourcesContent":["import type { MileStoneJourneyMode } from './milestone-create-context';\nimport type { IMileStoneCreateProps, IMilestoneFormData } from './milestone-create-types';\n\nimport React, { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport ComponentsMap from './milestone-create-components-map';\nimport MilestoneCreateContext from './milestone-create-context';\nimport {\n  useFormDataPrefiller,\n  useFormTreeTraversal,\n  useMilestoneFormTree,\n} from './milestone-create-hooks';\nimport { BodyContainer, Container } from './milestone-create-styled';\n\nconst MilestoneCreate: React.FC<IMileStoneCreateProps> = memo(\n  ({\n    studentName,\n    studentId,\n    height,\n    minHeight,\n    formData: formDataProp,\n    config,\n    onChapterExitWarning,\n    onFormDataChange,\n    onPreSubmit: handlePreSubmit,\n    onExit: handleExit,\n    board,\n    schoolData,\n    grade,\n    flow,\n    milestoneId,\n    currentCountryCode,\n    isGoalCreation,\n    courseStream,\n    classRatio,\n    enrollmentType,\n    canDeleteGoal,\n    onDeleteGoal,\n  }) => {\n    const { formDataState, setFormData } = useFormDataPrefiller(formDataProp, {\n      schoolData,\n      board,\n      grade,\n      config,\n      flow,\n      currentCountryCode,\n    });\n\n    const updatedFormTree = useMilestoneFormTree({\n      flow,\n      formDataState,\n      isGoalCreation,\n    });\n\n    const formData = (onFormDataChange ? formDataState : formDataProp) as IMilestoneFormData; //TODO: make better\n\n    const mode: MileStoneJourneyMode = onFormDataChange ? 'edit' : 'view';\n    const isViewMode = mode === 'view';\n\n    const { currentStep, updateFormData, handleBack } = useFormTreeTraversal({\n      flow,\n      updatedFormTree,\n      formData,\n      formDataState,\n      setFormData,\n      handleExit,\n    });\n\n    const { name } = currentStep || {};\n    const StepComponent = name ? ComponentsMap[name] : undefined;\n\n    const contextValue = useMemo(() => ({ handleBack, mode, flow }), [handleBack, mode, flow]);\n\n    const handleOnDeleteGoal = useCallback(() => {\n      onDeleteGoal?.();\n    }, [onDeleteGoal]);\n\n    useEffect(() => {\n      if (onFormDataChange) {\n        onFormDataChange(formData);\n      }\n    }, [formData, onFormDataChange]);\n\n    return (\n      <MilestoneCreateContext.Provider value={contextValue}>\n        <Container $height={height} $minHeight={minHeight} $viewMode={isViewMode}>\n          <BodyContainer $viewMode={isViewMode}>\n            {StepComponent && currentStep && enrollmentType ? (\n              <StepComponent\n                studentName={studentName}\n                currentStep={currentStep}\n                isGoalCreation={isGoalCreation}\n                config={config}\n                formData={formData}\n                onFormDataChange={updateFormData}\n                onChapterExitWarning={onChapterExitWarning}\n                studentId={studentId}\n                onPreSubmit={handlePreSubmit}\n                milestoneId={milestoneId}\n                courseStream={courseStream}\n                classRatio={classRatio || 0}\n                enrollmentType={enrollmentType}\n                canDeleteGoal={canDeleteGoal}\n                onDeleteGoal={handleOnDeleteGoal}\n              />\n            ) : undefined}\n          </BodyContainer>\n        </Container>\n      </MilestoneCreateContext.Provider>\n    );\n  },\n);\n\nexport default MilestoneCreate;\n"],"names":["MilestoneCreate","memo","studentName","studentId","height","minHeight","formDataProp","config","onChapterExitWarning","onFormDataChange","handlePreSubmit","handleExit","board","schoolData","grade","flow","milestoneId","currentCountryCode","isGoalCreation","courseStream","classRatio","enrollmentType","canDeleteGoal","onDeleteGoal","formDataState","setFormData","useFormDataPrefiller","updatedFormTree","useMilestoneFormTree","formData","mode","isViewMode","currentStep","updateFormData","handleBack","useFormTreeTraversal","name","StepComponent","ComponentsMap","contextValue","useMemo","handleOnDeleteGoal","useCallback","useEffect","jsx","MilestoneCreateContext","Container","BodyContainer"],"mappings":";;;;;;AAcA,MAAMA,IAAmDC;AAAA,EACvD,CAAC;AAAA,IACC,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAUC;AAAA,IACV,QAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,aAAaC;AAAA,IACb,QAAQC;AAAA,IACR,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,MACI;AACJ,UAAM,EAAE,eAAAC,GAAe,aAAAC,MAAgBC,EAAqBpB,GAAc;AAAA,MACxE,YAAAO;AAAA,MACA,OAAAD;AAAA,MACA,OAAAE;AAAA,MACA,QAAAP;AAAA,MACA,MAAAQ;AAAA,MACA,oBAAAE;AAAA,IAAA,CACD,GAEKU,IAAkBC,EAAqB;AAAA,MAC3C,MAAAb;AAAA,MACA,eAAAS;AAAA,MACA,gBAAAN;AAAA,IAAA,CACD,GAEKW,IAAYpB,IAAmBe,IAAgBlB,GAE/CwB,IAA6BrB,IAAmB,SAAS,QACzDsB,IAAaD,MAAS,QAEtB,EAAE,aAAAE,GAAa,gBAAAC,GAAgB,YAAAC,EAAA,IAAeC,EAAqB;AAAA,MACvE,MAAApB;AAAA,MACA,iBAAAY;AAAA,MACA,UAAAE;AAAA,MACA,eAAAL;AAAA,MACA,aAAAC;AAAA,MACA,YAAAd;AAAA,IAAA,CACD,GAEK,EAAE,MAAAyB,EAAA,IAASJ,KAAe,IAC1BK,IAAgBD,IAAOE,EAAcF,CAAI,IAAI,QAE7CG,IAAeC,EAAQ,OAAO,EAAE,YAAAN,GAAY,MAAAJ,GAAM,MAAAf,EAAK,IAAI,CAACmB,GAAYJ,GAAMf,CAAI,CAAC,GAEnF0B,IAAqBC,EAAY,MAAM;AAC5B,MAAAnB,KAAA,QAAAA;AAAA,IAAA,GACd,CAACA,CAAY,CAAC;AAEjB,WAAAoB,EAAU,MAAM;AACd,MAAIlC,KACFA,EAAiBoB,CAAQ;AAAA,IAC3B,GACC,CAACA,GAAUpB,CAAgB,CAAC,GAG7B,gBAAAmC,EAACC,EAAuB,UAAvB,EAAgC,OAAON,GACtC,UAAA,gBAAAK,EAACE,KAAU,SAAS1C,GAAQ,YAAYC,GAAW,WAAW0B,GAC5D,UAAC,gBAAAa,EAAAG,GAAA,EAAc,WAAWhB,GACvB,UAAAM,KAAiBL,KAAeX,IAC/B,gBAAAuB;AAAA,MAACP;AAAA,MAAA;AAAA,QACC,aAAAnC;AAAA,QACA,aAAA8B;AAAA,QACA,gBAAAd;AAAA,QACA,QAAAX;AAAA,QACA,UAAAsB;AAAA,QACA,kBAAkBI;AAAA,QAClB,sBAAAzB;AAAA,QACA,WAAAL;AAAA,QACA,aAAaO;AAAA,QACb,aAAAM;AAAA,QACA,cAAAG;AAAA,QACA,YAAYC,KAAc;AAAA,QAC1B,gBAAAC;AAAA,QACA,eAAAC;AAAA,QACA,cAAcmB;AAAA,MAAA;AAAA,IAChB,IACE,OACN,CAAA,EACF,CAAA,EACF,CAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"milestone-create.js","sources":["../../../../src/features/milestone/create/milestone-create.tsx"],"sourcesContent":["import type { MileStoneJourneyMode } from './milestone-create-context';\nimport type { IMileStoneCreateProps, IMilestoneFormData } from './milestone-create-types';\n\nimport React, { memo, useEffect, useMemo } from 'react';\n\nimport ComponentsMap from './milestone-create-components-map';\nimport MilestoneCreateContext from './milestone-create-context';\nimport {\n  useFormDataPrefiller,\n  useFormTreeTraversal,\n  useMilestoneFormTree,\n} from './milestone-create-hooks';\nimport { BodyContainer, Container } from './milestone-create-styled';\n\nconst MilestoneCreate: React.FC<IMileStoneCreateProps> = memo(\n  ({\n    studentName,\n    studentId,\n    height,\n    minHeight,\n    formData: formDataProp,\n    config,\n    onChapterExitWarning,\n    onFormDataChange,\n    onPreSubmit: handlePreSubmit,\n    onExit: handleExit,\n    board,\n    schoolData,\n    grade,\n    flow,\n    milestoneId,\n    currentCountryCode,\n    isGoalCreation,\n    courseStream,\n    classRatio,\n    enrollmentType,\n  }) => {\n    const { formDataState, setFormData } = useFormDataPrefiller(formDataProp, {\n      schoolData,\n      board,\n      grade,\n      config,\n      flow,\n      currentCountryCode,\n    });\n\n    const updatedFormTree = useMilestoneFormTree({\n      flow,\n      formDataState,\n      isGoalCreation,\n    });\n\n    const formData = (onFormDataChange ? formDataState : formDataProp) as IMilestoneFormData; //TODO: make better\n\n    const mode: MileStoneJourneyMode = onFormDataChange ? 'edit' : 'view';\n    const isViewMode = mode === 'view';\n\n    const { currentStep, updateFormData, handleBack } = useFormTreeTraversal({\n      flow,\n      updatedFormTree,\n      formData,\n      formDataState,\n      setFormData,\n      handleExit,\n    });\n\n    const { name } = currentStep || {};\n    const StepComponent = name ? ComponentsMap[name] : undefined;\n\n    const contextValue = useMemo(() => ({ handleBack, mode, flow }), [handleBack, mode, flow]);\n\n    useEffect(() => {\n      if (onFormDataChange) {\n        onFormDataChange(formData);\n      }\n    }, [formData, onFormDataChange]);\n\n    return (\n      <MilestoneCreateContext.Provider value={contextValue}>\n        <Container $height={height} $minHeight={minHeight} $viewMode={isViewMode}>\n          <BodyContainer $viewMode={isViewMode}>\n            {StepComponent && currentStep && enrollmentType ? (\n              <StepComponent\n                studentName={studentName}\n                currentStep={currentStep}\n                isGoalCreation={isGoalCreation}\n                config={config}\n                formData={formData}\n                onFormDataChange={updateFormData}\n                onChapterExitWarning={onChapterExitWarning}\n                studentId={studentId}\n                onPreSubmit={handlePreSubmit}\n                milestoneId={milestoneId}\n                courseStream={courseStream}\n                classRatio={classRatio || 0}\n                enrollmentType={enrollmentType}\n              />\n            ) : undefined}\n          </BodyContainer>\n        </Container>\n      </MilestoneCreateContext.Provider>\n    );\n  },\n);\n\nexport default MilestoneCreate;\n"],"names":["MilestoneCreate","memo","studentName","studentId","height","minHeight","formDataProp","config","onChapterExitWarning","onFormDataChange","handlePreSubmit","handleExit","board","schoolData","grade","flow","milestoneId","currentCountryCode","isGoalCreation","courseStream","classRatio","enrollmentType","formDataState","setFormData","useFormDataPrefiller","updatedFormTree","useMilestoneFormTree","formData","mode","isViewMode","currentStep","updateFormData","handleBack","useFormTreeTraversal","name","StepComponent","ComponentsMap","contextValue","useMemo","useEffect","jsx","MilestoneCreateContext","Container","BodyContainer"],"mappings":";;;;;;AAcA,MAAMA,IAAmDC;AAAA,EACvD,CAAC;AAAA,IACC,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAUC;AAAA,IACV,QAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,aAAaC;AAAA,IACb,QAAQC;AAAA,IACR,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,MACI;AACJ,UAAM,EAAE,eAAAC,GAAe,aAAAC,MAAgBC,EAAqBlB,GAAc;AAAA,MACxE,YAAAO;AAAA,MACA,OAAAD;AAAA,MACA,OAAAE;AAAA,MACA,QAAAP;AAAA,MACA,MAAAQ;AAAA,MACA,oBAAAE;AAAA,IAAA,CACD,GAEKQ,IAAkBC,EAAqB;AAAA,MAC3C,MAAAX;AAAA,MACA,eAAAO;AAAA,MACA,gBAAAJ;AAAA,IAAA,CACD,GAEKS,IAAYlB,IAAmBa,IAAgBhB,GAE/CsB,IAA6BnB,IAAmB,SAAS,QACzDoB,IAAaD,MAAS,QAEtB,EAAE,aAAAE,GAAa,gBAAAC,GAAgB,YAAAC,EAAA,IAAeC,EAAqB;AAAA,MACvE,MAAAlB;AAAA,MACA,iBAAAU;AAAA,MACA,UAAAE;AAAA,MACA,eAAAL;AAAA,MACA,aAAAC;AAAA,MACA,YAAAZ;AAAA,IAAA,CACD,GAEK,EAAE,MAAAuB,EAAA,IAASJ,KAAe,IAC1BK,IAAgBD,IAAOE,EAAcF,CAAI,IAAI,QAE7CG,IAAeC,EAAQ,OAAO,EAAE,YAAAN,GAAY,MAAAJ,GAAM,MAAAb,EAAK,IAAI,CAACiB,GAAYJ,GAAMb,CAAI,CAAC;AAEzF,WAAAwB,EAAU,MAAM;AACd,MAAI9B,KACFA,EAAiBkB,CAAQ;AAAA,IAC3B,GACC,CAACA,GAAUlB,CAAgB,CAAC,GAG7B,gBAAA+B,EAACC,EAAuB,UAAvB,EAAgC,OAAOJ,GACtC,UAAA,gBAAAG,EAACE,KAAU,SAAStC,GAAQ,YAAYC,GAAW,WAAWwB,GAC5D,UAAC,gBAAAW,EAAAG,GAAA,EAAc,WAAWd,GACvB,UAAAM,KAAiBL,KAAeT,IAC/B,gBAAAmB;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,aAAAjC;AAAA,QACA,aAAA4B;AAAA,QACA,gBAAAZ;AAAA,QACA,QAAAX;AAAA,QACA,UAAAoB;AAAA,QACA,kBAAkBI;AAAA,QAClB,sBAAAvB;AAAA,QACA,WAAAL;AAAA,QACA,aAAaO;AAAA,QACb,aAAAM;AAAA,QACA,cAAAG;AAAA,QACA,YAAYC,KAAc;AAAA,QAC1B,gBAAAC;AAAA,MAAA;AAAA,IACF,IACE,OACN,CAAA,EACF,CAAA,EACF,CAAA;AAAA,EAEJ;AACF;"}