@cuemath/leap 3.3.37 → 3.4.0

package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-intro-journey.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-puzzle-intro-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-intro-journey.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\nimport type { IUsePuzzleIntroJourney } from './puzzle-journey-types';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport PuzzleIcon2 from '../../../../assets/line-icons/icons/puzzle2';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { getTheme } from '../../../ui/theme/get-theme';\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleIntroJourney = ({ onJourneyComplete }: IUsePuzzleIntroJourney) => {\n  const journeyId = JOURNEY_ID_TEACHER.PUZZLE_INTRO_JOURNEY;\n\n  const puzzleIconRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { setJourney, endJourney, nextCoachmark } = useJourney();\n  const { colors } = getTheme();\n\n  const handleNextCoachMark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, false);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    endJourney(journeyId);\n    onJourneyComplete();\n  }, [endJourney, journeyId, onJourneyComplete]);\n\n  const startJourney = useCallback(() => {\n    if (!puzzleIconRef?.current) {\n      return;\n    }\n\n    const puzzleAttemptSteps: ICoachmarkProps[] = [\n      {\n        originalElementToHighlightRef: puzzleIconRef,\n        elementToHighlight: (\n          <FlexView $gap={12} $gutter={12}>\n            <PuzzleIcon2 width={20} height={20} fill={colors.PURPLE_4} />\n          </FlexView>\n        ),\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          renderAs: 'primary',\n          tooltipXCoOrdinates: -100,\n          tooltipYCoOrdinates: -1,\n          arrowSize: 12,\n          arrowXCoOrdinates: 100,\n          position: 'bottom',\n          backgroundColor: 'PURPLE_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              element={\n                <FlexView>\n                  <Text $renderAs=\"ac4-black\">Improved puzzles experience!</Text>\n                  <Text $renderAs=\"ab2\">One puzzle per class, auto-adapted to student level.</Text>\n                </FlexView>\n              }\n              buttonLabel=\"Click to View\"\n              ctaWidth=\"max-content\"\n              onButtonClick={handleEndJourney}\n            />\n          ),\n        } as IArrowTooltipProps,\n        isActive: false,\n      },\n    ];\n\n    setJourney(journeyId, puzzleAttemptSteps);\n\n    const delayBeforeStart = setTimeout(() => {\n      clearTimeout(delayBeforeStart);\n      document.body.style.overflow = 'hidden';\n      handleNextCoachMark();\n    }, 500);\n\n    timerRefs.current.push(delayBeforeStart);\n  }, [colors.PURPLE_4, handleEndJourney, handleNextCoachMark, journeyId, setJourney]);\n\n  const data = useMemo(\n    () => ({\n      puzzleIconRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { usePuzzleIntroJourney };\n"],"names":["usePuzzleIntroJourney","onJourneyComplete","journeyId","JOURNEY_ID_TEACHER","puzzleIconRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","colors","getTheme","handleNextCoachMark","useCallback","handleEndJourney","startJourney","puzzleAttemptSteps","jsx","FlexView","PuzzleIcon2","IndicatorType","TooltipItem","Text","delayBeforeStart","useMemo"],"mappings":";;;;;;;;;;AAeA,MAAMA,IAAwB,CAAC,EAAE,mBAAAC,QAAgD;AAC/E,QAAMC,IAAYC,EAAmB,sBAE/BC,IAAgBC,EAAuB,IAAI,GAC3CC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GACvD,EAAE,QAAAC,MAAWC,KAEbC,IAAsBC,EAAY,MAAM;AAC9B,IAAAL,EAAAP,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWO,CAAa,CAAC,GAEvBM,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BN,EAAWN,CAAS,GACFD;EACjB,GAAA,CAACO,GAAYN,GAAWD,CAAiB,CAAC,GAEvCe,IAAeF,EAAY,MAAM;AACjC,QAAA,EAACV,KAAA,QAAAA,EAAe;AAClB;AAGF,UAAMa,IAAwC;AAAA,MAC5C;AAAA,QACE,+BAA+Bb;AAAA,QAC/B,oBACG,gBAAAc,EAAAC,GAAA,EAAS,MAAM,IAAI,SAAS,IAC3B,UAAA,gBAAAD,EAACE,GAAY,EAAA,OAAO,IAAI,QAAQ,IAAI,MAAMT,EAAO,SAAU,CAAA,GAC7D;AAAA,QAEF,MAAMU,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,2BACGH,GACC,EAAA,UAAA;AAAA,gBAAC,gBAAAD,EAAAK,GAAA,EAAK,WAAU,aAAY,UAA4B,gCAAA;AAAA,gBACvD,gBAAAL,EAAAK,GAAA,EAAK,WAAU,OAAM,UAAoD,wDAAA;AAAA,cAAA,GAC5E;AAAA,cAEF,aAAY;AAAA,cACZ,UAAS;AAAA,cACT,eAAeR;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,QACA,UAAU;AAAA,MACZ;AAAA,IAAA;AAGF,IAAAR,EAAWL,GAAWe,CAAkB;AAElC,UAAAO,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXX;OACnB,GAAG;AAEI,IAAAP,EAAA,QAAQ,KAAKkB,CAAgB;AAAA,EAAA,GACtC,CAACb,EAAO,UAAUI,GAAkBF,GAAqBX,GAAWK,CAAU,CAAC;AAU3E,SARMkB;AAAA,IACX,OAAO;AAAA,MACL,eAAArB;AAAA,MACA,cAAAY;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}
+{"version":3,"file":"use-puzzle-intro-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-intro-journey.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, type RefObject } from 'react';\n\nimport PuzzleIcon2 from '../../../../assets/line-icons/icons/puzzle2';\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { getTheme } from '../../../ui/theme/get-theme';\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\nimport type { IUsePuzzleIntroJourney } from './puzzle-journey-types';\n\nconst usePuzzleIntroJourney = ({ onJourneyComplete }: IUsePuzzleIntroJourney) => {\n  const journeyId = JOURNEY_ID_TEACHER.PUZZLE_INTRO_JOURNEY;\n\n  const puzzleIconRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { setJourney, endJourney, nextCoachmark } = useJourney();\n  const { colors } = getTheme();\n\n  const handleNextCoachMark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, false);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    endJourney(journeyId);\n    onJourneyComplete();\n  }, [endJourney, journeyId, onJourneyComplete]);\n\n  const startJourney = useCallback(() => {\n    if (!puzzleIconRef?.current) {\n      return;\n    }\n\n    const puzzleAttemptSteps: ICoachmarkProps[] = [\n      {\n        originalElementToHighlightRef: puzzleIconRef,\n        elementToHighlight: (\n          <FlexView $gap={12} $gutter={12}>\n            <PuzzleIcon2 width={20} height={20} fill={colors.PURPLE_4} />\n          </FlexView>\n        ),\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          renderAs: 'primary',\n          tooltipXCoOrdinates: -100,\n          tooltipYCoOrdinates: -1,\n          arrowSize: 12,\n          arrowXCoOrdinates: 100,\n          position: 'bottom',\n          backgroundColor: 'PURPLE_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              element={\n                <FlexView>\n                  <Text $renderAs=\"ac4-black\">Improved puzzles experience!</Text>\n                  <Text $renderAs=\"ab2\">One puzzle per class, auto-adapted to student level.</Text>\n                </FlexView>\n              }\n              buttonLabel=\"Click to View\"\n              ctaWidth=\"max-content\"\n              onButtonClick={handleEndJourney}\n            />\n          ),\n        } as IArrowTooltipProps,\n        isActive: false,\n      },\n    ];\n\n    setJourney(journeyId, puzzleAttemptSteps);\n\n    const delayBeforeStart = setTimeout(() => {\n      clearTimeout(delayBeforeStart);\n      document.body.style.overflow = 'hidden';\n      handleNextCoachMark();\n    }, 500);\n\n    timerRefs.current.push(delayBeforeStart);\n  }, [colors.PURPLE_4, handleEndJourney, handleNextCoachMark, journeyId, setJourney]);\n\n  const data = useMemo(\n    () => ({\n      puzzleIconRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { usePuzzleIntroJourney };\n"],"names":["usePuzzleIntroJourney","onJourneyComplete","journeyId","JOURNEY_ID_TEACHER","puzzleIconRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","colors","getTheme","handleNextCoachMark","useCallback","handleEndJourney","startJourney","puzzleAttemptSteps","jsx","FlexView","PuzzleIcon2","IndicatorType","TooltipItem","Text","delayBeforeStart","useMemo"],"mappings":";;;;;;;;;;AAcA,MAAMA,IAAwB,CAAC,EAAE,mBAAAC,QAAgD;AAC/E,QAAMC,IAAYC,EAAmB,sBAE/BC,IAAgBC,EAAuB,IAAI,GAC3CC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GACvD,EAAE,QAAAC,MAAWC,KAEbC,IAAsBC,EAAY,MAAM;AAC9B,IAAAL,EAAAP,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWO,CAAa,CAAC,GAEvBM,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BN,EAAWN,CAAS,GACFD;EACjB,GAAA,CAACO,GAAYN,GAAWD,CAAiB,CAAC,GAEvCe,IAAeF,EAAY,MAAM;AACjC,QAAA,EAACV,KAAA,QAAAA,EAAe;AAClB;AAGF,UAAMa,IAAwC;AAAA,MAC5C;AAAA,QACE,+BAA+Bb;AAAA,QAC/B,oBACG,gBAAAc,EAAAC,GAAA,EAAS,MAAM,IAAI,SAAS,IAC3B,UAAA,gBAAAD,EAACE,GAAY,EAAA,OAAO,IAAI,QAAQ,IAAI,MAAMT,EAAO,SAAU,CAAA,GAC7D;AAAA,QAEF,MAAMU,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,2BACGH,GACC,EAAA,UAAA;AAAA,gBAAC,gBAAAD,EAAAK,GAAA,EAAK,WAAU,aAAY,UAA4B,gCAAA;AAAA,gBACvD,gBAAAL,EAAAK,GAAA,EAAK,WAAU,OAAM,UAAoD,wDAAA;AAAA,cAAA,GAC5E;AAAA,cAEF,aAAY;AAAA,cACZ,UAAS;AAAA,cACT,eAAeR;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,QACA,UAAU;AAAA,MACZ;AAAA,IAAA;AAGF,IAAAR,EAAWL,GAAWe,CAAkB;AAElC,UAAAO,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXX;OACnB,GAAG;AAEI,IAAAP,EAAA,QAAQ,KAAKkB,CAAgB;AAAA,EAAA,GACtC,CAACb,EAAO,UAAUI,GAAkBF,GAAqBX,GAAWK,CAAU,CAAC;AAU3E,SARMkB;AAAA,IACX,OAAO;AAAA,MACL,eAAArB;AAAA,MACA,cAAAY;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}

package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-progress-journey.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-puzzle-progress-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-progress-journey.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleProgressJourney = () => {\n  const journeyId = JOURNEY_ID_TEACHER.PUZZLE_PROGRESS_JOURNEY;\n\n  const puzzleProgressRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n  const handleNextCoachMark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, false);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    endJourney(journeyId);\n  }, [endJourney, journeyId]);\n\n  const startJourney = useCallback(() => {\n    if (!puzzleProgressRef?.current) {\n      return;\n    }\n\n    const puzzleAttemptSteps: ICoachmarkProps[] = [\n      {\n        originalElementToHighlightRef: puzzleProgressRef,\n        elementToHighlight: (\n          <FlexView\n            $widthX={3.625}\n            $flexDirection=\"row\"\n            $background=\"WHITE\"\n            $justifyContent=\"center\"\n            $alignItems=\"center\"\n          >\n            <Text $renderAs=\"ub2\">Progress</Text>\n          </FlexView>\n        ),\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          renderAs: 'primary',\n          tooltipXCoOrdinates: -100,\n          arrowSize: 12,\n          arrowXCoOrdinates: 100,\n          position: 'bottom',\n          backgroundColor: 'GREEN_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              text=\"Puzzles are available on the timeline view.\"\n              buttonLabel=\"Got it\"\n              onButtonClick={handleEndJourney}\n            />\n          ),\n        } as IArrowTooltipProps,\n        isActive: false,\n      },\n    ];\n\n    setJourney(journeyId, puzzleAttemptSteps);\n\n    const delayBeforeStart = setTimeout(() => {\n      clearTimeout(delayBeforeStart);\n      document.body.style.overflow = 'hidden';\n      handleNextCoachMark();\n    }, 500);\n\n    timerRefs.current.push(delayBeforeStart);\n  }, [handleEndJourney, handleNextCoachMark, journeyId, setJourney]);\n\n  const data = useMemo(\n    () => ({\n      puzzleProgressRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { usePuzzleProgressJourney };\n"],"names":["usePuzzleProgressJourney","journeyId","JOURNEY_ID_TEACHER","puzzleProgressRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","puzzleAttemptSteps","jsx","FlexView","Text","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;;AAYA,MAAMA,IAA2B,MAAM;AACrC,QAAMC,IAAYC,EAAmB,yBAE/BC,IAAoBC,EAAuB,IAAI,GAC/CC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAP,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWO,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWN,CAAS;AAAA,EAAA,GACnB,CAACM,GAAYN,CAAS,CAAC,GAEpBY,IAAeF,EAAY,MAAM;AACjC,QAAA,EAACR,KAAA,QAAAA,EAAmB;AACtB;AAGF,UAAMW,IAAwC;AAAA,MAC5C;AAAA,QACE,+BAA+BX;AAAA,QAC/B,oBACE,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,aAAY;AAAA,YAEZ,UAAC,gBAAAD,EAAAE,GAAA,EAAK,WAAU,OAAM,UAAQ,YAAA;AAAA,UAAA;AAAA,QAChC;AAAA,QAEF,MAAMC,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,aAAY;AAAA,cACZ,eAAeP;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,QACA,UAAU;AAAA,MACZ;AAAA,IAAA;AAGF,IAAAN,EAAWL,GAAWa,CAAkB;AAElC,UAAAM,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXV;OACnB,GAAG;AAEI,IAAAL,EAAA,QAAQ,KAAKe,CAAgB;AAAA,KACtC,CAACR,GAAkBF,GAAqBT,GAAWK,CAAU,CAAC;AAU1D,SARMe;AAAA,IACX,OAAO;AAAA,MACL,mBAAAlB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}
+{"version":3,"file":"use-puzzle-progress-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-progress-journey.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, type RefObject } from 'react';\n\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleProgressJourney = () => {\n  const journeyId = JOURNEY_ID_TEACHER.PUZZLE_PROGRESS_JOURNEY;\n\n  const puzzleProgressRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n  const handleNextCoachMark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, false);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    endJourney(journeyId);\n  }, [endJourney, journeyId]);\n\n  const startJourney = useCallback(() => {\n    if (!puzzleProgressRef?.current) {\n      return;\n    }\n\n    const puzzleAttemptSteps: ICoachmarkProps[] = [\n      {\n        originalElementToHighlightRef: puzzleProgressRef,\n        elementToHighlight: (\n          <FlexView\n            $widthX={3.625}\n            $flexDirection=\"row\"\n            $background=\"WHITE\"\n            $justifyContent=\"center\"\n            $alignItems=\"center\"\n          >\n            <Text $renderAs=\"ub2\">Progress</Text>\n          </FlexView>\n        ),\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          renderAs: 'primary',\n          tooltipXCoOrdinates: -100,\n          arrowSize: 12,\n          arrowXCoOrdinates: 100,\n          position: 'bottom',\n          backgroundColor: 'GREEN_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              text=\"Puzzles are available on the timeline view.\"\n              buttonLabel=\"Got it\"\n              onButtonClick={handleEndJourney}\n            />\n          ),\n        } as IArrowTooltipProps,\n        isActive: false,\n      },\n    ];\n\n    setJourney(journeyId, puzzleAttemptSteps);\n\n    const delayBeforeStart = setTimeout(() => {\n      clearTimeout(delayBeforeStart);\n      document.body.style.overflow = 'hidden';\n      handleNextCoachMark();\n    }, 500);\n\n    timerRefs.current.push(delayBeforeStart);\n  }, [handleEndJourney, handleNextCoachMark, journeyId, setJourney]);\n\n  const data = useMemo(\n    () => ({\n      puzzleProgressRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { usePuzzleProgressJourney };\n"],"names":["usePuzzleProgressJourney","journeyId","JOURNEY_ID_TEACHER","puzzleProgressRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","puzzleAttemptSteps","jsx","FlexView","Text","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;;AAWA,MAAMA,IAA2B,MAAM;AACrC,QAAMC,IAAYC,EAAmB,yBAE/BC,IAAoBC,EAAuB,IAAI,GAC/CC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAP,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWO,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWN,CAAS;AAAA,EAAA,GACnB,CAACM,GAAYN,CAAS,CAAC,GAEpBY,IAAeF,EAAY,MAAM;AACjC,QAAA,EAACR,KAAA,QAAAA,EAAmB;AACtB;AAGF,UAAMW,IAAwC;AAAA,MAC5C;AAAA,QACE,+BAA+BX;AAAA,QAC/B,oBACE,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,aAAY;AAAA,YAEZ,UAAC,gBAAAD,EAAAE,GAAA,EAAK,WAAU,OAAM,UAAQ,YAAA;AAAA,UAAA;AAAA,QAChC;AAAA,QAEF,MAAMC,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,aAAY;AAAA,cACZ,eAAeP;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,QACA,UAAU;AAAA,MACZ;AAAA,IAAA;AAGF,IAAAN,EAAWL,GAAWa,CAAkB;AAElC,UAAAM,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXV;OACnB,GAAG;AAEI,IAAAL,EAAA,QAAQ,KAAKe,CAAgB;AAAA,KACtC,CAACR,GAAkBF,GAAqBT,GAAWK,CAAU,CAAC;AAU1D,SARMe;AAAA,IACX,OAAO;AAAA,MACL,mBAAAlB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}

package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-review-journey.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-puzzle-review-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-review-journey.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleReviewJourney = () => {\n  const journeyId = JOURNEY_ID_TEACHER.PUZZLE_REVIEW_JOURNEY;\n\n  const puzzleReviewCtaRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n  const handleNextCoachMark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, false);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    endJourney(journeyId);\n  }, [endJourney, journeyId]);\n\n  const startJourney = useCallback(() => {\n    if (!puzzleReviewCtaRef?.current) {\n      return;\n    }\n\n    const puzzleAttemptSteps: ICoachmarkProps[] = [\n      {\n        originalElementToHighlightRef: puzzleReviewCtaRef,\n        elementToHighlight: (\n          <div>\n            <Button widthX={6} renderAs=\"primary\" size=\"small\" label=\"Review\" />\n          </div>\n        ),\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          renderAs: 'primary',\n          tooltipXCoOrdinates: -100,\n          arrowSize: 12,\n          arrowXCoOrdinates: 100,\n          position: 'top',\n          backgroundColor: 'ORANGE_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              text={`Click here to review the student's solution.`}\n              buttonLabel=\"Got it\"\n              onButtonClick={handleEndJourney}\n            />\n          ),\n        } as IArrowTooltipProps,\n        isActive: false,\n      },\n    ];\n\n    setJourney(journeyId, puzzleAttemptSteps);\n\n    const delayBeforeStart = setTimeout(() => {\n      clearTimeout(delayBeforeStart);\n      document.body.style.overflow = 'hidden';\n      handleNextCoachMark();\n    }, 500);\n\n    timerRefs.current.push(delayBeforeStart);\n  }, [handleEndJourney, handleNextCoachMark, journeyId, setJourney]);\n\n  const data = useMemo(\n    () => ({\n      puzzleReviewCtaRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { usePuzzleReviewJourney };\n"],"names":["usePuzzleReviewJourney","journeyId","JOURNEY_ID_TEACHER","puzzleReviewCtaRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","puzzleAttemptSteps","jsx","Button","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;AAWA,MAAMA,IAAyB,MAAM;AACnC,QAAMC,IAAYC,EAAmB,uBAE/BC,IAAqBC,EAAuB,IAAI,GAChDC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAP,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWO,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWN,CAAS;AAAA,EAAA,GACnB,CAACM,GAAYN,CAAS,CAAC,GAEpBY,IAAeF,EAAY,MAAM;AACjC,QAAA,EAACR,KAAA,QAAAA,EAAoB;AACvB;AAGF,UAAMW,IAAwC;AAAA,MAC5C;AAAA,QACE,+BAA+BX;AAAA,QAC/B,oBACE,gBAAAY,EAAC,OACC,EAAA,UAAA,gBAAAA,EAACC,GAAO,EAAA,QAAQ,GAAG,UAAS,WAAU,MAAK,SAAQ,OAAM,SAAS,CAAA,GACpE;AAAA,QAEF,MAAMC,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,aAAY;AAAA,cACZ,eAAeN;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,QACA,UAAU;AAAA,MACZ;AAAA,IAAA;AAGF,IAAAN,EAAWL,GAAWa,CAAkB;AAElC,UAAAK,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXT;OACnB,GAAG;AAEI,IAAAL,EAAA,QAAQ,KAAKc,CAAgB;AAAA,KACtC,CAACP,GAAkBF,GAAqBT,GAAWK,CAAU,CAAC;AAU1D,SARMc;AAAA,IACX,OAAO;AAAA,MACL,oBAAAjB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}
+{"version":3,"file":"use-puzzle-review-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-review-journey.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, type RefObject } from 'react';\n\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport Button from '../../../ui/buttons/button/button';\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleReviewJourney = () => {\n  const journeyId = JOURNEY_ID_TEACHER.PUZZLE_REVIEW_JOURNEY;\n\n  const puzzleReviewCtaRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n  const handleNextCoachMark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, false);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    endJourney(journeyId);\n  }, [endJourney, journeyId]);\n\n  const startJourney = useCallback(() => {\n    if (!puzzleReviewCtaRef?.current) {\n      return;\n    }\n\n    const puzzleAttemptSteps: ICoachmarkProps[] = [\n      {\n        originalElementToHighlightRef: puzzleReviewCtaRef,\n        elementToHighlight: (\n          <div>\n            <Button widthX={6} renderAs=\"primary\" size=\"small\" label=\"Review\" />\n          </div>\n        ),\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          renderAs: 'primary',\n          tooltipXCoOrdinates: -100,\n          arrowSize: 12,\n          arrowXCoOrdinates: 100,\n          position: 'top',\n          backgroundColor: 'ORANGE_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              text={`Click here to review the student's solution.`}\n              buttonLabel=\"Got it\"\n              onButtonClick={handleEndJourney}\n            />\n          ),\n        } as IArrowTooltipProps,\n        isActive: false,\n      },\n    ];\n\n    setJourney(journeyId, puzzleAttemptSteps);\n\n    const delayBeforeStart = setTimeout(() => {\n      clearTimeout(delayBeforeStart);\n      document.body.style.overflow = 'hidden';\n      handleNextCoachMark();\n    }, 500);\n\n    timerRefs.current.push(delayBeforeStart);\n  }, [handleEndJourney, handleNextCoachMark, journeyId, setJourney]);\n\n  const data = useMemo(\n    () => ({\n      puzzleReviewCtaRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { usePuzzleReviewJourney };\n"],"names":["usePuzzleReviewJourney","journeyId","JOURNEY_ID_TEACHER","puzzleReviewCtaRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","puzzleAttemptSteps","jsx","Button","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;AAUA,MAAMA,IAAyB,MAAM;AACnC,QAAMC,IAAYC,EAAmB,uBAE/BC,IAAqBC,EAAuB,IAAI,GAChDC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAP,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWO,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWN,CAAS;AAAA,EAAA,GACnB,CAACM,GAAYN,CAAS,CAAC,GAEpBY,IAAeF,EAAY,MAAM;AACjC,QAAA,EAACR,KAAA,QAAAA,EAAoB;AACvB;AAGF,UAAMW,IAAwC;AAAA,MAC5C;AAAA,QACE,+BAA+BX;AAAA,QAC/B,oBACE,gBAAAY,EAAC,OACC,EAAA,UAAA,gBAAAA,EAACC,GAAO,EAAA,QAAQ,GAAG,UAAS,WAAU,MAAK,SAAQ,OAAM,SAAS,CAAA,GACpE;AAAA,QAEF,MAAMC,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,aAAY;AAAA,cACZ,eAAeN;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,QACA,UAAU;AAAA,MACZ;AAAA,IAAA;AAGF,IAAAN,EAAWL,GAAWa,CAAkB;AAElC,UAAAK,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXT;OACnB,GAAG;AAEI,IAAAL,EAAA,QAAQ,KAAKc,CAAgB;AAAA,KACtC,CAACP,GAAkBF,GAAqBT,GAAWK,CAAU,CAAC;AAU1D,SARMc;AAAA,IACX,OAAO;AAAA,MACL,oBAAAjB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}

package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-unassign-journey.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-puzzle-unassign-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-unassign-journey.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleUnassignJourney = () => {\n  const journeyId = JOURNEY_ID_TEACHER.PUZZLE_UNASSIGN_JOURNEY;\n\n  const puzzleUnassignRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n  const handleNextCoachMark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, false);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    endJourney(journeyId);\n  }, [endJourney, journeyId]);\n\n  const startJourney = useCallback(() => {\n    if (!puzzleUnassignRef?.current) {\n      return;\n    }\n\n    const puzzleAttemptSteps: ICoachmarkProps[] = [\n      {\n        originalElementToHighlightRef: puzzleUnassignRef,\n        elementToHighlight: (\n          <div>\n            <Button widthX={6} renderAs=\"primary\" size=\"small\" label=\"Unassign\" />\n          </div>\n        ),\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          renderAs: 'primary',\n          tooltipXCoOrdinates: -100,\n          arrowSize: 12,\n          arrowXCoOrdinates: 100,\n          position: 'top',\n          backgroundColor: 'PURPLE_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              text=\"You can click here to unassign the puzzle.\"\n              buttonLabel=\"Got it\"\n              onButtonClick={handleEndJourney}\n            />\n          ),\n        } as IArrowTooltipProps,\n        isActive: false,\n      },\n    ];\n\n    setJourney(journeyId, puzzleAttemptSteps);\n\n    const delayBeforeStart = setTimeout(() => {\n      clearTimeout(delayBeforeStart);\n      document.body.style.overflow = 'hidden';\n      handleNextCoachMark();\n    }, 500);\n\n    timerRefs.current.push(delayBeforeStart);\n  }, [handleEndJourney, handleNextCoachMark, journeyId, setJourney]);\n\n  const data = useMemo(\n    () => ({\n      puzzleUnassignRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { usePuzzleUnassignJourney };\n"],"names":["usePuzzleUnassignJourney","journeyId","JOURNEY_ID_TEACHER","puzzleUnassignRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","puzzleAttemptSteps","jsx","Button","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;AAWA,MAAMA,IAA2B,MAAM;AACrC,QAAMC,IAAYC,EAAmB,yBAE/BC,IAAoBC,EAAuB,IAAI,GAC/CC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAP,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWO,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWN,CAAS;AAAA,EAAA,GACnB,CAACM,GAAYN,CAAS,CAAC,GAEpBY,IAAeF,EAAY,MAAM;AACjC,QAAA,EAACR,KAAA,QAAAA,EAAmB;AACtB;AAGF,UAAMW,IAAwC;AAAA,MAC5C;AAAA,QACE,+BAA+BX;AAAA,QAC/B,oBACE,gBAAAY,EAAC,OACC,EAAA,UAAA,gBAAAA,EAACC,GAAO,EAAA,QAAQ,GAAG,UAAS,WAAU,MAAK,SAAQ,OAAM,WAAW,CAAA,GACtE;AAAA,QAEF,MAAMC,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,aAAY;AAAA,cACZ,eAAeN;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,QACA,UAAU;AAAA,MACZ;AAAA,IAAA;AAGF,IAAAN,EAAWL,GAAWa,CAAkB;AAElC,UAAAK,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXT;OACnB,GAAG;AAEI,IAAAL,EAAA,QAAQ,KAAKc,CAAgB;AAAA,KACtC,CAACP,GAAkBF,GAAqBT,GAAWK,CAAU,CAAC;AAU1D,SARMc;AAAA,IACX,OAAO;AAAA,MACL,mBAAAjB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}
+{"version":3,"file":"use-puzzle-unassign-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-unassign-journey.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef } from 'react';\n\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport Button from '../../../ui/buttons/button/button';\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleUnassignJourney = () => {\n  const journeyId = JOURNEY_ID_TEACHER.PUZZLE_UNASSIGN_JOURNEY;\n\n  const puzzleUnassignRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n  const handleNextCoachMark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, false);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    endJourney(journeyId);\n  }, [endJourney, journeyId]);\n\n  const startJourney = useCallback(() => {\n    if (!puzzleUnassignRef?.current) {\n      return;\n    }\n\n    const puzzleAttemptSteps: ICoachmarkProps[] = [\n      {\n        originalElementToHighlightRef: puzzleUnassignRef,\n        elementToHighlight: (\n          <div>\n            <Button widthX={6} renderAs=\"primary\" size=\"small\" label=\"Unassign\" />\n          </div>\n        ),\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          renderAs: 'primary',\n          tooltipXCoOrdinates: -100,\n          arrowSize: 12,\n          arrowXCoOrdinates: 100,\n          position: 'top',\n          backgroundColor: 'PURPLE_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              text=\"You can click here to unassign the puzzle.\"\n              buttonLabel=\"Got it\"\n              onButtonClick={handleEndJourney}\n            />\n          ),\n        } as IArrowTooltipProps,\n        isActive: false,\n      },\n    ];\n\n    setJourney(journeyId, puzzleAttemptSteps);\n\n    const delayBeforeStart = setTimeout(() => {\n      clearTimeout(delayBeforeStart);\n      document.body.style.overflow = 'hidden';\n      handleNextCoachMark();\n    }, 500);\n\n    timerRefs.current.push(delayBeforeStart);\n  }, [handleEndJourney, handleNextCoachMark, journeyId, setJourney]);\n\n  const data = useMemo(\n    () => ({\n      puzzleUnassignRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { usePuzzleUnassignJourney };\n"],"names":["usePuzzleUnassignJourney","journeyId","JOURNEY_ID_TEACHER","puzzleUnassignRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","puzzleAttemptSteps","jsx","Button","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;AAUA,MAAMA,IAA2B,MAAM;AACrC,QAAMC,IAAYC,EAAmB,yBAE/BC,IAAoBC,EAAuB,IAAI,GAC/CC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAP,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWO,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWN,CAAS;AAAA,EAAA,GACnB,CAACM,GAAYN,CAAS,CAAC,GAEpBY,IAAeF,EAAY,MAAM;AACjC,QAAA,EAACR,KAAA,QAAAA,EAAmB;AACtB;AAGF,UAAMW,IAAwC;AAAA,MAC5C;AAAA,QACE,+BAA+BX;AAAA,QAC/B,oBACE,gBAAAY,EAAC,OACC,EAAA,UAAA,gBAAAA,EAACC,GAAO,EAAA,QAAQ,GAAG,UAAS,WAAU,MAAK,SAAQ,OAAM,WAAW,CAAA,GACtE;AAAA,QAEF,MAAMC,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,aAAY;AAAA,cACZ,eAAeN;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,QACA,UAAU;AAAA,MACZ;AAAA,IAAA;AAGF,IAAAN,EAAWL,GAAWa,CAAkB;AAElC,UAAAK,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXT;OACnB,GAAG;AAEI,IAAAL,EAAA,QAAQ,KAAKc,CAAgB;AAAA,KACtC,CAACP,GAAkBF,GAAqBT,GAAWK,CAAU,CAAC;AAU1D,SARMc;AAAA,IACX,OAAO;AAAA,MACL,mBAAAjB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}

package/dist/features/journey/hooks/use-puzzles-journey/use-teacher-puzzle-assigned-journey.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-teacher-puzzle-assigned-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-teacher-puzzle-assigned-journey.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst useTeacherPuzzleAssignedJourney = () => {\n  const journeyId = JOURNEY_ID_TEACHER.PUZZLE_ASSIGN_JOURNEY;\n\n  const puzzleHomeTabRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n  const handleNextCoachMark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, false);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    endJourney(journeyId);\n  }, [endJourney, journeyId]);\n\n  const startJourney = useCallback(() => {\n    if (!puzzleHomeTabRef?.current) {\n      return;\n    }\n\n    const puzzleAttemptSteps: ICoachmarkProps[] = [\n      {\n        originalElementToHighlightRef: puzzleHomeTabRef,\n        elementToHighlight: (\n          <FlexView\n            $widthX={2.75}\n            $flexDirection=\"row\"\n            $background=\"WHITE\"\n            $justifyContent=\"center\"\n            $alignItems=\"center\"\n          >\n            <Text $renderAs=\"ub2\">Home</Text>\n          </FlexView>\n        ),\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          renderAs: 'primary',\n          tooltipXCoOrdinates: 100,\n          arrowSize: 12,\n          arrowXCoOrdinates: -100,\n          position: 'bottom',\n          backgroundColor: 'GREEN_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              text=\"Puzzle assigned as homework. Discuss it in the next class.\"\n              buttonLabel=\"Got it\"\n              onButtonClick={handleEndJourney}\n            />\n          ),\n        } as IArrowTooltipProps,\n        isActive: false,\n      },\n    ];\n\n    setJourney(journeyId, puzzleAttemptSteps);\n\n    const delayBeforeStart = setTimeout(() => {\n      clearTimeout(delayBeforeStart);\n      document.body.style.overflow = 'hidden';\n      handleNextCoachMark();\n    }, 500);\n\n    timerRefs.current.push(delayBeforeStart);\n  }, [handleEndJourney, handleNextCoachMark, journeyId, setJourney]);\n\n  const data = useMemo(\n    () => ({\n      puzzleHomeTabRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { useTeacherPuzzleAssignedJourney };\n"],"names":["useTeacherPuzzleAssignedJourney","journeyId","JOURNEY_ID_TEACHER","puzzleHomeTabRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","puzzleAttemptSteps","jsx","FlexView","Text","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;;AAYA,MAAMA,IAAkC,MAAM;AAC5C,QAAMC,IAAYC,EAAmB,uBAE/BC,IAAmBC,EAAuB,IAAI,GAC9CC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAP,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWO,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWN,CAAS;AAAA,EAAA,GACnB,CAACM,GAAYN,CAAS,CAAC,GAEpBY,IAAeF,EAAY,MAAM;AACjC,QAAA,EAACR,KAAA,QAAAA,EAAkB;AACrB;AAGF,UAAMW,IAAwC;AAAA,MAC5C;AAAA,QACE,+BAA+BX;AAAA,QAC/B,oBACE,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,aAAY;AAAA,YAEZ,UAAC,gBAAAD,EAAAE,GAAA,EAAK,WAAU,OAAM,UAAI,QAAA;AAAA,UAAA;AAAA,QAC5B;AAAA,QAEF,MAAMC,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,aAAY;AAAA,cACZ,eAAeP;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,QACA,UAAU;AAAA,MACZ;AAAA,IAAA;AAGF,IAAAN,EAAWL,GAAWa,CAAkB;AAElC,UAAAM,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXV;OACnB,GAAG;AAEI,IAAAL,EAAA,QAAQ,KAAKe,CAAgB;AAAA,KACtC,CAACR,GAAkBF,GAAqBT,GAAWK,CAAU,CAAC;AAU1D,SARMe;AAAA,IACX,OAAO;AAAA,MACL,kBAAAlB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}
+{"version":3,"file":"use-teacher-puzzle-assigned-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-teacher-puzzle-assigned-journey.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef } from 'react';\n\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst useTeacherPuzzleAssignedJourney = () => {\n  const journeyId = JOURNEY_ID_TEACHER.PUZZLE_ASSIGN_JOURNEY;\n\n  const puzzleHomeTabRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n  const handleNextCoachMark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, false);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    endJourney(journeyId);\n  }, [endJourney, journeyId]);\n\n  const startJourney = useCallback(() => {\n    if (!puzzleHomeTabRef?.current) {\n      return;\n    }\n\n    const puzzleAttemptSteps: ICoachmarkProps[] = [\n      {\n        originalElementToHighlightRef: puzzleHomeTabRef,\n        elementToHighlight: (\n          <FlexView\n            $widthX={2.75}\n            $flexDirection=\"row\"\n            $background=\"WHITE\"\n            $justifyContent=\"center\"\n            $alignItems=\"center\"\n          >\n            <Text $renderAs=\"ub2\">Home</Text>\n          </FlexView>\n        ),\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          renderAs: 'primary',\n          tooltipXCoOrdinates: 100,\n          arrowSize: 12,\n          arrowXCoOrdinates: -100,\n          position: 'bottom',\n          backgroundColor: 'GREEN_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              text=\"Puzzle assigned as homework. Discuss it in the next class.\"\n              buttonLabel=\"Got it\"\n              onButtonClick={handleEndJourney}\n            />\n          ),\n        } as IArrowTooltipProps,\n        isActive: false,\n      },\n    ];\n\n    setJourney(journeyId, puzzleAttemptSteps);\n\n    const delayBeforeStart = setTimeout(() => {\n      clearTimeout(delayBeforeStart);\n      document.body.style.overflow = 'hidden';\n      handleNextCoachMark();\n    }, 500);\n\n    timerRefs.current.push(delayBeforeStart);\n  }, [handleEndJourney, handleNextCoachMark, journeyId, setJourney]);\n\n  const data = useMemo(\n    () => ({\n      puzzleHomeTabRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { useTeacherPuzzleAssignedJourney };\n"],"names":["useTeacherPuzzleAssignedJourney","journeyId","JOURNEY_ID_TEACHER","puzzleHomeTabRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","puzzleAttemptSteps","jsx","FlexView","Text","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;;AAWA,MAAMA,IAAkC,MAAM;AAC5C,QAAMC,IAAYC,EAAmB,uBAE/BC,IAAmBC,EAAuB,IAAI,GAC9CC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAP,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWO,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWN,CAAS;AAAA,EAAA,GACnB,CAACM,GAAYN,CAAS,CAAC,GAEpBY,IAAeF,EAAY,MAAM;AACjC,QAAA,EAACR,KAAA,QAAAA,EAAkB;AACrB;AAGF,UAAMW,IAAwC;AAAA,MAC5C;AAAA,QACE,+BAA+BX;AAAA,QAC/B,oBACE,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,aAAY;AAAA,YAEZ,UAAC,gBAAAD,EAAAE,GAAA,EAAK,WAAU,OAAM,UAAI,QAAA;AAAA,UAAA;AAAA,QAC5B;AAAA,QAEF,MAAMC,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,aAAY;AAAA,cACZ,eAAeP;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,QACA,UAAU;AAAA,MACZ;AAAA,IAAA;AAGF,IAAAN,EAAWL,GAAWa,CAAkB;AAElC,UAAAM,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXV;OACnB,GAAG;AAEI,IAAAL,EAAA,QAAQ,KAAKe,CAAgB;AAAA,KACtC,CAACR,GAAkBF,GAAqBT,GAAWK,CAAU,CAAC;AAU1D,SARMe;AAAA,IACX,OAAO;AAAA,MACL,kBAAAlB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}

package/dist/features/journey/use-journey/journey-context-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"journey-context-provider.js","sources":["../../../../src/features/journey/use-journey/journey-context-provider.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport type { TJourneyId } from '../journey-id/journey-id-types';\nimport type {\n  ICoachmarkProps,\n  IJourneyContext,\n  IJourneyProviderProps,\n  TCoachmarkJourneyProps,\n} from './journey-context-types';\nimport type { FC, RefObject } from 'react';\n\nimport { createContext, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Coachmark } from '../comps/coachmark/coachmark';\nimport { useGetUserJourney, usePostUserJourney } from '../user-journey-api/user-journey-api';\nimport * as S from './journey-styled';\n\nexport const JourneyContext = createContext<IJourneyContext | null>(null);\n\nexport const JourneyProvider: FC<IJourneyProviderProps> = ({ children, appId, userId }) => {\n  const [isBlockingJourney, setIsBlockingJourney] = useState<boolean>(true);\n  const [isJourneyBlurred, setIsJourneyBlurred] = useState<boolean>(false);\n  const [userCompletedJourneyIds, setUserCompletedJourneyIds] = useState<TJourneyId[] | null>(null);\n  const [coachmarkList, setCoachmarkList] = useState<ICoachmarkProps[]>([]);\n  const [isJourneyActive, setIsJourneyActive] = useState(false);\n  const currentIndex = useRef(-1);\n  const currentJourneyId = useRef<TJourneyId | undefined>(undefined);\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const [isScrollableJourney, setIsScrollableJourney] = useState<boolean>(false);\n  const [overlaySize, setOverlaySize] = useState({\n    height: window.innerHeight,\n    width: window.innerWidth,\n  });\n\n  const { post: postJourneyCompletion } = usePostUserJourney();\n  const { data: userCompletedJourneys = null, get: getJourneyProgress } = useGetUserJourney();\n\n  const setJourney = useCallback(\n    (\n      id: TJourneyId,\n      coachmarks: TCoachmarkJourneyProps[],\n      scrollableContRef?: RefObject<HTMLDivElement | null>,\n      isBlocking: boolean = true,\n    ) => {\n      if (coachmarkList.length > 0) {\n        console.error(\n          `setJourney: Other Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`,\n        );\n\n        return;\n      }\n      setIsJourneyActive(true);\n      setIsBlockingJourney(isBlocking);\n      currentJourneyId.current = id;\n      currentIndex.current = -1;\n      setCoachmarkList(\n        coachmarks.map((item: TCoachmarkJourneyProps) => {\n          return {\n            ...item,\n            isActive: false, // New coachmarks are inactive by default\n          } as ICoachmarkProps;\n        }),\n      );\n      if (scrollableContRef) {\n        setOverlaySize({\n          height: scrollableContRef.current?.clientHeight || window.innerHeight,\n          width: scrollableContRef.current?.clientWidth || window.innerWidth,\n        });\n        setIsScrollableJourney(true);\n      }\n    },\n    [coachmarkList.length],\n  );\n\n  const clearJourney = useCallback(() => {\n    // Clear all timers\n    timerRefs.current.forEach(timer => {\n      clearTimeout(timer);\n    });\n    timerRefs.current = [];\n    currentJourneyId.current = undefined;\n    currentIndex.current = -1;\n    setCoachmarkList([]);\n    setIsJourneyActive(false);\n  }, []);\n\n  const endJourney = useCallback(\n    (journeyId: TJourneyId) => {\n      clearJourney();\n      setUserCompletedJourneyIds(prev => {\n        if (prev && !prev.includes(journeyId)) {\n          return [...prev, journeyId];\n        }\n\n        return prev;\n      });\n      // fire the API (doesn’t block the UI)\n      postJourneyCompletion({\n        app_id: appId,\n        user_id: userId,\n        journey_id: journeyId,\n        journey_status: 'COMPLETED',\n      });\n    },\n    [appId, clearJourney, postJourneyCompletion, userId],\n  );\n\n  const addCoachmark = useCallback((id: TJourneyId, coachmark: TCoachmarkJourneyProps) => {\n    if (!currentJourneyId.current || id !== currentJourneyId.current) {\n      console.error(\n        currentJourneyId.current\n          ? `A Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`\n          : `addCoachmark was called before setJourney and Journey ID is undefined`,\n      );\n\n      return;\n    }\n\n    setCoachmarkList(prev => [\n      ...prev,\n      {\n        ...coachmark,\n        isActive: false, // New coachmarks are inactive by default\n      } as ICoachmarkProps,\n    ]);\n  }, []);\n\n  const nextCoachmark = useCallback(\n    (\n      id: TJourneyId,\n      keepPrevActive: boolean = false,\n      delayInMs: number = 0,\n      shouldBlurNextJourney: boolean = false,\n    ) => {\n      if (!currentJourneyId.current || id !== currentJourneyId.current) {\n        console.error(\n          currentJourneyId.current\n            ? `nextCoachmark was called before setJourney`\n            : `A Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`,\n        );\n\n        return;\n      }\n\n      setIsJourneyBlurred(shouldBlurNextJourney);\n\n      if (delayInMs !== 0) {\n        // If delay is not 0, we will hide all them coachmarks and reveal only after the delay\n        setCoachmarkList(prevList => {\n          return prevList.map((item: TCoachmarkJourneyProps) => {\n            return { ...item, isActive: false };\n          });\n        });\n      }\n\n      const timer = setTimeout(() => {\n        clearTimeout(timer);\n        const currIndex = currentIndex.current + 1;\n\n        setCoachmarkList(prevList => {\n          // Finish onboarding\n          if (currIndex >= prevList.length || prevList.length === 0) {\n            clearJourney();\n\n            return [];\n          }\n\n          currentIndex.current = currIndex;\n          const updatedCoachmarkList = [...prevList];\n\n          (updatedCoachmarkList[currIndex] as ICoachmarkProps).isActive = true;\n\n          if (currIndex > 0) {\n            (updatedCoachmarkList[currIndex - 1] as ICoachmarkProps).isActive = keepPrevActive;\n          }\n\n          return updatedCoachmarkList;\n        });\n      }, delayInMs);\n\n      timerRefs.current.push(timer);\n    },\n    [clearJourney],\n  );\n\n  const memoizedContextValue: IJourneyContext = useMemo(\n    () => ({\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarks: coachmarkList,\n      userCompletedJourneyIds,\n      isJourneyActive,\n    }),\n    [\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarkList,\n      userCompletedJourneyIds,\n      isJourneyActive,\n    ],\n  );\n\n  // Get the initial state of incompleteJourneys\n  useEffect(() => {\n    if (appId && userId) {\n      getJourneyProgress(userId, {\n        app_id: appId,\n        user_id: userId,\n        journey_status: 'COMPLETED',\n      });\n    }\n  }, [appId, getJourneyProgress, userId]);\n\n  // Set the data to context state initially\n  useEffect(() => {\n    if (userCompletedJourneys) {\n      const completedUserJourneysIds = userCompletedJourneys.map(journey => journey.journey_id);\n\n      setUserCompletedJourneyIds(completedUserJourneysIds);\n    }\n  }, [userCompletedJourneys]);\n\n  return (\n    <JourneyContext.Provider value={memoizedContextValue}>\n      {isJourneyActive && (\n        <S.Overlay\n          about=\"journey-overlay\"\n          height={overlaySize.height}\n          width={overlaySize.width}\n          $isJourneyBlurred={isJourneyBlurred}\n          $isBlockingJourney={isBlockingJourney}\n          data-testid={currentJourneyId.current}\n        >\n          {coachmarkList.map((coachmark, index) => (\n            <Coachmark\n              key={`coachmark-${index}`}\n              coachmark={coachmark}\n              isInsideScrollView={isScrollableJourney}\n            />\n          ))}\n        </S.Overlay>\n      )}\n      {children}\n    </JourneyContext.Provider>\n  );\n};\n"],"names":["JourneyContext","createContext","JourneyProvider","children","appId","userId","isBlockingJourney","setIsBlockingJourney","useState","isJourneyBlurred","setIsJourneyBlurred","userCompletedJourneyIds","setUserCompletedJourneyIds","coachmarkList","setCoachmarkList","isJourneyActive","setIsJourneyActive","currentIndex","useRef","currentJourneyId","timerRefs","isScrollableJourney","setIsScrollableJourney","overlaySize","setOverlaySize","postJourneyCompletion","usePostUserJourney","userCompletedJourneys","getJourneyProgress","useGetUserJourney","setJourney","useCallback","id","coachmarks","scrollableContRef","isBlocking","item","_a","_b","clearJourney","timer","endJourney","journeyId","prev","addCoachmark","coachmark","nextCoachmark","keepPrevActive","delayInMs","shouldBlurNextJourney","prevList","currIndex","updatedCoachmarkList","memoizedContextValue","useMemo","useEffect","completedUserJourneysIds","journey","jsxs","jsx","S.Overlay","index","Coachmark"],"mappings":"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"}
+{"version":3,"file":"journey-context-provider.js","sources":["../../../../src/features/journey/use-journey/journey-context-provider.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport type { FC, RefObject } from 'react';\nimport { createContext, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Coachmark } from '../comps/coachmark/coachmark';\nimport type { TJourneyId } from '../journey-id/journey-id-types';\nimport { useGetUserJourney, usePostUserJourney } from '../user-journey-api/user-journey-api';\nimport type {\n  ICoachmarkProps,\n  IJourneyContext,\n  IJourneyProviderProps,\n  TCoachmarkJourneyProps,\n} from './journey-context-types';\nimport * as S from './journey-styled';\n\nexport const JourneyContext = createContext<IJourneyContext | null>(null);\n\nexport const JourneyProvider: FC<IJourneyProviderProps> = ({ children, appId, userId }) => {\n  const [isBlockingJourney, setIsBlockingJourney] = useState<boolean>(true);\n  const [isJourneyBlurred, setIsJourneyBlurred] = useState<boolean>(false);\n  const [userCompletedJourneyIds, setUserCompletedJourneyIds] = useState<TJourneyId[] | null>(null);\n  const [coachmarkList, setCoachmarkList] = useState<ICoachmarkProps[]>([]);\n  const [isJourneyActive, setIsJourneyActive] = useState(false);\n  const currentIndex = useRef(-1);\n  const currentJourneyId = useRef<TJourneyId | undefined>(undefined);\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const [isScrollableJourney, setIsScrollableJourney] = useState<boolean>(false);\n  const [overlaySize, setOverlaySize] = useState({\n    height: window.innerHeight,\n    width: window.innerWidth,\n  });\n\n  const { post: postJourneyCompletion } = usePostUserJourney();\n  const { data: userCompletedJourneys = null, get: getJourneyProgress } = useGetUserJourney();\n\n  const setJourney = useCallback(\n    (\n      id: TJourneyId,\n      coachmarks: TCoachmarkJourneyProps[],\n      scrollableContRef?: RefObject<HTMLDivElement | null>,\n      isBlocking: boolean = true,\n    ) => {\n      if (coachmarkList.length > 0) {\n        console.error(\n          `setJourney: Other Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`,\n        );\n\n        return;\n      }\n      setIsJourneyActive(true);\n      setIsBlockingJourney(isBlocking);\n      currentJourneyId.current = id;\n      currentIndex.current = -1;\n      setCoachmarkList(\n        coachmarks.map((item: TCoachmarkJourneyProps) => {\n          return {\n            ...item,\n            isActive: false, // New coachmarks are inactive by default\n          } as ICoachmarkProps;\n        }),\n      );\n      if (scrollableContRef) {\n        setOverlaySize({\n          height: scrollableContRef.current?.clientHeight || window.innerHeight,\n          width: scrollableContRef.current?.clientWidth || window.innerWidth,\n        });\n        setIsScrollableJourney(true);\n      }\n    },\n    [coachmarkList.length],\n  );\n\n  const clearJourney = useCallback(() => {\n    // Clear all timers\n    timerRefs.current.forEach(timer => {\n      clearTimeout(timer);\n    });\n    timerRefs.current = [];\n    currentJourneyId.current = undefined;\n    currentIndex.current = -1;\n    setCoachmarkList([]);\n    setIsJourneyActive(false);\n  }, []);\n\n  const endJourney = useCallback(\n    (journeyId: TJourneyId) => {\n      clearJourney();\n      setUserCompletedJourneyIds(prev => {\n        if (prev && !prev.includes(journeyId)) {\n          return [...prev, journeyId];\n        }\n\n        return prev;\n      });\n      // fire the API (doesn’t block the UI)\n      postJourneyCompletion({\n        app_id: appId,\n        user_id: userId,\n        journey_id: journeyId,\n        journey_status: 'COMPLETED',\n      });\n    },\n    [appId, clearJourney, postJourneyCompletion, userId],\n  );\n\n  const addCoachmark = useCallback((id: TJourneyId, coachmark: TCoachmarkJourneyProps) => {\n    if (!currentJourneyId.current || id !== currentJourneyId.current) {\n      console.error(\n        currentJourneyId.current\n          ? `A Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`\n          : `addCoachmark was called before setJourney and Journey ID is undefined`,\n      );\n\n      return;\n    }\n\n    setCoachmarkList(prev => [\n      ...prev,\n      {\n        ...coachmark,\n        isActive: false, // New coachmarks are inactive by default\n      } as ICoachmarkProps,\n    ]);\n  }, []);\n\n  const nextCoachmark = useCallback(\n    (\n      id: TJourneyId,\n      keepPrevActive: boolean = false,\n      delayInMs: number = 0,\n      shouldBlurNextJourney: boolean = false,\n    ) => {\n      if (!currentJourneyId.current || id !== currentJourneyId.current) {\n        console.error(\n          currentJourneyId.current\n            ? `nextCoachmark was called before setJourney`\n            : `A Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`,\n        );\n\n        return;\n      }\n\n      setIsJourneyBlurred(shouldBlurNextJourney);\n\n      if (delayInMs !== 0) {\n        // If delay is not 0, we will hide all them coachmarks and reveal only after the delay\n        setCoachmarkList(prevList => {\n          return prevList.map((item: TCoachmarkJourneyProps) => {\n            return { ...item, isActive: false };\n          });\n        });\n      }\n\n      const timer = setTimeout(() => {\n        clearTimeout(timer);\n        const currIndex = currentIndex.current + 1;\n\n        setCoachmarkList(prevList => {\n          // Finish onboarding\n          if (currIndex >= prevList.length || prevList.length === 0) {\n            clearJourney();\n\n            return [];\n          }\n\n          currentIndex.current = currIndex;\n          const updatedCoachmarkList = [...prevList];\n\n          (updatedCoachmarkList[currIndex] as ICoachmarkProps).isActive = true;\n\n          if (currIndex > 0) {\n            (updatedCoachmarkList[currIndex - 1] as ICoachmarkProps).isActive = keepPrevActive;\n          }\n\n          return updatedCoachmarkList;\n        });\n      }, delayInMs);\n\n      timerRefs.current.push(timer);\n    },\n    [clearJourney],\n  );\n\n  const memoizedContextValue: IJourneyContext = useMemo(\n    () => ({\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarks: coachmarkList,\n      userCompletedJourneyIds,\n      isJourneyActive,\n    }),\n    [\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarkList,\n      userCompletedJourneyIds,\n      isJourneyActive,\n    ],\n  );\n\n  // Get the initial state of incompleteJourneys\n  useEffect(() => {\n    if (appId && userId) {\n      getJourneyProgress(userId, {\n        app_id: appId,\n        user_id: userId,\n        journey_status: 'COMPLETED',\n      });\n    }\n  }, [appId, getJourneyProgress, userId]);\n\n  // Set the data to context state initially\n  useEffect(() => {\n    if (userCompletedJourneys) {\n      const completedUserJourneysIds = userCompletedJourneys.map(journey => journey.journey_id);\n\n      setUserCompletedJourneyIds(completedUserJourneysIds);\n    }\n  }, [userCompletedJourneys]);\n\n  return (\n    <JourneyContext.Provider value={memoizedContextValue}>\n      {isJourneyActive && (\n        <S.Overlay\n          about=\"journey-overlay\"\n          height={overlaySize.height}\n          width={overlaySize.width}\n          $isJourneyBlurred={isJourneyBlurred}\n          $isBlockingJourney={isBlockingJourney}\n          data-testid={currentJourneyId.current}\n        >\n          {coachmarkList.map((coachmark, index) => (\n            <Coachmark\n              key={`coachmark-${index}`}\n              coachmark={coachmark}\n              isInsideScrollView={isScrollableJourney}\n            />\n          ))}\n        </S.Overlay>\n      )}\n      {children}\n    </JourneyContext.Provider>\n  );\n};\n"],"names":["JourneyContext","createContext","JourneyProvider","children","appId","userId","isBlockingJourney","setIsBlockingJourney","useState","isJourneyBlurred","setIsJourneyBlurred","userCompletedJourneyIds","setUserCompletedJourneyIds","coachmarkList","setCoachmarkList","isJourneyActive","setIsJourneyActive","currentIndex","useRef","currentJourneyId","timerRefs","isScrollableJourney","setIsScrollableJourney","overlaySize","setOverlaySize","postJourneyCompletion","usePostUserJourney","userCompletedJourneys","getJourneyProgress","useGetUserJourney","setJourney","useCallback","id","coachmarks","scrollableContRef","isBlocking","item","_a","_b","clearJourney","timer","endJourney","journeyId","prev","addCoachmark","coachmark","nextCoachmark","keepPrevActive","delayInMs","shouldBlurNextJourney","prevList","currIndex","updatedCoachmarkList","memoizedContextValue","useMemo","useEffect","completedUserJourneysIds","journey","jsxs","jsx","S.Overlay","index","Coachmark"],"mappings":"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"}

package/dist/features/journey/use-journey/journey-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"journey-styled.js","sources":["../../../../src/features/journey/use-journey/journey-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { css } from 'styled-components';\n\nexport const Overlay = styled.div<{\n  $isJourneyBlurred: boolean;\n  $isBlockingJourney: boolean;\n  height: number;\n  width: number;\n}>`\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ${({ $isBlockingJourney, theme }) =>\n    $isBlockingJourney ? theme.zIndex.JOURNEY_OVERLAY : 0};\n  pointer-events: ${({ $isBlockingJourney }) => ($isBlockingJourney ? 'auto' : 'none')};\n\n  height: ${({ height }) => height}px;\n  width: ${({ width }) => width}px;\n  ${({ $isJourneyBlurred, theme }) =>\n    $isJourneyBlurred &&\n    css`\n      background: ${theme.colors.BLACK_T_38};\n      backdrop-filter: blur(80px);\n      -webkit-backdrop-filter: blur(80px);\n    `}\n`;\n"],"names":["Overlay","styled","$isBlockingJourney","theme","height","width","$isJourneyBlurred","css"],"mappings":";AAGO,MAAMA,IAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAWjB,CAAC,EAAE,oBAAAC,GAAoB,OAAAC,QAChCD,IAAqBC,EAAM,OAAO,kBAAkB,CAAC;AAAA,oBACrC,CAAC,EAAE,oBAAAD,EAAA,MAA0BA,IAAqB,SAAS,MAAO;AAAA;AAAA,YAE1E,CAAC,EAAE,QAAAE,EAAO,MAAMA,CAAM;AAAA,WACvB,CAAC,EAAE,OAAAC,EAAM,MAAMA,CAAK;AAAA,IAC3B,CAAC,EAAE,mBAAAC,GAAmB,OAAAH,EAAA,MACtBG,KACAC;AAAA,oBACgBJ,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,KAGtC;AAAA;"}
+{"version":3,"file":"journey-styled.js","sources":["../../../../src/features/journey/use-journey/journey-styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nexport const Overlay = styled.div<{\n  $isJourneyBlurred: boolean;\n  $isBlockingJourney: boolean;\n  height: number;\n  width: number;\n}>`\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ${({ $isBlockingJourney, theme }) =>\n    $isBlockingJourney ? theme.zIndex.JOURNEY_OVERLAY : 0};\n  pointer-events: ${({ $isBlockingJourney }) => ($isBlockingJourney ? 'auto' : 'none')};\n\n  height: ${({ height }) => height}px;\n  width: ${({ width }) => width}px;\n  ${({ $isJourneyBlurred, theme }) =>\n    $isJourneyBlurred &&\n    css`\n      background: ${theme.colors.BLACK_T_38};\n      backdrop-filter: blur(80px);\n      -webkit-backdrop-filter: blur(80px);\n    `}\n`;\n"],"names":["Overlay","styled","$isBlockingJourney","theme","height","width","$isJourneyBlurred","css"],"mappings":";AAEO,MAAMA,IAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAWjB,CAAC,EAAE,oBAAAC,GAAoB,OAAAC,QAChCD,IAAqBC,EAAM,OAAO,kBAAkB,CAAC;AAAA,oBACrC,CAAC,EAAE,oBAAAD,EAAA,MAA0BA,IAAqB,SAAS,MAAO;AAAA;AAAA,YAE1E,CAAC,EAAE,QAAAE,EAAO,MAAMA,CAAM;AAAA,WACvB,CAAC,EAAE,OAAAC,EAAM,MAAMA,CAAK;AAAA,IAC3B,CAAC,EAAE,mBAAAC,GAAmB,OAAAH,EAAA,MACtBG,KACAC;AAAA,oBACgBJ,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,KAGtC;AAAA;"}

package/dist/features/journey/use-journey/use-journey.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-journey.js","sources":["../../../../src/features/journey/use-journey/use-journey.tsx"],"sourcesContent":["import type { IUseJourneyOptions } from './journey-context-types';\n\nimport { useContext } from 'react';\n\nimport { baseJourneyContext } from './constants';\nimport { JourneyContext } from './journey-context-provider';\n\nexport const useJourney = ({ enable = true }: IUseJourneyOptions = {}) => {\n  const context = useContext(JourneyContext);\n\n  // When disabled, return no-op/default values without throwing error\n  if (!enable) {\n    return baseJourneyContext;\n  }\n\n  // When enabled but no context, this indicates incorrect usage\n  if (!context) {\n    throw new Error('useJourney must be used within a JourneyProvider');\n  }\n\n  return context;\n};\n"],"names":["useJourney","enable","context","useContext","JourneyContext","baseJourneyContext"],"mappings":";;;AAOO,MAAMA,IAAa,CAAC,EAAE,QAAAC,IAAS,GAAK,IAAwB,CAAA,MAAO;AAClE,QAAAC,IAAUC,EAAWC,CAAc;AAGzC,MAAI,CAACH;AACI,WAAAI;AAIT,MAAI,CAACH;AACG,UAAA,IAAI,MAAM,kDAAkD;AAG7D,SAAAA;AACT;"}
+{"version":3,"file":"use-journey.js","sources":["../../../../src/features/journey/use-journey/use-journey.tsx"],"sourcesContent":["import { useContext } from 'react';\n\nimport { baseJourneyContext } from './constants';\nimport { JourneyContext } from './journey-context-provider';\nimport type { IUseJourneyOptions } from './journey-context-types';\n\nexport const useJourney = ({ enable = true }: IUseJourneyOptions = {}) => {\n  const context = useContext(JourneyContext);\n\n  // When disabled, return no-op/default values without throwing error\n  if (!enable) {\n    return baseJourneyContext;\n  }\n\n  // When enabled but no context, this indicates incorrect usage\n  if (!context) {\n    throw new Error('useJourney must be used within a JourneyProvider');\n  }\n\n  return context;\n};\n"],"names":["useJourney","enable","context","useContext","JourneyContext","baseJourneyContext"],"mappings":";;;AAMO,MAAMA,IAAa,CAAC,EAAE,QAAAC,IAAS,GAAK,IAAwB,CAAA,MAAO;AAClE,QAAAC,IAAUC,EAAWC,CAAc;AAGzC,MAAI,CAACH;AACI,WAAAI;AAIT,MAAI,CAACH;AACG,UAAA,IAAI,MAAM,kDAAkD;AAG7D,SAAAA;AACT;"}

package/dist/features/journey/user-journey-api/user-journey-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-journey-api.js","sources":["../../../../src/features/journey/user-journey-api/user-journey-api.ts"],"sourcesContent":["import type {\n  TGetJourneyProgressPayloadModel,\n  TGetJourneyProgressResponseModel,\n  TPostJourneyProgressPayloadModel,\n  TPostJourneyProgressResponseModel,\n} from './user-journey-api-types';\n\nimport { createGetAPI, createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\n\nconst { useGet: useGetUserJourney } = createGetAPI<\n  TGetJourneyProgressResponseModel,\n  TGetJourneyProgressPayloadModel\n>({\n  getURL: (_, { app_id, journey_status, user_id }) =>\n    `${BASE_URL_V1}/task/user-journey/?app_id=${app_id}&journey_status=${journey_status}&user_id=${user_id}`,\n});\n\nconst { usePost: usePostUserJourney } = createPostAPI<\n  TPostJourneyProgressResponseModel,\n  TPostJourneyProgressPayloadModel\n>({\n  getURL: () => `${BASE_URL_V1}/task/user-journey/`,\n});\n\nexport { useGetUserJourney, usePostUserJourney };\n"],"names":["useGetUserJourney","createGetAPI","_","app_id","journey_status","user_id","BASE_URL_V1","usePostUserJourney","createPostAPI"],"mappings":";;AAWA,MAAM,EAAE,QAAQA,EAAkB,IAAIC,EAGpC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,QAAAC,GAAQ,gBAAAC,GAAgB,SAAAC,EAAA,MACpC,GAAGC,CAAW,8BAA8BH,CAAM,mBAAmBC,CAAc,YAAYC,CAAO;AAC1G,CAAC,GAEK,EAAE,SAASE,EAAmB,IAAIC,EAGtC;AAAA,EACA,QAAQ,MAAM,GAAGF,CAAW;AAC9B,CAAC;"}
+{"version":3,"file":"user-journey-api.js","sources":["../../../../src/features/journey/user-journey-api/user-journey-api.ts"],"sourcesContent":["import { createGetAPI, createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\nimport type {\n  TGetJourneyProgressPayloadModel,\n  TGetJourneyProgressResponseModel,\n  TPostJourneyProgressPayloadModel,\n  TPostJourneyProgressResponseModel,\n} from './user-journey-api-types';\n\nconst { useGet: useGetUserJourney } = createGetAPI<\n  TGetJourneyProgressResponseModel,\n  TGetJourneyProgressPayloadModel\n>({\n  getURL: (_, { app_id, journey_status, user_id }) =>\n    `${BASE_URL_V1}/task/user-journey/?app_id=${app_id}&journey_status=${journey_status}&user_id=${user_id}`,\n});\n\nconst { usePost: usePostUserJourney } = createPostAPI<\n  TPostJourneyProgressResponseModel,\n  TPostJourneyProgressPayloadModel\n>({\n  getURL: () => `${BASE_URL_V1}/task/user-journey/`,\n});\n\nexport { useGetUserJourney, usePostUserJourney };\n"],"names":["useGetUserJourney","createGetAPI","_","app_id","journey_status","user_id","BASE_URL_V1","usePostUserJourney","createPostAPI"],"mappings":";;AAUA,MAAM,EAAE,QAAQA,EAAkB,IAAIC,EAGpC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,QAAAC,GAAQ,gBAAAC,GAAgB,SAAAC,EAAA,MACpC,GAAGC,CAAW,8BAA8BH,CAAM,mBAAmBC,CAAc,YAAYC,CAAO;AAC1G,CAAC,GAEK,EAAE,SAASE,EAAmB,IAAIC,EAGtC;AAAA,EACA,QAAQ,MAAM,GAAGF,CAAW;AAC9B,CAAC;"}

package/dist/features/maintenance/maintenance.js.map

@@ -1 +1 @@
-{"version":3,"file":"maintenance.js","sources":["../../../src/features/maintenance/maintenance.tsx"],"sourcesContent":["import type { IMaintenanceProps } from './maintenance-types';\n\nimport { format } from 'date-fns/format';\nimport React from 'react';\n\nimport { ILLUSTRATIONS } from '../../assets/illustrations/illustrations';\nimport Button from '../ui/buttons/button/button';\nimport Image from '../ui/image/image';\nimport FlexView from '../ui/layout/flex-view';\nimport Separator from '../ui/separator/separator';\nimport Text from '../ui/text/text';\n\nconst Maintenance: React.FC<IMaintenanceProps> = ({\n  isBusy,\n  onClick,\n  maintenanceStartTs,\n  maintenanceEndTs,\n  underMaintenance,\n  userType,\n}) => {\n  const underMaintenanceText =\n    'We are under maintenance. We apologize for any inconvenience and appreciate your understanding.';\n  let text = underMaintenance\n    ? underMaintenanceText\n    : 'The teaching platform and the Cueteacher app will be under maintenance. If you have any classes scheduled in this hour, please reschedule them to a different time. We apologize for any inconvenience.';\n\n  if (userType === 'STUDENT') {\n    text = underMaintenance\n      ? underMaintenanceText\n      : 'The teaching platform and the Cuemath app will be under maintenance. Your affected class will be either cancelled or rescheduled by your tutor. We apologize for any inconvenience and appreciate your understanding.';\n  }\n\n  return (\n    <FlexView $gutterX={2.5} $gapX={2.5}>\n      <FlexView\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $background=\"ORANGE_1\"\n        $gutterX={1}\n        $gapX={1.5}\n      >\n        <Image withLoader width={170} height={102} src={ILLUSTRATIONS.MAINTENANCE} />\n      </FlexView>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ah4-bold\">\n        {underMaintenance\n          ? `We’ll be back ${\n              maintenanceEndTs ? 'by ' + format(maintenanceEndTs * 1000, 'h:mm a') : 'soon.'\n            }`\n          : `No Classes: ${format(maintenanceStartTs * 1000, 'MMM d, h:mm a')} - ${format(\n              maintenanceEndTs * 1000,\n              'h:mm a',\n            )}`}\n      </Text>\n      <Separator heightX={0.5} />\n      <Text $renderAs=\"ub2\">{text}</Text>\n      {!underMaintenance && (\n        <>\n          <Separator heightX={3} />\n          <FlexView $alignItems=\"flex-end\">\n            <Button\n              onClick={onClick}\n              renderAs=\"primary\"\n              widthX={17}\n              shape=\"square\"\n              label=\"Ok, I’ll check & reschedule\"\n              busy={isBusy}\n            />\n          </FlexView>\n        </>\n      )}\n    </FlexView>\n  );\n};\n\nexport default Maintenance;\n"],"names":["Maintenance","isBusy","onClick","maintenanceStartTs","maintenanceEndTs","underMaintenance","userType","underMaintenanceText","text","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Separator","Text","format","Fragment","Button","Maintenance$1"],"mappings":";;;;;;;;AAYA,MAAMA,IAA2C,CAAC;AAAA,EAChD,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AACJ,QAAMC,IACJ;AACE,MAAAC,IAAOH,IACPE,IACA;AAEJ,SAAID,MAAa,cACfE,IAAOH,IACHE,IACA,0NAIH,gBAAAE,EAAAC,GAAA,EAAS,UAAU,KAAK,OAAO,KAC9B,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QACV,OAAO;AAAA,QAEP,UAAA,gBAAAC,EAACC,GAAM,EAAA,YAAU,IAAC,OAAO,KAAK,QAAQ,KAAK,KAAKC,EAAc,YAAa,CAAA;AAAA,MAAA;AAAA,IAC7E;AAAA,IACA,gBAAAF,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAH,EAACI,KAAK,WAAU,YACb,cACG,iBACEX,IAAmB,QAAQY,EAAOZ,IAAmB,KAAM,QAAQ,IAAI,OACzE,KACA,eAAeY,EAAOb,IAAqB,KAAM,eAAe,CAAC,MAAMa;AAAA,MACrEZ,IAAmB;AAAA,MACnB;AAAA,IACD,CAAA,GACP,CAAA;AAAA,IACA,gBAAAO,EAACG,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACxB,gBAAAH,EAAAI,GAAA,EAAK,WAAU,OAAO,UAAKP,GAAA;AAAA,IAC3B,CAACH,KAEE,gBAAAI,EAAAQ,GAAA,EAAA,UAAA;AAAA,MAAC,gBAAAN,EAAAG,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,MACvB,gBAAAH,EAACD,GAAS,EAAA,aAAY,YACpB,UAAA,gBAAAC;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,SAAAhB;AAAA,UACA,UAAS;AAAA,UACT,QAAQ;AAAA,UACR,OAAM;AAAA,UACN,OAAM;AAAA,UACN,MAAMD;AAAA,QAAA;AAAA,MAAA,GAEV;AAAA,IAAA,GACF;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEAkB,IAAenB;"}
+{"version":3,"file":"maintenance.js","sources":["../../../src/features/maintenance/maintenance.tsx"],"sourcesContent":["import { format } from 'date-fns/format';\nimport { type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../assets/illustrations/illustrations';\nimport Button from '../ui/buttons/button/button';\nimport Image from '../ui/image/image';\nimport FlexView from '../ui/layout/flex-view';\nimport Separator from '../ui/separator/separator';\nimport Text from '../ui/text/text';\nimport type { IMaintenanceProps } from './maintenance-types';\n\nconst Maintenance: FC<IMaintenanceProps> = ({\n  isBusy,\n  onClick,\n  maintenanceStartTs,\n  maintenanceEndTs,\n  underMaintenance,\n  userType,\n}) => {\n  const underMaintenanceText =\n    'We are under maintenance. We apologize for any inconvenience and appreciate your understanding.';\n  let text = underMaintenance\n    ? underMaintenanceText\n    : 'The teaching platform and the Cueteacher app will be under maintenance. If you have any classes scheduled in this hour, please reschedule them to a different time. We apologize for any inconvenience.';\n\n  if (userType === 'STUDENT') {\n    text = underMaintenance\n      ? underMaintenanceText\n      : 'The teaching platform and the Cuemath app will be under maintenance. Your affected class will be either cancelled or rescheduled by your tutor. We apologize for any inconvenience and appreciate your understanding.';\n  }\n\n  return (\n    <FlexView $gutterX={2.5} $gapX={2.5}>\n      <FlexView\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $background=\"ORANGE_1\"\n        $gutterX={1}\n        $gapX={1.5}\n      >\n        <Image withLoader width={170} height={102} src={ILLUSTRATIONS.MAINTENANCE} />\n      </FlexView>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ah4-bold\">\n        {underMaintenance\n          ? `We’ll be back ${\n              maintenanceEndTs ? 'by ' + format(maintenanceEndTs * 1000, 'h:mm a') : 'soon.'\n            }`\n          : `No Classes: ${format(maintenanceStartTs * 1000, 'MMM d, h:mm a')} - ${format(\n              maintenanceEndTs * 1000,\n              'h:mm a',\n            )}`}\n      </Text>\n      <Separator heightX={0.5} />\n      <Text $renderAs=\"ub2\">{text}</Text>\n      {!underMaintenance && (\n        <>\n          <Separator heightX={3} />\n          <FlexView $alignItems=\"flex-end\">\n            <Button\n              onClick={onClick}\n              renderAs=\"primary\"\n              widthX={17}\n              shape=\"square\"\n              label=\"Ok, I’ll check & reschedule\"\n              busy={isBusy}\n            />\n          </FlexView>\n        </>\n      )}\n    </FlexView>\n  );\n};\n\nexport default Maintenance;\n"],"names":["Maintenance","isBusy","onClick","maintenanceStartTs","maintenanceEndTs","underMaintenance","userType","underMaintenanceText","text","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Separator","Text","format","Fragment","Button","Maintenance$1"],"mappings":";;;;;;;;AAWA,MAAMA,IAAqC,CAAC;AAAA,EAC1C,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AACJ,QAAMC,IACJ;AACE,MAAAC,IAAOH,IACPE,IACA;AAEJ,SAAID,MAAa,cACfE,IAAOH,IACHE,IACA,0NAIH,gBAAAE,EAAAC,GAAA,EAAS,UAAU,KAAK,OAAO,KAC9B,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QACV,OAAO;AAAA,QAEP,UAAA,gBAAAC,EAACC,GAAM,EAAA,YAAU,IAAC,OAAO,KAAK,QAAQ,KAAK,KAAKC,EAAc,YAAa,CAAA;AAAA,MAAA;AAAA,IAC7E;AAAA,IACA,gBAAAF,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAH,EAACI,KAAK,WAAU,YACb,cACG,iBACEX,IAAmB,QAAQY,EAAOZ,IAAmB,KAAM,QAAQ,IAAI,OACzE,KACA,eAAeY,EAAOb,IAAqB,KAAM,eAAe,CAAC,MAAMa;AAAA,MACrEZ,IAAmB;AAAA,MACnB;AAAA,IACD,CAAA,GACP,CAAA;AAAA,IACA,gBAAAO,EAACG,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACxB,gBAAAH,EAAAI,GAAA,EAAK,WAAU,OAAO,UAAKP,GAAA;AAAA,IAC3B,CAACH,KAEE,gBAAAI,EAAAQ,GAAA,EAAA,UAAA;AAAA,MAAC,gBAAAN,EAAAG,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,MACvB,gBAAAH,EAACD,GAAS,EAAA,aAAY,YACpB,UAAA,gBAAAC;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,SAAAhB;AAAA,UACA,UAAS;AAAA,UACT,QAAQ;AAAA,UACR,OAAM;AAAA,UACN,OAAM;AAAA,UACN,MAAMD;AAAA,QAAA;AAAA,MAAA,GAEV;AAAA,IAAA,GACF;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEAkB,IAAenB;"}

package/dist/features/milestone/create/api/goal-submit.js.map

@@ -1 +1 @@
-{"version":3,"file":"goal-submit.js","sources":["../../../../../src/features/milestone/create/api/goal-submit.ts"],"sourcesContent":["import type { TMilestonePayload } from '../milestone-create-types';\n\nimport { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_2 } from '../../../../constants/api';\n\nconst { usePost: useGoalCreationPost } = createPostAPI<\n  { id: string },\n  TMilestonePayload,\n  { studentId: string }\n>({\n  getURL: (_, { studentId }) => `${BASE_URL_V3_2}/users/${studentId}/milestones/`,\n});\n\nexport { useGoalCreationPost };\n"],"names":["useGoalCreationPost","createPostAPI","_","studentId","BASE_URL_V3_2"],"mappings":";;AAMA,MAAM,EAAE,SAASA,EAAoB,IAAIC,EAIvC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,EAAgB,MAAA,GAAGC,CAAa,UAAUD,CAAS;AACnE,CAAC;"}
+{"version":3,"file":"goal-submit.js","sources":["../../../../../src/features/milestone/create/api/goal-submit.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_2 } from '../../../../constants/api';\nimport type { TMilestonePayload } from '../milestone-create-types';\n\nconst { usePost: useGoalCreationPost } = createPostAPI<\n  { id: string },\n  TMilestonePayload,\n  { studentId: string }\n>({\n  getURL: (_, { studentId }) => `${BASE_URL_V3_2}/users/${studentId}/milestones/`,\n});\n\nexport { useGoalCreationPost };\n"],"names":["useGoalCreationPost","createPostAPI","_","studentId","BASE_URL_V3_2"],"mappings":";;AAKA,MAAM,EAAE,SAASA,EAAoB,IAAIC,EAIvC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,EAAgB,MAAA,GAAGC,CAAa,UAAUD,CAAS;AACnE,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"milestone-bulk.js","sources":["../../../../../src/features/milestone/create/api/milestone-bulk.ts"],"sourcesContent":["import type { TMilestoneBulkPayload } from '../milestone-create-types';\n\nimport { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_1 } from '../../../../constants/api';\n\nconst { usePost: useMilestoneBulkPost } = createPostAPI<\n  { id: string },\n  TMilestoneBulkPayload,\n  { studentId: string }\n>({\n  getURL: (_, { studentId }) => `${BASE_URL_V3_1}/users/${studentId}/milestones/bulk/`,\n});\n\nexport { useMilestoneBulkPost };\n"],"names":["useMilestoneBulkPost","createPostAPI","_","studentId","BASE_URL_V3_1"],"mappings":";;AAMA,MAAM,EAAE,SAASA,EAAqB,IAAIC,EAIxC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,EAAgB,MAAA,GAAGC,CAAa,UAAUD,CAAS;AACnE,CAAC;"}
+{"version":3,"file":"milestone-bulk.js","sources":["../../../../../src/features/milestone/create/api/milestone-bulk.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_1 } from '../../../../constants/api';\nimport type { TMilestoneBulkPayload } from '../milestone-create-types';\n\nconst { usePost: useMilestoneBulkPost } = createPostAPI<\n  { id: string },\n  TMilestoneBulkPayload,\n  { studentId: string }\n>({\n  getURL: (_, { studentId }) => `${BASE_URL_V3_1}/users/${studentId}/milestones/bulk/`,\n});\n\nexport { useMilestoneBulkPost };\n"],"names":["useMilestoneBulkPost","createPostAPI","_","studentId","BASE_URL_V3_1"],"mappings":";;AAKA,MAAM,EAAE,SAASA,EAAqB,IAAIC,EAIxC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,EAAgB,MAAA,GAAGC,CAAa,UAAUD,CAAS;AACnE,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"milestone-config.js","sources":["../../../../../src/features/milestone/create/api/milestone-config.ts"],"sourcesContent":["import type { IMilestoneConfig } from '../milestone-create-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../constants/api';\nimport { stringify } from '../../../../helpers/query-string';\n\nconst { useGet: useGetMileStoneConfig } = createGetAPI<\n  IMilestoneConfig,\n  { demo_type?: 'TRIAL_V3' } | undefined\n>({\n  getURL: (_, query) => `${BASE_URL_V3}/milestone/config/${query ? `?${stringify(query)}` : ''}`,\n});\n\nexport { useGetMileStoneConfig };\n"],"names":["useGetMileStoneConfig","createGetAPI","_","query","BASE_URL_V3","stringify"],"mappings":";;;AAOA,MAAM,EAAE,QAAQA,EAAsB,IAAIC,EAGxC;AAAA,EACA,QAAQ,CAACC,GAAGC,MAAU,GAAGC,CAAW,qBAAqBD,IAAQ,IAAIE,EAAUF,CAAK,CAAC,KAAK,EAAE;AAC9F,CAAC;"}
+{"version":3,"file":"milestone-config.js","sources":["../../../../../src/features/milestone/create/api/milestone-config.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../constants/api';\nimport { stringify } from '../../../../helpers/query-string';\nimport type { IMilestoneConfig } from '../milestone-create-types';\n\nconst { useGet: useGetMileStoneConfig } = createGetAPI<\n  IMilestoneConfig,\n  { demo_type?: 'TRIAL_V3' } | undefined\n>({\n  getURL: (_, query) => `${BASE_URL_V3}/milestone/config/${query ? `?${stringify(query)}` : ''}`,\n});\n\nexport { useGetMileStoneConfig };\n"],"names":["useGetMileStoneConfig","createGetAPI","_","query","BASE_URL_V3","stringify"],"mappings":";;;AAMA,MAAM,EAAE,QAAQA,EAAsB,IAAIC,EAGxC;AAAA,EACA,QAAQ,CAACC,GAAGC,MAAU,GAAGC,CAAW,qBAAqBD,IAAQ,IAAIE,EAAUF,CAAK,CAAC,KAAK,EAAE;AAC9F,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"milestone-submit.js","sources":["../../../../../src/features/milestone/create/api/milestone-submit.ts"],"sourcesContent":["import type { TMilestonePayload } from '../milestone-create-types';\n\nimport { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../constants/api';\n\nconst { usePost: useMilestonePost } = createPostAPI<\n  { id: string },\n  TMilestonePayload,\n  { studentId: string }\n>({\n  getURL: (_, { studentId }) => `${BASE_URL_V3}/users/${studentId}/milestones/`,\n});\n\nexport { useMilestonePost };\n"],"names":["useMilestonePost","createPostAPI","_","studentId","BASE_URL_V3"],"mappings":";;AAMA,MAAM,EAAE,SAASA,EAAiB,IAAIC,EAIpC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,EAAgB,MAAA,GAAGC,CAAW,UAAUD,CAAS;AACjE,CAAC;"}
+{"version":3,"file":"milestone-submit.js","sources":["../../../../../src/features/milestone/create/api/milestone-submit.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../constants/api';\nimport type { TMilestonePayload } from '../milestone-create-types';\n\nconst { usePost: useMilestonePost } = createPostAPI<\n  { id: string },\n  TMilestonePayload,\n  { studentId: string }\n>({\n  getURL: (_, { studentId }) => `${BASE_URL_V3}/users/${studentId}/milestones/`,\n});\n\nexport { useMilestonePost };\n"],"names":["useMilestonePost","createPostAPI","_","studentId","BASE_URL_V3"],"mappings":";;AAKA,MAAM,EAAE,SAASA,EAAiB,IAAIC,EAIpC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,EAAgB,MAAA,GAAGC,CAAW,UAAUD,CAAS;AACjE,CAAC;"}

package/dist/features/milestone/create/api/recommended-chapters.js.map

@@ -1 +1 @@
-{"version":3,"file":"recommended-chapters.js","sources":["../../../../../src/features/milestone/create/api/recommended-chapters.ts"],"sourcesContent":["import type { IChapterModel } from '../comps/chapter-item/chapter-item-types';\nimport type { TRecommendedChaptersQuery } from '../types';\n\nimport { createGetAllAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../constants/api';\nimport { stringify } from '../../../../helpers/query-string';\n\nconst { useGetAll: useChaptersGetAll, invalidate: invalidateChaptersGetAll } = createGetAllAPI<\n  IChapterModel,\n  TRecommendedChaptersQuery\n>({\n  getURL: (query: TRecommendedChaptersQuery) =>\n    `${BASE_URL_V3}/curriculum/cue-chapters/?${stringify(query)}`,\n});\n\nexport { useChaptersGetAll, invalidateChaptersGetAll };\n"],"names":["useChaptersGetAll","invalidateChaptersGetAll","createGetAllAPI","query","BASE_URL_V3","stringify"],"mappings":";;;AAQA,MAAM,EAAE,WAAWA,GAAmB,YAAYC,EAAA,IAA6BC,EAG7E;AAAA,EACA,QAAQ,CAACC,MACP,GAAGC,CAAW,6BAA6BC,EAAUF,CAAK,CAAC;AAC/D,CAAC;"}
+{"version":3,"file":"recommended-chapters.js","sources":["../../../../../src/features/milestone/create/api/recommended-chapters.ts"],"sourcesContent":["import { createGetAllAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../constants/api';\nimport { stringify } from '../../../../helpers/query-string';\nimport type { IChapterModel } from '../comps/chapter-item/chapter-item-types';\nimport type { TRecommendedChaptersQuery } from '../types';\n\nconst { useGetAll: useChaptersGetAll, invalidate: invalidateChaptersGetAll } = createGetAllAPI<\n  IChapterModel,\n  TRecommendedChaptersQuery\n>({\n  getURL: (query: TRecommendedChaptersQuery) =>\n    `${BASE_URL_V3}/curriculum/cue-chapters/?${stringify(query)}`,\n});\n\nexport { useChaptersGetAll, invalidateChaptersGetAll };\n"],"names":["useChaptersGetAll","invalidateChaptersGetAll","createGetAllAPI","query","BASE_URL_V3","stringify"],"mappings":";;;AAOA,MAAM,EAAE,WAAWA,GAAmB,YAAYC,EAAA,IAA6BC,EAG7E;AAAA,EACA,QAAQ,CAACC,MACP,GAAGC,CAAW,6BAA6BC,EAAUF,CAAK,CAAC;AAC/D,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"add-custom-chapter.js","sources":["../../../../../../src/features/milestone/create/comps/add-custom-chapter/add-custom-chapter.tsx"],"sourcesContent":["import type { IFormStepProps } from '../../milestone-create-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport usePrevious from '../../../../hooks/use-previous';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { useChaptersGetAll } from '../../api/recommended-chapters';\nimport { getFormChapters } from '../../utils';\nimport BodyLayout from '../body-layout/body-layout';\nimport * as Styled from './add-custom-chapters-styled';\nimport CourseCatalog from './course-catalog';\nimport ChapterSearch from './search-chapter/search-chapters';\n\nconst AddCustomChapter: FC<IFormStepProps> = memo(\n  ({\n    onFormDataChange,\n    formData,\n    config,\n    currentStep,\n    isGoalCreation,\n    courseStream,\n    classRatio,\n    enrollmentType,\n    isTeacherTrainingAccount,\n  }) => {\n    const {\n      region,\n      primaryChaptersList,\n      searchChapterFields = {},\n      searchedChaptersList = [],\n      selectedChaptersList = [],\n    } = formData;\n\n    const { buttonLabel, title } = currentStep;\n\n    const {\n      getAll: getCatalogChapters,\n      data: catalogChaptersData,\n      isProcessing,\n      isProcessed,\n    } = useChaptersGetAll();\n\n    const prevCatalogChaptersProcessed = usePrevious(isProcessed);\n    const isAddChapterCtaDisabled = selectedChaptersList.length === 0;\n\n    useEffect(() => {\n      if (prevCatalogChaptersProcessed === false && isProcessed === true && catalogChaptersData) {\n        onFormDataChange({\n          searchedChaptersList: getFormChapters(catalogChaptersData, true),\n        });\n      }\n    }, [prevCatalogChaptersProcessed, isProcessed, catalogChaptersData, onFormDataChange]);\n\n    const handleConfirmCustomChapterAddition = useCallback(() => {\n      const updatedPrimaryChaptersList = primaryChaptersList?.concat(selectedChaptersList);\n\n      onFormDataChange({\n        searchedChaptersList: [],\n        selectedChaptersList: [],\n        chapterSubStages: undefined,\n        searchChapterFields: undefined,\n        primaryChaptersList: updatedPrimaryChaptersList,\n        committed: {\n          selectedChaptersList: true,\n          chapterSubStages: false,\n          searchedChaptersList: true,\n          primaryChaptersList: true,\n          searchChapterFields: false,\n        },\n      });\n    }, [onFormDataChange, primaryChaptersList, selectedChaptersList]);\n\n    return (\n      <BodyLayout\n        overflowHidden\n        bodyHeight=\"100%\"\n        headerElement={\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={1}>\n            <Text $renderAs=\"ab2\">{title}</Text>\n            <CourseCatalog\n              config={config}\n              region={region}\n              courseStream={courseStream}\n              classRatio={classRatio}\n              searchChapterFields={searchChapterFields}\n              onFormDataChange={onFormDataChange}\n              getCatalogChapters={getCatalogChapters}\n              enrollmentType={enrollmentType}\n              isTeacherTrainingAccount={isTeacherTrainingAccount}\n            />\n          </FlexView>\n        }\n        bodyElement={\n          <ChapterSearch\n            searchChapterFields={searchChapterFields}\n            onFormDataChange={onFormDataChange}\n            searchedChaptersList={searchedChaptersList}\n            chaptersList={primaryChaptersList}\n            config={config}\n            formData={formData}\n            isProcessing={isProcessing}\n            isProcessed={isProcessed}\n          />\n        }\n        footerElement={\n          <ArrowTooltip\n            renderAs=\"primary\"\n            tooltipItem=\"Select chapters to add\"\n            position=\"top\"\n            hidden={!isAddChapterCtaDisabled}\n          >\n            <Styled.StyledButton\n              renderAs=\"primary\"\n              size=\"small\"\n              shape=\"square\"\n              widthX={isGoalCreation ? 9 : 12}\n              label={buttonLabel}\n              onClick={handleConfirmCustomChapterAddition}\n              disabled={isAddChapterCtaDisabled}\n            />\n          </ArrowTooltip>\n        }\n      />\n    );\n  },\n);\n\nexport default AddCustomChapter;\n"],"names":["AddCustomChapter","memo","onFormDataChange","formData","config","currentStep","isGoalCreation","courseStream","classRatio","enrollmentType","isTeacherTrainingAccount","region","primaryChaptersList","searchChapterFields","searchedChaptersList","selectedChaptersList","buttonLabel","title","getCatalogChapters","catalogChaptersData","isProcessing","isProcessed","useChaptersGetAll","prevCatalogChaptersProcessed","usePrevious","isAddChapterCtaDisabled","useEffect","getFormChapters","handleConfirmCustomChapterAddition","useCallback","updatedPrimaryChaptersList","jsx","BodyLayout","FlexView","Text","CourseCatalog","ChapterSearch","ArrowTooltip","Styled.StyledButton"],"mappings":"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"}
+{"version":3,"file":"add-custom-chapter.js","sources":["../../../../../../src/features/milestone/create/comps/add-custom-chapter/add-custom-chapter.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { memo, useCallback, useEffect } from 'react';\n\nimport usePrevious from '../../../../hooks/use-previous';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { useChaptersGetAll } from '../../api/recommended-chapters';\nimport type { IFormStepProps } from '../../milestone-create-types';\nimport { getFormChapters } from '../../utils';\nimport BodyLayout from '../body-layout/body-layout';\nimport * as Styled from './add-custom-chapters-styled';\nimport CourseCatalog from './course-catalog';\nimport ChapterSearch from './search-chapter/search-chapters';\n\nconst AddCustomChapter: FC<IFormStepProps> = memo(\n  ({\n    onFormDataChange,\n    formData,\n    config,\n    currentStep,\n    isGoalCreation,\n    courseStream,\n    classRatio,\n    enrollmentType,\n    isTeacherTrainingAccount,\n  }) => {\n    const {\n      region,\n      primaryChaptersList,\n      searchChapterFields = {},\n      searchedChaptersList = [],\n      selectedChaptersList = [],\n    } = formData;\n\n    const { buttonLabel, title } = currentStep;\n\n    const {\n      getAll: getCatalogChapters,\n      data: catalogChaptersData,\n      isProcessing,\n      isProcessed,\n    } = useChaptersGetAll();\n\n    const prevCatalogChaptersProcessed = usePrevious(isProcessed);\n    const isAddChapterCtaDisabled = selectedChaptersList.length === 0;\n\n    useEffect(() => {\n      if (prevCatalogChaptersProcessed === false && isProcessed === true && catalogChaptersData) {\n        onFormDataChange({\n          searchedChaptersList: getFormChapters(catalogChaptersData, true),\n        });\n      }\n    }, [prevCatalogChaptersProcessed, isProcessed, catalogChaptersData, onFormDataChange]);\n\n    const handleConfirmCustomChapterAddition = useCallback(() => {\n      const updatedPrimaryChaptersList = primaryChaptersList?.concat(selectedChaptersList);\n\n      onFormDataChange({\n        searchedChaptersList: [],\n        selectedChaptersList: [],\n        chapterSubStages: undefined,\n        searchChapterFields: undefined,\n        primaryChaptersList: updatedPrimaryChaptersList,\n        committed: {\n          selectedChaptersList: true,\n          chapterSubStages: false,\n          searchedChaptersList: true,\n          primaryChaptersList: true,\n          searchChapterFields: false,\n        },\n      });\n    }, [onFormDataChange, primaryChaptersList, selectedChaptersList]);\n\n    return (\n      <BodyLayout\n        overflowHidden\n        bodyHeight=\"100%\"\n        headerElement={\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={1}>\n            <Text $renderAs=\"ab2\">{title}</Text>\n            <CourseCatalog\n              config={config}\n              region={region}\n              courseStream={courseStream}\n              classRatio={classRatio}\n              searchChapterFields={searchChapterFields}\n              onFormDataChange={onFormDataChange}\n              getCatalogChapters={getCatalogChapters}\n              enrollmentType={enrollmentType}\n              isTeacherTrainingAccount={isTeacherTrainingAccount}\n            />\n          </FlexView>\n        }\n        bodyElement={\n          <ChapterSearch\n            searchChapterFields={searchChapterFields}\n            onFormDataChange={onFormDataChange}\n            searchedChaptersList={searchedChaptersList}\n            chaptersList={primaryChaptersList}\n            config={config}\n            formData={formData}\n            isProcessing={isProcessing}\n            isProcessed={isProcessed}\n          />\n        }\n        footerElement={\n          <ArrowTooltip\n            renderAs=\"primary\"\n            tooltipItem=\"Select chapters to add\"\n            position=\"top\"\n            hidden={!isAddChapterCtaDisabled}\n          >\n            <Styled.StyledButton\n              renderAs=\"primary\"\n              size=\"small\"\n              shape=\"square\"\n              widthX={isGoalCreation ? 9 : 12}\n              label={buttonLabel}\n              onClick={handleConfirmCustomChapterAddition}\n              disabled={isAddChapterCtaDisabled}\n            />\n          </ArrowTooltip>\n        }\n      />\n    );\n  },\n);\n\nexport default AddCustomChapter;\n"],"names":["AddCustomChapter","memo","onFormDataChange","formData","config","currentStep","isGoalCreation","courseStream","classRatio","enrollmentType","isTeacherTrainingAccount","region","primaryChaptersList","searchChapterFields","searchedChaptersList","selectedChaptersList","buttonLabel","title","getCatalogChapters","catalogChaptersData","isProcessing","isProcessed","useChaptersGetAll","prevCatalogChaptersProcessed","usePrevious","isAddChapterCtaDisabled","useEffect","getFormChapters","handleConfirmCustomChapterAddition","useCallback","updatedPrimaryChaptersList","jsx","BodyLayout","FlexView","Text","CourseCatalog","ChapterSearch","ArrowTooltip","Styled.StyledButton"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,IAAuCC;AAAA,EAC3C,CAAC;AAAA,IACC,kBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,0BAAAC;AAAA,EAAA,MACI;AACE,UAAA;AAAA,MACJ,QAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,qBAAAC,IAAsB,CAAC;AAAA,MACvB,sBAAAC,IAAuB,CAAC;AAAA,MACxB,sBAAAC,IAAuB,CAAC;AAAA,IACtB,IAAAZ,GAEE,EAAE,aAAAa,GAAa,OAAAC,EAAU,IAAAZ,GAEzB;AAAA,MACJ,QAAQa;AAAA,MACR,MAAMC;AAAA,MACN,cAAAC;AAAA,MACA,aAAAC;AAAA,QACEC,EAAkB,GAEhBC,IAA+BC,EAAYH,CAAW,GACtDI,IAA0BV,EAAqB,WAAW;AAEhE,IAAAW,EAAU,MAAM;AACd,MAAIH,MAAiC,MAASF,MAAgB,MAAQF,KACnDjB,EAAA;AAAA,QACf,sBAAsByB,EAAgBR,GAAqB,EAAI;AAAA,MAAA,CAChE;AAAA,OAEF,CAACI,GAA8BF,GAAaF,GAAqBjB,CAAgB,CAAC;AAE/E,UAAA0B,IAAqCC,EAAY,MAAM;AACrD,YAAAC,IAA6BlB,KAAA,gBAAAA,EAAqB,OAAOG;AAE9C,MAAAb,EAAA;AAAA,QACf,sBAAsB,CAAC;AAAA,QACvB,sBAAsB,CAAC;AAAA,QACvB,kBAAkB;AAAA,QAClB,qBAAqB;AAAA,QACrB,qBAAqB4B;AAAA,QACrB,WAAW;AAAA,UACT,sBAAsB;AAAA,UACtB,kBAAkB;AAAA,UAClB,sBAAsB;AAAA,UACtB,qBAAqB;AAAA,UACrB,qBAAqB;AAAA,QACvB;AAAA,MAAA,CACD;AAAA,IACA,GAAA,CAAC5B,GAAkBU,GAAqBG,CAAoB,CAAC;AAG9D,WAAA,gBAAAgB;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,gBAAc;AAAA,QACd,YAAW;AAAA,QACX,iCACGC,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,WAAW,GAC7D,UAAA;AAAA,UAAC,gBAAAF,EAAAG,GAAA,EAAK,WAAU,OAAO,UAAMjB,GAAA;AAAA,UAC7B,gBAAAc;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,QAAA/B;AAAA,cACA,QAAAO;AAAA,cACA,cAAAJ;AAAA,cACA,YAAAC;AAAA,cACA,qBAAAK;AAAA,cACA,kBAAAX;AAAA,cACA,oBAAAgB;AAAA,cACA,gBAAAT;AAAA,cACA,0BAAAC;AAAA,YAAA;AAAA,UACF;AAAA,QAAA,GACF;AAAA,QAEF,aACE,gBAAAqB;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,qBAAAvB;AAAA,YACA,kBAAAX;AAAA,YACA,sBAAAY;AAAA,YACA,cAAcF;AAAA,YACd,QAAAR;AAAA,YACA,UAAAD;AAAA,YACA,cAAAiB;AAAA,YACA,aAAAC;AAAA,UAAA;AAAA,QACF;AAAA,QAEF,eACE,gBAAAU;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,aAAY;AAAA,YACZ,UAAS;AAAA,YACT,QAAQ,CAACZ;AAAA,YAET,UAAA,gBAAAM;AAAA,cAACO;AAAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,QAAQhC,IAAiB,IAAI;AAAA,gBAC7B,OAAOU;AAAA,gBACP,SAASY;AAAA,gBACT,UAAUH;AAAA,cAAA;AAAA,YACZ;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

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    isTeacherTrainingAccount,\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      isTeacherTrainingAccount,\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            isTeacherTrainingAccount,\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        isTeacherTrainingAccount,\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          isTeacherTrainingAccount,\n        }),\n      [\n        config,\n        courseStream,\n        enrollmentType,\n        majorsPresent,\n        region,\n        selectedCourse,\n        selectedCurriculum,\n        selectedGrade,\n        isTeacherTrainingAccount,\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","isTeacherTrainingAccount","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 { FC } from 'react';\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 type { ICourseCatalog } from './add-custom-chapters';\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    isTeacherTrainingAccount,\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      isTeacherTrainingAccount,\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            isTeacherTrainingAccount,\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        isTeacherTrainingAccount,\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          isTeacherTrainingAccount,\n        }),\n      [\n        config,\n        courseStream,\n        enrollmentType,\n        majorsPresent,\n        region,\n        selectedCourse,\n        selectedCurriculum,\n        selectedGrade,\n        isTeacherTrainingAccount,\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","isTeacherTrainingAccount","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":";;;;;;;;AAWA,MAAMA,IAAoCC;AAAA,EACxC,CAAC;AAAA,IACC,QAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,0BAAAC;AAAA,EAAA,MACI;AACE,UAAA,EAAE,MAAAC,MAASC,KAEX;AAAA,MACJ,oBAAAC,IAAqB;AAAA,MACrB,eAAAC,IAAgB;AAAA,MAChB,gBAAAC,IAAiB;AAAA,IACf,IAAAT,GAEE,EAAE,QAAAU,GAAQ,QAAAC,GAAQ,QAAAC,EAAA,IAAWC,EAAkB;AAAA,MACnD,QAAAjB;AAAA,MACA,QAAAC;AAAA,MACA,qBAAAG;AAAA,MACA,cAAAF;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAI;AAAA,MACA,MAAM;AAAA,MACN,0BAAAC;AAAA,IAAA,CACD,GAEKU,IAAgBC,EAAQ,MAAMH,EAAO,SAAS,GAAG,CAACA,CAAM,CAAC,GAEzDI,IAAyBC;AAAA,MAC7B,CAACC,MAA4B;AACV,QAAAhB,EAAA;AAAA,UACf,qBAAqB;AAAA,YACnB,GAAGF;AAAA,YACH,oBAAoBkB;AAAA,UACtB;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACA,CAAClB,GAAqBE,CAAgB;AAAA,IAAA,GAGlCiB,IAAoBF;AAAA,MACxB,CAACG,MAAuB;;AACtB,YAAIC,IAAoBrB,EAAoB;AAExC,SAAAoB,MAAe,QAAQA,MAAe,SAYpBC,KAAAC,IAXOC,EAAiC3B,GAAQ;AAAA,UAClE,aAAaC,KAAU;AAAA,UACvB,OAAOuB;AAAA,UACP,cAAcI,EAAc;AAAA,UAC5B,cAAA1B;AAAA,UACA,gBAAAK;AAAA,UACA,YAAAJ;AAAA,UACA,MAAM;AAAA,UACN,0BAAAK;AAAA,QAAA,CACD,EAEsC,CAAC,MAApB,gBAAAkB,EAAuB,KAG5BpB,EAAA;AAAA,UACf,qBAAqB;AAAA,YACnB,GAAGF;AAAA,YACH,eAAeoB;AAAA,YACf,oBAAoBC;AAAA,UACtB;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACA;AAAA,QACErB;AAAA,QACAE;AAAA,QACAN;AAAA,QACAC;AAAA,QACAC;AAAA,QACAK;AAAA,QACAJ;AAAA,QACAK;AAAA,MACF;AAAA,IAAA,GAGIqB,IAAoBR;AAAA,MACxB,CAACS,MAAuB;AACL,QAAAxB,EAAA;AAAA,UACf,qBAAqB;AAAA,YACnB,GAAGF;AAAA,YACH,gBAAgB0B;AAAA,UAClB;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACA,CAACxB,GAAkBF,CAAmB;AAAA,IAAA,GAGlC2B,IAAcZ;AAAA,MAClB,MACEa,EAAsChC,GAAQ;AAAA,QAC5C,OAAOY;AAAA,QACP,OAAOD;AAAA,QACP,OAAOE;AAAA,QACP,eAAAK;AAAA,QACA,aAAajB,KAAU;AAAA,QACvB,kBAAkB2B,EAAc;AAAA,QAChC,cAAA1B;AAAA,QACA,gBAAAK;AAAA,QACA,0BAAAC;AAAA,MAAA,CACD;AAAA,MACH;AAAA,QACER;AAAA,QACAE;AAAA,QACAK;AAAA,QACAW;AAAA,QACAjB;AAAA,QACAY;AAAA,QACAF;AAAA,QACAC;AAAA,QACAJ;AAAA,MACF;AAAA,IAAA,GAGIyB,IAAcd,EAAQ,OAAMY,KAAA,gBAAAA,EAAa,iBAAgB,IAAI,CAACA,CAAW,CAAC;AAEhF,WAAAG,EAAU,MAAM;AACV,MAAAD,KAAexB,MAAS,UACPJ,EAAA;AAAA,QACjB,aAAa;AAAA,QACb,cAAc4B;AAAA,MAAA,CACf;AAAA,OAEF,CAAC5B,GAAoBI,GAAMwB,GAAaf,CAAa,CAAC,GAEzDgB,EAAU,MAAM;AACd,MAAKD,KACc3B,EAAA;AAAA,QACf,sBAAsB,CAAC;AAAA,MAAA,CACxB;AAAA,IACH,GACC,CAAC2B,GAAa3B,CAAgB,CAAC,GAI9B,gBAAA6B,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,OAAM;AAAA,UACN,OAAO1B;AAAA,UACP,SAASE;AAAA,UACT,UAAUS;AAAA,UACV,QAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UACN,OAAM;AAAA,QAAA;AAAA,MACR;AAAA,MAECX,KAEG,gBAAAuB,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,QAAQ;AAAA,YACR,UAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAM;AAAA,YACN,MAAK;AAAA,YACL,OAAM;AAAA,YACN,SAASvB;AAAA,YACT,iBAAgB;AAAA,YAChB,OAAOJ;AAAA,YACP,UAAUS;AAAA,UAAA;AAAA,QACZ;AAAA,QAECF,KACC,gBAAAmB;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAM;AAAA,YACN,SAAStB;AAAA,YACT,OAAOH;AAAA,YACP,UAAUgB;AAAA,YACV,QAAQ;AAAA,YACR,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAM;AAAA,UAAA;AAAA,QACR;AAAA,MAAA,GAEJ;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF;"}

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    isTeacherTrainingAccount?: boolean;\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  isTeacherTrainingAccount,\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(\n      config,\n      'SCHOOL_SUCCESS',\n      courseStream,\n      enrollmentType,\n      isTeacherTrainingAccount,\n    );\n  }, [config, courseStream, enrollmentType, isTeacherTrainingAccount]);\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        isTeacherTrainingAccount,\n      }),\n    [\n      config,\n      region,\n      selectedGrade,\n      courseStream,\n      classRatio,\n      enrollmentType,\n      flow,\n      isTeacherTrainingAccount,\n    ],\n  );\n\n  const majors = useMemo(() => {\n    return getMajorsFromConfigBasedOnBoardAndGrade(\n      config,\n      selectedCurriculum,\n      selectedGrade,\n      courseStream,\n      enrollmentType,\n      isTeacherTrainingAccount,\n    );\n  }, [\n    config,\n    selectedCurriculum,\n    selectedGrade,\n    courseStream,\n    enrollmentType,\n    isTeacherTrainingAccount,\n  ]);\n\n  return {\n    grades,\n    boards,\n    majors,\n  };\n};\n\nexport { useCatalogHelpers };\n"],"names":["useCatalogHelpers","config","searchChapterFields","region","courseStream","classRatio","enrollmentType","flow","isTeacherTrainingAccount","selectedCurriculum","selectedGrade","grades","useMemo","getGradesBasedOnGoalAvailability","boards","getCategorizedCurriculumStandards","GOAL_CATEGORY","majors","getMajorsFromConfigBasedOnBoardAndGrade"],"mappings":";;;;AAsCA,MAAMA,IAAwC,CAAC;AAAA,EAC7C,QAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,0BAAAC;AACF,MAAM;AACJ,QAAM,EAAE,oBAAAC,IAAqB,IAAI,eAAAC,IAAgB,OAAOR,GAElDS,IAASC,EAAQ,MAEdC;AAAA,IACLZ;AAAA,IACA;AAAA,IACAG;AAAA,IACAE;AAAA,IACAE;AAAA,EAAA,GAED,CAACP,GAAQG,GAAcE,GAAgBE,CAAwB,CAAC,GAE7DM,IAASF;AAAA,IACb,MACEG,EAAkCd,GAAQ;AAAA,MACxC,aAAaE,KAAU;AAAA,MACvB,OAAOO;AAAA,MACP,cAAcM,EAAc;AAAA,MAC5B,cAAAZ;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,MAAAC;AAAA,MACA,0BAAAC;AAAA,IAAA,CACD;AAAA,IACH;AAAA,MACEP;AAAA,MACAE;AAAA,MACAO;AAAA,MACAN;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,IACF;AAAA,EAAA,GAGIS,IAASL,EAAQ,MACdM;AAAA,IACLjB;AAAA,IACAQ;AAAA,IACAC;AAAA,IACAN;AAAA,IACAE;AAAA,IACAE;AAAA,EAAA,GAED;AAAA,IACDP;AAAA,IACAQ;AAAA,IACAC;AAAA,IACAN;AAAA,IACAE;AAAA,IACAE;AAAA,EAAA,CACD;AAEM,SAAA;AAAA,IACL,QAAAG;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 { useMemo } from 'react';\n\nimport type { ISectionOption } from '../../../../../ui/section-list/section-list-types';\nimport { GOAL_CATEGORY } from '../../../../constants';\nimport {\n  getGradesBasedOnGoalAvailability,\n  getMajorsFromConfigBasedOnBoardAndGrade,\n} from '../../../milestone-create-helpers';\nimport type {\n  IMilestoneConfig,\n  ISearchChapterFields,\n  TCourseStream,\n  TCurriculumStandardOption,\n  TEnrollmentTypes,\n  TMilestoneFormFlow,\n} from '../../../milestone-create-types';\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    isTeacherTrainingAccount?: boolean;\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  isTeacherTrainingAccount,\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(\n      config,\n      'SCHOOL_SUCCESS',\n      courseStream,\n      enrollmentType,\n      isTeacherTrainingAccount,\n    );\n  }, [config, courseStream, enrollmentType, isTeacherTrainingAccount]);\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        isTeacherTrainingAccount,\n      }),\n    [\n      config,\n      region,\n      selectedGrade,\n      courseStream,\n      classRatio,\n      enrollmentType,\n      flow,\n      isTeacherTrainingAccount,\n    ],\n  );\n\n  const majors = useMemo(() => {\n    return getMajorsFromConfigBasedOnBoardAndGrade(\n      config,\n      selectedCurriculum,\n      selectedGrade,\n      courseStream,\n      enrollmentType,\n      isTeacherTrainingAccount,\n    );\n  }, [\n    config,\n    selectedCurriculum,\n    selectedGrade,\n    courseStream,\n    enrollmentType,\n    isTeacherTrainingAccount,\n  ]);\n\n  return {\n    grades,\n    boards,\n    majors,\n  };\n};\n\nexport { useCatalogHelpers };\n"],"names":["useCatalogHelpers","config","searchChapterFields","region","courseStream","classRatio","enrollmentType","flow","isTeacherTrainingAccount","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;AAAA,EACA,0BAAAC;AACF,MAAM;AACJ,QAAM,EAAE,oBAAAC,IAAqB,IAAI,eAAAC,IAAgB,OAAOR,GAElDS,IAASC,EAAQ,MAEdC;AAAA,IACLZ;AAAA,IACA;AAAA,IACAG;AAAA,IACAE;AAAA,IACAE;AAAA,EAAA,GAED,CAACP,GAAQG,GAAcE,GAAgBE,CAAwB,CAAC,GAE7DM,IAASF;AAAA,IACb,MACEG,EAAkCd,GAAQ;AAAA,MACxC,aAAaE,KAAU;AAAA,MACvB,OAAOO;AAAA,MACP,cAAcM,EAAc;AAAA,MAC5B,cAAAZ;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,MAAAC;AAAA,MACA,0BAAAC;AAAA,IAAA,CACD;AAAA,IACH;AAAA,MACEP;AAAA,MACAE;AAAA,MACAO;AAAA,MACAN;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,IACF;AAAA,EAAA,GAGIS,IAASL,EAAQ,MACdM;AAAA,IACLjB;AAAA,IACAQ;AAAA,IACAC;AAAA,IACAN;AAAA,IACAE;AAAA,IACAE;AAAA,EAAA,GAED;AAAA,IACDP;AAAA,IACAQ;AAAA,IACAC;AAAA,IACAN;AAAA,IACAE;AAAA,IACAE;AAAA,EAAA,CACD;AAEM,SAAA;AAAA,IACL,QAAAG;AAAA,IACA,QAAAG;AAAA,IACA,QAAAG;AAAA,EAAA;AAEJ;"}

package/dist/features/milestone/create/comps/add-custom-chapter/search-chapter/search-chapters.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-chapters.js","sources":["../../../../../../../src/features/milestone/create/comps/add-custom-chapter/search-chapter/search-chapters.tsx"],"sourcesContent":["import type { IChapter } from '../../chapter-item/chapter-item-types';\nimport type { ISearchChapterProps } from './search-chapter-types';\nimport type { FC } from 'react';\n\nimport { useCallback, memo } from 'react';\n\nimport { IMAGES } from '../../../../../../assets/images/images';\nimport Image from '../../../../../ui/image/image';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport AppLoader from '../../../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../../../ui/text/text';\nimport ChapterItemV2 from '../../chapter-item/chapter-item';\nimport SelectedChapters from '../selected-chapters/selected-chapters';\nimport * as Styled from './chapters-styled';\n\nconst ChapterSearch: FC<ISearchChapterProps> = memo(props => {\n  const { onFormDataChange, formData, isProcessing } = props;\n  const {\n    selectedChaptersList = [],\n    primaryChaptersList = [],\n    searchedChaptersList = [],\n  } = formData;\n\n  const handleOnAddCustomChapter = useCallback(\n    (chapterId: string) => {\n      const searchedChapter = searchedChaptersList.find(({ id }) => chapterId === id);\n      const isThisPrimaryChapter = primaryChaptersList.some(chapter => chapter.id === chapterId);\n      const isChapterAlreadyAdded = selectedChaptersList.some(\n        ({ id, added }) => id === chapterId && added,\n      );\n\n      if (searchedChapter && !isThisPrimaryChapter && !isChapterAlreadyAdded) {\n        const addedChapter: IChapter = {\n          ...searchedChapter,\n          added: true,\n          search_and_added: true,\n        };\n\n        onFormDataChange({\n          selectedChaptersList: [...selectedChaptersList, addedChapter],\n          searchedChaptersList: searchedChaptersList.map(chapter =>\n            chapter.id === chapterId ? { ...chapter, added: true } : chapter,\n          ),\n        });\n      }\n    },\n    [searchedChaptersList, onFormDataChange, selectedChaptersList, primaryChaptersList],\n  );\n\n  return (\n    <FlexView $flexDirection=\"row\" $inherit $width=\"100%\">\n      <Styled.Container\n        $height=\"100%\"\n        $justifyContent={searchedChaptersList.length ? 'flex-start' : 'center'}\n        $gapX={1.5}\n        $gutterX={1.5}\n      >\n        {isProcessing ? (\n          <FlexView $height=\"100%\" $alignItems=\"center\" $justifyContent=\"center\">\n            <AppLoader height=\"100%\" />\n          </FlexView>\n        ) : (\n          <>\n            {searchedChaptersList.length > 0 ? (\n              <Styled.ChaptersList>\n                <FlexView $flexDirection=\"row\" $flexGapX={1.25} $flexWrap>\n                  {searchedChaptersList.map((chapter, idx) => {\n                    const isThisPrimaryChapter = primaryChaptersList.some(\n                      ({ code }) => chapter.code === code,\n                    );\n                    const isChapterAlreadyAdded = selectedChaptersList.some(\n                      ({ id, added }) => id === chapter.id && added,\n                    );\n\n                    return (\n                      <ChapterItemV2\n                        key={chapter.id}\n                        chapterData={chapter}\n                        canAddChapter={!isThisPrimaryChapter && !isChapterAlreadyAdded}\n                        chapterNo={idx + 1}\n                        isThisPrimaryChapter={isThisPrimaryChapter}\n                        onChapterItemClick={handleOnAddCustomChapter}\n                      />\n                    );\n                  })}\n                </FlexView>\n              </Styled.ChaptersList>\n            ) : (\n              <FlexView\n                $flexRowGap={24}\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n                $alignSelf=\"center\"\n                $marginBottomX={5.75}\n                $height=\"100%\"\n              >\n                <Image width={180} height={108} src={IMAGES.NO_INFO} alt=\"No Chapter\" withLoader />\n\n                <Text $renderAs=\"ab2-bold\" $align=\"center\" $color=\"REAL_BLACK_60\" $widthX={21}>\n                  Choose a grade and curriculum to display the chapters\n                </Text>\n              </FlexView>\n            )}\n          </>\n        )}\n      </Styled.Container>\n\n      <SelectedChapters formData={formData} onFormDataChange={onFormDataChange} />\n    </FlexView>\n  );\n});\n\nexport default ChapterSearch;\n"],"names":["ChapterSearch","memo","props","onFormDataChange","formData","isProcessing","selectedChaptersList","primaryChaptersList","searchedChaptersList","handleOnAddCustomChapter","useCallback","chapterId","searchedChapter","id","isThisPrimaryChapter","chapter","isChapterAlreadyAdded","added","addedChapter","FlexView","jsx","Styled.Container","AppLoader","Fragment","Styled.ChaptersList","idx","code","ChapterItemV2","jsxs","Image","IMAGES","Text","SelectedChapters"],"mappings":";;;;;;;;;;AAeM,MAAAA,IAAyCC,EAAK,CAASC,MAAA;AAC3D,QAAM,EAAE,kBAAAC,GAAkB,UAAAC,GAAU,cAAAC,EAAA,IAAiBH,GAC/C;AAAA,IACJ,sBAAAI,IAAuB,CAAC;AAAA,IACxB,qBAAAC,IAAsB,CAAC;AAAA,IACvB,sBAAAC,IAAuB,CAAC;AAAA,EACtB,IAAAJ,GAEEK,IAA2BC;AAAA,IAC/B,CAACC,MAAsB;AACf,YAAAC,IAAkBJ,EAAqB,KAAK,CAAC,EAAE,IAAAK,QAASF,MAAcE,CAAE,GACxEC,IAAuBP,EAAoB,KAAK,CAAWQ,MAAAA,EAAQ,OAAOJ,CAAS,GACnFK,IAAwBV,EAAqB;AAAA,QACjD,CAAC,EAAE,IAAAO,GAAI,OAAAI,EAAM,MAAMJ,MAAOF,KAAaM;AAAA,MAAA;AAGzC,UAAIL,KAAmB,CAACE,KAAwB,CAACE,GAAuB;AACtE,cAAME,IAAyB;AAAA,UAC7B,GAAGN;AAAA,UACH,OAAO;AAAA,UACP,kBAAkB;AAAA,QAAA;AAGH,QAAAT,EAAA;AAAA,UACf,sBAAsB,CAAC,GAAGG,GAAsBY,CAAY;AAAA,UAC5D,sBAAsBV,EAAqB;AAAA,YAAI,CAAAO,MAC7CA,EAAQ,OAAOJ,IAAY,EAAE,GAAGI,GAAS,OAAO,GAAA,IAASA;AAAA,UAC3D;AAAA,QAAA,CACD;AAAA,MACH;AAAA,IACF;AAAA,IACA,CAACP,GAAsBL,GAAkBG,GAAsBC,CAAmB;AAAA,EAAA;AAGpF,2BACGY,GAAS,EAAA,gBAAe,OAAM,UAAQ,IAAC,QAAO,QAC7C,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,iBAAiBb,EAAqB,SAAS,eAAe;AAAA,QAC9D,OAAO;AAAA,QACP,UAAU;AAAA,QAET,UACCH,IAAA,gBAAAe,EAACD,GAAS,EAAA,SAAQ,QAAO,aAAY,UAAS,iBAAgB,UAC5D,4BAACG,GAAU,EAAA,QAAO,OAAO,CAAA,EAC3B,CAAA,IAGG,gBAAAF,EAAAG,GAAA,EAAA,UAAAf,EAAqB,SAAS,sBAC5BgB,GAAA,EACC,UAAA,gBAAAJ,EAACD,KAAS,gBAAe,OAAM,WAAW,MAAM,WAAS,IACtD,UAAAX,EAAqB,IAAI,CAACO,GAASU,MAAQ;AAC1C,gBAAMX,IAAuBP,EAAoB;AAAA,YAC/C,CAAC,EAAE,MAAAmB,EAAK,MAAMX,EAAQ,SAASW;AAAA,UAAA,GAE3BV,IAAwBV,EAAqB;AAAA,YACjD,CAAC,EAAE,IAAAO,GAAI,OAAAI,QAAYJ,MAAOE,EAAQ,MAAME;AAAA,UAAA;AAIxC,iBAAA,gBAAAG;AAAA,YAACO;AAAA,YAAA;AAAA,cAEC,aAAaZ;AAAA,cACb,eAAe,CAACD,KAAwB,CAACE;AAAA,cACzC,WAAWS,IAAM;AAAA,cACjB,sBAAAX;AAAA,cACA,oBAAoBL;AAAA,YAAA;AAAA,YALfM,EAAQ;AAAA,UAAA;AAAA,QAMf,CAEH,EACH,CAAA,EACF,CAAA,IAEA,gBAAAa;AAAA,UAACT;AAAA,UAAA;AAAA,YACC,aAAa;AAAA,YACb,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,YAAW;AAAA,YACX,gBAAgB;AAAA,YAChB,SAAQ;AAAA,YAER,UAAA;AAAA,cAAC,gBAAAC,EAAAS,GAAA,EAAM,OAAO,KAAK,QAAQ,KAAK,KAAKC,EAAO,SAAS,KAAI,cAAa,YAAU,GAAC,CAAA;AAAA,cAEjF,gBAAAV,EAACW,GAAK,EAAA,WAAU,YAAW,QAAO,UAAS,QAAO,iBAAgB,SAAS,IAAI,UAE/E,wDAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAGN;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEA,gBAAAX,EAACY,GAAiB,EAAA,UAAA5B,GAAoB,kBAAAD,EAAoC,CAAA;AAAA,EAC5E,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"search-chapters.js","sources":["../../../../../../../src/features/milestone/create/comps/add-custom-chapter/search-chapter/search-chapters.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useCallback, memo } from 'react';\n\nimport { IMAGES } from '../../../../../../assets/images/images';\nimport Image from '../../../../../ui/image/image';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport AppLoader from '../../../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../../../ui/text/text';\nimport ChapterItemV2 from '../../chapter-item/chapter-item';\nimport type { IChapter } from '../../chapter-item/chapter-item-types';\nimport SelectedChapters from '../selected-chapters/selected-chapters';\nimport * as Styled from './chapters-styled';\nimport type { ISearchChapterProps } from './search-chapter-types';\n\nconst ChapterSearch: FC<ISearchChapterProps> = memo(props => {\n  const { onFormDataChange, formData, isProcessing } = props;\n  const {\n    selectedChaptersList = [],\n    primaryChaptersList = [],\n    searchedChaptersList = [],\n  } = formData;\n\n  const handleOnAddCustomChapter = useCallback(\n    (chapterId: string) => {\n      const searchedChapter = searchedChaptersList.find(({ id }) => chapterId === id);\n      const isThisPrimaryChapter = primaryChaptersList.some(chapter => chapter.id === chapterId);\n      const isChapterAlreadyAdded = selectedChaptersList.some(\n        ({ id, added }) => id === chapterId && added,\n      );\n\n      if (searchedChapter && !isThisPrimaryChapter && !isChapterAlreadyAdded) {\n        const addedChapter: IChapter = {\n          ...searchedChapter,\n          added: true,\n          search_and_added: true,\n        };\n\n        onFormDataChange({\n          selectedChaptersList: [...selectedChaptersList, addedChapter],\n          searchedChaptersList: searchedChaptersList.map(chapter =>\n            chapter.id === chapterId ? { ...chapter, added: true } : chapter,\n          ),\n        });\n      }\n    },\n    [searchedChaptersList, onFormDataChange, selectedChaptersList, primaryChaptersList],\n  );\n\n  return (\n    <FlexView $flexDirection=\"row\" $inherit $width=\"100%\">\n      <Styled.Container\n        $height=\"100%\"\n        $justifyContent={searchedChaptersList.length ? 'flex-start' : 'center'}\n        $gapX={1.5}\n        $gutterX={1.5}\n      >\n        {isProcessing ? (\n          <FlexView $height=\"100%\" $alignItems=\"center\" $justifyContent=\"center\">\n            <AppLoader height=\"100%\" />\n          </FlexView>\n        ) : (\n          <>\n            {searchedChaptersList.length > 0 ? (\n              <Styled.ChaptersList>\n                <FlexView $flexDirection=\"row\" $flexGapX={1.25} $flexWrap>\n                  {searchedChaptersList.map((chapter, idx) => {\n                    const isThisPrimaryChapter = primaryChaptersList.some(\n                      ({ code }) => chapter.code === code,\n                    );\n                    const isChapterAlreadyAdded = selectedChaptersList.some(\n                      ({ id, added }) => id === chapter.id && added,\n                    );\n\n                    return (\n                      <ChapterItemV2\n                        key={chapter.id}\n                        chapterData={chapter}\n                        canAddChapter={!isThisPrimaryChapter && !isChapterAlreadyAdded}\n                        chapterNo={idx + 1}\n                        isThisPrimaryChapter={isThisPrimaryChapter}\n                        onChapterItemClick={handleOnAddCustomChapter}\n                      />\n                    );\n                  })}\n                </FlexView>\n              </Styled.ChaptersList>\n            ) : (\n              <FlexView\n                $flexRowGap={24}\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n                $alignSelf=\"center\"\n                $marginBottomX={5.75}\n                $height=\"100%\"\n              >\n                <Image width={180} height={108} src={IMAGES.NO_INFO} alt=\"No Chapter\" withLoader />\n\n                <Text $renderAs=\"ab2-bold\" $align=\"center\" $color=\"REAL_BLACK_60\" $widthX={21}>\n                  Choose a grade and curriculum to display the chapters\n                </Text>\n              </FlexView>\n            )}\n          </>\n        )}\n      </Styled.Container>\n\n      <SelectedChapters formData={formData} onFormDataChange={onFormDataChange} />\n    </FlexView>\n  );\n});\n\nexport default ChapterSearch;\n"],"names":["ChapterSearch","memo","props","onFormDataChange","formData","isProcessing","selectedChaptersList","primaryChaptersList","searchedChaptersList","handleOnAddCustomChapter","useCallback","chapterId","searchedChapter","id","isThisPrimaryChapter","chapter","isChapterAlreadyAdded","added","addedChapter","FlexView","jsx","Styled.Container","AppLoader","Fragment","Styled.ChaptersList","idx","code","ChapterItemV2","jsxs","Image","IMAGES","Text","SelectedChapters"],"mappings":"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"}

package/dist/features/milestone/create/comps/add-custom-chapter/selected-chapters/selected-chapter-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"selected-chapter-item.js","sources":["../../../../../../../src/features/milestone/create/comps/add-custom-chapter/selected-chapters/selected-chapter-item.tsx"],"sourcesContent":["import type { ISelectedChapterItemProps } from './selected-chapters-types';\nimport type { FC } from 'react';\n\nimport { useCallback, memo } from 'react';\n\nimport CrossIcon from '../../../../../../assets/line-icons/icons/cross';\nimport IconButton from '../../../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport TagsRenderer from './tags-render';\n\nconst SelectedChapterItem: FC<ISelectedChapterItemProps> = memo(\n  ({ chapter, handleDeleteClick }) => {\n    const { id, name, chapter_tags: tags } = chapter;\n\n    const deleteChapterSelection = useCallback(() => {\n      handleDeleteClick(id);\n    }, [handleDeleteClick, id]);\n\n    return (\n      <FlexView\n        $gapX={1}\n        $gutterX={1}\n        $flexDirection=\"row\"\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n      >\n        <FlexView $flexRowGap={4}>\n          <Text $renderAs=\"ab3\">{name}</Text>\n          <FlexView $flexDirection=\"row\" $flexGap={4}>\n            <TagsRenderer tags={tags} />\n          </FlexView>\n        </FlexView>\n\n        <IconButton\n          renderAs=\"secondary\"\n          size=\"xsmall\"\n          analyticsLabel=\"Remove custom chapter\"\n          onClick={deleteChapterSelection}\n          Icon={CrossIcon}\n        />\n      </FlexView>\n    );\n  },\n);\n\nexport default SelectedChapterItem;\n"],"names":["SelectedChapterItem","memo","chapter","handleDeleteClick","id","name","tags","deleteChapterSelection","useCallback","jsxs","FlexView","jsx","Text","TagsRenderer","IconButton","CrossIcon"],"mappings":";;;;;;;AAWA,MAAMA,IAAqDC;AAAA,EACzD,CAAC,EAAE,SAAAC,GAAS,mBAAAC,QAAwB;AAClC,UAAM,EAAE,IAAAC,GAAI,MAAAC,GAAM,cAAcC,MAASJ,GAEnCK,IAAyBC,EAAY,MAAM;AAC/C,MAAAL,EAAkBC,CAAE;AAAA,IAAA,GACnB,CAACD,GAAmBC,CAAE,CAAC;AAGxB,WAAA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAC,gBAAAD,EAAAC,GAAA,EAAS,aAAa,GACrB,UAAA;AAAA,YAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,OAAO,UAAKP,GAAA;AAAA,YAC5B,gBAAAM,EAACD,KAAS,gBAAe,OAAM,UAAU,GACvC,UAAA,gBAAAC,EAACE,GAAa,EAAA,MAAAP,EAAA,CAAY,EAC5B,CAAA;AAAA,UAAA,GACF;AAAA,UAEA,gBAAAK;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAK;AAAA,cACL,gBAAe;AAAA,cACf,SAASP;AAAA,cACT,MAAMQ;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"selected-chapter-item.js","sources":["../../../../../../../src/features/milestone/create/comps/add-custom-chapter/selected-chapters/selected-chapter-item.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useCallback, memo } from 'react';\n\nimport CrossIcon from '../../../../../../assets/line-icons/icons/cross';\nimport IconButton from '../../../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport type { ISelectedChapterItemProps } from './selected-chapters-types';\nimport TagsRenderer from './tags-render';\n\nconst SelectedChapterItem: FC<ISelectedChapterItemProps> = memo(\n  ({ chapter, handleDeleteClick }) => {\n    const { id, name, chapter_tags: tags } = chapter;\n\n    const deleteChapterSelection = useCallback(() => {\n      handleDeleteClick(id);\n    }, [handleDeleteClick, id]);\n\n    return (\n      <FlexView\n        $gapX={1}\n        $gutterX={1}\n        $flexDirection=\"row\"\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n      >\n        <FlexView $flexRowGap={4}>\n          <Text $renderAs=\"ab3\">{name}</Text>\n          <FlexView $flexDirection=\"row\" $flexGap={4}>\n            <TagsRenderer tags={tags} />\n          </FlexView>\n        </FlexView>\n\n        <IconButton\n          renderAs=\"secondary\"\n          size=\"xsmall\"\n          analyticsLabel=\"Remove custom chapter\"\n          onClick={deleteChapterSelection}\n          Icon={CrossIcon}\n        />\n      </FlexView>\n    );\n  },\n);\n\nexport default SelectedChapterItem;\n"],"names":["SelectedChapterItem","memo","chapter","handleDeleteClick","id","name","tags","deleteChapterSelection","useCallback","jsxs","FlexView","jsx","Text","TagsRenderer","IconButton","CrossIcon"],"mappings":";;;;;;;AAUA,MAAMA,IAAqDC;AAAA,EACzD,CAAC,EAAE,SAAAC,GAAS,mBAAAC,QAAwB;AAClC,UAAM,EAAE,IAAAC,GAAI,MAAAC,GAAM,cAAcC,MAASJ,GAEnCK,IAAyBC,EAAY,MAAM;AAC/C,MAAAL,EAAkBC,CAAE;AAAA,IAAA,GACnB,CAACD,GAAmBC,CAAE,CAAC;AAGxB,WAAA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAC,gBAAAD,EAAAC,GAAA,EAAS,aAAa,GACrB,UAAA;AAAA,YAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,OAAO,UAAKP,GAAA;AAAA,YAC5B,gBAAAM,EAACD,KAAS,gBAAe,OAAM,UAAU,GACvC,UAAA,gBAAAC,EAACE,GAAa,EAAA,MAAAP,EAAA,CAAY,EAC5B,CAAA;AAAA,UAAA,GACF;AAAA,UAEA,gBAAAK;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAK;AAAA,cACL,gBAAe;AAAA,cACf,SAASP;AAAA,cACT,MAAMQ;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/features/milestone/create/comps/add-custom-chapter/selected-chapters/selected-chapters.js.map

@@ -1 +1 @@
-{"version":3,"file":"selected-chapters.js","sources":["../../../../../../../src/features/milestone/create/comps/add-custom-chapter/selected-chapters/selected-chapters.tsx"],"sourcesContent":["import type { ISelectedChapterProps } from './selected-chapters-types';\nimport type { FC } from 'react';\n\nimport { Fragment, memo, useCallback } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Seperator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport SelectedChapterItem from './selected-chapter-item';\nimport * as Styled from './selected-chapters-styled';\n\nconst SelectedChapters: FC<ISelectedChapterProps> = memo(props => {\n  const { formData, onFormDataChange } = props;\n  const { selectedChaptersList = [], searchedChaptersList = [] } = formData;\n\n  const handleDeleteClick = useCallback(\n    (chapterId: string) => {\n      const filteredSelectedChapters = selectedChaptersList.filter(\n        ({ id: cId }) => cId !== chapterId,\n      );\n\n      onFormDataChange({\n        selectedChaptersList: filteredSelectedChapters,\n        searchedChaptersList: searchedChaptersList.map(chapter =>\n          chapter.id === chapterId ? { ...chapter, added: false } : chapter,\n        ),\n      });\n    },\n    [selectedChaptersList, onFormDataChange, searchedChaptersList],\n  );\n\n  return (\n    <Styled.SelectedChaptersWrapper\n      $widthX={23}\n      $justifyContent={selectedChaptersList.length ? 'flex-start' : 'center'}\n    >\n      {selectedChaptersList.length ? (\n        <>\n          <FlexView $gapX={1} $gutterX={1} $background=\"WHITE_2\">\n            <Seperator heightX={0.5} background=\"WHITE_2\" />\n            <Text $renderAs=\"ac4\" $color=\"BLACK_T_60\">\n              Selected chapters ({selectedChaptersList.length})\n            </Text>\n          </FlexView>\n\n          {selectedChaptersList.map(chapter => (\n            <Fragment key={chapter.id}>\n              <SelectedChapterItem chapter={chapter} handleDeleteClick={handleDeleteClick} />\n              <Seperator height={1} background=\"WHITE_5\" />\n            </Fragment>\n          ))}\n        </>\n      ) : (\n        <FlexView $flexRowGap={24} $alignItems=\"center\" $justifyContent=\"center\">\n          <Styled.StyledBook2Icon width={60} height={60} color=\"BLACK_T_38\" fill=\"white\" />\n          <Text $renderAs=\"ab2\" $align=\"center\" $color=\"BLACK_T_38\" $widthX={14}>\n            The chapters you select will be shown here\n          </Text>\n        </FlexView>\n      )}\n    </Styled.SelectedChaptersWrapper>\n  );\n});\n\nexport default SelectedChapters;\n"],"names":["SelectedChapters","memo","props","formData","onFormDataChange","selectedChaptersList","searchedChaptersList","handleDeleteClick","useCallback","chapterId","filteredSelectedChapters","cId","chapter","jsx","Styled.SelectedChaptersWrapper","jsxs","Fragment","FlexView","Seperator","Text","SelectedChapterItem","Styled.StyledBook2Icon"],"mappings":";;;;;;;AAWM,MAAAA,IAA8CC,EAAK,CAASC,MAAA;AAC1D,QAAA,EAAE,UAAAC,GAAU,kBAAAC,EAAqB,IAAAF,GACjC,EAAE,sBAAAG,IAAuB,IAAI,sBAAAC,IAAuB,OAAOH,GAE3DI,IAAoBC;AAAA,IACxB,CAACC,MAAsB;AACrB,YAAMC,IAA2BL,EAAqB;AAAA,QACpD,CAAC,EAAE,IAAIM,QAAUA,MAAQF;AAAA,MAAA;AAGV,MAAAL,EAAA;AAAA,QACf,sBAAsBM;AAAA,QACtB,sBAAsBJ,EAAqB;AAAA,UAAI,CAAAM,MAC7CA,EAAQ,OAAOH,IAAY,EAAE,GAAGG,GAAS,OAAO,GAAA,IAAUA;AAAA,QAC5D;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA,CAACP,GAAsBD,GAAkBE,CAAoB;AAAA,EAAA;AAI7D,SAAA,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,iBAAiBT,EAAqB,SAAS,eAAe;AAAA,MAE7D,UAAAA,EAAqB,SAElB,gBAAAU,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAD,EAACE,KAAS,OAAO,GAAG,UAAU,GAAG,aAAY,WAC3C,UAAA;AAAA,UAAA,gBAAAJ,EAACK,GAAU,EAAA,SAAS,KAAK,YAAW,WAAU;AAAA,UAC7C,gBAAAH,EAAAI,GAAA,EAAK,WAAU,OAAM,QAAO,cAAa,UAAA;AAAA,YAAA;AAAA,YACpBd,EAAqB;AAAA,YAAO;AAAA,UAAA,GAClD;AAAA,QAAA,GACF;AAAA,QAECA,EAAqB,IAAI,CACxBO,MAAA,gBAAAG,EAACC,GAAA,EACC,UAAA;AAAA,UAAC,gBAAAH,EAAAO,GAAA,EAAoB,SAAAR,GAAkB,mBAAAL,EAAsC,CAAA;AAAA,UAC5E,gBAAAM,EAAAK,GAAA,EAAU,QAAQ,GAAG,YAAW,WAAU;AAAA,QAAA,KAF9BN,EAAQ,EAGvB,CACD;AAAA,MACH,EAAA,CAAA,sBAECK,GAAS,EAAA,aAAa,IAAI,aAAY,UAAS,iBAAgB,UAC9D,UAAA;AAAA,QAAC,gBAAAJ,EAAAQ,GAAA,EAAuB,OAAO,IAAI,QAAQ,IAAI,OAAM,cAAa,MAAK,QAAQ,CAAA;AAAA,QAC/E,gBAAAR,EAACM,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,QAAO,cAAa,SAAS,IAAI,UAEvE,6CAAA,CAAA;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}
+{"version":3,"file":"selected-chapters.js","sources":["../../../../../../../src/features/milestone/create/comps/add-custom-chapter/selected-chapters/selected-chapters.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { Fragment, memo, useCallback } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Seperator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport SelectedChapterItem from './selected-chapter-item';\nimport * as Styled from './selected-chapters-styled';\nimport type { ISelectedChapterProps } from './selected-chapters-types';\n\nconst SelectedChapters: FC<ISelectedChapterProps> = memo(props => {\n  const { formData, onFormDataChange } = props;\n  const { selectedChaptersList = [], searchedChaptersList = [] } = formData;\n\n  const handleDeleteClick = useCallback(\n    (chapterId: string) => {\n      const filteredSelectedChapters = selectedChaptersList.filter(\n        ({ id: cId }) => cId !== chapterId,\n      );\n\n      onFormDataChange({\n        selectedChaptersList: filteredSelectedChapters,\n        searchedChaptersList: searchedChaptersList.map(chapter =>\n          chapter.id === chapterId ? { ...chapter, added: false } : chapter,\n        ),\n      });\n    },\n    [selectedChaptersList, onFormDataChange, searchedChaptersList],\n  );\n\n  return (\n    <Styled.SelectedChaptersWrapper\n      $widthX={23}\n      $justifyContent={selectedChaptersList.length ? 'flex-start' : 'center'}\n    >\n      {selectedChaptersList.length ? (\n        <>\n          <FlexView $gapX={1} $gutterX={1} $background=\"WHITE_2\">\n            <Seperator heightX={0.5} background=\"WHITE_2\" />\n            <Text $renderAs=\"ac4\" $color=\"BLACK_T_60\">\n              Selected chapters ({selectedChaptersList.length})\n            </Text>\n          </FlexView>\n\n          {selectedChaptersList.map(chapter => (\n            <Fragment key={chapter.id}>\n              <SelectedChapterItem chapter={chapter} handleDeleteClick={handleDeleteClick} />\n              <Seperator height={1} background=\"WHITE_5\" />\n            </Fragment>\n          ))}\n        </>\n      ) : (\n        <FlexView $flexRowGap={24} $alignItems=\"center\" $justifyContent=\"center\">\n          <Styled.StyledBook2Icon width={60} height={60} color=\"BLACK_T_38\" fill=\"white\" />\n          <Text $renderAs=\"ab2\" $align=\"center\" $color=\"BLACK_T_38\" $widthX={14}>\n            The chapters you select will be shown here\n          </Text>\n        </FlexView>\n      )}\n    </Styled.SelectedChaptersWrapper>\n  );\n});\n\nexport default SelectedChapters;\n"],"names":["SelectedChapters","memo","props","formData","onFormDataChange","selectedChaptersList","searchedChaptersList","handleDeleteClick","useCallback","chapterId","filteredSelectedChapters","cId","chapter","jsx","Styled.SelectedChaptersWrapper","jsxs","Fragment","FlexView","Seperator","Text","SelectedChapterItem","Styled.StyledBook2Icon"],"mappings":";;;;;;;AAUM,MAAAA,IAA8CC,EAAK,CAASC,MAAA;AAC1D,QAAA,EAAE,UAAAC,GAAU,kBAAAC,EAAqB,IAAAF,GACjC,EAAE,sBAAAG,IAAuB,IAAI,sBAAAC,IAAuB,OAAOH,GAE3DI,IAAoBC;AAAA,IACxB,CAACC,MAAsB;AACrB,YAAMC,IAA2BL,EAAqB;AAAA,QACpD,CAAC,EAAE,IAAIM,QAAUA,MAAQF;AAAA,MAAA;AAGV,MAAAL,EAAA;AAAA,QACf,sBAAsBM;AAAA,QACtB,sBAAsBJ,EAAqB;AAAA,UAAI,CAAAM,MAC7CA,EAAQ,OAAOH,IAAY,EAAE,GAAGG,GAAS,OAAO,GAAA,IAAUA;AAAA,QAC5D;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA,CAACP,GAAsBD,GAAkBE,CAAoB;AAAA,EAAA;AAI7D,SAAA,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,iBAAiBT,EAAqB,SAAS,eAAe;AAAA,MAE7D,UAAAA,EAAqB,SAElB,gBAAAU,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAD,EAACE,KAAS,OAAO,GAAG,UAAU,GAAG,aAAY,WAC3C,UAAA;AAAA,UAAA,gBAAAJ,EAACK,GAAU,EAAA,SAAS,KAAK,YAAW,WAAU;AAAA,UAC7C,gBAAAH,EAAAI,GAAA,EAAK,WAAU,OAAM,QAAO,cAAa,UAAA;AAAA,YAAA;AAAA,YACpBd,EAAqB;AAAA,YAAO;AAAA,UAAA,GAClD;AAAA,QAAA,GACF;AAAA,QAECA,EAAqB,IAAI,CACxBO,MAAA,gBAAAG,EAACC,GAAA,EACC,UAAA;AAAA,UAAC,gBAAAH,EAAAO,GAAA,EAAoB,SAAAR,GAAkB,mBAAAL,EAAsC,CAAA;AAAA,UAC5E,gBAAAM,EAAAK,GAAA,EAAU,QAAQ,GAAG,YAAW,WAAU;AAAA,QAAA,KAF9BN,EAAQ,EAGvB,CACD;AAAA,MACH,EAAA,CAAA,sBAECK,GAAS,EAAA,aAAa,IAAI,aAAY,UAAS,iBAAgB,UAC9D,UAAA;AAAA,QAAC,gBAAAJ,EAAAQ,GAAA,EAAuB,OAAO,IAAI,QAAQ,IAAI,OAAM,cAAa,MAAK,QAAQ,CAAA;AAAA,QAC/E,gBAAAR,EAACM,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,QAAO,cAAa,SAAS,IAAI,UAEvE,6CAAA,CAAA;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

package/dist/features/milestone/create/comps/add-custom-chapter/selected-chapters/tags-render.js.map

@@ -1 +1 @@
-{"version":3,"file":"tags-render.js","sources":["../../../../../../../src/features/milestone/create/comps/add-custom-chapter/selected-chapters/tags-render.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport Tag from '../../../../../ui/tag/tag';\n\nconst TagsRenderer: FC<{ tags: string[] }> = memo(({ tags }) => {\n  return (\n    <>\n      {tags.map(tag => (\n        <Tag key={tag} text={tag} backgroundColor=\"WHITE_1\" textColor=\"BLACK_T_60\" />\n      ))}\n    </>\n  );\n});\n\nexport default TagsRenderer;\n"],"names":["TagsRenderer","memo","tags","jsx","Fragment","tag","Tag"],"mappings":";;;AAMA,MAAMA,IAAuCC,EAAK,CAAC,EAAE,MAAAC,QAG9C,gBAAAC,EAAAC,GAAA,EAAA,UAAAF,EAAK,IAAI,CAAAG,wBACPC,GAAc,EAAA,MAAMD,GAAK,iBAAgB,WAAU,WAAU,gBAApDA,CAAiE,CAC5E,EACH,CAAA,CAEH;"}
+{"version":3,"file":"tags-render.js","sources":["../../../../../../../src/features/milestone/create/comps/add-custom-chapter/selected-chapters/tags-render.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { memo } from 'react';\n\nimport Tag from '../../../../../ui/tag/tag';\n\nconst TagsRenderer: FC<{ tags: string[] }> = memo(({ tags }) => {\n  return (\n    <>\n      {tags.map(tag => (\n        <Tag key={tag} text={tag} backgroundColor=\"WHITE_1\" textColor=\"BLACK_T_60\" />\n      ))}\n    </>\n  );\n});\n\nexport default TagsRenderer;\n"],"names":["TagsRenderer","memo","tags","jsx","Fragment","tag","Tag"],"mappings":";;;AAKA,MAAMA,IAAuCC,EAAK,CAAC,EAAE,MAAAC,QAG9C,gBAAAC,EAAAC,GAAA,EAAA,UAAAF,EAAK,IAAI,CAAAG,wBACPC,GAAc,EAAA,MAAMD,GAAK,iBAAgB,WAAU,WAAU,gBAApDA,CAAiE,CAC5E,EACH,CAAA,CAEH;"}

package/dist/features/milestone/create/comps/body-layout/body-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"body-layout.js","sources":["../../../../../../src/features/milestone/create/comps/body-layout/body-layout.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport React, { memo, useCallback, useContext, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Back2Icon from '../../../../../assets/line-icons/icons/back2';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport MilestoneCreateContext from '../../milestone-create-context';\nimport { ContentContainer, HeaderContainer, FooterWrapper } from '../../milestone-create-styled';\n\ninterface BodyLayoutProps {\n  headerElement?: ReactElement; //TODO: Make this mandatory\n  bodyElement: ReactElement;\n  footerElement?: ReactElement;\n  overflowHidden?: boolean;\n  onBackButtonClick?: (handleBack: () => void) => void;\n  bodyHeight?: string;\n  stepName?: string;\n}\n\nconst BodyLayout: React.FC<BodyLayoutProps> = memo(\n  ({\n    bodyElement,\n    bodyHeight,\n    footerElement,\n    overflowHidden,\n    stepName,\n    headerElement,\n    onBackButtonClick,\n  }) => {\n    const {\n      layout: { gutter },\n    } = useTheme();\n    const { handleBack } = useContext(MilestoneCreateContext);\n\n    const buttonAnalyticsProps = useMemo(\n      () => ({\n        step: stepName,\n      }),\n      [stepName],\n    );\n\n    const handleBackButtonClick = useCallback(() => {\n      if (onBackButtonClick) {\n        onBackButtonClick(handleBack);\n      } else {\n        handleBack();\n      }\n    }, [onBackButtonClick, handleBack]);\n\n    return (\n      <>\n        <HeaderContainer\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $heightX={3.75}\n          $flexGapX={1}\n          $gapX={1}\n          $gutterX={1}\n          $background=\"WHITE_3\"\n        >\n          <Clickable\n            label=\"Back\"\n            analyticsProps={buttonAnalyticsProps}\n            onClick={handleBackButtonClick}\n          >\n            <Back2Icon width={gutter * 1.5} height={gutter * 1.5} />\n          </Clickable>\n\n          {headerElement}\n        </HeaderContainer>\n\n        <ContentContainer $overflowHidden={overflowHidden}>\n          <FlexView $height={bodyHeight}>{bodyElement}</FlexView>\n        </ContentContainer>\n\n        {footerElement && (\n          <FooterWrapper $gapX={1} $gutterX={1}>\n            {footerElement}\n          </FooterWrapper>\n        )}\n      </>\n    );\n  },\n);\n\nexport default BodyLayout;\n"],"names":["BodyLayout","memo","bodyElement","bodyHeight","footerElement","overflowHidden","stepName","headerElement","onBackButtonClick","gutter","useTheme","handleBack","useContext","MilestoneCreateContext","buttonAnalyticsProps","useMemo","handleBackButtonClick","useCallback","jsxs","Fragment","HeaderContainer","jsx","Clickable","Back2Icon","ContentContainer","FlexView","FooterWrapper"],"mappings":";;;;;;;;AAqBA,MAAMA,IAAwCC;AAAA,EAC5C,CAAC;AAAA,IACC,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,mBAAAC;AAAA,EAAA,MACI;AACE,UAAA;AAAA,MACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,QACfC,EAAS,GACP,EAAE,YAAAC,EAAA,IAAeC,EAAWC,CAAsB,GAElDC,IAAuBC;AAAA,MAC3B,OAAO;AAAA,QACL,MAAMT;AAAA,MAAA;AAAA,MAER,CAACA,CAAQ;AAAA,IAAA,GAGLU,IAAwBC,EAAY,MAAM;AAC9C,MAAIT,IACFA,EAAkBG,CAAU,IAEjBA;IACb,GACC,CAACH,GAAmBG,CAAU,CAAC;AAElC,WAEI,gBAAAO,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,UAAU;AAAA,UACV,WAAW;AAAA,UACX,OAAO;AAAA,UACP,UAAU;AAAA,UACV,aAAY;AAAA,UAEZ,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,OAAM;AAAA,gBACN,gBAAgBR;AAAA,gBAChB,SAASE;AAAA,gBAET,4BAACO,GAAU,EAAA,OAAOd,IAAS,KAAK,QAAQA,IAAS,KAAK;AAAA,cAAA;AAAA,YACxD;AAAA,YAECF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,MAEA,gBAAAc,EAACG,KAAiB,iBAAiBnB,GACjC,4BAACoB,GAAS,EAAA,SAAStB,GAAa,UAAAD,EAAA,CAAY,EAC9C,CAAA;AAAA,MAECE,KACE,gBAAAiB,EAAAK,GAAA,EAAc,OAAO,GAAG,UAAU,GAChC,UACHtB,GAAA;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"body-layout.js","sources":["../../../../../../src/features/milestone/create/comps/body-layout/body-layout.tsx"],"sourcesContent":["import type { ReactElement, FC } from 'react';\nimport { memo, useCallback, useContext, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Back2Icon from '../../../../../assets/line-icons/icons/back2';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport MilestoneCreateContext from '../../milestone-create-context';\nimport { ContentContainer, HeaderContainer, FooterWrapper } from '../../milestone-create-styled';\n\ninterface BodyLayoutProps {\n  headerElement?: ReactElement; //TODO: Make this mandatory\n  bodyElement: ReactElement;\n  footerElement?: ReactElement;\n  overflowHidden?: boolean;\n  onBackButtonClick?: (handleBack: () => void) => void;\n  bodyHeight?: string;\n  stepName?: string;\n}\n\nconst BodyLayout: FC<BodyLayoutProps> = memo(\n  ({\n    bodyElement,\n    bodyHeight,\n    footerElement,\n    overflowHidden,\n    stepName,\n    headerElement,\n    onBackButtonClick,\n  }) => {\n    const {\n      layout: { gutter },\n    } = useTheme();\n    const { handleBack } = useContext(MilestoneCreateContext);\n\n    const buttonAnalyticsProps = useMemo(\n      () => ({\n        step: stepName,\n      }),\n      [stepName],\n    );\n\n    const handleBackButtonClick = useCallback(() => {\n      if (onBackButtonClick) {\n        onBackButtonClick(handleBack);\n      } else {\n        handleBack();\n      }\n    }, [onBackButtonClick, handleBack]);\n\n    return (\n      <>\n        <HeaderContainer\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $heightX={3.75}\n          $flexGapX={1}\n          $gapX={1}\n          $gutterX={1}\n          $background=\"WHITE_3\"\n        >\n          <Clickable\n            label=\"Back\"\n            analyticsProps={buttonAnalyticsProps}\n            onClick={handleBackButtonClick}\n          >\n            <Back2Icon width={gutter * 1.5} height={gutter * 1.5} />\n          </Clickable>\n\n          {headerElement}\n        </HeaderContainer>\n\n        <ContentContainer $overflowHidden={overflowHidden}>\n          <FlexView $height={bodyHeight}>{bodyElement}</FlexView>\n        </ContentContainer>\n\n        {footerElement && (\n          <FooterWrapper $gapX={1} $gutterX={1}>\n            {footerElement}\n          </FooterWrapper>\n        )}\n      </>\n    );\n  },\n);\n\nexport default BodyLayout;\n"],"names":["BodyLayout","memo","bodyElement","bodyHeight","footerElement","overflowHidden","stepName","headerElement","onBackButtonClick","gutter","useTheme","handleBack","useContext","MilestoneCreateContext","buttonAnalyticsProps","useMemo","handleBackButtonClick","useCallback","jsxs","Fragment","HeaderContainer","jsx","Clickable","Back2Icon","ContentContainer","FlexView","FooterWrapper"],"mappings":";;;;;;;;AAoBA,MAAMA,IAAkCC;AAAA,EACtC,CAAC;AAAA,IACC,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,mBAAAC;AAAA,EAAA,MACI;AACE,UAAA;AAAA,MACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,QACfC,EAAS,GACP,EAAE,YAAAC,EAAA,IAAeC,EAAWC,CAAsB,GAElDC,IAAuBC;AAAA,MAC3B,OAAO;AAAA,QACL,MAAMT;AAAA,MAAA;AAAA,MAER,CAACA,CAAQ;AAAA,IAAA,GAGLU,IAAwBC,EAAY,MAAM;AAC9C,MAAIT,IACFA,EAAkBG,CAAU,IAEjBA;IACb,GACC,CAACH,GAAmBG,CAAU,CAAC;AAElC,WAEI,gBAAAO,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,UAAU;AAAA,UACV,WAAW;AAAA,UACX,OAAO;AAAA,UACP,UAAU;AAAA,UACV,aAAY;AAAA,UAEZ,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,OAAM;AAAA,gBACN,gBAAgBR;AAAA,gBAChB,SAASE;AAAA,gBAET,4BAACO,GAAU,EAAA,OAAOd,IAAS,KAAK,QAAQA,IAAS,KAAK;AAAA,cAAA;AAAA,YACxD;AAAA,YAECF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,MAEA,gBAAAc,EAACG,KAAiB,iBAAiBnB,GACjC,4BAACoB,GAAS,EAAA,SAAStB,GAAa,UAAAD,EAAA,CAAY,EAC9C,CAAA;AAAA,MAECE,KACE,gBAAAiB,EAAAK,GAAA,EAAc,OAAO,GAAG,UAAU,GAChC,UACHtB,GAAA;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF;"}