@cuemath/leap 3.1.5 → 3.1.6-j1

package/dist/features/journey/hooks/use-home-page-journey/use-home-page-journey.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-home-page-journey.js","sources":["../../../../../src/features/journey/hooks/use-home-page-journey/use-home-page-journey.tsx"],"sourcesContent":["import type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\nimport type { IChapterDataProps } from '../../../chapters/chapter/chapter-types';\nimport type { TCourseStream } from '../../../milestone/create/milestone-create-types';\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\nimport type { IHomepageStartJourneyProps } from './homepage-journey-types';\n\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport ChapterItem from '../../../chapters/chapters-list/chapter-item/chapter-item';\nimport HomeworkCard from '../../../homework/homework-card';\nimport HwCardListView from '../../../homework/hw-card-list/hw-card-list-view';\nimport MilestoneListContainer from '../../../milestone/milestone-list-container/milestone-list-container';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { JOURNEY_ID_STUDENT } from '../../journey-id/journey-id-student';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport { HOMEWORK_DETAILS } from './home-page-homeworks-mock';\nimport { RECENT_CHAPTERS } from './recent-chapters-mock';\nimport { ChaptersWrapper, ELementWrapper } from './styles';\nimport TooltipItem from './tooltip-item';\n\nexport const useHomePageJourney = () => {\n  const journeyId = JOURNEY_ID_STUDENT.HOMEPAGE_JOURNEY;\n\n  const homepageRef = useRef<HTMLDivElement>(null);\n  const homeworkRef = useRef<HTMLDivElement>(null);\n  const recentChaptersRef = useRef<HTMLDivElement>(null);\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n  const { nextCoachmark, setJourney, endJourney } = useJourney();\n\n  const emptyFunction = useCallback(() => null, []);\n\n  const handleEndJourney = useCallback(() => {\n    endJourney(journeyId);\n    document.body.style.overflow = 'unset';\n  }, [endJourney, journeyId]);\n\n  const handleNextCoachmark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, true);\n  }, [nextCoachmark, journeyId]);\n\n  const startJourney = useCallback(\n    ({ studentId, stream, userType }: IHomepageStartJourneyProps) => {\n      const { title = '', subtext = '' } = HOMEWORK_DETAILS.assigned_homeworks[0] || {};\n      const isStudent = userType === 'STUDENT';\n\n      if (!homepageRef?.current || !homeworkRef?.current) {\n        return;\n      }\n\n      const homepageSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: homepageRef,\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: (\n            <FlexView\n              $flexGapX={2.5}\n              $marginBottomX={8}\n              $background=\"WHITE\"\n              $widthX={47}\n              $gutterX={1}\n            >\n              <HwCardListView\n                userType={userType}\n                studentId={studentId}\n                isHwProcessing={false}\n                hwDetails={HOMEWORK_DETAILS}\n                onTestStart={emptyFunction}\n                onNodeAttempt={emptyFunction}\n                onTestPreview={emptyFunction}\n                onNodeView={emptyFunction}\n                onTestReview={emptyFunction}\n                onNodeReview={emptyFunction}\n                onNodeUnassign={emptyFunction}\n              />\n              <FlexView $flexRowGapX={1} ref={recentChaptersRef}>\n                <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n                  Recent Chapters ({RECENT_CHAPTERS?.length})\n                </Text>\n                <ChaptersWrapper>\n                  {RECENT_CHAPTERS.map((chapter, idx) => (\n                    <ChapterItem\n                      key={chapter.id}\n                      chapter={chapter as unknown as IChapterDataProps}\n                      onChapterClick={emptyFunction}\n                      itemIndex={idx}\n                    />\n                  ))}\n                </ChaptersWrapper>\n              </FlexView>\n              <MilestoneListContainer\n                milestoneType=\"ACTIVE\"\n                activeMilestoneId={''}\n                activeTabId={''}\n                canCreatePlan={false}\n                courseStream={stream as TCourseStream}\n                isClassOngoing={false}\n                isStudentPresent={false}\n                parentName={''}\n                studentId={studentId}\n                studentName={''}\n                teacherName={''}\n                userType={userType}\n                //* Callbacks\n                onAddChapter={emptyFunction}\n                onAddOutcome={emptyFunction}\n                onChapterClick={emptyFunction}\n                onCreatePlan={emptyFunction}\n                onDelete={emptyFunction}\n                onDraftPublish={emptyFunction}\n                onEdit={emptyFunction}\n                onExpandPastMilestones={emptyFunction}\n                onNodeView={emptyFunction}\n                onNodeReview={emptyFunction}\n                onWidgetTabSelection={emptyFunction}\n                //* Resource callbacks\n                onAssignResources={emptyFunction}\n                onNodeReset={emptyFunction}\n                onNodeUnassign={emptyFunction}\n                //* Tests callbacks\n                onCreateMilestoneTest={emptyFunction}\n                onTestPreview={emptyFunction}\n                onTestReview={emptyFunction}\n              />\n            </FlexView>\n          ),\n          indicator: {\n            position: 'top',\n            tooltipXCoOrdinates: 0,\n            tooltipYCoOrdinates: 0,\n            backgroundColor: 'BLUE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowSize: 12,\n            width: 264,\n            tooltipItem: (\n              <TooltipItem\n                text={`Welcome to the all new ${isStudent ? 'learning' : 'tutoring'} homepage.`}\n                buttonLabel=\"Next\"\n                onButtonClick={handleNextCoachmark}\n              />\n            ),\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: homeworkRef,\n          elementToHighlight: (\n            <ELementWrapper>\n              <HwCardListView\n                userType={userType}\n                studentId={studentId}\n                isHwProcessing={false}\n                hwDetails={HOMEWORK_DETAILS}\n                onTestStart={emptyFunction}\n                onNodeAttempt={emptyFunction}\n                onTestPreview={emptyFunction}\n                onNodeView={emptyFunction}\n                onTestReview={emptyFunction}\n                onNodeReview={emptyFunction}\n                onNodeUnassign={emptyFunction}\n              />\n            </ELementWrapper>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'top',\n            tooltipXCoOrdinates: -197,\n            tooltipYCoOrdinates: -12,\n            arrowXCoOrdinates: -110,\n            backgroundColor: 'GREEN_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            width: 264,\n            arrowSize: 12,\n            tooltipItem: (\n              <TooltipItem\n                text={`Homework is now easy to access and easy to ${\n                  isStudent ? 'complete' : 'review'\n                }!`}\n                buttonLabel=\"Next\"\n                onButtonClick={handleNextCoachmark}\n              />\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n        {\n          originalElementToHighlightRef: homeworkRef,\n          elementToHighlight: (\n            <ELementWrapper>\n              <HomeworkCard\n                isInQueue={false}\n                userType={userType}\n                header={title}\n                subHeader={subtext || ''}\n                nodeData={HOMEWORK_DETAILS.assigned_homeworks[0] as INodeDataProps}\n                renderAs=\"homework\"\n                studentId={studentId}\n                shouldOpenOnRight={false}\n              />\n            </ELementWrapper>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'top',\n            tooltipXCoOrdinates: -35,\n            tooltipYCoOrdinates: -7,\n            backgroundColor: 'PURPLE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowXCoOrdinates: -97,\n            arrowSize: 12,\n            width: 264,\n            tooltipItem: (\n              <TooltipItem\n                text=\"Track homework status and their due dates.\"\n                buttonLabel=\"Next\"\n                onButtonClick={handleNextCoachmark}\n              />\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n        {\n          originalElementToHighlightRef: homepageRef,\n          elementToHighlight: (\n            <ELementWrapper>\n              <FlexView $flexRowGapX={1}>\n                <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n                  Recent Chapters ({RECENT_CHAPTERS?.length})\n                </Text>\n                <ChaptersWrapper>\n                  {RECENT_CHAPTERS.map((chapter, idx) => (\n                    <ChapterItem\n                      key={chapter.id}\n                      chapter={chapter as unknown as IChapterDataProps}\n                      onChapterClick={emptyFunction}\n                      itemIndex={idx}\n                    />\n                  ))}\n                </ChaptersWrapper>\n              </FlexView>\n            </ELementWrapper>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'top',\n            tooltipXCoOrdinates: -200,\n            tooltipYCoOrdinates: -10,\n            backgroundColor: 'YELLOW_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowXCoOrdinates: -97,\n            arrowSize: 12,\n            width: 264,\n            tooltipItem: (\n              <TooltipItem\n                text=\"Access all your recent chapters in one place.\"\n                buttonLabel=\"Got it\"\n                onButtonClick={handleEndJourney}\n              />\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n      ];\n\n      setJourney(journeyId, homepageSteps);\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        if (userType === 'STUDENT') {\n          window.scrollTo(0, 0);\n        } else {\n          document.getElementById('tab-content-container')?.scrollTo(0, 0);\n        }\n        document.body.style.overflow = 'hidden';\n        handleNextCoachmark();\n      }, 200);\n\n      timerRefs.current.push(delayBeforeStart); // Store to cleanup later\n    },\n    [handleEndJourney, emptyFunction, handleNextCoachmark, journeyId, setJourney],\n  );\n\n  const data = useMemo(\n    () => ({\n      homepageRef,\n      homeworkRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n    };\n  }, []);\n\n  return data;\n};\n"],"names":["useHomePageJourney","journeyId","JOURNEY_ID_STUDENT","homepageRef","useRef","homeworkRef","recentChaptersRef","timerRefs","nextCoachmark","setJourney","endJourney","useJourney","emptyFunction","useCallback","handleEndJourney","handleNextCoachmark","startJourney","studentId","stream","userType","title","subtext","HOMEWORK_DETAILS","isStudent","homepageSteps","IndicatorType","jsxs","FlexView","jsx","HwCardListView","Text","_a","RECENT_CHAPTERS","ChaptersWrapper","chapter","idx","ChapterItem","MilestoneListContainer","TooltipItem","ELementWrapper","HomeworkCard","_b","delayBeforeStart","data","useMemo","useEffect","timer"],"mappings":"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"}
+{"version":3,"file":"use-home-page-journey.js","sources":["../../../../../src/features/journey/hooks/use-home-page-journey/use-home-page-journey.tsx"],"sourcesContent":["import type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\nimport type { IChapterDataProps } from '../../../chapters/chapter/chapter-types';\nimport type { TCourseStream } from '../../../milestone/create/milestone-create-types';\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\nimport type { IHomepageStartJourneyProps } from './homepage-journey-types';\n\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport ChapterItem from '../../../chapters/chapters-list/chapter-item/chapter-item';\nimport HomeworkCard from '../../../homework/homework-card';\nimport HwCardListView from '../../../homework/hw-card-list/hw-card-list-view';\nimport MilestoneListContainer from '../../../milestone/milestone-list-container/milestone-list-container';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { JOURNEY_ID_STUDENT } from '../../journey-id/journey-id-student';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport { HOMEWORK_DETAILS } from './home-page-homeworks-mock';\nimport { RECENT_CHAPTERS } from './recent-chapters-mock';\nimport { ChaptersWrapper, ELementWrapper } from './styles';\nimport TooltipItem from './tooltip-item';\n\nexport const useHomePageJourney = () => {\n  const journeyId = JOURNEY_ID_STUDENT.HOMEPAGE_JOURNEY;\n\n  const homepageRef = useRef<HTMLDivElement>(null);\n  const homeworkRef = useRef<HTMLDivElement>(null);\n  const recentChaptersRef = useRef<HTMLDivElement>(null);\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n  const { nextCoachmark, setJourney, endJourney } = useJourney();\n\n  const emptyFunction = useCallback(() => null, []);\n\n  const handleEndJourney = useCallback(() => {\n    endJourney(journeyId);\n    document.body.style.overflow = 'unset';\n  }, [endJourney, journeyId]);\n\n  const handleNextCoachmark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, true);\n  }, [nextCoachmark, journeyId]);\n\n  const startJourney = useCallback(\n    ({ studentId, stream, userType }: IHomepageStartJourneyProps) => {\n      const { title, subtext } = HOMEWORK_DETAILS[0] as INodeDataProps;\n      const isStudent = userType === 'STUDENT';\n\n      if (!homepageRef?.current || !homeworkRef?.current) {\n        return;\n      }\n\n      const homepageSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: homepageRef,\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: (\n            <FlexView\n              $flexGapX={2.5}\n              $marginBottomX={8}\n              $background=\"WHITE\"\n              $widthX={47}\n              $gutterX={1}\n            >\n              <HwCardListView\n                userType={userType}\n                studentId={studentId}\n                isHwProcessing={false}\n                hwDetails={HOMEWORK_DETAILS as INodeDataProps[]}\n                onTestStart={emptyFunction}\n                onNodeAttempt={emptyFunction}\n                onTestPreview={emptyFunction}\n                onNodeView={emptyFunction}\n                onTestReview={emptyFunction}\n                onNodeReview={emptyFunction}\n                onNodeUnassign={emptyFunction}\n              />\n              <FlexView $flexRowGapX={1} ref={recentChaptersRef}>\n                <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n                  Recent Chapters ({RECENT_CHAPTERS?.length})\n                </Text>\n                <ChaptersWrapper>\n                  {RECENT_CHAPTERS.map((chapter, idx) => (\n                    <ChapterItem\n                      key={chapter.id}\n                      chapter={chapter as unknown as IChapterDataProps}\n                      onChapterClick={emptyFunction}\n                      itemIndex={idx}\n                    />\n                  ))}\n                </ChaptersWrapper>\n              </FlexView>\n              <MilestoneListContainer\n                milestoneType=\"ACTIVE\"\n                activeMilestoneId={''}\n                activeTabId={''}\n                canCreatePlan={false}\n                courseStream={stream as TCourseStream}\n                isClassOngoing={false}\n                isStudentPresent={false}\n                parentName={''}\n                studentId={studentId}\n                studentName={''}\n                teacherName={''}\n                userType={userType}\n                //* Callbacks\n                onAddChapter={emptyFunction}\n                onAddOutcome={emptyFunction}\n                onChapterClick={emptyFunction}\n                onCreatePlan={emptyFunction}\n                onDelete={emptyFunction}\n                onDraftPublish={emptyFunction}\n                onEdit={emptyFunction}\n                onExpandPastMilestones={emptyFunction}\n                onNodeView={emptyFunction}\n                onNodeReview={emptyFunction}\n                onWidgetTabSelection={emptyFunction}\n                //* Resource callbacks\n                onAssignResources={emptyFunction}\n                onNodeReset={emptyFunction}\n                onNodeUnassign={emptyFunction}\n                //* Tests callbacks\n                onCreateMilestoneTest={emptyFunction}\n                onTestPreview={emptyFunction}\n                onTestReview={emptyFunction}\n              />\n            </FlexView>\n          ),\n          indicator: {\n            position: 'top',\n            tooltipXCoOrdinates: 0,\n            tooltipYCoOrdinates: 0,\n            backgroundColor: 'BLUE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowSize: 12,\n            width: 264,\n            tooltipItem: (\n              <TooltipItem\n                text={`Welcome to the all new ${isStudent ? 'learning' : 'tutoring'} homepage.`}\n                buttonLabel=\"Next\"\n                onButtonClick={handleNextCoachmark}\n              />\n            ),\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: homeworkRef,\n          elementToHighlight: (\n            <ELementWrapper>\n              <HwCardListView\n                userType={userType}\n                studentId={studentId}\n                isHwProcessing={false}\n                hwDetails={HOMEWORK_DETAILS as INodeDataProps[]}\n                onTestStart={emptyFunction}\n                onNodeAttempt={emptyFunction}\n                onTestPreview={emptyFunction}\n                onNodeView={emptyFunction}\n                onTestReview={emptyFunction}\n                onNodeReview={emptyFunction}\n                onNodeUnassign={emptyFunction}\n              />\n            </ELementWrapper>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'top',\n            tooltipXCoOrdinates: -197,\n            tooltipYCoOrdinates: -12,\n            arrowXCoOrdinates: -110,\n            backgroundColor: 'GREEN_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            width: 264,\n            arrowSize: 12,\n            tooltipItem: (\n              <TooltipItem\n                text={`Homework is now easy to access and easy to ${\n                  isStudent ? 'complete' : 'review'\n                }!`}\n                buttonLabel=\"Next\"\n                onButtonClick={handleNextCoachmark}\n              />\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n        {\n          originalElementToHighlightRef: homeworkRef,\n          elementToHighlight: (\n            <ELementWrapper>\n              <HomeworkCard\n                isInQueue={false}\n                userType={userType}\n                header={title}\n                subHeader={subtext || ''}\n                nodeData={HOMEWORK_DETAILS[0] as INodeDataProps}\n                renderAs=\"homework\"\n                studentId={studentId}\n                shouldOpenOnRight={false}\n              />\n            </ELementWrapper>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'top',\n            tooltipXCoOrdinates: -35,\n            tooltipYCoOrdinates: -7,\n            backgroundColor: 'PURPLE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowXCoOrdinates: -97,\n            arrowSize: 12,\n            width: 264,\n            tooltipItem: (\n              <TooltipItem\n                text=\"Track homework status and their due dates.\"\n                buttonLabel=\"Next\"\n                onButtonClick={handleNextCoachmark}\n              />\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n        {\n          originalElementToHighlightRef: homepageRef,\n          elementToHighlight: (\n            <ELementWrapper>\n              <FlexView $flexRowGapX={1}>\n                <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n                  Recent Chapters ({RECENT_CHAPTERS?.length})\n                </Text>\n                <ChaptersWrapper>\n                  {RECENT_CHAPTERS.map((chapter, idx) => (\n                    <ChapterItem\n                      key={chapter.id}\n                      chapter={chapter as unknown as IChapterDataProps}\n                      onChapterClick={emptyFunction}\n                      itemIndex={idx}\n                    />\n                  ))}\n                </ChaptersWrapper>\n              </FlexView>\n            </ELementWrapper>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'top',\n            tooltipXCoOrdinates: -200,\n            tooltipYCoOrdinates: -10,\n            backgroundColor: 'YELLOW_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowXCoOrdinates: -97,\n            arrowSize: 12,\n            width: 264,\n            tooltipItem: (\n              <TooltipItem\n                text=\"Access all your recent chapters in one place.\"\n                buttonLabel=\"Got it\"\n                onButtonClick={handleEndJourney}\n              />\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n      ];\n\n      setJourney(journeyId, homepageSteps);\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        if (userType === 'STUDENT') {\n          window.scrollTo(0, 0);\n        } else {\n          document.getElementById('tab-content-container')?.scrollTo(0, 0);\n        }\n        document.body.style.overflow = 'hidden';\n        handleNextCoachmark();\n      }, 200);\n\n      timerRefs.current.push(delayBeforeStart); // Store to cleanup later\n    },\n    [handleEndJourney, emptyFunction, handleNextCoachmark, journeyId, setJourney],\n  );\n\n  const data = useMemo(\n    () => ({\n      homepageRef,\n      homeworkRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n    };\n  }, []);\n\n  return data;\n};\n"],"names":["useHomePageJourney","journeyId","JOURNEY_ID_STUDENT","homepageRef","useRef","homeworkRef","recentChaptersRef","timerRefs","nextCoachmark","setJourney","endJourney","useJourney","emptyFunction","useCallback","handleEndJourney","handleNextCoachmark","startJourney","studentId","stream","userType","title","subtext","HOMEWORK_DETAILS","isStudent","homepageSteps","IndicatorType","jsxs","FlexView","jsx","HwCardListView","Text","_a","RECENT_CHAPTERS","ChaptersWrapper","chapter","idx","ChapterItem","MilestoneListContainer","TooltipItem","ELementWrapper","HomeworkCard","_b","delayBeforeStart","data","useMemo","useEffect","timer"],"mappings":"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"}

package/dist/features/milestone/create/comps/add-custom-chapter/course-catalog.js

@@ -1,35 +1,34 @@
-import { jsxs as b, Fragment as v, jsx as f } from "react/jsx-runtime";
-import { memo as L, useMemo as A, useCallback as G, useEffect as S } from "react";
-import E from "../../../../ui/inputs/select-input/select-input.js";
-import { GOAL_CATEGORY as h } from "../../../constants.js";
+import { jsxs as v, Fragment as S, jsx as f } from "react/jsx-runtime";
+import { memo as w, useMemo as G, useCallback as O, useEffect as h } from "react";
+import A from "../../../../ui/inputs/select-input/select-input.js";
+import { GOAL_CATEGORY as E } from "../../../constants.js";
 import { useMilestoneContext as z } from "../../milestone-create-context.js";
 import { getCurriculumStandardsFromConfig as H } from "../../milestone-create-helpers.js";
 import { getGradeBoardAndMajorBasedProgramCode as P } from "../chapters-selection-step/utils.js";
-import { useCatalogHelpers as R } from "./hooks/use-catalog-helpers.js";
-const Q = L(
+import { useCatalogHelpers as X } from "./hooks/use-catalog-helpers.js";
+const Q = w(
   ({
     config: s,
     region: t = "",
     courseStream: o,
     classRatio: C,
     searchChapterFields: e,
-    getCatalogChapters: O,
+    getCatalogChapters: j,
     onFormDataChange: r,
     enrollmentType: u
   }) => {
-    const { mode: j } = z(), {
+    const { mode: x } = z(), {
       selectedCurriculum: a = "",
       selectedGrade: m = "",
       selectedCourse: n = ""
-    } = e, { grades: w, boards: M, majors: p } = R({
+    } = e, { grades: M, boards: k, majors: p } = X({
       config: s,
       region: t,
       searchChapterFields: e,
       courseStream: o,
       classRatio: C,
-      enrollmentType: u,
-      flow: "CREATE"
-    }), c = A(() => p.length > 1, [p]), k = G(
+      enrollmentType: u
+    }), c = G(() => p.length > 1, [p]), y = O(
       (d) => {
         r({
           searchChapterFields: {
@@ -39,23 +38,22 @@ const Q = L(
         });
       },
       [e, r]
-    ), y = G(
+    ), B = O(
       (d) => {
-        var _;
-        let x = e.selectedCurriculum;
-        (d === "-1" || d === "0") && (x = (_ = H(s, {
+        var b;
+        let _ = e.selectedCurriculum;
+        (d === "-1" || d === "0") && (_ = (b = H(s, {
           countryCode: t ?? "",
           grade: d,
-          goalCategory: h.SCHOOL_SUCCESS,
+          goalCategory: E.SCHOOL_SUCCESS,
           courseStream: o,
           enrollmentType: u,
-          classRatio: C,
-          flow: "CREATE"
-        })[0]) == null ? void 0 : _.id), r({
+          classRatio: C
+        })[0]) == null ? void 0 : b.id), r({
           searchChapterFields: {
             ...e,
             selectedGrade: d,
-            selectedCurriculum: x
+            selectedCurriculum: _
           }
         });
       },
@@ -68,7 +66,7 @@ const Q = L(
         u,
         C
       ]
-    ), B = G(
+    ), L = O(
       (d) => {
         r({
           searchChapterFields: {
@@ -78,14 +76,14 @@ const Q = L(
         });
       },
       [r, e]
-    ), i = A(
+    ), i = G(
       () => P(s, {
         grade: m,
         board: a,
         major: n,
         majorsPresent: c,
         countryCode: t ?? "",
-        selectedCategory: h.SCHOOL_SUCCESS,
+        selectedCategory: E.SCHOOL_SUCCESS,
         courseStream: o,
         enrollmentType: u
       }),
@@ -99,34 +97,34 @@ const Q = L(
         a,
         m
       ]
-    ), l = A(() => (i == null ? void 0 : i.program_code) ?? "", [i]);
-    return S(() => {
-      l && j === "edit" && O({
+    ), l = G(() => (i == null ? void 0 : i.program_code) ?? "", [i]);
+    return h(() => {
+      l && x === "edit" && j({
         filter_type: "PROGRAM_CODE",
         program_code: l
       });
-    }, [O, j, l, c]), S(() => {
+    }, [j, x, l, c]), h(() => {
       l || r({
         searchedChaptersList: []
       });
-    }, [l, r]), /* @__PURE__ */ b(v, { children: [
+    }, [l, r]), /* @__PURE__ */ v(S, { children: [
       /* @__PURE__ */ f(
-        E,
+        A,
         {
           renderAs: "primary",
           label: "Grade",
           value: m,
-          options: w,
-          onChange: y,
+          options: M,
+          onChange: B,
           widthX: 9,
           size: "xsmall",
           theme: "dark",
           shape: "curved"
         }
       ),
-      m && /* @__PURE__ */ b(v, { children: [
+      m && /* @__PURE__ */ v(S, { children: [
         /* @__PURE__ */ f(
-          E,
+          A,
           {
             widthX: 18,
             renderAs: "primary",
@@ -134,20 +132,20 @@ const Q = L(
             theme: "dark",
             size: "xsmall",
             label: "Curriculum",
-            options: M,
+            options: k,
             renderOptionsAs: "section-list",
             value: a,
-            onChange: k
+            onChange: y
           }
         ),
         c && /* @__PURE__ */ f(
-          E,
+          A,
           {
             renderAs: "primary",
             label: "Course",
             options: p,
             value: n,
-            onChange: B,
+            onChange: L,
             widthX: 9,
             size: "xsmall",
             theme: "dark",

package/dist/features/milestone/create/comps/add-custom-chapter/course-catalog.js.map

@@ -1 +1 @@
-{"version":3,"file":"course-catalog.js","sources":["../../../../../../src/features/milestone/create/comps/add-custom-chapter/course-catalog.tsx"],"sourcesContent":["import type { ICourseCatalog } from './add-custom-chapters';\nimport type { FC } from 'react';\n\nimport { useEffect, useMemo, useCallback, memo } from 'react';\n\nimport SelectInput from '../../../../ui/inputs/select-input/select-input';\nimport { GOAL_CATEGORY } from '../../../constants';\nimport { useMilestoneContext } from '../../milestone-create-context';\nimport { getCurriculumStandardsFromConfig } from '../../milestone-create-helpers';\nimport { getGradeBoardAndMajorBasedProgramCode } from '../chapters-selection-step/utils';\nimport { useCatalogHelpers } from './hooks/use-catalog-helpers';\n\nconst CourseCatalog: FC<ICourseCatalog> = memo(\n  ({\n    config,\n    region = '',\n    courseStream,\n    classRatio,\n    searchChapterFields,\n    getCatalogChapters,\n    onFormDataChange,\n    enrollmentType,\n  }) => {\n    const { mode } = useMilestoneContext();\n\n    const {\n      selectedCurriculum = '',\n      selectedGrade = '',\n      selectedCourse = '',\n    } = searchChapterFields;\n\n    const { grades, boards, majors } = useCatalogHelpers({\n      config,\n      region,\n      searchChapterFields,\n      courseStream,\n      classRatio,\n      enrollmentType,\n      flow: 'CREATE',\n    });\n\n    const majorsPresent = useMemo(() => majors.length > 1, [majors]);\n\n    const handleCurriculumChange = useCallback(\n      (curriculumValue: string) => {\n        onFormDataChange({\n          searchChapterFields: {\n            ...searchChapterFields,\n            selectedCurriculum: curriculumValue,\n          },\n        });\n      },\n      [searchChapterFields, onFormDataChange],\n    );\n\n    const handleGradeChange = useCallback(\n      (gradeValue: string) => {\n        let updatedCurriculum = searchChapterFields.selectedCurriculum;\n\n        if (gradeValue === '-1' || gradeValue === '0') {\n          const currentGradeBoards = getCurriculumStandardsFromConfig(config, {\n            countryCode: region ?? '',\n            grade: gradeValue,\n            goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n            courseStream,\n            enrollmentType,\n            classRatio,\n            flow: 'CREATE',\n          });\n\n          updatedCurriculum = currentGradeBoards[0]?.id;\n        }\n\n        onFormDataChange({\n          searchChapterFields: {\n            ...searchChapterFields,\n            selectedGrade: gradeValue,\n            selectedCurriculum: updatedCurriculum,\n          },\n        });\n      },\n      [\n        searchChapterFields,\n        onFormDataChange,\n        config,\n        region,\n        courseStream,\n        enrollmentType,\n        classRatio,\n      ],\n    );\n\n    const handleMajorChange = useCallback(\n      (majorValue: string) => {\n        onFormDataChange({\n          searchChapterFields: {\n            ...searchChapterFields,\n            selectedCourse: majorValue,\n          },\n        });\n      },\n      [onFormDataChange, searchChapterFields],\n    );\n\n    const programInfo = useMemo(\n      () =>\n        getGradeBoardAndMajorBasedProgramCode(config, {\n          grade: selectedGrade,\n          board: selectedCurriculum,\n          major: selectedCourse,\n          majorsPresent,\n          countryCode: region ?? '',\n          selectedCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n          courseStream,\n          enrollmentType,\n        }),\n      [\n        config,\n        courseStream,\n        enrollmentType,\n        majorsPresent,\n        region,\n        selectedCourse,\n        selectedCurriculum,\n        selectedGrade,\n      ],\n    );\n\n    const programCode = useMemo(() => programInfo?.program_code ?? '', [programInfo]);\n\n    useEffect(() => {\n      if (programCode && mode === 'edit') {\n        getCatalogChapters({\n          filter_type: 'PROGRAM_CODE',\n          program_code: programCode,\n        });\n      }\n    }, [getCatalogChapters, mode, programCode, majorsPresent]);\n\n    useEffect(() => {\n      if (!programCode) {\n        onFormDataChange({\n          searchedChaptersList: [],\n        });\n      }\n    }, [programCode, onFormDataChange]);\n\n    return (\n      <>\n        <SelectInput\n          renderAs=\"primary\"\n          label=\"Grade\"\n          value={selectedGrade}\n          options={grades}\n          onChange={handleGradeChange}\n          widthX={9}\n          size=\"xsmall\"\n          theme=\"dark\"\n          shape=\"curved\"\n        />\n\n        {selectedGrade && (\n          <>\n            <SelectInput\n              widthX={18}\n              renderAs=\"primary\"\n              shape=\"curved\"\n              theme=\"dark\"\n              size=\"xsmall\"\n              label=\"Curriculum\"\n              options={boards}\n              renderOptionsAs=\"section-list\"\n              value={selectedCurriculum}\n              onChange={handleCurriculumChange}\n            />\n\n            {majorsPresent && (\n              <SelectInput\n                renderAs=\"primary\"\n                label=\"Course\"\n                options={majors}\n                value={selectedCourse}\n                onChange={handleMajorChange}\n                widthX={9}\n                size=\"xsmall\"\n                theme=\"dark\"\n                shape=\"curved\"\n              />\n            )}\n          </>\n        )}\n      </>\n    );\n  },\n);\n\nexport default CourseCatalog;\n"],"names":["CourseCatalog","memo","config","region","courseStream","classRatio","searchChapterFields","getCatalogChapters","onFormDataChange","enrollmentType","mode","useMilestoneContext","selectedCurriculum","selectedGrade","selectedCourse","grades","boards","majors","useCatalogHelpers","majorsPresent","useMemo","handleCurriculumChange","useCallback","curriculumValue","handleGradeChange","gradeValue","updatedCurriculum","_a","getCurriculumStandardsFromConfig","GOAL_CATEGORY","handleMajorChange","majorValue","programInfo","getGradeBoardAndMajorBasedProgramCode","programCode","useEffect","jsxs","Fragment","jsx","SelectInput"],"mappings":"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"}
+{"version":3,"file":"course-catalog.js","sources":["../../../../../../src/features/milestone/create/comps/add-custom-chapter/course-catalog.tsx"],"sourcesContent":["import type { ICourseCatalog } from './add-custom-chapters';\nimport type { FC } from 'react';\n\nimport { useEffect, useMemo, useCallback, memo } from 'react';\n\nimport SelectInput from '../../../../ui/inputs/select-input/select-input';\nimport { GOAL_CATEGORY } from '../../../constants';\nimport { useMilestoneContext } from '../../milestone-create-context';\nimport { getCurriculumStandardsFromConfig } from '../../milestone-create-helpers';\nimport { getGradeBoardAndMajorBasedProgramCode } from '../chapters-selection-step/utils';\nimport { useCatalogHelpers } from './hooks/use-catalog-helpers';\n\nconst CourseCatalog: FC<ICourseCatalog> = memo(\n  ({\n    config,\n    region = '',\n    courseStream,\n    classRatio,\n    searchChapterFields,\n    getCatalogChapters,\n    onFormDataChange,\n    enrollmentType,\n  }) => {\n    const { mode } = useMilestoneContext();\n\n    const {\n      selectedCurriculum = '',\n      selectedGrade = '',\n      selectedCourse = '',\n    } = searchChapterFields;\n\n    const { grades, boards, majors } = useCatalogHelpers({\n      config,\n      region,\n      searchChapterFields,\n      courseStream,\n      classRatio,\n      enrollmentType,\n    });\n\n    const majorsPresent = useMemo(() => majors.length > 1, [majors]);\n\n    const handleCurriculumChange = useCallback(\n      (curriculumValue: string) => {\n        onFormDataChange({\n          searchChapterFields: {\n            ...searchChapterFields,\n            selectedCurriculum: curriculumValue,\n          },\n        });\n      },\n      [searchChapterFields, onFormDataChange],\n    );\n\n    const handleGradeChange = useCallback(\n      (gradeValue: string) => {\n        let updatedCurriculum = searchChapterFields.selectedCurriculum;\n\n        if (gradeValue === '-1' || gradeValue === '0') {\n          const currentGradeBoards = getCurriculumStandardsFromConfig(config, {\n            countryCode: region ?? '',\n            grade: gradeValue,\n            goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n            courseStream,\n            enrollmentType,\n            classRatio,\n          });\n\n          updatedCurriculum = currentGradeBoards[0]?.id;\n        }\n\n        onFormDataChange({\n          searchChapterFields: {\n            ...searchChapterFields,\n            selectedGrade: gradeValue,\n            selectedCurriculum: updatedCurriculum,\n          },\n        });\n      },\n      [\n        searchChapterFields,\n        onFormDataChange,\n        config,\n        region,\n        courseStream,\n        enrollmentType,\n        classRatio,\n      ],\n    );\n\n    const handleMajorChange = useCallback(\n      (majorValue: string) => {\n        onFormDataChange({\n          searchChapterFields: {\n            ...searchChapterFields,\n            selectedCourse: majorValue,\n          },\n        });\n      },\n      [onFormDataChange, searchChapterFields],\n    );\n\n    const programInfo = useMemo(\n      () =>\n        getGradeBoardAndMajorBasedProgramCode(config, {\n          grade: selectedGrade,\n          board: selectedCurriculum,\n          major: selectedCourse,\n          majorsPresent,\n          countryCode: region ?? '',\n          selectedCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n          courseStream,\n          enrollmentType,\n        }),\n      [\n        config,\n        courseStream,\n        enrollmentType,\n        majorsPresent,\n        region,\n        selectedCourse,\n        selectedCurriculum,\n        selectedGrade,\n      ],\n    );\n\n    const programCode = useMemo(() => programInfo?.program_code ?? '', [programInfo]);\n\n    useEffect(() => {\n      if (programCode && mode === 'edit') {\n        getCatalogChapters({\n          filter_type: 'PROGRAM_CODE',\n          program_code: programCode,\n        });\n      }\n    }, [getCatalogChapters, mode, programCode, majorsPresent]);\n\n    useEffect(() => {\n      if (!programCode) {\n        onFormDataChange({\n          searchedChaptersList: [],\n        });\n      }\n    }, [programCode, onFormDataChange]);\n\n    return (\n      <>\n        <SelectInput\n          renderAs=\"primary\"\n          label=\"Grade\"\n          value={selectedGrade}\n          options={grades}\n          onChange={handleGradeChange}\n          widthX={9}\n          size=\"xsmall\"\n          theme=\"dark\"\n          shape=\"curved\"\n        />\n\n        {selectedGrade && (\n          <>\n            <SelectInput\n              widthX={18}\n              renderAs=\"primary\"\n              shape=\"curved\"\n              theme=\"dark\"\n              size=\"xsmall\"\n              label=\"Curriculum\"\n              options={boards}\n              renderOptionsAs=\"section-list\"\n              value={selectedCurriculum}\n              onChange={handleCurriculumChange}\n            />\n\n            {majorsPresent && (\n              <SelectInput\n                renderAs=\"primary\"\n                label=\"Course\"\n                options={majors}\n                value={selectedCourse}\n                onChange={handleMajorChange}\n                widthX={9}\n                size=\"xsmall\"\n                theme=\"dark\"\n                shape=\"curved\"\n              />\n            )}\n          </>\n        )}\n      </>\n    );\n  },\n);\n\nexport default CourseCatalog;\n"],"names":["CourseCatalog","memo","config","region","courseStream","classRatio","searchChapterFields","getCatalogChapters","onFormDataChange","enrollmentType","mode","useMilestoneContext","selectedCurriculum","selectedGrade","selectedCourse","grades","boards","majors","useCatalogHelpers","majorsPresent","useMemo","handleCurriculumChange","useCallback","curriculumValue","handleGradeChange","gradeValue","updatedCurriculum","_a","getCurriculumStandardsFromConfig","GOAL_CATEGORY","handleMajorChange","majorValue","programInfo","getGradeBoardAndMajorBasedProgramCode","programCode","useEffect","jsxs","Fragment","jsx","SelectInput"],"mappings":"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"}

package/dist/features/milestone/create/comps/add-custom-chapter/hooks/use-catalog-helpers.js

@@ -1,41 +1,39 @@
 import { useMemo as t } from "react";
-import { GOAL_CATEGORY as S } from "../../../../constants.js";
-import { getGradesBasedOnGoalAvailability as e, getMajorsFromConfigBasedOnBoardAndGrade as m } from "../../../milestone-create-helpers.js";
-import { getCategorizedCurriculumStandards as B } from "../../class-details-step/class-details-utils.js";
-const b = ({
+import { GOAL_CATEGORY as A } from "../../../../constants.js";
+import { getGradesBasedOnGoalAvailability as S, getMajorsFromConfigBasedOnBoardAndGrade as e } from "../../../milestone-create-helpers.js";
+import { getCategorizedCurriculumStandards as m } from "../../class-details-step/class-details-utils.js";
+const _ = ({
   config: r,
-  searchChapterFields: G,
-  region: s,
+  searchChapterFields: u,
+  region: o,
   courseStream: d,
-  classRatio: o,
-  enrollmentType: a,
-  flow: O
+  classRatio: s,
+  enrollmentType: a
 }) => {
-  const { selectedCurriculum: u = "", selectedGrade: C = "" } = G, g = t(() => e(r, "SCHOOL_SUCCESS", d, a), [r, d, a]), i = t(
-    () => B(r, {
-      countryCode: s ?? "",
+  const { selectedCurriculum: O = "", selectedGrade: C = "" } = u, G = t(() => S(r, "SCHOOL_SUCCESS", d, a), [r, d, a]), g = t(
+    () => m(r, {
+      countryCode: o ?? "",
       grade: C,
-      goalCategory: S.SCHOOL_SUCCESS,
+      goalCategory: A.SCHOOL_SUCCESS,
       courseStream: d,
-      classRatio: o,
-      enrollmentType: a,
-      flow: O
+      classRatio: s,
+      enrollmentType: a
     }),
-    [r, s, C, d, o, a, O]
-  ), A = t(() => m(
+    [r, o, C, d, s, a]
+  ), i = t(() => e(
     r,
-    u,
+    O,
     C,
     d,
     a
-  ), [C, a, u, r, d]);
+  ), [C, a, O, r, d]);
   return {
-    grades: g,
-    boards: i,
-    majors: A
+    grades: G,
+    boards: g,
+    majors: i
   };
 };
 export {
-  b as useCatalogHelpers
+  _ as useCatalogHelpers
 };
 //# sourceMappingURL=use-catalog-helpers.js.map

package/dist/features/milestone/create/comps/add-custom-chapter/hooks/use-catalog-helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-catalog-helpers.js","sources":["../../../../../../../src/features/milestone/create/comps/add-custom-chapter/hooks/use-catalog-helpers.ts"],"sourcesContent":["import type { ISectionOption } from '../../../../../ui/section-list/section-list-types';\nimport type {\n  IMilestoneConfig,\n  ISearchChapterFields,\n  TCourseStream,\n  TCurriculumStandardOption,\n  TEnrollmentTypes,\n  TMilestoneFormFlow,\n} from '../../../milestone-create-types';\n\nimport { useMemo } from 'react';\n\nimport { GOAL_CATEGORY } from '../../../../constants';\nimport {\n  getGradesBasedOnGoalAvailability,\n  getMajorsFromConfigBasedOnBoardAndGrade,\n} from '../../../milestone-create-helpers';\nimport { getCategorizedCurriculumStandards } from '../../class-details-step/class-details-utils';\n\ntype TOptions = { id: string; label: string };\n\ninterface IUseCatalogHelpers {\n  (args: {\n    config: IMilestoneConfig;\n    searchChapterFields: Partial<ISearchChapterFields>;\n    region: string;\n    courseStream: TCourseStream;\n    classRatio: number;\n    enrollmentType: TEnrollmentTypes;\n    flow?: TMilestoneFormFlow | null;\n  }): {\n    grades: TOptions[];\n    boards: ISectionOption<TCurriculumStandardOption>[];\n    majors: TOptions[];\n  };\n}\n\nconst useCatalogHelpers: IUseCatalogHelpers = ({\n  config,\n  searchChapterFields,\n  region,\n  courseStream,\n  classRatio,\n  enrollmentType,\n  flow,\n}) => {\n  const { selectedCurriculum = '', selectedGrade = '' } = searchChapterFields;\n\n  const grades = useMemo(() => {\n    //* We don't allow to add custom chapters to TEST_PREP & ENRICHMENT\n    return getGradesBasedOnGoalAvailability(config, 'SCHOOL_SUCCESS', courseStream, enrollmentType);\n  }, [config, courseStream, enrollmentType]);\n\n  const boards = useMemo(\n    () =>\n      getCategorizedCurriculumStandards(config, {\n        countryCode: region ?? '',\n        grade: selectedGrade,\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream,\n        classRatio,\n        enrollmentType,\n        flow,\n      }),\n    [config, region, selectedGrade, courseStream, classRatio, enrollmentType, flow],\n  );\n\n  const majors = useMemo(() => {\n    return getMajorsFromConfigBasedOnBoardAndGrade(\n      config,\n      selectedCurriculum,\n      selectedGrade,\n      courseStream,\n      enrollmentType,\n    );\n  }, [selectedGrade, enrollmentType, selectedCurriculum, config, courseStream]);\n\n  return {\n    grades,\n    boards,\n    majors,\n  };\n};\n\nexport { useCatalogHelpers };\n"],"names":["useCatalogHelpers","config","searchChapterFields","region","courseStream","classRatio","enrollmentType","flow","selectedCurriculum","selectedGrade","grades","useMemo","getGradesBasedOnGoalAvailability","boards","getCategorizedCurriculumStandards","GOAL_CATEGORY","majors","getMajorsFromConfigBasedOnBoardAndGrade"],"mappings":";;;;AAqCA,MAAMA,IAAwC,CAAC;AAAA,EAC7C,QAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,MAAAC;AACF,MAAM;AACJ,QAAM,EAAE,oBAAAC,IAAqB,IAAI,eAAAC,IAAgB,OAAOP,GAElDQ,IAASC,EAAQ,MAEdC,EAAiCX,GAAQ,kBAAkBG,GAAcE,CAAc,GAC7F,CAACL,GAAQG,GAAcE,CAAc,CAAC,GAEnCO,IAASF;AAAA,IACb,MACEG,EAAkCb,GAAQ;AAAA,MACxC,aAAaE,KAAU;AAAA,MACvB,OAAOM;AAAA,MACP,cAAcM,EAAc;AAAA,MAC5B,cAAAX;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,MAAAC;AAAA,IAAA,CACD;AAAA,IACH,CAACN,GAAQE,GAAQM,GAAeL,GAAcC,GAAYC,GAAgBC,CAAI;AAAA,EAAA,GAG1ES,IAASL,EAAQ,MACdM;AAAA,IACLhB;AAAA,IACAO;AAAA,IACAC;AAAA,IACAL;AAAA,IACAE;AAAA,EAAA,GAED,CAACG,GAAeH,GAAgBE,GAAoBP,GAAQG,CAAY,CAAC;AAErE,SAAA;AAAA,IACL,QAAAM;AAAA,IACA,QAAAG;AAAA,IACA,QAAAG;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"use-catalog-helpers.js","sources":["../../../../../../../src/features/milestone/create/comps/add-custom-chapter/hooks/use-catalog-helpers.ts"],"sourcesContent":["import type { ISectionOption } from '../../../../../ui/section-list/section-list-types';\nimport type {\n  IMilestoneConfig,\n  ISearchChapterFields,\n  TCourseStream,\n  TCurriculumStandardOption,\n  TEnrollmentTypes,\n} from '../../../milestone-create-types';\n\nimport { useMemo } from 'react';\n\nimport { GOAL_CATEGORY } from '../../../../constants';\nimport {\n  getGradesBasedOnGoalAvailability,\n  getMajorsFromConfigBasedOnBoardAndGrade,\n} from '../../../milestone-create-helpers';\nimport { getCategorizedCurriculumStandards } from '../../class-details-step/class-details-utils';\n\ntype TOptions = { id: string; label: string };\n\ninterface IUseCatalogHelpers {\n  (args: {\n    config: IMilestoneConfig;\n    searchChapterFields: Partial<ISearchChapterFields>;\n    region: string;\n    courseStream: TCourseStream;\n    classRatio: number;\n    enrollmentType: TEnrollmentTypes;\n  }): {\n    grades: TOptions[];\n    boards: ISectionOption<TCurriculumStandardOption>[];\n    majors: TOptions[];\n  };\n}\n\nconst useCatalogHelpers: IUseCatalogHelpers = ({\n  config,\n  searchChapterFields,\n  region,\n  courseStream,\n  classRatio,\n  enrollmentType,\n}) => {\n  const { selectedCurriculum = '', selectedGrade = '' } = searchChapterFields;\n\n  const grades = useMemo(() => {\n    //* We don't allow to add custom chapters to TEST_PREP & ENRICHMENT\n    return getGradesBasedOnGoalAvailability(config, 'SCHOOL_SUCCESS', courseStream, enrollmentType);\n  }, [config, courseStream, enrollmentType]);\n\n  const boards = useMemo(\n    () =>\n      getCategorizedCurriculumStandards(config, {\n        countryCode: region ?? '',\n        grade: selectedGrade,\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream,\n        classRatio,\n        enrollmentType,\n      }),\n    [config, region, selectedGrade, courseStream, classRatio, enrollmentType],\n  );\n\n  const majors = useMemo(() => {\n    return getMajorsFromConfigBasedOnBoardAndGrade(\n      config,\n      selectedCurriculum,\n      selectedGrade,\n      courseStream,\n      enrollmentType,\n    );\n  }, [selectedGrade, enrollmentType, selectedCurriculum, config, courseStream]);\n\n  return {\n    grades,\n    boards,\n    majors,\n  };\n};\n\nexport { useCatalogHelpers };\n"],"names":["useCatalogHelpers","config","searchChapterFields","region","courseStream","classRatio","enrollmentType","selectedCurriculum","selectedGrade","grades","useMemo","getGradesBasedOnGoalAvailability","boards","getCategorizedCurriculumStandards","GOAL_CATEGORY","majors","getMajorsFromConfigBasedOnBoardAndGrade"],"mappings":";;;;AAmCA,MAAMA,IAAwC,CAAC;AAAA,EAC7C,QAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AACF,MAAM;AACJ,QAAM,EAAE,oBAAAC,IAAqB,IAAI,eAAAC,IAAgB,OAAON,GAElDO,IAASC,EAAQ,MAEdC,EAAiCV,GAAQ,kBAAkBG,GAAcE,CAAc,GAC7F,CAACL,GAAQG,GAAcE,CAAc,CAAC,GAEnCM,IAASF;AAAA,IACb,MACEG,EAAkCZ,GAAQ;AAAA,MACxC,aAAaE,KAAU;AAAA,MACvB,OAAOK;AAAA,MACP,cAAcM,EAAc;AAAA,MAC5B,cAAAV;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,IAAA,CACD;AAAA,IACH,CAACL,GAAQE,GAAQK,GAAeJ,GAAcC,GAAYC,CAAc;AAAA,EAAA,GAGpES,IAASL,EAAQ,MACdM;AAAA,IACLf;AAAA,IACAM;AAAA,IACAC;AAAA,IACAJ;AAAA,IACAE;AAAA,EAAA,GAED,CAACE,GAAeF,GAAgBC,GAAoBN,GAAQG,CAAY,CAAC;AAErE,SAAA;AAAA,IACL,QAAAK;AAAA,IACA,QAAAG;AAAA,IACA,QAAAG;AAAA,EAAA;AAEJ;"}

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

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

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

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